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

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:96%;}
.nav{ width:800px;}
.navul li{ margin:0;}
.navul li a{ padding:0 20px;}
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.nav{ display:none;}
.menubtn{ display:block;} 

.loarea{ height:60px;}
.loarea .logo{ width:140px; padding-top:14px; }
.loarea .logo img{ height:32px;}
.tel{ display:none;}
.mtel{ display:block;}
.banimgarea{ overflow:hidden;}
.banimg{ width:140%; max-width:140%; margin-left:-20%; }
.banner .swiper-pagination{ display:none;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display:inline-block; width:20px; height:28px;margin-top:14px;}

.h_pro{ padding:30px 0 20px;}
.h_tit .zh{ font-size:18px;}
.h_tit .en{ font-size:14px; }
.hpul{ padding-top:24px; margin-right:-2%;}
.hpul li{ margin:0 2% 10px 0; width:31.33%;}

.h_new{ padding:30px 0 20px;}
.hnul li{  width:100%; margin:0 0 14px 0;}
.hnul .des { padding: 12px 14px;}

.h_mess{ padding:30px 0;}
.hmess{ float:none; width:100%;}
.hadd{ margin-top:24px; float:none; width:100%;}
.flogo_fcon .flogo{ display:none;}
.flogo_fcon{ margin-right:0;}
.f_gotop{ position:static; top:0; margin-top:10px; display:block; text-align:center;}
}
/** 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;}
.h_mess .tp{ float:none; margin:0 auto;}
.mess_part{ padding-left:0px; margin-top:20px;}
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
.hpul li{width:48%;}
.messtab td{padding:2px 0px ; float:none; width:100%; display:block;}
.messtab td.mc{ text-align:left;}
.messtab .tj{ padding-top:0px;}

}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 360px) {
.hpul li{width:98%; }
}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

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

/*******************************************************************/
/*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_ban img{ width:150%; max-width:150%; margin-left:-25%;}
.i_header_banner .header{ position:static; }	
.location{text-align:left;}
.i_l{ float:none; width:100%; overflow:hidden;}
.lm_tit{ font-size:20px; text-align:left; border-bottom:0;}

.lmul{ overflow:hidden; margin:0 -0.5%;}
.lmul li{border-bottom:0px solid #e9e9e9; width:24%; margin:0 0.5% 10px; float:left;}
.lmul li a{ height:34px; padding-left:0px; text-align:center; line-height:34px; font-size:14px; border:1px solid #ddd;}
.lmul li a:hover{ width:auto; }
.lmul li a:hover .icon{ display:none;}
.lmul li a:hover::after{border-color:transparent transparent transparent transparent;}
.act_lm{width:auto !important; }
.act_lm::after{border-color:transparent transparent transparent transparent !important;}
.act_lm .icon{ display:none !important;}
.i_r{ padding-left:0;}
.i_con{ border-left:0px solid #e9e9e9;min-height:100px; padding:0px 0 0 0px;}
.ps_tab{ min-height:100px;}
.ps_tab{ overflow:hidden;}
.ps_tit{ float:none; width:100%; overflow:hidden; position:static; margin:0 -0.5%;}
.ps_tit span{ display:inline-block; width:24%; padding:8px 0; text-align:center; float:left; margin:0 0.5% 10px;}

.ps_tit span::after{ display:none;}
.ps_con{ margin-right:0px; margin-top:20px; float:none;}
.turnpage a,.turnpage span{ display:none;}
.turnpage .point{ display:inline-block;}
}
/** max-width:960 **/
@media only screen and (max-width: 959px){

	}
/** max-width:768 **/
@media only screen and (max-width: 767px){
.techmess  .tp{ float:none; margin:0 auto;}
.hmess{ padding:10px 0 0;}
.rectable tr{ border-bottom:2px solid #ddd; background:none !important;}
.rectable th{ display:none;}
.rectable td{ display:block; float:left; text-align:left; width:94% !important; padding:10px 10px;}
.rectable td .mc{ display:inline-block; font-weight:bold; color:#333; margin-right:10px;}
.rectable td .icon{ display:none;}

.teamul li { padding:12px 0;}
.teamul li a{ display:block; display:block; align-items: center; }
.teamul .tp{ width:340px; float:none; margin:0 auto; display:block; max-width:100%;}
.teamul .tp::after{display:none;}
.teamul .tp img{ margin:0;}
.teamul .des{ margin-left:0%; width:100%;}
.teamul .des p{ line-height:2; font-size:14px; color:#666;}


	}
/** max-width:640 **/
@media only screen and (max-width: 639px){
.lmul li{ width:49%;}
	}
/** width:480 **/
@media only screen and (max-width: 479px) {
.ps_tit span{ width:49%;}
.newul{ padding-bottom:34px;}
.newul li{ padding:2px 0;}
.newul li .time{ float:none; margin:10px 0 4px; width:100%;text-align:left;}
.newul li .time h4,.newul li .time p{ display:inline-block; font-size:16px; line-height:1.6; padding:0; vertical-align:middle;}
.newul li .time p{ font-size:14px;}
.newul li .des{ padding:0px 0 0;}
.newul li .des .tit{ margin-bottom:4px;}

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

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