@charset "UTF-8";
/* ========== 主体框架 start ========== */
.subTop{height: 90px;}
/* ————— 头部 start ————— */
.subTopBox .top{background-color: #fff;border-bottom:none;}
.subTopBox .menu dd .yj a{color:#333333;}
.subTopBox .logo .img1{display:none;}
.subTopBox .logo .img2{display:block;}

.top{background-color: transparent; height: 90px; position: fixed; left: 0; top: 0; z-index: 200;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;border-bottom:1px solid #82a37d;}
.top.show{top: -90px;}
/* logo start */
.logo{padding: 15px 0 0 50px;float: left;display: inline;}
.logo img{height: 60px;}
.logo .img1{display:block;}
.logo .img2{display:none;}
/* logo end */
/* 导航列表start */
.menu{float: right; display: inline;position: relative;}
.menu dd{float:left;display: inline; margin-right:45px;position: relative;z-index: 2;}
.menu dd .yj a{ display: block;line-height: 90px;height: 90px;font-size: 16px;color: #fff;text-align: center;position: relative;}
.menu dt.icn{height: 4px;background-color: #00a040;position: absolute;left: 0;bottom: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.menu dd .ej{position: absolute;top: 95%;white-space: nowrap;opacity: 0; visibility: hidden;overflow:hidden;height: 0;}
.menu dd .ej.open{height: 60px;}
.menu dd .ej li{display: inline-block; margin-right: 50px;}
.menu dd .ej li span a{line-height: 60px;display: block;font-size: 15px;color: #fff;}
.top .bg{transition: all 0.5s; width: 100%;height: 0;background:rgba(0, 0, 0, .1);position: absolute;left: 0;top: 100%;z-index: -1;}
.menu dd .ej li:last-child { margin-right: 0;}
.menu dd.hover .yj a{color: #00a040;font-weight: bold;}
.menu dd.hover .ej {opacity: 1;visibility: visible;}
.menu dd .ej li span a:hover{color: #00a040;}
.subTopBox .menuBtn{background-color: #00a040;border-bottom-left-radius: 45px;}
.menuBtn{cursor: pointer;position: relative;z-index: 2;}
.menuBtn .con{border-radius: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;/* padding: 35px 0; */position: relative;z-index: 2;margin: 35px 32px 0 32px;}
.menuBtn span{display: block;width: 25px;height: 3px;background: #fff;margin-bottom: 2px;transform: scaleY(0.5);-webkit-transform: scaleY(0.5);transition: all .4s ease-in;-webkit-transition: all .4s linear;margin-bottom: 5px;}
/* .menuBtn.active span{height: 1px;}
.menuBtn.active span.line1{transform: rotateZ(45deg)translate(4px,4px);}
.menuBtn.active span.line2{display: none;}
.menuBtn.active span.line3{transform: rotateZ(-45deg)translate(-2px,2px);} */
.menuBtn .bg{ position: absolute;left: 50%;top: 65%;width: 250rem;padding-top: 250rem;margin-top: -125rem;margin-left: -125rem;background-image:linear-gradient(rgb(233,238,234),rgb(161,216,185));border-radius: 100%;transform: scale(0);-webkit-transform: scale(0);;transform-origin: center center;transition: all .8s cubic-bezier(.77,0,.175,1);}
.menuBtn .bg.active{transform: scale(1);-webkit-transform: scale(1);background-color: #00a040;}
.menuBox .menuBtn .con{width: 35px;height: 35px;border-radius:100%;background-color: #00a040;position: absolute;right: -5px;top: -10px;}
.menuBox{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: url(../test/menuBoxImg.jpg) no-repeat center / cover;z-index: -1;opacity: 0;visibility: hidden;transition: all .4s ease-in;-webkit-transition: all .4s ease-in;}
.menuBox.active{z-index: 999;opacity: 1;visibility: visible;}
.menuBox .wrap{position: relative;height: 100%;}
.menuBox .menuBtn{position: absolute;top: 0;right: 0;z-index: 2;}
.menuBox .menuBtn span{height: 1px;}
.menuBox .menuBtn span.line1{transform: rotateZ(45deg)translate(14px,8px);}
.menuBox .menuBtn span.line2{display: none;}
.menuBox .menuBtn span.line3{transform: rotateZ(-45deg)translate(-5px,10px);}
.menuBoxDl{padding: 0 3.25%;text-align: center;height: 100%;}
.menuBoxDl dd{display: inline-block;padding: 0 20px;height: 100%;margin: 0 2%;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;padding-top: 17.6851%;vertical-align: top;}
.menuBoxDl dd::before{display: block;content: "";width: 0%;height: 100%;background: rgba(255,255,255,0.8);position: absolute;left: 50%;top: 0;transition: all .4s ease-in;-webkit-transition: all .4s ease-in;margin-left: -120px;}
.menuBoxDl dd:hover::before{width: 240px;}
.menuBoxDl dd ul{position: relative;z-index: 2;}
.menuBoxDl dd ul li{margin-bottom: 25%;}
.menuBoxDl dd ul li a{font-size: 15px;color: #666666;transition: all .4s ease-in;-webkit-transition: all .4s ease-in;}
.menuBoxDl dd ul li.title{margin-bottom: 50%;}
.menuBoxDl dd ul li.title a{font-size: 18px;color: #333333 !important;font-weight: bold;}
.menuBoxDl dd ul li a:hover{color: #00a040;font-weight: bold;}
/* 导航列表end */
/* 搜索 start */
.topC::after{clear: both;content: '';display: block;visibility: hidden;}
.topC .topR{float: right;display: inline;}
.topC .topR::after{clear: both;content: '';display: block;visibility: hidden;}
.subTopBox .topSearch{border:none;}
.subTopBox .topSearch input{border-color: #f2f2f2;color: #333;}
.subTopBox .topSearch a{background:url(../images/tosearch-lv.png) no-repeat center center;}
.topSearch{line-height: 90px;border-right:1px solid #8a9e82;position: relative;}
.topSearch input{background-color:transparent;border: 1px  solid #fff;width: 245px;height: 45px;padding-left: 20px;border-radius: 25px;margin-right:50px;color: #fff;font-size:14px;}
.topSearch input::-webkit-input-placeholder{color:#fff;font-size:14px;}
.topSearch a{display: block;background:url(../images/toSearchImg.png)  no-repeat right center;height: 15px;width: 15px;position: absolute;right:70px;top: 50%;transform: translateY(-50%);}
.topC .indexBgImg{background:#fff;width:100%;position: absolute;left: 0;top: 100%;height:80px;}

.animHide{opacity: 0;}
.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: 72px;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: #028260 url(../images/common/searchH.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 */
/* 导航 end */
/* ————— 头部 end   ————— */
/* ————— indexBanner start ————— */
.indexBanner{position: relative;height: 100%;}
.indexBannerLoad{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); transition: all 1.3s;-webkit-transition: all 1.3s;}
.indexBannerLoad svg{-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;width: 100px;height: 100px;fill: #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 a{display: block;height: 100%;width: 100%;}
.indexBanner .slick-dots{position: absolute;bottom: 15px;left: 0;width: 100%;text-align: center;font-size: 0;    padding-bottom: 40px;}
.indexBanner .slick-dots li{display: inline-block;width: 13px;height:13px;border-radius:100%;margin-right:20px; vertical-align: middle;cursor: pointer;position: relative;background: #fff;cursor: pointer;    transition: all .4s ease-in;-webkit-transition: all .4s ease-in;}
.indexBanner .slick-dots li.slick-active{background: #fff;width:30px;height: 13px;border-radius:6px;}
.indexBanner .mySlide .text{position: absolute; left: 50%; top:50%; width: 1200px; transform: translate(-50%,-50%); color: #FFF;display: none;}
.indexBanner .mySlide .text .text1{ font-size: 25px; margin-bottom: 30px;}
.indexBanner .mySlide .text .text2{ font-size: 0px;}
.indexBanner .mySlide .text .text2 span{font-size: 70px;font-family: "宋体";font-weight: bold;letter-spacing: 3px;float: left;}
.indexBanner .mySlide.slick-active .text{display: block;}
.indexBanner .img{ width: 1200px;position: absolute;left: 50%; top:50%;transform: translate(-50%,-50%); font-size: 0;}
.indexBanner .img .imgItem img{overflow: hidden; display: inline-block; visibility: hidden;}
.indexBanner .img .imgItem img.show{visibility: visible;}
/* ————— indexBanner end ————— */
/* ————— 底部 start ————— */
/* 底部版权start   */
.footCopyRight{ height: 90px; line-height: 90px;font-size: 14px; color: #808080;background-color: #f5f5f5;}
.footCopyRight span.skills{ display: inline-block; padding-left: 15px; margin-left: 14px; position: relative;}
.footCopyRight span.skills::before{ display: block; content: ''; width: 1px; height: 15px; background: rgba(229, 229, 229, .2); position: absolute; left: 0; top: 50%; margin-top: -7px;}
.footCopyRight a{color: #808080;padding-left: 13px;}
.footCopyRight a img{width: 20px;height: 20px;padding: 0 10px 0 22px;}
.footCopyRight a:hover{ color: #000;}
/* 底部版权end   */
/* ————— 底部 end   ————— */
/* ========== 主体框架 end ========== */

/* ========== 内层框架 start ========== */
.subPage{background-color: #fff;}
.subPage.hui{background-color: #f5f5f5;}
/* ————— subBanner start ————— */
.subBanner{position: relative;overflow: hidden;width: 100%;}
.subBanner:before{display: block;content: '';padding-top:24.5833%;}
.subBanner img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; object-position: center center;transform: scale(1.1);-webkit-transform: scale(1.1);transition: all 3s ease;-webkit-transition: all 3s ease;}
.subBanner.on  img{transform: scale(1);-webkit-transform: scale(1);}
.subBanner .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.subBanner .wrap{height: 100%;}
.subBanner .textC{position: relative;text-align: left;}
.subBanner .textC .cnTitle{font-size: 40px;color: #ffffff;line-height:78px;height:78px;text-shadow: 0px 0px 5px rgb(0 0 0 / 0.1); }
.subBanner .textC .enTitle{font-size: 18px;color: #fff;line-height:60px;height:60px;text-shadow: 0px 0px 5px rgb(0 0 0 / 0.1);font-family: 'newTaiLue';}
/* ————— subBanner end ————— */
/* ————— 当前位置 start ————— */
.locationBox{clear:both;width: 100%;height: 80px;background: #fff;box-shadow:0 3px 5px rgb(220 220 220 / 13%);}
.location{height: 60px;overflow: hidden;padding-left: 33px;position: relative;}
.location a.home{ position: absolute; left: 0; top: 0; width: 33px; height: 100%;background-position: left center;background-repeat: no-repeat;background-image: url(../images/common/home.png); padding-left: 0; margin-right: 0;}
.location a{display: inline;float: left;height: 60px;line-height: 60px;padding-left: 14px;margin-right: 10px;background-position: left center;background-repeat: no-repeat;background-image: url(../images/common/icon8.png);color: #a3a3a3;font-size: 14px;}
.location a:hover{color:#1e5ab0}
.location a.hover{color:#1e5ab0}
.sunNavC{height: 80px;position: relative;text-align: center;}
.sunNavC::after{clear: both;content: '';display: block;visibility: hidden;}

.subNav{display: inline-block;vertical-align: middle;}
.subNav::after{ display: block; content: ''; clear: both; visibility: hidden;}
.subNav a{display: inline;float: left;line-height: 78px;height:78px;color: #8a8a8a;font-size: 16px;}
.subNav a.hover{color: #007a5a}
.subNav a:hover{color: #007a5a}

.sunNavC .goHome a{height: 78px;line-height:78px;font-size:18px;color:#d1dd0b;background:url(../images/returnImg.png) no-repeat right center;padding-right:30px;}
.bannerList .subNav a{color: #fff;width: 185px;}
.bannerList .subNav a.hover{background-color: #cd0808;width: 185px;text-align: center;}
.bannerList .subNav a:hover{background-color: #cd0808;width: 185px;text-align: center;}
.subNavText{width: 160px;height: 100px;border-radius:10px 10px 0 0;background:linear-gradient(to right, #007a5a,rgba(102,196,172,0.95)); background:-webkit-linear-gradient(0deg, #007a5a,rgba(102,196,172,0.95));text-align: center;position: absolute;bottom:0;}
.subNavText .cnTitle{font-size:18px;color: #fff;height:40px;line-height:40px;padding-top:20px;}
.subNavText .enTitle{font-size:15px;color:rgba(255,255,255,0.4);height:30px;line-height:30px;font-family: 'newTaiLue';}
/* ————— 当前位置 end ————— */
/* ————— 三级栏目 start ————— */
.sjMenu{ text-align: center; font-size: 0;}
.sjMenu a{ display: inline-block; height: 30px; line-height: 30px; padding:0 30px; color: #333; border: 1px solid #fff; border-radius: 32px; font-size: 14px; margin: 0 5px; background: #FFF;}
.sjMenu a:hover{ background: #1e5ab0; color: #FFF; border-color: #1e5ab0;}
.sjMenu a.hover{ background: #1e5ab0; color: #FFF; border-color: #1e5ab0;}
/* ————— 三级栏目 end ————— */
/* ————— 页码 start ————— */
.page{text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;/* padding:6px 12px; */color:#999999;background: #fff;margin: 0 3px;border-radius: 50%;width: 38px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #dfdfdf;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #007a5a;color: #fff;}
.page a.hover{background: #007a5a;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}
.page a div{width: 11px;height: 19px;background-position: center center;background-repeat: no-repeat;display: inline-block;vertical-align: middle;}
.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)}
.page a.pageMore{ line-height: 32px;}
/* ————— 页码 end ————— */
/* ————— 弹窗 start ————— */
.aykj-recruitTc .layui-layer-btn{ text-align: center;}
.aykj-recruitTc .layui-layer-btn a{ height: 38px; line-height: 38px; padding: 0 40px; font-size: 14px;}
.aykj-recruitTc .layui-layer-btn .layui-layer-btn0{background: #1e5ab0; color: #FFF; border-color: #1e5ab0;}
.aykj-recruitTc .layui-layer-btn .layui-layer-btn1{background: #ddd; color: #8b8b8b; border-color: #ddd;}

.aykj-alert .layui-layer-btn .layui-layer-btn0{background: #1e5ab0; border-color: #1e5ab0;}
/* ————— 弹窗 end ————— */
/* ========== 内层框架 end ========== */

/* ========== 首页 start ========== */
/* ————— 公共部分 start ————— */
.position{width:50px;padding:13px;position: fixed;right: 0;top:50%;}
.position a{width:50px;height:50px;line-height:50px;display: block;}
.position .ewm{margin-bottom: 5px;background:#007a5a url(../images/indexEwm.png) no-repeat center center;}
.position .reTop{background:#007a5a url(../images/reTop.png) no-repeat center center;}
.ewmCon{position:absolute;left:0px; top:100%; width:100%;padding-top: 15px;transform: translateY(10px);-webkit-transform: translateY(10px);transition: all 400ms;-webkit-transition: all 400ms;display: none;}
.ewmCon .icn{position: absolute;left: 14%;top: -117px;border: 11px solid transparent;border-left-color: #fff;margin-left: -13px;display: inline-block;}
.ewmCon .con{background:#fff;border-radius: 5px;position: absolute;right: 78px;bottom: 25px;width: 150px;height: 200px;background-color: #fff;}
.ewmCon .imgBox{position: relative;}
.ewmCon .imgBox::before{padding-top:100%;content: '';display: block;}
.ewmCon .con .imgBox img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.ewmCon .con span{font-size:18px;color:#333;text-align: center;display: block;font-weight: bold;line-height: 50px;}
.ewmCon.hover{display: block;}
#fp-nav{display: none;}
/* ————— 公共部分 end ————— */
/*标题 start*/
.tiltle{position: relative;padding: 80px 0 75px;height: 135px;line-height: 135px;}
.tiltle .enTitle{font-size:120px;color:rgba(0,0,0,.05);text-align: center;text-transform: uppercase;position: relative;}
.tiltle .cnTitle{font-size:35px;color:#333;text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-weight: bold;}
/*标题 end*/
/*按钮 start*/
.m-btn {display: inline-block;padding:0 45px;background-color: #fff;border-radius:25px;}
.m-btn a{display: block; font-size:14px;color:#999999;height: 50px;line-height: 50px;background: url(../images/moreImg-hui.png) no-repeat right center;padding-right:20px;}
.m-btn:hover{background-color: #00a040;}
.m-btn:hover a{background:url(../images/moreImg-bai.png)no-repeat right center;color:#fff;}
/*按钮 end*/
/* ————— 第1通栏 start ————— */
/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
.column2{overflow: hidden;background:url(../test/column2BgImg.png) no-repeat center center;height: 100%;background-size: cover;}
.columnText{text-align: center;margin-bottom:50px;}
.columnText .con{text-align: justify;margin-right:155px;display: inline-block;}
.columnText .con span{color:#00a040;font-size:22px;height: 90px;line-height: 90px;}
.columnText .con span.num{color:#00a040;font-size:60px;}
.columnText .con .text{color:#999999;font-size:16px;height: 25px;line-height: 25px;}
.columnText .con:last-child{margin-right:0;}
.column2Left{float: left;display: inline;width:50.0694%;margin-right:70px;}
.column2Left .pic::before{padding-top:55.4785%;}
.column2Left .pic img{border-radius:30px;}
.column2Right{overflow: hidden;}
.column2Right .rightTitle{font-size:30px;color:#333333;height: 72px;line-height: 72px;padding:27px 0 20px;}
.column2Right .rightText{font-size:14px;color:#666666;min-height: 30px;line-height: 30px;margin-bottom: 45px;}

/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
.column3{overflow: hidden;position: relative;height: 100%;}
.column3Left{overflow: hidden;height: 100%;width: 60%;position: absolute;z-index: 0;left: 0;}
.column3Left .bg{background:url(../test/column3Img2.png) no-repeat center bottom;width: 100%;height: 100%;position: relative;    background-size: cover;}
.conBox{position: absolute;left: 240px;top: 0;width: 100%;height: 100%;}
.leftTitle{height: 100px;line-height: 100px;position: absolute;left:0;top: 97px;}
.leftTitle .cnTitle{font-size:35px;color:#fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.leftTitle .engTitle{font-size:120px;color:rgba(255,255,255,0.05);text-transform: uppercase;}
.leftCon{position: absolute;left:0;bottom:92px;font-size:0;}
.leftCon .textCon{display: inline-block;width:340px;margin-right:120px;}
.leftCon i::before{display: block;content: '';background:url(../images/column3LeftTb.png) no-repeat left center;width: 63px;height: 65px;}
.leftCon .title{font-size:30px;color:#ffffff;height: 80px;line-height: 80px;}
.leftCon .text{font-size:14px;color:#e5e5e5;min-height: 25px;line-height: 25px;}
.conBox span{display: inline-block;content:'';width: 80px;height: 80px;border-radius: 100%;background-color:rgba(0,160,64,0.34);position: relative;cursor: pointer;}
.conBox span::after{display: block;content:'';width: 55px;height: 55px;border-radius: 100%;background: url(../images/moreImg-bai.png) no-repeat center center; background-color:#00a040;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.conBox:hover span{ animation: dsp 1.5s linear infinite;}
@keyframes dsp {
    0% {
        opacity:0;
        transform: scale(1);
    }
    50% {
        opacity:1;
        transform: scale(1.1);
    }
    100% {
        opacity:0;
        transform: scale(1.2);
    }
}
.column3Right{float: right;display: inline;width: 50%;height:100%;clip-path: url(#calumn2bj);background: url(../test/column3Img1.png) no-repeat center bottom;background-size: 100% 100%;z-index: 8;position: absolute;right: 0;}

.column3Right .svgBox{position: relative;}
.column3Right .conBox{position: absolute;left: 197px;top: 0;}
.column3Right .leftCon i::before{display: block;content: '';background:url(../images/column3RightTb.png) no-repeat left center;width: 63px;height: 65px;}

/* ————— 第3通栏 end ————— */
/* ————— 第4通栏 start ————— */
.bg{overflow: hidden;position: relative;background:url(../test/column4BgImg.png) no-repeat  center bottom;background-size: cover;width: 100%;height: 100%;z-index: 0;}
.bg svg{height: 100%;}
.bg .leftBg{float: right;display: inline;height:100%;clip-path: url(#calumn4leftbj);background: url(../test/column4LeftImg.jpg) no-repeat center bottom;background-size: 100% 100%;z-index: 8;position: absolute;left: 0;background-size: cover;}
.bg .rightBg{overflow: hidden;height:100%;clip-path: url(#calumn4rightbj);background: url(../test/column4rightImg.jpg) no-repeat center bottom;background-size: 100% 100%;z-index: 8;position: absolute;right: 0;background-size: cover;}

.column4{overflow: hidden;position: absolute;left: 50%;top: 0;transform: translateX(-50%);z-index: 1;}
.column4Left{width:47.2222%;float: left;display: inline;margin-right: 20px;}
.column4Scroll{position: relative;}
.column4Scroll .bdBox{position: relative;overflow: hidden;border-radius:20px;}
.column4Scroll .bdBox::before{padding-top: 63.2353%;display: block;content: '';}
.column4Scroll .bd{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.column4Scroll .bd .slick-list,.column4Scroll .bd .slick-track{ height: 100%;}
.column4Scroll .bd .myslide .con{ height: 100%;}
.column4Scroll .bd .myslide .con a{ display: block;height: 100%;}
.column4Scroll .bd .myslide .con img{width: 100%;height: 100%;}
.column4Scroll .bd .myslide .con .html{ display: none;}
.column4Scroll .text{position: absolute;left: 0;bottom: 0;width: 100%;height:70px;background-color:rgba(0,0,0,0.5);}/*-webkit-  处理兼容*/
.column4Scroll .text .conTitle a{display: block;line-height: 70px;color: #fff;font-size: 18px;overflow: hidden;width:75.3333%;padding-left:30px;}
.column4Scroll .column4Dot{float:right;display: inline;margin-right:22px;}
.column4Scroll .column4Dot ul{font-size: 0;position: absolute;right: 0;bottom: 0;padding:0 30px 30px 0;}
.column4Scroll .column4Dot ul li{width: 8px;height: 8px;border-radius: 100%;background-color: #fff;display: inline-block; margin-right:10px;}
.column4Scroll .column4Dot ul li.slick-active{ background: #fff;width:20px;height: 8px;border-radius:5px;}/*当前li状态*/

.column4Right{overflow: hidden;margin-right: -20px;}
.column4Right dd{width:50%;float:left;display: inline;}
.column4Right .ddCon{margin-right:20px;background-color: #fff;padding:0 30px;height: 430px;display: block;}
.column4Right dd span{font-size:15px;color:#999999;height: 22px;line-height: 22px;padding-top:35px;display: block;}
.column4Right dd .ddTitle{font-size:22px;color:#333333;height: 68px;line-height:68px;display: block;}
.column4Right dd .ddText{font-size:14px;color:#666666;height: 50px;line-height:25px;margin-bottom:25px; display: block;}
.column4Right dd .pic::before{padding-top:66.6667%;}

.section4 .m-btn{text-align: center;display: block;width: 150px;height: 50px;margin: 0 auto;padding: 0;}
.section4 .m-btn a{vertical-align:middle;display: inline;}
/* ————— 第4通栏 end ————— */
/* ————— 第5通栏 start ————— */
/* ————— 第5通栏 end ————— */
/* ————— 第6通栏 start ————— */
/* ————— 第6通栏 end ————— */
/* ————— 第7通栏 start ————— */
/* ————— 第7通栏 end ————— */
/* ————— 第8通栏 start ————— */
/* ————— 第8通栏 end ————— */
/* ========== 首页 end ========== */
/* ========== 频道页 start ========== */
/* 企业理念start */
/* 公共部分start */
.phTitle{position: relative; text-align: center;font-size: 28px;color: #007a5a;line-height: 50px;height: 50px;}
.phTitle::before{display: block;content: "";position: absolute;left: 39%;top: 50%;width: 93px;height: 3px;background: url("../images/phTitleL.png") no-repeat center center;}
.phTitle::after{display: block;content: "";position: absolute;right: 39%;top: 50%;width: 93px;height: 3px;background: url("../images/phTitleR.png") no-repeat center center;}
/* 公共部分end */
/* 第一通栏start */
.phColumn1{width: 100%;height: 476px;background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.phColumn1C{padding: 57px 0 0}
.phColumn1C .phTitle{margin-bottom: 115px;}
.phColumn1List{position: relative;}
.phColumn1List dd{position:absolute;}
.phColumn1List dd .con{width: 135px;height: 135px; line-height: 150px;text-align: center;font-size: 24px;color: #ffffff;border-radius: 50%;font-weight: bold;}
.phColumn1List dd.dd1{left: 34%;top: 0;}
.phColumn1List dd.dd2{left: 41%;top: -45px;}
.phColumn1List dd.dd3{left: 48%;top: 15px;}
.phColumn1List dd.dd4{left: 54%;top: -59px;}
.phColumn1List dd.dd1 .con{background-color: rgb(56, 124, 213,0.6);width: 150px;height: 150px;}
.phColumn1List dd.dd2 .con{ background-color: rgb(143, 213, 166,0.6)}
.phColumn1List dd.dd3 .con{background-color: rgb(244, 103, 37,0.6);}
.phColumn1List dd.dd4 .con{background-color: rgb(225, 51, 46,0.6);}

.phColumn1List2{position: relative;}
.phColumn1List2 dd{position: absolute;}
.phColumn1List2 dd .con{width: 25px;height: 25px;border-radius: 50%;}
.phColumn1List2 dd.dd1{left: 30%;top: -36px;}
.phColumn1List2 dd.dd2{left: 33%;top: 103px;}
.phColumn1List2 dd.dd3{left: 42%;top: 130px;}
.phColumn1List2 dd.dd4{left: 50%;top: -29px;}
.phColumn1List2 dd.dd5{left: 58%;top: 120px;}
.phColumn1List2 dd.dd1 .con{ background-color: rgb(144, 167, 190,0.1);width: 20px;height: 20px;}
.phColumn1List2 dd.dd2 .con{ background-color: rgb(144, 167, 190,0.1);}
.phColumn1List2 dd.dd3 .con{ background-color: rgb(108, 129, 149,0.2);width: 47px;height: 47px;}
.phColumn1List2 dd.dd4 .con{ background-color: rgb(144, 167, 190,0.1);}
.phColumn1List2 dd.dd5 .con{ background-color: rgb(108, 129, 149,0.2);width: 37px;height: 37px;}
/* 第一通栏end */
/* 第二通栏satrt */
.phColumn2{width: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.phColumn2C{padding: 60px 0 75px;}
.phColumn2C .phTitle{margin-bottom: 42px;color: #fff;}
.phColumn2C .phTitle::before{display: block;content: "";position: absolute;left: 39%;top: 50%;width: 93px;height: 3px;background: url("../images/phTitleL1.png") no-repeat center center;}
.phColumn2C .phTitle::after{display: block;content: "";position: absolute;right: 39%;top: 50%;width: 93px;height: 3px;background: url("../images/phTitleR1.png") no-repeat center center;}
.phColumn2C .text .title{font-size: 40px;line-height: 70px;color: #fff;width: 47.8%;margin: 0 auto;}
.phColumn2C .text .title .span1{display: block;text-align: right;position: relative;}
.phColumn2C .text .title .span1::after{display: block;content: "";width: 20px;height: 15px;position: absolute;right: -30px;top: 0;background: url("../images/douhao2.png") no-repeat center center;}
.phColumn2C .text .title .span2{display: block;position: relative;}
.phColumn2C .text .title .span2::before{display: block;content: "";width: 20px;height: 15px;position: absolute;left: -30px;top: 0;background: url("../images/douhao1.png") no-repeat center center;}
/* 第二通栏end */
/* 第三通栏start */
.phColumn3{width: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.phColumn3C{padding: 60px 0 55px;}
.phColumn3C .phTitle{margin-bottom: 33px;}
.phColumn3CList{margin-right: -295px;}
.phColumn3CList dd{float: left;display: inline;width: 50%;margin-bottom: 190px;}
.phColumn3CList dd.dd3,.phColumn3CList dd.dd4{margin-bottom: 0;}
.phColumn3CList dd .con{margin-right: 295px;padding-right: 75px;}
.phColumn3CList dd.dd2 .con,.phColumn3CList dd.dd4 .con{padding-left: 75px;padding-right: 0;}
.phColumn3CList dd .con .text .title{text-align: left;font-size: 26px;color: #333;line-height: 45px;height: 45px;overflow: hidden;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 2px solid #71b2a0;}
.phColumn3CList dd.dd2 .con .text .title,.phColumn3CList dd.dd4 .con .text .title{padding-left: 45px;}
.phColumn3CList dd .con .text{position: relative;}
.phColumn3CList dd .con .text::after{display: block;content: "";right: -84px;top: 95px;width: 100px;height: 2px;background-color: rgb(0 122 90 / 57%);position: absolute;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.phColumn3CList dd.dd2 .con .text::after{display: block;content: "";left: -84px;top: 95px;width: 100px;height: 2px;background-color: rgb(0 122 90 / 57%);position: absolute;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.phColumn3CList dd.dd3 .con .text::after{display: block;content: "";right: -84px;top: 15px;width: 100px;height: 2px;background-color: rgb(0 122 90 / 57%);position: absolute;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.phColumn3CList dd.dd4 .con .text::after{display: block;content: "";left: -84px;top: 15px;width: 100px;height: 2px;background-color: rgb(0 122 90 / 57%);position: absolute;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}

.phColumn3CList dd.dd2 .con .text::before,.phColumn3CList dd.dd4 .con .text::before{left: 0;}
.phColumn3CList dd .con .text::before{display: block;content: "";right: 0;top: 50px;width: 12px;height: 12px;border-radius: 50%;background-color: #007a5a;position: absolute;}
.phColumn3CList dd .con .text .info{text-align: justify;font-size: 16px;color: #666;line-height: 45px;height: 135px;overflow: hidden;padding: 0 60px 0 130px;}
.phColumn3CList dt{width: 295px;height: 250px;position: relative;top: 140px;left: 50%;margin-left: -290px;background: url("../images/phColumn3Icon.png") no-repeat center center;}
.phColumn3CList dt .text{position: absolute;left: 30%;top: 40px;line-height: 35px;height: 35px;overflow: hidden;font-size: 30px;color: #fff;font-weight: bold;}
/* 第三通栏end */
/* 第四通栏start */
.phColumn4{width: 100%;background-color: #eef5f8;}
.phColumn4C{padding: 55px 0 70px;}
.phColumn4C .phTitle{margin-bottom: 55px;}
.phColumn4C .phTitle::before{left: 38%;}
.phColumn4C .phTitle::after{right: 38%;}
.phColumn4CList{margin-right: -30px;}
.phColumn4CList dd{float: left;display: inline;width: 25%;}
.phColumn4CList dd a{display: block;text-align: center;margin-right: 30px;padding: 25px 0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.phColumn4CList dd a .icon{width: 75px;height: 75px;margin: 0 auto;background-position: center center;background-repeat: no-repeat;transition: all 0.5s;-webkit-transition: all 0.5s;}
.phColumn4CList dd.dd1 a {background-color: #5e64a1;}
.phColumn4CList dd.dd2 a {background-color: #46bb60;}
.phColumn4CList dd.dd3 a {background-color: #e9ba18;}
.phColumn4CList dd.dd4 a {background-color: #209ada;}
.phColumn4CList dd.dd1 a .icon{background-image: url("../images/phColumn4Icon1.png");}
.phColumn4CList dd.dd2 a .icon{background-image: url("../images/phColumn4Icon2.png");}
.phColumn4CList dd.dd3 a .icon{background-image: url("../images/phColumn4Icon3.png");}
.phColumn4CList dd.dd4 a .icon{background-image: url("../images/phColumn4Icon4.png");}
.phColumn4CList dd a .cnTitle{font-size: 18px;line-height: 40px;height: 40px;color: #fff;overflow: hidden;}
.phColumn4CList dd a .enTitle{font-size: 20px;line-height: 35px;height: 35px;color: #fff;overflow: hidden;}
.phColumn4CList dd:hover a{background-color: rgba(0, 0, 0, 0.5);}
.phColumn4CList dd:hover a .icon{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
/* 第四通栏end */
/* 第五通栏start */
.phColumn5{width: 100%;background-color: #fafafa;overflow: hidden;}
.phColumn5C{padding: 60px 0 70px;}
.phColumn5C .phTitle{margin-bottom: 60px;}
.phColumn5C .phTitle::before{left: 37%;}
.phColumn5C .phTitle::after{right: 37%;}
.phColumn5CList{margin-right: -30px;height:315px;}
.phColumn5CList dd{width: 16.6667%;height: 170px;float: left;display: inline;}
.phColumn5CList dd a{display: block;margin-right: 30px;background-color: #fff;height: 100%;position: relative;}
.phColumn5CList dd a::before{display: block;content: "";position: absolute;right: 13px;top: 35px;width: 40px;height: 2px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background-color: #007a5a;}
.phColumn5CList dd a::after{display: block;content: "";position: absolute;left: 10px;bottom: 25px;width: 40px;height: 2px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background-color: #007a5a;}
.phColumn5CList dd.even a{background-color: #fff;margin-top: 80px;}
.phColumn5CList dd a .text {text-align: center;}
.phColumn5CList dd a .text .title{font-size: 16px;color:#007a5a;line-height: 30px;height: 30px;overflow: hidden;}
.phColumn5CList dd a .text .info{font-size: 14px;color:#007a5a;line-height: 25px;height: 25px;overflow: hidden;}
.phColumn5Con .textC{overflow: hidden;font-size: 16px;color: #333333;overflow: hidden;}
.phColumn5Con .textC p{height: 90px;overflow: hidden;line-height: 30px;}

.phColumn5CList dd:hover a{background-color: #007a5a;}
.phColumn5CList dd:hover a .text.title{color: #fff;}
.phColumn5CList dd:hover a .text.info{color: #fff;}
.phColumn5CList dd:hover a::after{background-color: #fff;}
.phColumn5CList dd:hover a::before{background-color: #fff;}
/* 第五通栏end */
/* 企业理念end */
/* 创新发展start */
/* 第一通栏start */
/* 第一通栏end */
.developColumn1{width: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.developColumn1C{padding: 75px 40px 85px;}
.developColumn1C .phTitle{margin-bottom: 95px;}
.developC1Con .img1{height: 395px;float: left;display: inline;margin-right: 150px;}
.developC1Con .img1 img{width: 100%;height: 100%;}
.developC1Con .text{overflow: hidden;text-align: center;}
.developC1Con .text p{line-height: 30px;height: 90px;overflow: hidden;font-size: 16px;color: #666666;}
.developC1Con .text .icon1{height: 30px;background: url("../images/developColumn1Icon.png") no-repeat center center;padding: 20px 0;}
/* 第二通栏start */
.developColumn2{width: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.developColumn2C{padding: 100px 0px 215px;}
.developColumn2C .phTitle{margin-bottom: 40px;color: #fff;}
.developColumn2C .phTitle::before{display: block;content: "";position: absolute;left: 39%;top: 50%;width: 93px;height: 3px;background: url("../images/phTitleL1.png") no-repeat center center;}
.developColumn2C .phTitle::after{display: block;content: "";position: absolute;right: 39%;top: 50%;width: 93px;height: 3px;background: url("../images/phTitleR1.png") no-repeat center center;}
.developColumn2C .text{margin-bottom: 85px;}
.developColumn2C .text .title{text-align: center;font-size: 22px;color: #ffffff;line-height: 55px;height: 55px;overflow: hidden;}
.developColumn2C .text .info{text-align: center;padding: 0 180px;font-size: 16px;color: #ffffff;line-height: 30px;height: 60px;}
.developC2Scroll{position: relative;}
.developC2Scroll .bd{ overflow: hidden;padding: 15px 0 0;}
.developC2Scroll .slick-list{ overflow: visible; margin-right: -30px; }
.developC2Scroll .myslide{float: left; display: inline;}
.developC2Scroll .con{display: block; margin-right: 30px;height: 325px;background: url("../images/developColumn2Icon.png") no-repeat center center;padding: 0 40px;box-sizing: border-box;-webkit-box-sizing: border-box;transition: all 0.3s;-webkit-transition: all 0.3s;transform: translate(0,0px);-webkit-transform: translate(0,0px);}
.developC2Scroll .con .num{text-align: center;width: 60px;height: 60px;border-radius: 50%;line-height: 60px;overflow: hidden;font-size: 24px;font-weight: bold;color: #fff;background-color: #007a5a;border:10px solid #f2f2f2;margin: 0 auto 35px;}
.developC2Scroll .con .textC .info{line-height: 30px;height: 90px;overflow: hidden;font-size: 16px;color: #333333;text-align: center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.developC2Scroll .prev{ display:block; width: 45px; height: 45px; cursor: pointer; background:url(../images/prev2.png) no-repeat center center; position: absolute; left: 45%; bottom:-110px; z-index: 1;border-radius: 50%;border: 1px solid #312a19;transition: all 0.3s;-webkit-transition: all 0.3s;}
.developC2Scroll .next{ display:block; width: 45px; height: 45px; cursor: pointer; background: url(../images/next2.png) no-repeat center center; position: absolute; right:45%; bottom: -110px; z-index: 1;border-radius: 50%;border: 1px solid #312a19;transition: all 0.3s;-webkit-transition: all 0.3s;}
.developC2Scroll .prev:hover{ background: #fff url(../images/prev2H.png) no-repeat center center;}
.developC2Scroll .next:hover{ background: #fff url(../images/next2H.png) no-repeat center center;}
.developC2Scroll .con:hover{transform: translate(0,-15px);-webkit-transform: translate(0,-15px);}
.developC2Scroll .con:hover .textC .info{color: #007a5a;}
.developC2Scroll .con:hover .num{ animation: dsp 1s linear infinite;}
@keyframes dsp {
    0% {
        opacity:0;
        transform: scale(1);
    }
    50% {
        opacity:1;
        transform: scale(1.1);
    }
    100% {
        opacity:0;
        transform: scale(1.2);
    }
}
/* 第二通栏end */
/* 第三通栏start */
.developColumn3{width: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.developColumn3C{padding: 85px 0px 80px;}
.developColumn3C .phTitle{margin-bottom: 85px;}
.developC3List{margin-right: -30px;margin-bottom: -30px;}
.developC3List dd{float: left;display: inline;width: 50%;margin-bottom: 30px;transition: all 300ms;-webkit-transition: all 300ms;}
.developC3List dd .con{display: block;margin-right: 30px;background-color: #f2f2f2;border-radius: 10px;padding: 0 20px;}
.developC3List dd .con .btn{margin-top: 35px;margin-left: 40px;}
.developC3List dd .con .btn a{display: block;line-height: 30px;height: 30px;overflow: hidden;padding: 0 10px;background: #007a5a;font-size: 14px;color: #ffffff;text-align: center;border-radius: 5px;}
.developC3List dd .con .text{line-height: 100px;height: 100px;overflow: hidden;color: #333333;}
.developC3List dd .con .text .span1{font-size: 18px;margin-right: 60px;}
.developC3List dd .con .text .span2{font-size: 14px;}
.developC3List dd:hover{transform: translateY(-10px);}
.developC3List dd:hover .con{box-shadow:5px 5px 10px rgba(0,0,0,.2);}

/* 第三通栏end */
/* 创新发展end */
/* 产品服务start */
/* 第一通栏start */
.serviceColumn1{width: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.serviceC1C{padding: 75px 0px 80px;}
.serviceC1C .phTitle{margin-bottom: 95px;}
.serviceC1Con .pic{margin-right: 80px;float: left;display: inline;width: 600px;}
.serviceC1Con .pic::before{padding-top: 66.6666%;}
.serviceC1Con .pic img{border-radius: 10px;}
.serviceC1Con .text{overflow: hidden;padding-top: 70px;}
.serviceC1Con .text .title{font-size: 24px;color: #007a5a;line-height: 40px;height: 40px;overflow: hidden;margin-bottom: 30px;}
.serviceC1Con .text .info{line-height: 30px;}
.serviceC1Con .text .info p{font-size: 16px;color: #666666;}
/* 第一通栏end */
/* 第二通栏start */
.serviceColumn2{width: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.serviceC2C{padding: 85px 0px 95px;}
.serviceC2C .phTitle{margin-bottom: 105px;}
.serviceC2CList{margin-right: -185px;}
.serviceC2CList dd{float: left;display: inline;width: 33.3333%;position: relative;}
.serviceC2CList dd .con{display: block;margin-right: 185px;height: 400px;padding: 0 60px;box-sizing: border-box;-webkit-box-sizing: border-box;z-index:1;position: relative;}
.serviceC2CList dd .con .num{text-align: center;font-size: 30px;color: #ffffff;line-height: 40px;height: 40px;overflow: hidden;margin-bottom: 25px;}
.serviceC2CList dd .con .info{text-align: center;font-size: 14px;color: #ffffff;line-height: 30px;height: 180px;overflow: hidden;}
.serviceC2CList dd .bg{position: absolute;width: 100%;height: 100%;background: url("../images/serviceColumn2Icon.png") no-repeat center center;left: 0;top: 0;animation: retate360 10s linear infinite paused;-webkit-animation: retate360 10s linear infinite paused;}
.serviceC2CList dd:hover .bg{animation-play-state: running;}

@keyframes retate360
{
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
 
@-webkit-keyframes retate360 /* Safari 与 Chrome */
{
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
/* 第二通栏end */
/* ========== 频道页 end ========== */