﻿
body{
	background:none;
}
.banner{
	background-color:#065fa3;
}
.video{
	float:left;
	width:380px;
	/*height:170px;*/
	margin:0 10px 0 10px;
}
.video img{
	width:300px;
	height:170px;
}
.titles{
	margin-top:20px;
}


 .max-width{
		width: 1170px;
		margin:0 auto;
	  }
	  
 /*tab切换*/
.tabpart{
/*background:#fafafa;*/
}

.tab-ul{
  height: 69px;
  padding-left: 15px;
  padding-top: 10px;
  /*border-bottom:1px solid #969696;*/
  }
  .tab-ul .tab-liup{
	float: left;
	width: 175px;
	height: 69px;
	background-color: #e4e4e3;
	font-size: 16px;
	line-height: 69px;
	letter-spacing: 0px;
	color: #4a4a4a;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px;
	border-right: 1px solid #fafafa;
	border-left:1px solid #fafafa;
  }
 .tab-ul .tab-liup.current{
	/* border-top:6px solid #3497db;
	border-right: 1px solid #969696;
	border-left:1px solid #969696; */
	color: #fff;
	/*margin-top: -5px;*/
	background: #03b585;
	cursor: pointer;
	line-height: 67px;
  }
 .tab-main{
	/*padding-left: 20px;
	padding-right: 20px;*/
	padding-bottom: 25px;
	display: none;
  }
  .tab-main.current{
	display: block;
  }
  .tabtitle,h3{
	font-size:16px;
	color:#222222;
	line-height:22px;
	text-align:left;
	margin-top: 25px;
  }
  h3{
	margin-bottom: 20px; 
  }
  .tabtitle{
	margin-bottom: 5px;
  }
  .tabcon{
	  text-indent:2em;
	font-size:16px;
	color:#666666;
	line-height:24px;
	text-align:left;
	margin-bottom: 20px;
	margin-top: 30px;
  }
  .tabimg01{
	margin: 0 auto;
	display: block;
  }
  .tabcon-half{
	margin-top: 5px;
  }
  .tabcon-half div{
	width:50%;  
	font-size:16px;  
  }
  .tab2-left{
	width: 72%;
  }
  .tab2-rigth{
	width: 28%;
	text-align: right;
  }
  .tab3-left{
	width: 62%;
  }
  .tab3-right{
	width: 36%;
	text-align: right;
  }
.contbtns {
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 20px;
}
	
.contbtns a,.contbtns a:hover{
  text-decoration: none;
}
.clickbtn,.clickbtna{
  /*background:#ffffff;
  width:166px;
  height:40px;
  font-size:16px;
  line-height: 40px;
  text-align:center;
  cursor: pointer;
  float: right;*/
}
#doc021{
 border:1px solid #f9a44a;
  color:#f9a44a;
background:#ffffff;
  width:166px;
  height:40px;
  font-size:16px;
  line-height: 40px;
  text-align:center;
  cursor: pointer;
  float: right;
}
.clickbtna {
	 margin-right: 15px;
  border:1px solid #0e385f;
  color:#0e385f;
}
.clickbtn {
  border:1px solid #044123;
  color:#044123;
}

.clickbtn:hover{
  background:#03b585;
  border:1px solid #03b585;
  color:#fff;
}
.clickbtn1 {
  border:1px solid #044123 !important;
  color:#044123!important;
}

.clickbtn1:hover{
  background:#03b585!important;
  border:1px solid #03b585!important;
  color:#fff!important;
}
 #js-down1:hover{
  background:#f9a44a;
  border:1px solid #f9a44a;
  color:#fff;
}
#doc021:hover{
  background:#f9a44a;
  border:1px solid #f9a44a;
  color:#fff;
}
.clickbtna:hover {
  background:#0e385f;
  border:1px solid #0e385f;
  color:#fff;
}

#doc031{
 border:1px solid #f9a44a;
  color:#f9a44a;
background:#ffffff;
  width:166px;
  height:40px;
  font-size:16px;
  line-height: 40px;
  text-align:center;
  cursor: pointer;
  float: right;
}  
#doc031:hover{
  background:#f9a44a;
  border:1px solid #f9a44a;
  color:#fff;
}
img{
	vertical-align: middle;
}
.int h3{
	color:#fff;	
}
.tit h3{
	margin-bottom:24px;
	
}
.int{
	transition-duration: .3s;
	transition-timing-function: ease-out;
	transition-property: opacity,transform,filter;
}

.left_box2{width:1200px;overflow: hidden;margin-left:150px;}
.titleBox{height:50px;line-height:50px;}
.mt20{ margin-top: 20px !important;}
.titleBox{position: relative;width:1150px;}
.titleBox h3.text{height: 48px;line-height: 48px;color: #444;font-size: 24px;font-weight: 700;text-align: center;}
.titleBox h3.text span{/*border-bottom: 2px solid #444;*/padding:0 0 5px 0;}
.mt10{ margin-top: 10px !important;}
.catlist{padding:18px 0 0px 0;width:1200px;}
.catlist_li{font-size:14px;height:28px;line-height:28px;background:url('image/li_dot.gif') no-repeat 5px 12px;padding:0 10px 0 12px;overflow:hidden;}
.catlist_sp{background:#FFFFFF url('image/dot.gif') repeat-x 0 center;}
.catlist ul{display:inline-block;overflow:hidden;}
.catimg_li{float:left;width: 555px;height: 310px;margin-right:30px;margin-bottom:30px;background: #fff;position: relative;}
.catimg_li:hover{-webkit-box-shadow:1px 1px 9px 4px #ccc;-webkit-transition-duration:.3s;-webkit-transform:translateY(-2px);}
.catimg_li .stimg{width: 555px;height: 310px;/* padding:10px;*/}
.catimg_li .stimg img{width: 555px;height: 310px;}
.catimg_li .tit{width: 535px;font-size:16px;padding:0 10px;line-height:30px;height: 50px;overflow:hidden;bottom: 0px;position: absolute;background: rgba(14, 56, 95, 0.9);}
.catimg_li .tit a{color:#fff}
.catimg_li:hover .tit{display:none}
.catimg_li .int{width: 535px;font-size:14px;padding:0 10px;color:#fff;position:absolute;bottom:0;top:0;display:none}
.catimg_li .int h3{margin-top:20px;height:40px;line-height:40px;overflow:hidden}
.catimg_li .int .int-y{font-size:16px;line-height:25px;}
.catimg_li .int a{color:#fff;}
.catimg_li:hover .int{display:block;background:rgba(14,56,95,0.9);}
.catimg_li.no_mr{margin-right:0}



.grid{
	padding-bottom:10px; overflow:hidden;
}
.row{
	text-align:center;
	margin-top:20px;
}
.section-header{
	font-size: 24px;
	color: #333;
	font-weight: normal;
}
.vertical-orientation{
	min-height:100%;
}
.titls{
	font-size:21px;
	color:#333;
	margin-bottom: 12px;
}
.section-title{
	padding:50px 0;
}
.grid-row{
	float:left;
	width:350px;
	/*text-align:center;*/
	margin:0 55px;
}
.ni-icon{
	margin-bottom: 9px;
	height: auto;
	display: inline;
}
.ni-text-align-center{
	font-size:16px;
	color:#333;
	line-height:24px;
}
.footer{ width:100%; padding:20px 0; text-align:center; background:#444; color:#FFF; font-size:14px;}
.top{ width:100%; background:#f2f2f2; height:40px; padding:5px 0; }
.top dl{ width:1200px; margin:auto;}
.top dl dt{ width:30%; float:left;}
.top dl dd{ width:33%; float:right; color:#CCC;}
.top dl dd a{ display:inline-block; margin:0 10px; font-size:15px; line-height:40px; color:#1f6eb1;}
.top dl dd a:hover{ text-decoration:underline;}

.header{ width:100%; overflow:hidden;}
#wrap{overflow:hidden; width:1200px; margin:auto;}
.logo{ background:#f5f5f5; padding:20px; display:inline-block; overflow:hidden; width:60px; height:60px; float:left;}
.logo img{ width:100%; margin-top:10px;}
#wrap ul{ width:1000px; float:left;}
#wrap ul li{ width:250px; float:left; text-align:center;}
.buttons{font-size:18px; width:200px; height:46px; line-height:46px; text-align:center; display:block; margin-left:50px; margin-top:30px;}
.buttonHover{background:#03b585; color:#FFF;}
a.buttons:hover{background:#03b585; color:#FFF;}

.con_footer{ width:100%; background:#cddcc8; padding:3% 0; margin:30px 0; text-align:center;}
.con_footer p{ font-size:24px; color:#044123;}
.btn02{ display:block; background:#044123; color:#fff; width:600px; height:50px; line-height:48px; text-align:center; margin:auto; margin-top:20px; font-size:24px;}
.btn02:hover{ background:#03b585;}


