@charset "UTF-8";

/*江晓东 2018.08.27 */

/* CSS Document */

html{overflow: -moz-scrollbars-vertical;overflow-x: hidden;} /*始终让 Firefox 显示滚动条*/

*{word-wrap: break-word;margin: 0;padding: 0;outline: none;box-sizing: border-box;}/*文字强制换行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(../images/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(../images/basiclogo.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(112,20,25,0.6);

}

.fadeLoading span:nth-child(2) {

   -webkit-animation-delay:-0.8s;

   animation-delay:-0.8s;

  background:rgba(112,20,25,0.8);

}

.fadeLoading span:nth-child(3) {

   -webkit-animation-delay:-0.26666s;

   animation-delay:-0.26666s;

  background:rgba(112,20,25,1);

}

.fadeLoading span:nth-child(4) {

   -webkit-animation-delay:-0.8s;

   animation-delay:-0.8s;

  background:rgba(112,20,25,0.8);

  

}

.fadeLoading span:nth-child(5) {

   -webkit-animation-delay:-1s;

   animation-delay:-1s;

  background:rgba(112,20,25,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(../images/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(../images/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(../images/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(../images/share1.png) center center no-repeat;

}

.indShare ul li.ico2 a{

	background: url(../images/share2.png) center center no-repeat;

}

.indShare ul li.ico3 a{

	background: url(../images/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(../images/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: 20px;

	left: 50px;

	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;

	left: 40px;

	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: 90px;

	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;

	left:30px;

	top:-10px;

}

.boxArrow span:after{

	background: url(../images/boxarrowbg.png) center center no-repeat;

	content: '';

	display: block;

	position: absolute;

	top: 0;

	left: -12px;

	width: 12px;

	height: 35px;

}

.boxArrow i{

	display: block;

	border-radius: 50%;

	height: 14px;

	width: 14px;

	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: #ffd216;

}

.boxArrow.active i:after{

	height: 6px;

	width: 6px;

	margin-left: -3px;

	margin-top: -3px;

	background: #ffd216;

}



 /*首页框架 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(../images/srhico1.png) center center no-repeat;

	

}

/*menu结束*/

/*banner开始*/

.banner{

	height: 100%;

	width: 100%;

}

.box1 .swiper-wrapper{

	height: 100%;

	width: 100%;

	position: relative;

	transition-timing-function: cubic-bezier(0.71, 0.23, 0.22, 0.81);

	transition-delay: 1s;

}

.box1 .swiper-slide{

	height: 100%;

	width: 100%;

	position: relative;

}

.box1  .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;

}

.box1 .swiper-slide-active .bnrSlide{

	transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);

	-webkit-transform: ;

	opacity: 1;

	filter:alpha(opacity=100);

	visibility: visible;

}

.box1 .banner .bnrSlide{

	transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);

	-webkit-transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1) ;	

}

.box1 .pagination{

	position: absolute;

	right: 0;

	bottom: 30px;

	z-index: 999;

	width: 100%;

	text-align: right;

	font-size: 0;

	padding-right: 100px;

}

.box1 .pagination span{

	display: inline-block;

	height: 10px;

	width: 10px;

	border-radius: 20px;

	border: 1px solid #fff;

	cursor: pointer;

	margin:0 10px;

	transition: all .4s ease;

}

.box1 .pagination span.swiper-active-switch{

	background: #fff;width: 40px;

}

.box1 .swr-page{

	position: absolute;

	bottom: 50px;

	margin-top: -80px;

	z-index: 999;

	font-size: 30px;

	color: #fff;

	right: 100px;

	padding-left: 40px;

	display: none;

}

.box1 .swr-page:after{

	content: '';

	position: absolute;

	left: 0;

	top:50%;

	width: 24px;

	margin-top: -1px;

	border-bottom: 2px solid #fff;

}

.bnr-prevBtn,.bnr-nextBtn{

	position: absolute;

	z-index: 10;

	top:0;

	height:100%;

	width:400px;

	cursor:pointer;

}

.bnr-prevBtn{left:0px;}

.bnr-nextBtn{right:0px;}

.box1 .bnr-prev,.box1 .bnr-prev1,.box1 .bnr-next,.box1 .bnr-next1{

	position: absolute;

	top: 50%;

	height: 63px;

	width: 63px;

	background: #0075c1;

	margin-top: -32px;

	cursor: pointer;

	transition: 0.4s ease;

}

.box1 .bnr-prev,.box1 .bnr-prev1{

	left:-65px;

	background:url(../images/bnr-prev.png) center center no-repeat;

}

.box1 .bnr-next,.box1 .bnr-next1{

	right: -65px;

	background:url(../images/bnr-next.png) center center no-repeat;

}

.bnr-prevBtn:hover .bnr-prev,.bnr-prevBtn:hover .bnr-prev1{

	left:120px;

}

.bnr-nextBtn:hover .bnr-next,.bnr-nextBtn:hover .bnr-next1{

	right: 120px;

}

.box1 .bnr-prev{

	display: none;

}

.box1 .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: #fff;}

.banner1 .bnrInfr{color: #fff;}

.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(../images/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(../images/datalinel.png) left bottom no-repeat;

	transition-delay: 0s;

}

.groupData .lineR{

	top: 0;

	right: 0;

	background: url(../images/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(../images/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结束*/



/*关于我们开始*/

.s2{margin:12% 0 0 10%;width: 90%;position: relative;    z-index: 10;}

.roll-img { margin-left: 5%; }

.roll-img>ul li { height: auto!important; }

.roll-img>ul li img { width: 100%;display: block; transition: 0.3s linear; }

.roll-img>ul li .imgbox{overflow: hidden;width: 45%;}

.roll-img>ul li:hover img{transform: scale(1.1);}

.roll-img>ul li:before { width: 49.5%; content: ''; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(0,0,0,0.6); height: 100%; transition: 0.3s linear 0.4s; }

.roll-img>ul li.swiper-slide-active:before { background: rgba(0,0,0,0); /*transition:0.3s ease 0.2s;*/ }

.s2-tbox { position: absolute; top: 0; width: 41%; z-index: 1;right: 23%; padding-top: 0px; height: 100%; box-sizing: border-box; }

.s2-tbox .T { padding-left: 13%; color: #ffd216; }

.s2-tbox .T span { font-size: 16px; }

.s2-tbox .T h3 { margin-top: 5px; font-size: 2.1vw; line-height: 1; }

.s2-tbox .M { padding-left: 13%; margin-top: 4.5%; color: #fff; }

.s2-tbox .M p { font-size: 24px; }

.s2-tbox .M span { display: -webkit-box; font-size: 14px; line-height: 2.1; margin-top: 4%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 89px; }

.s2-tbox .B ul { overflow: hidden; }

.s2-tbox .B img { margin: 0 auto; max-height: 100%; max-width: 30px; }

.s2-tbox .B li i { height: 37px; display: block; }

.s2-tbox .B li { margin-left: 11%; float: left; }

.s2-tbox .B li:first-child { margin-left: 0; }

.s2-tbox .B { padding-left: 13%; font-size: 16px; color: #ffd216; text-align: center; margin-top: 9%; }

.s2-tbox .B p { margin-top: 5px; color: #fff;}

.Btn { margin-top: 4%; text-align: right; font-size: 0; position: relative; }

.Btn a { transition: 0.3s ease 0s; display: inline-block; vertical-align: top; font-size: 0; width: 40px; height: 40px; text-align: center; border: 1px solid #bbb; box-sizing: border-box; line-height: 38px; }

.Btn a:hover { color: #ffd216; border-color: #ffd216; }

.s2-tbox .B a:hover { color: #ffd216; }

.Btn i { display: block; font-size: 0; position: relative; }

.Btn i:before, .Btn i:after { content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 2px; background: #fff; transition: 0.3s ease 0s; }

.Btn i:before { transform: rotateZ(-45deg); transform-origin: right; }

.Btn i:after { transform: rotateZ(45deg); transform-origin: left; }

.Btn a.left i { transform: rotateZ(-90deg); margin-left: -5px;top: 0; }

.Btn a.right i { transform: rotateZ(90deg); margin-right: -5px; top: 0;}

.Btn a.left { margin-right: 10px; }

.Btn:before { height: 1px; content: ''; background: rgba(255,255,255,0.3); position: absolute; top: 50%; width: calc(100% - 120px); left: 0; }

.Btn a:hover :before, .Btn a:hover :after { background: #ffd216; }

.beat1:hover img, .beat2:hover { transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); animation: beat 0.5s 1; }

@keyframes beat { 0%, 100% {

transform: scale(1, 1);

}

25% {

transform: scale(0.9, 1.1);

}

50% {

transform: scale(1.1, 0.9);

}

75% {

transform: scale(0.95, 1.05);

}

}





































/*关于我们结束*/



.abbox{

	background: url(../images/abboxbg.jpg) center center no-repeat;

	background-size: cover;overflow: hidden;

}



.section3{background: url(../images/sec3_bg_03.jpg) no-repeat center center;background-size: cover;display: flex;align-items: center;overflow: hidden;}





.section3 .divBox{font-size: 0;display: block;position: relative;    z-index: 10;}

.section3 .sec3_left{display: inline-block;}

.sec3_left .sec2_right_div1 font{margin-left: -30px;}

.sec3_left p{font-size: 16px;color: #fff;line-height: 30px;margin-top: 30px;}

.sec3_right{display: inline-block;vertical-align: middle;width: calc(100% - 500px);}

.sec3_right .swiper-wrapper{height: 370px!important;}

.sec3_right .swiper-slide{box-sizing: border-box;height: auto!important;padding: 0 10px;}

.sec3_right .swiper-slide a{display: block;position: relative;text-align: center;background: #fff;box-sizing: border-box;border: 5px solid #fff;}

.sec3_right .swiper-slide a:after{content: '';display: block;width: 0%;height: 1px;background:#fccf1c;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}

.sec3_right .swiper-slide a:before{content: '';display: block;width: 1px;height: 0%;background:#fccf1c;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}

.sec3_right .swiper-slide a span:after{content: '';display: block;width: 0%;height: 1px;background:#fccf1c;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}

.sec3_right .swiper-slide a span:before{content: '';display: block;width:1px;height: 0%;background:#fccf1c;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}

.sec3_right .swiper-slide a:hover:after,.sec3_right .swiper-slide a:hover span:after{width: 100%;}

.sec3_right .swiper-slide a:hover:before,.sec3_right .swiper-slide a:hover span:before{height: 100%;}



.sec3_right .swiper-slide a span{display: block;}

.sec3_right .swiper-slide a span img{width:100%;transform: translateX(0);}

.sec3_right_div{box-sizing: border-box;padding:20px 10px 30px;}

.sec3_right_div h1{font-size: 18px;color: #2c3238;transition: 0.3s ease-out;}

.sec3_right_div p{position: relative;margin-top: 5px;}

.sec3_right_div p:after{content: '';display: block;width: 100%;height: 1px;background: #cecfd1;position: absolute;top: 0;left: 0;}

.sec3_right_div p font{display: inline-block;font-size: 14px;line-height:1.6;color:#9c9c9c;box-sizing: border-box;padding: 10px 0 0 0;z-index: 2;position: relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.sec3_right .swiper-slide a i{display: block;width: 45px;height: 45px;line-height: 36px;text-align: center;border-radius: 50%;background: #fccf1c;    padding: 14px;position: absolute;bottom: -20px;left: 50%;margin-left: -22px;z-index: 3;transition: 0.3s ease-in-out;transform: translateY(20px);opacity: 0;}

.sec3_right .swiper-slide a i img{transition: 0.3s ease-out;transform:translateX(0px);}

.sec3_right .swiper-slide a i:hover img{transform:translateX(0px) rotate(180deg);}

.sec3_right .swiper-slide a:hover i{transform: translateY(0);opacity: 1;}

.sec3_right .swiper-slide a:hover h1{color: #ecbd03;}

.sec3_right .swiper-pagination{text-align: left;display: inline-block;width: auto;margin-left: 120px;    bottom: 12px;}

.sec3_right .swiper-pagination span{border-radius: 10px;transition: 0.3s ease-out;}

.sec3_right .swiper-pagination-switch.swiper-active-switch{    width: 55px;opacity: 1;    background:#fccf1c;}

.sec3_right .swiper-button-next,.sec3_right .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%;border: 1px solid #fff;text-align: center;line-height: 10px;  transition: 0.3s ease-out;}

.sec3_right .swiper-button-next{right: auto;top: auto;bottom: 0px;left: 60px;background: url(../images/arrow2.png) center center no-repeat;}

.sec3_right .swiper-button-prev{right: auto;top: auto;bottom: 0px;left: 10px;  background: url(../images/arrow1.png) center center no-repeat;}

.sec3_right .swiper-button-next:hover{background: url(../images/arrow2.png) center center no-repeat #fccf1c;border:1px solid #fccf1c;}

.sec3_right .swiper-button-prev:hover{background: url(../images/arrow1.png) center center no-repeat #fccf1c;border:1px solid #fccf1c;}

.sec3_right .Btn{text-align: left;margin-left: 10px;}

.sec3_right .Btn:before{display: none;}

.sec3_right .swiper-pagination-switch{   

	width: 12px;

    height: 12px;

    margin: 0 5px;

    display: inline-block;

    border-radius: 100%;

    background: #fff;

    opacity: .2;}

.sec3_right .swiper-button-next:hover,.sec3_right .swiper-button-prev:hover{color:#fccf1c;}



/*.section4{background: url(../images/sec4_03.jpg) no-repeat center center;background-size: cover;overflow: hidden}*/
.section4{overflow: hidden;}
.section4 video{position: absolute;

    width: 100%;

    height: auto;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);}

.section4 .secbj{position: absolute;z-index: 1; width: 100%;   height: 100%;    background: rgba(0, 0, 0, .7);}



.section4 .divBox{

	font-size: 0;

    height: 100%;

    position: absolute;

    display: table;

    top: 0;

    left: 0;

    width: 100%;

    padding: 0 10%;

    z-index: 10;

}

.sec3_left{display: table-cell;vertical-align: middle;width: 500px;box-sizing: border-box;padding-right: 80px;}

.sec3_left .sec2_right_div1 font{margin-left: -30px;}

.sec3_left p{font-size: 16px;color: #fff;line-height: 30px;margin-top: 30px;}



.sec4_left{display: table-cell;vertical-align: middle;width:60%;height: 100%;}

.section4  .sec2_right_div1 h1,.section4 .sec2_right_div1 font{color: #fccf1c;}

.section4 .sec2_right_div1 font{margin-left: 11px;}

.sec4_right h2{font-size: 18px;color: white;font-weight: bold;margin-top: 20px;}

.sec4_right p{color: rgba(250,250,250,.7);margin-top: 25px;}

.sec4_right .sec2_right_more i{color:#fccf1c;}

.sec4_right .sec2_right_more a:after{background: #fff;}



.sec4_left ,.sec4_left_right,.sec4_left_right .swiper-container{height: 100vh;}

.sec4_left_right .swiper-slide{

	padding: 10px 0;

}

.sec4_left_right{width: 350px;}

.sec4_left_right .swiper-slide span,.sec4_left_left_u1 li span{display: block;width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;border: 4px solid #7d7c79;}

.sec4_left_right .swiper-slide span img{width: 100%;height: 100%;}

.sec4_left_right .swiper-slide a{display: block;position: relative;width: 100%;height: 100%;}

.sec4_left_right .swiper-slide a:after{content: '';display: block;width: 100%;height: 100%;background: rgba(52,56,65,.2);position: absolute;top: 0;left: 0;

box-sizing: border-box;border: 1px solid rgba(250,250,250,.6);transform: scale(0.9);transition: 0.4s ease-out;}

.sec4_left_right .swiper-slide a:before{content: '';display: block;width: 100%;height: 100%;background:rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;

opacity: 0;transition: 0.4s ease-out;box-sizing: border-box;border: 1px solid rgba(250,250,250,.6);}

.sec4_left_right .swiper-slide a p{width: 100%;position: absolute;font-size: 18px;color: white;font-weight: bold;bottom: 50px;text-align: center;z-index: 3;

transform: translateY(-20px);opacity: 0;transition: 0.4s ease-out;}

.sec4_left_right .swiper-slide a:hover:after{transform: scale(1.1);opacity: 0;}

.sec4_left_right .swiper-slide a:hover:before{transform: scale(0.9);opacity: 1;}

.sec4_left_right .swiper-slide a:hover p{transform: translateY(0);opacity: 1;}

/*.sec4_left_right .swiper-slide:after{content: '';display: block;width: 100px;height: 10px;background: #fccf1c;position: absolute;right: -50px;top: 50%;

margin-top: -5px;}*/





.sec4_left_left{display: inline-block;vertical-align: middle;width: 350px;margin-right: 50px;}

.sec4_left_right{display: inline-block;vertical-align: middle;}

.sec4_left_left_u1{}

.sec4_left_left_u1 li img{width: 100%;}

.sec4_left_left_u1 li a{display: block;position: relative;}

.sec4_left_left_u1 li  a:after{content: '';display: block;width: 100%;height: 100%;background: rgba(52,56,65,.2);position: absolute;top: 0;left: 0;

box-sizing: border-box;border: 1px solid rgba(250,250,250,.6);transform: scale(0.9);transition: 0.4s ease-out;}

.sec4_left_left_u1 li  a:before{content: '';display: block;width: 100%;height: 100%;background: rgba(252,207,28,.2);position: absolute;top: 0;left: 0;

opacity: 0;transition: 0.4s ease-out;box-sizing: border-box;border: 1px solid rgba(250,250,250,.6);}

.sec4_left_left_u1 li a p{width: 100%;position: absolute;font-size: 18px;color: white;font-weight: bold;bottom: 30px;text-align: center;z-index: 3;

transform: translateY(-20px);opacity: 0;transition: 0.4s ease-out;}

.sec4_left_left_u1 li a:hover:after{transform: scale(1.1);opacity: 0;}

.sec4_left_left_u1 li a:hover:before{transform: scale(0.9);opacity: 1;}

.sec4_left_left_u1 li a:hover p{transform: translateY(0);opacity: 1;}

.sec4_left_left_u1 li:nth-child(2){margin-top: 50px;}

.sec4_left_right{position: relative;}

.sec4_left_right_div{position: absolute;bottom: 100px;right: -120px;}

.sec4_left_right_div font{display: inline-block;vertical-align: middle;font-size: 12px;color: rgba(250,250,250,.4);margin-left:10px;margin-top: 3px;}

.sec4_left_right_div img{animation: ran 3s linear infinite;}

.sec2_right_div1 h1{display: inline-block;vertical-align: bottom;font-size: 35px;font-weight: bold;font-family: "arial black";color: #fff;text-transform: uppercase;

line-height: 35px;}

.sec2_right_div1 font{display: inline-block;vertical-align: bottom;font-size: 18px;color: #fff;font-weight: bold;margin-left: 5px;position: relative;top: -3px;}

.sec2_right_div1:after{content: '';display: block;width: 70px;height: 2px;background: #fccf1c;margin-top: 15px;}

.sec2_right_div p{font-size: 16px;color: #fff;line-height: 30px;margin-top: 30px;}

.sec2_right_more{margin-top: 40px;}

.sec2_right_more i{font-size: 18px;color: #fff;font-weight: bold;font-family: "arial black";position: relative;z-index: 2;left: -25px;transition: 0.3s ease-out;}

.sec2_right_more a{display: block;width: 100px;height: 40px;text-align: center;line-height: 38px;position: relative;}

.sec2_right_more a:after{content: '';display: block;width: 55px;height: 10px;background: #fccf1c;position: absolute;left: 10px;bottom: 7px;transition: 0.3s ease-out;}

.sec2_right_more a:hover:after{width: 100%;height: 100%;left: 0;bottom: 0;}

.sec2_right_more a:hover i{left: 0px;}





























/*第一通栏开始*/

.box2{

	background: url(../images/box2bg.jpg) center center no-repeat;

	background-size: cover;

}

.newsLeft{

	height: 100%;

	padding:0 79px 0 80px;

	position: relative;    z-index: 10;

}

.newsTit h3{

	font-size: 36px;

	color: #FFFFFF;

	line-height: 50px;

}

.newsTit h4{font-size: 28px;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;

}



.box2 .newsRight{

	height: 100%;

	overflow: hidden;

	padding-right: 30px;

	position: relative;    z-index: 10;

}

.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;

	}

.s2{margin: 10% 0 0 10%;}

.s2-tbox .B{margin-top: 2%;}

.newsList .listInfr{height: 70px;}

.sec4_left_left{width: 260px;}

.sec4_left_right{width: 260px;}

.box4-slide .listTxt{padding: 0 50px;}

.box4-slide .listBox .listTxt div:first-child{height: 12%!important;}

.s2-tbox .T h3{font-size: 1.8vw;}

.s2-tbox .M p{font-size: 20px;}

.s2-tbox .M span{margin-top: 2%;}

}





@media screen and (max-width:1366px) {

	.newsListBox:hover .listImg{

		top:-230px;

	}

.newsList .listInfr{height: 70px;}

.sec4_left_left{width: 260px;}

.sec4_left_right{width: 260px;}

.box4-slide .listTxt{padding: 0 50px;}

.box4-slide .listBox .listTxt div:first-child{height: 12%!important;}













}

.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(../images/box2next.png) center center no-repeat;

	left: 51%;

	margin-left: 28px;

}

.newsList .slick-arrow.prev{

	background: url(../images/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(../images/newsprev.png);

	left: -36px;

}

.newsRight .newsNext{

	background: url(../images/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: 14px;

	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: #31A99D;

}

.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:260px;

	position: relative;

	z-index: 9;

}

.bisPhrase{

	color: #fff;

	font-size: 16px;

	position: relative;

	z-index: 9;

}



.bisList{

	width:49% ;

	padding-right: 6%;

	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,1);

	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: 18px;

	position: absolute;

	top: 60%;

	margin-top: -1px;

	width: 100%;

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	padding-bottom: 48px;

	height: 40px;

	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: 40px;

	padding: 0;

}

.bisList1 .listBox .listInfr{

	font-size: 14px;

	color: #fff;

	line-height: 26px;

	height: 96px;

	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: 3 !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;background-size: 74px;}

.bisList1 dd.ico2 .listBox1{background: url(../images/bisico2.png) center 26% no-repeat;background-size: 74px;}

.bisList1 dd.ico3 .listBox1{background: url(../images/bisico3.png) center 26% no-repeat;background-size: 74px;}

.bisList1 dd.ico4 .listBox1{background: url(../images/bisico4.png) center 26% no-repeat;background-size: 74px;}

.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:#4331a8 }

.bisList1 dd.ico3 .listBox{background:#31a99d }

.bisList1 dd.ico4 .listBox{background:#9082bd }

.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(../images/box4bg.jpg) center center;

	background-size: cover;

	position: relative;

}

.box4 .box4List{

	width: 85%;

	padding-left: 12%;

	height: 100%;

	position: relative;    z-index: 10;

}

.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: 1200px;

	overflow: hidden;

	margin-right: 120px;

	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;

	}
	.bisList1 dd span{
	    font-size: 14px;
	}
	.bisList1 dd.ico1 .listBox1{background: url(../images/bisico1.png) center 26% no-repeat;background-size: 54px;}

    .bisList1 dd.ico2 .listBox1{background: url(../images/bisico2.png) center 26% no-repeat;background-size: 54px;}
    
    .bisList1 dd.ico3 .listBox1{background: url(../images/bisico3.png) center 26% no-repeat;background-size: 54px;}
    
    .bisList1 dd.ico4 .listBox1{background: url(../images/bisico4.png) center 26% no-repeat;background-size: 54px;}
    .bisList1 dd.ico5 .listBox1{background: url(../images/bisico5.png) center 26% no-repeat;background-size: 54px;}
    .bisList1 dd.ico6 .listBox1{background: url(../images/bisico6.png) center 26% no-repeat;background-size: 54px;}
    .sec3_right .swiper-wrapper{
        height: 260px!important;
    }
    .sec3_left p{
        line-height: 26px;
        font-size: 14px;
    }
    .sec4_left_right_div{
        text-align: center;
        right: -50px;
    }
    .sec4_left_right_div font{
        display: block;
        margin-left: 0;
    }

}

.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(../images/o1.png);

}

.box4-slide .listImg .mask2{

	width: 50%;

	position: absolute;

	height: 70%;

	bottom: 0;

	left: 0;

	background: url(../images/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: 50px;

}

.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(../images/cstico1.png) center top no-repeat;}

.cstList li.ico2 i{background: url(../images/cstico2.png) center top no-repeat;}

.cstList li.ico3 i{background: url(../images/cstico3.png) center top no-repeat;}

.cstList li.ico4 i{background: url(../images/cstico4.png) center top no-repeat;}

.box4Tel{

	padding-left: 68px;

	background: url(../images/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:40px;

}

.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: 26%;

	padding: 8px 0;

}

.sdyListhh{width: 1000px;margin: 0 auto;}

.sdyListhh dd{width: 33.3333%}

.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;

	background: #fff;

}

.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: 25%;

	transition: 0.6s ease;

}

.box4Tab li.active{

	width: 50%;

}

.box4T i{

	float: left;

	width: 14px;

	height: 14px;

	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: 120px;

	margin-top: -100px;

	transition: 0.6s ease;

}

.telList.active{

	margin-top: 0;

}

.telList h6{

	font-size: 20px;

	margin-bottom: 15px;

}

.telList dd{

	font-size: 36px;

	font-weight: bold;

	position: absolute;

	left: 0;

	height: 140px;

	width: 100%;

	transition: 0.6s ease;

	color: #fff;

	overflow: hidden;

	top:-140px;

}

.telList dd.active{

	top:0;

}

.consultBox{

	height: 120px;

	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(../images/arrow1.png) center center no-repeat;

	left: -60px;

}

.box4-bt.box4-prev.hover{

	left: 80px;

}

.box4-bt.box4-next{

	background: url(../images/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(../images/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(../images/icon8.png);

	color: #fff;

	font-size: 14px;

}

.location a:hover,.location a.hover{color:#0075c1}

.location a.home{background-image: url(../images/home.png) !important;padding:0 0 0 30px;}

/* 三级栏目 start */

.threeMenu {

	text-align: center;

	font-size: 0;

}

.threeMenu dd{

	display: inline-block;

	margin: 0 10px;

}

.threeMenu a{

	display: block;

	font-size: 16px;

	border: 1px solid #e5e5e5;

	width: 120px;

	line-height: 36px;

	border-radius: 3px;

	color: #fff;

}

.threeMenu dd.hover a{

	background: #0075c1;

	border-color: #0075c1;

	color: #fff;

}

/* 三级栏目 end */

/*页码开始*/

.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(../images/firstpage.png)}

.page a.prevPage div{background-image: url(../images/prevpage.png)}

.page a.nextPage div{background-image: url(../images/nextpage.png)}

.page a.lastPage div{background-image: url(../images/lastpage.png)}



.page a.firstPage:hover div{background-image: url(../images/firstpageh.png)}

.page a.prevPage:hover div{background-image: url(../images/prevpageh.png)}

.page a.nextPage:hover div{background-image: url(../images/nextpageh.png)}

.page a.lastPage:hover div{background-image: url(../images/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(../images/firstpage.png)}

.page a.prevPage.disabled div{background-image: url(../images/prevpage.png)}

.page a.nextPage.disabled div{background-image: url(../images/nextpage.png)}

.page a.lastPage.disabled div{background-image: url(../images/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;

}

.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;

	position: relative;    z-index: 10;

}

.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(../images/sharebt5.png) no-repeat center center !important;background-size:100%!important;}

.ShareBox .bds_tsina{background: url(../images/sharebt1.png) no-repeat center center !important;background-size:100%!important;}

.ShareBox .bds_tqq{background: url(../images/sharebt2.png) no-repeat center center !important;background-size:100%!important;}

.ShareBox .bds_qzone{background: url(../images/sharebt3.png) no-repeat center center !important;background-size:100%!important;}

.ShareBox .bds_douban{background: url(../images/sharebt4.png) no-repeat center center !important;background-size:100%!important;}

.ShareBox .bds_sqq{background: url(../images/sharebt6.png) no-repeat center center !important;background-size:100%!important;}

.ShareBox .f_more{background:url(../images/footshare.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(../images/date1.png) left center no-repeat;

}

.articleTime .browse{

	padding-left: 28px;

	background: url(../images/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(../images/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(../images/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(../images/nvprev_h.png);

}

.pageUp1 a:hover .ico1:after{

	border-color: #fff;

}

.pageUp1 a:hover .ico2{

	background-image: url(../images/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;*/

	position: fixed;

	top: 125px;

	margin-left: -110px;

	left: auto;

}

.viewShare.fixed{



}

.viewShare a{

	display: block;

	height: 50px;

	width: 50px;

}

.viewShare a.goBack{

	background: #8c94aa url(../images/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(../images/sharebt1.png) center center no-repeat !important;

	

}

.viewShare1 .bds_weixin{

	background: url(../images/sharebt2.png) center center no-repeat !important;

}

.viewShare1 .bds_sqq{

	background: url(../images/sharebt3.png) center center no-repeat !important;

	

}

.viewShare1Box{

	background: #80c269 url(../images/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(../images/article_icon.png) no-repeat 0px -50px;

	left: 0;

}



#play .next_a span {

	background: url(../images/article_icon.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(../images/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(../images/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(../images/file.png) no-repeat left center;

}



.articleHand a:hover {

	color: #0075C1;

}



.articleHand a.word {

	background: url(../images/word.png) no-repeat left 3px;

	color: #37a6ff !important;

}



.articleHand a.ppt {

	background: url(../images/ppt.png) no-repeat left center;

	color: #ff7735 !important;

}



.articleHand a.excel {

	background: url(../images/excel.png) no-repeat left center;

	color: #15bf44 !important;

}



.articleHand a.pdf {

	background: url(../images/pdf.png) no-repeat left center;

	color: #1369c0 !important;

}



.articleHand a.zip {

	background: url(../images/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(../images/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(../images/cntico1.png) center center no-repeat;

}

.bioCnt dd .ico2{

	background: url(../images/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(../images/leader-prev.png) center center no-repeat;

}

.leader .next{

	right: -6%;

	background: url(../images/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(../images/leader-prevh.png) ;

}

.leader .next:hover{

	background-image:url(../images/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(../images/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(../images/biodept-prev.png) center center no-repeat;

}

.bioDept-next{

	right: 0;

	background:#fff url(../images/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(../images/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(../images/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(../images/bpcbox1ico1h.png) center center no-repeat;

}

.ipcBsnList .listImg .ico2{

	background: url(../images/bpcbox1ico2h.png) center center no-repeat;

}

.ipcBsnList .listImg .ico3{

	background: url(../images/bpcbox1ico3h.png) center center no-repeat;

}

.ipcBsnList .listImg .ico4{

	background: url(../images/bpcbox1ico4h.png) center center no-repeat;

}

.ipcBsnList .listImg .ico5{

	background: url(../images/bpcbox1ico5h.png) center center no-repeat;

}

.ipcBsnList .listImg .ico6{

	background: url(../images/bpcbox1ico6h.png) center center no-repeat;

}

.ipcBsnList .listImg .ico7{

	background: url(../images/bpcbox1ico7h.png) center center no-repeat;

}

.ipcBsnList .listImg .ico8{

	background: url(../images/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(../images/ipcbsn-prev.png) 5px center no-repeat;

}

.ipcBsn-next{

	background: #fff url(../images/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(../images/ipcldrico1.png);}

.ipcLdrList .listIco.ico2{background: url(../images/ipcldrico2.png);}

.ipcLdrList .listIco.ico3{background: url(../images/ipcldrico3.png);}

.ipcLdrList .listIco.ico4{background: url(../images/ipcldrico4.png);}

.ipcLdrList .listIco.ico5{background: url(../images/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(../images/ipcldrico1_h.png);}

.ipcLdrList a:hover .listIco.ico2{background: url(../images/ipcldrico2_h.png);}

.ipcLdrList a:hover .listIco.ico3{background: url(../images/ipcldrico3_h.png);}

.ipcLdrList a:hover .listIco.ico4{background: url(../images/ipcldrico4_h.png);}

.ipcLdrList a:hover .listIco.ico5{background: url(../images/ipcldrico5_h.png);}

.ipcBox3{

	background: url(../images/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(../images/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(../images/ipcesnico1.png);}

.ipcEsnList .listIco.ico2{background: url(../images/ipcesnico2.png);}

.ipcEsnList .listIco.ico3{background: url(../images/ipcesnico3.png);}

.ipcEsnList .listIco.ico4{background: url(../images/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(../images/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(../images/ctebox1bg1.jpg) center center no-repeat;

	background-size: cover;

}

.cteBox1Bg.bg2{

	background: url(../images/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(../images/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(../images/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(../images/play2.png) center center no-repeat;

}

.player.play .player__play{

  background-image: url(../images/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(../images/leader-prev.png) center center no-repeat ;

}

.player__next {

	right: 30px;

	background:url(../images/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(../images/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(../images/box2next.png) center center no-repeat;

	left: 51%;

	margin-left: 28px;

}

.commonBtn .slick-arrow.prev{

	background: url(../images/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(../images/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: 15px;

	color: #fff;

	height: 46px;

	line-height: 49px;

	position: absolute;

	bottom: -46px;

	left: 0;

	width: 100%;

	transition: 0.4s ease;

	background: url(../images/il2bg1.png) center center;

}

.imgList1 dd .listTit span{

	padding: 0 15px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	display: block;

}

.imgList1 .listAuthor{

	margin:0 15px;

} 

.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(../images/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(../images/gvwico1.png) center center no-repeat;}

.gvwTab .listIco.ico2{background: url(../images/gvwico2.png) center center no-repeat;}

.gvwTab .listIco.ico3{background: url(../images/gvwico3.png) center center no-repeat;}

.gvwTab .listIco.ico4{background: url(../images/gvwico4.png) center center no-repeat;}

.gvwTab .listIco.ico5{background: url(../images/gvwico5.png) center center no-repeat;}

.gvwTab .listIco.ico6{background: url(../images/gvwico6.png) center center no-repeat;}

.gvwTab dd.active:after{

	content: '';

	display: block;

	background: url(../images/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(../images/gvwico1_h.png) center center no-repeat;}

.gvwTab dd.active .listIco.ico2{background: url(../images/gvwico2_h.png) center center no-repeat;}

.gvwTab dd.active .listIco.ico3{background: url(../images/gvwico3_h.png) center center no-repeat;}

.gvwTab dd.active .listIco.ico4{background: url(../images/gvwico4_h.png) center center no-repeat;}

.gvwTab dd.active .listIco.ico5{background: url(../images/gvwico5_h.png) center center no-repeat;}

.gvwTab dd.active .listIco.ico6{background: url(../images/gvwico6_h.png) center center no-repeat;}

.gvwTab dd:hover .listIco.ico1{background: url(../images/gvwico1_h.png) center center no-repeat;}

.gvwTab dd:hover .listIco.ico2{background: url(../images/gvwico2_h.png) center center no-repeat;}

.gvwTab dd:hover .listIco.ico3{background: url(../images/gvwico3_h.png) center center no-repeat;}

.gvwTab dd:hover .listIco.ico4{background: url(../images/gvwico4_h.png) center center no-repeat;}

.gvwTab dd:hover .listIco.ico5{background: url(../images/gvwico5_h.png) center center no-repeat;}

.gvwTab dd:hover .listIco.ico6{background: url(../images/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(../images/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(../images/busico.png) 30px center no-repeat;

	font-size: 16px;

	text-align: left;

}

.bnsTxt .listMore.ico1 a{

	background: url(../images/busico.png) 30px center no-repeat;

}

.bnsTxt .listMore.ico2 a{

	background: url(../images/busico2.png) 30px center no-repeat;

}

.bnsTxt .listMore.ico3 a{

	background: url(../images/busico3.png) 30px center no-repeat;

}

.bnsTxt .listMore.ico4 a{

	background: url(../images/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(../images/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(../images/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(../images/newsprev.png) no-repeat;

	left: 0;

}

.viewImg .next{

	background: url(../images/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(../images/line2s.png) center center no-repeat;

}

.InfoBox{

	font-size: 16px;

	line-height: 36px;

	color: #666;

	/*padding:0 50px;*/

}

.InfoBox a{

	padding-left:20px;

	background: url(../images/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 */

/* 相册弹窗 start */

.viewer-canvas>img{

    padding: 20px;

    background: #fff;

    border-radius: 3px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.viewer-toolbar li.viewer-prev{

    position: fixed;

    top: 50%;

    left: 30px;

    width: 40px;

    height: 80px;

    border-radius: 0;

    background: #999 url(../images/arrowl.png) center center no-repeat;

}

.viewer-toolbar li.viewer-next{

    position: fixed;

    top: 50%;

    right: 30px;

    width: 40px;

    height: 80px;

    border-radius: 0;

    background: #999 url(../images/arrowr.png) center center no-repeat;

}

.viewer-toolbar li.viewer-prev:before,

.viewer-toolbar li.viewer-next:before{

    display: none;

}



.viewer-play,

.viewer-flip-horizontal,

.viewer-flip-vertical{

    display: none;

}

.viewer-toolbar{

    width: 150px !important;

}

.viewer-footer .viewer-title{

	color: #fff;

	font-size: 16px;

	opacity: 1;

}

/* 相册弹窗 end */

/*

********************************此处内页样式结束********************************

*/