@charset "UTF-8";
@media screen and (max-width:1900px){
	.er_banner{background-size:auto 100%;}	
}
@media screen and (max-width:1850px){	
}
@media screen and (max-width:1200px){
	.top .nav li > a{padding:0 30px 0 30px;}
}
@media screen and (max-width:1100px){
	
}
@media screen and (max-width:1040px){
	.top .nav li > a{padding:0 20px 0 20px;}	
}

@media screen and (max-width:900px){
	.top{ height:56px;}
	.top .nav{display:none;}
	.nav_x{display:block;}
	
	.top .logo{ float:left; margin:8px 0 0 0;}
	.top .logo img{height:40px;}	
	.top_kong{height:56px;}
	
	.banner .arrow{ top:-100px;}
	.banner .slick-dots li button { display:none;}
	
	.hei30{height:10px; line-height:10px;}
	.hei40{height:20px;}
	.hei50{height:25px;}
	
	.bk_title p{ font-size:24px; padding:0 0 10px 0;}
	.bk_title a{ font-size:18px;}
	
	.i_pro li{ width:48%; width: calc((100% - 12px)/2); width: -moz-calc((100% - 12px)/2); width: -webkit-calc((100% - 12px)/2); margin:0 12px 10px 0;}
	.i_pro li:nth-child(2n+2){margin-right:0;} 
	.i_pro li:nth-child(5n+5){ width:100%; margin-right:0;} 
	.i_pro li .con_box{ padding:10px;}
	.i_pro li .con_box .mtitle{ height:30px; line-height:30px;}
	.i_pro li .con_box .mtitle a{font-size:14px;}
	.i_pro li .con_box .entitle{ font-size:12px; line-height:1.4em; height:1.4em;}
	.i_pro li .con_box .mmore{ padding:8px 0 14px 0;}
	
	.i_bj{ background-size:auto 100%;}
	.i_about{ padding:30px 0 30px 0;}
	.i_about .mleft{ width:100%;}
	.i_about .mright{ width:100%;}
	.i_about .mright .mjianjie{padding:16px 0 0 0; font-size:14px; line-height:1.7em;}
	
	.i_count li .c_box{padding:10px 5px 10px 5px;}
	
	
	.i_coop .mleft{ width:100%;}
	.i_coop .mleft .mjianjie{padding:14px 0 0 0; font-size:14px;}
	.i_coop .mleft .mmore{ text-align:center; padding:18px 0 0 0;}
	.i_coop .mleft .mmore a{ display:inline-block; padding:0 35px 0 35px; font-size:14px; height:36px; line-height:36px; border-radius:20px; -moz-border-radius:20px;  -webkit-border-radius:20px; font-size:12px;}
	.i_coop .mright{ width:100%;}
	.i_coop .mright ul{}
	.i_coop .mright ul li{ width:31%; width: calc((100% - 30px)/3); width: -moz-calc((100% - 30px)/3); width: -webkit-calc((100% - 30px)/3); margin:10px 10px 0 0;}
	
	.i_news{ padding:10px 0 0 0;}
	.i_news li{ width:100%; margin:12px 0 0 0;}
	.i_news li .mimg{width:130px;}
	.i_news li .mright{float:right; width:56%; width: calc(100% - 144px); width: -moz-calc(100% - 144px); width: -webkit-calc(100% - 144px);}	
	.i_news li .mright .mtitle{ line-height:22px; height:22px;}
	.i_news li .mright .mtitle a{ font-size:14px;}
	.i_news li .mright .mjianjie{ line-height:1.4em; height:2.8em; overflow:hidden; font-size:12px; padding:5px 0 0 0;}
	.i_news li .mright .mdate{ height:20px; line-height:20px; font-size:12px; padding:8px 0 0 0;}
	
	.footer_box .mleft{ display:none;}
	.footer_box .mcenter{ padding:0px 0 0 0px; border-left:0px dashed #8DB3E2;}
	.footer_box .mright{width:100%;}
	.footer_box .mright li{ float:left; width:23%; margin:10px 1% 0 1%; padding:0 0 0 0;}
	.footer_box .mright li img{max-width:100px;}
	
	/*关于我们页面*/
	.er_title{font-size:18px; text-align:center;}
	.er_title span{ font-size:14px;}	
	
	
	.about_box .mleft{width:100%;}
	.about_box .mright{width:100%;}
	.about_box .mright .c_box{ padding:20px 20px 20px 20px;}
	
	.con_list li{ width: calc((100% - 42px)/3); width: -moz-calc((100% - 42px)/3); width: -webkit-calc((100% - 42px)/3); margin:8px 14px 8px 0;}
	.con_list li .con_box{ padding:20px 10px 20px 10px;}
	
}
@media screen and (max-width:850px){
	.team_list li{ width:100%; margin:10px 0 0 0;}
	.team_box .tm_ul li{ width:48%; width: calc((100% - 12px)/2); width: -moz-calc((100% - 12px)/2); width: -webkit-calc((100% - 12px)/2); margin:12px 12px 0 0;}
	.team_box .tm_ul li:nth-child(2n+2){margin-right:0;} 
	
	#mleft{display:none;}
	.hei6{height:12px; line-height:12px;}
	
	.er_box .tleft{ width:100%;}
	.er_box .mright{ width:100%;}
}

@media screen and (max-width:760px){
	.er_banner{ height:180px;}
	.er_banner .t-box{ height:180px;}
	.er_banner .t-box .en-title{font-size:24px;}
	.er_banner .t-box .t-title{font-size:18px;}
	
	.photo_ul li{ width:48%; width: calc((100% - 12px)/2); width: -moz-calc((100% - 12px)/2); width: -webkit-calc((100% - 12px)/2); margin:10px 12px 0 0;}
	.photo_ul li:nth-child(3n+3){margin-right:12px;} 
	.photo_ul li:nth-child(2n+2){margin-right:0px;} 
	
	.pro_ul li{ width:48%; width: calc((100% - 12px)/2); width: -moz-calc((100% - 12px)/2); width: -webkit-calc((100% - 12px)/2); margin:10px 12px 0 0; position:relative;}
	.pro_ul li:nth-child(3n+3){margin-right:12px;} 
	.pro_ul li:nth-child(2n+2){margin-right:0px;} 
	.pro_ul li .con_box{padding:8px;}
}

@media screen and (max-width:740px){
	.contact_box .mleft{ width:100%;}
	.contact_box .mright{ width:100%; margin:10px 0 0 0;}
	.message{ padding:0 10px 0 10px;}
	
	.er_title{ height:30px; line-height:30px; background-size:auto 100%; background-image:none; border-left:0;}
	.er_title > p{margin-left:4px;}
	.er_title div{ display:none; }
	
	.pro_xx1 .pro_right{ width:96%; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); padding:0 10px 0 10px;}
	.pro_xx1 .pro_right .mtitle{ font-size:14px;}
	.pro_xx1 .mimg{ width:100%;}
	
	.xx_box{ padding:4px 0px 10px 0px; border-left:0 solid #eeeeee; border-right:0 solid #eeeeee; border-bottom:0 solid #eeeeee;}
	.xx_video{ width:100%;}
}

@media screen and (max-width:680px){
	.con_list li{ float:left; width:100%; margin:8px 0 8px 0;}
}

@media screen and (max-width:600px){

	.news-list li .mimg{ width:130px;}
	.news-list li .nr-box{ float:right; margin:2px 0 0 0; width:60%; width: calc(100% - 140px); width: -moz-calc(100% - 140px); width: -webkit-calc(100% - 140px);}
	.news-list li .nr-box .mtitle a{ font-size:14px;}
	.news-list li .nr-box .mjianjie{ font-size:12px;}
	.news-list li .mright{ display:none;}
}

@media screen and (max-width:580px){
	.footer_box .mcenter{ width:100%; text-align:center;}
	.footer_box .mright li img{max-width:100%;}
}

@media screen and (max-width:500px){
	
}

@media screen and (max-width:461px){

}
@media screen and (max-width:420px){
	.i_pro li .con_box .mimg img{ max-width:100%;}
}
@media screen and (max-width:350px){

}