@import url("responsive2.0.css");
@import url("fonts.css");
.header .top_w{position: fixed;z-index: 100; left: 0;top: 0;width: 100%; transition: 0.5s; background: #fff}
.header .box-t{background: #ed811c; line-height: 40px;color: #fff}
.header .logo{width: 25%; max-width: 372px;transition: 0.5s}
.header .logo img{transition: 0.5s}
.header .tel{padding-left: 28px; background: url("../image/icon-tel.svg") no-repeat left}
.header .language{padding-right: .2rem}
.header .language a.now{color: #ee8100}
.header .search{max-width: 2rem}
.header .search a{display: block;cursor: pointer; width: 34px; height: 34px; background: url("../image/search.svg") no-repeat center center}
.header .search .box-search{border: solid 1px #222222;padding: 0px 8px 0 18px; border-radius: 30px;}
.header .search .text{width:calc(100% - 40px); height: 34px;border: none; color: #999999}
.header menu ul li span,
.header menu ul li span a{display: block;}
.header menu ul li .sub{display: none}
.header menu ul li .sub a{display: block; padding: 5px 0}
.header menu ul li .sub dt:not(:last-child){border-bottom: solid 1px #ddd}

@media (min-width:1025px) {
.header menu{width: 43%}
.header menu ul li{position: relative;}

.header menu ul li span{line-height:0.8rem; position: relative; display: block; z-index: 10; transition: 0.5s}
.header menu ul li span a:after{content: '';position: absolute; width:0; height:3px; margin: auto; left: 0; right: 0; bottom: 0;transition: 0.5s}
.header menu ul li.aon span a{color: #007300}
.header menu ul li.aon span a:after{width: 100%; background: #007c00;}
.header menu ul li .sub{position: absolute;min-width:140px; left: 50%;transform: translateX(-50%); white-space: nowrap; z-index: -1;background: rgba(255,255,255,0.85); box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 0 0 10px 10px }
.header menu ul li .sub dl{padding: 10px;}
.header menu ul li .sub a{display: block;}
.header .search .open-search{display: none}

.header.show .top_w{transform: translateY(-40px); box-shadow: 0 0 15px rgba(0,0,0,0.1)}
.header.show .logo{width: 20%; }

.header.show menu ul li span{line-height: .6rem}
}
@media (min-width:1200px) {
.header menu ul li span{line-height:1rem; }
}
@media (max-width:1024px) {
.header .logo{padding: .1rem 0;width:50%}
.header .language{padding-right: .1rem}
.header .search .box-search{display: none; position:absolute; width: 80vw; right: 10vw; background: #fff}
.header .search a.btn{position: absolute;right: 0;top: 0}
.header menu{position: fixed; left: -100%;top:0;height: calc(100vh); background-color: #fff;opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:60vw;}
.menu-show .header menu{left: 0; opacity: 1;}
.header menu ul{padding: 20px 0; height: 100%; overflow: auto; display: block}
.header menu li{border-bottom: 1px dotted #c6c6c6;}
.header menu li span{line-height: 3; padding-left:1em;}
.header menu ul li .sub a{padding: 5px 2em}
.open-menu {margin-left: .1rem; width:34px;height:24px; display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;transition: 0.3s;}
.open-menu span {display: block;transition: 0.3s;height: 2px;background-color: #ee8100;}
.menu-show  .open-menu{border-radius: 50%; background-color: #ee8100;padding: 8px; height:34px; }
.menu-show  .open-menu span{background-color: #fff; height: 1px;}
}



.close{position: absolute;right:10px;top:10px;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(45deg,#f48221,#ff6e03);cursor: pointer;}
.close::before,
.close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.close::before{ transform:rotate(45deg);}
.close::after{ transform:rotate(-45deg);}

.play-video{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; }
.play-video span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 10; }
.play-video span i { display: block; width:46px; height:46px; border-radius: 50%; background: #ee8100 url(../image/play.svg) no-repeat center center; background-size:20px;
position: relative; z-index: 4; }
.play-video span:before, 
.play-video span:after { position: absolute; content: ''; border-radius: 50%; background: #ee8100; opacity: 0.20; -webkit-opacity: 0.20; animation: scale 3s infinite; -webkit-animation: scale 3s infinite; }
.play-video span:before { left: -15px; top: -15px; bottom: -15px; right: -15px; animation-delay: 0.5s; }
.play-video span:after { left: -23px; top: -23px; bottom: -23px; right: -23px; }

.video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:20;}
.video_files video{width:100%; height:100%; background-color:#000; position: absolute;}
[rel="outside"] .video_files{position: fixed; align-items: center; justify-content: center}
[rel="outside"] .video_files .filesbox{position: relative; max-width: 1200px; width: 96%;}

.footer {padding-top:2%; background: #222222; position: relative; z-index: 2}
.footer,
.footer a:not(:hover){color: #dddddd}
.footer .box_t{padding:2.5% 0;}
.footer .column{width: 55%; order: 2}
.footer .column li{padding: .07rem 0}
.footer .column li span:after{content: ''; display: block; width: 30px; height: 2px;margin: 10px 0; background: #007300}
.footer .column li a:hover{color: #ee8100}
.footer .logo{padding-bottom:6%}
.footer .contact{max-width: 4rem;}
.footer .contact p{padding: 3px 0}
.footer .contact p img{width: .18rem; margin-right: .1rem}
.footer .box_b{padding:1% 0; border-top: solid 1px rgba(255,255,255,0.2)}
.footer .link{order: 2}
.footer .link span:not(:last-child):after{content: '';display: inline-block;margin-left: 3px; width: 2px; height: 2px; background: #a4a4a4}
.footer .copyright a{display: inline-block}

@media(max-width:1024px){
.footer .contact{width: 100%;padding-top: 4%}
.footer .column{width: 100%; order: -1}
.footer .logo{width: 70%}
.footer .link{order:-1; text-align: center;width: 100%}
.footer .copyright{text-align: center; width: 100%}
.footer .copyright a{display: none}
}
@media(max-width:640px){
.footer .column{display: none}
}

.istop{position: fixed; right:2%; bottom:5%; z-index: 10; display: block; width: .5rem; height: .5rem; border-radius: 100%; background:#ee8100 url(../image/istop.png) no-repeat center center; background-size: 40%; cursor: pointer; transition: 0.5s}
.istop:hover{background-color: #222222}

.neiye-banner .wap{display: none}
@media (max-width:1024px) {
.neiye-banner .wap{display:block}
.neiye-banner .pc{display: none}
}

.sub_menu{border-bottom: solid 1px #f5f5f5}
.sub_menu ul{text-align: center;margin-bottom: -1px;}
.sub_menu li{}
.sub_menu li a{display: block; padding:1.205vw 3.334vw}
.sub_menu li.aon a{color: #fff;background: #007300}
@media (max-width:1024px) {
.sub_menu li a{display: block; padding:1.205vw 2.5vw}
}

.column-title{padding-bottom: 2%}
.column-title.center{text-align: center}
.column-title .more{color: #007c00;text-decoration: underline}

.about-article .group{position: relative; z-index: 2}
.about-article .group:not(:last-child){margin-bottom:6%}


.about-article .editor-number{padding-top:15%;}
.about-article .editor-number ul{box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center}
.about-article .editor-number ul li{width: 33.333%;padding: 2.5% 0; position: relative}
.about-article .editor-number ul li h3{line-height: 1.2}
.about-article .editor-number ul li:not(:last-child):after{content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 30%; background: #dddddd}

.editor-about .txt{padding:3% 0}
.editor-about .info:not(:last-child){padding-bottom: 4%; margin-bottom:6%; border-bottom: solid 1px #dddddd}
.editor-about .info .sub img{ margin-right: 22px;}
@media (min-width:768px) {
.about-article .article{line-height: 2.25}
.about-article .group .photo{z-index: -1}
.about-article .group .photo:before{content: '';position: absolute;width: 11%;height: 100%;background: #ffffff;transform: skewX(10deg);}
.about-article .group:nth-child(1)  .photo:before{left: -6%;}
.about-article .group:nth-child(2)  .photo:before{right: -6%;}
.about-article .group:nth-child(1) .photo{position: absolute; width:59.616%; top: 0; right: -11%}
.about-article .group:nth-child(2) .photo{position: absolute; width:58.334%; top: 0; left: -11%}
.about-article .group:nth-child(2){display: flex;justify-content: flex-end}
.about-article .group:nth-child(1) .article{width:48%; }
.about-article .group:nth-child(2) .article{width:50%; }

}
@media (max-width:768px) {
.about-article .editor-number{padding: 5% 0}
.editor-about .info .sub img{width: .4rem}
}

.cultural-list ul:after{content: '';}
.cultural-list ul:after,
.cultural-list li{width:32.05128205128205%}
.cultural-list li{background: #f5f5f5}
.cultural-list .pic figure{padding-bottom:64%}
.cultural-list .txt{padding:12%; text-align: center}
.cultural-list .txt h4:after{content: '';display: block; margin: .2rem auto; width: 50px; height: 2px; background: #ed811c}
@media (max-width:1024px) {
.cultural-list ul:after{display: none}
.cultural-list li{width: 100%;}
.cultural-list li:not(:last-child){margin-bottom: 5%}
.cultural-list li a{display: flex; align-items: center; justify-content: space-between}
.cultural-list li .pic{width: 45%}
.cultural-list li .txt{width: 55%; padding:4%}
.cultural-list .txt h4:after{margin: .1rem auto;}
.cultural-list li:nth-child(even) .pic{order: 2}
}

.team-overview {padding-bottom:4%}

.activity-list .year{padding: 0px .9rem}
.activity-list .year:before{content: '';position: absolute; top: 27px; left: 0; right: 0; margin: auto; width:calc(100% - 1.8rem); height: 1px; background:#dddddd}
.activity-list .year .item{text-align: center; padding: 22px 0; cursor: pointer}
.activity-list .year .item:before{content: ''; display: block; width: 11px; height: 11px; margin: auto; border-radius: 100%; background: #f3a125}
.activity-list .year .item span{padding-top: .15rem; display: block}
.activity-list .year .item.slick-current{color: #007300}
.activity-list .year .item.slick-current:before{background: #007300}
.activity-list .year .slick-arrow{transform: translateY(-.56rem)}

.activity-list .sub-item {margin-left: -.16rem; margin-right: -.16rem}
.activity-list .sub-item .item{width: 25%; padding: .16rem}
.activity-list .sub-item .item .pic figure{padding-bottom: 77.05%}
.activity-list .sub-item .item .txt{text-align: center;padding-top:4%}
@media (max-width:1024px) {
.activity-list .year{padding: 0px .4rem}
.activity-list .year:before{ width:calc(100% - .8rem);}
.activity-list .sub-item .item{width:33.333%;}
.activity-list .year .slick-arrow{transform: translateY(-.40rem)}
}
@media (max-width:768px) {

.activity-list .sub-item {margin-left: -.05rem; margin-right: -.05rem}
.activity-list .sub-item .item{width:50%; padding: .05rem}
}

.emsland-list .txt p{margin: 0; padding: .15rem 0;}

.emsland-list .group-full .item{padding-bottom: 5%}
.emsland-list .group-full .pic{width:58.975%}
.emsland-list .group-full .pic figure{padding-bottom: 0; height: 100%;}
.emsland-list .group-full .txt{width:39.872%; padding:3.5%; background: #f5f5f5}
.emsland-list .group{margin-left: -2.5px;margin-right: -2.5px;}
.emsland-list .group .item{flex: 1; margin:0 2.5px; transition: 0.5s}
.emsland-list .group .item .pic figure{padding-bottom:25vw;}
.emsland-list .group .item .txt{position: absolute; width: 100%; bottom: 0; padding:6% 8%; text-align: center; color: #fff}
.emsland-list .group .item .info{width: 100%}
.emsland-list .group .item .desc{ display: none; max-height: 15vw; overflow-y: auto}
.emsland-list .group .item.show{flex:1.92405}
.emsland-list .group .item.show .txt{text-align: left; background: rgba(237,129,28,0.95); height: 100%;}
.emsland-list .group .item.show .desc{display: block}
.emsland-list .group .item .desc::-webkit-scrollbar{ background-color:transparent} 
.emsland-list .group .item .desc::-webkit-scrollbar-thumb{ background-color:transparent;} 
@media (max-width:1024px) {
.emsland-list .group-full .pic{width: 100%}
.emsland-list .group-full .pic figure{height: auto; padding-bottom: 60.218%}
.emsland-list .group-full .txt{width: 100%}
}
@media (max-width:768px) {
.emsland-list .group .item{flex:auto;width: 100%}
.emsland-list .group .item .pic figure{padding-bottom: 50vw}
.emsland-list .group .item.show .desc{max-height: 35vw}
}

.product-list ul{margin-left: -.1rem; margin-right: -.1rem}
.product-list li{width: 25%; padding:.3rem .1rem}
.product-list li a{background: #f5f5f5; display: block;}
.product-list li .pic figure{padding-bottom: 74.67%}
.product-list li .txt{background: #f5f5f5 ;padding:5.835% 3% 11.835% 3%; position: relative}
.product-list li .txt h4{text-align: center; }
.product-list li .txt .icon{position: absolute; left: 0; right: 0; bottom: -.23rem; margin: auto; width: .46rem; height: .46rem; border-radius: 100%; background: #007300; box-shadow: 0 0 20px rgba(0,0,0,0.1); transition: 0.5s}
.product-list li .txt .icon:after{content: '';position: absolute; width: 100%; height: 100%; background: url(../image/jt1.svg) no-repeat center center;transition: 0.5s}
.product-list li:hover a{border: solid 1px #007300}
.product-list li:not(:hover) .icon{background: #fff}
.product-list li:not(:hover) .icon:after{filter: grayscale(100%) brightness(50%); }
@media(max-width:768px){
.product-list ul{margin-left: -.05rem; margin-right: -.05rem}
.product-list li{width: 50%; padding:.2rem .05rem}
.product-list li .txt .icon{bottom: -.15rem; width: .30rem; height: .30rem;}
}
.application-overview .overview{width:69%; margin: auto; text-align: center; padding-bottom:5%}
@media(max-width:1024px){
.application-overview .overview{width:100%;}
}

.application-contact{text-align: center; padding-top:5%}
.application-contact a{color: #007300;border: solid 1px #007300; display: inline-block;background: url("../image/icon.png") no-repeat 10%; padding: 1% 3% 1% 6%; transition: 0.4s}
.application-contact a:hover{color: #fff; background-color: #007300}
@media(max-width:1024px){
.application-contact a{padding: 1% 6% 1% 16%;  }
}

.application-list li{width: 50%}
.application-list li .pic{width: 50%}
.application-list li .pic figure{padding-bottom:71.795%;}
.application-list li .txt{width: 50%; padding:3% 4%; background: #f5f5f5; align-content: space-between; transition: 0.5s}
.application-list li .txt .info{width: 100%}
.application-list li .txt h4:after{content: ''; display: block; width: .6rem; height: 1px; background: #ed811c; margin: .1rem 0; transition: 0.5s}
.application-list li .txt .more span{border-bottom: solid 1px #a2a2a2}

.application-list li:hover .txt{background: #007300; color: #ffffff}
.application-list li:hover .txt h4:after{background: #fff}
.application-list li:hover .txt .more span{border-bottom-color:#ffffff}
@media(min-width:768px){
.application-list li:nth-child(3) .pic,
.application-list li:nth-child(4) .pic,
.application-list li:nth-child(7) .pic,
.application-list li:nth-child(8) .pic{order: 2}
}
@media(max-width:1200px){
.application-list li .txt h4:after{margin-top: 0}
}
@media(max-width:1200px) and (min-width:768px){
.application-list li .txt p{ -webkit-line-clamp: 2;}
}
@media(max-width:768px){
.application-list li{width: 100%}
.application-list li:nth-child(even) .pic{order: 2}
.application-list li .txt p{ -webkit-line-clamp: 2;line-height: 20px}
}

#application .details-desc .photo .pic figure{padding-bottom: 68.255%}
#product .details-desc .photo .pic figure{padding-bottom: 76.39%}

.details-desc .small-pic .item{padding: .1rem 0;cursor: pointer;}
.details-desc .small-pic .slick-current .pic img{border: solid 3px #007300}

@media(min-width:768px){
.details-desc .slick-arrow{width: 100%; height:2.6045vw; overflow: hidden; border: none; transform:none;border-radius: 0;}
.details-desc .slick-prev{top:0}
.details-desc .slick-prev:before{transform: rotate(-90deg)}
.details-desc .slick-next{bottom:0; top: auto}
.details-desc .slick-next:before{transform: rotate(90deg)}
.details-desc .slick-arrow:not(:hover){background: #f5f5f5}
.details-desc .slick-arrow:not(:hover):before{filter: grayscale(100%) brightness(100%); }
.details-desc .big-pic{order: 2}
.details-desc .small-pic{padding:3vw 0}
#application .details-desc .big-pic{width:81.82%;}
#application .details-desc .small-pic{width:15.585%}
#product .details-desc .big-pic{width:83.722%;}
#product .details-desc .small-pic{width:13.955%}
#product .details-desc .photo{align-items: flex-start}
}
@media(min-width:1024px){
#application .details-desc .photo{width: 49.359%;align-items: center}
#application .details-desc .desc{width: 47%;}
#product .details-desc .photo{width:55.129%;}
#product .details-desc .desc{width: 42%;}

}
@media(max-width:1024px){
.details-desc .photo,
.details-desc .desc{width: 100%}
.details-desc .desc{padding-top: 5%}
}
@media(max-width:768px){
.details-desc .big-pic,
.details-desc .small-pic{width: 100%}
.details-desc .small-pic{padding: 0px 30px; margin-top: 10px}
.details-desc .small-pic .item{padding:0 5px;}
.details-desc .slick-arrow{border-radius: 0;width:30px; height: 100%}
}

.details-intro{padding-top: 5%}
.details-intro .title{border-bottom: solid 1px #dddddd}
.details-intro .title h3{display: inline-block;line-height: .5rem; margin-bottom: -1px; border-bottom: solid 3px #ed811c}
.details-intro .intro{padding: 4% 0}
.details-intro .h5{font-size: .16rem; padding-left: 34px; background: url("../image/title-icon.svg") no-repeat left}

.news-list{padding-top: 2%;}
.news-list .pic figure{padding-bottom: 71.43%}

.news-list .hot{margin-bottom: 2%}
.news-list .hot .pic{width: 44.87179487179487%}
.news-list .hot .txt{width: 51%;padding: 3% 0; position: relative;}
.news-list .hot .txt time{display: block;padding: .2rem 0}
.news-list .hot .txt .more{display: inline-block;min-width: 120px; color: #fff; position:absolute;padding:0.58vw 3.334vw; bottom:3vw; background: #ee8100 url(../image/jt1.svg) no-repeat 80%; transition: 0.5s}
.news-list .hot li:hover .more{background-color: #007300}
.news-list .slick-arrow{top: auto; transform: none; bottom:3vw;width: .5rem; height: .5rem}
.news-list .slick-prev{left: auto; right: .8rem}
.news-list .slick-next{}
.news-list .slick-arrow:not(:hover){border-color: #e8e8e8}
.news-list .slick-arrow:not(:hover):before{filter: grayscale(100%) brightness(100%);}

.news-list .list:after{content: '';}
.news-list .list:after,
.news-list .list li{width:32.05128205128205%}
.news-list .list li{margin-top:1.923076923076925%}
.news-list .list li a{display: block; padding:8%; background: #f5f5f5; transition: 0.5s}
.news-list .list li .txt{padding-top: 8%}
.news-list .list li .txt h4{line-height: .36rem; height:.72rem}
.news-list .list li .txt p{margin-top: .2rem; margin-bottom: .3rem}
.news-list .list li .txt time{line-height: .46rem}
.news-list .list li .txt .icon{position: relative;float: right;width: .46rem; height: .46rem; border-radius: 100%; background: #ee8100; transition: 0.5s}
.news-list .list li .txt .icon:after{content: '';position: absolute; width: 100%; height: 100%; background: url(../image/jt1.svg) no-repeat center center;transition: 0.5s;}
.news-list .list li:hover .icon{background: #007300}
.news-list .list li:hover a{box-shadow:  0 0 0 1px #007c00; background: #fff}
@media(max-width:1200px){
.news-list .hot .txt{padding: 0}
.news-list .hot .txt time{display: block;padding: .1rem 0}
.news-list .hot .txt .more{bottom: 0}
.news-list .slick-arrow{bottom: 0}
}
@media(max-width:1024px){
.news-list .list:after{display: none}
.news-list .list li{width: 49%}
.news-list .list li .txt p{margin-top: .1rem; margin-bottom: .1rem}
.news-list .list li .txt .icon{width: .30rem; height: .30rem}
.news-list .list li .txt time{line-height: .30rem}
}
@media(max-width:768px){
.news-list .hot .pic,
.news-list .hot .txt{width:100%;}
.news-list .hot .txt{padding-bottom: .6rem}
.news-list .list li a{padding: 3%}
}

.contact-us{padding-bottom:4%}
.contact-us ul{margin-left: -1.2%; margin-right: -1.2%}
.contact-us li{background: #fafafa;flex:1; margin:0 1.2%;padding:2.5% 2%}
.contact-us .icon{width:17%}
.contact-us .txt{width:75%}
.contact-us .txt p{line-height: 1.334;word-break: break-word;}
@media(max-width:1024px){
.contact-us li{width: 48%;margin: 1%; flex:none}
}
@media(max-width:640px){
.contact-us li{width:98%;}
.contact-us .icon{width: 30px;}
.contact-us .txt{width: calc(95% - 30px)}
}

.sitemap li{padding: 1.5% 0; border-bottom: solid 1px #ddd}
.sitemap li b{margin-right: 2vw}
.sitemap span a{display: inline-block; margin-right: 3vw}
.sitemap span a:not(:hover){opacity: 0.6}

.search-list .results{padding-bottom:2%}
.search-list ul{ counter-reset:section 0 subsec 1;}
.search-list ul li{padding:1.8%; }
.search-list ul li:nth-child(odd){background: #f9f9f9}
.search-list ul li span{float: right}
.search-list ul li:before{content:counter(section,decimal-leading-zero);counter-increment:section; color: #999999; margin-right:1%}

.detail-article .title{padding: 3%; background: #f7f7f7; text-align: center}
.detail-article .title h1{margin-bottom: 1%}
.detail-article .detail{padding: 2% 0}

.editor-img3{padding: 3% 0}
.editor-img3 img{display: block;width:32.693%}

.prev_next {padding-top:3%; line-height:.5rem; border-top: solid 1px #ebebeb; position: relative}
.prev_next .back{position: absolute; left: 50%; transform: translateX(-50%)}
.prev_next .back a{color: #fff;display:inline-block; border-radius: 30px; padding: 0px .34rem 0 .63rem;background: #ed811c url(../image/back.svg) no-repeat .36rem;}
.prev_next .back a:hover{background-color: #007d01}
.prev_next p.dot{max-width: 40%;position: relative}
.prev_next p.dot a{}
.prev_next p.dot a:before{content: '';position: absolute; margin: auto; top: 0; bottom: 0; width: 28px; height: 11px; background: url(../image/page-jt.svg) no-repeat center;}
.prev_next .prev{padding-left:46px;}
.prev_next .prev a:before{transform: rotate(180deg);left: 0}
.prev_next .next{padding-right:46px;}
.prev_next .next a:before{right: 0}
@media(max-width:1024px){
.prev_next .back{width: 100%; position: initial;transform: none}
.prev_next .back a{line-height: .40rem}
}

.Pages{padding-top:6%}
.Pages span:not(.p_page),
.Pages a.a_first,
.Pages a.a_end{display: none}
.Pages .p_page{display: flex; justify-content: center}
.Pages .num{display: flex;font-style: normal; padding: 0px 20px;}
.Pages a{width:.54rem;height: .54rem;line-height: .54rem; margin: 0px 5px; text-align: center;display: block; background: #f5f5f5}
.Pages a.a_cur{background: #ee8100; color: #ffffff;}
.Pages a.a_prev,
.Pages a.a_next{text-indent: 100px;overflow: hidden;position: relative}
.Pages a.a_prev:before,
.Pages a.a_next:before{content: ''; position: absolute; width: 100%; height: 100%; left: 0;background: url(../image/page.svg) no-repeat center center}
.Pages a.a_prev{transform:rotate(180deg)}
.Pages a.no{ cursor: default;}
.Pages a.a_prev.no:before,
.Pages a.a_next.no:before{opacity: 0.5}
@media(max-width:768px){
.Pages a{width:.32rem;height: .32rem;line-height: .32rem;}
}


.ind-banner{position: relative}
.ind-banner .wap{display: none}
.ind-banner .pic img{width: 100%;
-webkit-transition: -webkit-transform 10s ease;
transition: -webkit-transform 10s ease;
transition: transform 10s ease;
transition: transform 10s ease,-webkit-transform 10s ease;
}
.ind-banner .slick-slide.slick-current .pic img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.ind-banner .slick-dots li button{border-color: #fff}
.ind-banner .slick-dots li.slick-active button{border-color: #ee8100; background: #ee8100}


.ind-about{position: relative; z-index: 2; background: #fcfdfe}
.ind-about .about{ padding-top: 5%; max-width: 500px; position: relative; z-index: 12}
.ind-about .about .txt{margin-top:2%; margin-bottom: 4%}
.ind-about .about .link{border-bottom: solid 1px #222222}
.ind-about .editor-number:before{content: ''; display: block; width: 60px; height: 2px; background: #222222}
.ind-about .photo{position: absolute; top: 0; width: 100%; z-index: -1}
.ind-about .area{position: relative; margin-top: -22.6vw}
.ind-about .city{width: 100%; height: 100%; position: absolute; z-index: 10}
.ind-about .city li{position: relative}
.ind-about .city li a{position: absolute; bottom: 0%; width: 50%; max-width: 70px; margin: auto; left: 0; right: 0; display: block; transition: 0.5s}
.ind-about .city li figure{position: relative;width: 100%; padding-bottom:100%; border-radius: 100%; transition: 0.5s}
.ind-about .city li figure img{position: absolute; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover;}
.ind-about .city li figure:before{content:'';position: absolute; width: 100%; height: 100%; box-shadow: inset 0 0 0 5px #fff; z-index: 1;border-radius: 100%;}
.ind-about .city li span{position: absolute;background: #fff;line-height:.42rem; bottom: 120%; width:200%; left: 50%; transform: translateX(-50%); text-align: center; display: block; border-radius:30px; box-shadow: 0 0 10px rgba(0,0,0,0.3)}
.ind-about .city li span:after{content: ''; width: 0; height: 0; border: solid 10px transparent; transform: rotate(45deg); border-bottom-color: #fff;border-right-color: #fff; position: absolute; left: 0; right: 0; margin: auto; bottom: -5px;}
.ind-about .city li a:hover{transform: translateY(-20px)}
.ind-about .city li a:hover span{color: #fff; background: #007c00}
.ind-about .city li a:hover span:after{border-bottom-color: #007c00;border-right-color: #007c00}
.ind-about .city li a:hover figure{transform: rotate(360deg)}
.ind-about .city li.slick-active a{bottom: 13%;}
.ind-about .city li.slick-active + li a{bottom: 19%;}
.ind-about .city li.slick-active + li + li a{bottom: 22%;}
.ind-about .city li.slick-active + li + li + li a{bottom: 37%;}
.ind-about .city li.slick-active + li + li + li + li a{bottom: 47%;}
.ind-about .city li.slick-active + li + li + li + li + li a{bottom: 50%;}
.ind-about .city li.slick-active + li + li + li + li + li + li a{bottom: 53%;}
.ind-about .city li.slick-active + li + li + li + li + li + li + li a{bottom: 62%;}
.ind-about .city li.slick-active + li + li + li + li + li + li + li + li a{bottom: 83%;}
.ind-about .city .slick-list,
.ind-about .city .slick-track{height: 100%}
@media (max-width:1200px) {
.ind-about .area{margin-top: -10vw}
.ind-about .city li.slick-active a{bottom: 13%;}
.ind-about .city li.slick-active + li a{bottom: 19%;}
.ind-about .city li.slick-active + li + li a{bottom: 35%;}
.ind-about .city li.slick-active + li + li + li a{bottom: 48%;}
.ind-about .city li.slick-active + li + li + li + li a{bottom: 51%;}
.ind-about .city li.slick-active + li + li + li + li + li a{bottom: 70%;}
}
@media (max-width:768px) {
.ind-about .area{margin-top: 0}
.ind-about .city li.slick-active a{bottom: 13%;}
.ind-about .city li.slick-active + li a{bottom: 40%;}
.ind-about .city li.slick-active + li + li a{bottom: 57%;}
}

.ind-application {padding-top:4.5%;padding-bottom: 4.5%; position: relative}
.ind-application .tab{width:83%;padding-top: 1.5%; background: url(../image/line.png) repeat-x left 40%;}
.ind-application .tab li{flex: 1; text-align: right}
.ind-application .tab li a{display: inline-block; text-align: center; background: #fff;cursor: pointer; transition: 0.5s}
.ind-application .tab li figure{max-width: .56rem; margin: auto}
.ind-application .tab li img{}
.ind-application .tab li.cur a{color: #007c00}
.ind-application .tab li.cur img{transform: translateY(-200px);filter: drop-shadow(#007c00 0 200px)}
.ind-application .list{overflow: hidden}
.ind-application .item{display: block;width: 100%; position: relative}
.ind-application .pic figure{padding-bottom: 60%}
.ind-application .txt{background: #ee8100;width: 100%; transition: 0.5s; padding: 2% 8% 2% 4%;color: #fff;position:absolute; bottom: 0}
.ind-application .txt h4{}
.ind-application .txt p{display: none}
.ind-application .txt:after{content: '';position: absolute; margin: auto;left: 90%; top: 0; bottom: 0; width: .31rem; height: .31rem; background: url("../image/icon2.svg") no-repeat center center; background-size: contain; transition: 0.5s; opacity: 0}
.ind-application .item:hover .txt{background: #007c00}
.ind-application .item:hover .txt:after{left: 95%; opacity: 1}




.ind-application .swiper-slide-active{z-index: 10}
.ind-application .swiper-slide-active .item .txt p{display: block}
.ind-application .group{}
.ind-application .group .swiper{padding: 0 14.74358974358974%}
.ind-application .group .swiper-container {width: 100%; height: 100%;}
.ind-application .group .swiper-slide {
      
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scaleY(0.81818);
    }
.ind-application .group .swiper-slide-active,
.ind-application .group .swiper-slide-duplicate-active{ transform: scale(1);}
.ind-application .swiper-pagination{position: relative;padding: 3vw 0 0 0}
.ind-application .swiper-pagination .swiper-pagination-bullet{margin: 0px .7vw; width: .18rem; height: .18rem;background: #fff; border: solid 1px #ee8406; opacity: 1}
.ind-application .swiper-pagination .swiper-pagination-bullet-active{background: #007c00; border-color: #007c00;}

@media(max-width:1024px){
.ind-application .tab{width:70%;}
.ind-application .group{position: relative}
}
@media(max-width:768px){
.ind-application .tab{width:100%;}
.ind-application .tab li{text-align: center}
.ind-application .tab li figure{width: 50%}
.ind-application .group .swiper{padding: 0 5%}
.ind-application .txt{position: relative}
.ind-application .swiper-button-next,
.ind-application .swiper-button-prev{top: 40%}
}

.ind-product {margin-bottom: 4.5%}
.ind-product .list{margin-left: -.135rem; margin-right: -.135rem}
.ind-product .item{padding: 0 .135rem}
.ind-product .item .pic figure {padding-bottom: 135.136%; background: #000}
.ind-product .item .pic span{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); color: #fff; background: url(../image/icon2.svg) no-repeat center top;padding-top: .50rem; opacity: 0; transition: 0.5s; z-index: 5}
.ind-product .item .pic:before{content: '';position: absolute; width: 100%; height: 100%; opacity: 0; transition: 0.5s; z-index: 2; background: #000000}
.ind-product .item .txt{position: relative; z-index: 5; padding: 0 2%;  width:83.788%; margin: auto;line-height: .56rem; transform: translateY(-.28rem)}
.ind-product .item .txt h4{background: #ee8100; color: #fff; text-align: center}
.ind-product .item:hover .pic:before{opacity:0.5}
.ind-product .item:hover .pic span{opacity: 1;transform: translate(-50%,-50%) scale(1);}
.ind-product .item:hover .txt h4{background: #007c00}
@media(max-width:1024px){
.ind-product .list{margin-left: -.05rem; margin-right: -.05rem}
.ind-product .item{padding: 0 .05rem}
}

.ind-news{padding-bottom:6.5%}
.ind-news .list{margin-left: -.15rem; margin-right: -.15rem}
.ind-news .item{padding: 0 .15rem}
.ind-news .item a{display: block;background: #f5f5f5; padding:8%; transition: 0.5s}
.ind-news .item .pic figure{padding-bottom: 71.43%}
.ind-news .item .txt{padding-top: 8%;line-height: .36rem; }
.ind-news .item .txt h4{height: .72rem}
.ind-news .item .txt p{margin-top: .1rem; margin-bottom: .2rem}
.ind-news .item .txt time{line-height: .46rem;display: block}
.ind-news .item .txt time:before{content: '';float: right;width: .46rem; height: .46rem; background: #ee8100 url(../image/jt1.svg) no-repeat center center; border-radius: 100%; transition: 0.5s}
.ind-news .item:hover a{box-shadow:inset 0 0 0 1px #007c00; background: #fff}
.ind-news .item:hover .txt time:before{background-color: #007c00}
@media(max-width:768px){
.ind-news .item a{padding: 4%}
.ind-news .item .txt{padding-top: 4%}
}