@charset "utf-8";
/*width:1200+*/
@media only screen and (max-width: 1365px){
	.honSlideWrap{ margin: 0 50px;}
	} 
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:94%;}
.loarea .wp{ width: 96%;}
.nav{ display:none;}
.menubtn{ display:block;} 
.loarea{ height:50px;}
.logo{ width:140px; height: 50px;}
.logo .tp{ height:32px;}
.chooseLan{margin: 10px 40px 0 0px;}
.inav{ display: block;}
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.banimg{ width:150%; max-width: 150%; margin-left: -25%;}
.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}
.bigimgw100 .tp{ width: 150%; max-width: 150%; margin-left: 25%;}
.hBanIntro{ width: 100%;}
.banner{ width: 100%; margin-top: 20px;}
.h_server .wrap{ flex-wrap: wrap;}
.hserverSlideWrap{ width: 100%;}
.hserverSlideWrap .swiper-button-prev{ left: 0px;}
.hserverSlideWrap .swiper-button-next{ right: 0px;}
.hserverMess{ width: 100%; margin:20px 0 0 0px;}
.fserver,.fadd,.fcode,.flink{padding:10px 0;width: 50%; }
.fserver::after ,.fcode::after,.flink::after{ display: none;}
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {
	.haItem{ width: 48.5%; margin-right: 2%;}
	.haItem:nth-child(4n){ margin-right: 0;}
	.haItem:nth-child(2n){ margin-right: 0;}
}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
body,input,textarea,select,button{ font-size: 0.22rem;}
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;}
.banner .swiper-pagination{ bottom:0.1rem !important;}
.banner .swiper-pagination-bullet{width:0.15rem;height:0.15rem; margin:0 0.05rem !important;}
.hBan{ padding: 1rem 0;}
.hBanIntro .nr{margin-top: 0.15rem;}
.h_tit .tit{ font-size: 0.46rem; margin-bottom: 0.15rem;}
.h_tit .subtit{ font-size: 0.2rem;}

.h_tit2{ padding: 0.4rem 0;}
.h_tit2 .tit .tp{ height: 0.52rem;}
.h_tit2 .subtit{ font-size: 0.24rem;}
.h_about{ padding: 0.2rem 0 0.5rem;}

.h_tit3{ padding: 0.3rem 0;}
.h_tit3 .tit{ font-size: 0.36rem;padding-bottom: 0.2rem;}
.h_tit3 .tit::after{ height: 4px; }
.h_server{ padding: 0.1rem 0 0.6rem;}
.hserverMess{ padding: 0.4rem 0.24rem; }
.h_tit4 .tit{ font-size: 0.32rem;}
.hserverMess .form{ margin-top: 0.3rem;}
.hserverMess .formItem{ margin-bottom: 0.3rem;}
.hserverMess .formItem .text{ font-size: 0.22rem; height: 0.6rem; line-height: 0.6rem; padding: 0 0.2rem; }
.hserverMess .formConfirm{ padding-top: 0.3rem;}
.hserverMess .formConfirm .sbtn{ font-size: 0.26rem; height: 0.6rem; line-height: 0.6rem; padding: 0 0.2rem; }
.hsItem{ padding: 0.4rem;}
.hsItem .inner{ padding: 0.4rem; }
.hsItem .title{ font-size: 0.32rem;  padding-bottom: 0.2rem; }
.hsItem .title::after{ height: 4px;}
.hsItem .nr{ margin-top: 0.2rem;}
.hsItem .nr .wz{ font-size: 0.24rem; }
.hserverSlideWrap .swiper-button-prev,.hserverSlideWrap .swiper-button-next{ width:0.6rem; height:0.6rem; line-height: 0.6rem; top:50%; margin-top:-0.3rem; }
.hserverSlideWrap .swiper-button-prev .iconfont,.hserverSlideWrap .swiper-button-next .iconfont{ font-size: 0.36rem; }

.h_advan{ padding: 0.4rem 0;}
.haItem{ margin-bottom: 0.4rem; ;}
.haItem .des{ padding: 0.2rem;}
.haItem .des .icon{ height: 0.4rem; }
.haItem .des .tit{margin-left: 0.15rem; font-size: 0.32rem; }
.honSlideWrap{ margin: 0; padding-bottom: 50px;}
.honSlideWrap .swiper-button-prev,.honSlideWrap .swiper-button-next{ top: auto; margin-top: 0; bottom: 0;}
.honSlideWrap .swiper-button-prev{ left: 50%; margin-left: -35px;}
.honSlideWrap .swiper-button-next{ right: 50%; margin-right: -35px;}
.fserver,.fadd,.fcode,.flink{padding:0.15rem 0;width: 100%; }
.f_t{ padding: 0.4rem 0;}
.ftit{ font-weight: 0.24rem; }
.f_t .nr{ margin-top: 0.15rem;}
.fserver .nr{ font-size: 0.22rem;}
.fcode .nr .tp{ width: 1rem;}
.fcode .nr .tit{ font-size: 0.2rem; margin-top: 0.1rem;}
.flink .nr a{font-size: 0.22rem; display: inline-block; margin: 0 0.5em; }
.fadd .nr{font-size: 0.22rem;}
.fserver,.fadd,.fcode,.flink{width: 100%; text-align: center;}



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

/*******************************************************************/
/*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;}
}
/** 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{ display:inline-block; padding:0.1rem 0.3rem;margin:0 0.1rem; }
.turnpage .point .iconfont{ font-size:0.26rem;}

.location{ font-size: 0.22rem; }
.location .wp{ padding: 0.1rem 0; }
.location .home::before{ font-size: 0.26rem; margin-right: 0.08rem;}
.location i{ margin:0 0.1rem;}
.certTest{ padding: 0.15rem 0 0.4rem;}
.i_tit{ padding: 0.3rem 0;}
.i_tit .tit{ font-size: 0.32rem; }
.certTest .nr .wz{ font-size: 0.24rem}
.testStep{ padding: 0.6rem 0;}
.testStep .inner{ padding: 0.3rem 0.6rem 0.6rem 0.6rem;}
.testStep .nr .list{ padding:0.05rem 0 0.05rem 0.2rem;}
.testStep .nr .list::before{ width: 0.06rem; height: 0.06rem;left: 0; top: 0.2rem; }
.testStep .nr .list2{padding: 0.05rem 0;}

.testLink{margin:0.2rem 0; background: none;  }
.testLink .wp{ width: 100%;}
.tlItem{ width: 50%; background-color: #0B4B98; padding: 0.3rem ; box-sizing: border-box;}
.tlItem .box{ padding: 0.5rem 0;}
.tlItem .box .p1{ font-size: 0.4rem;}
.tlItem .box .p2{ font-size: 0.26rem;}
.tlItem .mandiv{ padding: 0.2rem 0;}
.tlItem:nth-child(2){ flex-direction: column; }
.tlItem:nth-child(2) .box{ text-align: left;  }
.tlItem:nth-child(2){background-color: #070A0D;}
.serverDel{ padding: 0.3rem 0 0.5rem;}
.serverDel .nr{ margin-top: 0.3rem;}

.tech{ padding: 0.2rem 0 0.5rem;}
.tech .wrap{ flex-wrap: wrap;}
.tech .intro{ font-size: 0.24rem;}
.tech .tparea{ margin-top: 0.2rem; text-align: center; width: 100%; margin-left: 0%;}
.tech .tparea .tp{ width: auto;}
.techAdvan{ padding: 0.6rem 0;}
.taItem{ padding: 0.3rem 0.6rem ;}
.taItem .p1{ font-size: 0.32rem;}
.taItem .p2{ font-size: 0.22rem;}

.techAdvan2{padding: 0.6rem 0;}
.techAdvan2 .wp{ flex-wrap: wrap;}
.taPart{ width: 100%; padding: 0.2rem 0.6rem ; margin-bottom: 0.2rem; }
.ta_tit{  font-size: 0.4rem; padding: 0.2rem 0; }
.tanr{ padding-bottom: 0.4rem;}
.tanr .lists{display: flex; flex-wrap: wrap;}
.tanr .lists .list{ width: 50%; padding: 0.1rem 0 0.1rem 0.4rem;}
.tanr .lists .list .icon{ top: 0.12rem;height:0.3rem}
.tanr2{ margin-top: 0.3rem;}
.tanr2Item{ margin-bottom: 0.4rem;}
.tanr2Item .p1{ font-size: 0.32rem;}
.tanr2Item .p2{ font-size: 0.24rem; margin-top: 0.15rem;}

.coo .wp{ padding: 0.5rem 0 0.6rem;}
.cooItem{  width: 48.5%;  margin: 0 2% 0.2rem 0;}
.cooItem:nth-child(4n){ margin-right: 0;}

.about{ padding: 0.4rem 0 0.6rem;}
.about .wp{ display:block}
.about .intro{ margin-top: 0.4rem;}
.about .intro .tit{ font-size: 0.32rem; padding-bottom: 0.2rem;}
.about .intro .nr{ margin-top: 0.4rem; font-size: 0.24rem;}
.about .tparea{  width: 100%; margin: 0;}
.map{ height: 240px; }

.cont{padding: 0.6rem 0;}
.cont .wp{flex-wrap: wrap;}
.contItem{ width: 100%; border: none; padding: 0.2rem 0; }
.contItem .icon{ height: 0.6rem;}
.contItem .des{ margin-top: 0.2rem;}
.contItem .des .tit{ font-size: 0.26rem;}
.contItem .des .nr{ font-size: 0.24rem; margin-top: 0.15rem; }
.codeLay .tp{ width: 1.8rem;}

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