锘?indexban{position:relative}
.m-bann{display:none}
.indexban .textbox{position:absolute;left:75%;top:50%;margin-top:-152px;margin-left:-39.97vw;opacity:0}
.indexban .textbox .title{color:#fff;font-size:50px;line-height:1.2;background-image:url(../img/ban-icon.png);background-repeat:no-repeat;background-position:left -45px center}
.indexban .textbox .entitle{color:#fff;font-size:12px;margin:20px 0 32px}
.indexban .textbox .entitle2{color:#fff;font-size:80px;line-height:1.2;font-family:'itcavan'}
.indexban .textbox .btn{width:140px;margin-top:34px;height:46px;background-color:#a3c85d;line-height:46px;color:#fff;text-align:center}
.indexban .textbox .btn:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
.indexban .textbox.cur{opacity:1;left:50%}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:65px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;background-color:rgba(255,255,255,0.8);opacity:1;margin:0 14px;position:relative}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg{width:38px;height:38px;position:absolute;top:50%;margin-top:-19px;left:50%;margin-left:-19px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{fill:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background{stroke:rgba(255,255,255,0.2);stroke-width:1}
.circle-chart__circle{stroke-linecap:square;fill:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{stroke:#fff;stroke-width:2;stroke-linecap:square;fill:none;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:center;-webkit-transform-origin:center;-ms-transform-origin:center;-moz-transform-origin:center}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 5.2s linear reverse;-moz-animation:circle-chart-fill 6.2s linear reverse;-webkit-animation:circle-chart-fill 6.2s linear reverse;-ms-animation:circle-chart-fill 6.2s linear reverse}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 4.5s linear reverse;-moz-animation:circle-chart-fill 5.5s linear reverse;-webkit-animation:circle-chart-fill 5.5s linear reverse;-ms-animation:circle-chart-fill 5.5s linear reverse}
.indexban .swiper-button-next,
.indexban .swiper-button-prev{width:60px;height:60px;background-size:100% 100%;top:50%;margin-top:-30px;opacity:0}
.indexban:hover .swiper-button-next,
.indexban:hover .swiper-button-prev{opacity:1}
.indexban .swiper-button-next{background-image:url(../img/eqright.png);right:30px}
.indexban .swiper-button-prev{background-image:url(../img/eqleft.png);left:30px}
@keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-moz-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}

.hometitlebox .cntitle{font-size:30px;line-height:34px}
.hometitlebox .entitle{color:#ccc;font-size:30px;font-family:'helpro';line-height:38px;margin-top:12px}

.home-about{background-color:#f7f7f7}
.home-about .textbox{width:50%;padding:0 5.216vw 0 9.83vw;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.home-about .title{margin:3.4375vw 0 24px;color:#a3c85d;font-size:36px;font-weight:bold;}
.home-about .text{color:#999;line-height:2.286}
.home-about .bot{margin-top:3.333vw}
.home-about .list{width:256px;height:180px;background-color:#fff;padding:40px 10px 0}
.home-about .list .icon{width:35px;height:35px;margin:0 auto;background-repeat:no-repeat;background-position:center center}
.home-about .list:hover{background-color:#a3c85d}
.home-about .list:nth-of-type(1) .icon{background-image:url(../img/hicon1.png)}
.home-about .list:nth-of-type(1):hover .icon{background-image:url(../img/hicon1_cur.png)}
.home-about .list:nth-of-type(2) .icon{background-image:url(../img/hicon2.png)}
.home-about .list:nth-of-type(2):hover .icon{background-image:url(../img/hicon2_cur.png)}
.home-about .list .listtextbox{margin-top:16px}
.home-about .list .cntitle{color:#666;font-size:18px;text-align:center;font-weight:bold;}
.home-about .list .entitle{color:#999;font-size:12px;text-align:center;margin-top:8px}
.home-about .list:hover .cntitle,
.home-about .list:hover .entitle{color:#fff}
.home-about .img{width:50%}
.home-about .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.home-product .topbox{margin:94px 0 90px}
.homepronavlist{color:#999;font-weight:bold;cursor:pointer;margin-right:48px;position:relative}
.homepronavlist:after{content:"";width:0px;height:2px;position:absolute;bottom:-8px;left:0;background-image:url(../img/homepronavline.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.homepronavlist.cur,
.homepronavlist:hover{color:#a3c85d}
.homepronavlist.cur:after,
.homepronavlist:hover:after{width:26px}
a.homepronavlist{margin-right:0}
.homeproitem{display:none}
.homeproitem.cur{display:block}
.homeproitem .list{width:50%;height:650px;padding:60px 3vw 0;background-image:url(../img/homeprobg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.homeproitem .list .title{text-align:center;font-family:'avanbold';font-size:36px;height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homeproitem .list .text{font-weight:bold;text-align:center;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homeproitem .list .img{text-align:center;margin-top:2.604vw}
.homeproitem .list .img img{display:inline-block;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.homeproitem .list:hover{background-image:url(../img/homeprobg_cur.jpg)}
.homeproitem .list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.homenewstop{margin:190px 0 108px}
.homenewsmore{width:180px;height:50px;display:block;background-color:#a3c85d;text-align:center;margin-top:32px}
.homenewsmore .text{color:#fff;height:50px;line-height:50px;font-weight:bold;display:inline-block}
.homenewsmore .icon{margin-left:10px;display:inline-block;height:50px;line-height:50px}
.homenewsmore .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.home-inv{margin-top:82px}
.homeinvlist{width:25%;height:624px;background-color:#f5f5f5;position:relative;overflow:hidden}
.homeinvlist:nth-of-type(2n){background-color:#fafafa}
.homeinvlist:nth-of-type(1){width:50%}
.homeinvlist .img img{opacity:0;height:624px;object-fit:cover}
.homeinvlist.cur .img img{opacity:1}
.homeinvlist .showbox{width:100%;height:auto;position:absolute;top:50%;margin-top:-140px;left:0;padding:0 15px}
.homeinvlist.cur .showbox{left:100%;opacity:0}
.homeinvlist .showbox .icon{width:37px;height:37px;margin:0 auto}
.homeinvlist .showbox .textbox{margin:46px 0 72px}
.homeinvlist .showbox .textbox .cntitle{color:#051323;font-size:24px;font-weight:bold;text-align:center;}
.homeinvlist .showbox .textbox .entitle{color:#ccc;font-size:18px;text-align:center;line-height:24px;margin-top:10px;font-family:'helpro'}
.homeinvlist .showbox .more{width:46px;height:46px;border-radius:46px;margin:0 auto;box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.05)}
.homeinvlist .hidebox{width:100%;height:0;position:absolute;left:100%;top:5.9375vw;opacity:0;padding:0 9.83vw}
.homeinvlist.cur .hidebox{left:0;opacity:1}
.homeinvlist .hidebox .cntitle{color:#fff;font-size:24px;font-weight:bold;}
.homeinvlist .hidebox .entitle{color:rgba(255,255,255,0.3);;line-height:24px;margin-top:10px;font-family:'helpro'}
.homeinvlist .hidebox .textbox{margin:48px 0 74px}
.homeinvlist .hidebox .code{color:#a3c85d;font-size:18px}
.homeinvlist .hidebox .num{display:inline-block;color:#e62129;font-family:'helpro';font-size:50px;line-height:1;margin:12px 0 24px;padding-right:14px;background-image:url(../img/homeinvdown.png);background-repeat:no-repeat;background-position:right bottom 6px}
.homeinvlist .hidebox .prompt{font-size:12px;color:rgba(255,255,255,0.5)}
.homeinvlist .hidebox .text{color:#fff;line-height:2}
.homeinvlist:nth-of-type(2) .hidebox .cntitle,
.homeinvlist:nth-of-type(3) .hidebox .cntitle{color:#000}
.homeinvlist:nth-of-type(2) .hidebox .entitle,
.homeinvlist:nth-of-type(3) .hidebox .entitle{color:rgba(0,0,0,0.3);margin-top:4px;line-height:24px;font-size:18px}
.homeinvlist:nth-of-type(2) .hidebox .more,
.homeinvlist:nth-of-type(3) .hidebox .more{width:46px;height:46px;border-radius:46px;box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.1)}
.homeinvlist:nth-of-type(2) .hidebox .titlebox,
.homeinvlist:nth-of-type(3) .hidebox .titlebox{margin:40px 0 60px}
.homeinvlist:nth-of-type(2) .hidebox .icon img,
.homeinvlist:nth-of-type(3) .hidebox .icon img{width:27px}

@media (max-width:1620px){
    .indexban .textbox{margin-left:-42.47vw;margin-top:-133px}
    .indexban .textbox .title{font-size:40px}
    .indexban .textbox .entitle2{font-size:68px}
    .indexban .textbox .entitle{margin:16px 0 26px}
    .home-about .textbox{padding:0 4.416vw 0 7.33vw}
    .home-about .title{font-size:32px;margin:2.8vw 0 20px}
    .homenewstop{margin:160px 0 88px}
    .homeinvlist .hidebox{padding:0 7.33vw}
}

@media (max-width:1440px){
    .indexban .textbox{margin-left:-44.47vw;margin-top:-114px}
    .indexban .textbox .title{font-size:32px}
    .indexban .textbox .entitle2{font-size:54px}
    .indexban .textbox .entitle{margin:10px 0 20px}
    .hometitlebox .cntitle{font-size:24px;line-height:28px}
    .hometitlebox .entitle{font-size:24px;line-height:32px;margin-top:8px}
    .home-about .textbox{padding:0 3.5vw 0 5.33vw}
    .home-about .title{font-size:28px;margin:2vw 0 16px}
    .home-about .text{line-height:2}
    .home-about .list{width:226px;height:156px;padding:22px 10px 0}
    .home-about .bot{margin-top:2.3vw}
    .home-product .topbox{margin:64px 0 60px}
    .homeproitem .list{height:560px;padding:40px 3vw 0}
    .homeproitem .list .title{font-size:28px;line-height:36px;height:36px}
    .homeproitem .list .img{margin-top:1.8vw}
    .homenewstop{margin:120px 0 68px}
    .homeinvlist .hidebox{padding:0 5.33vw}
    .homeinvlist, .homeinvlist .img img{height:520px}
    .homeinvlist .showbox .textbox{margin:30px 0 55px}
    .homeinvlist .hidebox .textbox{margin:30px 0 55px}
    .homeinvlist .hidebox .num{font-size:40px}
    .homeinvlist:nth-of-type(2) .hidebox .titlebox, .homeinvlist:nth-of-type(3) .hidebox .titlebox{margin:25px 0 40px}
}

@media (max-width:1280px){
    .indexban .textbox{margin-left:-45.47vw}
    .home-about .textbox{padding:0 2.5vw 0 4.33vw}
    .home-about .title{font-size:24px;margin:1vw 0 10px}
    .home-about .text{line-height:1.8}
    .home-about .list{width:200px;height:140px;padding:22px 10px 0}
    .home-about .bot{margin-top:1.5vw}
    .home-about .list .entitle{margin-top:2px}
    .home-about .list .listtextbox{margin-top:8px}
    .homeproitem .list .title{font-size:24px;line-height:32px;height:32px}
    .homeinvlist .hidebox{padding:0 4.33vw}
}
@media (max-width:1024px){
    /*.pcbanner{display:none}
    .m-bann{display:block}*/
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px}
    .indexban .textbox{width:100%;padding:0 15px;left:0;margin-left:0;margin-top:-55px}
    .indexban .textbox.cur{left:0}
    .indexban .textbox .title{font-size:18px}
    .indexban .textbox .entitle2{font-size:20px}
    .indexban .textbox .entitle{margin:0 0 4px}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg{width:20px;height:20px;margin-top:-10px;margin-left:-10px}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 5px}
    .indexban .textbox .btn{width:90px;height:30px;line-height:30px;margin-top:15px}
    .hometitlebox .cntitle{font-size:20px;line-height:24px}
    .hometitlebox .entitle{font-size:20px;line-height:26px;margin-top:0}
    .home-about{padding:0 15px}
    .home-about .textbox{padding:50px 0 30px;width:100%}
    .home-about .title{margin:10px 0 4px;font-size:20px}
    .home-about .text{line-height:1.6}
    .home-about .list{width:50%;padding:8vw 15px;height:auto}
    .home-about .bot{margin-top:20px}
    .home-about .img{width:100%}
    .home-product .topbox{margin:40px 0 30px}
    .homepronav{float:left;margin-top:15px}
    .homepronavlist{margin-right:20px}
    .homeproitem .list{width:100%;height:auto;padding:40px 15px}
    .homeproitem .list .title{font-size:18px;height:26px;line-height:26px}
    .homeproitem .list .text{font-size:12px;height:18px;line-height:18px}
    .homeproitem .list .img{margin-top:15px}
    .homenewstop{margin:40px 0 25px}
    .homenewsmore{margin-top:4px;width:110px;height:40px}
    .homenewsmore .text,
    .homenewsmore .icon{height:40px;line-height:40px}
    .homenewsmore .icon{margin-left:5px}
    .homeinvlist{width:100%}
    .homeinvlist:nth-of-type(1){width:100%}
    .homeinvlist, .homeinvlist .img img{height:auto}
    .homeinvlist .img img{max-width:100%;opacity:1}
    .homeinvlist .hidebox .cntitle{font-size:16px}
    .homeinvlist .hidebox .entitle{font-size:12px;line-height:16px;margin-top:4px}
    .homeinvlist .hidebox .textbox{margin:10px 0 20px}
    .homeinvlist .hidebox .code{font-size:14px}
    .homeinvlist .hidebox .num{font-size:28px;margin:6px 0 10px}
    .homeinvlist .hidebox .more, .homeinvlist:nth-of-type(2) .hidebox .more, .homeinvlist:nth-of-type(3) .hidebox .more{width:33px}
    .homeinvlist .showbox{left:100%;opacity:0}
    .homeinvlist .hidebox{left:0;opacity:1;padding:0 15px;top:25px}
    .homeinvlist .hidebox .text{line-height:1.6}
    .home-inv{margin-top:20px}
    .homeinvlist:nth-of-type(2) .hidebox .titlebox, .homeinvlist:nth-of-type(3) .hidebox .titlebox{margin:10px 0 20px}
    .homeinvlist:nth-of-type(2) .hidebox .entitle, .homeinvlist:nth-of-type(3) .hidebox .entitle{font-size:12px;line-height:16px;color:rgba(0,0,0,0.8)}
    .homeinvlist:nth-of-type(2) .hidebox .more, .homeinvlist:nth-of-type(3) .hidebox .more{height:33px}
}

@media (max-width:370px){
    .homeinvlist .hidebox .code{font-size:12px}
    .homeinvlist .hidebox .num{font-size:20px;margin:4px 0 6px}
    .homeinvlist .hidebox .textbox{margin:5px 0 10px}
    .hometitlebox .cntitle, .hometitlebox .entitle{font-size:17px}
    .home-about .title{font-size:18px}
}

.about{padding:96px 0 122px 9.83vw;position:relative}
.about .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.about .textbox{width:calc(100% - 864px);padding-right:7.604vw;position:relative;z-index:3}
.about .textbox .cntitle{color:#090a0c;font-size:40px;line-height:48px}
.about .textbox .entitle{color:#a3c85d;font-size:60px;font-family:'dincon';line-height:70px;margin:16px 0 55px;}
.about .textbox .line{width:20px;height:3px;background-color:#ccc}
.about .textbox .text{color:#666;margin:72px 0 86px;line-height:2}
.about .textbox .bot{position:relative;z-index:3}
.about .textbox .bot img{width:91.16%}
.about .aboutbot{width:85.46%;position:absolute;bottom:97px;left:0}
.honor{padding:74px 0 182px}
.honslide{margin-top:70px;position:relative;padding:0 120px}
.honslide .swiper-button-next,
.honslide .swiper-button-prev{width:50px;height:40px;background-size:100% 100%;top:0;margin-top:0}
.honslide .swiper-button-next{background-image:url(../img/honright.png)}
.honslide .swiper-button-next:hover{background-image:url(../img/honright_cur.png)}
.honslide .swiper-button-prev{background-image:url(../img/honleft.png)}
.honslide .swiper-button-prev:hover{background-image:url(../img/honleft_cur.png)}
.honslide .swiper-container:after{content:"";width:100%;height:2px;background-color:#f3f3f3;position:absolute;left:0;top:6px}
.honslide .swiper-slide .year{color:#a3c85d;text-align:center;font-size:50px;line-height:1;font-family:'dinconden';position:relative;padding-top:32px}
.honslide .swiper-slide .year:after{content:"";width:15px;height:15px;position:absolute;top:0;left:50%;margin-left:-7.5px;background-image:url(../img/honyuan.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.honslide .swiper-slide .textbox{margin-top:26px;max-height:392px;overflow-y:auto}
.honslide .swiper-slide .textbox::-webkit-scrollbar{width:4px}
.honslide .swiper-slide .textbox::-webkit-scrollbar-thumb{background-color:#a3c85d}
.honslide .swiper-slide .textbox::-webkit-scrollbar-track{background-color:#f5f5f5}
.honslide .swiper-slide .textlist{margin-bottom:40px}
.honslide .swiper-slide .textlist:nth-last-of-type(1){margin-bottom:0}
.honslide .swiper-slide .textlist .name{color:#666;font-weight:bold;padding-left:11px;background-image:url(../img/honicon.png);background-repeat:no-repeat;background-position:left top 6px}
.honslide .swiper-slide .textlist .text{color:#999;margin-top:14px;line-height:2.571;padding-left:11px;font-size:12px}
.culture{padding:64px 0 156px}
.cultureitems{margin-top:64px}
.cultureitem{margin-bottom:70px}
.cultureitem:nth-last-of-type(1){margin-bottom:0}
.culitemtop .cntitle{color:#000;font-size:18px;text-align:center;font-weight:bold}
.culitemtop .entitle{font-size:36px;text-align:center;font-weight:bold;font-family:'gothbold';margin:12px 0 14px}
.culitemtop .icon{text-align:center}
.culitemtop .icon img{display:inline-block}
.culbox{margin-top:50px;background-color:#fafafa}
.culbox .wapimg{display:none}
.culbox .pcimg,
.culbox .img{width:50.156vw}
.culbox .textbox{width:calc(100% - 50.156vw);padding:50px 64px 50px 56px;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.culbox .textbox .title{color:#a3c85d;font-size:22px;font-weight:bold;}
.culbox .textbox .text{margin-top:26px;color:#666;line-height:2.143}
.culbox:hover .img img,
.culbox:hover .pcimg img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}

@media (max-width:1620px){
    .about{padding:96px 0 122px 7.23vw}
    .about .img{width:784px}
    .about .textbox{width:calc(100% - 784px);padding-right:6vw}
    .about .textbox .text{margin:32px 0 56px}
    .culbox .pcimg,
    .culbox .img{width:46.156vw}
    .culbox .textbox{width:calc(100% - 46.156vw)}
    .culbox .textbox .title{font-size:20px}
    .culbox .textbox .text{line-height:1.9;margin-top:18px}
    .about .aboutbot{width:72.46%}
    .about .textbox .cntitle{font-size:36px;line-height:46px}
    .about .textbox .entitle{font-size:54px;line-height:64px}
}
@media (max-width:1440px){
    .about{padding:66px 0 82px 5.33vw}
    .about .img{width:704px}
    .about .textbox{width:calc(100% - 704px);padding-right:4.5vw}
    /* .about .textbox .text{margin:32px 0 56px} */
    .about .textbox .cntitle{font-size:30px;line-height:38px}
    .about .textbox .entitle{font-size:48px;line-height:58px;margin:10px 0 25px}
    .about .textbox .text{margin:25px 0 45px}
    .about .aboutbot{bottom:64px}
    .culbox .pcimg,
    .culbox .img{width:42.156vw}
    .culbox .textbox{width:calc(100% - 42.156vw);padding:30px 40px 30px 35px}
    .culbox .textbox .title{font-size:18px}
    .culbox .textbox .text{line-height:1.7;margin-top:12px}
    .culitemtop .entitle{font-size:30px}
}

@media (max-width:1280px){
    .about{padding:46px 0 62px 4.33vw}
    .about .img{width:604px}
    .about .textbox{width:calc(100% - 604px);padding-right:3vw}
    .about .textbox .text{margin:32px 0 56px}
    .about .textbox .cntitle{font-size:26px;line-height:36px}
    .about .textbox .entitle{font-size:40px;line-height:50px;margin:10px 0 25px}
    .about .textbox .text{margin:25px 0 45px}
    .about .aboutbot{bottom:46px}
    .honslide{padding:0 80px}
}


@media (max-width:1024px){
    .about .img{width:100%;margin-top:30px}
    .about .textbox{width:100%;padding-right:0}
    .about .textbox .text{margin:32px 0 56px}
    .about .textbox .cntitle{font-size:20px;line-height:30px}
    .about .textbox .entitle{font-size:28px;line-height:34px;margin:0px 0 8px}
    .about .textbox .line{width:16px}
    .about .textbox .text{margin:10px 0 25px;line-height:1.7}
    .about .aboutbot{bottom:46px}
    .about{padding:50px 15px}
    .about .aboutbot{left:15px}
    .honor, .culture{padding:50px 0}
    .honslide{margin-top:30px;padding:0 60px}
    .honslide .swiper-button-next, .honslide .swiper-button-prev{width:34px;height:26px}
    .honslide .swiper-slide .year{font-size:30px}
    .honslide .swiper-slide .textbox{margin-top:25px}
    .honslide .swiper-slide .textlist{margin-bottom:15px}
    .honslide .swiper-slide .textlist .text{margin-top:5px;line-height:1.8}
    .culitemtop .cntitle{font-size:15px}
    .cultureitems{margin-top:35px}
    .cultureitem{margin-bottom:30px}
    .culitemtop .entitle{font-size:18px;margin:4px 0 6px}
    .culbox .textbox{width:100%;padding:25px 15px}
    .culbox .img{display:none}
    .culbox .wapimg, .culbox .pcimg{display:block;width:100%}
    .culbox{margin-top:15px}
}


.product{padding:62px 0 92px}
.proitems{margin-top:70px}
.proitem{width:47.42%;margin-right:5.16%;margin-bottom:76px;display:block;background-color:#fafafa}
.proitem:nth-of-type(2n){margin-right:0}
.proitem .textbox{padding:42px 44px 50px 52px}
.proitem .textbox .title{color:#393435;font-size:28px;font-weight:bold;line-height:36px;max-height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.proitem .textbox .text{color:#999;margin:16px 0 22px;line-height:1.857;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.proitem .textbox .more{width:47px;height:33px;background-image:url(../img/promore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proitem:hover{background-color:#fff;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.05)}
.proitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prod1top{padding-bottom:34px;border-bottom:1px solid #e7e7e7}
.prod1top .title{color:#a3c85d;font-size:36px;font-weight:bold;line-height:44px}
.prod1top .rightbox{display:block;color:#999;font-weight:bold;height:44px;line-height:44px;padding-right:35px;background-image:url(../img/proreturn.png);background-repeat:no-repeat;background-position:right center}
.prod2{margin-top:42px}
.prod3list{padding:72px 0 80px;background-color:#f7f7f7}
.prod3list:nth-of-type(2n){background-color:#fff}
.prod3listtop .img{margin-top:4px}
.prod3listtop .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prod3listtop .textbox{width:calc(100% - 566px);padding-right:4.479vw}
.prod3listtop .textlist{margin-bottom:48px}
.prod3listtop .textlist:nth-last-of-type(1){margin-bottom:0}
.prod3listtop .title{font-size:26px;font-weight:bold;line-height:34px}
.prod3listtop .text{margin-top:30px;color:#666;line-height:2.143}
.prod3listbot{margin-top:50px}
.prod1top{margin-top:68px}
.prod2{margin-bottom:80px}
.proinst{margin:70px 0 47px}
.proinstlist{width:calc((100% - 6px) / 3);margin-right:3px;margin-bottom:3px;display:block;background-color:#f7f7f7;padding:58px 66px}
.proinstlist:nth-of-type(3n){margin-right:0}
.proinst .imgbox{position:relative}
.proinst .img{text-align:center}
.proinst .img img{display:inline-block}
.proinst .imgbox .more{width:46px;height:46px;position:absolute;top:75%;left:50%;margin-top:-23px;margin-left:-23px;opacity:0;border-radius:46px;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.15)}
.proinst .textbox{margin-top:48px}
.proinst .textbox .title{font-size:30px;text-align:center;font-family:'avanbold';line-height:38px;height:38px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proinst .textbox .text{color:#999;height:19px;line-height:19px;margin-top:7px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proinstlist:hover .imgbox .more{top:50%;opacity:1}
.proinstlist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.afterserform{margin-top:72px}
.afterserlist{border:1px solid #ebebeb;margin-bottom:10px}
.afterserlist .aftersertitle{font-size:18px;font-weight:bold;border-bottom:1px solid #ebebeb;height:59px;line-height:58px;background-color:#fafafa;padding-left:38px}
.afterser1 .onelist, .afterser1 .twolist,
.afterser1 .threelist{border-bottom:1px solid #ebebeb}
.afterser1 .onelist.last, .afterser1 .twolist.last,
.afterser1 .threelist.last{border-bottom:none}
.afterser1 .onelist .name, .afterser1 .twolist .name,
.afterser1 .threelist .right .list .name{width:383px;border-right:1px solid #ebebeb;height:59px;line-height:59px;padding-left:38px}
.afterser1 .onelist .input, .afterser1 .twolist .input, .afterser1 .threelist .right .list .input{width:calc(100% - 383px);height:59px}
.afterser1 .onelist .input input,
.afterser1 .twolist .input input,
.afterser1 .threelist .right .list .input input{width:100%;height:59px;padding:0 20px}
.afterser1 .twolist .list{width:50%;border-right:1px solid #ebebeb}
.afterser1 .twolist .list:nth-of-type(2n){border-right:none}
.afterser1 .threelist .left{width:50%;height:119px;border-right:1px solid #ebebeb}
.afterser1 .threelist .left .name{width:383px;height:119px;line-height:119px;border-right:1px solid #ebebeb;padding-left:38px}
.afterser1 .threelist .left .input{width:calc(100% - 383px);height:119px}
.afterser1 .threelist .left .input textarea{width:100%;height:119px;padding:20px}
.afterser1 .threelist .right{width:50%}
.afterser1 .threelist .right .list{height:60px;border-bottom:1px solid #ebebeb}
.afterser1 .threelist .right .list:nth-last-of-type(1){height:59px;border-bottom:none}
.afterser2 .list{border-bottom:1px solid #ebebeb}
.afterser2 .list.last{border-bottom:none}
.afterser2 .name{width:114px;line-height:60px;padding-left:38px}
.afterser2 .input{width:calc(100% - 114px);height:149px}
.afterser2 .input textarea{width:100%;height:149px;padding:22px}
.afterserbtn{width:180px;height:50px;text-align:center;line-height:50px;color:#fff;font-weight:bold;background-color:#333;cursor:pointer;margin-top:30px}

@media (max-width:1440px){
    .prod1top .title{font-size:28px;line-height:36px}
    .prod1top .rightbox{height:36px;line-height:36px}
    .proinstlist{padding:40px 50px}
    .proinst .textbox .title{font-size:26px;height:34px;line-height:34px}
    .afterser1 .onelist .name, .afterser1 .twolist .name, .afterser1 .threelist .right .list .name, .afterser1 .threelist .left .name{width:260px}
    .afterser1 .onelist .input, .afterser1 .twolist .input, .afterser1 .threelist .right .list .input, .afterser1 .threelist .left .input{width:calc(100% - 260px)}
}

@media (max-width:1024px){
    .product{padding:50px 0}
    .proitems{margin-top:30px}
    .proitem{width:100%;margin-right:0;margin-bottom:20px}
    .proitem .textbox{padding:25px 15px}
    .proitem .textbox .title{font-size:18px;line-height:26px;height:52px}
    .proitem .textbox .text{margin:6px 0 20px}
    .prod1top{margin-top:50px;padding-bottom:15px}
    .prod1top .title{font-size:18px;line-height:26px}
    .prod1top .rightbox{height:26px;line-height:26px;background-size:14px auto;padding-right:20px}
    .prod2{margin-top:30px;margin-bottom:40px}
    .prod3list{padding:30px 0}
    .prod3listtop .img{width:100%;margin-top:0}
    .prod3listtop .textbox{width:100%;padding-right:0;margin-top:20px}
    .prod3listtop .title{font-size:18px;line-height:26px}
    .prod3listtop .text{margin-top:12px;line-height:1.6}
    .prod3listtop .textlist{margin-bottom:20px}
    .proinst{margin:30px 15px 15px}
    .proinstlist{width:100%;margin-right:0;padding:25px 15px;margin-bottom:15px}
    .proinst .textbox .title{font-size:18px;height:24px;line-height:24px}
    .proinst .textbox{margin-top:15px}
    .afterserform{margin-top:30px}
    .afterserlist .aftersertitle{font-size:16px;height:41px;line-height:40px;padding-left:10px}
    .afterser1 .onelist .name, .afterser1 .twolist .name, .afterser1 .threelist .right .list .name{width:140px;padding-left:10px;height:37px;line-height:37px}
    .afterser1 .threelist .left .name{width:140px;padding-left:10px}
    .afterser1 .onelist .input, .afterser1 .twolist .input, .afterser1 .threelist .right .list .input, .afterser1 .threelist .left .input{width:calc(100% - 140px);height:37px}
    .afterser1 .onelist .input input, .afterser1 .twolist .input input, .afterser1 .threelist .right .list .input input{height:37px;padding:0 10px}
    .afterser1 .twolist .list{width:100%;border-bottom:1px solid #ebebeb;border-right:none}
    .afterser1 .twolist .list:nth-last-of-type(1){border-bottom:none}
    .afterser1 .threelist .left .name{height:37px;line-height:37px}
    .afterser1 .threelist .left .input textarea{height:37px;padding:5px 10px}
    .afterser1 .threelist .left{width:100%;height:auto;border-bottom:1px solid #ebebeb;border-right:none}
    .afterser1 .threelist .right{width:100%}
    .afterser1 .threelist .right .list{height:38px}
    .afterser1 .threelist .right .list:nth-last-of-type(1){height:37px}
    .afterser2 .name{width:90px;padding-left:10px;line-height:37px}
    .afterser2 .input{width:calc(100% - 90px);height:90px}
    .afterser2 .input textarea{height:90px;padding:10px 10px}
    .afterserbtn{width:120px;height:40px;line-height:40px}
}

.news{padding:70px 0 120px}
.newsitems{margin-top:72px}
.newsitem{width:28.14%;margin-right:7.79%;margin-bottom:90px;display:block}
.newsitem:nth-of-type(3n){margin-right:0}
.newsitem .datebox{width:74px;margin-right:16px}
.newsitem .datebox .date{font-size:24px;color:#000;font-family:'tenbold';line-height:1}
.newsitem .datebox .year{color:#adadad;font-size:12px;margin-top:12px}
.newsitem .datebox .more{width:34px;height:34px;margin-top:42px;background-image:url(../img/newsmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.newsitem .rightbox{width:calc(100% - 90px)}
.newsitem .textbox{margin-top:32px}
.newsitem .title{font-size:20px;font-weight:bold;line-height:32px;height:64px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsitem .text{color:#999;font-size:12px;margin-top:20px;line-height:2;height:68px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.newsitem:hover .datebox .more{background-image:url(../img/newsmore_cur.png)}
.newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsitem:hover .title{color:#a3c85d}
.newsdetail{margin-top:80px}
.newsdetailbox .title{font-size:30px;font-weight:bold;color:#231e37}
.newsdetailbox{width:calc(100% - 546px);margin-right:90px}
.newsrec{width:456px}
.newsrectop{background-color:#fafafa;padding:44px 50px 0}
.newsdrecomm-top .cntitle{color:#393435;font-size:28px;font-weight:bold;line-height:1}
.newsdrecomm-top .entitle{color:#999;font-family:Arial;margin-top:10px}
.newsdrecomm-top .line{width:24px;height:4px;background-color:#353744;margin-top:50px}
.newsdrecommitems{padding:20px 0px 0;margin-top:20px}
.newsdrecommitem{display:block;padding-bottom:30px;border-bottom:1px solid #f5f5f5;margin-bottom:30px;border-bottom: 1px solid #ededed}
.newsdrecommitem:nth-last-of-type(1){margin-bottom:0;border-bottom:none}
.newsdrecommitem .img{overflow:hidden}
.newsdrecommitem .img img{width:100%;transition:.4s;-webkit-transition:.4s}
.newsdrecommitem .title{color:#666;font-size:16px;margin-top:22px;max-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsdrecommitem .mores{width:47px;height:33px;margin-top:16px;transition:.4s;-webkit-transition:.4s;background-image:url(../img/temore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.newsdrecommitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.newsdrecommitem:hover .mores{background-image:url(../img/temore_cur.png)}
.newsdrecommitem:hover .title{color:#b4ca4c}
.newsdother{background-color:#fafafa;margin-top:20px;padding:30px 50px 52px}
.newsrec .projbotl{width:100%}
.newsrec .projpagerslist{margin-bottom:22px}
.newsrec .projpagerslist:nth-of-type(2){margin-bottom:0}
.newsrec .projpagerslist .name{color:#999;margin-right:12px;font-size:16px}
.newsrec .projpagerslist .text{width:calc(100% - 78px);color:#333;font-size:16px}
.newsrec .sharebox{margin-top:25px}
.newsrec .sharebox .sharelist{width:36px;height:36px;cursor:pointer;border:1px solid #f0f0f0;border-radius:36px;margin-right:15px;transition:.4s;-webkit-transition:.4s;background-repeat:no-repeat;background-position:center center;}
.newsrec .sharebox .sharelist:hover{background-color:#b4ca4c;border:1px solid #bfa55d}
.newsrec .sharebox .sharelist:nth-of-type(1){background-image:url(../img/projwx.png)}
.newsrec .sharebox .sharelist:nth-of-type(1):hover{background-image:url(../img/projwx_cur.png)}
.newsrec .sharebox .sharelist:nth-of-type(2){background-image:url(../img/projxl.png)}
.newsrec .sharebox .sharelist:nth-of-type(2):hover{background-image:url(../img/projxl_cur.png)}
.newsrec .sharebox .sharelist:nth-of-type(3){background-image:url(../img/projqq.png)}
.newsrec .sharebox .sharelist:nth-of-type(3):hover{background-image:url(../img/projqq_cur.png)}
.newsrec .projreturn{width:100%;height:50px;background-color:#b4ca4c;margin-top:25px;display:block;padding-left:126px;color:#fff;line-height:50px;font-size:16px;background-image:url(../img/list.png);background-repeat:no-repeat;background-position:right 124px center;}
.newsdetailbox .ohter{margin:22px 0}
.newsdetailbox .ohter .icon{margin-right:10px}
.newsdetailbox .ohter .otherlist{margin-right:20px}
.newsdetailbox .ohter .otherlist:nth-last-of-type(1){margin-right:0}
.newsdetailbox .ohter .otherlist:nth-of-type(1) .icon{margin-top:3px}
.newsdetailbox .ohter .otherlist:nth-last-of-type(1)  .icon{margin-top:2px}
.newsdetailbox .ohter .otherlist .text{color:#ccc;font-weight:bold}
.newsdetailbox .content img{display:initial}



.talentcon{padding:70px 0 198px}
.talentconitems{margin-top:90px}
.talentconitem .img,
.talentconitem .pcimg{width:50%}
.talentconitem .img:hover img,
.talentconitem .pcimg:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.talentconitem .textbox{width:50%;padding-left:4.166vw;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.talentconitem:nth-of-type(2n) .textbox{padding-right:4.166vw;padding-left:0}
.talentconitem .icon{width:40px;height:40px;border-radius:40px;box-shadow:0px 10px 30px 0px rgba(111, 166, 7, 0.3)}
.talentconitem .title{color:#7fae26;font-size:26px;line-height:40px;margin-left:20px;font-weight:bold;}
.talentconitem .text{margin-top:34px;color:#666;line-height:2.143;max-height:194px;overflow-y:auto}
.talentconitem .text::-webkit-scrollbar{width:4px}
.talentconitem .text::-webkit-scrollbar-thumb{background-color:#90b843}
.talentconitem .text::-webkit-scrollbar-track{background-color:#f9ffee}
.talentconitem .wapimg{display:none}
.career{padding:54px 0 185px}
.career .textbox{width:50%;padding-right:4.791vw}
.career .textbox .text{margin-top:58px;color:#666;line-height:2.429}
.career .img{width:50%;margin-top:8px}
.career .img:hover img,
.magazine1 .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.magazine1{padding:70px 0 90px}
.magazine1 .box{border-bottom:1px solid #e5e5e5}
.magazine1 .textbox{width:calc(100% - 388px);padding-right:9.6875vw}
.magazine1 .textbox .text{color:#999;line-height:2.143;margin-top:62px}
.magazine1 .img{margin-bottom:-1px}
.magaz2top{position:relative}
.magaz2top:after{content:"";width:100%;height:12px;position:absolute;bottom:0;left:0;background-color:#fafafa}
.magaz2topslide{position:relative;z-index:3}
.magaz2topslide .swiper-container{padding-bottom:12px}
.magaz2topslide .swiper-button-next,
.magaz2topslide .swiper-button-prev{width:49px;height:49px;background-size:100% 100%;top:0;margin-top:0;opacity:1}
.magaz2topslide .swiper-button-next{background-image:url(../img/magright.png);right:0}
.magaz2topslide .swiper-button-prev{background-image:url(../img/magleft.png);left:0}
.magaz2topslide .swiper-button-next:hover{background-image:url(../img/magright_cur.png)}
.magaz2topslide .swiper-button-prev:hover{background-image:url(../img/magleft_cur.png)}
.magaz2topslide .swiper-slide{padding:0 59px 28px;color:#999;font-size:30px;font-family:'gothbold';text-align:center;cursor:pointer}
.magaz2topslide .swiper-slide:after{content:"";width:16px;height:20px;position:absolute;bottom:-11px;left:50%;margin-left:-8px;background-image:url(../img/magyearicon.png);background-repeat:no-repeat;background-position:top center;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.magaz2topslide .swiper-slide.cur{color:#a3c85d}
.magaz2topslide .swiper-slide.cur:after{background-position:bottom center}
.magaz2bot{padding:80px 0 118px;background-color:#fafafa}
.magaz2item{width:21.17%;margin-right:5.106%;margin-bottom:76px}
.magaz2item:nth-of-type(4n){margin-right:0}
.magaz2item .img{border:1px solid #ebebeb}
.magaz2item .textbox{margin-top:24px;text-align:center}
.magaz2item .textbox .title{text-align:center;color:#595656;font-weight:bold;line-height:2.143}
.magaz2item .textbox .date{color:#bababa;margin:18px 0 20px;line-height:16px;font-family:Arial;display:inline-block;padding-left:25px;background-image:url(../img/magtime.png);background-repeat:no-repeat;background-position:left center}
.magaz2item .textbox .see{width:130px;height:40px;margin:0 auto;text-align:left;background-color:#ccc;padding-left:51px;color:#fff;line-height:40px;display:block;border-radius:40px;background-image:url(../img/magsee.png);background-repeat:no-repeat;background-position:left 25px center}
.magaz2item .textbox .see:hover{background-color:#a3c85d}
.magaz2items p{font-size:30px;text-align:center;font-weight:bold}
.prodb{padding:100px 0 220px}
.prodb .img{width:50%}
.prodb .textbox{width:50%;padding-left:5.208vw;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.prodb .textbox .title1{font-size:40px;font-family:'itcavan'}
.prodb .textbox .title2{font-size:24px;margin:18px 0 48px;font-weight:bold;}
.prodb .textbox p{color:#666;line-height:2.571}
.prodb .textbox p img{vertical-align:middle}
.prodshare{margin-top:50px}
.prodsharelist{width:20px;height:20px;margin-right:30px;cursor:pointer;background-image:url(../img/);background-repeat:no-repeat;background-position:center center}
.prodsharelist:nth-last-of-type(1){margin-right:0}
.prodsharelist[data-wx]{background-image:url(../img/prodbwx.png)}
.prodsharelist[data-wx]:hover{background-image:url(../img/prodbwx_cur.png)}
.prodsharelist[data-wb]{background-image:url(../img/prodbwb.png)}
.prodsharelist[data-wb]:hover{background-image:url(../img/prodbwb_cur.png)}
.prodsharelist[data-qq]{background-image:url(../img/prodbqq.png)}
.prodsharelist[data-qq]:hover{background-image:url(../img/prodbqq_cur.png)}
.prodetail_b{padding:86px 0}
.prodcbot{overflow-y:auto;}

@media (max-width:1440px){
    .newsitem{width:30%;margin-right:5%;margin-bottom:55px}
    .talentconitem .text{max-height:180px;margin-top:25px}
    .career .textbox .text{line-height:2;margin-top:35px}
    .career{padding:54px 0 100px}
    .magazine1 .textbox{padding-right:6.5vw}
    .magazine1 .textbox .text{margin-top:35px}
    .prodb{padding:70px 0 120px}
    .prodb .textbox{padding-left:3.5vw}
    .prodb .textbox .title1{font-size:32px}
    .prodb .textbox .title2{font-size:20px;margin:12px 0 30px}
    .prodb .textbox p{line-height:2.1}
    .prodshare{margin-top:35px}
    
}
@media (max-width:1024px){
    .news, .talentcon, .career, .prodb{padding:50px 0}
    .newsitems{margin-top:30px;margin-bottom:15px}
    .newsitem .img img{width:100%}
    .newsitem{width:100%;margin-right:0%;margin-bottom:20px}
    .newsitem .datebox .date{font-size:18px}
    .newsitem .datebox .year{margin-top:4px}
    .newsitem .datebox .more{width:26px;height:26px;background-size:100% 100%;margin-top:25px}
    .newsitem .datebox{width:58px;margin-right:12px}
    .newsitem .rightbox{width:calc(100% - 70px)}
    .newsitem .title{font-size:16px;line-height:26px;height:52px}
    .newsitem .textbox{margin-top:7px}
    .newsitem .text{line-height:1.8;height:64px;margin-top:5px}
    .talentconitems{margin-top:30px}
    .talentconitem .img{width:100%}
    .talentconitem .pcimg{display:none}
    .talentconitem .wapimg{display:block}
    .talentconitem .textbox{width:100%;padding:25px 0}
    .talentconitem .text{max-height:inherit;margin-top:10px;line-height:1.8}
    .talentconitem .icon{width:30px;height:30px}
    .talentconitem .title{font-size:18px;line-height:30px;margin-left:10px}
    .career .textbox{width:100%;padding-right:0}
    .career .textbox .text{line-height:1.8;margin-top:15px}
    .career .img{width:100%;margin-top:25px}
    .magazine1{padding:40px 0 30px}
    .magazine1 .img{width:100%;margin-bottom:0}
    .magazine1 .textbox{width:100%;padding-right:0;margin-top:20px}
    .magazine1 .textbox .pagetitlebox .entitle{font-size:18px}
    .magazine1 .textbox .pagetitlebox .cntitle{font-size:16px}
    .magazine1 .textbox .text{margin-top:10px;line-height:1.8}
    .magazine1 .box{padding-bottom:20px}
    .magaz2topslide .swiper-button-next, .magaz2topslide .swiper-button-prev{width:33px;height:33px}
    .magaz2topslide .swiper-slide{padding:0 43px 16px;font-size:22px}
    .magaz2bot{padding:30px 0 50px}
    .magaz2item{width:48%;margin-right:4%;margin-bottom:25px}
    .magaz2item:nth-of-type(2n){margin-right:0}
    .magaz2item .textbox .title{line-height:1.6}
    .magaz2item .textbox{margin-top:10px}
    .magaz2item .textbox .date{margin:8px 0 10px}
    .magaz2item .textbox .see{width:110px;height:32px;line-height:32px;padding-left:40px;background-position:left 15px center;background-size:12px auto}
    .prodb .textbox{padding-left:0;width:100%;margin-top:20px}
    .prodb .textbox .title1{font-size:24px}
    .prodb .textbox .title2{font-size:18px;margin:0 0 15px}
    .prodb .textbox p{line-height:1.8}
    .prodshare, .newsdetail{margin-top:25px}
    .prodb .img, .newsdetailbox{width:100%}
    .newsdetailbox{margin-right:0}
    .newsdetailbox .title, .newsdrecomm-top .cntitle{font-size:20px}
    .newsdrecomm-top .entitle{font-size:12px}
    .newsrec{width:100%;margin-top:30px}
    .newsrectop, .newsdother{padding:25px 20px}
    .newsdrecomm-top .line{width:18px;height:3px;margin-top:20px}
    .newsdrecommitems{padding:0}
    .newsdrecommitem{padding-bottom:20px;margin-bottom:20px}
    .newsrec .projreturn{padding-left:35%;background-position:right 35% center}
    .newsrec .projpagerslist .name{font-size:14px}
    .newsrec .projpagerslist .text{width:calc(100% - 68px);font-size:14px}
    .newsrec .projpagerslist{margin-bottom:10px}
    .investboxright .img{display:none}
    .prodetail_b{padding:45px 0}
    .prodetail_b .content{overflow-x:auto}
}
@media (max-width:380px){
    .magaz2item .textbox .title{font-size:12px}
}

.investors{padding:70px 0 184px}
.investbox{margin-top:86px}
.investboxleft{width:calc(100% - 330px);margin-right:50px}
.investitems{margin-bottom:60px}
.investitem{padding:24px 0 20px;border-bottom:1px dashed #e5e5e5;display:block}
.investitem .textbox{width:calc(100% - 104px);margin-right:20px}
.investitem .textbox .title{color:#666;line-height:24px;font-size:16px;height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.investitem .textbox .date{margin-top:16px;padding-left:25px;height:16px;line-height:16px;color:#bababa;font-family:Arial;background-image:url(../img/magtime.png);background-repeat:no-repeat;background-position:left center}
.investitem .see{width:84px;margin-top:6px;color:#999;padding-left:34px;background-image:url(../img/invsee.png);background-repeat:no-repeat;background-position:left center}
.investitem:hover .textbox .title{color:#a3c85d}
.investitem:hover .see{color:#a3c85d;background-image:url(../img/invsee_cur.png)}
.investboxright{width:280px}
.investboxright .img{border:1px solid #f2f2f2}
.investboxright .bot{padding:24px 30px 64px;background-image:url(../img/invbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.investboxright .item{margin-bottom:16px}
.investboxright .item:nth-last-of-type(1){margin-bottom:0}
.investboxright .item .title{color:#999}
.investboxright .invsel{margin-top:11px;position:relative}
.investboxright .invseltop{width:100%;height:45px;background-color:#fff;border:1px solid #f2f2f2;padding-left:25px;cursor:pointer}
.investboxright .invseltop .name{width:calc(100% - 36px);margin-right:10px;height:43px;line-height:43px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.investboxright .invseltop .down{width:26px;height:43px;line-height:43px}
.investboxright .invseltop .down img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.investboxright .invseltop .name.date{padding-left:30px;background-image:url(../img/magtime.png);background-repeat:no-repeat;background-position:left center}
.investboxright .invseltop .name input{width:100%;height:43px;color:#999}
.invselitems{width:100%;height:auto;max-height:120px;overflow-y:auto;background-color:#fff;position:absolute;top:65px;left:0;box-shadow:0px 4px 22px 0px rgba(0,0,0,0.08);z-index:-1;visibility:hidden;opacity:0}
.invsel.cur .invselitems{z-index:9;opacity:1;visibility:visible;top:45px}
.invsel.cur .invseltop .down img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.invselitem{padding:5px 25px;color:#999;line-height:26px;cursor:pointer}
.invselitem:hover{background-color:#a3c85d;color:#fff}
.productc{padding:70px 0 102px}
.prodcnav{margin-top:108px}
.prodcnavlist{padding:0 44px;height:50px;border:1px solid #ccc;line-height:48px;color:#999;border-left:none;border-right:none;display:block}
.prodcnavlist:nth-of-type(1){border-left:1px solid #ccc}
.prodcnavlist:nth-last-of-type(1){border-right:1px solid #ccc}
.prodcnavlist.cur,
.prodcnavlist:hover{border-color:#a3c85d;background-color:#a3c85d;color:#fff}
.prodcbot{margin-top:80px}
.prodcitem{width:22.8%;margin-bottom:30px;margin-right:2.933%;border:1px solid #f3f3f3;padding:29px 29px 26px;cursor:pointer}
.prodcitem:nth-of-type(4n){margin-right:0}
.prodcitem .imgbox{position:relative}
.prodcitem .img{height:380px;line-height:380px;text-align:center}
.prodcitem .img img{max-height:100%;max-width:100%;display:inline-block;vertical-align:middle;margin-bottom:3px}
.prodcitem .see{width:42px;height:42px;position:absolute;top:70%;margin-top:-21px;left:50%;margin-left:-21px;opacity:0}
.prodcitem:hover .see{top:50%;opacity:1}
.prodcitem .textbox{margin-top:25px}
.prodcitem .textbox .title{color:#999;text-align:center;font-size:16px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.prodcitem:hover .textbox .title{color:#a3c85d}
.prodcitem:hover{border-color:#fff;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.08)}
.procalertbox{position:absolute;z-index:23;top:50%;left:50%;padding:50px;background-color:#fff;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);opacity:0}
.procalertbox.cur{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
.procalertbox .top{padding-bottom:20px;border-bottom:1px solid #f0f0f0}
.procalertbox .top .title{width:calc(100% - 37px);margin-right:20px;font-size:22px;color:#666}
.procalertbox .top .close{cursor:pointer}
.procalertbox .top .close:hover img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.procalertbox .img{margin-top:20px;text-align:center}
.procalertbox .img img{display:inline-block}
.techsupp{padding:70px 0 142px}
.techsuppbox{margin-top:66px}
.techsuppbox .leftbox{width:calc(100% - 613px);padding-right:8.854vw}
.techsuppbox .leftbox .text{line-height:2.143;color:#666}
.techsuppbox .leftbox .numbox{margin:52px 0}
.techsuppbox .leftbox .numlist{margin-right:5.208vw}
.techsuppbox .leftbox .numlist .numUp{color:#000;font-size:36px;line-height:1;font-family:'gothbold'}
.techsuppbox .leftbox .numlist .unit{margin-top:13px;color:#000;margin-left:10px}
.techsuppbox .leftbox .numlist .text{color:#999;margin-top:12px}
.techsuppbox .conlist{width:48%;margin-right:4%;padding:42px 1.979vw;min-height:250px;background-color:#fff;border-radius:10px;border:1px solid #f0f0f0;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);background-repeat:no-repeat;background-position:center center;background-size:cover}
.techsuppbox .conlist:nth-of-type(1){background-image:url(../img/techbg1.png)}
.techsuppbox .conlist:nth-of-type(2){background-image:url(../img/techbg2.png)}
.techsuppbox .conlist:nth-of-type(2n){margin-right:0}
.techsuppbox .conlist .title{color:#93c633;font-size:22px}
.techsuppbox .conlist .text{color:#989898;margin-top:22px;line-height:2.4;word-break:break-all}


@media (max-width:1620px){
    .techsuppbox .leftbox{padding-right:6.5vw}
    .techsuppbox .conlist{padding:30px 1.2vw}
}

@media (max-width:1440px){
    .prodcitem .img{height:320px;line-height:320px}
    .prodcnavlist{padding:0 30px}
    .tecnmap{width:490px}
    .techsuppbox .leftbox{width:calc(100% - 490px);padding-right:4vw}
    .techsuppbox .conlist{padding:30px 1vw}
}

@media (max-width:1280px){
    .prodcitem .img{height:280px;line-height:280px}
    .prodcnavlist{padding:0 20px}
}
@media (max-width:1024px){
    .investors, .productc, .techsupp{padding:50px 0}
    .investboxright{width:100%}
    .investbox{margin-top:30px}
    .investboxright .img img{width:100%}
    .investboxright .bot{padding:30px 15px}
    .investboxright .invseltop{padding-left:15px}
    .investboxright .invseltop .name.date{padding-left:20px}
    .investboxleft{width:100%;margin-right:0;margin-top:30px}
    .investitem .see{width:50px;background-size:12px auto;padding-left:18px;margin-top:2px}
    .investitem .textbox{width:calc(100% - 60px);margin-right:10px}
    .investitem .textbox .title{font-size:14px;height:19px;line-height:19px}
    .investitem .textbox .date{margin-top:6px}
    .investitem{padding:10px 0}
    .investitems{margin-bottom:30px}
    .prodcnav{width:100%;margin-top:20px;overflow-x:auto}
    /* .prodcnav::-webkit-scrollbar{height:4px}
    .prodcnav::-webkit-scrollbar-thumb{background-color:#90b843;border-radius:4px}
    .prodcnav::-webkit-scrollbar-track{background-color:#f9ffee} */
    .prodcnavlist{padding:0 15px;height:36px;line-height:34px}
    .prodcnavlist:nth-of-type(1){border-left:none}
    .prodcnavlist:nth-last-of-type(1){border-right:none}
    .prodcbot{margin-top:35px}
    .prodcitem{width:100%;margin-right:0;margin-bottom:20px;padding:35px 20px}
    .prodcitem:nth-of-type(2n){margin-right:0}
    .prodcitem .img{height:auto;line-height:inherit}
    .prodcitem .textbox{margin-top:10px}
    .procalertbox{width:92%;margin-left:-46%;top:15%;padding:15px}
    .tecnmap{width:100%}
    .techsuppbox .leftbox{width:100%;padding-right:0}
    .techsuppbox{margin-top:30px}
    .techsuppbox .leftbox .text{line-height:1.8}
    .techsuppbox .leftbox .numlist .numUp{font-size:28px}
    .techsuppbox .leftbox .numlist .unit{margin-top:6px;margin-left:6px}
    .techsuppbox .leftbox .numbox{margin:20px 0}
    .techsuppbox .conlist{width:100%;margin-right:0;padding:15vw 20px;margin-bottom:20px;min-height:inherit}
    .techsuppbox .conlist .title{font-size:18px}
    .techsuppbox .conlist .text{line-height:1.8;margin-top:10px}
    .techsuppbox .leftbox .numlist .text{line-height:1.4;margin-top:6px}
    .techsuppbox .leftbox .numlist{margin-right:20px}

}

@media (max-width:640px){
    
}

@media (max-width:1440px){
    
}
@media (max-width:1024px){

}




.jobBox{ padding: 120px 0 185px; }
.jobBox .titleDiv{ padding-bottom: 75px; }
.jobBox .titleDiv .title1{ font-size: 36px; color: #090a0c; line-height: 36px; font-weight: bold; font-family: "Microsoft JhengHei"; }
.jobBox .titleDiv .title2{ font-size: 14px; color: #767676; text-transform: uppercase; padding-top: 12px; }

.selectBox{ height: 68px; margin-bottom: 50px;position:relative; z-index:2;margin-top:45px}
.select{ width: 33.33%;position: relative;left: 0;float: left; height: 70px;}
.select em{ position: absolute; left: 50px; top: 0;font-style:normal;line-height: 68px; font-size: 14px; color: #999; z-index: 6; }
.select dt{height: 68px;line-height: 68px;display: inline-block; width: 100%; border: 1px solid #f5f5f5; background: #fff url(../img/selectIco2.jpg) no-repeat right center;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 5;}
.select dt a{  font-size: 14px;color: #999; position: relative; padding-right: 90px; display: block; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
/*.select.on dt{ background: #f7f7f7;}*/
.select dd{ margin: 0;position: absolute;left: 0px;top: 68px; z-index: 100; width: 100%;} 
.select dd ul {list-style: none; overflow: auto; border:#f5f5f5 solid 1px; padding: 0 50px;background: #fff;} 
.select dd ul li{ text-align: right; padding-right: 40px; line-height: 58px; height: 58px; cursor: pointer; border-bottom: 1px solid #ebebeb; color: #666; font-size: 14px;}
.select dd ul li:last-child{ border-bottom: none; }
.select dd ul li:hover{ color: #f6a30b;  }

.jobBox .list ul{ margin-right: -5px;display:block }
.jobBox .list li{ float: left; width: 31.27%; margin-bottom:50px;margin-right:3.095% }
.jobBox .list li:nth-of-type(3n){margin-right:0}
.jobBox .list li .box{ height:auto; background: #fafafa; padding: 45px 50px 100px; position: relative;}
.jobBox .list li .name{ font-weight: bold; font-size: 26px; color: #393435; height:65px; position: relative; }
.jobBox .list li .name img{ margin-right: 12px; position: relative; top: -3px; }
.jobBox .list li .name:after{ content: ''; width: 20px; height: 3px; background: #e0e0e0; position: absolute; left: 0; bottom: 0; }
.jobBox .list li .msgList{ padding-top: 30px; }
.jobBox .list li .msgList dd{ font-size: 14px; color: #b1b1b1; line-height: 36px; }
.jobBox .list li .ico{ position: absolute; left: 50px; bottom: 50px; width: 47px; height: 33px; background: url(../img/nimg47_1.png) no-repeat center; background-size:47px; }
.jobBox .list li:hover .box{ background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);}
.jobBox .list li:hover .ico{ background: url(../img/nimg47_1on.png) no-repeat center; background-size: 47px;}

.jobLayer{ display: none; position: absolute; background: #fff; width: 1200px; height: 800px; z-index: 100;  }
.jobLayer .mxfDiv{ padding: 0 100px; height: 800px; overflow: auto;}
.jobLayer .mxfDiv::-webkit-scrollbar {
    width: 4px;
    background-color: #e5e5e5;
}
.jobLayer .mxfDiv::-webkit-scrollbar-thumb {
    background: #006442;
}
.jobLayer .close{ position: absolute; right: 100px; top: 105px; width: 34px; height: 34px; background: url(../img/close.png) center no-repeat; }
.jobLayer .toptop{ padding: 100px 0 50px; border-bottom: #f2f2f2 solid 1px; }
.jobLayer .name{ font-size: 28px; color: #231e37; font-weight: bold; }
.jobLayer .name img{ margin-right: 20px; width:24px; }
.jobLayer .msgList{ padding-top: 20px; }
.jobLayer .msgList li{ float: left; font-size: 14px; color: #999; padding-right: 60px; }
.jobLayer .botbot{ padding:50px 0; }
.jobLayer .txt{ font-size: 14px; color: #333; font-weight: bold; padding-bottom: 15px; }
.jobLayer .content{ font-size: 14px; color: #999; line-height: 34px; padding-bottom: 45px; }

#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:99;
	top:0; left:0px;
	background-color:#000;
	display:none;
}

.jobBox .prodcnav{margin-top:0}
.jobdesc{font-size:16px;line-height:2;color:#999}
.sideBar{ position:fixed; right: 0; bottom:30px; margin-top:0; z-index:15;}
.sideBar li{ width:52px; height:52px; margin-bottom:5px; text-align:center; background: #a3c85d; font-size:14px; position:relative; border-radius:4px;}
.sideBar li .ico{ position:absolute; left:50%; margin-left:-18px; top:50%; margin-top:-15px; text-align:center;}
.sideBar li .txt{ padding-top:6px; color:#fff; display:none;}


@media (max-width:1024px){
    .jobBox{ padding: 50px 0 30px; }
    .jobBox .titleDiv .title1{ font-size: 20px;line-height:24px}
    .jobBox .titleDiv .title2{ font-size: 16px;line-height:20px;padding-top:6px}
    .jobBox .titleDiv{padding-bottom:25px}
	.jobBox .list ul{ margin-right: 0; }
	.jobBox .list li{ float: none; width: 100%;margin-bottom:20px;margin-right:0}
	.jobBox .list li .box{ margin-right: 0; height:auto; padding:25px 20px 65px;}
	.jobBox .list li .name{ font-size: 18px; height:40px; }
	/* .jobBox .list li .name img{ width: 0.32rem; } */
	.jobBox .list li .name:after{ width: 15px; height: 3px; }
	.jobBox .list li .msgList{ padding-top: 15px; }
	.jobBox .list li .msgList dd{ font-size: 14px; line-height: 21px; }
	.jobBox .list li .ico{ bottom: 20px; width: 30px; height: 21px; background-size:100%;left:20px}
	.jobBox .list li:hover .ico{ background-size: 0.6rem;}
	.selectBox{ height: auto; position: relative; z-index: 10;margin-bottom:30px}
	.select{ width: 100%; float: none; height:50px; margin-bottom: 10px;}
	.select em{ left: 10px; line-height: 48px; font-size: 14px; }
	.select dt{height: 48px;line-height: 48px; background: #fff url(../img/selectIco2.jpg) no-repeat right center; background-size: 26px;}
	.select dt a{ font-size: 14px; padding-right: 20px;} 
	.select dd{ top: 0.98rem;} 
	.select dd ul { padding: 0 0.5rem;} 
	.select dd ul li{ padding-right: 0.4rem; line-height: 0.78rem; height: 0.78rem; font-size: 0.28rem;}
	.jobLayer{ width: 94%; height: auto;  }
	.jobLayer .mxfDiv{ padding: 0 25px; height: 500px;}
	.jobLayer .close{ right: 25px; top: 38px; width: 20px; height: 20px; background-size: 20px auto; }
	.jobLayer .toptop{ padding: 30px 0 15px;}
	.jobLayer .name{ font-size: 18px; }
	.jobLayer .name img{ margin-right: 10px; width: 12px; }
	.jobLayer .msgList{ padding-top:10px; }
	.jobLayer .msgList li{ float: none; font-size:14px; padding-right: 0; line-height: 18px; }
	.jobLayer .botbot{ padding: 15px 0; }
	.jobLayer .txt{ font-size: 14px; }
    .jobLayer .content{ font-size: 16px; line-height: 24px; }
    .jobBox .prodcnav .prodcnavlist:nth-last-of-type(1){border-right:1px solid #ccc}
    .jobdesc{margin-top:20px;font-size:14px}
    .selectBox{margin-top:20px}
}