@charset "UTF-8";
/* CSS Document */

/*
-----------------------------首页样式start-----------------------------
*/
/* 遮罩层 */
.fade {
    position: fixed;
    z-index: 999999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fadeTop, .fadeBottom {
    position: absolute;
    width: 100%;
    height: 50%;
    background: #f5f5f5 url(../images/bodyBg.png) left top repeat;
    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(41, 80, 160, 0.6);
}
.fadeLoading span:nth-child(2) {
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
    background:rgba(41, 80, 160, 0.8);
}
.fadeLoading span:nth-child(3) {
    -webkit-animation-delay:-0.26666s;
    animation-delay:-0.26666s;
    background:rgba(41, 80, 160, 1);
}
.fadeLoading span:nth-child(4) {
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
    background:rgba(41, 80, 160, 0.8);
}
.fadeLoading span:nth-child(5) {
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
    background:rgba(41, 80, 160, 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);
    }
}
.footSearchBox{
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.7);
    z-index: 999;
    display: none;
}
.footSearchBox .wrap{
    position: relative;
    top: 50%;
    margin-top: -25px;
}
.searchCont{
    overflow: hidden;
    width: 600px;
    margin: 0px auto;
    position: relative;
}
.search_dl{
    position: absolute;
    left: 0px;
    top: 0px;
}
.search_dl dd{
    float: left;
    display: inline;
    overflow: hidden;
}
.search_dl dd a{
    display: block;
    overflow: hidden;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    text-align: center;
    font-size: 14px;
    color:#666;
}
.search_dl dd.hover a{
    background: #2950a0;
    color:#fff;
}
.searchInpDiv{
    display: block;
    overflow: hidden;
    padding: 0px 10px;
    border: 3px solid #2950a0;
    border-radius: 0px 0px 0px 3px;
    background: #fff;
}
.searchInpDiv input{
    display: block;
    height: 44px;
    width: 100%;
    border:none;
    background: none;
    font-size: 14px;
    color:#666;
    overflow: hidden;
    line-height: 44px;
}
a.footSearchBt{
    display: block;
    width: 100px;
    height: 50px;
    overflow: hidden;
    background: #2950a0;
    font-size: 16px;
    color:#fff;
    text-align: center;
    line-height: 50px;
    border-radius: 0px 3px 3px 0px;
}
.closeSearchBt{
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 15px;
    background: #000 url(../images/close_h.png) no-repeat center center;
    background-size: 20px auto;
}
/*头部开始*/
.top {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	height: 90px;
	background: #fff;
	z-index: 999;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08);
	min-width: 1280px;
}
.topC{
	margin: 0 3.125%;
}

.logo {
	padding: 17px 0px;
}

.logo img {
	display: block;
	height: 56px;
}

.topShop {
	width: 55px;
	height: 90px;
	position: relative;
}
.topShopCon{
	position: absolute;
	height: 36px;
	padding: 27px 0;
	width: 55px;
	background: #fff;
	right: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	z-index: 10;
}
.topSearch {
	/* width: 215px; */
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 30px;
	padding: 0 5px;
	height: 36px;
	line-height: 36px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	z-index: 8;
}

.topRc::before {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 16px;
	left: 0;
	top: 10px;
	background: rgba(255, 255, 255, 0.1);
}
/* .topShopCon:hover {
	width: 230px;
}
.topShopCon:hover .topSearch{
	width: 200px;
} */

.topBtn {
	display: block;
	width: 30px;
	height: 36px;
	background: url(/subsiteSrc/cnPc/images/search.png) center center no-repeat;
	position: relative;
	z-index: 5;
	cursor: pointer;
}
.topSearch .topBtn:hover{
	background: url(/subsiteSrc/cnPc/images/search_h.png) center center no-repeat;
}
.searchDiv {
	overflow: hidden;
	padding: 1px 5px;
}

.searchDiv input {
	width: 100%;
	height: 34px;
	line-height: 34px;
	background: none;
	border: none;
	font-size: 15px;
	color: #666;
	position: relative;
	z-index: 10;
	background: #fff;
}

.topSearch:before {
	content: '';
	display: block;
	border: 1px solid transparent;
	width: 0%;
	height: 0%;
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
	transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
	box-sizing: border-box;
	border-radius: 3px;
	z-index: 5;
}

.topSearch:after {
	content: '';
	display: block;
	border: 1px solid transparent;
	width: 0%;
	height: 0%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
	transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
	box-sizing: border-box;
	border-radius: 3px;
	z-index: 5;
}

/* .topShopCon:hover .topSearch:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #e6e6e6;
	border-left-color: #e6e6e6;
	-webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
	transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}

.topShopCon:hover .topSearch:after {
	width: 100%;
	height: 100%;
	border-top-color: #e6e6e6;
	border-right-color: #e6e6e6;
	-webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
	transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
} */


/*头部结束*/

/*menu开始*/

.menuDl {
	position: relative;
}

.menuDl:after {
	display: block;
	content: "";
	clear: both;
}

.menuDl dd {
	display: inline;
	float: left;
	position: relative;
	z-index: 3;
	margin: 0 5px;
}

.menuDl dd span a {
	display: block;
	height: 90px;
	overflow: hidden;
	line-height: 90px;
	color: #333;
	font-size: 16px;
	position: relative;
	padding: 0 32px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 10;
}

.menuDl dd.hover span a {
	color: #fff;
}
.menuDl dd span a i {
	display: none;
	width: 100%;
	height: 2px;
	overflow: hidden;
	background: #d6000f;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.menuDl dd.hover span a i {
	display: block;
}

.menuDl dd .div_a {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 102px;
	left: 0;
	z-index: 99;
	background: #fff;
	display: none;
}

.menuDl dd .div_a a {
	display: block;
	height: 35px;
	overflow: hidden;
	text-align: center;
	line-height: 35px;
	text-align: center;
	color: #333333;
	font-size: 14px;
}

.menuDl dd .div_a a.hover {
	background: #0f5e37
}

.menuDl dd .div_a a:hover {
	background: #0f5e37
}

.menuDl dt {
	width: 0;
	height: 100%;
	background: #2950a0;
	position: absolute;
	left: 0;
	bottom: 0;
}
.menuDl dt::after{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	bottom: 0;
	background: #f39700;
}
.subMenuDiv {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 91px;
	left: 0px;
	z-index: 1;
	visibility: hidden;

}

.menuDl dd:hover .subMenuDiv {
	visibility: visible;
}

.subMenu a {
	text-align: center;
	color: #fff;
	font-size: 14px;
	display: block;
	line-height: 30px;
	padding: 5px 5px;
	background: rgba(0,0,0,0.4);
	opacity: 0;
	transition: 0.3s ease;
	-webkit-transform: perspective(100px) rotateX(-90deg);
	-ms-transform: perspective(100px) rotateX(-90deg);
	transform: perspective(100px) rotateX(-90deg);
	-webkit-transform-origin: center top 0;
	-ms-transform-origin: center top 0;
	transform-origin: center top 0;
	transition-delay: 0s;
	visibility: hidden;
}

.menuDl dd:hover .subMenu a {
	opacity: 1;
	visibility: visible;
	-webkit-transform: perspective(100px) rotateX(0deg);
	-ms-transform: perspective(100px) rotateX(0deg);
	transform: perspective(100px) rotateX(0deg);

}

.subMenu a:hover {
	background: #2950a0;
}

.subMenuR {
	width: 50%;
	overflow: hidden;
	padding: 20px 0px;
}

.menuTop {
	height: 40px;
	line-height: 40px;
	display: block;
	overflow: hidden;
	font-size: 24px;
	color: #555;
	padding-left: 50px;
}

.subMenuCont {
	overflow: hidden;
	position: relative;
	margin-right: 15px;
}

.listBg {
	width: 0px;
	height: 0px;
	overflow: hidden;
	background: #fff;
	position: absolute;
	left: 0px;
	top: 0px;
}

.subMenuTop {
	height: 40px;
	line-height: 40px;
	display: none;
	font-size: 16px;
	color: #888;
	overflow: hidden;
	padding: 15px 0px 10px 50px;
}

.half {
	float: left;
	display: inline;
	width: 50%;
}

.half .subMenuTop {
	display: block;
}

.subMenuL {
	width: 50%;
	padding: 20px 0px;
}

.subMenuTxt {
	height: 250px;
	overflow: hidden;
	padding: 20px;
	margin: 0px 20px;
}

.subMenuLTop {
	display: none;
	text-align: center;
	font-size: 34px;
	color: #333;
	overflow: hidden;
}

.subMenuIntr {
	display: none;
	overflow: hidden;
	font-size: 14px;
	color: #404040;
	line-height: 25px;
}

.menuBg {
	display: none;
	width: 100%;
	height: 50px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 100px;
	z-index: 1;
	background: rgba(0, 0, 0, 0.6);
}

.subMenuDiv.showMenu {
	-webkit-animation: showMenu 0.5s linear forwards;
	-o-animation: showMenu 0.5s linear forwards;
	animation: showMenu 0.5s linear forwards;
}

@keyframes showMenu {
	0% {
		opacity: 0.5
	}

	100% {
		opacity: 1
	}
}

.subMenuDiv.hideMenu {
	-webkit-animation: hideMenu 0.5s linear forwards;
	-o-animation: hideMenu 0.5s linear forwards;
	animation: hideMenu 0.5s linear forwards;
}

@keyframes hideMenu {
	0% {
		opacity: 0.2
	}

	100% {
		opacity: 0
	}
}

.topRl {
	height: 80px;
	line-height: 80px;
}

.topHide {
	position: relative;
	width: 100%;
	height: 80px;
}

.topRl .iconBox:hover {
	opacity: .7;
	transform: rotateY(-180deg);
}

.topRc {
	overflow: hidden;
	padding-left: 25px;
}

.topRDl {
	overflow: hidden;
	padding-left: 25px;
	position: relative;
}

.topRDl:after {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 16px;
	left: 0;
	top: 50%;
	margin-top: -8px;
	background: #e0e0e0;
}

.topRDl dd {
	float: left;
	display: inline;
	height: 41px;
	line-height: 41px;
	margin-right: 11px;
}

.topRDl dd div a {
	display: block;
	padding-left: 26px;
	font-size: 16px;
	color: #666;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.topRDl dd div.dd1 {
	background: url(/subsiteSrc/cnPc/images/wicon1.png) left center no-repeat;
}

.topRDl dd div.dd2 {
	background: url(/subsiteSrc/cnPc/images/wicon2.png) left center no-repeat;
}

.topRDl dd div a:hover {
	color: #f28e1a;
}

/*menu结束*/

/*indexBanner开始*/

.indexBanner {
	overflow: hidden;
	height: 100%;
	width: 100%;
	position: relative;
}

.indexBanner .myslide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
}

.indexBanner .myslide a {
	position: absolute;
	height: 100%;
	width: 100%;
	right: 0;
	top: 0;
	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;
	filter: alpha(opacity=80);
	transform: perspective(300px) rotateX(1deg) rotateY(-1deg) scale(1);
	visibility: hidden;
	opacity: 0;
}

.indexBanner .myslide.slick-active a {
	transform: perspective(300px) rotateX(0deg) rotateY(0deg) scale(1);
	-webkit-transform: ;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}

.indexBanner .slick-dots {
	position: absolute;
	bottom: 30px;
	width: 100%;
	left: 0%;
	text-align: center;
}

.indexBanner .slick-dots li {
	width: 40px;
	height: 3px;
	line-height: 9999px;
	text-align: center;
	background: rgba(255,255,255,0.6);
	color: #ffffff;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	border-radius: 3px;
}

.indexBanner .slick-dots li.slick-active {
	background: rgba(255,255,255,1);
}

.indexBanner .text {
	position: absolute;
	width: 1200px;
	height: 400px;
	top: 31.94%;
	left: 50%;
	margin-left: -600px;
	z-index: 5;
}

.indexBanner .text .con2T {
	position: absolute;
	width: 100%;
	height: 180px;
	top: 0px;
	left: 0;
}

.indexBanner .text .con1 {
	position: absolute;
	width: 100%;
	height: 66px;
	top: 112px;
	left: 0;
}

.indexBanner .text img {
	display: block;
	margin: 0 auto;
}

.conLine {
	position: absolute;
	width: 100px;
	height: 2px;
	left: 550px;
	top: 190px;
	background: #fff;
}

.indexBanner .text .con2 {
	position: absolute;
	width: 100%;
	height: 64px;
	top: 230px;
	left: 0;
}

.indexBanner .text .con2 img {
	display: block;
	margin: 0 auto;
}
/* 云 */
.cloudWave{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: url(/subsiteSrc/cnPc/images/cloudWave1.png) left top no-repeat; */
    background-size: contain;
    -webkit-animation: cloud 100s linear infinite;
    -moz-animation: cloud 100s linear infinite;
    -o-animation: cloud 100s linear infinite;
    animation: cloud 100s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
}
.cloudWave.cloudWave2{
    background: url(/subsiteSrc/cnPc/images/cloudWave2.png) center center no-repeat;
    background-size: contain;
}
@keyframes cloud {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100vw);
  }
}
/*idnexBanner的样式end*/

/*fullPage的样式start*/

#fullPage {
	transition: all 1s cubic-bezier(0.6, 0, 0, 0.6) !important;
	transition-delay: 0.2s !important;
} 

.section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	perspective: 1000px;
	background: #000;
}

.columnBox {
	overflow: hidden;
	position: relative;
	height: 100%;
	width: 100%;
}

.slide {
	float: left;
}

.slide,
.slidesContainer {
	height: 100%;
	display: block;
}

.slides {
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.slidesContainer {
	float: left;
	position: relative;
}

.animHide {
	opacity: 0;
}

/*fullPage 结束*/

/*关于bg start*/

.col1BgBox {
	position: absolute !important;
	width: 105%;
	height: 105%;
	left: -2.5% !important;
	top: -2.5% !important;
}
.col1BgBoxw {
	position: absolute !important;
	width: 101%;
	height: 101%;
	left: -0.5% !important;
	top: -0.5% !important;
}
.col1Bg {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}

.sectionCon {
	position: relative;
	height: calc(100% - 90px);
	top: 90px;
}

.wrap2 {
	width: 78.125%;
	margin: 0 auto;
	clear: both;
}

/*第一通栏start*/
.column1Box1 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.column1Bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.indexTitle .title{
	height: 45px;
	line-height: 45px;
	font-size: 36px;
	color: #333;
	text-align: center;
}
.indexTitle .title1{
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	color:#5e5e5e;
	text-align: center;
}
.columnBanner{
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
.columnBanner .bd{
	padding: 5px 0;
	margin: 0 -19px;
	overflow: hidden;
}
.columnBanner .con{
	margin: 0 19px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}
.columnBanner .slick-slide.slick-active:last-child .text .time{
	color: #f00;
}
.columnBanner .myslide .pic::before{
	padding-top: 56.7153%;
}
.columnBanner .myslide .text{
	padding: 23px 20px;
	background: #fff;
}
.columnBanner .myslide  .title a{
	display: block;
	height: 56px;
	line-height: 56px;
	font-size: 16px;
	font-weight: bold;
	color: #444;
	overflow: hidden;
}
.columnBanner .myslide .time{
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #999;
}
.columnBanner .myslide .con:hover{
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}
.columnBanner .myslide .con:hover .title a{
	color: #2950a0;
}
.columnBanner .myslide .con:hover .time{
	color: #2950a0;
}
.columnBanner .myslide.slick-active.slide5 .pic::after{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.7);
	z-index: 3;
}
.columnBanner .prev{
	position: absolute;
	width: 50px;
	height: 50px;
	left: 19px;
	top: 50%;
	border-radius: 100%;
	margin-top: -110px;
	background: rgba(255,255,255,0.5) url(/subsiteSrc/cnPc/images/prev.png) center center no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	z-index: 5;
	cursor: pointer;
}
.columnBanner .next{
	position: absolute;
	width: 50px;
	height: 50px;
	right: 19px;
	top: 50%;
	margin-top: -110px;
	border-radius: 100%;
	background: rgba(255,255,255,0.53) url(/subsiteSrc/cnPc/images/next.png) center center no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	z-index: 5;
	cursor: pointer;
}
.columnBanner .prev:hover,
.columnBanner .next:hover{
	background-color: #2950a0;
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}
.indexMore{
	width: 142px;
	height: 44px;
	border: 1px solid #666;
	border-radius: 46px;
	margin: 0 auto;
	transition: all 0.3s linear;
	overflow: hidden;
}
.indexMore a{
	display: block;
	position: relative; 
	height:44px;
	text-align: center;
	line-height: 44px;
}
.indexMore a::before{
	display: block;
	content: "";
	position: absolute;
	width: 150px;
	height: 150px;
	left: 50%;
	margin-left: -77px;
	top: 50%;
	margin-top: -77px;
	background: #4e82e0;
	border-radius: 50%;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transform: scale(0);
	-webkit-transform: scale(0);
}
.indexMore a span{
	position: relative;
	z-index: 5;
	display: inline-block;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #666;
	background: url(/subsiteSrc/cnPc/images/morej.png) right center no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.indexMore:hover{
	border-color:#4e82e0;
}
.indexMore:hover a::before{
	transform: scale(1);
	-webkit-transform: scale(1);
}
.indexMore:hover a span{
	color: #fff;
}
/*第一通栏end*/

/*第二通栏start*/

.column2 {
	position: relative;
}
.columnBox2C{
	overflow: hidden;
	margin-bottom: 70px;
}
.columnBox2Left{
	width: 69.444%;
	background: #fff;
	overflow: hidden;
}
.columnBannerLeft{
	width: 44%;
}
.columnBannerRight{
	width: 56%;
}
.columnBanner2{
	position: relative;
}
.columnBanner2 .prev{
	position: absolute;
	width: 40px;
	height: 40px;
	left: -120px;
	bottom: 30px;
	background: url(/subsiteSrc/cnPc/images/columnLeft.png) center center no-repeat;
	z-index: 5;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-radius:100%;
}
.columnBanner2 .next{
	position: absolute;
	width: 40px;
	height: 40px;
	left: -60px;
	bottom: 30px;
	background: url(/subsiteSrc/cnPc/images/column2Right.png) center center no-repeat;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-radius:100%;
}
.columnBanner2 .next:hover{
	box-shadow: 0 0 7px rgba(0,0,0,0.08);
	background: url(/subsiteSrc/cnPc/images/column2Right_h.png) center center no-repeat;
}
.columnBanner2 .prev:hover{
	box-shadow: 0 0 7px rgba(0,0,0,0.08);
	background: url(/subsiteSrc/cnPc/images/columnLeft_h.png) center center no-repeat;
}
.columnBannerRight .pic:before{
	padding-top: 56%;
}
.columnBannerRight .text{
	display: none;
}
.columnBannerLeft .con{
	padding: 30px;
}
.columnBannerLeft .title{
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #444;
	overflow: hidden;
}
.columnBannerLeft .text{
	height: 72px;
	line-height: 24px;
	font-size: 14px;
	color: #666;
	margin-bottom: 50px;
	overflow: hidden;
}
.columnBannerLeft .time{
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #bbb3b3;
	margin-bottom: 74px;
}
.columnBannerLeft .more a{
	display:block;
	height: 35px;
	line-height: 35px;
	width: 100px;
	border: 1px solid #b5b5b5;
	text-align: center;
	border-radius: 35px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.columnBannerLeft .more a:hover{
	border-color: #2950a0;
	color: #2950a0;
}
.columnBox2Right{
	overflow: hidden;
	padding-left: 10px;
}
.columnBox2Dl dd .con{
	padding: 14px 20px 19px 40px;
	background: #fff;
	margin-bottom: 10px;
	overflow: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.columnBox2Dl dd .column2Ddleft{
	overflow: hidden;
}
.columnBox2Dl dd .con .title a{
	display:block;
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	font-size: 16px;
	color: #444;
}
.columnBox2Dl dd .con .text{
	padding-top: 3px;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
	font-size: 14px;
	color: #666;
}
.column2Ddright{
	width: 50px;
	padding-left: 25px;
}
.column2Ddright .time{
	height: 60px;
	line-height: 60px;
	text-align: right;
	overflow: hidden;
	font-size: 18px;
	color: #bbb3b3;
	margin-bottom: 5px;
}
.column2Ddright .more a{
	display: block;
	height: 20px;
	line-height: 20px;
	position: relative;
	background: url(/subsiteSrc/cnPc/images/moreRight.png) right bottom no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.column2Ddright .more a::before{
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 0;
	bottom: 0;
	left: 0;
	background: #2950a0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.columnBox2Dl dd .con:hover{
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
.columnBox2Dl dd .con:hover .title a{
	color: #2950a0;
}
.columnBox2Dl dd .con:hover .text{
	color: #2950a0;
}
.columnBox2Dl dd .con:hover .time{
	color: #2950a0;
}
.columnBox2Dl dd .con:hover .more a{
	background: url(/subsiteSrc/cnPc/images/moreRight_h.png) right bottom no-repeat;
}
.columnBox2Dl dd .con:hover .more a:before{
	height: 100%;
}
/*第二通栏end*/

/*
*第三通栏start
*/
.column3C{
	overflow: hidden;
}
.column3CLeft{
	width: 50.5556%;
}
.column3Right{
	overflow: hidden;
}
.column3Cinfor .title{
	height: 54px;
	line-height: 54px;
	font-size: 26px;
	color: #2950a0;
	overflow: hidden;
}
.column3Cinfor .text{
	height: 112px;
	line-height: 28px;
	font-size: 14px;
	color: #858585;
	overflow: hidden;
	margin-bottom: 70px;
	text-indent: 2em;
}
.column3Cinfor .more{
	height: 45px;
	line-height: 45px;
	margin-bottom: 50px;
}
.column3Cinfor .more a{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	padding-right: 30px;
	font-size: 14px;
	color: #666;
	background: url(/subsiteSrc/cnPc/images/inforMore.png) right center no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.column3Cinfor .more a:hover{
	color: #2950a0;
	padding-right:40px;
	background: url(/subsiteSrc/cnPc/images/inforMore_h.png) right center no-repeat;
}
.aboutUs_numb {
	vertical-align: middle;
}

.groupDl {
	padding: 30px 0 30px;
	background: #fff;
	display: inline-block;
	box-shadow: 0px 0 7px rgba(0,0,0,0.08);
	border-radius: 10px;
}

.groupDl dd {
	float: left;
	display: inline;
	padding: 0 55px;
	position: relative;
}

.groupDl dd::before {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 46px;
	right: -1px;
	top: 50%;
	margin-top: -23px;
	background: #E5E5E5;
}

.groupDl dd:last-child::before {
	display: none;
}

.groupDl .titleCon {
	overflow: hidden;
}

.groupDl .titleCon span {
	float: left;
	display: inline;
	height: 48px;
	line-height: 48px;
	font-size: 32px;
	color: #2950a0;
}

.groupDl .titleCon em {
	float: left;
	display: inline;
	height: 48px;
	line-height: 70px;
	color: #999;
	font-size: 16px;
	font-style: normal;
	padding-left: 10px;
}

.groupDl dd .text {
	height:32px;
	line-height: 32px;
	font-size: 16px;
	color: #666;
	text-align: center;
}

.commonTitleBox.white .commonTitle {
	color: #fff;
}

.commonTitleBox.white .commonLine {
	background: #fff;
}

.commonTitleBox.white .commonLine::before {
	background: #fff;
}
.column3Right{
	overflow:hidden;
	padding-left: 90px;
	padding-top:32px;
	padding-right: 30px;
}
.column3video{
	position: relative;
}
.column3video::before{
	display: block;
	content: "";
	padding-top: 66.6667%;
}
.column3video video{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
}
.column3video::after{
	display: block;
	content: "";
	position: absolute;
	width: 282px;
	height: 357px;
	right: -30px;
	top: -30px;
	background: url(/subsiteSrc/cnPc/images/video.jpg) center center no-repeat;
}
.columnBoxvideo{
	position: absolute !important;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
	z-index: 9;
}
/*第三通栏end*/

/*第4通栏start*/
.column4C{
	position: relative;
}
.column4DlBanner {
	position: relative;
}
.column4DlBanner .con{
	overflow: hidden;
	position: relative;
}
.column4DlBanner .pic::before{
	display: none;
}
.column4DlBanner .conText{
	position: absolute;
	width:100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.46);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.column4DlBanner .textC{
	position: absolute;
	width: 100%;
	top:28%;
	bottom: 0;
	left: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.column4DlBanner .indexIcon{
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border: 1px solid #fff;
	border-radius: 100%;
}
.column4DlBanner .indexIcon span{
	display: block;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center center;
}
.column4DlBanner .title{
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 23px;
	color: #fff;
	transform: translateY(35px);
	-webkit-transform: translateY(35px);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition-delay: 0.3s;
}
.column4DlBanner .text{
	height: 52px;
	line-height: 26px;
	padding: 0 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transform: translateY(35px);
	-webkit-transform: translateY(35px);
	visibility: hidden;
	opacity: 0;
	transition-delay: 0.5s;
	overflow: hidden;
}
.column4DlBanner .more{
	padding-top: 50px;
	text-align: center;
}
.column4DlBanner .more a{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #d1d1d1;
	visibility: hidden;
	opacity: 0;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition-delay: 0.6s;
}
.column4DlBanner .con:hover .conText{
	height: 60%;
	background: rgba(41,80,160,0.7);
}
.column4DlBanner .con:hover .textC{
	top: 15.5%;
}
.column4DlBanner .con:hover .title{
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
}
.column4DlBanner .con:hover .text{
	transform: translateY(25px);
	-webkit-transform: translateY(25px);
	visibility: visible;
	opacity: 1;
}
.column4DlBanner .con:hover .more a{
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	visibility: visible;
	opacity: 1;
}
.column4DlBanner .prev{
	position: absolute;
	width: 60px;
	height: 60px;
	left: 50%;
	margin-left: -60px;
	bottom: 60px;
	background: url(/subsiteSrc/cnPc/images/jtb_l.png) center center no-repeat;
	z-index:10;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-radius: 60px;
}
.column4DlBanner .next{
	position: absolute;
	width: 60px;
	height: 60px;
	right: 50%;
	margin-right: -60px;
	bottom: 60px;
	background: url(/subsiteSrc/cnPc/images/jtb_r.png) center center no-repeat;
	z-index:10;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-radius: 60px;
}
.column4DlBanner .prev:hover,
.column4DlBanner .next:hover{
	background-color: rgba(0,0,0,0.5);
}
/*第4通栏end*/

/*侧边浮框start*/
.floatRight{
	position: fixed;
	height: 200px;
	width: 40px;
	left: 55px;
	top: 50%;
	z-index: 999;
	margin-top: -100px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.floatBox dd{
	padding: 6px 0;
}
.floatBox dd .con{
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 4px;
	background: #0f5e37;
	box-shadow: 2px 0px 8px rgba(0,0,0,0.2);
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.floatIcon .wicon{
	width:60px;
	height:35px;
	border-radius: 4px;
}
.floatIcon .text{
	line-height: 25px;
	height: 25px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.backTop{
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.smallApplet .floatIcon .wicon{
	background: url(/subsiteSrc/cnPc/images/VR.png) bottom center no-repeat;
}
.onlineSever .floatIcon .wicon{
	background: url(/subsiteSrc/cnPc/images/wxe.png) bottom center no-repeat;
}
.onlinmessage .floatIcon .wicon{
	background: url(/subsiteSrc/cnPc/images/kf.png) bottom center no-repeat;
}
.backTop .floatIcon .wicon{
	background: url(/subsiteSrc/cnPc/images/zd.png) bottom center no-repeat;
}
.floatPosition{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 85px;
	top:-30px;
	box-shadow: 1px 2px 9px rgba(0,0,0,0.2);
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	visibility: hidden;
	opacity: 0;
	border-radius: 5px;
}
.floatPosition:after{
	display: block;
    content: '';
    border: 8px solid transparent;
    border-left-color: #fff;
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -8px;
}
.floatPosition i{
	position: absolute;
	width: 16px;
	height: 16px;
	background: #fff;
	left: -8px;
	transform: rotateZ(45deg);
	top: 50%;
	margin-top: -8px;
	box-shadow: 1px 2px 9px rgba(0,0,0,0.2);
}
.floatImg{
	padding: 5px;
	width: 110px;
	height: 110px;
	background: #fff;
	position: relative;
	border-radius: 5px;
}
.floatImg img{
	display: block;
	height: 110px;
	width: 110px;
	position: relative;
	z-index: 5;
}
.floatPosition1{
	position: absolute;
	right: 80px;
	top: 10px;
	box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	visibility: hidden;
	opacity: 0;
}
.floatPosition1 i{
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	transform: rotateZ(45deg);
	top: 50%;
	margin-top: -5px;
	right: -5px;
	box-shadow: 1px 2px 9px rgba(0,0,0,0.5);
}
.floatImg1{
	width: 80px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	text-align:center;
	border-radius: 3px;
	position: relative;
	z-index: 5;
}
.floatPosition2{
	position: absolute;
	width: 190px;
	right: 80px;
	top: -25px;
	box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	visibility: hidden;
	opacity: 0;
}
.floatPosition2 i{
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	transform: rotateZ(45deg);
	top: 50%;
	margin-top: -5px;
	right: -5px;
	box-shadow: 1px 2px 9px rgba(0,0,0,0.5);
}
.floatImg2{
	padding: 10px 0px;
	position: relative;
	z-index: 5;
	background: #fff;
	border-radius: 10px;
}
.floatImg2 .folatTitle{
	padding: 0 20px;
	border-bottom: 1px solid #f0f0f0;
}
.floatImg2 span{
	display: block;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #858585;
}
.floatImg2 span.span1{
	color: #428a7b;
}
.floatImg2 .floatCon{
	padding: 0 20px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #858585;
}
.backTop:hover .floatPosition1{
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
.onlineSever:hover .floatPosition{
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
.onlinmessage:hover .floatPosition2{
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
.floatBox dd:hover .con{
	background: #fac10b;
}
.floatRight.show .backTop{
	visibility: visible;
	opacity: 1;
}
/*底部开始*/

.footer {
	padding-top: 60px;
	background: #333;
}

.footerMenu {
	overflow: hidden;
}

.footerMenu dd {
	float: left;
	display: inline;
	margin-right: 50px;
	min-width: 150px;
}

.footerMenu dd em {
	font-style: normal;
	display: block;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	position: relative;
	padding-left: 23px;
	margin-bottom: 7px;
}
.footerMenu dd em::before{
	display: block;
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	top: 50%;
	border: 2px solid #444444;
	left: 0;
	margin-top: -4px;
	border-top:none;
	border-right:none;
}
.footerMenu dd em a {
	font-size: 14px;
	color: #999;
}

.footerMenu dd em a:hover {
	color: #fff;
}

.footerMenu dd span {
	font-style: normal;
	display: block;
	line-height: 20px;
	padding: 5px 0 5px 23px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.footerMenu dd span::before {
	display: block;
	content: "";
	position: absolute;
	width: 10px;
	height: 3px;
	top: 50%;
	margin-top: -1px;
	background: #fff;
	left: -20px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.footerMenu dd span:hover {
	padding-left: 20px;
}

.footerMenu dd span:hover::before {
	left: 0;
}

.footerMenu dd span a {
	font-size: 13px;
	color: #666;
}

.footerMenu dd span:hover a {
	color: #fff;
}
.footerRight{
	width: 330px;
}
.footerLink{
	position: relative;
	width: 332px;
	z-index: 5;
}
.footerLink-top{
	overflow: hidden;
	border: 1px solid #404040;
	background: #262626;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}
.footerLink-top .titleBtn{
	cursor: pointer;
	width: 52px;
	height: 40px;
	background: url(/subsiteSrc/cnPc/images/footerBottom.png) center center no-repeat;
}
.footerLink-top .title{
	overflow: hidden;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #3e3e3e;
}
.footerLinkC{
	position: absolute;
	left: 0;
	right: 0;
	top: 41px;
	padding: 10px 0px;
	border: 1px solid #404040;
	border-top: none;
	background: #404040;
	display: none;
}
.footerLinkC a{
	display: block;
	line-height: 20px;
	padding: 8px 10px;
	font-size: 14px;
	color: #999;
}
.footerLinkC a:hover{
	color: #fff;
}
.footerEwm {
	overflow: hidden;
}

.footerEwm dd {
	float: left;
	display: inline;
	position: relative;
	width: 98px;
	overflow: hidden;
	margin-right: 22px;
}

.footerEwm dd .con {
	width: 98px;
	height: 98px;
	padding: 0px;
	background: #f4f4f4;
}

.footerEwm dd img {
	display: block;
	width: 98px;
	height: 98px;
}

.footerEwm dd span {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #999;
	font-size: 14px;
}

.formBottom {
	padding-top: 13px;
	padding-bottom: 23px;
	background: #333;
	border-top: 1px solid rgba(84, 84, 84, 0.32);
}
.footerBottom_menu{
	overflow: hidden;
}
.footerBottom_div{
	float: left;
	display: inline;
	padding-right: 10px;
	margin-right: 10px;
	position: relative;
	line-height: 26px;
	height: 26px;
	font-size: 13px;
	color: #666;
}
.footerBottom_div::before{
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 14px;
	top:50%;
	margin-top: -7px;
	right: 0;
	border-left: 1px solid #636363;
	border-right: 1px solid #4b4b4b;
}
.footerBottom_div:last-child::before{
	display: none;
}
.footerBottom_div a{
	display: block;
	color: #666;
}
.footerBottom_div a:hover{
	color: #fff;
}
.footer_js{
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}

.js {
	font-size: 14px;
	color: #666;
}
.js a{
	color: #666;
}
.js a:hover{
	color: #fff;
}
.beian {
	overflow: hidden;
}

.beian span {
	font-size: 13px;
	color: #666;
	margin-right: 5px;
	padding: 5px 0;
}

.beian span.span1 {
	margin-left: 20px;
	padding-left: 25px;
	background: url(/subsiteSrc/cnPc/images/wicon5.png) left center no-repeat;
}
.beian span a:hover{
	color: #fff;
}
.footerEwm {
	margin-top: 10px;
}

.footerWay {
	margin-left: 105px;
}

.footerWayDiv .title {
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #a4a29a;
}

.footerWayDiv .text {
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	color: #fabe00;
}

.footerWayDiv a {
	float: left;
	display: inline;
	width: 33px;
	height: 47px;
	margin-right: 22px;
}
.footerWayDiv a.tb {
	background: url(/subsiteSrc/cnPc/images/taobao.png) center center no-repeat;
}
.footerWayDiv a.jd {
	background: url(/subsiteSrc/cnPc/images/jd.png) center center no-repeat;
}

.footerWayDiv a.tm {
	background: url(/subsiteSrc/cnPc/images/tm.png) center center no-repeat;
}
.footerBottom_left_span {
	display: inline-block;
	background-image: url(/subsiteSrc/cnPc/images/ga.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

/*底部结束*/

/*
-----------------------------首页样式end-----------------------------
*/

/*
-----------------------------频道页start-----------------------------
*/

/*
-----------------------------频道页end-----------------------------
*/

/*内页框架开始*/

/*内页外结构开始*/

/*内页外结构结束*/

/*subBanner开始*/
.subBanner {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.subText1 {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 43px;
	color: #fff;
}

.subTextTitle1 {
	padding-top: 7px;
	height: 32px;
	line-height: 32px;
	font-size: 26px;
	color: #fff;
	text-transform: uppercase;
}

.subTextLine {
	position: relative;
	height: 3px;
	width: 42px;
	background: #0f5e37;
}

.subTextLine::before {
	display: block;
	content: "";
	position: absolute;
	width: 8px;
	height: 3px;
	left: 55px;
	top: 0;
	background: #0f5e37;
}

.subTextTitle {
	height: 63px;
	line-height: 63px;
	font-size: 40px;
	color: #fff;
}

/*subBanner结束*/


/*当前位置开始*/
.locationBox {
	height: 60px;
	line-height: 60px;
	box-shadow: 0 0px 7px rgba(0,0,0,0.05);
}
.locationLeft{
	overflow: hidden;
}
.locationLeft span {
	float: left;
	display: inline;
	width: 20px;
	font-size: 16px;
	color: #333;
	background: url(/subsiteSrc/cnPc/images/home.png) left center no-repeat;
	height: 60px;
}

.locationLeft a {
	float: left;
	display: inline;
	font-size: 14px;
	color: #999;
	padding: 0 6px;
}

.locationLeft em {
	float: left;
	display: inline;
	width: 10px;
	height: 60px;
	font-style: normal;
	background: url(/subsiteSrc/cnPc/images/homeRight.png) center center no-repeat;
	margin-right: 6px;
}
.locationLeft em.em1{
	background: url(/subsiteSrc/cnPc/images/homeRight1.png) center center no-repeat;
}
.locationLeft a.hover {
	color: #2950a0;
}

.locationMenu {
	overflow: hidden;
}

.locationMenu dd {
	float: left;
	display: inline;
	margin-left: 45px;
}

.locationMenu dd a {
	display: block;
	line-height: 60px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	/* 	border-radius: 18px; */
	overflow: hidden;
	font-size: 14px;
	color: #666;
	position: relative;
}

.locationMenu dd a::before {
	display: block;
	content: "";
	position: absolute;
	width: 0%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #2950a0;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}

.locationMenu dd:hover a {
	color: #2950a0;
}

.locationMenu dd.hover a {
	color: #2950a0;
}

.locationMenu dd.hover a::before {
	width: 100%;
}

/*当前位置结束*/

/*内页框架 start*/
/*内页框架 end*/

/*页码开始*/

.page {
	padding: 30px 0;
	text-align: center;
	clear: both;
	font-size: 14px;
}

.page a {
	display: inline-block;
	overflow: hidden;
	padding: 6px 12px;
	color: #999999;
	border-radius: 3px;
	background: #fff;
	margin: 0 3px;
}

.page span {
	display: inline-block;
	padding: 6px 2px;
	position: relative;
	top: -15px;
}

.page a:hover {
	background: #2950a0;
	color: #fff;
}

.page a.hover {
	background: #2950a0;
	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(/subsiteSrc/cnPc/images/page/firstPage.png)
}

.page a.prevPage div {
	background-image: url(/subsiteSrc/cnPc/images/page/prevPage.png)
}

.page a.nextPage div {
	background-image: url(/subsiteSrc/cnPc/images/page/nextPage.png)
}

.page a.lastPage div {
	background-image: url(/subsiteSrc/cnPc/images/page/lastPage.png)
}

.page a.firstPage:hover div {
	background-image: url(/subsiteSrc/cnPc/images/page/firstPageh.png)
}

.page a.prevPage:hover div {
	background-image: url(/subsiteSrc/cnPc/images/page/prevPageh.png)
}

.page a.nextPage:hover div {
	background-image: url(/subsiteSrc/cnPc/images/page/nextPageh.png)
}

.page a.lastPage:hover div {
	background-image: url(/subsiteSrc/cnPc/images/page/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(/subsiteSrc/cnPc/images/page/firstPage.png)
}

.page a.prevPage.disabled div {
	background-image: url(/subsiteSrc/cnPc/images/page/prevPage.png)
}

.page a.nextPage.disabled div {
	background-image: url(/subsiteSrc/cnPc/images/page/nextPage.png)
}

.page a.lastPage.disabled div {
	background-image: url(/subsiteSrc/cnPc/images/page/lastPage.png)
}

/*页码结束*/

/*内页框架结束*/

/*综合页面开始 start*/

/*战狼pc预测概况 start*/

.itroColumn1 {
	position: relative;
	height: 700px;
	overflow: hidden;
}

.columnTitleBox {
	text-align: center;
}

.columnTitle {
	height: 40px;
	line-height: 40px;
	font-size: 30px;
	color: #333;
	text-align: center;
}

.columnLine {
	display: inline-block;
	height: 31px;
	width: 40px;
	padding: 0 62px;
	position: relative;
	background: url(/subsiteSrc/cnPc/images/titleLx.png) center center no-repeat;
}

.columnLine:before {
	display: block;
	content: "";
	position: absolute;
	width: 62px;
	height: 1px;
	top: 15px;
	left: 0;
	background: #9c9c9c;
}

.columnLine:after {
	display: block;
	content: "";
	position: absolute;
	width: 62px;
	height: 1px;
	top: 15px;
	right: 0;
	background: #9c9c9c;
}

.itroColumnC1 {
	overflow: hidden;
}

.itroCloumn1R {
	position: relative;
	width: 585px;
	height: 410px;
}

.itroCloumn1R .con {
	position: absolute;
	width: 717px;
	height: 410px;
	right: 0;
	top: 0;
	background: rgba(221, 221, 221, 0.34) url(../images/itroBg1.png) center center no-repeat;
}

.conContent {
	padding: 65px 40px 55px 185px;
}

.conContent .title {
	height: 76px;
	line-height: 76px;
	font-size: 24px;
	color: #333;
	font-weight: bold;
	position: relative;
}

.conContent .title:after {
	display: block;
	content: "";
	position: absolute;
	width: 28px;
	height: 2px;
	left: 0;
	bottom: 0;
	background: #999;
}

.conContent .text {
	overflow: hidden;
	height: 120px;
	line-height: 24px;
	font-size: 14px;
	color: #666;
}

.itroCloumn1L {
	overflow: hidden;
	padding-top: 90px;
}

.itroCloumn1L .pic:before {
	padding-top: 60.1626%;
}

.itroColumn2 {
	position: relative;
	height: 695px;
	overflow: hidden;
}

.itroColumnC2 {
	background: #fff;
	padding: 59px 0 50px;
}

.itroColDl2 {
	overflow: hidden;
}

.itroColDl2 dd {
	float: left;
	display: inline;
	width: 33.333%;
}

.itroColDl2 dd .con {
	padding: 0 60px;
	position: relative;
}

.itroColDl2 dd .con:after {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 250px;
	right: 0;
	top: 50%;
	margin-top: -125px;
	background: #e8e8e8;
}

.itroColDl2 dd:last-child .con:after {
	display: none;
}

.itrText {
	width: 137px;
	height: 137px;
	border-radius: 137px;
	background: #ebebeb;
	font-size: 34px;
	color: #000;
	line-height: 137px;
	text-align: center;
	margin: 0 auto;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
}

.itrText:after {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #0061b6;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	border-radius: 137px;
}

.itrText span {
	display: block;
	height: 137px;
	line-height: 137px;
	color: #000;
	position: relative;
	z-index: 5;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}

.itroColDl2 dd .text {
	height: 130px;
	line-height: 26px;
	overflow: hidden;
	font-size: 14px;
	color: #999;
	text-align: center;
}



.itroColDl2 dd .con:hover .itrText:after {
	transform: scale(1);
	-webkit-transform: scale(1);
}

.itroColDl2 dd .con:hover .itrText span {
	color: #fff;
}

.itroColumn3 {
	height: 705px;
}

/*战狼pc预测概况 end*/

/*新闻中心综合页 start*/

.newsColumn1 {
	position: relative;
	height: 800px;
	overflow: hidden;
}

.newsColumn1C {
	overflow: hidden;
}

.newsColumn1L {
	width: 650px;
}
.columnBannerw .pic::before{
	padding-top: 60.7692%;
}
.newsColumn1R{
	overflow: hidden;
	padding-left: 10px;
}
.newsColumn1R .columnBox2Dl dd .con .text{
	height: 51px;
}
.newsColumn2 {
	position: relative;
	height: 800px;
}

.newsDl2 {
	overflow: hidden;
	margin: 0 -10px;
}

.newsDl2 dd {
	float: left;
	display: inline;
	width: 50%;
	padding: 15px 0;
}

.newsDl2 dd .con {
	margin: 0 10px;
	overflow: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.newsTimeBox {
	padding: 30px 0;
	width: 94px;
	position: relative;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
}

.newsTimeBox:after {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	top: 33px;
	bottom: 34px;
	right: 0;
	background: rgba(153,153,153,0.1);
}

.newsTime {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #999;
	text-align: center;
	overflow: hidden;
}

.newsmore {
	height: 28px;
	line-height: 28px;
}
.newsmore span{
	display: block;
	height: 28px;
	background: url(/subsiteSrc/cnPc/images/moreRight.png) 28px bottom no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.newsDl2 dd .con .text {
	overflow: hidden;
	padding: 27px 30px 25px;
}

.newsDl2 dd .con .text .title {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	margin-bottom: 8px;
}

.newsDl2 dd .con .text .textC {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #777;
	overflow: hidden;
}

.newsDl2 dd .con:hover {
	box-shadow: 0 0px 7px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.newsDl2 dd .con:hover .newsTime {
	color: #2950a0;
}
.newsDl2 dd .con:hover .newsmore span {
	background: url(/subsiteSrc/cnPc/images/moreRight_h.png) 28px bottom no-repeat;
}

.newsDl2 dd .con:hover .text .title {
	color: #2950a0;
}

.newsDl2 dd .con:hover .text .textC {
	color: #2950a0;
}

.newsColumn3 {
	position: relative;
	height: 810px;
	overflow: hidden;
}
.newsDl3{
	overflow: hidden;
}
.newsDl3 dd{
	float: left;
	display: inline;
	width: 33.333%;
	padding: 10px 0;
}
.newsDl3 dd .con{
	margin: 0 10px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.newsDl3 dd .pic::before{
	padding-top: 60.3016%;
}
.newsDl3 dd .textc{
	padding: 12px 30px 17px;
	background: #fff;
}
.newsDl3 dd .title{
	height: 52px;
	line-height: 52px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	position: relative;
}
.newsDl3 dd .title::before{
	display: block;
	content: "";
	position: absolute;
	width: 17px;
	height: 2px;
	left: 0;
	bottom: 0;
	background: #f5f5f5;
}
.newsDl3 dd .text{
	padding-top: 13px;
	height: 48px;
	line-height: 24px;
	font-size: 14px;
	color: #666;
}
.newsDl3 dd .time{
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #999;
}
.newsDl3 dd .con:hover{
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.newsDl3 dd .con:hover .title{
	color: #263c93;
}
.newsDl3 dd .con:hover .title::before{
	background: rgba(162,155,257,0.2);
}
/*新闻中心综合页 end*/


/*滚屏的点点*/

.floRight {
	position: fixed;
	width: 100px;
	height: 140px;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
}

.floRight #fp-nav.right {
	right:40px;
}

.pageNum {
	padding-top: 50px;
	color: #fff;
	transition: 0.4s ease;
	position: relative;
	height: 20px;
}

#fp-nav li {
	font-size: 0;
	position: relative;
	padding: 12px 0;
	width: 50px;
}

#fp-nav li a {
	position: relative;
	display: block;
	width: 50px;
	height: 20px;
}

#fp-nav li a:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	border: 2px solid #AEAEAE;
	position: absolute;
	z-index: 9;
	right: 0;
	top: 0px;
	border-radius: 100%;
	transition: 0.4s ease;
	margin-left: 0px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

#fp-nav li a.active:after {
	width: 18px;
	height: 4px;
	border: none;
	background: #0f5e37;
	top: 8px;
	border-radius: 0;
}

.floRight #fp-nav li a.active {
	font-size: 16px;
	color: #0f5e37;
	text-align: left;
}

/* 综合页 start */
.aboutUs_column1 {
	position: relative;
	height: 850px;
	background: #f7f7f7;
}

.commonTitleBox {
	height: 80px;
	line-height: 80px;
	font-size: 36px;
	color: #333;
	text-align: center;
}

.commonLine {
	display: inline-block;
	width: 34px;
	height: 4px;
	background-color: #2950a0;
	position: relative;
}

.aboutUs_intro {
	height: 390px;
	line-height: 30px;
	font-size: 15px;
	color: #666;
	overflow: hidden;
}

.aboutUs_column1C{
	overflow: hidden;
}
.aboutUs_column1L{
	width: 680px;
}
.aboutUs_column1r{
	overflow: hidden;
	padding-left: 57px;
}
.aboutUs_column1Pic{
	padding: 16px;
	background: rgba(153,153,153,0.22);
	border-radius: 100%;
}
.aboutUs_column1Pic .pic{
	border-radius: 100%;
}
.aboutUs_column1Pic .pic::before{
	padding-top: 100%;
}
.aboutUs_column1rt{
	height: 90px;
	line-height: 90px;
	font-size: 15px;
	color: #666;
	text-align: center;
}
/* 第二通栏 start */
.aboutUs_column2{
	height: 800px;
	position: relative;
	overflow: hidden;
}
.aboutUs_column2C{
	overflow: hidden;
	padding-bottom: 70px;
}
.aboutUs_column2L{
	width: 660px;
	position: relative;
	z-index: 5;
}
.aboutUs_column2Video{
	position: relative;
}
.aboutUs_column2Video::before{
	display: block;
	content: "";
	padding-top: 66.6667%;
}
.aboutUs_column2R{
	width: 540px;
	padding-top: 60px;
}
.aboutUs_column2RC{
	position: relative;
	padding: 53px 20px 0 32px;
}
.aboutUs_column2RC::before{
	display: block;
	content: "";
	position: absolute;
	width: 700px;
	height: 450px;
	top: 0;
	right: 0;
	background: url(/subsiteSrc/cnPc/images/jjBg.jpg) center center no-repeat;
}
.aboutUs_Itro2{
	position: relative;
	z-index: 5;
	height: 192px;
	line-height: 32px;
	font-size: 15px;
	color: #666;
	overflow: hidden;
	text-indent: 2em;
}
.aboutUs_column2RC .more{
	position: relative;
	z-index: 5;
}
.aboutUs_column2RC a{
	display: block;
	height: 46px;
	width: 180px;
	border: 1px solid #aaa;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	color: #999;
	border-radius: 46px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.aboutUs_column2RC a:hover{
	border-color: #2950a0;
	color: #2950a0;
}
/* 第二通栏 end */

/* 第三通栏 end */
.aboutUs_column3 {
	position: relative;
	height: 750px;
	overflow: hidden;
}
.leaderBanner .bd{
	margin: 0 -10px;
}
.leaderBanner .myslide{
	float: left;
	display: inline;
	width: 33.333%;
}
.leaderBanner .con{
	margin: 0 10px;
	padding: 10px 0;
	border-radius: 3px;
}
.leaderBanner .con .conBox{
	position: relative;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	overflow: hidden;
}
.leaderBanner .con .pic img{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.leaderBanner .text{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0px;
	height: 60px;
	perspective: 1000px;
	-webkit-perspective: 1000px;
}
.leaderBanner .textTop{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,0.58);
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	transform-origin: 0px 100%;
}
.leaderBanner .textTop .leaderName{
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	padding-top: 2px;
}
.leaderBanner .textTop .leaderDuty{
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	text-align: center;
	color: #fff;
}
.leaderBanner .textTopMore{
	position: absolute;
	width: 100%;
	height: 60px;
	left: 0;
	bottom: 0;
	background: #2950a0;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	transform: rotateX(-180deg);
	-webkit-transform: rotateX(-180deg);
	transform-origin: 0px 100%;
	visibility: hidden;
	z-index: 5;
}
.leaderBanner .textTopMore a{
	display: block;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.leaderBanner .con:hover .conBox{
	-webkit-transform: translate3d(0, -5px, 0);
	box-shadow: 0 0 10px rgba(0,0,0,0.08);
	position: relative;
	z-index: 9;
}
.leaderBanner .con:hover .textTopMore{
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	visibility: visible;
}
.leaderBanner .con:hover .textTop{
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	visibility: hidden;
}
.leaderBanner .con:hover .pic img{
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.leaderBanner{
	position: relative;
}
.leaderBanner .prev{
	position: absolute;
	width: 60px;
	height: 60px;
	left: -95px;
	top: 50%;
	margin-top: -30px;
	background: url(/subsiteSrc/cnPc/images/columnLeft.png) center center no-repeat;
	border-radius: 100%;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.leaderBanner .next{
	position: absolute;
	width: 60px;
	height: 60px;
	right: -95px;
	top: 50%;
	margin-top: -30px;
	background: url(/subsiteSrc/cnPc/images/column2Right.png) center center no-repeat;
	border-radius: 100%;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.leaderBanner .prev:hover,
.leaderBanner .next:hover{
	box-shadow: 0 0 7px rgba(0,0,0,0.08);
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}
/* 第三通栏 end */
/* 第四通栏 end */
.aboutUs_column4 {
	position: relative;
	height: 830px;
	overflow: hidden;
}
.aboutUs_column4Dl {
	overflow: hidden;
}
.aboutUs_column4Dl dd {
	float: left;
	display: inline;
	width: 33.333%;
}

.aboutUs_column4Dl dd .con {
	overflow: hidden;
	position: relative;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	padding: 10px 0;
}

.aboutUs_column4Dl dd .pic {
	overflow: hidden;
}

.aboutUs_column4Dl dd .pic::before {
	padding-top: 167.5%;
}

.aboutUs_column4Dl dd .text {
	position: absolute;
	width: 100%;
	bottom: 10px;
	top: 90px;
	left: 0;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
.aboutUs_column4Dl dd .textIcon1{
	width: 140px;
	height: 140px;
	position: relative;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	margin: 0 auto;
}
.aboutUs_column4Dl dd .textIcon1::before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	border: 4px solid rgb(255,255,255,0.45);
	border-radius: 100%;
	background: rgba(41,80,160,0.53);
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}
.about_column4Icon {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.about_column4Icon span{
	display: block;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
}
.textIcon1 .title{
	height: 33px;
	line-height: 33px;
	text-align: center;
	position: relative;
	z-index: 5;
	font-size: 18px;
	color: #fbfbfb;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.about_column4More a{
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	visibility: hidden;
	opacity: 0;
}
.aboutUs_column4Dl dd .con:hover{
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}
.aboutUs_column4Dl dd .con:hover .textIcon1{
	transform:translateY(-40px);
	-webkit-transform:translateY(-40px);
}
.aboutUs_column4Dl dd .con:hover .textIcon1::before{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	opacity: 0;
}
.aboutUs_column4Dl dd .con:hover .about_column4More a{
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	opacity: 1;
	visibility: visible;
}
/* 第四通栏 end */

/* 第五通栏 start */
.aboutUs_column5 {
	background: #f7f7f7;
}

.honnor {
	position: relative;
}

.honnor .bd {
	margin: 0 -12px;
}

.honnor .myslide {
	float: left;
	display: inline;
	width: 33.333%;
	padding: 10px 0;
}

.honnor .con {
	margin: 0 12px;
	position: relative;
	/* overflow: hidden; */
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.honnor .picBox {
	padding: 20px;
	background: #fff;
	border-radius: 3px;
	overflow: hidden;
}

.honnor .pic1 {
	position: relative;
	overflow: hidden;
}

.honnor .pic1::before {
	display: block;
	content: "";
	padding-top: 62%;
}

.honnor .pic1 img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 100%;
	transform: translate(-50%, -50%);
}

.honnor .text {
	height: 75px;
	line-height: 75px;
	text-align: center;
	font-size: 20px;
	color: #333;
}

.honnor .prev {
	position: absolute;
	width: 44px;
	height: 44px;
	left: -62px;
	top: 50%;
	margin-top: -66px;
	background: url(/subsiteSrc/cnPc/images/prev.png) center center no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-radius: 100%;
}

.honnor .next {
	position: absolute;
	width: 44px;
	height: 44px;
	right: -62px;
	top: 50%;
	margin-top: -66px;
	background: url(/subsiteSrc/cnPc/images/prev_h.png) center center no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-radius: 100%;
}

.honnor .prev:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
	background: url(/subsiteSrc/cnPc/images/next_h.png) center center no-repeat;
}

.honnor .next:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
	background: url(/subsiteSrc/cnPc/images/next.png) center center no-repeat;
}

.honnor .con:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.08);
	z-index: 9;
}

.honnor .con:hover .text {
	color: #0f5e37;
}

/* 第五通栏 end */

/* 第六通栏 start */
.aboutUs_column6 {
	position: relative;
	height: 640px;
}

.vidoList {
	overflow: hidden;
}

.vidoList dd {
	float: left;
	display: inline;
	width: 33.333%;
	padding: 10px 0;
}

.vidoList .con {
	margin: 0 12px;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.vidoList .pic::before {
	padding-top: 58.0994%;
}

.vidoList .shade {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.18);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.vidoList .shade span {
	display: block;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	background: url(/subsiteSrc/cnPc/images/play.png) center center no-repeat;
}

.vidoList .textVde {
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 16px;
	color: #fff;
}

.vidoList .con:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}

.vidoList .con:hover .textVde {
	font-weight: bold;
}

.vidoList .con:hover .vidoList .shade {
	background: rgba(0, 0, 0, 0);
}

.moreView a {
	display: block;
	width: 42px;
	height: 42px;
	margin: 0 auto;
}

.moreView a span {
	display: block;
	width: 42px;
	height: 42px;
	background: url(/subsiteSrc/cnPc/images/more.png) center center no-repeat;
	transition: all 0.3s liner;
	-webkit-transition: all 0.3s liner;
}

.moreView a:hover span {
	background: url(/subsiteSrc/cnPc/images/more_h.png) center center no-repeat;
}

/* 第六通栏 end */

/* 综合页 end */


/* 技术研发开始 */
.jsyfcolumn1C {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	z-index: 1;
}

.jsyfcolumn1C:before {
	display: block;
	content: '';
	padding-top: 44%;
}

.jsyfcolumn1C:after {
	display: block;
	content: '';
	width: 85%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
	z-index: 1;
}

.jsyfcolumn1List {
	position: absolute;
	left: 42px;
	top: 5%;
	height: 90%;
	background-color: rgba(0, 0, 0, 0.3);
	padding: 90px 25px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 2;
	overflow: hidden;
}

.jsyfcolumn1List a {
	display: block;
}

.jsyfcolumn1List dd {
	height: 38px;
	padding-left: 36px;
	padding-right: 12px;
	color: #FFFFFF;
	margin-bottom: 20px;
	position: relative;
}

.jsyfcolumn1List dd:before {
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: #66786e;
	left: 14px;
	top: 50%;
	margin-top: -4px;
	position: absolute;
}

.jsyfcolumn1List dd .text {
	line-height: 38px;
	color: #cfd9ce;
}

.jsyfcolumn1List dd.odd {
	background-color: #142915;
}

.jsyfcolumn1List dd.even {
	background-color: #494f25;
}

@media (max-width: 1360px) {
	.jsyfcolumn1List {
		padding: 75px 25px 0;
	}
}

@media (max-width: 1300px) {
	.jsyfcolumn1List {
		padding: 65px 25px 0;
	}
}

.jsyfTitle {
	height: 96px;
	font-size: 48px;
	color: #0f5e37;
	line-height: 96px;
	text-align: center;
}

.jsyfcolumn2 .subIcn {
	height: 4px;
	border-top: 1px solid #e0e1e4;
	border-bottom: 1px solid #e0e1e4;
	position: relative;
}

.jsyfcolumn2 .subIcn span {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #0f5e37;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -5px;
}

.jsyfListTop {
	height: 100px;
	text-align: center;
}

.jsyfListTop .text {
	display: inline-block;
	overflow: hidden;
}

.jsyfListTop .text em {
	display: block;
	font-style: normal;
	height: 100px;
	line-height: 100px;
	float: left;
	font-size: 36px;
	font-weight: bold;
	color: #333333;
}

.jsyfListTop .text span {
	display: block;
	font-style: normal;
	height: 100px;
	line-height: 100px;
	float: left;
	font-size: 48px;
	font-weight: bold;
	color: #fac210;
	margin: 0 66px;
}

.jsyfListTop .text i {
	display: block;
	font-style: normal;
	height: 100px;
	line-height: 100px;
	float: left;
	font-size: 36px;
	font-weight: bold;
	color: #0f5e37;
}

.jsyfList dl {
	margin-bottom: 45px;
	margin-right: -180px;
	position: relative;
}

.jsyfList dl:after {
	display: block;
	content: '';
	clear: both;
	height: 0;
	visibility: hidden;
}

.jsyfList dl dt {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 108px;
	background: #0f5e37;
	border: 10px solid #dfe7e3;
	left: 50%;
	top: 50%;
	margin-top: -60px;
	margin-left: -150px;
}

.jsyfList dl dt .text {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 0;
	left: 0;
}

.jsyfList dl dt .text .number {
	line-height: 42px;
	font-size: 24px;
	color: #ffffff;
	width: 65px;
	margin: 0 auto;
	border-bottom: 1px solid #769e8a;
	text-align: center;
}

.jsyfList dl dt .text .textC {
	line-height: 40px;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
}

.jsyfList dl dd {
	width: 50%;
	float: left;
}

.jsyfList dl dd .con {
	margin-right: 180px;
	border: 1px solid #dddddd;
	height: 112px;
	padding: 0 16px;
	background: #FFFFFF;
}

.jsyfList dl dd .con .text {
	line-height: 24px;
	font-size: 18px;
	color: #333333;
	padding-left: 34px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(/subsiteSrc/cnPc/images/gou1.png);
}

.jsyfList dl dd.dd2 .con .text {
	background-image: url(/subsiteSrc/cnPc/images/gou2.png);
	color: #0f5e37;
}

.jsyfTitle .icnBox {
	display: block;
	width: 0px;
	height: 0px;
	border: 6px solid transparent;
	border-top-color: #0f5e37;
	margin: 0 auto;
}

.jsyfcolumn2B .jsyfList dl dd .con {
	margin-right: 180px;
	border: 1px solid #dddddd;
	height: 182px;
	padding: 0 16px;
	background: #FFFFFF;
}

.jsyfcolumn3 {
	background: #FFFFFF;
}

.jsyfcolumn3Title .title {
	line-height: 40px;
	height: 40px;
	font-size: 30px;
	color: #333333;
	text-align: center;
	margin-bottom: 8px;
}

.jsyfcolumn3Title span {
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 3px;
	background: #0f5e37;
	position: relative;
	left: -7px;
}

.jsyfcolumn3Title span:before {
	display: block;
	content: '';
	width: 8px;
	height: 3px;
	background: #0f5e37;
	position: absolute;
	top: 0;
	right: -20px;
}

.jsyfcolumn3Title .subTitle {
	line-height: 55px;
	font-size: 16px;
	color: #666666;
	text-align: center;
}

.jsyfcolumn3List {
	position: relative;
	z-index: 1;
}

.jsyfcolumn3List dd {
	float: left;
	width: 33%;
	height: 100%;
	position: absolute;
	cursor: pointer;
}

.jsyfcolumn3List::before {
	display: block;
	content: '';
	padding-top: 47%;
}

.jsyfcolumn3List dd.dd1 {
	left: 6%;
	top: 0;
}

.jsyfcolumn3List dd.dd2 {
	left: 50%;
	top: 60px;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	z-index: 2;
}

.jsyfcolumn3List dd.dd3 {
	right: 6%;
	top: 0;
}

.jsyfcolumn3List dd img {
	display: block;
	width: 100%;
	height: 100%;
}

/* 技术研发结束 */


/* 引导页star */
.picGuide {
	position: relative;
	background: rgba(43, 46, 149, 0.3);
	overflow: hidden;
	width: 100vw;
	height: 100vh;
}

.guideBox1 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.guideBg,
.guideBg .swiper-wrapper,
.guideBg .swiper-slide {
	height: 100% !important;
	width: 100% !important;
}

.guideBg {
	position: absolute !important;
	top: 0;
	left: 0;
}

.guideBg .swiper-wrapper {
	transform: translate(1px) !important;
	/*解决swiper第一个不改变*/
	margin-left: -1px;
	left: 0 !important;
}

.guideBg .swiper-slide {
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=80);
	z-index: 1;
	transform: scale(1.3);
	transition:3s ease-in-out;
}

.guideBg .swiper-slide-active {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 2;
	transform: scale(1);
}

.bisPhrase {
	color: #fff;
	font-size: 16px;
	position: relative;
	z-index: 9;
}

.guideList {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
}

.guideList1 {
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-block;
	background: rgba(0, 0, 0, 0.3);
}

.guideList1 dd {
	display: inline-block;
	position: relative;
	height: 100%;
	z-index: 5;
}

.guideList1 dd .maxBox {
	position: relative;
	width: 100%;
	height: 100%;
}

.guideList1 dd a {
	display: block;
	height: 100%;
	border-color: #fff;
	position: relative;
	border-radius: 5px;
}

.guideList1 .guideBoxo {
	position: relative;
	width: 220px;
	height: 240px;
	background-position: center center;
	background-repeat: no-repeat;
}

.guideList1 .guideBoxo .iconBox {
	height: 88px;
	width: 88px;
	margin: 0 auto;
	background-position: center center;
	background-repeat: no-repeat;
}
.guideList{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	font-size: 30px;
	color: #fff;
	text-align: center;
}
.guideList1 dd  {
	display: inline-block;
}

.guideList1 .listBox {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(00, 00, 00, 0);
	width: 100%;
	height: 100%;
	transform: scale(0.2);
	transition: 0.6s ease;
}

.guideList1 dd .listBox .listImg {
	text-align: center;
}

.guideList1 .listTxt {
	padding: 20px;
}

.guideList1 .listBox .listTit {
	color: #fff;
	font-size: 16px;
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 26px;
	height: 26px;
	padding: 8% 0 8% 0;
	text-align: center;
}

.bisList1 .listBox .listInfr {
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	overflow: hidden;
	padding: 20px 15px 0;
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.5s linear;
	-webkit-box-orient: vertical;
	text-align: center;
}

.guideList1 .listBox .listInfr:after {
	content: '';
	width: 30px;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -15px;
}

.guideList1 .listBox .more {
	width: 38px;
	height: 38px;
	margin: auto;
	background: url(/subsiteSrc/cnPc/images/jia.png) center center no-repeat;
}

.guideList1 dd:hover .listBox {
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
}

/* .listBox1 .table .tableCell {
    vertical-align: bottom;
    padding-bottom: 220px;
} */

.guideList1 dd:hover .listBox .listInfr {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	transition-delay: 0.3s;
}

.swiper-wrapper {
	position: relative;
}

.guideBgMask {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999;
	opacity: 0.6;
}
.guideMore1{
	position: absolute;
	width: 110px;
	height: 40px;
	top: 70%;
	left: 50%;
	margin-left: -55px;
	z-index: 5;
	text-align: center;
	opacity: 0;
	animation:loganit1 1s 3.5s forwards linear;
}
.guideMore1 a{
	display: block;
	margin: 0 auto;
	width: 50px;
	width: 110px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #0f5e37;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
}
.guideMore1 a::before{
	display: block;
	content: "";
	position: absolute;
	width: 120px;
	height: 120px;
	left: 0;
	top: 0;
	margin-left: -5px;
	margin-top: -39px;
	border-radius: 120px;
	background: #0f5e37;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transform: scale(0);
	-webkit-transform: scale(0);
	transform-origin: center center;
}
.guideMore1 a span{
	position:relative;
	line-height: 40px;
	font-size: 16px;
	color: #0f5e37;
}
.guideMore1 a:hover::before{
	transform: scale(1);
	-webkit-transform: scale(1);
}
.guideMore1 a:hover span{
	color: #fff;
}
/* 引导页end */

/* 大事记 最终 2020/8/3 start */
.eventBox1{
    position: relative;
    padding: 0px 50px;
}
.eventBox1 .bd{
    position: relative;
    overflow: hidden;
    z-index: 6;
}
.event_dl{
    overflow: hidden;
}
.event_dl dd{
    width:33.333%;
    height:400px;
    position: relative;
    float: left;
    display: inline;
    visibility: hidden;
    opacity: 0;
    transition: all 0.1s;
}
.event_dl dd.on{
    transition: all 0.5s;
    visibility: visible;
    opacity: 1;
    transition-delay: 0.5s;
}
.event_dl .list_a{
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #0f5e37;
    position: absolute;
    transition: top 0.8s,left 1s;
    overflow: visible !important;
}
.event_dl dd.dd0 .list_a{
    left: 50px;
    top: 260px;
}
.event_dl dd.dd1 .list_a{
    left: 50px;
    top: 205px;
}
.event_dl dd.dd2 .list_a{
    left: 50px;
    top: 110px;
}
.eventBigYear{
    line-height: 40px;
    overflow: hidden;
    font-size: 36px;
    color:#0f5e37;
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s linear;
}
.eventDeta{
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 35px;
    width:355px;
    font-size: 14px;
    color:#333;
    line-height: 25px;
    transition: all 0.5s linear;
}
.eventLine{
    width: 1920px;
    height:555px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -960px;
    z-index: 2;
    background: url(/subsiteSrc/cnPc/images/eventLine.png) no-repeat left bottom;
}
.eventBox1 .bt{
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    top:50%;
    margin-top: -25px;
    border-radius: 50px;
    background-size: auto 20px !important;
    z-index: 5;
}
.eventBox1 .prev{
    left: -35px;
	top: 270px;
    background: #fff url(/subsiteSrc/cnPc/images/jth_l.png) no-repeat center center;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.eventBox1 .next{
    right: 30px;
	top: -10px;
    background: #fff url(/subsiteSrc/cnPc/images/jth_r.png) no-repeat center center;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.eventBox1 .prev:hover{
	 background: #0f5e37 url(/subsiteSrc/cnPc/images/jtb_l.png) no-repeat center center;
}
.eventBox1 .next:hover{
	 background: #0f5e37 url(/subsiteSrc/cnPc/images/jtb_r.png) no-repeat center center;
}
/* 大事记 最终 2020/8/3 end */



/* 企业文化 star*/
.culture_column1{
	position: relative;
	height:900px;
	overflow: hidden;
}
.culture_column1Dl{
	position: relative;
	width: 430px;
	height: 430px;
	margin: 0 auto;
}
.culture_column1Dl dt{
	width: 430px;
	height: 430px;
	background: rgba(41,80,160,.12);
	margin: 0 auto;
	border-radius: 100%;
	position: relative;
}
.culture_column1Dl dt .con{
	position: absolute;
	left: 18px;
	top: 18px;
	right: 18px;
	bottom: 18px;
	background-image: url(/subsiteSrc/cnPc/images/yuan1.png);
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 100%;
}
.culture_column1Dl dt span{
	padding: 0 20px;
	display: block;
	line-height:28px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	position: relative;
	z-index: 5;
}
.culture_column1Dl dd{
	position: absolute;
	padding: 15px;
	width: 120px;
	height: 120px;
	background: rgb(0,0,0,0.07);
	border-radius: 150px;
	animation: infinite upDown1 3s ease-in-out;

}
.culture_column1Dl dd .con{
	position: relative;
	width: 120px;
	height: 120px;
	border-radius: 120px;
	background: #fff;
	overflow: hidden;
}
.culture_column1Dl dd .con em{
	position: absolute;
	width: 150px;
	height: 150px;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -75px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transform: scale(0);
	-webkit-transform: scale(0);
	border-radius: 100%;
}
.culture_column1Dl dd.dd1 .con em,
.culture_column1Dl dd.dd4 .con em,
.culture_column1Dl dd.dd7 .con em{
	background-color: #f39059;
}
.culture_column1Dl dd.dd2 .con em,
.culture_column1Dl dd.dd5 .con em{
	background-color: #5573b0 ;
}
.culture_column1Dl dd.dd3 .con em,
.culture_column1Dl dd.dd6 .con em{
	background-color: #f39800;
}
.culture_column1Dl dd span{
	position: absolute;
	width: 100%;
	z-index: 5;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	color: #666;
	left: 50%;
	top: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
}
.culture_column1Dl dd.dd1{
	top: -91px;
	left: -378px;
	animation-delay: 0.2s;
}
.culture_column1Dl dd.dd2{
	top: 131px;
	left: -260px;
	animation-delay: 0.3s;
}
.culture_column1Dl dd.dd3{
	top: 322px;
	left: -122px;
	animation-delay: 0.4s;
}
.culture_column1Dl dd.dd4{
	bottom: -182px;
	left: 148px;
	animation-delay: 0.5s;
}
.culture_column1Dl dd.dd5{
	bottom: -43px;
	right: -150px;
	animation-delay: 0.6s;
}
.culture_column1Dl dd.dd6{
	top: 131px;
	right: -275px;
	animation-delay: 0.7s;
}
.culture_column1Dl dd.dd7{
	top: -81px;
	right: -385px;
	animation-delay: 0.8s;
}
@keyframes upDown1 {
    0% { 
        transform: translateY(0);
    }
    50% { 
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}
.culture_column1Dl dd:hover .con em{
	transform: scale(1);
	-webkit-transform: scale(1);
}
.culture_column1Dl dd:hover span{
	color: #fff;
}
.culture_column1Dl dd.hover .con em{
	transform: scale(1);
	-webkit-transform: scale(1);
}
.culture_column1Dl dd.hover span{
	color: #fff;
}
.culture_column1Dl dd .con a{
	display: block;
	height: 120px;
}
.culture_column2{
	position: relative;
	height: 750px;
	overflow: hidden;
}
.honorCon{
	position: relative;
}
.slider{
    position: relative;
    width:900px;
    margin: 0px auto;
    height: 300px;
}
.slider .bt{
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -20px;
	border-radius: 40px; 
	z-index: 5;	
	transition: ll 0.3s linear;
	-webkit-transition: ll 0.3s linear;
}
.slider .prev{
    left: -160px;
    background: url(/subsiteSrc/cnPc/images/jth_l.png) no-repeat center center;
}
.slider .prev:hover{
    background-color:#fff;
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 0 0 7px rgba(0,0,0,0.08);
}
.slider .next{
    right: -160px;
    background: url(/subsiteSrc/cnPc/images/jth_r.png) no-repeat center center;
}
.slider .next:hover{
   background-color:#fff;
   transform: translateY(-5px);
   -webkit-transform: translateY(-5px);
   box-shadow: 0 0 7px rgba(0,0,0,0.08);
}
#img-slider{
    height: 300px;
}
#img-slider li{
    width:460px;
    height:300px;
    position:relative;
}
#img-slider li img{
    display:block;
    width: 100%;
}
.roundabout-in-focus .honorName{
    display: block;
}
.honorName{
    display: none;
    overflow: hidden;
    font-size: 16px;
    color:#666;
    text-align: center;
    padding-top: 10px;
}

.dhjd_dl{
    overflow: visible !important;
}

#articleContent .center{
    width: 1920px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.sliderText{
	height: 75px;
	line-height:75px;
	text-align: center;
	font-size: 16px;
	color: #333;
	padding-top: 50px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.roundabout-moveable-item.roundabout-in-focus img{
	 -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent),
	color-stop(70%, transparent), to(rgba(250, 250, 250, 0.2)));
}
.roundabout-moveable-item.roundabout-in-focus .sliderText{
	padding-top: 0;
	visibility: visible;
	opacity: 1;
}

/* 社会责任 start */
.culture_column3{
	position: relative;
	height: 840px;
	overflow: hidden;
}
#sliderUl li .shade{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
	transition: 0.3s ease-in-out;
}
.slider1{
    position: relative;
    width:1200px;
    margin: 0px auto;
    height: 450px;
}
.slider1 .bt{
    display: block;
    width: 33px;
    height: 57px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -28px;
    z-index: 200;
}
.slider1 .prev{
    left: 102px;
    background: url(/subsiteSrc/cnPc/images/maxLeft.png) no-repeat center center;
}
.slider1 .prev:hover{
    background: url(/subsiteSrc/cnPc/images/maxLeft_h.png) no-repeat center center;
}
.slider1 .next{
    right: 102px;
    background: url(/subsiteSrc/cnPc/images/maxRight.png) no-repeat center center;
}
.slider1 .next:hover{
    background: url(/subsiteSrc/cnPc/images/maxRight_h.png) no-repeat center center;
}
#sliderUl{
    height: 450px;
    overflow: hidden;
}

#sliderUl li{
    width:700px;
    height:450px;
    position:relative;
	perspective: 800px;
}
#sliderUl li img{
    display:block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
}
#sliderUl li .honorName{
    position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
    background: rgba(41,80,160,0.9);
    overflow: hidden;
    font-size: 16px;
    color:#666;
    z-index: 11;
    color: #fff;
    padding:26px 30px 20px;
	transition: 0.4s ease-in-out;
	display: none;
	animation:roundabout .5s;
	transform-origin: center bottom; 
	
}
#sliderUl li.roundabout-in-focus .shade{
    background: rgba(0,0,0,0);
}
#sliderUl li.roundabout-in-focus .honorName{
    display: block;
}
@keyframes roundabout{
	0%{
		opacity:0; 
		bottom: -112px;
		
	}
	40%{
		transform:rotateX(60deg) ;
	}
	100%{
		opacity:1; 
		bottom: 0;
		transform:rotateX(0deg) ;
	}
}
#sliderUl li .honorName .title{
    text-align: left;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
}
#sliderUl li .honorName .text{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    color: #e7e7e7;
	text-align: left;
}
/* 社会责任 end */

/* subbaner1  start */
.subBanner1{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.arrowDown {
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 50px;
	left: 50%;
	margin-left: -25px;
	text-align: center;
	z-index: 3;
}

.arrowDown i {
	display: inline-block;
	width: 34px;
	height: 35px;
	background: url(/subsiteSrc/cnPc/images/navBottom.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);
	}
}
/* subbaner1  end */