body{background: #fff;font-size:14px;font-family: Arial,"Helvetica Neue", Helvetica, sans-serif;color:#333;}
*{margin:0;padding:0;box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin:0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color:inherit;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
a:hover,a:focus{text-decoration: none;color:inherit;}

.fs88{font-size: 70px;line-height: 1;}
.fs70{font-size: 60px;line-height: 1;}
.fs56{font-size: 40px;}
.fs50{font-size: 38px;}
.fs40{font-size: 36px;}
.fs30{font-size: 25px;}
.fs28{font-size: 24px;}
.fs26{font-size: 22px;}
.fs24{font-size: 24px;}
.fs22{font-size: 19px;}
.fs20{font-size: 18px;}
.fs18{font-size: 16px;}

.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.fl{float:left;}
.fr{float:right!important;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.pr{position: relative;}
.bold{font-weight: bold;}
.img-responsive{display: block;margin:0 auto;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{align-items: center;}
.flex-end{align-items: flex-end;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.twoLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.no-padding{padding-left:0;padding-right: 0;}
.padding{padding:0 5%;}
.bg{background: #f8f8f8;}
.navbar{margin:0;border:none;background: none;color:#fff;}
.navbar-brand{height: auto;padding:0;display: inline-block;}
.navbar-brand>img{max-height: 80px;}
.imghover .img{transition: all .5s ease 0s;}
.imghover:hover .img{transform: scale(1.08);}
.mix{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.w1400{width: 85%;max-width: 1470px;margin-left:auto;margin-right: auto;}
.css3{
 -moz-transition:all .5s ease 0s; 
 -ms-transition:all .5s ease 0s; 
 -o-transition:all .5s ease 0s; 
 -webkit-transition:all .5s ease 0s; 
 transition:all .5s ease 0s;
}
 
.txx{animation-name: fadeInUp; animation-duration: 2s; animation-delay: 1s; animation-fill-mode: both;}
.tuy{animation-name: fadeInUp;animation-duration: 2s;animation-delay: 3.5s;animation-fill-mode: both;}
.p_bgBox{animation-name: bgMagnify;animation-duration: 30s;animation-delay: 0s;}
.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
/*.common_btn:hover{background:#d20319;}*/
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#d20319;}
.common_btn.static_btn::before{left:0;}

.common-btn{border-radius:999px;width:310px;text-align: center;max-width: 60%;margin-left:auto;margin-right: auto;display: block;line-height: 58px;border:3px solid #313131;}
.common-btn:hover{border-color:#0042a6;background: #0042a6;color:#fff;}
.com-btn{border-radius:4px;width:30%;max-width: 150px;overflow: hidden;transition: all linear .3s;border:1px solid #00847c;display: block;}
.container{max-width: 1600px;margin:0 auto;width: 88%;}
.containera{max-width:100%;margin:0 auto;width: 100%; height:auto;}
@media (max-width: 1500px){
 .container{width: 90%;}
}
@media (max-width: 1300px){
 .container{width: 92%;}
}
@media (max-width: 1200px){
 .container{width: 94%;}
}
@media (max-width: 767px){
 .container{width: 100%;}
}

.m_nav {margin-top:30px}
.m_nav ul li.m {display:block;padding:0 10px}
.m_nav ul li.m h3 {display:block;height:40px;position:relative}
.m_nav ul li.m h3:after {content:'\e638';font-family:'iconfont';font-size:16px;display:block;width:20px;height:40px;line-height:40px;text-align:right;color:#666;position:absolute;right:0px;top:0;z-index:3;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.m_nav ul li.m h3 a.n {display:block;font-size:14px;color:#666;line-height:40px;padding:0 30px 0 0}
.m_nav ul li.m h3.noico:after {display:none}
.m_nav ul li.m .sub {display:none;width:100%}
.m_nav ul li.m .sub ul {padding:10px 0}
.m_nav ul li.m .sub ul li {display:block}
.m_nav ul li.m .sub ul li a {display:block;width:100%;height:30px;line-height:30px;font-size:14px;color:#999;padding:0 0 0 10px}
.m_nav ul li.m.on {background:rgba(255,255,255,0.1);border-bottom:2px solid rgba(255,255,255,0.2)}
.m_nav ul li.m.on h3:after {transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
#warper #sidebar-wrapper {width:200px;height:100%;padding:20px;left:-250px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
#warper #sidebar-wrapper a.logo {display:block;float:none;width:160px;height:42px;margin:0;background-image:url("../fonts/logo.svg");background-size:160px 42px;text-indent:-9999px;overflow:hidden}
#warper #sidebar-wrapper a.logo img {width:100%}
#warper.toggled #sidebar-wrapper {left:0;z-index:101;overflow-y:scroll;background-color:#f5f5f5;border-color:#f5f5f5}
.hamburger {outline:none;display:none;position:absolute;right:20px;top:33px;z-index:10000;width:20px;height:18px;background:transparent;border:none}
/*.hamburger:hover,.hamburger:focus,.hamburger:active {outline:none;position:fixed}*/
.hamburger.is-closed:before {content:'';display:block;width:100px;font-size:14px;color:#999;line-height:32px;text-align:center;opacity:0;-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out}
.hamburger.is-closed:hover:before {opacity:1;display:block;-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out}
.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom {width:100%;height:3px;position:absolute;left:0}
.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom {background-color:#999}
.hamburger.is-closed .hamb-top {top:0px;-webkit-transition:all .35s ease-in-out}
.hamburger.is-closed .hamb-middle {top:50%;margin-top:-2px}
.hamburger.is-closed .hamb-bottom {bottom:0px;-webkit-transition:all .35s ease-in-out}
.hamburger.is-closed:hover .hamb-top {top:0;-webkit-transition:all .35s ease-in-out}
.hamburger.is-closed:hover .hamb-bottom {bottom:0;-webkit-transition:all .35s ease-in-out}
.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom {background-color:#fff}
.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom {top:50%;margin-top:-2px}
.hamburger.is-open .hamb-top {-webkit-transform:rotate(45deg);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.73,1,0.28,0.08)}
.hamburger.is-open .hamb-middle {display:none}
.hamburger.is-open .hamb-bottom {-webkit-transform:rotate(-45deg);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.73,1,0.28,0.08)}
.hamburger.is-open:before {content:'';display:block;width:100px;font-size:14px;color:#fff;line-height:32px;text-align:center;opacity:0;-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out}
.hamburger.is-open:hover:before {opacity:1;display:block;-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out}
.overlay {position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);z-index:100}

#warper{width: 100%;}

header {transition: all linear .3s;width:100%;height:90px;background:#fff;background: rgba(255,255,255,.9);-webkit-box-shadow:0px 2px 10px 3px rgba(0,0,0,0.1);box-shadow:0px 2px 10px 3px rgba(0,0,0,0.1);position:fixed;left:0;top:0;z-index:100}
header .container {position:relative}
header .w {height:84px}
header a.logo {transition: top linear .3s;display:block;height:60px;text-indent:-9999px;overflow:hidden;outline:0;position:absolute;left:0;top:20px;z-index:101}
.header a.logo img{max-height: 100%;}
header .icon {float:right;width:20px;height:20px}
.pc_nav {width:70%;position:absolute;left:18%;top:0px;z-index:100}

.pc_nav ul.nav_ul {display: flex; justify-content: space-between;}
.pc_nav ul.nav_ul li.m {display:block;float:left;color:#333;position: relative;}
.pc_nav ul.nav_ul li.m h3 a {display:block;line-height:87px;font-size:15px; text-align:center }
.pc_nav ul.nav_ul li.m h3 a:hover,.pc_nav ul.nav_ul li.m h3 a.active,.pc_nav ul.nav_ul li.m:hover h3 a{color:#000; border-bottom:3px solid #aacc04;bottom:3px;}
.pc_nav ul.nav_ul li.m h3 a.on {color:#fff; }
.pc_nav ul.nav_ul li.m .sub {display:none;width:100%;background:rgba(255,255,255,0.85);border-top:1px solid #dfdfdf;position: absolute;left:50%;top:100%;min-width:120px; transform: translateX(-50%);}
/*.pc_nav ul.nav_ul li.m .sub .list{padding:45px 0;height:auto;}*/
.pc_nav ul.nav_ul li.m .sub ul li {display:block;text-align: center;padding:0 5px;}
.pc_nav ul.nav_ul li.m .sub ul li a {display:block;border-bottom:1px solid #b4b4b4;line-height:50px;position: relative;white-space: nowrap;}
.pc_nav ul.nav_ul li.m .sub ul li:last-child a{border-bottom: none;}
/*.pc_nav ul.nav_ul li.m .sub ul li a:after {content:'';display:block;width:16px;height:16px;position:absolute;right:0;top:50%;margin-top:-8px;background: url(../images/nav-arrow.png) no-repeat center;background-size: 100% 100%;}*/
.pc_nav ul.nav_ul li.m .sub ul li a:hover,.pc_nav ul.nav_ul li.m .sub ul li a.active{color:#aacc04; }
.header.on{background: rgba(255,255,255,.9);}
.hamburger.is-open span{background: #999!important;}
.tell{ width:auto; position: absolute;right:0 ;top:0; line-height:87px; color:#0a863e; font-size:24px; font-weight:bold;}
@media (max-width:1000px){
 .pc_nav{position: fixed;top:80px;background: #fff;z-index:100;}
 .pc_nav ul.nav_ul{float:none;}
 .pc_nav ul.nav_ul li.m{height: auto;float:none;width: 100%;border-bottom: 1px solid #e5e5e5;}
 .pc_nav ul.nav_ul li.m h3 a{line-height: 22px;padding:10px 10px 10px 25px;}
 .pc_nav ul.nav_ul li.m a{background: url(../images/on.png) no-repeat 10px center;}
 .pc_nav ul.nav_ul li.m .sub{position: static;border:none;}
 .pc_nav ul.nav_ul li.m .sub .container{width: 100%;}
 
 /*.pc_nav ul.nav_ul li.m .sub ul li a{border:none;width: 100%;padding:5px 0 5px 25px;height: auto;line-height: 20px;display: block;font-size:14px;}*/
 .pc_nav ul.nav_ul li.m .sub ul li a:after{display: none;}
}
@media (max-width: 992px){
 .pc_nav{top:70px;}
}
@media (min-width:1000px){
 .header.on .pc_nav ul.nav_ul li.m h3 a{line-height: 80px;}
 .header.on .pc_nav ul.nav_ul li.m .sub{top:80px;}
 .header.on a.logo{top:10px;}
}
@media (max-width:1202px) {
 .pc_nav ul.nav_ul li.m h3 a{margin-left:0;font-size:15px;padding:0 15px;}
}
@media (max-width:1000px) {
 /*header {position:static}*/
 .hamburger {display:block}
 .pc_nav {display:none}
}


@-webkit-keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2)}
to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2)}
to{-webkit-transform:scale(1);transform:scale(1)}}.index_main{background:#f7f7f7}
.section-banner{position: relative;}
 .section{overflow: hidden;position: relative;}
.bannerBox .img{width: 100%;}
.bannerBox #video{object-fit: cover;}

/*.part{padding:95px 0 60px;}*/
 
 
@media (max-width:1600px){
 .part-title .title-line{margin-top:22px;}
 .part1-con{padding-top:35px;}
 .fs28{font-size: 20px;}
 .fs26{font-size: 18px;}
 .fs24{font-size: 18px;}
 .fs22{font-size: 17px;}
 .fs20{font-size: 16px;}
 .fs18{font-size: 15px;}
 .part1-con .part1-right .desc{padding:33px 35px;}
 .part-title{margin-bottom: 35px;}
}
.sectionBox{width: 100%;height: 100%;position: relative;}
 .section{overflow: hidden;position: relative;}
 .section1{position: relative;}
.ibanner{position: relative;text-align: center;}
.ibanner .slide-item{position: relative;overflow: hidden;color:#fff;}
.ibanner .slide-item .slide-item-img{max-width: 100%;}
.ibanner .slide-item .slide-item-img.mix{min-width: 100%;min-height: 100%;max-width: none;}
.ibanner .item-mask{position: absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.3);color:#fff;}
.ibanner .item-mask .title img{width:80%;max-width: 890px;}
.ibanner .item-mask .subtitle{margin-top:78px;}
.ibanner .item-mask .subtitle img{max-width: 500px;width: 34.8%;}

.ibanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:4.6%;font-size:0;}
.ibanner .swiper-pagination-bullet{width: 3%;height:6px;background:#fff;opacity:0.5 ;border-radius:0;transition: all .2s;}
.ibanner .swiper-pagination-bullet-active{opacity: 1;}
.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 1%;}
 
.part1{background: url(../images/bg02.jpg) no-repeat top; position:relative ; clear:both; background-size: cover; height:100%; }
.part1 .part-tit { text-align:center; position: absolute; left:0; top:22%;} 
.part1 .part-tit h2{ font-size:50px; color:#fff; display:block; margin-bottom:12px;animation-name: fadeInDown; animation-direction: normal; animation-duration: 1s; animation-delay: 1.3s; }
.part1 .part-tit h3{ font-size:18px; color:#aacd00; display:block; animation-name: fadeInDown;animation-duration: 1.5s;animation-delay: 1s;animation-fill-mode: both;}
.part1 .part-tit i{ width:46px; height:2px ; background:#FFF; display:block; text-align:center; margin:15px auto; animation-name: fadeInDown;animation-duration: 1s;animation-delay: 1.9s;animation-fill-mode: both;}
.part1 .part-tit span{ color:#fff; font-size:15px; line-height:28px; display:block; text-align:center; margin-bottom:30px; width:75%; margin:0 auto;animation-fill-mode: both;animation-name: fadeInDown; animation-direction: normal; animation-duration: 1s; animation-delay: 1.6s;}
 .part1 .part-service{ position: absolute; left:10%; top:45%;width: 80%;} 
.part1 .part-service ul{margin-top:30px;text-align: center;color:#6e6e6e;}
.part1 .part-service ul li{padding:0 1.5% 35px; background:#FFF; width:22%; margin:0 1.5%; box-shadow: 0px 3px 12px #828282;}
.part1 .part-service ul .item-icon{ height:130px; padding-top:60px; margin-bottom:30px;text-align:center;transition: all .4s;}
.part1 .part-service ul li:hover .item-icon{transform: rotateY(180deg);}
.part1 .part-service ul .item-num{font-family: arial;line-height: 1; color:#018137;margin-bottom: 12px; font-weight:bold;} 
.part1 .part-service ul li p{ font-size:14px; color:#707070;}
.part1 .part-service ul li i{ width:25px; height:3px; background:#a9cb06; margin:8px auto;position: absolute; left:45%; }
.part1 .part-service ul li h3{ margin:30px auto; font-size:14px; color:#7f7f80; line-height:23px; height:46px; }
.part1 .part-service ul li h3 a{ color:#7f7f80; display: inline-block;}
.part1 .part-service ul li h3 a:hover{ color:#06823b;}
.part1 .part-service ul li h3 span{margin: 0 3px; vertical-align: top;}
.part1 .part-service ul li h3 span:nth-of-type(3n){display: none;}
.part1 .part-service ul li h3 span:last-child{display: none;}
.part1 .part-service ul li .more{ border:1px solid #cfcfcf; color:#797979; font-size:35px; padding:2px 10px;}
/*.part1 .part-service ul li:first-child { animation-fill-mode: both;animation-name: fadeInLeft;animation-direction: normal;animation-duration: 1.5s;animation-delay: 1s;}
.part1 .part-service ul li:nth-child(2){ animation-fill-mode: both; animation-name: fadeInLeft;animation-direction: normal;animation-duration: 1.5s;animation-delay: 1.3s;}
.part1 .part-service ul li:nth-child(3){animation-fill-mode: both;animation-name: fadeInLeft;animation-direction: normal;animation-duration: 1.5s;animation-delay: 1.6s;}
.part1 .part-service ul li:last-child {animation-fill-mode: both;animation-name: fadeInLeft;animation-direction: normal;animation-duration: 1.5s;animation-delay: 1.9s;}*/



.part2{ position:relative ; clear:both; background-size: cover; height:100%;} 
.about-left{ width:50% } 
.about-left .img1{ position: absolute;top: 28%;left: 10%;z-index: 102;width: 560px;height: 100px;animation-fill-mode: both;animation-name: fadeInLeft;animation-direction: normal;animation-duration: 1.5s;animation-delay: 1s;}
.about-left .img2{ position: absolute;top:65.5%;left: 30%;z-index: 117;width: 258px;height: 257px; animation-fill-mode: both; animation-name: fadeInLeft;animation-direction: normal;animation-duration: 1.5s;animation-delay: 1.3s;}
.about-right{width:50%;position: absolute; right:6%; top:35%;}
.about-right h2{ font-size:50px; color:#fff; display:block; text-align:center;animation-name: fadeInDown; animation-direction: normal; animation-duration: 1s; animation-delay: 1.3s; }
.about-right h3{ color:#adcf01; font-size:18px; display:block; text-align:center; margin:10px 0;animation-name: fadeInDown;animation-duration: 1.5s;animation-delay: 1s;animation-fill-mode: both;}
.about-right i{ width:45px; height:2px; background:#FFF; margin:0 auto;display:block; margin-bottom:20px;animation-name: fadeInDown;animation-duration: 1s;animation-delay: 1.9s;animation-fill-mode: both;}
.about-right p{ font-size:14px; text-align: center; line-height:25px;display:block; color:#fff; width:76%; margin:0 auto;animation-fill-mode: both;animation-name: fadeInDown; animation-direction: normal; animation-duration: 1s; animation-delay: 1.6s;}
.about-right .more{ display:block; width:38px; text-align:center; border-radius:50px; padding:1px 8px ; font-size:20px; font-weight:bold; line-height:38px; color:#018137; background:#FFF; position: absolute;left:48%; margin-top:3%; }
.about-right ul{ width:100%; margin:110px auto; text-align: center; animation-fill-mode: both;animation-name: fadeInDown; animation-direction: normal; animation-duration: 1s; animation-delay: 1.9s;}
.about-right ul li{display: inline-block; width:139px; line-height:37px; text-align: center; background: url(../images/bk.png) no-repeat center; margin:0 1%}
.about-right ul li a{ color:#fff; text-align:center}

.part3_title{ position:absolute;top:25%; text-align:center; width:100%; margin:0 auto; left:0}
.part3_title h2{ font-size:50px; color:#fff; display:block; text-align:center;animation-name: fadeInDown; animation-direction: normal; animation-duration: 1s; animation-delay: 1.3s; }
.part3_title h3{ color:#adcf01; font-size:18px; display:block; text-align:center; margin:10px 0;animation-name: fadeInDown;animation-duration: 1.5s;animation-delay: 1s;animation-fill-mode: both;}
.part3_title i{ width:45px; height:2px; background:#FFF; margin:0 auto;display:block; margin-bottom:20px;animation-name: fadeInDown;animation-duration: 1s;animation-delay: 1.9s;animation-fill-mode: both;}
.part3_title p{ font-size:14px; line-height:25px;display:block; color:#fff; width:70%; margin:0 auto;animation-fill-mode: both;animation-name: fadeInDown; animation-direction: normal; animation-duration: 1s; animation-delay: 1.6s;}

.part4_title{ position:absolute;top:25%; text-align:center; width:100%; margin:0 auto; left:0}
.part4_title h2{ font-size:50px; color:#fff; display:block; text-align:center;animation-name: fadeInDown; animation-direction: normal; animation-duration: 1s; animation-delay: 1.3s; }
.part4_title h3{ color:#adcf01; font-size:18px; display:block; text-align:center; margin:10px 0;animation-name: fadeInDown;animation-duration: 1.5s;animation-delay: 1s;animation-fill-mode: both;}
.part4_title i{ width:45px; height:2px; background:#abcc02; margin:0 auto;display:block; margin-top:20px; margin-bottom:20px;animation-name: fadeInDown;animation-duration: 1s;animation-delay: 1.9s;animation-fill-mode: both;}
.part4_title p{ font-size:14px; line-height:25px;display:block; color:#fff; width:70%; margin:0 auto;animation-fill-mode: both;animation-name: fadeInDown; animation-direction: normal; animation-duration: 1s; animation-delay: 1.6s;}

 
.honour-swiper-box .honour-swiper{padding:0 60px;position: relative; margin-top:380px;animation-fill-mode: both;animation-name: fadeInDown; animation-direction: normal; animation-duration: 1s; animation-delay: 1.3s; }
.honour-swiper-box .swiper-slide{padding:0 12px;overflow: hidden;}
.honour-swiper-box .honour-swiper1 .slide-img{padding-bottom: 90%;position: relative;transition: all linear .5s;overflow: hidden;}
.honour-swiper-box .honour-swiper1 .slide-img img{max-height: 100%;max-width: 100%;}
.honour-swiper-box .swiper-btn{outline: none;width: 50px;height: 50px;text-align: center;border-radius:100%;overflow: hidden;color:#fff; }
.honour-swiper-box .swiper-btn::after{font-size:0;background: url(../images/icon-prev.png) no-repeat center; display: block;width: 100%;height: 100%;}
.honour-swiper-box .swiper-button-next::after{background-image: url(../images/icon-next.png);}
.honour-swiper-box .swiper-btn:hover{background: #49a444;}



.part3{background: url(../images/bg04.jpg) no-repeat top; position:relative ; clear:both; background-size: cover; height:100%; } 
.newstitle { width:85%; margin-top:15%; position:absolute; animation-fill-mode: both;}
.newstitle h2{ font-size:24px; font-weight:bold; color:#84b15e; margin-bottom:10px;}
.newstitle h3{ font-size:40px; color:#378614}
 
.newsy{ position: absolute; top:33%; left:0; z-index: 100; width: 928px; height: 620px;animation-fill-mode: both; }
.newsyn{ position: absolute; top: 41px; left: 106px; z-index: 1; width: 1200px; height: 506px;}


.part4{background: url(../images/bg05.jpg) no-repeat center; position:relative ; clear:both; background-size: auto; height:100%; } 
.part4 .mess {position:absolute;top:45%; right:10%; background:#FFF; width:39%; margin-top:1.2%; padding:20px;}
.part4 .mess h2{ font-size:30px; font-weight:bold; color:#000;}
.part4 .mess h2 span{ display:inline-block; }
 .part4 .conleft{ position:absolute; top:45%;left:0}
.contact-box{padding:60px 0 60px;}
.contact-box .title{line-height: 1;color:#333333;margin-bottom: 75px;}
.contact-box .title span{position: relative;display: block;padding:0 78px; font-weight: bold; letter-spacing: 1px; font-size:36px; margin-bottom:25px; }
.contact-box .title p{ display:block; font-size:14px;}
.contact-info{width:100%;}
.contact-info .info p{margin-bottom: 20px;}
.contact-form{width:100%;}
.contact-form .form{margin-top:20px;}
.contact-form .form-item{width:100%;float:left;margin-bottom: 15px;}
.contact-form .item-value{background: #fff;border:1px solid #009843; border-radius:10px;outline: none;padding:5px 5px 5px 10px;width:100%;}
.contact-form textarea.item-value{height:125px;}
.contact-form .submit-btn{display: block;padding:5px 0;background: #acce01;color:#fff;border:1px solid #acce01;border-radius:10px;outline: none;width: 100%;}

.contact-map{margin-top:20px;}
.contact-map .map{position: relative;height:380px; width:80%;}
.contact-map #allmap{height: 100%;} 


.xy-footer{background: #00823c; line-height: 50px;}
.xy-footer .foot-link{color: #fff;font-size: 14px; text-align:center}
.xy-footer .foot-link a{ color:#fff}
.xy-footer .xy-ft-cpy{font-size: 12px;color:#fff;text-align: right;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.xy-footer .xy-ft-cpy a{color:color:#fff;}
@media (max-width: 1230px){.xy-footer .xy-ft-rtcp{font-size: 12px;padding-left: 35px;}}
@media (max-width: 990px){.xy-footer:before{display: none;}}
@media (max-width: 768px){.xy-footer{padding: 15px 0;color: #707070;text-align: center;background: rgba(237, 237, 237, 1);}
.xy-footer .xy-ft-cpy{padding-top: 0;text-align: center;line-height: 25px; }
.xy-footer span.jszc{display: block;}}


 
 
 
@media (max-width:1200px) {
 .fs88{font-size: 65px;}
 .fs70{font-size: 55px;}
 .fs56{font-size: 40px;}
 .fs50{font-size: 36px;}
 .fs40{font-size: 34px;}
 .fs30{font-size: 23px;}
 .fs26{font-size: 18px;}
 .fs24{font-size: 17px;}
 .fs22{font-size: 17px;}
 .fs20{font-size: 16px;}

 
}
@media (max-width:1025px){
 .fs70{font-size:46px;}
 .fs56{font-size: 34px;}
 .fs50{font-size: 32px;}
 .fs40{font-size: 32px;}
 .fs30{font-size: 22px;}
 .fs28{font-size: 20px;}
 .fs26{font-size: 16px;}
 .fs24{font-size: 16px;}
 .fs22{font-size: 16px;}
 .fs20{font-size: 16px;}
 /*.part{padding:0 0 75px;}*/
 
 
 .pc_nav ul.nav_ul li.m h3 a{line-height: 80px;}
 .header,header .w{height: 80px;}
 .header a.logo{top:10px;}
 
}
@media (max-width:992px){
 .fs70{font-size:36px;}
 .fs56{font-size: 30px;}
 .fs50{font-size: 28px;}
 .fs40{font-size: 28px;}
 .fs30{font-size:19px;}
 .fs28{font-size: 18px;}
 .fs26{font-size:15px;}
 .fs24{font-size:15px;}
 .fs22{font-size:15px;}
 
 
 
 .pc_nav ul.nav_ul li.m h3 a{line-height: 70px;}
 .header,header .w{height: 70px;}
 .header a.logo{top:10px;height:50px;}
 
}
@media (max-width:767px){
 .pc_nav{max-height: 90%;overflow-y: auto;}
 .fs70{font-size:34px;}
 .fs50{font-size: 26px;}
 .fs40{font-size:26px;}
 .fs28{font-size:17px;}
 .fs20{font-size:15px;}
 .pc_nav ul.nav_ul li.m h3 a{line-height: 50px;}
 .header,.header .w{height: 50px;}
 .header a.logo{top:5px;height: 40px;left:15px;}
 .hamburger{top:15px;right:15px;}
 

 
 
}

 
@media (max-width:767px){
 .subcolumn-nav .location .ihome{width: 18px;height: 18px;margin:0 5px 0 0;}
}
 @media (min-width:767px){.mob-news{ display:none}}
@media (max-width:767px){
.pc_nav{left: 0; top:50px;width: 100%;}
.pc_nav ul.nav_ul{display: block;}
.pc_nav ul.nav_ul li.m .sub{display: none !important;}
.pc_nav ul.nav_ul li.m h3 a:hover, .pc_nav ul.nav_ul li.m h3 a.active, .pc_nav ul.nav_ul li.m:hover h3 a{border-bottom: none;}
.subcolumn-nav .innovate-subcolumn{width: 100%;-webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none;}
.bannerBox .video_text{position:absolute;bottom:10%;left:2%;color:rgba(255,255,255,1); text-align:center; }
.bannerBox .video_text h2{ font-size:22px; font-weight:bold; color:#fff; display:block; margin-bottom:3%;}
.bannerBox .video_text span{ display:block; color:#ff8c00; font-size:26px; font-weight:bold;}
.bannerBox .video_text p{ font-size:18px; color:#fff;}
.about_in {left: 5%;top: 10%;width: 96%;}
.about_z{ height:750px}
.about_z p{ width:96%;}
#fp-nav{ display:none}
.aboutlist li {margin: 0 1%;}
.aboutlist .amm{padding: 5px 15px;}
.product-right{ width:100%; right:0}
.newsy{ width:100%;right:1%;}
.part2 .gree { width:95%; left:5px; right:5px; height:550px;}
 
.part4 .mess h2{ font-size:22px;}
.part4 .mess h3 { font-size:26px;}
.btn {margin-left: 36px;}
.newsyn{ left:5%;}
.product-right { left: 0%;}
.xy-footer .foot-link{ line-height:20px;color: #707070;}
.xy-footer .foot-link a{color: #707070;}
.part4 .conleft .neir{ bottom:23%;}
.part4 .conleft {height: 550px;}
.fp-tableCell{ height:158px!important; }
.section1{ height:158px!important;}
.part1 .part-tit h2{ font-size:25px}
.part1 .part-tit{top:5%}
.part1 .part-tit span{ width:90%;line-height: 20px;}
.part1 .part-service ul li{ width:48%}
.part1 .part-service ul .item-icon { height: 70px; padding-top: 10px; margin-bottom: 13px;}
.section-one{ height:1100px!important;}
.part1 .part-service{ top: 26%;}
.part1 .part-service ul li {padding: 0 1% 35px;margin: 1% 1%;}
.about-left .img1 img{ width:100%}
.about-left{ width:100%; display: none}
.about-right { width:100%; top:0; left:0}
.about-right ul{ width:98%;margin: 75px auto;}
.about-right ul li { margin: 5px 2.5%;}
.about-right h2{ font-size:25px;}
.part3_title h2{ font-size:25px;}
.part3_title p{width:90%;}
.about-right p{width:90%;}
.part4_title {top:15%;}
.part4_title h2{ font-size:25px;}
.part4_title p{width:90%; display:none}
.newsy{ display:none}
.part4 .conleft{ width:100%;}
.part4 .mess{ width:100%; right:0; top:47%;}
.contact-map .map{ width:90%; height:180px;}
.section-four { height:968px!important;}
.part4 .conleft {top:25%;left: -5%;}
.mob-news{ padding-bottom: 35px; position:absolute;top:35%; left: -5%;}
.mob-news .news-img img{width: 100%;}
.mob-news .news-list{padding: 0 25px;}
.mob-news .news-list li{border-bottom: 1px dashed #fff; padding: 10px 0; font-size: 14px; color: #fff; line-height: 25px; position: relative;}
.mob-news .news-list li a{display: block; padding-right: 75px; font-size: 14px; color: #fff;white-space: nowrap;/*һ����ʾ*/
overflow: hidden; 
text-overflow: ellipsis; }
.mob-news .news-list li a:before{content: ""; display: inline-block; width: 6px; height: 6px; background: #2a9e58; margin-right: 5px; vertical-align: 2px;}
.mob-news .news-list li span{position: absolute; right: 0; width: 70px; font-size: 12px; color: #fff; text-align: right; top: 10px;}


}
 
.secwen-left {opacity:0;filter:alpha(opacity=0);transform:translateX(-100px);transition:1s;}
.secwen-left.animate {opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:2s;}
.secwen-right {opacity:0;filter:alpha(opacity=0);transform:translateX(100px);transition:1s;}
.secwen-right.animate {opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:2s;}
.secwen-q {opacity:0;transition:1.5s ease;transform:scale3d(1.1,1.1,1);}
.animate.secwen-q {opacity:1;transform:scale3d(1,1,1);transition:1.5s ease;}
.secwen {opacity:0;filter:alpha(opacity=0);transform:translateY(100%);transition:1s;}
.animate.secwen {opacity:1;filter:alpha(opacity=100);transform:translateY(0);transition:2s;}
.animate.add1 {transition-delay:.1s;}
.animate.add2 {transition-delay:.2s;}
.animate.add3 {transition-delay:.3s;}
.animate.add4 {transition-delay:.4s;}
.animate.add5 {transition-delay:.5s;}
.animate.add6 {transition-delay:.6s;}
.animate.add7 {transition-delay:.7s;}
.animate.add8 {transition-delay:.8s;}
.animate.add9 {transition-delay:.9s;}
.animate.add10 {transition-delay:1s;}
.animate.add11 {transition-delay:1.1s;}
.animate.add12 {transition-delay:1.2s;}
.animate.add14 {transition-delay:1.4s;}
.animate.add16 {transition-delay:1.6s;}
.animate.add18 {transition-delay:1.8s;}
.animate.add20 {transition-delay:2s;}
.animate.add22 {transition-delay:2.2s;}
.animate.add24 {transition-delay:2.4s;}
.animate.add26 {transition-delay:2.6s;}
.animate.add35 {transition-delay:3.5s;}

.part{background-image: none;}
.part4 .conleft{margin-left:10%;}
.p_bgBox{animation-name: bgMagnify;animation-duration: 30s;animation-delay: 0s;position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.p_timeBox{position: relative;}

.wap_bprev, .wap_bnext{width: 24px; height: 45px; background: rgba(0,0,0,.5); position: absolute; top: 50%; z-index: 10; font-size: 20px; color: #fff; line-height: 45px; text-align: center;}
.wap_bprev{left: 0;}
.wap_bnext{right: 0;}
.wap_banner .swiper-pagination{bottom: 4px;}
.wap_banner .swiper-pagination-bullet{width: 20px; height: 3px; border-radius: unset; background: rgba(255,255,255,.8); opacity: 1;}
.wap_banner .swiper-pagination-bullet-active{background: rgba(0,0,0,1);}

.wap_column{width: 100%; padding: 15px 2%; overflow: hidden;}
.wap_column a{height: 70px; display: block; float: left; margin: 0 1%; margin-bottom: 10px;}
.wap_column a img{display: block; width: 100%; height: 100%; object-fit: contain;}
.wap_column a.column1, .wap_column a.column4, .wap_column a.column6{width: 56%;}
.wap_column a.column2, .wap_column a.column3, .wap_column a.column5, .wap_column a.column7{width: 40%;}
.wap_column a.column1{height: 150px; background: #3871C2;}
.wap_column a.column2{background: #FFC32E;}
.wap_column a.column3{background: #9CDC27;}
.wap_column a.column4{background: #4F7367;}
.wap_column a.column5{background: #8CBEB3;}
.wap_column a.column6{background: #FFC233;}
.wap_column a.column7{background: #F4720D;}

.wap_news{width: 100%;}
.wap_news li{width: 100%; padding: 15px; border-top: 1px solid rgba(228,228,228,1);}
.wap_news li h3{font-size: 18px; color: #323232; line-height: 30px;}
.wap_news li h5{font-size: 12px; color: #515151; line-height: 20px; margin: 5px 0;}
.wap_news li p{font-size: 14px; color: #6B6B6B; line-height: 20px;}
.wnews_more{display: block; width: 100%; height: 60px; background-color: rgba(248,248,248,0.8); font-size: 14px; line-height: 60px; text-align: center; color: rgba(115,115,131,1);}

.wap_footer{width: 100%; padding: 15px; background: rgba(237, 237, 237, 1); font-size: 14px; color: #707070; line-height: 20px; text-align: center; margin-top: 15px;}

.wapfl{width: 100%; height: 50px; background: rgba(99, 162, 232, 1);}
.wapfl .font{width: 100%; height: 100%; background: url(../images/iconfl.png) no-repeat center; background-size: 30px;}

.sidefl{width: 100%; height: 100%; background: rgba(0,0,0,.3); position: fixed; top: 0; left: 100%; z-index: 98;}
.sidelf{width: 55px; height: 100%; background: transparent; float: left;}
.sidelf span{display: block; font-size: 30px; color: #fff; text-align: center; margin-top: 100px;}
.sidert{width: calc(100% - 55px); height: 100%; background: #fff; float: right;}
.sidert h3{width: 100%; padding-top: 50px; background: #f0f0f0; border-bottom: 1px solid #cdd5d5; font-size: 20px; color: #323232; line-height: 60px; text-align: center;}
.sidert ul{width: 100%; background: #f6f6f6;}
.sidert ul li{width: 100%; height: 60px; border-bottom: 1px solid #cdd5d5;}
.sidert ul li a{display: block; width: 100%; height: 100%; font-size: 18px; color: #323232; line-height: 60px; padding-left: 40px; position: relative;}
.sidert ul li a::before{content: ""; width: 5px; height: 5px; border-radius: 50%; background: #666; position: absolute; left: 20px; top: 27.5px;}