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

	}
/** max-width:1200 **/
@media only screen and (max-width: 1099px){
.wp{ width:96%;}
.logo{ width:30%;}
.pnavul a{ font-size:14px;}
.banner .team .bancon{ padding-top:44%; height:0;}

}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.header{ height:auto; min-height:60px;}
.logo{ padding-top:15px; width:20%;}
.logo img{ height:30px;}
.nav{ display:none;}
.lan{ display:none;}
.search{ margin:12px 18% 0 0; height:34px; width:58%;border-color:#00a2c3;}
.search .tj{ background:url(../images/icon/msearch.png) center center no-repeat;}
.mobile_menu{ display:block;}
.menubtn{ display:block;}
.mnav{}
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {
.hab_b .tp{ float:none; width:50%; margin:0 auto;}
.hab_b .des{ float:none; width:100%;}

.hnul{ margin-right:0;}
.hnul li{ margin-right:0; width:100%;}
}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
.banner .slick-dots{ bottom:10px;}

.h_about{ padding:20px 0 14px;}
.hab_t{margin: 16px 0px 14px;}

.h_pro{padding:16px 0px 14px;}
.hparea{ margin-top:26px;}
.hpul{ margin-right:0;}
.hpul li{ width:46%; margin:0 2% 20px;}
.h_new{padding:16px 0px 14px; overflow:hidden;}
.hnarea{ margin-top:0;}
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
.search{ width:100%; margin:6px 0 10px 0; border-color:#00a2c3;}
.search .tj{ background:url(../images/icon/msearch.png) center center no-repeat;}

.hab_b .tp{ width:80%;}

.hcul li{ width:100%; margin-bottom:20px;}
.hcul li .des{ padding:0 6%;}
}

/** width:480 **/
@media only screen and (max-width: 479px) {
.loarea .logo{ width:42%; padding-top:24px; }
.loarea .logo img{ height:12px;}
.hab_b .tp{ width:100%;}
.hpul li p{ font-size:14px;}
.hnul li .tp{ float:none; width:100%; margin-bottom:6px;}
.hnul li .des .time{ display:none;}
.hnul li .des{ float:none; width:100%;}
.hnul li .title{margin:2px 0px 4px;}
.hnul li .nr{ line-height:1.6; height:40px; overflow:hidden;}
}

@media only screen and (max-width: 360px) {
.hpul li{ width:100%; margin:0 0 20px 0;}

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

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

/************************************02aboutus  04news 04news-显示 05career 06message*******************************/
/*width:1200+*/
@media only screen and (min-width: 1100px){}
/** max-width:1200 **/
@media only screen and (max-width: 1099px){
.i_banner{ height:0; padding-top:27%; }
	}
/** width:960px **/
@media only screen and (max-width: 1023px){
	
	}
/** max-width:960 **/
@media only screen and (max-width: 959px){
.page a,.page span{ display:none;}
.page .ends{ display:inline-block; font-size:16px; padding:11px 46px 10px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px;}
.nd_tit{ margin-bottom:40px;}

.cardes{ width:100%; float:none; padding-top:0;}
.map{ width:100%; float:none; margin-top:14px;}

.messform{ width:80%;}
}
/** max-width:768 **/
@media only screen and (max-width: 767px){
.i_con{ padding-bottom:20px;}
.i_tit{ margin:32px 0;}
.i_tit span{ width:40%; }
.i_tit span img{ max-width:100%;}
.lm{ margin-bottom:20px;}
.lm a{ margin-bottom:14px; height:38px; line-height:38px; font-size:14px;}

.newul{ margin-right:0;}
.newul li{ width:48%; margin:0 1% 20px; }
.newul li .more{ margin-top:6px;}
}
/** max-width:640 **/
@media only screen and (max-width: 639px){
.lm{ overflow:hidden;}
.lm a{ padding:0; width:48%; margin:0 1% 14px; float:left; box-sizing:border-box;}	

.messform{ width:96%;}
.messform textarea{ height:120px;}
}
/** width:480 **/
@media only screen and (max-width: 479px) {
.lm a{ width:100%; margin:0 0 14px;}

.newul li{ width:100%;}
.newul li .nr{ height:auto;}
}
/** width:360px **/
@media only screen and (max-width: 360px) {
}
/** width:320px **/
@media only screen and (max-width: 319px){}


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


/*******************************产品中心************************************/
/*width:1100+*/
@media only screen and (min-width: 1100px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1099px){
.p_l{ width:50%; margin:0 auto 20px; float:none;}
.p_r{ width:100%; float:none;}	
}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){
.proul li .tp{ float:none; margin:0 auto 6px; width:60%;}
.proul li .des{ width:100%; float:none;}
.pd4_tit{ background-color:none;}
.pd4_tit span{ width:25%; background:none;}
	}
/** max-width:768 **/
@media only screen and (max-width: 767px){
.pd4_tit span{ width:50%; font-size:12px;}
}
/** max-width:640 **/
@media only screen and (max-width: 639px){
.proul{ margin-right:0;}
.proul li{ width:100%;}
.p_l{ width:80%;}
.pd1{ height:auto;}
.pd1 span{ display:inline-block; width:48%; margin:0 1%; padding:0; border:none;}

.pd2 ul li{ line-height:normal; text-align:center; padding-top:12px;}
.pd2 ul li img{ float:none; display:block; margin:0 auto 6px !important; margin-bottom:4px;}
.pd2 ul li span{ float:none; margin-top:0;}
	}
/** width:480 **/
@media only screen and (max-width: 479px) {
.p_l{ width:100%;}
.pd1 span{ width:100%;}

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

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