@charset "UTF-8";
/* ————— 头部 start ————— */
.top {width: 100%;z-index: 3;background:#fff;}
.top .menuDl dd.hover span{color: var(--themeColor);}
/* logo start */
.logo {margin-top: 17px;}
.logo img {width: 237px;}
/* logo end */
/* 视频弹窗 start */
.aykj-videoPop .layui-layer-setwin .layui-layer-close2 {width: 30px !important;height: 30px !important;right: -40px;top: -40px;background: url(../images/common/videoPopClose.png) no-repeat center center #666;z-index: 2;background-size: 15px;}
.aykj-videoPop .layui-layer-setwin .layui-layer-close2:hover {background: url(../images/common/videoPopClose.png) no-repeat center center;background-color: var(--themeColor);background-size: 15px;}
.aykj-videoPop {border: 10px solid rgba(255, 255, 255, 0.9);box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1) !important;border-radius: 5px !important;background-color: #000 !important;}
/* 视频弹窗 end */
/*newsLocation start  */
.newsLocation{	background: #fff;padding:0 22px;}
.backListBtn{padding-left: 26px;padding-right:22px;background: url(../images/backListBtn.png);background-repeat:no-repeat; background-size:16px 14px;background-position:left; margin-right: 22px;height: 60px;line-height: 60px;}
/*newsLocation end  */
/* 导航 start */
.menuBox {position: relative;z-index: 3;}
.menuDl dd {float: left;display: inline;position: relative;padding: 0 24px;}
.menuDl dd .yj a {height: 100px;line-height: 100px; text-align: center;transition: 0.4s;display: block;border-bottom: 3px solid transparent;}
.menuDl dd .yj a span {float: left;display: inline;line-height: 100px;text-align: center;color: #333333;font-size: 16px;transition: 0.4s;display: block;}
.menuDl dd.hover .yj a,
.menuDl dd .yj a:hover {border-bottom: 3px solid #87b82f;}
.menuDl dd .ej {position: absolute;top: 100%;left: 0;width: 100%;background: rgba(0, 0, 0, 0.42);display: none;z-index: 4;padding: 0;}
.menuDl dd .ej li {font-size: 16px;text-align: center;position: relative;}
.menuDl dd .ej li span a {padding: 12px 0;line-height: 25px;display: block;color: #ffffff;margin-bottom: 1px}
.menuDl dd .ej li>span:hover a{color: var(--themeColor);}
.menuDl dd .sj {position: absolute;left: 100%;top: 0;width: 100%;background: rgba(0, 0, 0, 0.42);visibility: hidden;opacity: 0;transform: translateY(10px);-webkit-transform: translateY(10px);transition: all 300ms;-webkit-transition: all 300ms;}
.menuDl dd .sj a {display: block;padding: 12px 0;line-height: 25px;color: #fff !important;}
.menuDl dd .ej li:hover .sj {visibility: visible;opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);}
.menuDl dd .ej li .sj a:hover {color: var(--themeColor) !important;}
.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: 60px;text-align: center;overflow: hidden;color: #fff;z-index: 10;font-weight: lighter;}
.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: var(--themeColor) url(../images/common/search.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 */
.search{
	margin-top: 25px;
	width: 70px;
	height: 50px;
	background: url(../images/common/search.png) center center no-repeat #87b82f;
	border-radius: 25px;
	margin-left: 110px;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
	z-index: 12;
}
/* .search:hover{
	background-color: #d71718;
} */
/* 搜索按钮 end */
/* ————— 头部 end   ————— */
/* ————— indexBanner start   ————— */
.indexBanner{overflow: hidden;position: relative;height: 100%;}
.indexBanner .bd{height: 100%;}
.indexBanner .slick-list{ overflow: visible; margin-right: -30px; height: 100%;}
.indexBanner .myslide{ width: 100%;height: 100%;}
.indexBanner .slick-slide{ width: 100%;height: 100%;}
.indexBanner .slick-slide > div{ width: 100%;height: 100%;}
.indexBanner .con{display: block;height: 100%;}
.indexBanner .imgBox{width: 100%;height: 100%;}
.indexBanner .imgBox img{width: 100%;height: 100%;}
.indexBanner .exBox{position: absolute;left: 0;bottom: 10px;width: 100%;overflow: hidden;}
.indexBanner .exBox .mouseBox{display: inline;float: left;line-height: 50px;font-size: 14px;color: #ffffff;padding-left: 30px;background: url(../images/indexBanner-icon1.png) no-repeat center left;}
.indexBanner .exBox .btnBox{display: inline;float: right;width: 140px;height: 50px;}
.indexBanner .topBtn{position: relative;}
.indexBannerPrev{width: 32px;height: 120px;border-radius: 25px;background: rgba(255, 255, 255, 0.3) ;cursor: pointer;position: absolute;left: 60px;top: 50%;transform: translateY(-50%);}
.indexBannerNext{width: 32px;height: 120px;border-radius: 25px;background-color: rgba(255, 255, 255, 0.3) ;cursor: pointer;position: absolute; right:60px;top: 50%;transform: translateY(-50%);z-index: 6;}
.indexBannerPrev .prev{ writing-mode:tb-rl;background: url(../images/indexBannerLine-icon.jpg)no-repeat top center;color: #fff;margin-top: 12px ;padding-top: 52px;font-size: 13px;margin-left: 5px;}
.indexBannerNext .next{ writing-mode:tb-rl;background: url(../images/indexBannerLine-icon.jpg)no-repeat top center;color: #fff;margin-top: 12px ;padding-top: 52px;font-size: 13px;margin-left: 5px;}

.indexBannerPrev:hover{background-image: url(../images/jiantou4-w.png);background-color: var(--themeColor);}
.indexBannerNext:hover{background-image: url(../images/jiantou5-w.png);background-color: var(--themeColor);}
.indexBannerDot{overflow: hidden;text-align: center;line-height: 50px;}
.indexBannerDot .slick-dots li{ display: inline-block; width: 65px; height: 5px;background: rgba(255, 255, 255, 0.5); border-radius: 2.5px; margin: 0px; cursor: pointer;vertical-align: middle;opacity: 1;}
.indexBannerDot .slick-dots li~li{margin-left: 20px;}
.indexBannerDot .slick-dots li.slick-active{background:#fff;}
.indexTextCon {position: absolute;top: 50%;left: 10%; transform: translateY(-50%);}
.indexTextCon .text{overflow: hidden;}
.indexTextCon .title{color: #fff;font-size: 60px;line-height: 85px;height: 85px;}
.indexTextCon .textC{color: #fff;font-size: 26px;line-height: 85px;height: 85px;}
/* ————— indexBanner end   ————— */
/* ————— subBanner start   ————— */
.subBanner{position: relative;}
.subBanner .pic::before{padding-top: 31.25%;}
.subBanner .text{position: absolute;left: 50%;top:50%; transform: translate(-50%,0);color: #fff;}
.subBanner .textTop{overflow: hidden;height: 76px;line-height: 76px;}
.subBanner .textTop div{float: left;display: inline;}
.subBanner .textTop .eg{font-size: 14px;}
.subBanner .textTop .ch{font-size: 48px;}
.subBanner .textBot{height: 46px;line-height: 46px;font-size: 20px;}

/* ————— subBanner end   ————— */
/* ========== 当前位置 start ========== */
.location {	background: #fff;border-bottom: 1px solid #d2d2d2;}
.locationList {	overflow: hidden;}
.locationList dd {	float: left;	display: inline;	margin-right: 10px;}
.locationList dd a {display: block;font-size: 14px;color: #999999;height: 82px;line-height: 82px;overflow: hidden;background-repeat: no-repeat;background-position: left center;background-size: auto 12px;transition: .3s linear;}
.locationList dd+dd a {padding-left: 12px;background-image: url('../images/rightIcon1.png') ;background-size: 4px;}
.locationList dd.hover a,
.locationList dd a:hover {color: var(--themeColor);}
.locationList dd+dd.hover a,
.locationList dd+dd a:hover {background-image: url('../images/rightIcon2.png');background-size: 4px;}
.subMenuList {overflow: hidden;margin: 0 -15px;}
.subMenuList dd {float: left;display: inline;}
.subMenuList dd a {display: block;line-height: 80px;height: 80px;color: #333;font-size: 16px;transition: .3s linear;-webkit-transition: .3s linear;margin: 0 25px;}
.subMenuList dd:hover a,
.subMenuList dd.hover a {color: var(--themeColor);}
.subMenuList dd:hover a,
.subMenuList dd.hover a {border-bottom: 3px solid var(--themeColor);}
.menuIcon>div {	background: var(--themeColor) !important;}
/* ========== 当前位置 end ========== */
/* ————— 页码 start ————— */
.page {text-align: center;clear: both;font-size: 14px;}
.page a {display: inline-block;overflow: hidden;width: 45px;height: 45px;line-height: 45px; color: #999999;border-radius: 5px;background: #fff;margin: 0 3px;font-size: 16px;border: 1px solid #cccccc;border-radius: 45px;}
.page span {display: inline-block;padding: 6px 2px;position: relative;top: -15px;}
.page a:hover {background: var(--themeColor);color: #fff;border-color: var(--themeColor);}
.page a.hover {background: var(--themeColor);color: #fff;border-color: var(--themeColor);}
.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: 45px;height: 45px;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 ————— */
/* ————— 尾部 start   ————— */
.footer{ background: #e5e5e5;}
.footer .footerBox{position: relative;}
.footerMenu{border-bottom: 1px solid #d2d2d2;}
.footerMenu .list{line-height: 90px;height: 90px;/* float: left; *//* display: inline; */overflow: hidden;}
.footerMenu .list::-webkit-scrollbar{display: none;}
.footerMenu .list a{display: inline-block; color: #999999; font-size: 14px;line-height: 90px;position: relative; margin-right: 60px;}
.footerMenu .list a:nth-last-child(1)::before{display: none;}
.footerMenu .list a:nth-of-type(1){padding-left: 0px;}
.footerMenu .list a:hover{ color: #87b82f;}
.friendLink{cursor: pointer;height: 40px;line-height: 40px;width: 230px;color: #999999;padding: 0 20px;margin: 26px 0;background-color:  #d4d4d4;position: relative;gloat: 185px;float: right;}
.friendLink .text{ border: 1px solid transparent;background: url(../images/selectLinkIcon.png)no-repeat right center;width: 100%;}
.friendLink .sleBox{display: none;line-height: 40px;color: #999999;position: absolute;left: 0;}
.friendLink .sleBox .mLink{cursor: pointer;width: 230px;background-color:  #d4d4d4;padding: 0 20px;}
.friendLink .sleBox .mLink:hover{color: var(--themeColor);}
.footer .footerCon{overflow: hidden;cursor: default;}
.footer .footerwM{overflow: hidden; padding: 56px 0;color: #666666;font-size: 16px;float: left;display: inline;width: 50%;float: left;display: inline;}
.footer .phoneBox{height: 28px;line-height: 28px;margin-bottom: 27px;}
.footer .addBox{height: 28px;line-height: 28px;}
.footer .phoneTitle{background:url(../images/footerPhoneIcon.png)left center no-repeat;padding-left: 38px;height: 28px;line-height: 28px;float: left;display: inline;}
.footer .addTitle{background:url(../images/footerAddressIcon.png)left center no-repeat;padding-left: 38px;height: 28px;line-height: 28px;float: left;display: inline;}
.footer .codeBox{padding: 37px 0 23px;float: right;display: inline;overflow: hidden;}
.footerEwm{
	overflow: hidden;
}
.footerEwm dd{
	float: left;
	display: inline;
	margin-left: 10px;
}
.footerEwm dd .con{
	padding: 2px;
	background: #fff;
}
.footerEwm dd .con img{
	display: block;
	width: 130px;
	height: 130px;
}

.footerEwm dd .text{
	height: 52px;
	line-height: 52px;
	font-size: 15px;
	color: #666;
	text-align: center;
}
/* 底部版权start   */
.friendCopyRight {background-color: #f3f5f3;height: 50px;line-height: 50px;overflow: hidden;cursor: default;}
.friendCopyRight .conL {float: left;display: inline;}
.friendCopyRight .conR {float: right;display: inline;}
.friendCopy .conR a {color: #fff;}
.friendCopyRight a:hover{color: #87b82f;}
.friendCopy .bigBox{padding: 20px 60px 56px 40px;background: #f7af15;margin-right: 50px;margin-top: -79px;}
.friendCopy .bigBox .title{font-size: 24px;color: #ffffff;line-height: 63px;font-weight: 700;margin-bottom: 5px;}
.friendCopy .bigBox .list{overflow: hidden;}
.friendCopy .bigBox .list dd{width: 130px;display: inline;float: left;}
.friendCopy .bigBox .list dd~dd{margin-left: 70px;}
.friendCopy .bigBox .list .con{display: block; font-size: 24px;color: #ffffff;line-height: 55px;text-align: center;cursor: pointer;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
/* 底部版权end  */
/* ————— 首页 start   ————— */
/* 第一通栏 start  */
.section .indexTitle {cursor: default;position: relative;text-align: left;}
.section .indexTitle .ch{font-size: 35px;color: #131313;z-index: 2;font-weight: bold;position: relative;}
.section .indexTitle .eg{font-size: 48px;color: rgba(51, 51, 51, 0.1);position: absolute;z-index: 1;bottom:15px; position: absolute;font-weight: bold;text-transform: capitalize;}
.section{height: auto;}
.column1 {/* padding-top: 130px; *//* overflow: hidden; */position: relative;}
.clounm1Pic{float: right;display: inline;width: 723px;height: 645px;}
.clounm1Pic::before{display: block;/* content: ''; *//* padding-top: 89.2116%; */}
.clounm1Pic .cloumn1picBg{-webkit-mask-image:url(../images/indexColBg.png);-webkit-mask-size: 100% 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
.column1 .cloumn1ImgBox{clip-path: url(#newPath);position: absolute;top: 50%;right: 0;width: 723px;height: 645px;transform: translateY(-50%);}
.column1 .column1Img{position: absolute;}
.column1 .cloumn1ImgC{position: absolute;width: 100%;height: 100%;top: 0;}

.column1 .textCon{overflow: hidden;/* padding-bottom: 180px; */}
.column1 .pic{width: 100%;height: 100%;}
.column1 .pic::before{padding-top: 89.2116%;}
.column1 .pic img{object-fit: cover;position: absolute;}
.column1 .col1title {font-size: 20px; color: #333333;font-weight: bold;margin-bottom: 44px;}
.column1 .textBox{overflow: hidden;cursor: default;padding-top: 125px;padding-right: 64px;}
.column1 .textC {font-size: 16px;line-height: 26px; color: #333333;margin-bottom: 60px;}
.column1 .imgInfoBox{overflow: hidden;margin-bottom: 65px;}
.column1 .imgInfoBox .imgInfo{float: left;display: inline;text-align: center;}
.column1 .imgInfoBox .imgInfo~.imgInfo{margin-left: 40px;}
.column1 .imgInfoBox .num{font-size: 60px;color: #87b82f;height: 45px;line-height: 45px;margin-bottom: 30px;}
.column1 .imgInfoBox .num i{font-style: normal;}
.column1 .imgInfoBox .num span{font-size: 18px;color: #87b82f;margin-left: -10px;}
.column1 .imgInfoBox .txt{font-size: 18px;color: #333333;height: 18px;line-height: 18px;}
/* 第一通栏 end */
/* 第二通栏 start */
.column2 .textCon .title{padding-top: 150px;}
.column2 .listBox{overflow: hidden;position: relative;padding-top: 50px;padding-bottom: 30px;}
.column2 .listBox .con{display: block;}
.column2 .column2Scroll{float: left;display: inline;width: 770px;position: relative;margin-right: 20px;}
.column2 .column2Scroll .pic::before{padding-top: 66.9642%;}
.column2 .column2Scroll .txt{ height: 60px;line-height: 60px;width: 100%;font-size: 16px;background-color: rgba(0, 0, 0, 0.4);position: absolute;bottom: 0;}
.column2 .column2Scroll .text{padding-left: 20px;padding-right: 110px;overflow: hidden;display: block;color: #fff;}
.column2Dot{position: absolute;bottom: 0;right: 20px;}
.column2Dot .slick-dots li{ display: inline-block; width: 8px; height: 8px; background: rgba(255, 255, 255, 0.4); border-radius: 50%; margin: 0px; cursor: pointer;vertical-align: middle;}
.column2Dot .slick-dots li~li{margin-left: 10px;}
.column2Dot .slick-dots li.slick-active{ background:#fff}
.column2 .list{overflow: hidden;cursor: default;}
.column2 .titleInfo .nowTitle{color: #333333;font-size: 28px;padding-bottom: 23px;position: relative;}
.column2 .titleInfo .nowTitle::after{width: 100px;height: 3px;background-color: #d42323;position: absolute;bottom: -2px;left: 0;display: block;content: '';z-index: 1;}
.column2 .titleInfo .title{color: #333333;font-size: 16px;height: 24px;line-height: 24px;font-weight: bold;padding-top: 27px;border-top: 1px solid #f0f0f0;}
.column2 .titleInfo .time{color: #d42323;font-size: 16px;height: 26px;line-height: 26px;font-weight: bold;padding: 10px 0;}
.column2 .titleInfo .txt{color: #666666;font-size: 16px;line-height: 23px;padding-bottom: 18px;border-bottom: 1px solid #f0f0f0;}
.column2 .list dl{height: 295px;overflow: hidden;}
.column2 .list dd{color: #666666;font-size: 16px;}
.column2 .list .con{color: #5c5c5c;font-size: 16px;overflow: hidden;height: 42px;line-height: 42px;}
.column2 .list .con .title{overflow: hidden; padding-left: 17px;background: url(../images/partColList-icon.png)no-repeat left center;cursor: pointer;}
.column2 .list .con .time{float: right;display: inline;cursor: pointer;}
.column2 .list dd:hover .con{color: #d42323;transition: all 0.3s;-webkit-transition: all 0.3s;cursor: pointer;}
.column2 .enterMore{box-sizing: border-box;display: block;margin: 0 auto;}
.column2 .enterMore::after{display: block;content: '';opacity: 0;visibility: hidden;width: 0;height: 100%;position: absolute;top: 0;left: 0;transition: all 0.3s;background-color: #668f1d;border-radius: 10px;}
.column2 .enterMore:hover::after{width: 100%;opacity: 1;visibility: visible;}
.column2 .enterMore .moreBtn{position: relative;z-index: 1;margin: 0 auto;background: url(../images/enCol1-moreBtn.png) 110px center no-repeat;text-align: center;padding-right: 35px;}

/* 第二通栏 end */
/* 第三通栏 start */
.section4{background: no-repeat center center / 100% 100%;height: 100%;}
.section4 .sectionC{height: 100%;width: 100%;}
.column3{position: relative;height: 100%;}
.column3 .textCon .ch{color: #fff;}
.column3 .textCon .eg{color: rgba(255, 255, 255, 0.1);}
.column3 .textBox{width: 550px;}
.column3 .textBox .title{color:#ffffff;font-size: 30px;line-height: 24px;font-weight: bold;padding-top: 160px;}
.column3 .textBox .text{color:#ffffff;font-size: 16px;line-height: 24px;padding-top: 45px;height: 96px;}
.column3 .list {width: 100%;overflow: hidden;border: 1px solid #b3ada5;margin-top: 90px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.column3 .list dd{width: 33.3333%;float: left;display: inline;text-align: center;height: 200px;position: relative;}
.column3 .list .con{border-right: 1px solid #b3ada5;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.column3 .list .icon{width: 70px;height: 70px;background: no-repeat center center;margin: 0 auto 10px;}
.column3 .list dd:nth-of-type(1) .icon{background-image: url(../images/indexCol3-icon1.png);}
.column3 .list dd:nth-of-type(2) .icon{background-image: url(../images/indexCol3-icon2.png);}
.column3 .list dd:nth-of-type(3) .icon{background-image: url(../images/indexCol3-icon3.png);}
.column3 .list .txt{font-size: 22px;color: #ffffff;line-height: 30px;}
.column3 .list dd.hover,
.column3 .list dd:hover{background-color: rgba(135, 184, 47, 0.4);transition: all 0.3s;-webkit-transition: all 0.3s;}
.column3 .con .title{visibility: hidden;}
.column3 .con .text{visibility: hidden;}
.column3 .column3Content{
	height: calc(100% - 200px);
}
/* 第三通栏 end */
/* 第四通栏 start */
.column4{position: relative;height: 100%;}
.column4 .textCon{position: relative;height: 100%;}
.column4 .column4Left{padding-top: 125px;}
.column4 .indexTitle .ch{color: #fff;}
.column4 .indexTitle .eg{color: rgba(255, 255, 255, 0.1);}
.column4 .textBox {width: 360px;padding-top: 190px;}
.column4 .conTitle{font-size: 30px;color: #fff;height: 30px;line-height: 30px;font-weight: bold;padding-bottom: 47px;} 
.column4 .textBox .txt{font-size: 16px;color: #fff;line-height: 19px;padding-bottom: 46px;} 
.column4 .imgInfoBox{border-radius: 50%;width: 438px;height: 438px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.column4 .imgInfoBox::before{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/quandian.png) center center no-repeat;
	animation: spin 10s linear infinite; /* 定义动画效果 */
}
@keyframes spin {
    from {
        transform: rotate(0deg); /* 开始时的旋转角度 */
    }
    to {
        transform: rotate(360deg); /* 结束时的旋转角度 */
    }
}
.column4 .imgInfoBox img{width: 345px;height: 345px;border-radius: 50%;padding: 25px;background-color: #fafafa;margin: 20px;}
.column4 .contRfDiv{position: absolute;top: 0;right: 165px;height: 100%;width: 350px;border-right: 1px dashed #c8c8c8;}
.column4 .contRfDiv .contRf{position: absolute;top: 50%;right: 0;width: 100%; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.column4 .contRfDiv dd{text-align: right;color: #999999;font-size: 22px;margin-bottom: 80px; margin-right: 37px;position: relative;}
.column4 .contRfDiv .chC{padding-right: 66px;}
.column4 .contRfDiv .egC{padding-right: 66px;}
.column4 .contRfDiv dd::after{ content: '';display: block;background-color: #fff;border-radius: 50%;width: 20px;height: 20px;border: 1px solid #c6c6c6;position: absolute;right: -49px;top: 50%;transform: translateY(-50%);}
.column4 .contRfDiv dd::before{ content: '';display: block;background-color: #87b82f;border-radius: 50%;width: 8px;height: 8px;position: absolute;right: -49px;top: 50%;transform: translateY(-50%);margin-right: 7px; display: none;}
.column4 .contRfDiv dd:nth-of-type(1){background: url(../images/col4-icon1-1.png)no-repeat right center;}
.column4 .contRfDiv dd:nth-of-type(2){background: url(../images/col4-icon2-1.png)no-repeat right center;}
.column4 .contRfDiv dd:nth-of-type(3){background: url(../images/col4-icon3-1.png)no-repeat right center;}
.column4 .contRfDiv dd:nth-of-type(4){background: url(../images/col4-icon4-1.png)no-repeat right center;}
.column4 .contRfDiv dd:nth-of-type(5){background: url(../images/col4-icon5-1.png)no-repeat right center;}
.column4 .contRfDiv dd:nth-of-type(6){background: url(../images/col4-icon6-1.png)no-repeat right center;}
.column4 .contRfDiv dd .chC{text-align: right;}
.column4 .contRfDiv dd.hover{color: #87b82f;transition: all 0.3s;-webkit-transition: all 0.3s;}
.column4 .contRfDiv dd.hover:nth-of-type(1){background: url(../images/col4-icon1-2.png)no-repeat right center;}
.column4 .contRfDiv dd.hover:nth-of-type(2){background: url(../images/col4-icon2-2.png)no-repeat right center;}
.column4 .contRfDiv dd.hover:nth-of-type(3){background: url(../images/col4-icon3-2.png)no-repeat right center;}
.column4 .contRfDiv dd.hover:nth-of-type(4){background: url(../images/col4-icon4-2.png)no-repeat right center;}
.column4 .contRfDiv dd.hover:nth-of-type(5){background: url(../images/col4-icon5-2.png)no-repeat right center;}
.column4 .contRfDiv dd.hover:nth-of-type(6){background: url(../images/col4-icon6-2.png)no-repeat right center;}
.column4 .contRfDiv dd.hover::after{border: #87b82f 1px solid;}
.column4 .contRfDiv dd.hover::before{display: block;z-index: 1;}

/* 第四通栏 end */
/* 第五通栏 start */
.column5{position: relative;}
.column5 .colTop5{top: 10%;position: absolute;width: 100%;z-index: 1;}
.column5 .indexTitle{overflow: hidden;}
.column5 .colTop5 .enterMore{display: inline;float: right;}
.column5 .textBox {overflow: hidden;height: calc(100%);}
.section6  .sectionC,
.column5 .textCon, 
.column5{
	height: calc(100%);
}
.column5 .textBox dd{width: 25%;float: left;display: inline;height: calc(100%);padding-top: 30px; box-sizing: border-box;-webkit-box-sizing: border-box;}
.column5 .textBox .con{margin: 0 50px;}
.column5 .textBox .pic.top{margin-bottom: 25px;height: 0;visibility: hidden;opacity: 0;}
.column5 .textBox .pic.bot{margin-top: 25px;}
.column5 .textBox .pic{transition: all 1s;}
.column5 .textBox .pic::before{padding-top: 60%;}
.column5 .textBox .col5title{font-size: 18px;color: #333333;padding-top: 20px; overflow: hidden;line-height: 20px;height: 20px;}
.column5 .textBox .time{font-size: 16px;color: #666666;line-height: 20px;height: 20px;padding-top: 55px;position: relative;margin-bottom: 40px;}
.column5 .textBox .time::after{width: 34px;height: 1px;content: '';display: block;background-color: #87b82f;position: absolute;top: 30px;left: 0;}
.column5 .textBox .txt{font-size: 16px;color: #808080;line-height: 25px;height: 75px;margin-bottom: 45px;}
.column5 .textBox .enterMore{margin: 0 auto;visibility:hidden;width: 0;opacity: 0;overflow: hidden;}
.column5 .textBox dd:hover{background-color: rgba(145, 183, 78, 0.1);transition: all 1s;-webkit-transition: all 1s;}
.column5 .textBox dd:hover .pic.top{height: unset;visibility: visible;opacity: 1;}
.column5 .textBox dd:hover .pic.bot{height: 0;visibility: hidden;opacity: 0;}
.column5 .textBox dd:hover .enterMore{visibility: visible; transition: all 0.5s;-webkit-transition: all 0.5s;width: 165px;opacity: 1;}
/* 第五通栏 end */
/* ————— 首页 end   ————— */