/*江晓东 2018.08.27 */
/* CSS Document */
html{overflow: -moz-scrollbars-vertical;overflow-x: hidden;} /*始终让 Firefox 显示滚动条*/
*{word-wrap: break-word;margin: 0;padding: 0;outline: none;}/*文字强制换行word-break:keep-all;(Ff)*/
table{border-collapse: collapse;margin: auto;}/*细线表格*/
fieldset, img{border: none;}/*清除描边,块显示*/
ul, li{list-style-type: none;}/*无列表项目标记*/
a{text-decoration: none;color: #666666}/* 链接无下划线,有为underline;链接去框 */
a:link{color: #666666;}/* 未访问的链接 */
a:visited{color: #666666;}/* 已访问的链接 */
a:hover{color: #4077a0;}/* 鼠标在链接上 */
a:active{color: #666666;
blr:expression(this.onFocus=this.blur());}/* 点击激活链接 */
i,em{font-style: normal;}
body{
	font-family:"Microsoft YaHei" !important;
	font-size:12px;color:#666;
	/*background:#a0a7b7;*/
	
	background-image: url(../image/box22bg.jpg);
	background-repeat:no-repeat; 
	background-attachment:fixed
}
select, input{vertical-align: middle;outline: none; font-family:"Microsoft YaHei";}
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox]{cursor: pointer;outline: none;}
textarea{outline: none;font-family:"Microsoft YaHei";}
.wrap{width: 1200px;clear: both;margin: 0 auto;}
.clear{clear: both;overflow:hidden;}
.h2{clear: both;height: 2px;overflow:hidden;}
.h10{clear: both;height: 10px;overflow:hidden;}
.h15{clear: both;height: 16px;overflow:hidden;}
.h20{clear: both;height: 20px;overflow:hidden;}
.h25{clear: both;height: 25px;overflow:hidden;}
.h30{clear: both;overflow:hidden;height: 30px;}
.h32{clear: both;height: 32px;}
.h40{clear: both;height: 40px;overflow:hidden;}
.h50{clear: both;height: 50px;overflow:hidden;}
.h55{clear: both;height: 55px;overflow:hidden;}
.h60{clear: both;height: 60px;overflow:hidden;}
.h80{clear: both;height: 80px;overflow:hidden;}
.h100{clear: both;height: 100px;overflow:hidden;}
.h110{clear: both;height: 110px;overflow:hidden;}
.h125{clear: both;height: 125px;overflow:hidden;}
.h150{clear: both;height: 150px;overflow:hidden;}
.h185{clear: both;height: 185px;overflow:hidden;}
.h250{clear: both;height: 125px;overflow:hidden;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}


.bai{ background: #FFF;}
.hui{ background: #f2f2f2;}
.pic{ overflow:hidden;}
.pic img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.pic:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.hoverDH{transition: 0.3s linear; -webkit-transition: 0.3s linear;}
.hoverDH:hover{transform: translateY(-5px); -webkit-transform: translateY(-5px);box-shadow: 0 2px 9px 2px rgba(0,0,0,0.1);}
.default{background:#ececec url(404.png) center center no-repeat;}
.imgBox{
	position: relative;
	overflow: hidden;
}
.imgBox img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.jqthumb{
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.3s linear;
}
.publicTit{
	font-size: 28px;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	position: relative;
	z-index: 1;
}
.publicTit a{
	color: #fff;
}

/*将彩色图片变灰色*/
img.desaturate{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);     
	-moz-filter: grayscale(100%);     
	-ms-filter: grayscale(100%);     
	-o-filter: grayscale(100%); 
	}

/*字竖向排列*/
.writing-mode-lr{
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
    text-align: left;  
}
.writing-mode-rl{
	writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
    text-align: left;    
}

/**
 * 改变浏览器滚动条
 * @author 杨朝杰
 * @return
 */
::-webkit-scrollbar {width:8px;background:#fff;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:8px;background:#585f72;}
::-webkit-scrollbar-corner {background:#f0f0f0;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}

/**
 * css3动画（从上往下、从下往上、从左往右、从右往左、淡入、淡出）
 * @author 杨朝杰
 * @return
 */
@-webkit-keyframes gupIn{from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}}
@-moz-keyframes gupIn{from{opacity:0; -moz-transform:translate3d(0,-30px,0);}}
@keyframes gupIn{from{opacity:0; transform:translate3d(0,-30px,0);}}

@-webkit-keyframes gdownIn{from{opacity:0; -webkit-transform:translate3d(0,30px,0);}}
@-moz-keyframes gdownIn{from{opacity:0; -moz-transform:translate3d(0,30px,0);}}
@keyframes gdownIn{from{opacity:0; transform:translate3d(0,30px,0);}}

@-webkit-keyframes gleftIn{0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes gleftIn{0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes gleftIn{0%{opacity:0; transform:translate3d(-30px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes grightIn{0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes grightIn{0%{opacity:0; -moz-transform:translate3d(80px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes grightIn{0%{opacity:0; transform:translate3d(80px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}

@-webkit-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}

.gupIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gupIn 1s 0.1s both;
    -moz-animation: gupIn 1s 0.1s both;
    animation: gupIn 1s 0.1s both;
	}
.gdownIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gdownIn 1s 0.1s both;
    -moz-animation: gdownIn 1s 0.1s both;
    animation: gdownIn 1s 0.1s both;
	}
.gleftIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gleftIn 1s 0.1s both;
    -moz-animation: gleftIn 1s 0.1s both;
    animation: gleftIn 1s 0.1s both;
	}
.grightIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: grightIn 1s 0.1s both;
    -moz-animation: grightIn 1s 0.1s both;
    animation: grightIn 1s 0.1s both;
	}
.gfadeIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeIn 1s 0.1s both;
    -moz-animation: gfadeIn 1s 0.1s both;
    animation: gfadeIn 1s 0.1s both;
	}
.gfadeOut{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeOut 1s 0.1s both;
    -moz-animation: gfadeOut 1s 0.1s both;
    animation: gfadeOut 1s 0.1s both;
	}


/*公共部分结束*/
/*
********************************此处首页样式开始********************************
*/
.fade{
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fadeTop,
.fadeBottom{
	position: absolute;
	width: 100%;
	height: 50%;
	background: #fff;
	left: 0;
}
.fadeLogo{
	text-align: center;
	width: 100%;
}
.fadeC{
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -57px;
	text-align: center;
}
.fadeTop{
	top: 0;
}
.fadeBottom{
	bottom: 0;
}
.fadeLoading {
   display:inline-block;
   font-size:0px;
   padding:0px;
}
.fadeLoading span {
   vertical-align:middle;
   border-radius:100%;
   
   display:inline-block;
   width:10px;
   height:10px;
   margin:3px 2px;
   -webkit-animation:loader1 0.8s linear infinite alternate;
   animation:loader1 0.8s linear infinite alternate;
}
.fadeLoading span:nth-child(1) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(0, 117, 193,0.6);
}
.fadeLoading span:nth-child(2) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(0, 117, 193,0.8);
}
.fadeLoading span:nth-child(3) {
   -webkit-animation-delay:-0.26666s;
   animation-delay:-0.26666s;
  background:rgba(0, 117, 193,1);
}
.fadeLoading span:nth-child(4) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(0, 117, 193,0.8);
  
}
.fadeLoading span:nth-child(5) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(0, 117, 193,0.4);
}

@keyframes loader1 {
   from {transform: scale(0, 0);}
   to {transform: scale(1, 1);}
}
@-webkit-keyframes loader1 {
   from {-webkit-transform: scale(0, 0);}
   to {-webkit-transform: scale(1, 1);}
}

 /*首页框架 start */
.box{
	height: 100%;
	width: 100%;
	position: relative;
}
.box .page-next{
	position: absolute;
	bottom:20px;
	text-align: center;
	left:50%;
	z-index: 999;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	line-height: 30px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	transition: 0.3s ease;
	animation:arrowDown 1s infinite linear ;
	-webkit-animation: arrowDown 1s infinite linear;
}
/*向下的箭头跳动*/
@-webkit-keyframes arrowDown {
    0% {
        -webkit-transform: translate(0,0);
    }
    25%{
        -webkit-transform: translate(0,6px);
    }
    50% {
        -webkit-transform: translate(0,0);
    }
    75%{
        -webkit-transform: translate(0, -6px);
    }
    100% {
        -webkit-transform: translate(0,0);
    }
}
.box .page-next:hover{
	/* transform: translateY(-4px); */
	animation: none;
}
.box .nextIco{
	height: 30px;
	width: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	background: url(../image/pagenext.png) center center no-repeat;
	position: relative;
}

.box .nextIco:after{
	content: '';
	height: 7px;
	border-left: 3px solid darkorange;
	position: absolute;
	top: 3px;
    left: 14px;
	border-radius: 40%;
	animation: yishan infinite;
    animation-duration: 1s;
    animation-timing-function: linear;
}
.box .page-next:hover .nextIco:after{
	content: '';
	height: 10px;
	width: 9px;
	border-left:none;
	background: url(../image/pagenext_h.png);
	position: absolute;
	top: 1px;
    left: 7px;
	border-radius: 0;
	animation: yishan infinite;
    animation-duration: 1s;
    animation-timing-function: linear;
}
@keyframes yishan{
	0%{
		opacity: 1;
		display: block;
	}
	50%{
		opacity: 0;
		display: none;
	}
	100%{
		opacity: 1;
		display: block;
	}
}
.box1Ico{
	position: absolute;
	top: 200px;
	left: 200px;
	height: 80px;
	width: 80px;
	background: #fff;
}
.section{
	height: 100%;
	width: 100%;
}
.box>.swiper-wrapper {
	transition-timing-function: cubic-bezier(0.6, 0.2, 0.2, 0.6);
	transition-delay: 0.8s;
	height: 100%;
}
.stockCode{
	position: fixed;
	top: 22px;
	right: 0;
	padding:0 0 0 38px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	width: 170px;
	z-index: 999;
	background: url(../image/stcode.png) left center no-repeat;
}
.stockCode a{
	display: block;
	color: #fff;
}
.indShare{
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 999;
}
.indShare ul{
}
.indShare ul li{
	float: left;
	padding: 0 10px;
	position: relative;
}
.indShare ul li a{
	display: block;
	height: 16px;
	width: 20px;
}
.indShare ul li.ico1 a{
	background: url(../image/share1.png) center center no-repeat;
}
.indShare ul li.ico2 a{
	background: url(../image/share2.png) center center no-repeat;
}
.indShare ul li.ico3 a{
	background: url(../image/share3.png) center center no-repeat;
}
.shareCode{
	width: 120px;
	height: 120px;
	background: #fff;
	position: absolute;
	top: -160px;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	filter:alpha(opacity=0);
	visibility: hidden;
	transition: 0.3s ease;
}
.shareCode i{
	position: absolute;
	background: url(../image/shareico1.png) center center no-repeat;
	height: 7px;
	width: 12px;
	left: 50%;
	margin-left: -6px;
	bottom: -7px;
}
.shareCode img{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 99999;
}
.indShare ul li a:hover~.shareCode{
	opacity: 1;
	filter:alpha(opacity=100);
	visibility: visible;
	top: -140px;
}
.indRecord{
	position: fixed;
	bottom: 15px;
	right: 25px;
	z-index: 999;
	text-align: right;
	color: #dedede;
	font-size:13px;
	line-height: 26px;
}
.indRecord a{
color: #dedede;
padding-right: 5px;
}
.indRecord a:hover{
	color: #fff;
}
#cnzz_stat_icon_1275486601{
	position: relative;
    top: 2px;
}
.boxPage {
	width:14px;
	position: fixed;
	right:10px;
	top: 50%;
	margin-top: -60px;
	z-index: 999;
}
.boxArrow{
	width:14px;
	height:14px;
	margin:20px 0;
	position:relative;
	cursor:pointer;
}
.boxArrow span{
	display: block;
	height: 35px;
	line-height: 35px;
	width: 60px;
	padding: 0 10px;
	color: #2285DF;
	font-size: 14px;
	text-align: center;
	transform: translateX(-6px);
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	transition: 0.4s ease;
	position:absolute;
	background: #fff;
	margin-right: 12px;
	background: #fff;
	right:15px;
	top:-10px;
}
.boxArrow span:after{
	background: url(../image/boxarrowbg.png) center center no-repeat;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: -12px;
	width: 12px;
	height: 35px;
}
.boxArrow i{
	display: block;
	border-radius: 50%;
	height: 10px;
	width: 10px;
	border: 2px solid;
	border-color: transparent;
}
.boxArrow i:after{
	content: '';
	display: block;
	height: 10px;
	width: 10px;
	background: #999;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -5px;
	margin-top: -5px;
	border-radius: 50%;

}
.boxArrow:hover span{
	transform: translateX(0px);
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}
.boxArrow.active i{
	border-color: #0075c1;
}
.boxArrow.active i:after{
	height: 6px;
	width: 6px;
	margin-left: -3px;
	margin-top: -3px;
	background: #0075c1;
}

 /*首页框架 end */
/*头部开始*/

.top {
  position: fixed;
  top: 0;
  left: 0;
  height:80px;
  background-color: #fff;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, .2);
  overflow: visible;
  z-index: 999;
}

#logo {
  float: left;
  width: auto;
  width:200px;
  padding: 15px 20px 0 20px ;
  background-color: #fff;
  position: relative;
}

#logo img {
  height:48px;
  width: auto;
  transition: 0.4s ease;
}

#logo h5 {
  position: absolute;
  left: 0;
  top: 22px;
  width: 100%;
  text-align: center;
  color: #0075c1;
  font-size: 16px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: 0.4s ease;
  display: none;
}
.no-touch #logo:hover img {
  visibility: hidden;
  opacity: 0;
}

.no-touch #logo:hover h5 {
  visibility: visible;
  opacity: 1;
}
.maskBg{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	background: #000;
	opacity:0.6;
	display: none;
}
.top .title {
  height: 100%;
  padding: 0 20px;
  background-color: #fff;
  border-left: 1px solid #F0F0F0;
  float: left;
  overflow: hidden;
}

.top .title h4 {
  line-height:80px;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}
/*头部结束*/

.menu{
	width: 80px;
	height: 56px;
	background: #585f72;
	padding: 12px 0;
	position: relative;
	cursor: pointer;
}
.menu i{
	display: block;
	border-bottom: 1px solid #fff;
	width: 45%;
	margin: 0 auto;
	padding-top:16% ;
	transition: 0.5s ease;
	transition-delay:0.7s;
}
.menu.hover i{
	opacity: 0;
	filter:alpha(opacity=0);
	transition-delay:0s;
}
.menuClose{
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -17px;
	margin-top: -17px;
	transition: 0.3s ease;
	transform: translateX(-100px);
}

.menuClose .line{
	position: absolute;
	left: 0;
	border-bottom: 2px solid #fff;
	width: 100%;
	transition: 0.4s ease;
	top: 50%;
	transform-origin: 50% 50%;
	margin:0  0 15px 0;
}

.menu.in .menuClose{
	transform: translateX(0);
}
.menu.in .line{
	transition-delay: 0.4s;
}
.menu.in .menuClose .line1{
	top: 0;
	margin: 18px 0 0 0;
	transform: rotate(45deg); clear: none;
}
.menu.in .menuClose .line2{
	bottom: 0;
	top: auto;
	transform: rotate(-45deg); clear: none;
}

.menu.out .menuClose .line{
	top: 50%;
	transition-delay: 0s;
}
.menu.out .menuClose .line1{
	margin: 0;
	transform: rotate(0); clear: none;
}
.menu.out .menuClose .line2{
	bottom: auto;
	transform: rotate(0); clear: none;
}
.menu.out .menuClose{
	transform: translateX(-100px);
	transition-delay: 0.5s;
}
/*menu开始*/
.menuMain{
	width: 320px;
	background: #a0a7b7;
	position: fixed;
	z-index: 99999;
	left: -100%;
	top: 80px;
	height: 100%;
	overflow: hidden;
	transition: 0.8s ease-in-out;
}
.menuMain.hover{
	left: 0;
}
.menuBox{
	overflow-y: scroll;
	height: 100%;
	width: 340px;
}
.oneMenu{
	width: 100%;
}
.oneMenu dd{
	border-bottom: 1px solid #aeb4c0;
	padding: 6px 0;
	position: relative;
	transition: 0.3s ease;
}
.oneMenu dd span{
	display: block;
	line-height: 49px;
	height: 49px;
	font-size: 16px;
	padding-left: 30px;
	position: relative;
	font-weight: bold;
	transition: 0.3s ease;
}
.oneMenu dd span a{
	color: #fff;
	transition: 0.3s ease;
	display:block;
}
.oneMenu dd:hover{
	background: #585f72;
}
.oneMenu dd:hover span a{
	padding-left: 10px;
}
.twoMenu{
	padding:0 0 0 40px;
	height: 0;
	overflow: hidden;
	transition: 0.5s linear;
}
.twoMenu li{
	height: 32px;
	transform: translateY(-30px);
	transition: 0.2s linear;
	opacity: 0;
	filter:alpha(opacity=0);
	
}
.twoMenu.hover li{
	transform: translate(0);
	opacity: 1;
	filter:alpha(opacity=100);
}
.twoMenu li a{
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	transition: 0.3s ease;
	display: block;
}
.twoMenu li a:hover{
	padding-left: 10px;
}
.twoMenu li.hover a{
	color: #dcccb2;
}
.menuSwitch{
	position: absolute;
	top: 50%;
	right: 32px;
	width: 15px;
	height: 15px;
	margin-top: -7px;
	cursor: pointer;
}
.menuSwitch i{
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 50%;
	left: 0;
	transition: 0.3s ease;
}
.menuSwitch i.line2{
	transform: rotate(90deg);
}
.menuSwitch.hover i.line2{
	transform: rotate(0);
}
.search{
	padding:40px 28px 20px 28px;
	height: 30px;
	border-bottom: 1px solid #aeb4c0;
	position: relative;
}
.search:after{
	content: '';
	position: absolute;
	bottom: -1px;
	border-bottom: 1px solid #fff;
	left: 0;
	width: 0;
	transition: 0.3s ease;
}
.search.hover:after{
	width: 100%;
}
.searchBox{
	overflow: hidden;
}
.searchBox input{
	width: 100%;
	background: none;
	border: none;
	height: 30px;
	line-height: 30px;
	color: #e5e5e5;
}
.searchBox input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#e5e5e5;
}
.searchBox input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#e5e5e5;
}
.searchBox input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#e5e5e5;
}
.searchBox input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#e5e5e5;
}
.searchIco{
	width: 25px;
	height: 100%;
}
.searchIco a{
	display: block;
	height: 100%;
	background: url(../image/srhico1.png) center center no-repeat;
	
}
/*menu结束*/
/*banner开始*/
.banner{
	height: 100%;
	width: 100%;
}
.banner .swiper-wrapper{
	height: 100%;
	width: 100%;
	position: relative;
	transition-timing-function: cubic-bezier(0.71, 0.23, 0.22, 0.81);
	transition-delay: 1s;
}
.banner .swiper-slide{
	height: 100%;
	width: 100%;
	position: relative;
}
.banner  .bnrSlide{
	transform-origin: center center 0;
	transition: transform 2s ease, opacity .8s ease, visibility .8s ease;
	background-repeat:no-repeat ;
	background-position: center center; 
	background-size: cover;
	height: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	filter:alpha(opacity=0);
	transform: perspective(600px) rotateX(5deg) rotateY(-5deg) scale(.9);
	position: relative;
	transition-delay: 0.7s;
}
.banner .swiper-slide-active .bnrSlide{
	transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);
	-webkit-transform: ;
	opacity: 1;
	filter:alpha(opacity=100);
	visibility: visible;
}
.banner .banner1 .bnrSlide{
	transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);
	-webkit-transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1) ;	
}
.banner .pagination{
	position: absolute;
	left: 0;
	bottom: 50px;
	z-index: 999;
	width: 100%;
	text-align: center;
	font-size: 0;
	display:none;
}
.banner .pagination span{
	display: inline-block;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	border: 1px solid #fff;
	cursor: pointer;
	margin:0 10px;
}
.banner .pagination span.swiper-active-switch{
	background: #fff;
}
.banner .swr-page{
	position: absolute;
	top: 50%;
	margin-top: -80px;
	z-index: 999;
	font-size: 14px;
	color: #fff;
	left: 50px;
	padding-left: 40px;
	display: none;
}
.banner .swr-page:after{
	content: '';
	position: absolute;
	left: 0;
	top:50%;
	width: 14px;
	margin-top: -1px;
	border-bottom: 2px solid #fff;
}
.bnr-prevBtn,
.bnr-nextBtn{
	position: absolute;
	top:0;
	height:100%;
	width:200px;
	cursor:pointer;
}
.bnr-prevBtn{left:0;}
.bnr-nextBtn{right:0;}
.banner .bnr-prev,
.banner .bnr-prev1,
.banner .bnr-next,
.banner .bnr-next1{
	position: absolute;
	top: 50%;
	height: 63px;
	width: 63px;
	background: #0075c1;
	margin-top: -32px;
	cursor: pointer;
	transition: 0.4s ease;
}
.banner .bnr-prev,
.banner .bnr-prev1{
	left:-65px;
	background:url(../image/bnr-prev.png) center center no-repeat;
}
.banner .bnr-next,
.banner .bnr-next1{
	right: -65px;
	background:url(../image/bnr-next.png) center center no-repeat;
}
.bnr-prevBtn:hover .bnr-prev,
.bnr-prevBtn:hover .bnr-prev1{
	left:50px;
}
.bnr-nextBtn:hover .bnr-next,
.bnr-nextBtn:hover .bnr-next1{
	right: 50px;
}
.banner .bnr-prev{
	display: none;
}
.banner .bnr-next1{
	display: none;
}
.bnrTit{
	height: 54px;
	text-align: center;
	font-size: 46px;
	color: #fff;
	font-weight: bold;
}
.bnrInfr{
	font-size: 18px;
	line-height: 30px;
	width: 780px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
}
.banner1 .bnrTit{color: #085194;}
.banner1 .bnrInfr{color: #085194;}
.groupData{
	text-align: center;
	font-size: 0;
}
.groupData dd{
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	cursor: pointer;
	margin: 0 25px;
	transition: 0.6s ease;
}
.groupData .dataNum span{
	font-size: 26px;
	display: block;
	height: 32px;
	padding-top: 14px;
}
.groupData .dataNum em{
	font-size: 14px;
}
.groupData .dataNum{
	border-radius: 50%;
	background: url(../image/dataline.png) center center no-repeat;
	height: 79px;
	width: 79px;
	position: relative;
}
.groupData .dataTitle{
	font-size: 14px;
	padding-top: 10px;
}
.groupData i{
	position: absolute;
	display: block;
	height: 0;
	width: 40px;
	transition: 0.4s ease-in-out;
}
.groupData .lineL{
	bottom: 0;
	left: 0;
	background: url(../image/datalinel.png) left bottom no-repeat;
	transition-delay: 0s;
}
.groupData .lineR{
	top: 0;
	right: 0;
	background: url(../image/dataliner.png) right top no-repeat;
	transition-delay: 0.4s;
}
.groupData dd:hover{
	color: #085194;
}
.groupData dd:hover .lineL{
	height: 79px;
	transition-delay: 0.4s;
}
.groupData dd:hover .lineR{
	height: 79px;
	transition-delay: 0s;
}
.groupData dd:nth-of-type(2){animation-delay: 0.2s;}
.groupData dd:nth-of-type(3){animation-delay: 0.4s;}
.groupData dd:nth-of-type(4){animation-delay: 0.6s;}
.groupData dd:nth-of-type(5){animation-delay: 0.8s;}
.groupData dd:nth-of-type(6){animation-delay: 1s;}
.ytLogo{
	display: inline-block;
	background: url(../image/bnrlogo.png) left center no-repeat;
	width:105px ;
	height: 26px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
.ytLogo:after{
	border-right: 1px solid #fff;
	content: '';
	position: absolute;
	right: 0;
	height: 18px;
	top: 50%;
	margin-top: -9px;
	
}
/*banner结束*/

/*第一通栏开始*/
.box2{
	background: url(../image/box2bg.jpg) center center no-repeat;
	background-size: cover;
}
.newsLeft{
	height: 100%;
	padding:0 79px 0 80px;
}
.newsTit h3{
	font-size: 36px;
	color: #FFFFFF;
	line-height: 50px;
}
.newsTab {
	padding-top: 45px;
}
.newsTab a{
	display: block;
	height: 35px;
	width: 102px;
	border: 1px solid #959da5;
	line-height: 35px;
	color: #959da5;
	text-align: center;
	margin-bottom: 20px;
	transition: 0.3s ease;
}
.newsTab a:hover,.newsTab a.active{
	color:#fff;
	background: #2285DF;
	border-color: #2285DF;
}

.newsRight{
	height: 100%;
	overflow: hidden;
	padding-right: 30px;
}
.newsRight .swiper-wrapper{
	height: 100%;
}
.newsList{
	height: 100%;
	position: relative;
	overflow: hidden;
}
.newsList .slick-list,
.newsList .slick-track,
.newsList .news-slide{
	height: 100%;
}
.newsList .listBox{
	transition: 0.4s ease;
	position: relative;
	top: 0;
}
.newsList .listTit{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 26px;
	height: 26px;
	transition: 0.4s ease;
	transition-delay: 0.4s;
}

.newsList .listTit a{
	color: #fff;
}
.newsList .listTime{
	font-size: 16px;
	color: #b2b2b2;
	position: relative;
	padding-top: 10px;
}
.newsList .listTime:after{
	content: '';
	display: block;
	border-bottom: 1px solid #999999;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	transition: 0.4s ease;
	transition-delay: 0.8s;
}
.newsList .listInfr{
	color: #b2b2b2;
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	padding-top: 9%;
	overflow: hidden;
}

.newsList .listImg{
	padding-top: 20px;
	position: relative;
	top: 0;
	transition: 0.4s ease;
}
.newsList .listImg a{
	display: block;
}
.newsList .listImg .imgBox{
	height: 200px;
	background-size: cover !important;
}
.newsList .listImg .imgBox img{
	display: block;
	height: 100px;
	width: 200px;
}
.newsListBox{
	height: 100%;
	padding:0 30px;
	position: relative;
	transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
}
.news-slide+.news-slide .newsListBox:after{
	position: absolute;
	content: '';
	top: 25%;
	border-right: 1px solid #757c82;
	height: 50%;
	left: 0;
	display: none;
}
.newsListBox:hover{
	background: rgba(255,255,255,0.95);
	background:#fff\0/;
	transition: 0.3s ease;
}
.newsListBox:hover:after{
	display: none;
}
.newsList .listBox .listMore{
	padding-top: 0;
	height: 0;
	overflow: hidden;
	transition: 0.4s ease;
}
.newsList .listBox .listMore a{
	display: block;
	width: 38px;
	height: 20px;
	border: 1px solid #999;
	text-align: center;
	line-height: 18px;
	border-radius: 10px;
	font-size: 16px;
	color: #666;
	transition: 0.3s ease;
}
.newsListBox:hover .listBox{
	top: 230px;
}
.newsListBox:hover .listTit{
	white-space: normal;
	height: 52px;
}
.newsListBox:hover .listTit a{color: #333;}
.newsList .listTit a:hover{color: #2285DF;}
.newsListBox:hover .listImg{
	top:-260px;
}
@media screen and (max-width:1600px) {
	.newsListBox:hover .listImg{
		top:-240px;
	}
}
@media screen and (max-width:1366px) {
	.newsListBox:hover .listImg{
		top:-230px;
	}
}
.newsListBox:hover .listInfr{
	color: #666;
}
.newsListBox:hover .listMore{
	padding-top: 20px;
	height: 22px;
}
.newsListBox:hover .listTime:after{
	width: 100%;
}
.newsList .listBox .listMore a:hover{
	transform: translateX(3px);
}
.newsList .slick-dots{
	position: absolute;
	bottom: 12%;
	right: 50%;
	height: 11px;
	width: 50%;
	text-align: right;
}
.newsList .slick-dots li{
	display: inline-block;
	margin-left: 10px;
	border-radius: 50%;
	height: 11px;
	width: 11px;
	background: #B2B2B2;
	cursor: pointer;
}
.newsList .slick-dots li.slick-active{
	background: #2285DF;
}
.newsList .slick-arrow{
	position: absolute;
	bottom: 12%;
	height: 16px;
	width: 9px;
	cursor: pointer;
	margin: 2px 0 0 0;
	z-index: 9;
	display: none !important;
}
.newsList .slick-arrow.next{
	background: url(../image/box2next.png) center center no-repeat;
	left: 51%;
	margin-left: 28px;
}
.newsList .slick-arrow.prev{
	background: url(../image/box2prev.png) center center no-repeat;
	left: 51%;
}
.newsRight .swiper-slide{
	position: relative;
	overflow: hidden;
}
/*.newsList2 .newsListBox:hover .listBox{
	top: 0;
}
.newsList2 .listTit{
	height: 52px;
	white-space: normal;
}
.newsList2 .listBox{
	padding-top: 40%;
}
.newsList2 .listInfr{
	height: 120px;
}*/
.newsRight .newsPrev,
.newsRight .newsNext{
	height: 80px;
	width: 36px;
	top: 50%;
	margin-top: -40px;
	position: absolute;
	cursor: pointer;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.newsRight .newsPrev{
	background: url(../image/newsprev.png);
	left: -36px;
}
.newsRight .newsNext{
	background: url(../image/newsnext.png);
	right: -36px;
}
.newsRight .swiper-slide:hover .newsPrev{
	left: 0;
}
.newsRight .swiper-slide:hover .newsNext{
	right: 0;
}
.mediaList{
    overflow: hidden;
    padding-top: 40px;
    margin-right: 30px;
}
.mediaList dd{
	float: left;
	display: inline;
	width: 25%;
	margin-bottom: 30px;
	transform: translate(10px,10px);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.4s ease;
}
.mediaList dd a{
	display: block;
	margin:0 15px ;
	color: #666;
	padding: 20px;
	transition: 0.4s ease;
	border-radius:3px;
	background: #fff;
}
.mediaList .listTit{
	font-size:16px;
    line-height: 28px;
    height: 56px;
    margin-bottom: 10px;
    overflow: hidden;
    transition: 0.4s ease;
}
.mediaList .listTime{
	transition: 0.4s ease;
}
.mediaList .listTime span{
	font-size: 12px;
	padding-right: 2px;
	
}
.mediaList dd.hover {
	transform: translate(0px,0px);
	opacity: 1;
	filter: alpha(opacity=100);
}
/*.mediaList dd.bg1 a{background: #bfad9c;color: #857464; }
.mediaList dd.bg2 a{background:#f1eee9 ;color:#988c78 ;}
.mediaList dd.bg3 a{background:#fde4d2 ;color:#96725a ;}
.mediaList dd.bg4 a{background:#e9ece5 ;color:#6f7765 ;}
.mediaList dd.bg5 a{background:#e2e3de ;color:#969a87 ;}
.mediaList dd.bg6 a{background:#d2cfcd ;color:#7d746d ;}
.mediaList dd.bg7 a{background:#faecdf;color:#a29488 ;}
.mediaList dd.bg8 a{background:#f1eee9 ;color:#817869 ;}
.mediaList dd.bg9 a{background:#ede6f5 ;color:#988fa2 ;}
.mediaList dd.bg10 a{background:#fde4d1 ;color:#96725a ;}
.mediaList dd.bg11 a{background:#f1eee9 ;color:#988c78;}
.mediaList dd.bg12 a{background:#dbd8d6 ;color:#877a70 ;}
.mediaList dd.bg13 a{background: #bfad9c;color: #857464;  }
.mediaList dd.bg14 a{background:#f1eee9 ;color:#988c78 ;}
.mediaList dd.bg15 a{background:#fde4d2 ;color:#96725a ;}
.mediaList dd.bg16 a{background:#e9ece5 ;color:#6f7765 ;}
.mediaList dd.bg17 a{background:#e2e3de ;color:#969a87 ;}
.mediaList dd.bg18 a{background:#d2cfcd ;color:#7d746d ;}*/

.mediaList dd.bg1 a{background: #907c6a;color: #fff;}
.mediaList dd.bg2 a{background:#b0a38d ;color: #fff;}
.mediaList dd.bg3 a{background:#9e8776 ;color: #fff;}
.mediaList dd.bg4 a{background:#83946d ;color: #fff;}
.mediaList dd.bg5 a{background:#8e9670 ;color: #fff;}
.mediaList dd.bg6 a{background:#aca39d ;color: #fff;}
.mediaList dd.bg7 a{background:#b9aa9d;color: #fff;}
.mediaList dd.bg8 a{background:#aca392 ;color: #fff;}
.mediaList dd.bg9 a{background:#a092b0 ;color: #fff;}
.mediaList dd.bg10 a{background:#cdb29d ;color: #fff;}
.mediaList dd.bg11 a{background:#b0a899 ;color: #fff;}
.mediaList dd.bg12 a{background:#7c7e7e ;color: #fff;}

.mediaList dd.bg2{transition-delay:  0.1s}
.mediaList dd.bg3{transition-delay: 0.2s}
.mediaList dd.bg4{transition-delay: 0.3s}
.mediaList dd.bg5{transition-delay: 0.4s}
.mediaList dd.bg6{transition-delay: 0.5s}
.mediaList dd.bg7{transition-delay: 0.6s}
.mediaList dd.bg8{transition-delay: 0.7s}
.mediaList dd.bg9{transition-delay: 0.8s}
.mediaList dd.bg10{transition-delay: 0.9s}
.mediaList dd.bg11{transition-delay: 1s}
.mediaList dd.bg12{transition-delay: 1.1s}
.mediaList dd a:hover{
	transform: translateY(-4px); 
	box-shadow: 0 2px 35px 0 rgba(0,0,0,0.3);
}
/*第一通栏结束*/
/*第二通栏开始*/
.box3{
	position: relative;
	background: #46474c;
}
.bisBox,
.box3Bg,
.box3Bg .swiper-wrapper,
.box3Bg .swiper-slide{
	height: 100% !important;
	width: 100% !important;
}
.box3Bg{
	position: absolute !important;
	top: 0;
	left: 0;
}
 
.box3Bg .swiper-wrapper{
	transform: translate(1px) !important;/*解决swiper第一个不改变*/
	margin-left: -1px;
	left: 0 !important;
}
.box3Bg .swiper-slide{
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	z-index: 1;
	transform: scale(1.3);
	transition: 3s ease-in-out;
}
.box3Bg .swiper-slide-active{
	opacity: 1;
	filter:alpha(opacity=100);
	z-index: 2;
	transform: scale(1);
}
.box3Left{
	height: 100%;
	padding-left: 80px;
	position: relative;
	z-index: 9;
}
.bisPhrase{
	color: #fff;
	font-size: 16px;
	position: relative;
	z-index: 9;
}

.bisList{
	width:49% ;
	padding-right: 15%;
	height: 100%;
	position: relative;
	z-index: 9;
}
.bisList1{
	margin: 0 -15px;
}
.bisList1 dd{
	float: left;
	display: inline;
	padding: 15px 0;
	width: 33.3333%;
}
.bisList1 dd a{
	display: block;
	padding-top: 66.6666%;
	border: 1px solid rgba(255,255,255,0.4);
	border-color: #fff\0/;
	*border-color: #fff;
	margin: 0 15px;
	position: relative;
	border-radius:5px;
}
.bisList1 .listBox1{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.4s ease;
}
.bisList1 dd span{
	color: #fff;
	font-size:30px;
	position: absolute;
	top: 30%;
	margin-top: -1px;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 20px;
	height: 26px;
	line-height: 36px;
}
.bisList1 dd span:after{
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -21px;
	bottom: 0;
	width: 42px;
	border-bottom: 1px solid #fff;
}
.bisList1 .listBox{
	position: absolute;
	top: 0;
	left: 0;
	/* background: #000; */
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=00);
	transform: scale(0.2);
	transition: 0.6s ease;
}
.bisList1 .listTxt{
	padding: 20px;
}
.bisList1 .listBox .listTit{
	color: #fff;
	font-size: 16px;
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 26px;
	height: 26px;
	padding: 6% 0 8% 0;
}
.bisList1 .listBox .listInfr{
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	padding-top: 20px;
	position: relative;
	top: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.5s linear;
	word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
}
.bisList1 .listBox .listInfr:after{
	content: '';
	width: 30px;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
}
/*.bisList1 dd.ico1 .listBox1{background: url(../images/bisico1.png) center 26% no-repeat;}
.bisList1 dd.ico2 .listBox1{background: url(../images/bisico2.png) center 26% no-repeat;}
.bisList1 dd.ico3 .listBox1{background: url(../images/bisico3.png) center 26% no-repeat;}
.bisList1 dd.ico4 .listBox1{background: url(../images/bisico4.png) center 26% no-repeat;}
.bisList1 dd.ico5 .listBox1{background: url(../images/bisico5.png) center 26% no-repeat;}
.bisList1 dd.ico6 .listBox1{background: url(../images/bisico6.png) center 26% no-repeat;}*/
.bisList1 dd.ico1 .listBox{background:#ffbc53 }
.bisList1 dd.ico2 .listBox{background:#9082bd }
.bisList1 dd.ico3 .listBox{background:#31a99d }
.bisList1 dd.ico4 .listBox{background:#5e6772 }
.bisList1 dd.ico5 .listBox{background:#1b61ae }
.bisList1 dd.ico6 .listBox{background:#be2c34 }
.bisList1 dd:hover .listBox{
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
}
.bisList1 dd:hover .listBox1{
	transform: scale(0.2);
	opacity: 0;
	filter: alpha(opacity=0);
}
.bisList1 dd:hover .listBox .listInfr{
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	transition-delay: 0.3s;
}
.bisList1 dd.ico1:hover a{border-color: #ffbc53;}
.bisList1 dd.ico2:hover a{border-color: #9082bd;}
.bisList1 dd.ico3:hover a{border-color: #31a99d;}
.bisList1 dd.ico4:hover a{border-color: #5e6772;}
.bisList1 dd.ico5:hover a{border-color: #1b61ae;}
.bisList1 dd.ico6:hover a{border-color: #be2c34;}

.swiper-wrapper{
	position:relative;
	}
.box3BgMask{
	width:100%;
	height:100%;
	position:absolute;
	z-index:9999;
	opacity:0.6;
	}


/*第二通栏结束*/
/*第三通栏开始*/
.box4{
	background: url(../image/box4bg.jpg) center center;
	background-size: cover;
	position: relative;
}
.box4List{
	width: 85%;
	padding-left: 15%;
	height: 100%;
}
.box4List .swiper-wrapper,
.box4List .swiper-slide{
	height: 100%;
}
.box4List .swiper-wrapper{
	transition-timing-function: cubic-bezier(1, 0.24, 0.24, 0.91);
}
.box4Sub .newsTit{
	width: 1380px;
}
.box4-slide{
	height: 60%;
	width: 1380px;
	overflow: hidden;
	margin-right: 180px;
	transition: 0.4s ease;
}
@media screen and (max-width:1800px) {
	.box4-slide{
		width: 1200px;
	}
	.box4Sub .newsTit{
		width: 1200px;
	}
}
@media screen and (max-width:1500px) {
	.box4-slide{
		width: 1000px;
	}
	.box4Sub .newsTit{
		width: 1000px;
	}
}
.box4-slide .listImg{
	height: 100%;
	width: 50%;
	position: relative;
}
.box4-slide .listImg .mask1{
	height: 30%;
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	background: url(../image/o1.png);
}
.box4-slide .listImg .mask2{
	width: 50%;
	position: absolute;
	height: 70%;
	bottom: 0;
	left: 0;
	background: url(../image/o1.png);
	z-index: 9;
}
.box4-slide .listImg .imgBox{
	height: 100%;
}
.box4-slide .listBox{
	width: 50%;
	position: relative;
	height: 100%;
}
.box4-slide .listTxt{
	padding: 0 80px;
	height: 100%;
	position: relative;
	z-index: 9;
}
.cstList{
	overflow: hidden;
	padding-top: 60px;
}
.cstList li{
	float: left;
	display: inline;
	width: 25%;
}
.cstList li a{
	display: block;
	font-size: 14px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.cstList li i{
	height: 80px;
	display: block;
	cursor: pointer;
	transition: 0.3s ease-in-out;
}
.cstList li:hover i{
	transform: rotateY(180deg);
}
.box4-slide .cstbg1{
	height: 70%;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	background: #1956ae;
}
.box4-slide .cstbg2{
	height: 30%;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	background: #1956ae;
}
.box4-slide .cstbg3{
	height: 70%;
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
}
.box4-slide .cstbg4{
	height: 30%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
}
.box4-slide .cstbg3 img,
.box4-slide .cstbg4 img{
	width: 100%;
	height: 100%;
}
.cstList li.ico1 i{background: url(../image/cstico1.png) center top no-repeat;}
.cstList li.ico2 i{background: url(../image/cstico2.png) center top no-repeat;}
.cstList li.ico3 i{background: url(../image/cstico3.png) center top no-repeat;}
.cstList li.ico4 i{background: url(../image/cstico4.png) center top no-repeat;}
.box4Tel{
	padding-left: 68px;
	background: url(../image/tel.png) left center no-repeat;
}
.box4Tel span{
	font-size: 14px;
	color: #fff;
	display: block;
}
.box4Tel em{
	font-size: 30px;
	color: #fff;
}
.box4Site{
	font-size: 14px;
	line-height: 28px;
	color: #fff;
}
.box4Site span{
	display: inline-block;
	width: 35px;
}
.contact .cstbg1{
	background: #008462;
}
.contact .cstbg2{
	background: #008462;
}
.contact .cstbg3{
	background: #008f6d;
}
.contact .cstbg4{
	background: #008f6d;
}
/*子公司 */
.sdyList{
	margin: 0 -16px;
	overflow: hidden;
}
.sdyList dd{
	float: left;
	display: inline;
	width: 25%;
	padding: 10px 0;
}
.sdyList dd a{
	display: block;
	margin: 0 16px;
	transition: 0.3s ease;
	
}
.sdyList dd a:hover{
	transform: translateY(-4px);
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.2);
}
.sdyList dd .imgBox{
	padding-top: 67.7018%;
	border-radius:5px;
	overflow:hidden;
}
.sdyList dd .imgBox img{border-radius:5px;}


 /* */
.box4Tab{
	position: absolute;
	bottom: 9%;
	left: 15%;
	height: 26px;
	width: 100%;
	overflow: hidden;
	z-index: 99;
}
.box4Tab li{
	float: left;
	padding-right: 30px;
	cursor: pointer;
	width: 20%;
	transition: 0.6s ease;
}
.box4Tab li.active{
	width: 45%;
}
.box4T i{
	float: left;
	width: 12px;
	height: 12px;
	border: 1px solid #4c81cf;
	border-radius: 50%;
	position: relative;
	margin-top: 3px;
}
.box4T i:after{
	content: '';
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	left: 3px;
	display: none;
}
.box4T span{
	font-size: 16px;
	color: #4d82d0;
	font-weight: bold;
	padding:0 20px 0 8px;
	float: left;
	transition: 0.3s ease;
}
.box4T .line{
	display:block;
	overflow: hidden;
	border-bottom: 1px solid #4d82d0;
	position: relative;
	top: 12px;
	transition: 0.6s ease;
}
.box4Tab li.active i{
	border-color: #fff;
}
.box4Tab li.active i:after{
	display: block;
}
.box4Tab li.active span{
	color: #fff;
}
.box4Tab li.active .box4T .line{
	border-color: #fff
}
.telList{
	overflow: hidden;
	position: relative;
	height: 100px;
	margin-top: -100px;
	transition: 0.6s ease;
}
.telList.active{
	margin-top: 0;
}
.telList dd{
	font-size: 36px;
	font-weight: bold;
	position: absolute;
	left: 0;
	height: 50px;
	width: 100%;
	transition: 0.6s ease;
	color: #fff;
	overflow: hidden;
	top:-50px;
}
.telList dd.active{
	top:0;
}
.consultBox{
	height: 100px;
	overflow: hidden;
}
.box4-bt{
	height: 51px;
	width: 51px;
	border-radius: 50%;
	border: 1px solid #fff;
	position: absolute;
	bottom: 20%;
	cursor: pointer;
	transition: 0.6s ease-out;
}
.box4-bt i{
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3);
	display: block;
	border-radius: 50%;
	animation: sideBt1 infinite 2s;
	transition: 0.8s ease-out;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -50%;
	margin-top: -50%;
}
@keyframes sideBt1{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	50%{
		opacity: 1;
		transform: scale(0);
	}
	100%{
		opacity: 0;
		transform: scale(1.8);
	}
}

.box4-bt.box4-prev{
	background: url(../image/arrow1.png) center center no-repeat;
	left: -60px;
}
.box4-bt.box4-prev.hover{
	left: 80px;
}
.box4-bt.box4-next{
	background: url(../image/arrow2.png) center center no-repeat;
	right: -60px;
}
.box4-bt.box4-next.hover{
	right: 80px;
}
/*nextTit */
.box4 .nextTit{
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 0;
	padding-right: 55px;
	z-index: 999;
	transition: 0.4s ease;
	display: none;
}
.box4 .nextTit:after{
	content: '';
	border-bottom: 1px solid #fff;
	width: 50px;
	position: absolute;
	top: 50%;
	roght:0;
}
.box4 .box4Line{
	border-bottom: 1px solid #4d82d0;
	position: absolute;
	left: -13.5%;
	width: 13.5%;
	bottom: 10.5%;
	transition: 0.4s ease;
}
/*第三通栏结束*/
.rightScroll{
	position: fixed;
	left: -320px;
	top: 75%;
	margin-top: -85px;
	z-index: 9;
	transition: 0.5s ease;
}
.closeRight{
	background: url(../image/close.png) center center no-repeat;
	height: 30px;
	width: 30px;
	top: 5px;
	right: 5px;
	position: absolute;
}
/*
********************************此处首页样式结束********************************
*/
/*
********************************此处内页样式开始********************************
*/
/*内页框架开始*/
.foot{
	height:60px !important;
}
.footer{
	position: relative;
	height: 60px;
	background: #1c1c1f;
}
.subMenuBox{
	overflow: hidden;
}
.subMenu{
	padding-right: 30px;
}
.subMenu dd{
	padding: 0 20px;
	float: left;
	display: inline;
	position: relative;
}
.subMenu dd a{
	display: block;
	line-height: 80px;
	color: #666;
	font-size: 14px;
	transition: 0.4s ease;
}
.subMenu dd a:hover{
	color: #0075c1;
}
.subMenu dd.hover a{
	color: #0075c1;
}
.subMenu dd.hover i{
	display: block;
	position: absolute;
	top: 12px;
	left: 50%;
	margin-left: -5px;
	border: 5px solid #0075c1;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	-webkit-animation: arrow 1s infinite linear;
}
@-webkit-keyframes arrow {
    0% {
        -webkit-transform: translate(0,0);
    }
    25%{
        -webkit-transform: translate(0,3px);
    }
    50% {
        -webkit-transform: translate(0,0);
    }
    75%{
        -webkit-transform: translate(0, -3px);
    }
    100% {
        -webkit-transform: translate(0,0);
    }
}
.subBanner{
	position: relative;
}
.subBnrImg{
	height:500px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.subBnrImg .mask{
	/*background: url(../images/subbnrbg.png);*/
	height: 100%;
}
.subBnrTxt{
	position: absolute;
	top:50%;
	width: 100%;
	display: none;
}
.subBnrTit{
	font-size: 30px;
	color: #fff;
	text-align: center;
	position: relative;
	font-weight:bold;
	text-shadow:1px 1px 1px #666; 
}
.subBnrTit:after{
	content: '';
	border-bottom: 2px solid #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 80px;
	margin-left: -40px;
	display:none;
}
.subMainC{
	overflow: hidden;
	/*min-height: 900px;*/
}
.subMain{
	width: 1200px;
	margin: 0 auto;
	min-height: 600px;
}

.location{
	overflow: hidden;
	text-align:center;
}
.location a{
	display:inline-block;
	height: 60px;
	line-height: 60px;
	padding-left: 14px;
	margin-right: 10px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../image/icon8.png);
	color: #fff;
	font-size: 14px;
}
.location a:hover,.location a.hover{color:#0075c1}
.location a.home{background-image: url(../image/home.png) !important;padding:0 0 0 30px;}

/*页码开始*/
.page{padding:5px 0;text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:10px 15px;color:#999999;border-radius:3px;background: #fff;}
.page a:hover{background: #0075c1;color: #fff;}
.page a.hover{background: #0075c1;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}

.page a div{
    width: 11px;
    height: 19px;
    background-position: center center;
    background-repeat: no-repeat;
}
.page a.firstPage div{background-image: url(../image/firstpage.png)}
.page a.prevPage div{background-image: url(../image/prevpage.png)}
.page a.nextPage div{background-image: url(../image/nextpage.png)}
.page a.lastPage div{background-image: url(../image/lastpage.png)}

.page a.firstPage:hover div{background-image: url(../image/firstpageh.png)}
.page a.prevPage:hover div{background-image: url(../image/prevpageh.png)}
.page a.nextPage:hover div{background-image: url(../image/nextpageh.png)}
.page a.lastPage:hover div{background-image: url(../image/lastpageh.png)}

.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}

.page a.firstPage.disabled div{background-image: url(../image/firstpage.png)}
.page a.prevPage.disabled div{background-image: url(../image/prevpage.png)}
.page a.nextPage.disabled div{background-image: url(../image/nextpage.png)}
.page a.lastPage.disabled div{background-image: url(../image/lastpage.png)}

/*页码结束*/
/*内页框架结束*/


/**
* newsView
* 新闻详细页
*/
.singleArticle{
	padding: 0 60px;
	position: relative;
	min-height: 680px;
}
.articleTitle{
	font-size: 30px;
	text-align: center;
	color: #333;
	line-height: 43px;
	font-weight:bold;
}
.articleTitle2{
	font-size: 18px;
	text-align: center;
	color: #333;
	line-height: 30px;
}
.articleTime{
    line-height:36px;
    text-align:center;
    font-size:0px;
}
.articleTime .center{
    display: inline-block;
    overflow: hidden;
}
.articleTimeTxt{
    font-size: 14px;
}
.newsShare{
    padding-left: 15px;
    margin-top: 2px;
}
.newsShare span{
    font-size: 14px;
}
.ShareBox {
	overflow: hidden;
	clear:both;
}
.ShareBox p {
	display: block;
	overflow: hidden;
	float: left;
}
.ShareBox i {
	clear:both;
	display: block;
	font-size:12px;
	color:#666;
	text-align: center;
	overflow: hidden;
	margin:5px 0px;
	display:none;
}
.ShareBox span {
    font-size: 14px;
    line-height: 30px;
	float:left;
}
.ShareBox a{
	padding: 0 !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 7px 0 0 !important;
	}
.ShareBox .bds_weChat{background: url(../image/sharebt5.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_tsina{background: url(../image/sharebt1.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_tqq{background: url(../image/sharebt2.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_qzone{background: url(../image/sharebt3.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_douban{background: url(../image/sharebt4.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_sqq{background: url(../image/sharebt6.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .f_more{background:url(404.png) no-repeat -111px 0px !important;}



.articleTime{
	text-align: center;
	font-size: 14px;
	color: #666;
	height: 25px;
	line-height: 25px;
}
.articleTime span{
	margin: 0 10px;
}
.articleTime .date{
	padding-left: 25px;
	background: url(../image/date1.png) left center no-repeat;
}
.articleTime .browse{
	padding-left: 28px;
	background: url(../image/browse1.png) left center no-repeat;
}
.articleLine{
	border-bottom: 1px solid #e9e9e9;
}


.pageUp{
	clear:both;
	overflow:hidden;
	line-height:35px;
	font-size:16px;
	padding:20px 0;
	color: #858585;
	font-size: 13px;
}
.pageUp1{
	background: #ebebeb;
	color: #333;
	width: 50%;
	overflow: hidden;
	position: relative;
}
.pageUp1+.pageUp1:after{
	border-left: 1px solid #cfcfcf;
	content: '';
	display: block;
	height: 70%;
	top: 15%;
	left: 0;
	position: absolute;
}
.pageUp a{
	color: #333;
	display: block;
	background: #fff;
	transition: 0.3s ease;
}
.pageUp a:hover{
	color: #fff;
	background: #0075c1;
}
.pageUp span{
	display: block;
	overflow: hidden;
	height: 120px;
	line-height: 120px;
	padding: 0 32px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
}
.pageUp .ico1{
	width: 76px;
	height: 120px;
	background: url(../image/nvprev.png) 36px center no-repeat;
	position: relative;
	transition: 0.3s ease;
}
.pageUp .ico1:after{
	content: '';
	border-right: 1px solid #d1d1d1;
	height: 15px;
	position: absolute;
	top: 50%;
	right: 1px;
	margin-top: -7px;
	transition: 0.3s ease;
}
.pageUp .ico2{
	width: 76px;
	height: 120px;
	background: url(../image/nvnext.png) 20px center no-repeat;
	position: relative;
	transition: 0.3s ease;
}
.pageUp .ico2:after{
	content: '';
	border-right: 1px solid #d1d1d1;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -7px;
	transition: 0.3s ease;
}
.pageUp1 a:hover .ico1{
	background-image: url(../image/nvprev_h.png);
}
.pageUp1 a:hover .ico1:after{
	border-color: #fff;
}
.pageUp1 a:hover .ico2{
	background-image: url(../image/nvnext_h.png);
}
.pageUp1 a:hover .ico2:after{
	border-color: #fff;
}
.pageUp1 .listTit{
	font-size: 20px;
	color: #666;
	line-height: 32px;
}
.pageUp1 .listInfr{
	color: #999;
	line-height: 24px;
}
.pageUp1 a:hover .listTit,
.pageUp1 a:hover .listInfr{
	color: #fff;
}


.viewShare{
	position: absolute;
	top:0;
	left: -50px;
}
.viewShare a{
	display: block;
	height: 50px;
	width: 50px;
}
.viewShare a.goBack{
	background: #8c94aa url(../image/goback.png) center center no-repeat;
}
.viewShare .viewShare1{
	height: 50px;
	width: 50px;
	position: relative;
}
.viewShare1 .bdsharebuttonbox{
	position: absolute;
	top: 50px;
	width: 50px;
	padding-top: 10px;
}
.viewShare1 .bds_tsina,
.viewShare1 .bds_weixin,
.viewShare1 .bds_sqq{
	margin: 0 !important;
	padding: 0 !important;
	height: 50px !important;
	width: 50px !important;
	-webkit-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	transition: 0.4s ease;
	transform: rotate(360deg);
	position: absolute;
	top:-50px;
}
.viewShare1 .bds_tsina{
	background: url(../image/sharebt1.png) center center no-repeat !important;
	
}
.viewShare1 .bds_weixin{
	background: url(../image/sharebt2.png) center center no-repeat !important;
}
.viewShare1 .bds_sqq{
	background: url(../image/sharebt3.png) center center no-repeat !important;
	
}
.viewShare1Box{
	background: #80c269 url(../image/share.png) center  center no-repeat;
	cursor: pointer;
	height: 50px;
	width: 50px;
	z-index: 9;
	position: relative;
}
.viewShare1:hover .bds_tsina,
.viewShare1:hover .bds_weixin,
.viewShare1:hover .bds_sqq{
	transform: rotate(0deg);
}
.viewShare1:hover .bds_tsina{
	top: 10px;
}
.viewShare1:hover .bds_weixin{
	top: 60px;
}
.viewShare1:hover .bds_sqq{
	top: 110px;
}
/* 文章阅读页——*/

#play {
	width: 785px;
	height: 525px;
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e9e9e9;
	padding: 5px;
	margin: 0 auto;
}

#play .change_a {
	width: 40%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	cursor: pointer;
	display: block;
	overflow: hidden;
	background: url(about:blank);
}

#play .prev_a {
	left: 0;
}

#play .next_a {
	right: 0
}

#play .change_a span {
	width: 24px;
	height: 43px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	display: none
}

#play .prev_a span {
	background: url(404.png) no-repeat 0px -50px;
	left: 0;
}

#play .next_a span {
	background: url(404.png) no-repeat -30px -50px;
	right: 0;
}

#play .img_ul {
	position: relative;
	z-index: 1;
	width: 785px;
	height: 525px;
}

#play .img_ul li {
	position: relative;
	z-index: 1;
	width: 785px;
	height: 525px;
	background: #fff;
	margin: 0 0 5px 0;
}

#play .img_ul li img {
	position: absolute;
}

.imgMove {
	width: 797px;
	clear: both;
	margin: 20px auto;
	position: relative;
}

.img_hd {
	margin: 0 auto;
	overflow: hidden;
	height: 90px;
	position: relative;
}

.img_hd ul {
	position: absolute;
	z-index: 1
}

.img_hd ul li {
	float: left;
	width: 124px;
	height: 82px;
	padding: 3px;
	margin: 0 5px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #d4d4d4;
	position: relative;
}

.img_hd ul li p {
	width: 124px;
	height: 82px;
	display: block;
	background: #fff;
	position: relative;
}

.img_hd ul li i {
	display: block;
	clear: both;
	line-height: 20px;
	padding: 0 5px;
	background: #000;
	color: #fff;
	position: absolute;
	right: 3px;
	bottom: 3px;
	z-index: 99999999999999;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
}

.img_hd ul li img {
	position: absolute;
	width: 90px;
	width: 124px;
	height: 82px;
}

.img_hd ul li.on {
	border: 1px solid #0d75d9;
	background: #0d75d9;
}

.imgMove .prev_a {
	display: block;
	width: 30px;
	height: 90px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../image/prev6.png) no-repeat center center;
	background-color: #e5e5e5;
}

.imgMove .next_a {
	display: block;
	width: 30px;
	height: 90px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(../image/next6.png) no-repeat center center;
	background-color: #e5e5e5;
}

.article_pageUp {
	font-size: 14px;
	line-height: 30px;
	color: #333;
	padding-left: 20px
}

.article_pageUp a {
	color: #666
}

.article_pageUp a:hover {
	color: #317f37
}

.articlePage {
	clear: both;
	height: 30px;
	text-align: center;
	font-family: Arial;
}

.articlePage a {
	margin: 0 1px;
	background: #ccc;
	padding: 5px 10px;
}

.articlePage a:hover {
	color: #fff;
	background: #0075C1;
}

.articlePage a.hover {
	color: #fff;
	background: #0075C1;
}

.articleHand {
	clear: both;
	font-size: 16px;
	padding: 10px 0px 20px 0;
	overflow: hidden;
}

.articleHand a {
	display: block;
	line-height: 32px;
	padding: 0 20px 10px 30px;
	float: left;
	background: url(../image/file.png) no-repeat left center;
}

.articleHand a:hover {
	color: #0075C1;
}

.articleHand a.word {
	background: url(../image/word.png) no-repeat left 3px;
	color: #37a6ff !important;
}

.articleHand a.ppt {
	background: url(../image/ppt.png) no-repeat left center;
	color: #ff7735 !important;
}

.articleHand a.excel {
	background: url(../image/excel.png) no-repeat left center;
	color: #15bf44 !important;
}

.articleHand a.pdf {
	background: url(../image/pdf.png) no-repeat left center;
	color: #1369c0 !important;
}

.articleHand a.zip {
	background: url(../image/zip.png) no-repeat left 3px;
	color: #ff9779 !important;
}
.ArticleBox{
	font-size: 16px;
	line-height: 40px;
	color: #666;
}
.ArticleBox img{
    max-width: 100%;
}
 /*
 * 基本信息
 * basicInfo
 */
.bioTit{
	font-size: 28px;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	position: relative;
	z-index: 9;
}
.bioTit a{
    color: #fff;
}
.bioTit:after{
	content: '';
	position: absolute;
	border-bottom: 2px solid #000;
	bottom: 0;
	width: 60px;
	left: 50%;
	margin-left: -30px;
}
.bioTit.white{
	color: #fff;
}
.bioTit.white:after{
	border-color: #fff;
}
.bioBox1{
	height: 620px;
	background: url(../image/biobg1.jpg) center center;
}
.bioBox1List{
	text-align: center;
	font-size: 0;
	width: 81.97%;
	margin: 0 auto;
}
.bioBox1List .mySilde{
	display: inline-block;
	padding: 5px 0;
	width: 20%;
	vertical-align: middle;
}
.bioBox1List .mySilde a{
	display: block;
	height: 180px;
	background: #fff;
	position: relative;
	margin: 0 18px;
	
}
.bioBox1List .mySilde .listTit{
	position: absolute;
	width: 122px;
	padding-left: 28px;
	height: 50px;
	background: #0075c1;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	text-align: left;
}
.bioBox1List .mySilde .listInfr{
	font-size: 14px;
	color: #333;
	line-height: 18px;
	width: 90%;
	margin: 0 auto;
}
.bioBox1List .slick-dots{
	text-align: center;
	width: 100%;
	font-size: 0;
	padding-top: 60px;
}
.bioBox1List .slick-dots li{
	display: inline-block;
	height: 14px;
	width: 14px;
	background: #fff;
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer;
}
.bioBox1List .slick-dots li.slick-active{
	background: #0075c1;
}
.bioBox2{
	text-align: center;
    background: #fff;
}
.bioLogo img{
	height: 98px;
}
.bioBox2Txt{
	font-size: 13px;
	color: #666;
}
.bioBox3{
	position: relative;
	overflow: hidden;
    background: #fff;
}
.bioBg{
	height:1080px;
	background-repeat: no-repeat;
	position: absolute;
	background-attachment: fixed;
    background-size: cover;
	top: 0;
	left: 0;
	width: 100%;
}
.bioCnt{
	text-align: center;
	font-size: 0;
	position: relative;
	z-index: 9;
}
.bioCnt dd{
	display: inline-block;
	vertical-align: middle;
}
.bioCnt dd a{
	display: block;
	width: 320px;
	height: 200px;
	margin: 0 15px;
	background: #fff;
}
.bioCnt dd .ico1,
.bioCnt dd .ico2{
	height: 52px;
}
.bioCnt dd .ico1{
	background: url(../image/cntico1.png) center center no-repeat;
}
.bioCnt dd .ico2{
	background: url(../image/cntico2.png) center center no-repeat;
}
.bioCnt .CntTit{
	font-size: 16px;
	color: #666;
	line-height: 22px;
	height: 22px;
}
.bioCnt .CntTel{
	line-height: 22px;
	font-size: 13px;
	font-weight: bold;
	color: #999;
}
.bioBox3Top{
	overflow: hidden;
	position: relative;
}
.bioBox3Img{
	width: 50%;
	position: relative;
	height: 770px;
}
.imgBoxC{
	width: 960px;
	position: absolute;
	right: 0;
}
.bioBox3Img .imgBox{
	padding-top: 80.2083%;
	
}
.bioBox3Img img{
	width: 100%;
}
.bioBox3R{
	padding:0 70px;
	overflow: hidden;	
}
.bioBox3R .listTit{
	font-size: 28px;
	color: #000;
	line-height: 70px;
	position: relative;
}
.bioBox3R .listTit:after{
	content: '';
	border-bottom: 2px solid #999;
	width: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	
}
.bioBox3R .bioBox3Txt{
	color: #444;
	line-height: 30px;
	font-size: 16px;
	overflow: hidden;
}
.bioBox3More{
	position: relative;
}
.bioBox3More a{
	display: block;
	width: 193px;
	height: 50px;
	border: 1px solid #c7c7c7;
	border-radius: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 15px;
	color: #666;
	transition: 0.4s ease;
}
.bioBox3More a:hover{
	border-color: #0075c1;
	color: #0075c1;
	transform: translateY(-4px);
}
.bioBox3Data{
	overflow: hidden;
	background: #3470b4;
}
.bioBox3Data dd{
	width: 20%;
	float: left;
	height: 150px;
	display: inline;
	color: #fff;
	position: relative;
}
.bioBox3Data dd+dd:after{
	content: '';
	border-left: 1px solid #fff;
	position: absolute;
	left: 0;
	height: 66px;
	top: 50%;
	margin-top: -33px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.bioBox3Data dd .listTit{
	width: 145px;
	margin: 0 auto;
	font-size: 14px;
}
.bioBox3Data dd .listTit em{
	font-size: 36px;
	font-weight: bold;
}
.bioBox3Data dd .listInfr{
	width: 145px;
	margin: 0 auto;
	font-size: 14px;
	padding-top: 10px;
}
.bioBox4{
	background: #2f2f2f;
	overflow: hidden;
}
.leaderBox{
	position: relative;
}
.leader{
	width: 83.3333%;
	max-width: 1610px;
	margin: 0 auto;
}
.leader  .swiper-container{
	margin: 0 -15px;
}
.leader .swiper-slide{
	padding: 5px 0;
}
.leader a{
	display: block;
	margin: 0 15px;
	overflow: hidden;
}
.leader .next, 
.leader .prev{
	width: 63px;
	height: 63px;
	border: 1px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -32px;
	cursor: pointer;
	transition: 0.3s ease;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.leader .prev{
	left: -6%;
	background: url(../image/leader-prev.png) center center no-repeat;
}
.leader .next{
	right: -6%;
	background: url(../image/leader-next.png) center center no-repeat;
}
.leader .next:hover, 
.leader .prev:hover{
	border-color: #2285DF;
	border-radius: 5px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.leader .prev:hover{
	background-image:url(../image/leader-prevh.png) ;
}
.leader .next:hover{
	background-image:url(../image/leader-nexth.png) ;
}
.leader .next:active, 
.leader .prev:active{
	transform: translateY(4px);
}
.leader .slick-dots{
	width: 100%;
    padding: 50px 0 2px 0;
    text-align: center;
    font-size: 0;
}
.leader .slick-dots li{
	display: inline-block;
    height: 11px;
    width: 11px;
    background: #d2d2d2;
    border-radius: 50%;
    margin: 0 6px;
    cursor: pointer;
}
.leader .slick-dots li{
	display: inline-block;
    height: 11px;
    width: 11px;
    background: #d2d2d2;
    border-radius: 50%;
    margin: 0 6px;
    cursor: pointer;
}
.leader .slick-dots li.slick-active {
    background: #0075C1;
}
.leader  .imgBox{
	padding-top: 66.666666%;
	background: #fff;
}
.leader  .imgBox img{
	transition: 0.3s linear;
}
/* .leader  .imgBox:after{
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 10px solid #fff;
} */
.leader .listBox{
	padding:22px 30px;
	background: #fff;
	transition: 0.4s ease;
}
.leader .listTit{
	font-size: 13px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: 0.4s ease;
}
.leader .listTit em{
	font-size: 16px;
	color: #333;
	padding-right: 5px;
	transition: 0.4s ease;
}
.leader .listInfr{
	font-size: 14px;
	color: #666;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	transition: 0.4s ease;
}
.leader .listMore{
	border-top: 1px solid #e5e5e5;
}
.leader .listMore em{
	height: 28px;
	line-height: 28px;
	width: 82px;
	text-align: center;
	display: block;
	color: #666;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	background: #fff;
	transition: 0.4s ease;
}
.leader a:hover .listBox{
	background: #0075c1;
}
.leader a:hover .listTit,
.leader a:hover .listTit em,
.leader a:hover .listInfr{
	color: #fff;
}
.leader a:hover .imgBox img{
	transform: scale(1.05);
}
.leader a:hover .listMore em{
	border-radius: 28px;
	border-color: #fff;
	color: #0075c1;
}
.bioBox5{
	position: relative;
	overflow: hidden;
}
.bioBox2 .bioTit,
.bioBox5 .bioTit{
	color: #333;
}
.bioBox5bg{
	top: -20%;
}
.bioBox5C{
	text-align: center;
	position: relative;
	z-index: 9;
}
.bioBox6{
	position: relative;
	background: url(../image/biobg4.jpg) center center no-repeat;
	height: 630px;
}
.bioInfr{
	width: 1200px;
	margin: 0 auto;
}
.bioInfr .swiper-slide{
	overflow: hidden;
}
.bioInfrBox{
	background: #fff;
	height: 220px;
}
.bioInfrImg{
	border-radius: 50%;
	overflow: hidden;
	height: 290px;
	width: 290px;
	position: relative;
	top: -100px;
	margin: 0 30px 0 35px;
	display: none;
}
.bioInfrImg img{
	height: 100%;
	width: 100%;
}
.bioInfrTxt{
	overflow: hidden;
	padding: 0 50px;
}
.bioInfrTxt .listTit{
	font-size: 14px;
	color: #999;
}
.bioInfrTxt .listTit em{
	font-size: 24px;
	color: #333;
	padding-right: 18px;
}
.bioInfrTxt .listInfr{
	line-height: 26px;
	font-size: 14px;
	color: #666;
	height: 72px;
	overflow: hidden;
}
.bioInfrTxt .listMore a{
	display: block;
	width: 118px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	color: #666;
	border: 1px solid #e5e5e5;
	transition: 0.4s ease;
}
.bioInfrTxt .listMore a:hover{
	border-radius: 38px;
	border-color: #0075c1;
	color: #0075c1;
}
.bioDept{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.bioDept .swiper-container{
	width: 1080px;
	margin: 0 auto;
	padding-bottom: 6px;
}
.bioDept:after{
	content: '';
	border-bottom: 1px solid #fff;
	position: absolute;
	left: 0;
	bottom: 16px;
	width: 100%;
}
.bioDeptBox{
	text-align: center;
	font-size: 0;
	cursor: pointer;
}
.bioDeptBox .listTit{
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	height: 30px;
	
}
.bioDeptBox i{
	display: inline-block;
	height: 20px;
	width: 20px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: relative;
}
.bioDeptBox i:after{
	content: '';
	display: block;
	height: 8px;
	width: 8px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top:-4px;
	margin-left:-4px;
}
.bioDept-prev,
.bioDept-next{
	height: 34px;
	width: 34px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	cursor: pointer;
}
.bioDept-prev{
	left: 0;
	background:#fff url(../image/biodept-prev.png) center center no-repeat;
}
.bioDept-next{
	right: 0;
	background:#fff url(../image/biodept-next.png) center center no-repeat;
}
.bioDept .swiper-slide-active .listTit{
	color: #f6ab00;
}
.bioDept .swiper-slide-active .bioDeptBox i{
	border-color:rgba(246,171,0,0.1) ;
	background:url(../image/biodeptbg.png) ;
}
.bioDept .swiper-slide-active .bioDeptBox i:after{
	background:#f6ab00 ;
}
.bioBox7{
	position: relative;
	overflow: hidden;
}
.bioBox7 .bioBg{
	top: 0;
}
.bioBox7List{
	width: 1180px;
	margin:0 auto;
	padding-right: 20px;
	position: relative;
	z-index: 9;
	overflow-y: auto;
	max-height: 400px;
}
.bioBox7List::-webkit-scrollbar{
	width: 2px;
}
.bioBox7List::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #EDEDED;
	cursor: pointer;
}
.bioBox7List::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #2a5544;
}
.bioBox7List dd{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #7a9c89;
}
.bioBox7List .listTit{
	font-size: 16px;
	color: #fff;
	text-align: center;
	float: left;
	display: inline;
	width: 33.3333%;
}
.bioBox7List .listInfr{
	font-size: 13px;
	color: #fff;
	text-align: center;
	float: left;
	display: inline;
	width: 33.3333%;
}
.bioBox7 .listMore{
	z-index: 9;
	position: relative;
}
.bioBox7 .listMore a{
	margin: 0 auto;
	height: 30px;
	display: block;
	width: 30px;
	background: url(../image/biobox7more.png) center center no-repeat;
}
 /*
 * 信息公开
 * infoPublic
 */
.ipcTit {
	text-align: center;
	position: relative;
	z-index:1;
}
.ipcTit .titCN{
	font-size: 34px;
	color: #000;
}
.ipcTit .titEN{
	font-size: 24px;
	color: #333;
}
.ipcTit.white .titCN,
.ipcTit.white .titEN{
	color: #fff;
}
.ipcBg{
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
}
.ipcBox1{
	position: relative;
	overflow: hidden;
	height: 905px;
}
.ipcBsnList{
	position: relative;
	overflow: hidden;
	height: 380px;
}
.ipcBsnList:after{
	border-bottom:1px solid #d1d1d1 ;
	content: '';
	position: absolute;
	width: 100%;
	bottom: 118px;
	left: 0;
}
.ipcBsnList .swiper-container{
	width: 83.8541%;
	margin: 0 auto;
}
.ipcBsnList .listImg{
	width: 220px;
	margin: 0 auto;
	cursor: pointer;
	position: relative;
	transition:all 0.6s ease-in-out;
}
.ipcBsnList .listImg .imgBox{
	padding-top: 100%;
	
}
.ipcBsnList .listImg:hover{
	transform: rotate(360deg);
}
.ipcBsnList .listImg .ico{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}
.ipcBsnList .listImg .ico1{
	background: url(../image/bpcbox1ico1h.png) center center no-repeat;
}
.ipcBsnList .listImg .ico2{
	background: url(../image/bpcbox1ico2h.png) center center no-repeat;
}
.ipcBsnList .listImg .ico3{
	background: url(../image/bpcbox1ico3h.png) center center no-repeat;
}
.ipcBsnList .listImg .ico4{
	background: url(../image/bpcbox1ico4h.png) center center no-repeat;
}
.ipcBsnList .listImg .ico5{
	background: url(../image/bpcbox1ico5h.png) center center no-repeat;
}
.ipcBsnList .listImg .ico6{
	background: url(../image/bpcbox1ico6h.png) center center no-repeat;
}
.ipcBsnList .listImg .ico7{
	background: url(../image/bpcbox1ico7h.png) center center no-repeat;
}
.ipcBsnList .listImg .ico8{
	background: url(../image/bpcbox1ico8h.png) center center no-repeat;
}
.ipcBsnList .listIco{
	border: 1px solid #666;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: relative;
	margin: 0 auto;
}
.ipcBsnList .listIco:after{
	content: '';
	width: 4px;
	border-bottom: 4px solid #666;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -2px;
	margin-top: -2px;
	border-radius: 50%;
}
.ipcBsnList .listTit{
	font-size: 16px;
	color: #333;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 28px;
	height: 28px;
}
.ipcBsnList .listInfr{
	width: 240px;
	margin: 0 auto;
	text-align: center;
	line-height: 22px;
	font-size: 13px;
	color: #666;
	padding-top: 8px;
	height: 44px;
}
.ipcBsnBtn{
	text-align: center;
	font-size: 0;
	position: relative;
	z-index: 9;
	background: #fff;
	width: 101px;
	margin: 0 auto;
}
.ipcBsnBtn:after{
	content: '';
	height: 60%;
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -1px;
	border-left: 1px solid #e5e5e5;
}
.ipcBsn-prev,
.ipcBsn-next{
	display: inline-block;
	height: 50px;
	width: 50px;
	cursor: pointer;
	transition: 0.4s ease;
}
.ipcBsn-prev{
	background: #fff url(../image/ipcbsn-prev.png) 5px center no-repeat;
}
.ipcBsn-next{
	background: #fff url(../image/ipcbsn-next.png) right 5px center no-repeat;
	margin-left: 1px;
}
.ipcBsn-prev:hover{
	background-color: #0075c1;
	background-position: -30px center;
}
.ipcBsn-next:hover{
	background-color: #0075c1;
	background-position: 7px center;
}
.ipcBox2{
	position: relative;
	overflow: hidden;
}
.ipcLdrList{
	width: 83.8541%;
	margin: 0 auto;
	overflow: hidden;
}
.ipcLdrList .swiper-container{
	margin: 0 -17px;
}
.ipcLdrList .ipcLdr-slide{
	width: 20%;
	padding: 5px 0;
}
.ipcLdrList .ipcLdr-slide a{
	display: block;
	margin: 0 17px;
	text-align: center;
	transition: 0.4s ease;
}
.ipcLdrList .imgBox{
	padding-top: 136.0544%;
}
.ipcLdrList .listBox{
	background: #fff;
	padding:30px 15px;
	position: relative;
}
.ipcLdrList .listIco{
	height: 50px;
	width: 50px;
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -25px;
	transition: 0.4s cubic-bezier(0.42, 0, 0.94, 1.67);
}
.ipcLdrList .listIco.ico1{background: url(../image/ipcldrico1.png);}
.ipcLdrList .listIco.ico2{background: url(../image/ipcldrico2.png);}
.ipcLdrList .listIco.ico3{background: url(../image/ipcldrico3.png);}
.ipcLdrList .listIco.ico4{background: url(../image/ipcldrico4.png);}
.ipcLdrList .listIco.ico5{background: url(../image/ipcldrico5.png);}
.ipcLdrList .listTit{
	font-size: 16px;
	color: #333;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ipcLdrList .listInfr{
	font-size: 13px;
	color: #666;
	line-height: 26px;
}
.ipcLdrList .ipcLdr-slide a:hover{
	transform: translateY(-5px);
}
.ipcLdrList a:hover .listIco{
	transform: rotateY(180deg);
}
.ipcLdrList a:hover .listIco.ico1{background: url(../image/ipcldrico1_h.png);}
.ipcLdrList a:hover .listIco.ico2{background: url(../image/ipcldrico2_h.png);}
.ipcLdrList a:hover .listIco.ico3{background: url(../image/ipcldrico3_h.png);}
.ipcLdrList a:hover .listIco.ico4{background: url(../image/ipcldrico4_h.png);}
.ipcLdrList a:hover .listIco.ico5{background: url(../image/ipcldrico5_h.png);}
.ipcBox3{
	background: url(../image/ipcbg3.jpg) center center;
	background-size: cover;
}
.ipcEsnList{
	width: 83.8541%;
	margin: 0 auto;
	overflow: hidden;
}
.ipcEsnList dd{
	float: left;
	width: 25%;
	display: inline;
	height: 500px;
	text-align: center;
}
.ipcEsnList dd a{
	display: block;
}
.ipcEsnList dd+dd{
	background: url(../image/line1.png) left center no-repeat;
}
.ipcEsnList .listIco{
	height: 120px;
	width: 120px;
	margin: 0 auto;
	transition: 0.4s ease;
}
.ipcEsnList dd a:hover .listIco{
	transform: rotateY(180deg);
}
.ipcEsnList .listIco.ico1{background: url(../image/ipcesnico1.png);}
.ipcEsnList .listIco.ico2{background: url(../image/ipcesnico2.png);}
.ipcEsnList .listIco.ico3{background: url(../image/ipcesnico3.png);}
.ipcEsnList .listIco.ico4{background: url(../image/ipcesnico4.png);}
.ipcEsnList .listTit{
	font-size: 16px;
	color: #fff;
	line-height: 28px;
}
.ipcEsnList .listInfr{
	font-size: 13px;
	color: #c7c7c7;
	line-height: 26px;
	padding-top: 5px;
	width: 80%;
	margin: 0 auto;
}
.ipcBox4{
	background: url(../image/ipcbg4.jpg) center center;

}
.ipcConTit{
	text-align: center;
	color: #0075c1;
	font-weight: bold;
	font-size: 18px;
	position: relative;
	padding: 0 0 18px 0;
}
.ipcConTit:after{
	content: '';
	border-bottom: 1px solid #D1D1D1;
	position: absolute;
	bottom: 0;
	width: 40px;
	left: 50%;
	margin-left: -20px;
}
.ipcConInfr{
	width: 1015px;
	margin: 0 auto;
	font-size: 14px;
	color: #666;
	line-height: 32px;
	text-align: center;
	padding-top: 10px;
}
.ipcBox5{
	overflow: hidden;
	position: relative;
    background: #fff;
}
.ipcBox5 .bioBox3Img{
	height: 920px;
}
.ipcBox5 .bioBox3Img .imgBox{
	padding-top: 96.8454%;
}
.ipcBox5 .ipcTit{
	text-align: left;
}
.ipcBox5R{
	overflow: hidden;
	padding:0 8.1458% 0 78px ;
	font-size: 15px;
	color: #666;
	line-height: 30px;
}
.ipcBox5Line{
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	height: 1px;
}
.ipcBox5Line:after{
	content: '';
	position: absolute;
	border-bottom: 2px solid #0f81e2;
	width: 400px;
	left: 0;
	bottom: -1px;
}
 /*
 * 信息公开
 * culture
 */
.cteBox1{
	overflow: hidden;
}
.cteBox1Bg{
	width: 50%;
	overflow: hidden;
	position: relative;
}
.cteBox1Bg:after{
	content: '';
	width: 100%;
	display: block;
	padding-top: 95.8333333%;
}
.cteBox1Bg.bg1{
	background: url(../image/ctebox1bg1.jpg) center center no-repeat;
	background-size: cover;
}
.cteBox1Bg.bg2{
	background: url(../image/ctebox1bg2.jpg) center center no-repeat;
	background-size: cover;
}
.cteBox1Bg .listBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter:alpha(opacity=0);
	transition: 0.5s ease;
	background: url(../image/ctebox1bg3.png) center center no-repeat;
}
.cteBox1Bg .listLogo{
	text-align: center;
}
.cteBox1Bg .listLogo img{
	height: 83px;
}
.cteBox1Bg .listTit{
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.cteBox1Bg .listInfr{
	width: 80%;
	color: #fff;
	font-size: 15px;
	line-height: 28px;
	margin: 0 auto;
	text-align: center;
	min-height: 84px;
	overflow: hidden;
}
.cteBox1Bg .listMore a{
	display: block;
	height: 40px;
	width: 160px;
	color: #fff;
	font-size:16px ;
	text-align: center;
	line-height: 40px;
	margin: 0 auto;
	font-weight: bold;
	position: relative;
}
.cteBox1Bg .listMore a:after{
	content: '';
	height: 36px;
	width: 156px;
	border: 2px solid #fff;
	border-radius: 36px;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.4s ease;
}
.cteBox1Bg .listMore a:hover:after{
	transform: scale(1.05);
}
.cteBox1Bg:hover .listBox{
	opacity: 1;
	filter:alpha(opacity=100);
}

.cteBox2{
	height:800px ;
	position: relative;
	background: url(../image/ctebg3.jpg) center center no-repeat;
}
.lyrics{
	width: 70%;
	text-align: center;
	margin: 0 auto;
	height: 286px;
	overflow: hidden;
}
.lyrics .swiper-slide{
	font-size: 15px;
	color: #fff;
	line-height: 36px;
	display: none;
}
.lyrics .swiper-slide.active{
	display: block;
}
/* 播放器 */
.player__album {
  width: 112px;
  height: 112px;
  border-radius: 50%;
  margin-right: 22px;
  position: relative;
  top: -50px;
  display: none;
  transition: all .4s ease-in-out;
}
.player__album:before {
  content: '';
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%;
}
.player__album:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: none;
  transition: all .3s ease-in-out;
}
.player__albumImg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  display: none;
}
.player__albumImg.active-song {
  display: block;
}
/*.player{
	padding-top: 160px;
}*/
.player__bar {
  height: 50px;
  z-index: 3;
}
.player__controls {
  align-items: center;
}

.player__play {
  cursor: pointer;
  height: 50px;
  width: 50px;
  margin:0 auto;
  position: relative;
  background: url(../image/play2.png) center center no-repeat;
}
.player.play .player__play{
  background-image: url(../image/play2h.png);
}
.player__play:hover {
  background: ;
}
.player__prev,
.player__next{
  height: 63px;
  width: 63px;
  border: 1px solid #fff;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top:-10px ;
  transition: all .2s ease-in-out;
  opacity: 0.3;
  animation-fill-mode:none !important;
}
.player__prev{
	left: 30px;
	background:url(../image/leader-prev.png) center center no-repeat ;
}
.player__next {
	right: 30px;
	background:url(../image/leader-next.png) center center no-repeat ;
}
.player__next:hover {
  opacity: 0.5;
}
.player__prev:hover {
  opacity: 0.5;
  
}
.player__prev:active,
.player__next:active{
	transform: translateY(4px);
}
.player__timeline {
  height: 43px;
  transition: all .3s ease-in-out;
  z-index: 1;
}
.player__timelineBar {
  background: #E7E7E7;
  width: 95%;
  height: 4px;
  border-radius: 15px;
  margin-top: 13px;
  position: relative;
  display: none;
}
.player #playhead {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 15px;
  width: 0;
  height: 100%;
}
.player__author {
  line-height: 1;
  font-weight: bold;
  margin-bottom: 6px;
  margin-top: 15px;
}
.player__song {
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
/* 播放器 end */
.cteBox3{
	background: url(../image/ctebg1.jpg) center center no-repeat;
	background-size: cover;
}


.commonBtn .slick-dots{
	width: 100%;
	padding: 50px 0 2px 0;
	text-align: center;
	font-size: 0;
}
.commonBtn .slick-dots li{
	display: inline-block;
	height: 11px;
	width: 11px;
	background: #d2d2d2;
	border-radius: 50%;
	margin: 0 6px;
	cursor: pointer;
}
.commonBtn .slick-dots li.slick-active{
	background: #0075C1;
}
.commonBtn .slick-arrow{
	position: absolute;
	bottom: 0;
	height: 16px;
	width: 9px;
	cursor: pointer;
	display: none !important;
	
}
.commonBtn .slick-arrow.next{
	background: url(../image/box2next.png) center center no-repeat;
	left: 51%;
	margin-left: 28px;
}
.commonBtn .slick-arrow.prev{
	background: url(../image/box2prev.png) center center no-repeat;
	left: 51%;
}
.cteBox4{
	position: relative;
	overflow: hidden;
}
.cteCmtBox{
	width: 83.8541%;
	margin: 0 auto;
}
.cteCmtBox .bioBox3More a{
	color: #fff;
	margin: 0 auto;
}
.bioBox3More.cteCsy a{
	color: #666;
	margin: 0 auto;
}
.bioBox3More.cteCsy a:hover{
	color: #0075c1;
}
.cteCmt{
	margin: 0 -17px;
	position: relative;
}
.cteCmt .mySilde{
	padding: 5px 0;
}
.cteCmt a{
	display: block;
	margin: 0 17px;
	transition: 0.4s ease;
}
.cteCmt a:hover{
	transform: translateY(-4px);
}
.cteCmt .imgBox{
	padding-top: 56.5302%;
}
.cteCmt .listBox{
	background: #cfe2f5;
	padding: 20px 20px 10px 20px;
}
.cteCmt .listTit{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cteCmt a:hover .listTit{
	color: #0075c1;
}
.cteCmt .listInfr{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 49px;
	overflow: hidden;
}


 /*
 * 视频列表
 * videoList
 */
.videoList{margin: 0 -15px;}
.videoList dd{
	float: left;
	display: inline;
	width: 33.33333%;
	padding: 15px 0;
	}
.videoList dd a{
	display: block;
	margin: 0 15px;
	position: relative;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
	}
.videoList dd:hover a{
    box-shadow: 0 0px 15px rgba(0,0,0,0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    transform: translate3d(0, -2px, 0);
	}
.videoList dd .imgBox{padding-top: 56.5789%;}
.videoList dd .listIco{background: url(../image/play1.png) center center no-repeat;width: 40px;height: 40px;position: absolute;transition: 0.4s ease;z-index: 9;bottom: 50%;right: 50%;margin-right: -20px;margin-bottom: -20px;}
.videoList dd a:hover .listIco{}
.videoList dd a:hover .listIco:hover{transform: scale(1.08);}
.videoList .listTit{background: rgba(0,0,0,0.5) ;width: 100%;height: 100%;position: absolute;font-size: 14px;color: #fff;text-align: center;line-height: 350px;overflow: hidden;opacity: 0;filter: alpha(opacity=0);transition: 0.4s ease;top: 0;left: 0;}
.videoList dd a:hover .listTit{opacity: 1;filter: alpha(opacity=100);}


 /*
 * 全图列表1
 * imgList1
 */
.imgList1{margin: 0 -15px;overflow: hidden;}
.imgList1 dd{float: left;display: inline;width: 33.33333%;padding: 15px 0;}
.imgList1 dd a{display: block;margin: 0 15px;position: relative;overflow: hidden;}
.imgList1 dd .imgBox{padding-top: 56.5789%;}
.imgList1 dd .listTit{font-size: 16px;color: #fff;height: 46px;line-height: 49px;position: absolute;bottom: -46px;left: 0;width: 100%;transition: 0.4s ease;background: url(../image/il2bg1.png) center center;}
.imgList1 dd .listTit span{padding: 0 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.imgList1 dd a:hover .listTit{bottom: 0;}
.pageMore a{display: block;height: 50px;width: 193px;border: 1px solid #D1D1D1;color: #666;font-size: 15px;line-height: 50px;text-align: center;border-radius: 50px;margin: 0 auto;transition: 0.3s ease;}
.pageMore a:hover{border-color: #0075C1;box-shadow: 0 0 8px 0 rgba(0,117,193,0.5);color: #0075C1;}

 /*
 * 文字列表1
 * textList1
 */
.textList1 dd{transition: 0.3s ease;}
.textList1 dd .ddBox{border-bottom: 1px solid #D1D1D1;width: 1200px;margin: 0 auto;padding: 40px 0;transition: 0.3s ease;}
.textList1 .listTime{text-align: right;position: relative;margin-right: 50px;padding-bottom: 8px;}
.textList1 .listTime span{font-size: 36px;color: #D1D1D1;display: block;}
.textList1 .listTime em{font-size: 20px;color: #666;}
.textList1 .listTime:after{content: '';width: 20px;border-bottom: 1px solid #D1D1D1;position: absolute;bottom: 0;right: 0;}
.textList1 .listBox{overflow: hidden;}
.textList1 .listTit{font-size: 18px;color: #333;line-height: 32px;height: 32px;white-space: normal;text-overflow: ellipsis;overflow: hidden;padding-top: 5px;}
.textList1 .listTit a{color: #333;transition: 0.3s ease;}
.textList1 .listTInfr{font-size: 14px;color: #858585;line-height: 25px;}
.textList1 dd:hover{background: #fff;}
.textList1 .listTit a:hover{color: #0075C1;}

 /*
 * 文字列表2
 * textList1
 */
.mediaList2{margin: 0 -1px 0 0;padding:10px 0; overflow: inherit;}
.mediaList2 dd{margin-bottom:0; width:33.333%; padding: 1px 0 0 0;}
.mediaList2 dd a{margin:0 1px 0 0; background: rgba(0,0,0,0.15); color: #999}
.mediaList2:after {
  content: '';
  display: block;
  width:100%;
  height:0;
  clear:both;
}
.mediaList2 .listTit{
	color:#c3c3c3; 
}
 /*
 * 图文列表（图上文下）
 * textImg1
 */
.textImg1{margin:0 -15px;}
.textImg1 dd{float: left;display: inline;width: 33.33333%;padding: 15px 0;}
.textImg1 dd a{display: block;margin: 0 15px;}
.textImg1 dd .imgBox{padding-top: 56.5789%;}
.textImg1 .listBox{padding: 20px 20px 40px 20px;background: #fff;}
.textImg1 .listTit{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 18px;color: #333;}
.textImg1 .line{width: 40px;border-bottom: 1px solid #D1D1D1;transition: 0.3s ease;}
.textImg1 .listTime{font-size: 16px;color: #999;}
.textImg1 .listInfr{font-size: 14px;color: #858585;line-height: 24px;height: 72px;overflow: hidden;}
.textImg1 a:hover .line{width: 70px;}
.textImg1 a:hover .listTit{color: #0075c1;}

 /*
 * 领导班子
 * textImg2
 */
.textImg2 dd{border-bottom: 1px solid #E5E5E5;padding: 49px 0;}
.textImg2 .listImg{width: 300px;margin-right: 30px;}
.textImg2 .listImg a{display: block;}
.textImg2 .listImg .imgBox{padding-top: 66.66666%;}
.textImg2 .listBox{overflow: hidden;}
.textImg2 .listTit span{font-size: 20px;color: #444;}
.textImg2 .listTit em{font-size: 14px;color: #888;padding-left: 24px;}
.textImg2 .line{width: 60px;border-bottom: 1px solid #999;}
.textImg2 .listInfr{line-height: 26px;color: #666;font-size: 14px;height: 78px;overflow: hidden;}
.textImg2 .listMore a{display: block;width: 88px;height: 30px;line-height: 30px;border: 1px solid #e5e5e5;text-align: center;font-size: 14px;color: #999;border-radius: 30px;transition: 0.3s ease;}
.textImg2 .listMore a:hover{border-color: #0075C1;box-shadow: 0 0 8px 0 #0075C1;margin-left: 5px;}

 /*
 * 图文列表（图左文右）
 * textImg3
 */
.textImg3{width: 1200px;margin: 0 auto;position: relative;}
.textImg3 dd{margin:0 0 40px 0;}
.textImg3 .listBox{
	background: #fff;
	padding: 30px 15px;
	overflow: hidden;
    transition:0.3s linear;
	}
.textImg3 dd:hover .listBox{
	transform: translateY(-4px);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2)
}
.textImg3 .listImg{width: 260px;position: relative;padding: 0 15px;}
.textImg3 .listImg a{display: block;}
.textImg3 .listImg .imgBox{padding-top: 66.66666666%;}
.textImg3 dd:hover .listImg .jqthumb{transform: scale(1.05);}
.textImg3 .listTxt{padding: 0 15px;overflow: hidden;}
.textImg3 .listTit{font-size: 18px;color: #333;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.textImg3 .listTit a{color: #333;transition: 0.3s ease;}
.textImg3 .listTime{font-size: 14px;color: #999;}
.textImg3 .listInfr{
	font-size: 14px;
	color: #666;
	line-height:26px;
	height:78px;
	overflow: hidden;
	word-break: break-all; 
	display: -webkit-box !important; 
	-webkit-line-clamp: 2 !important; 
	-webkit-box-orient: vertical;
	padding:15px 0 0 0;
	margin:0 0 10px 0;
	}

 /*
 * 领导详情
 * leaderView
 */
.ldrView{padding: 30px;}
.ldrDiv .listImg{width: 300px;margin-right: 30px;}
.ldrDiv .listImg .imgBox{padding-top: 66.66666%;}
.ldrDiv .listBox{overflow: hidden;}
.ldrDiv .listTit span{font-size: 20px;color: #444;}
.ldrDiv .listTit em{font-size: 14px;color: #888;padding-left: 24px;}
.ldrDiv .line{border-bottom: 1px solid #D1D1D1;}
.ldrDiv .listInfr{font-size: 16px;color: #666;line-height: 26px;}
.ldrViewBox{font-size: 16px;color: #666;line-height: 36px;}

 /*
 * 集团简介详情
 * groupView
 */
.subMain .bioTit:after{
    border-bottom: 1px solid #999;
	width: 75px;
	margin-left: -37px;
}
.gvwData{
	overflow: hidden;
	margin: 0 -83px;
	padding-bottom: 95px;
	border-bottom: 1px solid #E5E5E5;
}
.gvwData dd{
	width: 20%;
	float: left;
	display: inline;
	text-align: center;
	position: relative;
}
.gvwData .listTit{
	font-size: 14px;
	color: #999;
}
.gvwData .listTit span{
	font-size: 48px;
	font-family: arial;
}
.gvwData .listInfr{
	font-size: 14px;
	color: #999;
}
.gvwData dd+dd:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	height: 68px;
	margin-top: -34px;
	border-left: 1px solid #e5e5e5;
}
.gvwInfr1{
	font-size: 16px;
	color: #666;
	line-height: 30px;
	text-align: center;
	width: 910px;
	margin: 0 auto;
}
.gvwTab{
	padding: 50px 24px;
	background: #f3f3f3;
	border-bottom: 1px solid #D1D1D1;
}
.gvwTab dd{
	height: 160px;
	width: 160px;
	margin: 0 16px;
	float: left;
	display: inline;
	text-align: center;
	cursor: pointer;
	position: relative;
	transition: 0.3s ease;
	background: url(../image/round.png) center center no-repeat;
}
.gvwTab .listIco{
	height: 46px;
	transition: 0.3s ease;
}
.gvwTab .listTit{
	font-size: 16px;
	color: #666;
}
.gvwTab .listIco.ico1{background: url(../image/gvwico1.png) center center no-repeat;}
.gvwTab .listIco.ico2{background: url(../image/gvwico2.png) center center no-repeat;}
.gvwTab .listIco.ico3{background: url(../image/gvwico3.png) center center no-repeat;}
.gvwTab .listIco.ico4{background: url(../image/gvwico4.png) center center no-repeat;}
.gvwTab .listIco.ico5{background: url(../image/gvwico5.png) center center no-repeat;}
.gvwTab .listIco.ico6{background: url(../image/gvwico6.png) center center no-repeat;}
.gvwTab dd.active:after{
	content: '';
	display: block;
	background: url(../image/gvwico7.png) center center no-repeat;
	width: 16px;
	height: 9px;
	position: absolute;
	bottom: -51px;
	margin-left: -8px;
	left: 50%;
}
.gvwTab dd.active .listIco.ico1{background: url(../image/gvwico1_h.png) center center no-repeat;}
.gvwTab dd.active .listIco.ico2{background: url(../image/gvwico2_h.png) center center no-repeat;}
.gvwTab dd.active .listIco.ico3{background: url(../image/gvwico3_h.png) center center no-repeat;}
.gvwTab dd.active .listIco.ico4{background: url(../image/gvwico4_h.png) center center no-repeat;}
.gvwTab dd.active .listIco.ico5{background: url(../image/gvwico5_h.png) center center no-repeat;}
.gvwTab dd.active .listIco.ico6{background: url(../image/gvwico6_h.png) center center no-repeat;}
.gvwTab dd:hover .listIco.ico1{background: url(../image/gvwico1_h.png) center center no-repeat;}
.gvwTab dd:hover .listIco.ico2{background: url(../image/gvwico2_h.png) center center no-repeat;}
.gvwTab dd:hover .listIco.ico3{background: url(../image/gvwico3_h.png) center center no-repeat;}
.gvwTab dd:hover .listIco.ico4{background: url(../image/gvwico4_h.png) center center no-repeat;}
.gvwTab dd:hover .listIco.ico5{background: url(../image/gvwico5_h.png) center center no-repeat;}
.gvwTab dd:hover .listIco.ico6{background: url(../image/gvwico6_h.png) center center no-repeat;}
.gvwTab dd:hover{
	transform: translateY(-4px);
}
.gvwTab dd.active:hover{
	transform: translateY(0);
}
.gvwTabC .listBox{
	margin: 0 -17px;
}
.gvwTabC .listImg{
	margin: 0 17px;
	width: 380px;
}
.gvwTabC .listImg .imgBox{
	padding-top: 56.5789%;
}
.gvwTabC .listInfr{
	font-size: 16px;
	color: #666;
	line-height: 32px;
	overflow: hidden;
	padding: 0 17px;
	position: relative;
	top: -5px;
}
.gvwInfr2{
	padding: 70px 50px;
	background: #f5f5f5;
	line-height: 32px;
	color: #666;
	font-size: 16px;
}

/*
 * 集团简介
 * business
 */
.arrowDown {
	position: absolute;
    left: 0;
    bottom: 28px;
    width: 100%;
    text-align: center;
    z-index: 3;
}
.arrowDown i{
	display: inline-block;
	width: 34px;
	height: 20px;
	background: url(../image/arrow-down.png) no-repeat center top;
	-webkit-animation: arrowDown 1s infinite linear;
	cursor: pointer;
}
@-webkit-keyframes arrowDown {
    0% {
        -webkit-transform: translate(0,0);
    }
    25%{
        -webkit-transform: translate(0,6px);
    }
    50% {
        -webkit-transform: translate(0,0);
    }
    75%{
        -webkit-transform: translate(0, -6px);
    }
    100% {
        -webkit-transform: translate(0,0);
    }
}
.business .swiper-slide{
	width:100%;
}
.business {
	height:100vh;
	width:100%;
}
.business .swiper-wrapper{
	transition-delay:0.3s !important;
}
.bnsBox{
	height: 100vh;
	height: 920px\9;
	background-size: cover;
	background-position: center center;
}
.bnsTit{
	font-size: 34px;
	color: #fff;
}
.bnsTxt{
	width: 83.8541%;
	margin: 0 auto;
}
.bnsTxt .listMore{
	display: inline-block;
	width: 160px;
	height: 50px;
	line-height: 50px;
	background: #f6ab00;
	border-radius:3px;
}
.bnsTxt .listMore a{
	display: block;
	color: #fff;
	padding-left: 65px;
	background: url(../image/busico.png) 30px center no-repeat;
	font-size: 16px;
	text-align: left;
}
.bnsTxt .listMore.ico1 a{
	background: url(../image/busico.png) 30px center no-repeat;
}
.bnsTxt .listMore.ico2 a{
	background: url(../image/busico2.png) 30px center no-repeat;
}
.bnsTxt .listMore.ico3 a{
	background: url(../image/busico3.png) 30px center no-repeat;
}
.bnsTxt .listMore.ico4 a{
	background: url(../image/busico4.png) 30px center no-repeat;
}
.bnsTxt2{
	text-align: center;
}
.bnsTit2{
	text-align: center;
}
.bnsInfr{
	display: inline-block;
	font-size: 16px;
	line-height: 32px;
	color: #fff;
	width:800px;
}
.bnsDots{
	position: fixed;
	top: 40%;
	right: 50px;
	text-align: right;
	font-size: 0;
	z-index:10;
}
.bnsDots dd{
	line-height: 32px;
	height: 32px;
	cursor: pointer;
    position: relative;
}
.bnsDots span{
	font-size: 18px;
	color: #fff;
	padding-right: 10px;
	transform: translateX(10px);
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	transition: 0.4s ease-in-out;
    position: absolute;
    top: -8px;
    right: 26px;
    width: 150px;
    visibility: hidden;
}
.bnsDotsIco{
	display: inline-block;
	width: 26px;
	height: 16px;
	position: relative;
	transition: 0.4s ease-in-out;
}
.bnsDotsIco .ico1{
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: 0.4s linear;
}
.bnsDotsIco .ico2{
	width: 0;
	height: 2px;
	right: 4px;
	bottom: 0px;
	background: #fff;
	position: absolute;
	transition: 0.4s linear;
}
.bnsDots dd.hover .ico1{
	width: 0;
	height: 0;
	right: 4px;
}
.bnsDots dd.hover .ico2{
	width: 26px;
}
.bnsDots dd.hover span{
	transform: translateX(0);
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
    visibility: visible;
}

.bnsDots dd:hover i{
	
}
.bnsDots dd:hover span{
	transform: translateX(0);
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
    visibility: visible;
}
/*
  * productList
  *	产品列表
  */
.productList{background:#495561;min-height: 450px;height: auto !important;height: 450px;}
.productList dd{position: relative;display: inline;float: left;width: 25%;}
.productList dd:after{content: '';display: block;height: 100%;position: absolute;right: 0;top: 0;border-right: 1px solid #6d7781;}
.productList dd:before{content: '';display: block;width: 100%;position: absolute;bottom: 0;top: 0;border-bottom: 1px solid #6d7781;}
.productList dd a{display: block;padding: 40px;position: relative;overflow: hidden;}
.productList .imgBox{padding-top: 100%;}
.productList .imgBox img{width: auto;height: auto;max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.productList .listBox{position: absolute;bottom: -100%;left: 0;width: 100%;background: url(../image/bgh60.png);transition: 0.5s ease-in-out;}
.productList .listTit{text-align: center;font-size: 18px;color: #fff;height: 30px;line-height: 30px;padding-top: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.productList .listInfo{text-align: center;font-size: 14px;color: #fff;line-height: 22px;height: 44px;padding: 15px 30px 0 30px;}
.productList .listIco{width: 100%;background: url(../image/listico3.png) center center no-repeat;height: 46px;position: absolute;top: -23px;left: 0;}
.productList a:hover .listBox{bottom: 0;}

/*
* productView
* 产品详情
*/
.pdtView{
	padding: 20px;
	background: #fff;
	position: relative;
}
.viewTop{
	overflow: hidden;
}
.viewImg{
	width: 480px;
	margin-right: 60px;
	background: #495561;
}
.viewImg .imgBox{
	padding-top: 100%;
}
.viewImg .imgBox img{
	height: auto;
	width: auto;
}
.viewImg .slick-arrow{
	height: 80px;
	width: 36px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	z-index: 9;
	cursor: pointer;
}
.viewImg .prev{
	background: url(../image/newsprev.png) no-repeat;
	left: 0;
}
.viewImg .next{
	background: url(../image/newsnext.png) no-repeat;
	right: 0;
}
.viewFn{
	overflow: hidden;
	padding-right: 30px;
}
.viewFn dt{
	font-size: 30px;
	color: #333;
	line-height: 80px;
	height: 80px;
	font-weight:bold;
}
.viewFn dd{
	line-height: 50px;
	height:50px;
	padding: 0 40px;
	color: #444;
	font-size: 14px;
}
.viewBuy{
	padding-top: 30px;
}
.viewBuy a{
	width: 150px;
	height: 40px;
	background: #ce1a28;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	display: block;
}
.viewTxt{
	overflow: hidden;
}
.infoTit{
	text-align: center;
	font-size: 30px;
	color: #333;
	line-height: 60px;
	height: 60px;
}
.infoTit i{
	display: inline-block;
	vertical-align: middle;
	height: 60px;
	width: 150px;
	background: url(404.png) center center no-repeat;
}
.InfoBox{
	font-size: 16px;
	line-height: 36px;
	color: #666;
	/*padding:0 50px;*/
}
.InfoBox a{
	padding-left:20px;
	background: url(../image/linkico1.png) no-repeat left center;
}
/* 产品详情表格 start */
.proTable{
	margin: 0;
}
.proTable tr,
.proTable td{
	border: 1px solid #ddd;
}
.proTable p{
	padding: 0 15px;
}
.proTable tr{text-align: center;}
.proTable tr+tr{
	text-align: left;
}
.proTable td+td{
	text-align: center;
}
/* 产品详情表格 end */
/*
********************************此处内页样式结束********************************
*/