@charset "UTF-8";
@media screen and (max-width:1350px){
	.top .nav li a{padding:0 10px 0 10px; margin:0 5px 0 5px;}
}
@media screen and (max-width:1200px){
	.top .nav{display:none;}
	.top .english{display:none;}
	.nav_x{display:block;}
	
	.nav_x{ margin-top:20px;}
	
	.i-about{background-size:auto 100%;}
}
@media screen and (max-width:1080px){
}
@media screen and (max-width:1000px){
	.message{ width:100%;}
}

@media screen and (max-width:950px){
	.photo_list li{width:31%; width:calc((100% - 48px)/3); width: -moz-calc((100% - 48px)/3); width: -webkit-calc((100% - 48px)/3); width: -o-calc((100% - 48px)/3); width: -ms-calc((100% - 48px)/3);}
	.photo_list li:nth-child(4n+4){margin-right:20px;}
	.photo_list li:nth-child(3n+3){margin-right:0;}
}
@media screen and (max-width:850px){
}

@media screen and (max-width:760px){
	.main{ width:100%; width:calc(100% - 16px); width:-webkit-calc(100% - 16px); width:-moz-calc(100% - 16px); padding:0 8px 0px 8px;}
	/*导航*/
	.nav_x{ margin-top:10px;}
	
	.top_kong{height:60px;}
	.top{width:calc(100% - 12px); width:-webkit-calc(100% - 12px); width:-moz-calc(100% - 12px);  padding:0 6px 0 6px; height:60px;}
	.top .logo{ float:left; padding:8px 0 0px 0; }
	.top .logo img{height:46px;}
	
	.bk_title{ padding:20px 0 20px 0; background:none; background-position:center 40px; line-height:1.8em;}
	.bk_title2{background:none;}
	.bk_title a{font-size:16px;}
	.bk_title p{font-size:12px;}
	
	.i-about{background-size:100% 100%; padding:0 0 10px 0;}
	.i-about .main .mleft{ margin:1px 0 4px 0; width:100%;}
	
	.i-about .main .mleft .mtitle{font-size:14px; line-height:2em;}
	.i-about .main .mleft .mshuoming{ font-size:12px;}
	.i-about .main .mleft .mjianjie{ padding:5px 0 15px 0; line-height:2em; font-size:12px; background-position:bottom center;}
	.i-about .main .mleft .mmore{ padding:10px 0 10px 0; text-align:center;}
	.i-about .main .mleft .mmore a{width:108px; height:36px; line-height:35px;} 
	
	.i-about .main .mright{width:100%;}
	
	
	.pro_ul{ width:100%; }
	.pro_ul .arrow.pre {left:2px;}
	.pro_ul .arrow.next {right:2px;}
	
	.hei50{height:20px;}
	.hei40{height:18px;}
	
	
	.hengfu{height:128px;}
	.hengfu .main ul{ padding:8px 0 8px 0;}
	.hengfu .main ul li{ height:82px; font-size:12px; }
	.hengfu .main ul li p{font-size:32px;}
	
	.i-news-box .mleft{width:100%;}
	.i-news-box .mright{width:100%; margin-top:12px;}
	
	.footer-box .f_nav{display:none;}
	.footer-box .f_ewm .mtel{ float:left;}
	.footer-box .f_ewm .f_address{ float:left; margin-left:64px;}
	.footer-box .f_ewm .ewm_r{float:right; width:100%; margin:20px 0 0 0; text-align:center;}
	
	.footer-box .f_ewm .ewm_r{float:right;}
	
	.weizhi div{float:left; overflow:hidden;}	
	.er_banner img{ height:180px; width:auto;}
	
	/*二级页面*/
	.news-list li .mimg{ width:100%;}
	.news-list li .mdate{ width:100px;}
	.news-list li .nr-box{width:70%; width: calc(100% - 190px); width: -moz-calc(100% - 190px); width: -webkit-calc(100% - 190px);}
	.news-list li .nr-box .mtitle a{font-size:15px;}
	
	.pre_next p{ width:100%; text-align:left;}
	.pre_next p a{text-align:left;}
	
	/*留言*/	
	.message li{ width:100%; margin:5px 0 5px 0;}
	
	.er_banner .t-title{ font-size:20px;}
	
	.about-list li{ float:left; margin:15px 0 0 0; width:100%;}
	.about-list li .n-box .mtitle{ font-size:16px; min-height:2em;}
	
	.ser-list li{width:48%; width:calc((100% - 15px)/2); width:-moz-calc((100% - 15px)/2); width:-webkit-calc((100% - 15px)/2); background-color:#ffffff; margin:15px 15px 0 0;}
	.ser-list li:nth-child(2n+2){ margin-right:0;}
	
	
	
	.product_xx{ padding:0 0 10px 0; border-bottom:10px solid #f8f8f8;}
	.product_xx .mleft{ float:left; width:100%;}
	.product_xx .mleft .mimg{padding:0 0 0 0;}
	.product_xx .mleft .mimg img{width:100%;}
	.product_xx .mright{float:right; width:100%;}
	.product_xx .mright .t1{ line-height:2em; font-size:16px; color:#000000; font-weight:bold;}
	.product_xx .mright .t2{ font-size:14px; color:#8e8e8e; padding-bottom:15px; border-bottom:1px solid #eeeeee;}
	.product_xx .mright .t3{ padding:15px 0 0 0; color:#888888; font-size:14px; line-height:1.8em;}
	.product_xx .mright .t3 img{max-width:100%;}
	.product_xx_list{}
	.product_xx_list li{ float:left; width:100%; margin:10px 0 0 0;}
	
	
	
	
	.message li{width:calc(100% - 20px); width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px);}
	
	.kefu_right{display:none;}
	
	.zzzs-box{ padding:0 0 60px 0;}
}

@media screen and (max-width:740px){
	.photo_list li{width:23%; width:calc((100% - 24px)/2); width: -moz-calc((100% - 24px)/2); width: -webkit-calc((100% - 24px)/2); width: -o-calc((100% - 24px)/2); width: -ms-calc((100% - 24px)/2);}
	.photo_list li:nth-child(4n+4){margin-right:20px;}
	.photo_list li:nth-child(3n+3){margin-right:20px;}
	.photo_list li:nth-child(2n+2){margin-right:0px;}
	
	.contact-list li{width:50%;}
	.contact-list li p{min-height:4.8em;}
	
	.er-nav-box .er-nav a{padding:0 22px 0 22px; height:45px; line-height:44px; font-size:13px;}
}

@media screen and (max-width:680px){
	.er_banner .main .er_nav{display:none;}
	
	.ser-list li .ser-box{ padding:5px;}
	
	
}

@media screen and (max-width:600px){
	.job-box .mleft{ width:80%; width:calc(80% - 30px); width:-moz-calc(80% - 30px); width:-webkit-calc(80% - 30px);}
	.job-box .mcity{ display:none;}
	.job-box .mdate{display:none;}
	.job-box .mxx{width:20%;}
	
	.job-box .job-xx{ padding:20px;}
	
	
	
	
}

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

}

@media screen and (max-width:500px){
	.photo_list li{ width:100%; margin-right:0;}
}

@media screen and (max-width:461px){
	.top .logo{ margin-top:4px;}
	.top .logo img{ height:36px; width:auto;}
}
@media screen and (max-width:420px){

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


}