@font-face{font-family:iconfont;src:url(../fonts/font_1571794_wvs3if06srn.eot);src:url(../fonts/font_1571794_wvs3if06srn.eot?#iefix) format('embedded-opentype'),url(../fonts/font_1571794_wvs3if06srn.woff2) format('woff2'),url(../fonts/font_1571794_wvs3if06srn.woff) format('woff'),url(../fonts/font_1571794_wvs3if06srn.ttf) format('truetype'),url(../fonts/font_1571794_wvs3if06srn.svg#iconfont) format('svg')}
._pLR{padding:0 100px}
._plateTitle span{font-weight:700;display:block;position:relative}
._plateTitle .cn{color:#278909;font-size:32px;display:inline-block;text-transform:uppercase}
._plateTitle .cn i{position:absolute;font-weight:100;right:-30px;font-size:23px;top:-5px}
._plateTitle .en{color:rgba(66,66,66,.1);font-size:36px;text-transform:uppercase}
._plateTitle.colorFFF .cn{color:#333}
._plateTitle.colorFFF .en{color:rgba(255,255,255,.1)}
._more{width:210px;line-height:46px;border:1px solid #fff;display:block;margin:55px auto 0;text-align:center;color:#fff;z-index:2;position:relative}
._more:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;z-index:-1;transform:scale(1.2);transition:ease .4s;opacity:0}
.nav{height:80px;position:fixed;display:flex;justify-content:space-between;border-bottom:1px solid #e5e5e5;width:100%;background:#fff;z-index:20}
.hamburger{top:0;width:130px;height:80px;cursor:pointer;position:relative;z-index:2}
.hamburger__bar{position:absolute;background:#151515;transition:background .3s ease,transform .3s ease;top:50%;left:50%;transform:translate(-50%,-50%)}
.hamburger__bar,.hamburger__bar:after,.hamburger__bar:before{width:30px;height:2px}
.hamburger__bar:before{content:"";position:absolute;left:0;bottom:5px;background:#151515;transition:bottom .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)}
.hamburger__bar:after{content:"";position:absolute;left:0;top:5px;background:#151515;transition:top .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)}
.hamburger__bar.openActive{background:rgba(255,255,255,0)}
.hamburger__bar.openActive:before{bottom:0;transform:rotate(-45deg);transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)}
.hamburger__bar.openActive:after{top:0;transform:rotate(45deg);transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)}
.monile{display:none}
.pc{display:block}
.nav .pcLeft{display:flex;width:40%}
.nav ul{display:flex;font-size:16px;align-items:center;border-left:1px solid #e5e5e5}
.nav ul li{transition:ease .4s;width:98px;text-align:center;line-height:80px;border-right:1px solid #e5e5e5;height:100%}
.nav ul li.en{width:120px}
.nav ul li a{display:block;height:100%}
.nav ul li a:hover{color:#278909;}
.nav ul li.en span{line-height:1.4;display:inline-block;vertical-align:middle}
.nav .pcLogo{position:relative}
.nav .pcLogo h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:245px}
.nav .pcRight{display:flex;width:40%;justify-content:flex-end}
.nav .searchBox{position:relative;width:85px;line-height:80px;text-align:center}
.nav .searchBox.active #keyshead{width:480px;background:#f5f5f5;opacity:1;visibility:inherit;text-indent:2rem}
.nav .searchBox i{font-size:30px;cursor:pointer;z-index:2;position:absolute;height:100%;width:100%;left:0;text-align:center}
.nav #keyshead{position:absolute;height:100%;background-color:#f5f5f5;border-left:1px solid #e2e2e2;border-right:0;border-top:0;border-bottom:0;width:85px;right:0;opacity:0;visibility:hidden;z-index:1;transition:all .3s ease-in-out}
._mobile{display:none}
.banner .ul .li{overflow:hidden}
.banner .ul .pic{position:absolute;height:100%;width:100%;background-size:cover;background-position:center}
.banner .bannerBtn{position:absolute;top:50%;color:#fff;font-size:30px;width:60px;height:60px;line-height:60px;text-align:center;margin-top:-30px;cursor:pointer;transition:ease .5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:9;user-select:none;opacity:1}
.banner .bannerBtn span{width:0;height:2px;background:#fff;position:absolute;top:50%;transition:ease .8s}
.banner .bannerBtn span:after,.banner .bannerBtn span:before{content:'';width:30px;height:2px;background:#fff;position:absolute;transform-origin:left}
.banner .bannerBtnL.bannerBtn span:after{transform:rotate(-45deg)}
.banner .bannerBtnL.bannerBtn span:before{transform:rotate(45deg)}
.banner .bannerBtnL span:after,.banner .bannerBtnL span:before{transform-origin:left;left:0}
.banner .bannerBtnR.bannerBtn span:after{transform:rotate(-45deg)}
.banner .bannerBtnR.bannerBtn span:before{transform:rotate(45deg)}
.banner .bannerBtnR span:after,.banner .bannerBtnR span:before{transform-origin:right;right:0}
.banner .bannerBtnL span{left:20px}
.banner .bannerBtnR span{right:20px}
.banner .bannerBtnL{left:4%}
.banner .bannerBtnR{right:4%}
.banner .icon_arrow{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;font-size:30px;color:#fff;z-index:5;font-weight:100;cursor:pointer}
.inBanner{position:relative;margin-top:80px;background:#000}
.inBanner .pic{position:relative;overflow:hidden;height:60vh}
.inBanner .slogan{position:absolute;left:10%;bottom:20%;padding-top:45px}
.inBanner .slogan:after{content:'';position:absolute;left:0;width:80px;height:4px;background:#fff;top:0}
.inBanner .slogan span{color:#fff;display:block}
.inBanner .slogan span.cn{font-size:72px;font-family:Arial;font-weight:700;text-transform:uppercase}
.inBanner .slogan span.en{font-size:36px}
.footer{background:#36793e;padding:40px 3% 0;position:relative;z-index:5}
.footer .top{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:70px}
.footer .navMap ul{color:#fff;display:flex}
.footer .navMap li{margin-left:70px}
.footer .navMap li:nth-child(1){margin-left:0}
.footer .navMap a{display:block;color:rgba(255,255,255,.8)}
.footer .navMap a+a{margin-top:15px;position:relative}
.footer .navMap a+a:after{content:'';position:absolute;top:100%;left:0;width:100%;transform:scaleX(0);height:2px;background-color:#8d8d8d;transition:transform .5s cubic-bezier(.19,1,.22,1);transition-delay:.1s;transform-origin:right}
.footer .navMap a:nth-child(1){font-size:16px;color:#fff;font-weight:700}
.footer .inforBox{text-align:right;color:#fff;display:flex;flex-wrap:wrap}
.footer .inforBox .infor{margin-right:30px;text-align: left;}
.footer .inforBox .time{color:rgba(255,255,255,.4)}
.footer .inforBox .phoneTitle{display:block;font-size:18px;    margin-bottom: 15px;}
.footer .inforBox .QRcode{text-align:center;line-height:45px;width:100px}
.footer .inforBox .QRcode img{border:5px solid #fff}
.footer .inforBox .infor a{font-size:22px;}
.footer .bottom{border-top:1px solid #719e77;color:rgba(255,255,255,.4);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;padding:15px 0}
.footer .bottom .L{line-height:1.7}
.footer .bottom .L p:nth-child(1){color:rgba(255,255,255,.7)}
.footer .bottom .L address,.footer .bottom .L span{margin-right:40px;display:inline-block}
.footer .bottom a{transition:ease .4s}
.productPage .tabType{padding:30px 0;text-align:center;display:flex;justify-content:center}
.productPage .tabType a{display:block;font-size:18px;font-weight:700;margin:0 50px;transition:ease .4s}
.productPage .tabType i{display:block;width:55px;height:55px;margin:0 auto}
.productPage .tabType .icon1{background:url(../images/icon_type.png) 55px 55px}
.productPage .tabType .icon2{background:url(../images/icon_type2.png) 55px 55px}
.productPage .tabType .icon3{background:url(../images/icon_type3.png) 55px 55px}
.productPage .tabType a.active{color:#278909}
.productPage .tabType a.active i{background-position:0 0}
._productUl{position:relative}
._productUl li{float:left;margin-right:4%;width:22%;position:relative;margin-bottom:45px}
._productUl li .pic{transition:ease .4s;overflow:hidden}
._productUl li img{width:100%;transition:ease .4s}
._productUl .style{    color: #3e3e3e;
    position: absolute;
    font-weight: 700;
    z-index: 2;
    right: 20px;
    top: 20px;transition:ease .4s}
._productUl li .style:hover{    color: #278909;}
._productUl li:nth-child(4n){margin-right:0}
._productUl .title{position:relative;width: 100%; padding: 20px; background: #f3f3f3;}
._productUl .title span{display:block}
._productUl .title span.cn{color:#303030;font-size:18px;font-weight:700;margin-bottom:5px}
._productUl .title span.en{color:rgba(54,54,54,.4);font-size:18px;font-family:Arial;text-transform:uppercase;font-weight:700}

.productPage .content{padding:15px 0 0}
.productPage .content .L{width:49%;position:relative;float:left}
.productPage .content .L.active{position:fixed;left:100px;top:95px;width:calc(49% - 98px)}
.productPage .content .R{width:49%;float:right}
.productPage .gallery-top{height:100%;border:1px solid #ede7e794}
.productPage .gallery-top .pic{background-size:cover;background-position:center;height:100%}
.productPage .gallery-top .li{overflow:hidden}
.productPage .gallery-top .video{height:100%;display:block;width:100%}
.productPage .gallery-thumbs{position:absolute;bottom:5%;width:50%;left:50%;transform:translateX(-50%)}
.productPage .gallery-thumbs .li{border:1px solid #d4d4d4}
.productPage .L .more{width:64px;height:64px;border:1px solid #fff;position:absolute;bottom:5%;z-index:5;font-size:30px;text-align:center;line-height:64px;color:#fff;right:5%;cursor:pointer}
.productPage .L .more:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:#278909;transform:scale(1.2);opacity:0;z-index:-1;transition:ease .4s}
.productPage .description{position:relative}
.productPage .description .text{padding:7%;position:relative;height:100%;width:100%;display:flex;z-index:5;flex-wrap:wrap}
.productPage .description .g{width:100%}
.productPage .maskPD{width: 100%;
    position: absolute;
    top: 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 100%;}
.productPage .description h2.en{color:rgba(66,66,66,.1);font-size:56px;text-transform:uppercase;font-weight:700;width:100%}
.productPage .description h3.cn{color:#278909;font-size:24px;font-weight:inherit;width:100%}
.productPage .description h3 i{background:rgba(66,66,66,.1);display:inline-block;width:1px;height:30px;margin:0 15px}
.productPage .description h3 span{color:#6c6c6c;font-size:14px}
.productPage .description .title{color:#278909;font-size:18px;line-height:60px;border-bottom:1px solid #ccc;width:100%}
.productPage .description .summary{padding:15px 0;width:100%;color:#727272;font-size:16px;line-height:1.7;margin-top:20px;word-break:keep-all}
.productPage .article{padding:50px 0 0}
.productPage .article img{display:inline-block}
.productPage .PQ{padding:50px 0;position:relative;z-index:5;background:#fff}
.productPage .PQ ul{display:flex;flex-wrap:wrap;margin-top:40px}
.productPage .PQ li{padding:0 20px;width: 20%;}
.productPage .PQ li img{
    margin: 0 auto;
}
.productPage .RI{padding:50px 0;position:relative;z-index:5;background:#fff}
.productPage .RI ._productUl{margin-top:40px}
.aboutUsPage{background: #fafafa;}
.honorcon ._productUl .title{text-align: center;}
.aboutUsPage .CP .content{display:flex;padding:130px 0;flex-wrap:wrap;justify-content:space-between}
.aboutUsPage .CP .L{width:49%}
.aboutUsPage .CP .R{width:49%}
.aboutUsPage .CP .summary{color:#727272;font-size:16px;line-height:1.7;margin-top:35px}
.aboutUsPage .CP .vision{margin-top:50px}
.aboutUsPage .CP .vision strong{font-size:26px;position:relative;margin-bottom:15px;display:inline-block}
.aboutUsPage .CP .vision i{position:absolute;right:-25px;font-size:19px;color:#278909}
.aboutUsPage .CP .vision p{font-size:18px;color:#303030}
.aboutUsPage .CP .vision._en{width:85%}
.aboutUsPage .CN{background:#1f3327}
.aboutUsPage .CN ul{margin-top:50px}
.aboutUsPage .CN .content{padding:130px 0}
.aboutUsPage .CN li{float:left;width:32%;margin-right:2%;transition:ease .4s;margin-bottom:25px}
.aboutUsPage .CN li .pic{overflow:hidden}
.aboutUsPage .CN li .pic img{transition:ease .4s}
.aboutUsPage .CN li:nth-child(3n){margin-right:0}
.aboutUsPage .CN .Introduction{background:#fff;padding:60px 33px}
.aboutUsPage .CN .title{color:#232323;font-size:20px;margin-bottom:35px;height:52px;overflow:hidden}
.aboutUsPage .CN .summary{color:#6a6a6a;line-height:1.7;height:85px;font-size:16px}
.aboutUsPage .CN .Introduction i{position:absolute;font-size:62px;color:#515151;opacity:0}
.technologyPage{background:#f3f3f3;padding:130px 0}
.technologyPage ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.technologyPage li{width:48%}
.technologyPage .summary{background:#fff;font-size:16px;padding:44px;color:#737373;line-height:1.7;height:170px}
.contactUsPage{background:#f3f3f3}
.contactUsPage .join{padding:75px 0}
.contactUsPage ._join.join2{padding:50px 0 0}
._join.join2 ul li{margin-bottom:0}
._join.join2 ul li+li{margin-top:20px}
.contactUsPage ._join.join2 ul li .detail{padding:0 95px 35px}
.contactUsPage ._join.join2 ul a{width:102px;line-height:32px;text-align:center;color:#fff;display:block;border:1px solid #278909;position:relative;z-index:5;transition:ease .4s}
.contactUsPage ._join.join2 ul a:after{content:'';position:absolute;width:100%;height:100%;background:#278909;left:0;transform:scale(1);z-index:-1;transition:ease .4s}
.contactUsPage ._join.join2 ul .title{line-height:90px;padding:0 95px;position:relative}
.contactUsPage ._join.join2 ul .title:after{content:'';position:absolute;right:0;bottom:0;background:#13943b;height:1px;transition:ease .4s;width:0}
.contactUsPage ._join.join2 ul li .detail_bottom{padding:35px 0;border-top:1px solid #f0f0f0}
.contactUsPage ._join .name{display:inline-block;color:#2e2e2e;font-size:20px;min-width:17%}
.contactUsPage .claim{display:inline-block;font-size:16px;color:#666}
.contactUsPage ._join .claim span{margin:0 20px}
.contactUsPage ._join.join2 .icon{width:30px;height:30px;position:absolute;right:95px;margin:0;top:50%;transform:translateY(-50%);transition:ease .4s}
.contactUsPage ._join.join2 .icon:after{content:'';width:2px;top:0;left:50%;height:100%;background:#000;position:absolute;display:block;transition:ease .5s}
.contactUsPage ._join.join2 .icon:before{content:'';width:100%;top:50%;height:2px;background:#000;position:absolute;display:block;transition:ease .5s;transform:translateY(-50%)}
.contactUsPage ._join.join2 .active .icon:after{transform:rotate(90deg)}
.contactUsPage .CI{/* background:url(../images/contact_bg.jpg) center/cover no-repeat; */padding:75px 0}
.contactUsPage .addressBox{display:flex;flex-wrap:wrap;background:rgba(255,255,255,.9);border-top:6px solid #278909;margin-top:50px}
.contactUsPage .addressBox .L{width:50%}
.contactUsPage .addressBox ul{padding:77px}
.contactUsPage .addressBox li{display:flex;flex-wrap:wrap;align-items:center}
.contactUsPage .addressBox li+li{margin-top:40px}
.contactUsPage .addressBox li i{width:48px;height:48px;text-align:center;line-height:48px;color:#278909;border:1px solid #278909;border-radius:50%;font-size:24px;margin-right:20px}
.contactUsPage .addressBox li .infor{width:80%}
.contactUsPage .addressBox .infor span{display:block;color:#278909}
.contactUsPage .addressBox .infor a{color:rgba(48,48,48,.7);font-size:18px;transition:ease .4s}
.contactUsPage .addressBox .infor a+a{margin-left:15px}
.contactUsPage .addressBox .R{width:50%;position:relative}
.contactUsPage .addressBox #map{height:100%}
.contactUsPage #map img{max-width:inherit}
.contactUsPage .address{position:absolute;left:40px;bottom:40px;display:flex}
.contactUsPage .address a{width:210px;line-height:48px;color:#fff;display:block;text-align:center;position:relative;z-index:5;transition:ease .4s}
.contactUsPage .address a:after{content:'';position:absolute;width:100%;height:100%;left:0;z-index:-1;top:0;background:rgba(20,148,60,.62);transition:ease .4s}
.contactUsPage .address a.active:after{background:#278909}
._service{padding:0}
._service.service1 li{flex-wrap:wrap;height:auto;display:flex;align-content:stretch}
._service.service1 li:nth-child(2n){flex-direction:row-reverse}
._service.service1 li .pic{position:relative;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center}
._service.service1 li .pic img{width:100%}
._service.service1 .L,._service.service1 .R{height:auto}
._service.service1 .bg{background:url(../images/news_bg.jpg)}
._service.service1 .text{width:66%;text-align:left}
._service.service1 .summary{font-size:18px;color:#7c7c7c;line-height:1.7;margin-top:15px}
.citrus{height:calc(100vh - 80px);display:flex;flex-wrap:wrap;position:relative;overflow:hidden}
.citrus ._plateTitle{position:absolute;z-index:5;left:3%;top:50px}
.citrus ._plateTitle span.cn{font-size:36px}
.citrus ._plateTitle span.en{color:#b0aeae;font-size:42px}
.citrus .productLis{position:relative;height:100%}
.citrus .productLis .li{overflow:hidden}
.citrus .productLis .pic{background-size:cover;background-position:center;height:100%}
.citrus .productLis .pic img{opacity:0;visibility:hidden}
.citrus .L{width:50%;position:relative;height:100%}
.citrus .L .btnTab{position:absolute;right:5%;z-index:5;top:50%;transform:translateY(-50%)}
.citrus .L .btnTab i{width:78px;height:78px;display:block;border:1px solid #fff;border-radius:50%;text-align:center;line-height:78px;color:#fff;margin:15px auto;cursor:pointer;position:relative;transition:ease .4s}
.citrus .L .btnTab i:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.2);background:#fff;height:100%;width:100%;border-radius:50%;opacity:0;z-index:-1;transition:ease .4s}
.citrus .R{width:50%;display:flex;flex-wrap:wrap;align-content:space-between;position:relative;height:100%}
.citrus .R .top{width:100%;height:50%}
.citrus .productText{height:100%;background:url(../images/news_bg.jpg)}
.citrus .productText .li{display:flex;align-items:center}
.citrus .productText .lines{display:inline-block!important;line-height:1}
.citrus .productText .g{padding:0 10%;width:100%}
.citrus .productText h2.en{color:rgba(66,66,66,.1);font-size:64px;text-transform:uppercase;font-weight:700;width:100%}
.citrus .productText h3.cn .b{color:#278909;font-size:34px;font-weight:inherit;margin-bottom:20px;width:100%;margin-right:15px;padding-right:15px}
.citrus .productText h3.cn .m{font-weight:400}
.citrus .productText h3 i{background:rgba(66,66,66,.1);display:inline-block;width:1px;height:30px;margin:0 15px}
.citrus .productText h3 span{color:#6c6c6c;font-size:20px}
.citrus .productText .summary{margin:25px 0 75px}
.citrus .productText .more{transition:ease color .4s;color:#2c2b2b}
.citrus .productText .more i{font-size:50px;display:inline-block;vertical-align:middle;margin-left:15px;transition:ease transform .4s}
.citrus .R .bottom{height:50%;width:100%}
.citrus .R .productShow{height:100%}
.citrus .R .productText>.visualTI{position:absolute}
.citrus .productShow .li{position:relative;overflow:hidden}
.citrus .productShow .pic{position:relative;height:100%;background-size:cover;background-position:center}
.citrus .productShow .pic img{opacity:0}
.citrus .indicator{position:absolute;z-index:5;color:#fff;bottom:5%;left:5%}
.citrus .indicator .timer{width:160px;height:2px;background:rgba(255,255,255,.3);display:block;margin-top:15px;position:relative}
.citrus .indicator .timerCurrent{background:#fff;position:absolute;width:100%;height:100%;left:0;transform:scaleX(0);transform-origin:left}
.recommend{padding:75px 100px 100px;position:relative}
.recommend ._plateTitle{text-align:center}
.recommend ._plateTitle .cn{font-size:36px;color:#278909}
.recommend ._plateTitle .en{font-size:42px;color:#c6c6c6}
.recommend .recommendBox{margin-top:70px;cursor:none}
.recommend .recommendBox.activeDown,.recommend .recommendBox.activeDown a{cursor:none}
.recommend .recommendBox li{position:relative}
.recommend .recommendBox li a{cursor:none}
.recommend .swiper-pagination{bottom:40px;width:100%;left:0}
.recommend .recommendBox .pic{position:relative;margin-bottom:25px;background:#000}
.recommend .recommendBox .pic img{transition:ease .4s;width:100%}
.recommend .recommendBox .more{display:block;position:absolute;bottom:7%;color:#fff;left:50%;transform:translateX(-50%);padding:0 15px;border-bottom:1px solid #fff;line-height:40px;opacity:0}
.recommend .recommendBox .icon{color:#fff;position:absolute;top:50%;font-size:40px;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;transition:ease .5s;width:44px;height:44px;line-height:44px;text-align:center}
.recommend .recommendBox .title .cn{font-size:26px;display:block;margin-bottom:10px}
.recommend .recommendBox .title .en{font-size:18px;color:rgba(54,54,54,.4);text-transform:uppercase}
.recommend .swiper-pagination-bullet{border:1px solid #000;height:10px;width:10px;background:rgba(0,0,0,0);margin:0 15px;opacity:1;position:relative}
.recommend .swiper-pagination-bullet:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);height:100%;width:100%;border-radius:50%;background:#000;opacity:0;transition:ease .4s}
.recommend .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000}
.news{padding:75px 0;position:relative}
.news ._plateTitle{text-align:center;position:relative;z-index:5}
.news ._plateTitle .cn{font-size:36px;color:#278909}
.news ._plateTitle .en{font-size:42px;color:rgba(255, 255, 255, 0.7)}
.news .content{position:relative;z-index:5;margin-top:80px}
.news .newsSwiperPic{width:50%;margin:0}
.news .newsSwiperPic .li{border:1px solid rgba(0,0,0,.1);overflow:hidden}
.news .newsBox{position:absolute;background:#fff;top:50%;transform:translateY(-50%);z-index:6;width:45%;right:0;padding:100px;border:1px solid rgba(0,0,0,.1)}
.news .newsBox .newsSwiperText .timer{color:rgba(43,43,43,.4);font-size:16px}
.news .newsBox .newsSwiperText .title{font-size:24px;color:#232323}
.news .newsBox .newsSwiperText .summary{font-size:16px;color:#6a6a6a;line-height:1.7;margin-top:30px}
.news .newsBox .newsSwiperText .more{margin-top:80px;transition:ease color .4s}
.news .newsBox .newsSwiperText .more i{font-size:50px;display:inline-block;vertical-align:middle;margin-left:15px;transition:ease transform .4s}
.news .newsTab{position:absolute;right:100px;bottom:30px;font-size:28px}
.news .newsTab i{width:80px;text-align:center;display:inline-block;line-height:30px;color:#98b4ec;transition:ease .4s;cursor:pointer}
.news .newsTab span{width:1px;height:30px;background:#f0f0f0;display:inline-block;vertical-align:middle}
.news .newsBg{position:absolute;right:0;width:60%;height:100%;bottom:0;background:url(../images/newss_bg.jpg);z-index:1}
.contentJoin{background:url(../images/contentjoin_bg.jpg);color:#fff;display:flex;flex-wrap:wrap;padding:90px 0}
.contentJoin .icon{font-size:34px}
.contentJoin .L{width:50%;text-align:center}
.contentJoin .title{display:block;font-size:18px;margin-bottom:25px}
.contentJoin .inforBox .text{width:49%;margin:0 auto;color:rgba(255,255,255,.68);font-size:16px;text-align:left}
.contentJoin .inforBox .text p{position:relative;line-height:24px;padding-left:78px}
.contentJoin .inforBox p+p{margin-top:10px}
.contentJoin .inforBox p span{width:70px;display:inline-block;position:absolute;left:0;text-align:right}
.contentJoin .inforBox p a{margin-right:10px;transition:ease .4s;font-size:14px}
.contentJoin .R{width:50%;text-align:center;position:relative;border-left:1px solid rgba(255,255,255,.3)}
.contentJoin .R .summary{width:57%;color:rgba(255,255,255,.7);font-size:16px;line-height:1.7;margin:0 auto}
.contentJoin._en .R .summary{
    text-align-last: justify;
    text-align:justify;
}
.contentJoin .inforBox._en p span{font-size:14px;text-align:right}
.contentJoin .inforBox._en p:nth-child(3) span{line-height:1}
.contentJoin .inforBox._en .text p{text-align:left;padding-left:76px}
.newsPage{background:#f3f3f3}
.newsPage .CN{background:no-repeat}
.newsPage .CN .content{padding:75px 0}
.burger_menu{position:fixed;top:80px;left:0;width:100%;background-color:#fff;z-index:23;overflow:hidden;height:0;transition:all 1s cubic-bezier(.19,1,.22,1);opacity:0;transition-delay:.7s}
.burger_menu.active{height:550px;transition:all 1s cubic-bezier(.19,1,.22,1);opacity:1;transition-delay:.2s}
.burger_menu ul{padding:0;margin:0;list-style:none;font-size:0}
.burger_menu>ul{padding-top:80px;padding-bottom:80px;transition:all .7s cubic-bezier(.19,1,.22,1)}
.burger_menu>ul>li{display:inline-block;border-right:1px solid #e2e2e2;padding-right:30px;width:20%;font-size:14px;vertical-align:top;min-height:250px}
.burger_menu>ul>li:nth-child(n+1){padding-left:5%}
.burger_menu>ul>li:nth-last-of-type(1){border-right:none}
.burger_menu>ul>li>a{display:inline-block;text-decoration:none;text-decoration:none;color:#8d8d8d;margin-bottom:10px;font-size:14px}
.burger_menu>ul>li>ul>li>a{display:inline-block;text-decoration:none;text-decoration:none;color:#8d8d8d;margin-bottom:10px;font-size:14px;position:relative}
.burger_menu>ul>li>ul>li>a:after{content:"";position:absolute;top:100%;left:0;width:100%;transform:scaleX(0);height:2px;background-color:#8d8d8d;transition:transform .5s cubic-bezier(.19,1,.22,1);transition-delay:.1s;transform-origin:right}
.burger_menu>ul>li>ul>li>a:hover:after{transform-origin:left;transform:scaleX(1)}
.burger_menu .title{color:#282828;font-size:18px;margin-bottom:20px;font-weight:600;position:relative}
.burger_menu .title:after{content:'';position:absolute;width:0;bottom:-5px;height:2px;background:#000;left:0}
.burger_menu .title.active:after{width:100%}
.burger_menu>ul>li:nth-child(1){transform:translateY(-80px);opacity:0;transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.85s}
.burger_menu>ul>li:nth-child(1)>a,.burger_menu>ul>li:nth-child(1)>ul{transform:translateY(-80px);opacity:1;transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.5s}
.burger_menu>ul>li:nth-child(2){transform:translateY(-80px);opacity:0;transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.7s}
.burger_menu>ul>li:nth-child(2)>a,.burger_menu>ul>li:nth-child(2)>ul{transform:translateY(-80px);opacity:1;transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.5s}
.burger_menu>ul>li:nth-child(3){transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.55s;opacity:0}
.burger_menu>ul>li:nth-child(3)>a,.burger_menu>ul>li:nth-child(3)>ul{transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.35s;opacity:0}
.burger_menu>ul>li:nth-child(4){transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.4s;opacity:0}
.burger_menu>ul>li:nth-child(4)>a,.burger_menu>ul>li:nth-child(4)>ul{transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.2s;opacity:0}
.burger_menu>ul>li:nth-child(5){transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.25s;opacity:0}
.burger_menu>ul>li:nth-child(4)>ul,.burger_menu>ul>li:nth-child(5)>a{transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.2s;opacity:0}
.burger_menu.active>ul>li:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.1s}
.burger_menu.active>ul>li:nth-child(1)>a,.burger_menu.active>ul>li:nth-child(1)>ul{opacity:1;transform:translateY(0);transition-delay:.05s}
.burger_menu.active>ul>li:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.25s}
.burger_menu.active>ul>li:nth-child(2)>a,.burger_menu.active>ul>li:nth-child(2)>ul{opacity:1;transform:translateY(0);transition-delay:.2s}
.burger_menu.active>ul>li:nth-child(3){transform:translateY(0);transition-delay:.4s;opacity:1}
.burger_menu.active>ul>li:nth-child(3)>a,.burger_menu.active>ul>li:nth-child(3)>ul{transform:translateY(0);transition-delay:.35s;opacity:1}
.burger_menu.active>ul>li:nth-child(4){transform:translateY(0);transition-delay:.55s;opacity:1}
.burger_menu.active>ul>li:nth-child(4)>a,.burger_menu.active>ul>li:nth-child(4)>ul{transform:translateY(0);transition-delay:.5s;opacity:1}
.burger_menu.active>ul>li:nth-child(5){transform:translateY(0);transition-delay:.7s;opacity:1}
.burger_menu.active>ul>li:nth-child(4)>ul,.burger_menu.active>ul>li:nth-child(5)>a{transform:translateY(0);transition-delay:.5s;opacity:1}
.blackLevel{position:fixed;top:81px;left:0;background-color:rgba(0,0,0,.5);width:100%;height:100%;z-index:20;transition:ease .5s 1s;opacity:0;visibility:hidden}
.blackLevel.active{opacity:1;visibility:inherit;transition:ease .5s}
.productNav.burger_menu>ul>li{width:calc(100% / 3)}
.productNav.burger_menu>ul>li:nth-child(n+1){padding-left:10%}
.pageSearch{padding-bottom:100px}
.swiper-lazy-preloader{border:4px solid #0e963d;border-top-color:transparent}
@media screen and (min-width:1200px){
.hamburger:hover .hamburger__bar{background:rgba(255,255,255,0);transform:translate(-50%,-50%) rotate(45deg);transition:background .3s ease,transform .3s .6s ease}
.hamburger:hover .hamburger__bar.openActive{transform:translate(-50%,-50%) rotate(0);transition:background .3s ease,transform .3s ease}
.hamburger:hover .hamburger__bar:after{top:0;transform:rotate(45deg);transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)}
.hamburger:hover .hamburger__bar:before{bottom:0;transform:rotate(-45deg);transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)}
.recommend .recommendBox li:hover .icon{opacity:1}
.recommend .recommendBox li:hover .pic img{opacity:.7}
.recommend .recommendBox li:hover .more{opacity:1}
.banner:hover .bannerBtnL,.banner:hover .bannerBtnR{opacity:.7}
.banner .bannerBtnL:hover span{left:10px}
.banner .bannerBtnR:hover span{right:10px}
.banner .bannerBtnL:hover span,.banner .bannerBtnR:hover span{width:40px}
.recommend .swiper-pagination-bullet:hover:after{transform:translate(-50%,-50%) scale(1);opacity:1}
.citrus .L .btnTab i:hover{color:#3e3e3e}
.citrus .L .btnTab i:hover:after{transform:translate(-50%,-50%) scale(1);opacity:1}
.citrus .productText .more:hover{color:#278909}
.citrus .productText .more:hover i{transform:translateX(30%)}
.news .newsBox .newsSwiperText .more:hover{color:#278909}
.news .newsBox .newsSwiperText .more:hover i{transform:translateX(25%)}
.news .newsTab .btnL:hover{transform:translateX(-25%);color:#278909}
.news .newsTab .btnR:hover{transform:translateX(25%);color:#278909}
.contentJoin .inforBox p a:hover{color:#fff}
.footer .navMap a:hover:after{transform-origin:left;transform:scaleX(1)}
.footer .bottom a:hover{color:#fff}
.nav ul li:hover{color:rgba(62,62,62,.6)}
.productPage .tabType a:hover{color:#278909}
.productPage .tabType a:hover i{background-position:0 0}
._productUl li:hover .pic{box-shadow:0 10px 13px rgba(0,0,0,.12)}
._productUl li:hover .pic img{transform:scale(1.05)}
.productPage .L .more:hover{color:#fff}
.productPage .L .more:hover:after{opacity:1;transform:scale(1)}
.aboutUsPage .CN li:hover{box-shadow:0 10px 13px rgba(0,0,0,.12);transform:translateY(-10px)}
.aboutUsPage .CN li:hover .pic img{transform:scale(1.05)}
._more:hover{color:#3e3e3e}
._more:hover:after{transform:scale(1);opacity:1}
.contactUsPage ._join.join2 ul a:hover{color:#278909}
.contactUsPage ._join.join2 ul a:hover:after{transform:scale(1.2);opacity:0}
.contactUsPage .address a:hover:after{background:#278909}
._join.join2 ul li:hover .icon{transform:translateY(-50%) rotate(90deg)}
._join.join2 ul li:hover .active .icon{transform:translateY(-50%) rotate(0)}
._join.join2 li:hover .title:after{width:100%}
.contactUsPage .addressBox .infor a:hover{color:#303030}
}
@media screen and (max-width:1600px){
.productPage .description .text{padding:25px}
.productPage .description .summary{margin-top:10px;padding:10px 0}
}
@media screen and (max-width:1600px){
.burger_menu>ul{padding:40px 0}
.citrus .productText h2.en{font-size:40px}
.citrus .productText h3.cn .b{font-size:26px}
.citrus .productText h3 span{font-size:16px}
.productPage .description .text{padding:35px}
.productPage .description h2.en{font-size:44px}
.productPage .description h3.cn{font-size:20px}
.productPage .description .title{font-size:16px;line-height:40px}
.productPage .description .summary{font-size:14px;word-break: initial;padding:10px 0}
.recommend .recommendBox .title .cn{font-size:20px;margin-bottom:5px}
.recommend .recommendBox .title .en{font-size:14px}
.contentJoin .inforBox .text{width:60%}
.contentJoin{padding:65px 0}
.footer .navMap{width:65%}
.footer .inforBox .infor a{font-size:32px}
.footer .navMap li{margin-left:20px;width:23%}
.footer .top{padding-bottom:40px}
.footer .inforBox{width:35%;justify-content:flex-end}
.news .newsSwiperPic{width:54%}
.news .newsBox{width:55%;padding:90px 50px}
.inBanner .slogan{padding-top:30px;bottom:25%}
.inBanner .slogan span.cn{font-size:58px}
._service.service1 .text{width:80%}
.nav ul li.en{width:115px}
}
@media screen and (max-width:1400px){
._service.service1 .text{width:80%}
._service.service1 .summary{font-size:16px}
.productPage .description .text{padding:15px}
.productPage .description h2.en{font-size:30px}
.productPage .description h3 i{height:14px}
}
@media screen and (max-width:1300px){
.footer .inforBox .infor a{font-size:28px}
.footer .inforBox .infor{margin-right:15px}
}
@media screen and (max-width:1200px){
.burger_menu{top:60px}
.burger_menu.active{height:280px}
.burger_menu>ul>li{min-height:180px}
.burger_menu>ul{padding:35px 0}
.nav .pcLogo h1{width:160px}
.nav ul{display:none}
.hamburger{height:60px}
.nav{height:60px}
.nav .searchBox{line-height:60px}
.nav .searchBox i{font-size:20px}
.nav .searchBox.active #keyshead{width:300px}
.banner{margin-top:60px;position:relative}
.banner ._h100vh{height:65vh}
.banner .icon_arrow{font-size:20px}
.citrus{height:calc(75vh - 80px)}
.citrus ._plateTitle span.cn{font-size:24px}
.citrus ._plateTitle span.en{font-size:22px}
.citrus .L .btnTab i{width:48px;height:48px;line-height:48px}
.citrus .productText h2.en{font-size:20px}
.citrus .productText h3.cn .b{font-size:18px}
.citrus .productText .summary{margin:15px 0 35px}
.citrus .productText .g{padding:0 8%}
.citrus .productText .more{font-size:12px}
.recommend{padding:35px 50px 75px}
.recommend .recommendBox{margin-top:35px}
._plateTitle .cn{font-size:24px!important}
._plateTitle .en{font-size:22px!important}
.recommend .recommendBox .pic{margin-bottom:10px}
.recommend .recommendBox .title .cn{font-size:16px;height:22px}
.recommend .recommendBox .title .en{height:28px;font-size:12px}
.recommend .swiper-pagination{bottom:35px}
.news{padding:35px 0}
.news .content{margin-top:40px}
.news .newsBox{padding:50px}
.news .newsBox .newsSwiperText .title{font-size:16px}
.news .newsBox .newsSwiperText .summary{font-size:14px;margin-top:20px}
.news .newsBox .newsSwiperText .more{margin-top:40px;font-size:12px}
.news .newsBox .newsSwiperText .timer{font-size:12px}
.contentJoin .title{font-size:16px}
.contentJoin .R .summary{width:70%;font-size:14px}
.contentJoin .inforBox .text{width:70%;font-size:14px}
.footer{padding:35px 3% 0}
.footer .inforBox .infor a{margin-top:20px;font-size:21px}
.footer .navMap li{width:20%;margin-left:1%}
.footer .navMap{width:55%}
.footer .inforBox{width:45%}
.footer .inforBox .infor{margin-right:20px}
.footer .inforBox .phoneTitle{font-size:16px}
.footer .inforBox .QRcode img{max-width:80px;margin:0 auto}
.footer .inforBox .QRcode{line-height:2}
.footer .bottom{font-size:12px}
.inBanner{margin-top:60px}
.inBanner .slogan span.cn{font-size:38px}
.inBanner .slogan span.en{font-size:28px}
.inBanner .pic{height:50vh}
.productPage .tabType{padding:20px 0}
.productPage .tabType a{font-size:16px}
.productPage .tabType i{width:45px;height:45px}
.productPage .tabType .icon1{background:url(../images/icon_type.png) 45px 45px;background-size:cover}
.productPage .tabType .icon2{background:url(../images/icon_type2.png) 45px 45px;background-size:cover}
.productPage .tabType .icon3{background:url(../images/icon_type3.png) 45px 45px;background-size:cover}
._pLR{padding:0 50px}
._productUl .title span.cn{font-size:16px}
._productUl .title span.en{font-size:14px}
.productPage .description .text{padding:20px}
.productPage .description h2.en{font-size:20px}
.productPage .description h3.cn{font-size:16px}
.productPage .description h3 i{height:12px}
.productPage .description .title{line-height:32px}
.productPage .description .g+.g{margin-top:15px}
.productPage .description .summary{margin-top:0;padding:5px 0;font-size:12px}
.productPage .content .L.active{width:calc(49% - 49px);left:50px;top:75px}
.productPage .L .more{width:44px;height:44px;line-height:44px}
.productPage .PQ li{width:20%}
.productPage .PQ ul{margin-top:25px}
.productPage .PQ{padding:35px 0}
.productPage .RI{padding:0}
.aboutUsPage .CP .content{padding:35px 0}
.aboutUsPage .CP .summary{margin-top:15px;font-size:14px}
.aboutUsPage .CP .vision{margin-top:25px}
.aboutUsPage .CP .vision strong{font-size:18px}
.aboutUsPage .CN .content{padding:35px 0}
.aboutUsPage .CN ul{margin-top:25px}
.aboutUsPage .CN .Introduction{padding:15px}
.aboutUsPage .CN .title{font-size:16px;height:auto;margin-bottom:10px;-webkit-line-clamp:1}
.aboutUsPage .CN .summary{font-size:14px;height:70px}
._more{width:160px;line-height:36px}
.footer ._w1500{width:100%}
._service.service1 .summary{font-size:14px}
.technologyPage{padding:35px 0}
.technologyPage .summary{padding:25px}
.technologyPage .summary .text{height:115px;font-size:14px}
.blackLevel{top:60px}
.contactUsPage .join{padding:35px 0}
.contactUsPage ._join.join2{padding:25px 0 0}
.contactUsPage ._join.join2 ul .title{padding:0 35px;font-size:16px}
.contactUsPage ._join .name{font-size:16px;width:100%;text-align:center;padding:0}
.contactUsPage ._join.join2 .icon{right:35px;width:26px;height:26px}
.contactUsPage ._join.join2 ul li .detail{padding:0 35px 35px}
.contactUsPage ._join.join2 ul li .detail_bottom{padding:15px 0}
._join.join2 ul li .detail_bottom p{margin-bottom:5px}
.contactUsPage .CI{padding:35px 0}
.contactUsPage .addressBox ul{padding:35px}
.contactUsPage .addressBox li i{width:36px;height:36px;line-height:36px;font-size:16px;margin-right:10px}
.contactUsPage .addressBox .infor a{font-size:16px}
._plateTitle.colorFFF .en{color:rgba(255,255,255,.3)}
.contactUsPage .address{left:50%;transform:translateX(-50%);width:70%}
.contactUsPage .address a{width:100%;line-height:36px}
._newsdetail2 .content_list .title{margin-bottom:0;padding:0;overflow:hidden;height:26px;line-height:1.7}
._newsdetail2 .content_list li{margin-bottom:25px}
._focus2_list ul li .title{font-size:16px;line-height:1.7;margin-bottom:5px}
._focus2_list ul li .time{font-size:12px;line-height:1.7}
._focus2_list ul li{padding:10px 0}
}
@media screen and (max-width:768px){
._mobile{display:block}
.banner ._h100vh{height:45vh}
.citrus .R .bottom{display:none}
.citrus .L{width:100%}
.citrus .R{width:100%}
.citrus{height:100vh}
.citrus .L{height:65%}
.citrus .R{height:35%}
.citrus .R .top{height:100%}
.citrus .productText .g{padding:0 5%}
.recommend{padding:35px 3% 45px}
.recommend .recommendBox{margin-top:15px}
._plateTitle .cn{font-size:20px!important}
._plateTitle .en{font-size:18px!important}
.recommend .swiper-pagination{bottom:20px}
.recommend .recommendBox .pic{margin-bottom:5px}
.recommend .recommendBox .title .cn{font-size:14px;margin-bottom:0}
.news .content{margin-top:35px}
.news .newsSwiperPic{width:100%}
.news .newsBox{width:100%;position:relative;padding:15px;top:0;transform:translate(0,0)}
.news .newsBox .newsSwiperText .more{margin-top:10px}
.news .newsBox .newsSwiperText .more i{font-size:30px}
.news .newsTab{bottom:10px;z-index:8}
.news .newsBg{width:100%;background-size:cover}
.contentJoin .L{width:100%}
.contentJoin .R{width:100%}
.contentJoin{padding:35px 0;background:#384e41;display:none}
.contentJoin .title{margin-bottom:10px}
.contentJoin .inforBox .text{width:90%}
.contentJoin .R .summary{width:90%}
.footer .navMap{display:none}
.footer .inforBox{width:100%}
.footer .inforBox .infor{margin:0 auto;width:100%;text-align:center}
.footer .inforBox .QRcode{margin:15px auto 0}
.footer .inforBox .infor a{margin-top:10px}
.footer .bottom .L{text-align:center}
.footer .bottom .R{width:100%;text-align:center}
.nav .pcLeft{width:55px}
.nav .pcLogo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.nav .pcRight{width:55px}
.nav .searchBox.active #keyshead{width:250px}
.burger_menu.active{height:calc(100vh - 60px)}
.burger_menu .lang{position:absolute;bottom:5%;left:50%;transform:translateX(-50%)}
.burger_menu .lang span{color:#249d4f}
.burger_menu>ul>li{min-height:auto;width:100%;padding:0 3%!important;text-align:center;border-right:0}
.burger_menu>ul{padding:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}
.burger_menu .title{font-size:18px;margin-bottom:20px;transform:translateY(-30px)!important}
.burger_menu>ul>li>ul>li>a{margin-bottom:0}
.burger_menu>ul>li>ul{margin-bottom:15px;display:none}
.inBanner .pic{height:30vh}
.inBanner .slogan span.cn{font-size:26px}
.inBanner .slogan span.en{font-size:28px}
.inBanner .slogan{padding-top:15px;bottom:40%;left:50%;transform:translateX(-50%);text-align:center;width:90%}
.inBanner .slogan:after{height:2px;opacity:0}
._pLR{padding:0 3%}
.productPage .tabType{padding:15px 0}
.productPage .tabType a{margin:0 10px;font-size:14px}
.productPage .tabType i{width:35px;height:35px}
.productPage .tabType .icon1{background:url(../images/icon_type.png) 35px 35px;background-size:cover}
.productPage .tabType .icon2{background:url(../images/icon_type2.png) 35px 35px;background-size:cover}
.productPage .tabType .icon3{background:url(../images/icon_type3.png) 35px 35px;background-size:cover}
._productUl li{width:49%;margin-right:2%;margin-bottom:15px}
._productUl li:nth-child(2n){margin-right:0}
._productUl .title span.en{display:none}
._productUl .title span.cn{font-size:14px}
.productPage .content .L{width:100%;margin-bottom:15px}
.productPage .content .R{width:100%}
.productPage .L .more{width:30px;height:30px;line-height:30px;font-size:22px}
.productPage .gallery-thumbs{width:65%}
.productPage .content .L.active{width:100%;position:relative;top:0;left:0}
.productPage .description .text{height:auto;position:relative;border:1px solid #ccc;padding:15px}
.productPage .maskPD{position:absolute;opacity:0}
.productPage .description h2.en{font-size:14px}
.productPage .description .title{line-height:1.7}
.productPage .description .summary{font-size:14px}
.productPage .article{padding:20px 0 0}
.productPage .PQ ul{margin-top:15px}
.productPage .PQ li{padding:0 1%;width:50%;margin-bottom:15px}
.aboutUsPage .CP .L{width:100%}
.aboutUsPage .CP .vision{margin-top:10px}
.aboutUsPage .CP .vision._en{width:100%}
.aboutUsPage .CP .vision strong{font-size:16px}
.aboutUsPage .CP .vision i{position:relative;right:0;display:inline-block;margin-left:5px}
.aboutUsPage .CP .R{display:none}
._more{width:120px;line-height:32px;margin:35px auto 0;font-size:12px}
.aboutUsPage .CN li{width:49%;margin-right:2%;margin-bottom:0;display:none}
.newsPage.aboutUsPage .CN li{display:block}
.aboutUsPage .CN li+li{margin-bottom:15px}
.aboutUsPage .CN li:nth-child(2n){margin-right:0}
.aboutUsPage .CN .Introduction{padding:10px}
.aboutUsPage .CN .title{margin-bottom:5px}
.aboutUsPage .CN .summary{-webkit-line-clamp:2;height:auto}
.aboutUsPage .CN li:nth-child(3n){margin-right:2%}
.newsPage .CN li:nth-child(3){display:block}
.aboutUsPage .CN li:nth-child(1),.aboutUsPage .CN li:nth-child(2),.aboutUsPage .CN li:nth-child(3),.aboutUsPage .CN li:nth-child(4){display:block}
._newsdetail2 .postInfo{margin-bottom:25px;padding-top:25px}
._newsdetail2 .postInfo .title{font-size:18px;line-height:1.8}
._newsdetail2 .description{padding:15px 0}
._newsdetail2 .listContent .item_tags{display:none}
._newsdetail2 .content_list .date_wrap{font-size:12px;line-height:inherit}
._newsdetail2 .listContent h3{margin-bottom:15px;font-size:18px}
._newsdetail2 .content_list li{margin-bottom:15px}
._newsdetail2 .content_list .title:after{opacity:0}
._newsdetail2 .content_list .item_des{padding:0}
._service.service1 .text{position:relative;left:0;top:0;transform:translate(0,0);width:100%}
._service.service1 .L,._service.service1 .R{width:100%}
._service.service1 .bg{background:no-repeat}
._service.service1 .summary{margin-top:0}
._service.service1 li{padding:15px 3% 25px}
.technologyPage li{width:100%}
.technologyPage li+li{margin-top:15px}
.technologyPage .summary{padding:15px;height:auto}
.technologyPage .summary .text{height:auto}
.contactUsPage ._join.join2 ul .title{padding:5px 15px;line-height:1.7}
.contactUsPage ._join.join2 .icon{display:none}
.contactUsPage .claim{font-size:14px;width:100%}
.contactUsPage ._join .claim span{margin:0;display:block;line-height:1.6}
.contactUsPage ._join.join2 ul li .detail{padding:0 15px 15px}
.contactUsPage .addressBox .L{width:100%}
.contactUsPage .addressBox .R{width:100%}
.contactUsPage .addressBox #map{height:200px}
.contactUsPage .addressBox ul{padding:15px}
.contactUsPage .addressBox li+li{margin-top:10px}
.contactUsPage .addressBox li i{width:32px;height:32px;line-height:32px}
.contactUsPage .addressBox .infor a{font-size:14px}
.contactUsPage .address{bottom:20px;width:80%;font-size:12px}
.searchContent{padding:25px 0 0}
.searchContent .scResult{padding:0 3%;font-size:16px;text-indent:0}
._focus2_list ul li{padding:5px 0 10px}
._focus2_list ul li .title{margin-bottom:0}
.contactUsPage .addressBox .infor a+a{margin-left:5px}
.monile{display:block}
.pc{display:none}
}
@media screen and (max-width:767px){
.inBanner .pic{height:auto}
}

/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0; font-size: 14px;}
.pagelist li{display:inline-block;border-radius: 3px; margin: 0.1rem 0;}
.pagelist li a{
	border: 1px solid #001b52;
    color: #001b52;
    font-style: normal;
    padding: 5px 10px;
    line-height: 1.6;
    vertical-align: top;
    font-size: 14px;
    margin: 0 3px;
	display: inline-block;
	}
.pagelist li a:hover{border-color:#001b52;}
.pagelist li.active a{border-color:#001b52;background:#001b52;color:#fff;}
.pagelist li span.current{border-color:#001b52;background:#001b52;color:#fff;}
.prev-next{
	margin-top: 50px;
}
.prev-next a {
	width: 100%;
	padding: 5px 0;
	font-size: 14px;
	color: #666;
	display: block;
	transition: 0.3s;
	margin: 0 0 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.pagelist li span{
	border: 1px solid #001b52;
	color: #fff;
	font-style: normal;
	padding: 5px 10px;
	line-height: 1.6;
	vertical-align: top;
	font-size: 14px;
	margin: 0 3px;
	display: inline-block;
	}
	
	
	.banner .swiper-slide{
		overflow: hidden;
	}
	.banner .swiper-slide img {
		animation: banner-scale infinite 6s linear;
	}
	@keyframes banner-scale{
		0%   {
			transform: scale(1);
		}
		50%  {
			transform: scale(1.1);
		}
		100% {
			transform: scale(1);
		}
	}
	
	.banner .mobile{
		display: none !important;
	}
	@media(max-width:767px){
		.banner .pc{
			display: none !important;
		}
		.banner .mobile{
			display: block !important;
		}
	}