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

	}
@media only screen and (max-width: 1679px){
	}
@media only screen and (max-width: 1439px){}
@media only screen and (max-width: 1365px){
}
@media only screen and (max-width: 1279px){}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:96%;}
.logo{ width:250px; display:block; padding-top:32px;}
.logo img{ height:34px; width:auto;}
.nav{width:56%; margin-left:2%;}
.navul li > a{ padding: 0 12px;}

.habox{ margin:0 26px;}

.f_tit{ display:block; margin-bottom:10px;}
.footer .flist .nr{ display:block;}
.flink .nr a{ float:none;}


}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.top{ display:none;}
.nav{ display:none;}
.menubtn{ display:block;} 

.loarea{ height:60px;}
.loarea .logo{ width:180px; padding-top:18px; }
.loarea .logo img{ height:25px;}

.lan{ float:right; width:86px; margin:22px 18px 0 0;}
.lan i{ display:none;}
.lan .a1{ display:none;}
.banner .swiper-pagination{ display:none;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display:inline-block; width:20px; height:28px;margin-top:-14px;}
.h_file{ padding:34px 0;}

.h_tit .tit{ font-size:22px;}
.hpul li{ width:50%;}

.h_advan{ margin-top:34px;}
.hmslide{width:100%; margin:30px auto 0;}


.h_mess{ margin-top:34px; padding:34px 0; background:#ededed;}
.hmess{ float:none; max-width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin:0 auto; width:100%;}

.h_hon{ padding:40px 0px;}
.hhslide .slick-prev,.hhslide .slick-next{ top:auto; bottom:0;}
.hhslide .slick-prev{ background-image:url(../images/icon/prev.png);left:50%; margin-left:-48px; }
.hhslide .slick-next{ background-image:url(../images/icon/next.png);right:50%; margin-right:-48px;}
.hhslide .slick-list{ padding-bottom:60px;}

.footer { padding:18px 0;}
.footer .flist{ width:94%; float:none; margin:0; padding:6px 3%;}
.flink .nr a{ float:none; display:inline-block; width:auto; margin-right:10px;}
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
.banner .slick-dots{ bottom:10px;}
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {
.hpul li{ width:100%; margin-bottom:14px;}
.hpul .des{ padding:20px 14px;}
}

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

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

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

/*********************************内页**********************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
@media only screen and (max-width: 1919px){	
}
@media only screen and (max-width: 1679px){
	}
@media only screen and (max-width: 1439px){


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

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.pdt .tp{ width:628px; margin:0 auto; float:none; margin:0 auto; max-width:100%;}
.pdt .des{ width:100%; float:none; margin-top:24px;}

.about1 .tp{ float:none; margin:20px auto 0; display:block; width:856px;  max-width:100%;}
.about1 .des{ width:100%; float:none;}

.cul { padding:0;}
.cul .list{ padding:34px 0;}
.cul .list .tp{ width:800px; float:none; margin:0 auto; max-width:100%;}
.cul .list .des{ width:100%; float:none;}
.cul .list .des .box{ padding:24px 3% 0;}

.down .tp{ width:660px; float:none; margin:0 auto; max-width:100%;}
.down .des{ width:100%; float:none; margin-top:24px;}

	}
/** width:960px **/
@media only screen and (max-width: 1023px){
.cul .list .des .tit{ font-size:22px;}
.i_ban{ margin-left:-5%;}
.i_ban img{ width:110%;}

.i_tit h4{ font-size:22px; }
.expertul .des .tit{ font-size:16px;}
.about1{ padding:34px 0;}
.about2{ padding:34px 0 20px;}
.pro{ padding:30px 0;}
.pdt .des .tit{ font-size:20px;}
.pdt .des .nr{ margin-top:20px;}

.pdm{ padding:40px 0 80px;}
.pdm_tit h4{ font-size:22px; }
.pdm_tit .line{ width:100px; height:2px;}

.pdt,.pdb{ padding:30px 0;}
.proadvul{ padding-top:34px; margin:0 auto; width:100%;}
.proadvul li{ float:left; margin:0 1% 4%; width:31.33%;}
.proadvul .des .tit{ font-size:14px;}

.lm{ padding-top:34px;}
.proadv .intro{ margin-top:20px;}
.proadv{ padding:0px 0 40px;}
.proadv .morediv{ width:98%;}
.lm a{ font-size:14px;padding: 6px 50px; margin:0 4px;}
.lm a::after{ border-width:6px 10px; margin-left:-6px;}

.honul{ padding-top:34px; margin:0 auto; width:100%;}
.honul li{ float:left; margin:0 1% 4%; width:31.33%;}

.advdel{ padding:30px 0;}
.advdel_tit{ font-size:22px;}
.advdellist{ overflow:hidden;}
.advdelul{ padding-top:30px;  width:100%;}
.advdelul li{ margin:0 1% 2%;}
.advdelul .des .tit{ font-size:14px;}

.cooul{ padding:24px 0 20px;}
.cooul li{ width:20%; float:left; margin:0 0% 8px;}
.turnpage a,.turnpage .total{ display:none; padding:4px 20px;}
.turnpage .point{ display:inline-block;}

.down{ padding:30px 0;}
.pdm2_tit h4{ font-size:22px; }
.pdm2_tit .line{ width:100px; height:2px;}
.pdm2{ padding:80px 0 40px;}

.contact{ padding:30px 0;}
.contarea{ margin-top:24px;}
.contarea .des{ width:100%; float:none;}
.map{ width:100%; float:none; margin-top:20px;}

.messform ul{ overflow:hidden; margin-right:0%;}
.messform li{ width:100%; margin-right:0%;}

.mess{ padding:34px 0;}
.messform{margin:34px auto 0; }

.apply{ padding:20px 0; }
.app_tit{ font-size:22px;}
.app_intro{ margin-top:20px; color:#666; line-height:2;}

.applylist{ padding:10px 0;}
.appul{ margin-top:30px;}
.appul .des h4{ font-size:14px;}
.appul a{ padding:10px ;}
}
/** max-width:960 **/
@media only screen and (max-width: 959px){
.cooul li{ width:25%;}	
}
/** max-width:768 **/
@media only screen and (max-width: 767px){
.proul{ padding-top:20px; margin-right:-2%;}
.proul li{ float:left; margin:0 2% 2% 0; width:48%;}
.location{ padding:12px 0;}
.returnbtn{ position:static; top:0;}
.loca_returnhome{ padding-bottom:16px;}

.lm { text-align:left;}
.lm a{ font-size:14px; text-align:center; padding: 6px 0px; width:32.33%; margin:0 0.5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin-bottom:14px;}

	}
/** max-width:640 **/
@media only screen and (max-width: 639px){
.expertul li{ width:94%; margin:0 auto 20px; float:none;}
.proadvul li{ width:48%;}
.honul li{ width:48%;}
.advdelul li{ width:48%;}

.downul li{ width:100%; margin:0 0% 0 0;}

.messform .tj input{ width:120px; font-size:14px;}
.messform .tj1{ margin-right:4%;}

.messpup{ padding:40px 20px 20px; width:94%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; left:3%;margin:-70px 0 0 0px;}
.messpup .nr{ font-size:14px;}
.messpup .opa{ margin-top:20px;}
.messpup .opa input{ font-size:14px;}

.appul li{ width:98%;}
	}
/** width:480 **/
@media only screen and (max-width: 479px) {
.lm a{ width:49%;}
.cooul li{ width:50%;}


	}
/** width:360px **/
@media only screen and (max-width: 360px) {
.proul li{ width:98%;}
.honul li{ width:98%;}
.advdelul li{ width:98%;}
	}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/