/* CSS Document */
body {
margin:0;
padding:0;
background:#ebf0f6  repeat-x 50% 0;
min-width:1200px;
}
/* 文字样式 */
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}


/* 按钮 */
.btn{display:inline-block;border:none;text-align:center;background:#158064;color:#fff;min-height:34px;line-height:34px;padding:0 15px;-webkit-transition:background 0.3s,border 0.3s;transition:background 0.3s,border 0.3s;}
.btn:hover{background:#009966;color:#fff;}
.btn.white{background:#fff;color:#666;border:1px solid #ddd;}
.btn.white:hover{background:#666;color:#fff;border:1px solid #666;}
.btn.disabled{background:#f1f1f1;border-color:#aaa;color:#aaa;cursor:default;}

/* 边距 */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pl5 {
	padding-left:5px;
}
.pl8 {
	padding-left:8px;
}

/* 浮动 */
.fl{float:left!important;}
.fr{float:right!important;}
.clearfix{*zoom:1;}
.clearfix:before,
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;;}
.clearfix:after{clear:both;}

/*显示形式*/
.inline{display:inline;}
.block{display:block;}
.inline-block{display:inline-block;zoom:1;*display:inline;}
.hidden{display:none;}
.d-inline {
_display:inline;
}
/* 下拉三角符号 */
.caret{display:inline-block;width:0;height:0;vertical-align:middle;border-top:8px solid #000000;border-right:8px solid transparent;border-left:8px solid transparent;content:"";}
.caret.up{border-top:none;border-bottom:8px solid #ccc;}
.caret.down{border-top:8px solid #ccc;border-bottom:none;}

header {
	background: url(headbg.png) no-repeat 50% 0;
	height: 880px;
}

#tt2 {
height: 110px;
	background: url(tt2.jpg) no-repeat 50% 0;
	
}
#tt3 {
height: 110px;
	background: url(tt3.jpg) no-repeat 50% 0;
	
}
#tt4 {
height: 110px;
	background: url(tt4.jpg) no-repeat 50% 0;
	
}
#tt5 {
height: 110px;
	background: url(tt5.jpg) no-repeat 50% 0;
	
}
#tt6 {
height: 110px;
	background: url(tt6.jpg) no-repeat 50% 0;
	
}
#tt1 {
height: 110px;
	background: url(tt1.png) no-repeat 50% 0;
	
}
#tt1 a,#tt2 a,#tt3 a,#tt4 a,#tt5 a,#tt6 a {
	display: block;
	width: 1200px;
	margin: 0 auto;
	height: 100px;
}
.main-1200 {
	width:1200px;
	margin: 0 auto;
}
#content1 {
	
}

#c1-left {
	width:710px;
	height: 600px;
	float:left;
	position: relative;
}

#c1-right {
	width:450px;
	float:left;
	position: relative;
	height: 600px;
}
#c1-list  {
	padding-top: 30px;
}
#c1-list ul li {
	height:52px;
	background: #174b72;
	margin-top:22px;
}
#c1-list ul li a {
	display: block;
	background: url(c1ico1.jpg) no-repeat 20px 10px;
	text-indent: 60px;
	line-height: 52px;
	font-size:17px;
	color: #fff;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
	#c1-right .hd .prev,#c1-right .hd .next{ display:block;  width:450px; height:20px; 
		overflow:hidden;
			 cursor:pointer; background:url("c1-next.jpg") 0 0 no-repeat;position: absolute;}
#c1-right .hd .prev {bottom:15px;background:url("c1-prev.jpg") 0 0 no-repeat;}
		#c1-right .hd .next{ top:0; }
#content2 {
	
padding-bottom: 50px;	
}
#c2-tu,#c2-list  {
	margin-top: 25px;
}
#c2-tu ul li {
	width:1200px;
	height:700px;
}
#c2-tu ul li img {
	width:1200px;
	height:700px;	
}

#c2-list ul li {
	width: 560px;
	float:left;
	height: 52px;
	background: #d7e4ec;
	margin-left: 20px;
	margin-top:22px;
}

#c2-list ul li a {
	display: block;
	background: url(c2ico1.jpg) no-repeat 20px 20px;
	text-indent:40px;
	line-height: 52px;
	font-size:17px;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#content3 {
	
	background: #d7e4ec;
	padding: 20px 0 50px 0;
}

#c3-new {
	background: url(c3bg.jpg) no-repeat 50% 0;
	height: 1026px;

}

#c3-tab {
	width:1200px;
	height: 800px;
	margin: 0 auto;
}

.c3-article {
	padding: 35px 100px;
	background: #fff;
	width:1200px;
	height: 680px;
	overflow-y:scroll;
box-shadow: 5px 5px 5px #ccc;

}
.CmsContentBody__content {
	padding-top: 25px;
	font-size:17px;
	line-height: 34px;	
	text-align: left;
}
.c3-article  img {
	display: block;
	max-width: 700px;
	margin: 0 auto;
	padding:12px 0;
}
.c3-article video {
	display: block;
	max-width: 700px;
	margin: 0 auto;
	padding:12px 0;	
	
}
 .TContentCms h1 {
       font-size:24px;
	 font-weight: bold;
	 line-height: 36px;
	 color: #164a6f;
	 padding-bottom: 20px;
	 border-bottom: 1px solid  #ccc;
      }
#c3prev {
	
width:130px;
	display: block;
	height: 36px;
	background: url(c3-prev.jpg) no-repeat;
	position:absolute;
	top:750px;
	z-index: 9999;
	left:300px;

}
#c3next {
	width:130px;
	display: block;
	height: 36px;
	background: url(c3-next.jpg) no-repeat;
	position:absolute;
	top:750px;
	z-index: 9999;
	right:300px;

}

#content4 {
	
	
}

#content5 {
	background: #fff;
	padding: 30px 0 50px 0;
}

#content5 .c5-list ul li {width:370px;height:260px;background: #ebf0f6;float:left;margin-left:30px;margin-top:30px;border-radius: 5px;}
#content5 .c5-list dl {text-align: left;padding:20px;}
#content5 .c5-list dl dt {color:#1a4a72;font-size:22px;font-weight: bold;}
#content5 .c5-list dl dd {font-size:15px;line-height: 28px;padding-top:15px;color:#4f4f4f;height:150px;}
#content5 .c5-list dl  span {text-align: right;color:#d0943c;font-size:16px;display: block;}
#content5 .c5-list ul li a:hover {text-decoration: none;}
#content5 .c5-list ul li a:hover dd {color:#f00;}

footer {
	background: #d7e4ec;
	padding: 50px 0;
	text-align: center;
	line-height: 32px;
}

#content6 {

}
#c6-list  {
	padding: 50px 0;
	
}
#c6-list ul li {
	width:360px;
	height: 376px;
	float:left;
	margin-left: 40px;
}
#c6-list ul li img {
		width:360px;
	height: 376px;
	border-radius: 5px;
}


	/* 大盒子 */
		.box{
			height: 600px;
			width: 710px;
			margin: 0px auto;
			position: relative;
		}
		
		.box .imgbox{
			height:590px;
			width:710px;
			overflow: hidden;
			position: relative;
			-webkit-perspective: 1000px;
		}
		.box .imgbox li{
			
			position: absolute;
		height:590px;
			width:320px;
			transition:all  0.5s linear;
		}
		.box .imgbox li img{
			width: 100%;
			height: 100%;border-radius: 5px;
		}
		/* 左侧图片样式 */
		.box .imgbox .img1{ 
			height: 590px;
			width: 160px;
			top:35px;
			left:0;
			z-index: 0;
			opacity: 0.5;
			transform:rotateY(40deg);
		}
		/* 中间图片样式 */
		.box .imgbox .img2{
			left: 180px;
			top:0;
			opacity: 1;
			z-index: 99;
		}
		/* 右侧图片样式 */
		.box .imgbox .img3{
				height: 590px;
			width: 160px;
			left:500px;	
			top:35px;
			opacity: 0.5;
			transform:rotateY(-40deg);

		}

		/* 小圆点 */
	#box	#nav{
			width: 100px;
			height: 20px;
			margin: 0 auto;
		}
	#box	#nav span{
			width: 7px;
			height: 7px;
			display: inline-block;
			border-radius: 3.5px;
			background: #708090;
			cursor: pointer;
		}
		/* 小圆点选中样式 */
		#box #nav span.select{
			width: 13px;
			background: #fff;
		}

         /* 左右键样式 */
      #box  .btn{
			position: absolute;
			width: 50px;
			height: 50px;
			background:rgba(0,0,0,0.5) ;
			top: 280px;
			color: #fff;
			font-size: 30px;
			line-height: 50px;
			text-align: center;
			display: none;
		}
	#box	.back{
			left: 50px;
		}
	#box	 .next{
			right: 100px;
		}


#wz-ico {width:138px;
height: 60px;
position: fixed;
bottom:50px;
right:20px;z-index:999;}
