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: 20px;}
.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;}
.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 #3e9e0f;display: block;}
.container{max-width: 1440px;margin:0 auto;width: 80%;}
.containera{max-width:100%;margin:0 auto;width: 100%; height:auto;}
@media (max-width: 1500px){
 .container{width: 88%;}
}
@media (max-width: 1300px){
 .container{width: 90%;}
}
@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("/i/img/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:100px;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:100px}
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:100%;position:absolute;right:0;top:0px;z-index:100}

.pc_nav ul.nav_ul {float:right;}
.pc_nav ul.nav_ul li.m {display:block;float:left;color:#333;position: relative;overflow: hidden;}
.pc_nav ul.nav_ul li.m a {display:block;line-height:100px;font-size:16px;width:120px; height: 100px; text-align:center }
.pc_nav ul.nav_ul li.m a span{position: absolute; left: 0; width: 100%;}
.pc_nav ul.nav_ul li.m a span.out{top: 0;}
.pc_nav ul.nav_ul li.m a span.over{color: #fff; background-color: #3abe86; top: -100px;}
.pc_nav ul.inner_nav{height: 50px; margin-top: 25px; float: right;}
.pc_nav ul.inner_nav li.m {display:block;float:left;color:#000;position: relative;}
.pc_nav ul.inner_nav li.m a {display:block;line-height:50px;font-size:14px;padding: 0 30px; height: 50px; text-align:center }
.pc_nav ul.inner_nav li.m a:hover{background-color:#ff8c00; color: #fff;}
.pc_nav ul.inner_nav li.m .sub {display:none;width:auto;background:rgba(255,255,255,1);position: absolute;left:50%;transform: translateX(-50%); top:100%;min-width:100%;}
/*.pc_nav ul.nav_ul li.m .sub .list{padding:45px 0;height:auto;}*/
.pc_nav ul.inner_nav li.m .sub ul li {display:block;text-align: center;}
.pc_nav ul.inner_nav li.m .sub ul li a {display:block;line-height:50px;position: relative;white-space: nowrap;padding: 0 15px;}
/*.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.inner_nav li.m .sub ul li a:hover,.pc_nav ul.inner_nav li.m .sub ul li a.active{background-color:#ff8c00; color: #fff;}
.header.on{background: rgba(255,255,255,.9);}
.hamburger.is-open span{background: #999!important;}
@media (max-width:1400px){
 .pc_nav ul.nav_ul li.m a{width: 110px;}
 .pc_nav ul.inner_nav li.m a{padding: 0 25px;}
}
@media (max-width:1200px){
 .pc_nav ul.nav_ul li.m a{width: 100px;}
 .pc_nav ul.inner_nav li.m a{padding: 0 20px;}
}
@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 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 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 a{margin-left:0;font-size:15px;padding:0 15px;}
}
@media (max-width:1000px) {
 /*header {position:static}*/
 .hamburger {display:block}
 .pc_nav {display:none}
 .pc_nav ul.inner_nav{margin-top: 0;}
}


@-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;}
.bannerBox .img{width: 100%;}
.bannerBox #video{object-fit: cover; }
.bannerBox .video_text{position:absolute;bottom:30%;left:20%;color:rgba(255,255,255,1); text-align:center; }
.bannerBox .video_text h2{ font-size:42px; font-weight:bold; color:#fff; display:block; margin-bottom:3%;}
.bannerBox .video_text span{ display:block; color:#ff8c00; font-size:56px; font-weight:bold;}
.bannerBox .video_text p{ font-size:38px; color:#fff;}
 
.part1{background: url(../images/bg02.jpg) no-repeat top; position:relative ; clear:both; background-size: cover; height:100%; animation-name: bgMagnify; animation-duration: 30s; animation-delay: 0s;} 
.about_z{background-color: rgba(255, 255, 255, 0.7); height:100vh;}
.about_in{position: absolute; left:25%; top:20%}
.about_z h2{ font-family: arial,helvetica,sans-serif;font-size: 40px;color: #3e9e0f;font-weight: bold;display:block; }
.about_z span{ display:block;font-size: 20px; color: #3e9e0f; margin-bottom:10px; }
.about_z span2{ display:block;font-size: 26px; color: #3e9e0f;margin-bottom:40px; }
.about_z p{display:block;font-size: 14px; width:517px; color:#470b01; line-height:30px;}
.aboutlist { margin-top:44px; }
.aboutlist li{ float:left; margin:0 20px; }
.aboutlist .amm{transition: all linear .3s;font-size:14px; padding:5px 25px;text-align: center; color:#3e9e0f;background:none;border:1px solid #51a870;border-radius:15px;display: block; }
.aboutlist .amm:hover{background: #3e9e0f;color:#fff;}
.imgy{ transition-duration: 2s;height: inherit; overflow: hidden; position: absolute; top: 180px; left: -100px; z-index: 2; width: 647px; height: 514px;}
.imgy img{ animation-name: fadeInUp; animation-duration: 1.8s; animation-delay: 0.5s; animation-fill-mode: both;}


.part2{background: url(../images/bg03.jpg) no-repeat top; position:relative ; clear:both; background-size: cover; height:100%;} 
.part2 .gree{ z-index:1; position:absolute; bottom:0; height:400px;left:10% ;width:1200px; margin:0 auto; background-color: rgba(58, 190, 134, 0.7);}
.part2 .gree h2{ color:#fff; font-size:30px; margin-top:52px; margin-left:25px; margin-bottom:10px; font-weight:bold}
.part2 .gree h3{ color:#fff; font-size:44px; margin-left:25px; }
.part2 .gree .more{ border:1px solid #fff; border-radius:15px; width:115px; text-align: center; margin-top:50px; margin-left:25px; color:#fff; padding:5px 0;}
.part2 .gree .more:hover{ background:#FFF; color:#000}
.part2 .gree .mjt{ position:relative}
.part2 .gree .jt{ position:absolute; left:11%; bottom:13px; }
.product-right{ width:960px;padding:20px 0 30px; margin:0 auto; position:absolute;left:24%;top:130px; z-index:4}
.product-right ul{margin-left:-10px;margin-right: -10px;}
.product-right li{text-align: center;color:#333333;font-size:15px;padding:0 8px 2px;}
.product-right li .item-img{border:2px solid #eeeeee;padding-bottom: 76%;overflow: hidden;position: relative;}
.product-right li .item-img .img{transition: all linear .3s;position: absolute;left:0;top:0;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.product-right li .item-con{padding:8px 15px;}
.product-right li:hover .img{transform: scale(1.05);}
.product-left .content{border:2px solid #3e9e0f;background: #fff;}
.product-left .content .pro-category{overflow: hidden;padding:40px 10px;text-align: center;background: #3e9e0f;color:#fff;font-weight: bold;position: relative;}
.product-left .content .pro-category h2{font-family: sans-serif;text-transform: uppercase;letter-spacing: -2px;position: absolute;color:#3e9e0f;opacity: 0.66;width: 100%;left:50%;top:50%;transform: translate(-50%,-50%);white-space: nowrap;font-weight: bold;}
.product-left .content .pro-category p{position: relative;z-index:10;}
@media (min-width: 992px){
 .product-con .product-left{width: 30%;}
 .product-con .product-right{width: 70%;}
}
@media (min-width: 1200px){
 .product-con .product-left{width: 23.75%;}
 .product-con .product-right{width: 76.25%;}
}


.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:#2c2e2a; margin-bottom:10px;}
.newstitle h3{ font-size:40px; color:#3e9e0f}
.ping_3{background-color: rgba(255, 255, 255, 0.49);}
.newsy{ position: absolute; top: 191px; right:15%; z-index: 100; width: 928px; height: 620px;animation-fill-mode: both;background-color: rgba(255, 255, 255, 0.34);}
.newsyn{ position: absolute; top: 41px; left: 106px; z-index: 1; width: 810px; height: 506px;}


.part4{background: url(../images/bg05.jpg) no-repeat center; position:relative ; clear:both; background-size: auto; height:100%; } 
.part4 .conleft{background: url(../images/7bn01.png) no-repeat 10px 175px ; position:relative; height:750px; width:352px; margin-left:20%; }
.part4 .conleft .neir{ position:absolute; width:190px;left:15%; bottom:28%; line-height:35px;transition-delay: 3s;}
.part4 .conleft .neir strong{ font-weight:bold; color:#3e9e0f; margin-top:6%; }
.part4 .conleft .neir p{ line-height:35px;}
.part4 .conleft .neir .map { text-align:center; margin-top:8% }
.part4 .conleft .neir .map img{ padding-top:19px;}
.part4 .mess {margin-top:17%;}
.part4 .mess h2{font-size: 38px; color:#470b01; display:block;}
.part4 .mess h3{font-size: 56px; font-weight:bold; color:#800000;; display:block}
#message-form{ margin-top:38px;}
#message-form .red-star{color: red;}
#message-form label{font-size: 14px;}
#message-form textarea{resize: none;}
#message-form #checkcode{display: inline-block; width: 30%;}
#message-form #checkCodeImg{vertical-align: top; margin-left: 10px;}
#message-form #change_code{line-height: 34px; padding: 0 10px; color: #292e39; font-size: 14px;}
#message-form .error-info{padding-top: 4px; display: inline-block; vertical-align: top; position: absolute;}
	#message-form .form-group{ text-align:center; margin-top:2%;}
	.form-horizontal .control-label { padding-left:0 ; padding-right:0}
	.btn{ margin-left:70px;font-size: 18px; color: rgba(255,255,255,1); background-color: #3e9e0f; border-radius: 25px; padding-right: 20px; padding-left: 20px; text-align: center;}

@media (max-width: 768px){
	#message-form .form-group{margin-bottom: 25px;text-align: left;} 
	#message-form .error-info{display: block; padding-top: 0; float: none !important; padding-left: 10px;} 
	#message-form #change_code + .error-info{padding-left: 0px; margin-left: -7px;}
	}
#message-form.n-default .msg-wrap{position: static;}



.xy-footer{background: #3e9e0f; border-top: 2px solid #3e9e0f;line-height: 50px;}
.xy-footer .foot-link{color: #fff;font-size: 14px;}
.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: 10px 0;border-top: 1px solid #5B5C63;text-align: center;}
.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 a{line-height: 80px;height: 80px;width: 100%;}
 .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 a{line-height: 70px;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 a{line-height: 50px;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 (max-width:767px){
.pc_nav{top:50px;}
.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 .conleft { height: 700px; background: url(../images/7bn01.png) no-repeat -5px 55px;margin-left:0;}
.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;}
.part4 .conleft .neir{ bottom:23%;}
.part4 .conleft {height: 550px;}
.fp-tableCell{/*display: table-cell; */}

}
 /* ���� */
.mob-news{ padding-bottom: 35px;}
.mob-news .news-img img{width: 100%;}
.mob-news .news-list{padding: 0 25px;}
.mob-news .news-list li{border-bottom: 1px dashed #e2e2e2; padding: 10px 0; font-size: 14px; color: #292929; line-height: 25px; position: relative;}
.mob-news .news-list li a{display: block; padding-right: 75px; font-size: 14px; color: #292929;white-space: nowrap;/*һ����ʾ*/
overflow: hidden;/*������������*/
text-overflow: ellipsis;/*��...���泬������*/}
.mob-news .news-list li a:before{content: ""; display: inline-block; width: 6px; height: 6px; background: #3e9e0f; margin-right: 5px; vertical-align: 2px;}
.mob-news .news-list li span{position: absolute; right: 0; width: 70px; font-size: 12px; color: #292929; text-align: right; top: 10px;}

.secwen-left {opacity:0;filter:alpha(opacity=0);transform:translateX(-100px);transition:.8s;}
.secwen-left.animate {opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:.8s;}
.secwen-right {opacity:0;filter:alpha(opacity=0);transform:translateX(100px);transition:.8s;}
.secwen-right.animate {opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:.8s;}
.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.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: auto;}
.p_timeBox{position: relative;}
