@charset "utf-8";
/*width:1200+*/
@media only screen and (min-width: 1200px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1219px){
.wp{ width:74%;}
/*.loarea .wp{ width: 96%;}*/
.nav{  display: flex; flex: 1; align-items: center; justify-content: center;}
.nav li{ font-size: 14px;}
.menubtn{ display:block;} 
.loarea{ height:50px;}
.logo{ width:140px; height: 50px; float: none; text-align: center; margin:  0 auto;}
.logo .tp{ height:20px;}
.toplink{ display: none;}
.toplink .item{ display: none;}
.toplink .item.chooseLan{ display: inline-block;}
.iChooseLan{ display: block; margin: 30px 30px 0;}
.curLan{ background-color: #fff; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; padding-left: 20px; box-sizing: border-box; }
.lanLay{ width: 100%;}
.lanul li a{ font-size: 14px;}
.searchBtn{ display: block;}
.nav_search{ display: none;}
.inav{ display: block; }
.menubtn{ display: block;}
.search{ display: none;}
}

/* 搜索页面样式 */
@media only screen and (max-width: 1023px) {
.pAdvanPart{ padding: 0;}
.pAdvanPart:nth-child(2n+1){ background-color: rgba(243,243,243,1);}
.pAdvanPart:nth-child(2n+1)::after{display: none;}
.pAdvanPart:nth-child(2n){background-color: rgba(67,56,48,1);}
.pAdvanPart:nth-child(2n)::after{display: none;}
.pAdvanPart .bg::after{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 12%;}
.pAdvanPart:nth-child(2n+1)  .bg::after{  background-image: linear-gradient(180deg, rgba(243,243,243,1), rgba(243,243,243,1) 10%, rgba(243,243,243,0) );}
.pAdvanPart:nth-child(2n) .bg::after{   background-image: linear-gradient(180deg, rgba(67,56,48,1),rgba(67,56,48,1) 10%, rgba(67,56,48,0));}
.pAdvanPart .bg{ position: relative; height: auto; overflow: hidden;}
.pAdvanPart .bg .tp{ height: auto; width: 100%; max-width: 100%; margin-left: 0%; }
.pAdvanPart .wrap{ position:relative; transform:translateY(0);}
.pAdvanPart .wrap .intro{ width: 100%; padding:10% 0px; }

    .search_area {
        padding: 40px 0;
    }
    .search_input {
        height: 50px;
        padding: 0 90px 0 20px;
        font-size: 16px;
    }
    .search_btn {
        width: 80px;
        height: 40px;
        font-size: 16px;
    }
    
}

@media only screen and (max-width: 767px) {
    .wp{ width:94%;}

    .searchLay{ padding: 0.1rem 3%;  }
.searchLay .icon{  left: .2rem; font-size: .22rem; }
.searchLay .text{ width: 100%;padding: .1rem .2rem .1rem .5rem; height: .6rem; line-height: .6rem; font-size: .2rem;  }

    .search_area {
        padding: 30px 0;
    }
    .search_input {
        height: 45px;
        padding: 0 80px 0 15px;
        font-size: 14px;
    }
    .search_btn {
        width: 70px;
        height: 35px;
        font-size: 14px;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
    }
    .results_list {
        padding: 20px;
    }
    .result_title a {
        font-size: 16px;
    }
    .result_date {
        font-size: 12px;
        margin-top: 5px;
        width: 100%;
        text-align: right;
    }
    .no_results,
    .no_keyword {
        padding: 30px 20px;
        text-align: center;
    }
    .no_results p,
    .no_keyword p {
        font-size: 14px;
    }
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.banimg{ width:150%; max-width: 150%; margin-left: -25%; height: auto;}
.banIntro .tit{ font-size: 36px;}
.banIntro .tags{ font-size:16px; margin-top:15px;}
.banIntro .mandiv .sbtn{ font-size: 18px}
.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}
.bigimgw100 .tp{ width: 150%; max-width: 150%; margin-left: 25%;}
.messForm .text{ height: 44px; line-height: 44px;}
.h_cert .intro{ width: 100%; margin-right: 0;}
.hcertList{ min-width: 100%; margin-top: 44px;}
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
body,input,textarea,select,button{ font-size: 0.24rem;}
body{ background-color:#fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.mt10{ margin-top: 0.10rem;}
.mt15{ margin-top: 0.15rem;}
.mt20{ margin-top: 0.20rem;}
.mt25{ margin-top: 0.25rem;}
.mt30{ margin-top: 0.30rem;}
.mt35{ margin-top: 0.35rem;}
.mt40{ margin-top: 0.40rem;}
.mt45{ margin-top: 0.45rem;}
.mt50{ margin-top: 0.50rem;}
.mt60{ margin-top: 0.60rem;}
.mt70{ margin-top: 0.70rem;}
.mt80{ margin-top: 0.80rem;}
.mt90{ margin-top: 0.9rem;}
.mt100{ margin-top: 1rem;}
.nav_search .wp{ width: 100%;}
.nav{ padding: 10px 0;}
.nav li{ font-size: 13px;}
.navul li>a{ padding: 0 5px; line-height:30px; height:30px;}
.navul li>a .arr{ font-size: 12px; margin-left: 2px;}

/* 子导航 */
.subnavLay{padding: .4rem .3rem; }
.subnavCloseBtn{ width: .46rem; height: .46rem;line-height: .46rem; font-size: .4rem; right: .3rem; top: .3rem; }
.subnavLay .boxl{ width: 46%;  padding-right: .4rem; margin-right: .4rem;}
.subnavLay .boxl,.subnavLay .boxr{ padding-top: 0.8rem;}
.slogo{   max-height: .24rem;}
.sSearch{ margin-top: .5rem; padding: .02rem .02rem .02rem .15rem; ; }
.sSearch .text{  font-size: .2rem; height: .44rem; line-height: .44rem;}
.sSearch .tj{ width: .44rem; height: .44rem;font-size: .26rem;}
.subnavLay .boxl .wrap{ padding-left: .3rem; margin-top: .4rem;}
.cateName{ font-size: .32rem;}
.cateName  .backBtn{font-size: .3rem; left: -0.3rem;  }
.subCate { margin-top: .3rem; }
.subCate .item{ padding: .1rem 0;}
.subCate .item .name{ font-size: .3rem; padding-right: .4rem;}
.subCate .item .name .arr{ }
.subCate .item .subCateLay{left: 126%; width: 100%;}
.subCate .item .subCateLay .tit{ font-size: .26rem;}
.subCate .item .subCateLay .nr{ margin-top: .3rem;}
.subCate .item .subCateLay .nr a{padding: .15rem 0; font-size: 0.26rem;}
.subCate .item .subCateLay .nr a:hover{}


.banIntro{  padding: .7rem 0; }
.banIntro .tit{ font-size: .4rem;}
.banIntro .tags{ font-size:0.3rem; margin-top:0.35rem;}
.banIntro .mandiv{ margin-top: .3rem;}
.banIntro .mandiv .sbtn{ font-size: .24rem; }

.banner .swiper-pagination{ bottom:0.1rem !important;}
.banner .swiper-pagination-bullet{width:0.15rem;height:0.15rem; margin:0 0.05rem !important;}

.h_pro{ padding: .8rem 0 .4rem;}
.hproItem{ width: 48%; margin: 0 4% 4% 0;}
.hproItem:nth-child(3n){ margin-right: 4%;}
.hproItem:nth-child(2n){ margin-right: 0;}
.hproItem .des{ padding: .4rem 0;  border-bottom: .03rem solid #fff;}
.hproItem .des::after{height: .03rem; bottom: -0.03rem;}
.hproItem .des .tit{ font-size: .2rem; }


.h_mess{padding-bottom: 1rem;}
.h_mess .wp{ padding: .24rem; }
.hmess{ width: 100%;}
.hmMap{ width: 100%; margin-top: 0.3rem; height:6rem;}
.hmMap .tp{ height:100%;}
.hmSlide{ width: 100%;}
.hmess .title{ font-size: .36rem; }
.hmess .info{ margin-top: .14rem; font-size: .24rem;  margin-top: .08rem;}
.messForm{  margin-top: .2rem; }
.messForm .formItem{ margin-bottom: .1rem;}
.messForm .formItem .attrmc{ font-size: .24rem; }
.messForm .formItem .attrmc .require{  margin-left: .08rem;}
.messForm .row .formItem{ width: 48%;}
.messForm .text,.messForm .textarea{  font-size: .24rem;}
.messForm .text{ height: .64rem; line-height: .64rem; padding-left: .15rem; }
.messForm .textarea{ padding: .1rem .15rem; height: 1.2rem;}
.messForm .formConfirm{ padding-top: .1rem; }
.messForm .formConfirm .sbtn{ font-size: .24rem;}
.hmSlide { margin-top: 0.4rem;}
.hmSlide .swiper-pagination{ bottom:.24rem !important;  }

.h_tit{padding: .4rem 0;}
.h_tit .mc{ font-size: .44rem; margin: 0 .2rem;}
.h_tit::before{ width: .8rem;}
.h_highLights{padding: .5rem 0;}
.hhightLightsItem .des{ padding: .4rem 0;}
.hhightLightsItem .des .tit{ font-size: .28rem;  padding-bottom: .3rem; margin-bottom: .3rem; }
.hhightLightsItem .des .nr{ font-size: .24rem; }
.hhighSlideWrap{ padding: 0 3% 1rem;}
.hhighSlideWrap .swiper-button-prev{ left:50%; margin-left: -1rem;}
.hhighSlideWrap .swiper-button-next{ right:50%; margin-right: -1rem;} 
.hhighSlideWrap .swiper-button-prev,.hhighSlideWrap .swiper-button-next{ top: auto; margin-top: 0; bottom: 0; width:0.8rem; height:0.8rem; line-height:0.8rem; }
.hhighSlideWrap .swiper-button-prev .iconfont,.hhighSlideWrap .swiper-button-next .iconfont{ font-size: .3rem; }

.h_new{ padding-bottom: 1rem;}
.hnewItem .des{ padding: .4rem .3rem; }
.hnewItem .des .title{  padding-right: 1.2rem;}
.hnewItem .des .title .tit{ font-size: .26rem; }
.hnewItem .des .title .time{ font-size: .22rem;}
.hnewItem .des .title .morea{  font-size: .24rem;}
.hnewItem .des .nr{ margin-top: .26rem; }

.h_ad .wp{ padding: 1rem 0;}
.h_ad .sbtn{ font-size: .24rem;}

.h_about{ margin-top: .8rem;}
.h_about .intro{ width: 100%;padding: .3rem .4rem; }
.h_about .intro .tit{ font-size: .4rem;}
.h_about .intro .nr{ margin-top: .3rem; font-size: .24rem;}
.h_about .intro .mandiv{ margin-top: .4rem;}
.h_about .intro .mandiv .sbtn{ font-size: .24rem;}
.h_about .tparea{ width: 100%; }
.h_video{ margin-top: .8rem;}
.h_video .intro{ width: 100%;padding: .3rem .4rem; }
.h_video .intro .tit{ font-size: .4rem;}
.h_video .intro .nr{ margin-top: .3rem; font-size: .24rem;}
.h_video .intro .mandiv{ margin-top: .4rem;}
.h_video .intro .mandiv .sbtn{ font-size: .24rem;}
.h_video .tparea{ width: 100%; }
/* .h_video .tparea .icon{ width: .88rem; height: .88rem;  } */
.h_video .tparea .playBtn{ width: .76rem; height: .76rem; font-size: .3rem; border: .08rem solid transparent; }


.h_cert{ padding: 1.2rem 0 1rem;}
.h_cert .intro .tit{ font-size: .4rem;}
.h_cert .intro .nr{ margin-top: .3rem; font-size: 0.24rem;}
.h_cert .intro .mandiv{ margin-top: .44rem;}
.h_cert .intro .mandiv .sbtn{ font-size: .28rem; }
.hcertList{ margin-top: 0.5rem;}
.hcertItem{ width: 32%; margin:0 2% 2% 0;}
.hcertItem:nth-child(3n){ margin-right: 0;}
.hcertItem a{ display: block; padding: .12rem .3rem ;}
.hcertItem .des{ padding: .15rem 0; }
.hcertItem .des .tit{ font-size: .24rem; }

.f_t{  padding: .8rem 0;}
.fadd{ width: 100%; margin-right: 0%; }
.fadd .tp{ max-height: .4rem; }
.fadd .info{ font-size: .24rem; margin-top: .4rem;}
.fadd .nr{ margin-top: .4rem;}
.fadd .nr .list{ padding-left: .5rem; font-size: .26rem;margin-bottom: .1rem;}
.fadd .nr .list::before{ top: -0.052rem;}
.fnav{ margin-top:0.3rem; min-width:100%; display:flex; flex-wrap:wrap; }
.fnavItem{ width:50%;}
.fmid{ padding-bottom: .4rem; margin-top: -0.4rem ; text-align: left;}
.f_b{ padding: .4rem 0;}
.flink { width: 100%; text-align: center;}
.flink a{  margin-right: .14rem; }
.flink a .icon{ height: .32rem;}
.fcopy{ font-size: .22rem;width: 100%; text-align: center; margin-top: 0.2rem; }

}
/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
.i_main{ min-height: 0;}
.i_ban .tp{ width: 150%; max-width: 150%; margin-left: -25%;}
.banIntro .lmmc{ font-size: 30px; visibility:hidden;}

.h_l{ width: 100%; margin-right: 0%;}
.h_r{ min-width: 100%; margin-top: 30px;}
.sortItem .nr a{ padding: 10px 0px 10px 24px;}
.sortItem .nr a:hover, .act_sort2{ background-color:transparent !important; font-weight:bold; color:#333 !important;}
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){
.ibanIntro .lmmc{  font-size: 0.44rem; }
.ibanIntro .info{  font-size: 0.26rem; margin-top: 0; }
.location{  padding: .2rem 0; }
.location .cutline{ font-size:.22rem; }
.location a{ font-size:.22rem; margin:0 .06rem;}


/*.turnpage a,.turnpage .span{ display: none;}*/
.turnpage a,.turnpage span{padding:0.08rem 0.24rem; font-size:0.26rem; margin:0 0.1rem; }
.turnpage .point{ display:inline-block; padding:0.1rem 0.3rem;margin:0 0.1rem; }
.turnpage .point .iconfont{ font-size:0.26rem;}

.join{ padding: .6rem 0 1rem;}
.joinIntro{ padding: 0 .15rem;}
.joinIntro .tit{ font-size: .38rem;}
.joinIntro .info{ font-size: .26rem; margin-top: .14rem;}
.joinIntro .nr{ margin-top: .24rem; font-size: .26rem;}
.join .wrap{ margin-top: 1rem;}
.joinItem{ width: 100%; margin: 0 0% 3.5% 0; padding:0 0.15rem; box-size:border-box;}
.joinItem .tparea{ font-size: .5rem;  width: 1.4rem; height: 1.4rem; margin:0 auto; }  
.joinItem .des{margin-top: .24rem;}
.joinItem .des .tit{ font-size: .32rem;}
.joinItem .des .nr{ margin-top: .14rem; text-align: justify;}
.join .formConfirm{  margin-top: .26rem;}
.join .formConfirm .tip{ font-size: .32rem;}
.join .formConfirm .opa{ margin-top: .28rem;}
.join .formConfirm .sbtn{ font-size: .32rem;}
.join .formConfirm .sbtn .icon{ margin-right: .1rem;}


.lm{ margin-top: .7rem; }
.lm a{  margin:0 .2rem .2rem 0; padding: 0.4em 1.8em; font-size: .24rem;  }
.news{ padding: 0 0 1rem;}
.news .h_new{ padding: .4rem 0 .6rem;}
.newsItem a{ padding: .5rem 0;}
.newsItem .type{ width: 100%; font-size: .2rem; margin-right: 0rem; }
.newsItem .des{ min-width: 100%; margin: 0.2rem 0; }
.newsItem .des .title .tit{ font-size: .26rem;}
.newsItem .des .title .time{ font-size: .22rem;}
.newsItem .des .title .morea{  font-size: .24rem;}
.newsItem .des .nr{ margin-top: .26rem; }
.newsItem .des .mandiv{ margin-top: .26rem;}
.newsItem .tparea{ width: 100%; margin-left: .0rem; }

.newDel::after{ height: 4.2rem;}
.newDel .wrap{  margin-top: .3rem;}
.newDel .artHeader .time{ font-size: .24rem;}
.newDel .artHeader .tit{ margin-top: .15rem; font-size:.4rem;}
.newDel .artBody{padding:.4rem 0rem .4rem; }
.newDel .artBody .wz{ font-size: .24rem;}

.contact{ margin-top: .4rem;}
.iIntro{ padding: .35rem 0;}
.iIntro .tit{ font-size: .44rem; }
.iIntro .info{ font-size: .26rem; margin-top: .14rem;}
.contact .wrap{ padding-top: .8rem; }
.cont{ width: 100%; margin-right: 0%;padding: .2rem 0rem;}
.cont .title{ font-size: .36rem;  margin-bottom: .24rem;}
.cont .nr{ margin-bottom: .14rem; }
.cont .nr .p1{font-size: .32rem; }
.cont .nr .p2{font-size: .32rem;}
.contact .tparea{ height:auto;}
.mess { margin: 1rem 0;}
.mess .wp{ padding: .4rem; }
.messForm2 .row.col2 .messItem{ width: 48%;}
.messItem{ padding: .1rem .15rem;margin-bottom: .2rem;}
.messItem .attrmc{min-width: 1rem; font-size: .24rem; line-height: .4rem; margin-right:.2rem;}
.messItem .attrval{ min-width: 0;}
.messItem  .require{  margin-left: .08rem; }
.messItem .text{ height:.6rem; line-height:.4rem; padding-left:.24rem;}
.messItem .textarea{height:1rem;padding:.24rem;  }
.messForm2 .tip{ font-size: .24rem;}
.messForm2 .zhu{ font-size: .2rem; margin-top: .15rem;}
.messForm2 .agree{ font-size: .24rem; padding-left: .38rem;}
.messForm2 .agree input{ top: .05rem;}
.messForm2 .formConfirm .sbtn{  font-size:.24rem;}
.h_main{ padding: .7rem 0;}
.h_r{ margin-top: 0.4rem;}
.sort{ margin-right: 0%;max-height: auto;}
.sortItem{ margin-bottom: .2rem;}
.sortItem .tit{ font-size: .28rem; padding: .14rem 0; }
.sortItem .tit::before{ margin-right: .08rem;}
.sortItem .nr a{ font-size: .26rem; padding: .18rem 0 0.18rem .36rem; } 
.i_tit{ font-size: .44rem; padding-bottom: .4rem;}
.help{ margin-top: .2rem;}
/*.helpItem a{padding: .4rem .2rem;}*/
.helpItem .tparea{ width: 40%; margin-right: 0.3rem; }
.helpItem .des{ padding: .2rem 0;  }
.helpItem .des .tit{ font-size: .28rem;}
.helpItem .des .nr{ margin-top: .26rem;}
.helpItem .des .opa{ margin-top: 0.2rem;}
.helpItem .des .opa .morea2{ font-size: 0.24rem;}
.helpItem .des .opa .morea2 .iconfont{ margin-left: .08rem; font-size: .26rem;}
.help .turnpage{ margin-top: .4rem;}

.faqItem{ padding: .3rem 0; }
.faqItem .tit{ font-size: .26rem; padding: 0 .6rem 0 .3rem; }
.faqItem .tit::before{ width: .14rem; height: .14rem; top: .12rem; }
.faqItem .tit .arr{ top:-0.03rem; width: .56rem; height: .56rem; font-size: .28rem;  }
.faqItem .nr{ font-size: .22rem;padding: .26rem 0  .26rem .3rem;}
.faq .turnpage{ margin-top: .4rem;}

.helpVideo .lists{ margin-top: .4rem;}
.helpVideoItem{ width: 100%; margin: 0 0% 4% 0;}
.helpVideoItem:nth-child(n){ margin-right: 0;}
.helpVideoItem .tparea .timelong{right: .18rem; top: .18rem; padding: .03rem .1rem; font-size: .2rem;}
.helpVideoItem .des{ padding: .24rem 0; }
.helpVideoItem .des .tit{ font-size: .24rem;}
.helpVideoItem .des .info{ font-size: .22rem;  }
.helpVideo .turnpage{ margin-top: .4rem;}


.proTitle{ font-size: .44rem;}
.proPart .wrap{ margin-top: .5rem;}
.proItem{ width: 48.5%; margin: 0 3% 3% 0;}
.proItem:nth-child(3n){ margin-right: 3%;}
.proItem:nth-child(2n){ margin-right: 0;}
.proItem .des{ padding: .3rem .15rem; border-bottom: .03rem solid #fff;}
.proItem .des::after{  height: .03rem; bottom: -0.03rem; }
.proItem .des .tit{ font-size: .24rem; }
.proItem .des .mandiv{ margin-top: .2rem;}

.distribute{ padding: .78rem 0; }
.distribute .intro{ width: 100%; padding-top: .0rem;}
.distribute .intro .title{ font-size: .36rem; }
.distribute .intro .info{ margin-top: .14rem; font-size: .24rem; margin-top: .14rem;}
.distribute .intro .counts{ margin-top: .5rem;}
.distribute .intro .counts .countsItem{ padding: .4rem 0; }
.distribute .intro .counts .countsItem .p1{ font-size: .54rem; }
.distribute .intro .counts .countsItem .p1 .type{ font-size: .22rem; }
.distribute .intro .counts .countsItem .p2{ font-size: .22rem; padding-top: .2rem; margin-top: .14rem;}
.dmess{ width: 100%; padding: .3rem .3rem .5rem; }
.dmess .messForm .zhu{ font-size: .28rem; margin-top: .2rem; }
.dmess .messForm .agree{ font-size: .24rem; padding-left: .3rem; margin-top: .1rem; }
.dmess .messForm .agree input{  top: .05rem;}

.profile{ padding: .8rem 0;}
.profile .title{ font-size: .4rem; }
.profile .info{ font-size: .24rem; margin-top: .5rem; }
.profile .nr{ margin-top: .3rem;}
.profile .nr .wz{ font-size: .24rem;}
.profile .video{ width: 100%; margin-top: .4rem;}
.summary{padding: .4rem 0; }
.summaryItem{ padding: .4rem 0;  width: 40%;}
.summaryItem .p1{ font-size: .7rem; }
.summaryItem .p1 .type{ font-size: .4rem; }
.summaryItem .p2{ font-size: .18rem;margin-top:.1rem;}

.i_tit2{ padding: .3rem 0; }
.i_tit2 .tit{ font-size: .4rem; }
.i_tit2 .info{ margin-top: .3rem; font-size: .24rem;}
.i_tit2 .nr{ font-size: .24rem;}
.mission{ padding: .7rem 0 1rem;}
.mission .wrap{ margin-top: .3rem;}


.guidePrinciples{ padding: .8rem 0; background-image: none !important; background-color: #2392B1;}
.guidePrinciples .intro{ width: 100%;}
.guidePrinciples .intro .title{ font-size: .48rem; }
.guidePrinciples .intro .wrap{ margin-top: .4rem; }
.guidePrinciplesItem{ width: 46%; margin: 0 8% 0 0; padding: .4rem 0;}
.guidePrinciplesItem .iconarea{  width: .72rem; height: .72rem; }
.guidePrinciplesItem .iconarea .icon{ width: .48rem; height: .48rem;}
.guidePrinciplesItem .des{ margin-top: .1rem; }
.guidePrinciplesItem .des .tit{ font-size: .18rem;}
.guidePrinciplesItem .des .nr{ margin-top: .1rem; }

.services{ padding: .7rem 0 1rem;}
.serverSlideWrap{ margin-top: .4rem; padding: 0 3% 1rem;}
.serverSlideWrap .swiper-button-prev{ left:50%; margin-left: -1rem;}
.serverSlideWrap .swiper-button-next{ right:50%; margin-right: -1rem;} 
.serverSlideWrap .swiper-button-prev,.serverSlideWrap .swiper-button-next{ top: auto; margin-top: 0; bottom: 0; width:0.8rem; height:0.8rem; line-height:0.8rem; }
.serverSlideWrap .swiper-button-prev .iconfont,.serverSlideWrap .swiper-button-next .iconfont{ font-size: .3rem; }

.proTabTitle{ position: relative;}
.proMenuBtn{ padding: 0.6em 0.3rem; color: #fff; display: block; }
.proMenuBtn .arr{ transition: .3s; display: inline-flex; width: 0.3rem; height: 0.3rem; align-items: center; justify-content: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.actProMenuBtn .arr{ transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; -moz-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; }
.proTabTitle .wp{ padding: .2rem 0.3rem; width: 4rem; box-shadow: 0.05rem 0.05rem 0.2rem 0 rgba(0,0,0,0.05); z-index: 10; position: absolute; left: 0.3rem; top: 0.66rem; background-color: #fff; border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -o-border-radius: 0.1rem; display: none; }
.proTabTitle .item{ margin-right: 0; font-size: .26rem; display: block; padding: 0.6em 0; color: #666; border-bottom: 1px solid #eee; }
.proTabTitle .item:nth-last-child(1) {border-bottom: none;}
.proTabTitle .item::after{height: .03rem; display: none;  }
.proTabTitle .item:hover,.actproTabTitle{  font-size: .26rem;}
.proTabTitle .item:hover::after,.actproTabTitle::after{ width: .6rem !important;}




.pdt{ padding: .4rem 0; margin-top: .4rem; flex-wrap: wrap;}
.pdtSlideWrap{ width: 100%; margin-top: 0.3rem; }
.pdtIntro{ width:100%; padding: .2rem 0rem; }
.pdtIntro .type{ font-size: .26rem; }
.pdtIntro .tit{ margin-top: .24rem; font-size: .4rem;   }
.pdtIntro .line{ margin-top: .34rem;}
.pdtIntro .nr{  margin-top: .4rem; }
.pdtIntro .mandiv{ margin-top: .4rem;}
.pdtIntro .mandiv .sbtn{ padding: .1rem .3rem; font-size: .24rem; }
.pdtIntro .mandiv .sbtn::before{ font-size: .28rem; }

.gallery-top {height: auto;width: 100%; float:none; height: 7rem;}
.gallery-thumbs {height: .8rem; padding: .02rem !important;}
.gallery-thumbs-wrap {height: auto;width: auto;float:none;margin: .15rem .5rem 0 !important;}
.gallery-thumbs-wrap .swiper-button-prev{ left: -0.4rem; top: 50%;}
.gallery-thumbs-wrap .swiper-button-next{ left: auto; right: -0.4rem; bottom: 50%;}
.gallery-thumbs-wrap .swiper-button-prev,.gallery-thumbs-wrap .swiper-button-next{ width:.3rem; bottom:0; top: 50%; height:.3rem; line-height: .3rem; transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); }
.gallery-thumbs-wrap .swiper-button-prev .iconfont,.gallery-thumbs-wrap .swiper-button-next .iconfont{ font-size: .24rem; }

.pAdvan{ padding: .4rem 0;}
.pAdvan .i_tit2{ margin-bottom: .3rem;}
.pAdvanPart{ padding:0; }
.pAdvanPart .intro{ width:100%;}
.pAdvanPart .intro .tit{ font-size: .36rem;}
.pAdvanPart .intro .line{ width: .96rem; height: .05rem; margin-top: .2rem; }
.pAdvanPart .intro .nr{ font-size: .24rem; margin-top: .3rem;}
.pAdvanPart:nth-child(2n)::after{ width: 100%;}
.pAdvanPart:nth-child(2n+1)::after{ width: 100%; }

.proDown{ padding: .5rem 0 1rem;}
.proDown .tablePara{ padding-bottom:0.25rem; }
.proDownSlide{ margin-top: .2rem;}
.prodownItem{ padding: .25rem 0;}
.prodownItem .tit{ padding-right: .8rem; font-size: .32rem;}
.prodownItem .tit .arr{ font-size: .28rem; width: .56rem; height: .56rem; }
.proDown .wrap .tit{ padding-right: .8rem; font-size: .28rem;}
.proDown .wrap .tit .arr{ font-size: .28rem; width: .56rem; height: .56rem; }
.prodownItem .nr{ margin-top: .3rem;}
.prodownItem .nr .inner .box{  width: 100%; margin: 0% 0% 2% 0;}
.prodownItem .nr .inner .box:nth-child(n){ margin-right: 0;}
.prodownItem .nr .iconarea{ width: .88rem; height: .88rem; margin-right: .25rem; }
.prodownItem .nr .iconarea .icon{ width: .4rem; }
.prodownItem .nr .des{ flex: 1; min-width: 0;}
.prodownItem .nr .des .name{ font-size: .24rem; }


.prodelMess { padding: .5rem 0 1rem; }
.prodelMess .wrap{ margin-top: .3rem; padding: .24rem;}

}
/*******************************************************************/