@charset "UTF-8";

.section {overflow: hidden;}
.animHide {opacity: 0;}
.showIn{opacity: 1 !important;}
/* ========== 主体框架 start ========== */
/* ————— 头部 start ————— */
/*头部开始*/
.top{position:fixed;width:100%;left:0;height:90px;z-index:999;min-width:1280px;box-shadow: 0 2px 3px rgba(0,0,0,0.06);transition: 0.3s all;-webkit-transition: 0.3s all;opacity: 1;}
.indexTop.show .top{
	transform: translateY(-92px);
	-webkit-transform: translateY(-92px);
	opacity: 0;
}
.topC{position:relative;margin:0 3.6458%}
.topLogo{padding:20px 0}
.topLogo img{display:block;height:50px}
.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:32px;text-align:center;overflow:hidden;color:#E5E5E5;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;background:#fff;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;margin-left:10px}
.searchPWBox input::placeholder{color:#999;font-size:16px}
.searchPWBox input::-webkit-placeholder{color:#999;font-size:16px}
.searchPWBox a{float:left;display:inline;width:60px;height:60px;background:#0075c1 url(../images/serach.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}
}
/*头部结束*/
/*menu开始*/
.menuDl{position:relative}
.menuDl:after{display:block;content:"";clear:both}
.menuDl dd{display:inline;float:left;position:relative;z-index:3;margin:0 30px}
.menuDl dd span a{display:block;height:90px;overflow:hidden;line-height:90px;color:#333333;font-size:16px;position:relative;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}
.jasper{background-color:#ffffff}
.menuDl dd.hover span a{color:#0075c1;font-weight:bold}
.subMenuDiv{display:none;width:100%;position:absolute;top:91px;z-index:1}
.menuDl dd.hover .subMenuDiv{z-index:3}
.menuDl dt{height:2px;position:absolute;left:0px;bottom:-1px;z-index:2;background:#0075c1}
.subMenu_ul{width:1000px;overflow:hidden;position:relative;z-index:3}
.subMenuShadow{height:100%;overflow:hidden;position:absolute;background:rgba(255,255,255,0.75);left:50%;top:0px;z-index:1;width:50000px;margin-left:-25000px}
.subMenu_ul li{overflow:hidden;height:60px;line-height:60px;position:relative;z-index:2;float:left;display:inline;margin-right: 48px;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
.menuDl dd.hover .subMenu_ul li{opacity:0;-webkit-animation:liMove 0.3s linear forwards;-o-animation:liMove 0.3s linear forwards;animation:liMove 0.3s linear forwards}
@keyframes liMove{0%{transform:translateY(-110%);opacity:0}
100%{transform:translateY(0px);opacity:1}
}
.menuDl dd.hide .subMenu_ul li{opacity:1;-webkit-animation:liHIde 0.3s linear forwards;-o-animation:liHIde 0.3s linear forwards;animation:liHIde 0.3s linear forwards}
@keyframes liHIde{0%{transform:translateY(0px);opacity:1}
100%{transform:translateY(110%);opacity:0}
}
.subMenu_ul li a{display:block;overflow:hidden;font-size:14px;color:#000;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}
.subMenu_ul li a:hover{color:#0075c1}
.subMenu_ul li.hover a{color:#0075c1}
.subMenu_ul li a span{position:relative}
.subMenu_ul li:hover a span{color:#0075c1}
.subMenu_ul li a span em{display:block;width:2px;height:10px;overflow:hidden;position:absolute;left:0px;top:50%;margin-top:-5px;background:#2184c7}
.listBg{width:0px;height:0px;overflow:hidden;background:#fff;position:absolute;left:0px;top:0px}
.menuBg{display:none;width:100%;height:50px;overflow:hidden;position:absolute;left:0px;top:100px;z-index:1;background:rgba(0,0,0,0.6)}
.subMenuDiv.showMenu{-webkit-animation:showMenu 0.5s linear forwards;-o-animation:showMenu 0.5s linear forwards;animation:showMenu 0.5s linear forwards}
@keyframes showMenu{0%{opacity:0.5}
100%{opacity:1}
}.subMenuDiv.hideMenu{-webkit-animation:hideMenu 0.5s linear forwards;-o-animation:hideMenu 0.5s linear forwards;animation:hideMenu 0.5s linear forwards}
@keyframes hideMenu{0%{opacity:0.2}
100%{opacity:0}
}.topHide{position:relative;width:100%;height:80px}
.topSearch{overflow:hidden;position:absolute;left:50%;margin:-19px 0 0 -19px;width:38px;height:38px;top:50%;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;border-radius:100%}
.topSearch::before{content:"";display:block;width:100%;height:100%;border-radius:100%;background:rgba(153,153,153,0.2);position:absolute;left:50%;top:50%;animation:circle1 4s infinite linear;transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);z-index:1}
.topSearch::after{content:"";display:block;width:100%;height:100%;border-radius:100%;background:rgba(153,153,153,0.2);position:absolute;left:50%;top:50%;animation:circle1 4s infinite linear;animation-delay:2s;transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);z-index:2}
.topSearch a{display:block;width:38px;height:38px;background: url(../images/serachh.png) center center no-repeat}
@keyframes circle1{0%{opacity:0.5;transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1)}
20%{opacity:0.55;transform:translate(-50%,-50%) scale(0.7);-webkit-transform:translate(-50%,-50%) scale(0.7)}
40%{opacity:0.6;transform:translate(-50%,-50%) scale(0.8);-webkit-transform:translate(-50%,-50%) scale(0.8)}
60%{opacity:0.65;transform:translate(-50%,-50%) scale(0.9);-webkit-transform:translate(-50%,-50%) scale(0.9)}
80%{opacity:0.7;transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1)}
100%{opacity:0;transform:translate(-50%,-50%) scale(0.6);-webkit-transform:translate(-50%,-50%) scale(0.6)}
}
.topBtn{display:block;width:30px;height:36px;background:url(../images/search.png) center center no-repeat;position:relative;z-index:5}
.searchDiv{overflow:hidden;padding:0 5px}
.topRc{position:relative;padding:0 30px;height:90px}
.indexMenuBtn{
	position: fixed;
	right: 30px;
	top: 30px;
	z-index: 100;
	width: 35px;
	height: 35px;
	background-color: #0075c1;
	border-radius: 50%;
	padding-top: 12px;
	padding-left: 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
}
.indexMenuBtn span {
    display: block;
    width: 20px;
    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;
}
.indexMenuBtn span.line2 {
    width: 16px;
}
.indexMenuBtn.active span{height: 1px;}
.indexMenuBtn.active span.line1{transform: rotateZ(45deg)translate(4px,4px);}
.indexMenuBtn.active span.line2{display: none;}
.indexMenuBtn.active span.line3{transform: rotateZ(-45deg)translate(-2px,2px);}
.indexMenuBtn.hide{
	opacity: 0;
	transform: translateX(70px);
	-webkit-transform: translateX(70px);
}
.indexMenuBtn .bg {
    position: absolute;
    left: 50%;
    top: 65%;
    width: 250rem;
    padding-top: 250rem;
    margin-top: -125rem;
    margin-left: -125rem;
    background: rgba(220,239,249);
    border-radius: 100%;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: center center;
    transition: all .8s cubic-bezier(.77,0,.175,1);
}
.indexMenuBtn .bg.active {
    transform: scale(1);
    -webkit-transform: scale(1);
}
/* ————— 头部 end   ————— */
/* 侧边栏目 start*/
.menuBox{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/menubg.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 .menuBoxCon{height: 100%;}
.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.2);position: absolute;left: 50%;top: 0;ransition: 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: 16px;line-height: 30px;}
.menuBoxDl dd ul li a{font-size: 15px;color: #ffffff;transition: all .4s ease-in;-webkit-transition: all .4s ease-in;}
.menuBoxDl dd ul li.title{margin-bottom: 48px;}
.menuBoxDl dd ul li.title a{font-size: 18px;color: #ffffff !important;font-weight: bold;}
.menuBoxDl dd ul li a:hover{color: #0075c1;font-weight: bold;}
.menuBtn span{height: 1px;}
.menuBtn span.line1{transform: rotateZ(45deg)translate(4px,4px);}
.menuBtn span.line2{display: none;}
.menuBtn span.line3{transform: rotateZ(-45deg)translate(-2px,2px);}
/* 侧边栏目 end*/
/* ————— indexBanner start ————— */
.sectionBanner{position:relative;height:100%;width:100%}
.col1BgBox{position:absolute !important;width:105%;height:105%;left:-2.5% !important;top:-2.5% !important}
.col1Bg{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:0}
.col1BgBoxw{position:absolute !important;width:101%;height:101%;left:-0.5% !important;top:-0.5% !important}
.col1Bgw{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:0}
.indexBanner{overflow:hidden;height:100%;width:100%;position:relative}
.indexBanner .myslide{background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;height:100%;background:rgba(0,0,0,0.1)}
.indexBanner .myslide a{display:block;position:absolute;width:100%;height:100%;top:0;right:0;transform:scale(1.2);-webkit-transform:scale(1.2);transition:all 2s cubic-bezier(0.14,0.32,0.51,0.65);-webkit-transition:all 2s cubic-bezier(0.14,0.32,0.51,0.65);opacity:0}
.indexBanner .myslide.slick-active a{transform:scale(1);-webkit-transform:scale(1);opacity:1}
.indexBanner .textCon{position:absolute;width:980px;height:148px;left: 50%;z-index:5;top:31.4815%;margin-left: -490px;}
.indexBanner .textConLeft{position:absolute;width:370px;height:148px;left:0;top:0}
.indexBanner .textImg{position:absolute;width:156px;height:40px;right:0;top:30px}
.indexBanner .textImg1{position:absolute;width:230px;height:22px;right:0;top:81px}
.indexBanner .textImg2{position:absolute;width:364px;height:10px;right:0;top:114px}
.indexBanner .textConRight{position:absolute;left:385px;height:148px}
.indexBanner .textImg3{position:absolute;top:50%;left:0;width:3px;height:107px;margin-top:-53px}
.indexBanner .textImg4{position:absolute;left:17px;height:102px;width:576px}
.indexBanner .textImg4 img{visibility:hidden}
.indexBanner .textImg4 img.show{visibility:visible}
.indexBanner .textImg4 .img1{position:absolute;width:104px;height:92px;left:0;top:10px}
.indexBanner .textImg4 .img2{position:absolute;width:68px;height:56px;left:96px;top:31px}
.indexBanner .textImg4 .img3{position:absolute;width:83px;height:92px;left:172px;top:10px}
.indexBanner .textImg4 .img4{position:absolute;width:62px;height:60px;left:262px;top:27px}
.indexBanner .textImg4 .img5{position:absolute;width:96px;height:58px;left:326px;top:30px}
.indexBanner .textImg4 .img6{position:absolute;width:64px;height:58px;left:424px;top:32px}
.indexBanner .textImg4 .img7{position:absolute;width:84px;height:89px;left:488px;top:7px}
.indexBanner .textImg5{position:absolute;width:465px;height:19px;left:20px;top:113px}
.indexBanner img{display:block}
.indexBanner .slick-dots{position:absolute;bottom:7.4074%;left:3.75%;text-align:center;z-index:2;display:flex;align-items:center}
.indexBanner .slick-dots li{width:11px;height:11px;line-height:9999px;text-align:center;color:#ffffff;display:inline-block;margin-right:30px;cursor:pointer;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;border-radius:13px;border:1px solid #FFFFFF;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in}
.indexBanner .slick-dots li.slick-active{width:13px;height:13px;background:#f6ab00;border-color:#f6ab00}
.indexBanner .indexBannerBtn{position:absolute;right:12.5%;bottom:5.9259%}
.indexBannerBtn .prev{display:block;position:absolute;width:45px;height:45px;right:70px;bottom:0%;background:rgba(255,255,255,0.3) url(../images/prevLeft.png) center center no-repeat;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;cursor:pointer;border-radius:50px}
.indexBannerBtn .next{display:block;position:absolute;width:45px;height:45px;right:0;bottom:0%;background:rgba(255,255,255,0.3) url(../images/prevRight.png) center center no-repeat;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;cursor:pointer;border-radius:50px}
.indexBannerBtn .prev:hover,.indexBannerBtn .next:hover{background-color:#f6ab00}
.arrowDown{position:absolute;left:0;bottom:6.2962%;width:50px;left:50%;margin-left:-25px;text-align:center;z-index:3}
.arrowDown i{display:inline-block;width:34px;height:35px;background:url(../images/navBottom.png) no-repeat center top;-webkit-animation:arrowDown 1s infinite linear;cursor:pointer}
@-webkit-keyframes arrowDown{0%{-webkit-transform:translate(0,0)}
25%{-webkit-transform:translate(0,6px)}
50%{-webkit-transform:translate(0,0)}
75%{-webkit-transform:translate(0,-6px)}
100%{-webkit-transform:translate(0,0)}
}
.indexEvent{
	position: absolute;
	top: 50%;
	right: 75px;
	margin-top: -32px;
}
.indexEvent a{
	display: block;
	width: 65px;
	height: 65px;
	background-color: #0075c1;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	padding-top: 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.indexEvent a:hover{
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.indexEvent .icon{
	width: 26px;
	height: 26px;
	margin: 0 auto 6px;
	background: url(../images/indexEventIcon.png) no-repeat center center;
	background-size: cover;
}
.indexEvent .title{
	font-size: 14px;
	color: #fefefe;
}
/* ————— indexBanner end ————— */
/* 关于我们 start */
.column2Left{float:left;display:inline;width:50%;height:100%;position:relative}
.column2LeftBg{position:relative;height:100%;overflow:hidden}
.sectionCon{position:absolute;width:100%;top:45px;bottom:0;left:0;z-index:2}
.videoPlay{position:absolute;width:100px;height:100px;left:50%;top:50%;margin:-50px 0 0 -50px;border-radius:100%;cursor:pointer}
.videoPlay::before{content:"";display:block;width:100px;height:100px;border-radius:4px;background:rgba(0,117,193,.25);position:absolute;animation:circle-opacity 2s infinite linear;left:50%;top:50%;transform:translate(-50%,-50%) scale(0,0);border-radius:100%}
.videoPlay span{position:absolute;width:100%;height:100%;top:0;left:0;background:#0075c1 url(../images/player.png) center center no-repeat;border-radius:100%;z-index:5}
@keyframes circle-opacity{from{opacity:1;transform:translate(-50%,-50%) scale(1.1);background:rgba(0,117,193,.25)}
to{opacity:0;transform:translate(-50%,-50%) scale(1.5);background:rgba(0,117,193,.8)}
}.column2Right{overflow:hidden;height:100%;position:relative}
.cloumn2Digit{position:absolute;width:100%;left:0;bottom:0}
.cloumn2Dl{overflow:hidden}
.cloumn2Dl dd{float:left;display:inline;width:33.333%;position:relative}
.cloumn2Dl dd::before{display:block;content:"";padding-top:87.5%}
.cloumn2Dl dd .con{position:absolute;width:100%;height:100%;top:0;left:0}
.cloumn2Dl dd .title{height:70px;position:relative;text-align:center;margin-bottom:50px}
.cloumn2Dl dd .titleCon{display:inline-block;font-size:0;position:relative;overflow:hidden}
.cloumn2Dl dd .titleCon::before{display:block;content:"";position:absolute;width:26px;height:2px;left:50%;bottom:0;background:#FFFFFF;margin-left:-13px}
.cloumn2Dl dd .title .nubTitle{height:70px;line-height:70px;float:left;display:inline;font-size:36px;color:#FFFFFF;font-weight:bold}
.cloumn2Dl dd .title em{font-size:14px;color:#FFFFFF;font-weight:bold;float:left;display:inline;height:50px;line-height:50px;font-style:normal;padding:0 10px}
.cloumn2Dl dd .text{font-size:16px;text-align:center;height:30px;line-height:30px;text-align:center;color:#FFFFFF}
.cloumn2Dl dd.dd1::before{background:rgba(0,117,193,0.3)}
.cloumn2Dl dd.dd2::before{background:rgba(0,117,193,0.4)}
.cloumn2Dl dd.dd3::before{background:rgba(0,117,193,0.5)}
.column2RightC{padding-top:80px;padding-left:7.9167%}
.indexTitleBox{position:relative;font-family:'Arial';height:87px}
.indexTitleBox .indexTitle{display:inline-block;position:relative;height:50px;line-height:50px;font-size:36px;z-index:2;padding-left:55px;background:url(../images/titleIcon.png) left center no-repeat;font-family:'sjr';color:#333}
.indexTitleBox .indexTitleEg{height:60px;line-height:60px;font-size:60px;position:absolute;left:0;top:27px;font-family:'stFont';color:rgba(153,153,153,0.1);text-transform:uppercase;width:100%}
.indexIntro{padding-top:83px;height:60px;line-height:60px;font-size:22px;color:#222;font-weight:bold;margin-bottom:30px}
.column2Itro{padding-right:26.9663%;height:150px;line-height:30px;font-size:15px;color:#333;overflow:hidden}
.indexMore{height:50px}
.indexMore a{display:inline-block;font-size:0;overflow:hidden}
.indexMore span{float:left;display:inline;height:50px;line-height:50px;font-size:16px;color:#333;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in}
.indexMore em{float:left;display:inline;margin-left:12px;width:38px;height:38px;margin-top:6px;border-radius:100%;background:#f6ab00 url(../images/indexMore.png) center center no-repeat;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in}
.indexMore a:hover span{color:#f6ab00}
.indexMore a:hover em{margin-left:20px;opacity:0.9;box-sizing:0 1px 3px rgba(0,0,0,0.08)}
/* 关于我们 end */
/* 生态环境 start */
.sectionBg{position:relative;height:100%}
.indexTitleBox.white{text-align:center}
.indexTitleBox.white .indexTitle{color:#FFFFFF}
.indexTitleBox.white .indexTitleEg{color:rgba(255,255,255,0.1)}
.column3c{padding-top:97px;margin-bottom:112px}
.column3Itro{padding:0 13.1944%;text-align:center;line-height:28px;font-size:16px;color:#FFFFFF;height:84px;overflow:hidden}
.column3List{position:absolute;width:100%;height:124px;left:0;bottom:18.5185%;background:url(../images/column3Line.png) center center no-repeat;background-size:100% cover}
.column3Dl{position:relative;height:100%}
.column3Dl dd.dd1{position:absolute;left:18.75%;top:28px}
.column3Dl dd .con{position:relative;width:160px;height:160px}
.column3Dl dd .con a{position:absolute;width:160px;height:160px;top:0;left:0;transform-origin:50% 50%;transform:scale(.4);transition:all .3s linear;-webkit-transition:all .3s linear}
.column3Dl dd .quan{position:absolute;width:34px;height:34px;border-radius:50%;left:50%;top:50%;margin:-17px 0 0 -17px;z-index:1}
.column3Dl dd a::before{display:block;content:"";position:absolute;width:100%;height:100%;top:0;left:0;border:1px solid rgba(255,255,255,0.6);border-radius:50%}
.quanWhite{position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border-radius:100%;z-index:2;background:#FFFFFF;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition-delay:.1s;transform:scale(4);-webkit-transform:scale(4);background-repeat: no-repeat;background-size: cover;}
.column3Dl dd .quanIng{position:absolute;width:120px;height:120px;top:50%;left:50%;margin:-60px 0 0 -60px;border-radius:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;transform:scale(0);-webkit-transform:scale(0);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition-delay:.15s;z-index:3}
.column3Dl dd .title{position:absolute;width:100%;height:40px;line-height:40px;text-align:center;font-size:16px;font-weight:bold;color:#FFFFFF;left:0%;text-align:center;transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out}
.column3Dl dd.dd2{position:absolute;right:22.9167%;top:-74px}
.column3Dl dd.dd1 .title{top:120px}
.column3Dl dd.dd2 .title{top:-5px}
.column3Dl dd.dd1.hover .title{transform:translateY(50px);-webkit-transform:translateY(50px)}
.column3Dl dd.dd2.hover .title{transform:translateY(-55px);-webkit-transform:translateY(-55px)}
.column3Dl dd.hover a{transform:scale(1);-webkit-transform:scale(1)}
.column3Dl dd.hover .quanWhite{transform:scale(6.5);-webkit-transform:scale(6.5)}
.column3Dl dd.hover .quanIng{transform:scale(1);-webkit-transform:scale(1)}
/* 生态环境 end */

/* 产品中心 start */
.section4C{position:absolute;left:50%;top:13px;bottom:0;transform:translateX(-50%)}
.section4Con{position:absolute;top:220px;bottom:0;left:0;width:100%;overflow:hidden}
.section4Left{position:absolute;width:400px;height:100%;bottom:0;left:0}
.section4Right{position:absolute;height:100%;bottom:0;left:400px;right:0}
.section4Banner{position:absolute;left:13.1731%;right:80px;height:100%;box-sizing:border-box}
.section4Banner .bannerCon .slick-dots{position:absolute;right:-60px;width:40px !important;height:290px !important;top:50%;margin-top:-145px;background:#FFFFFF;border-radius:40px}
.section4Banner .bannerCon .slick-dots li{position:absolute;width:46px;height:46px;line-height:46px;left:-3px;border-radius:100%;top:50%;transform:translateY(-50%);z-index:2;font-size:16px;color:#545454;text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.section4Banner .bannerCon .slick-dots li:first-child{top:-3px;transform:translateY(0);-webkit-transform:translateY(0)}
.section4Banner .bannerCon .slick-dots li:last-child{top:100%;transform:translateY(-43px);-webkit-transform:translateY(-43px)}
.section4Banner .bannerCon .slick-dots li.slick-active{background-image:linear-gradient(to right,#f49e05,#ee651b);color:#FFFFFF}
.section4Banner .mySlide .slick-track{perspective:800px;-webkit-perspective:800px}
.section4Banner .bannerCon .mySlide{position:absolute;width:100%;top:0;left:0;background:#FFFFFF;border-radius:32px;overflow:hidden;box-shadow:-1px 1px 7px rgba(0,0,0,0.09);transform:scale(.7) translateX(-100px) rotateY(45deg);-webkit-transform:scale(.7) translateX(-100px) rotateY(45deg);opacity:0.3 !important;transform-origin:0 50%;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
.section4Banner .mySlide.next{transform:scale(.85) translateX(-50px);-webkit-transform:scale(.85) translateX(-50px);animation:top2 .5s forwards linear}
.section4Banner .mySlide.slick-active{opacity:1 !important;animation:top .5s forwards linear;transform:scale(1) translateX(0);-webkit-transform:scale(1) translateX(0)}
@keyframes top{0%{opacity:0.3 !important;transform:scale(.85) translateX(-50px) rotateY(15deg);-webkit-transform:scale(.85) translateX(-50px) rotateY(15deg)}
50%{opacity:0.9 !important}
100%{opacity:1 !important;z-index:9999 !important;transform:scale(1) translateX(0) rotateY(0deg);-webkit-transform:scale(1) translateX(0) rotateY(0deg)}
}@keyframes top2{0%{transform:scale(.7) translateX(-100px) rotateY(45deg);-webkit-transform:scale(.7) translateX(-100px) rotateY(45deg)}
50%{}
100%{z-index:9998 !important;transform:scale(.85) translateX(-50px) rotateY(15deg);-webkit-transform:scale(.85) translateX(-50px) rotateY(15deg)}
}.section4Banner .bannerCon .mySlide::before{display:block;content:"";position:absolute;width:220px;height:180px;left:0;top:0;background:url(../images/ym.png) -30px -30px no-repeat}
.section4Banner .bannerCon .mySlide::after{display:block;content:"";position:absolute;width:205px;height:173px;bottom:0;right:0;background:url(../images/yj.png) 10px 10px no-repeat}
.section4Banner .bannerCon .mySlide .con{position:relative;padding-top:63.6363%}
.section4Banner .bannerCon .mySlide a{display:block;position:absolute;width:100%;height:100%;top:0;left:0;padding-top:82px;box-sizing:border-box}
.section4Banner .pic{margin:0 18.1818%}
.section4Banner .pic::before{padding-top:60%%}
.section4Banner .pic img{object-fit:contain}
.section4Banner .title{height:50px;line-height:50px;font-size:18px;font-weight:bold;color:#131313;text-align:center}
.section4Banner .titleEg{position:absolute;top:30px;height:40px;line-height:40px;left:98%;font-size:14px;font-weight:bold;color:rgba(0,0,0,0.8);white-space:nowrap;transform-origin:0 0;transform:rotateZ(90deg);-webkit-transform:rotateZ(90deg)}
.section4Banner .number{position:absolute;width:125px;height:125px;right:0;bottom:0;line-height:125px;text-align:center;font-size:30px;font-weight:bold;color:rgba(0,0,0,0.5)}
.section4Banner .bannerCon{position:relative;perspective:800px}
.section4Banner .slick-list{overflow:unset}
.section4Banner .hideText{display:none}
.sectionShade{position:absolute;width:1920px;left:50%;transform:translateX(-50%);bottom:0;height:41.2037%;background:rgba(255,255,255,0.7)}
.section4LeftC .title{height:80px;line-height:40px;font-size:30px;font-weight:bold;color:#fff;overflow:hidden}
.section4LeftC .text{height:196px;line-height:28px;font-size:16px;color:#FFFFFF;overflow:hidden;margin-bottom:80px}
/* 产品中心 end */
/* 一亩八分地 start */
.column5C{position:relative;height:100%;overflow:hidden;box-sizing:border-box}
.column5Lfet{float:left;display:inline;width:39.9306%;padding-top:200px}
.column5Lfet .indexTitleBox.white{text-align:left}
.column5ItroTitle{height:54px;line-height:54px;font-size:24px;color:#FFFFFF}
.column5ItroC{height:216px;line-height:36px;font-size:16px;color:rgba(255,255,255,0.6);overflow:hidden;padding-right:21.0526%;margin-bottom:45px}
.column5Btn a{display:inline-block;width:168px;height:44px;line-height:44px;background:#f6ab00;text-align:center;font-size:16px;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in}
.column5Btn a span{font-size:16px;color:#FFF}
.column5Btn a:hover{transform:translateY(-3px);-webkit-transform:translateY(-3px);border-radius:10px;opacity:0.85;box-shadow:0 3px 7px rgba(0,0,0,0.1)}
.column5Right{overflow:hidden;height:100%;padding-top:190px;box-sizing:border-box}
.column5Rc{position:relative;width:518px;height:518px;margin:0 auto;border:1px solid #fff;border-radius:100%}
.column5Rc .oneLine {
    position: absolute;
    width: 590px;
    height: 547px;
    left: -34px;
    top: -12px;
    background: url(../images/section5Line.png) no-repeat center center;
    background-size: contain;
    animation: turn 30s linear infinite;
}
@keyframes turn{
  0%{transform:rotate(0deg);}
  25%{transform:rotate(90deg);}
  50%{transform:rotate(180deg);}
  75%{transform:rotate(270deg);}
  100%{transform:rotate(360deg);}
}
@-webkit-keyframes turn{
	0%{-webkit-transform:rotate(0deg);}
	25%{-webkit-transform:rotate(90deg);}
	50%{-webkit-transform:rotate(180deg);}
	75%{-webkit-transform:rotate(270deg);}
	100%{-webkit-transform:rotate(360deg);}
}
.column5Dl{position:relative;z-index:5}
.column5Dl dd{position:absolute}
.column5Dl dd.dd1{left:50%;margin-left:-37px;top:-37px}
.column5Dl dd.dd2{right:35px;top:45px}
.column5Dl dd.dd3{right:-34px;top:230px}
.column5Dl dd.dd3{right:-34px;top:230px}
.column5Dl dd.dd4{right:75px;top:435px}
.column5Dl dd.dd5{left:100px;top:445px}
.column5Dl dd.dd6{left:-34px;top:260px}
.column5Dl dd.dd7{left:20px;top:60px}
.column5Dl dd .columnIcon{position:relative;width:74px;height:74px;border:1px solid #FFFFFF;border-radius:100%;overflow:hidden;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in}
.column5Dl dd .columnIcon::before{display:block;content:"";position:absolute;width:200%;height:200%;top:-37px;left:-37px;background-color:rgba(246,171,0,0.25);border-radius:100%;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transform:scale(0);-webkit-transform:scale(0);opacity:0}
.column5Dl dd.hover .columnIcon::before{transform:scale(1);-webkit-transform:scale(1);opacity:1}
.column5Dl dd.hover .columnIcon{border-color:rgba(255,255,255,0.6)}
.column5Dl dd .columnIcon span{display:block;position:absolute;width:58px;height:58px;top:50%;left:50%;border:1px dashed rgba(255,255,255,0.45);margin:-29px 0 0 -29px;border-radius:50%;overflow:hidden;z-index:2}
.column5Dl dd .columnIcon span em{display:block;height:58px;background-position:center center;background-repeat:no-repeat;position:relative;overflow:hidden;border-radius:100%;z-index:2}
.column5Dl dd .columnIcon span:after{display:block;content:"";position:absolute;width:116px;height:116px;top:-29px;left:-29px;background-color:rgba(246,171,0,0.25);border-radius:100%;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transform:scale(0);-webkit-transform:scale(0);opacity:0;transition-delay:.2s}
.column5Dl dd.hover .columnIcon span:after{transform:scale(1);-webkit-transform:scale(1);opacity:1}
.column5Dl dd .text{display:none}
.column5Dl dd .column5Title{position:absolute;width:150px;line-height:28px;height:56px;font-size:15px;color:#FFFFFF}
.column5Dl dd.dd1 .column5Title{left:-37px;top:-42px;text-align:center}
.column5Dl dd.dd2 .column5Title{right:-176px;top:9px;text-align:left}
.column5Dl dd.dd3 .column5Title{right:-160px;top:9px;text-align:left}
.column5Dl dd.dd4 .column5Title{right:-160px;top:9px;text-align:left}
.column5Dl dd.dd5 .column5Title{left:-170px;top:9px;text-align:right}
.column5Dl dd.dd6 .column5Title{left:-170px;top:9px;text-align:right}
.column5Dl dd.dd7 .column5Title{left:-170px;top:9px;text-align:right}
.column5RcText{position:absolute;width:400px;height:400px;left:50%;margin-left:-200px;top:50%;margin-top:-200px;text-align:center}
.column5RcTitle{line-height:24px;padding:10px 0;font-size:20px;color:#FFFFFF;font-weight:bold}
.column5RcTitle .title1{white-space:normal}
.column5RcTextC{height:78px;line-height:26px;overflow:hidden;font-size:16px;color:#FFFFFF;margin-bottom:15px}
.column5RcText .indexMore a span{color:#FFFFFF}
/* 一亩八分地 end */
/* 新闻中心 start */
.section6 .sectionCon{bottom:auto;height:87px}
.section6Title{padding-top:80px;overflow:hidden}
.section6Table{overflow:hidden}
.section6Table dd{float:left;display:inline}
.section6Table dd .con{margin-left:35px}
.section6Table dd .con a{display:block;height:58px;line-height:58px;position:relative;font-size:16px;color:#666}
.section6Table dd .con a::before{display:block;content:"";position:absolute;width:100%;left:0;bottom:0;height:3px;background:#0075c1;transform:scale(.5,1);-webkit-transform:scale(.5,1);opacity:0.3;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;visibility:hidden}
.section6Table dd.hover .con a::before{transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;visibility:visible}
.section6Table dd.hover .con a{color:#0075c1}
.section6Title .indexTitleBox{overflow:hidden}
.column6TableC{position:absolute;width:100%;height:100%;z-index:3;left:0;top:0}
.column6Banner{position:absolute;height:100%;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);padding:0 40px;z-index:-1;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;opacity:0;visibility:hidden}
.column6Banner.active{z-index:1;opacity:1;visibility:visible}
.column6Banner .bd{position:relative;height:100%;margin:0 -40px}
.column6Banner .myslide{float:left;display:inline;width:33.333%;position:relative}
.column6Banner .myslide::before{display:block;content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,0.7);transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;transform:scale(1,0.95);-webkit-transform:scale(1,0.95);opacity:.4;visibility:hidden}
.column6Banner .myslide:hover::before{transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;visibility:visible}
.column6Banner .slick-list,.column6Banner .slick-track{height:100%}
.column6Banner .bd .con{padding:130px 40px 0}
.column6Banner .bd .pic{transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;transition-delay:0.1s;overflow:hidden}
.column6Banner .bd .pic::before{padding-top:61.1765%}
.column6Banner .myslide:hover .pic{transform:translateY(-5px);-webkit-transform:translateY(-5px)}
.column6Banner .bd .text{padding:20px 0 0;margin-bottom:22px;border-bottom:1px solid rgba(216,216,216,0.6)}
.column6Banner .bd .text .title{height:42px;line-height:42px;overflow:hidden;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;transition-delay:0.1s}
.column6Banner .myslide:hover .text .title{transform:translateY(-5px);-webkit-transform:translateY(-5px)}
.column6Banner .bd .text .title a{font-size:18px;color:#FFFFFF;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out}
.column6Banner .myslide:hover .text .title a{color:#333;font-weight:bold;font-size:16px}
.column6Banner .bd .text .time{height:36px;line-height:36px;font-size:16px;color:#E5E5E5;margin-bottom:14px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;transition-delay:.15s}
.column6Banner .myslide:hover .text .time{transform:translateY(-5px);-webkit-transform:translateY(-5px);color:#333}
.column6Banner .bd .text .textC{height:72px;line-height:24px;overflow:hidden;font-size:14px;color:#E5E5E5;margin-bottom:7px;transition-delay:.2s;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out}
.column6Banner .myslide:hover .text .textC{transform:translateY(-5px);-webkit-transform:translateY(-5px);color:#666}
.column6Banner .bd .indexMore{transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out}
.column6Banner .myslide:hover .indexMore{transform:translateY(-5px);-webkit-transform:translateY(-5px)}
.column6Banner .bd .indexMore span{color:#FFFFFF}
.column6Banner .myslide:hover .indexMore span{color:#666}
.column6Banner .bd .indexMore em{background-color:rgba(255,255,255,0.1)}
.column6Banner .myslide:hover .indexMore em{background-color:#f6ab00}
/* 新闻中心 end */
/* ————— 底部 start ————— */
.footerTopBg{height: 140px;}
/* 友情链接start */
.footer{background:#eff8fe}
.footerLogo{padding:29px 0}
.footerLogo a img{display:block;height:50px}
.friendLink{width:227px;padding:35px 0}
.footerLinkBox{position:relative;height:38px;line-height:38px;border-radius:5px;background:rgba(0,117,193,0.1);padding:0 16px;cursor:pointer}
.footerLinkBox span{display:block;font-size:14px;color:#0075c1;background:url(../images/fdRight.png) center right no-repeat}
.footerDown{position:absolute;width:100%;top:38px;left:0;border-radius:0 0 5px 5px;background:rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.5);display:none}
.footerDown a{display:block;line-height:20px;padding:10px 16px;font-size:13px;color:#FFFFFF}
.footerDown a:hover{color:#0075c1}
/* 友情链接end   */
/* 底部中间start   */
.footerM{padding:40px 0 35px;border-top:1px solid rgba(51,51,51,0.08)}
.footerML{float:left;display:inline;width: 260px;}
.footerML1{height:45px;line-height:45px;margin-bottom:30px}
.footerML1 .title{float:left;display:inline;height:45px;line-height:45px;font-size:16px;font-weight:bold;color:#333333;margin-right:8px}
.footerMR{float: right;display: inline;}
.footerIcon{float:left;display:inline}
.footerFocus dd{float:left;display:inline;width:40px;height:45px;position:relative}
.footerFocus dd span{display:block;width:40px;height:45px;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;cursor:pointer}
.footerFocus dd.QQ span{background:url(../images/footerIcon1.png) 12px center no-repeat}
.footerFocus dd.wx span{background:url(../images/footerIcon1.png) -27px center no-repeat}
.footerFocus dd.wb span{background:url(../images/footerIcon1.png) -68px center no-repeat}
.footerCode{position:absolute;top:45px;width:130px;height:130px;left:50%;margin-left:-65px;transform:translateY(10px);-webkit-transform:translateY(10px);transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;opacity:0;box-shadow:0 0 7px rgba(0,0,0,0.08)}
.footerFocus dd:hover .footerCode{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;background:#FFFFFF}
.footerCode::before{display:block;content:"";position:absolute;width:0;height:0;border:10px solid transparent;border-bottom-color:#FFFFFF;left:50%;margin-left:-10px;top:-20px}
.foodeCodeC{padding:5px;position:relative}
.foodeCodeC img{display:block;width:120px;height:120px}
.footerWay{margin-bottom:34px}
.footerWay span{display:block;height:40px;line-height:40px;font-size:15px;font-weight:bold;color:#333333}
.dooterAddress{max-height:50px;line-height:26px;font-size:16px;color:#333;overflow: hidden;}
.footerMenu{overflow:hidden}
.footerMenu dd{float:left;display:inline;margin-left:60px}
.footerMenu dd em{font-style:normal;display:block;line-height:20px;padding:5px 0;overflow:hidden}
.footerMenu dd em a{font-size:15px;color:#333;font-weight:bold}
.footerMenu dd em a:hover{color:#0075c1}
.footerMenu dd span{font-style:normal;display:block;line-height:25px;padding:5px 0;overflow:hidden}
.footerMenu dd span a{font-size:14px;color:#666666}
.footerMenu dd span a:hover{color:#0075c1}
/* 底部中间end   */
/* 底部版权start   */
.friendCopyRight{height:70px;line-height:70px;overflow:hidden;font-size:14px;border-top:1px solid rgba(51,51,51,0.08);background:#eff8fe;color:#999}
.friendCopyRight .conL{float:left;display:inline}
.friendCopyRight .conL span{margin-right:20px}
.friendCopyRight .conL img{margin-right:10px;vertical-align:middle}
.friendCopyRight .conL a{color:#999;margin-right:20px}
.friendCopyRight .conL a:hover{color:#0075c1}
.friendCopyRight .conR{float:right;display:inline}
.friendCopyRight .conR a{color:#999}
.friendCopyRight .conR a:hover{color:#0075c1}
/* 底部版权end   */
/* ————— 底部 end   ————— */
/* ========== 主体框架 end ========== */
/* ========== 内层框架 start ========== */
/* ————— subBanner start ————— */
.subBanner{position:relative;overflow:hidden;width:100%}
.subBanner:before{display:block;content:'';padding-top:29.1666667%}
.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:30px;color:#ffffff;line-height:30px;font-weight:bold;text-shadow:0px 0px 5px rgb(0 0 0 / 0.1);margin-bottom:8px}
.subBanner .textC .cnTitle img{width:auto;height:auto;position:unset}
.subBanner .textC .enTitle{font-size:24px;color:rgb(255 255 255 / .4);line-height:30px;text-shadow:0px 0px 5px rgb(0 0 0 / 0.1)}
/* ————— subBanner end ————— */
/* ————— subBanner1 start ————— */
.subBanner1{position:relative;overflow:hidden;width:100%}
.subBanner1:before{display:block;content:'';padding-top:48.28125%}
.subBanner1 img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center center;}
.suBannerShare{height: 964px;position: absolute;bottom: 0;left: 0;width: 100%;}
.productImgBox{position: absolute;bottom: 110px;left: 0;width: 100%;text-align: center;z-index: 1;}
.productImgBox img{width: auto;height: 317px;position:unset;}
/* ————— subBanner1 end ————— */
/* ————— subBanner2 start ————— */
.subBanner2{position:relative;overflow:hidden;width:100%}
.subBanner2:before{display:block;content:'';padding-top:54.42708333%}
.subBanner2 img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center center;}
.subBanner2 .suBannerShare{height: 586px;position: absolute;bottom: 0;left: 0;width: 100%;}
.subBanner2 .productImgBox{position: absolute;bottom: 65px;left: 0;width: 100%;text-align: center;z-index: 1;}
.subBanner2 .productImgBox img{width: auto;height: 602px;position:unset;}
.subBanner2 .productImgBox .imgItem{margin-bottom: 100px;}
.subBanner2 .productImgBox .imgItem img{width: auto;height: auto;}
/* ————— subBanner2 end ————— */
/* ————— subBanner3 start ————— */
.subBanner3{position:relative;overflow:hidden;width:100%}
.subBanner3:before{display:block;content:'';padding-top:39.3229166%}
.subBanner3 img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center center;}
.subBanner3 .suBannerShare{height: 586px;position: absolute;bottom: 0;left: 0;width: 100%;}
.subBanner3 .productImgBox{position: absolute;bottom: 65px;left: 0;width: 100%;text-align: center;z-index: 1;}
.subBanner3L{overflow: hidden;}
.subBanner3L .titleBox{padding-top: 55px;height: 230px;text-align: left;}
.productImgBox .subBanner3L .titleBox img{height: auto;width: auto;}
.subBanner3 .productImgBox img{width: auto;height: 429px;position:unset;}
.subBanner3SearchBox{width: 500px;height: 55px;line-height: 55px;border-radius: 55px;background: #FFFFFF;overflow: hidden;}
.subBanner3SearchBox .inputBox{overflow: hidden;padding: 0 30px;font-size: 16px;}
.subBanner3SearchBox .inputBox input{outline: none;border: none;width: 100%;line-height: 55px;}
.subBanner3SearchBox .btn{height: 55px;width: 55px;display: block;background: url(../images/serachl.png)no-repeat center;margin-right: 10px;}
/* ————— subBanner3 end ————— */
/* ————— 当前位置 start ————— */
.locationBox{clear:both;width:100%;height:70px;background:#fff;box-shadow:0 2px 5px 1px rgba(0,0,0,0.04);border-top: 1px solid #dcdcdc;}
.location{height:70px;overflow:hidden;padding-left:33px;position:relative}
.location a.home{position:absolute;left:0;top:0;width:24px;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:70px;line-height:70px;padding-left:17px;margin-right:12px;background-position:left center;background-repeat:no-repeat;background-image:url(../images/common/icon8.png);color:#898989;font-size:14px}
.location a:hover{color:#0075c1}
.location a.hover{color:#0075c1}
.subNavBox{margin-right:-18px;position:relative}
.subNav::after{display:block;content:'';clear:both;visibility:hidden}
.subNav a{display:inline;float:left;line-height:70px;height:70px;color:#666666;font-size:14px;padding:0 18px}
.subNav a.hover{color:#0075c1}
.subNav a:hover{color:#0075c1}
/* ————— 当前位置 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:#0075c1;color:#FFF;border-color:#0075c1}
.sjMenu a.hover{background:#0075c1;color:#FFF;border-color:#0075c1}

/* ————— 三级栏目 end ————— */
/* ————— 页码 start ————— */
.page{text-align:center;clear:both;font-size:14px}
.page a{display:inline-block;overflow:hidden;padding:6px 12px;color:#999999;border-radius:3px;background:#fff;margin:0 3px}
.page span{display:inline-block;padding:6px 2px;position:relative;top:-15px}
.page a:hover{background:#0075c1;color:#fff}
.page a.hover{background:#0075c1;color:#fff}
.page input{display:inline-block;vertical-align:middle;height:22px;border:1px solid #e6e6e6;position:relative;top:-2px}
.page input.pageDetail{width:30px;height:30px;text-align:center;border-radius:3px;color:#999999;position:relative;top:-13px}
.page label{color:#999999;position:relative;top:-11px}
.page input.page_bnt{border:none;width:30px;height:25px;cursor:pointer;background:none;color:#999999;position:relative;top:-13px}
.page a div{width:11px;height:19px;background-position:center center;background-repeat:no-repeat}
.page a.firstPage div{background-image:url(../images/common/page/firstPage.png)}
.page a.prevPage div{background-image:url(../images/common/page/prevPage.png)}
.page a.nextPage div{background-image:url(../images/common/page/nextPage.png)}
.page a.lastPage div{background-image:url(../images/common/page/lastPage.png)}
.page a.firstPage:hover div{background-image:url(../images/common/page/firstPageh.png)}
.page a.prevPage:hover div{background-image:url(../images/common/page/prevPageh.png)}
.page a.nextPage:hover div{background-image:url(../images/common/page/nextPageh.png)}
.page a.lastPage:hover div{background-image:url(../images/common/page/lastPageh.png)}
.page a.firstPage.disabled{background:#E2E2E2}
.page a.prevPage.disabled{background:#E2E2E2}
.page a.nextPage.disabled{background:#E2E2E2}
.page a.lastPage.disabled{background:#E2E2E2}
.page a.firstPage.disabled div{background-image:url(../images/common/page/firstPage.png)}
.page a.prevPage.disabled div{background-image:url(../images/common/page/prevPage.png)}
.page a.nextPage.disabled div{background-image:url(../images/common/page/nextPage.png)}
.page a.lastPage.disabled div{background-image:url(../images/common/page/lastPage.png)}
/* ————— 页码 end ————— */
/* ————— 弹窗 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:#0075c1;color:#FFF;border-color:#0075c1}
.aykj-recruitTc .layui-layer-btn .layui-layer-btn1{background:#ddd;color:#8b8b8b;border-color:#ddd}
.aykj-alert .layui-layer-btn .layui-layer-btn0{background:#0075c1;border-color:#0075c1}
/* ————— 弹窗 end ————— */
/* ========== 内层框架 end ========== */

/* ========== 首页 start ========== */
/* ————— 公共部分 start ————— */
/* ————— 公共部分 end ————— */
/* ————— 第1通栏 start ————— */
/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
/* ————— 第3通栏 end ————— */
/* ————— 第4通栏 start ————— */
/* ————— 第4通栏 end ————— */
/* ————— 第5通栏 start ————— */
/* ————— 第5通栏 end ————— */
/* ————— 第6通栏 start ————— */
/* ————— 第6通栏 end ————— */
/* ————— 第7通栏 start ————— */
/* ————— 第7通栏 end ————— */
/* ————— 第8通栏 start ————— */
/* ————— 第8通栏 end ————— */
/* ========== 首页 end ========== */
/* ========== 频道页 start ========== */
/* ========== 频道页 end ========== */
