header{width: 100%;position: fixed;left: 0;top: 0;z-index: 99; box-shadow: 2px 5px 5px rgb(0 0 0 / 10%);background-color: rgba(255,255,255,.8)}
header>.cont>a{padding:15px 0;}
header>.cont>a>img{height: 60px;}
header>.cont>ul{width: 40%;}
header>.cont>ul>li{padding: 30px 0;}
header>.cont>ul>li>a{line-height: 30px;}
header>.cont>ul>li:hover>a{color: #45b72c;}
header>.cont>p{line-height: 30px;padding: 30px 0;padding-left: 40px;box-sizing: border-box;background-image: url(../images/24tel.png);background-repeat: no-repeat;background-position: left;background-size: 30px 30px;}
header>.cont>p>i{font-size: 22px;}
.inx-01{width: 100%;height: 100vh;overflow: hidden;position: relative;}
.inx-01-swi{width: 100%;height: 100%;}
.inx-01-swi>ul,.inx-01-swi>ul>li,.inx-01-swi>ul>li>a{width: 100%;height: 100%;}
.inx-01-swi>ul>li>a>img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;background-repeat: no-repeat;}
.inx-01-swi>ul>li>a{position: relative;}
.inx-01-swi>ul>li>a::before{content: "";left: 0;top: 0;width: 100%;height: 100%;background-image: url(../images/wg.png);position: absolute;z-index: 1;}
.banner-txt{position: absolute;left: 5%;top: 50%;transform: translateY(-50%);color: #fff;max-width: 50%;z-index: 2;}
.banner-txt>h3{font-weight: 700;}
.banner-txt>h5{text-transform: uppercase;margin-top: 20px;line-height: 36px;color: #ebebeb;}
.banner-txt>p{width: 150px;line-height: 50px;background-color: #45b72c;color: #fff;text-align: center;margin-top: 30px;}
.inx-link{position: absolute;right: 0;bottom: 0;z-index: 3;width: 50%;}
.inx-link>ul{width: 100%;background-color: rgb(0 0 0 / 30%);}
.inx-link>ul>li{width: 25%;border-right: 1px solid rgba(255,255,255,.2);padding: 20px 0;box-sizing: border-box;}
.inx-link>ul>li:hover{background-color: rgba(69,183,44,.6);}
.inx-link>ul>li:last-child{border: none;}
.inx-link>ul>li>a>img{margin:0 auto;width: 50px;}
.inx-link>ul>li>a>p{color: #fff;text-align: center;margin-top: 10px;}

.inx-02{width: 100%;background-image: url(../images/inx-bj1.jpg);background-size: cover;}
.inx-02>.cont{height: 100vh;position: relative;}
.inx-box{position: absolute;left: 0;top: 54%;transform: translateY(-50%);width: 100%;}
.inx-02-left{width: 48%;}
.inx-02-left>h3{font-weight: 700;}
.inx-02-left>h5{color: #45b72c;margin-top: 20px;}
.inx-02-left>p{line-height: 32px;margin-top: 40px;}
.inx-02-left>a{width: 150px;line-height: 50px;background-color: #45b72c;color: #fff;text-align: center;margin-top: 30px;}
.inx-02-left>ul{margin-top: 40px;border:1px solid rgba(0,0,0,.1);padding: 0 20px;box-sizing: border-box;}
.inx-02-left>ul>li{padding: 20px 0;}
.inx-02-left>ul>li>span{overflow: hidden;width: 100%;display: block;}
.inx-02-left>ul>li>span>h3{float: left;}
.inx-02-left>ul>li>span>em{float: left;margin-left: 10px;margin-top: 20px;background-color:#333;border-radius: 50%;width: 30px;height: 30px;text-align: center;line-height: 30px;color: #fff;}
.inx-02-right{width: 46%;}
.inx-02-ra{width: 100%;height: 100%;}
.inx-02-r{width: 33.3%;height: 100%;}
.inx-02-r>a{background-color: #fff;padding: 20px;box-sizing: border-box;box-shadow: 0px 0px 49px rgb(0 0 0 / 13%);}
.inx-02-r>a,.inx-02-r>.img_box{width: 100%;height: 33.33%;}
.inx-02-r>a>img{width: 40px;}
.inx-02-r>a>h5{text-align: center;margin-top: 10px;}
.inx-02-r>a>p{text-transform: uppercase;text-align: center;margin-top: 5px;}
.inx-02-r>a:hover{color: #45b72c;}
.r2{margin-top: 80px;}
.r3>.img_box{height: 48%;}

.inx-03{width: 100%;background-image: url(../images/inx-bj2.jpg);background-size: cover;}
.inx-03>.cont{height: 100vh;position: relative;}
.inx-03-tap{width: 100%;}
.inx-03-tap>ul{width: 100%;border:1px solid rgb(0 0 0 / 10%)}
.inx-03-tap>ul>li{width: 25%;padding: 15px 0;text-align: center;position: relative;}
.inx-03-tap>ul>li::after{position: absolute;right: 0;top: 50%;content: "";width: 1px;height: 60%;background-color: rgb(0 0 0 / 10%);transform: translateY(-50%);}
.inx-03-tap>ul>li:last-child::after{display: none;}
.inx-03-tap>ul>li>a>img{width: 50px;margin:0 auto;margin-bottom: 10px;}
.inx-03-tap>ul>li>a>img:nth-child(2){display: none;}
.inx-03-tap>ul>li.active>a,.inx-03-tap>ul>li:hover>a{color: #45b72c;}
.inx-03-tap>ul>li.active>a>img:nth-child(1),.inx-03-tap>ul>li:hover>a>img:nth-child(1){display: none;}
.inx-03-tap>ul>li.active>a>img:nth-child(2),.inx-03-tap>ul>li:hover>a>img:nth-child(2){display: block;}
.inx-03-list-box{width: 100%;margin-top: 70px;}
.inx-03-list{width: 100%;}
.inx-03-list>ul{width: 100%;}
.inx-03-list>ul>li{width: 25%;padding:0 20px;box-sizing: border-box;}
.inx-03-list>ul>li>a{width: 100%;padding: 20px;box-sizing: border-box;background-color: #fff; box-shadow: 0px 0px 6px rgb(0 0 0 / 13%);}
.inx-03-list>ul>li>a>.img_box{width: 100%;height: 40vh;position: relative;}
.inx-03-list>ul>li>a>.img_box::before{position: absolute;content: "";width:100%;height: 100%;background-color:rgba(0,0,0,.5);top: 0;left: 0;z-index: 1;opacity: 0;transition:all .6s;}
.inx-03-list>ul>li>a>.img_box::after{position: absolute;content: "";width:70px;height: 70px;background-color:#45b72c;border-radius: 50%;left: 50%;top:50%;transform:translate(-50%,-50%);z-index: 2;background-image: url(../images/pro-more.png);background-size:50% auto;background-position:center center;background-repeat: no-repeat;opacity: 0;transition:all .6s;}
.inx-03-list>ul>li:hover>a>.img_box::before,.inx-03-list>ul>li:hover>a>.img_box::after{opacity: 1;}
.inx-03-list>ul>li>a>p{line-height: 40px;text-align: center;margin-top: 10px;}
.inx-03-btm{margin-top: 50px;}
.inx-03-btm>a{background-color: #45b72c;color: #fff;width:180px;text-align: center;padding:15px 0;}
.inx-03-prv,.inx-03-next{width:40%;height: 50px;background-color: #f5f5f5;cursor: pointer;}
.inx-03-prv>em,.inx-03-next>em{width:50px;height: 50px;display: block;margin-left: 20px;background-image: url(../images/prv-jt.png);background-size:auto 80%;background-repeat:no-repeat;background-position: center;}
.inx-03-prv:hover>em{background-image: url(../images/prv-jt-1.png);}
.inx-03-next>em{margin-left:auto;margin-right: 20px;background-image: url(../images/prv-jt1.png);}
.inx-03-next:hover>em{background-image: url(../images/prv-jt1-1.png);}

.inx-04{width: 100%;background-image: url(../images/inx-bj3.jpg);background-size: cover;}
.inx-04-box{width: 100%;height: 100vh;padding-top: 18vh;box-sizing: border-box;overflow: hidden;}
.inx-04-list-box{width: 65%;}
.inx-04-list{width: 100%;padding-left: 8%;box-sizing: border-box;}
.inx-04-list>ul>li{width: 20%;padding: 0 15px;box-sizing: border-box;}
.inx-04-list2{margin-top: 100px;padding-right: 8%;box-sizing: border-box;}
.inx-04-list2>ul{padding-left: 0;}
.inx-04-list2>ul>li{width: 25%;}
.inx-04-list>ul>li>a{width: 100%;}
.inx-04-list>ul>li>a>img{width: 100%;}
.inx-04-list-box>img{width: 103%;}
.inx-04-tit{width: 27%;}
.inx-04-tit>h3{font-weight: 700;margin-top: 100px;margin-bottom: 40px;}
.inx-04-btn>div{width: 60px; height: 60px;background-color: #fff;box-shadow: 0px 3px 10px 2px rgb(219 226 235 / 40%);border-radius: 50%;float: left;background-image: url(../images/left.png);background-size: 30%;background-repeat: no-repeat;background-position: center;cursor: pointer;}
.inx-04-btn>div:last-child{margin-left: 80px;background-image: url(../images/right.png);}
.inx-04-bottom>.inx-04-tit{padding-left: 10%;box-sizing: border-box;}
.inx-04-bottom>.inx-04-tit>h3{margin-top: 100px;}

.inx-05{width: 100%;height: 100%;padding-top:150px;box-sizing: border-box;position: relative;overflow: hidden;background-image: url(../images//inx-bj4.png);background-position: bottom;background-repeat: no-repeat;}
.inx-05>.cont{height: 100%;position:relative;}
.inx-05-tit>h3{font-weight: 700;}
.inx-05-tit>h5{text-transform: uppercase; color: #45b72c;}
.inx-05>img{position: absolute;right: -5%;top: -5%;opacity: .8;}
.inx-05-tap{position: absolute;left: 0;width: 100%;top: 10px;}
.inx-05-tap>ul>li{padding:0 40px;position: relative;}
.inx-05-tap>ul>li::before{position: absolute;content: "";left: -30px;border:1px dashed rgba(0,0,0,.1);width: 60px;top: 50%;transform: translateY(-50%);}
.inx-05-tap>ul>li:last-child::after{position: absolute;content: "";right: -30px;border:1px dashed rgba(0,0,0,.1);width: 60px;top: 50%;transform: translateY(-50%);}
.inx-05-tap>ul>li img{width: 40px;height: 40px;margin:0 auto;display: none;}
.inx-05-tap>ul>li img:nth-child(1){display: block;}
.inx-05-tap>ul>li.active img:nth-child(1){display: none;}
.inx-05-tap>ul>li:hover img:nth-child(1){display: none;}
.inx-05-tap>ul>li.active img:nth-child(2){display: block;}
.inx-05-tap>ul>li:hover img:nth-child(2){display: block;}
.inx-05-tap>ul>li h5{color: #9a9a9a;margin-top: 10px;font-size: 22px;}
.inx-05-tap>ul>li.active h5{color: #45b72c;}
.inx-05-tap>ul>li:hover h5{color: #45b72c;}
.inx-05-box{transform: translateY(40%);opacity: 0;transition: all .8s ease-in-out;}
.inx-05.active .inx-05-box{transform: translateY(0);opacity: 1;transition-delay: .3s;}
.inx-05-list{ margin-top: 80px;}
.inx-05-list>ul>li{width: 33.3%;padding:0 30px;padding-top: 60px;box-sizing: border-box;transition: all .6s ease-in-out;}
.inx-05-list>ul>li>a{transition: all .6s ease-in-out;}
.inx-05-list>ul>li.swiper-slide-active{padding-top: 0;}
.inx-05-list>ul>li.swiper-slide-active a{box-shadow: 0 0 31px 3px rgb(0 0 0 / 5%);box-sizing: border-box;}
.inx-05-list>ul>li .img_box{height: 24vh;}
.inx-05-info{width: 100%;padding:20px 0;box-sizing: border-box;transition: all .6s ease-in-out;}
.inx-05-info>em{color: #45b72c;}
.inx-05-info>h5{line-height: 30px;margin-top: 10px;margin-bottom: 15px;}
.inx-05-info>p{height: 0;overflow: hidden;}
.inx-05-list>ul>li.swiper-slide-active .inx-05-info{background-color: #fff;padding:30px;}
.inx-05-list>ul>li.swiper-slide-active .inx-05-info>p{height: 100%;transition: all .6s ease-in-out;}
.inx-05-btn{ position:absolute;bottom: 50px;width: 100%;}
.inx-05-prv,.inx-05-next{width: 50px;height: 50px;background-image: url(../images/left.png);background-size: 60%;background-repeat: no-repeat;background-position: center;cursor: pointer;}
.inx-05-next{background-image: url(../images/right.png);}
.inx-05-btn>ul{margin-right: 20px;margin-left: 20px;margin-top: 21px;}
.inx-05-btn>ul>li{width: 8px;height: 8px;background-color: #9a9a9a;border-radius: 50%;cursor: pointer;margin:0 10px;}
.inx-05-btn>ul>li.active{background-color: #45b72c;}

footer{padding:100px 0 10px 0;background-color: #202020;background-image: url(../images/footMp.png);background-repeat: no-repeat;background-position: top;position: relative;z-index: 2;}
.footer-con{width: 86%;margin:0 auto; padding:0 15px; color:#999;}
.footer-top{ padding-bottom: 7.59vh; }
.footer-l>a:nth-child(2){margin-top: 40px;width: 160px;line-height: 50px;background-color: #45b72c;text-align: center;color: #fff;}
.footer-l>a>img{height: 60px;}
.footer-nav{max-width:30%;}
.footer-tit{color: #fff;position: relative;padding-bottom: 15px;margin-bottom: 15px;}
.footer-tit:after{position: absolute;content: "";left: 0;bottom: 0;width:30px;height: 2px;background-color:#45b72c;}
.footer-nav>ul>li{width:33.3%;}
.footer-nav>ul>li:last-child{margin-right: auto;}
.footer-nav>ul>li>a{color: #999;line-height: 40px;}
.footer-lx>h3{color: #fff;}
.footer-lx>p{font-size: 16px;}
.footer-ewm>img{ width:151px;height: 151px;}
.footer-ewm>p{text-align:center;font-size: 16px;}
.footer-bottom{width:100%;border-top: 1px solid #3A3A3A;font-size: 14px;line-height: 26px;padding: 5vh 0px;}
.footer-bottom>span>a{display: inline-block;color: #999;}
.footer-bottom>span>a>img{display: inline-block;}

.oth-banner{width: 100%;height: 460px;position: relative;overflow: hidden;}
.oth-banner>img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;background-repeat: no-repeat;}
.oth-banner::after{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgb(0 0 0 / 30%);z-index: 1;content: "";}
.oth-banner-txt{position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);z-index: 2;color: #fff;}
.oth-banner-txt>h3{font-weight: 700;}
.web-mbx{padding:20px 0;background-color: #f5f5f5;}
.web-mbx p{line-height: 32px;}
.web-mbx p>img{display: inline-block;float: left;margin-right: 10px;}
.web-mbx p>a{ display: inline-block;}

.ab-01-left{width: 50%;}
.t3{font-weight: 700;}
.t5{text-transform: uppercase;color: #45b72c;margin-top: 5px;}
.ab-01-info{margin-top: 40px;}
.ab-01-info>p{line-height: 32px;text-align: justify;}
.ab-01-right{width: 45%;padding: 10px;box-sizing: border-box;position: relative;}
.ab-01-right>.img_box{position: relative;z-index: 2;height: 100%;box-shadow: 0 0 31px 25px rgb(0 0 0 / 5%);width: 50%;}
.ab-01-right::before,.ab-01-right::after{position: absolute;width: 180px;height: 180px;content: "";right: 0;top:0;background-color: #45b72c;z-index: 1;}
.ab-01-right::after{left: 0;right: auto;bottom: 0;top: auto;}
.ab-02{width: 100%;background-image: url(../images/ab-bj1.jpg);background-position: bottom;background-color: #fafafa;background-repeat: no-repeat;}
.ab-02>.cont>h3,.ab-02>.cont>h5{text-align: center;}
.ab-02-box{width: 100%;margin-top: 60px;position: relative;}
.ab-02-box>ul{background-color: rgba(255,255,255,.5);box-shadow: 0 0 31px 25px rgb(0 0 0 / 5%);box-sizing: border-box;}
.ab-02-box>ul>li{width: 50%;box-sizing: border-box;padding:60px 80px;text-align: center;}
.ab-02-box>ul>li:nth-child(1),.ab-02-box>ul>li:nth-child(3){border-right: 1px solid rgb(0 0 0 / 10%);}
.ab-02-box>ul>li:nth-child(1),.ab-02-box>ul>li:nth-child(2){border-bottom: 1px solid rgb(0 0 0 / 10%);}
.ab-02-box>ul>li>img{width: 50px;margin: 0 auto;margin-bottom: 20px;}
.ab-02-box>ul>li>p{margin-top: 5px;}
.ab-02-con{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 200px;height: 200px;z-index: 3;}
.ab-02-con>.box{width: 100%;height: 100%;position: relative;border: 1px solid rgb(0 0 0 / 100%);background-color: #fff;border-radius: 50%;}
.ab-02-con>.box>.box-info{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);text-align: center;width: 80%;}
.ab-02-box::before,.ab-02-box::after{position: absolute;content: "";left: 50%;top:50%;transform: translate(-50%,-50%);border: 1px solid rgb(0 0 0 / 30%);background-color: #fff;border-radius: 50%;width: 240px;height: 240px;z-index: 2;box-sizing: border-box;}
.ab-02-box::after{width: 280px;height: 280px;z-index: 1;border: 1px solid rgb(0 0 0 / 10%);}
.ab-03-left{width: 50%;}
.ab-01-info>p:nth-child(2){margin-top: 15px;}
.ab-03-right{width: 40%;}
.ab-03-right>img{width: 100%;}

.pro-list .inx-03-list>ul>li{margin-bottom:40px;}
.pro-list .inx-03-list>ul>li:last-child{margin-right: auto;}

.pro-left{width: 73%;padding-right: 3%;box-sizing: border-box;height: 100%;}
.pro-pic{width: 40%;height: 55vh;background-color: #fff;box-shadow: 0 0 31px 25px rgb(0 0 0 / 5%);padding: 20px;box-sizing: border-box;}
.pro-pic>img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;background-repeat: no-repeat;cursor: pointer;}
.pro-name{width: 55%;}
.pro-name>h4{font-weight: 600;}
.pro-name>h5{margin-top: 15px;color: #45b72c;}
.pro-name>ul{margin-top: 40px;background-color: #fafafa;padding:0 20px;box-sizing: border-box;}
.pro-name>ul>li{width: 50%;padding: 20px 0;}
.pro-name>span{margin-top: 70px;}
.pro-name>span>a{background-color: #45b72c;color: #fff;width:140px;text-align: center;padding:15px 0;}
.pro-name>span>a:last-child{background-color: #333;margin-right: auto;margin-left: 80px;}
.pro-info{width: 100%;margin-top: 60px;}
.pro-info>h5{line-height: 60px;background-color: #fafafa;padding-left: 20px;box-sizing: border-box;}
.pro-info-box{margin-top: 60px;}
.pro-info-box img{max-width: 100% !important;margin:0 auto;min-width: 80%;}
.pro-right{width: 27%;padding-left: 3%;box-sizing: border-box;border-left: 1px solid rgb(0 0 0 / 10%);}
.pro-right>h5{padding-bottom: 20px;border-bottom: 1px solid rgb(0 0 0 / 10%);}
.pro-right .inx-03-list>ul>li{width: 100%;margin-top: 40px;}
.pro-pic-big{width: 100%;height: 100%;position: fixed;background-color: rgb(0 0 0 / 60%);z-index: 100;left: 0;top: 0;display: none;}
.pro-pic-big>.box{width: 100%;height: 100%;position: relative;}
.pro-pic-big>.box>img{width: auto;height: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.honor-01>.cont>h3,.honor-01>.cont>h5{text-align: center;}
.honor-01>.cont>ul>li{width: 25%;padding:0 20px;box-sizing: border-box;margin-top: 40px;}
.honor-01>.cont>ul>li:last-child{margin-right: auto;}
.honor-01>.cont>ul>li>img{width: 100%;margin-bottom: 10px;}
.honor-02{background-color: #fafafa;}
.honor-02>.cont>ul>li{width: 20%;padding:0 20px;box-sizing: border-box;margin-top: 40px;}

.news-list{width: 100%;}
.news-list-tap>a{width:140px;text-align: center;padding:15px 0;border:1px solid rgb(0 0 0 / 10%);margin: 0 20px;}
.news-list-tap>a.active{background-color: #45b72c;color: #fff;}
.news-list ul{margin-top: 60px;}
.news-list ul:after {display:block;content:"";width: 30%; height:0px;}
.news-list ul>li{width: 30%;margin-bottom: 60px;}
.news-list ul>li>a>.img_box{width: 100%; height: 260px;}
.news-list-info{width: 100%;padding:30px;box-sizing: border-box;box-shadow: 2px 2px 10px rgba(0,0,0,.1);}
.news-list-info>p{font-weight: lighter;}
.news-list-info>h5{margin-top: 15px; font-weight: bold;}.news-list-info>p:nth-child(3){margin-top: 15px;line-height: 30px;}
.news-list-info>img{margin-top: 15px;}
.new-tap>ul>li:hover{background-color: #45b72c;}
.new-tap>ul>li:hover>a{color: #fff;}
.new-tap>ul>li:hover .img-1{display: none;}
.new-tap>ul>li:hover .img-2{display: block;}
.news_inner{width: 100%;background:#fff;}
.news_inner img{margin: 0 auto;}
.news_inner>.cont>h5{margin-bottom: 30px;text-align:center;font-weight: bold;}
.news_inner>.cont>p:nth-child(2){text-align: center;height: 40px;border-bottom: 1px solid #eee;font-size: 14px;}
.news_inner>.cont>span{padding: 20px 0;display: block;font-size: 14px;color: #6f7173;}
.news_inner>.cont>span img{max-width: 100% !important;height: auto!important;}
.news_inner>.cont>div{width: 100%;margin-top:30px;height: 60px;line-height:30px;}
.news_inner>.cont>div>em:first-child{ float: left;display: block;}
.news_inner>.cont>div>em:last-child{float: right;display: block;}
.news_inner>.cont>div>em>a{color: #333;display: inline-block;}
.news_inner>.cont>div>em>a:hover{ color: #45b72c;}
.news_inner>.cont>.video-box{width:100%;height: 100%;}
.news_inner video{width:80%;margin:0 auto;display: block;}

.cat-01{width: 100%;background-color: #fafafa;}
.cat-01-left{width:40%;padding-top: 60px;box-sizing: border-box;}
.cat-01-left ul{margin-top: 80px;}
.cat-01-left ul>li{margin-top: 30px;width:100%;line-height: 30px;overflow: hidden;padding:10px 10px 10px 40px;box-sizing: border-box;background-repeat:no-repeat;background-position:10px center;border:1px solid rgba(0,0,0,.1);}
.cat-01-left ul>li:first-child{background-image:url(../images/contact_ico1.png);}
.cat-01-left ul>li:nth-child(2){background-image:url(../images/contact_ico2.png);}
.cat-01-left ul>li:nth-child(3){background-image:url(../images/contact_ico4.png);}
.cat-01-left ul>li:last-child{background-image:url(../images/contact_ico5.png);}
.cat-01-left>h5{margin-top: 60px;line-height: 50px;padding-left: 15px;box-sizing: border-box;position: relative;}
.cat-01-left>h5:before{position: absolute;content: "";left: 0;top: 50%;transform: translateY(-50%);width:4px;height: 50%;background-color:#45b72c;}
.cat-01-left>p{margin-top: 10px;}
.cat-01-left>form{margin-top: 30px;}
.cat-01-left>form>input{width:100%;border:none;height: 50px;padding-left: 15px;box-sizing: border-box;margin-top: 30px;}
.cat-01-left>form>textarea{height: 160px;background: #fff;font-size: 15px;color: #666;padding: 15px;line-height: 24px;border: 1px solid #eee;width: 100%;box-sizing: border-box;resize: none;margin-top: 30px;outline: none;font-family: none;}
.cat-01-left>form>button{width:100%;margin:0 auto;margin-top:50px;padding:0;border:none;height: 50px;color: #fff;background-color:#45b72c;}
.zxdt_box{position: fixed;width: 48%;height: 100%;background-color:#fff;z-index: 1;right: 0;top: 0;padding-top: 80px;box-sizing: border-box;}
.zxdt{width: 100%;height: 100%;}
.bddt_box{width: 100%;height: 100%;}
.bddt{width: 100%;height: 100%;}

.pc_2nav{width: 100%;background-color:#fafafa;position: relative;overflow:hidden;}
.pc_2nav>dl{width: 100%;padding:30px 7%;box-sizing: border-box;position: relative;}
.pc_2nav>dl>dt{position: absolute;width: 100%;height:100%;background-color: #ccc;top: 0;right: 0;z-index: 99;}
.pc_2nav>dl:after {display:block;content:""; width: 30%;height:0px;}
.pc_2nav>dl>dd{width: 30%;margin-top: 40px;font-size: 14px; position: relative;}
.pc_2nav>dl>dd:nth-child(2){margin-top: 20px;}
.pc_2nav>dl>dd:nth-child(3){margin-top: 20px;}
.pc_2nav>dl>dd:nth-child(4){margin-top: 20px;}
.pc_nav_dd_bj{position: absolute;width: 0;height: 100%;background-color:#45b72c;z-index: -1;left: 0;top: 0;transition: all 0.8s;}
.pc_2nav>dl>dd>a:hover>.pc_nav_dd_bj{width: 100%;}
.pc_2nav>dl>dd>a{width: 100%;padding: 0 20px;box-sizing: border-box;line-height: 36px;border-bottom: 1px solid rgba(0,0,0,.1);position: relative;padding-bottom: 10px;box-sizing: border-box; z-index: 9;}
.pc_2nav>dl>dd>a:hover{color: #fff;font-weight: bold;}
.pc_2nav>dl>dd>a>em:last-child{ width: 20px; height: 20px;margin-top: 8px;display: block;background-image: url(../images/ico_a1.png);background-size: 60%;background-repeat: no-repeat;background-position: content;transition: all 0.1s;}
.pc_2nav>dl>dd>a:hover>em:last-child{background-image: url(../images/ico_b.png);background-size: 100%;}
.pc_2nav>dl>dd>ul{padding: 0 20px;box-sizing: border-box; display: none;}
.pc_2nav>dl>dd>ul>li{width: 50%;float: left;margin-top: 20px;line-height: 36px;border-bottom: 1px solid rgba(0,0,0,.2); box-sizing: border-box;}
.pc_2nav>dl>dd>ul>li>a{width: 100%;padding: 0 20px;box-sizing: border-box; position: relative; }
.pc_2nav>dl>dd>ul>li:hover>a{color: #fff; font-weight: bold;}
.pc_nav_li_bj{ position: absolute; width: 0;height: 100%;background-color:#45b72c;z-index: 0;left: 0;top: 0;transition: all 0.6s;}
.pc_2nav>dl>dd>ul>li:hover>a>.pc_nav_li_bj{width: 100%;}
.pc_2nav>dl>dd>ul>li>a>em{position: relative;z-index: 9;}
.pc_2nav>dl>dd>ul>li>a>em:last-child{ width: 20px;height: 20px; margin-top: 8px;display: block;background-image: url(../images/ico_a1.png);background-size: 60%; background-repeat: no-repeat;background-position: content;transition: all 0.1s;}
.pc_2nav>dl>dd>ul>li:hover>a>em:last-child{background-image: url(../images/ico_b.png);background-size: 100%;}

/* 手机导航 */
.auto-header{
	width:100%;
	background-color: #fff;
	padding:10px 0;
	box-sizing: border-box;
	box-shadow: 2px 5px 5px rgba(0,0,0,.1);
	position: fixed;
	left: 0;
	top: -80px;
	z-index: 999;
	opacity: 0;
	transition: all .6s;
}
.auto-logo{
	height: 40px;
}
.auto-logo>a{
	height:100%;
}
.auto-logo>a>img{
	height: 100%;
}
.auto-header>.cont>span{
	width:32px;
	height: 32px;
	margin-left:auto;
	margin-top:9px;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid rgba(0,0,0,.1);
	cursor: pointer;
}

.auto-nav{
	width:40px;
	height: 40px;
	padding:7px 3px;
	box-sizing: border-box;
	position: relative;
	margin-top:3px;
}
.auto_close{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}
.auto-nav>button{
  background-color: rgba(0,0,0,0);
  border:none;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  }
  .auto-nav>button>em{
	height: 4px;
	background-color: #45b72c;
	display: block;
	position: absolute;
	left: 0;
	border-radius: 3px;
  }
  .auto_ht1{
	  width: 100%;
	  top: 0;
	  transition: all 0.8s;
  }
  .auto_ht2{
	  width:70%;
	  top: 11px;
	  transition: all 0.8s;
  }
  .auto_ht3{
	  width: 100%;
	  top: 22px;
	  transition: all 0.8s;
  }
  .auto-nav>.active>.auto_ht1{
	  top: 10px;
	-moz-transform: rotate(225deg);
	  -webkit-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	   -ms-transform: rotate(225deg);
	  transform: rotate(225deg);
  }
  .auto-nav>.active>.auto_ht2{
	  opacity: 0;
	  left: 30px;
  }
  .auto-nav>.active>.auto_ht3{
	  top: 10px;
	-moz-transform: rotate(-225deg);
	  -webkit-transform: rotate(-225deg);
	  -o-transform: rotate(-225deg);
	   -ms-transform: rotate(-225deg);
	  transform: rotate(-225deg);
  }
  .auto-2nav{
	  width:100%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 10;
	  background-color:rgba(0,0,0,.5);
	  display: none;
  }
  .auto-2nav-box{
	  width:100%;
	  height: 100%;
	  position: relative;
  }
  .auto-2nav-all{
	  width:70%;
	  height: 100%;
	  background-color:#fff;
	  right: -100%;
	  top: 0;
	  padding:100px 60px 30px 30px;
	  box-sizing: border-box;
	  position: absolute;
	  overflow: scroll;
	  opacity: 0;
	  transition: all .6s;
  }
  .auto-2nav-box>.active{
	  opacity: 1;
	  right: 0;
  }
  .auto-2nav-all::-webkit-scrollbar {
  width: 3px;
  height: 6px;

}
  .auto-2nav-all>dl{
	  margin-top: 20px;
  }
  .auto-2nav-all>dl:first-child{
	  margin-top: 0;
  }
  .auto-2nav-all>dl>dt{
	  width:100%;
	  line-height: 40px;
	  background-color:#fafafa;
	  padding-left: 20px;
	  box-sizing: border-box;
	  position: relative;
  }
  .auto-2nav-all>dl>dt:before{
	  position: absolute;
	  content: "";
	  width:3px;
	  height: 40%;
	  left: 0;
	  top: 50%;
	  transform: translateY(-50%);
	  background-color:#45b72c;
  }
  .auto-2nav-all>dl>dt>a{
	  font-size: 17px;
	  font-family: font_2;
  }
  .auto-2nav-all>dl>dd{
	width:25%;
	margin-top: 20px;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
  }
  .auto-2nav-all>dl>dd:before{
	  position: absolute;
	  left: 0;
	  content: "";
	  left: 0;
	  top: 50%;
	  width:8px;
	  height: 8px;
	  border-radius: 50%;
	  transform: translateY(-50%);
	  border:2px solid #45b72c;
  }
  .auto-2nav-all>dl>dd:last-child{
	  margin-right: auto;
  }