﻿@charset "utf-8";

/*width:1200+*/

@media only screen and (max-width: 1366px){

.hdisplayWrap{ margin: 0 0.84rem;}

	}

/** max-width:1200 **/

@media only screen and (max-width: 1199px){

.wp{ width:94%; min-width: 0;}

.header{ padding-top: 0	;}

.loarea .wp{ width: 96%;}

.nav{ display:none;}

.menubtn{ display:block;} 

.loarea{ height:.8rem;}

.logo{ width:3rem; height: .8rem;  }

.logo .tp{ height:.5rem;} 

.inav{ display: block;}



.topRight{ margin:0 .6rem 0 0; }

.topSearch{ height: 0.8rem;}

.topLan{ height: 0.8rem;}

.banimg{ height: auto;}

}

/** max-width:1024 **/

@media only screen and (max-width: 1023px) {

.banimg{ width:140%; max-width: 140%; margin-left: -20%;}

.footer_wap{ display:block;}

.pcshow{ display:none;}

.wapshow{ display:inline-block;}

.bigimgw100 .tp{ width: 150%; max-width: 150%; margin-left: 25%;}

.fnav{ display: none;}

}

/** 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;}

html{ font-size: 60px;}





.searchBtn{ font-size:.28rem }

.searchBtn::before{ font-size: .34rem; }

.searchLay{ position: fixed; right: 0; top: 0.8rem; width: 100%; box-sizing: border-box; padding: 0.1rem 3%; background-color: rgba(0,0,0,.6); }

.search{ width: 6rem;height:.6rem;line-height: .6rem; padding-right:.8rem;}

.search .text{ padding:0 0.2rem;height:100%;width:2.5rem;}

.search .tj{width:.8rem; }

.search .tj::before{ font-size: .34rem; }



.lanBtn{ font-size:.28rem;}

.lanBtn::before{ font-size: .34rem;}

.lanLay a{ width: .8rem; font-size: .28rem;}



.banIntro .tit{ font-size: 0.4rem;}

.banIntro .subtit{ font-size: 0.24rem; margin: 0.15rem 0 0.2rem;}

.morea{  height: .44rem; line-height: .44rem;  }

.morea .val{ font-size: .2rem; }

.morea .iconfont{ width: .44rem; height: .44rem; font-size: 0.28rem;}

/* .banimg{ width:180%; max-width: 180%; margin-left: -40%;} */

.banner .swiper-button-next{ top: auto; bottom:0.2rem;}

.banner .swiper-button-prev,.banner .swiper-button-next{ width:.6rem; height:.6rem; line-height: .6rem;  margin-top:-0.3rem; }

.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size:.36rem;}

/*.banner .swiper-pagination{ bottom:0.1rem !important;}

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





.h_tit{ margin-bottom: 0.45rem;}

.h_tit .tit .num{ display: none;}



.morea2{  height: .6rem; line-height: .6rem;  }

.morea2 .val{ font-size: .2rem; }

.morea2 .iconfont{ width: .6rem; height: .6rem; font-size: 0.28rem;}



.h_about .wrap .intro{ width: 100%;}

.h_about .intro .mandiv{ margin-top: 0.4rem;}

.h_about .intro .counts{ margin-top: 0.4rem; }

.h_about .intro .counts .item{ font-size: 0.26rem; text-align: center;}

.h_about .intro .counts .item .mc{ display: block;}

.h_about .intro .counts .item .num{ font-size: 0.44rem;margin: 0 0.2rem;}

.h_about .wrap .tparea{ width: 100%;  padding-top: 0.4rem; }

.qlinkItem{width: 100%; border-top: 1px solid #e5e5e5; border-left: none; justify-content: flex-start; }

.qlinkItem:nth-child(1){ border-top: none; }

.qlinkItem .tparea{ width: 0.8rem;margin-right: 0.3rem;}

.qlinkItem .des .tit{ font-size: 0.3rem;}



.h_pro .title_tabHeader{  margin-bottom: 0.4rem; flex-wrap: wrap;}

.h_pro .title_tabHeader .h_tit{ margin: 0 0em 0 0; width: 100%;}

.h_pro .title_tabHeader .hproTit{  min-width: 100%; text-align: left;}

.hproTit{line-height: 0.8rem;font-size: 0.3rem; margin-top: 0.2rem;}

.hproTit .list{padding: 0 0.2rem}

.hproTit .list .icon{width: 0.32rem;margin-left: -0.16rem}

.hproTit .list::after{ height: .24rem;margin-top: -0.12rem; }

.hproTit .list:hover,.act_hpro{font-size: 0.3rem !important;}

.hproItem .des{ padding: 0.25rem 0.3rem;padding-right: 0.9rem;}

.hproItem .des .tit{ font-size: 0.28rem;height: 0.6rem; }

.morea3{width: .44rem;height: .44rem;right: 0.3rem;}

.hproSlide .swiper-wrapper{ padding-top: 0.8rem;}

.hproSlide .swiper-slide-active{ margin-top: -0.8rem;}





.home_title_header{  margin-bottom: 0.4rem; flex-wrap: wrap; }

.home_title_header .h_tit{ margin: 0 0rem 0 0; width: 100%;}

.home_title_header .info{ min-width: 100%;  font-size: 0.28rem;padding-right: 0rem;max-width: 100%;padding-top: 0.3rem;}

.hcoreTitPart .morea2{ margin-left: 0.3rem;}

.hcoreTit .list{ font-size: 0.26rem; width: 25%; padding-left: 0; padding-right: 0; box-sizing: border-box;}

.hcoreContent{margin-top: 0.4rem;}

.hcoreItem .tparea{ width: 100%;}

.hcoreItem .intro{ width: 100%;}

.hcoreItem .intro .tit{font-size: 0.38rem;padding-left: .3rem; }

.hcoreItem .intro .tit::after{ width: 2px;height: 60%; }

.hcoreItem .intro .nr{   margin: 0.4rem 0 0.6rem 0;font-size: 0.28rem;}

.hcoreItem .intro .tags{ padding-top: 0.5rem;}

.hcoreItem .intro .tags .tag{ width: 100%; margin-bottom: 0.15rem;padding-left: .2rem; font-size: 0.28rem;}

.hcoreItem .intro .tags .tag::after{  width: .06rem;height: .06rem;margin-top: -0.03rem;}





.happlyItem{ width:48.5%; margin:  0 3% 0.3rem 0;}

.happlyItem:nth-child(2n){ margin-top: -0.6rem;}

.happlyItem:nth-child(2n){ margin-right: 0;}

.happlyItem .shade{padding: 0.6rem 0.4rem;}

.happlyItem .shade .line{width: 0.4rem;height: 2px;}

.happlyItem .shade .tit{ font-size: 0.32rem;margin-top: 0.2rem;}

.happlyItem .shade .tag{ margin: 0.5rem 0;min-height: 1.5rem;}

.morea4,.morea5{width: .6rem;height: .6rem; font-size: 0.34rem; }



.h_news .home_title_header2{ width: 100%;}

.h_news .wrap{ width: 100%; flex: 1; min-width: 100%; margin-top: 0.3rem;}

.home_title_header2 .info{ margin-top: 0.4rem;}

.home_title_header2 .mandiv{ margin-top: 0.4rem;}

.hnewsItem{ width: 100%; margin-right:0%;}

.hnewsItem .des .type_time .type{ font-size: 0.22rem;padding: 0.4em 0.1rem;}

.hnewsItem .des .type_time .time{ font-size: 0.22rem;}

.hnewsItem .des .tit{ font-size: 0.26rem;margin: 0.35rem 0;min-height: 0.64rem}

.hnewsItem .des .mandiv{ margin-top: 0.5rem;}



.h_relate .h_tit .num2{font-size: 0.36rem; }

.h_relate .h_tit .num2::after{ height: 2px; }

.h_relate .h_tit .mc{ margin-top: 0.15rem;}

.hrelateItem{ width: 100%; margin-bottom: 0.3rem;}

.hrelateItem:nth-last-child(1){ margin-bottom: 0;}

.hrelateItem .tparea{ margin-top: 0.5rem; }

.hrelateItem .tit {margin-bottom: 0.4rem;}

.hrelateItem .tit::after {width: 60%;margin-left: 0.5rem;}

.hrelateItem .tit .titbox {width: 40%;padding-left: .5rem;}

.hrelateItem .tit .titbox::before {width: .48rem;}

.hrelateItem .tit .titbox .icon{ max-height: 0.48rem;}

.hrelateItem .tit .titbox span {font-size: 0.26rem;margin-left: 0.2rem;}

.hrelateItem .desc{ font-size: 0.3rem;margin-bottom: 0.3rem;}

.hrelateItem .con{ font-size: 0.24rem;margin-bottom: 0.4rem; height: auto;}





.f_t{padding:1rem 0 0.15rem 0;}

.flogo{ width: 100%;}

.flogo .icon,.flogo .tp{ display: block; margin-left: auto; margin-right: auto;}

.flogo .icon{  height: 0.8rem;}

.flogo .tp{ width: 2rem;}

.f_m{ margin-top: 0.3rem;}

.fadd{ margin-top: .3rem;}

.fadd .list{ padding:0.4em 0 0.4em 3em; font-size: .24rem; }

.fadd .list .mc{ top: 0.4em;}

.f_b{ padding: 0.2rem 0; margin-top: 0.3rem ;}

.copyright{ font-size: .22rem; }





















}

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



/*******************************************************************/

/*width:1200+*/

@media only screen and (min-width: 1200px){}

/** max-width:1200 **/

@media only screen and (max-width: 1665px){

.teamSlideWrap{  margin: 0 0.8rem;}

	}

/** max-width:1200 **/

@media only screen and (max-width: 1199px){}

/** width:960px **/

@media only screen and (max-width: 1023px){

.loca_lm{border: 1px solid #dcdcdc; }

.loca_lm .wp{ }

.loca_lm .lm{ min-width: 100%;}

.location{ width: 100%; margin-top: 0.2rem;}

/* .lmmc{  font-size: .28rem;}

.lm a{  font-size: .24rem; display: inline-block;} */



.i_main{ min-height: 0;}

.i_ban{ overflow: hidden;}

.i_ban .tp{ width: 150%; max-width: 150%; margin-left: -25%;}



.n_l{  width: 100%;}

.n_r{ width: 100%; margin-top: 0.3rem; }

}

/** max-width:960 **/

@media only screen and (max-width: 959px){}

/** max-width:768 **/

@media only screen and (max-width: 767px){

.turnpage a,.turnpage .span{ display: none;}

.turnpage .point{font-size:0.3rem; display: inline-flex; margin:0 0.1rem; background-color: rgba(255,255,255,.6); }

.turnpage .point .iconfont{ }



.location span{ font-size:0.28rem;}

.location a{ font-size:0.28rem;}

.location .home::before{ margin-right: 0.1rem; font-size:.26rem; }

.location i{ margin:0 0.1rem; }

.lm{ display: flex; flex-wrap: wrap;}

.lm a{  margin: 0 0em 0px 0; padding: 1.2em .2em; width: 25%; box-sizing: border-box; text-align: center; font-size: 0.28rem; }

.lm a::after{height: 2px;}



.i_tit .mc{ font-size: .5rem;}

.i_tit .mc2{ font-size: .3rem;}



.hisItem .tparea{ width: 100%;}

.hisItem .intro{ padding:0.6rem 1rem 0 0; width: 100%;}

.hisItem .intro .nr .list{  padding-left: 0.24rem;  margin-top: 0.1rem;  font-size: 0.26rem;}

.hisItem .intro .nr .list::after{ width: 0.06rem;  height: 0.06rem; top: 0.2rem;}

.hisDotItem .icon{ height: 0.36rem; }

.hisDotItem .year{font-size: 0.3rem; margin-top: 0.4rem;}

.hisDotItem .year::after{  top: -0.3rem;height: .22rem;}

.hisIntroSlideWrap::after{ top: 0.24rem;}



.productBase .tparea{ width: 100%;}

.productBase .intro{ width: 100%;}

.productBase .intro{ padding: 0.6rem 3%;}

.productBase .intro .tit{font-size: 0.4rem;}

.productBase .intro .nr{  min-height: 0rem;margin: 0.3rem 0;}

.productBase .intro .add{ padding-left: 0.34rem;  }

.productBase .intro .add .icon{ height: 0.3rem; top: 0.04rem;  }



.proItem{ width:100%; margin:0 0% 3% 0;}

.proItem a{padding: 0.55rem;  }

.proItem a::after{height: 2px;}



.proItem .des .tit{ font-size: 0.38rem;}

.proItem .des .nr{ margin-top: 0.18rem; }

.proItem .des .mandiv{ margin-top: 0.36rem;}

.imorea{width: 0.5rem;height: 0.5rem; font-size: 0.26rem;}



.prodel{box-shadow: 0 0 .2rem rgba(4, 52, 120, 0.1); }

.prodel .tparea{width: 100%;}

.prodel .intro{width: 100%;}

.prodel .intro .inner{ padding: 0.4rem;max-height: 10rem; height:auto;}

.prodel .intro .title{ padding-bottom: 0.3rem;margin-bottom: 0.4rem;font-size: 0.4rem;}

.prodel .intro .title .mc2{ font-size: 0.24rem;}

.prodel .intro .nr .tags .tag{ font-size: 0.26rem;}

.prodel .intro .nr .desc .wz{ font-size: 0.28rem;margin-top: 0.3rem;}

.i_tit2{padding-bottom: 0.3rem;margin-bottom: 0.4rem;font-size: 0.46rem;}

.proAdvan .wrap .wz{ font-size: 0.26rem;}



.i_tit3{padding-left: .34rem;font-size: 0.4rem;margin-bottom: 0.3rem;}

.i_tit3::after{ width: 2px;}

.coreItem{box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.1);margin-bottom: 0.4rem;}

.coreItem .tparea{width: 100%; ;}

.coreItem .intro{width: 100%;}

.corelists{ margin-top: 0.4rem;padding-top: 0.4rem;}

.corelists .list{ width: 98%;margin-left: 2%;padding-left: 0.2rem;margin-bottom: 0.15rem;}

.corelists .list::after{ width: 0.06rem;height: 0.06rem;margin-top: -0.03rem;}

.coreItem .intro .mandiv{ margin-top: 0.4rem;}


.contact .map{ width: 100%; height: 300px;}

.contact .intro{ width: 100%;padding: 0.5rem;min-height: 0rem;}

.c_tit .icon{ height: 0.4rem;}

.c_tit .tit{font-size: 0.28rem;margin: 0.16rem 0 0;}

.contact .intro .nr{ margin-top: 0.16rem; }

.contact .intro .nr .list{ padding: 0.28em 0;}

.contact .qrcode{margin-top: 0.5rem;padding-top: 0.5rem;}

.contact .qrcode .tp{max-width: 2rem;margin-right: 0.3rem;}





.tactics .intro{width: 100%;}

.tactics .intro .item .tit{ text-align: center;}

.tactics .intro .item .tit .num{ font-size: .44rem;}

.tactics .intro .item .tit aside{margin-bottom: .35rem;font-size: .3rem;}

.tactics .intro .item .nr p i{margin: 0 0.2rem 0 -0.08rem;border-right: 0.13rem solid #1b4784;}

.tactics .intro .item .nr .lists{ width: 44rem;}

.tactics .intro .item .nr .lists .list{ width: 50%;}

.tactics .intro .item .nr .lists .list::before{ width: .06rem;height: .06rem;margin-right: .13rem;}

.tactics .pic{width:97%; margin-right: 3%;}



.n_tit{ margin-bottom: 0.4rem;}

.n_tit .tit{font-size: 0.4rem;}

.n_tit .info{ margin: 0.3rem auto 0; }

.env_content{ width: 100%;}

.env_tit{width: 100%;}

.env_tit .list{padding: 0.25rem 0.3rem;}

.env_tit .list .iconarea{ margin-right: 0.3rem;width: 1rem;height: 1rem;}

.env_tit .list .iconarea .icon{ height: 0.34rem;}

.env_tit .list .des .tit{ font-size: 0.28rem;}



.teamItem .des .tit{font-size: .26rem; }

.teamSlideWrap .swiper-button-prev .iconfont,.teamSlideWrap .swiper-button-next .iconfont{ font-size:.26rem;}



.recuriteItem{ width:100%; margin: 0 0% 3% 0; padding: 0.4rem; }

.recuriteItem .tit a{ padding:0em  0.6rem 0.8em 0;  font-size: 0.28rem; }

.recuriteItem .tit a .arr{top:0.1rem; }

.recuriteItem .des{ margin-top: 0.28rem;}

.recuriteItem .des .name{ font-size: 0.24rem;}

.recuriteItem .des .nr{ margin-top: 0.06rem;}

.recruit .mandiv{ margin-top: 0.15rem;}

.recruitInfo{ margin-top: 0.28rem;}

.recruitInfo .title{ font-size: 0.3rem;}

.recruitInfo .title::before{ font-size: 0.34rem; }

.recruitInfo .nr{ padding-left: 0.35rem; margin-top: 0.1rem;}



.recuit .item {padding:0.3rem 0.4rem;margin-bottom: .2rem;}

.recuit .item .itemtit {padding: 0.3rem 0;margin-bottom: 0.2rem;}

.recuit .item .itemtit .tit {font-size: 0.28rem;}

.recuit .item .con {padding-right: 0rem;}

.recuit .item .showbox .open,.recuit .item .hidebox .close{ position: static; margin-top: 0.2rem;}

.recuit .item .showbox .open {line-height: 0.44rem;top: 0.2rem;}

.recuit .item .showbox .open i {width: 0.44rem;height: 0.44rem; top: -2px;}

.recuit .item .hidebox .close {line-height: 0.44rem;bottom: 0.2rem;}

.recuit .item .hidebox .close i {width: 0.44rem;height: 0.44rem;top: -2px;}



.newsItem0 .des{padding: 0.3rem 0.3rem 1rem;}

.newsItem0 .des .tit{ font-size: 0.28rem;}

.newsItem0 .des .nr{ margin-top: 0.15rem;  }

.newsSlide .swiper-pagination-bullet{width:0.14rem;height:0.14rem; border: 2px solid #fff;  margin:0 .1rem !important;}

.newsSlide .swiper-pagination-bullet-active{ border: 2px solid #043478;}



.newsItem a{ padding: 0.22rem 0.4rem;}

.newsItem .time{ width: 1.4rem;padding: 0.14rem 0; margin-right: 0.5rem;}

.newsItem .time .day{  font-size: 0.3rem;}

.newsItem .des .tit{font-size: 0.28rem;}

.newsItem .morea5{ margin-left: 0.28rem;}

.news .turnpage{ margin-top: 0.7rem;}



.in_sh .in_tit{  padding:0px 0 .4rem;}

.in_sh .in_tit h4{ font-size:0.36rem; margin-bottom:.15rem;}

.in_sh .in_tit .pub_del{ margin-top: .15rem;   }

.in_sh .in_tit .pub_del span{ margin: 0 0.26rem 0 0;}

.pnpage .des{min-width: 100%;}

.pnpage .des .item{ padding: 0.08rem 0; }

.pnpage .des .item .mc{ margin-right: 0.15rem;}

.pnpage .backBtn .sbtn{  margin-top: 0.2rem;}

.tNew_tit{font-size: 0.28rem; margin-bottom: 0.25rem;}

.tNewItem{ margin-bottom: 0.26rem;}

.tNewItem .des{padding: 0.15rem 0;}



.applyArea{}.applyAreaPart{ padding: 1rem 0;}

.applyAreaPart .intro{ width: 100%;}

.applyAreaPart .intro .title{font-size: 0.32rem;margin-bottom: 0.26rem;}

.applyAreaPart .intro .item{ margin-bottom: 0.26rem;}

.applyAreaPart .intro .item .tit{font-size: 0.26rem;margin-bottom: 0.15rem;}

.applyAreaPart .intro .item .lists{ margin-top: 0.26rem;}

.applyAreaPart .intro .item .lists .box{padding: 0.24rem 0.3rem;}

.applyAreaPart .intro .item .lists .box .iconarea .tp{ width: .7rem;}

.applyAreaPart .intro .item .lists .box .tit{font-size: 0.24rem; margin-top: 0.5rem;}

.applySlide{padding-bottom: 0.6rem !important; }

.applySlide .swiper-pagination{ text-align: center; }

.applySlide .swiper-pagination-bullet{width:0.14rem;height:0.14rem; border: 2px solid #fff; margin:0 .15rem !important;}

.applySlide .swiper-pagination-bullet-active{background-color:#fff !important; border: 2px solid #043478;}





}

/*******************************************************************/





