@charset "gb2312";
#nmain #section .fanye .shouji{ display:none}

#case .shouji{ display:none}
.m-banner{ display:none;position:relative; overflow:hidden}
.m-banner .slides li{ height:300px;}
.m-banner li a{ display:block;height:100%}

@media(max-width: 1250px){
#section {
    width: 96%;
    margin: 0 auto;
}
}
@media(max-width: 1023px){
body{ min-width:100%}
/*.banner{ display:none;}*/
#section { width:96%; margin:0 auto;}
#case{ padding:10px 0 100px 0;}
#case #top { padding: 15px 0;}

#nmain #hr_show .erges li img{ height:340px;}
}
@media(max-width: 999px){
.btn_menu{display:block;top:25px}
.banner .banner_dis p{font-size: 18px;}
#menu { display:none;}
#header {height: 65px;}
#header #logo img {max-height: 65px;}
.lang {
    margin-right: 60px;
    margin-top: 15px;
}
.pimg { width:300px;}
#yewu { margin:20px auto; width:100%; max-width:1200px; padding-bottom:20px}

#case .shouji{ display: block}
#case .box{ display:none}
#case .shouji li{ float:left; width:32%; text-align:center; margin-right:2%; margin-bottom:15px;}
#case .shouji li img{ width:98%; border:solid 1px #e8e8e8;}
#case .shouji li:nth-child(3n+1){ clear:both}
#case .shouji li:nth-child(3n){margin-right:0%}
#nmain #hr_show .erges li img{ height:320px;}
}
@media(max-width: 768px){
.banner{display:none}
.m-banner{ display:block}
.m_menu{ display:block;}  
#nav .mainlevel { float:none;  width:100%;/*IE6 only*/}

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


#yewu #kuai #pimg{ width:100%; float:none; text-align:center; background-image: none; padding-bottom:2px;}
#yewu #kuai #pzi{ width:100%; float:none; margin-top:15px; text-align:center;}


#news{ width:100%; padding:0px 0 40px 0;}
#top #title{ background-size:55px 5px; padding-bottom:10px}
#news #top { padding:10px 0 20px;}
#news #content #top1{ width:100%; float:none; margin-bottom:20px; border-bottom:1px dotted #d8d8d8}
#news #content #newslist{ width:100%; float:none; clear:none }
#news #more{ margin-top:20px}
.tomore{ width:120px; height:35px; line-height:35px;}

#footer #link { height:0px; overflow:hidden}
#footer #link a{ display:none}
#footer .wei{ display:none}
#footer { margin-bottom:40px;}
.footer2 { display:block}

#guide #title{ float:none; width:100%; line-height:32px; padding:6px 0;}
#guide #title02{ float:none; width:100%; max-width:480px;line-height:40px; padding:6px 0;}
#guide #title03{ float:none; width:100%; max-width:800px;line-height:40px; padding:6px 0;}
#guide #title04{ float:none; width:100%; max-width:640px;line-height:40px; padding:6px 0;}

#guide #location{ float:none; width:100%; line-height:25px;padding:6px 0; text-align:left;}

#all #mapkuai { float:left; width:25%; text-align:center; margin-bottom:20px; }

.liuyan{margin-top: 30px; width:80%; margin:0 auto; font-size:14px;}


#nmain #section #cer_list li{width:31.33%; margin-left:1%;margin-right:1%;  float:left;overflow:hidden; position:relative;}
#nmain #section #cer_list li:nth-child(4n+1){ clear:none}
#nmain #section #cer_list li:nth-child(3n+1){ clear:both;}

.downlist li a .time{width:20%; height:110px;  float:left; background:#EEE; transition:all 0.3s ease;}
.downlist li a .con{width:78%; float:right;}



#hr #hrimg{ display:none}
#hr #hrlist{ float:none; width:100%;}

#case_show #caseleft { float:left; width:49%; font-size:15px; line-height:40px; text-align:center }
#case_show #caseright { float:right; width:49%; }


#nnews li a p.img{width:30%; height:160px; float:left; overflow:hidden; position:relative; border-radius:0 0 0 10px; background:url(images/news_img_bg.png) no-repeat center center;}
#nnews li a .date{width:10%; height:160px; float:left; background:#EEE; margin-left:1px; transition:all 0.35s;}
#nnews li a .con{width:57%; height:159px; float:right; border-bottom:1px solid #E6E6E6; position:relative;}

#nmain #hr_show .erges li img{ height:200px;}
}

@media(max-width:640px){ 
#nmain #section .fanye .shouji{ display: block; height:18px}
.m-banner .slides li {
    height: 220px;
}
#yewu #kuai #pzi p {display: none;}
#yewu #kuai #pimg img {width: 50%;}
#footer #section #copyright .shoujixiaos { display:none}
#nmain #section #cer_list li{width:47.5%; margin-left:1%;margin-right:1%;  float:left;overflow:hidden; position:relative;}
.liuyan{margin-top: 30px; width:95%; margin:0 auto; font-size:14px;}
#case #top #title { float:none; width:100%; padding-bottom:25px; color:#4A4A4A; background-position: left bottom; background-image:url(../images/line.jpg); background-repeat:no-repeat;}
#case #top #jianjie { float:none; width:100%; color:#5A5A5A; line-height:28px; font-size:14px; margin-top:12px;}


.picbox{ width:100%; max-width:1200px;  height:200px; overflow:hidden; position:relative;}
.piclist{ height:200px;position:absolute; left:0px; top:0px}
.piclist li{ float:left; width:144.5px;  margin-right:16px; font-size:14px; text-align:center}
.piclist li img{ width:142.5px; height: auto; margin-bottom:8px;border:solid 1px #EEEEEE;}
.pimg { width:100%; max-width:556px;}

#about #content p:nth-child(1){ margin-bottom: 0px;}


#news #top #title { float: none; width:100%;}
#news #top #newsguide{ display:none;}
.downlist li a .time{width:25%; height:110px;float:left; background:#EEE; transition:all 0.3s ease;}
.downlist li a .con{width:73%; float:right;}


#nnews li{clear:both; margin-bottom:40px; height:100px;}
#nnews li a p.img{width:36%; height:100px; float:left; overflow:hidden; position:relative; border-radius:0 0 0 10px; background:url(images/news_img_bg.png) no-repeat center center;}
#nnews li a .date{ display:none}
#nnews li a .con{width:62%; height:100px; float:right; border-bottom:1px solid #E6E6E6; position:relative;}

.wenhuax li{ width:100%; float:none; line-height:26px;}

#case .shouji li{ float:left; width:49%; text-align:center; margin-right:2%}
#case .shouji li img{ width:96%; border:solid 1px #e8e8e8;}
#case .shouji li:nth-child(3n+1){ clear:none}
#case .shouji li:nth-child(3n){margin-right:2%}
#case .shouji li:nth-child(2n){margin-right:0%}
#case .shouji li:nth-child(2n+1){margin-left:0%}

#guide #section{ width:100%}
#guide #location{ display:none}
#guide #location{ display:none}

#guide #title03{ float:left; width:100%; max-width:800px;line-height:40px; padding:6px 0;}
#guide #title03 ul li{ float:left; width:20%; margin-right:0px;}

#guide #title04 ul li{ float:left; width:33.33%; margin-right:0% }
#guide #title05 { float:none; width:100%;}
#guide #title05 ul li{ float:left; width:20%; margin-right:0px;}

.developcon li{ width:100%; float:left; background:url(../images/doit01.png) no-repeat center 28px;z-index:2; position:relative;margin-top:12px}
.developcon li .kuai{ width:92%; background:#e8e8e8; padding:15px 4%; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; position:relative}
#nmain p .time01{ font-size:21px;}
.developcon li .kuai .intro{ font-size:14px; line-height:25px;}
.developcon li .kuai:after{
	content:"";
	width:0;
	height:0;
	border-left:8px solid #e8e8e8;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	position:absolute;
	top:25px;
	right:0px;
}
.developcon li:first-child{ margin-top:20px;}
.developcon li:nth-child(2n){ float:right;background:url(../images/doit01.png) no-repeat center 28px; margin-top:12px}
.developcon li:nth-child(2n) .kuai{ float:right}
.developcon li:nth-child(2n) .kuai:after{
	content:"";
	width:0;
	height:0;
	border-right:8px solid #e8e8e8;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-left:none;
	position:absolute;
	top:25px;
	right:auto;
	left:0px;
}
#hr_show img{ width:100%; height:auto}

#case_show img { width:100%; height:auto;}
#hr_show img { width:100%; height:auto;}
#nmain #hr_show .erges li img{ height:130px;}
#nmain #section #cer_list li:nth-child(3n+1){ clear:none;}
#nmain #section #cer_list li:nth-child(2n+1){ clear:both}
}

@media(max-width:400px){ 
#yewu #kuai #pzi h3{ font-size:15px;}
#yewu #kuai #pzi p{ display:none}
.pimg { float: none; width:100%; margin:0 auto; text-align:center; margin-bottom:15px;}

#news #content #newslist #kuai #newstime h3{ line-height:60px; font-size:26px; font-weight:normal; color:#4a4a4a; }
#news #content #newslist #kuai #newstime { float:left; width:30%;}
#news #content #newslist #kuai #newsjian { float:right; width:65%;}

#lianxi ul li{ float:none; width:98%; margin:1%; text-align:left; font-size:16px; line-height:32px; clear:both;}
#lianxi ul li img{ width:80%; max-width:60px; height:auto; margin:15px; float:left;}


#case_show #caseleft { float:none; width:100%; font-size:15px; line-height:40px; text-align:center }
#case_show #caseright { float:none; width:100%; }

#ppic ul li{ float:none; width:100%; text-align: center ; margin-bottom:15px;}

#nnews li a p.img{width:40%; height:160px; float:left; overflow:hidden; position:relative; border-radius:0 0 0 10px; background:url(images/news_img_bg.png) no-repeat center center;}
#nnews li a .date{width:10%; height:160px; float:left; background:#EEE; margin-left:1px; transition:all 0.35s;}
#nnews li a .con{width:48%; height:159px; float:right; border-bottom:1px solid #E6E6E6; position:relative;}


#nnews li{clear:both; margin-bottom:40px; height:150px;}
#nnews li a p.img{width:20%; height:150px; float:left; overflow:hidden; position:relative; border-radius:0 0 0 10px; background:url(images/news_img_bg.png) no-repeat center center;}
#nnews li a .date{width:10%; height:150px; float:left; background:#EEE; margin-left:1px; transition:all 0.35s;}
#nnews li a .con{width:68%; height:150px; float:right; border-bottom:1px solid #E6E6E6; position:relative;}


} 
@media(max-width:320px){
.pimg { width:180px;}
.downlist li a .time{width:33%; height:110px; min-width:100px; float:left; background:#EEE; transition:all 0.3s ease;}
.downlist li a .con{width:65%; float:right;}
#nmain #hr_show .erges li img{ height:90px;}
}