/*@import url('../fonts/fonts.css');*/
@import url('responsive2.0.css');
@import url('animation.css');

.yuansu{position: absolute; width: 100%; padding-bottom:20.834%; transform: translateY(-14.5%); /*transform: translateY(-4.5%); padding-bottom:66.146%;*/ background: url(../images/main_bg.png) no-repeat center top;background-size: 100%; z-index: 9}
.yuansu .icon{width: calc(90/1920*100%); height:22.5%; position:absolute; background-size: 100%;}
.yuansu .yintao{width: calc(240/1920*100%);top:135%;left: -2%; height:92.5%; background-image: url(../images/main_icon_yingtao.png)}
.yuansu .niuyouguo{width: calc(650 / 1920* 100%); top:25%;right:-20.5%; height:132.5%; background-image: url(../images/main_icon_niuyouguo.png)}
.yuansu .yezi.yz1{top:230%; left: 5%; background-image: url(../images/main_icon_yezi1.png);}
.yuansu .yezi.yz2{top:410%; left: 8%; background-image: url(../images/main_icon_yezi2.png);}
.yuansu .yezi.yz3{top:195%;right: 13%; background-image: url(../images/main_icon_yezi3.png);}
.yuansu .yezi.yz4{width: calc(450/1920*100%); height:92.5%; top:220%;right: -18.5%; background-image: url(../images/main_icon_yezi4.png);}
.yuansu .yezi.yz5{width: calc(400/1920*100%); height:125%; top:540%;left: -14.5%; background-image: url(../images/main_icon_yezi5.png);}
.yuansu .lanmei{width: calc(180 / 1920* 100%); height:45%;top:560%;right:3.5%; background-image: url(../images/main_icon_lanmei.png);}

.body_index .yuansu{transform:none; background: none}
.body_index .yuansu .niuyouguo{right:-13%; top: 96%}
.body_index .yuansu .yintao{top:42%}
.body_index .yuansu .yezi.yz1{top:322%;}
.body_index .yuansu .yezi.yz2{top:755%; left: 80%}
.body_index .yuansu .yezi.yz3{top:248%;}
.body_index .yuansu .yezi.yz4{top:1000%;}
.body_index .yuansu .lanmei.lm1{top:842%;left: -4%;}
.body_index .yuansu .lanmei.lm2{top:466%;right:3.5%;}


.banner{position: relative}
.banner img{ width: 100%;}
.banner .info{position: absolute;width: 100%; top: 50%; transform: translateY(-50%)}
.banner .info h2 b{display: inline-block; padding: 0px 30px; color: #b5f912; line-height:1.58; border-radius: 38px;	border: solid 2px #b4f912;}
.banner .info p{color: #fff; max-width: 70%; margin-top:2%;}
.banner.ban_AboutUs .info{display: none}


.section{position: relative; z-index: 10; padding-bottom:8%;}

.header{position: fixed;  z-index: 110; width: 100%;  background: url(../images/top_bg.png) no-repeat center bottom; background-size:100%}
.header .icon{position: absolute;background: no-repeat center center;background-size: 100%;}
.header .icon.niuyouguo{width: 16.6667%; padding-bottom:8.8545%; top:-18.5%; left: -2%;background-image: url(../images/top_niuyouguo.png);}
.header .icon.yezi{width: 7.8125%; padding-bottom: 7.8125%; top:-41%; left:58.8%;background-image: url(../images/top_yezi.png);}
.header .icon.lanmei{width: 7.291666666666667%; padding-bottom: 7.291666666666667%; top:-18%; right: -3.4%;background-image: url(../images/top_lanmei.png);}

.header .auto{max-width: inherit; width: calc(1845/1920*100%);}
.header .other{border-bottom: solid 1px #cbcbcb;padding:0.5% 0;position: relative}
.header .logo{text-align: center; }
.header .logo img{ height: 58px;}
.header .language{position: absolute; width:90px; top:40%; right: calc(337/1845*100%); text-align: center}
.header .language a{width: 40px; line-height: 40px; background-color: #bfbfbf; color: #fff; border-radius: 100%;}
.header .language a.on{ background-color: #1e874a}
.header .pic{position: absolute; top: 0; right:calc(102/1845*100%);; width: calc(140/1845*100%); background: #8fc426; padding:0.624% 0.3%;}
.header .open-menu{display: none}
.header #menu{padding-top: 11px; padding-bottom: 32px;}
.header #menu li{width:8%; margin: 0px 5px;}
.header #menu li:before,
.header #menu li:not(:first-child):after{content: ''; position: absolute; margin: auto;top: 0; bottom: 0; }
.header #menu li:after{left: -5px}
.header #menu li:before{height: 100%;left:-10px;right:-10px;  background-color: #00a6b6;border-radius: 30px; opacity: 0; transition: 0.5s; z-index: 2 }
.header #menu li:after{width: 1px; height: 50%;background-color: #cbcbcb;}
.header #menu li b{display: block; line-height:48px;font-weight: normal; position: relative; text-align: center;z-index: 3}
.header #menu li b a{color: #0d513d; display: block; font-size: .16rem;}
.header #menu .sub{position: absolute; min-width: 100%;background-color: #ffffff;border-radius: 0px 0px 5px 5px;border: solid 1px #f3f3f3; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 15px 0 5px 0; margin-top: -10px;}
.header #menu .sub dt{ line-height: 30px;}
.header #menu .sub dt a{display: block;}
.header #menu .sub dt a:hover{background: #8fc426; color: #fff}
.header #menu li.aon b a{font-size: 18px;font-weight: bold;color: #fff;}
.header #menu li.aon{z-index: 101}
.header #menu li.aon:before{opacity: 1}
@media(max-width:1280px){
.header .pic{right: 0}
.header .language a{font-size: 0.18rem}
.header #menu li.aon b a{font-size: .2rem}
}

@media(max-width:1024px){

.header .other{padding-bottom:3%; border-bottom: none}
.header .pic{display: none}
.header .language{top: 0; bottom: 0; right: 50px; margin: auto}
.header #menu{position: fixed; left:-100%;opacity: 0; top:0; bottom: 0;overflow: auto; width: 240px;background: rgba(24,86,64,0.8); transition: 0.3s;}
.header #menu ul{padding: 20px; display: block}
.header #menu li{padding:5px 0; width: 100%}
.header #menu li b a{color: #fff; font-size:.22rem; position: relative;}
.header #menu li:after{display: none}
.header #menu li:before{display: none}
.header #menu .sub{display: none;font-size: 15px; position: relative; margin-top: 0; padding: 5px 0}
.header #menu li .sub .sub-menu{padding: 10px; margin-top: -10px}
.header #menu li .sub dt a{width: 100%; padding:5px 0; text-align: center;}
.header #menu li .sub dt:not(:last-child){ border-bottom: solid 1px #ebebeb}
.header #menu li.has-sub b .op{position:absolute; z-index: 10; width:15px; height:15px; right:3%; top:50%; margin-top:-6px;transition:0.3s;}
.header #menu li.has-sub b .op::before,
.header #menu li.has-sub b .op::after{  position:absolute; content:'';  background:#fff;}
.header #menu li.has-sub b .op::before{width:100%; height:3px;left:0; top:6px;}
.header #menu li.has-sub b .op::after{ width:3px; left:6px; top:0; height:100%;}
.header #menu li.has-sub.clickon b .op{ transform:rotate(45deg);}

.header .open-menu{display: block; width:40px; height:40px;position:absolute; right: 0; top: 0; bottom: 0; margin: auto; cursor: pointer;background: #00a6b6; border-radius: 100%}
.open-menu i{position: absolute; width: 100%; height: 2px; background: #fff; left: 0; top: 50%; margin-top: -1px; transition: 0.3s; width: 60%;left: 20%;}
.open-menu i, 
.open-menu i::before, 
.open-menu i::after{background: #fff;}
.open-menu i::before,
.open-menu i::after{ position: absolute; left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
.open-menu:not(.on) i::after{top: -8px;}
.open-menu:not(.on) i::before{top: 8px;}
.open-menu.on i:nth-child(2){opacity: 0;}
.open-menu.on i{background: none}
.open-menu.on i::before{transform: rotate(-45deg);}
.open-menu.on i::after{transform: rotate(45deg);}
body.menu-show{overflow: hidden;}
body.menu-show .header #menu{left: 0;opacity: 1;}
}
@media(max-width:640px){
.header .logo{width: 50%;transform: translateX(-20%); margin: auto}
.header .logo img{height: auto}
.header .language{width: 44px;}
.header .language a{ background-color: #1e874a;}
.header .language a.on{display: none}
}


.footer{background-color: #185640; position: relative; z-index:8;}
.footer,
.footer a:not(:hover){color: #ccd9b8}
.footer a:hover{color: #6bc092}
.footer .img{ position:absolute;width: 100%; bottom: 100%;}
.footer .auto{max-width: 1264px;width: 96%;}
.footer .box{max-width: 1060px; margin: auto;}
.footer .left{width: calc(95% - 470px); transform: translateY(-18%)}
.footer .right{width: 420px;}
.footer .logo{max-width: 297px;}
.footer .caidan{padding-top: 8%;position: relative}
.footer .caidan:before{position: absolute;top:14%; content: ''; width:18.5%; height: 1px; background-color: #6bc092;}
.footer .caidan dt a{color: #6bc092; font-size: .17rem}
.footer .caidan dd{padding: 5px}
.footer .caidan dd span{display: block}
.footer .ewm li{width:33%; text-align: center; position: relative}
.footer .ewm .pic{max-width: 102px; margin: auto}
.footer .ewm p{padding-top: 5px; color: #6bc092;}
.footer .contact{padding: 3% 0}
.footer .contact span{ display: inline-block}
.footer .copyright{text-align: center; padding-top: 1.125%; padding-bottom: 1.125%; border-top: solid 1px #ccd9b8}
.footer .copyright .icp{display: inline-block}
@media(max-width:1024px){
.footer .left,
.footer .right{width: 100%}
.footer .left{transform:none}
.footer .logo{margin: auto; width:70%;}
.footer .right{max-width: 470px; margin: auto}

}
@media(max-width:640px){
.footer .caidan{display: none}
.footer .ewm{padding: 3% 0}
.footer .ewm .pic{width:80%;}
.footer .copyright{padding: 2.5% 0}
.footer .copyright .icp{display:none}
.footer .contact{font-size: .18rem}
.footer .contact span{width: 100%; display: block}
.footer .contact span:nth-child(1),
.footer .contact span:nth-child(2){width: 48%}
}

.menu{font-size: .20rem;padding-bottom:3%; position: relative; z-index: 10; text-align: center;}
.menu ul{ border-bottom: solid 1px #c8c8c8;padding-top:1.5%; padding-bottom:1.5%; }
.menu li{padding: 10px;position: relative}
.menu li a{color: #ababab; display: block; background: url(../images/menu_bg.png) no-repeat center;  min-width: 132px; line-height: 66px;padding-left: .2rem; padding-right: .2rem;background-size: 100% 100%; transition: all 0.5s;}
.menu li:not(.aon) a:hover{ transform: scale(1.05);}
.menu li.aon a{color: #f4d467;background-image: url(../images/menu_bg_show.png)}
.column_AboutUs li a{background-image: url(../images/menu_bg2.png); min-width: 145px; line-height: 70px;}
.column_AboutUs li.aon a{background-image: url(../images/menu_bg2_show.png)}
.column_Product li a{min-width: 124px; line-height: 62px;}
.column_Product li.aon a{background-image: url(../images/menu_bg3_show.png)}
/* .column_Product li:not(.aon) a{ font-size: .20rem;} */
.menu.column_Product ul{max-width: 800px; margin: auto}
.menu.column_Product li.True:before{content: '';position: absolute; z-index: -1; left: 0; top:-.10rem; width: .44rem; height: .44rem; background: url(../images/PlusCrown.png) no-repeat center center; background-size: 100%}
.menu.column_Product li.True.aon:before{background-image: url(../images/PlusCrown_show.png)}
.menu.column_Product li.aon a{font-weight: bold; font-size: .24rem}
@media(max-width:768px){
.menu{padding: 5% 0;font-size: .18rem}
.menu li{min-width: 25%; padding: 1%}
.menu li a{min-width: inherit; line-height: 40px!important; background-size: 100% 100%}
}

.column_title{padding-bottom:4.5%;}
.column_title h3{min-width: 196px; text-align: center; line-height: 81px; color: #fff; display: inline-block;background: url("../images/column_bg.png") no-repeat left; background-size: 100% 100%;padding: 0px .3rem}
.column_title h3.f5{min-width:218px;  background-image: url(../images/column_bg_f5.png)}
.column_title h3.f7{min-width:206px; line-height:63px;  background-image: url(../images/column_bg_f7.png)}
.column_title h3.f9{min-width:260px; line-height:63px;  background-image: url(../images/column_bg_f9.png)}
@media(max-width:768px){
.column_title h3{padding: 0px 20px; background-size: 100% 100%; min-width: inherit!important; line-height: 40px!important}
}

.article{line-height: 2.8;padding-top: 3%; padding-bottom:5%}

.contents{line-height: 2; padding-bottom:5%}

.about_photo{margin-top: -6%}

.editor_culture{position: relative}
.editor_culture .icon{width: calc(314/1000*100%); position: absolute; left: 0; right: 0; top:-43%; margin: auto; z-index: -1}
.editor_culture .pic{position:absolute; max-width: 175px; width: 20%; top:-43%;right:5%; }
.editor_culture dl{padding:2.5% 0; display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 38px;align-items: flex-start}
.editor_culture dt{width: 205px; text-align: center; border: solid 1px #185640; border-radius: 10px;}
.editor_culture dd{width: calc(98% - 205px); color: #6ecb9a}
.editor_culture dl:not(:last-child){background: url(../images/dashed_x.png) repeat-x left bottom}
@media(max-width:640px){
.editor_culture dt{width: 50%}
.editor_culture dd{width: 100%}
.editor_culture .icon{top: 20%}
.editor_culture .pic{top:0}
}

.history{position: relative;margin-left:12%; margin-right:12%; margin-top: -13%;}
.history .yezi{position: absolute; width: calc(200/1000*100%); padding-bottom:calc(200/1000*100%) ; background: no-repeat center center; background-size: 100%}
.history .yezi.yz1{top:0; left:20%; background-image: url(../images/history_yezi1.png)}
.history .yezi.yz2{top:15%; right:0; background-image: url(../images/history_yezi2.png)}
.history .yezi.yz3{bottom: 30%; left: 10%; background-image: url(../images/history_yezi3.png)}

.history .list{position: absolute;width: 100%; height: 100%/* height: 1282px; background: url(../images/history_line.png) no-repeat center top*/}
.history .line{position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: url(../images/dashed_y.png) repeat-y;}
.history .line:before{content: '';position:absolute; margin: auto; left: -1000%; right: -1000%; width: 24px; height: 24px; border-radius: 100px; background-color: #6dcb99}
.history .item{position:absolute; width: calc(340/780*100%);}
.history .item:first-child .line{display: none}
.history .item .info{padding:0 20px; line-height: 1.3; position: relative; z-index: 10}
.history .item p.year{font-weight: 900; font-size: .36rem; line-height: 1}
.history .item p{padding: 0; margin: 0}
.history .item p.cn{padding: 5px 0}
.history .item p.en{font-size: .18rem; color: #6dcb99}
.history .item:nth-child(1){left: calc(508/780*100%);top: calc(66/1282*100%);padding-top:11%}
.history .item:nth-child(2){left: calc(323/780*100%);top: calc(341/1282*100%);padding-top: 3%}
.history .item:nth-child(3){left: calc(19/780*100%);top: calc(480/1282*100%);padding-top:26%;}
.history .item:nth-child(4){left: calc(101/780*100%);top: calc(725/1282*100%);padding-top:18%;text-align: right}
.history .item:nth-child(5){left: calc(535/780*100%);bottom: calc(481/1282*100%);padding-bottom:10%}
.history .item:nth-child(6){left: calc(518/780*100%);bottom: calc(20/1282*100%);padding-bottom:16%}
.history .item:nth-child(7){left: calc(10/780*100%);bottom: calc(0/1282*100%);padding-bottom:3%}
.history .item:nth-child(4) .line{right: 0; left: auto}
.history .item:nth-child(5) .line:before,
.history .item:nth-child(6) .line:before,
.history .item:nth-child(7) .line:before{bottom: 0}
.history .item:nth-child(1):after{content: ''; top: 0; left: 30%; position: absolute; width: calc(118/340*100%); padding-bottom: calc(118/340*100%); background: url(../images/history_icon.png); background-size: contain}
.history .item:nth-child(6) .info p.en{width: 70%}
@media(max-width:768px){
.history{ margin-top: auto;margin-left: 7.048458149779736%;margin-right: 7.048458149779736%;}
.history .list{background: none; height: auto;position: relative; height: auto}
.history .item{position:relative; width: 100%;padding: 3% 0!important; left: auto!important; right: auto!important; top: auto!important; bottom: auto!important}
.history .item:nth-child(odd){text-align: left}
.history .item:nth-child(even){text-align: right}
.history .item:nth-child(1):after{ left: 45%;    width: calc(50 / 340* 100%); padding-bottom: calc(50 / 340* 100%);}
.history .item p.en{width: 100%!important}
.history .item:first-child .line{display:block}
.history .item:nth-child(odd) .line{  left: 0;}
.history .item:nth-child(even) .line{ right: 0; left: auto;}
.history .item:nth-child(odd) .line:before{bottom: auto;}
.history .item:nth-child(even) .line:before{bottom: auto;}
.history .xian{display: none}
}

.news_list .item{width: 100%; margin-bottom:8%; box-shadow: 3px 4px 3px 0px rgba(178, 178, 178, 0.45);	border-radius: 5px;	border: solid 1px #dcdcdc; background-color: #f7f8f8; transition: 0.5s}
.news_list .item a{display: block}
.news_list .pic figure{padding-bottom: 77.855%;}
.news_list .pic time{position: absolute;background: #f9e08e;padding: 10px; text-align: center; right: 2%; bottom: 2%; color: #1e874a}
.news_list .pic time b{display: block;font-size: .5rem; line-height: 1}
.news_list .txt{padding: 20px;}
.news_list .txt h4{line-height: 28px; height: 56px; margin-bottom: 10px;}
.news_list .txt p{color: #303030; border-top: solid 1px #095540; padding-top: 10px;}
.news_list .item:hover{background-color: #ffffff;}

@media(min-width:1024px){
.news_list .item{width:31%; margin-bottom:11%}
.news_list .item:nth-child(3):after{content: ''; right:5%; bottom: -13%; width: 315%; position: absolute; height: 1px; background: #b8b8b8;}
.news_list .item:not(:nth-child(3n+3)){margin-right: 3.5%}
}

@media(min-width:640px) and (max-width:1024px){
.news_list .item{width:48.5%;}
.news_list .item:nth-child(2):after,
.news_list .item:nth-child(4):after{content: ''; right:5%; bottom: -7.5%; width: 195%; position: absolute; height: 1px; background: #b8b8b8;}
.news_list .item:not(:nth-child(2n+2)){margin-right: 3%}
}
@media(max-width:640px){
.news_list .txt h4{height: auto}
}

.info_detail .title{padding-bottom: 2%;}
.info_detail .title h1{font-size:.24rem; font-weight: normal;line-height: 2}
.info_detail .article{border-top: solid 1px #eee; border-bottom: solid 1px #eee}

.info_back{padding: 2% 0}
.info_back a{display: inline-block;border-radius: 30px; padding: 1% 20px 1% 40px; color: #fff; background: #185640 url("../images/icon_back.png") no-repeat 15px}
.prev_next{line-height: 2;}

.product_intro {max-width: 940px; }
.product_intro .item{box-shadow: 5px 9px 9px 0px rgba(178, 178, 178, 0.18); border-radius: 10px; background: #fff}
.product_intro img{width: 100%;}
.product_intro .detail{padding:2.5%}

.brand_group{ padding-bottom:5%;}
.brand_group:not(:last-child){margin-bottom:5%; border-bottom: solid 1px #c8c8c8}

.brand_intro {padding: 2% 0;}
.brand_intro .brand{width: 32%; padding: 0 4%; text-align: center}
.brand_intro .intro{width: 65%;letter-spacing:4px;}

.brand_product .item{width:30.617%; margin: 1%; background-color: #ffffff;	box-shadow: 3px 4px 3px 0px rgba(178, 178, 178, 0.34);border-radius: 10px; overflow: hidden}
.brand_product .pic figure{padding-bottom: 65.47%}
.brand_product .txt{display: flex; justify-content: center; align-content: center; align-items: center;position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); color: #fff;transition: 0.5s; z-index: 10; opacity: 0}
.brand_product .item:hover .txt{opacity: 1}
@media(max-width:640px){
.brand_intro .brand{width: 50%; margin: auto}
.brand_intro .intro{width: 100%; padding: 3% 0}
.brand_product .item{width:32%; margin: 1% 0.5%; }
}

.brand_product_video{position: relative; margin-bottom: 5%}
.brand_product_video .video_play{background: rgba(255, 255, 255, 0.55);}

.contact_detail{padding-top: 2%; padding-bottom: 3%;}
.contact_detail .pic{width: 53.305%}
.contact_detail #allmap{ width: 100%; height: 370px;}
.contact_detail .detail{width: 44%}
.contact_detail .detail p{position: relative; line-height: 35px; letter-spacing: 2px; padding:5% 0 5% 50px; margin: 0}
.contact_detail .detail p:not(:last-child){border-bottom: dashed 1px #6dcb99}
.contact_detail .detail .icon{width: 35px; position: absolute; left: 0}

@media(max-width:640px) {
.contact_detail .pic,
.contact_detail .detail{width: 100%; font-size: .18rem}
.contact_detail .detail p{padding-top: 3%; padding-bottom: 3%}
.contact_detail .pic{order: 2}
}


.join_detail{line-height: 1.8; overflow: hidden}
.join_detail .title {padding: 4% 0}
.join_detail .title span{display: inline-block;min-width: 206px; color: #fff; text-align: center; background: url(../images/title_bg.png) no-repeat; background-size: 100% 100%; padding: .1rem .2rem;}
.join_detail .item .txt{padding-bottom: 4%}
.job_item .other{position: relative;margin-top:4%; margin-bottom:4%}
.job_item .photo{}
.job_item .desc{color: #333;  background: #fefcfd; padding: 2%; border-radius: 20px 0px 0px 20px;position: absolute; width: 60%; top:50%;right: 0; transform: translateY(-50%);}
.job_item .box{background: #ffffff; padding: 4%}
.job_item .box p{padding: 0; margin: 0}
.job_item .box p span{ color: #666666}
.job_item .info .txt{color: #009c94}
.job_item .job b{color: #222; font-weight:normal}
.job_item .job .pic{width: 70px}
.job_item .job .pic figure{border-radius: 100%}
.job_item .job .txt{width: calc(92% - 190px)}
.job_item .job .boss{width: 120px}
@media(max-width:640px) {
.job_item .photo{width:200%}
.job_item .desc{width: 90%}
.job_item .job .pic{width: 50px}
.job_item .job .boss{width: 100px}
.job_item .job .txt{width: calc(98% - 150px);}
.job_item .job .txt b{font-size: .18rem}
.job_item .job .txt p{ font-size: .14rem}
}

.business_types{padding-top: 4%; padding-bottom:6%}
.business {max-width: 670px; margin: auto; position: relative}
.business .photo img.icon{position: absolute}
.business dl dt{font-weight: bold;}
.business dl dt:after{content: ''; display: block; height: 2px; background: linear-gradient(90deg,#4ec24e,#fae642)}
.business dl dd{padding: 10px 0}
@media(max-width:1100px) {
.business_types{padding-left:18%; padding-right: 18%}
}
@media(min-width:640px) {
.business dl{position: absolute; width: 30%}
.business dl:nth-child(1){right: -30%;top: 28%;}
.business dl:nth-child(2){right: -15%;top: 81%;}
.business dl:nth-child(3){left: 45%;top: 83%;}
.business dl:nth-child(4){left: -24%;top: 56%;text-align: right;}
.business dl:nth-child(5){left: -10%;top: 4%;text-align: right;}
.business dl dt{display: inline-block; line-height: 2 }
.business dl dt .icon{display: none}
}
@media(max-width:640px) {
.business_types{padding-left:0; padding-right:0}
.business dl{padding-bottom: 4%}
.business dl dt{line-height: 50px;}
.business dl dt:after{margin-top: 10px;}
.business dl dt .icon{width: 50px; margin-right: 10px}
}

.advantages{max-width:450px; margin: auto; position: relative; margin-bottom: 15%}
.advantages dl{position: absolute; width:62%;}
.advantages dl:nth-child(1){left: -50%;top: 3%;}
.advantages dl:nth-child(2){right: -50%;top: 9%;}
.advantages dl:nth-child(3){right: -20%;top: 62%;}
.advantages dl:nth-child(4){left: 28%;bottom: -15%;}
.advantages dl:nth-child(5){left: -12%;bottom:18%;}
.advantages dl:nth-child(1),
.advantages dl:nth-child(3){text-align: right}
.advantages dt{line-height: 1}
.advantages dt img{position: absolute;/*max-width:50.945%*/max-width:30%}
.advantages dt i{font-style: normal}
.advantages dt b{display: block}
.advantages dl:nth-child(1) img{left:105%}
.advantages dl:nth-child(2) img{right: 105%}
.advantages dl:nth-child(3) img{right: 32%;top:-41%}
.advantages dl:nth-child(4) img{left:27%;top:-22%}
.advantages dl:nth-child(5) img{left:23%; top:-33%}
.advantages dd{color: #1e874a}
@media(max-width:768px){
.advantages .pic{width:60%; margin: auto;}
.advantages .info{margin-top: -35%}
.advantages dt{position: relative; }
.advantages dt img{max-width: 20%; top: 0!important}
.advantages dl{position: inherit;width: 100%; padding:5% 0;}
.advantages dl:nth-child(odd){text-align: left!important}
.advantages dl:nth-child(even){text-align: right!important}
.advantages dl:nth-child(odd) dt img{left: auto; right: 0}
.advantages dl:nth-child(even) dt img{right: auto; left: 0}
.advantages dl:after{content: '';display: block; height: 2px; margin-top: 10px; background: linear-gradient(90deg, #4ec24e, #fae642);}
}

.global_city {padding-bottom: 10%}
.global{position: relative; }
.global .line{position: absolute}
.global .city{position: absolute; width: 100%; height: 100%; top: 0; z-index: 10}
.global dl{position: absolute; width: 10px; height: 10px;}
.global dl dt{position: absolute; bottom: 0;left:50%; transform: translateX(-50%); width:640%; padding-bottom:640%; text-align: center;background: url(../images/global_icon2.png) no-repeat center top; background-size: 100%}
.global dl i,
.global dl b{position: absolute;left: 0; right: 0; margin: auto}
.global dl i{width:70.32%; height:46.89%; top: 18%;}
.global dl i img{position: absolute; margin: auto; width:100%; height:100%;left: 0; right: 0; top: 0; bottom: 0; object-fit: contain; -o-object-fit: contain;}
.global dl b{color: #15543f; width: 100%; top:67%; line-height: 1; font-size: 14px;}
.global dl:nth-child(1){left: 54.7%;top: 18%;}
.global dl:nth-child(2){left: 17%;top: 31%;}
.global dl:nth-child(3){left: 24%;top: 25%;}
.global dl:nth-child(4){left: 32%;top: 30%;}
.global dl:nth-child(5){left: 39%;top: 23%;}
.global dl:nth-child(6){left: 44.5%;top: 36%;}
.global dl:nth-child(7){left: 50.2%;top: 28%;}
.global dl:nth-child(8){left: 3%;top: 87%;}
.global dl:nth-child(9){left: 17.6%;top: 86%;}
.global dl:nth-child(10){left: 26.6%;top: 71%;}
.global dl:nth-child(11){left: 80.5%;top: 34%;}
.global dl:nth-child(12){left: 86.3%;top: 53%;}
.global dl:nth-child(13){left: 74.5%;top: 75%;}
.global dl:nth-child(14){left: 82.5%;top: 82%;}
.global dl:nth-child(15){left: 58.3%;top: 88%;}
.global dl:nth-child(16){left: 69.3%;top: 87%;}
.global dl:nth-child(1) dt{width:1200%;padding-bottom:1200%;background:#8fc326;border-radius: 50%}
.global dl:nth-child(1) dt i{ top:19%; width:82.50%; height:51.67%;overflow: hidden}
@media(max-width:640px){
.global dl{ width:6px; height: 6px;}
.global dl b{font-size:12px;transform: scale(0.8);}
}

.internal_city{padding-bottom: 5%}
.internal{position: relative;width:80%;}
.internal .map:before{content: '';position: absolute; width: 100%; height: 100%;top:0; background: linear-gradient(150deg,rgba(247,248,248,1),rgba(247,248,248,0))}
.internal dl{position: absolute; z-index: 10; white-space: nowrap}
.internal dl dt{position: relative; z-index: 5; cursor: pointer}
.internal dl dt i{display: block; width:0.5rem; height:0.5rem; background: url(../images/place.png) no-repeat; background-size: contain}
.internal dl dt b{position: absolute; font-weight: normal;left:.6rem; top:5px; line-height: 42px;  text-shadow: 2px 2px 2px #fff;}
.internal dl dd{position: absolute; top:-.8rem; left: 50%; transform: translateX(-50%)}
.internal dl dd:after{content: ''; position: absolute; width: 2px; height: .4rem;background: #7bd0a4; margin: auto; top:100%; left: 0; right: 0}
.internal dl .pic{position: absolute; left: -200%; right: -200%; bottom: 160%; background: rgba(30,135,74,0.9); border-radius: 10px; padding: 9px; opacity: 0; transform: scale(0); transition: 0.5s}
.internal dl .pic figure{border-radius: 5px;padding-bottom: 60%}
.internal dl .pic:after{content: ''; width:30px; height:30px; position: absolute; margin: auto; left: 0; right: 0; bottom: -15px; transform: rotate(-45deg); background: linear-gradient(45deg,rgba(30,135,74,0.9) 50%,rgba(30,135,74,0) 50%)}
.internal dl:hover{z-index: 20}
.internal dl:hover .pic{transform: scale(1); opacity: 1}
.internal dl:nth-child(1) .pic{bottom:auto; top: 160%}
.internal dl:nth-child(1) .pic:after{bottom: auto; top: -15px;transform: rotate(135deg);}
.internal dl:nth-child(1){left: 77%;top: 23%;}
.internal dl:nth-child(2){left: 90%;top: 53%;}
.internal dl:nth-child(3){left: 88%;top: 73%;}
.internal dl:nth-child(4){left: 84%;top: 80%;}
.internal dl:nth-child(5){left: 71%;top: 85%;}
.internal dl:nth-child(6){left: 72.5%;top: 57%;}
.internal dl:nth-child(7){left: 46%;top: 56%;}
.internal dl:nth-child(5) dd{bottom:-.8rem;top: auto}
.internal dl:nth-child(5) dd:after{top:-110%}
.body_index .internal dl dd{display: none}
.body_index .internal .map:before{background: linear-gradient(125deg,rgba(245,245,245,1),rgba(245,245,245,0))}
@media(max-width:640px){
.internal{width:90%; margin-left: -15%}
.internal dl dt i{width:0.4rem; height:0.4rem;}
.internal dl dd:after{height: .1rem}
.internal dl dd{top:-.4rem}
.internal dl dt b{left: .4rem}
.internal dl:nth-child(5) dd{bottom:-.4rem;}
.internal_city{padding-bottom: 20%}
}





.honor_photo .item{padding: 30px 0;}
.honor_photo .item a{width: 89.87%; margin: auto;  display: block}
.honor_photo .item figure{padding-bottom: 137.26%}
.honor_photo .item figure{-webkit-box-reflect: below 0px linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.05));}
.honor_photo .slick-dots{position: relative; bottom: 0}

.Pages{text-align: center;line-height: 38px;}

.Pages span:not(.p_page),
.Pages a.a_first,
.Pages a.a_end{display: none}
.Pages span.p_page{display: inline-block;padding:5px}
.Pages em{font-style: normal}
.Pages a{display: inline-block; min-width: 40px; padding: 0px 5px; margin: 0px 6px; border: solid 1px #e8e8e8;border-radius: 2px;}
.Pages a.a_cur{background:#185640;color: #fff; border-color:#185640 }
.Pages a:hover{background:#8fc426;color: #fff; border-color:#8fc426 }
.Pages a.a_prev,
.Pages a.a_next{padding-left: 20px; padding-right: 20px;}
.Pages input[type=text]{background: #f3f4f5; width: 40px; height: 40px; border: none; text-align: center}
.Pages input[type=button]{ width: 40px; height: 40px; border: solid 1px #c2dff4; background: linear-gradient(#feffff,#e1f3ff);}
@media(max-width:768px) {
.Pages{ line-height:32px;}
.Pages a{min-width: 32px; margin: 0}
.Pages input[type=text],
.Pages input[type=button]{height: 32px}
.Pages a.a_prev,
.Pages a.a_next{padding-left: 10px; padding-right: 10px;}
}


.video_play{ position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); width: 12%; padding-bottom:12%; background:rgba(255,255,255,0.9); border-radius: 100%; cursor: pointer}
.video_play:before{content:''; position: absolute; width: 100%; height: 100%;background:url(../images/play_icom.png) no-repeat center center;background-size:45%; }
.video_play:hover{color: #9d4016}

.video_files{position: absolute; width: 100%; height: 100%; z-index: 10; top:0}
.video_files video{position: absolute; width: 100%; height: 100%; z-index: 2; object-fit: cover}
.video_files .close{position: absolute;right:20px;top: 20px;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background:#9d4016;cursor: pointer;}
.video_files .close::before,
.video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.video_files .close::before{ transform:rotate(45deg);}
.video_files .close::after{ transform:rotate(-45deg);}

.body_index{background-color: #f5f5f5}
.body_index .main{ margin-top: -3%; background: url("../images/ind_bg1.png") no-repeat center top; background-size: 100%}

.ind_banner img{width: 100%}
.ind_banner .link{position: absolute; width: 100%; height: 100%}
.ind_banner .slick-prev{left:12%;}
.ind_banner .slick-next{right:12%;}
@media(max-width:1400px){
.ind_banner .slick-prev{left:5%;}
.ind_banner .slick-next{right:5%;}
}
@media(max-width:640px){
.ind_banner .slick-arrow{display: none}
}

.ind_title{font-size: .32rem; line-height: 2; font-weight: bold; padding-bottom:2%}
@media(max-width:1200px){
.ind_title{font-size: .28rem; }
}

.ind_about{padding-top: 7%; padding-bottom: 5%; position: relative;overflow-x: hidden}
.ind_about .box{position: relative}
.ind_about .video_box{position: relative}
.ind_about .video_box img{width: 100%}
.ind_about .txt{position: absolute; color: #1e874a; text-align: center; padding:4.5%; background: no-repeat center center; background-size:100% 100%; z-index: 2}
.ind_about .txt:nth-child(1){width: 39.3%; padding:4.5%; right: -10%; bottom:95%; background-image: url("../images/ind_about_txt1bg.png")}
.ind_about .txt:nth-child(2){width: 49%;padding:5.5% 5.8%; left: -10%; top:92%; background-image: url("../images/ind_about_txt2bg.png")}
.ind_about .yezi{ width: 18.8%; padding-bottom:18.8%;  position: absolute;background: no-repeat; background-size: 100%;}
.ind_about .yezi.y1{ right:24%; top:-28%; background-image: url("../images/ind_about_txt1_yezi.png")}
.ind_about .yezi.y2{ z-index: 3; left: 30%; top: 101%; background-image: url("../images/ind_about_txt2_yezi.png")}
.ind_about .desc{padding-top:15%;}
.editor_count{text-align: center;}
.editor_count dl:nth-child(1),
.editor_count dl:nth-child(2){width: 50%;}
.editor_count dl{width: 33.333%;margin-top: 10%}
.editor_count dt{color: #ba2b2f; line-height: 1}
.editor_count dt b{font-size: calc(72/1920*100vw)}
.editor_count dl:nth-child(1),
.editor_count dl:nth-child(3),
.editor_count dl:nth-child(4){border-right: solid 1px #d5d5d5}

@media(min-width:768px){
.ind_about{padding-left:6%; padding-right:6%;}
}
@media(max-width:768px){
.ind_about .txt{position:relative;width:80%!important; padding: 8%!important; margin-bottom: 5%}
.ind_about .txt:nth-child(1){right: -10%}
.ind_about .txt:nth-child(2){left: 0}
.ind_about .video_box{width: 150%; margin-left: -25%}
.editor_count dt b{font-size: calc(72/1000*100vw)}
}

.ind_product{position: relative; background: url("../images/ind_bg2.png") no-repeat center top}
.ind_product .box{padding-left:48%; padding-top:5%}
.ind_product .more {padding-top:5%;text-align: right}
.ind_product .more a{color: #dddddd; border-radius:40px; display: inline-block; padding:1% 4%; background-color: #05543f}
.ind_product .more a:hover{background-color: #8fc426}
.ind_product .product{ margin-top: -18.5%}
.ind_product .slick-list {/*width: 76.04166666666667%;*/width:62%;}
.ind_product .item .pic{width: 68.7672%;-webkit-mask-image: url('../images/ind_img_bg.svg'); -webkit-mask-repeat: no-repeat; -webkit-mask-position:center center; -webkit-mask-size:contain; z-index: 2}
.ind_product .item .pic figure{padding-bottom: 93.825%}

.ind_product .item .txt{width: 50%; top:50%; right: 0; transform: translateY(-50%); background: rgba(13,81,61,0.7); padding:1.5% 2% 1.5% 20%; border-radius: 50px; color: #fff; position: absolute;}
.ind_product .item .small{display: none}
.ind_product .slick-dots{ position: relative; max-width:900px; width:95%; margin: auto; flex-wrap: wrap; margin-top: -15%}
.ind_product .slick-dots li{width: 20%; margin: 0; transition: 0.5s; cursor: default}
.ind_product .slick-dots li .small{width:85%;margin: auto; position: relative;}
.ind_product .slick-dots li .small:after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(../images/ind_pro_bg.svg) no-repeat center center; background-size: contain; transition: 0.5s}
.ind_product .slick-dots li.slick-active .small:after{background-image: url(../images/ind_pro_bghover.svg) ;left: -15%;; top: -15%; bottom: -15%; right: -15%; }
.ind_product .slick-dots li.slick-active img{transform: scale(1.5)}
.ind_product .slick-dots li a{position: relative; z-index: 2; display: block}
.ind_product .slick-dots li:first-child{margin-left: 20%}
.ind_product .slick-dots .pic img{width:50%; height:50%; top:15%; bottom: auto; border-radius: 100% 100% 0 0}
.ind_product .slick-dots .txt{position: absolute; left:0; right: 0; bottom: 10%; margin: auto}
.ind_product .slick-dots .txt:before{content: ''; display: block; margin: auto; width: 50%; height: 1px; background: #4e786c}


@media(max-width:1024px){
.ind_product .box{padding:8% 0 0 0}
.ind_product .product{margin-top: 0}
.ind_product .slick-list{width: 95%}
.ind_product .slick-dots li{width: 25%}
}
@media(max-width:640px){
.ind_product .item .pic{width: 90%}
.ind_product .item .txt{position: inherit; width: 100%;padding:5%; transform: translateY(0);}
.ind_product .slick-dots{margin-top: auto}
.ind_product .slick-dots li{width:33%}
.ind_product .slick-dots li:first-child{margin-left: 0}
.ind_product .slick-dots li .small{width: 100%}
}

.ind_internal{padding-top: 5%;}

.ind_news{padding-bottom: 10%}

.ind_news .item .pic{width:90%;margin: auto; -webkit-mask-image: url('../images/ind_news_bg.png'); -webkit-mask-repeat: no-repeat; -webkit-mask-position:center center; -webkit-mask-size:contain;}
.ind_news .item a{display: block; margin: auto; width: 92.272%;max-width: 300px}
.ind_news .item figure{padding-bottom:93.72%}
.ind_news .item .txt{padding: 4% 10%; letter-spacing: 2px}
.ind_news .item .txt h4{margin-bottom: 3%}
.ind_news .slick-arrow{top:35%}
@media(min-width:1400px){
.ind_news .list{margin-left: -12%; margin-right: -12%;}
.ind_news .slick-prev{margin-left: -90px}
.ind_news .slick-next{margin-right: -90px;}
}
@media(min-width:1200px) and (max-width:1400px) {
.ind_news .list{margin-left: -6%; margin-right: -6%;}
.ind_news .slick-prev{margin-left: -50px}
.ind_news .slick-next{margin-right: -50px;}
}
@media(max-width:640px){
.ind_news .item .txt{padding: 4% 0; }
}