@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
fieldset, lengend, button, input, textarea, 
th, td { 
    margin: 0;
    padding: 0;
}
input,textarea {border: 2 none; box-shadow: none; outline: none;}


@font-face {
    font-family: 'OPPOSans-H';
    src: url('OPPOSans-H.ttf')
    } 
@font-face {
    font-family: 'OPPOSans-R';
    src: url('OPPOSans-R.ttf')
    }  
@font-face {
    font-family: 'OPPOSans-B';
    src: url('OPPOSans-B.ttf')
    }  
  /* @font-face {
    font-family: 'OPPOSans-M';
    src: url('OPPOSans-B.ttf')
    }   */
 
     @font-face {
    font-family: 'Roboto-M';
    src: url('Roboto-Medium.ttf')
    }  
    
        @font-face {
    font-family: 'Roboto-L';
    src: url('Roboto-Light.ttf')
    }  
    
        @font-face {
    font-family: 'Roboto-B';
    src: url('Roboto-BoldItalic.ttf')
    }  

        @font-face {
    font-family: 'Roboto-R';
    src: url('Roboto-Regular.ttf')
    }  



.biaoti { font-family: 'Roboto-M';}
   
   
body p {
    font-family: arial;
    color: #000;
    font-family: 'Roboto-L';
}
body{overflow-x:hidden;overflow-y:hidden;font-family: 'OPPOSans-R';}

body,button, input, select, textarea {font-family: 'OPPOSans-R';color: #666;}

*{margin:0;padding:0; font-family: "Roboto-L","arial","OPPOSans-R","Microsoft Yahei","微软雅黑",Helvetica,sans-serif}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
ul, ol ,li{list-style: none;}

a {text-decoration: none; color: #666; word-wrap:break-word;}
a:hover {text-decoration: none; color:#007ad9;}

legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} 
button, input, select, textarea {
    font-size: 100%; 
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}


html {overflow-y: scroll;}


.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}


.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }




.content01 {
    width: 90.5%;
    margin: 0 auto;
    max-width: 1740px;
}

.content {
    width: 83.33%;
    margin: 0 auto;
    max-width:1600px;
}

.headzw{ height:7.6rem;}

.head {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 99;
    height: 7.6rem;
    background: #fff;
}

.head .h_top {
    background: #007fcc;
    display: block;
    height: 2.05rem;
    color: #fff;
}

.head .h_top .t2 {
    float: right;
    height: 2.05rem;
    line-height: 2.05rem;
}
 
.head .h_top .t1 {
   float: right;
    height: 2.05rem;
    line-height: 2.05rem;
    width: 21.22rem;
}
.head .h_top .t1 span:nth-child(1) {
    padding-left: 1.2rem;
    background: url(../images/whatsapp2.png) no-repeat center left;
    display: block;
    float: left;
    background-size: 0.9rem;
}
.head .h_top .t1 span:nth-child(2) {
    padding-left: 1.2rem;
    margin-left:1rem;
    background: url(../images/h-email.png) no-repeat center left;
    display: block;
    float: left;
    background-size:0.9rem;
}
.head .h_top .t1 span {
    font-size: 0.66rem;
}

.head .h_top .t1 i {
    font-size: 0.72rem;
    margin-right: 0.2rem;
}

.head .h_top .t2 img {
    height: 1.2rem;
}

.head .h_top .t2 a {
    display: inline-block;
    padding-top: 0.4rem;
    padding-left: 0.85rem;
}

.head .h_main {
    display: block;
    height: 5.8rem;
}

.head .logo {
    float: left;
    width: 8rem;
    margin-top: 0.6rem;
}

.head .logo img {
    width: 100%;
}

.head .menu {
    float: right;
    width: 64%;
}
.head .menu li{
    height: 2.5rem;
    box-sizing: border-box;
    transition: all 0.5s;
    padding: 0 0.82%;
    float: left;
    display: inline-block;
    margin-top: 2.3rem;
    position: relative;
}
.head .menu>ul>li a{display: block;margin: 0 0.7rem;font-size: 0.8rem;color: #282828;font-family: 'OPPOSans-H';padding-bottom: 0.5rem;position: relative;}

.head .menu>ul>li a em{font-family: 'OPPOSans-H';}
.head .menu>ul>li.cur>a,.head .menu>ul>li:hover>a{color: #007ad9;}

.head .menu>ul>li.cur>a:after,.head .menu>ul>li:hover>a:after{content:"";background: #007ad9;position: absolute;bottom: 0px;left: 10%;width: 73%;height: 2px;}
.head .h_ms {
    float: right;
    width: 4.8rem;
    text-align: center;
    margin-top: 1.8rem;
}

.head .h_ms .whatt {
    display: inline-block;
}
 
.head .h_ms .whatt em {
    display: block;
    background: url(../images/whatsapp.png) no-repeat;
    height: 2.15rem;
    width: 2.15rem;
    background-size: 100%;
}

.head .h_ms .search {
    display: inline-block;
    /* position: relative; */
}

.head .h_ms .search em {
        display: block;
    background: url(../images/search.png) no-repeat;
    height: 2.15rem;
    width: 2.15rem;
        background-size: 100%;
}

.head .h_ms .whatt {  display: inline-block;}

.head .menu ul li i{display: block;width:0;float:left; height:0.1rem;background:#101010;margin:0 auto; transition: .5s;}
.head .menu ul li .nav-two{width: 155%;
    position: absolute;
    left: -32%;
    top: 2.2rem;
    background: rgb(255 255 255 / 92%);
    display: none;
    padding: 1rem 0;    
}
.head div#nd40 {

}
.head .menu>ul>li:nth-child(2) .nav-two{
width: 296%;
    left: -58%;
}
.head .menu>ul>li:nth-child(3) .nav-two{
    width: 246%;
    left: -59%;
}

.head .menu>ul>li:nth-child(5) .nav-two{
    width: 206%;
    left: -59%;
}

.head .menu>ul>li:nth-child(3) .nav-two .nav-ttt {
    float: left;
    width: 49.2%;
}
.head .menu>ul>li:nth-child(3) .nav-two>.nav-ttt>a {
    font-size: 1rem;
    color: #000;
    padding-top: 1rem;
}

.head .menu>ul>li:nth-child(4) .nav-two {
 width: 242%;
    left: -62%;
}

.head .menu>ul>li:nth-child(4) .nav-two .nav-ttt {
width: 49%;
    margin-left: 1%;
    float: left;
}

.head .menu>ul>li:nth-child(4) .nav-two>.nav-ttt>a {
    font-size: 1rem;
    color: #000;
    padding-top: 1rem;
}

.head .menu>ul>li:nth-child(5) .nav-two {
    display: none;
}

.head .menu>ul>li:nth-child(1) .nav-two{
       width: 272%; 
   left: -80% ;
}

.head .menu ul li .nav-two a{
 display: block;
    line-height: 1.66rem;
    text-align: left;
    font-size: 0.8rem;
    color: #333;
    font-family: "Ysabeau";
    margin-left: 10%;
    margin-right: 0px;   
    padding-bottom: 0.3rem;
}
.head .menu ul li .nav-two a:hover{color:#007ad9;}
.head .menu ul li:hover .nav-two{display:block;}
.head .menu ul li:last-child .nav-two{width:300%;left:-100%;}
.head .menu ul li:hover .nav-two{display:block;}
.head .menu ul li:hover em{color: #007ad9;}
.headmc {
    display: none;
}





/* function */
h2 a:hover{ text-decoration: none;}
input,textarea{ outline:none; }
textarea{ resize:none;}
em{ font-style: normal;}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;}
.f_ib{display:inline-block;*display:inline;*zoom:1;}
.f_dn{display:none;}
.f_db{display:block;}
.f_pr{position:relative;}
.f_pa{position:absolute;}
.f_fl{float:left;}
.f_fr{float:right;}
.f_prz{position:relative;zoom:1;}
.f_oh{overflow:hidden;}
.f_fa{font-family:Arial, Helvetica, sans-serif;}
.f_fw{font-family: 'Bronova-R'; }



.imgDiv .ban-con {
    position: absolute;
    top: -8rem;
    left: 0px;
    width: 100%;
}

.imgDiv .ban-con  .nycontentt {
    width: 72.9%;
    margin: 0 auto;
    height: 100%;
    display: block;
}

.imgDiv .ban-con span {
    font-family: 'Bronova-B';
    color: #fff;
    font-size: 2.1rem;
    line-height: 2.5rem;
    margin-top: 20%;
    display: block;
    margin-bottom: 1.4rem;
}

.imgDiv.ad1 span {
    width: 46%;
}


.imgDiv .ban-con b {
    color: #fff;
    font-family: 'Bronova-B';
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
    padding-left: 1rem;
    border-left: 3px solid #fff;
}


.imgDiv.ad2 .ban-con span {
    width: 42%;
}

.imgDiv.ad2 .ban-con b {
    width: 23%;
    border-color: #12c46a;
}

.imgDiv.ad3 .ban-con span {
    width: 42%;
}

.imgDiv.ad3 .ban-con b {
    width: 40%;
    border-color: #12c46a;
}

.imgDiv.ad4 .ban-con span {
    width: 48%;
}

.imgDiv.ad4 .ban-con b {
    width: 29%;
    border-color: #12c46a;
}

.imgDiv.ad5 .ban-con span {
    width: 30%;
}

.imgDiv.ad5 .ban-con b {
    width: 40%;
    border-color: #12c46a;
}

.imgDiv.ad6 .ban-con span {
    width: 49%;
}

.imgDiv.ad6 .ban-con b {
    width: 32%;
    border-color: #12c46a;
}


.imgDiv.ad7 .ban-con span {
    width: 49%;
}

.imgDiv.ad7 .ban-con b {
    width: 27%;
    border-color: #12c46a;
}








.footpc {width:100%;background:#333;color:#ccc;padding: 0rem 0 0 0;height: auto;position:relative;margin-top: 0;}
.footpc .fotcom {display:flex;justify-content:space-between;height: 16.5rem;align-items: center;border-bottom: 1px solid rgb(255 255 255 / 20%);}
.footpc .fotcom .left {width: 38.6%;height: 13rem;margin-right: 3%;}
.footpc .fotcom .left .logo {font-size:2.5rem;color:#f37c15;font-weight:bold;margin-bottom:1.5rem;}
.footpc .fotcom .left .logo img{ width:11rem;}
.footpc .fotcom .left p {font-size:0.7rem;line-height:1.6;font-family:'oppr';color:#d6d6d6;}
.footpc .fotcom .fnav {width: 17%;height: 13rem;}
.footpc .fotcom .fnav h3 {font-size:1rem;color:#fff;margin-bottom:2rem;position:relative;font-family:'oppr';height:2rem;}
.footpc .fotcom .fnav h3::after {content:"";position:absolute;bottom:-0.5rem;left:0;width:1.5rem;height:0.15rem;background-color: #007ad9;}
.footpc .fotcom .fnav ul {list-style:none;padding:0;}
.footpc .fotcom .fnav ul li {margin-bottom:0rem;float:left;width: 57%;margin-bottom: 0.6rem;}
.footpc .fotcom .fnav ul li a {text-decoration:none;color: rgb(255 255 255 / 70%);font-size:0.7rem;transition:color 0.3s;}
.footpc .fotcom .fnav ul li a:hover {color:#f37c15;}
.footpc .fotcom .contact {display: block;height: 13rem;width: 31%;margin-right: 3%;}
.footpc .fotcom .contact h3 {font-size:1rem;color:#fff;margin-bottom:2rem;position:relative;height:2rem;}
.footpc .fotcom .contact h3::after {content:"";position:absolute;bottom:-0.5rem;left:0;width:1.5rem;height:0.15rem;background-color: #007ad9;}
.footpc .fotcom .contact ul {list-style:none;padding:0;}
.footpc .fotcom .contact ul li {display: flex;justify-content: space-between;}
.footpc .fotcom .contact ul li .icon {color:#f37c15;margin-right:1rem;font-size:1rem;display: inline-block;}
.footpc .fotcom .contact ul li span {font-size: 0.8rem;color:#d0d1d4;line-height: 1.2rem;display: flex;justify-content: space-between;}
.footpc .fotcom .contact ul li span.sks {padding-left:1rem;}
.footpc .fotcom .contact ul li span.wta {display: block;height: 100%;float: left;}
.footpc .fotcom .contact ul li span.wta img {padding-right: 0.9rem;width:0.9rem;}
.footpc .fotcom .contact ul li span i {font-size:0.8rem;color: rgb(255 255 255 / 70%);padding-right: 2%;}
.footpc .fobtm {
    width: 88%;
    text-align: right;
}
.footpc .fotcom .contact ul li.last span i {
    margin-right: 0.2rem;
}
.footpc .fobtm p {font-size:0.7rem;color:#adadad;    font-family: 'Roboto-L';}
.footpc .fobtm .social a {color:#f37c15;margin-left:0.5rem;font-size:1rem;transition:color 0.3s;}
.footpc .fobtm .social a img{ width:1.65rem;}
.footpc .fobtm .social a:hover {color:#fff;}
.footpc .fotcom .contact ul li .icon img {
    width: 0.9rem;
}

/*form*/
body .form .fcon form ul li input[type="text"],body .form .fcon form ul li input[type="email"]{
    height: 3.2rem;
}
.form {position: relative;z-index:9;width:100%;background: #007ad9;}
.form .fcon {margin:0 auto;text-align:center;padding:2rem 5%;width:74%;overflow: hidden;}
.form .fcon h2 {font-size:1.5rem;color:#fff;font-family:oppm;} 
.form .fcon p {font-size:0.9rem;color:#fff;margin-bottom:2rem;font-family:oppr;}
.form .fcon form ul {list-style:none;display:flex;gap:2rem;justify-content:center;margin-bottom:1rem;}
.form .fcon form ul li {flex:0 0 calc(27% - 1.5rem);display:flex;border: 2px solid rgb(255 255 255 / 30%);border-radius:0.5rem;padding:0 1rem;height:3.2rem;line-height:3.2rem;}
.form .fcon form ul li input[type="text"],.form .fcon form ul li input[type="email"],.form .fcon form ul li textarea {width:100%;padding:0 0.6rem;background-color:transparent;color:#fff;border-radius:0.25rem;font-size:0.82rem;box-sizing:border-box;border:none;}
.form .fcon form ul li input[type="text"]::placeholder,.form .fcon form ul li input[type="email"]::placeholder,.form .fcon form ul li textarea::placeholder {color:#fff;opacity:0.8;}
.form .fcon form ul li textarea {height:3.2rem;resize:none;line-height:3.2rem;}
.form .fcon form ul li .required {color:#fff;margin-left:0.25rem;padding-top:0.2rem;font-weight:bold;}
.form .fcon form button {color: #fff;border:none;padding:1rem 3rem;font-size:0.8rem;border-radius:0.25rem;cursor:pointer;transition:background-color 0.3s;background: no-repeat;}
.form .fcon form button:hover {font-weight:bold; }
.form .fcon form ul li.submit {border:none;flex:auto;width:7.5rem;display:block;background: #fe7201;}

.footpc .fot_one {
    display: flex;
    justify-content: space-between;
    height: 10rem;
    align-items: center;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.footpc .fot_one .logo {
    width: 12.8%;
}

.footpc .fot_one .logo img {
    width: 100%;
}

.footpc .fot_one .content {
    display: flex;
    justify-content: space-between;
    height: 10rem;
    align-items: center;
}

.footpc .fotcom .content {
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}

.footpc .fotcom .left p {
    line-height: 1.45rem;
    color: rgb(255 255 255 / 70%);
    font-size: 1rem;
    width: 62%;
    margin-bottom: 2.8rem;
    font-family: 'Roboto-M';
    font-weight: normal;
}

.footpc .fotcom .fnav ul li:nth-child(2n) {
    width: 43%;
}

.footpc .fotcom .contact ul li:nth-child(1) span i {
    height: 3rem;
    display: inline-block;
}
.footpc .fotcom .contact ul li:nth-child(1) span em{
    display: inline-block;
}

.footpc .fotcom .left form.f-seache {
    display: block;
    height: 2.15rem;
}

.footpc .fotcom .left form.f-seache input#key {
    background: no-repeat;
    border: 0px;
    border-bottom: 1px solid rgb(255 255 255 / 60%);
    width: 92%;
    height: 1.75rem;
    padding-bottom: 0.35rem;
}
.footpc .fotcom .left form.f-seache input#key::placeholder{
    font-size:1.4rem;
}

.footpc .fotcom .left form.f-seache input.ser_so {
    background: url(http://y945406.wmcms.nswyun.com/web/template/solarman/images/fbtn.png);
    display: inline-block;
    width: 1.7rem;
    border: 0px;
    background-size: 100% 100%;
    height: 1.72rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

 

.footpc .fotcom .contact ul li.last span {
    float: left;
}

.footpc .fotcom .contact ul li.last {
    width:92%;
    display: block;
}

.footpc .fotcom .contact ul li.last span:nth-child(2) {display: block;float: left;width: 45%;}

.footpc .fotcom .contact ul li:nth-child(2) {
    padding-bottom: 0.3rem;
}

.footpc .f_btom.content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4.8rem;
}

.footpc .f_btom.content a {
    color: rgb(255 255 255 / 70%);
    font-size: 0.7rem;
    padding: 0 3%;
}

.footpc .f_btom .f_wz {
    font-size: 0.7rem;
}

.footpc .f_btom .f_pts {
    width: 22%;
}















 .c0{color:#000}
.c1{color:#111}
.c2{color:#222}
.c3{color:#333}
.c4{color:#444}
.c5{color:#555}
.c6{color:#666}
.c7{color:#777}
.c8{color:#888}
.c9{color:#999}
.ca{color:#aaa}
.cb{color:#bbb}
.clr{clear:both}
.cc{color:#1a1a1a}
.cc1{color:#007ad9}
.cc2{color:#ff8001}
.cd{color:#ddd}
.ce{color:#eee}
.cf{color:#fff}
.bc0{background-color:#000}
.bcf{background-color:#fff}
.bcc{background-color:#1a1a1a}
.bcc1{background-color:#007ad9}
.bcc2{background-color:#ff8001}
.boc{border-color:#1a1a1a}
.bn{border:none}
.bor{border:1px solid #bbb}
.bt{border-top:1px solid #bbb}
.bl{border-left:1px solid #bbb}
.br{border-right:1px solid #bbb}
.f0{font-size:0}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
@media (max-width:640px){
.f15{font-size:1rem}
}
.f16{font-size:.8rem}
@media (max-width:768px){
.f16{font-size:.88888889rem}
}
@media (max-width:640px){
.f16{font-size:1rem}
}
.f17{font-size:.85rem}
@media (max-width:768px){
.f17{font-size:.94444444rem}
}
@media (max-width:640px){
.f17{font-size:1.0625rem}
}
.f18{font-size:.9rem}
@media (max-width:768px){
.f18{font-size:.94444444rem}
}
.f19{font-size:.95rem}
.f20{font-size:1rem}
.f21{font-size:1.05rem}
@media (max-width:768px){
.f21{font-size:1rem}
}
.f22{font-size:1.1rem}
@media (max-width:768px){
    img {
    border: none;
    width: 100%;
}
.f22{font-size:1.04761905rem}
.ptop .pad p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.relate_bord .figure{width:48%!important;margin-bottom:3%;}
.ym616age .dl .dt img{height:auto!important;}
}
.f23{font-size:1.15rem}
@media (max-width:768px){
.f23{font-size:1.04545455rem}
}
.f24{font-size:1.2rem}
@media (max-width:768px){
.f24{font-size:1.09090909rem}
}
.f25{font-size:1.25rem}
@media (max-width:768px){
.f25{font-size:1.08695652rem}
}
.f26{font-size:1.3rem}
@media (max-width:768px){
.f26{font-size:1.13043478rem}
}
.f27{font-size:1.35rem}
@media (max-width:768px){
.f27{font-size:1.125rem}
}
.f28{font-size:1.4rem}
@media (max-width:768px){
.f28{font-size:1.16666667rem}
}
.f29{font-size:1.45rem}
@media (max-width:768px){
.f29{font-size:1.16rem}
}
.f30{font-size:1.5rem}
@media (max-width:768px){
.f30{font-size:1.2rem}
}
.f31{font-size:1.55rem}
@media (max-width:768px){
.f31{font-size:1.19230769rem}
}
.f32{font-size:1.6rem}
@media (max-width:768px){
.f32{font-size:1.23076923rem}
}
.f33{font-size:1.65rem}
@media (max-width:768px){
.f33{font-size:1.22222222rem}
}
.f34{font-size:1.7rem}
@media (max-width:768px){
.f34{font-size:1.25925926rem}
}
.f35{font-size:1.75rem}
@media (max-width:768px){
.f35{font-size:1.25rem}
}
.f36{font-size:1.8rem}
@media (max-width:768px){
.f36{font-size:1.28571429rem}
}
.f37{font-size:1.85rem}
@media (max-width:768px){
.f37{font-size:1.27586207rem}
}
.f38{font-size:1.9rem}
@media (max-width:768px){
.f38{font-size:1.31034483rem}
}
.f39{font-size:1.95rem}
@media (max-width:768px){
.f39{font-size:1.3rem}
}
.f40{font-size:2rem}
@media (max-width:768px){
.f40{font-size:1.33333333rem}
}
.f41{font-size:2.05rem}
@media (max-width:768px){
.f41{font-size:1.32258065rem}
}
.f42{font-size:2.1rem}
@media (max-width:768px){
.f42{font-size:1.35483871rem}
}
.f45{font-size:2.25rem}
@media (max-width:768px){
.f45{font-size:1.36363636rem}
}
.f48{font-size:2.4rem}
@media (max-width:768px){
.f48{font-size:1.45454545rem}
}
.f50{font-size:2.5rem}
@media (max-width:768px){
.f50{font-size:1.51515152rem}
}
.f54{font-size:2.7rem}
@media (max-width:768px){
.f54{font-size:1.58823529rem}
}
.f60{font-size:3rem}
@media (max-width:768px){
.f60{font-size:1.57894737rem}
}
.f64{font-size:2.3rem}
@media (max-width:768px){
.f64{font-size:1.42857143rem}
}
.f72{font-size:3.6rem}
@media (max-width:768px){
.f72{font-size:1.8rem}
}
.f88{font-size:4.4rem}
@media (max-width:1200px){
.f88{font-size:4vw}
}
@media (max-width:768px){
.f88{font-size:1.45454545rem}
}
.fal{font-family:Arial}
.fyl{font-family:FontBlar}
.fs{font-family:'宋体'}
.fh{font-family:'黑体'}
.fn{font-weight:400}
.fb{font-weight:700}
.fi{font-style:italic}
.fl{float:left}
.fln{float:none}
.fr{float:right}
.db{display:block}
.dib{display:inline-block}
.dt{display:table}
.dtc{display:table-cell}
.dn{display:none}
.bn{border:none}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.tu{text-transform:uppercase}
.vt{vertical-align:top}
.vm{vertical-align:middle}
.vb{vertical-align:bottom}
.over{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.box{box-sizing:border-box}
.ma{margin-left:auto;margin-right:auto}
.c50{left:50%;transform:translateX(-50%)}
.hc:hover{color:#1a1a1a}
.jz{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.m0{margin:0}
.p0{padding:0}
.yy{box-shadow:0 0 12px rgba(70,70,70,.5)}
.yy2{box-shadow:2px 2px 7px rgba(70,70,70,.2)}
.pz{padding-left:15px;margin-left:-15px}
.pr{position:relative}
.pa{position:absolute}
.oh{overflow:hidden}
.ov{overflow:visible}
.wrap{overflow:hidden}
.w50{width:50%;float:left}
.w0{width:0}
.w00{width:100%}
.h0{height:0}
.h00{height:100%}
.ma00{max-width:100%}
.mh00{max-height:100%}
.wa{width:auto}
.ha{height:auto}
.abs{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0}
.imWrap{width:100%;padding-top:75.5%;position:relative;overflow:hidden}
.imWrap img{display:block;position:absolute;width:100%;min-height:100%;z-index:5;left:0;top:0}
.imWrap .imgcon{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0}
.imWrap .imgcon img{position:relative;display:inline-block;width:auto;max-width:100%}
.big{overflow:hidden}
.big img{width:100%;display:block;transform:translateZ(0);transition:transform .3s linear}
.big:hover img{transform:scale(1.1,1.1)}
.big .imgcon img{width:auto;min-height:auto}
.imgDiv{position:relative;width:100%;overflow:hidden;z-index:9;}
.imgDiv img{display:block; width:100%;}

.imgDiv2{display:none;}

.chanpin.content1 {
    margin-bottom: 8rem;
}
@media screen and (max-width:768px){
    .headzw{ display:none;}
    .footpc{ display:none;}
.imgDiv{display:none;}
.imgDiv2{display:block;line-height:0;}
.imgDiv2 img{width:100%;}
.wsc-fixBar {
    display: none;
}
.chanpin.content1 {
    margin-bottom: 1rem;
}

}
.imgcon{text-align:center;font-size:0;overflow:hidden}
.imgcon img{display:inline-block;vertical-align:middle;max-width:100%}
.imgcon:after{display:inline-block;vertical-align:middle;height:100%;color:#bbb;content:"";width:0}
.m3w{margin-top:30px;margin-top:3vw}
.m2w{margin:2vw 0}
.p2w{padding:2vw 0}
.p3w{padding:3vw 0}
.poi{cursor:pointer}
img{border:none}
blockquote,body,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,p,pre,select,textarea{margin:0}
menu,ol,ul{list-style:none;margin:0;padding:0}
a{color:#1a1a1a;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}
a,a:active,a:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
address,em,i{font-style:normal}
abbr,acronym{font-variant:normal}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
a img,fieldset,iframe{border:none}
button,input,select{vertical-align:middle}
button{overflow:visible}
button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0 none;padding:0}
:active{outline:0 none}
::selection{color:#fff;background:#e74700}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
html{font-size:20px;line-height:1.76}

strong{    font-family: 'Roboto-M';}
body{background-color:#fff;font-size:14px;max-width:1920px;margin:0 auto;min-width:320px;overflow-x:hidden;-webkit-font-smoothing:antialiased;max-width:inherit}
h1{font-size:1.8rem}
@media (max-width:768px){
h1{font-size:1.28571429rem}
}
h2{font-size:1rem}
h3{font-weight:400;font-size:.8rem}
@media (max-width:768px){
h3{font-size:.88888889rem}
}
@media (max-width:640px){
h3{font-size:1rem}
}
h4{font-size:16px}
a,input{outline:0}
input[type=submit],input[type=reset],input[type=button]{-webkit-appearance:none;border-radius:0}
input:-webkit-autofill{-webkit-box-shadow:0 0 1000px #fff inset;-webkit-box-shadow:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bbb}
input:-moz-placeholder,textarea:-moz-placeholder{color:#bbb}
input::-moz-placeholder,textarea::-moz-placeholder{color:#bbb}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#bbb}
div.digg{width:100%;text-align:center;font-size:14px;padding:3px;margin:15px 0}
div.digg li{display:inline-block;vertical-align:middle}
div.digg a{text-align:center;border:#ccc 1px solid;padding:4px 10px;color:#666;margin:5px;line-height:39px}
@media screen and (max-width:768px){
div.digg a{padding:3px 9px;margin:3px}
}
div.digg p{display:inline-block;vertical-align:middle}
div.digg .disabled *{color:#ddd;border:#eee 1px solid;padding:4px 10px;margin:5px}
div.digg .current *{color:#fff;font-weight:700;border:#bf141c 1px solid;padding:4px 10px;background-color:#bf141c}
div.digg .active *{color:#fff;background-color:#1a1a1a;border-color:#1a1a1a}
.btn{display:inline-block;color:#333;font-size:14px;text-align:center;line-height:1.6rem;border:1px solid #333}
.btn.bg{background-color:#1a1a1a;color:#fff;border-color:#1a1a1a}
.row{display:flex;flex-flow:row wrap;justify-content:space-between}
.row .col{flex:1}
.movebtn{position:relative;overflow:hidden;z-index:0}
.movebtn:hover::before{-webkit-transform:scale3d(9,9,1);transform:scale3d(9,9,1)}
.containe{width:100%;max-width:1400px;margin-left:auto;margin-right:auto}
@media screen and (max-width:1600px){
.containe{width:90%;margin-left:5%;margin-right:5%;}
}
@media screen and (max-width:768px){
.containe{margin-left:4%;margin-right:4%;}
}
@media screen and (max-width:1600px){
html{font-size:19px}
}
#topbar{background-color:transparent;padding:.8rem 0}
@media screen and (max-width:1200px){
#topbar{display:none}
}
#topbar .s1{color:#fff}
#topbar .i1{margin-right:10px;display:inline-flex;fill:#007ad9;width:16px;height:16px}
#topbar dl{float:right;display:inline-block;line-height:34px;font-size:.8rem;color:#666;height:30px}
@media (max-width:768px){
#topbar dl{font-size:.88888889rem}
}
@media (max-width:640px){
#topbar dl{font-size:1rem}
}
#topbar dl dd{display:inline-block;padding:0 .5rem;position:relative}
#topbar dl dd:first-child::after{background-color:#fff;display:block;content:" ";height:.6rem;width:1px;z-index:5;position:absolute;right:0;top:7px}
#topbar dl dd span{font-size:.8rem;color:#fff;vertical-align:text-top;line-height:.8}
@media (max-width:768px){
#topbar dl dd span{font-size:.88888889rem}
}
@media (max-width:640px){
#topbar dl dd span{font-size:1rem}
}
#topbar .xla{display:inline-block;vertical-align:middle;position:relative;float:right;margin-left:3%}
#topbar .xla ul{position:absolute;display:block;height:0;width:100%;top:100%;left:0;z-index:5;background-color:rgba(31,40,111,.52)}
#topbar .xla ul li{box-sizing:border-box;display:block;padding:5px 15px;line-height:1;white-space:nowrap}
#topbar .xla ul li amp-img{vertical-align:middle;margin-right:8px;margin-top:-2px}
#topbar .xla ul li:hover{background-color:#1a1a1a}
#topbar .xla ul a{color:#fff}
#topbar .xla .tit{cursor:pointer;color:#eee;padding-left:10px;line-height:30px;margin-right:1em}
#topbar .xla .tit svg{vertical-align:sub;fill:#eee;width:18px;height:15px;margin-left:10px;-webkit-transition:all .2s linear}
#topbar .xla .tit amp-img{vertical-align:middle;margin:-2px 1.5em 0 1em}
#topbar .xla .tit:hover svg{transform:rotate(-180deg)}
#topbar .xla:hover ul{padding:10px 0 5px;height:auto}
.sharebtns{float:right;font-size:.8rem;display:inline-block;margin-top:.4rem}
@media (max-width:768px){
.sharebtns{font-size:.88888889rem}
}
@media (max-width:640px){
.sharebtns{font-size:1rem}
}
.sharebtns i{display:inline-flex}
.sharebtns svg{width:20px;height:20px;fill:#fff;line-height:20px}
.sharebtns a{display:inline-block;font-size:0;padding:5px;vertical-align:text-top;border-radius:1rem;margin-left:.8rem}
.sharebtns a:hover svg{fill:#48abf9}
.sharebtns .ptop .proshare{padding-top:4%;font-size:0}
.sharebtns .icon_facebook{background-color:#4e71a8}
.sharebtns .icon_twitter{background-color:#1cb7eb}
.sharebtns .icon_linkedin{background-color:#1686b0}
.sharebtns .icon_youtube{background-color:#ca3737}
.sharebtns .icon_pinterest{background-color:#ca3737}
.sharebtns .icon_google{background-color:#e3411f}
.sharebtns .icon_instagram{background-color:#91429f}
.searDiv{overflow:hidden;position:relative;display:inline-block;box-sizing:border-box;float:right;border:none;width:2rem;height:2rem;margin-top:1.2rem;margin-left:3%;background:0 0;border-radius:5px;transition:all .4s linear}
@media screen and (max-width:1200px){
.searDiv{display:none}
}
.searDiv .iconfont{position:absolute;font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;right:11px;padding-left:6px;z-index:5;top:10px;display:inline-flex;width:20px;height:20px;fill:#b9b9b9}
@media (max-width:768px){
.searDiv .iconfont{font-size:.94444444rem}
}
@media screen and (max-width:768px){
.searDiv .iconfont{font-size:14px;top:7px}
}
.searDiv.active,.searDiv:hover{background-color:#fff;width:12rem}
.searDiv.active .iconfont,.searDiv:hover .iconfont{border-left:1px solid #ddd;fill:#1a1a1a}
#searcher{float:left;display:block;font-size:13px;color:#333;border:none;position:relative;height:38px;width:calc(100% - 50px);margin-right:4px;padding:0 0;background-color:transparent;z-index:10;text-indent:1em}
#searchglass{float:right;display:block;overflow:hidden;border:none;color:#fff;position:relative;z-index:99;height:36px;width:45px;cursor:pointer;background-color:transparent;background-position:3px center;background-repeat:no-repeat;text-indent:-99em}
#bghead{width:100%;background-color:#1a1a1a;position:fixed;z-index:87;top:0;left:0;height:125px;}
@media screen and (max-width:1200px){
#bghead{display:none}
}
#header{width:100%;position:fixed;z-index:88;top:0;left:0;height:84px;background-color:transparent}
@media screen and (max-width:1200px){
#header{background-color:#fff;overflow:hidden;position:fixed;z-index:888;height:52px;top:0;left:0}
#header #topbar{display:none}
}
#header .navbar{font-size:0;position:relative;border-top:1px solid rgba(255,255,255,.5);background-color:transparent}
#header .navbar .logo{position:relative;display:inline-block;float:left;z-index:5;width:210px}
#header .navbar .logo img{display:block}
#header .navbar .logo h1{font-size:0;display:none}
@media (max-width:1200px){
#header .navbar .logo{padding-top:8px;margin-left:6px;width:180px;background-image:url(/web/template/pcmb/images/logo2.png);background-repeat:no-repeat;background-position:0 center;background-size:auto auto}
#header .navbar .logo img{display:none}
}
#header .navbar .mBtn{display:none;float:right;text-align:center;width:12%;margin-top:12px;cursor:pointer}
#header .navbar .mBtn i{display:inline-flex;fill:#000;width:30px;height:30px}
@media screen and (max-width:1200px){
#header .navbar .mBtn{display:inline-block}
}
#header .navbar .share{float:right;margin-top:33px}
#header .navbar .share i{display:inline-flex}
#header .navbar .share svg{width:20px;height:20px;fill:#b3b3b8}
#header .navbar .share a{display:inline-block;font-size:0;vertical-align:middle;border-radius:1rem;margin-left:.8rem}
#header .navbar .share a:hover svg{fill:#48abf9}
@media screen and (max-width:1200px){
#header .navbar .share{display:none}
}
#header #Nav{text-align:center;overflow:visible;display:flex;flex-flow:row nowrap;justify-content:flex-end;padding-left:5%}
@media screen and (max-width:1200px){
#header #Nav{display:none}
}
#header #Nav a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#header #Nav li{position:relative;padding-right:42px}
#header #Nav li .tarA{position:relative;display:block;box-sizing:border-box;color:#fff;font-weight:700;text-align:left;line-height:84px;white-space:nowrap;font-size:16px;-webkit-transition:all .2s linear;transition:all .2s linear;text-transform:capitalize}
#header #Nav li .tarA.act{color:#007ad9}
#header #Nav li.tran .tarA::after{color:#333;font-size:1.3rem;display:inline-block;content:"";width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:6px solid #fff;line-height:1px;margin-left:.5em;-webkit-transition:all .2s linear;transition:all .2s linear}
@media (max-width:768px){
#header #Nav li.tran .tarA::after{font-size:1.13043478rem}
}
#header #Nav li:hover .tarA{color:#007ad9}
#header #Nav li:hover .tarA::after{transform:rotate(-180deg);border-top-color:#007ad9}
#header #Nav li:hover dl{display:block}
#header #Nav dl{text-align:left;display:none;position:absolute;min-width:250px;z-index:50;top:100%;background-color:rgba(10,55,134,.54)}
#header #Nav dl dd{display:block}
#header #Nav dl dd a{display:block;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;line-height:1.4;padding:.6em 1em;text-transform:capitalize}
@media (max-width:768px){
#header #Nav dl dd a{font-size:.88888889rem}
}
@media (max-width:640px){
#header #Nav dl dd a{font-size:1rem}
}
#header #Nav dl dd:hover{background-color:#007ad9}
#header #Nav dl dd:hover a{color:#fff}
#footer{overflow:hidden;clear:both;background-color:#1a1a1a;padding-top:4.5vw;background-image:url(/web/template/pcmb/images/6.jpg);background-repeat:no-repeat;background-position:0 center;background-size:cover}
#footer>.containe{flex-wrap:nowrap;display:flex}
@media screen and (max-width:980px){
#footer{padding-top:0;background-color:transparent}
#footer>.containe{display:none}
}
@media screen and (max-width:768px){
#footer{padding-bottom:52px}
}
#footer .share02{float:right}
#footer .share02 i{display:inline-flex}
#footer .share02 svg{width:20px;height:20px;fill:#b7bdc8}
#footer .share02 a{display:inline-block;font-size:0;vertical-align:middle;border-radius:1rem;margin-right:.6rem}
#footer .share02 a:hover svg{fill:#48abf9}
@media screen and (max-width:768px){
#footer .share02{display:none}
}
#footer .flogo{max-width:30%}
#footer .flogo amp-img{margin-bottom:1em}
#footer .flogo svg{width:17px;height:17px;fill:#007ad9;display:inline-block;vertical-align:text-top;margin-right:.6em;margin-bottom:.5em}
#footer .flogo p{color:#fff;font-size:14px;line-height:1.76;max-width:24em}
#footer .flogo form{width:100%;background-color:#fff;padding:6px 6px 6px 12px;max-width:300px;margin-top:5%;height:40px;border-radius:4px}
#footer .flogo form input{font-style:italic;background-color:transparent;border:none;font-size:.9rem;color:#291f1f;width:60%;line-height:40px}
@media (max-width:768px){
#footer .flogo form input{font-size:.94444444rem}
}
#footer .flogo form .i_sub{float:right;background-color:#007ad9;position:relative;width:40px;height:40px;border-radius:3px}
#footer .flogo form .i_sub svg{fill:#fff;position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;z-index:5}
#footer .flogo form input[type=submit]{cursor:pointer;color:transparent;position:relative;z-index:8}
#footer h3.ftit{text-transform:uppercase;font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:1em;line-height:1}
@media (max-width:768px){
#footer h3.ftit{font-size:1.16666667rem}
}
#footer h3.ftit::after{display:block;background-color:#007ad9;content:" ";height:4px;width:2.5rem;z-index:5;margin-top:.5em}
#footer .fast_links i{float:left;vertical-align:bottom;display:inline-flex;fill:#007ad9;width:20px;height:20px;margin-right:3px;margin-top:.5em;transform:rotate(-90deg)}
#footer .fast_links a{display:block;font-size:.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:2.2;color:#f4f4f4}
@media (max-width:768px){
#footer .fast_links a{font-size:.88888889rem}
}
@media (max-width:640px){
#footer .fast_links a{font-size:1rem}
}
@media screen and (max-width:768px){
#footer .fast_links{display:none}
}
#footer .copyright{text-align:left;clear:both;line-height:1.6;padding:1em 0;margin-top:4%;background-color:#002f6c;color:#f4f4f4}
@media screen and (max-width:980px){
#footer .copyright{margin:0}
}
@media screen and (max-width:480px){
#footer .copyright{padding:2% 0}
}
#footer .copyright a{display:inline-block;color:#ddd;margin:0 15px}
#footer .copyright a:hover{color:#fff}
@media screen and (max-width:1400px){
html{font-size:18px}
}
@media screen and (max-width:1200px){
body{max-width:100%;overflow-x:hidden}
}
.ind_tit{text-align:left;margin-bottom:3%;margin-top:3%}
.ind_tit small{display:block;font-size:1rem;color:#666}
.ind_tit h2{font-size:1.9rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;line-height:1.4}
@media (max-width:768px){
.ind_tit h2{font-size:1.31034483rem}
}
.ind_tit .des{font-size:.8rem;color:#666;display:block;max-width:1400px;margin:0 auto 1rem;line-height:1.9}
@media (max-width:768px){
.ind_tit .des{font-size:.88888889rem}
}
@media (max-width:640px){
.ind_tit .des{font-size:1rem}
}
.ind_tit .more{font-size:14px;color:#1a1a1a;text-transform:uppercase;font-weight:700;position:relative;display:inline-block;border-bottom:2px solid #007ad9;margin-bottom:1.8rem;margin-top:.5rem}
.ind_tit .more::after{display:inline-block;color:#007ad9;font-weight:700;font-size:1rem;font-family:'宋体';display:block;content:"  >";z-index:5;position:absolute;right:-25px;top:0;z-index:5}
.inner_tit h2{font-size:1.8rem;color:#333;font-weight:700;text-align:left;position:relative;line-height:2}
@media (max-width:768px){
.inner_tit h2{font-size:1.28571429rem}
}
.inner_tit .des{font-size:.9rem;color:#666;line-height:1.6}
@media (max-width:768px){
.inner_tit .des{font-size:.94444444rem}
}
@media screen and (min-width:768px){
.contact .contact_list li h4{line-height:1.5;height:3.5em;display:-webkit-box;-webkit-box-orient:block-axis;-webkit-line-clamp:2;overflow:hidden}
}
.c1btn{background-color:#007ad9;font-size:.8rem;color:#fff;display:block;padding:.5rem 2em;border-radius:3px;width:5em}
@media (max-width:768px){
.c1btn{font-size:.88888889rem}
}
@media (max-width:640px){
.c1btn{font-size:1rem}
}
.c1btn:hover{background-color:#ff8100;font-style:italic;text-decoration:underline}
#ind_about{background-color:#fff;padding:4% 0;overflow:hidden}
#ind_about .big{float:right;width:31.5rem;margin-left:6%}
@media screen and (max-width:980px){
#ind_about .big{display:none}
}
#ind_about .c1btn{margin-top:7%}
#ind_about .des{font-size:.8rem;color:#666;margin-bottom:3%}
@media (max-width:768px){
#ind_about .des{font-size:.88888889rem}
}
@media (max-width:640px){
#ind_about .des{font-size:1rem}
}
#ind_who{text-align:left;background-color:#1a1a1a}
#ind_who ul{display:flex;flex-flow:row wrap;justify-content:space-between}
#ind_who li{width:33.3%;flex:1;padding:3% 8% 3% 0}
#ind_who li strong{font-size:1.6rem;color:#007ad9}
@media (max-width:768px){
#ind_who li strong{font-size:1.23076923rem}
}
#ind_who li h3{font-size:1rem;font-weight:700;text-transform:uppercase;color:#fff;line-height:2.4}
#ind_who li .ico{transition:all 1s linear}
#ind_who li .des{font-size:.8rem;color:#ddd;overflow:hidden;line-height:1.8}
@media (max-width:768px){
#ind_who li .des{font-size:.88888889rem}
}
@media (max-width:640px){
#ind_who li .des{font-size:1rem}
}
#ind_who li:hover h3{color:#007ad9;text-decoration:underline}
#ind_who li:hover .ico{transform:rotateY(360deg)}
#ind_who li:hover .des{color:#fff}
@media screen and (max-width:768px){
#ind_who li{text-align:left;flex:initial;width:100%}
#ind_who li .ico{float:left;width:3.5rem;margin-right:1rem;margin-top:.5rem}
}
.slide_pros_wrap{overflow:hidden;padding-top:1em}
@media screen and (max-width:768px){
.slide_pros_wrap{height:calc(39vw + 5em);padding-top:0}
}
.slide_pros{overflow:visible;padding:10px 0}
.slide_pros .txtt{font-size:.8rem;position:absolute;color:#fff;background-color:#1a1a1a;display:inline-block;padding:5px 7px;z-index:5;top:-1px;left:-1px}
@media (max-width:768px){
.slide_pros .txtt{font-size:.88888889rem}
}
@media (max-width:640px){
.slide_pros .txtt{font-size:1rem}
}
.slide_pros amp-img{display:block}
.slide_pros .more{display:block;color:#333;font-weight:700}
.slide_pros .figure{position:relative;box-sizing:border-box;background-color:#fff;width:354px;margin-right:1.5%;margin-bottom:1.7rem;box-shadow:0 0 26px rgba(25,35,150,.15)}
.slide_pros .figure:hover{box-shadow:0 0 26px rgba(22,26,70,.6)}
.slide_pros .figure:hover .more{color:#007ad9}
.slide_pros .figure:hover h4{color:#007ad9}
.slide_pros h4{color:#333;font-weight:700;overflow:hidden;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.2}
.slide_pros .des{overflow:hidden;font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:3% 0 5%;line-height:1.6;white-space:pre-wrap;height: 3em;}
.slide_pros .cont{padding:1.2rem 1.5rem}
@media screen and (max-width:768px){
.slide_pros li{width:48.5%!important}
.slide_pros .des{display:none}
}
.slide_pros.innerc ul{width:100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.slide_pros.innerc .cont{padding:1.2rem 1rem}
.slide_pros.innerc .more{color:#007ad9}
.slide_pros.innerc li{box-sizing:border-box;width:31.3%;margin-bottom:2%;border:1px solid #e4e4e4}
@media screen and (max-width:640px){
.slide_pros.innerc li{width:47%}
}
.slide_pros.innerc li:hover{box-shadow:2px 2px 7px rgba(70,70,70,.2)}
.slide_pros.innerc li:hover h4{color:#1a1a1a}
@media screen and (max-width:768px){
.slide_pros .figure{width:45vw}
}
#ind_products{padding-bottom:4%}
#ind_products .ind_tit{margin-bottom:1%}
#ind_products .c1btn{margin:2% auto 0}
#ind_solute{padding-bottom:4%}
#ind_solute .ind_tit{text-align:center;margin-bottom:2%;margin-top:4.5%}
#ind_solute .c1btn{margin:1% auto 0}
#ind_solute amp-selector div[role=tab]{line-height:1.5}
@media screen and (max-width:768px){
#ind_solute amp-selector.tabpanels [role=tabpanel],#ind_solute amp-selector[role=tablist].tabs-with-selector{padding-left:0;padding-right:0}
}
.ind_soluteul{text-align:center;width:102%}
.ind_soluteul li{float:left;width:23%;margin-right:2%}
@media screen and (max-width:768px){
.ind_soluteul li{width:48%;margin-bottom:2%}
}
.ind_soluteul h3{font-size:.9rem;font-weight:700;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:.7em}
@media (max-width:768px){
.ind_soluteul h3{font-size:.94444444rem}
}
#ind_advantage{display:flex;flex-flow:row nowrap;justify-content:space-between}
#ind_advantage ._t{text-transform:uppercase;background-color:#1a1a1a;text-align:center;padding:8% 0}
#ind_advantage ._t small{font-size:1.2rem;color:#fff;display:block}
@media (max-width:768px){
#ind_advantage ._t small{font-size:1.09090909rem}
}
#ind_advantage ._t strong{font-size:1.6rem;color:#007ad9}
@media (max-width:768px){
#ind_advantage ._t strong{font-size:1.23076923rem}
}
#ind_advantage ._t strong em{color:#fff}
#ind_advantage ._b{display:flex}
#ind_advantage ._b .big{width:50%}
#ind_advantage ._b .txt{background-color:#007ad9;text-align:center;color:#fff;flex:1;display:flex;align-items:center;justify-content:center}
#ind_advantage ._b .txt .ico{display:inline-block;width:52px;height:52px;background-image:url(/web/template/pcmb/images/ico.png);background-repeat:no-repeat;background-position:0 0;background-size:auto auto}
#ind_advantage ._b .txt small{font-size:1rem;display:block}
#ind_advantage ._b .txt strong{font-size:4.5rem;line-height:1}
#ind_advantage ._b .txt .cont{display:inline-block}
#ind_advantage .wrap{background-color:#f4f5f9;flex:1}
#ind_advantage .wrap p{font-size:.8rem;color:#666}
@media (max-width:768px){
#ind_advantage .wrap p{font-size:.88888889rem}
}
@media (max-width:640px){
#ind_advantage .wrap p{font-size:1rem}
}
#ind_advantage .wrap .p1{font-size:1rem}
#ind_advantage .wrap h2{font-size:1.9rem;color:#1a1a1a;text-transform:uppercase;line-height:1.3;margin-bottom:.5em}
@media (max-width:768px){
#ind_advantage .wrap h2{font-size:1.31034483rem}
}
#ind_advantage .wrap ul{margin-top:4%}
#ind_advantage .wrap li{font-size:.8rem;color:#333;padding-left:1.5em;background-image:url(/web/template/pcmb/images/ico.png);background-repeat:no-repeat;background-position:-70px 13px;background-size:auto;line-height:2}
@media (max-width:768px){
#ind_advantage .wrap li{font-size:.88888889rem}
}
@media (max-width:640px){
#ind_advantage .wrap li{font-size:1rem}
}
#ind_advantage .wrap .c1btn{margin-top:4%}
#ind_advantage .wrap .cont{padding:9% 9% 0}
@media screen and (max-width:768px){
#ind_advantage{display:block}
#ind_advantage .w50{float:none;width:100%}
#ind_advantage .wrap .cont{padding:4% 4% 6%}
}
.slide_news_wrap{overflow:hidden}
@media screen and (max-width:768px){
.slide_news_wrap{height:calc(39vw + 7em)}
}
.slide_news{overflow:visible;padding:10px 0}
.slide_news amp-img{display:block}
.slide_news .date{font-size:14px;color:#007ad9;line-height:2.4}
.slide_news .more{display:block;font-size:14px;color:#333;font-weight:700}
.slide_news .figure{position:relative;box-sizing:border-box;background-color:#fff;width:354px;margin-right:1.5%;margin-bottom:1.5rem}
.slide_news .figure:hover .more{color:#007ad9}
.slide_news .figure:hover h4{color:#007ad9}
.slide_news h4{font-size:.9rem;color:#333;font-weight:700;overflow:hidden;text-align:left;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4}
@media (max-width:768px){
.slide_news h4{font-size:.94444444rem}
}
.slide_news .des{font-size:14px;color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:3% 0 5%;line-height:1.6;white-space:pre-wrap}
.slide_news .cont{padding:1rem 0}
@media screen and (max-width:768px){
.slide_news .figure{width:48vw}
.slide_news .des{display:none}
}
.slide_news.inner{width:103%}
.slide_news.inner li{width:22%;margin-right:3%}
@media screen and (max-width:640px){
.slide_news.inner li{width:47%}
}
#ind_news{padding-bottom:4%}
#ind_news .ind_tit{margin-bottom:1%}
#ind_news .c1btn{margin:2% auto 0}
#ind_inform{background-color:#1a1a1a;overflow:hidden;padding:3% 0}
#ind_inform .ind_tit{font-size:.8rem;margin-top:0}
@media (max-width:768px){
#ind_inform .ind_tit{font-size:.88888889rem}
}
@media (max-width:640px){
#ind_inform .ind_tit{font-size:1rem}
}
#ind_inform .ind_tit small{color:#fff}
#ind_inform .ind_tit h2{color:#007ad9}
#ind_inform .txt{float:left;width:25%;font-size:.8rem;color:#fff;margin-right:5%}
@media (max-width:768px){
#ind_inform .txt{font-size:.88888889rem}
}
@media (max-width:640px){
#ind_inform .txt{font-size:1rem}
}
#ind_inform .wrap p{font-size:.8rem;color:#fff;line-height:2}
@media (max-width:768px){
#ind_inform .wrap p{font-size:.88888889rem}
}
@media (max-width:640px){
#ind_inform .wrap p{font-size:1rem}
}
#ind_inform form{width:100%;padding-bottom:.5rem}
#ind_inform form .col{margin-right:20px}
#ind_inform form input,#ind_inform form textarea{background-color:#fff;border:none;width:100%;line-height:50px;margin-top:16px;text-indent:1.5em}
#ind_inform form textarea{box-sizing:border-box;padding:13px;height:116px;line-height:1.6;text-indent:0}
#ind_inform form input[type=submit]{background-color:#007ad9;text-transform:uppercase;color:#fff;font-weight:700;font-size:.8rem;text-indent:0}
@media (max-width:768px){
#ind_inform form input[type=submit]{font-size:.88888889rem}
}
@media (max-width:640px){
#ind_inform form input[type=submit]{font-size:1rem}
}
@media screen and (max-width:768px){
#ind_inform{display:none}
}
amp-img.contain img{object-fit:contain}
@media screen and (min-width:980px) and (max-width:1200px){
html{font-size:17px}
}
@media screen and (min-width:768px) and (max-width:979px){
html{font-size:16px}
}
.product-gallery{position:relative;float:left;width:42%}
@media screen and (max-width:640px){
.product-gallery{float:none;width:99%;margin-bottom:5%}
}
.product-thumbs{float:left;clear:both;width:42%;margin-top:0.5em;}
@media screen and (max-width:768px){
.product-thumbs{display:none}
}
.product-thumbs>ul{float:left;width:102%;display:flex;flex-flow:row nowrap;justify-content:flex-start}
.product-thumbs>ul li{cursor:pointer;flex:1;margin-bottom:.5rem;margin-right:2%;opacity:1;will-change:opacity;max-width:88px;transition:all .3s cubic-bezier(.25,.8,.25,1)}
.product-thumbs>ul li amp-img{display:block;border:1px solid #ddd}
.product-thumbs>ul li amp-img.selected{border-color:#1a1a1a}
.product-thumbs>ul li amp-img:focus{outline:0}
.product-thumbs>ul li:active{opacity:.5}
.product-thumbs>ul li:focus{outline:0}
.product-gallery{background-color:#fff;flex:1;    border: 1px solid #e4e4e4;}
.ptop{overflow:hidden;margin:1% 0 3%}
.ptop .w50{display:flex;width:48%;height:100%}
@media screen and (max-width:640px){
.ptop .w50{width:100%;float:none}
}
.ptop .pad{padding-left:8%}
.ptop h1{font-size:1.2rem;font-weight:700;color:#333;line-height:1.2}
@media (max-width:768px){
.ptop h1{font-size:1.09090909rem}
}
.ptop .des{font-size:.8rem;color:#666;line-height:1.7;padding-bottom:1.5rem;margin:3% 0;border-bottom:1px solid #e9e9e9}
@media (max-width:768px){
.ptop .des{font-size:.88888889rem}
}
@media (max-width:640px){
.ptop .des{font-size:1rem}
}
.ptop .btn{text-align:center;font-size:.8rem;color:#fff;border:none;background-color:#1a1a1a;width:auto;padding:0 1rem;margin-right:3%;border-radius:5px;line-height:2.6;margin-top:4%}
@media (max-width:768px){
.ptop .btn{font-size:.88888889rem}
}
@media (max-width:640px){
.ptop .btn{font-size:1rem}
}
.ptop .btn i{display:inline-flex;width:1rem;height:1rem;fill:#fff;vertical-align:sub;margin-right:.5em}
.ptop .btn.m::before{background-color:#1a1a1a}
.ptop .btn.first{background-color:#007ad9}
.ptop .proshare{padding-top:4%}
#proform{margin:2% 0 4%}
#proform h2{font-size:1.5rem;color:#1a1a1a;line-height:3;margin-bottom:%;line-height:2}
@media (max-width:768px){
#proform h2{font-size:1.2rem}
}
#proform h2 small{font-size:.9rem;color:#666;font-style:italic;font-weight:400;display:block;line-height:1.3}
@media (max-width:768px){
#proform h2 small{font-size:.94444444rem}
}
#proform .row{margin-bottom:1.5%;display:block}
@media screen and (max-width:768px){
#proform .row{width:100%}
}
#proform label{font-size:14px;color:#333;text-align:right;margin-right:1em;width:7em;float:left;line-height:3}
#proform label span{color:red}
@media screen and (max-width:768px){
#proform label{width:4em;white-space:nowrap}
}
#proform input{width:100%;box-sizing:border-box;background-color:transparent;color:#666;border:1px solid #ddd;line-height:2;padding:.3rem;border-radius:3px}
#proform textarea{width:100%;box-sizing:border-box;height:14em;background-color:transparent;border:1px solid #ddd}
#proform input[type=submit],#proform input[type=reset]{float:left;font-size:14px;font-weight:700;display:block;background-color:#1a1a1a;color:#fff;line-height:2.3;text-align:center;border:none;width:7rem;margin:2em 0;cursor:pointer}
#proform input[type=submit]:hover,#proform input[type=reset]:hover{animation:jello 1s linear forwards}
#proform #verify{width:7em}
.ampTabContainer{display:flex;flex-wrap:wrap}
.ampTabContainer .tabButton[selected]+.tabContent{display:block}
.ampTabContainer .tabContent{display:none;width:100%;order:1}
.ampTabContainer.pro::before{display:block;position:absolute;content:" ";height:2.5rem;width:100%;z-index:0;border-bottom:1px solid #ddd}
.ampTabContainer.pro .tabButton{font-size:.9rem;color:#666;font-weight:400;position:relative;text-align:center;box-sizing:border-box;line-height:2.5rem;min-width:8em}
@media (max-width:768px){
.ampTabContainer.pro .tabButton{font-size:.94444444rem}
}
.ampTabContainer.pro .tabButton[selected]{font-size:1rem;color:#1a1a1a;font-weight:700}
.ampTabContainer.pro .tabButton[selected]::before{background-color:#1a1a1a;position:absolute;content:"";width:100%;height:3px;z-index:5;left:0;bottom:-2px;top:inherit}
amp-selector [option][selected]{outline:#fff}
.tabContent .article_cont{padding:2% 0}
@media screen and (max-width:640px){
.tabContent .article_cont{padding:5% 0}
}
.relate_tit2{margin-bottom:2%;overflow:visible;border-bottom:1px solid #e6e6e6;margin-top:3%;}
.relate_tit2 span{font-size:1rem;color:#333;font-weight:700;display:inline-block;overflow:visible;line-height:2.6;width:4.5rem;white-space:nowrap;border-bottom:5px solid #007ad9;margin-bottom:-1px}
.relate_bord .figure{width:20%;}
.relate_bord .figure span{display:block;width:100%;    border: 1px solid #ddd;}
.relate_bord .figure span img{width:100%;}
.relate-con{padding-bottom:5%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.relate-con .figure:last-child{margin-right:0;}
.relate-con .figure h5{font-size:1.2rem;margin-top:1rem;}
.pron-txt{line-height:1.2rem;}
@media screen and (max-width:768px){
.downlist{margin-top:1rem}
.pron-txt{line-height:1.8rem;}
}
.downlist li{overflow:hidden;border-bottom:1px dashed #ddd;padding:1.5em 0}
.downlist li h5{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;color:#333;font-style:italic;font-weight:400}
@media (max-width:768px){
.downlist li h5{font-size:.88888889rem}
}
@media (max-width:640px){
.downlist li h5{font-size:1rem}
}
.downlist li .icon-filepdf{color:#1a1a1a;font-size:1.2rem;float:left;margin-right:1%;line-height:1;display:inline-flex;fill:#1a1a1a;width:1.5rem;height:1.5rem}
@media (max-width:768px){
.downlist li .icon-filepdf{font-size:1.09090909rem}
}
.downlist li a{float:right;font-size:14px;color:#999;text-transform:uppercase;margin-top:.5em}
.downlist li a i{display:inline-flex;fill:#999;width:1.5rem;height:1rem;vertical-align:middle;margin-right:.5em}
@media screen and (max-width:640px){
.downlist li{padding:.5rem 0}
}
.pro_mess{overflow:hidden;padding:2% 0;background-color:#1a1a1a}
.pro_mess .table_tit{font-size:1.5rem;color:#fff;font-weight:700;text-align:center}
@media (max-width:768px){
.pro_mess .table_tit{font-size:1.2rem}
}
.pro_mess p{font-size:.8rem;color:#fff;text-align:center;font-style:italic}
@media (max-width:768px){
.pro_mess p{font-size:.88888889rem}
}
@media (max-width:640px){
.pro_mess p{font-size:1rem}
}
@media screen and (max-width:768px){
.pro_mess{display:none}
}

.article p,.article p span{font-size:16px!important;}
.article p span{font-family:Arial!important;}
.slide_rp{margin-bottom:3%}
.slide_rp .figure{overflow:hidden;text-align:left;cursor:pointer;margin-right:1%;width:354px;padding-bottom:2rem}
.slide_rp .figure amp-img{border:1px solid #ddd}
.slide_rp .figure h5{font-size:.9rem;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;width:100%;line-height:2.5}
@media (max-width:768px){
.slide_rp .figure h5{font-size:.94444444rem}
}
.slide_rp .figure h5:hover{color:#1a1a1a}
.slide_rp .figure small{color:#666;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media screen and (max-width:1600px){
.slide_rp .figure{width:22vw}
}
@media screen and (max-width:768px){
.slide_rp .figure{width:12rem}
}
.abtit{font-size:1.2rem;color:#333;font-weight:700;margin-bottom:1rem}
@media (max-width:768px){
.abtit{font-size:1.09090909rem}
}
.about_top{font-size:.9rem;color:#666;overflow:hidden;padding:4% 0 5%}
@media (max-width:768px){
.about_top{font-size:.94444444rem}
}
.about_top .trimg{float:right;width:42%;margin-left:5%}
@media screen and (max-width:768px){
.about_top .trimg{float:none;width:100%;margin-left:0;margin-bottom:3%}
}
.about_mid{font-size:.9rem;color:#666;padding:4% 0 6%;margin-bottom:3%;background-color:#f4f5f9}
@media (max-width:768px){
.about_mid{font-size:.94444444rem}
}
.about_mid .cont{max-width:30em}
.about_mid .abscon{position:absolute;width:50%;height:300px;z-index:5;left:50%;top:0}
@media screen and (max-width:768px){
.about_mid .abscon{position:relative;width:100%;left:0;margin-bottom:3%}
.about_mid .cont{max-width:100%}
}
.slide_site{margin-bottom:3%}
.slide_site .figure{margin-right:1rem}
.slide_site .tit{font-size:.8rem;color:#333;text-align:center;line-height:3}
@media (max-width:768px){
.slide_site .tit{font-size:.88888889rem}
}
@media (max-width:640px){
.slide_site .tit{font-size:1rem}
}
.inner_new{margin-top:-.7rem}
@media screen and (max-width:768px){
.inner_new{padding:0}
}
.inner_new li{position:relative;box-sizing:border-box;padding:.7rem .7rem .7rem 0}
.inner_new li .item3{position:relative;z-index:5}
.inner_new li .item3 a{display:block;overflow:hidden;cursor:pointer}
.inner_new li .date{font-size:14px;color:#939393}
.inner_new li .date i{display:inline-flex;vertical-align:sub;width:16px;height:16px;margin-right:.5em;fill:#999}
.inner_new li .big{width:13rem;float:left;box-sizing:border-box;border:1px solid #ddd;margin-right:3%;-webkit-transition:all .3s linear;transition:all .3s linear}
.inner_new li .text-wrap{position:relative;overflow:hidden}
.inner_new li .text-wrap .title{font-size:1rem;font-weight:700;color:#333;overflow:hidden;line-height:1.2;margin-bottom:.5rem;margin-top:1%}
@media screen and (min-width:768px){
.inner_new li .text-wrap .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
@media screen and (max-width:768px){
.inner_new li .text-wrap .title{height:2.3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}
.inner_new li .text-wrap p{overflow:hidden;display:block;font-size:.8rem;line-height:1.7;padding-top:5px;height:3.4em;margin-bottom:.5rem;color:#717171}
@media (max-width:768px){
.inner_new li .text-wrap p{font-size:.88888889rem}
}
@media (max-width:640px){
.inner_new li .text-wrap p{font-size:1rem}
}
.inner_new li .text-wrap .more{font-size:.8rem;color:#1a1a1a;font-weight:700}
@media (max-width:768px){
.inner_new li .text-wrap .more{font-size:.88888889rem}
}
@media (max-width:640px){
.inner_new li .text-wrap .more{font-size:1rem}
}
.inner_new li:hover{box-shadow:2px 2px 7px rgba(70,70,70,.2)}
.inner_new li:hover .big{margin-left:1rem}
.inner_new li:hover .title{color:#1a1a1a}
.inner_new li:hover .fa{color:#1a1a1a;border-color:#1a1a1a}
.inner_new li:hover .more{color:#007ad9}
@media screen and (max-width:640px){
.inner_new li{padding:.6em}
.inner_new li.first .big{width:100%;margin-right:0;float:none;margin-bottom:1em}
.inner_new li.first .title{margin-bottom:0}
.inner_new li .date{display:none}
.inner_new li .big{border:none;padding-left:0;width:8rem}
.inner_new li .text-wrap .title{font-size:15px;padding-bottom:0;line-height:2;height:1.7em}
.inner_new li .text-wrap p{height:2.5em;line-height:1.3}
.inner_new li .more{display:none}
}
.inner_products ul{width:100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
@media screen and (max-width:768px){
.inner_products ul{width:100%}
.inner_products ul li{width:48%;margin-right:0;margin-bottom:1em}
}
.inner_products .big{background-color:#fff}
.inner_products .cont{padding-top:1.2rem}
.inner_products .cont .more{display:block;font-size:14px;color:#1a1a1a;font-weight:700;text-transform:uppercase}
.inner_products .cont .more i{color:#007ad9;font-family:'宋体';font-weight:700;font-size:1rem;display:inline-block;vertical-align:middle;margin-left:.5em}
.inner_products .cont h4{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;text-align:left;font-size:.9rem;color:#333;font-weight:700;line-height:.8;height:1rem}
.inner_products .cont h4 a{color:#333}
.inner_products .cont small{font-size:15px;color:#1a1a1a;font-weight:400;display:block;text-transform:initial;line-height:.7;margin-top:.7rem}
@media (max-width:640px){
.inner_products .cont small{font-size:1rem}
}
@media screen and (max-width:768px){
.inner_products .cont small{display:none}
}
.inner_products .cont .conf{display:block;font-size:14px;color:#666;overflow:hidden;line-height:1.6;margin:.6em 0 1.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;    height: 2.9em;}
.inner_products .btn{font-size:.8rem;text-align:center;display:block;float:left;border:none;line-height:2.7;width:48%}
@media (max-width:768px){
.inner_products .btn{font-size:.88888889rem}
}
@media (max-width:640px){
.inner_products .btn{font-size:1rem}
}
.inner_products .btn.a1{color:#fff;background-color:#1a1a1a;margin-right:4%}
.inner_products .btn.a1:hover{background-color:#1a1a1a}
.inner_products .btn.a2{color:#1a1a1a;background-color:#f0f2f6}
.inner_products .btn.a2:hover{background-color:#dcdcdc}
.inner_products .btns{overflow:hidden}
.inner_products li{box-sizing:border-box;width:31%;border:1px solid #e4e4e4;padding:.5rem;margin-bottom:1.8%}
.ind_prolist.tt li{width:23.2%;}
.inner_products li:hover .cont h4{color:#1a1a1a}
.inner_products li:hover .cont h4 a{color:#1a1a1a}
.inner_products li:hover .more{color:#007ad9}
.inner_caselist{width:100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.inner_caselist .big{ border: 1px solid #e4e4e4;}
.inner_caselist .cont{padding:3% 4% 4%;background-color:#fff}
.inner_caselist .des{font-size:.8rem;color:#666;overflow:hidden;display:box;display:-webkit-box;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:2% 0}
@media (max-width:768px){
.inner_caselist .des{font-size:.88888889rem}
}
@media (max-width:640px){
.inner_caselist .des{font-size:1rem}
}
.inner_caselist .more{font-size:14px;color:#1a1a1a;text-transform:uppercase;font-weight:700;position:relative;display:inline-block;border-bottom:2px solid #1a1a1a}
.inner_caselist .more::after{display:inline-block;color:#007ad9;font-weight:700;font-size:1rem;font-family:'宋体';display:block;content:"  >";z-index:5;position:absolute;right:-25px;top:0;z-index:5}
.inner_caselist li{box-sizing:border-box;width:30.3%;margin-bottom:2.5%}
.inner_caselist li .tit{font-size:1rem;color:#1a1a1a;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.5;height:auto;}
.inner_caselist li:hover .tit{color:#007ad9}
.inner_caselist li:hover .more{color:#007ad9;border-color:#007ad9}
@media screen and (max-width:640px){
.inner_caselist li{width:47%;padding:.2rem}
.inner_caselist li .des,.inner_caselist li .more{display:none}
}
@media screen and (max-width:768px){
.inner_caselist{padding:0}
}
.contact_containe{margin:2% auto}
.contact_containe h2{position:relative;font-size:1.4rem;color:#333;font-weight:700;text-align:left;margin-bottom:1rem;line-height:2}
@media (max-width:768px){
.contact_containe h2{font-size:1.16666667rem}
}
.share03{margin-top:4%}
.share03 i{display:inline-flex;background-color:#efedee;padding:10px;border-radius:50%}
.share03 svg{width:20px;height:20px;fill:#999}
.share03 a{display:inline-block;font-size:0;vertical-align:middle;border-radius:1rem;margin-right:.6rem}
.share03 a:hover svg{fill:#48abf9}
.con_fr{float:right;width:35%;margin-left:5%}
.con_fr dl{margin-top:4%;display:flex;flex-flow:row wrap;justify-content:space-between}
.con_fr dl h3{font-weight:700;font-size:.9rem;color:#333;margin-bottom:.3em}
@media (max-width:768px){
.con_fr dl h3{font-size:.94444444rem}
}
.con_fr dl p{font-size:.8rem;color:#666;line-height:1.4}
@media (max-width:768px){
.con_fr dl p{font-size:.88888889rem}
}
@media (max-width:640px){
.con_fr dl p{font-size:1rem}
}
.con_fr dl dd{width:40%}
@media screen and (max-width:768px){
.con_fr{float:none;margin-left:0;margin-bottom:5%;width:100%}
}
#conform{overflow:hidden}
#conform .tit_p{font-size:14px;color:#666;max-width:36em}
#conform .tit_p.m{font-size:.8rem}
@media (max-width:768px){
#conform .tit_p.m{font-size:.88888889rem}
}
@media (max-width:640px){
#conform .tit_p.m{font-size:1rem}
}
#conform .w50{box-sizing:border-box;width:32%;margin-right:1%;float:left;border-radius:3px;border:1px solid #dfdfdf}
#conform .row{margin-bottom:1.5%;display:block;background-color:#fff}
@media screen and (max-width:768px){
#conform .row{width:100%}
}
#conform label{font-size:14px;color:#333;text-align:left;margin-right:1em;float:left;line-height:3;padding-left:1em}
#conform label span{color:red}
@media screen and (max-width:768px){
#conform label{white-space:nowrap}
}
#conform .txt{border-radius:3px;border:1px solid #dfdfdf;width:99.5%}
#conform input{width:100%;box-sizing:border-box;border:none;background-color:transparent;color:#666;line-height:2;padding:.3rem}
#conform textarea{box-sizing:border-box;border:none;height:14em;background-color:transparent;padding-top:1em}
#conform input[type=submit],#conform input[type=reset]{float:left;font-size:.8rem;font-weight:700;display:block;background-color:#007ad9;color:#fff;line-height:2.3;text-align:center;border:none;margin:2em 0;cursor:pointer;text-transform:uppercase;width:13rem}
@media (max-width:768px){
#conform input[type=submit],#conform input[type=reset]{font-size:.88888889rem}
}
@media (max-width:640px){
#conform input[type=submit],#conform input[type=reset]{font-size:1rem}
}
#conform input[type=submit]:hover,#conform input[type=reset]:hover{animation:jello 1s linear forwards}
@media screen and (min-width:768px){
#conform .row.txt{width:98%}
}
@media screen and (max-width:768px){
#conform .w50{width:100%;margin-right:0}
}
@media screen and (max-width:768px){
html{font-size:15px}
}
@media screen and (max-width:640px){
html{font-size:14px}
.ptop .pad{padding-left:0}
}
.innernav{font-size:0;text-align:right;width:100%;overflow:hidden;background:#f2f2f4;margin-bottom:25px;}
.innernav a.nava{display:inline-block;font-size:.8rem;color:#666;line-height:3rem;padding:0 2em}
@media (max-width:768px){
.innernav a.nava{font-size:.88888889rem}
}
@media (max-width:640px){
.innernav a.nava{font-size:1rem}
}
.innernav a.nava.total{display:none}
.innernav a.nava.act,.innernav a.nava:hover{border-color:#1a1a1a;position:relative;z-index:8;color:#fff;background-color:#cd2f67}
.innernav .path{float:left;font-size:14px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;padding:1.3em 0}
.innernav .path a{padding:0 2px;color:#8e8e8e}
.innernav .path a:hover{color:#1a1a1a}
.innernav .path i{display:inline-block;vertical-align:sub;display:inline-flex;fill:#1a1a1a;width:14px;height:14px;margin-right:5px}
@media screen and (max-width:640px){
.innernav{overflow:hidden}
.innernav a.nava{display:none}
.innernav .path{padding:.5em 0}
}
.breaker{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;line-height:30px;padding-left:2em;background-position:0 center}
.breaker a{color:#999}
.breaker a:hover{color:#1a1a1a}
.breaker i{color:#1a1a1a;text-align:center;font-size:1rem;background-color:#eee;width:1.6em;line-height:1.6;margin-right:.5em;border-radius:50%}
@media screen and (max-width:768px){
.breaker{margin:0;padding:0}
}
@media screen and (max-width:640px){
.titbar{margin-bottom:10px}
}
.titbar.break{height:2rem;margin:.4rem 0 1.1rem;padding:0;border-bottom:1px solid #ddd}
.titbar.break .breaker{float:right}
.titbar.break h2{color:#333;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;border-left:5px solid #1a1a1a;padding-left:.5em}
@media screen and (max-width:640px){
.titbar.break{overflow:hidden;margin-bottom:5vw;padding-bottom:2%}
.titbar.break .breaker{float:none}
.titbar.break h2{display:none}
}
#toolbar{display:none;width:100%;background-color:#fff;height:55px;position:fixed;z-index:999;bottom:0;left:0;border-top:1px solid #E5E9F2}
@media (max-width:767px){
#toolbar{display:block}
}
#toolbar ul{padding-top:5px}
#toolbar ul li{float:left;position:relative;text-align:center;width:25%}
#toolbar ul li a{width:100%;position:relative;color:#1b2c42;line-height:23px;padding-top:7px}
#toolbar ul li a i{display:inline-flex;fill:#1b2c42;width:22px;height:22px}
#toolbar ul li a span{font-size:13px;display:block}
#toolbar ul li:hover a{color:#1a1a1a}
.amp-sidebar{background-color:#fff}
#drawermenu button{font-size:0;background-color:#fff;border:none;position:absolute;height:60px;padding:20px;background-image:url(/web/template/pcmb/images/closed.png);background-repeat:no-repeat;background-position:center;background-size:auto auto;width:60px;outline:0;left:initial;right:0;z-index:8;opacity:1}
.m_nav{overflow:hidden;height:100%;background-color:#fff;z-index:-1;width:65vw;margin-top:0;opacity:1;height:100vh;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transform:translateX(100%)}
.m_nav .bg{background-repeat:no-repeat;background-position:100% 100%;background-size:auto auto;padding-bottom:10px;margin-bottom:-10px}
.m_nav .overly{position:absolute;height:100%;width:102vw;right:0;z-index:0;top:0}
.m_nav .top{box-sizing:border-box;height:60px;padding:20px}
.m_nav .top .closed{display:inline-flex;float:right;fill:#666;width:27px;height:27px;margin-top:.5rem}
.m_nav .mlogo{box-sizing:border-box;margin-top:10vh;padding-left:1em;width:95%}
.m_nav .mlogo img{display:block;height:auto}
.m_nav .ul{overflow-y:auto;height:calc(100vh - 180px);margin-top:20px}
.m_nav .ul li{padding:0 20px;opacity:0;border-bottom:1px solid #f5f5f5;-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;-webkit-transform:translateY(100%);transform:translateY(0);transform:translateY(100%)}
.m_nav .ul li a{display:block;width:100%;height:50px;font-size:16px;color:#333;line-height:50px;text-decoration:none}
.m_nav .ul li a.leve1{display:block;width:auto;margin-right:3em}
.m_nav .ul li .dropdown_menu{display:none;transition:none}
.m_nav .ul li .dropdown_menu a{display:block;box-sizing:border-box;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:50px;line-height:50px;padding:0 40px 0 .6em;border-bottom:1px solid #f5f5f5;font-size:15px}
.m_nav .ul li .dropdown_menu a:last-child{border:none}
.m_nav .ul li .icon-xialajiantou{position:absolute;font-weight:700;text-align:center;color:#666;cursor:pointer;top:11px;right:5px;z-index:20;height:15px;width:35px;line-height:35px;transition:all .5s ease 0s;font-size:8px;border:7px solid #fff;border-radius:50%;display:inline-flex;fill:#666}
.m_nav .ul li .icon-xialajiantou.up{transform:rotate(180deg)}
.m_nav .ul li .icon-xialajiantou.up svg{fill:#1a1a1a}
.m_nav .ul li .icon-xialajiantou.up+.dropdown_menu{display:block}
.m_nav .ul li .icon-arright{position:absolute;font-weight:700;text-align:center;color:#666;cursor:pointer;top:20px;right:0;z-index:20;height:15px;width:19px;transition:all .5s ease 0s;display:inline-flex;fill:#bbb}
.m_nav .ul li:first-child .icon-xialajiantou{display:none}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0s;transition:all .2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0s;transition:all .4s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(7){-webkit-transition:all 1.4s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.4s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(8){-webkit-transition:all 1.6s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.6s cubic-bezier(.77,0,.175,1) 0s}
.m_nav.open{z-index:1000;transform:translateX(0)}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.sub_title{text-align:left;margin-bottom:1.5rem;border-bottom:1px solid #e9e9e9;padding-bottom:1.5rem}
@media screen and (max-width:768px){
.sub_title{padding-bottom:0;margin-bottom:3vw}
}
.sub_title .articleTit{font-size:1.5rem;font-weight:700;color:#333;letter-spacing:1;line-height:1.2;margin-bottom:1rem}
@media (max-width:768px){
.sub_title .articleTit{font-size:1.5rem;margin-bottom:1rem;}
}
@media screen and (max-width:640px){
.sub_title .articleTit{line-height:1.6}
}
.sub_title .sub_info{color:#666}
.sub_title .sub_info .iconfont{font-size:14px;margin-right:.5em}
.sub_title .sub_info span{margin-right:6%}
.sub_title .sub_info i{display:inline-flex;vertical-align:sub;width:16px;height:16px;margin-right:.8em;fill:#666}
.article{line-height:1.7;font-size:15px;color:#333}
@media (max-width:640px){
.article{font-size:1rem}
}
.article table{width:100%;min-width:600px}
.article img{max-width:100%;height:auto;margin-bottom:.5em;margin-top:.5em}
@media screen and (max-width:768px){
.article .aimg{height:initial}
}
.article_cont{font-size:.8rem;color:#333}
@media (max-width:768px){
.article_cont{font-size:.88888889rem}
}
@media (max-width:640px){
.article_cont{font-size:1rem}
}
.article_cont.pad{padding:2% 1%}
.skip{overflow:hidden;margin-top:50px;margin-bottom:30px}
.skip>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:46%;line-height:30px;height:30px;text-indent:10px}
.skip a{color:#666}
.skip a:hover{color:#1a1a1a;text-decoration:underline}
@media screen and (max-width:640px){
.skip>div{width:100%;float:none;padding:5px;margin-left:-5px}
}
h3.tag{color:#999;font-weight:400;font-size:14px;padding-bottom:4%;border-top:1px dashed #e0e1dc;margin-top:10px;padding-top:1%}
h3.tag i{display:inline-flex;padding:7px;background-color:#1a1a1a;border-radius:50%;margin-top:2px}
h3.tag svg{width:15px;height:15px;fill:#fff;line-height:20px}
h3.tag a{color:#666;margin:0 8px 0 5px}
h3.tag a:hover{color:#0172bd}
h1.tagname{position:absolute;color:#fff;font-size:2.25rem;font-weight:700;top:-13vw;left:0;z-index:66;letter-spacing:1px}
@media (max-width:768px){
h1.tagname{font-size:1.36363636rem}
}
.tags .breaker{float:left}
.taglist{background-color:#fff;padding:2em 1.5em;margin-bottom:5vw;margin-top:-1%}
.taglist a{display:inline-block;color:#666;font-size:14px;padding:3px 10px;background-color:#f3f3f3;white-space:nowrap;margin:4px 10px 4px 0;border-radius:3px}
.taglist a:hover{color:#fff;background:#1abc9c}
@media screen and (max-width:768px){
.taglist{padding:0 1em}
}
.lside{float:left;width:22%;margin-right:2%;margin-bottom:3vw}
@media screen and (max-width:980px){
.lside{display:none}
}
.lside .grayblock2{display:none}
.lside .grayblock{box-sizing:border-box;margin-bottom:1.8rem}
.lside .grayblock h2,.lside .grayblock h3{font-size:1.3rem;color:#fff;background-color:#1a1a1a;font-weight:700;position:relative;line-height:3;text-indent:1.5em}
@media (max-width:768px){
.lside .grayblock h2,.lside .grayblock h3{font-size:1.13043478rem}
}
.lside .grayblock h2 svg,.lside .grayblock h3 svg{width:1rem;height:1rem;fill:#fff;position:absolute;right:1.5em;top:50%;margin-top:-.5rem}
.lside .iauth{background-color:#fff;border:1px solid #e4e4e4;padding:.5em 1rem .7rem}
.lside .iauth li{line-height:3.3;border-bottom:1px solid #e4e4e4}
.lside .iauth li a{color:#333;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700}
@media (max-width:768px){
.lside .iauth li a{font-size:.88888889rem}
}
@media (max-width:640px){
.lside .iauth li a{font-size:1rem}
}
.lside .iauth li a i{float:right;vertical-align:bottom;display:inline-flex;fill:#cacaca;width:20px;height:20px;margin-right:3px;margin-top:.8rem;transform:rotate(-90deg)}
.lside .iauth li a.act,.lside .iauth li a:hover{color:#007ad9}
.lside .iauth li a.act i,.lside .iauth li a:hover i{fill:#007ad9}
.lside .iauth li:last-child{border:none}
.lside .lh3{font-size:1.3rem;color:#333;font-weight:700;position:relative;line-height:2}
@media (max-width:768px){
.lside .lh3{font-size:1.13043478rem}
}
.lside .pre_pros{background-color:#fff}
.lside .pre_pros amp-img{width:100px;float:left;border:1px solid #ececec;margin-right:.6em}
.lside .pre_pros p{font-size:14px;color:#333;text-align:left;overflow:hidden;font-weight:700;display:-webkit-box;line-height:1.4;margin-top:1em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lside .pre_pros li{overflow:hidden;margin-top:.5rem}
.lside .pre_pros li:hover amp-img{border-color:#1a1a1a}
.lside .pre_pros li:hover p{color:#1a1a1a}
.lside .pre_news{background-color:#fff;padding:.5em 1rem .7rem;border:1px solid #e4e4e4}
.lside .pre_news p{font-size:.8rem;color:#333;text-align:left;overflow:hidden;font-weight:700;display:-webkit-box;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media (max-width:768px){
.lside .pre_news p{font-size:.88888889rem}
}
@media (max-width:640px){
.lside .pre_news p{font-size:1rem}
}
.lside .pre_news li{position:relative;margin-top:.5rem;border-bottom:1px solid #e4e4e4;padding-bottom:.5rem;padding-left:.8em}
.lside .pre_news li::before{display:inline-block;background-color:#1a1a1a;content:" ";height:.3rem;width:.3rem;z-index:5;position:absolute;left:-2px;top:3px}
.lside .pre_news li:last-child{border:none}
.lside .pre_news li:hover p{color:#007ad9}
.relate_news{width:102%;margin-bottom:3%}
.relate_news li{float:left;position:relative;width:47%;margin-right:3%;border-bottom:1px dashed #dedede;line-height:2.8}
.relate_news li::before{display:inline-block;width:0;height:0;content:" ";z-index:5;position:absolute;left:0;top:50%;margin-top:-5px;border-left:6px solid #1a1a1a;border-top:5px solid transparent;border-bottom:5px solid transparent}
@media screen and (max-width:768px){
.relate_news li{float:none;width:97%}
}
.relate_news li a{display:block}
.relate_news li h5{color:#333;display:block;font-weight:400;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap;text-indent:15px}
.relate_news li h5:hover{color:#1a1a1a}
.relate_news li .date{color:#999;display:inline-block;float:right;font-size:13px;line-height:3.2;padding-left:.5em;height:2.8em}
.relate_news li:hover a{text-decoration:underline}
.relate_news li:hover .date{color:#1a1a1a}





.lside {
float: left;
width:20%;
margin-right: 2%;
margin-bottom: 3vw;
}
.inner_menu {
border: solid 1px #f0f0f0;
box-sizing: border-box;
padding: 0 20px;
margin-bottom: 30px;
padding-bottom:0.5rem;
}
.p5_title2 {
height: 80px !important;
}
.p5_title2 span {
height: 75px;
font-size: 22px;
font-weight: normal;
line-height: 75px;
color: #333;
border-bottom: 1px solid #fff;
display: inline-block;
position: relative;
}

.p5_title2 span::before {
display: block;
content: " ";
clear: both;
height: 2px;
width: 49%;
background: #007ad9;
position: absolute;
bottom: 10px;
left: 0;
}

.inner_menu ul li {
line-height: 1.2rem;
    padding-left: 1rem;
    position: relative;
    padding-bottom: 0.4rem;
}
.inner_menu ul li a {
font-size: 0.8rem;
    color: #666;
    font-family: "Poppins-R";
}


.inner_menu ul li a:hover{
color:#007ad9;
}

.inner_menu ul li:before {
width: 5px;
height: 5px;
background: #666;
content: "";
position: absolute;
left: 0;
top: 0.45rem;
}



.p5_contact {
border: solid 1px #f0f0f0;
box-sizing: border-box;
padding: 0 20px;
}


.p5_contact_con li {
line-height: 24px;
min-height: 34px;
word-wrap: break-word;
color: #333;
overflow: hidden;
margin-bottom: 15px;
}

.p5_contact_con li span {
width: 22px;
height: 24px;
display: block;
float: left;
margin-right: -22px;
background: url(../images/VISkins-p5.png) no-repeat -2px -8px;

}

body .inner_menu ul.menu li a{ font-size:0.9rem; color:#111;}
body .inner_menu ul.menu li:hover a{ font-size:0.9rem; color:#008fd7;}

.p5_contact_con li em {
padding-left: 25px;
display: block;
overflow: hidden;
}
.p5_contact_con li {
line-height: 24px;
min-height: 34px;
word-wrap: break-word;
color: #333;
overflow: hidden;
margin-bottom: 15px;
}

.p5_contact_con li.p5_contact_l1 span {
background-position: -2px -45px;
}

    
.head .h_ms .isearch {width: 100%;height: 4.8rem;background:#FFF;position:absolute;top: 7.4rem;left: 0px;opacity:0;transition:.5s;border-top: 1px solid #ccc;box-sizing: border-box;}
.head .h_ms .isearch:before {width:.6rem;height:.35rem;background-size:.6rem .45rem;content:"";position:absolute;top:-0.35rem;right:1.1rem;}
.head .h_ms .isearch .ser_so {width: 9%;height: 2.5rem;float: right;cursor:pointer;border:0;background: no-repeat;color: #0080cc;font-size: 1rem;font-weight: bold;border: 1px solid #0080cc;border-radius: 2rem;}
.head .h_ms .isearch .ser_inp {height:2.7rem;line-height:2.7rem;float:left;font-size:.8rem;color:#999999;border:0;padding-left: 2rem;background: #efefef;width: 88%;border-radius: 2rem;}
.head .h_ms .isearch .ser_inp::-webkit-input-placeholder {font-size:.8rem;color:#999999;}
.head .h_ms .isearch .ser_inp::-moz-placeholder {font-size:.8rem;color:#999999;}

.head .h_ms .search.open .isearch{ opacity:1;}   

.head .h_ms .isearch 
 form.i-amphtml-form {
    display: block;
    height: 2.8rem;
    width: 90.333%;
    margin: 1rem auto;
}

a:focus,input, button, textarea, select{outline:0;}

    

.g-hd,.mcfoot{ display:none;}
@media screen and (max-width:720px){
    
    body>.content1 {
    box-sizing: border-box;
    padding: 0 3%;
}
 .head{ display:none;}   
 .mcfoot{ display:block;}


body .g-hd {position:relative;height:6.05rem; display:block;}
.g-hd img {display:block;width:100%;}
.g-hd .logo {
width: 8.3rem;
        z-index: 20;
        position: relative;
        height: 5.4rem;
        padding-top: 0.8rem;    
}
.g-hd h2 {display:block;margin-left:0.4rem;float:left;padding-left:0.4rem;height:3.6rem;margin-top:0.9rem;}
.g-hd h2 span {font-size:1.2rem;line-height:1.2rem;color:#282828;box-sizing:border-box;display:block;margin-top:0.2rem;font-weight:bold;}
.g-hd h2 i {font-size:1.2rem;line-height:1.2rem;color:#000;box-sizing:border-box;display:block;font-weight:normal;margin-top:0.8rem;}
.g-hd h2 i b {color:#0054a6;}
.ph {
    display: block;
        float: left;
        width: 2.55rem;
        margin-top: 2.4rem;
        height: 2rem;
        padding-left: 17.2rem;
        padding-right: 2rem;
}
.g-hd .hen {width:2.55rem;height:2rem;padding-top:2.4rem; display:none;}
.h_con {display:flex;justify-content:space-between;flex-wrap:nowrap;width:92%;background:#fff;padding:0 4%;}
.g-hd .m-nav2 {float:right;width:3.25rem;margin:2.4rem 0 0 2rem;height:2.2rem;}
.menu2 {z-index:301;}
.menu2 .erji {width:100%;display:none;overflow:hidden;position:absolute;background:rgba(0,0,0,0.8);background-size:100% 100%;height:61.25rem;max-width:750px;top:4.7rem;right:0;transition:transform 3s;-webkit-transition:transform 3s;box-sizing:border-box;z-index:100;}
.menu2 .erji ul {background:#FFF;width:73.3%;height:100%;float:right;padding:0.65rem 1.75rem 0;box-sizing:border-box;border-top:0.1rem solid #ebebeb;}
.menu2 ul li {line-height:5rem;color:#fff;font-size:1.4rem;border-bottom:0.05rem solid rgba(26,26,26,.16);box-sizing:border-box;padding:0 0.9rem 0 0.95rem;}
.menu2 ul li a {display:block;text-decoration:none;font-size:1.3rem;color:#1a1a1a;font-weight:normal;background-size:0.55rem 0.95rem;}
.g-hd .seach {width:100%;overflow:hidden;position:absolute;height:61.25rem;max-width:750px;top:4.7rem;right:0;display:none;z-index:301;}
.g-hd .seach.active {transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.g-hd .seach .sea {background:#FFF;width:100%;height:61.25rem;float:right;padding:4.25rem 2.45rem 0 2.5rem;box-sizing:border-box;border-top:0.1rem solid #ebebeb;}
.g-hd .seach .sea .sou {width:100%;height:4.45rem;border-bottom:0.05rem solid #4d4d4d;box-sizing:border-box;}
.g-hd .seach .sea .sou .txt {width:84%;height:4.35rem;line-height:4.35rem;box-sizing:border-box;background-size:1.55rem 1.55rem;font-size:1.2rem;color:#b2b2b2;border:0;}
.g-hd .seach .sea .sou .txt::-webkit-input-placeholder {font-size:1.2rem;color:#666;}
.g-hd .seach .sea .sou .txt::-moz-placeholder {font-size:1.2rem;color:#666;}
.g-hd .seach .sea .sou .btn {float:right;width:5.2rem;height:4.35rem;background:url(../images/m/sou.png) no-repeat center;background-size:2.55rem 2rem;margin-top:0.1rem;border:0;}
                  
 
   
    
.mcfoot {width:100%;color:#c2c2c2;padding:0rem 0 2rem 0;background:#fff;margin:0 auto;}
.mcfoot .ftcom {margin:0 auto;text-align:center;color:#c2c2c2;background-color: #007ad9;padding: 1rem 2.5% 4rem 2.5%;}
.mcfoot .ftcom hr {border:none;border-top:1px solid #555;margin:1.5rem 0;}
.mcfoot .ftcom .ftnav {margin:2rem 1rem 0.5rem 1rem;text-align:left;padding-bottom: 1.6rem;border-bottom: 1px solid rgb(255 255 255 / 30%);}
.mcfoot .ftcom .ftnav.ftlx {}
.mcfoot .ftcom .ftnav h3 {font-size:1.3rem;color:#fff;margin-bottom:2rem;position:relative;display:inline-block;width: 98%;background: #3395e1;padding: 0.4rem 0 0.4rem 2%;}

.mcfoot .ftcom .ftnav h3:after{content:"";background:url(http://y945406.wmcms.nswyun.com/web/template/solarman/images/m/xtj.png) no-repeat;position: absolute;right: 3%;top: 1rem;display: block;width: 1.4rem;height: 2rem;background-size: 100%;}


.mcfoot .ftcom .ftnav ul {list-style:none;display:flex;flex-wrap:wrap;}
.mcfoot .ftcom .ftnav ul li a {text-decoration:none;color: rgb(255 255 255 / 80%);font-size:1.2rem;transition:color 0.3s;font-family:'oppr';}
.mcfoot .ftcom .ftnav ul li a:hover {color:#f89820;}
.mcfoot .ftcom .ftlx ul {list-style:none;text-align:left;/* padding:0 1rem;*/  gap:0;}
.mcfoot .ftcom .ftlx ul li {display: block;width: 100%;margin-bottom: 1rem;}
.mcfoot .ftcom .ftlx ul li .icon {color:#f89820;margin-right: 7%;font-size:1rem;rem;float: left;width: 7%;margin-top: 0px;}
.mcfoot .ftcom .ftlx ul li span {font-size:1.1rem;line-height: 1.6rem;color: rgb(255 255 255 / 80%);float: left;width: 85%;margin-top: 0.3rem;}
.mcfoot .ftcom .ftico {list-style:none;display:flex;justify-content:center;gap:1rem;margin: 2rem 0 0;}
.mcfoot .ftcom .ftico li a {color:#fff;e;}
.mcfoot .ftcom .ftico li a:hover {}
.mcfoot .fot02 .copyright {font-size:1.2rem;color:#aaa;margin-top:1.5rem;font-family:'oppr';display:block;text-align:center;line-height:1.66rem;}    
.mcfoot .ftcom .ftlx ul li .icon img {
    width: 100%;
}  
.mcfoot .ftcom .ftlx ul li:nth-child(4){ width:100%;}
 .mcfoot .ftcom .ftlx ul li:nth-child(1) span em{
     display: block;
     height: 2rem;
 } 


.mcfoot .ftcom .ftlx ul li:nth-child(1) .icon{
    height: 9rem;
}

.mcfoot .ftcom .ftlx ul li span em{color:#fff;opacity:0.88;}

.mcfoot .ftnav.f_menu ul
 .mcfoot .ftcom .f_menu ul{ display:none;}

.mcfoot .ftcom .ftnav.f_menu {
    border: 0px;
    padding-bottom: 0px;
}

body .mcform {background-color:#007ad9;padding: 3rem 0 0rem;width:100%;margin:0 auto; display:block;}
.mcform .mfcom {width:90%;max-width:50rem;margin:0 auto;text-align:center;color:#fff;border-bottom: 1px solid rgb(255 255 255 / 30%);padding-bottom: 2rem;}
.mcform .mfcom form p i {font-weight:bold;font-size:1.6rem;margin-right:1rem;}
.mcform .mfcom form p {display:flex;align-items:center;border:1px solid rgb(255 255 255 / 40%);border-radius:0.5rem;height:3.2rem;line-height:3.2rem;margin-bottom:1rem;}
.mcform .mfcom h2 {margin-bottom:1rem;font-size:1.9rem;line-height:2rem;font-weight: normal;font-family: 'oppm';}
.mcform .mfcom p {font-size:1.1rem;margin-bottom:2rem;font-family:'oppr'; color:#fff;}
.mcform .mfcom>p {
    padding: 0 7%;
    line-height: 1.5rem;
}
.mcfoot .ftcom .f_menu ul a {
    display: inline-block;
    color: rgb(255 255 255 / 80%);
    padding: 0.2rem 3%;
    font-size: 1.2rem;
}
.mcform .mfcom form input,.mcform .mfcom form textarea {display:block;width:93%;border-radius:0.5rem;background-color:transparent;color:#fff;font-size:1.3rem;height:3.2rem;line-height:3.2rem;padding-left:1rem; border:0px;}
.mcform .mfcom form input::placeholder,.mcform .mfcom form textarea::placeholder {color:#fff;opacity:0.8;}
.mcform .mfcom form textarea {
    height: 3rem;
        line-height: 1.5rem;
}
.mcform .mfcom form button {background-color:#ed6d00;color:#fff;border:none;height:3.2rem;font-size:1rem;border-radius:0.5rem;cursor:pointer;transition:background-color 0.3s;line-height:3.2rem;width:8.5rem;margin-top:0.3rem;}
.mcform .mfcom form button:hover {background-color:#ed6d00;} 

.mcfoot .ftcom .ftico li img {
    width: 3rem;
}

.mcfoot .ftcom .ftico li {
    display: block;
    width: 2.3rem;
    margin: 0 1%;
}

.mcfoot .ftcom .ftlx ul li:nth-child(1) span:nth-child(2) {margin-bottom: 1rem;margin-top: 0px;} 
}
    
   
    
 
#layer_message{

    padding:20px 25px;

}
.flex {
    display: flex;
}
.form-group {
	margin-bottom: 15px
}



.form-group span.clearfix i {
    line-height: 1.6rem;
    float: left;
}
.form-group span {
    font-size: 1.2rem;
}
.form-group span.clearfix b {
    float: left;
    padding-left: 0.4rem;
    color: red;
    font-size: 1.1rem;
    line-height: 2rem;
}
ul.breadcrumbs {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: left
}

ul.breadcrumbs li {
    display: inline;
    font-size: 14px;
    text-transform: uppercase
}

ul.breadcrumbs li a {
    color: #fff
}

ul.breadcrumbs li a.home {
    font-size: 16px;
    color: #25324D
}

ul.breadcrumbs li + li:before {
    content: "//";
    display: inline-block;
    padding: 0 5px
}

ul.breadcrumbs li span {
    color: #fff
}

input[type="text"],input[type="search"],input[type="email"],input[type="url"],input[type="password"],input[type="phone"],textarea {
    padding: 0 0px;
    width: 100%;
    font-size: 14px;
    color: #666;
    height: 40px;
    line-height: 1;
    background-color: #ffffff;
    border: 1px solid #eee;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

input[type="text"]:focus,input[type="search"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus {
    border-color: #25324D
}

textarea {
    height: auto;
    padding-top: 15px
}

select {
    max-width: 100%;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 0 20px;
    font-size: 14px;
    color: #bababa;
    height: 40px;
    line-height: 1
}

.block-center:before {
    content: "";
    height: 100%;
    vertical-align: middle;
    display: inline-block
}

.block-center {
    height: 100%;
    width: 100%;
    text-align: center
}

.block-center-inner {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    max-width: 95%
}

.block-center-inner > * {
    margin: auto
}


.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder {
color:#999;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#999
}
.form-control::-webkit-input-placeholder {
color:#999
}
.form-control::-ms-expand {
background-color:transparent;
border:0
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #eee;
	opacity: 1
}
.form-control[disabled], fieldset[disabled] .form-control {
	cursor: not-allowed
}
textarea.form-control {
	height: auto
}
input[type=search] {
	-webkit-appearance: none
}

div#layui-layer1 img#code_img {
    width: auto;
}
#code_img {
    height: 34px;
    width: auto;
}
div#layui-layer1 
  button.btn {
    color: #fff;
    border: 1px solid #ccc;
    width: 7.7rem;
}

div#layui-layer1 .btn.btn-default {
    color: #333;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.form-group .form-control {
    padding-left: 3%;
    color: #333;
}   
    
    
    
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.6px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.6px;}}
@media screen and (min-width:414px){html{font-size:11px;}}
@media screen and (min-width:440px){html{font-size:11.8px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.8px;}}
@media screen and (min-width:560px){html{font-size:15px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17px;}}
@media screen and (min-width:680px){html{font-size:18.2px;}}
@media screen and (min-width:700px){html{font-size:18.6px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


@media screen and (min-width: 800px) {html {font-size: 11px;}}
@media screen and (min-width: 900px) {html {font-size: 11px;}}
@media screen and (min-width: 1000px) {html {font-size: 11px;}}
@media screen and (min-width: 1100px) {html {font-size: 12px;}}
@media screen and (min-width: 1200px) {html {font-size: 12px;}}
@media screen and (min-width: 1280px) {html {font-size: 13px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 18px;}}
@media screen and (min-width: 2020px) {html {font-size: 18.6px;}}
@media screen and (min-width: 2320px) {html {font-size: 19px;}}


      
               @media screen and (min-width: 1263px) {
          html {
              font-size: calc(1263px * 20 / 1903);
          }
          }

          @media screen and (min-width: 1349px) {
          html {
              font-size: calc(1349px * 20 / 1903);
          }
                 .head .menu {
    float: right;
    width: 70%;
    }
    
          }

          @media screen and (min-width: 1463px) {
          html {
              font-size: calc(1463px * 20 / 1903);
          }
          }

          @media screen and (min-width: 1543px) {
          html {
              font-size: calc(1543px * 20 / 1903);
          }
          }

          @media screen and (min-width: 1583px) {
          html {
              font-size: calc(1583px * 20 / 1903);
          }
          }

          @media screen and (min-width: 1643px) {
          html {
              font-size: calc(1643px * 20 / 1903);
          }
          }

          @media screen and (min-width: 1663px) {
          html {
              font-size: calc(1663px * 20 / 1903);
          }

          }

          @media screen and (min-width: 1920px) {
          html {
              font-size: calc(1903px * 20 / 1903);
          }
          }
     @media screen and (min-width: 2320px) {
          html {
              font-size: calc(2320px * 20 / 2320);
          }
          }



    @media screen and (max-width: 1720px) {
          
          .head .menu {
    float: right;
    width: 64%;
    }
    
    .footpc .fotcom .contact{
    width: 37.2%;    
        
    }
    
}

    @media screen and (max-width: 1420px) {
          
          .head .menu {
    float: right;
    width: 70%;
    }
    
    .footpc .fotcom .contact{
    width: 37.2%;    
        
    }
    
}



#layer_message input.form-control {
    height: 3rem;
}

#layer_message textarea.form-control {
    height: 10rem;
    width: 97%;
}

.wsc-fixBar{position: fixed;right: 0;top: 40%;z-index: 1000;}
/*right lx*/
.fb-lx,.fb-em,.fb-online,.fb-top{width: 75px;height:29px;margin-bottom: 1px;cursor: pointer;transition: 0.36s;font-size: 12px;text-align: center;line-height: 14px;padding-top: 43px;color: #fff;border-radius: 3px 0 0 3px;position: relative;}
.fb-lx a,.fb-em a,.fb-online a,.fb-top a{color: #fff;display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding-top: 43px;}
.fb-online{background: #007ad9 url(../images/xf_ic1.png) no-repeat center 16px ;}
.fb-em{background: #007ad9 url(../images/f_email.png) no-repeat center 18px;}
.fb-lx{background: #007ad9 url(../images/xf_ic2.png) no-repeat center 15px;}
.fb-top{background: #007ad9 url(../images/xf_ic4.png) no-repeat center 19px;}
.fb-online:hover,.fb-em:hover,.fb-lx:hover,.fb-top:hover{background-color: #007ad9;}
.wb-share{float: left;margin-top: 4px;}
.wb-share img{margin-left: 20px;float: left;}