/*Basic Styles*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;font:14px/22px '\5FAE\8F6F\96C5\9ED1','MicrosoftYahei','微软雅黑','Arial';color:#222;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,form,select,input{border:0;}
address,caption,cite,code,dfn,em,form,select,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul,li{list-style:none}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
abbr,acronym{border:0;}
legend,hr{visibility:hidden;height:0;display:none;border:none}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:underline;}
a strong,a em{cursor:pointer}
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clear { clear:both; height:0; font-size:0;}
* html .clearfix {height: 1%;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.wp {width:1030px; margin:0 auto;}

#hd { width:100%; background:#1A191E; overflow:hidden; }
#hd .banner { width:100%; height:646px; margin:0 auto; background:#0E5490 url(../image/banner-bg.jpg) 0 0 repeat-x;  }
#hd .banner .wp { width:873px; height:610px; background:url(../image/banner.jpg) 0 0 no-repeat;}
#hd .banner .wp .btop { height:73px; overflow:hidden;  background:url(../image/banner-top.png) 0 0 no-repeat;}
#hd .banner .wp .btop h1 { text-align:right; color:#fff; line-height:93px; font-size:18px;}
#hd .banner .wp .video { height:540px;  background:#fff; padding:5px;}

#hd .nav { height:50px;  background:#222; display:block;}
#hd .logo { height:50px; width:73px; float:left; }
#hd .nav-right { width:915px; float:right; height:50px; }
#hd .nav-right p {color:#4E4E4E; line-height:50px; font-size:12px; float:left;}
#hd .nav-right p a { color:#ddd; padding:0 13px; font-weight:bold; }
#hd .nav-right p .on {color:#E5730B;}
#hd .nav-right .search { width:240px; height:25px; margin-top:12px; float:right;}
#hd .nav-right .input { width:160px; height:25px; background:#3A3A3A; border-radius: 15px; outline:none; padding:0 10px; color:#eee; font-size:12px;}
#hd .nav-right .btn { width:21px; height:19px; position:absolute; margin-top:3px; margin-left:5px; outline:none;}
#hd .bn { width:1012px; height:460px; margin:0 auto; display:block;  z-index:1; position:absolute; ;}
#hd .bn  img { width:1012px; height:460px; }

#bd { width:100%; min-height:500px; margin-bottom:20px; }
#bd .wp { width:960px; margin:0 auto; background:#F2F2F2; background:url(../image/bdbg.png) center repeat-y;}
#bd .wp .left { width:204px; float:left; background:#EBEBEB;}
#bd .wp .left .head {width:135px; height:242px; background:url(../image/head1.png) no-repeat; margin:10px auto;}
#bd .wp .right { width:750px; float:right;}
#bd .wp .right .box { width:670px; margin:50px auto; }
#bd .wp .right .box h5 { color:#0E5490; border-left:3px solid #0E5490;  font-size:18px; padding:0; padding-left:10px; line-height:1; margin-bottom:30px;}
#bd .wp .right .box .piclist { margin:0 auto 30px; width:100%;}
#bd .wp .right .box .piclist td { text-align:center; }
#bd .wp .right .box .piclist td img { width:184px; height:123px;}

#bd .wp .right .box .topiclist { width:98%; margin:0 auto;}
#bd .wp .right .box .topiclist li { margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #DFDFDF;}
#bd .wp .right .box .topiclist li h2 { font-size:21px; color:#414141; font-weight:bold; line-height:25px; margin-bottom:15px;}
#bd .wp .right .box .topiclist li h2 span { margin-right:10px; line-height:25px; display:inline-block; width:25px; height:25px; background:url(../image/ulli.png) top center no-repeat; text-align:center; font-size:16px; color:#fff;}
#bd .wp .right .box .topiclist li p { font-size:12px; color:#545454;  font-family:'宋体'; text-indent:2em; line-height:2;}
#bd .wp .right .box .topiclist .last { border:none;}
#bd .wp .right .box  .more {font-family:'宋体'; font-size:14px; color:#fff; background:#0D538F; display:block; text-align:right; float:right; padding:5px 10px;}

#bd .wp .right .hdd { display:none;}

#bd  .bdft { width:100%; height:184px; background:#0D538F; overflow:hidden;}
#bd  .bdft img { float:left;}
#bd  .bdft  p {  padding:40px 90px 0 0; float:right; width:600px; color:#B3C9DC; font-family:'宋体'; font-size:12px;}

#bd .bdft .bdlogo1 {display:block}
#bd .bdft .bdlogo2 {display:none;}
#triangle-down {
		display:block; 
		margin-left:46%;
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 20px solid #115691;
		margin-bottom:30px;
	}
#triangle-down2 {
		display:block; 
		margin-left:5%;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 15px solid #115691;
		margin-bottom:5px;
	}
#triangle-down3 {
		display:block; 
		margin-left:48%;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 15px solid #115691;
		margin-bottom:5px;
	}
#ft { padding:20px 20px 40px;}
#ft p{ text-align:center; color:#888; font-size:12px; font-family:'宋体';}
#ft p a { color:#888;}

/*手机屏幕*/
@media only screen and (max-width: 640px){
	
	.wp { width:100%;}
	#hd { width:100%; height:auto; overflow:hidden;  background:#1A191E; overflow:hidden; }
	#hd .nav { height:50px;  border-bottom:2px solid #093562; background:#222;}
	#hd .logo { height:50px; width:73px; margin-left:5px; float:left;}
	#hd .nav-right { float:none; margin-left:95px; height:50px; display:block }
	#hd .nav-right p {color:#4E4E4E; line-height:50px; font-weight:bold; font-size:12px; float:left;}
	#hd .nav-right p a { color:#ddd; padding:0 2px;}
	#hd .nav-right p .on {color:#E5730B;}
	#hd .nav-right .search {display:none;}
	
	
	#hd .banner .wp .btop h1 { display:none;}
	#hd .banner .wp .video { width:100%; height:270px; }
	
	#hd .banner {width:100%; height:auto; }
	#hd .banner .wp { width:90%; height:auto; margin:0 auto; padding-bottom:40px; }
	#hd .banner .bimg { display:block;}
	#hd .banner .bimg img{width:100%;}
	#hd .banner .wp {}
	#hd .banner .wp .desc {  position:static; width:100%; height:auto; margin-top:-5px; padding-bottom:10px; background:#2C78BA;}
	#hd .banner .wp .desc h1,#hd .banner .wp .desc h2 { display:none;}
	#hd .banner .wp .desc p { width:80%; padding-top:20px; margin:0 auto;}
	
	#bd  {background-image:none; background-color:#fff; margin-bottom:0;}
	#bd .top {display:none;}
	#bd .wp {width:100%; background-color:#fff; background-image:none;}
	#bd .wp .left { display:none;}
	#bd .wp .right { width:100%;}
	#bd .wp .right .box { width:90%; margin:0 auto;}
	#bd .wp .right .box .piclist td img {width:90%; height:auto;}
	
	#bd .wp .right .hdd { width:100%; display:block;border-bottom:1px solid #E9E9E9; padding-bottom:10px; margin-bottom:10px;}
	#bd .wp .right .hdd  img{ width:100%; max-width:469px; }
	
	#triangle-down {
		display:block; 
		margin-left:48%;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 20px solid #2C78BA;
	}
	#bd  .bdft { height:auto; margin-top:20px; background:#175A94;}
	#bd .bdft .bdlogo1 { display:none;}
	#bd .bdft .bdlogo2 {display:block;  margin:0 auto; padding:0; text-align:center;}
	#bd .bdft .bdlogo2 img { width:100%; }
	#bd .bdft img {float:none;}
	#bd .bdft p { width:100%; padding:0;  background:#2C78BA; color:#BED5EA;}
	#bd .bdft p span { padding:20px 20px 30px; display:block;}
	
	#ft { background:#fff; width:96%; height:auto; padding:40px 0; overflow:hidden;}
	#ft .wp {width:100%; margin:0; padding:0;}
	#ft p { text-align:center;}
}