* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

img {
    border: none;
}


ul,
ol,
li {
    list-style: none;
}

html {
    font-size: 62.5%;
    min-height: 100%;
}

.mobe {
    font-size: 13.33333333vw;
}

body {
    font-size: 20px;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    
}

.mobe .mymobe {
    font-size: .24rem;
}

body {
    font-family: '微软雅黑', 'Heiti SC';
}


.mypc .mar50 {
    margin-top: 40px;
}

p {
    line-height: 1.7;
    margin-bottom: 0;
}

.mymobe .mar50 {
    margin-top: 15px;
}

.mypc .mar20 {
    margin-top: 20px;
}

.mymobe .mar20 {
    margin-top: 15px;
}

.mypc .mar30 {
    margin-top: 30px;
}

.mymobe .mar30 {
    margin-top: 15px;
}
.mypc .hdec{
    font-size: 26px;
    text-align: center;
    padding-bottom: 15px;
    position: relative;
    border-bottom: 1px #bbbbbb solid;
}
.mymobe .hdec{
    color: white;
    font-size: .32rem;
    text-align: center;
    padding-bottom:.3rem;
    position: relative;
    border-bottom: 1px #bbbbbb solid;
}
.mypc .hdec2{
    color: white;
    font-size: 26px;
    text-align: center;
    padding-bottom: 15px;
    position: relative;
    border-bottom: 1px #44a9a5 solid;
}
.mymobe .hdec2{
    font-size: .32rem;
    text-align: center;
    padding-bottom:.3rem;
    position: relative;
    border-bottom: 1px #44a9a5 solid;
}
.hdec::after{
    content: "";
    position: absolute;
    width: 60px;
    height: 4px;
    background: #008a84;
    left: 50%;
    margin-left: -30px;
    bottom: -2px;
}
.hdec2::after{
    content: "";
    position: absolute;
    width: 60px;
    height: 4px;
    background: #fff;
    left: 50%;
    margin-left: -30px;
    bottom: -2px;
}
.mypc .gp{
    width: 820px;
    margin: 30px auto;
}
.mymobe .a2{
    width: .3rem;
   
}
.mypc .nav-main{
    padding: 30px 0;
    background: #f8f9ff;
    padding-bottom: 0;
}
.mymobe .nav-main{
    padding: .3rem 0;
    background: #f8f9ff;
    padding-bottom: 0;
}
.mypc .pro-con{
    display: flex;
    justify-content: space-between;

}
.mypc .pro-item{
    width: 373px;
    background: white;
    box-shadow: 0 0 5px #d3e7ef;
    padding: 15px;
}
.imgp{
    display: block;
    margin: 25px auto;
    margin-bottom: 10px;
}
.imgi{
    display: block;
}
.mar15{
    margin-top: 15px;
}
.mypc .pro-p1{
    text-align: center;
    font-weight: bold;
}
.mypc .pro-p2{
    margin-bottom: 20px;
}
.mypc .pro-item div{
    font-size: 18px;
}
.mypc .pro-d1{
    padding-left:70px;
}
.mypc .pro-d4{
    padding-left: 70px;
}
.mypc .pro-d2{
    padding-left:40px;
}
.mypc .pro-d5{
    padding-left: 80px;
}
.mypc .pro-d3{
    padding-left:80px;
}
.mypc .pro-d6{
    padding-left: 80px;
}
.mymobe .pro-item{
    background: white;
    box-shadow: 0 0 5px #d3e7ef;
    padding: .3rem;
    margin-bottom: .3rem;
}
.mymobe .imgi{
    height: .5rem;
}
.mymobe .imgp{
    width: 2rem;
}
.mymobe .pro-p1{
    text-align: center;
    font-weight: bold;
}


.mymobe .pro-item div{
    font-size: .22rem;
}
.mymobe .pro-d1{
    padding-left:1.7rem;
}
.mymobe .pro-d4{
    padding-left:1.7rem;
}
.mymobe .pro-d2{
    padding-left:1.2rem;
}
.mymobe .pro-d5{
    padding-left: 1.7rem;
}
.mymobe .pro-d3{
    padding-left:1.9rem;
}
.mymobe .pro-d6{
    padding-left:1.7rem;
}
.mypc .imgcode{
    width: 250px;
}
.mymobe .imgcode{
    width: 120px;
}
.mypc .role-nav{
    height: 190px;
    background: #008a84;
}
.mymobe .role-nav{
    height: 2.4rem;
    background: #008a84;
}
.mypc .role-main{
    padding: 30px;
    background: white;
    box-shadow: 0 0 5px #d3e7ef;
    position: relative;
    margin-top: -50px;
    z-index: 3;
}
.mymobe .role-main{
    padding: .3rem;
    background: white;
    box-shadow: 0 0 5px #d3e7ef;
    position: relative;
    margin-top: -.8rem;
    z-index: 3;
}
.foot {
    text-align: center;
    padding: 15px;
    color: white;
    background: #018a83;
}
.mymobe .imga1{
    width: 100%;
}