@charset "UTF-8";
@import url(reset.css);

header{position: fixed;z-index: 100; left:0;top: 0;width: 100%;background-color: #fff;z-index: 100;}
header.opacity{background-color: rgba(255,255,255,0.5);}
header .auto-inner{position: relative;z-index: 1;}
header .logo{height: 1rem;}
header .logo .img{padding-right: 0.33rem;}
header .logo .img img{height: 0.8rem;}
header .logo .txt{padding-left: 0.34rem;border-left: 1px solid rgba(0,0,0,0.1);color: #55a979;transition: 0.3s;}
header .logo .txt .cn{font-family: 'YouSheBiaoTiHei'; font-size: calc(28 / 16 * 1em);}
header .logo .txt .en{font-size: calc(12 / 16 * 1em);font-style: italic;font-weight: 700;letter-spacing: 1px;}
header .logo .txt img{max-height: 0.5rem;}

.qui-pc-show{display: block!important;}
.qui-wap-show{display: none!important;}

@media (max-width:640px) {
.qui-pc-show{display: none!important;}
.qui-wap-show{display: block!important;}
}

@media (min-width:1025px) {
    header.no-text .logo .txt{opacity: 0;visibility: hidden; }
}
@media (max-width:1024px) {
    header .logo{height: 0.8rem;}
    header .logo .img img{height: 0.6rem;}
    header .logo .img{padding-right: 0.2rem;}
    header .logo .txt{padding-left: 0.15rem;}
}

.top-search{position: absolute;top: 100%; width: 100%; box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); background-color: #fff; padding-right: 0.5rem;padding-left: 0.15rem; right: 0;display: none;}
.top-search .btn{position: absolute;right: 0;top: 0;height: 100%;width: 0.5rem; background: url(../images/search.svg) no-repeat center center; background-size: auto 50%;}
.top-search .text{border: 0;width: 100%;display: block; height:calc(50 / 16 * 1em); line-height:calc(50 / 16 * 1em);color: #888;}
.top-search .text.focus{color: #333;}
@media (min-width:1025px) {
    .top-search{max-width: 4rem; }
}

.top-right{margin-left: calc(101 / 1920 * 100vw); }
.open-search{display: inline-block;width: 0.2rem; height: 0.2rem; background: url(../images/search.svg) no-repeat center center; background-size: contain; cursor: pointer;position: relative;transition: 0.3s;}
.open-search.on{ background: none;}
.open-search:before,
.open-search:after{position: absolute;content: ''; width: 100%; height: 3px;background-color: #019c43; top: 50%;left: 0;margin-top: -1.5px; opacity: 0; transition: 0.3s;}
.open-search.on:before{transform: rotate(-45deg);opacity: 1;}
.open-search.on:after{transform: rotate(45deg);opacity: 1;}
@media (min-width:1025px) {
    .top-right{line-height: 1rem;}
}
@media (max-width:1024px) {
    .top-right{display: flex;align-items: center; height: 0.8rem;}
    .open-search{width: 0.24rem; height: 0.24rem;}
}

menu li aside a{display: block;position: relative;}
menu li aside a:after{position: absolute;content: ''; width: 0;height: 4px;background-color: #019c43; bottom: 0; }
menu li aside a:hover:after,
menu li.aon aside a:after{width: 100%;transition: 0.3s;}
menu li.aon aside a{color: #019c43;}
menu li .sub{display: none;}
menu li .sub dl{padding: 0.1rem 0;}
menu li .sub dd{line-height: 2; font-size: calc(16 / 18 * 1em);}
menu li .sub dd a{display: block;transition: 0.3s;}
menu li .sub dd a:hover{color: #fff; background-color: #019c43;}

@media (min-width:1025px) {
    menu li{float: left;position: relative;}
    menu li:not(:last-child){margin-right: calc(60 / 1920 * 100vw);}
    menu li aside a{line-height: 1rem;}
    menu li aside a:after{left: 50%;transform: translateX(-50%); }
    menu li .sub{position: absolute; top: 100%; left: -0.2rem; right: -0.2rem; background-color: #fff; box-shadow: 0 0.05rem 0.05rem rgba(0,0,0,0.05); text-align: center;}
}
@media (max-width:1024px) {
    .top-menu{position: fixed;top: 0.8rem; left: -100%;opacity: 0;width: 50%;max-width: 3rem;background-color: #fff; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1); bottom: 0; padding-top: 0.2rem; transition: 0.5s;}
    .menu-show .top-menu{opacity: 1;left: 0;}
    menu{height: 100%; overflow: auto;padding:0 0.2rem;}
    menu li:not(:last-child){border-bottom: 1px solid #eee;}
    menu li aside{position: relative;  line-height: 2;  padding-right:  0.5rem; overflow: hidden; }
    menu li aside a{padding: 1em 0;}
    menu li aside a:hover:after,
    menu li.aon aside a:after{width: calc(100% + 0.5rem);}
    menu li aside a:after{left: 0;}
    menu li .sub{background-color: rgba(1, 156, 67, 0.1);}
    menu li .sub dd{line-height: 3;}
    menu li .sub dd a{display: flex;align-items: center; padding-left: 0.1rem;}
    menu li .sub dd a::before{display: inline-block; content: ''; width: 3px; height: 3px;background-color: #019c43; margin: 0 0.1rem;}
    .op{position: absolute;right: 0; width: 0.2rem; height: 0.2rem; background: url(../images/next.svg) no-repeat center center; background-size: auto 80%; top: 50%;margin-top: -0.1rem; transition: 0.3s;}
    .op.click{transform: rotate(90deg);}
    .open-menu{display: flex;width: 0.4rem; height: 0.24rem;flex-direction: column;flex-wrap: wrap;justify-content: space-between;margin-left: 0.2rem;}
    .open-menu i{display: block; height: 3px;background-color: #019c43;width: 100%; transition: 0.3s;}
    .menu-show  .open-menu i:nth-child(2){width: 80%;}
    .menu-show  .open-menu i:nth-child(3){width: 50%;}
}

.copyright,
.copyright a:not(:hover){color: #888;}
.copyright{background-color: #f5f5f5; padding: 0.45rem 0 0.35rem 0;}
.copyright nav a{display: inline-block;}
.copyright nav a:not(:last-child)::after{background-color: #e5e5e5;width: 1px; height: 0.1rem; display: inline-block; vertical-align: middle; margin: 0 0.1rem;content: '';}

footer{border-top: 1px solid #e5e5e5;}
footer .f-top nav dl{float: left; max-width: 110px;}
footer .f-top nav dl:not(:last-child){margin-right: calc(120 / 1920 * 100vw);}
footer .f-top nav dl > *{padding-left: 1em;}
footer .f-top nav dt{position: relative; margin-bottom: 0.35rem;}
footer .f-top nav dt a{font-size: calc(18 / 16 * 1em);font-weight: 700;}
footer .f-top nav dt:before{position: absolute; content: '';background-color: #019c43; width: 2px;height: 1em; left: 0;top: 50%;margin-top: -0.5em; left: 0;}
footer .f-top nav dd{line-height: calc(36 / 16 * 1em);}

footer .f-top .logo img{height: 1.1rem;}

footer .contact li aside{ margin-top: calc(12 / 36 * 1em);}
footer .contact li aside,
footer .contact li aside a{color: #019c43;}

footer .share dt{float: left;position: relative;z-index: 30;}
footer .share dt:not(:last-child){margin-right: 0.3rem;}
footer .share dt a{display: block;border: solid 1px #e5e5e5;width: 0.6rem; height: 0.6rem; border-radius: 50%; background-position: center center;background-repeat: no-repeat;background-size: auto 0.2rem; transition: 0.3s; cursor: pointer;}
footer .share dt.wx a{background-image: url(../images/wx.svg);}
footer .share dt.sina a{background-image: url(../images/sina.svg);}
footer .share dt.douyin a{background-image: url(../images/douyin.svg);}
footer .share dt a:hover{background-color: #019c43;}
footer .share dt.wx a:hover{background-image: url(../images/wx-on.svg);}
footer .share dt.sina a:hover{background-image: url(../images/sina-on.svg);}
footer .share dt.douyin a:hover{background-image: url(../images/douyin-on.svg);}
footer .share dt figure{position: absolute; width: 1.5rem; padding: 0.05rem; background-color: #fff; box-shadow: 0 00.05rem 0.1rem rgba(0,0,0,0.1);bottom: calc(100% + 0.1rem); left: 50%;margin-left: -0.75rem;display: none;}
footer .share dt figure:before{position: absolute;content: '';border: 5px solid transparent; border-top-color: #fff; left: 50%;margin-left: -5px; top: 100%;}
@media (min-width:1025px) {
footer .f-top{padding-top: 1.03rem;}
footer .f-mid{padding: 1.4rem 0 0.48rem 0;}
footer .contact{max-width: calc(95% - 2.4rem);}
footer .contact li{float: left;}
footer .contact li:not(:last-child){margin-right: calc(119 / 1920 * 100vw);}
}
@media (max-width:1024px) {
#home-footer{overflow: auto;}
footer{text-align: center; padding-top: 0.6rem;}
footer .f-top nav{display: none;}  
footer .contact li{margin: 0.4rem 0;}
footer .share {display: flex; justify-content: center; position: absolute;right: 0; top: -1.9rem;}
footer .share dt a{width: 0.8rem; height: 0.8rem;background-size: auto 40%;}
footer .records{margin-top: 0.3rem;}
footer .contact li{text-align: left; position: relative;border-bottom: 1px solid #f5f5f5; margin: 0 0 0.8rem 0; padding-bottom: 0.2rem;}
footer .contact li b.fs-18{font-size: 0.28rem;}
footer .contact li aside.fs-36{font-size: 0.5rem; margin-top: 0.1rem; line-height: 1;}
footer .contact li::after{position: absolute;right: 0; bottom: 0; width: 1.2rem; height:1.2rem;border-radius: 0.5rem 0 0 0; background-color: #f5f5f5; background-repeat: no-repeat; background-position: center center; background-size: auto 0.5rem; content: '';}
footer .contact li:nth-child(1):after{background-image: url(../images/wap-bottom1.png);}
footer .contact li:nth-child(2):after{background-image: url(../images/wap-bottom2.png);}
footer .contact li:nth-child(3):after{background-image: url(../images/wap-bottom3.png);}

footer .f-mid,
footer .f-top{width: auto;margin: 0 0.5rem;}
footer .f-mid{position: relative;z-index: 20;}
footer .f-top .logo{text-align: left; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.3rem; margin-bottom: 0.8rem;}
}

.fadeup{transform: translateY(0.3rem); opacity: 0; transition-duration: 1s;}
.fadeleft{transform: translateX(0.3rem); opacity: 0; transition-duration: 1s;}
.faderight{transform: translateX(-0.3rem); opacity: 0; transition-duration: 1s;}
.ani .fadeup{transform: translateY(0); opacity: 1;}
.ani .fadeleft{transform: translateX(0); opacity: 1;}
.ani .faderight{transform: translateX(0); opacity: 1;}
.ani [data-delay='0.5s']{transition-delay: 0.5s;}

@media (min-width:1025px) {
[class*=fp-viewing-]:not(.fp-viewing-banner) .active .fadeup,
[class*=fp-viewing-]:not(.fp-viewing-banner) .active .fadeleft,
[class*=fp-viewing-]:not(.fp-viewing-banner) .active .faderight{opacity: 1;}
[class*=fp-viewing-]:not(.fp-viewing-banner) .active .fadeup{transform: translateY(0); }
[class*=fp-viewing-]:not(.fp-viewing-banner) .active .fadeleft,
[class*=fp-viewing-]:not(.fp-viewing-banner) .active .faderight{transform: translateX(0); }

[class*=fp-viewing-]:not(.fp-viewing-banner) .active [data-delay='0.5s']{transition-delay: 0.5s;}
[class*=fp-viewing-]:not(.fp-viewing-banner) .active [data-delay='0.7s']{transition-delay: 0.7s;}
[class*=fp-viewing-]:not(.fp-viewing-banner) .active [data-delay='1s']{transition-delay: 1s;}
}
@media (max-width:1024px) {
    .section:not(#home-ban) .fadeup{transform: translateY(0); opacity: 1;}
    .section:not(#home-ban) .fadeleft,
    .section:not(#home-ban) .faderight{transform: translateX(0); opacity: 1;} 
}

#home-ban .slider .item{display: block!important; position: relative;z-index: 1; overflow: hidden;}
#home-ban .slider .Ispic{height: 100vh; transition: 30s linear;}
#home-ban .slider .ani .Ispic{ transform: scale(1.5);}
#home-ban .slider .url,
#home-ban [class*=txt-style-]{position: absolute; left: 0;top: 0;width: 100%;height: 100%;}
#home-ban .slider .url{z-index: 20;}
#home-ban [class*=txt-style-]{z-index: 10;color: #ffffff;}
#home-ban [class*=txt-style-] .text{font-weight: normal;font-family: 'YouSheBiaoTiHei'; line-height: calc(56 / 60 * 1em);font-size: calc(60 / 16 * 1em);margin: 0;}
#home-ban .txt-style-1{color: #fff;}
#home-ban .txt-style-1 .text :nth-child(2){padding-left: 1em;}
/*#home-ban .txt-style-1 .text aside b{color: #019c43;font-weight: normal;font-size: calc(70 / 60 * 1em);}*/
#home-ban .txt-style-1 .text aside strong{color: #019c43;font-weight: normal;font-size: calc(70 / 60 * 1em);}
#home-ban .txt-style-2{ color: #019c43; text-align: center;}
#home-ban .txt-style-2 .desc{font-size: calc(20 / 16 * 1em); margin-top: 0.14rem;}
#home-ban .txt-style-3{text-align: center; background-color: rgba(1,11,3,0.45);}
#home-ban .txt-style-3 .open-video{display: block;margin: 0 auto 0.3rem; width: 0.8rem; height: 0.8rem;background: url(../images/play.svg) no-repeat center center; background-size: contain; cursor: pointer;}
#home-ban .slick-dots{position: absolute;z-index: 30; left: 0;width: 100%;bottom: calc(50 / 960 * 100%); text-align: center; }
#home-ban .slick-dots li:not(.slick-active){background-color: #fff;}
#home-ban .slick-dots li.slick-active{width: 0.8rem; }
@media (min-width:1025px) {
#home-ban .slider .wap{display: none!important;}
#home-ban .txt-style-2{top: 1rem;}
#home-ban .txt-style-2 .cell-top{padding-top: calc(122 / 860 * 100vh);}
#home-ban .txt-style-3 .text{ letter-spacing: calc(24 / 60 * 1em);}
}
@media (max-width:1024px) {
#home-ban{margin-top: 1rem;}
#home-ban .slider .pc{display: none!important;}
#home-ban .slider img.wap{transition: 30s;}
#home-ban .slider .ani img.wap{transform: scale(1.3);}
#home-ban [class*=txt-style-] .text{ line-height: calc(46 / 50 * 1em);font-size: calc(50 / 16 * 1em);margin: 0;}
#home-ban .txt-style-2 .cell-top{padding-top:5vw;}
}

.video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);text-align:center;}
.video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;}
.video-box .close::before,
.video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.video-box video{ width:90%; max-width:1200px;}

[class*=fp-viewing-] #fp-nav.fp-left{left: 95px;}
[class*=fp-viewing-] #fp-nav ul li a span{background-color: #fff;}
[class*=fp-viewing-] #fp-nav ul li .fp-tooltip.fp-left{left: auto; right: calc(100% + 0.1rem); font-size: calc(14 / 16 * 1em);}
[class*=fp-viewing-] #fp-nav ul li a.active + .fp-tooltip.fp-left{width: auto;opacity: 1;}

@media (max-width:1200px) {
    .section{overflow: hidden; }
    .section .container{padding: 1rem 0;}
    .section,
    .section .fp-tableCell{height: auto!important;}
    #index-about .container{padding: 0;}
}

[class*=index-title]{text-align: center;margin-bottom: calc(57 / 960 * 100vh);}
[class*=index-title] .cn{font-size: calc(42 / 16 * 1em);}
[class*=index-title] .en{letter-spacing: 0.03rem; text-transform: uppercase;}
.index-title-white{color: #fff;}

[class*=all-more] a{display: inline-block;padding: 0 0.74rem 0 0.31rem; line-height: calc(50 / 16 * 1em); border-radius: 0.5rem; background-color: rgba(255,255,255,0.1); background-position: right 0.3rem center; background-repeat: no-repeat; background-image: url(../images/next.svg); background-size: auto 0.1rem; transition: 0.3s;}
[class*=all-more] a:hover{color: #fff; background-color: #019c43; background-image: url(../images/more.svg);padding-left: 0.5rem;}
.all-more-white a{background-image: url(../images/more.svg);color: #fff;}
.all-more-green a{color: #fff; background-color: #019c43;background-image: url(../images/more.svg);}

[id*=index-] .bg{position: absolute; left: 0;top: 0;width: 100%;bottom: 0;z-index: 1;}
[id*=index-] .container{position: relative;z-index: 3;}

#index-brand .list li{position: relative;}
#index-brand.active .list li:nth-child(2){transition-delay: 0.4s;}
#index-brand.active .list li:nth-child(3){transition-delay: 0.5s;}
#index-brand.active .list li:nth-child(4){transition-delay: 0.6s;}
#index-brand.active .list li:nth-child(5){transition-delay: 0.7s;}
#index-brand.active .list li:nth-child(6){transition-delay: 0.8s;}
#index-brand.active .list li:nth-child(7){transition-delay: 0.9s;}
#index-brand.active .list li{transform: translateX(0); opacity: 1;}
#index-brand .quan{ background: rgba(255,255,255,0.6);border-radius: 50%; text-align: center;z-index: 10;}
#index-brand .quan .main{padding-bottom: 100%;}
#index-brand .quan .main figcaption{position: absolute;  left: 0.05rem;right: 0.05rem;bottom: 0.05rem; top: 0.05rem;background-color: #fff;border-radius: 50%;}
#index-brand .quan .icon{margin-bottom: 0.2rem;}
#index-brand .quan .icon img{height: 0.5rem;}
#index-brand li .tit{height: calc((20 / 18 * 1em) * 2);font-size: calc(18 / 16 * 1em); line-height: calc(20 / 18 * 1em); display: flex;align-items: center; justify-content:  center;width: 100%;}
@media (min-width:1025px) {
    #index-brand .list li{width: calc((100% - 0.16rem * 6) / 7); height: calc(500 / 960 * 100vh);float: left; transform: translateX(0.3rem); opacity: 0; transition: 0.5s 0.3s; }
    #index-brand .list li:not(:nth-child(7n)){margin-right: 0.16rem;}
#index-brand .list li a > div{position: absolute; left: 0;width: 100%;}
    #index-brand .list li .img{ bottom: 0;height: 0; overflow: hidden; visibility: hidden;  border-radius: 0.96rem; background: rgba(255,255,255,0.6);transition: 0.3s; opacity: 0;}
    #index-brand .list li .img .Ispic{position: absolute; left: 0.05rem;right: 0.05rem;bottom: 0.05rem; top: 0.05rem;border-radius: 0.96rem; }
    #index-brand .list li.hover .img{height: 100%; visibility: visible; opacity: 1; transition-delay: 0.3s;}
    #index-brand .quan{bottom: calc(154 / 960 * 100vh); transition: 0.3s; }
    #index-brand li.hover .quan{background: transparent;bottom: 0;}
    #index-brand li.hover .quan .main figcaption{background-color: #019c43;color: #fff;}
    #index-brand li.hover .quan .icon .on,
    #index-brand li:not(.hover) .quan .icon .off{display: none;}
}
@media (max-width:1024px) {
    #index-brand .list{display: flex;flex-wrap: wrap;flex-direction: row; align-items: center;    justify-content: center;}
    #index-brand .list::after{display: none;}
    #index-brand .list li{width: calc((100% - 0.5rem) / 4); margin-bottom: 0.1rem;}
    #index-brand .list li:not(:nth-child(4n)){margin-right: 0.15rem;}
    #index-brand li .quan .icon .off{display: none;}
    #index-brand .quan .icon{margin-bottom: 0.1rem;}
    #index-brand .quan .icon img{height: 0.3rem;}
}

#index-history .all-more{text-align: center;}
#index-history .all-more a:not(:hover){background-color: rgba(0,0,0,0.05);}
#index-history .count-table{ margin-left: auto; margin-right: auto; max-width: 1200px;}
#index-history .count-table td{ position: relative;}
#index-history .count-table .inside{display: table;margin: 0 auto; font-size: calc(18 / 16 * 1em); text-align: center;}
#index-history .count-table .inside aside{ margin-bottom: 0.14rem;}
#index-history .count-table .counter{font-size: calc(60 / 18 * 1em); line-height: calc(46 / 60 * 1em); display: inline-block; font-weight: bold;}
#index-history .count-table .inside sub{font-size: 1em; display: inline-block; vertical-align: baseline; }
#index-history .count-table .inside sup{font-size: calc(35 / 18 * 1em); line-height: 0.5;
display: inline-block;vertical-align: top;}
@media (min-width:1025px) {
#index-history .container{padding-top: 1rem;}
#index-history .count-table{margin-top: calc(179 / 960 * 100vh); margin-bottom: calc(130 / 960 * 100vh);border-left: 1px solid rgba(0,0,0,0.1);}
#index-history .count-table td{padding: calc(44 / 960 * 100vh) 0;width: 20%;border-right: 1px solid rgba(0,0,0,0.1); }
}
@media (max-width:1024px) {
    #index-history .count-table{ margin-bottom: 0.4rem; background-color: rgba(255,255,255,0.35); border-radius: 0.2rem; padding: 0.3rem 0;}
    #index-history .count-table tr{display: flex; flex-wrap: wrap; justify-content: space-between;}
    #index-history .count-table td{display: block; padding: 0.5rem 0; width:calc(100% / 2)}
    #index-history .count-table td:nth-child(2n+1) .inside{padding-left: 0.9rem;}
    #index-history .count-table .inside{display: block; padding-left: 0.6rem; text-align: left;}
}

#index-about .container .wfl{position: relative;z-index: 1; overflow: hidden;}
#index-about .column-name .cn{font-size: calc(28 / 16 * 1em);}
#index-about .column-name .en{font-weight: 700;}
#index-about .intro .bg{transition: 0.5s;}
#index-about .intro:hover .bg{transform: scale(1.05); }
#index-about .intro .main{position: relative;z-index: 5; }
#index-about .intro  .desc{color: #555555; opacity: 0.8; line-height: calc(28 / 16 * 1em);}
#index-about .intro  .all-more a:not(:hover){background-color: rgba(255,255,255,0.2);}
#index-about .fast-enter li{float: left;width: 50%;position: relative; overflow: hidden;}
#index-about .fast-enter li .bg{z-index: -1; transition: 0.5s;}
#index-about .fast-enter li:hover .bg{transform: scale(1.1);}
#index-about .fast-enter li:nth-child(1) .column-name{color: #fff;}
#index-about .fast-enter li [class*=all-more]{position: absolute; left: calc(80 / 1920 * 100vw); bottom: calc(65 / 960 * 100vh);}
#index-about .fast-enter li [class*=all-more] a{padding-right: 0.5rem; background-position:  right 0.2rem center;}
#index-about .fast-enter li [class*=all-more] a:hover{padding-left: 0.4rem;}

#index-about .news{background-color: #f5f5f5;}
#index-about .news .slick-prev{display: none!important;}
#index-about .news .slick-next{left: calc(100% + (111 / 1920 * 100vw));}
#index-about .news .tit{font-size: calc(24 / 16 * 1em);font-weight: 700; margin-bottom: 1em;}
#index-about .news .item{display: block!important;}
#index-about .news .item p{margin: 0;color: #888888;line-height: calc(28 / 16 * 1em);}

@media (min-width:1025px) {
#index-about .container .wfl{width: 50%;}
#index-about .intro{height:calc(100vh - 1rem);}
#index-about .fast-enter,
#index-about .news{height: calc((100vh - 1rem) / 2);}
#index-about .fast-enter ul,
#index-about .fast-enter li{ height: 100%;}
#index-about .fast-enter li{padding: calc(80 / 960 * 100vh) calc(80 / 1920 * 100vw) 0; }
#index-about .intro .main{width: 720px; }
#index-about .intro  .column-name{padding: calc(80 / 960 * 100vh) 0 calc(58 / 960 * 100vh);}
#index-about .intro  .desc{width: calc(625 / 720 * 100%); margin-bottom: calc(80 / 960 * 100vh);}
#index-about .news .main{width: 722px; padding-left: calc(80 / 1920 * 100vw);}
#index-about .news .column-name{margin-bottom: calc(59 / 960 * 100vh);}
#index-about .news-dots{margin-top: calc(63 / 960 * 100vh);}
}
@media (min-width:1201px) {
    #index-about .container{height: 100vh; padding-top: 1rem;}
}
@media (min-width:1025px) and (max-width:1600px) {
    #index-about .intro .main{width: calc(704 / 800 * 100%);}
    #index-about .news .main{width: calc(722 / 800 * 100%);}
    #index-about .news .slick-next{left: calc(100% + (12/ 1920 * 100vw));}
}
@media (max-width:1024px) {
    #index-about .intro .main{padding: 0.4rem 0.4rem 2.5rem;}
    #index-about .fast-enter li{padding: 0.4rem 0.4rem 2rem;}
    #index-about .intro  .desc{margin: 0.2rem 0;}
    #index-about .fast-enter li [class*=all-more]{bottom: 0.4rem;}
    #index-about .news{padding: 0.4rem 1.4rem 0.4rem 0.4rem;}
    #index-about .news .column-name{margin-bottom: 0.3rem;}
}

#index-job .box li a{display: block;background-color: rgba(255,255,255,0.3); border-radius: 0.1rem; padding: 0.4rem;color: #fff; transition: 0.5s;}
#index-job .box li .more{padding-right: 0.15rem; background: url(../images/more.svg) no-repeat right center;display: inline-block; background-size: auto 0.1rem;transition: 0.5s;}
#index-job .box li .name{ margin-bottom: 0.5rem; background: url(../images/job-s.svg) no-repeat right center; background-size: auto 0.4rem;}
#index-job .box li:nth-child(2) .name{background-image: url(../images/job-r.svg);}
#index-job .box li .name .cn{font-size: calc(28 / 16 * 1em);}
#index-job .box li .name .en{font-weight: 700;}
#index-job .box li a:hover{background-color: #019c43;}
#index-job .box li a:hover .more{padding-right: 0.3rem;}
@media (min-width:641px) {
    #index-job .box li{width: calc((100% - 0.2rem) /2 ); float: left;}
    #index-job .box li:nth-child(2){float: right;}
}
@media (min-width:1201px) {
#index-job .container{padding-top: 1rem;}
#index-job .box{margin-top: calc(418 / 960 * 100vh);}
}
@media (max-width:640px) {
    #index-job .box li:not(:last-child){margin-bottom: 0.2rem;}
}

.top-margin{padding-top: 1rem;}
@media (max-width:1024px) {
    .top-margin{padding-top: 0.8rem;}  
}

.page-ban{position: relative;z-index: 1;}
.page-ban .txt{position: absolute; left: 0; top: 0;width: 100%;height: 100%;z-index: 10; text-align: right;font-size: calc(20 / 16 * 1em);color:#fff;font-style: italic;}
.page-ban .txt.green{color: #019c43;}
.page-ban .txt .cn{font-size: calc(48 / 20 * 1em);font-weight: 700;}
.page-ban .txt .en{font-weight: 500;letter-spacing: 0.02rem;}
.page-ban .Ispic{padding-bottom: calc(600 / 1920 * 100%);}

.nav-menu{background-color: #f8f8f8;}
.nav-menu li{font-size: calc(18 / 16 * 1em);}
.nav-menu li a{display: block; border-bottom: 0.04rem solid transparent; line-height: 0.76rem;}
.nav-menu li a:hover,
.nav-menu li.aon a{border-bottom-color: #019c43;} 
@media (min-width:1025px) {
.nav-menu li{float: left; }   
.nav-menu li:not(:last-child){margin-right: calc(96 / 1920 * 100vw);}
}
@media (max-width:1024px) {
    .nav-menu ul{overflow-x: auto; white-space: nowrap;}
    .nav-menu ul:after{display: none;}
    .nav-menu li{display: inline-block;}
    .nav-menu li:not(:last-child){margin-right: 0.3rem;}
}

.Current{line-height: 0.8rem; padding-left: 0.32rem; background: url(../images/home.svg) no-repeat left center; background-size: auto 0.18rem;}
.Current,
.Current a:not(:hover){color: #888888;}
.Current a{display: inline-block; padding-right: 0.25rem; margin-right: 0.17rem; background: url(../images/cur_a.svg) no-repeat right center; background-size: auto 0.11rem;}
@media (max-width:1024px) {
    .Current{display: none;}
}

.Content{padding: 1rem 0 0.88rem 0;}
.Content.npt{padding-top: 0;}

.about-main .intro{margin-bottom: 1.34rem;}
.about-main .intro .name{color: #019c43;font-size: calc(28 / 16 * 1em); font-weight: 700;}
.about-main .intro .name .tip{font-size: calc(18 / 28 * 1em); color: #888; font-weight: normal;}
.about-main .intro .edit-info{line-height: calc(28 / 16 * 1em);text-align: justify;}
.about-main .number li{font-size: calc(18 / 16 * 1em);color: #888;}
.about-main .number li aside{color: #019c43; margin-bottom: 0.14rem;}
.about-main .number li .counter{font-size: calc(60 / 18 * 1em); line-height: calc(46 / 60 * 1em);display: inline-block;vertical-align: sub; }
.about-main .number li sub{font-size: 1em;margin-left: 0.15rem;}
.about-main .number li sup{font-size: calc(35 / 18 * 1em); line-height: 0.5; display: inline-block;vertical-align: top;}
@media (min-width:1025px) {
    .about-main .intro .info{max-width: 6.4rem;}
    .about-main .intro .pic{width: calc(600 / 1440 * 100%);}
.about-main .number ul{display: table;margin: 0 auto;}
.about-main .number li{float: left;}
.about-main .number li:not(:last-child){margin-right: calc(219 / 1920 * 100vw);}
}
@media (max-width:1024px) {
    .about-main{margin: 0 2%;}
    .about-main .number ul:after{display: none;}
    .about-main .number ul{display: flex;flex-direction: row;flex-wrap: wrap;}
    .about-main .number li{width: 50%;display: flex;justify-content: center; flex-direction: column; align-items: center; margin: 0.3rem 0;}
    .about-main .intro{margin-bottom: 0.5rem;}
}

.about-intro{overflow: hidden; background-color: #f7f7f7;}
.about-intro .boxs{position: relative;z-index: 1;}
.about-intro .boxs .auto-inner{ position: relative;z-index: 5;}
.about-intro .boxs .title img{max-height: 0.44rem;}
.about-intro .boxs .title h3{margin:0.09rem 0 1em 0;color: #019c43;font-size: calc(24 / 16 * 1em);}
.about-intro .boxs  .edit-info{line-height: 2;text-align: justify;}
@media (min-width:1025px) {
.about-intro .boxs .bg{position: absolute; left: 0; top: 0;width: 100%; height: 100%;z-index: 0;}
.about-intro .boxs .auto-inner{height: 7rem;  }
.about-intro .boxs:nth-child(2n-1) [class*=ytable]{padding-left: 50%;}
.about-intro .boxs:nth-child(2n) [class*=ytable]{padding-right: 50%;}
}
@media (max-width:1024px) {
    .about-intro .boxs{padding-top: 0.3rem;}
    .about-intro .boxs .auto-inner{width: 90%;}
    .about-intro .boxs .bg{padding-bottom: 30%; margin: 0.2rem 0 0 0;}
    /* .about-intro .boxs .bg{background-size: 200% auto;}
    .about-intro .boxs:nth-child(2n-1) .bg{ background-position: left center;}
    .about-intro .boxs:nth-child(2n) .bg{ background-position: right center; } */
}

.col-name{text-align: center;font-size: 2em;padding: 0.5rem  0 0.4rem 0;text-align: center;}

.cultrue-main .box-1{padding-bottom: 1.22rem;}
.cultrue-main .box-1 .slider .item{text-align: center; }
.cultrue-main .box-1 .icon img{display: inline-block; height: 0.5rem;}
.cultrue-main .box-1 pre{color: #555555;font-size: calc(24 / 16 * 1em); line-height: calc(32 / 24 * 1em);text-align: center;}
.cultrue-main .box-1 h3{color: #019c43;font-size: calc(20 / 16 * 1em); margin: 0.15rem 0 0.39rem 0;}
@media (max-width:1024px) {
    .cultrue-main .box-1{padding-bottom: 0.8rem;}
    .cultrue-main .box-1 .col-name{font-size: 3em; font-weight: bold;padding: 2em 0;}
    .cultrue-main .box-1 .icon img{height: 0.8rem;}
    .cultrue-main .box-1 h3{font-size: 2em;}
    .cultrue-main .box-1 pre{font-size: calc(28 / 16 * 1em);}
}

.cultrue-main .box-1 .slick-arrow:not(:hover){background-color: #f5f5f5; }
.cultrue-main .box-1 .slick-prev{left: 0;}
.cultrue-main .box-1 .slick-next{right: 0;}
@media (min-width:641px) {
.cultrue-main .box-1 .slick-active .item{border-left: 1px solid #eee;}
.cultrue-main .box-1 .slick-current .item{border-left: 0;}    
}

.cultrue-main .box-2{background-color: #f8f8f8; padding-bottom: 1rem;}
.cultrue-main .box-2 .slider .txt{background-color: #fff;vertical-align: top;}
.cultrue-main .box-2 .num{color: #f5f5f5;font-size: calc(120 / 16 * 1em);font-weight: 700; line-height: calc(92 / 120 * 1em); margin-bottom: 0.37rem;}
.cultrue-main .box-2 pre{font-weight: 700;font-size: calc(24 / 16 * 1em);}
@media (min-width:1025px) {
.cultrue-main .box-2 .slider .pic{width: 50%;}
.cultrue-main .box-2 .slider .txt{padding: calc(80 / 1920 * 100vw); }
.cultrue-main .box-2 .slick-dots{position: absolute; left:calc(80 / 1920 * 100vw); bottom: calc(80 / 1920 * 100vw);z-index: 10;}
}
@media (max-width:1024px) {
    .cultrue-main .box-2 .col-name{font-size: 3em; font-weight: bold;padding: 2em 0;}
    .cultrue-main .box-2 .slider .txt{padding: 0.4rem;}
    .cultrue-main .box-2 .slick-dots{display: flex;justify-content: center; margin-top: 0.3rem;}
    .cultrue-main .box-2 pre{font-size: calc(28 / 16 * 1em);}
}

.col-name.border{border-bottom: 1px solid #eee;}
.history .left .item{position: relative;}
.history .right .title{font-size: calc(20 / 16 * 1em); margin-bottom: 1em;}
.history .left .item{font-size: calc(18 / 16 * 1em);color: #888888;position: relative; cursor: pointer;}
.history .left .year{ padding: 0.12rem 0; }
.history .left .item:not(.active) sub{display: none;}
.history .left .item.active{color: #019c43; font-size: 2em;}
.history .left .item sub{font-size: 0.5em;display: inline-block; vertical-align: baseline;}
.history .left .line{position: absolute;height: 1px;}
.history .left .line:before,
.history .left .line:after{position: absolute;content: '';border-radius: 50%; }
.history .left .line:before{width: 0.07rem; height: 0.07rem; background-color: #bbbbbb; }
.history .left .line:after{opacity: 0.2; width: 0.21rem;height: 0.21rem; }
.history .left .item.active .line{background-color: #019c43;}
.history .left .item.active .line:before{background-color: #019c43;width: 0.09rem;height: 0.09rem;}
.history .left .item.active .line:after{background-color: #019c43;}
@media (min-width:1025px) {
.history > div{padding-top: 0.6rem;}
.history .left{width: calc(420 / 1440 * 100%);border-right: 1px solid #eee; }
.history .right{width: calc(929 / 1440 * 100%);}
.history .left .item{padding-right: calc(172 / 1920 * 100vw);  text-align: right;}
.history .right .item{display: none;}
.history .right .item.active{display: block;}
.history .left{padding-bottom: 0.75rem;}
.history .left .line{width: calc(130 / 1920 * 100vw);right: 0; top: 50%; }
.history .left .line:before,
.history .left .line:after{top: 50%;transition: 0.3s;}
.history .left .line:before{right: -4px;margin-top: -3.5px;}
.history .left .line:after{right: -11px;margin-top: -10.5px;}
.history .left .item.active .line:before{right: -5px;margin-top: -4.5px;}
}
@media (max-width:1024px) {
.history .left{margin-bottom: 0.3rem;}
.history .left .slider{padding:0 0.5rem ;}
.history .left .slick-arrow{background-color: #f5f5f5;}
.history .left .slick-prev{left: 0;}
.history .left .slick-next{right: 0;}
.history .left .year{text-align: center; display: flex;justify-content: center; align-items: center; height: 1rem; padding-bottom: 0.2rem;}
.history .left .slick-current  .item{font-size: 2em;}
.history .left .slick-current  .year{color: #019c43;}
.history .left .line{left: 0;bottom: 0.12rem;width: 100%;background-color: #f5f5f5;}
.history .left .line:before,
.history .left .line:after{left: 50%;}
.history .left .line:before{bottom: -0.04rem;margin-left: -0.035rem;}
.history .left .line:after{bottom: -0.11rem;margin-left: -0.105rem;}
.history .left .slick-current .line{background-color: #019c43;}
.history .left .slick-current .line:before{background-color: #019c43;width: 0.09rem;height: 0.09rem;bottom: -0.05rem;margin-left: -0.045rem}
.history .left .slick-current .line:after{background-color: #019c43;}
.history .right .title,
.history .right .pic{padding: 0 0.5rem;}
.history .right .title{font-size: 1.5em;}
}


.honor .boxs{transition: 0.5s;}
.honor .boxs:hover{background-color: #f5f5f5;}
.honor .boxs .year{color: #019c43;font-size: 2em;}
.honor .boxs .year sub{font-size: 0.5em; display: inline-block; vertical-align: baseline;}
.honor .boxs:not(:last-child) .list ul{border-bottom: 1px solid transparent; }
.honor .boxs:not(:hover) .list ul{border-bottom-color: #eee;}
.honor .boxs .list li{line-height: calc(28 / 16 * 1em);cursor: pointer;}
/*.honor .boxs .list img{max-width: 3rem!important;margin-top: .2rem!important;display: block!important;}*/



.honor .quiimg{position: absolute;width: 2.8rem;right: 0;    top: 50%;
    transform: translateY(-50%);}
.honor .quiimg img{display: block;width: 100%;}

@media (min-width:1025px) {
.honor{position: relative;z-index: 1;}
.honor:before{position: absolute;content: '';width: 1px;height: 100%; background-color: #eee; top: 0;height: 100%;left: calc(420 / 1920 * 100vw - 1px);}  
.honor .boxs{padding: 0.5rem 0 0 0; }  
.honor .boxs:last-child{padding-bottom: 0.3rem;}
.honor .boxs .year{text-align: right;width: calc(420 / 1920 * 100vw); border-right: 0.05rem solid #019c43; padding-right: 0.3rem;}
.honor .boxs .list{width: calc(1140 / 1920 * 100vw);padding-right: 3rem;}
.honor .boxs:not(:last-child) .list ul{padding-bottom: 0.5rem;}


.honor .quiimg{display: none;}


}
@media (max-width:1024px) {
.honor .quiimg{position: relative;width: 2.8rem;right: 0;top: 0;margin: -.2rem 0 .3rem;transform: translateY(0);}
.honor .quiimg img{display: block;width: 100%;}

    .honor .boxs:after{display: none;}
    .honor .boxs{display: flex;justify-content: space-between;}
    .honor .boxs .year{width: 1.2rem; flex-shrink: 0; border-right: 1px solid #eee; padding-top: 0.2rem; position: relative;}
    .honor .boxs .year:after{position: absolute;right: -1px;top: 0.2rem;height: 1.2em; background-color: #019c43;width: 0.05rem;content: '';}
    .honor .boxs .list{flex: 1; padding-left: 0.3rem;}
    .honor .boxs .list ul{padding-top: 0.3rem;padding-bottom: 0.4rem;}
}

.list-more{display: inline-block;color: #888888;background: #fff url(../images/next.svg) no-repeat right 0.37rem center;font-size: calc(14 / 16 * 1em); padding: 0 0.54rem 0 0.3rem; line-height: 0.44rem;border-radius: 0.44rem; background-size: auto 0.1rem; transition: 0.3s;}
.list-more:hover{background-color: #019c43; background-image: url(../images/more.svg);background-position: right 0.2rem center; color: #fff;}

.news-list .box{background-color: #f8f8f8; margin-bottom: 0.2rem;}
.news-list .box .time > *{display: block;}
.news-list .box .time b{font-size: calc(52 / 16 * 1em);font-weight: normal;}
.news-list .box .time span{font-size: calc(18 / 16 * 1em);}
.news-list .box .pic figure{overflow: hidden;}
.news-list .box .pic .Ispic{padding-bottom: calc(200 / 300 * 100%); transition: 0.3s;}
.news-list .box a:hover .pic .Ispic{transform: scale(1.1);}
.news-list .box .txt{padding-left: 0.4rem;}
.news-list .box h3{margin: 0;font-size: calc(20 / 16 * 1em);}
.news-list .box p{line-height: calc(28 / 16 * 1em);color: #666; margin-bottom: 0.4rem;}
.news-list .box a:hover .list-more{background-color: #019c43; background-image: url(../images/more.svg);background-position: right 0.2rem center; color: #fff;}
@media (min-width:1025px) {
    .news-list .box{padding: 0.6rem 0; }
 .news-list .box .time{width: calc(220 / 1440 * 100%);border-right: 1px solid rgba(3, 0, 0, 0.1); text-align: center;}
 .news-list .box .time span{color: #555;}
.news-list .box .pic{width: calc(460 / 1440 * 100%);}
.news-list .box .pic figure{width: calc(300 / 460 * 100%); margin: 0 auto;border-radius: 0.1rem;}
}
@media (max-width:1024px) {
    .news-list .box{position: relative;z-index: 1; overflow: hidden;border-radius: 0.1rem;}
    .news-list .box .time{position: absolute; left: 0; top: 0; background-color: #019c43;color: #fff; padding: 0.1rem 0.2rem;z-index: 10;border-radius: 0 0 0.1rem 0;}
    .news-list .box .txt{padding: 0.4rem;}
    .news-list .box a{display: flex;flex-direction: column-reverse;flex-wrap: wrap;}
    .news-list .box .txt,
    .news-list .box .pic{width: 100%;}
}

.news-details{background-color: #f8f8f8; padding:  calc(60 / 1920 * 100vw) calc(120 / 1920 * 100vw)  calc(100 / 1920 * 100vw);}
.news-details .title{text-align: center; padding-bottom: 0.34rem; margin-bottom: 0.34rem; border-bottom: 1px solid #ededed;}
.news-details .title h1{margin: 0 0 0.23rem 0;color: #050505;font-size: calc(28 / 16 * 1em);}
.news-details .title aside{font-size: calc(18 / 16 * 1em);color: #888888;}
.news-details .title aside span{margin: 0 0.24rem;}
.news-details .edit-page{line-height: 2;text-align: justify;}
.news-details .edit-page img,
.news-details .edit-page video{display: block!important;margin-left: auto!important;margin-right: auto!important;width: 100%!important;max-width: 8rem!important;height: auto!important;}
.info-prev-next{margin-top: 0.8rem;border-top: 1px solid #ededed; padding-top: 0.35rem;}
.info-prev-next .page{line-height: 2;}
.info-prev-next .page a:not(:hover){color: #696969;}
@media (max-width:1024px) {
    .info-prev-next .getback{text-align: center; margin-top: 0.3rem;}
}

.prod-list li{float: left; margin-bottom: 0.41rem;}
.prod-list li a{display: block;overflow: hidden; border-radius: 0.1rem;}
.prod-list li .Ispic{padding-bottom: calc(330 / 440 * 100%); transition: 0.3s;}
.prod-list li a:hover .Ispic{transform: scale(1.1);}
.prod-list li .tit{position: relative;z-index: 3;font-size: calc(20 / 16 * 1em); line-height: 0.7rem; text-align: center;font-weight: 700; transition: 0.2s;background-color: #f8f8f8;}
.prod-list li a:not(:hover) .tit .highlight{color: #019c43;}
.prod-list li a:hover .tit{background-color: #019c43;color: #fff;}
@media (min-width:1025px) {
 .prod-list li{width: calc((100% - 0.6rem * 2) / 3);}
.prod-list li:not(:nth-child(3n)){margin-right: 0.6rem;}
.prod-list li:nth-child(2) {animation-delay: 0.2s;}
.prod-list li:nth-child(3) {animation-delay: 0.3s;}
.prod-list li:nth-child(4) {animation-delay: 0.4s;}
.prod-list li:nth-child(5) {animation-delay: 0.5s;}
.prod-list li:nth-child(6) {animation-delay: 0.6s;}
}
@media (max-width:1024px) {
    .prod-list li{width: calc((100% - 0.2rem) / 2);}
   .prod-list li:not(:nth-child(2n)){margin-right: 0.2rem;}
}

.job-list .type{display: table; width: 100%; table-layout: fixed;}
.job-list .type li{display: table-cell; vertical-align: middle;}
.job-list .type li:not(:first-child){text-align: center; padding: 0 0.1rem;}
.job-list .type li:first-child{padding-left: 0.42rem;}
.job-list .type li:nth-child(2){width: calc(275 / 1440 * 100%);}
.job-list .type li:nth-child(3){width: calc(271 / 1440 * 100%);}
.job-list .type li:nth-child(4){width: calc(235 / 1440 * 100%);}
.job-list .type li:nth-child(5){width: calc(188 / 1440 * 100%);}
.job-list .type li:nth-child(6){width: calc(140 / 1440 * 100%);}
.job-list ol.type{background-color: #019c43;color: #fff;font-weight: 700; font-size: calc(20 / 16 * 1em); height: 1rem;border-radius: 0.1rem;}
.job-list ul.type{height: 0.8rem;font-size: calc(18 / 16 * 1em); }
.job-list ul.type .icon{width: 0.2rem; height: 0.2rem; background: url(../images/click.svg) no-repeat center center; background-size: contain;display: inline-block; cursor: pointer; transition: 0.3s;}
.job-list ul.type.show .icon{transform: rotate(90deg);}
.job-list .item{margin-top: 0.1rem;border-radius: 0.1rem;background-color: #f8f8f8;}
.job-list .details{margin: 0 0.4rem;border-top: 1px solid #ddd; padding: 0.42rem 0 0.66rem 0;display: none;}
.job-list .edit-page{margin-bottom: 0.49rem; line-height: calc(28 / 16 * 1em);}

.contact-tel{background-color: #f8f8f8; border-radius: 2px; padding: 0.4rem 0.8rem; margin-bottom: 0.2rem;}
.contact-tel .title{font-weight: 700; border-bottom: 1px solid #dddddd;font-size: calc(20 / 16 * 1em); padding-bottom: 1em; margin-bottom: 0.35rem;}
.contact-tel dl{display: flex; justify-content: space-between;width: 100%;}
.contact-tel dt aside{color: #019c43;font-size: calc(36 / 16 * 1em); margin-top: 0.3rem;}

.contact-boxs{margin-bottom: 0.2rem;}
.contact-boxs .cell-top:not(.sapce){ background-color: #f8f8f8;}
.contact-boxs .main{padding: 0.3rem;}
.contact-boxs .main [class*=icon]{height: 0.3rem; background-size: contain; background-repeat: no-repeat; background-position: left center; margin-bottom: 0.25rem; transition: 0.3s;}
.contact-boxs .main .icon-tel{background-image: url(../images/tel.svg);}
.contact-boxs .main .icon-fax{background-image: url(../images/fax.svg);}
.contact-boxs .main .icon-email{background-image: url(../images/email.svg); background-size: auto 80%;}
.contact-boxs .main .icon-add{background-image: url(../images/add.svg);background-size: auto 80%;}
.contact-boxs .cell-top:hover{background-color: #019c43;color: #fff;}
.contact-boxs .cell-top:hover .main .icon-tel{background-image: url(../images/tel-on.svg);}
.contact-boxs .cell-top:hover .main .icon-fax{background-image: url(../images/fax-on.svg);}
.contact-boxs .cell-top:hover .main .icon-email{background-image: url(../images/email-on.svg);}
.contact-boxs .cell-top:hover .main .icon-add{background-image: url(../images/add-on.svg);}
@media (min-width:1025px) {
.contact-boxs .cell-top:not(.sapce){width: calc((100% - 0.2rem * 3) / 4);}
.contact-boxs .cell-top.sapce{width: 0.2rem;}
}
@media (max-width:1024px) {
    .contact-boxs .xy-ytable{display: flex; flex-direction: row; flex-wrap: wrap;justify-content: space-between;}
    .contact-boxs .cell-top.sapce{display: none;} 
    .contact-boxs .cell-top{width: 48%; margin-bottom: 4%;}
}

.contact-list .box{margin-bottom: 0.2rem;background-color: #f8f8f8; border-radius: 2px; min-height: 2.2rem; padding: 0.4rem 0.8rem 0;}
.contact-list .box h3{margin: 0 0 1em 0;font-size: calc(20 / 16 * 1em);}
.contact-list .box p{position: relative; margin: 0 0 0.2rem 0;padding-left: 0.46rem;color: #666; height:2.4em;}
.contact-list .box p span{position: absolute; left: 0;top: 0;color: #999;}
.contact-list .box .list-more span{display: block; background: url(../images/add.svg) no-repeat left center; padding-left: 0.22rem; background-size: 0.12rem auto;}
.contact-list .box .list-more:hover span{background-image: url(../images/add-on.svg);}
@media (min-width:1025px) {
    .contact-list .box{float: left;width: calc((100% - 0.2rem) / 2); }
.contact-list .box:not(:nth-child(2n)){margin-right: 0.2rem;}
}

.search-main{ background-color: #f8f8f8; padding-bottom: 0.7rem;}
.result-search{max-width: 6rem; margin: 0 auto; width: 100%;position: relative;background-color: #ffffff;border-radius: 0.23rem;overflow: hidden;z-index: 1;}
.result-search .text{width: 100%; line-height: 0.46rem;height: 0.46rem; padding: 0 0.46rem 0 0.3rem; border: 0;background: none;color: #888888;}
.result-search .text.focus{color: #333;}
.result-search .btn{position: absolute; right: 0;top: 0;height: 100%; width: 0.46rem; height: 100%; background: url(../images/search.svg) no-repeat center center; background-size: auto 0.2rem;}
.keyword{padding: 0.53rem 0 0.2rem 0; border-bottom: 1px solid #dfdfdf; margin-bottom: 0.3rem;}
.keyword ul li a:not(:hover){color: #888;}
.keyword ul li.aon a{color: #1c1c1c;}
@media (min-width:1025px) {
.keyword ul li{float: right; margin-left: 0.8rem;}    
}
@media (max-width:1024px) {
    .search-main{padding-top: 0.4rem;}
    .keyword ul{display: flex; margin-top: 0.4rem;}
    .keyword ul li{margin-right: 0.5rem;}
}

.keyword .word{font-size: calc(18 / 16 * 1em);}
.keyword #keyword{color: #019c43;}

.search-list .box{margin-bottom: 0.2rem;}
.search-list .pic figure{ overflow: hidden; }
.search-list .pic .Ispic{transition: 0.3s; padding-bottom: calc(200 / 300 * 100%);}
.search-list .time{text-align: center;}
.search-list .box .time > *{display: block;}
.search-list .box .time b{font-size: calc(52 / 16 * 1em);font-weight: normal;}
.search-list .box .time span{font-size: calc(18 / 16 * 1em);}
.search-list .box .cell-mid:not(.pic){border-bottom: 1px solid #dfdfdf;}
.search-list .box .txt h3{margin: 0 0 0.3rem 0; margin-bottom: 1em; font-size: calc(20 / 16 * 1em);}
.search-list .box .txt h3 .highlight{color: #019c43;}
.search-list .box .txt p{margin: 0; line-height: calc(28 / 16 * 1em);color: #666;}

.qui_codebox{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(255, 255, 255, .8);z-index: 9999;display: none;}
.qui_codebox .quibox{background: #fbfbfb;padding: .4rem;border-radius: .2rem;position: absolute;box-shadow: 0px 0px .1rem 0px rgba(0, 0, 0, 0.1);left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);max-width: 5rem;width: 92%;}
.qui_codebox .quicls{position: absolute;right: .2rem;top: .2rem;width: 12px;height: 12px;background: url(../images/cls.svg) center center no-repeat;background-size: contain;}
.qui_codebox .quitt{font-size: .2rem;color: #333;line-height: 1;margin-bottom: .4rem;text-align: center;}
.qui_codebox .quiimg{width: 1.8rem;margin: 0 auto;}
.qui_codebox .quiimg img{display: block;width: 100%;border: .01rem solid #e5e5e5;}

@media (min-width:1025px) {
.search-list .pic{width: calc(340 / 1440 * 100%);}
.search-list .pic figure{border-radius: 0.1rem;width: calc(300 / 340 * 100%);}
.search-list .time{width: calc(183 / 1440 * 100%);}
.search-list .box .time > *{color: #555;}
.search-list .box .txt > *{max-width: 7.04rem;}
.search-list .box:nth-child(2){animation-delay: 0.2s;}
.search-list .box:nth-child(3){animation-delay: 0.4s;}
}
@media (max-width:1024px) {
.search-list .box {position: relative;z-index: 1;border-radius: 0.1rem; overflow: hidden;}
.search-list .time{position: absolute; left: 0;top: 0; padding: 0.1rem 0.2rem; background-color: #019c43;color: #fff; border-radius: 0 0 0.1rem 0; border: 0!important;}
.search-list .txt{padding: 0.4rem;}
}


.shzr-main .video .Ispic{position: relative; background-color: #eee;}
.shzr-main .video .open-video{position: absolute; left: 0;top: 0;width: 100%; height: 100%; background: url(../images/play.svg) no-repeat center center;z-index: 10;cursor: pointer; background-size: auto 0.8rem;}
.shzr-main .list .item{padding-bottom: 0.1rem;}
.shzr-main .list .item a{height:1.2rem; position: relative; padding-right: 1.15rem; padding-left: 0.3rem; background-color: #f8f8f8;}
.shzr-main .list .more{position: absolute; right: 0.3rem; width: 0.44rem; height: 0.44rem; border-radius: 50%; top: 50%; margin-top: -0.2rem; background: #fff url(../images/next.svg) no-repeat center center; background-size: auto 0.1rem;}
.shzr-main .list .item a:hover .more{background-color: #019c43; background-image: url(../images/more.svg);}
.shzr-main .list h4,
.shzr-main .list p{margin: 0; padding-left: 0.18rem;}
.shzr-main .list h4{font-size: 0.2rem; font-weight: 700; position: relative;}
.shzr-main .list h4:before{position: absolute; content: ''; width: 4px;height: 1em;background-color: #019c43; left: 0;top: 0;}
.shzr-main .list p{color: #666; margin-top: 1em;}
.shzr-main .list .slick-arrow{top: auto; bottom: 0; width: 0.8rem; border-radius: 0; margin: 0;}
.shzr-main .list .slick-arrow:not(:hover){background-color: #f5f5f5; }
.shzr-main .list .slick-prev{left: auto; right: 0.9rem;}
.shzr-main .list .slick-next{right: 0;}
@media (min-width:1025px) {
.shzr-main .video{width: calc(800 / 1440 * 100%);}
.shzr-main .list{width: calc(630 / 1440 * 100%);}
.shzr-main .list .slider,
.shzr-main .video .Ispic{height: 4.5rem;}
}
@media (max-width:1024px) {
    .shzr-main .list {margin-top: 0.1rem;}
    .shzr-main .list .slider{padding-bottom: 0.5rem;}
    .shzr-main .video .Ispic{padding-bottom: calc(450 / 800 * 100%);}
}