@charset "UTF-8";
@media screen and (max-width:1900px){
	
}
@media screen and (max-width:1800px){
}
@media screen and (max-width:1680px){
}
@media screen and (max-width:1360px){
	.header .mright .nav_box li > a{ padding:0 20px 0 20px;}
	
	.er_banner .t-box{ width:90%; left:5%;}
	.er_banner .t-box .t_title{ font-size:4vw;}
}
@media screen and (max-width:1284px){
	.banner .dataitem{width:100%; height:auto;}	
	.banner .dataitem a{position:relative;}
	.banner .dataitem img{width:100%; height:auto; display:block;}
}
@media screen and (max-width:1200px){
	.header .logo{ margin:10px 0 12px 20px;}
	
	.header .mright{ margin:10px 0 15px 0;}
	.header .mright .input_box div{margin-right:20px;}
	.header .mright .nav_box li > a{ padding:0 10px 0 10px;}
	
	.hei3vw{height:15px; line-height:15px;}
	.hei35vw{height:20px; line-height:20px;}
	
	.pd12{padding:0 10px 0 10px;}
	.pd10{padding:0 10px 0 10px;}
	.pd8{padding:0 10px 0 10px;}
	.pd7{padding:0 10px 0 10px;}
	.pd6{padding:0 10px 0 10px;}
	
	.weizhi{ padding:0 10px 0 10px;}
	.type_list{ padding:10px 0 0px 0; height:60px;}
}
@media screen and (max-width:1024px){
	.header .logo img{ height:7vw;}
	
	.er_banner{ height:260px;}
	.er_banner img{display:none;}
	.er_banner .t-box{ top:50%;}
	.er_banner .t-box .t_title{ font-size:24px; background-size:50px auto;}
	
	.cert_box .arrow.pre { left:5px; display:none !important;}
	.cert_box .arrow.next { right:5px; display:none !important;}

}
@media screen and (max-width:960px){
	.header .mright .input_box{ display:none;}
	.nav_x{display:block;}
	.nav_box{ display:none;}
	
	.hei20{height:10px; line-height:10px;}
	.hei30{height:10px; line-height:10px;}
	.hei3vw{height:10px; line-height:10px;}
	.hei35vw{height:20px; line-height:20px;}
	
	.banner .slick-dots li button { display:none;}
	
	
	.i_about .mleft{ width:100%;}
	.i_about .mleft .c_box{padding:10px 10px 10px 10px;}
	.i_about .mleft .c_box .t1{ text-align:left;}
	.i_about .mleft .c_box .t1 img{ height:4vw;}
	.i_about .mleft .c_box .t2{padding:2px 0 2px 0; border-bottom:4px solid #EEEEEE; line-height:1.8em; font-size:18px; }
	.i_about .mleft .c_box .t3{padding:0px 0 0 0; line-height:2em; font-size:14px; color:#888888;}
	.i_about .mleft .c_box .t3 img{max-width:100%;}
	
	.i_about .mright{ position:relative !important; float:right; width:100%; right:0; height:auto;}
	.i_about .mright img{width:100%; display:block;}
	
	
	/*首页公司简介*/
	.about_explain li{width:50%;}
	.about_explain li .c_box{ padding:0 10px 0 10px;}
	.about_explain li .c_box .t1{ line-height:30px; font-size:16px; padding:0px 0 4px 0;}
	.about_explain li .c_box .t2{ line-height:1.8em; font-size:14px; color:#888888;}
	
	/*产品页面*/
	.pro_ul li{ float:left; width:48%; width: calc((100% - 10px)/2); width: -moz-calc((100% - 10px)/2); width: -webkit-calc((100% - 10px)/2); margin:5px 10px 5px 0; position:relative;}
	.pro_ul li:nth-child(2n+2){margin-right:0;} 
	
	
	
	.contact_us2 .mleft{ float:left; width:100%; }
	
	.contact_us2 .mright{ float:left; width:100%;}
	.contact_us2 .mright .c_box{padding:0 10px 0 10px; font-size:14px; color:#888888;}
	
	.contact_list li{ width:100%; margin:10px 0 10px 0;}
	.contact_list li:nth-child(2n+2){margin-right:0;}
	.contact_list li .c_box .t1{ height:34px; line-height:34px; font-size:18px; font-weight:bold; padding:10px 0 10px 0; color:#289FD7; border-bottom:1px solid #f1f1f1;}
	
	.weizhi{display:none;}
	
	.message-box{ padding:10px 10px 10px 10px; border-right:0;}
}
@media screen and (max-width:910px){

}
@media screen and (max-width:880px){	
	.header .logo img{ height:50px;}
	

	
	
	.i_more{padding:8px 0 0 0; text-align:center;}
	.i_more a{height:28px; line-height:28px; border-radius:14px; -moz-border-radius:14px;  -webkit-border-radius:14px; font-size:14px;}
	
	.i_more2{text-align:center; padding:12px 0 0 0;}
	.i_more2 a{ padding:0 50px 0 50px; height:40px; line-height:40px; border-radius:20px; -moz-border-radius:20px;  -webkit-border-radius:20px; font-size:14px;}
	
	/*产品展示*/
	.i_pro_ul li{ float:left; width:48%; width: calc((100% - 10px)/2); width: -moz-calc((100% - 10px)/2); width: -webkit-calc((100% - 10px)/2); margin:10px 10px 0px 0; position:relative;}
	.i_pro_ul li:nth-child(3n+3){margin-right:10px;}
	.i_pro_ul li:nth-child(2n+2){margin-right:0px;} 
	.i_pro_ul li .con_box{ padding:4px 4px 14px 4px; background-color:#FFFFFF;}
	.i_pro_ul li .con_box .mtitle{ height:auto; line-height:25px; text-align:center;}
	.i_pro_ul li .con_box:hover .mtitle{ border-left:0 solid #2EC3E4; padding-left:0;}
	
	/*首页案例*/
	.i_case_ul li{ float:left; width:48%; width: calc((100% - 10px)/2); width: -moz-calc((100% - 10px)/2); width: -webkit-calc((100% - 10px)/2); margin:10px 10px 0px 0; position:relative;}
	.i_case_ul li:nth-child(2n+2){margin-right:0;} 
	.i_case_ul li .con_box{ padding:3px;}
	.i_case_ul li .con_box .mtitle{ padding:0 0 14px 0;}
	
	/*版块标题*/
	.bk_title p{ font-size:18px;}
	
	.news_li{ position:relative; padding:8px 0px 0 0px;}
	
	
	
	/*底部信息*/
	.footer_box{background-color:#2E313A; border-top:4px solid #289FD7;}
	.footer_box .c_box{ padding:20px 0 20px 0; border-bottom:1px solid #666666;}
	.footer_box .c_box .mleft{ float:left; width:100%;}
	.footer_box .c_box .mleft .f_logo{ text-align:left;}
	.footer_box .c_box .mleft .f_logo img{ height:8vw;}
	
	.footer_box .c_box .mcenter{ float:left; width:100%;}
	.footer_box .c_box .mcenter .t1{font-size:18px; color:#FFFFFF; padding:20px 0 0 0;}
	
	.footer_box .c_box .mright{float:left; width:100%;}
	.footer_box .c_box .mright .t1{font-size:18px; color:#FFFFFF; padding:20px 0 0 0;}
	.footer_box .copy{padding:10px 0 10px 0;}
	
	
	.pre_next{ padding:10px 0 10px 0;}
	.pre_next p{float:left; width:100%;}
	.pre_next .p_l{ float:left; text-align:left;}
	.pre_next .p_r{ float:right; text-align:left;}
	
	
	/*公司新闻页面*/
	.news_list li{margin:10px 10px 0 0; width:45%; width: calc((100% - 10px)/2); width: -moz-calc((100% - 10px)/2); width: -webkit-calc((100% - 10px)/2); }
	.news_list li:nth-child(3n+3){margin-right:10px;}
	.news_list li:nth-child(2n+2){margin-right:0;} 
	
	.fanhui{padding-bottom:10px;}
	.fanhui a{ width:230px; height:40px; line-height:40px;}
	
	.xx_title{ padding:20px 0 10px 0; color:#222222; font-size:18px; text-align:center; line-height:1.6em; font-weight:bold;}
	
	.contact_box .t1{ font-size:18px;}
}

@media screen and (max-width:760px){
	/*新闻*/
	.faq_ul{ padding:0px 0 0 0;}
	.faq_ul li{ padding:10px 0 10px 0; border-bottom:1px solid #eeeeee;}
	.faq_ul li .mimg{float:left; width:98%; width: calc(100% - 12px); width: -moz-calc(100% - 12px); width: -webkit-calc(100% - 12px);}
	.faq_ul li .nr-box{ width:100%;}
	.faq_ul li .nr-box .mtitle{padding-top:14px;}
	.faq_ul li .nr-box .mtitle a{font-size:14px; color:#000000;}
	.faq_ul li .nr-box .more{ padding:10px 0 0 0; text-align:center;}
	.faq_ul li .nr-box .more a{line-height:30px; padding:0 20px 0 20px;}
	
	.faq_ul li:nth-child(2n+2) .mimg{float:left;}
	.faq_ul li:nth-child(2n+2) .nr-box{float:right;}
}

@media screen and (max-width:740px){
	/*公司新闻页面*/
	.news_list li{margin:10px 0 0 0; width:100%;}
	.news_list li:nth-child(3n+3){margin-right:0px;}
	
	.i_pro_ul li{ float:left; width:100%; margin:10px 0 0px 0; position:relative;}
	.i_pro_ul li:nth-child(3n+3){margin-right:0px;}
	
	.i_case_ul li{ width:100%; margin:10px 0 0px 0; position:relative;}
	
	.pro_ul li{ float:left; width:100%; margin:5px 0 5px 0; position:relative;}
}

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

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

}

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

}

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

}

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

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

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

}