@charset "UTF-8";

/* ========== 外层框架 start ========== */
#fp-nav ul li span{width: 8px !important;height: 8px !important;border-radius: 50% !important;border: 1px solid #fff !important;background: none !important;transition: all .3s linear;-webkit-transition: all .3s linear;margin: 13px 0 !important;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%)}
#fp-nav ul li span::before{display: block;content: "";position: absolute;width: 0;height: 0;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);top: 50%;background: #fff;border-radius: 50%;transition: all .3s linear;-webkit-transition: all .3s linear;}
#fp-nav ul li a.active span{width: 22px !important;height: 22px !important;}
#fp-nav ul li a.active span::before{width: 6px;height: 6px;}
#fullpage{ transition-delay: .7s !important;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{margin: 13px 0  !important;}
#fp-nav ul li a, .fp-slidesNav ul li a{margin: 15px 0 !important;}
#fp-nav ul li span.lan{border-color: #196aa9 !important;}
#fp-nav ul li span.lan::before{background: #196aa9;}
.animateHide{opacity: 0;}
.xl-chrome-ext-bar{display: none!important;}
/* ————— 头部 start ————— */
.top {

	z-index: 100;
	width: 100%;
	height: 90px;
	position: absolute;
}
.top .bg{width: 100%;height: 0;position: absolute;left: 0;top: 78px;background: rgb(36,118,194,0.7);transition: all .3s linear;-webkit-transition: all .3s linear;box-shadow: 0 3px 7px rgba(0,0,0,0.1)}
/* logo start */
.logo {
	padding: 9px 0;
	position: relative;
}

.logo img {
	height: 62px;
}

/* logo end */
/* 导航 start */
.menuDl {
	line-height: 78px;
}

.menuDl dd {
	float: left;
	margin-right: 25px;
	position: relative;
}
.menuDl dd.last{margin-right: 0;}
.menuDl dd .yjMenu a{font-size: 18px;color: #fff;transition: all .4s linear;-webkit-transition: all .4s linear}
.footerDl dd .yjMenu a{color: #fff;}
.menuDl dd.hover .yjMenu a{color: #fff;}
.footerDl dd:hover .yjMenu a{color: #fff;}
.menuDl dl {margin: 0 auto;}
.top .btnList{margin-left: 30px;overflow: hidden;margin-top: 32px;}
.top .btnList dd{float: left;height: 16px;border-left: 1px solid #999999;padding-left: 25px;margin-right: 23px;}
.top .btnList dd a{display: block;}
.top .btnList dd a img{display: block;height: 14px;}
.top .btnList dd:last-child{margin-right: 0;}
.menuDl dd .ej {
	overflow: hidden;
	position: absolute;
	top: 78px;
	height: 0;
	line-height: 50px;
	white-space: nowrap;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}
.menuDl dd .ej li {
	display: inline-block;
	margin-right: 30px;
	line-height: 55px;
	text-align: center;
}
.menuDl dd .ej li:last-child{
	margin-right: 0;
}
.menuDl dd .ej li a {
	font-size: 16px;
	color: #fff;
}
.menuDl dd .ej.open {height: 50px;}
.menuDl dd .ej li a:hover{color: #fff;font-weight:bold}
.topIn{height: 78px;}
.topIn .top{background: rgba(255,255,255,1);box-shadow: 0 3px 7px rgba(0,0,0,0.1)}
/* 导航 end */
/* ————— 头部 end ————— */
/* ————— 底部 start ————— */
.footer {
	background: url(../images/13.jpg)  top center no-repeat;
	height: 620px;
}
.footerDl {
	line-height: 67px;
}

.footerDl dd {
	float: left;
	margin-right: 47px;
	position: relative;
}
.footerDl dd.last{margin-right: 0;}
.footerDl dd .yjMenu a{font-size: 15px;color: #fff;transition: all .4s linear;-webkit-transition: all .4s linear}
.footerDl dd:hover .yjMenu a{color: #fff;font-weight: bold;}
.footerDl dl {margin: 0 auto;}

.footerTop {
	padding: 65px 0;
	border-bottom: #0f5181 solid 1px;
	overflow: hidden;
}

.footerTop .footerTopLeft {
	float: left;
}

.footerTop .footerTopRight {
	float: right;
}

.footerTop .footerTopRight a {
	font-size: 15px;
	color: #fff;
	line-height: 67px;
}


.footerTop .footerTopRight dl{overflow: hidden;}
.footerTop .footerTopRight dd {
	float: left;

	line-height: 52px;
	width: 50%;
}

.footerTop .footerTopRight dd div {
	font-size: 14px;
	color: #ffff;
	height: 52px;
	float:left;
	width:30%
}


.footerTop .footerTopRight dd span {
	display: block;
	font-size: 22px;
	color: #ffff;
		float:left;
		
		text-align:left;

	
			width:70%
}



.footerCenter {
	border-bottom: #0f5181 solid 1px;
	height: 280px;
}

.footerCenter .footerCenterOne .list1 {
	float: right;
	margin-top: 68px;
}

.footerCenter .footerCenterOne .list1 div {
	display: inline-block;
}

.footerCenter .footerCenterOne .list1 dd {
	border: #fff solid 1px;
	padding: 12px;
	margin-right: 20px;
}
.footerCenter .footerCenterOne .list1 dd img{height: 117px;display: block;}
.footerCenter .footerCenterOne .list1 div div {
	font-size: 14px;
	color: #fff;
	padding-top: 10px;
}

.footerMenu {
	overflow: hidden;
		margin-top: 28px;
}

.footerMenu dd {
	float: left;
	display: inline;
	width: 12%;
}

.footerMenu dd .yj {
	position: relative;
	padding-bottom: 22px;
	margin-bottom: 8px;
}

.footerMenu dd .yj::before {
	content: '';
	display: block;
	width: 17px;
	height: 2px;
	background:#003f91;
	position: absolute;
	left: 0;
	bottom: 0;
}

.footerMenu dd .yj a {
	display: block;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.footerMenu dd .yj a:hover {
	color: #ffff;
}

.footerMenu dd .ej a {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #ffff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.footerMenu dd .ej a:hover {
	color: #FFFFFF;
}

.footerCenter .footerCenterTwo{overflow: hidden;}

.footerCenterThree {
	float: right;
	overflow: hidden;
	margin-top: 115px;
}

.footerBottom {
	height: 137px;
	color:#fff
}
.footerBottom a{
	color:#fff
}
.footerBottom .footerBottomLeft {
	line-height: 160px;
}

.footerBottom .footerBottomLeft dd {
	float: left;
	padding-right: 20px;
}
.footerBottom .footerBottomLeft dd a{display: inline-block;}
.footerBottom .footerBottomRight {
	float: right;
	line-height: 137px;
}

/* ————— 底部 end ————— */
/* ========== 外层框架 end ========== */
/* ========== 内层框架 start ========== */
/* ————— subBanner start ————— */
.subBanner {
	position: relative;
	overflow: hidden;
	width: 100%;
	
}
.lhlbanner .subBanner::before{
	padding-top: 28.6458%;
}
.subBanner:before {
	display: block;
	content: '';
	padding-top: 23.6458%;
}
.subBanner .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(1.1);-webkit-transform: scale(1.1);transition: all .8s linear;-webkit-transition: all .8s linear;}
.subBanner.on .bg{
	transform: scale(1);
	-webkit-transform: scale(1);
}

/* ————— subBanner end ————— */
/* ————— 当前位置 start ————— */
.locationBox {
	clear: both;
	width: 100%;
	height: 82px;
	background: #fff;
	box-shadow: 0 3px 5px #e7e7e7;
	border-bottom: #e7e7e7 solid 1px;
}
.locationList{height: 82px; overflow: hidden; background: url(../images/home.png) no-repeat; background-position: left center; padding-left: 18px;}
.locationList dd{ float: left; display: inline; line-height: 82px; background: url(../images/icon8.png) no-repeat; background-position: left 5px center; height: 82px; padding-left: 17px; padding-right: 7px;}
.locationList dd a{font-size: 14px; font-weight: bold; color: #898989;}
.subNav {
	margin-right: -15px;
}

.subNav a {
	display: inline;
	float: left;
	line-height: 82px;
	height: 82px;
	color: #8a8a8a;
	font-weight: bold;
	font-size: 14px;
	margin: 0 14px;
	position: relative;
}
.subNav .hover:before{display: block; content: ''; width: 100%; height: 3px; position: absolute; background-color: #196aa9; bottom: 0;}
.subNav a:hover:before{display: block; content: ''; width: 100%; height: 3px; position: absolute; background-color: #196aa9; bottom: 0;}
.subNav a.hover {
	color: #1e5ab0
}

.subNav a:hover {
	color: #1e5ab0
}

/* ————— 当前位置 end ————— */
/* ————— 页码 start ————— */
.page {
	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;
	border: 1px solid #ebebeb;
}

.page span {
	display: inline-block;
	padding: 6px 2px;
	position: relative;
	top: -15px;
}

.page a:hover {
	background: #1e5ab0;
	color: #fff;
}

.page a.hover {
	background: #1e5ab0;
	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)
}

/* ————— 页码 end ————— */
/* ————— indexBanner start ————— */

/* banner */
.banner{ min-width:1000px;  position:relative;  height:650px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:650px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:650px;  }
.banner .bd li a{ height:650px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../images/banner-btn.png) 0 0 no-repeat;
_background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }



.indexBanner{position: relative;height: 100%;}
/* .indexBanner::before{content: '';display: block;padding-top: 27.0833%;} */
.indexBannerLoad {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 1.3s;
	-webkit-transition: all 1.3s;
}

.indexBannerLoad svg {
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	width: 100px;
	height: 100px;
	fill: rgb(215, 23, 24);
}

.indexBannerLoad.hide {
	visibility: hidden;
	opacity: 0;
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.indexBanner .bd {
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.indexBanner .bd .slick-list,
.indexBanner .bd .slick-track {
	height: 100%;
}

.indexBanner.delay .bd .slick-track {
	transition-delay: 1.3s !important;
	-webkit-transition-delay: 1.3s !important;
}

.indexBanner .mySlide {
	height: 100%;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.indexBanner .mySlide a {
	display: block;
	height: 100%;
	width: 100%;
}

.indexBanner .slick-dots {
	display: inline-block;
	font-size: 0;
}
.indexBanner .btn{position: absolute;bottom: 35px;left: 0;width: 100%;text-align: center;}
.indexBanner .btn .path{font-size: 20px;line-height: 20px;display: inline-block;color: #fff;margin-right: 15px;vertical-align: middle;position: relative;top: 4px;}
.indexBanner .btn .path div{display: inline-block;}
.indexBanner .btn .dous{display: inline-block;vertical-align: middle;}
.indexBanner .slick-dots li {
	display: inline-block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	margin: 0 13px;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	border: 1px solid #fff;
	transition: all .4s linear;
}
.indexBanner .slick-dots li.slick-active {
	background: #fff;
}
.indexBanner .mySlide .text {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1200px;
	transform: translate(-50%, -50%);
	color: #FFF;
	display: none;
}

.indexBanner .mySlide .text .text1 {
	font-size: 25px;
	margin-bottom: 30px;
}

.indexBanner .mySlide .text .text2 {
	font-size: 0px;
}

.indexBanner .mySlide .text .text2 span {
	font-size: 70px;
	font-family: "宋体";
	font-weight: bold;
	letter-spacing: 3px;
	float: left;
}

.indexBanner .mySlide.slick-active .text {
	display: block;
}

.indexBanner .img {
	width: 508px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 0;
}
.indexBanner .img .imgItem img {
	overflow: hidden;
	display: inline-block;
	visibility: hidden;
}
.indexBanner .img .imgItem img.show {
	visibility: visible;
}


/* ————— indexBanner end ————— */
/* ========== 内层框架 end ========== */
/* ========== 首页 start ========== */
/* ————— 公共部分 start ————— */
.sectionC{height: 100%;}
.section .wrap{height: 100%;}
/* 首页标题 start */
.indexTitle span{font-size: 32px; color: #333333; font-weight: bold; display: block; line-height: 50px; height: 50px;}
.indexTitle em{font-size: 36px; color: rgba(51,51,51,0.05); display: block; font-style: normal; font-weight: bold; line-height: 50px; height: 50px; position: relative; top: -20px;}
/* 首页标题 end */
/* ————— 公共部分 end ————— */
/* ————— 第1通栏 start ————— */
.column1{width:80%; margin:0 auto;padding-bottom:50px}
.column1 .wrap{width: 100%; height: 100%; overflow: hidden; background-size: cover;}
.column1 .wrap .indexone{height:120px;width:100%}
.column1 .wrap .indexone  .intleftOne{float:left;text:left;width:50%;}

.column1 .wrap .indexone .intleftOne .titleCh{
	color: #333333;
    position: relative;
    z-index: 20;font-size: 32px;
    font-weight: bold;

    height: 34px;
    line-height: 34px;}
.column1 .wrap .indexone .intleftOne .titleEn{    color: #d4e0ea;
    opacity: 1;    font-size: 36px;
    font-weight: bold;

    height: 38px;
    line-height: 38px;
    opacity: 0.5;
    position: relative;
    top: 70px;}
	
.column1 .wrap .indexone .intright{float:right;width:50%;line-height:120px;text-align:right}
.column1 .wrap .indextop{width:100%;height:80px;}

.indextop{    height: 80px;
    width: 100%;
    background: url(../images/xwsybg.jpg)repeat-x center bottom;}

.indextitle{font-size: 32px;
    color: #003f91;
    font-weight: bold;}
.indextitle a{ color: #003f91;}
.intLeft{width: 50%; height: 100%; float: left;}


/* 焦点图 */
.focusBox { float:left; position: relative; width: 750px; height: 422px; margin-top:20px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.focusBox .pic img { width: 750px; height: 422px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 60px; width:100%;  background: #003f91; filter: alpha(opacity=60); opacity: 0.6; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 60px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:60px; line-height:60px; position:absolute; bottom:-60px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 18px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 300; bottom: 22px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 8px; height: 8px; line-height: 8px; overflow: hidden;background:#fff;border-radius:100px; color:#fff; margin:2px}

.focusBox .num .on { float: left; position: relative; width: 8px; height: 8px; line-height: 8px; overflow: hidden;background:#ca0000;border-radius:100px; color:#ca0000; margin:2px}



.intRight{width: 730px;height: 100%;  float: left;margin-top:20px}


.intRight ul li {
	width: 100%;
	padding-left: 19px;
	background: url("../images/icon8.png") no-repeat center left;
	display: block;
	overflow: hidden;
	margin-bottom: 12px;
}
.intRight ul li a {
	display: block;
}
.intRight ul li a:hover {
	display: block;
	color: #003f91;
}
.intRight ul li a .contsyanrb2 {
	font-size: 20px;
	color: #333333;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.intRight ul li a .contsyanrb3 {
	font-size: 18px;
	color: #999999;
	float:right
}

/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
.indexTitle .title{font-size: 32px;font-weight: bold;color: #333333;height: 34px;line-height: 34px;}
.indexTitle .titlec{font-size: 36px;font-weight: bold;color: #d4e0ea;height: 38px;line-height: 38px;position: relative;top: -3px;}
.indexMore{width: 130px;height: 45px;display: block;line-height: 45px;text-align: center;border-radius: 30px;font-size: 14px;color: #fff !important;background: #4d6e99;}
.indexMore em{display: inline-block;margin-left: 5px;width: 7px;height: 11px;background: url(../images/indexmore.png)no-repeat center;vertical-align: middle;position: relative;top: -1px;}
.section .wrap{height: 100%;}
.column3 .wrap{position: relative;}
.col3T{position: absolute;width: 50%;left: 0;top: 20px;z-index: 2;}
.col4T{position: absolute;width: 50%;right: 0;top: 20px;z-index: 2;}
.col3tab{margin-left: 50px;}
.col3tab span{display: inline-block;width: 120px;height: 35px;line-height: 35px;text-align: center;border-radius: 5px;background: #4d6e99;font-size: 15px;color: rgb(255,255,255,0.5);margin: 0 5px;cursor: pointer;cursor: pointer;}
.col3tab span.hover{color: #FFF;}
.col3C{height: 100%;}
.column3{height:465px;}
.col3List{height: 100%;}
.col3List dd{width: 25%;position: relative;height: 100%;}
.col3List dd .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .4s linear;-webkit-transition: all .4s linear}
.col3List dd:nth-child(2n+1) .bg{background: rgb(255,255,255,0.02);}
.col3List dd a{display: block;height: 100%;position: relative;}
.col3List dd a .con{position: absolute;width: 100%;top: 285px;padding: 0 25px 0 25px;left: 0;}
.col3List dd::before{display: block;content: "";width: 100%;height: 1px;background: #385d90;position: absolute;top: 62%;left: 0;transition: all .4s linear;-webkit-transition: all .4s linear}
.col3List dd::after{display: block;content: "";width: 50px;height: 3px;background: #fff;position: absolute;top: 62%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);margin-top: -1px;transition: all .4s linear;-webkit-transition: all .4s linear}
.col3List dd .time{width: 90px;height: 90px;border-radius: 50%;border: 1px dashed #fff;line-height: 90px;text-align: center;font-size: 20px;font-weight: bold;margin: 0 auto;margin-bottom: 95px;color: #fff;transition: all .4s linear;-webkit-transition: all .4s linear}
.col3List dd .text .title{font-size: 18px;line-height: 70px;color: #fff;font-weight: bold;height: 56px;overflow: hidden;margin-bottom: 30px;}
.col3List dd .text .info{font-size: 14px;line-height: 24px;color: #cccccc;height: 48px;overflow: hidden;margin-bottom: 80px;transition: all .4s linear;-webkit-transition: all .4s linear}

.col3List dd .pic::before{padding-top: 60%;}
.col3List dd:hover .bg{background: #d2dae4;}
.col3List dd:hover a .con{top: 285px;}
.col3List dd:hover a .time{margin-bottom: 30px;border-color: #7c8c9b;color: #0f2949;}
.col3List dd:hover a .pic::before{padding-top: 60%;}
.col3List dd:hover .text .title{color: #333333;}
.col3List dd:hover .text .info{color: #808080;}
.col3List dd:hover:after{width: 100%;height: 7px;background: url(../images/col3btn.png)no-repeat center;margin-top: -5px;}
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
.column4{height: 100%;padding-left: 170px;padding-top: 78px;}
.column4 .indexMore{background: #196aa9;}
.col4L{width: 30.7692%;}
.col4L .indexTitle{margin-bottom: 60px;}
.col4L .indexTitle .title{color: #333333;position: relative;z-index: 2;}
.col4L .indexTitle .titlec{color: #fff;opacity: 1;}
.col4tab{padding-right: 175px;margin-bottom: 78px;}
.col4tab .span{padding-bottom: 33px;border-bottom: 1px solid #b9c3cb;overflow: hidden;margin-bottom: 27px;cursor: pointer;transition: all .4s linear;-webkit-transition: all .4s linear;}
.col4tab .span em{width: 56px;height: 56px;margin-right: 15px;position: relative;}
.col4tab .span em img{max-width: 100%;max-height: 100%;display: block;opacity: 0;transition: all .4s linear;-webkit-transition: all .4s linear;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%)}
.col4tab .span em img.img1{opacity: 1;}
.col4tab .span.hover em img.img1{opacity: 0;}
.col4tab .span.hover em img.img2{opacity: 2;}
.col4tab .span .text{overflow: hidden;padding-top: 10px;}
.col4tab .span .text .title{font-size: 18px;font-weight: bold;color: #333333;height: 20px;line-height: 20px;overflow: hidden;margin-bottom: 10px;transition: all .4s linear;-webkit-transition: all .4s linear;}
.col4tab .span .text .titlec{font-size: 16px;color: #333333;height: 16px;line-height: 16px;overflow: hidden;transition: all .4s linear;-webkit-transition: all .4s linear;}
.col4tab .span.hover .text .title{color: #196aa9;}
.col4tab .span.hover .text .titlec{color: #196aa9;}
.col4tab .span.hover{border-bottom: 1px solid #a7c0d3}
.col4R{overflow: hidden;position: relative;}
.col4Slick .slick-list{overflow: unset;}
.col4Slick .myslide .slickCon{margin-right: 30px;}
.col4Slick .myslide .pic::before{padding-top: 60%;}
.col4Slick{position: absolute;top: 0;left: 0;width: 81.6697%;z-index: -1;}
.col4Slick.active{z-index: 2;}
.col4Slick .path{font-size: 16px;color: #333333;height: 16px;height: 16px;margin-right: 45px;margin-top: 7px;}
.col4Slick .path div{display: inline-block;}
.col4Slick em{overflow: hidden;height: 1px;background: #c8d2da;display: block;position: relative;top: 20px;}
.col4Slick .btn{margin-left: 75px;margin-right: 30px;}
.col4Slick .btn span{display: inline-block;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #b2bbc3;background: url(../images/col4btn.png)no-repeat center;cursor: pointer;transition: all .4s linear;-webkit-transition: all .4s linear}
.col4Slick .btn span.next{margin-left: 23px;transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg)}
.col4Slick .btn span:hover{border-color: #206daa;background-image: url(../images/col4btnon.png);}
/* ————— 第3通栏 end ————— */
/* ========== 首页 end ========== */
/* ========== 精品案例 start ========== */
.sectionBox{position: absolute;width: 100%;left: 0;bottom: 0;overflow: hidden;height: 100%;}
/* ————— 第1通栏 start ————— */
.bTab{width: 100%;height: 100%;background: rgb(0,0,0,0.2);font-size: 0;position: relative;z-index: 2;}
.bTab dd{width: 33.3333%;height: 100%;border-right: 1px solid rgb(255,255,255,0.3);text-align: center;position: relative;transition: all .4s linear;-webkit-transition: all .4s linear}
.bTab dd:last-child{border-right: none;}
.bTab dd a{display: block;height: 100%;}
.bTab dd .text{position: absolute;left: 0;width: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.bTab dd .icn{width: 56px;height: 56px;margin: 0 auto;margin-bottom: 28px;}
.bTab dd .title{font-size: 30px;height: 30px;line-height: 30px;color: #fff;overflow: hidden;margin-bottom: 8px;}
.bTab dd .titlec{font-size: 22px;height: 22px;line-height: 22px;color: #fff;overflow: hidden;}
.bTab dd .info{position: relative;padding-top: 0;overflow: hidden;transition: all .4s linear;-webkit-transition: all .4s linear;height: 0;}
.bTab dd .info::before{display: block;content: "";position: absolute;top: 28px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 32px;height: 5px;background: #fff;}
.bTab dd .info::after{display: block;content: "";position: absolute;top: 30px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 0px;height: 1px;background: rgb(255,255,255,0.2);transition: all .4s linear;-webkit-transition: all .4s linear}
.bTab dd .info .textc{font-size: 18px;line-height: 18px;height: 0;color: #fff;overflow: hidden;transition: all .4s linear;-webkit-transition: all .4s linear}
.bTab dd:hover{background: rgb(33,75,130,0.8);}
.bTab dd:hover .info{padding-top: 70px;height: auto;}
.bTab dd:hover .info .textc{height: 18px;}
.bTab dd:hover .info:after{width: 330px;}
.bg1Swiper,.bg1Swiper .swiper-wrapper,.bg1Swiper .swiper-slide {height: 100% !important;width: 100% !important;}
.bg1Swiper {position: absolute !important;top: 0;left: 0;}
.bg1Swiper .swiper-wrapper {transform: translate(1px) !important;/*解决swiper第一个不改变*/margin-left: -1px;left: 0 !important;}
.bg1Swiper .swiper-slide {top: 0;left: 0;opacity: 0;z-index: 1;transform: scale(1.3);transition: 1.5s ease-in-out;position: absolute;}
.bg1Swiper .swiper-slide-active {opacity: 1;filter: alpha(opacity=100);z-index: 2;transform: scale(1);}
/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
.bg2Swiper,.bg2Swiper .bd,.bg2Swiper .myslide,.bg2Swiper .slick-list,.bg2Swiper .slick-track{height: 100% !important;width: 100% !important;}
.bg2Swiper {position: absolute !important;top: 0;left: 0;}
.bg2Swiper::before{display: block;content: "";width: 100%;height: 100%;background: rgb(0,0,0,0.2);left: 0;top: 0;position: absolute;z-index: 2;}
.bg2Swiper .bd {transform: translate(1px) !important;/*解决swiper第一个不改变*/margin-left: -1px;left: 0 !important;position: relative;}
.bg2Swiper .myslide {top: 0;left: 0 !important;opacity: 0;z-index: 1;transform: scale(1.3);transition: 1.5s ease-in-out !important;position: absolute !important;}
.bg2Swiper .slick-active {opacity: 1;filter: alpha(opacity=100);z-index: 2;transform: scale(1);}
.bloumn2 .wrap{position: relative;height: 100%;z-index: 3;}
.bloumn2 .newtext{width: 50%;}
.bloumn2 .newtext .title{font-size: 36px;height: 36px;line-height: 36px;color: #fff;font-family: "Baskerville Old Face";margin-bottom: 30px;}
.bloumn2 .newtext .titlec{font-size: 36px;height: 36px;line-height: 36px;overflow: hidden;color: #fff;margin-bottom: 30px;}
.bloumn2 .newtext .info{font-size: 15px;height: 52px;line-height: 26px;overflow: hidden;color: #fff;margin-bottom: 35px;}
.zhbtn{display: block;width: 130px;height: 45px;line-height: 45px;text-align: center;border-radius: 30px;color: #fff !important;font-size: 16px;background: #265287;}
.zhbtn em{display: inline-block;width: 7px;height: 11px;vertical-align: middle;background: url(../images/zhbtn.png)no-repeat center;margin-left: 5px;position: relative;top: -2px;}
.zhbtn:hover{font-weight: bold;}
.bloumn2 .textBox{position: absolute;left: 0;bottom: 0;width: 50%;height: 200px;}
.bloumn2 .textBox .title{width: 66.6666%;height: 100%;padding: 50px 20px 0 0;position: relative;}
.bloumn2 .textBox .title .info{height: 24px;overflow: hidden;margin-bottom: 20px;position: relative;}
.bloumn2 .textBox .title .info a{font-size: 24px;line-height: 24px;color: #fff;}
.bloumn2 .textBox .title .info a:hover{font-weight: bold;}
.bloumn2 .textBox .title em{display: block;width: 50px;height: 2px;background: #fff;position: relative;z-index: 5;}
.bloumn2 .textBox .title::before{display: block;content: "";position: absolute;right: 0;top: 0;height: 100%;width: 135.3846%;background: url(../images/zh2bg.jpg)no-repeat center /cover;}
.bloumn2 .textBox .btnBox{overflow: hidden;height: 100%;}
.bloumn2 .textBox .btnBox .btnT{height: 50%;position: relative;background: #214b82;}
.bloumn2 .textBox .btnBox .btnT .path{position: absolute;top: 30px;left: 30px;font-size: 16px;color: #ffffff;line-height: 16px;height: 16px;}
.bloumn2 .textBox .btnBox .btnT .path div{display: inline-block;}
.bloumn2 .textBox .btnBox .btnT .btn{position: absolute;bottom: 13px;right: 22px;}
.bloumn2 .textBox .btnBox .btnT .btn span{display: inline-block;width: 40px;height: 40px;border: 1px solid #30578a;border-radius: 50%;background: url(../images/zh2btn.png)no-repeat center;cursor: pointer;transition: all .4s linear;-webkit-transition: all .4s linear;}
.bloumn2 .textBox .btnBox .btnT .btn span.prev{margin-right: 15px;transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg)}
.bloumn2 .textBox .btnBox .btnB{height: 100%;background: rgb(33,75,130,0.8);padding-left: 30px;line-height: 100px;font-size: 16px;color: #ffffff;}
.bloumn2 .textBox .btnBox .btnT .btn span:hover{border-color: #fff;}
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
.bloumn3{padding-left: 180px;}
.bloumn3L{width: 27.1%;height: 100%;}
.bloumn3L .bloumn3LT{height: 50%;margin-right: 60px;}
.bloumn3L .bloumn3LT .newtext .title{font-size: 36px;height: 36px;line-height: 36px;color: #666666;font-family: "Baskerville Old Face";margin-bottom: 30px;}
.bloumn3L .bloumn3LT .newtext .titlec{font-size: 36px;height: 36px;line-height: 36px;overflow: hidden;color: #333333;margin-bottom: 30px;}
.bloumn3L .bloumn3LT .newtext .info{font-size: 15px;height: 52px;line-height: 26px;overflow: hidden;color: #666666}
.bloumn3L .bloumn3LB{height: 50%;padding: 80px 50px 0 0;position: relative;}
.bloumn3L .bloumn3LB::before{display: block;content: "";position: absolute;height: 100%;width: 135.3846%;right: 0;top: 0;background: url(../images/zh3bgl.png)no-repeat center /cover;}
.bloumn3L .bloumn3LB .title{height: 24px;position: relative;z-index: 2;top: 6px;}
.bloumn3L .bloumn3LB .title a{font-size: 24px;line-height: 24px;color: #fff}
.bloumn3L .bloumn3LB .title a:hover{font-weight: bold;}
.bloumn3L .bloumn3LB .btn span{display: inline-block;width: 40px;height: 40px;border: 1px solid #30578a;border-radius: 50%;background: url(../images/zh2btn.png)no-repeat center;cursor: pointer;transition: all .4s linear;-webkit-transition: all .4s linear;}
.bloumn3L .bloumn3LB .btn span.prev{margin-right: 15px;transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg)}
.bloumn3L .bloumn3LB .btn span:hover{border-color: #fff;}
.bloumn3L .bloumn3LB .btn{position: relative;z-index: 2;}
.bloumn3L .bloumn3LB .zhbtn{background: #5f7da5;position: relative;z-index: 2;}
.bloumn3L .bloumn3LB .path{font-size: 16px;color: #ffffff;line-height: 16px;height: 16px;position: relative;z-index: 2;}
.bloumn3L .bloumn3LB .path div{display: inline-block;}
.bloumn3R{overflow: hidden;height: 100%;}
.bg3Swiper,.bg3Swiper .swiper-wrapper,.bg3Swiper .swiper-wrapper .swiper-slide{height: 100%;}
/* ————— 第3通栏 end ————— */
/* ————— 第4通栏 start ————— */
.bg4Swiper,.bg4Swiper .bd,.bg4Swiper .myslide,.bg4Swiper .slick-list,.bg4Swiper .slick-track{height: 100% !important;width: 100% !important;}
.bg4Swiper {position: absolute !important;top: 0;left: 0;}
.bg4Swiper::before{display: block;content: "";width: 100%;height: 100%;background: rgb(0,0,0,0.2);left: 0;top: 0;position: absolute;z-index: 2;}
.bg4Swiper .bd {transform: translate(1px) !important;/*解决swiper第一个不改变*/margin-left: -1px;left: 0 !important;position: relative;}
.bg4Swiper .myslide {top: 0;left: 0 !important;opacity: 0;z-index: 1;transform: scale(1.3);transition: 1.5s ease-in-out !important;position: absolute !important;}
.bg4Swiper .slick-active {opacity: 1;filter: alpha(opacity=100);z-index: 2;transform: scale(1);}
.bloumn4 .wrap{position: relative;z-index: 2;}
.bloumn4 .newtext{width: 50%;}
.bloumn4 .newtext .title{font-size: 36px;height: 36px;line-height: 36px;color: #fff;font-family: "Baskerville Old Face";margin-bottom: 30px;}
.bloumn4 .newtext .titlec{font-size: 36px;height: 36px;line-height: 36px;overflow: hidden;color: #fff;margin-bottom: 30px;}
.bloumn4 .newtext .info{font-size: 15px;height: 52px;line-height: 26px;overflow: hidden;color: #ffff}
.bloumn4 .newtext .zhbtn{background: #5f7da5;position: relative;z-index: 2;}
.bloumn4 .newtext .path{font-size: 16px;color: #ffffff;line-height: 16px;height: 16px;position: relative;z-index: 2;}
.bloumn4 .newtext .path div{display: inline-block;}
.bloumn4 .textBox{position: absolute;bottom:0;right: 0;width: 57.6923%;height: 220px;padding: 60px 0 0 90px;}
.bloumn4 .textBox .title{height: 24px;position: relative;top: 6px;z-index: 2;}
.bloumn4 .textBox .title a{font-size: 24px;line-height: 24px;color: #fff;}
.bloumn4 .textBox .title a:hover{font-weight: bold;}
.bloumn4 .textBox .btn{position: relative;z-index: 2;}
.bloumn4 .textBox .btn span{display: inline-block;width: 40px;height: 40px;border: 1px solid #fff;border-radius: 50%;background: url(../images/zh2btn.png)no-repeat center;cursor: pointer;transition: all .4s linear;-webkit-transition: all .4s linear;opacity: 0.5;}
.bloumn4 .textBox .btn span.prev{margin-right: 15px;transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg)}
.bloumn4 .textBox .btn span:hover{opacity: 1;}
.bloumn4 .textBox em{width: 50px;height: 2px;background: #fff;position: relative;z-index: 2;display: block;}
.bloumn4 .textBox::before{display: block;content: "";width: 135.3846%;position: absolute;left: 0;top: 0;height: 100%;background: rgb(0,0,0,0.5);}
/* ————— 第4通栏 end ————— */
/* ========== 精品案例 end ========== */
.organization img{width: 100%;}





































.conbody{width:100%;height:100%}
.neirong{width:1200px;margin:0 auto;}
.conleft{float:left;width:260px;}
.conright{float:right;width:930px;}
.lefttitle{font-size: 24px;
    line-height: 80px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: "微软雅黑";
    font-weight: normal;
	height: 80px;
    text-align: -webkit-center;
    background-image: url(../images/17.jpg);}
	
	
.lefttitlesub dl dd{
    font-size: 18px;
    line-height: 80px;
height: 80px;
   text-align: -webkit-center;
    color: #333;
   background:#fff;
   border-bottom:1px solid #f1f1f1

}
.lefttitlesub dl dd a:hover{

	background: #0782e0;
	display:block;
    font-size: 18px;
    line-height: 80px;
	width:260px;
	height: 80px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: "微软雅黑";
    font-weight: normal;
    cursor: pointer;

}

.onhover{

	background: #0782e0 !important;
	display:block;
    font-size: 18px;
    line-height: 80px;
	width:260px;
	height: 80px;
    color: #fff !important;
    text-decoration: none;
    font-family: "微软雅黑";
    font-weight: normal;
    cursor: pointer;

}
.onhover a{
	color: #fff;
}