/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		
	min-width:1000px;
	margin:0 auto;
	font-size:12px;	
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	background:#fff;
	text-align:justify;
	color:#333;	
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#333;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#f60;	
}
ul{
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#ccc;
}
input::-moz-placeholder,textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
}
input:-moz-placeholder,textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ccc;
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始background:rgba(255,255,255,0.5); background:#fff; 	height: 70px;*/ 

.header{
	width: 100%;

	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	
}
.headerafter{
	 background:#fff;
	 font-color:red;
}
.header .wrapin{
	width: 95%;
}
 
.header .logo{
	float: left;
}
.header .logo .bf{
	display: block;
}
.header .logo .af{
	display: none;
}
.header:hover .logo .bf,.headerafter .logo .bf{
	display: none;
}
.header:hover .logo .af,.headerafter .logo .af{
	display: block;
}
.nav{
	float: right;
	font-size:14px;
}
.nav_in{
	float: left;
	margin:0 35px 0 0;
	position: relative;
	z-index: 100;
}
.nav .par{	
	height: 70px;
	line-height: 70px;
	color:#fff;	
}
.nav:hover .par{
	color:#666;
}
.headerafter .nav .par{
	color:#666;
}
.nav_in:hover .par,.now_hover .par{
	color:#404697;
	border-bottom:2px solid #404697;
}
.nav_in ul{
	width: 150px;
	position: absolute;
	left: -10px;
	top: 70px;
	z-index: 100;
	background:#fff;
	display: none;
}
.nav_in li{
	height: 30px;
	line-height: 30px;
}
.nav_in li a{
	display: block;
	padding-left:10px;
	width: 140px;
}
.nav_in li a:hover{
	background:#f3f3f3;
	color:#404697;
}
.nav_in:hover ul{
	display: block;
}
.bocweb-header .headerafter .nav-li .nav-top{color: #666;}
.head_search{
	display: block;
	width: 120px;
	height: 22px;
	border-radius:3px;
	float: right;
	background:#f3f3f3;
	border-radius:5px;
	margin-top:22px;
	position: relative;
}
.head_search .text{
	float: left;
	height: 22px;
	border:0;
	padding-left:5px;
	width: 75px;
	background:none;
}
.head_search .sub{
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	background:url("../images/head_sub.png") no-repeat center center;
}

.banner{
	position: relative;
	overflow: hidden;
	cursor: pointer;
	width: 100%;
	height: 100vh;
}
.banner .pics li{
	width: 100%;
	height: 100vh;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
.banner .pics a{
	display: block;
	width: 100%;
	height: 100vh;
}
.banner .btns{
	width: 94%;
	padding:0 3%;
	position: absolute;
	left: 0;
	bottom: 45px;
	z-index: 60;	
	text-align:right;
}
.banner .btns span{
	display: inline-block;
	width: 10px;
	height: 10px;
	font-size:1px;
	margin:0 3px;
	background:#eee;
	border-radius:100%;
}
.banner .btns .hover{
	background:#f60;
}
.swi{
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	bottom: 40px;
	margin-left:-15px;
	z-index: 70;
	background:url("../images/ani.png") no-repeat center center;
	-webkit-animation-name: mouseAni;
  	animation-name: mouseAni;
  	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
  	animation-iteration-count: infinite;
  	animation-timing-function:linear;
	-webkit-animation-timing-function:linear; /*循环播放*/
}
@-webkit-keyframes mouseAni {
  from {   
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);            
  }
  
  50%{
  	 transform: translate(0, 3px);
   	 -webkit-transform: translate(0, 3px);          
  }  

  to {    
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);     
  }
}

@keyframes mouseAni {
  from {   
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);            
  }
  
  50%{
  	 transform: translate(0, 3px);
   	 -webkit-transform: translate(0, 3px);          
  }  

  to {    
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);     
  }
}

/*公用CSS 结束*/

.hm_vdo{
	width: 370px;
	height: 250px;
	float: left;
	margin:40px 0 0 0;
}
.hm_news{
	width: 600px;
	height: 248px;
	border:1px solid #ccc;
	float: right;
	border-radius:10px;
	position: relative;
	overflow: hidden;
	margin-top:40px;
	background:#f8f9fb;
}
.hm_news .handle{
	height: 33px;
	border-bottom:1px solid #ccc;
	background:url("../images/handle.png") repeat-x left top;
	clear: both;
}
.hm_news .btn{
	display: block;
	width: 80px;
	height: 29px;
	line-height: 15px;
	text-align: center;
	border-radius:5px 5px 0 0;
	float: left;
	margin:4px 4px 0 4px;
	color:#fff;
	cursor: pointer;
}
.hm_news .hover{
	color:#f00;
	background:#fff;
}
.hm_news .more{
	float: right;
	line-height: 29px;
	color:#fff;
	padding:4px 20px 0 20px;
}
.hm_news .con{
	padding:15px 14px 0 14px;
	display: none;
}
.hm_news .show{
	display: block;
}
.hm_news .photo{
	float: left;
	display: block;
	width: 116px;
	height: 74px;
}
.hm_news .photo img{
	display: block;
	width: 116px;
	height: 74px;
}
.hm_news dl{
	float: right;
	width: 445px;
}
.hm_news dt{
	font-size:14px;
	font-weight: bold;
	line-height: 1.6;
}
.hm_news dd{
	color:#999;
	text-indent:2em;
}
.hm_news ul{
	padding-top:5px;
}
.hm_news li{
	line-height: 22px;
	clear: both;
}
.hm_news li a{
	float: left;
	display:inline-block;
	max-width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.hm_news li span{
	float: right;
	color:#999;
}

.hm_slider{
	width: 999px;
	margin:40px 0;
	height: 162px;
	border:1px solid #ccc;
	border-radius:5px;
	position: relative;
	overflow: hidden;
}
.hm_slider li{
	height: 162px;
	width: 999px;
	float: left;
}
.hs_item{
	width: 333px;
	height: 162px;
	float: left;
	position: relative;
}
.hs_item i{
	display: block;
	width: 2px;
	height: 114px;
	position: absolute;
	right: -2px;
	top: 24px;
	background:#e5e5e3;
}
.hs_item img{
	display: block;
	width: 110px;
	height: 110px;
	position: absolute;
	right: 20px;
	top: 26px;
}
.hs_item dl{
	position: absolute;
	top: 12px;
	left: 51px;
}
.hs_item dt{
	font-size:18px;
	color:#744243;
	height: 35px;
	line-height: 35px;
}
.hs_item dd{
	height: 18px;
	line-height: 18px;
	color:#666;
	font-size:12px;
	letter-spacing:1px;
}
.hs_item .reada{
	position: absolute;
	left: 51px;
	bottom: 0;
	height: 60px;
	line-height: 60px;
	padding-left:15px;
	color:#e58642;
	background:url("../images/reada.png") no-repeat left center;
}
.hm_slider .cbtn{
	width: 33px;
	height: 96px;
	position: absolute;
	top: 33px;
	z-index: 20;
	cursor: pointer;
}
.hm_slider .pre{
	left: 10px;
	background:url("../images/hs_pre.png") no-repeat center center;
}
.hm_slider .next{
	right: 10px;
	background:url("../images/hs_next.png") no-repeat center center;
}
.hSlick{position: relative;}
.hSlick .slick-prev{position: absolute; background:url("../images/hs_pre.png") no-repeat center center;width: 33px;height: 96px;top:50%;margin-top: -48px;left: 8px;z-index: 200;}
.hSlick .slick-next{position: absolute; background:url("../images/hs_next.png") no-repeat center center;width: 33px;height: 96px;top:50%;margin-top: -48px;right: 8px;z-index: 200;}


.footer{
	border-top:1px solid #ccc;
	background:#e8e8e8;
	padding:17px 0 25px 0;
	position: relative;
	z-index: 10;
}
.ft_top{
	width: 85%;
	margin:0 auto;
	padding-bottom:25px;
}
.ft_top dl{
	width: 142px;
	float: left;
}
.ft_top dt{
	height: 44px;
	line-height: 44px;
	font-size:15px;
}
.ft_top dd{
	line-height: 18px;
	padding:4px 0
}
.ft_top dd a{
	color:#666;line-height: 6px;
}
.ft_top dd a:hover{
	color:#f60;
}
.about .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.08;
	}
 .ft_top .nav-top{
    font-size: 15px;
    color: #464141;
    line-height: 3;
    padding-bottom: 4px;
  
	}
	/**  border-bottom: 1px solid #000;**/

.ft_bottom{
	border-top:2px solid #ccc;
	padding:8px 0;
}
.ft_bottom ul{
	float: left;
	line-height: 22px;
	color:#999;
}
.ft_bottom dl{
	float: right;
	width: 110px;
	text-align: center;
	color:#999;
}

.cm_banner{
	height: 280px;
	position: relative;
	width: 100%;
}
.cm_banner .bg{
	height: 510px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat:no-repeat;
	background-position:top center;
}

.main{
	position: relative;
	width: 85%;
	background:#fff;
	margin:0 auto 40px auto;
	border:1px solid #ddd;
	min-height: 600px;
	padding-bottom:100px;margin-top: -255px;
}
.now_pos{
	height: 44px;
	line-height: 44px;
	border-bottom:1px solid #dad7d6;
	padding:0 24px;
	text-align:right;
	color:#858281;
}
.aside{
	position: absolute;
	left: 15px;	
	top: 15px;
	width: 164px;
	z-index: 10;	
	height: 100%;	
	background:#fff;
	border:1px solid #ddd;
	border-radius:14px;
	padding:0 12px;
}
.aside .title{
	height: 46px;
	line-height: 46px;
	border-bottom:2px solid #404697;
	position: relative;
	font-size:18px;
	color:#000;
	font-weight: bold;
	margin-bottom:12px;
	text-align: center;
}
.aside .title img{
	display:inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right:5px;
}
.aside li{
	height: 36px;
	line-height: 36px;
	font-size:14px;
}
.aside li a{
	display: block;
	color:#999;
	padding-left:24px;
	background:url("../images/asli.png") no-repeat 5px center;
}
.aside li a:hover,.aside li a.hover{
	color:#000;
	background-image:url("../images/aslih.png");
}

.section{
	width: 100%;
	padding-left:179px;
	padding-right: 0;
}
.about{
	position: relative;
	height: 100%;
	min-height: 586px;
	
}
 
.about p{
	font-size:16px;
	line-height: 1.8;
	text-indent:2em;
	padding:20px !important;
}
.ab_conts{
	padding:20px;
}
.news_wp{
	float: right;
	padding:40px 10px 0 0;
	width:80%;
}
.news_wp .head{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
text-align: justify;
font-size: 14px;
color: #333;
margin: 0;
box-sizing: border-box;
height: 34px;
line-height: 34px;
padding: 0 25px;
background: linear-gradient(to bottom, #fff, #dadada);
clear: both;
}
.news_tabs .con{
	display: none;
	width: 50%;
	height: 240px;
	position: relative;
	float: left;
}
.news_tabs .show{
	display: block;
}
.news_tabs .con img{
	display: block;
	width: 98%;
	height: 240px;
}
.news_tabs .name{
	position: absolute;
	left: 0;
	padding:0 20px;
	bottom: 15px;
	z-index: 10;
	line-height: 20px;
	color:#fff;
	font-size:14px;
}
.news_tabs .btns{
	float: left;
	width: 49%;
}
.news_tabs .btn2{
	display: block;
	padding-left:28px;
}
.news_tabs dl{
	height: 79px;
	padding-right:10px;
	border-bottom:1px solid #e5e3e2;
}
.news_tabs dt{
	height: 32px;
	line-height: 32px;
	clear: both;
}
.news_tabs .na{
	float: left;
	font-size:14px;
	display:inline-block;
	max-width:270px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.news_tabs .date{
	float: right;
	color:#f00;
}
.news_tabs dd{
	line-height: 1.6;
}
.news_tabs .hover{
	color:#fff;
	background:#384188;
}
.news_tabs .hover .date{
	color:#fff;
}
.news_tabs .hover dl{
	border-color:#384188;
}
.news_list li{
	height: 30px;
	line-height: 30px;
	clear: both;
	border-top:1px dotted #aeaaa9;
	font-size:14px;
	position: relative;
}
.news_list li span{
	position: absolute;
	right: 0;top:0;
	color:#9b9898;
	display: block;
	width: 100px;
}
.news_list li a{
	float: left;
	display:inline-block;
	max-width:590px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.pro{
	position: relative;
	margin:55px 0 0 230px;
}
.pro_box{width: 690px;margin: 0 auto;position: relative;height: 400px;overflow: hidden;}
.pro .a{
	position: absolute;
	overflow: hidden;
}
.pro .intro{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:url("../images/sd.png") no-repeat center center;
	background-size:100% 100%;
	color:#fff;
	text-align: center;
	z-index: 10;
	display: none;
}
.pro .a:hover .intro{
	display: block;
}
.pro dl{
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1.8;
}
.pro .a1{
	left: 0;
	bottom: 8px;
}
.pro .a2{
	left: 155px;
	bottom: 8px;
}
.pro .a3{
	left: 358px;
	bottom: 8px;
}
.pro .a4{
	right: 0;
	bottom: 8px;
}

.pro .a5{
	left: 0;
	top: 8px;
}
.pro .a6{
	left: 155px;
	top: 8px;
}
.pro .a7{
	left: 358px;
	top: 8px;
}
.pro .a8{
	right: 0;
	top: 8px;
}

.cul_links{
	padding:70px 0 0 205px;
}
.cul_item{
	width: 235px;
	height: 310px;
	float: left;
	border:1px solid #858181;
	border-radius:0 0 45px 0;
	margin-left:20px;
	text-align: center;
}
.cul_item img{
	display: block;
	width: 100%;
	height: 270px;
}
.cul_item dt{
	padding-top:15px;
	height: 20px;
	line-height: 20px;
	font-size:16px;
}
.cul_item dd{
	line-height:3.8;
	color:#ae9983;
}

.still{
	width: 720px;
	float: left;
	margin-left:240px;
}
.still .title{
	font-size:20px;
	padding:15px 0 0 0;
	line-height: 3;
}
.still p{
	line-height: 1.8;
	text-indent:2em;
}
.still img{
	display: block;
	max-width:100%;
	margin:10px auto;
}

.work_wp{
	float: none;
	padding: 40px 2% 0 2%;
	width: auto;
	margin-left: 179px;
}
.work_wp .head{
	height: 34px;
	line-height: 34px;
	padding:0 25px;
	background:#dadada; /* 一些不支持背景渐变的浏览器 */  
	background:linear-gradient(to bottom, #fff, #dadada);
	background:-moz-linear-gradient(to bottom, #fff, #dadada);
	background:-webkit-gradient(to bottom, #fff, #dadada);
	background:-o-linear-gradient(to bottom, #fff, #dadada);
	clear: both;
}
.work_wp li{
	height: 44px;
	line-height: 44px;
	clear: both;
	border-bottom:1px solid #dbd8d7;
	padding:0 25px;
	background:url("../images/asli.png") no-repeat 5px center;
}
.work_wp li a{color: #666;}
.work_wp .name{
	float: left;
	display:inline-block;
	max-width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.work_wp .date{
	float: right;
}
.page{
	text-align: center;
	padding-top:50px;
}
.page li{display: inline-block;}
.page a{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding:0 10px;
	margin:0 1px;
	border:1px solid #ccc;
}
.page a:hover,.page a.hover{
	background:#4b6aaf;
	border-color:#4b6aaf;
	color:#fff;
}

.ser{
	float: right;
	position: relative;
	width: 98%;
}
.ser .bg1{
	position: absolute;
	right: 0;
	top: 0;
}
.cnta{
	padding:63px 0 130px 0;
	line-height: 32px;
	font-size:22px;
}
.cnta dt{
	color:#3f4696;
}
.ser .item{
	width: 240px;	
	float: left;
	line-height: 1.8;
	position: relative;
	margin-left:20px
}
.ser ul{
	padding:0 20px 0 25px;
}
.ser .item img{
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
}