
@media screen and (min-width:960px){
.bj{ background:#eee url(../images/pic_01.jpg) repeat-x top center; width:100%;}
.banner{ background:url(../images/pic_02.jpg) no-repeat top center; width:1000px; height:449px; margin:0 auto;}
.nav{ background:#005086; width:100%; height:60px;}
.nav ul{ width:1000px; margin:0 auto;}
.nav ul li{ float:left; color:#fff; width:12.5%; line-height:60px; text-align:center;}
.nav ul li a{ color:#fff;}
.baz{ width:980px; margin:0 auto; background:#005086; padding:10px;padding-top:72px; margin-top:26px; color:#fff; font-size:16px; line-height:25px; text-indent:2em; position:relative;} 
.baz .tit{ background:url(../images/baz.gif) no-repeat; width:144px; height:72px; position:absolute; left:-15px; top:10px;}
.title1{ background:url(../images/pic_05.jpg) no-repeat top center; height:99px; margin-top:25px;}
.address{ width:1000px; margin:0 auto; overflow:hidden;}
.address ul{ width:1040px; overflow: hidden; padding-bottom:10px;}
.address li{ box-shadow:0px 1px 8px #999; float:left; background:#fff; border-radius:0.3em; padding:10px;margin-right:40px; margin-top:27px; margin-left:8px;}
.address li.ess470{ width:450px; height:177px;}
.address li.ess302{width:280px;margin-right:35px;}
.address li dl{ overflow:hidden;font-size:14px;}
.address li.ess470 dl dt{ float:left; width:200px;}
.address li.ess470 dl dd{float:left;  width:240px;}
.address li.ess470 dl dd p{ padding-bottom:10px; padding-left:10px; line-height:20px;}
.address li dl dd p a,.innovate  li dl dd p a,.strategy li p a{ color:#005AAF;}
.address li.ess302 dl dd{ text-align:center;}
.address li.ess302 dl dd p{ padding:5px; line-height:20px;}
.gules{ color:#e70000;}

.title2{ background:url(../images/pic_16.jpg) no-repeat top center; height:99px; margin-top:25px;}
.titel{ padding:15px 0px;}

.forum{ width:1000px; margin:0 auto;}
.innovate  li{ border:1px solid #c8c8c8; padding:10px; font-size:14px; margin-bottom:10px;}
.innovate  li dl{ overflow:hidden;}
.innovate  li dl dt{ float:left; width:186px;}
.innovate  li dl dd{ float:left; width:760px; padding-left:10px;}
.innovate  li dl dd p{ padding-top:10px;}
.innovate  li dl dd p.title{ font-size:22px;}
.ash{ color:#5b5b5b;}

.strategy{ width:1012px; overflow:hidden;}
.strategy li{ background:#fff; width:240px; margin-right:13px; float:left; font-size:14px; line-height:22px; position:relative; margin-bottom:13px;}
.strategy li .ti{ position:absolute; background: rgba(168, 168, 43, 0.9); filter:alpha(opacity=40) width:230px; font-size:12px; top:166px; line-height:20px; color:#fff; padding:5px 1px;}
.strategy li p.xx{ padding:10px; padding-top:40px;}

.strategy2{ width:1065px; overflow:hidden;}
.strategy2 li{ background:#fff; width:290px; margin-right:65px; float:left; font-size:14px; line-height:22px; position:relative; margin-bottom:25px;}
.strategy2 li .ti{ position:absolute; background: rgba(168, 168, 43, 0.9); filter:alpha(opacity=40);width:270px font-size:12px; top:166px; line-height:20px; color:#fff; padding:5px 1px;}
.strategy2 li p.xx{ padding:10px; padding-top:40px;}

.discussion{ width:100%; border-bottom:1px solid #2683b3; color:#2683b3; font-size:26px; line-height:35px;}
.table{ overflow:hidden;}
.table li{ width:46.8%;  padding:1%; background:#fff; border:1px solid #c8c8c8; font-size:14px; margin-top:20px; float:left; margin-right:1%;}
.table li p.taTit{ font-size:26px;}
.table li p{ padding-bottom:20px;}
.table a{ color:#333;}

.pic{ width:1000px; margin:0 auto;}
.pic ul{ width:1020px; overflow:hidden;}
.pic ul li{ float:left; margin-right:10px; margin-bottom:10px;}

.title3{ background:url(../images/pic_22.jpg) no-repeat top center; height:99px; margin-top:25px;}
.title4{ background:url(../images/pic_24.jpg) no-repeat top center; height:99px; margin-top:25px;}
.title5{ background:url(../images/pic_26.jpg) no-repeat top center; height:99px; margin-top:25px;}
.title6{ background:url(../images/pic_39.jpg) no-repeat top center; height:99px; margin-top:25px;}
.title1 img,.title2 img,.title3 img,.title4 img,.title5 img,.title6 img{ display: none;}
}





@media screen and (min-width:600px) and ( max-width:960px){

.bj{ background:#eee; width:100%;}
.banner{ width:100%; margin:0 auto;}
.nav{  width:100%;background:#005086; overflow: hidden; }
.nav ul{ width:100%; margin:0 auto;}
.nav ul li{ float:left; color:#fff; width:24.65%; height:40px;background:#005086; line-height:40px; border:1px solid #86cbfa; border-left:none; border-bottom:none; text-align:center; font-size:14px; }
.nav ul li a{ color:#fff; display:block;}

.baz{  margin:0 auto; background:#005086; padding:10px;padding-top:40px; margin-top:20px; color:#fff; font-size:14px; line-height:22px; text-indent:2em; position:relative;} 
.baz .tit{ background:url(../images/baz.gif) no-repeat; background-size:6.5em; width:144px; height:72px; position:absolute; left:-15px; top:10px;}

/*.title1{ background:url(../images/ydTitle_04.jpg) no-repeat top center; height:99px; margin-top:25px; width:100%;}*/
.address{ width:100%; margin:0 auto; overflow:hidden;}
.address ul{ width:100%; overflow: hidden; padding-bottom:10px;}
.address li{ box-shadow:0px 1px 8px #999; float:left; background:#fff; border-radius:0.3em; padding:5px;margin-top:10px; margin-left:8px;}
.address li.ess470{ width:92%; float:left;}
.address li.ess302{width:92%;float:left;}
.address li dl{ overflow:hidden;font-size:14px;}
.address li.ess470 dl dt{ float:left; width:40%; }
.address li.ess470 dl dt img{ width:100%;}
.address li.ess470 dl dd{float:left;width:60%; }
.address li.ess470 dl dd p{ padding-left:10px; line-height:20px;}
.address li dl dd p a,.innovate  li dl dd p a,.strategy li p a{ color:#005AAF;}
.address li.ess302 dl dt{ float:left; width:40%; }
.address li.ess302 dl dt img{ width:100%;}
.address li.ess302 dl dd{float:left;width:60%; }
.address li.ess302 dl dd p{ padding-left:10px; line-height:20px;}
.gules{ color:#e70000;}


/*.address li.ess470{ width:44%; float:left;}
.address li.ess302{width:44%;float:left;}
.address li dl{ overflow:hidden;font-size:14px;}
.address li.ess470 dl dt{ float:left; }
.address li.ess470 dl dd{float:left; }
.address li.ess470 dl dd p{ padding-left:10px; line-height:20px;}
.address li dl dd p a,.innovate  li dl dd p a,.strategy li p a{ color:#005AAF;}
.address li.ess302 dl dd{ text-align:center;}
.address li.ess302 dl dd p{ padding:5px; line-height:20px;}
.gules{ color:#e70000;}*/


/*.title2{ background:url(../images/ydTitle_07.jpg) no-repeat top center; height:99px; margin-top:25px;}*/
.titel{ padding:5px 0px;}
.forum{ /*width:100%; */margin:0 auto; padding:5px 5px 5px 10px;}
.innovate  li{ border:1px solid #c8c8c8; padding:10px; font-size:12px; margin-bottom:10px;}
.innovate  li dl{ overflow:hidden;}
.innovate  li dl dt{ float:left; width:30%;}
.innovate  li dl dt img{ width:100%; }
.innovate  li dl dd{ float:left; width:68%; padding-left:2%;}
.innovate  li dl dd p{ padding-bottom:5px;}
.innovate  li dl dd p.title{ font-size:16px;}
.ash{ color:#5b5b5b; text-align:left;}

.strategy{ width:100%; overflow:hidden;}
.strategy li{ background:#fff; width:49%; float:left; margin-right:1%; float:left; font-size:14px; line-height:22px; position:relative; margin-bottom:13px;}
.strategy li p.pic img{ width:100%;}
.strategy li .ti{ position:absolute; background: rgba(168, 168, 43, 0.9); filter:alpha(opacity=40) ;width:90%; font-size:12px; top:110px; line-height:15px; color:#fff; padding:2px 1px;}
.strategy li p.xx{ padding:10px; padding-top:40px;}

.strategy2{ width:100%;overflow:hidden;}
.strategy2 li p.pic{ padding:25px; width:auto;}
.strategy2 li p.pic img{ width:100%;}
.strategy2 li{ background:#fff; width:100%; float:left; font-size:14px; line-height:22px; position:relative; margin-bottom:25px;}
.strategy2 li .ti{ position:absolute; background: rgba(168, 168, 43, 0.9); filter:alpha(opacity=40);width:90%;font-size:12px; top:190px; line-height:20px; color:#fff; padding:2px 1px; left:10px;}
.strategy2 li p.xx{ padding:10px; padding-top:5px;}

.discussion{ width:100%; border-bottom:1px solid #2683b3; color:#2683b3; font-size:26px; line-height:35px;}
.table{ overflow:hidden;}
.table li{ width:46%;  padding:1%; float:left; background:#fff; border:1px solid #c8c8c8; font-size:12px; margin-top:20px; float:left; margin-right:1%;}
.table li p.taTit{ font-size:16px;}
.table li img{ width:100%;}
.table li p{ padding-bottom:10px; color:#333;}
.table a{ color:#333;}

.pic{ width:100%; margin:0 auto;}
.pic ul{ width:100%; overflow:hidden;}
.pic ul li{ float:left; margin-bottom:1.3%; width:32%; margin-right:1.3%;}
.pic ul li img{ width:100%;}


/*.title3{ background:url(../images/ydTitle_21.jpg) no-repeat top center; height:99px; margin-top:25px;}
.title4{ background:url(../images/ydTitle_23.jpg) no-repeat top center; height:99px; margin-top:25px;}
.title5{ background:url(../images/ydTitle_25.jpg) no-repeat top center; height:99px; margin-top:25px;}*/
.title1,.title2,.title3,.title4,.title5,.title6{ text-align:center; width:100%; padding:10px 0px;}
.title1 img,.title2 img,.title3 img,.title4 img,.title5 img,.title6 img{ width:100%;}
	
	}
	
	
	
	

@media screen and ( max-width:600px){
.bj{ background:#eee; width:100%;}
.banner{ width:100%; margin:0 auto; background:none; height:auto; }
.banner img{ display:block;}
.nav{  width:100%;background:#005086; overflow: hidden; }
.nav ul{ width:100%; margin:0 auto;}
.nav ul li{ float:left; color:#fff; width:24.65%; height:40px;background:#005086; line-height:40px; border:1px solid #86cbfa; border-left:none; border-bottom:none; text-align:center; font-size:14px; }
.nav ul li a{ color:#fff; display:block;}

.baz{  margin:0 auto; background:#005086; padding:10px;padding-top:40px; margin-top:20px; color:#fff; font-size:14px; line-height:22px; text-indent:2em; position:relative;} 
.baz .tit{ background:url(../images/baz.gif) no-repeat; background-size:6.5em; width:144px; height:72px; position:absolute; left:-15px; top:10px;}

/*.title1{ background:url(../images/ydTitle_04.jpg) no-repeat top center; height:99px; margin-top:25px; width:100%;}*/
.address{ width:100%; margin:0 auto; overflow:hidden;}
.address ul{ width:100%; overflow: hidden; padding-bottom:10px;}
.address li{ box-shadow:0px 1px 8px #999; float:left; background:#fff; border-radius:0.3em; padding:5px;margin-top:10px; margin-left:8px;}
.address li.ess470{ width:92%; float:left;}
.address li.ess302{width:92%;float:left;}
.address li dl{ overflow:hidden;font-size:14px;}
.address li.ess470 dl dt{ float:left; width:40%; }
.address li.ess470 dl dt img{ width:100%;}
.address li.ess470 dl dd{float:left;width:60%; }
.address li.ess470 dl dd p{ padding-left:10px; line-height:20px;}
.address li dl dd p a,.innovate  li dl dd p a,.strategy li p a{ color:#005AAF;}
.address li.ess302 dl dt{ float:left; width:40%; }
.address li.ess302 dl dt img{ width:100%;}
.address li.ess302 dl dd{float:left;width:60%; }
.address li.ess302 dl dd p{ padding-left:10px; line-height:20px;}
.gules{ color:#e70000;}


/*.address li.ess470{ width:44%; float:left;}
.address li.ess302{width:44%;float:left;}
.address li dl{ overflow:hidden;font-size:14px;}
.address li.ess470 dl dt{ float:left; }
.address li.ess470 dl dd{float:left; }
.address li.ess470 dl dd p{ padding-left:10px; line-height:20px;}
.address li dl dd p a,.innovate  li dl dd p a,.strategy li p a{ color:#005AAF;}
.address li.ess302 dl dd{ text-align:center;}
.address li.ess302 dl dd p{ padding:5px; line-height:20px;}
.gules{ color:#e70000;}*/


/*.title2{ background:url(../images/ydTitle_07.jpg) no-repeat top center; height:99px; margin-top:25px;}*/
.titel{ padding:5px 0px;}
.forum{ /*width:100%; */margin:0 auto; padding:5px 5px 5px 10px;}
.innovate  li{ border:1px solid #c8c8c8; padding:10px; font-size:12px; margin-bottom:10px;}
.innovate  li dl{ overflow:hidden;}
.innovate  li dl dt{ float:left; width:30%;}
.innovate  li dl dt img{ width:100%; }
.innovate  li dl dd{ float:left; width:68%; padding-left:2%;}
.innovate  li dl dd p{ padding-bottom:5px;}
.innovate  li dl dd p.title{ font-size:16px;}
.ash{ color:#5b5b5b; text-align:left;}

.strategy{ width:100%; overflow:hidden;}
.strategy li{ background:#fff; width:49%; float:left; margin-right:1%; float:left; font-size:14px; line-height:22px; position:relative; margin-bottom:13px;}
.strategy li p.pic img{ width:100%;}
.strategy li .ti{ position:absolute; background: rgba(168, 168, 43, 0.9); filter:alpha(opacity=40) ;width:90%; font-size:12px; top:110px; line-height:15px; color:#fff; padding:2px 1px;}
.strategy li p.xx{ padding:10px; padding-top:40px;}

.strategy2{ width:100%;overflow:hidden;}
.strategy2 li p.pic{ padding:25px; width:auto;}
.strategy2 li p.pic img{ width:100%;}
.strategy2 li{ background:#fff; width:100%; float:left; font-size:14px; line-height:22px; position:relative; margin-bottom:25px;}
.strategy2 li .ti{ position:absolute; background: rgba(168, 168, 43, 0.9); filter:alpha(opacity=40);width:90%;font-size:12px; top:190px; line-height:20px; color:#fff; padding:2px 1px; left:10px;}
.strategy2 li p.xx{ padding:10px; padding-top:5px;}

.discussion{ width:100%; border-bottom:1px solid #2683b3; color:#2683b3; font-size:26px; line-height:35px;}
.table{ overflow:hidden;}
.table li{ width:46%;  padding:1%; float:left; background:#fff; border:1px solid #c8c8c8; font-size:12px; margin-top:20px; float:left; margin-right:1%;}
.table li p.taTit{ font-size:16px;}
.table li img{ width:100%;}
.table li p{ padding-bottom:10px; color:#333;}
.table a{ color:#333;}

.pic{ width:100%; margin:0 auto;}
.pic ul{ width:100%; overflow:hidden;}
.pic ul li{ float:left; margin-bottom:1.3%; width:32%; margin-right:1.3%;}
.pic ul li img{ width:100%;}


/*.title3{ background:url(../images/ydTitle_21.jpg) no-repeat top center; height:99px; margin-top:25px;}
.title4{ background:url(../images/ydTitle_23.jpg) no-repeat top center; height:99px; margin-top:25px;}
.title5{ background:url(../images/ydTitle_25.jpg) no-repeat top center; height:99px; margin-top:25px;}*/
.title1,.title2,.title3,.title4,.title5,.title6{ text-align:center; width:100%; padding:10px 0px;}
.title1 img,.title2 img,.title3 img,.title4 img,.title5 img,.title6 img{ width:100%;}


	}
