HTML {OVERFLOW-X: hidden;}
@media(max-width: 1199px){
#section { width:96%; margin:0 auto; max-width:1200px;}
}
@media(max-width: 1023px){
body{ min-width:100%}
/*.banner{ display:none;}*/
.flex-control-nav {bottom: 10px;}


.nbanner{width:120%; margin-left:-10%;}
}
@media(max-width: 999px){
.banner .banner_dis p{font-size: 18px;}

.prolists li .pic{height: 200px; overflow: hidden;display: block}
}
@media(max-width: 768px){
#header #logo{ float:left; width:22%; }
#header #logo img{ width:100%; height:auto;max-width:80px;max-height:58px;}
.banner .banner_dis p{font-size: 12px; }
.banner .banner_dis{top:10%;}
#language, #search { display:none;}		
.m_menu{ display:block;}  
#nav .mainlevel { float:none;  width:100%;/*IE6 only*/}
#menu { position:absolute; left:0;width:100%; display:none;}

#about #zuo{ display:none}
#about #you{ background-color:#0074C5; width:100%; float:none; text-align:left;}

#news #zuo{ float:none; width:98%; margin: 0 auto}
#news #you{ float:none; width:98%; margin: 0 auto}
#about #you #aboutin #title02{ font-size:22px; line-height:40px; padding:18px 12px; color:#fff;} 

#about #you #aboutin #content p { color:#fff; line-height:28px; margin-bottom:10px; font-size:13px; margin:12px;}

#ptu { display:none}
#list { float:none; width:98%; margin:0 auto}

#line3_Demo, #colee_left {
	MARGIN: auto;
	WIDTH: 100%;
	OVERFLOW: hidden;
	height: 170px;
}

#roll li img{ height:130px; width:auto}
#footer #section, #copyright #section { width:98%; margin:0 auto}
#header {width:100% ; background-color:#0074C5;}
.banner, #nbanner { padding-top:56px;}
.jishu { display:none}
#footer #kuai01{ width:25%}
.ph { display:block}
.footer2 { display:block}
#nwenhua { width:100%; margin:30px auto 50px auto;}

.prolists li .pic{height: auto; overflow: hidden;display: block}
.prolists li:hover .pic img{transform:scale(1);}

.prolists li .pic{height:180px; overflow: hidden;display: block}

.credo li{float: left;width: 32%;margin-top: 50px; margin-right:2%}
.credo li:nth-child(4n){ margin-right:2%}
.credo li:nth-child(7){ width:100%; margin-right:0%}
.credo li:nth-child(3n){ margin-right:0}

.nbanner{width:130%; margin-left:-15%;}
}

@media(max-width:999px){ 
.btn_menu{display:block;}.btn_menu{ top:30px;}}
@media(max-width:640px){ 
#ndetail { width:99%; margin:0 auto;}
#footer #kuai01{ width:33.33%}
.san { clear:both}
#footer #kuai01 .si { float: left}
.sige li { float:left; width:48%; margin:1%}
#guide,#guide04 { width:100%; margin:0 auto; max-width:640px;}
#guide03 { width:100%; margin:0 auto; }

#guide03 ul li{ width:24.2%; margin:0.4%; float:left;}

#guide03 ul li a {font-size: 13px;}

.nsige ul li{ float:left; width:48%; margin:1%}

.zhanshilist #pzuo{ float:right; width:90%;}
.zhanshilist #pyou{ clear: both; display:none}

#shoujixian { display: block}
#shoujixian img{ width:98%; height:auto}

#cproll ul li{ float: left; width:45%; margin: 10px 2%;}
#dizhi { width:100%; margin:20px auto}
#dizhi ul li{ float:left; width:100%; }
#liuyanx { width:100%; margin:20px auto;}
.neiyenews { width:100%; margin:0 auto;}

.prolists li{float: left;width:48%;margin-right:4%;margin-left:-4px;}
.prolists li:nth-of-type(2n){margin-right: 0;}
.prolists li:nth-child(2n+1){margin-left: 0;}

.prolists li .pic{height:150px; overflow: hidden;display: block}
#guide ul li a{font-size:15px; padding: 0 15px}

.nwenhua li .biaoti h3{ font-size:16px;}

.product-top #preview{float: none;width: 100%; margin-bottom:20px;}
.product-top .text{float: none;width:100%;}
}

@media(max-width:520px){ 
#guide ul li a{font-size:15px; padding: 0 5px}
.credo li{float: left;width: 48.5%;margin-top: 50px; margin-right:3%}
.credo li:nth-child(3n){ margin-right:3%}
.credo li:nth-child(7){ width:100%; margin-right:0%}
.credo li:nth-child(2n){ margin-right:0}

.inp02 {width: 97%;}

.nbanner{width:140%; margin-left:-20%;}
}