@charset "UTF-8";
/* ========== 首页 start ========== */
/*引导页 start*/
.indexSteerC{position: relative;height: 100vh;}
.indexSteerC .bg{background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indexSteerBox{text-align: center;position: relative;z-index: 1;height: 100%;width:52.3438%;margin:0 auto;}
.indexSteerBox .logo{margin-bottom: 115px;}
.indexSteerBox .logo img{height: 181px;}
.indexSteerDlC{border-radius:95px;padding:17px 25px;background-color:#0c6fae;border: 1px solid rgba(255,255,255,.1);margin-bottom: 50px;}
.indexSteerDl dd{float: left;display: inline;width: 20%;height: 60px;line-height: 60px;text-align: center;transition: all .5s linear;-webkit-transition: all .5s linear;}
.indexSteerDl dd em{display: inline-block;vertical-align: middle;background-position: left center;background-repeat: no-repeat;background-size:contain;width: 30px;height: 30px;margin-right: 13px;}
.indexSteerDl dd .em2{display: none;}
.indexSteerDl dd span{display: inline-block;vertical-align: middle;font-size: 18px;color: #fff;font-weight: bold;}
.indexSteerDl dd:hover,.indexSteerDl dd.hover{background:#fff url(../images/logo/indexSteerddBg.png) no-repeat center center / 80px 45px;border-radius: 60px;}
.indexSteerDl dd:hover .em1 ,.indexSteerDl dd.hover .em1{display: none;}
.indexSteerDl dd:hover .em2 ,.indexSteerDl dd.hover .em2{display: inline-block;}
.indexSteerDl dd:hover span ,.indexSteerDl dd.hover span{color: #0c6fae;}
.indexSteerSlick{overflow: hidden;background-color:#065b91;padding:0 45px 23px;border-radius: 10px;position: relative;margin-bottom: 15%;}
.indexSteerSlick .bd{height: 100%;margin-right: -10px;}
.indexSteerSlick .myslide{display: inline-block;height: 100%;}
.indexSteerSlick .myslide a{display: block;padding:0 25px;height: 35px;line-height: 35px;background-color:#1e6b9c;border-radius: 35px;font-size: 16px;color: #5db7f0;margin-right: 10px;transition: all .5s linear;-webkit-transition: all .5s linear;}
.indexSteerSlick .title{font-size:18px ;color: #f1f7ff;height:40px;line-height:40px;display: inline-block;padding:0 80px;background:url(../images/indexSteerSlickTitleIcn.png) no-repeat center center / cover;margin-bottom: 22px;}
.indexSteerSlick .myslide:hover a{background-color:#fff;color: #0f79af;}
.indexSlickBtn .prev{width: 25px;height: 35px;background:#1e6b9c url(../images/prev.png) no-repeat center center / 7px 12px;cursor: pointer;position: absolute;left: 0;top: 50%;z-index: 2;border-radius: 0 6px 6px 0;transition: all .5s linear;-webkit-transition: all .5s linear;}
.indexSlickBtn .next{width: 25px;height: 35px;background:#1e6b9c url(../images/next.png) no-repeat center center / 7px 12px;cursor: pointer;position: absolute;right: 0;top: 50%;z-index: 2;border-radius:6px 0 0 6px;transition: all .5s linear;-webkit-transition: all .5s linear;}
.indexSlickBtn .prev:hover{background-color:#fff;background-image: url(../images/prev-h.png);}
.indexSlickBtn .next:hover{background-color:#fff;background-image: url(../images/next-h.png);}
.copyright,.copyright a{display: inline-block;font-size:14px ;color: #7ecbf2;line-height:45px;text-align: center;transition: all .5s linear;-webkit-transition: all .5s linear;}
.copyright a:hover{color: #fff;}
/*引导页 end*/
/* 顶部 start */
.topBox{height: 100px;}
.top{height:100px;line-height:100px;min-width: 1280px; border-bottom: 1px solid rgba(255,255,255,.85) ;background-image: linear-gradient(to bottom,rgba(0,0,0,.65),transparent);position: fixed !important;left: 0;top: 0;width: 100%;transition: all .5s linear;-webkit-transition: all .5s linear;}
/* logo start */
.logo{padding: 18px 0 0 60px ;position: relative;}
.logo img{height: 65px;}
.logo .img2{display: none;}
.top.active{background-color: #0f79af;background-image: none;box-shadow: -6px 8px 10px rgba(0,0,0,.1);}
/* .top.active .topSearch{background-image: url(../images/indexTopIcn4.png);} */
.top.active .menuDl dd .yj a{color: #fff;}
.top.active .menuDl dd .ej{box-shadow: -6px 8px 10px rgba(0,0,0,.1);}
.top.active .indexTopNav a{border: 1px solid #fff;}
/* .top.active .indexTopNav em{background-image: url(../images/indexTopIcn3.png);} */
.top.active .indexTopNav span{color: #fff;}
/* .top.active .indexTopNav:hover em{background-image: url(../images/indexTopIcn2.png);} */
.top.active .indexTopNav:hover span{color: #fff;}
.top.active .indexTopNav{border-color:#f0f0f0;}
/* .top.active .logo .img1{display: none;}
.top.active .logo .img2{display: block;} */
/* .top.active .menuIcon div{background:url(../images/indexTopIcn5.png) no-repeat center center / 70px 52px !important;} */
.top.active .menuDl dd.hover .yj a{color: #fff;}
/* logo end */
/* 导航列表start */
.menuDl{display: flex;}
.menuDl dd{float: left;display: inline;position: relative;padding:0 27px;}
.menuDl dd .yj{position: relative;z-index: 9;}
.menuDl dd .yj a{display: block;line-height: 100px;text-align: center;color: #fff;font-size: 18px;font-weight:bold;transition: all 0.3s;-webkit-transition: all 0.3s;}
.menuDl dd .yj a:hover{color: #0f79af;}
.menuDl dd .ej{position: absolute;top: 100%;left:50%;width: 120%;background: rgba(255,255,255,.8);display: none;z-index: 3;box-shadow: 1px 10px 10px rgba(0,0,0,.1);transform: translateX(-50%);-webkit-transform: translateX(-50%);overflow: hidden;}
.menuDl dd .ej li{font-size: 15px;text-align: center; position: relative;}
.menuDl dd .ej li span a{padding: 12px 0;line-height: 25px;display: block;color: #0f79af;}
.menuDl dd .ej li:hover span a{background-color:#0f79af;color: #fff;}
.menuDl dd .ej li.hover span a{background-color:#0f79af;color: #fff;}
.menuDl dd .sj{ position: absolute; top: 0; width: 100%; background: #fff; visibility: hidden; opacity: 0; transform: translateY(10px);-webkit-transform: translateY(10px);transition: all 300ms;-webkit-transition: all 300ms;}
.menuDl dd .sj.left{left: 100%; right: unset;}
.menuDl dd .sj.right{right: 100%; left:unset;}
.menuDl dd .sj a{ display: block; padding:12px 0; line-height: 25px; color: #fff;}
.menuDl dd .sj a:hover{color: #ea5515;}
.menuDl dd .sj a.hover{color: #ea5515;}
.menuDl dd .ej li:hover .sj{ visibility: visible; opacity: 1; transform: translateY(0px);-webkit-transform: translateY(0px);}
/* 导航列表end */
/* 搜索 start */
.topSearch{background: url(../images/common/searchBai.svg) no-repeat center center / 18px 18px;width:100px;height: 100px;cursor: pointer;}
.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;border-radius: 5px;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: none;border: none;line-height: 60px;color: #333;font-size: 16px;padding-left: 10px;background: #fff;}
.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: #0e77b0 url(../images/common/searchBai.svg) 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*/
.indexTopNav{padding: 0 60px;border-left: 1px solid rgba(255,255,255,.5);}
.indexTopNav a{display: inline-block;border: 1px solid #fff;border-radius: 30px;padding:0 20px;height: 45px;line-height: 45px;transition: all .5s linear;-webkit-transition: all .5s linear;}
.indexTopNav a em{background: url(../images/indexTopIcn2.png) no-repeat left center / contain;display: inline-block;vertical-align: middle;margin-right:10px;width: 20px;height: 20px;}
.indexTopNav a span{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;height: 45px;line-height: 45px;}
.indexTopNav a:hover{background-color:#0f79af;border-color: #0f79af;}
/*顶部导航 end*/
/*内页顶部 start*/
.subTop{background:url(../images/subTopBg.jpg) no-repeat center center / cover;}
.subTop .topC {border-bottom: 1px solid rgba(255,255,255,.1);padding:27px 0;}
.subTop .topC .logo{padding: 0;}
.subTop .topC .logo img{height: 65px;}
.subTop .menuDl{height: 60px;line-height: 60px;justify-content: space-between;}
.subTop .menuDl dd{padding:0 40px;transition: all .5s linear;-webkit-transition: all .5s linear;}
.subTop .menuDl dd .yj a{line-height: 60px;}
.subTop .menuDl dd .yj::before{display: block;content:'';width: 60px;height: 3px;background-color:#fff;border-radius: 10px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%) scale(0);-webkit-transform: translateX(-50%) scale(0);transition: all .5s linear;-webkit-transition: all .5s linear;}
.subTop .menuDl dd.hover{background-color: rgba(255,255,255,.1);}
.subTop .menuDl dd.hover .yj::before{transform: translateX(-50%) scale(1);-webkit-transform: translateX(-50%) scale(1);}
.subTop .menuIcon{display: none;}
.subTop .topSearch{width: 260px;height: 38px;line-height: 38px;background-color: rgba(255,255,255,.1);background-image: none;overflow: hidden;border-radius: 30px;padding:0 27px;box-sizing: border-box;}
.subTop .topSearch em{background: url(../images/common/searchBai.svg) no-repeat center center / contain;width: 18px;height: 18px;display: inline-block;vertical-align: middle;}
.subTop .topSearch input{display: inline-block;vertical-align: middle;height: 100%;background-color: transparent;border: none;width: 89%;color: #fff;}
/*内页顶部 end*/
/* 顶部 end */
/* indexBanner start */
.indexBanner{position: relative;overflow: hidden;z-index: 1;}
.indexBanner .bd{position: relative;height: 100%;}
.indexBanner .bd .slick-list,
.indexBanner .bd .slick-track{
	height: 100%;
}
.indexBanner .bd .myslide{background-repeat: no-repeat;background-size: cover;}
.indexBanner .pic {position: relative;height: 100%;}
.indexBanner .pic::before {display: none;}
.indexBanner .pic img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;object-position: center center;-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.2);transform: scale(1.2);}
.indexBanner .slick-active .pic img {-webkit-transform: scale(1);transform: scale(1);}
.indexDot{position: absolute;left: 0;bottom: 40px;width: 100%;text-align: center;height: 20px;}
.indexDot li{display: inline-block;margin-right: 40px;position: relative;cursor: pointer;}
.indexDot li .slick-dotItem{position: relative;width: 8px;height: 8px;border-radius: 100%;background-color: rgba(255,255,255,.8);}
.indexDot li .slick-dotItem svg{position: absolute;left: 50%;top: 50%;margin-left: -11px;margin-top: -11px;display: none;}
.indexDot li.slick-active .slick-dotItem svg{display: block; }
.indexDot li.slick-active .slick-dotItem svg
.svgAnimation{animation: jdt4 3s linear forwards;}
.svgAnimation2{animation: jdt4 4.5s linear forwards;}
@keyframes jdt4{
    0%{ stroke-dasharray:0 65; stroke-dashoffset: 0;}
    100%{ stroke-dasharray:65 0; stroke-dashoffset: 0;}
}
/* indexBanner end */
/* 底部 start */
.footer{background-color:#0f79af;}
.footerTop{border-bottom: 1px solid rgba(255,255,255,.2);}
.footerList dd{float: left;display: inline;width: 20%;border-right: 1px solid rgba(255,255,255,.2);box-sizing: border-box;}
.footerList dd:nth-child(1){border-left: 1px solid rgba(255,255,255,.2);}
.footerList dd a{display: block;padding:38px 0 20px;position: relative;}
.footerList dd a::before{display: block;content:'';width: 100%;height: 100%;background-color: rgba(255,255,255,.2);position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;transition: all .5s linear;-webkit-transition: all .5s linear;}
.footerList dd em{display: block;margin: 0 auto;width: 40px;height: 35px;background-position: center center;background-repeat: no-repeat;background-size: contain;}
.footerList dd .text{font-size: 18px;color: #ffffff;height:47px;line-height:47px;text-align: center;}
.footerList dd:hover a::before{opacity: 1;visibility: visible;}
.footerCon{padding:38px 0 65px;}
.footerCon span{display: block;font-size:18px ;color: #ffffff;height:45px;line-height:45px;font-weight: bold;margin-bottom: 30px;}
.footerCon .logo{overflow: hidden;text-align: center;padding: 0 220px 0 0;}
.footerCon .logo img{height:127px;}
.footerL .item{height: 32px;line-height: 32px;font-size: 16px;}
.footerL .item .lable{color: #7fccf3;display: inline-block;vertical-align: middle;}
.footerL .item .value{color: #fff;display: inline-block;vertical-align: middle;}
.footerRList {margin-right: -15px;}
.footerRList dd {float: left;display: inline;cursor: pointer;}
.footerRList dd .con{margin-right:15px;position: relative;}
.footerRList dd em{display: block;width: 50px;height: 50px;background-color: rgba(255,255,255,.1);border-radius: 100%;background-position:center center ;background-repeat: no-repeat;background-size: 20px 15px;} 
.footerRList dd .ddCon{padding:8px;background-color:#fff;border-radius:5px;position: absolute;left: 50%;top: -135px;transform: translateX(-50%) scale(0);-webkit-transform: translateX(-50%) scale(0);transition: all .5s linear;-webkit-transition: all .5s linear;}
.footerRList dd .ddCon::before{display: block;content:'';border: 10px solid transparent;border-top-color:#fff;position: absolute;left: 50%;bottom: -20px;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.footerRList dd .ddCon .pic{width: 105px;}
.footerRList dd .ddCon .pic::before{padding-top: 100%;}
.footerRList dd:hover .ddCon{transform: translateX(-50%) scale(1);-webkit-transform: translateX(-50%) scale(1);}
/* 底部 end */
/* 底部版权 start */
.copyright{height:75px;line-height:75px;background-color:#0b74a8;font-size: 14px;color: #7ecbf2;overflow: hidden;width: 100%;}
.copyright .conL{overflow: hidden;text-align: left;}
.copyright img{padding: 2px 5px;display: inline-block;top: 6px;position: relative;}
.copyright a{display: inline-block;color: #7ecbf2;}
.copyright a:hover{color: #fff;}
/* 底部版权 end */
/* 内容区 satrt */
/* 公共部分 start */
.indexTitle {margin-bottom: 30px;}
.indexTitle .title{overflow: hidden;}
.indexTitle .title .cnTitle{font-size:35px ;color: #333333;height:48px;line-height:48px;font-family: 'syst';}
.indexTitle .title .enTitle{font-size:16px ;color: #999999;height:30px;line-height:30px;position: relative;padding-left: 37px;}
.indexTitle .title .enTitle::before{display: block;content:'';width: 25px;height: 5px;background-color:#0f79af;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.indexTitle .more a{display: block;font-size:14px ;color: #999;height:78px;line-height:78px;transition: all .5s linear;-webkit-transition: all .5s linear;}
.indexTitle .more i{display: inline-block;vertical-align: middle;margin-left: 20px;background: url(../images/moreIcn1.png) no-repeat center center / 7px 12px;transition: all .5s linear;-webkit-transition: all .5s linear;}
.indexTitle .more i::before{display: block;content:'';width: 40px;height: 40px;border: 1px dashed #999;border-radius: 100%;animation:rotateAni 8s linear infinite;transition: all .5s linear;-webkit-transition: all .5s linear;}
.indexTitle .more a:hover{color: #0f79af;}
.indexTitle .more a:hover i{background-image: url(../images/moreIcn2.png);}
.indexTitle .more a:hover i::before{border-color: #0f79af;}
@keyframes rotateAni{
    0%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(180deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
/* 公共部分 end */
/* ————— 第1通栏 start ————— */
.column1 {padding-top:67px;position: relative;overflow: hidden;}
.column1 .bg{background: url(../images/column1Bg.png) no-repeat center top / contain;width: 670px;height: 670px;position: absolute;left: 50%;top: -50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 0;}
.column1 .column1L{width:22.9452%;margin-right: 40px;}
.column1Text .pic::before{padding-top:66.2687%;}

.column1LDl{padding-top: 12px;}
.column1LDl dd{border-bottom:1px solid #e5e5e5;padding:20px 0;}
.column1LDl dd:last-child{border-bottom:none;}
.column1LDl dd .con{font-size:18px;color:#333333;height: 56px;line-height: 28px;}
.column1LDl dd:hover .con{color: #0f79af;}

.column1Scroll{position: relative;overflow: hidden; border:1px solid #ebebeb;padding-bottom:75px;}
.column1Scroll .bd{width: 100%;height: 100%;}
.column1Scroll .bd .slick-list,.column1Scroll .bd .slick-track{height: 100%;width: 100%;}
.column1Scroll .bd .myslide{width: 100%;}
.column1Scroll .bd .myslide .html{display: none;}
.column1Scroll .bd .myslide .pic::before{padding-top:66.6667%;}
.column1Scroll .text{padding:0 30px;text-align: center;}
.column1Scroll .text .htmlTitle {font-size: 18px;color:#333333;font-weight: bold;height: 40px;line-height: 40px;margin-bottom: 20px;padding-top: 30px;}
.column1Scroll .text .textC{font-size: 14px;color:#999999;height:84px;line-height:28px;margin-bottom: 55px;}
.column1Scroll ul{position: absolute;left: 50%;bottom:75px;overflow: hidden;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.column1Scroll ul li{width: 10px;height: 10px;background-color: #ddd;border-radius: 100%;float: left;display: inline;margin-right: 10px;}
.column1Scroll ul li.slick-active{background-color: #0f79af;width: 20px;border-radius: 20px;}

.column1Scroll .prev{background:url(../images/prevJt.png) no-repeat center center;width: 40px;height: 10px;position: absolute;left: 5.5522%;bottom:75px;cursor: pointer;}
.column1Scroll .next{background:url(../images/nextJt.png) no-repeat center center;width: 40px;height: 10px;position: absolute;right: 5.5522%;bottom:75px;cursor: pointer;}
.column1Scroll .prev:hover{background:url(../images/prevJt-h.png) no-repeat center center;}
.column1Scroll .next:hover{background:url(../images/nextJt-h.png) no-repeat center center;}

.column1R {width:22.9452%;margin-left: 40px;}
.column1Scroll .text:hover .htmlTitle {color:#0f79af;}
/* ————— 第1通栏 end ————— */
/* —————  第2通栏 start  ————— */
.column2{position: relative;overflow: hidden;}
.column2L{padding:83px 0 100px 12.4%;background-position: center center;background-repeat: no-repeat;background-size: cover;width:56.25%;box-sizing: border-box;}
.column2L .indexTitle{margin-right: 50px;}
.column2L .indexTitle .title .cnTitle{color: #fff;}
.column2L .indexTitle .title .enTitle{color: rgba(255,255,255,.3);}
.column2L .indexTitle .title .enTitle::before{background-color:#fe9705;}
.column2L .indexTitle .more a{color:#fff;}
.column2L .indexTitle .more i,.column2L .indexTitle .more:hover i{background-image: url(../images/next.png);}
.column2L .indexTitle .more i::before,.column2L .indexTitle .more:hover i::before{border-color:#fff;}
.column2LSlick{overflow: hidden;position: relative;width:345px;margin-right: 20px;}
.column2LSlick .bd{height: 100%;background:#fff;padding:30px 30px 73px;margin-bottom: 28px;}
.column2LSlick .bd .myslide{height: 100%;}
.column2LSlick .bd .myslide a{display: block; height: 100%;}
.column2LSlick .myslide .timeC{overflow: hidden;height: 45px;line-height: 45px;margin-bottom: 35px;} 
.column2LSlick .myslide .timeC em{background: url(../images/column2LIcn1.png) no-repeat center center / contain;width: 45px;height: 45px;display: block;overflow: hidden;}
.column2LSlick .myslide .time{font-size: 14px;color: #999999;}
.column2LSlick .myslide .title{font-size: 18px;color: #333;height:64px;line-height:32px;padding-bottom: 32px;margin-bottom: 35px;border-bottom: 1px solid #e5e5e5;}
.column2LSlick .myslide .text{font-size: 14px;color: #999;height:150px;line-height:25px;margin-bottom: 53px;}
.column2LSlick .myslide .more{background: url(../images/nextJt-h.png) no-repeat left center / contain;width: 40px;height: 10px;}
.column2LBox{position: relative;height: 40px;}
.column2LDot{position: absolute;left: 50%;top: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.column2LDot li{float: left;display: inline;width: 45px;height: 2px;background-color: rgba(255,255,255,.3);margin-right: 3px;}
.column2LDot li.slick-active{background-color: rgba(255,255,255,1);}
.column2LBtn .prev{width: 40px;height: 40px;border: 1px solid #fff;cursor: pointer;background: url(../images/prev.png) no-repeat center center / 10px 15px;position: absolute;left: 0;top: 0;box-sizing: border-box;border-radius: 100%;}
.column2LBtn .next{width: 40px;height: 40px;border: 1px solid #fff;cursor: pointer;background: url(../images/next.png) no-repeat center center / 10px 15px;position: absolute;right: 0;top: 0;box-sizing: border-box;border-radius: 100%;}
.column2LDl{overflow: hidden;}
.column2LDl dd{padding:23px 50px 0 30px;transition: all .5s linear;-webkit-transition: all .5s linear;}
.column2LDl dd a{display: block; overflow: hidden;}
.column2LDl dd .time{font-size:16px ;color: #fff;height:42px;line-height:42px;margin-right: 20px;}
.column2LDl dd .textC{overflow: hidden;position: relative;transition: all .5s linear;-webkit-transition: all .5s linear;padding-left: 20px;}
.column2LDl dd .textC::before{display: block;content: '';background-color: rgba(255,255,255,.2);position: absolute;left: 0;top: 5%;width: 1px;height: 75%;transition: all .5s linear;-webkit-transition: all .5s linear;}
.column2LDl dd .textC .title{font-size:18px;color: #fff;height:64px;line-height:32px;transition: all .5s linear;-webkit-transition: all .5s linear;margin-bottom: 10px;}
.column2LDl dd .textC .text{font-size:14px;color: #999;line-height:25px;height: 0;transition: all .5s linear;-webkit-transition: all .5s linear;}
.column2LDl dd:hover{background-color:#fff;padding:23px 50px 23px 30px;}
.column2LDl dd:hover .time{color: #0f79af;}
.column2LDl dd:hover .textC::before{background-color:#e5e5e5;}
.column2LDl dd:hover .title{color: #0f79af;}
.column2LDl dd:hover .text{height: 50px;}
.column2R{padding-right:12.4%;position: absolute;left:56.25%;right: 0;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;padding:83px 12.5% 0 50px;box-sizing: border-box;}
.column2RCon{padding:20px;border-top: 5px solid #0e77b0;background-color:#fff;}
.column2RCon .btn{padding: 0 15px;height:25px;line-height:25px;background-color:#fe9705;font-size: 14px;color: #ffffff;border-radius: 0 10px 0 10px;display: inline-block;}
.column2RCon .btn:nth-child(1){position: relative;top: -35px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.column2RTop{padding-bottom: 20px;border-bottom: 1px solid #ededed;}
.column2RTop .pic{width:195px;margin-right: 20px;}
.column2RTop .pic::before{padding-top:66.6667%;}
.column2RTop .textC{overflow: hidden;padding-top: 35px;}
.column2RTop .text{font-size: 18px;color: #333333;height:56px;line-height:28px;margin-bottom: 10px;}
.column2RTop .time{font-size:14px ;color: #999;height:30px;line-height:30px;}
.column2RList dd{padding:20px 0 10px;border-bottom: 1px solid #ededed;}
.column2RList dd:last-child{border-bottom: none;}
.column2RList dd .timeC{overflow: hidden;height: 25px;line-height: 25px;}
.column2RList dd .time{font-size:14px ;color: #999999;}
.column2RList dd .text{font-size: 18px;color: #333333;height: 47px;overflow: hidden; line-height: 47px;}
/* —————  第2通栏 end  ————— */
/* —————  第3通栏 start  ————— */
.column3{padding:73px 0 112px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.column3Con{position: relative;overflow: hidden; padding-top: 30px;}
.column3L{width: 40.411%;background:#fff ;}
.column3L dd{padding: 22px 85px 22px 17px;transition: all .5s linear;-webkit-transition: all .5s linear;position: relative;}
.column3L dd::before{display: block;content:'';background:url(../images/column3ListDDIcn.png) no-repeat right top / 100% 100%;width: 50px;height: 111px;position: absolute;right: -31px;top: 0;opacity: 0;visibility: hidden;transition: all .5s linear;-webkit-transition: all .5s linear;}
/* .column3L dd::after{display: block;content:'';background: url(../images/column3LddBg.png) no-repeat right center / contain;width: 30%;height: 100%;position: absolute;right: 0;top: 0;opacity: 0;visibility: hidden;transition: all .5s linear;-webkit-transition: all .5s linear;} */
.column3L dd .text{font-size:18px ;color: #181818;height:37px;line-height:37px;font-weight: bold;position: relative;padding-left: 23px;}
.column3L dd .text::before{display: block;content:'';width: 8px;height: 8px;position: absolute;left: 0;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-color: #d9d9d9;}
.column3L dd .time{font-size: 14px;color: #999999;height:30px;line-height:30px;padding-left: 23px;}
.column3L dd:hover{box-shadow: 1px 5px 10px rgba(0,0,0,.1);background-color:#fff;position: relative;z-index: 5;}
.column3L dd.hover{box-shadow: 1px 5px 10px rgba(0,0,0,.1);background-color:#fff;position: relative;z-index: 5;}
.column3R{position: absolute;left: 38.3562%;right: 0;height: 100%;}
.column3L dd:hover::before{opacity: 1;visibility: visible;}
.column3L dd:hover::after{opacity: 1;visibility: visible;}
.column3L dd:hover .text{color: #0e77b0;}
.column3L dd:hover .text::before{background-color:#0e77b0;}
.column3L dd.hover::before{opacity: 1;visibility: visible;}
.column3L dd.hover::after{opacity: 1;visibility: visible;}
.column3L dd.hover .text{color: #0e77b0;}
.column3L dd.hover .text::before{background-color:#0e77b0;}
.column3R .mask{background-color:#dbf1fc;width: 100%;height: 100%;position: absolute;right: 0;top: -30px;}
.column3R .pic{left: -30px;}
.column3R .pic::before{padding-top:66.6667%;}
/* —————  第3通栏 end  ————— */
/* —————  第4通栏 start  ————— */
.column4{padding:110px 0 0;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.column4Box .pic{width:547px;margin-right: 100px;}
.column4Box .pic::before{padding-top:115.4545%;}
.column4Box .rightC{overflow: hidden;}
.column4Box .rightC .name{height:70px;line-height:70px;margin-bottom: 18px;}
.column4Box .rightC .name span{display: inline-block;vertical-align: middle;font-size:30px ;color: #181818;margin-right: 35px;}
.column4Box .rightC .name .tips{display: inline-block;vertical-align: middle; font-size:18px ;color: #fff;padding:0 25px;height: 35px;line-height: 35px;background-color: #0e77b0;border-radius: 30px;}
.column4Box .rightC .text{margin-right: 135px;font-size:16px ;color: #666666;height:128px;line-height:32px;margin-bottom: 40px;}
.column4Box .textC .more{width: 80px;height:80px;border: 1px dashed #999;font-size: 14px;color: #999;text-align: center;line-height: 80px;border-radius: 100%;}
.column4Swiper .bdCon{margin-left: 320px;padding:40px 100px; background:url(../images/column4SwiperBg.jpg);position: relative;top: -108px;z-index: 1;}
.column4Swiper .bd{overflow: hidden;}
.column4Swiper .bd .swiper-slide-active{border: 3px solid #d1b707;box-sizing: border-box;}
.column4Swiper .bd .pic::before{padding-top: 115%;}
.column4Swiper .bd .html{display: none;}
.column4Prev{background: url(../images/prevH.png) no-repeat center center / contain;width: 15px;height: 53px;position: absolute;left: 45px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);cursor: pointer;z-index: 1;}
.column4Next{background: url(../images/nextH.png) no-repeat center center / contain;width: 15px;height: 53px;position: absolute;right: 45px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);cursor: pointer;z-index: 1;}
/* —————  第4通栏 end  ————— */
/* —————  第5通栏 start  ————— */
.column5List{overflow: hidden;}
.column5List dt,.column5List dd{float: left;display: inline;}
.column5List dt{width:40.2083%;height: 360px;background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;}
.column5List dt .indexTitle{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;}
.column5List dt .indexTitle .cnTitle{color: #fff;}
.column5List dt .indexTitle .enTitle{color: rgba(255,255,255,.3);}
.column5List dt .indexTitle .enTitle::before{background-color:#fe9705;}
.column5List dd{background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;}
.column5List .dd1{width:59.7917%;height: 360px;}
.column5List .dd2,
.column5List .dd3{width:50%;height: 460px;}
.column5List dd a{display: block;width: 100%;height: 100%;}
.column5List dd img{width: 189px;height: 207px;position: absolute;left: 0;bottom: 0;z-index: 1;}

/* —————  第5通栏 end  ————— */
/* —————  第6通栏 start  ————— */
.column6{padding:95px 0 88px;}
.coluumn6List{margin-right: -40px;}
.coluumn6List dd{float: left;display: inline;width: 33.3333%;}
.coluumn6List dd .con{margin-right:40px;}
.coluumn6List dd .videoC{position: relative;}
.coluumn6List dd .videoC::before{display: block;content:'';padding-top:66.6667%;}
.coluumn6List dd .videoC video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.coluumn6List dd .text{font-size: 18px;color: #333333;line-height:35px;background:url(../images/column6TextBg.jpg) no-repeat center center / cover;padding:23px 30px;width: 100%;box-sizing: border-box;height: 120px;border-bottom: 4px solid #0972a8;}
/* —————  第6通栏 end  ————— */
/* —————  第7通栏 start  ————— */
.column7{padding:75px 0 33px;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.column7List {padding:0 95px;}
.column7List dd{float: left;display: inline;width: 25%;text-align: center;}
.column7List dd .emC{position: relative;top: 0;transition: all .5s linear;-webkit-transition: all .5s linear;}
.column7List dd .emC::before{display: block;content:'';width: 130px;height: 130px;margin: 0 auto;animation: rotateAni 8s linear infinite;}
.column7List .dd1 .emC::before{background: url(../images/column7IcnBg1.png) no-repeat center center / contain;}
.column7List .dd2 .emC::before{background: url(../images/column7IcnBg2.png) no-repeat center center / contain;animation-delay: .2s;}
.column7List .dd3 .emC::before{background: url(../images/column7IcnBg3.png) no-repeat center center / contain;animation-delay: .4s;}
.column7List .dd4 .emC::before{background: url(../images/column7IcnBg4.png) no-repeat center center / contain;animation-delay: .6s;}
.column7List dd em{display: block;width: 45px;height: 45px;background-position: center center;background-repeat: no-repeat;background-size: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.column7List dd .text{font-size: 22px;height:63px;line-height:63px;font-weight: bold;}
.column7List .dd1 .text{color: #5b9fb4;}
.column7List .dd2 .text{color: #6083ba;}
.column7List .dd3 .text{color: #c0987e;}
.column7List .dd4 .text{color: #c0736f;}
.column7List dd:hover .emC{top: -10px;}
/* —————  第7通栏 end  ————— */
/* 内容区 end */
/* ========== 首页 end ========== */
/* ========== 频道页 start ========== */

/* ========== 频道页 end ========== */
/* 联系我们 start */
.contactUsCon {
    padding: 50px 60px 83px ;
}

.contactUs .title {
    font-size: 30px;
    color: #333333;
    height: 85px;
    line-height: 85px;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
}

.contactUsList {
    margin-bottom: 18px;
    overflow: hidden;
}

.contactUsList dd {
    float: left;
    display: inline;
    width: 25%;
    text-align: center;
    padding: 0 30px;
    box-sizing: border-box;
    position: relative;
}

.contactUsList dd::before {
    display: block;
    content: '';
    width: 1px;
    height: 80px;
    background-color: #f5f5f5;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.contactUsList dd:last-child::before {
    display: none;
}

.contactUsList dd em {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 70px;
    height: 70px;
	border-radius: 70px;
	background-color: #f5f5f5;
}

.contactUsList dd span {
    font-size: 22px ;
    color: #333333;
    height: 42px;
    line-height: 42px;
    padding: 10px 0 10px;
	display: block;
}

.contactUsList dd .value {
    font-size: 14px ;
    color: #666666;
    height: 56px;
    line-height: 28px;
}

.map {
    width: 100%;
    height: 500px;
    border: 6px solid #fff;
    box-sizing: border-box;
	box-shadow: 0 0 20px 0px rgba(0, 0, 0, .15);
	border-radius: 5px;
	overflow: hidden;
}

.contactUsFormC {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 60px 65px;
	background-color: #fff;
}

.contactUsFormC .title {
    margin-bottom: 47px;
}

.contactUsForm {
    overflow: hidden;
}

.contactUsForm .conL {
    width: 42.7083%;
    margin-right: 50px;
}

.contactUsForm .conL .item {
    background-color: #fff;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.contactUsForm .lable {
    width: 20%;
}

.contactUsForm .lable em {
    font-size: 16px;
    color: #d9031f;
    font-style: normal;
}

.contactUsForm .lable span {
    font-size: 16px;
    color: #999999;
}

.contactUsForm .itemC {
    overflow: hidden;
}

.contactUsForm .conL .itemC input {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border: none;
    position: relative;
    top: -4px;
}

.contactUsForm .conL .item1 {
    overflow: hidden;
    background-color: transparent;
    border: none;
    padding: 0;
}

.contactUsForm .conL .con {
    width: 73%;
    background-color: #fff;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin-right: 10px;
    box-sizing: border-box;
}

.contactUsForm .conL .img {
    overflow: hidden;
    height: 60px;
}

.contactUsForm .conL img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.contactUsForm .item1 .lable {
    width: 23%;
}

.contactUsForm .conR {
    overflow: hidden;
    height: 330px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 15px 20px;
}

.contactUsForm .conR .lable {
    width: 16%;
}

.contactUsForm .conR .itemC {
    height: 300px;
}

.contactUsForm .conR textarea {
    width: 100%;
    height: 100%;
    border: none;
}

.submitBtn {
    text-align: center;
}

.submitBtn a {
    display: inline-block;
    width: 220px;
    height: 60px;
    line-height: 60px;
    background-color: #0e77b0;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

/* 联系我们 end */

.indexColumn2Dl {
	overflow: hidden;
	text-align: left;
	vertical-align: bottom;
	padding: 0px 35px 0;
}

.indexColumn2Dl dd {
	display: inline-block;
	margin: 0 15px;
	position: relative;
	height: 50px;
	border: 1px solid #ebebeb;
	border-radius: 50px;
	transition: .4s ease;
	-webkit-transition: .4s ease;
	overflow: hidden;
	cursor: pointer;
}

.indexColumn2Dl dd.hover,
.indexColumn2Dl dd:hover {
	border-color: transparent;
}

.indexColumn2Dl dd::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0f79af;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.4, 1, 1);
	transform: scale3d(0.4, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.indexColumn2Dl dd a {
	display: block;
	padding: 0 34px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	position: relative;
	z-index: 5;
}

.indexColumn2Dl dd.hover:before,
.indexColumn2Dl dd:hover:before {
	z-index: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.indexColumn2Dl dd:hover a,
.indexColumn2Dl dd.hover a {
	color: #fff;
}