@charset "utf-8";
/* CSS Document */
*{
margin: 0;
padding: 0;
}

img{
	border: none;
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
li{
	list-style:none;
}
body{
	background: url( images/body-bg.png);
}
.banner img{
	vertical-align: bottom;
	width: 100%;
}
.clear:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.main{
	width: 1170px;
	margin: 0 auto;
}
nav{
	background: #00163a;
	height: 60px;
	border-top: rgba(9,63,187,0.52) 1px solid;
	box-sizing: border-box;
}
nav ul li a{
	display: inline-block;
	color: #fff;
	padding: 0 27px;
	line-height: 60px;
	font-size: 18px;
	
}
nav ul li{
	float: left;
}
.active{
	background: url( images/active_04.jpg ) repeat-x ;
	height: 60px;
	border:1px solid rgba(216,237,255,0.5);
	box-sizing: border-box;
}
section{
	margin-top: 39px;
}
.top{
	color: #00163a;
	line-height: 40px;
	font-size: 18px;
	border-bottom: #eee solid 1px;
}
.top h4{
	border-bottom: #333 solid 1px;
	width: 100px;;
	
}
section .nr{
	margin-top: 25px;
}
section  .nr .left{
	float: left;
	width: 668px;
}
section  .nr .right{
	float:right;
	width: 472px;
}
section  .nr  .right  .top-r{

	box-sizing: border-box;
	float: left;
}

section  .nr .left ul{
	margin-top: 15px;
}
section  .nr .left ul .bt{
	background: url( images/bt_12.jpg) no-repeat 0 3px;
	 text-indent:0;
}
 section  .nr .left ul .zw {
	color: #555;
	font-size: 15px;
	line-height: 2em;
	 text-indent:2em;
	height: 145px;
	overflow: hidden;
}
section  .nr .left ul li a{
	color: #00163a;
	font-size: 18px;
	line-height: 18px;
	display: inline-block;
	width: 668px;
	height: 18px;
	overflow: hidden;
}
.heng {
	margin-top: 15px;
}
.heng .hen-1{
	margin-right: 27px;
	float: left;
}
.heng ul{
	width: 372px;
}
section  .nr .right ul{
	margin-top: 15px;
}
.heng ul li{
	background: url(images/bt_12.jpg) no-repeat;
}
.heng ul li a{
	color: #00163a;
	font-size: 15px;
	line-height: 15px;
	display: inline-block;
	width: 372px;
	height: 15px;
	overflow: hidden;
}
section  .nr .right .bt{
	background: url( images/bt_12.jpg) no-repeat 0 7px;
	 text-indent:0;
}
section  .nr .right ul li {
	color: #333;
	font-size: 16px;
	line-height: 2em;
	 
	
}
section  .nr .right ul li a{
	color: #00163a;
	font-size: 18px;
	line-height: 18px;
	display: inline-block;
	width: 230px;
	height: 18px;
	overflow: hidden;
}

article{
	background: #f5f5f5;
	margin-top: 50px;
}
article .nr{
	padding-bottom: 50px;
}
article .left{
	width: 585px;
	float: left;
	border-right: 1px #b1b1b1 solid;
	box-sizing: border-box;
}
article .left .pic {
	text-align: center;
	margin-top: 15px;
}
article .left h5{
	text-align: center;
	font-size: 30px;
	color: #333;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: normal;
}
article .left p{
	font-size: 15px;
	line-height: 30px;
	color: #555;
	 text-indent:2em;
	width: 540px;
	margin: 0 auto;
}
article .left p span a{
	font-size: 20px;
	color: #e10a13;
	 text-indent:2em;
}






article .mubiao p span{
	font-size: 20px;
	color: #e10a13;
}
article .mubiao p span a{
	font-size: 16px;
	color: #e10a13;
	 text-indent:2em;
}
.chengguo{
	margin-top: 39px;
}
#photo-list {
	box-sizing: border-box;
/* 6张图片的宽度（包含宽度、padding、border、图片间的留白）
计算：6*(100+2*2+1*2+9) - 9 
之所以减去9是第6张图片的右边留白 */
   width:1170px;  

/* 图片的宽度（包含高度、padding、border）
   计算：100+2*2+1*2  */ 
    height:200px;  
    margin:25px auto; 
 overflow:hidden;     /*溢出部份将被隐藏*/ 
   
}  
#photo-list ul { list-style:none;}  
#photo-list li { float:left; padding-right:9px; width: 275px;}  
#photo-list li a {
	color: #333;
	font-size: 15px;
	text-align: center;
	display: inline-block
}

#photo-list img { border:1px solid #ddd; background:#fff; padding:2px;}

.chengguo .n1-tu{
	float: left;
	width: 668px;
		
}
.chengguo .n1-n{
	float: right;
	width: 465px;
	margin: 0 auto;
}
.chengguo .n1-n h4{
	color: #333;
	font-size: 15px;
	font-weight: normal;
	line-height: 30px;
	margin: 12px 0;
}
.chengguo .n1-n .jianjie{
	height: 60px;
	overflow: hidden；
}
.chengguo .n1-n .yongtu{
	height: 210px;
	overflow: hidden;
	margin-top: 30px;
	
}
.chengguo .n1-n h4 a{
	color: #00163a;
	font-size: 18px;
	font-weight: 550;
}
.zhuanti {
	margin-top: 39px;
}
.zhuanti  .nr{
	margin-top: 25px;
}
.zhuanti  .nr .left{
	float: left;
	box-sizing: border-box;
	width: 585px;
	
	
}

.zhuanti  .nr .left .top-1{
	background: #f5f5f5;
	border: #eee solid 1px;
	border-radius: 5px;
}
.zhuanti  .nr .left .top-1 h3{
	background: #012259;
	text-align: center;
	width: 120px;
	margin-bottom: 45px;
}
.zhuanti  .nr .left .top-1 h3 a{
	line-height: 50px;
	color: #fff;
	display: block;
	width: 120px;
	font-size: 18px;
	font-weight: normal;
}
.zhuanti  .nr .left .top-1 .lingdao{
	border: #eee solid 1px;
	
	box-sizing: border-box;
	width: 562px;
	margin: 0 auto;
}
.zhuanti  .nr .left .top-1 .lingdao .tu{
	float: left;
	padding-left: 21px;
	padding-top: 13px;
	padding-bottom: 13px;
}
.zhuanti  .nr .left .top-1 .lingdao .zi{
	float: left;
	padding-left: 36px;
	padding-top: 33px;
}
.zhuanti  .nr .left .top-1 .lingdao .zi h4 a{
	color: #00163a;
	font-size: 18px;
}
.zhuanti  .nr .left .top-1 .lingdao .zi p{
	color: #00163a;
	font-size: 18px;
	line-height: 36px;
	width: 310px;
	
}
.zhuanti  .nr .left .top-1 .jieshao{
	color: #333;
	font-size: 15px;
	line-height: 30px;
	width: 514px;
	margin: 0 auto;
	margin-top: 15px;
	height: 120px;
	overflow: hidden;
	text-indent: 2em;
	
}
.zhuanti  .nr .left .top-1 ul{
	width: 514px;
	margin: 0 auto;
	margin-top: 45px;
	margin-bottom: 45px;
}
.zhuanti  .nr .left .top-1 ul li{
	background: url(images/xiazai_19.jpg) no-repeat 0 center;
}
.zhuanti  .nr .left .top-1 ul li a{
	color: #404b60;
	font-size: 15px;
	text-decoration: underline;
	margin-left: 25px;
}

.hengt {
	background: #fff;
	border: #eee solid 1px;
	border-radius: 5px;

}
.hengt h3{
	background: #012259;
	text-align: center;
	width: 100px;
	margin-bottom: 45px;
}
.hengt h3 a{
	line-height: 50px;
	color: #fff;
	display: block;
	width: 100px;
	font-size: 18px;
	font-weight: normal;
}
.hengt .hen-left{
	width: 585px;
	float: left;
	box-sizing: border-box;
}
.hengt .hen-right{
	width: 580px;
	float: left;
	box-sizing: border-box;
}
.hengt .hen-left .lingdao{
	border: #eee solid 1px;
	
	box-sizing: border-box;
	width: 562px;
	margin: 0 auto;
}
.hengt .hen-left  .lingdao .tu{
	float: left;
	padding-left: 21px;
	padding-top: 13px;
	padding-bottom: 13px;
}
.hengt .hen-left .lingdao .zi{
	float: left;
	padding-left: 36px;
	padding-top: 33px;
}
.hengt .hen-left  .lingdao .zi h4 a{
	color: #00163a;
	font-size: 18px;
}
.hengt .hen-left  .lingdao .zi p{
	color: #00163a;
	font-size: 18px;
	line-height: 36px;
	width: 310px;
	
}
.hengt .jieshao  {
	color: #333;
	font-size: 15px;
	line-height: 30px;
	width: 514px;
	margin: 0 auto;
	margin-top: 15px;
	height: 120px;
	overflow: hidden;
	text-indent: 2em;
	
}
.hengt   ul{
	width: 514px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 45px;
	text-align: right;
}
.hengt   ul li{
	background: url(images/xiazai_19.jpg) no-repeat 430px center;
}
.hengt  ul li a{
	color: #404b60;
	font-size: 15px;
	text-decoration: underline;
	margin-left: 25px;
}
















.meiti{
	margin-top: 50px;
	background: #f5f5f5 ;
	
}
.meiti .nr{
	margin-top: 15px;
}
.meiti .nr .left-1{
	float: left;
	width: 585px;
	box-sizing: border-box;
}

.meiti .nr .left-1 ul{
	width: 530px;
	margin: 0 auto;
}

.meiti .nr .left-1 ul li{
	background: url(  images/sdss_23.jpg.png) no-repeat 0 center;
	margin-bottom: 30px;
}
.meiti .nr .left-1 ul li a{
	margin-left: 20px;
	color: #333;
	font-size: 17px;
	line-height: 17px;
	height: 17px;
	overflow: hidden;
	display: block;
}
footer{
	margin-top: 30px;
	background: #f5f5f5;
	padding-bottom: 20px;
}
footer ul{
	margin-top: 36px;
	float: left;
	text-align: center;
	margin-right:  150px;
}
footer ul li{
	color: #333;

	font-weight: 550;
}
footer ul li a{
	color: #666;
	line-height: 36px;
	font-weight: 400
}
.icp p{
	text-align: center;
	line-height: 30px;
}









.carousel {
  padding: 20px;
  -webkit-perspective: 350px;
          perspective: 350px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.carousel > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.carousel figure {
  margin: 0;
  width: 720px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.carousel figure img {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0px;
}
.carousel figure img:not(:first-of-type) {
  position: absolute;
  left: 0;
  top: 0;
}
.carousel nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
  height:40px;
}
.carousel nav button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
 
  
  color: #012259;
  height:40px;
 
  letter-spacing: 1px;
  padding: 0px 10px;
}