@charset "gb2312";
/* CSS Document */
@media(max-width:1200px){
	.wrap{ width:96%; margin:0 auto;}
	.content .newskuai{}
}
@media(max-width:1120px){
	.logo .tel{ display:none}
	.menu li{ width:80px;}
	
}
@media(max-width:1119px){
	.sernav li{ max-width:20%}
}
@media(max-width:1024px){
	.header{ position:fixed; top:0;width:100%; box-shadow:0px 0px 5px #e9e0d7; z-index:999}
	.menu{ display:none}
	.nav{display:none}
	.mobile_memu{ position:absolute; right:2%; top:40%; cursor:pointer}
	.mobile_memu span{ display:block; width:25px; height:3px; background:#f28515; margin:5px 0; }	
	.lang{ margin-right:60px;}
	div.slide-mask {
	  position: fixed;
	  z-index: 2;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  background: rgba(0, 0, 0, 0.4);
	  -webkit-transition: all 0.3s ease-out;
	  -moz-transition: all 0.3s ease-out;
	  -ms-transition: all 0.3s ease-out;
	  -o-transition: all 0.3s ease-out;
	  transition: all 0.3s ease-out;
	  display: none;
	}
	.slide-wrapper{
	  position: fixed;
	  z-index: 4;
	  left: 0;
	  top: 96px;
	  width: 70%;
	  
	  -webkit-transform: translate3d(-100%, 0, 0);
	  -moz-transform: translate3d(-100%, 0, 0);
	  -ms-transform: translate3d(-100%, 0, 0);
	  -o-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	  -webkit-transition: all 0.3s ease-out;
	  -moz-transition: all 0.3s ease-out;
	  -ms-transition: all 0.3s ease-out;
	  -o-transition: all 0.3s ease-out;
	  transition: all 0.3s ease-out;
	  z-index:1000;
	  display:block

	}
	.slide-wrapper ul{ background:#262626;height:100%}
	.slide-wrapper a{ color:#fff;padding: 15px 10px;border-top: 1px solid #4d4d4d;border-bottom: 1px solid #262626;display:block; }
	.slide-wrapper li>a{background:url(../images/jiantou.png) no-repeat 95% center}

	.moved {
	  -webkit-transform: translate3d(0, 0, 0);
	  -moz-transform: translate3d(0, 0, 0);
	  -ms-transform: translate3d(0, 0, 0);
	  -o-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
	.slide-wrapper .sub{ display:none;}
	.slide-wrapper .sub a{ padding-left:25px;}
	.customerlist li .tit{ font-size:12px;width:98%; padding:0 1%;}
	.video_box{ width:96%;left:2%;top:30%}
	.nbanner{ margin-top:96px;}
	.nnav .wrap{ width:100%;}
	
	.nnav li{ font-size:16px;}
	.nnav li a{ line-height:60px;}
	.ncustomer_list li{ width:33.3%}
	.ncontact{ width:100%}
	.map{ width:100%}
	.footer_bottom p{ float:none; text-align:center}
}

@media(max-width:768px){
	.kefu_float{ display:none}
	.case{padding: 25px 0 20px;}
	.about{padding: 25px 0 20px;}
	.news{padding: 25px 0 20px;}
	.customer{padding: 25px 0 20px;}
	.case_con li{ width:100%; background:none;margin-bottom: 25px;}
	.about .about_left{ width:100%; float:none}
	.about .about_right{width:100%; float:none; text-align:center}
	.news_con .news_left{ width:100%;float:none}
	.news_leftpic a{ height:auto}
	.news_leftpic img{ height:300px;}
	.news_leftpic .tit{ position: relative; padding:0; font-size:16px; background:none;}
	.news_leftpic{ background:#fff}

	.news_leftpic .flex-control-nav{ position:static !important}
	.news_leftpic .flex-control-nav li{ margin:0 3px !important;}
	.news_leftpic .flex-control-paging li a{background:#ccc; width:15px!important; height:3px!important;border-radius:5px!important;}
	.news_leftpic .flex-control-paging li a.flex-active{ width:25px !important; border-radius:5px;}
	.news_con .news_right{ display:none}
	
	.nbanner img{ width:150%}
	.nnav{ display:none}
	.mob_nnav{ display:block; width:100%; position:relative; line-height:38px; font-size:15px;}
	.mob_nnav .mtitle{border-bottom: 1px solid #e8e8e8;background:url(../images/nnnav_bg.png) no-repeat #f5f5f5 98% center; background-size:auto 50%; padding-left:2%;}
	.mob_nnav_box{ position:absolute;top:38px; width:100%;left:0; background:#FFF; display:none}
	.mob_nnav_box li{border-bottom: 1px solid #e8e8e8;padding:0 2%}
	.mob_nnav_box li a{ display:block}
	
	.ncase_list li{ width:48.5%}
	.ncase_list li:nth-child(4n){ margin-right:2%;}
	.ncase_list li:nth-child(2n){ margin-right:0;}
	.nmain_con .nnews_list .news_item{ width:48%}
	.ywu li{ width:48%; min-height:260px;}
	.footer_top{ background-position:right bottom;}
	.footer_top .pic{left:80%}
	.footer_top .f_nav{ display:none}
	.f_contact{ float:left; width:80%}
	
}
@media(max-width:640px){
	.header{ height:70px;}
	
	.logo img{ height:65px; width:auto; display:block}
	.mobile_memu{top:30%}
	.slide-wrapper{top:70px;}
	.lang{ display:none}
	.nbanner{ margin-top:70px;}
	/*.kefu_float{ display:none}*/
	.news_con .news_left{ width:100%;}
	.nbanner .db, .nbanner .db01{ font-size:30px;}
	.customerlist li{ width:33.3%}
	.nmain_con .nnews_list .news_item{ width:100%}
	
	.ncustomer_list li{ width:50%}
	.footer{ padding-bottom:50px;}
	.footer_top .pic{ display:none}
	.foot_mobile{ display:block}
	.nmain_con .fbtime{font-size:12px;}
	.fanye{ font-size:12px;}
	.case_con li .pic{ height:70px}
}
@media(max-width:480px){
	.nbanner .db, .nbanner .db01{ font-size:26px;}
	.nbanner .db .line, .nbanner .db01 .line{ margin-top:10px;}
	.ncase_list li{ width:100%; margin-right:0}
	.news_con{ margin-top:10px}
	.news_leftpic img{ height:260px}
}