@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    src: url("../font/Montserrat/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    src:  url("../font/Montserrat/Montserrat-Bold.ttf") format("truetype");
}
html, body, input {font-family: 'Montserrat';color:#000;}
body.show {height: 100vh;overflow: hidden;}
a, a:active {color: #000}
a:hover {color: #2a6e3a;}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
input[type='number'] {-moz-appearance: textfield;}
select {  -webkit-appearance: none;-moz-appearance: none;appearance: none;color:#000;background-color: #fff;}

.auto-1400 {max-width: 1400px;margin: 0 auto;}
.auto-1280 {max-width: 1280px;margin: 0 auto;}
.auto-960 {max-width: 960px;margin: 0 auto;}
.auto-900 {max-width: 900px;margin: 0 auto;}

@media (min-width: 1921px) {
    .auto-1400 {max-width: 14rem;}
}

@media (max-width: 1440px) {
    .auto-1400 {max-width: 86%;}
    .auto-1280 {max-width: 90%;}
}

@media (max-width: 1280px) {
    .auto-1280 {max-width: 90%;}
}

@media (max-width: 640px) {
    .auto-1400 {max-width: 100%;padding: 0 15px;}
    .auto-960  {max-width: 100%;padding: 0 15px;}
    .auto-900  {max-width: 100%;padding: 0 15px;}
}

.mt60 {margin-top: .6rem;}
.mt80 {margin-top: .8rem;}
@media (max-width: 1024px) {
    .mt60 {margin-top: 8%;}
    .mt80 {margin-top: 10%;}
}

body ::-webkit-scrollbar {width: 6px;height: 5px;background-color: #eeeeee;border-radius: 30px;}
body ::-webkit-scrollbar-button {display: none;}
body ::-webkit-scrollbar-track {border-radius: 2px;}
body ::-webkit-scrollbar-thumb {background: #2a6e3a;border-radius: 30px;}
body ::-webkit-scrollbar-thumb:hover {background: #2a6e3a;}
@media (max-width: 1024px) {
    body ::-webkit-scrollbar {width: 4px;height: 4px;}
    .swiper-pagination {text-align:center;margin-top: 0.3rem;}
    .swiper-pagination .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;margin: 0 3px;border-radius:50%;background-color: #2a6e3a;}
    .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
}

/*Top*/
#Top{position:fixed;top:0;left:0;width: 100%;z-index:101; transition: 0.5s;}

#Top .header {position: relative;z-index: 100;}
#Top .header-left .logo{ display:inline-flex;}
#Top .header-left .logo img{width: 1.4rem;transition: 0.5s;}
#Top .header-left .logo img:nth-child(2){display: none;}

#Top .header-mid{display:flex;align-items: center;justify-content: center; padding: 0.18rem 0;}
#Top .header-menu li{ width:auto !important;margin-right: 0;}
#Top .header-menu li em{ position:relative;}
#Top .header-menu li em a{ position:relative;line-height:0.5rem;padding: 0 0.4rem;color:#000;font-weight: 700;}
#Top .header-menu li em a:hover {color:#2a6e3a;}
#Top .header-menu li .sub {background-color: transparent;}
#Top .header-menu li .sub-menu dl {box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.08);}
#Top .header-menu li .sub-menu dt a{position:relative;line-height: 0.48rem;padding:0 0.3rem;font-size: 14px;color:#333;border-bottom: 1px solid #eee;background: #fff;transition: 0.3s;}
#Top .header-menu li .sub-menu dt a:hover{ color:#fff;background: #2a6e3a;}
#Top .header-menu li .sub-menu dt:last-child a {border-bottom: 0;}
#Top .header-menu li .sub-menu dt a::after {content:'';position: absolute;right: 0.3rem;top: 50%;width: 0.08rem;height: 0.08rem;margin-top:-0.04rem;border-top:1px solid #999999;border-right:1px solid #999999;transform: rotate(45deg);}
#Top .header-menu li .sub-menu dt a:hover::after {border-color:#fff;}

#Top .contactBtn {padding: 0.07rem 0.07rem 0.07rem 0;}
#Top .contactBtn a {display:inline-flex;line-height:0.5rem;padding: 0 0.45rem;color:#fff;font-weight: 700;border-radius: 50px;background-color: #2a6e3a;}

#Top .header-right {display: flex;justify-content: flex-end;align-items: center;}
#Top .top-search {margin-left: 0.5rem;}
#Top .top-search .open-search {display: block;width: 0.6rem;height: 0.6rem;background: url("../images/icon_search_w.png") no-repeat center/0.26rem;transition: 0.4s;}
#Top .top-search .search-box{position: absolute;top:100%;left:0;width: 100%;padding: 0.1rem 0;border-top:1px solid #eee;box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.08);background:#fff;display: none;}
#Top .top-search .search-box .text{display: block;height:0.4rem; width:30%; line-height:0.4rem; padding:0 0.2rem;border:0;border-bottom:1px solid #eee;font-size: 14px;background:#fff; }
#Top .top-search .search-box .btn{ flex-shrink:0;width:0.4rem;height:0.4rem;background:url(../images/icon_search_g.png) no-repeat center/0.2rem; }
@media(min-width:1025px){
    #Top::before { content: '';position: absolute;border-radius: 50px;width: var(--width1);height: var(--height1);left: var(--left1);top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.90);box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);transition: all .4s ease;}
    #Top.isfixed::before,
    #Top.ishover::before {width: 100%;height: 100%;left: 0;border-radius: 0px;background: rgba(255, 255, 255, 1);box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.08);}
    #Top.isfixed .header-left .logo img:nth-child(1),
    #Top.ishover .header-left .logo img:nth-child(1){display: none;}
    #Top.isfixed .header-left .logo img:nth-child(2),
    #Top.ishover .header-left .logo img:nth-child(2){display: block;}
    #Top.isfixed .top-search .open-search,
    #Top.ishover .top-search .open-search {background-image: url("../images/icon_search_g.png");}
    #Top.fixx::before{width: 100%;height: 100%;left: 0;border-radius: 0px;background: rgba(255, 255, 255, 1);box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.08);}
    #Top.fixx .header-left .logo img:nth-child(1){display: none;}
    #Top.fixx .header-left .logo img:nth-child(2){display: block;}
    #Top.fixx .top-search .open-search {background-image: url("../images/icon_search_g.png");}

    #Top .header .auto > *{flex-shrink: 0;}
    #Top .header-menu ul {display: flex;align-items: center;}
    #Top .header-menu li {}
    #Top .header-menu li .sub {width: auto;left:50%;transform:translateX(-50%);padding-top: 0.25rem;overflow: visible;}
    #Top .header-menu li .sub-menu dl {width: 2.5rem;padding: 0.1rem 0;border-radius: 5px;background-color:#fff;overflow: hidden;}
    #Top .header-menu li .sub dt {width: 100%;}
    #Top .header-menu li .sub dt.aon > a {color:#fff;background-color: #60142c;}
    #Top .header-menu li em a::before{position:absolute; content:'';left:50%; transform:translateX(-50%);width:0; height:2px; background:#60142c; bottom:0;  z-index: 10; transition:0.3s;}
}
@media(max-width:1440px){
    #Top .header-menu li em {padding: 0 .12rem;}
}
@media(max-width:1024px){
    #Top {box-shadow: 2px 0 10px rgba(0,0,0,.2);}
    #Top .header {height: 1rem;background: #fff;}
    #Top .header-left {display: flex;}
    #Top .header-left .logo img {width: 2rem;}
    #Top .header-left .logo img:nth-child(1) {display: none;}
    #Top .header-left .logo img:nth-child(2) {display: block;}
    #Top .header-right dd {position: static;margin-right:.2rem;}
    #Top .top-search {width: auto;}
    #Top .top-search .open-search{width: 0.6rem;height: 0.6rem;margin-right: 0.1rem;background-image:url(../images/icon_search_g.png);background-size: 0.34rem;}
    #Top .top-search .search-box{ position:absolute;top: 100%;left: 0;margin-top: 0;width: 100%;padding:0.2rem;background-color:#fff;border-radius:0;box-shadow: 0 2px 5px 1px rgba(125, 125, 125, 0.51);overflow: visible;}
    #Top .top-search .search-box .text {width: 90%;height: 0.7rem;line-height: 0.7rem;border-radius: 5px 0 0 5px;}
    #Top .top-search .search-box .btn {width: 0.8rem;height: 0.7rem;background-size:0.4rem;border-radius:  0 5px 5px 0;}
    #Top .top-search .search-box .CloseBtn {right: .1rem;}
    #Top .top-search-show .open-search {position: relative;background-image: none;}
    #Top .top-search-show .open-search::before,
    #Top .top-search-show .open-search::after {position: absolute;content:'';top: 50%;left:0.12rem;width: 60%;height: 2px;background-color: #2a6e3a;}
    #Top .top-search-show .open-search::before {transform: rotate(45deg);}
    #Top .top-search-show .open-search::after {transform: rotate(-45deg);}
    #Top .top-search-show .search-box {opacity: 1;transform: scale(1);visibility: visible;}

    #Top #open_menu{ width:.48rem; height:1rem; position:relative;}
    #Top #open_menu i::before,
    #Top #open_menu i::after,
    #Top #open_menu i{width:100%; background:#2a6e3a;}
    #Top #open_menu i{height:2px;margin-top:-.015rem;background:#2a6e3a;transition: 0.3s;}
    #Top #open_menu i::before {top: -8px;}
    #Top #open_menu i::after {top: 8px;}
    #Top #open_menu.open_menu_on {background: none;}
    #Top #open_menu.open_menu_on i{opacity: 1;}

    #Top #header-menu{ position:absolute; width:100%; top:100%; right:0;height: calc(100vh - 1rem); overflow-y: auto; z-index:100; text-align:center; background: #f9f9f9; transform: translateX(-100%);transition: .5s;}
    #Top #header-menu li .sub-has-sub i {width: auto;}
    #Top #header-menu .sub-menu { max-width: 88%;margin:0 auto;}
    #Top #header-menu ul { padding: 4vw 0;}
    #Top #header-menu li {margin-bottom: .2rem;}
    #Top #header-menu li em {border-bottom: 0;padding:0 25px;}
    #Top #header-menu li em a{ padding:0;border-bottom: 0;color:#000;font-weight: normal; position: relative;text-align: left;font-size: .26rem;line-height: 12vw; border-bottom: 1px solid #e8e8e8;}
    #Top #header-menu li.has-sub em a::after { position: absolute;content:'';  width: 12px;  height: 8px;top:50%;right:0; margin-top: -3px;transform:rotate(-90deg);background:url("../images/arrow_down.png") no-repeat right center/contain;transition: .3s;}
    #Top #header-menu li.has-sub.clickon em a::after  { transform: rotate(0deg);}
    #Top #header-menu li .sub-menu img { display: none;}
    #Top #header-menu li .sub-menu dl { padding: 2.66vw 3% 0;}
    #Top #header-menu li .sub-menu dt a{ line-height: 12vw;font-size: .24rem;color:#333;border-bottom: 1px solid #e8e8e8;text-align: left;}
    #Top #header-menu li:last-child em a,
    #Top #header-menu li:last-child em{ border-bottom:0;}
    #Top #header-menu.header-menu-show {transform: translateX(0)}

    #Top .contactBtn a {line-height: 0.7rem;}
}

/*HomeBanner*/
.HomeBanner {position:relative;height:100%;}
.HomeBanner .swiper {position: relative;}
.HomeBanner .swiper-slide {height:100%;}
.HomeBanner .swiper-slide::after {content:'';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.2);z-index: 9;}
.HomeBanner .swiper-slide img {display:block;width:100%;}
.HomeBanner .txt {position:absolute;left:0;top:0;z-index:11;width:100%;height:100%;padding-top:2.5rem;color:#fff;text-align: center;}
.HomeBanner .txt .title1 {font-size:0.52rem;font-weight: 700;margin-bottom:.2rem;}
.HomeBanner .txt .title2 {font-size:0.22rem;margin-bottom:.4rem;line-height:1;}

.HomeBanner .swiper-pagination {position:absolute;max-width:12.8rem;width: 100%;left:50%;bottom:6%;transform:translateX(-50%);text-align:center;z-index:10;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet {position: relative;display: inline-block;width: 8px;height: 8px;margin: 0 0.25rem;border-radius:30px;background-color: #fff;transition: 0.3s;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet::after {content:'';position: absolute;width: 0.3rem;height: 0.3rem;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url("../images/bullet_on.png") no-repeat center/contain;opacity: 0;}
/*.HomeBanner .swiper-pagination .swiper-pagination-bullet-active::after {opacity: 1;}*/

.HomeBanner .swiper-pagination svg {position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;transform:translate(-50%,-50%) rotate(-90deg);border-radius:50%;}
.HomeBanner .swiper-pagination circle {stroke-dasharray: 100;stroke-dashoffset: 100;cx: 15px;cy: 15px;r: 15px;}
.HomeBanner .swiper-pagination .circle_g {stroke-dasharray: 0;stroke-dashoffset: 100;cx: 15px;cy: 15px;r: 15px;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet-active svg {opacity: 1;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet.on .circle {-webkit-animation: 4s svgcircle linear;animation: 4s svgcircle linear;}
/*.HomeBanner .swiper-pagination .swiper-pagination-bullet-active .circle {-webkit-animation: 4.8s svgcircle linear;animation: 4.8s svgcircle linear;}*/
@-webkit-keyframes svgcircle {
    0% {stroke-dashoffset: 100;}
    100% {stroke-dashoffset: 0;}
}
@keyframes svgcircle {
    0% {stroke-dashoffset: 100;}
    100% {stroke-dashoffset: 0;}
}

@media (min-width:1025px) {
    .HomeBanner .swiper-slide .pc {height:100vh;}
    .HomeBanner .swiper-slide .wap {display:none;}
}
@media (max-width:1024px) {
    .HomeBanner .txt {height:auto;padding-top:0;top:50%;transform:translateY(-50%)}
    .HomeBanner .txt .title1 {font-size:0.3rem;}
    .HomeBanner .txt .title2 {font-size:0.24rem;line-height: 1.8;}

    .HomeBanner .slick-dots {width:88%;bottom:4%;}
    .HomeBanner .swiper-pagination {max-width: 90%;text-align: center;}
    .HomeBanner .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;}
    .HomeBanner .swiper-pagination .swiper-pagination-bullet::after {width: 0.4rem;height: 0.4rem;}
}

/*homeTit*/
.homeTit span {display: inline-block;position: relative;padding-bottom: 0.4rem;line-height: 1;font-size: 0.48rem;font-weight: 700;color:#000;}
.homeSubtit {font-size: .44rem;}
@media (max-width: 1024px) {
    .homeTit {font-size: .40rem;}
    .homeTit span {font-size: 0.36rem;}
    .homeTit span::after {width: 0.7rem;height: 3px;}
    .homeSubtit {font-size: .3rem;}
}

/*imgBox*/
.imgBox {position: relative;overflow: hidden;}
.imgBox img {height: 100%;width: 100%;transition: 0.5s; object-fit: cover;object-position: 50% 50%;}
.imgBox:hover img {transform: scale(1.08)}

/*homeMore*/
.homeMore {display: inline-flex;align-items: center;padding-bottom:0.05rem;}
.homeMore a,
.homeMore span {line-height: 0.5rem;padding: 0 0.45rem;font-weight: 700;color:#2a6e3a;border: 2px solid #2a6e3a;border-radius: 50px;transition: 0.3s;}
.homeMore a.green {color:#fff;background-color: #2a6e3a;}
.homeMore a:hover,
.homeMore span:hover {color:#fff;border-color:#2a6e3a;background-color:#2a6e3a}
.homeMore a.green:hover {background-color:#184e24}
@media (max-width: 1024px) {
    .homeMore {justify-content: center;width: 100%;}
    .homeMore a,
    .homeMore span {font-size: 0.24rem;line-height: 0.7rem;}
}

/*HomeAbout*/
.HomeAbout {background: url("../images/homeAbout_bg.jpg") no-repeat left bottom;}
.HomeAbout .left .text {line-height: 2;margin-bottom: 0.5rem;}
.HomeAbout .right li {width: 100%;}
.HomeAbout .right li:not(:last-child) {margin-bottom: 0.6rem;}
.HomeAbout .right .icon {flex-shrink:0;width: 0.9rem;height: 1.1rem;transition: 0.3s;}
.HomeAbout .right .icon:hover {transform:translateY(-10px);}
.HomeAbout .right .text {width:calc( 100% - 0.9rem);padding-left: 0.4rem;}
.HomeAbout .right .text .name {margin-bottom: 0.14rem;line-height: 1;font-weight: 700;font-size: 0.2rem;}
.HomeAbout .right .text .desc {line-height: 1.6;}
@media (min-width: 1025px) {
    .HomeAbout {padding: 1.2rem 0;}
    .HomeAbout .left {width: 48.6%;}
    .HomeAbout .right {width: 42.8%;}
    .HomeAbout .left .text {font-size: 0.18rem;}
}
@media (max-width: 1024px) {
    .HomeAbout {padding:0.4rem 0 0.8rem;}
    .HomeAbout .content {flex-wrap: wrap;}
    .HomeAbout .left {margin-bottom: 0.5rem;}
    .HomeAbout .left .text {margin-bottom: 0.3rem;line-height: 1.6;}
    /*.HomeAbout .right li {flex-wrap: wrap;}*/
    .HomeAbout .right {width: 100%;}
    .HomeAbout .right .icon {width: 13%;}
    .HomeAbout .right .text {width: 87%;}
    .HomeAbout .right .text .name {font-size: 0.26rem;}
}

/*HomePower*/
.HomePower {background: url("../images/homePower_bg.jpg") no-repeat left top/cover;overflow: hidden;}
.HomePower .container {position: relative;}
.HomePower .right .img-2 {position: relative;justify-self: flex-end;width: 3.1rem;}
.HomePower .right .img-2 i {content:'';position: absolute;top:0.4rem;right: -0.6rem;width: 1.2rem;height: 1.2rem;border-radius:50%;background-color: rgba(242, 150, 0, 0.9);}
/*.HomePower .right .img-2::after {content:'';position: absolute;top:0.4rem;right: -0.6rem;width: 1.2rem;height: 1.2rem;border-radius:50%;background-color: rgba(242, 150, 0, 0.9);}*/
.HomePower .right .text {margin-top: 0.5rem;line-height: 1;color: #fff;}
.HomePower .right .text .num b {font-size: 2.5rem;margin-right: 0.15rem;}
.HomePower .right .text .num span {font-size: 0.48rem;}
.HomePower .right .text .desc {font-size: 0.24rem;}
@media (min-width: 1025px) {
    .HomePower .left {width: 47%;padding-top: 0.7rem;}
    .HomePower .right {width: 42.1%;padding-right: 1.4rem;}
}
@media (max-width: 1024px) {
    .HomePower .container {align-items: flex-end;}
    .HomePower .left {width: 45%;}
    .HomePower .right {width: 45%;display: flex;flex-direction: column;align-items: flex-end;}
    .HomePower .right .img-2 {width: 1.5rem;margin-right: 0.4rem;}
    .HomePower .right .img-2 i {width: 0.6rem;height: 0.6rem;right: -0.3rem;}
    /*.HomePower .right .img-2::after {width: 0.6rem;height: 0.6rem;right: -0.3rem;}*/
    .HomePower .right .text {padding-bottom: 0.4rem;}
    .HomePower .right .text .num {margin-bottom: 0.2rem;}
    .HomePower .right .text .num b {font-size: 1rem;}
    .HomePower .right .text .num span {font-size: 0.34rem;}
    .HomePower .right .text .desc {line-height: 1.6;}
}

/*HomeNews*/
.HomeNews {padding: 1.2rem 0 1.4rem;background: url("../images/homeNews_bg.jpg") no-repeat left bottom;}
.HomeNews .container {position: relative;}
.HomeNews .swiper {border-radius: 0.2rem;}
.HomeNews .swiper a {display: flex;color:#000;}
.HomeNews .text {padding: 0.6rem;background-color: #fff;}
.HomeNews .text time {display: block;margin-bottom: 0.2rem;padding-left: 0.36rem;line-height: 0.26rem;background: url("../images/icon_date.png") no-repeat left center/0.24rem;}
.HomeNews .text .name {margin-bottom: 0.25rem;line-height: 1.3;font-size: 0.24rem;font-weight: 700}
.HomeNews .text .desc {margin-bottom: 0.4rem;line-height: 1.75;}
.HomeNews .text .name:hover {color: #2a6e3a;}
.HomeNews .pic figure {padding-bottom: 65.7%;}
.HomeNews .swiper-pagination {width: 100%;margin-top: 0.4rem;text-align:center;z-index:10;}
.HomeNews .swiper-pagination .swiper-pagination-bullet {position: relative;display: inline-block;width: 10px;height: 10px;margin: 0 0.08rem;border-radius:30px;background-color: #2a6e3a;transition: 0.3s;opacity: 0.2;}
.HomeNews .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
@media (min-width: 1025px) {
    .HomeNews .text {width: 50%;}
    .HomeNews .pic {width: 50%;}
}
@media (max-width: 1024px) {
    .HomeNews {padding: 0.5rem 0;}
    .HomeNews .swiper a {flex-wrap: wrap;}
    .HomeNews .text {padding: 0.6rem 0.4rem;}
    .HomeNews .pic {width: 100%;}
}

/*innerBanner*/
.innerBanner {position: relative;}
.innerBanner .container {position: relative;}
.innerBanner .wap {display: none;}
.innerBanner .text {position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -74%);color: #fff;z-index: 10;}
.innerBanner .text .tit {font-size: 0.48rem;font-weight: 700;}
.innerBanner .text .subTit {margin-top: 0.1rem;font-size: 0.24rem;}

@media (max-width: 1024px) {
    .innerBanner::after {content:'';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.2);z-index: 9;}
    .innerBanner .pc {display: none;}
    .innerBanner .wap {display: block;}
    .innerBanner .wap img {width: 100%;max-width: none;}
    .innerBanner .text {padding-right: 18%;transform: translate(-50%, -50%);}
    .innerBanner .text .tit {font-size: .4rem;}
    .innerBanner .text .subTit {font-size: .26rem;}
}

/*Location*/
.Location {padding: 0.3rem 0 0.5rem;color: #000;}
.Location em {padding-left: 3%;font-style: normal;background: url("../images/icon_location.png") no-repeat left center/contain;}
.Location a {padding: 0 3px;color: #000;}
.Location a:hover {color: #60142c;}
.Location span {padding: 0 3px;color: #666;}
@media (min-width: 1025px) {

}
@media (max-width: 1024px) {
    .Location {padding: 0.4rem 0 0.3rem;}
    .Location em {padding-left: 4%;}
}

/*Menu*/
#Menu {}
#Menu ul {display: flex;flex-wrap: wrap;}
#Menu ul li {}
#Menu ul li a {display: block;border-radius:0.1rem;padding:0.18rem 0.1rem;text-align: center;transition: 0.3s;background-color: #f5f5f5;}
#Menu ul li.on a {color:#fff;font-weight: 700;background-color: #60142c;}
#Menu .subMenu {display: flex;flex-wrap: wrap;padding-top: 20px;}
#Menu .subMenu dd {}
#Menu .subMenu dd a {display: block;border-radius:0.1rem;padding:0.12rem 0.1rem;text-align: center;font-size: 14px;border:1px solid #eee;transition: 0.3s;}
#Menu .subMenu dd.on a{color:#60142c;border-color: #60142c;}
@media (min-width: 1025px) {
    #Menu ul li {width: 18.75%;}
    #Menu ul li:not(:nth-child(5n)) {margin-right: 1.56%;}
    #Menu ul li:nth-child(5) ~ li {margin-top: 1.56%;}
    #Menu ul li a .icon {display: none;}
    #Menu ul li:hover a {color:#fff;font-weight: 700;background-color: #60142c;}
    #Menu .subMenu dd {width: 12.5%;}
    #Menu .subMenu dd:not(:nth-child(7n)) {margin-right: 0.7%;}
    #Menu .subMenu dd:nth-child(7) ~ dd {margin-top: 0.7%;}
    #Menu .subMenu dd:hover a {color:#60142c;border-color: #60142c;}
}
@media (max-width: 1024px) {
    #Menu ul {flex-wrap: nowrap;justify-content:normal;overflow-x: auto;padding-bottom: 0.3rem;}
    #Menu ul li {flex-shrink:0;width: 43%;margin-right: 0.2rem;}
    #Menu ul li a {padding-left:0.2rem;padding-right:0.2rem;font-weight: 700;}
    #Menu ul li a .icon {display: inline-block;width: 0.7rem;height: 0.52rem;margin: 0.2rem 0;}
    #Menu ul li a .icon img {width: 100%;height: 100%;object-fit: cover;}
    #Menu ul li.on a .icon img {filter: brightness(0) invert(1)}
    #Menu .subMenu {flex-wrap: nowrap;justify-content:normal;padding-bottom: 0.3rem;overflow-x: auto;}
    #Menu .subMenu dd {flex-shrink:0;}
    #Menu .subMenu dd:not(:last-child) {margin-right: 0.2rem;}
    #Menu .subMenu dd a {padding: 0.1rem 0.3rem;font-size: 0.24rem;}
}

/*innerTitle*/
.innerTitle {position: relative;margin-bottom: 0.4rem;padding-bottom: 0.2rem;line-height: 1;font-size: 0.3rem;font-weight: 700;color: #000;border-bottom: 1px solid #eeeeee;}
.innerTitle::after {content:'';position: absolute;width: .5rem;height: 2px;bottom:0;left: 0;background-color: #60142c;}
.innerTitle.tac {text-align: center;}
.innerTitle.tac::after {left: 50%;margin-left: -.25rem;}
.innerTitle_desc {margin: 0.2rem 0 0.1rem;font-size: 14px;font-weight: 400;color:#666;}
.innerSubtitle {position: relative;margin-bottom: 0.3rem;line-height: 1;font-size: 0.2rem;color: #000;font-weight: 700;}
.innerSubtitle.tac {text-align: center;}
.innerSubtitle_desc {font-size: 14px;}
.innerSubtitle_desc.tac {text-align: center;}
@media (max-width: 1024px) {
    .innerTitle {font-size: .4rem;line-height: 1.5;}
    .innerTitle_desc {font-size: 0.24rem;}
    .innerSubtitle {font-size: .32rem;}
}


.inner-nav h4 {margin-bottom: 0.3rem;font-size: 0.24rem;}
.inner-nav li:not(:last-child) {margin-bottom: 0.2rem;}
.inner-nav li a {display: flex;align-items: center;}
.inner-nav li a::before {content:'';width: 0.07rem;height: 0.07rem;margin-right: 0.12rem;border-radius: 50%;background-color: #000;}
.inner-nav li.on a {color: #2a6e3a;}
.inner-nav li.on a::before {background-color: #2a6e3a;}
@media (min-width: 1025px) {
    .inner-nav {width: 21.4%;padding-right: 0.2rem;}
    .inner-nav li a {font-size: 0.18rem;}
}
@media (max-width: 1024px) {
    .inner-nav {margin-bottom: 0.4rem;}
    .inner-nav h4 {font-size: 0.3rem;}
    .inner-nav ul {display: flex;overflow-x: auto;}
    .inner-nav li {flex-shrink: 0;}
    .inner-nav li a {padding-left: 0;margin-right: 0.4rem;}
    .inner-nav li a::before {display: none;}
}

/*Footer*/
#Footer{color:#fff;background-color: #003020;}
#Footer .container {position: relative;display: flex;justify-content: space-between;padding: 0.6rem 0;border-bottom: 1px solid #1a4537;}
#Footer .footerInfo .btmLogo {margin-bottom: 0.36rem;}
#Footer .footerInfo .btmLogo img {width: 1.74rem;}
#Footer .footerInfo ul {margin-bottom: 0.24rem;}
#Footer .footerInfo ul li {margin-bottom: 0.16rem;opacity: 0.5;}
#Footer .footerInfo .share a {display: inline-block;width: 0.5rem;height: 0.5rem;margin-right: 0.1rem;border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: 0.18rem;filter: brightness(0%) invert(100%)}
#Footer .footerInfo .share a.linkedin {background-image: url("../images/share_icon1.png")}
#Footer .footerNav dl {padding-top: 0.1rem;}
#Footer .footerNav dl dt {margin-bottom: 0.2rem;}
#Footer .footerNav dl dt a {font-weight: bold;color:#fff;}
#Footer .footerNav dl dd {margin-bottom: 0.1rem;}
#Footer .footerNav dl dd a {color:#fff;opacity: 0.5;transition: 0.3s;}
#Footer .footerNav dl dd a:hover {opacity: 1;}
#Footer .footerNav dl dd em {opacity: 0.15;}
#Footer .goTop {align-items: center;color:rgba(255,255,255,0.5);cursor: pointer;}
#Footer .goTop span {width: 0.5rem;height: 0.5rem;margin-left: 0.2rem;border-radius: 50%;background:url("../images/icon_gotop.png") no-repeat center/0.18rem #f29600;}
#Footer .footerBottom {padding: .24rem 0;opacity: 0.5;}
#Footer .footerBottom .copyright{}
#Footer .footerBottom .beian a:not(:last-child){margin-right: .05rem;}
#Footer .footerBottom .beian .gongan{padding-left: .24rem;background: url("../images/icon_gongan.png") no-repeat left center/contain;}
#Footer .footerBottom .designed>a{color:rgba(255,255,255,.5)}
#Footer .footerBottom .designed>a:hover{color:#fff;}

@media (min-width: 1025px) {
    #Footer .footerInfo {width: 28.57%;}
    #Footer .footerInfo ul li {font-size: 0.18rem;}
    #Footer .footerNav {display: flex;justify-content: space-between;width:59.4%;}
    #Footer .footerNav dl dt a {font-size: 0.18rem;}
    #Footer .goTop {position: absolute;right: 0;bottom: 0.6rem;}
}
@media (max-width: 1024px) {
    #Footer .container {flex-wrap: wrap;padding-top: 0.6rem;
        padding-bottom: 0.4rem;}
    #Footer .container > div {width: 100%;flex-shrink: 0;}
    #Footer .footerInfo  {margin-bottom: 0.3rem;text-align: center;}
    #Footer .footerInfo .btmLogo img {width: 2.2rem;}
    #Footer .footerInfo .share a {width: 0.6rem;height: 0.6rem;background-size: 0.26rem}
    #Footer .footerNav {}
    #Footer .footerNav dl {width: 100%;margin-right: 0 !important;border-bottom: 1px solid #1a4537;padding: 0.3rem;}
    #Footer .footerNav dl dt {position: relative;font-size: 0.26rem;margin-bottom: 0;}
    #Footer .footerNav dl dt::after {position: absolute;content: '';width: 10px;height: 6px;top: 0.12rem;right: 0;background: url(../images/arrow_down.png) no-repeat right center / contain;transform: rotate(0deg);filter:brightness(0) invert(1);transition: .3s;}
    #Footer .footerNav dl dt.on::after {transform: rotate(180deg);}
    #Footer .footerNav dl .dd-wrap {display: none;margin-top: 0.2rem;}
    #Footer .goTop {margin-top: 0.4rem;justify-content: center;}
    #Footer .goTop span {width: 0.6rem;height: 0.6rem;background-size: 0.28rem}
    #Footer .footerBottom {text-align: center;font-size: 0.2rem;}
    #Footer .footerBottom > div {flex-wrap: wrap;}
    #Footer .footerBottom > div > div {padding: 2% 0;width: 100%;flex-shrink: 0;}
    #Footer .footerInfo ul li,
    #Footer .bottomRate .num {font-size: 0.24rem;}
}

/*popUpContact*/
#popUpContact {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);color:#000;z-index: 101;display: none;}
#popUpContact .container {position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 90%;border-radius: 0.2rem;padding:0.9rem 0.6rem;background: #f3f7f4}
#popUpContact .closeBtn {position: absolute;width: 0.45rem;height: 0.45rem;top: 0.3rem;right: 0.3rem;border-radius: 50%;background: url("../images/closeBtn.png") no-repeat center/0.16rem #2a6e3a;cursor: pointer;z-index: 102;transition: 0.3s;}
#popUpContact .word h3 {margin-bottom: 0.2rem;font-size: 0.48rem;}
#popUpContact .word .desc {margin-bottom: 0.3rem;font-size: 0.2rem;line-height: 1.6;}
#popUpContact .word h4 {margin-bottom: 0.2rem;font-size: 0.3rem;color: #2a6e3a;}
#popUpContact .word h5 {margin-bottom: 0.2rem;font-size: 0.2rem;}
#popUpContact .word p {margin-bottom: 0.2rem;font-size: 0.2rem;}
#popUpContact .word .followUs {margin-top: 0.5rem;padding-top: 0.4rem;border-top: 1px solid #dddddd;}
#popUpContact .word .followUs b {font-size: 0.24rem;}
#popUpContact .word .followUs ul {margin-top: 0.1rem;}
#popUpContact .word .followUs li a {display: block;width: 0.5rem;height: 0.5rem;margin-right: 0.1rem;border: 1px solid #2a6e3a;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: 0.18rem;}
#popUpContact .word .followUs li a.linkedin {background-image: url("../images/share_icon1_h.png")}
#popUpContact .form dl {margin-bottom: 0.3rem;}
#popUpContact .form .row2 {display: flex;justify-content: space-between;}
#popUpContact .form .row2 dd {width: 48.5%;}
#popUpContact .form .row2 dd:first-child {margin-right: 3%;}
#popUpContact .form .err {margin-right: 5px;font-style: normal;font-size: 0.2rem;color: #ff0000;}
#popUpContact .form .text {width: 100%;border:0;line-height: 0.4rem;padding: 0 0.1rem;border-radius: 5px;}
#popUpContact .form .selectBox {position: relative;}
#popUpContact .form .selectBox::after {content:'';position: absolute;top:50%;right:0.2rem;width:0.14rem;height:0.08rem;margin-top:-0.04rem;background: url("../images/arrow_down.png") no-repeat center/contain;}
#popUpContact .form .selectBox .nice-select {width: 100%;border:0;}
#popUpContact .form .selectBox .nice-select:after {width: 8px;height: 8px;border-color:#000;}
#popUpContact .form .selectBox .nice-select .list,
#popUpContact .form .selectBox .nice-select .option{width: 100%;}
#popUpContact .form .selectBox .nice-select .option{width: 100%;}
#popUpContact .form select {width: 100%;border:0;line-height: 0.4rem;padding: 0 0.5rem 0 0.1rem;border-radius: 5px;}
#popUpContact .form .textarea {width: 100%;height: 0.8rem;border:0;line-height: 1.6;padding: 0.1rem;border-radius: 5px;}
#popUpContact .form .name {margin-bottom: 0.1rem;font-size: 0.18rem;line-height: 0.3rem;}
#popUpContact .form .agree {display: flex;justify-content: center;}
#popUpContact .form .agree label {display: flex;cursor: pointer;line-height: 0.22rem;}
#popUpContact .form .agree input[type="radio"]{display: none;}
#popUpContact .form .agree .box {flex-shrink:0;position: relative;width: 0.2rem;height: 0.2rem;margin-right: 5px;border: 1px solid #e5e5e5;border-radius:3px;background-color: #fff;}
#popUpContact .form .agree input:checked + span {background-color: #2a6e3a;}
#popUpContact .form .agree input:checked + span::after {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../images/icon_gou.png") no-repeat center/0.1rem;filter: brightness(0) invert(1)}
#popUpContact .form .agree a {margin-left: 8px;text-decoration: underline;color: #2a6e3a;}
#popUpContact .form .submitBtn {line-height: 0.5rem;text-align: center;color: #fff;font-size: 0.18rem;font-weight: 700;border-radius: 50px;background-color: #2a6e3a;cursor: pointer;}
@media (min-width: 1025px) {
    #popUpContact .popUpContact-content {display: flex;}
    #popUpContact .word {width: 37.7%;}
    #popUpContact .form {width: 62.3%;padding-left: 1rem;}
}
@media (max-width: 1024px) {
    #popUpContact .closeBtn {width: 0.66rem;height: 0.66rem;background-size: 0.26rem}
    #popUpContact .word {display: none;}
    #popUpContact .form .text {font-size: 0.24rem;line-height: 0.6rem;}
    #popUpContact .form select {font-size: 0.24rem;line-height: 0.6rem;padding-right: 0.44rem;}
    #popUpContact .form .name {font-size: 0.24rem;}
    #popUpContact .form .agree {flex-wrap: wrap;justify-content: flex-start;text-align: left;}
    #popUpContact .form .agree label {width: 100%;line-height: 1.6;}
    #popUpContact .form .agree .box {width: 0.3rem;height: 0.3rem;margin-top:0.03rem;}
    #popUpContact .form .agree input:checked + span::after {background-size: 0.2rem;}
    #popUpContact .form .agree a {width: 100%;margin-left: 0;text-align: right;}
    #popUpContact .form .submitBtn {line-height: 0.8rem;font-size: 0.26rem;}
}


/*About*/
.About{margin-top: 1rem;}
.AboutIntro {margin-bottom: 1rem;}
.AboutIntro .text h3 {margin-bottom: 0.2rem;font-size: 0.4rem;line-height: 1.25;}
.AboutIntro .text p {font-size: 0.18rem;line-height: 1.7;}

.AboutList {margin-bottom: 1.2rem;}
.AboutList li .imgBox img {transition: 0.5s;}
.AboutList li .imgBox:hover img {transform: scale(1.05)}
.AboutList li .text {padding: 0 1.2rem;}
.AboutList li .text h3 {margin-bottom: 0.3rem;font-size: 0.4rem;line-height: 1.25;}
.AboutList li .text p {font-size: 0.18rem;line-height: 1.7;}
@media (min-width: 1025px) {
    .AboutIntro .text {width: 48.5%;}
    .AboutIntro .img {width: 45%;}

    .AboutList li {display: flex;align-items: center}
    .AboutList li:nth-child(2n) {flex-direction: row-reverse;}
    .AboutList li:not(:last-child) {margin-bottom: 0.8rem;}
    .AboutList li .imgBox,
    .AboutList li .text {width: 50%;}
    .AboutList li .imgBox {height:5.2rem;overflow: hidden;}
    .AboutList li .imgBox img {width: 100%;height: 100%;object-fit: cover;}
    .AboutList li:nth-child(2n-1) .imgBox {border-radius:0 2.6rem 2.6rem 0;}
    .AboutList li:nth-child(2n) .imgBox {border-radius:2.6rem 0 0 2.6rem;}
}
@media (max-width: 1024px) {
    .About{margin-top: 0.6rem;}
    .AboutIntro {flex-wrap: wrap;margin-bottom: 0.6rem;}
    .AboutIntro .text {margin-bottom: 0.4rem;}
    .AboutIntro .text h3 {font-size: 0.3rem;}
    .AboutIntro .text p {font-size: 0.24rem;}

    .AboutList {margin-bottom: 0.6rem;}
    .AboutList li:not(:last-child) {margin-bottom: 0.4rem;}
    .AboutList li .text {padding: 0.5rem 0.6rem;}
    .AboutList li .text h3 {font-size: 0.3rem;}
    .AboutList li .text p {font-size: 0.24rem;}
}

/*Culture*/
.Culture{padding: 1rem 0 1.2rem;background: url("../images/culture_bg.jpg") no-repeat left top;}
.CultureVision {margin-bottom: 0.9rem;}
.CultureVision .text h3 {margin-bottom: 0.2rem;font-size: 0.48rem;line-height: 1.25;}
.CultureVision .text p {font-size: 0.18rem;line-height: 1.7;}

.CultureMission {position: relative;}
.CultureMission .text {padding-right: 1.3rem;}
.CultureMission .text h3 {margin-bottom: 0.3rem;font-size: 0.4rem;line-height: 1.25;}
.CultureMission .text p {font-size: 0.18rem;line-height: 2;}
@media (min-width: 1025px) {
    .CultureVision .text {width: 40.7%;}
    .CultureVision .img {width: 50.7%;}

    .CultureMission .textWrapper {height: 5.6rem;}
    .CultureMission .text {width: 48.57%;}
    .CultureMission .imgBox {position: absolute;right:0;top:0;width: 9.8rem;height:5.6rem;max-width: 50%;border-radius:0.5rem 0 0 0.5rem;overflow: hidden;}
    .CultureMission .imgBox img {width: 100%;height: 100%;object-fit: cover;}
}
@media (max-width: 1760px) {
    .CultureMission .textWrapper,
    .CultureMission .img {height: 4.7rem;}
}
@media (max-width: 1024px) {
    .Culture{padding: 0.6rem 0;}
    .CultureVision {flex-wrap: wrap;margin-bottom: 0.6rem;}
    .CultureVision .text {margin-top: 0.4rem;}
    .CultureVision .text h3 {font-size: 0.3rem;}
    .CultureVision .text p {font-size: 0.24rem;}

    .CultureMission .textWrapper,
    .CultureMission .img {height: auto;}
    .CultureMission .text {padding: 0.4rem 0 0.2rem 0 ;}
    .CultureMission .text h3 {margin-bottom: 0.2rem;font-size: 0.3rem;}
    .CultureMission .text p {font-size: 0.24rem;}
}

/*Place*/
.Place .dots {position: relative;}
.Place .dots::after {content:'';display: block;width:0.12rem;height:0.12rem;border-radius:50%;background-color:#2a6e3a;}
.Place .map .dots::before {position: absolute;content:'';display: block;width:0.12rem;height:0.12rem;top: 50%;left: 50%;transform:translate(-50%,-50%);border-radius:50%;background-color:#2a6e3a;animation: dots 3s 1.5s linear infinite;}
.Place .map .dots i {position: absolute;content:'';display: block;width:0.12rem;height:0.12rem;top: 50%;left: 50%;border-radius:50%;background-color:#2a6e3a;animation: dots 3s linear infinite;}
.Place .map {position: relative;z-index: 10;}
.Place .map .points li {position: absolute;cursor: pointer;}
.Place .map .points li.star .dots {width:0.2rem;height:0.2rem;background: url("../images/icon_star.png") no-repeat center/contain;}
.Place .map .points li.star .dots::before,
.Place .map .points li.star .dots::after {display: none;}
.Place .map .points li .name {position: absolute;line-height: 1;font-size: 0.18rem;color: #2a6e3a;white-space: nowrap;}
.Place .map .points li.star .name {color:#d81616;}
.Place .map .points li .text_top .name {top:-0.2rem;left:50%;transform: translateX(-50%)}
.Place .map .points li .text_left .name {right:0.2rem;top: 50%;transform: translateY(-50%);}
.Place .map .points li .text_right .name {left:0.2rem;top: 50%;transform: translateY(-50%);}
.Place .map .points li .text_bottom .name {bottom:-0.2rem;left:50%;transform: translateX(-50%)}


.Place .textWrapper {position: absolute;top: 50%;left: 0;transform:translateY(-30%);width: 100%;}
.Place .textWrapper .hd li {display: none;}
.Place .textWrapper .hd h3 {margin-bottom: 0.3rem;font-size: 0.36rem;}
.Place .textWrapper .hd .company {margin-bottom: 0.3rem;font-size: 0.3rem;}
.Place .textWrapper .hd .address {margin-bottom: 0.8rem;font-size: 0.24rem;}
.Place .textWrapper .remark dl {display: flex;}
.Place .textWrapper .remark dl dd:not(:last-child) {margin-right: 0.4rem;}
.Place .textWrapper .remark dl .icon {display: flex;align-items:center;margin-bottom: 0.1rem;height: 0.18rem;}
.Place .textWrapper .remark dl .icon img {height: 0.18rem;}
@keyframes dots{
    0% {transform:  translate(-50%,-50%) scale(1);opacity: .6;}
    80% {transform:  translate(-50%,-50%) scale(2.8);opacity: 0;}
    100% {transform:  translate(-50%,-50%) scale(1);opacity: 0;}
}
@media (min-width: 1025px) {
    .Place {position: relative;display: flex;justify-content: flex-end}
    .Place .map {width: 66%;}
    .Place .textWrapper .hd {max-width: 40%;}
    .Place .textWrapper .hd h3 {max-height: 1.62rem;overflow: hidden;}
}
@media (max-width: 1024px) {
    .Place .textWrapper {position: relative;top:0;transform:none;padding: 0.2rem 0;}
    .Place .textWrapper > div {display: flex;flex-direction: column-reverse;}
    .Place .textWrapper .remark {margin-bottom: 0.4rem;}
    .Place .textWrapper .remark dl .icon ,
    .Place .textWrapper .remark dl .icon img {height: 0.24rem;}
    .Place .textWrapper .remark dl .icon.dots::after {width: 0.16rem;height: 0.16rem;}
    .Place .textWrapper .hd h3 {margin-bottom: 0.1rem;font-size: 0.3rem;}
    .Place .textWrapper .hd .company {margin-bottom: 0.1rem;font-size: 0.24rem;}
    .Place .textWrapper .hd .address {font-size: 0.24rem;}
}

/*Product*/
.Product {padding: 1rem 0 1.2rem;}
.productBanner .text {top:14%;transform: translateX(-50%);height: 100%;overflow: hidden;}
.productBanner .text > div {display: flex;flex-direction: column;align-items: center;}
.productBanner .text .subTit {margin-bottom: 0.3rem;font-size: 0.3rem;}
.productBanner .text .img {height: 4.62rem;margin-bottom: 0.3rem;}
.productBanner .text dl {display: flex;justify-content: space-between;width: 100%;text-align: center;}
.productBanner .text dl b {display: block;margin-bottom: 0.1rem;font-size: 0.4rem;}
.productBanner .text dl span {display: block;font-size: 0.18rem;}

.ProductDropList {margin-bottom: 1.2rem;}
.ProductDropList .text h4 {margin-bottom: 0.3rem;font-size: 0.36rem;}
.ProductDropList .text li {border-bottom: 1px solid #eeeeee;}
.ProductDropList .text li .name {padding:0.2rem 0;font-size: 0.2rem;cursor: pointer;transition: 0.3s;}
.ProductDropList .text li .content {margin-bottom: 0.4rem;font-size: 0.18rem;overflow:hidden;display: none;}
.ProductDropList .text li.on {color: #2a6e3a;}
.ProductDropList .text li.on .name {font-weight: 700;}

.ProductList .innerTitle {padding-bottom: 0;font-size: 0.36rem;border-bottom: 0;}
.ProductList .innerTitle::after {display: none;}
.ProductList .swiper-list {position: relative;}
.ProductList .swiper a {display: flex;padding: 0.5rem 0.4rem 0.5rem 0.5rem;border-radius:0.2rem;background-color: #f3f5f4;}
.ProductList .swiper .imgBox {flex-shrink:0;width: 26.55%;height: 3.2rem;}
.ProductList .swiper .imgBox img {object-fit: contain;}
.ProductList .swiper .text {width: 73.45%;padding-left: 0.4rem;padding-top: 0.1rem;}
.ProductList .swiper .text h5 {margin-bottom: 0.05rem;color: #2a6e3a;}
.ProductList .swiper .text h4 {margin-bottom: 0.1rem;font-size: 0.2rem;}
.ProductList .swiper .text dl {height: 1.66rem;overflow: hidden;}
.ProductList .swiper .text dd {color: #000;}
.ProductList .swiper .text .btn {display: flex;align-items:center;justify-content:center;width:1.7rem;line-height: 0.45rem;margin-top:0.2rem;font-size: 0.14rem;color:#fff;border-radius:50px;background-color: #2a6e3a;transition: 0.3s;}
.ProductList .swiper .text .btn::after {content:'';width: 0.24rem;height: 0.16rem;margin-left: 0.1rem;background: url("../images/icon_download.png") no-repeat center/contain; }
.ProductList .swiper .text .btn:hover {background-color: #184e24;}
.ProductList .swiper-button-prev,
.ProductList .swiper-button-next {position: absolute;top:50%;width: 0.6rem;height: 0.6rem;transform:translateY(-50%);border-radius: 50%;background-color:#e2e7e5;cursor: pointer;transition: 0.3s;}
.ProductList .swiper-button-prev {left: -0.9rem;}
.ProductList .swiper-button-next {right: -0.9rem;}
.ProductList .swiper-button-prev::after,
.ProductList .swiper-button-next::after {content:'';position: absolute;width: 0.12rem;height: 0.10rem;top:50%;left:50%;transform:translate(-50%,-50%);background-repeat: no-repeat;background-position: center;background-size: contain;}
.ProductList .swiper-button-prev::after {background-image: url("../images/swiper_l.png")}
.ProductList .swiper-button-next::after {background-image: url("../images/swiper_r.png")}
.ProductList .swiper-button-prev:hover,
.ProductList .swiper-button-next:hover {background-color: #f29600;}
/*.ProductList .swiper-button-prev:hover::after,
.ProductList .swiper-button-next:hover::after {filter: brightness(0) invert(1)}*/
@media (min-width: 1025px) {
    .ProductDropList .item {display: flex;align-items: center;}
    .ProductDropList .item:not(:last-child) {margin-bottom: 0.8rem;}
    .ProductDropList .item:nth-child(2n-1) {flex-direction: row-reverse;}
    .ProductDropList .item:nth-child(2n-1) .imgBox {border-radius:0.5rem 0 0 0.5rem;overflow: hidden;}
    .ProductDropList .item:nth-child(2n) .imgBox {border-radius:0 0.5rem 0.5rem 0;overflow: hidden;}
    .ProductDropList .item .imgBox,
    .ProductDropList .item .text {width: 50%;}
    .ProductDropList .item .text {padding: 0 1.2rem;}
    .ProductDropList .text li .content {max-height:1.84rem;}

    .ProductList .swiper .text dd {line-height: 2.2;font-size: 0.15rem;}
    .ProductList .swiper .text .btn {font-size: 0.14rem;}
}
@media (max-width: 1760px) {
    .productBanner .text .img {height: 3.52rem;}
}
@media (max-width: 1024px) {
    .Product {padding: 0.6rem 0;}
    .productBanner .text {top:0;padding-top: 20%;padding-right: 0;}
    .productBanner .text .img {height: 2.92rem;}
    .productBanner .text dl {flex-wrap: wrap;}
    .productBanner .text dl dd {width: 40%;}
    .productBanner .text dl dd:nth-child(2) ~ dd {margin-top: 0.3rem;}
    .productBanner .text dl b {font-size: 0.3rem;}
    .productBanner .text dl span {font-size: 0.24rem;}

    .ProductDropList {margin-bottom: 0.4rem;}
    .ProductDropList .text {padding: 0.4rem;}
    .ProductDropList .text li .name {font-size: 0.26rem;}
    .ProductDropList .text li .content {font-size: 0.24rem;}

    .ProductList .swiper .text h5 {font-size: 0.24rem;}
    .ProductList .swiper .text h4 {font-size: 0.26rem;}
    .ProductList .swiper .text .btn {width: 2.5rem;line-height: 0.7rem;font-size: 0.24rem;}
    .ProductList .swiper .text .btn::after {width: 0.32rem;height: 0.26rem;}
    .ProductList .swiper .text dl {height: 3rem}
    .ProductList .swiper .text dl dd {margin-bottom: 0.1rem;}
    .ProductList .swiper-button-prev ,
    .ProductList .swiper-button-next {display: none;}
    .ProductList .swiper-pagination {text-align:center;margin-top: 0.3rem;}
    .ProductList .swiper-pagination .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;margin: 0 3px;border-radius:50%;background-color: #2a6e3a;opacity: 0.3;}
    .ProductList .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
}


/*Download*/
.Download {padding: 1rem 0 1.2rem;}
.Download .innerTitle {margin-bottom: 0.6rem;font-size: 0.36rem;padding-bottom: 0;border-bottom: 0;}
.Download .innerTitle::after {display: none;}
.Download-list {min-height: 4rem;}
.Download-list dl:not(:last-child) {margin-bottom: 0.5rem;}
.Download-list dt {margin-bottom: 0.2rem;font-size: 0.2rem;font-weight: 700;}
.Download-list dd {display: flex;justify-content:space-between;align-items:center;padding: 0.28rem 0.4rem;border-radius: 0.1rem;border:1px solid #ededed;background-color: #f2f3f5;}
.Download-list dd:not(:last-child) {margin-bottom: 0.2rem;}
.Download-list dd .text {width: 60%;}
.Download-list dd .text .name {margin-bottom: 0.1rem;}
.Download-list dd .text time {color: #666666;}
.Download-list dd .btns {display: flex;align-items:center;}
.Download-list dd .btns a {display: flex;align-items:center;justify-content:center;padding: 0 0.24rem;line-height: 0.45rem;font-size: 0.14rem;color:#fff;border-radius:50px;background-color: #a7b1aa;transition: 0.3s;}
.Download-list dd .btns .download {margin-left: 0.1rem;background-color: #2a6e3a;}
.Download-list dd .btns .download::after {content:'';width: 0.24rem;height: 0.16rem;margin-left: 0.1rem;background: url("../images/icon_download.png") no-repeat center/contain; }
.Download-list dd .btns a:hover {background-color: #2a6e3a;}
.Download-list dd .btns a.download:hover {background-color: #184e24;}
@media (min-width: 1025px) {
    .Download  .container {display: flex;}
    .Download-list {width: 78.6%;padding-left: 0.8rem;border-left:1px solid #eeeeee}
    .Download-list dd .name {font-size: 0.18rem;}
}
@media (max-width: 1024px) {
    .Download {padding: 0.5rem 0;}

    .Download-list dt {font-size: 0.26rem;}
    .Download-list dd {display: block;}
    .Download-list dd .text {width: 100%;}
    .Download-list dd .btns {margin-top: 0.3rem;}
    .Download-list dd .btns a {padding: 0 0.4rem;line-height: 0.7rem;font-size: 0.24rem;}
    .Download-list dd .btns .download::after {width: 0.34rem;height: 0.26rem;}
}

/*Career*/
.Career {padding: 1rem 0 1.2rem;}
.Career-list dl {border-radius: 0.1rem;background-color: #f2f3f5;}
.Career-list dl:not(:last-child) {margin-bottom: 0.2rem;}
.Career-list dt {position: relative;display: flex;justify-content:space-between;align-items:center;padding: 0.2rem 0.8rem 0.2rem 0.3rem;cursor: pointer;}
.Career-list dt::after {content:'';position: absolute;top: 50%;right:0.3rem;width: 0.14rem;height:0.08rem;transform:translateY(-50%) rotate(-90deg);background: url("../images/arrow_down.png") no-repeat center/contain;transition: 0.3s;}
.Career-list dl.on dt::after {transform:translateY(-50%) rotate(0deg);}
.Career-list dl .address {width: 18%;padding: 0.14rem 0.05rem;border-radius:0.05rem;border:1px solid #000;font-weight: 700;text-align:center;overflow: hidden;}
.Career-list dt .name {width: 78%;font-weight: 700;}
.Career-list dd {padding: 0.4rem 0.5rem 0.6rem;border-top:1px solid #e5e5e5;display: none;}
.Career-list dd h5 {margin-bottom: 0.1rem;}
.Career-list dd .btn {display: block;width: 2.4rem;line-height: 0.5rem;margin-top: 0.4rem;text-align: center;color: #fff;border-radius: 50px;background-color: #2a6e3a;transition: 0.3s;}
.Career-list dd .btn:hover {background-color: #184e24;}
@media (min-width: 1025px) {
    .Career  .container {display: flex;}
    .Career-list {width: 78.6%;padding-left: 0.8rem;}
    .Career-list dl .address {font-size: 0.14rem;}
    .Career-list dt .name {font-size: 0.18rem;}
    .Career-list dt:hover .name {color: #2a6e3a;}
    .Career-list dd .address {display: none;}
    .Career-list dd h5 {font-size: 0.18rem;}
    .Career-list dd p {line-height: 2.5;}
}
@media (max-width: 1024px) {
    .Career {padding: 0.5rem 0;}
    .Career-list dl .address {width: auto;padding: 0.02rem 0.2rem;margin-top:0.1rem;font-weight: 400;}
    .Career-list dt {flex-wrap: wrap;}
    .Career-list dt::after {width: 0.24rem;height: 0.18rem;}
    .Career-list dt .address {display: none;}
    .Career-list dt .name {width: 100%;max-height:0.8rem;white-space: normal;overflow: hidden;}
    .Career-list dt .name,
    .Career-list dd h5 {font-size: 0.26rem;}
    .Career-list dd .address {display: inline-block;margin-bottom: 0.2rem;}
    .Career-list dd .btn {width: 100%;line-height: 0.8rem;}

}

.h130 {height: 1.3rem;}
@media (max-width: 1024px) {
    .h130 {height: 1.1rem;}
}

/*NewsDetail*/
.NewsDetail {padding-bottom: 1rem;}
.NewsDetail .title {margin-bottom: 3%;padding-bottom: 3%;border-bottom: 1px solid #e5e5e5;}
.NewsDetail .title h3 {margin-bottom: 2%;font-size: 0.36rem;text-align: center;}
.NewsDetail .title .time_wrap {text-align: center;}
.NewsDetail .title .time_wrap span {display: inline-block;line-height: 0.22rem;padding-left: 0.3rem;background: url("../images/icon_date.png") no-repeat left center/0.22rem;}
.NewsDetail .info a {color: #2a6e3a;text-decoration: underline;}
.NewsDetail .page_pn {margin-top: 0.4rem;padding-top: 0.4rem;border-top: 1px solid #e5e5e5;}
.NewsDetail .page_pn > div {display: flex;}
.NewsDetail .page_pn .prev {margin-bottom: 0.1rem;}
.NewsDetail .page_pn aside {flex-shrink: 0;margin-right: 0.1rem;}
.NewsDetail .page_pn a {}
.NewsDetail .page_pn a:hover {color: #2a6e3a;}
@media (min-width: 1025px) {
    .NewsDetail .info p {line-height: 2;font-size: 0.18rem;}
}
@media (max-width: 1024px) {
    .NewsDetail .info h4 {font-size: 0.26rem;}
}


.trx_30 {transform: translateX(20px);opacity: 0;transition: 1.2s;}
.try_30 {transform: translatey(20px);opacity: 0;transition: 1.2s;}
.delay1 {transition-delay: 1s;}
.delay14 {transition-delay: 1.4s;}
.ani .trx_30 {transform: translateX(0);opacity: 1;}
.ani .try_30 {transform: translateY(0);opacity: 1;}
.pic, .pic_ani {overflow: hidden;}
.pic figure, .pic_ani figure {transition: .5s;}
.pic:hover figure,
.pic_ani:hover figure {transform: scale(1.05);}


/*innerPage */
.innerPage {padding: 0.5rem 0 0 0;text-align: center;position: relative;}
.innerPage .Pages a.a_first,
.innerPage .Pages a.a_end,
.innerPage .Pages > span:not(.p_page) {display: none;}
.innerPage .Pages em {float: left;font-style: normal;}
.innerPage .Pages .p_page {display: table;margin: 0 auto;}
.innerPage .Pages a {float: left;line-height: .5rem;width: .5rem;margin: 0 0.05rem;color: #333;border-radius:0.1rem;background-color: #f5f5f5;}
.innerPage .Pages a.a_cur,
.innerPage .Pages a:hover {color: #fff;background: #2a6e3a;}
.innerPage .Pages .p_page > a {width: 0.5rem;height: 0.5rem;position: relative;}
.innerPage .Pages .p_page .a_prev {background: url("../images/page_l.png") no-repeat center/0.08rem #f5f5f5;}
.innerPage .Pages .p_page .a_next {background: url("../images/page_r.png") no-repeat center/0.08rem #f5f5f5;}
.innerPage .Pages .p_page .a_prev:hover {background-image: url("../images/page_l_w.png");background-color: #2a6e3a;}
.innerPage .Pages .p_page .a_next:hover {background-image: url("../images/page_r_w.png");background-color: #2a6e3a;}
.innerPage.circle .Pages a {width: 0.4rem;height: 0.4rem;line-height: 0.4rem;border-radius: 30px;font-size: 12px;background-color: #fff;}
.innerPage.circle .Pages a.a_cur,
.innerPage.circle .Pages a:hover{width: 0.4rem;height: 0.4rem;line-height: 0.4rem;border-radius: 50%;background-color: #2a6e3a;}
.innerPage.circle .Pages .p_page > a {height: 0.4rem;background-size: 0.06rem;background-color: #fff;}
@media (max-width: 1024px) {
    .innerPage {padding: 6vw 0 8vw 0;}
    .innerPage .Pages a {margin: 0 .05rem;}
    .innerPage .Pages a,
    .innerPage .Pages .p_page > a {width: .7rem;line-height:.7rem;height:.7rem;padding: 0;font-size: .22rem;}
    .innerPage.circle .Pages a,
    .innerPage.circle .Pages a.a_cur,
    .innerPage.circle .Pages .p_page > a{width: 0.7rem;height: 0.7rem;line-height: 0.7rem;}
    .innerPage.circle .Pages .p_page > a{background-size: 0.12rem;}
}


.Search {padding-bottom: 0.6rem;}
.Search li {padding: 1% 0;border-bottom:1px solid #eee;}
@media (max-width: 1024px) {
    .Search li {padding: 0.2rem 0;}
}
