@charset "UTF-8";
/* ========== 首页 start ========== */
/* 顶部 start */
.top{position: fixed !important;left: 0;top: 0;width: 100%;z-index: 1;}
.topBox{background-color:#0e77b0;height:45px;line-height:45px;font-size: 14px;color: #99d6f7;}
.topBoxList dd{float: left;display: inline;}
.topBoxList dd.number{padding:0 25px 0 18px;}
.topBoxList dd.number span{display: block;font-size:14px ;color: #99d6f7;padding-left: 25px;background: url(../images/topBocIcn1.png) no-repeat left center / 15px 20px;}
.topCon{height:90px;line-height:90px;background-color:rgba(14 ,119 ,176 ,0.8);}
.ixTopBox2  .topCon{background-color: rgba(14 ,119 ,176 ,0.8);}
.topBoxList dd.retrueNav{padding:0 25px 0 18px;background-color:#0d70a6;}
.topBoxList dd.retrueNav a{display: block;background: url(../images/topBocIcn2.png) no-repeat left center / 17px 17px;padding-left: 28px;font-size: 14px;color: #99d6f7;}
/* logo start */
.logo{padding: 13px 0 0 0px ;position: relative;height: 90px;box-sizing: border-box;}
.logo img{height: 65px;}
/* logo end */
/* 导航列表start */
.ixTopBox .menuDl dd .ej{width: 150%;}
.ixTopBox2 .menuDl dd .ej{width: 150%;}
.menuDl{display: flex;}
.menuDl dd{float: left;display: inline;position: relative;margin-right: 55px;}
.menuDl dd .yj{position: relative;z-index: 9;}
.menuDl dd .yj a{display: block;line-height:90px;text-align: center;color: #fff;font-size: 18px;font-weight:bold;}

.menuDl dd .ej{position: absolute;top: 100%;left:50%;width: 100%;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: #0d70a6;}
.menuDl dd .ej li:hover span a{background-color:#0d70a6;color: #fff;}
.menuDl dd .ej li.hover span a{background-color:#0d70a6;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: #0d70a6;}
.menuDl dd .sj a.hover{color: #0d70a6;}
.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:50px;height:45px;cursor: pointer;border-left: 1px solid rgba(255,255,255,.12);border-right: 1px solid rgba(255,255,255,.12);}
.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: #0d70a6 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;}
.subTop .retrueNav{padding:0 25px 0 18px;background-color: rgba(255,255,255,.1);height: 38px;line-height: 38px;margin-left: 20px;border-radius: 38px;}
.subTop .retrueNav a{display: block;background: url(../images/topBocIcn2.png) no-repeat left center / 17px 17px;padding-left: 28px;font-size: 14px;color: #99d6f7;}
/*内页顶部 end*/
/* 顶部 end */
/* indexBanner start */
.indexBanner{position: relative;}
.indexBanner::before{content: '';display: block;padding-top: 56.25%;}
.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: #d71718;}
.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 .bg{height: 100%;position: absolute;width: 100%;left: 0;top:0; overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all 1.5s 0s ease-in-out;transform: scale(1.15);}
.indexBanner .mySlide a{display: block;height: 100%;width: 100%;}
.indexBanner .slick-dots {
    position: absolute;
    left: 50%;
    bottom:6%;
    width: auto;
    font-size: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.indexBanner .slick-dots li {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-right: 17px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

.indexBanner .slick-dots li::before {
    display: block;
    content: "";
    width: 50px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: -65px;
    top: 50%;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    margin-top: -1px;
    visibility: hidden;
    opacity: 0;
}

.indexBanner .slick-dots li.slick-active {
	font-size:22px;
	margin-right: 80px;
}

.indexBanner .slick-dots li.slick-active::before {
    visibility: visible;
    opacity: 1;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.indexBanner .prev{width: 55px;height: 55px;cursor: pointer;position: absolute;left: 40%;bottom: 4%;background: url(../images/prev-bai.png) no-repeat center center / 8px 15px;z-index: 5;border: 1px dashed transparent;border-radius: 100%;transition: all .5s linear;-webkit-transition: all .5s linear;}
.indexBanner .next{width: 55px;height: 55px;cursor: pointer;position: absolute;right: 40%;bottom: 4%;background: url(../images/next-bai.png) no-repeat center center / 8px 15px;z-index: 5;border: 1px dashed transparent;border-radius: 100%;transition: all .5s linear;-webkit-transition: all .5s linear;}
.indexBanner .prev:hover,.indexBanner .next:hover{border-color:#fff;}
/* indexBanner end */
/*首页框架start*/
.indexBodyBox1 .indexBanner{height:auto;}
.indexBodyBox1 {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.indexBodyBox2 {position: fixed;top: 100%;left: 0;width: 100%;height: 100%;z-index: 9;overflow-y: auto;transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;-webkit-transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;outline: none;background:url(../images/indexBody2Bg.jpg) no-repeat center center / cover;}
.indexBodyBox2.show{top:0;}
.indexTop .ixTopBox {position: fixed;left: 0%;top: 0;right: 0%;z-index:8;transition: all 500ms linear; -webkit-transition: all 500ms linear;transform: translateY(0);-webkit-transform: translateY(0);opacity:1;}
.ixTopBox.hide{opacity: 0;transform: translateY(-100%);-webkit-transform: translateY(-100%);transition-delay:0.5s;}
.ixTopBox2{position:fixed;left: 0;right: 0;top: 0;z-index: 9;height: 100px;opacity: 0;transform: translateY(-140%);-webkit-transform: translateY(-140%);transition: all 0.5s ease-out 0s;box-shadow: 0 1px 3px rgba(0,0,0,0.1);z-index: 100;}
.ixTopBox2.fxd{position: fixed;}
.ixTopBox2.show{transition: all 0.7s ease-in-out 0.5s;transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;transform: translateZ(0);}
.indexBodyBox2 .top{background: #fff !important;}

/*首页框架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 0;border-bottom: 1px solid rgba(255,255,255,.1);}
.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;}
/* .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{width: 245px;margin-right: -40px;}
.footerRList dd{float: left;display: inline;width: 50%;}
.footerRList dd .picC{padding:8px;background-color:#fff;}
.footerRList dd .pic::before{padding-top: 100%;}
.footerRList dd .con{margin-right:40px;}
.footerRList dd span{display: block;font-size:14px;color: #fff;height:45px;line-height:45px;text-align: center;}
.footerL{overflow: hidden;}
.footerL .logo{padding: 0;margin-bottom: 12px;}
.footerL .logo img{height:65px;}
/* 底部 end */
/* 底部版权 start */
.copyright{height:70px;line-height:70px;font-size: 14px;color: #7ecbf2;overflow: hidden;}
.copyright .conL{overflow: hidden;text-align: left;}
.copyright img{padding:0 5px;}
.copyright a{display: inline-block;color: #7ecbf2;}
.copyright a:hover{color: #fff;}
/* 底部版权 end */
/* 内容区 satrt */
/* 公共部分 start */
.indexTitle{height:60px ;line-height:60px;margin-bottom: 45px;}
.indexTitle .title{overflow: hidden;}
.indexTitle .cnTitle{font-size: 30px;color: #333333;font-weight: bold;display: inline-block;margin-right: 22px;}
.indexTitle .enTitle{font-size: 35px;color: rgba(51,51,51,.3);display: inline-block;text-transform: uppercase;}
.indexTitle .more a{display: block;font-size: 14px;color: #999999;position: relative;padding:0 30px 0 155px;}
.indexTitle .more a::before{display: block;content:'';width: 125px;height: 1px;background-color:#e0e0e0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.indexTitle .more a::after{display: block;content:'';border: 8px solid transparent;border-left-color: #0f79af;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
@keyframes rotateAni{
    0%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(180deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
/* 公共部分 end */
/* ————— 第1通栏 start ————— */
.column1{background-position: center center;background-repeat: no-repeat;background-size: cover;padding-bottom: 133px;}
.column1L{width:52.0833%;margin-right: 25px;}
.column1L .bd{height: 100%;}
.column1L .bd .myslide{height: 100%;}
.column1L .bd .myslide a{display: block; height: 100%;}
.column1L .bd .myslide .html{display: none;}
.column1L .bd .myslide .pic::before{padding-top:66.6667%;}
.column1LDotC{height: 75px;line-height: 75px;border-bottom: 1px solid #d8d8d9;padding:0 20px;}
.column1LDotC .time{width: 85px;height: 85px;background-color:#0f79af;border-radius: 100%;text-align: center;padding-top: 17px;box-sizing: border-box;display: inline-block;position: relative;top: -40px;}
.column1LDotC .time i{display: block;font-size:25px ;color: #fff;line-height:30px;font-style: normal;}
.column1LDotC .time span{display: block;font-size:14px ;color: #fff;line-height:22px;}
.column1LDotC .text{font-size: 18px;color: #333333;font-weight: bold;display: inline-block !important;}
.column1LDotC .dot{padding-top: 32px;}
.column1LDotC .dot li{float: left;display: inline;width: 10px;height: 10px;background-color:#e4e4e4;border-radius:100%;margin-right: 10px;}
.column1LDotC .dot li.slick-active{width:20px;background-color:#0f79af;border-radius:20px;}
.column1R{overflow: hidden;padding: 0 30px;position: relative;}
.column1R::before{display: block;content:'';width: 1px;height: 100%;background-color:#f2f2f2;position: absolute;left: 10px;top: 0;}
.column1R dd{padding:15px 0;position: relative;transition: all .5s linear;-webkit-transition: all .5s linear;}
.column1R dd a{position: relative;z-index: 1;}
.column1R dd::before{display: block;content:'';width: 12px;height: 12px;border: 1px solid #ebebeb;box-sizing: border-box;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);border-radius: 100%;background-color:#fff;}
.column1R dd::after{display: block;content:'';background-color:#0f79af;position: absolute;left: 0;top: 0;transform:translateX(-110%) skew(-10deg,0deg);-webkit-transform:translateX(-110%) skew(-12deg,0deg);width: 100%;height: 100%;z-index: 0;transition: all .5s linear;-webkit-transition: all .5s linear;}
.column1R dd .time{font-size: 16px;color: #999;height:25px;line-height:25px;}
.column1R dd .text{font-size: 18px;color: #333;height:30px;line-height:30px;}
.column1R dd:hover{padding:15px 20px;}
.column1R dd:hover::after{transform:translateX(0) skew(-10deg,0deg);-webkit-transform:translateX(0) skew(-12deg,0deg);}
.column1R dd:hover .time{color: #fff;}
.column1R dd:hover .text{color: #fff;}
/* ————— 第1通栏 end ————— */
/* —————  第2通栏 start  ————— */
.column2{padding:105px 0 70px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.column2L{width:52.0833%;margin-right: 30px;}
.column2 .indexTitle{margin-bottom: 25px;}
.column2 .indexTitle .cnTitle{color: #fff;}
.column2 .indexTitle .enTitle{color: rgba(255,255,255,.1);}
.column2 .indexTitle .more a{color: #54c3f2;}
.column2 .indexTitle .more a::before{background-color: #54c3f2;}
.column2 .indexTitle .more a::after{border-left-color: #54c3f2;}
.column2List dd{padding:20px 0;border-bottom: 1px dashed rgba(255,255,255,.5);height: 70px;line-height: 70px;}
.column2List dd:last-child{border-bottom: none;}
.column2List dd a{display: block;position: relative;}
.column2List dd a::before{display: block;content:'';background-image: linear-gradient(to bottom,rgba(44,172,226,.4),transparent);transition: all .5s linear;-webkit-transition: all .5s linear;height: 0;position: absolute;left: 0;top: 0;width: 100%;}
.column2List dd .time{width: 90px;margin-right: 22px;text-align: center;}
.column2List dd .time i{display: block;font-size: 25px;color: #fff;font-weight: bold;background-color:#2cace2;height: 40px;line-height: 40px;font-style: normal;}
.column2List dd .time span{display: block;border: 1px solid #2cace2;height: 30px;line-height: 30px;font-size: 14px;color: #ffffff;}
.column2List dd .text{overflow: hidden;font-size: 18px;color: #ffffff;}
.column2List dd:hover{border-bottom-style: solid;}
.column2List dd:last-child:hover{border-bottom: none;}
.column2List dd:hover a::before{height: 70px;}
.column2R{overflow: hidden;}
.column2Slick{position: relative;}
.column2Slick .bd{height: 100%;overflow: hidden;}
.column2Slick .bd .myslide{height: 100%;}
.column2Slick .bd .myslide a{display: block;height: 100%;}
.column2Slick .bd .myslide .pic::before{padding-top:66.6165%;}
.column2Slick .bd .myslide .html{display: none;}
.column2Slick .textC{position: absolute;left: 0;bottom: 0;background-color:rgba(203,180,70,.9);padding:15px 30px 10px;width: 70%;box-sizing: border-box;border-radius: 0 40px 0 0;}
.column2Slick .textC span{display: block;font-size:16px ;color: #fff;height: 32px;line-height: 32px;}
.column2Slick .textC .title{display: block;font-size:18px ;color: #fff;height: 37px;line-height: 37px;font-weight: bold;}
.column2Slick .textC .time{display: block;font-size:16px ;color: #fff;height: 35px;line-height: 35px;}
.column2Dot{position: absolute;right:20px;bottom: 10%;}
.column2Dot li{float: left;display: inline;width: 10px;height: 10px;background-color: rgba(255,255,255,.5);margin-right: 10px;border-radius: 100%;}
.column2Dot li.slick-active{width: 20px;background-color:#fff;border-radius: 20px;}
.column2RList{background-color: rgba(44,172,226,.6);padding:30px 30px 10px;height: 190px;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;}
.column2RList dd{margin-bottom: 20px;height: 30px;line-height: 30px;}
.column2RList dd .btn{padding:0 25px;height: 30px;line-height: 30px;font-size: 16px;color: #fff;margin-right:20px;border-radius: 0 10px 0 10px ;background-color: rgba(255,255,255,.2);}
.column2RList dd .text{overflow: hidden;font-size: 18px;color: #fff;}
.column2RList dd .text a{display: block;font-size: 18px;color: #fff;}
.column2RList dd .time{font-size: 14px;color: #fff;}
/* —————  第2通栏 end  ————— */
/* —————  第3通栏 start  ————— */
.column3{background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 102px 0 100px;}
.column3Con{overflow: hidden;}
.column3Box{width: 48%;}
.column3Box .indexTitle{margin-bottom: 65px;}
.column3Box .more{display: inline-block;}
.column3Text .nameC{margin-bottom: 40px;}
.column3Text .name{height: 35px;line-height: 35px;font-size: 25px;color: #333;font-weight: bold;display: inline-block;vertical-align: middle;margin-right: 20px;}
.column3Text .con{height: 35px;line-height: 35px;padding:0 28px;background-color: #0e77b0;border-radius: 30px;font-size: 16px;color: #fff;display: inline-block;vertical-align: middle;}
.column3Text .textC{font-size: 15px;color: #666;line-height: 27px;height: 108px;margin-bottom: 23px;}

.overViewC3Slick{height: 275px;position: relative;}
.overViewC3Slick .bd{height: 100%;box-sizing: border-box;}
.overViewC3Slick .bd .slick-track{height: 100%;}
.overViewC3Slick .bd .slick-list{overflow: unset;height: 100%;}
.overViewC3Slick .bd .myslide{height: 100%;transition: 800ms ease;transform-origin: 50% 100%;width: 235px;}
.overViewC3Slick .bd a{display: block;/* border-radius: 10px; */overflow: hidden;margin: 0 15px;position: relative;}

.overViewC3Slick .bd .myslide.slide4 a::before{opacity: 0;visibility: hidden;}
.overViewC3Slick .bd .pic{overflow: hidden;}
.overViewC3Slick .bd .pic::before{padding-top:116.1702%;}
.overViewC3Slick .myslide.slide4{width: 382px;transform: translateY(-250px);}
.overViewC3Slick .myslide .html{visibility: hidden;opacity: 0;height: 0;background-color:#f5f7fa;height: 80px;line-height: 40px;}
.overViewC3Slick .myslide .html .nameC{overflow: hidden;}
.overViewC3Slick .myslide .html .name{font-size:18px;font-weight: bold; color: #333333;float: left;display: inline;}
.overViewC3Slick .myslide .html .con{font-size:16px;color: #999999;float: right;display: inline;}
.overViewC3Slick .myslide.slide4 .html{height: 80px;visibility: visible;opacity: 1; padding:0 30px;box-sizing: border-box;width: 352px;}
.overViewC3Slick .myslide .html .textC{display: none !important;}

.overViewC3Btn{position: absolute;right: 0;top:-255px;width: 100px;height: 100px;border-radius: 100%;border: 1px solid #cbc7cb;line-height: 100px;text-align: center;}
.overViewC3Prev {background: url(../images/prev.png) no-repeat center center / contain;width: 10px;height: 15px;display: inline-block;margin-right: 30px;cursor: pointer;transition: all .5s linear;-webkit-transition: all .5s linear;position: relative;}
.overViewC3Prev::before{display: block;content:'';width: 1px;height: 30px;background-color:#e2ddd4;position: absolute;right:-18px;;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.overViewC3Next {background: url(../images/next.png) no-repeat center center / contain;width: 10px;height: 15px;display: inline-block;cursor: pointer;transition: all .5s linear;-webkit-transition: all .5s linear;line-height: 100px;}
.overViewC3Prev:hover{background-image: url(../images/prev-h.png);}
.overViewC3Next:hover{background-image: url(../images/next-h.png);}
/* —————  第3通栏 end  ————— */
/* —————  第4通栏 start  ————— */
.column4{background-position: center center;background-repeat: no-repeat;background-size: cover;padding-top: 110px;}
.column4List{padding-left: 35px;height: 724px;}
.column4List dt{width: 285px;padding-top: 3%;box-sizing: border-box;}
.column4List dt .indexTitle .cnTitle{color: #fff;}
.column4List dt .indexTitle .enTitle{color: rgba(255,255,255,.2);}
.column4List dd,.column4List dt{float: left;display: inline;height: 50%;font-size: 0;}
.column4List dd .con{background-position: center center;background-repeat: no-repeat;background-size:cover;display: inline-block;width: 285px;height: 100%;vertical-align: middle;position: relative;}
.column4List dd .con::before{display: none;content:'';border: 10px solid transparent;position: absolute;right: -20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.column4List .dd1 .con::before{border-left-color:#579bb5;}
.column4List .dd2 .con::before{border-left-color:#e2ad3a;}
.column4List .dd3 .con::before{border-left-color:#4aaeb7;}
.column4List .dd4 .con::before{border-left-color:#43a3c7;}
.column4List .dd5 .con::before{border-left-color:#5986c9;}
.column4List dd .con em{display: block;background-position: center center;background-repeat: no-repeat;background-size: 40px 40px;width: 80px;height: 80px;background-color: rgba(255,255,255,.2);border-radius: 100%;margin: 0 auto;transition: all .5s linear;-webkit-transition: all .5s linear;}
.column4List dd .con span{display: block; font-size: 22px;color: #fff;height:67px;line-height:67px;text-align: center;}
.column4List dd a{display: inline-block;width: 550px;height: 100%;vertical-align: middle;display: none;transition: all .5s linear;-webkit-transition: all .5s linear;overflow: hidden;position: relative;}
.column4List dd a img{height: 100%;display: block;width: 100%;}
.column4List dd a .more{width: 290px;height: 290px;background-color: #dccb0f;border-radius: 100%;position: absolute;right: -145px;bottom: -145px;font-size:14px;color: #fff;padding: 80px 0 0 60px;box-sizing: border-box;}
.column4List dd a .more i{display: inline-block;vertical-align: middle;background: url(../images/moreIcn1.png) no-repeat center center / contain;width: 20px;height: 7px;margin-left: 10px;}
.column4List dd.show a{display: inline-block;}
.column4List dd.dd4.show .con{width: 550px;display: block;}
.column4List dd.dd4.show a{display: none;}
.column4List dd.show .con::before{display: block;}
.column4List dd:hover .con em{transform: rotateY(180deg);}
.column4List dd.dd3 a{width: 570px;}
.column4List dd.dd3 .con{width: 285px;}
/* —————  第4通栏 end  ————— */
/* —————  第5通栏 start  ————— */
.column5{padding:130px 0 110px;background-position: center center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.column5 .indexTitle{float: left;display: inline;height: auto;line-height: auto;position: relative;margin-right: 90px;}
.column5 .indexTitle .title{ writing-mode: vertical-rl;}
.column5 .indexTitle .enTitle{display: block;}
.column5 .indexTitle .more{position: absolute;right: 13%;top: 90%;}
.column5 .indexTitle .more a{writing-mode:vertical-lr;padding: 0;}
.column5 .indexTitle .more a::before{left: 49%;top: -92%;width: 1px;height: 125px;}
.column5 .indexTitle .more a::after{transform: rotate(90deg) translate(57px, 22px);}
.column5List{overflow: hidden;transform: translateX(30px);-webkit-transform: translateX(30px);}
.column5List dd{float: left;display: inline;width: 25%;}
.column5List dd a{display: block;margin-right:30px;}
.column5List dd .pic::before{padding-top:214.8276%;}

/* —————  第5通栏 end  ————— */
/* —————  第6通栏 start  ————— */
.column7{padding:75px 0 33px;position: relative;}
.column7 .bg{background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: -25px;width: 100%;height: 100%;padding-bottom: 25px;}
.column7List {padding:0 295px;position: relative;z-index: 1;}
.column7List dd{float: left;display: inline;width: 33.3333%;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 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 dd:hover .emC{top: -10px;}
/* —————  第6通栏 end  ————— */
/* 内容区 end */
/* ========== 首页 end ========== */
/* ========== 频道页 start ========== */

/* ========== 频道页 end ========== */