@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
}
body, html {
	width:100%;
	font-family:"微软雅黑";
	background:#FFF;
}
body {
	background:url() no-repeat top center; margin:0 auto;
}
#mainBody {
	width:100%;
}
a {	text-decoration:none;color:#333;}
a:hover {color:#05487b;text-decoration:none;}
.cloud {
	width:100%;
	height:420px;
	background: url(../images/cloud-top-background.png) repeat-x left;
	
}
.tianqi { float:right; padding-top:360px;padding-right:20px;}
.banner {background: url(../images/banner.png) no-repeat center; height:400px; width:100%; margin:0 auto;} 
.djs { float:left;padding-top:320px; padding-left:20px;}

.colockbox{color:#fff; line-height:30px;}
.colockbox span{display:block;height:60px;line-height:60px;font-size:60px; font-weight:bold;color:#fff;text-shadow: 3px 4px 2px rgba(4,0,0,.35);}

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}
.clearfix {
    _zoom: 1;
}
*+html .clearfix {
	overflow:auto;
}



.nav {width:100%;
	height:45px;
	background-color: #05487b;
	-webkit-box-shadow: 0 0 10px rgba(4,0,0,.45);
	-moz-box-shadow: 0 0 10px rgba(4,0,0,.45);
	box-shadow: 0 0 10px rgba(4,0,0,.45);
	border: solid 1px rgba(3,83,163,.72);
	background-image: -webkit-linear-gradient(bottom, #128ec5 3%, #0353a4 4%, #0353a3 48%, #0353a3 49%, #035cab 51%, #108bd8 97%, #8fd4ff);
	background-image: -moz-linear-gradient(bottom, #128ec5 3%, #0353a4 4%, #0353a3 48%, #0353a3 49%, #035cab 51%, #108bd8 97%, #8fd4ff);
	background-image: -o-linear-gradient(bottom, #128ec5 3%, #0353a4 4%, #0353a3 48%, #0353a3 49%, #035cab 51%, #108bd8 97%, #8fd4ff);
	background-image: linear-gradient(to top, #128ec5 3%, #0353a4 4%, #0353a3 48%, #0353a3 49%, #035cab 51%, #108bd8 97%, #8fd4ff);
	}
ul.meun{ width:1004px; margin:0 auto; height:55px;list-style-type:none;padding:0; font-size:18px;}
.meun li {display:block;float:left; }
.meun li a {display:block;color:#ffffff; background:url(../images/nav_line.gif) no-repeat right bottom;text-decoration:none;padding:15px 18px 0 20px; line-height:25px; margin:0 auto;}
.meun li a:hover {color: #10acf4; }
.meun li a.current{ background:none}

#content {width:1004px;overflow:hidden; margin:0 auto; }
.tb { width:1004px; height:477px; background:url(../images/123.png) no-repeat;}
.all { padding-top:60px;}
.cen { border:#05487b 1px solid; overflow:hidden; margin:0 auto;}
.biao { background:url(../images/dhbj.png) no-repeat; width:79px; height:91px; margin-left:20px; margin-top:20px; float:left}
.bjing { float:right; width:880px;}
h1 { font-size:30px; line-height:60px; text-align:center; color:#05487b}
p.text_zy {	font-size:14px;line-height:24px;text-indent:2em;color:#333;margin:15px;}
.right_text { float:right; padding-right:10px; font-size:16px ; padding-bottom:10px;}
.m_top {margin-top:15px;}
.left { width:676px; float:left; overflow:hidden; background:#FFF;}
.box { overflow:hidden;}
.right { width:300px; float:right; overflow:hidden; margin-right:10px; }
.box_bg { border:#acacac 1px solid; overflow:hidden; background:#d4ebfc;}
.tel { background:#05487b; height:56px; margin:10px;}
h2 { text-align:center; font-size:24px; line-height:56px; color:#fff}
.text_hy {margin:0 0 10px 10px;line-height:29px; font-size:14px; color:#333;}
.dc { float:left; width:100%; margin:0 auto;}
.down { width:110px;background:#05487b; margin-left:10px; font-size:20px; color:#FFF; text-align:center; float:left; padding:10px;}
.canzhan {width:110px;background:#05487b; margin-right:10px; font-size:20px; color:#FFF; text-align:center; padding:10px;float:right; }
h3 { color:#05487b; font-size:18px; margin-left:15px; line-height:35px;}
ul.list_img {display:inline;}
.list_img li { float:left;padding:5px 7px 0 0;}
.list_img img {border:#cccccc 1px solid; padding:2px; }
ul.list1_img { display:inline; overflow:hidden;}
.list1_img li { float:left; margin-left:13px; margin-top:5px;}
.list1_img img {border:#ccc 1px solid; padding:2px; }
.box_left {overflow: hidden;float: left;}
h6 {background:url(../images/11.png) no-repeat left; padding-left:50px; font-size:24px; line-height:50px; color:#05487b}
span.more {float: right;line-height:40px;margin-right:20px; font-size:16px; color:#FFF}
.shipin {  padding:3px; border:#CCC solid 1px;} 
ul.list {
	width:98%;
	padding:8px;
	font-size:14px;
	line-height:32px;
}
.list li a {
	text-decoration:none;
	color:#333;
	padding-left:20px;
}
.list a:hover {
	text-decoration: none;
	color:#01559e;}
.da-thumbs{list-style:none;position:relative;}
.da-thumbs li{float:left;margin-right:19px; margin-bottom:10px;background:#fff;position:relative;border:1px solid #fafafa}
.da-thumbs li a,.da-thumbs li a img{display:block;position:relative}
.da-thumbs li a{color:#fff;overflow:hidden}
.da-thumbs li a div{position:absolute;background:#333;background:#05487b;*background:#05487b;background:#05487b\0;filter:alpha(Opacity=90);width:100%;height:100%}
.da-thumbs li a em{display:block;width:180px;height:8px;background:rgba(255,255,255,0.3);*background:#fff;background:#fff\0;filter:alpha(Opacity=30);margin:0 10px}
.da-thumbs li a h5{ font-size:20px;margin:6px 8px;font-weight:normal;text-align:center}
.da-thumbs li a p{margin:8px 13px;font:normal 14px/18px 'Microsoft YaHei'}
.da-thumbs li.subscribe{border:none;width:76px;height:101px;margin-right:0;background:#05487b;padding:8px}
.da-thumbs li.subscribe h5{font-size:33px;line-height:36px;margin:0;text-align:center; }
.da-thumbs li.subscribe h5 span{font-size:16px; float:right; margin-right:5px; line-height:30px}
.da-thumbs li.subscribe img{clear:right;float:right;margin:7px 5px 0 0px}
.mar_top {margin:0 auto;}
.leftPicout {background-color: #1b8de4;}
.leftPicover {background-color: #087ad1;}
#timeline {	width:100%;overflow: hidden;margin: 20px auto;	position: relative;	background: url(../images/dot.png) left 45px repeat-x;}
#dates {width: 100%;height: 60px;overflow: hidden;	}
#dates li {	list-style: none;float: left;width:75px;height:50px;color:#05487b;	font-size: 20px;text-align: center;	background: url(../images/biggerdot.png) center bottom no-repeat;}
#dates a {line-height: 38px;padding-bottom: 10px;color:#666;text-decoration:none;font-weight:bold;font-family:"Microsoft YaHei", "SimSun","微软雅黑", "宋体";font-size: 24px;			}
#dates .selected { font-size: 36px;color:#ee364a;}
#issues {width: 100%;overflow: hidden;}	
#issues li {width: 100%;list-style: none;float: left;}
#issues li h4 {color:#05487b;font-size:36px;margin: 10px 0;}
#issues li p {font-size:14px;margin-right:70px;line-height: 26px;text-indent:2em; color:#333}
.taili { width:875px; margin:0 auto; margin-top:5px; overflow:hidden;}
.portfolio-categ{margin-bottom:30px;}
.portfolio-categ li{display:inline;margin-right:5px;}
.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:10px;}
.image-block img:hover{border: 1px solid #6fd1f9;box-shadow:0 0 5px #6fd1f9;}
.portfolio-area li{float:left; margin:10px 2px;overflow: hidden;width: 200px;padding:2px;}
.home-portfolio-text{margin-top:10px;}
li.active a{ text-decoration:underline;}
.weibo { width:1004px; margin:0 auto; background:#FFF; margin-top:15px;}
.foot { background:url(../images/1.png) no-repeat bottom; height:240px;}
#footer { padding:0;text-align:center; height:240px; line-height:26px; font-size:14px; color:#333;}