@charset "UTF-8";
/* ========== 外层框架 start ========== */
/* ————— 头部 start ————— */
.animHide{opacity: 0;}
.animHide1{opacity: 1;}
#fp-nav.hover{opacity: 0;visibility: hidden;}
.topBox{height: 100px;}
.topC{width: 1800px;margin: 0 auto;}
.bai .topBox .top{background: rgb(255,255,255,1);box-shadow: 0px 1px 2px #dcdcdc;}
.top{height: 100px;line-height: 100px;position: fixed;top: 0;width: 100%;left: 0;box-shadow: 0px 2px 8px 0px rgba(0, 0, 112, 0.2);background: #fff;z-index: 99;}
.top .logo{margin-top: 13px;}
.top .logo img{height: 75px;}
.topText{margin-left: 20px;font-size: 22px;color: #999;}
.topText span{color: #f9be12;}
.top .bg{position: absolute;top: 100px;left: 0;width: 100%;height: 0;background: rgb(0,0,0,0.5);-webkit-transition: all .4s linear;display: block;}
.menu{height: 100%;position: relative;}
.menu dd{display:inline; position:relative;float: left;margin-right: 50px;height: 100px;z-index: 2;}
.menu dd .yj{height:100px; line-height:100px;text-align:center; position: relative;z-index: 2;}
.menu dd .yj a{ display:block;  font-size:15px;color: #333;transition: all .3s ease-in;-webkit-transition: all .3s ease-in;}
.menu dd .ej {overflow: hidden;position: absolute;top: 100px;height: 0;line-height: 50px;white-space: nowrap;transition: all .3s ease-in;-webkit-transition: all .3s ease-in;}
.menu dd .ej.open{height: 50px;}
.menu dd .ej li {display: inline-block;margin-right: 30px;line-height: 50px;text-align: center;}
.menu dd .ej li:last-child{margin-right: 0;}
.menu dd .ej li a {font-size: 16px;color: #fff;}
.menu dd .ej li a:hover {color: #fff;font-weight: bold;}
.menu dd.hover .yj a{color: #1b1d53;}
.menu .huaKRed{position: absolute;height: 2px;background: #1b1d53;bottom: 0;-webkit-transition: all .4s ease-in;}
.topPhone{padding: 0 0 0 47px;background: url(../images/topPhoneIcn.png) no-repeat center left;font-size: 30px;color: #f9b806;}
.topPhone img{max-width: 100%;max-height: 100%;}
.searchBox{width: 24px;height: 24px;background: url(../images/search.png)no-repeat center;margin-top: 40px;cursor: pointer;transition: all .4s ease-in;-webkit-transition: all .4s linear;position: relative;}
.model.show::before {animation: menu-animation .8s ease-out forwards;transform: scale(2) translateY(0);}
.model.show{display: block;}
.model{position: fixed;top: 0;left: 0;z-index: 10600;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;}
.model span{display: inline-block;width: 50px;height: 50px;line-height: 50px;position: absolute;top: 30px;right: 30px;cursor: pointer;font-size: 55px;text-align: center;overflow: hidden;color: #fff;z-index: 10;}
.model::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;background-color: rgba(0,0,0,.87);width: 100%;height: 0;padding-bottom: 100%;border-radius: 100%;transform: scale(.04) translateY(9999px);overflow: hidden;z-index: 9;}
.searchPWBox {width: 600px;height: 60px;overflow: hidden;position: absolute;top: 50%;left: 50%;z-index: 9;margin: -30px 0 0 -300px;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;;}
.searchPWBox input {display: block;float: left;width: 530px;height: 60px;background: #fff;border: none;line-height: 60px;color: #333;font-size: 16px;padding-left: 10px;}
.searchPWBox input::placeholder {color: #999;font-size: 16px;}
.searchPWBox input::-webkit-placeholder {color: #999;font-size: 16px;}
.searchPWBox a {float: left;display: inline;width: 60px;height: 60px;background: #1b1d53 url(../images/search2.png) no-repeat center center;background-size: 19px 20px;color: #fff;font-size: 30px;text-align: center;line-height: 60px;}
.searchPWBox a:hover {opacity: 0.9;}
@keyframes menu-animation {
	0% {
		opacity: 0;
		transform: scale(.04) translateY(300%)
	}

	40% {
		transform: scale(.04) translateY(0);
		transition: ease-out
	}

	40% {
		transform: scale(.04) translateY(0)
	}

	60% {
		opacity: 1;
		transform: scale(.02) translateY(0)
	}

	61% {
		opacity: 1;
		transform: scale(.04) translateY(0)
	}

	99.9% {
		opacity: 1;
		height: 0;
		padding-bottom: 100%;
		border-radius: 100%
	}

	100% {
		opacity: 1;
		transform: scale(2) translateY(0);
		height: 100%;
		padding-bottom: 0;
		border-radius: 0
	}
}
/* ————— 头部 end ————— */
/* ————— 底部 start ————— */
.footerTop{background-color: #237cb5;border-bottom:1px solid rgba(250,250,250,0.2);}
.footerTop .ftTop{width: 100%;padding: 50px 0;}
.ftTopL{width: 29.4444%;}
/* 底部联系方式 start */
.footerContact{overflow: hidden;}
.footerContact dd{font-size: 16px;color: rgba(255,255,255,0.5);overflow: hidden;}
.footerContact dd.iro a img{height: 62px;display: block;margin-bottom: 32px;}
.footerContact dd.tel{padding-bottom: 22px;}
.footerContact dd.tel span{font-size: 14px;color: #f2f2f2;display:block;line-height: 25px;padding-left: 17px;height: 25px;padding-bottom: 3px;}
.footerContact dd.tel span.addr{background: url(../images/addr.png)no-repeat center left;background-size: 14px 18px;}
.footerContact dd.tel span.phone{background: url(../images/phone.png)no-repeat center left;background-size: 16px 16px;}
/* 底部联系方式 end */
/* 二维码 start */
.footerEwm dd{margin-left: 30px;width: 120px;margin-bottom: 18px;}
.footerEwm dd .ewmImg{width: 120px;height: 120px;overflow: hidden;margin-bottom: 7px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.footerEwm dd .ewmImg img{width: 100%;height: 100%;}
.footerEwm dd .text{text-align: center;font-size: 16px;color: #ffffff;line-height: 25px;height: 25px;}
/* 二维码 end */
/* 底部导航 start */
.footerMenu{overflow: hidden;width: 57.2222%;}
.footerMenu dd{float: left;display: inline;margin-right: 60px;}
.footerMenu dd .yj{position: relative;padding-bottom: 16px;/* margin-bottom: 8px; */}
.footerMenu dd .yj a{display: block;height: 25px;line-height: 25px;font-size: 18px;color: #ffffff;transition: all 0.3s;-webkit-transition: all 0.3s;}
.footerMenu dd .yj a:hover{color: #FFFFFF;}
.footerMenu dd .ej a{display: block;height: 20px;line-height: 20px;font-size: 14px;color:#f2f2f2;transition: all 0.3s;-webkit-transition: all 0.3s;padding-bottom: 20px;}
.footerMenu dd .yj a:hover{font-weight: bold;}
.footerMenu dd .ej a:hover{font-weight: bold;}
/* 底部导航 end */
.footerBlank{background: #237cb5;height: 85px;line-height: 85px;}
/* 备案信息 start */
.ftArchival{font-size: 16px;color: #f2f2f2;}
.ftArchival a{font-size: 16px;color: #f2f2f2;transition: all 0.4s;-webkit-transition: all 0.4s;margin-right:25px;}
.ftArchival a:hover{font-weight: bold;}
/* .ftArchival .footerBan{background: url(../images/common/beian.png) no-repeat center left 6px;padding-left: 30px;}
.ftArchival .footerCnzz{background: url(../images/common/cnzzIcn.gif) no-repeat center right;padding-right: 55px;} */
/* 备案信息 end */
/* 技术支持 start */
.ftSupport{font-size: 16px;color: #f2f2f2;}
.ftSupport a{font-size: 16px;color: #f2f2f2;transition: all 0.4s;-webkit-transition: all 0.4s;}
.ftSupport a:hover{font-weight: bold;}
/* 技术支持 end */
/* ————— 底部 end ————— */
/* ========== 外层框架 end ========== */
/* ========== 内层框架 start ========== */
/* ————— subBanner start ————— */
.subBanner {
	position: relative;
	overflow: hidden;
	width: 100%;
	
}
.subBanner:before {
	display: block;
	content: '';
	padding-top: 31.25%;
}
.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: 80px;background: #fff;box-shadow:0 3px 5px #dcdcdc;}
.location{height: 77px;overflow: hidden;padding-left:20px;background-position: left center;background-repeat: no-repeat;background-image: url(../images/common/home.png);background-size: 16px;}
.location a{display: inline;float: left;height: 83px;line-height: 80px;padding-left: 10px;margin-right: 5px;background-position: left center;background-repeat: no-repeat;background-image: url(../images/common/icon8.jpg);color: #666666;font-size: 14px;}
.location a.hover2{background-image: none;}
.location a:hover{color:#1e5ab0;font-weight: bold;}
.location a.hover{color:#1e5ab0;font-weight: bold;}
.subNav{margin-right:-15px;}
.subNav a{display: inline;float: left;line-height: 80px;height:80px;color: #666666;font-size: 14px;padding:0 28px;}
.subNav a.hover{color: #1e5ab0;font-weight: bold;}
.subNav a:hover{color: #1e5ab0;font-weight: bold;}
/* ————— 当前位置 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;}
.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/common/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/common/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/common/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/common/page/lastPage.png)}
.page a.firstPage:hover div{background-image: url(../images/common/page/firstPageh.png)}
.page a.prevPage:hover div{background-image: url(../images/common/page/prevPageh.png)}
.page a.nextPage:hover div{background-image: url(../images/common/page/nextPageh.png)}
.page a.lastPage:hover div{background-image: url(../images/common/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(../images/common/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/common/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/common/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/common/page/lastPage.png)}
/* ————— 页码 end ————— */
/* ————— indexBanner start ————— */
.indexBanner{position: relative;height: 100%;}
.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{position: absolute;bottom: 15px;left: 0;width: 100%;text-align: center;font-size: 0;}
.indexBanner .slick-dots li{display: inline-block;width: 40px;height: 5px;border-radius: 5px;margin: 0 7px;vertical-align: middle;cursor: pointer;position: relative;background: #fff;}
.indexBanner .slick-dots li.slick-active{background: #e9ae31;}
.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{position: absolute;top: 216px;right: 120px; font-size: 0;}
.indexBanner .img .imgItem img{overflow: hidden; display: inline-block; visibility: hidden;}
.indexBanner .img .imgItem img.show{visibility: visible;}
.column3ScrollPage{position: absolute;bottom: 65px;right: 120px;padding: 0 50px;height: 40px;line-height: 40px;}
.column3ScrollPage .arrow{overflow: hidden;}
.column3ScrollPage .arrow span{background-repeat: no-repeat;background-position: center center;width: 40px;height: 40px;display: block;cursor: pointer; position: absolute;background-color: #ffffff;border-radius: 50%;background-image: url(../images/left.png); top:0;}
.column3ScrollPage .arrow span.prev{ left: 0px;}
.column3ScrollPage .arrow span.next{ right: 0;transform: rotateZ(180deg);}
.column3ScrollPage .arrow span:hover{background-color: #237cb5;background-image: url(../images/hover.png)}
.column3ScrollPage .yema{font-size: 14px;color: #fff;}
.column3ScrollPage .yema span{ margin-right: 2px;font-size: 20px;}
.column3ScrollPage .yema em{ font-style: normal;margin-left: 2px;font-size: 16px;}
.shub{background: url(../images/shub.png)no-repeat center center;position: absolute;bottom: 30px;z-index: 10;width: 22px;height: 32px;left:50%;margin-left: -11px;    -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);
    }
}
/* ————— indexBanner end ————— */
/* ========== 内层框架 end ========== */
/* ========== 首页 start ========== */
/* ————— 公共部分 start ————— */
.indexTitle{width: 466px;height: 37px;padding-bottom: 30px;}
.indexTitle img{display: block;width: 100%;height: 100%;}
.ConL .title{line-height: 40px;height: 40px;padding-bottom: 46px;}
.ConL .title a{font-size: 36px;color: #fff;}
/* ————— 公共部分 end ————— */
/* ————— 第1通栏 start ————— */
/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
.section2 .bg{background-repeat: no-repeat;background-position: center center;width: 100%;height: 100%;}
.section2Con{overflow: hidden;}
.section2Con .ConL{overflow: hidden; padding-top: 10%;}
.section2Con .ConL .info{line-height: 70px;font-size: 40px;font-weight: bold;color: #ffffff;padding: 0px 145px 0px 0px;/*overflow: hidden;*/ margin-bottom: 80px; height: 150px;}
.section2Con .ConL .info img{ height: 140px;}
.section2Con .ConL .list{overflow: hidden;}
.section2Con .ConL .list dd {float: left;display:inline-block;border-right: 1px solid #5da3cd;height: 82px;margin-bottom: 90px;width: 225px;}
.section2Con .ConL .list dd.hover{border-right: none;}
.section2Con .ConL .list dd.hover2{width: 185px;}
.section2Con .ConL .list dd.hover2 .num{text-align: left;}
.section2Con .ConL .list dd.hover2 .title{text-align: left;}
.section2Con .ConL .list dd .num{line-height: 50px;height: 50px;padding-bottom: 10px;font-size: 44px;color: #ffffff;text-align: center;}
.section2Con .ConL .list dd .title{line-height:25px;height: 25px;padding-bottom: 0px;font-size: 16px;color: #ffffff;text-align: center;}
.section2Con .ConL .more{float: left; line-height: 43px;height: 43px;border:2px solid #ffffff;width: 130px;text-align: center;border-radius:25px;}
.section2Con .ConL .more a{font-size: 14px;color: #ffffff;}
.section2Con .ConL .more a:hover{font-weight: bold;}
.section2Con .ConL .more:hover{cursor: pointer;}
.section2Con .conR{float: right;display: inline;width: 56.5476%; padding-top: 3%;}
.section2Con .conR .pic{overflow: hidden;}
.section2Con .conR .pic:before{display: block;content: '';padding-top:57.8947%;}
.section2Con .conR .pic img{height: 100%;width: 100%;}
.videoPlayBg{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5) url(../images/videoPlay.png) no-repeat center center; left: 0; top:0; cursor: pointer;}
.section2Con .indexTitle{ display: none;}
.section2Con .ConL .list{ display: none;}
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */ 
.sectionBox{position: absolute;width: 100%;left: 0;bottom: 0;overflow: hidden;height: 100%;}
.indexTitle2{padding-top:105px;}
.indexTitle2 img{display:block;width:566px;height: 37px;padding-bottom: 30px;padding-left:120px;}
.indexTitle2 span{line-height: 40px;height: 40px;padding-bottom: 46px;font-size: 36px;color: #fff;}
.bTab{width: 100%;height: 100%;background: rgb(0,0,0,0.3);font-size: 0;position: relative;z-index: 2;background-position: center center;background-repeat: no-repeat;}
.bTab dd{width: 20%;height: 100%;border-right: 1px solid rgb(255,255,255,0.3);text-align: center;position: relative;}
.bTab dd:last-child{border-right: none;}
.bTab dd a{display: block;height: 100%;}
.bTab dd .text{position: absolute;left: 0;width: 100%;top: 57%;transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: all .4s linear;-webkit-transition: all .4s linear;}
.bTab dd .icn{width: 75px;height: 70px;margin: 0 auto;margin-bottom: 28px;}
.bTab dd .title{font-size: 24px;height: 30px;line-height: 30px;color: #fff;overflow: hidden;margin-bottom: 3px;}
.bTab dd .titlec{font-size: 18px;height: 25px;line-height: 25px;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:rgba(39,139,203,0.4);transition: all .4s linear;-webkit-transition: all .4s linear;}
.bTab dd:hover .info{padding-top: 70px;height: auto;}
.bTab dd:hover .info .textc{height: 18px;}
.bTab dd:hover .info:after{width: 330px;}
.bTab dd:hover .text{top: 45%;transition: all .4s linear;-webkit-transition: all .4s linear;}
.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);}
/* ————— 第3通栏 end ————— */
/* ————— 第4通栏 start ————— */
.columnScroll4{position: relative;}
.columnScroll4 .bd{ overflow: hidden;padding: 5px 0;}
.columnScroll4 .slick-list{ overflow: visible; margin-right: -60px; }
.columnScroll4 .myslide{ width:25%; float: left; display: inline;}
.columnScroll4 .con{ padding-right: 60px;}
.columnScroll4 .prev{ display:block; width: 40px; height: 40px; cursor: pointer; background:url(../images/left.png) no-repeat center center; position: absolute; left: 0; top: 53%; margin-top: 260px; z-index: 1; display: none;margin-left: 45%;border-radius: 50%;border: 1px solid #eaeaea;}
.columnScroll4 .next{ display:block; width: 40px; height: 40px; cursor: pointer; background:url(../images/left.png) no-repeat center center; position: absolute; right:0px; top: 53%; margin-top: 260px; z-index: 1; display: none;margin-right: 49%;border-radius: 50%;transform: rotateZ(180deg);border: 1px solid #eaeaea;}
.columnScroll4 .prev:hover { background-color: #237cb5;background-image: url(../images/hover.png)}
.columnScroll4 .next:hover{ background-color: #237cb5;background-image: url(../images/hover.png)}
.indexTitle4{margin: 50px 0px 60px 0px;}
.indexTitle4 img{display:block;width:354px;height: 37px;padding-bottom: 30px;}
.indexTitle4 span{line-height: 40px;height: 40px;padding-bottom: 46px;font-size: 36px;color: #333333;}
.section4List dd{overflow: hidden;}
.section4List dd .title{line-height: 25px;height: 25px;margin-bottom: 37px; overflow: hidden;}
.section4List dd .title a{font-size: 20px;color: #444444;}
.section4List dd .h{padding-bottom: 30px;}
.section4List dd .h::before{width: 40px;height: 2px;display: block;content: '';background-color: #2273a7;}
.section4List dd .time{color: #333333;font-size: 16px;line-height: 20px;height: 20px;padding-bottom: 30px;}
.section4List dd .info{color: #666666;font-size: 14px;line-height: 24px;height: 72px;margin-bottom:40px;overflow: hidden;}
.section4List dd .pic{position: relative;}
.section4List dd .pic::before{display: block;content: '';padding-top:60%;}
.section4List dd .pic img{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;}
.section4List dd:hover .title a{color: #237cb5;}
.more{float: right;display: inline;margin-right: 118px;border-radius: 25px;border: 1px solid #d0d0d0;width: 130px;height: 40px;text-align: center;line-height:45px;margin-top: 40px;}
.more a{color: #999999;font-size: 14px;}
.more:hover{background-color: #237cb5;}
.more:hover a{color: #fff;}
.hrefTop{background-repeat: no-repeat;background-position: center center;height: 40px;width: 40px;margin-left: 47%;margin-top: 100px;-webkit-animation: arrowDown 1s infinite linear;cursor:pointer;}
/* ————— 第4通栏 end ————— */
#fp-nav.right li{width: 4px;height: auto;margin: 0 0 10px 0;}
#fp-nav.right li a {background-color: #fff;height: 20px;transition: all 0.3s;-webkit-transition: all 0.3s;}
#fp-nav.right li a span{display: none;}
#fp-nav.right li a.active{height: 25px;background: #2272a6;}
/* ========== 首页 end ========== */
/* ========== lhl start ========== */
/* ========== 关于我们 start ========== */
/* ————— 公共 start ————— */
.subwrap{width: 1500px;margin: 0 auto;}
.subTitle{font-size: 24px;line-height: 24px;height: 24px;position: relative;color: #333;text-align: center;}
.subTitle::before{display: block;content: "";bottom: -20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 40px;height: 2px;background: #1b1d53;position: absolute;}

.subTitle2{overflow: hidden;text-align: center;position: relative;margin-bottom: 65px;padding-top: 66px;}
.subTitle2 .title{line-height: 62px;height: 62px;font-size: 25px;color: #333333;margin-bottom: 54px;}
.subTitle2 .title::before{width: 40px;height: 2px;display: block;content: '';background-color: #1b1d53;position: absolute;top: 128px;left: 49%;}
.subTitle2 .info{font-size: 16px;color: #666666;line-height:30px;}
.subBtn{display: block;width: 140px;height: 45px;line-height: 45px;border-radius: 30px;border: 1px solid #d8dfe9;padding-left: 25px;font-size: 16px;color: #666666;background: url(../images/more1.png) no-repeat center right 25px;}
.subBtn.cen{margin: 0 auto;}
.subBtn:hover{background-color:#237cb5;color: #fff;background-image: url(../images/more1H.png);}
/* ————— 公共 end ————— */
/* ————— 第1通栏 start ————— */
.aboutUs1{padding-bottom: 215px;background: url(../test/lhl/aboutUs1bg.jpg) no-repeat center /cover;}
.aboutUs1 .pic{overflow: hidden;width: 46.6666%;margin-right: 100px;}
.aboutUs1 .pic::before{padding-top: 57.1428%;}
.aboutUs1 .text{overflow: hidden;}
.aboutUs1 .text .info{font-size: 16px;line-height: 28px;color: #333;margin-bottom: 70px;}
/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
.aboutUs2{padding-bottom: 95px;background: url(../test/lhl/aboutUs2bg.jpg) no-repeat center /cover;}
.aboutUs2L{width: 46.6666%;margin-right: 100px;}
.aboutUs2L .pic{overflow: hidden;margin-bottom: 15px;}
.aboutUs2L .pic::before{padding-top: 61.4285%;}
.aboutUs2L .title{font-size: 16px;color: #333333;line-height: 16px;height: 16px;overflow: hidden;text-align: center;}
.aboutUs2 .text{overflow: hidden;font-size: 16px;line-height: 27px;color: #333;}
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
.subinfo{font-size: 16px;line-height: 16px;height: 16px;color: #666666;overflow: hidden;text-align: center;}
.aboutUs3{padding-bottom: 80px;background: url(../test/lhl/aboutUs3bg.jpg) no-repeat center /cover;}
.aboutUsCol2Slick{position: relative;width: 88%;margin: 0 auto;box-sizing: border-box;-webkit-box-sizing: border-box;}
.aboutUsCol2Slick::before{display: block;content: "";width: 1920px;height: 2px;background: #e9e9e9;position: absolute;top: 42px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%)}
.aboutUsCol2Slick .bd{overflow: hidden;margin-right: -65px;}
.aboutUsCol2Slick .slick-list {overflow: visible;}
.aboutUsCol2Slick .myslide .con{position: relative;margin-right: 65px;}
.aboutUsCol2Slick .myslide .con em{display: block;height: 30px;background: url(../test/lhl/coursebtn.png) no-repeat center left 30px;margin-bottom: 44px;}
.aboutUsCol2Slick .myslide .con .time{height: 30px;line-height: 30px;font-size: 36px;color: #237cb5;margin-bottom: 20px;font-weight: bold;}
.aboutUsCol2Slick .myslide .con .info{line-height: 26px;height: 235px;font-size: 16px;color: #666666;}
.aboutUsCol2Slick .prev {display: block;width: 54px;height: 54px;border-radius: 50%; cursor: pointer;background: url(../test/lhl/next.png) no-repeat center center;position: absolute;top: 17px;left: -80px; z-index: 1;transition: all 200ms linear;-webkit-transition: all 200ms linear;}
.aboutUsCol2Slick .next {display: block;width: 54px;height: 54px; border-radius: 50%;cursor: pointer;background: url(../test/lhl/next.png) no-repeat center center;position: absolute;top: 17px;right: -80px; z-index: 1;transition: all 200ms linear;-webkit-transition: all 200ms linear;transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg)}
.aboutUsCol2Slick .prev:hover{top: 15px;}
.aboutUsCol2Slick .next:hover{top: 15px;}
/* ————— 第3通栏 end ————— */
/* ————— 第4通栏 start ————— */
.aboutUs4{padding-bottom: 40px;background: url(../test/lhl/aboutUs4bg.jpg) no-repeat center /cover;}
.aboutUs4Swiper{position: relative;width: 1050px;margin: 0 auto}
.aboutUs4Swiper .swiper-wrapper{overflow: hidden;position: relative;height: 445px;}
.aboutUs4Swiper .swiper-wrapper li {cursor: pointer;position: absolute;opacity: 1 !important;}
.aboutUs4Swiper .swiper-wrapper li .pic{opacity: 1 !important;}
.aboutUs4Swiper .swiper-wrapper li .pic::before{padding-top: 66.6666%;}
.aboutUs4Swiper .prev {width: 25px;height: 40px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);cursor: pointer;background: url(../test/lhl/col4btn.png) no-repeat center;}
.aboutUs4Swiper .next {width: 25px;height: 40px;position: absolute;right: 0;top: 50%;transform: translateY(-50%)rotateZ(180deg);-webkit-transform: translateY(-50%)rotateZ(180deg);cursor: pointer;background: url(../test/lhl/col4btn.png) no-repeat center;}
.aboutUs4Swiper .swiper-wrapper li .yy{height: 61px;background: url(../test/lhl/yy.png) no-repeat center /100%;}
/* ————— 第4通栏 end ————— */
/* ========== 关于我们 end ========== */
/* ========== lhl end ========== */