.shouji{ display:none}
.pc{ display: block}
#js_banner{ width:2870px}
@media screen and (max-width:1920px){
#js_banner { margin-left:-480px;}	
}
@media screen and (max-width:1900px){
#js_banner { margin-left:-490px;}	
}
@media screen and (max-width:1880px){
#js_banner { margin-left:-500px;}	
}
@media screen and (max-width:1860px){
#js_banner { margin-left:-510px;}	
}
@media screen and (max-width:1840px){
#js_banner { margin-left:-520px;}	
}
@media screen and (max-width:1820px){
#js_banner { margin-left:-530px;}	
}
@media screen and (max-width:1800px){
#js_banner { margin-left:-540px;}	
}
@media screen and (max-width:1780px){
#js_banner { margin-left:-550px;}	
}
@media screen and (max-width:1760px){
#js_banner { margin-left:-560px;}	
}
@media screen and (max-width:1740px){
#js_banner { margin-left:-570px;}	
}
@media screen and (max-width:1720px){
#js_banner { margin-left:-580px;}	
}
@media screen and (max-width:1700px){
#js_banner { margin-left:-590px;}	
}
@media screen and (max-width:1680px){
#js_banner { margin-left:-600px;}	
}
@media screen and (max-width:1660px){
#js_banner { margin-left:-610px;}	
}
@media screen and (max-width:1640px){
#js_banner { margin-left:-620px;}	
}
@media screen and (max-width:1620px){
#js_banner { margin-left:-630px;}	
}
@media screen and (max-width:1600px){
#js_banner { margin-left:-640px;}	
}

@media screen and (max-width:1580px){
#js_banner { margin-left:-650px;}	
}
@media screen and (max-width:1560px){
#js_banner { margin-left:-660px;}	
}
@media screen and (max-width:1540px){
#js_banner { margin-left:-670px;}	
}
@media screen and (max-width:1520px){
#js_banner { margin-left:-680px;}	
}
@media screen and (max-width:1500px){
#js_banner { margin-left:-690px;}	
}

@media screen and (max-width:1480px){
#js_banner { margin-left:-700px;}	
}
@media screen and (max-width:1460px){
#js_banner { margin-left:-710px;}	
}
@media screen and (max-width:1440px){
#js_banner { margin-left:-720px;}	
}
@media screen and (max-width:1420px){
#js_banner { margin-left:-730px;}	
}
@media screen and (max-width:1400px){
#js_banner { margin-left:-740px;}	
}


@media screen and (max-width:1380px){
#js_banner { margin-left:-750px;}	
}
@media screen and (max-width:1360px){
#js_banner { margin-left:-760px;}	
}
@media screen and (max-width:1340px){
#js_banner { margin-left:-770px;}	
}
@media screen and (max-width:1320px){
#js_banner { margin-left:-780px;}	
}
@media screen and (max-width:1300px){
#js_banner { margin-left:-790px;}	
}

@media screen and (max-width:1280px){
#js_banner { margin-left:-800px;}	
}
@media screen and (max-width:1260px){
#js_banner { margin-left:-810px;}	
}
@media screen and (max-width:1240px){
#js_banner { margin-left:-820px;}	
}
@media screen and (max-width:1220px){
#js_banner { margin-left:-830px;}	
}
@media screen and (max-width:1200px){
#js_banner { margin-left:-840px;}	
}

@media screen and (max-width:1180px){
#js_banner { margin-left:-850px;}	
}
@media screen and (max-width:1160px){
#js_banner { margin-left:-860px;}	
}
@media screen and (max-width:1140px){
#js_banner { margin-left:-870px;}	
}
@media screen and (max-width:1120px){
#js_banner { margin-left:-880px;}	
}
@media screen and (max-width:1100px){
#js_banner { margin-left:-890px;}	
}

@media screen and (max-width:1080px){
#js_banner { margin-left:-900px;}	
}
@media screen and (max-width:1060px){
#js_banner { margin-left:-910px;}	
}
@media screen and (max-width:1040px){
#js_banner { margin-left:-920px;}	
}
@media screen and (max-width:1020px){
#js_banner { margin-left:-930px;}	
}
@media screen and (max-width:1000px){
#js_banner { margin-left:-940px;}	
}

@media screen and (max-width:980px){
#js_banner { margin-left:-950px;}	
}
@media screen and (max-width:960px){
#js_banner { margin-left:-960px;}	
}

@media screen and (max-width:640px){
#header .logo{ float:left; width:88%}
#header .language span { display:none}
#header .language{ float:right;width:40px; max-width:50px;margin-top:15px; font-size:12px; }
#header .language a{ background:none; background-color:#f7f7f7; border:solid 1px #035597; line-height:23px; border-radius:25px;}
#header .language a:hover{ background:none; background-color:#035597; border:solid 1px #035597; color:#fff;border-radius:25px;}
}
@media screen and (max-width:850px){
#menu ul li{  float:left; width:10%; margin:0 5%; text-align:center}
}
@media screen and (max-width:768px){
#header{ border-top:solid 3px #025597; height:auto}

#menu{ margin-top:12px;}
#menu ul li{  float:left; width:20%; margin:0 0; text-align:center}
#menu ul li a{font-size:15px;padding-top:40px;padding-bottom:5px;}
#menu ul li a:hover{color: #005492;border-bottom:double 5px #3375A7}


#menu ul li .icon01{background:url(../images/icon01.jpg) no-repeat center top;background-size:40px auto;}
#menu ul li .icon02{background:url(../images/icon02.jpg) no-repeat center top;background-size:40px auto;}
#menu ul li .icon03{background:url(../images/icon03.jpg) no-repeat center top;background-size:40px auto;}
#menu ul li .icon04{background:url(../images/icon04.jpg) no-repeat center top;background-size:40px auto;}
#menu ul li .icon05{background:url(../images/icon05.jpg) no-repeat center top;background-size:40px auto;}


.shouji{ display:block}
.pc{ display: none}

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

.shouji{ display:block}
.pc{ display: none}

.pro-switch {overflow: hidden;position: relative;width:100%;}
.flexslider {padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; padding-bottom:50px;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;position: absolute;top: 58%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 25px;text-align: center;z-index:99999;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0; }

}
@media screen and (max-width:1026px){
#about .con .conout{  width:100%;margin:0 auto}
#about .con{background: url(../images/swl02.jpg) no-repeat center bottom; padding-bottom:320px; margin-top:25px; background-size:100% auto}

#about .con .kuai01{ margin-top:0%;}
#about .con .kuai02{margin-top:0%;}
#about .con .kuai05{margin-top:0%;}
#about .con .kuai06{margin-top:0%}
#about .con .kuai02 h3, #about .con .kuai03 h3, #about .con .kuai04 h3, #about .con .kuai05 h3{ margin-top:0}



#about .con a h3{ font-size:18px; font-weight:700; padding-top:15px;}
#about .con a p{ font-size:14px; padding:0; }


#nmain .about_list { width:100%; margin:0 auto}
}

@media screen and (max-width:1000px){
#about {margin-bottom:20px;margin-top:-10px;}
#about .title{ font-size:24px; text-align:center; line-height:40px; color:#333; font-weight:700}
#about p {
    padding: 12px 0;color:#666;
    line-height: 25px;
}
#about .jianjie{ font-size:13px; width:98%; margin:0 auto; padding:0;}
#about .con{background: url(../images/swl02.jpg) no-repeat center bottom; padding-bottom:260px; margin-top:25px; background-size:100% auto}

#news { margin-top:60px;margin-bottom:20px}
#news .wrap{ width:100%; margin:0 auto}
#news .title{ font-size:24px;}


#nmain .about_list li{ float:left; width:30%; margin:1.5%; text-align:left }
#nmain .about_list li a{ background:none;display:block; width:100%;height:auto; border:solid 5px #bfdad5;border-radius:20px;}
#nmain .about_list li a:hover{background:none; border:solid 5px #3377a6;border-radius:20px;}
#nmain .about_list p{ padding:8px 18px; font-size:15px; text-align:center}
#nmain .about_list li img{ width:100%; height:auto; margin-left:-4px; margin-top:-4px}


#nguide ul li{ float:left; margin:0 2%; width:28%; margin-bottom:10px;}
#nguide ul li a{ display:block; width:100%;background:none; font-size:15px; text-align:center; height:40px; line-height:40px; padding-bottom:0px; border:solid 4px #bfdad5;border-radius: 15px; }
#nguide ul li a:hover, #nguide ul li .checked{background:none; font-weight:bold ;border:solid 4px #3377a6;border-radius: 15px}


#nguide03 ul li{ float:left; margin:0 2%; width:29%; margin-bottom:10px;}
#nguide03 ul li a{ display:block; width:100%;background:none; font-size:15px; text-align:center; height:40px; line-height:40px; padding-bottom:0px; border:solid 4px #bfdad5;border-radius: 15px; }
#nguide03 ul li a:hover, #nguide03 ul li .checked{background:none; font-weight:bold ;border:solid 4px #3377a6;border-radius: 15px}




#nguide04 ul li{ float:left; width:30%; margin:1.5%; text-align:left }
#nguide04 ul li a{ display:block; width:100%;background:none; font-size:15px; text-align:center; height:40px; line-height:40px; padding-bottom:0px; border:solid 4px #bfdad5;border-radius: 15px; }
#nguide04 ul li a:hover, #nguide04 ul li .checked{background:none; font-weight:bold ;border:solid 4px #3377a6;border-radius: 15px}


#nmain .wenhua_list { width:100%; margin:0 auto}


#nmain .wenhua_list li{ float:left; width:30%; margin:1%; text-align:center; background:none;height:auto;border:solid 5px #bfdad5;border-radius:20px;padding-top:0px}
#nmain .wenhua_list li:hover{background:none; border:solid 5px #3377a6;border-radius:20px;}
#nmain .wenhua_list li img{ width:100%; height:auto;}
#location .wrap{ width:93%; }
}
@media screen and (max-width:960px){
	/*banner*/


#pcbanner .pro-switch {overflow: hidden;position: relative;width:100%;}
#pcbanner .flexslider {margin: 0;padding: 0;}
#pcbanner .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
#pcbanner .flexslider .slides img {width: 100%;display: block;}
#pcbanner .slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#pcbanner html[xmlns] .slides {display: block;}
#pcbanner .no-js .slides > li:first-child {display: block;}
#pcbanner .flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}
#pcbanner .flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
#pcbanner .flexslider .slides {zoom: 1;}
#pcbanner .flex-direction-nav {*height: 0;}
#pcbanner .flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/.png) no-repeat 0 0;position: absolute;top: 58%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 1;filter:alpha(opacity=1);-webkit-transition: all .3s ease;}
#pcbanner .flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
#pcbanner .flex-direction-nav .flex-prev {left: 0;}
#pcbanner .flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
#pcbanner .flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
#pcbanner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0;filter:alpha(opacity=0);}
#pcbanner .flex-control-nav {width: 100%;position: absolute;bottom: 20px;text-align: center;}
#pcbanner .flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
#pcbanner .flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
#pcbanner .flex-control-paging li a.flex-active {background-position: 0 0;}

#pcbanner .banner{  width:100%; overflow:hidden; position:relative;}

#pcbanner .slides a{display: block;width: 100%; }
#pcbanner .banner{height: auto !important;}
#pcbanner .banner .img{position:relative;}
#pcbanner .banner .banner_dis{ position: absolute;right:0;top:20%;width: 30%;background-color: rgba(0,0,0,0.5);padding: 20px}
#pcbanner .banner .banner_dis p{font-size: 30px;line-height:1.5;color:#f5f5f5; }
        

.banner .control{width:130px;position:absolute;top:393px;left:50%;margin-left:-40px; margin-top:15px;}
.banner .control li{float:left;margin-left:10px;width:10px;height:10px;border-radius:50%;cursor:pointer;background:#bdbdbd}
.banner .control li a{display:none}
.banner .control li.current{background:#025597}

}
@media screen and (max-width:768px){
#news .con{ margin-top:30px; width:98%; margin:0 auto}
.newskuai a{
	float: none;
	width: 100%; margin:0 auto;
	display: block;
	margin-top:22px;
	color: #666666;
}
.newskuai a:hover{
	float: none;
	width: 100%;
	display: block;
	background-color: #3376A7;
	color: #FFFFFF;
}
.newskuai .you{ margin-right:0%}

#footer{ background:#f2f3f5;  height:auto;}

#footer .qlink{ display:none}

#nbanner{background:#d2ecff;text-align:center; padding-bottom:40px; margin-bottom:45px;}
#nbanner h3{ font-size:24px; line-height:50px; font-weight:bold;  color:#2A7CB8; padding-top:12px; }
#nbanner p{ font-size:16px;line-height:28px; }



.developcon{ width:100%; margin:0 auto}
.developcon .time{ background:#af090b; color:#EFF8FF; width:100%; height:45px; text-align:center; line-height:45px; font-size:23px; margin:0 auto}

.developcon ul:before{
	content:"";
	width:1px;
	height:100%;
	background:#a5a5a5;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-0.5px;
	z-index:1;
}
.developcon li{ width:100%; float:left; background:none;z-index:2; position:relative; margin-bottom:12px;}
.developcon li .kuai{ width:94%; background:#EFF8FF; padding:3%; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; position:relative}
.developcon li .kuai .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 #EFF8FF;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	position:absolute;
	top:25px;
	right:0px;
}
.developcon li:first-child{ margin-top:12px;}
.developcon li:nth-child(2n){ float:right;background:none; margin-top:0%}
.developcon li:nth-child(2n) .kuai{ float:right}
#nbanner{margin-bottom:20px;}

.lianxi .lianxil{ float:none; width:100%}
.lianxi .lianxiy{ float:none; width:90%; background-color:#F2F2F2; padding:5%}


#about .con .kuai{ float:left; width:32%; margin-right:2%;margin-bottom:2%; height:auto !important}
#about .con .kuai a{ height:auto !important}
#about .con .kuai:nth-child(3n){ margin-right:0}
#about .con .kuai:nth-child(3n+1){ clear:both}
}

@media screen and (max-width:640px){
#about .con .conout{  width:100%;max-width:100%; margin:0 auto}
#about .con .conout div{ float:left;margin:0 ; margin-bottom:10px;}
#about .con a{ padding-top:0}
#about .con a h3{ font-size:13px; background-color:#fff; display:block;margin:0 auto; width:80px; line-height:80px; height:80px;  text-align:center;background:none; border-radius:50%; border:solid 4px #bfdad5; padding:0}	
#about .con a:hover h3  {background:none;border-radius:50%; border:solid 4px #3675a8; }
#about .con a, #about .con a:hover{ background:none}



#about .con a p{ margin-top:10px;}


#about .con{background: url(../images/swl02.jpg) no-repeat center bottom; padding-bottom:360px; margin-top:15px; background-size:100% auto}
#footer .logozuo { float:none; margin-right:20px; display:block; text-align:center}
#footer .add { float:none; color:#3C3C3C; line-height:26px; font-size:13px; width:96%; margin:0 auto; margin-bottom:20px; text-align:center}
.footer2{ display: block}
#copyright{margin-bottom:60px; }

#nmain .about_list li{ float:left; width:45%; margin:2%; text-align:left }

#nmain02 .wrap{ max-width:1080px; margin:10px auto 25px auto;}



.shoujikuan01 {height: 54px;}
.shoujikuan02 {height: 34px;}
#line3_Demo,colee_left {
	position: absolute; z-index:9999;
	height: 54px;
	width: 100%;
	left: 0;
	OVERFLOW: hidden; 
}

#line3_Demo{
	MARGIN: auto;
	position: absolute; z-index:9999;
	height: 54px;
	width: 100%;
	left: 0;
	OVERFLOW: hidden; 
}
#colee_left {
	height:34px;
	width: 100%;
	left: 0;
	OVERFLOW: hidden; 
}

.liangh li{ float:none; width:90%;}

.ppyou{float:none; text-align:center; width:300px; margin-top:0px;margin-right:0px;margin-bottom:40px;}
#nmain .about_list .zuokong02{margin-left:2%}

#nmain .wenhua_list p{ height:40px; overflow:hidden}


#nmain .wenhua_list li{ float:left; width:44%; margin:1%; text-align:left }


.pages #Pagination {
    float: left; width:100%;
    overflow: hidden; margin:0 auto;
}
.pages .searchPage {
    float: none; width:100%; margin:0 auto; display:none;
    padding: 8px 0;
}

.shangxia .newsxleft { float:none; width:100%}
.shangxia .newsxright { float:none; width:100%; text-align:left}
#news .newskuai{ float:none; clear:both; line-height:35px;}

#nmain {
    margin: 30px auto 60px auto;
}
#nmain02 .conn .wenhua00 .pp{ text-indent: 26px;}
#nmain02 .conn .wenhua00 table{ margin-left:26px;}


#dizhi ul li{ float:none; width:100%; line-height:30px; font-size:13px;}

#dizhi ul li:nth-child(1){text-align:left;padding-right:0px; margin-bottom:25px }
#dizhi ul li:nth-child(2){  padding-left:0px; border-left:none}
#dizhi ul li:nth-child(2){ padding-left:0; line-height:25px;}
}