/*通用*/
body{overflow-x: hidden;text-align: left;/*min-width: 1366px;*/}
a{display: block;}
img{display: block;max-width: 100%;height: auto;outline: none;}
*{outline: none;}


.w1620{width:84.375%;max-width: 1620px;margin: 0 auto;}
.mengc{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,51,35,.3);z-index: 2;}
.jianborder{border: 1px solid;border-image: linear-gradient(to right, #c70405,#1392e9) 1;}
.ovhidden{overflow: hidden;}
.cz{position: relative; z-index: 22;}
.mflex{display: flex;flex-wrap: wrap;}
.mflex_center{display: flex;justify-content: center;align-items: center;}
.m-content p{font-size: 16px;line-height: 22px;text-align: left; color: #666;}
.m-content img{/*display: inline-block;*/margin: 0 auto;max-width: 100%;height: auto;}
.imgcover{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.changeimg{position: relative;}
.changeimg .img2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all .5s;opacity: 0;}
.changeimg:hover .img2{opacity: 1}
.pchide{display: none;}
.hoverxg{width: 190px;height: 56px;box-sizing: border-box;border:1px solid #15151f;border-radius: 5px;display: flex;justify-content: center;align-items: center;}
.hoverxg span{display: block;font-weight: bold;color: #15151f;}
.hoverxg .sj{margin-left: 20px;border-left: 12px solid #15151f;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.hoverxg:hover{border-color: #5da254;background: #5da254}
.hoverxg:hover span{color: #fff;}
.hoverxg:hover .sj{border-left-color: #fff;}
.hideim{display: none!important;}
.sumfont16{font-size: 16px!important;line-height: 22px!important;color: #666!important;}

.progress{position: relative; box-sizing: border-box;width: 30px;height: 30px;}
.progress:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(255,255,255,.5);border-radius: 100%;content: "";}
.progress > span{position: absolute;top: 0;width: 50%;height: 100%;z-index: 1;overflow: hidden;}
.progress .progress-left{left: 0;display: none;}
.progress .progress-bar{position: absolute;top: 0;width: 100%;height: 100%;border: 2px solid #fff;box-sizing: border-box;}
.progress .progress-left .progress-bar{left: 100%;border-top-right-radius: 80px;border-bottom-right-radius: 80px;
border-left: 0; -webkit-transform-origin: center left;transform-origin: center left;}
.progress .progress-right{right: 0;display: none;}
.progress .progress-right .progress-bar{left: -100%;border-top-left-radius: 80px;border-bottom-left-radius: 80px;border-right: 0;
-webkit-transform-origin: center right;transform-origin: center right;animation: loading-1 2.5s linear  forwards;}
.progress .progress-left .progress-bar{animation: loading-2 2.5s linear forwards 2.5s; }
@keyframes loading-1{
0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100%{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
}

@keyframes loading-2{
0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
100%{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
}

.font72{font-size: 72px;}
.font60{font-size: 60px;}
.font48{font-size: 48px;}
.font36{font-size: 36px;}
.font30{font-size: 30px;}
.font24{font-size: 24px;}
.font20{font-size: 20px;}
.font18{font-size: 16px;}
.font14{font-size: 14px;}

.dwcenter{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.dwzycenter{position: absolute;left: 50%;transform: translateX(-50%);}
.dwsxcenter{position: absolute;top: 50%;transform: translateY(-50%);}


/*单行超出省略*/
.m-sl{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.m-twsl{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.m-thsl{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;/*min-width: 1366px;*/}
.header .headmain{height: 75px;box-sizing: border-box;justify-content: space-between;align-items: flex-end;}
.header .headmain .logo{position: relative;margin-bottom: 13px;}
.header .headmain .logo .img2{position: absolute;top: 0;left: 0;opacity: 0;}
.header .headmain .headnav {align-items: flex-end;}
.header .headmain .headnav .navmn{position: relative; padding-bottom: 26px;margin-right: 60px;}
.header .headmain .headnav .navmn .navtit{line-height: 1em;color: #fff;}
.header .headmain .headmes .headnav .nav-main{position: absolute;left: -20px;top: calc(100% + 5px);width: 220px;box-shadow: 0px 0px 10px rgba(0,0,0,.1);padding: 22px 0 24px ;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background: #fff;opacity: 0;pointer-events: none;}
.header .headmain .headmes .headnav .nav-main .navtitt{position: relative;padding: 0 30px 0 20px; line-height: 40px; text-align: left;color: #333;}
.header .headmain .headmes .headnav .nav-main .navtitt .iconfont{right: 20px;transform:translateY(-50%) rotate(-90deg) ;font-size: 12px; color: #666;}
.header .headmain .headmes .headnav .nav-main .navtitt:hover{padding-left: 25px;background: #5da254;color: #fff;}
.header .headmain .headmes .headnav .nav-main .navtitt:hover .iconfont{right: 15px;color: #fff;}
.header .headmain .headmes .headnav .nav-main .mboxmain .mbox{position: absolute;top: 10px;left: 100%;width: 120%;padding: 22px 0 24px ;background: #fff;opacity: 0;pointer-events: none;}
.header .headmain .headmes .headnav .nav-main .mboxmain:hover .mbox{top: 0;opacity: 1;pointer-events: auto;}
.header .headmain .headmes .headnav .nav-main.show{top: 100%; opacity: 1;pointer-events: auto;}
.header .headmain .headmes .headnav .navmn:hover .navtit:after{width: 100%;}
.header .headmain .headmes .headnav .navmn.on .navtit:after{width: 100%;}
.header .headmain .headmes .headri{padding-bottom: 26px;align-items: flex-end;}
.header .headmain .headmes .headri .lang{position: relative;top: 26px;padding-bottom: 26px;}
.header .headmain .headmes .headri .lang .top{width: 100px;justify-content: center;align-items: center;color: #fff;cursor: pointer;}
.header .headmain .headmes .headri .lang span{display: block;margin-right: 14px;line-height: 1em;}
.header .headmain .headmes .headri .lang .box{border-top: 5px solid #999;border-left: 5px solid transparent;border-right: 5px solid transparent}
.header .headmain .headmes .headri .lang .bot{position: absolute;top: calc(100% + 5px);width: 100%;box-shadow: 0px 0px 10px rgba(0,0,0,.1);padding: 22px 0 24px ;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background: #fff;opacity: 0;pointer-events: none;}
.header .headmain .headmes .headri .lang .bot a{position: relative;padding: 0 20px; line-height: 40px; text-align: center;color: #333;}
.header .headmain .headmes .headri .lang .bot a:hover{background: #5da254;color: #fff;}
.header .headmain .headmes .headri .lang .bot.show{top: 100%; opacity: 1;pointer-events: auto;}
.header .headmain .headmes .headri .line{width: 1px;height: 18px;margin-right: 30px; background: #dadbdb;}
.header .headmain .headmes .headri .search{position: relative;cursor: pointer;}
.header .headmain .headmes .headri .search .dj-searchclose{position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.header .headmain .headmes .headri .search .iconfont{line-height: 1em;color: #999;opacity: 0;pointer-events: none;}
.header .headmain .headmes .headri .search .iconfont.on{opacity: 1!important;pointer-events: auto;}
.header .headmain .headmes .headri .search form{right: 30px;opacity: 0;pointer-events: none;width: 10px;height: 40px;border: 1px solid #e5e5e5;box-sizing: border-box;border-radius: 20px;padding: 0 20px;justify-content: space-between;background: #fff;}
.header .headmain .headmes .headri .search form .sr{width: calc(100% - 20px);border:none;}
.header .headmain .headmes .headri .search form .tj{border: none;background: none;}
.header .headmain .headmes .headri .search.show form{width: 250px;opacity: 1;pointer-events: auto;}
.header .headmain .othlogo{position: relative;top: 13px;margin-left: 29px;width: 46px;}
.header .headmain .othlogo .img2{position: absolute;top: 0;left: 0;opacity: 0;}
.header .phone-nav{position: absolute;top: 50%;right: 0;transform: translateY(-50%);display: none; z-index: 9999999;cursor: pointer;}
.header .phone-nav .line{position: relative;top: 0;border-radius: 3px;width: 30px;display: block;height: 2px;transition: all .3s; background: #333;transform-origin: center center;}
.header .phone-nav.active .line:nth-child(1){top: 10px;transform: rotate(45deg);}
.header .phone-nav .line:nth-child(2){margin: 8px 0; }
.header .phone-nav.active .line:nth-child(2){opacity: 0;}
.header .phone-nav.active .line:nth-child(3){top: -10px;transform: rotate(-45deg);}
.header .phone-nav-mn{position: absolute;top: 60px;left: 0;pointer-events: none; padding: 0 0 30px; width: 100%;height: calc(100vh - 60px); box-sizing: border-box;background: #007853; z-index: 99;overflow: scroll;opacity: 0;transition: all .5s;}
.header .phone-nav-mn .tb{position: absolute;bottom: 0;right: -50px;width: 80%;height: auto;}
.header .phone-nav-mn.on{opacity: 1;pointer-events: auto;}
.navbox{height: 75px;}
.header.oth{box-shadow: 0px 0px 15px rgba(0,0,0,.1);background: #fff;}
.header.oth .headmain .logo .img2{opacity: 1;}
.header.oth .headmain .headnav .navmn .navtit{color: #333;}
.header.oth .headmain .headmes .headri .lang .top{color: #333;}
.header.oth .headmain .othlogo .img2{opacity: 1;}
.header.show{box-shadow: 0px 0px 15px rgba(0,0,0,.1);background: #fff;}
.header.show .headmain .logo .img2{opacity: 1;}
.header.show .headmain .headnav .navmn .navtit{color: #333;}
.header.show .headmain .headmes .headri .lang .top{color: #333;}
.header.show .headmain .othlogo .img2{opacity: 1;}
.header:hover{box-shadow: 0px 0px 15px rgba(0,0,0,.1);background: #fff;}
.header:hover .headmain .logo .img2{opacity: 1;}
.header:hover .headmain .headnav .navmn .navtit{color: #333;}
.header:hover .headmain .headmes .headri .lang .top{color: #333;}
.header:hover .headmain .othlogo .img2{opacity: 1;}
.header .mhead-main{position: fixed;top: 60px;right: -100%;width: 100%;height: calc(100vh - 60px);padding-bottom: 30px;background: #5da254;overflow-y: scroll;transition: all .5s;box-sizing: border-box;}
.head-open .mhead-main{right: 0;}
.mhead-main .phead-nav .item{border-bottom: 1px solid rgba(222,222,222,.2);}
.mhead-main .phead-nav .item .item-link{position: relative;display: block; padding: 0 3%;line-height: 60px;overflow: hidden;color: #fff;}
.mhead-main .phead-nav .item .item-link .jt{right: 3%;transform:translateY(-50%) rotate(-90deg); font-size: 20px;font-weight: bold;transition: all .5s;}
.mhead-main .phead-nav .item .item-link .jt svg{display: block;}
.mhead-main .phead-nav .subnav-box{display: none;padding: 0 6% 20px;}
.mhead-main .phead-nav .subnav-box .subnav .sublink{display: block;line-height: 40px;font-size: 14px;color: #fff; text-align: left;}
.mhead-main .phead-nav .item-link .jt.jt-rotate{transform:translateY(-50%) rotate(0deg);}
.mhead-main .head-tool{display: flex;justify-content: space-between;width: 100%;margin-top: 50px;padding: 20px 40% 20px 3%;background: #fff;box-sizing: border-box;}
.mhead-main .head-mes{padding: 30px 3%;align-items: center; font-size: 14px;line-height: 40px;color: #fff;}
.mhead-main .head-mes a{display: block;margin-right: 20px;padding-right: 20px;border-right: 1px solid rgba(222,222,222,.2);font-size: 18px;line-height: 1em;color: #fff;}
.mhead-main .head-mes .search{cursor: pointer;}

.inbanner{position: relative;}
.inbanner .swiper{height: 100vh;}
.inbanner .swiper .mes .sum{line-height: 1em;color: #fff;}
.inbanner .bimg{transition: 1s linear 6s;transform: scale(1.1);}
.inbanner .swiper-slide-active .bimg{transition:6s linear;transform:scale(1);}
.inbanner .nextbox{box-sizing: border-box;justify-content: flex-end; z-index: 2;}
.inbanner .nextbox .next{position: relative;right: 10px;line-height: 1em;animation: anim-1 1.5s infinite cubic-bezier(.215,.61,.355,1);color: #fff;}
.inbanner .nextbox .line{position: absolute;transform: translateX(calc(100% + 10px));top: 7.5px;width: calc((100vw - 1620px) / 2);height: 1px;background: rgba(255,255,255,.6);}
@keyframes anim-1{
0%{right: 5px; }
50%{right: 15px;}
100%{right: 5px;}
}
.inbanner .inbannerqh{bottom: 72px;z-index: 2;}
.inbanner .inbannerqh .progress{margin-right: 10px;cursor: pointer;}
.inbanner .inbannerqh .progress .circle{width: 10px;height: 10px;border-radius: 100%;background: #fff;}
.inbannerqh .progress:before{display: none;}
.inbannerqh .progress.on:before{display: block;}
.inbannerqh .progress.on .progress-left,.inbannerqh .progress.on .progress-right{display: block;}

.intitn{line-height: 1em;color: #fff;}
.ipro{position: relative;}
.ipro .box{width: 50%;height: 100vh;}
.ipro .box .le{}
.ipro .box .mes{top: 0; height: 100%;box-sizing: border-box;padding: 110px 0 0;}
.ipro .box .mes .bot{position: absolute;left: 0;bottom: 27px;width: 50%;color: #fff;}
.ipro .box .mes .bot .titn.oth{margin-top: 40px;}
.ipro .box .mes .bot .titn{box-sizing: border-box;line-height: 1.5em;}
.ipro .box .mes .bot .mnbox .mntit{position: relative;padding: 12px 20px 24px 0;margin-right: 16px;color: #fff;}
.ipro .box .mes .bot .mnbox .mntit:before{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: rgba(255,255,255,.3);content: "";}
.ipro .box .mes .bot .mnbox .mntit:after{position: absolute;left: 0;bottom: 0;height: 1px;width: 0;background: #fff;transition: all .5s;content: "";}
.ipro .box .mes .bot .mnbox .mntit.on:after{width: 100%;}
.ipro .ri{position: relative;flex-flow: column;align-items: center;justify-content: flex-end;padding-bottom: 50px;box-sizing: border-box;background: #f7f7f7;z-index: 22;}
.ipro .ri .bigimg{position:relative; height: 350px;width:350px;border-radius:15px;border:1px solid #5da254;box-shadow:0px 0px 25px rgba(93,162,84,.3)}
.ipro .ri .bigimg .img{height: 100%;}
.ipro .ri .bigimg:after{position:absolute;top:0;left:0; content:""}
.ipro .ri .entit{padding: 45px 0 7px;line-height: 1em;color: #ccc;}
.ipro .ri .cntit{line-height: 40px;color: #5da254;}
.ipro .ri .sum{padding: 0 130px;margin: 40px 0 50px;line-height: 26px;text-align: center;color: #666;}
.ipro .ri.oth1 .cntit{display: none!important;}
.iabout{padding: 182px 0 196px;background: url(/static/img/iabout.jpg) no-repeat right bottom / cover;}
.iabout .intitn{line-height: 60px;color: #fff;}
.iabout .sum{padding: 73px 0 221px;line-height: 1.3em;color: #fff;}
.iabout .morebox .more1{border-color: #fff;background: #fff;}
.iabout .morebox .more1:hover,.iabout .morebox .more2:hover{border-color: #5da254;background: #5da254;}
.iabout .morebox .more2{margin-left: 60px;width: 220px; border-radius: 40px;border-color: rgba(255,255,255,.2);background: rgba(255,255,255,.2);color: #fff;}
.iabout .morebox .more2 span.font20{color: #fff;}
.inews{padding: 88px 0 124px;}
.inews .top{justify-content: space-between;}
.inews .top .intitn{color: #000;}
.inews .bot{padding: 114px 0 0;}
.inews .bot .mn{position: relative;box-sizing: border-box;width: calc((100% - 268px) / 3);margin-right: 134px;padding: 27px 0 17px;top: 0;}
.inews .bot .mn:after{position: absolute;top: 0;right: -67px; width: 1px;height: 100%;background: #e0e0e0;content: ""}
.inews .bot .mn:last-child{margin-right: 0;}
.inews .bot .mn:last-child:after{display: none;}
.inews .bot .mn .tit{line-height: 1.5em;font-weight: bold;color: #333;}
.inews .bot .mn .sum{margin: 9px 0 50px;line-height: 30px;color: #333;}
.inews .bot .mn .time{line-height: 1em;color: #999;}
.inews .bot .mn:hover a{color: #5da254!important;transform: translateY(-10px);}
.footer{padding: 85px 0 70px;background: url(/static/img/footer.png) no-repeat top center / cover;}
/*.footer .footimg{margin: 0 auto 130px;}*/
.footer .footimg{margin: 0 auto 80px;}
.footer .bot{justify-content: space-between;align-items: flex-start;padding: 0 200px;box-sizing: border-box;}
.footer .bot .mes{line-height: 26px;color: #fff;}
.footer .bot .mes a{color: #fff;}
.footer .bot a:hover{color: #5da254!important;}
.footer .bot .botmes .titn{display: inline-block;margin:19px 0 50px;border-bottom: 2px solid #fff;line-height: 60px;color: #fff;}
.footer .bot .botmes .sum{line-height: 1em;color: #999;}
.footer .bot .ri{width: 365px;justify-content: space-between;}
.footer .bot .ri .mn{width: 50%;margin-right: 0;margin-bottom: 6px;line-height: 26px;color: #fff;}
.footer .bot .ri .mn:nth-child(3n){margin-right: 0;}

.nbanner{height: 550px;}
.enav{border-bottom: 1px solid #e6e6e6;}
.enav .main{height: 69px;align-items: center;justify-content: space-between;}
.enav .main .le{align-items: center;}
.enav .main .le .tb{margin-right: 12px;}
.enav .main .le a{color: #333;}
.enav .main .le span{display: block;width: 24px;text-align: center;color: #333;}
.enav .main .le a.on{color: #5da254;}
.enav .main .ri .mn{position: relative;margin-right: 50px;line-height: 69px;color: #666;}
.enav .main .ri .mn:last-child{margin-right: 0;}
.enav .main .ri .mn:after{position: absolute;left: 50%;transform: translateX(-50%);bottom: -1px;width: 0;height: 1px;background: #5da254;transition: all .5s;content: ""}
.enav .main .ri .mn.on{color: #5da254;}
.enav .main .ri .mn.on:after{width: 100%;}
.enav .main .ri .mn:hover{color: #5da254;}
.enav .main .ri .mn:hover:after{width: 100%;}
.nytitn{line-height: 1em;color: #000;}

.about-warp1{position: relative;height: calc(100vh - 145px);}
.about-warp1 .bf{font-size: 75px;line-height: 1em;color: #fff;z-index: 2;}
.about-warp1 .bf:hover{color: #5da254;}
.about-warp1 .mes{bottom: 25.48%;}
.about-warp1 .mes .tit{line-height: 1em;color: #fff;}
.about-warp2{position: relative;padding: 170px 0 102px;overflow: hidden;}
.about-warp2 .titn{line-height: 60px;color: #000;}
.about-warp2 .m-content{max-width: 1000px;padding: 60px 0;}
.about-warp2 .m-content .tit{margin-bottom: 10px;line-height: 26px;font-weight: bold;color: #000;}
.about-warp2 .m-content p{line-height: 22px;}
.about-warp2 .numbox{width: 1000px;justify-content: space-between;}
.about-warp2 .numbox .mn{width: 25%;padding: 0 10px;box-sizing: border-box; text-align: center;}
.about-warp2 .numbox .mn .top{margin-bottom: 22px;justify-content: center;align-items: flex-end;color: #666;}
.about-warp2 .numbox .mn .top .num{line-height: 40px;}
.about-warp2 .numbox .mn .top .font18{display: block;line-height: 1em;}
.about-warp2 .numbox .mn .tit{line-height: 1em;text-align: center;color: #444;}
.about-warp2 .numbox .mn:hover .top{color: #5da254;}
.about-warp2 .numbox .mn:hover .tit{color: #5da254;}
.about-warp2 .img1{position: absolute!important;top: 64px!important;width: 100%;}
.about-warp2 .img1 img{margin: 0 auto;}
.about-warp2 .img2{position: absolute;top: 86px;right: -86px;z-index: 2;}
.about-warp3{padding: 99px 0 49px;background: #f7f5f8;}
.about-warp3 .bot{margin-top: 54px;}
.about-warp3 .bot .mn{position: relative;justify-content: space-between;align-items: center;height: 244px;padding: 0 203px 0 71px;box-sizing: border-box;color: #333;cursor: pointer;}
.about-warp3 .bot .mn .tit{align-items: center;line-height: 1em;}
.about-warp3 .bot .mn .sum{width: calc(100% - 270px);line-height: 1em!important;}
.about-warp3 .bot .mn .iconfont{position: absolute;top: 50%;transform: translateY(-50%);right: 60px;line-height: 1em;color: #5da254;}
.about-warp3 .bot .mn.mn1{width: 74.59%;background: #fff;z-index: 1}
.about-warp3 .bot .mn.mn2{width: 88.30%;top: -25px;padding: 0 360px 0 124px;background: #e6e6e6;z-index: 2}
.about-warp3 .bot .mn.mn3{width: 100%;top: -50px;height: 219px;padding: 0 700px 0 124px;background: #fff;z-index: 3;}
.about-warp3 .bot .mn.mn3 .sum{left: 43.27%}
.about-warp3 .bot .mn.on{background: #5da254;color: #fff;z-index: 9;}
.about-warp3 .bot .mn.on .tit{font-size: 40px;}
.about-warp3 .bot .mn.on .sum{font-size: 30px;}
.about-warp3 .bot .mn.on .iconfont{color: #fff;}
.nybox .nysum{padding-top: 59px;line-height: 22px;color: #666;}
.about-warp4{padding: 111px 0 130px;}
.about-warp4 .nybox{margin-bottom: 44px;}
.about-warp4 .main .sxpage{margin-top: 40px;}
.about-warp4 .main .swiper{left: -20px;box-sizing: border-box;width: calc(100% + 40px);}
.about-warp4 .main .swiper-slide{padding: 20px;box-sizing: border-box;}
.about-warp4 .main .box{position: relative;border-radius: 15px;box-shadow: 0px 0px 20px rgba(0,0,0,.1);padding-bottom: 54px;background: rgba(255,255,255,.8);cursor: pointer;}
.about-warp4 .main .box .bigimg{height: 244px;width: calc(100% - 94px);margin: 0 auto;border-bottom: 1px solid #e4e8e7;}
.about-warp4 .main .box .bigimg img{max-height: calc(100% - 50px);max-width: calc(100% - 30px);}
.about-warp4 .main .box .tit{width: calc(100% - 94px);margin: 22px auto 0;line-height: 30px;color: #000b00;}
.about-warp4 .main .box .iconfont{position: absolute;right: 47px;bottom: 26px;line-height: 1em;color: #bfbfbf;}
.sxpage .mn{width: 64px;height: 64px;border:1px solid #dbdcdb;border-radius: 100%;margin: 0 16px;line-height: 64px;text-align: center;color: #8b8b8b;}
.sxpage .mn.next{transform: rotateY(180deg);}
.sxpage .mn:hover{border-color: #5da254;color: #fff;background: #5da254;}
.about-warp4 .img1{position: absolute!important;top: -92px!important;width: 100%;}
.about-warp4 .img1 img{margin: 0 auto;}

.contact-jobform{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none; z-index: 9999999;}
.contact-jobform .mengc{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: rgba(0,0,0,.45);}
.contact-jobform .jobform{width: 94%;max-width: 1000px;padding: 80px 100px;box-sizing: border-box;background: #fff;z-index: 2;}
.contact-jobform .jobform .close{position: absolute;right: 0;top: 0;cursor: pointer;z-index: 3;}
.contact-jobform .bimg{max-height: 70vh;margin: 0 auto;}

.deve-warp1{padding: 120px 0 115px;justify-content: space-between;align-items: center;}
.deve-warp1 .nybox{width: 640px;padding: 4px 0 0;}
.deve-warp1 .nybox .nysum{padding-top: 75px;}
.deve-warp2{padding: 81px 0 0;box-sizing: border-box;height: 100vh;background: url(/static/img/deve2.png) no-repeat right bottom / cover;}
.deve-warp2 .nybox .nytitn{color: #fff;}
.deve-warp2 .nybox .nysum{padding-top: 52px;max-width: 1140px;color: #fff;}
.deve-warp2 .bot{padding: 36px 0 0;}
.deve-warp2 .bot p{position: relative;padding-left: 30px;line-height: 30px;color: #fff;}
.deve-warp2 .bot p:before{position: absolute;left: 0;top: 10px;width: 10px;height: 10px;border-radius: 100%;background: #fff;content: ""}
.deve-warp3{padding: 129px 0 105px;}
.deve-warp3 .main{justify-content: space-between;margin-bottom: 66px;}
.deve-warp3 .box{width: calc((100% - 148px) / 2);}
.deve-warp3 .box .titt{line-height: 1em;color: #000}
.deve-warp3 .box .sum{line-height: 22px;}
.deve-warp3 .box .circlebox{display: inline-block;}
.deve-warp3 .box .circle{width: 240px;height: 240px;border-radius: 100%;box-sizing: border-box;border:1px solid #5da254;text-align: center;}
.deve-warp3 .box .circle .imgbox{position: relative;display: inline-block;margin: 68px 0 19px;height: 60px;}
.deve-warp3 .box .circle .imgbox .img2{position: absolute;top: 0;left: 0;opacity: 0;}
.deve-warp3 .box .circle .imgbox .iconfont{font-size: 60px;line-height: 1em;color: #5da254;}
.deve-warp3 .box .circle .sumtt{padding: 0 8px;line-height: 1em;color: #5da254;}
.deve-warp3 .box .circle.on{background: #5da254;}
.deve-warp3 .box .circle.on .imgbox .img2{opacity: 1;}
.deve-warp3 .box .circle.on .imgbox .img1{opacity: 0;}
.deve-warp3 .box .circle.on .imgbox .iconfont{color: #fff;}
.deve-warp3 .box .circle.on .sumtt{color: #fff;}
.deve-warp3 .box.box1 .titt{padding: 74px 0 145px;}
.deve-warp3 .box.box2{padding: 6px 0 0 22px;justify-content: flex-start;}
.deve-warp3 .box.box2 .top {justify-content: center;}
.deve-warp3 .box.box2 .bot{margin-top: -35px;}
.deve-warp3 .box.box2 .bot .circle:first-child{margin-right: 92px;}
.deve-warp3 .box.box3 .sum{height: 300px;padding: 42px 0 0;line-height: 22px;}
.deve-warp3 .box.box3.box4 .sum{padding:72px 0 0;}
.deve-warp3 .box.box3.box4 .sum span{position:relative;display:block;padding-left:20px}
.deve-warp3 .box.box3.box4 .sum span:after{position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:100%;background:#5da254;content:"";}

.join-warp1{padding: 162px 0 140px;}
.join-warp1 .nybox{width: 890px;margin: 0 auto 110px;text-align: center;}
.join-warp1 .nybox .nysum{padding-top: 30px;line-height: 22px;color: #333;}
.join-warp1 .picbox{justify-content: space-between;align-items: flex-start;}
.join-warp2 .nytitn .titbox{justify-content: center;}
.join-warp2 .nytitn .titbox .iconfont{line-height: 1em;color: #5da254;}
.join-warp2 .nytitn .titbox .tit{padding-left: 16px;line-height: 1em;color: #000;}
.join-warp2 .nytitn .mes{flex-flow: column;padding: 23px 0 74px; line-height: 26px;color: #333;}
.join-warp2 .nytitn .mes a{color: #333;}
.join-warp2 .nytitn .mes a:hover{color: #5da254;}
.join-warp2 .mn{display: flex;justify-content: center;align-items: center;text-align: center;}
.join-warp2 .mn.mn1{width: 16.54%;}
.join-warp2 .mn.mn2{width: 29.38%;}
.join-warp2 .mn.mn3{width: 134px;}
.join-warp2 .mn.mn4{width: 31.17%;}
.join-warp2 .mn.mn5{width: 60px;}
.join-warp2 .top .mn{height: 90px;}
.join-warp2 .top .mn .tit{line-height: 1em;color: #333}
.join-warp2 .mtop{position: relative;border-bottom: 1px solid #e5e5e5;}
.join-warp2 .mtop .iconfont{position: absolute;top: 50%;transform: translateY(-50%);right: 50px;color: #787878;cursor: pointer;}
.join-warp2 .mtop .mn{height: 75px;}
.join-warp2 .mtop.on{background: #5da264;}
.join-warp2 .mtop.on .mn .tit{color: #fff!important;}
.join-warp2 .mtop.on .iconfont{transform:translateY(-50%) rotate(180deg);color: #fff;}
.join-warp2 .mbot{display: none;padding: 66px 75px 132px;background: #f6f6f6;}
.join-warp2 .mbot p{line-height: 22px;color: #333;}
.join-warp2 .mn.on .mnbot{height: auto;padding: 47px 180px 100px 0;opacity: 1;}
.join-warp2 .numpage{padding: 72px 0 148px;}

.numpage{display: flex;justify-content: center;align-items: center;}
.numpage .mn,.numpage .num a,.numpage .num span{position: relative;width: 45px;height: 45px;margin: 0 7px; border: 1px solid #d2d2d2;border-radius: 100%;display: flex;justify-content: center;align-items: center;color: #666}
.numpage .mn.prev .iconfont{transform: rotate(90deg);pointer-events: none;}
.numpage .mn.next .iconfont{transform: rotate(-90deg);pointer-events: none;}
.numpage .mn.on{border-color: #5da254;background: #5da254;color: #fff;}
.numpage .mn.on .img2{display: block;}
.numpage .mn.on .img1{display: none;}
.numpage .mn:hover{border-color: #5da254;background: #5da254;color: #fff;}
.numpage a:hover{border-color: #5da254;background: #5da254;color: #fff;}
.numpage .prev,.numpage .next{font-size: 0;}
.numpage .prev a,.numpage .prev span,.numpage .next a,.numpage .next span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;display: block;border-radius: 100%;}
.numpage .now{border-color: #5da254!important;background: #5da254!important;color: #fff!important;}

.layout-warp1{padding: 180px 0 100px;text-align: center;}
.layout-warp1 .nybox .nysum{ padding: 69px 0 118px;max-width: 1000px;margin: 0 auto;}
.layout-warp1 .main{position: relative;left: -22.5px;width: 1645px;}
.layout-warp1 .dian{border-radius: 100%;}
.layout-warp1 .dian.green{background: #5da254;}
.layout-warp1 .main .mn{position: absolute;color: #5da254;cursor: pointer;}
.layout-warp1 .main .mn .iconfont{position:relative;font-size: 78px;line-height: 1em;animation: sxmove 2s infinite;}
@keyframes sxmove{0%{ top:-5px}50%{top:5px;}100%{top:-5px}}
@keyframes sxmove{0%{ top:-5px}50%{top:5px;}100%{top:-5px}}
.layout-warp1 .main .mn .dian{width: 22px;height: 22px;margin: 18px auto 20px;}
.layout-warp1 .main .mn .mes{width: 174px;height: 68px;box-sizing: border-box;border-radius: 10px;display: flex;flex-flow: column;justify-content: center; background: #5da254;color: #fff;}
.layout-warp1 .main .mn .mes .tit{margin-bottom: 8px;line-height: 1em;font-size: 22px;}
.layout-warp1 .main .mn .mes .sum{line-height: 1em;}
.layout-warp1 .main .mn .mainmes{top: 0px;transform: translate(-50%,-100%);opacity: 0;pointer-events: none;}
.layout-warp1 .main .mn .mainmes .box{margin-bottom: 20px;width: 380px;border-radius: 20px;box-sizing: border-box;padding: 38px 25px;box-shadow: 0px 0px 20px rgba(0,0,0,.1);text-align: left;background: #fff;}
.contact-warp1 .mesbox{justify-content: space-between;padding: 50px 0 0;}
.layout-warp1 .main .mn .mainmes .box .tit{margin-bottom: 16px;line-height: 1em;color: #5da254;}
.layout-warp1 .main .mn .mainmes .box p,.layout-warp1 .main .mn .mainmes .box a{line-height: 26px;transition: all .5s;color: #333;}
.layout-warp1 .main .mn:hover .mainmes{opacity: 1;pointer-events: auto;}
.layout-warp1 .main .mn:hover .mainmes .box{margin-bottom: 15px;}
.layout-warp1 .main .mn.mn1{top: 17.58%;left: 2.74%;}
.layout-warp1 .main .mn.mn2{top: 6.88%;left: 44.92%;}
.layout-warp1 .main .mn.mn3{top: 14.22%;right: 16.78%;}
.layout-warp1 .main .circle{position: absolute;border-radius: 100%;cursor: pointer;}
.layout-warp1 .main .circle::before,.layout-warp1 .main .circle::after{position: absolute;top: 50%;left: 50%;width: 100%; height: 100%; border-radius: 50%;content: ''; background: #a191d7;}
.layout-warp1 .main .circle::before{animation: scale 2s infinite; }
.layout-warp1 .main .circle::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: translate(-50%,-50%) scale(1); opacity:.5}100%{ transform:translate(-50%,-50%) scale(1.5); opacity: 0;}}
@keyframes scale2{0%{ transform:translate(-50%,-50%) scale(1);opacity:.9;}100%{ transform:translate(-50%,-50%) scale(2);opacity:0;}}
.layout-warp1 .main .circle .tit{top: -35px;border-radius: 20px;width: 180px;text-align: center;line-height: 30px;background: #5da254;color: #fff;opacity: 0;pointer-events: none;}
.layout-warp1 .main .circle:hover .tit{top: -40px;opacity: 1;pointer-events: auto;}
.layout-warp1 .main .circle.zi{width: 14px;height: 14px;background: #a191d7;}
.layout-warp1 .main .circle.zi .tit{background: #a191d7}
.layout-warp1 .main .circle.huang{width: 20px;height: 20px;background: #ffdf00;}
.layout-warp1 .main .circle.huang::before,.layout-warp1 .main .circle.huang::after{background: #ffdf00;}
.layout-warp1 .main .circle.huang .tit{background: #ffdf00}
.layout-warp1 .main .circle.lv{width: 20px;height: 20px;background: #a4d442;}
.layout-warp1 .main .circle.lv::before,.layout-warp1 .main .circle.lv::after{background: #a4d442;}
.layout-warp1 .main .circle.lv .tit{background: #a4d442}
.layout-warp1 .main .circle.circle1{left: 11.31%;bottom: 18.35%;}
.layout-warp1 .main .circle.circle2{left: 21.03%;top: 41.28%;}
.layout-warp1 .main .circle.circle3{left: 23.82%;top: 38.99%}
.layout-warp1 .main .circle.circle4{left: 28.70%;top: 37.92%}
.layout-warp1 .main .circle.circle5{left: 40.99%;bottom: 29.36%;z-index: 2;}
.layout-warp1 .main .circle.circle6{left: 42.80%;bottom: 33.18%}
.layout-warp1 .main .circle.circle7{left: 47.94%;top: 19.11%;}
.layout-warp1 .main .circle.circle8{right: 47.37%;top: 23.70%;}
.layout-warp1 .main .circle.circle9{right: 19.47%;top: 27.52%;}
.layout-warp1 .main .circle.circle10{right: 28.66%;bottom: 32.42%;}
.layout-warp1 .main .circle.circle11{right: 27.21%;bottom: 29.36%;z-index: 2;}
.layout-warp1 .main .circle.circle12{right: 26.96%;bottom: 34.40%;}
.layout-warp2{position: relative;padding-bottom: 166px;}
.layout-warp2 .bimg{top: 50px;width: 1920px;}
.layout-warp2 .main{padding: 0 37px;justify-content: space-between;box-sizing: border-box;}
.layout-warp2 .main .mn{width: calc((100% - 112px) / 2);box-sizing: border-box;padding: 75px 102px 0;height: 384px;border-radius: 20px;box-shadow: 0px 0px 20px rgba(0,0,0,.1);background: rgba(255,255,255,.8);}
.layout-warp2 .main .mn .tit{line-height: 1em;color: #000;}
.layout-warp2 .main .mn .line{width: 286px;height: 1px;margin: 25px 0 50px;background: #dcdcdc;}
.layout-warp2 .main .mn .sum{line-height: 22px;color: #666;}
.layout-warp2 .main .mn:hover .tit,.layout-warp2 .main .mn:hover .sum{color: #5da254;}
.layout-warp2 .main .mn:hover .line{background: #5da254;}

.prolist{padding: 134px 0 97px;}
.prolist .top{padding: 104px 105px 146px 84px;margin-bottom: 69px;min-height: 456px;box-sizing: border-box;color: #fff;}
.prolist .top .tit{margin-bottom: 24px;line-height: 1em;}
.prolist .top .sum{line-height: 22px;}
.prolist .bot .mn{position: relative;margin-bottom: 43px;align-items: center;background: #f4f2f5;}
.prolist .bot .mn .bigimg{height: 250px;width: 375px;}
.prolist .bot .mn .mes{width: calc(100% - 375px);box-sizing: border-box;padding: 0 350px 0 80px;color: #333;}
.prolist .bot .mn .tit{margin-bottom: 29px;line-height: 26px;}
.prolist .bot .mn .more{right: 40px;}
.prolist .bot .mn:hover{background: #5da254}
.prolist .bot .mn:hover .mes{color: #fff;}
.prolist .bot .mn:hover .mes .sum{color: #fff!important}
.prolist .bot .mn:hover .hoverxg{border-color: #fff!important;background: #fff!important;}
.prolist .bot .mn:hover .hoverxg span{color: #5da254;}
.prolist .bot .mn:hover .hoverxg .sj{border-left-color: #5da254;}
.proread{box-sizing: border-box;width: 1368px;margin: 0 auto;}
.proread-warp1{padding: 144px 0 188px;}
.proread-warp1 .nytitn{margin-bottom: 57px;text-align: center;}
.proread-warp1 .main .bigimg{position: relative;width: 468px;height: 466px;border:1px solid #5da254;border-radius: 10px;}
.proread-warp1 .main .bimg{position: relative;}
.proread-warp1 .main .bimg .bg{position: absolute;right: -25px;bottom:-25px;width: 100%;height: 100%;border-radius: 10px;background: #def2e0;content: ""}
.proread-warp1 .main .bimg:hover .bg{right: -15px;bottom: -15px;}
.proread-warp1 .main{position: relative;justify-content: space-between;}
.proread-warp1 .main .img1{position: absolute!important;top: -100px!important;width: 100%;pointer-events: none;}
.proread-warp1 .main .img1 img{}
.proread-warp1 .main .mes{width: calc(100% - 472px);box-sizing: border-box;padding:64px 0 0 166px;}
.proread-warp1 .main .mes .tit{position: relative;padding-left: 82px;margin-bottom: 42px; line-height: 26px;color: #333;}
.proread-warp1 .main .mes .tit:before{position: absolute;top: 25.5px;left: 0;width: 72px;height: 1px;background: #5da254;content: ""}
.proread-warp1 .main .mes .tit.oth:before{top: 12.5px;}
.proread-warp1 .main .mes .mcont p{position: relative;padding-left: 28px;line-height: 2em;color: #333;}
.proread-warp1 .main .mes .mcont p:before{position: absolute;left: 0;top: 11px;width: 10px;height: 10px;border-radius: 100%;background: #5da254;content: ""}
.proread-warp2{text-align: center;margin-bottom: 98px;}
.proread-warp2 .main {margin-top: 72px;border-radius: 30px;padding: 96px 90px 126px;box-shadow: 0px 0px 30px rgba(0,0,0,.1)}
.proread-warp3 {padding: 0 0 192px;}
.proread-warp3 .main p{line-height: 22px;}

.ser-warp1{position: relative;}
.ser-warp1 .mes{/*top: 281px;*/}
.ser-warp1 .mes .width50{width: 50%;box-sizing: border-box;padding-right: 100px;}
.ser-warp1 .mes .nytitn{margin-bottom: 90px;}
.ser-warp1 .mes .sum{line-height: 22px;color: #666;}
.ser-warp1 .box{height: 650px;width: 50%;box-sizing: border-box;}
.ser-warp1 .box.le{background: #f4f2f5;}
.ser-warp1 .ri{position: relative;text-align: center;}
.ser-warp1 .ri .contr{position: absolute;left: 0;top: 50%;transform: translate(-50%,-50%);}
.ser-warp1 .ri .contr .mn{position: relative;width: 23px;height: 23px;margin-bottom: 42px;border-radius: 100%;cursor: pointer;}
.ser-warp1 .ri .contr .mn:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width:100%;height: 100%;border:1px solid #fff;border-radius: 100%;transition: all .5s;content: ""}
.ser-warp1 .ri .contr .mn:last-child{margin-bottom: 0;}
.ser-warp1 .ri .contr .mn.mn1{background: #ffcd00;}
.ser-warp1 .ri .contr .mn.mn2{background: #5da254;}
.ser-warp1 .ri .contr .mn.mn3{background: #b7ce0d;}
.ser-warp1 .ri .contr .mn.mn4{background: #e21823;}
.ser-warp1 .ri .contr .mn.mn5{background: #f28e16;}
.ser-warp1 .ri .contr .mn.mn6{background: #2faf9f;}
.ser-warp1 .ri .contr .mn.mn7{background: #8d4ddd;}
.ser-warp1 .ri .contr .mn.on:after{border-width: 8px;}
.ser-warp1 .ri .main{display: flex;flex-flow: column;align-items: center;justify-content: center;height: 100%;}
.ser-warp1 .ri .main .imgbox{position: relative;display: inline-block;width: 84px;height: 220px;border-radius: 100px;background: #5da254;}
.ser-warp1 .ri .main .imgbox .img2{position: absolute;right: -98px;bottom: -12px;max-width: unset;}
.ser-warp1 .ri .main .line{ margin: 130px auto 0; cursor: url(/static/img/tb7.svg) 0 38, auto;;}

.ser-warp2{padding: 123px 0 116px;text-align: center;}
.ser-warp2 .nybox .nysum{padding-top: 61px;}
.ser-warp2 .sizebox{padding: 78px 0 120px;justify-content: space-between;}
.ser-warp2 .sizebox .mn{position: relative;width: 115px;height: 115px;border-radius: 100%;}
.ser-warp2 .sizebox .mn .circle{bottom: 25px;}
.ser-warp2 .sizebox .mn .circle .img2{position: absolute;bottom: 0;left: 0;opacity: 0;}
.ser-warp2 .sizebox .mn .tit{bottom: -40px;line-height: 1em;color: #000;}
.ser-warp2 .sizebox .mn .bg{width: 100%;height: 100%;border-radius: 100%;background: #f4f2f5;}
.ser-warp2 .sizebox .mn:nth-child(2) .circle img{zoom:.95;}
.ser-warp2 .sizebox .mn:nth-child(3) .circle img{zoom:.9;}
.ser-warp2 .sizebox .mn:nth-child(4) .circle img{zoom:.85;}
.ser-warp2 .sizebox .mn:nth-child(5) .circle img{zoom:.8;}
.ser-warp2 .sizebox .mn:nth-child(6) .circle img{zoom:.75;}
.ser-warp2 .sizebox .mn:nth-child(7) .circle img{zoom:.7;}
.ser-warp2 .sizebox .mn:nth-child(8) .circle img{zoom:.65;}
.ser-warp2 .sizebox .mn:nth-child(9) .circle img{zoom:.6;}
.ser-warp2 .sizebox .mn:nth-child(10) .circle img{zoom:.55;}
.ser-warp2 .sizebox .mn:hover .bg{width: 128px;height: 128px;box-shadow: 0px 0px 15px rgba(0,0,0,.1);background: #5da254;}
.ser-warp2 .sizebox .mn:hover .circle .img1{opacity: 0;}
.ser-warp2 .sizebox .mn:hover .circle .img2{opacity: 1;}
.ser-warp3{height: 574px;background: url(/static/img/ser3.png) no-repeat center / cover fixed;}
.ser-warp3 .nybox{width: 780px;max-width: 94%;text-align: center;color: #fff;}
.ser-warp3 .nybox .nytitn,.ser-warp3 .nybox .nysum{color: #fff;}
.ser-warp4{padding: 102px 0 0;text-align: center;background: #f7f5f8;}
.ser-warp4 .main{width: 1080px;margin: 0 auto;padding: 89px 0 110px;max-width: 94%;justify-content: space-between;}
.ser-warp4 .main .mn{margin-bottom: 30px;width: calc((100% - 30px) / 2);box-sizing: border-box;padding: 45px 48px 45px;height: auto;border-radius: 10px;text-align: left;background: #fff;}
.ser-warp4 .main .mn .top{align-items: center;}
.ser-warp4 .main .mn .top .iconbox{width: 80px;height: 80px;border-radius: 100%;text-align: center;background: #7dd5bc;}
.ser-warp4 .main .mn .top .iconbox .iconfont{line-height: 80px;font-size: 46px;color: #fff;}
.ser-warp4 .main .mn .top .tit{padding-left: 20px;width: calc(100% - 80px);box-sizing: border-box;line-height: 1em;color: #000;}
.ser-warp4 .main .mn:nth-child(2) .top .iconbox{background: #73c5db}
.ser-warp4 .main .mn:nth-child(3) .top .iconbox{background: #6ab1f4}
.ser-warp4 .main .mn:nth-child(4) .top .iconbox{background: #4fa8a7}
.ser-warp4 .main .mn .sum{padding-top: 36px;line-height: 22px;text-align: left;color: #333;}
.ser-warp4 .main .mn:hover{background: #5da254;}
.ser-warp4 .main .mn:hover .top .tit,.ser-warp4 .main .mn:hover .sum{color: #fff;}

.quality-warp1{padding: 119px 0 183px;}
.quality-warp1 .main{margin-top: 86px;border-radius: 20px;box-shadow: 0px 0px 20px rgba(0,0,0,.1);overflow: hidden;}
.quality-warp1 .main .box{width: 50%;}
.quality-warp1 .main .mes .mn{position: relative;height: 350px;flex-flow: column;justify-content: center;padding: 0 186px 0 40px;}
.quality-warp1 .main .mes .mn .tit{margin-bottom: 32px;line-height: 44px;color: #000;}
.quality-warp1 .main .mes .mn .sum{line-height: 22px;color: #333;}
.quality-warp1 .main .mes .mn .iconfont{right: 56px;font-size: 82px;line-height: 1em;}
.quality-warp1 .main .mes .mn.on{background: #5da254;}
.quality-warp1 .main .mes .mn.on .tit,.quality-warp1 .main .mes .mn.on .sum,.quality-warp1 .main .mes .mn.on .iconfont{color: #fff;}
.quality-warp2{position: relative;height: 750px;background: url(/static/img/qua1.png) no-repeat left bottom / cover;}
.quality-warp2 .nytitn{padding: 107px 0 149px;color: #fff;}
.quality-warp2 .swiper{width: 730px;margin: 0;color: #fff;}
.quality-warp2 .swiper .tit{margin-bottom: 25px;}
.quality-warp2 .swiper .sum{line-height: 22px;}
.quality-warp2 .contr{right: -250px;width: 950px;height: 950px;border-radius: 100%;box-sizing: border-box;border:1px solid #fff;}
.quality-warp2 .contr .mn{position: absolute;cursor: pointer;}
.quality-warp2 .contr .mn .bigimg{width: 95px;height: 95px;box-sizing: border-box;border:1px solid #fff;border-radius: 100%;}
.quality-warp2 .contr .mn .mengc{background:none;}
.quality-warp2 .contr .mn .mengc::before,.quality-warp2 .contr .mn .mengc::after{position: absolute;top: 50%;left: 50%;width: 80%; height: 80%; border-radius: 50%;content: ''; background: #fff;opacity:0;}
.quality-warp2 .contr .mn.on .mengc::before{animation: scale 2s infinite; opacity:1;}
.quality-warp2 .contr .mn.on .mengc::after{animation: scale2 2s infinite; opacity:1; }
.quality-warp2 .contr .mn.mn0{left: 20px;top: 176px;}
.quality-warp2 .contr .mn.mn1{left:0;top: 50%;transform: translate(-50%,-50%);}
.quality-warp2 .contr .mn.mn2{left: 20px;bottom: 176px;}
.quality-warp2 .contr .bimg{left: 158px;border-radius: 100%;width: 475px;height: 475px;border-radius: 100%;border:1px solid #fff;box-sizing: border-box;}
.quality-warp3{padding: 129px 0 116px;}
.quality-warp3 .top{position: relative;top: -10px;margin-bottom: 46px;}
.quality-warp3 .top .ftit{bottom: 0;width: 100%;justify-content: center;font-weight: bold;line-height: 395px;font-size: 200px;color: #fbf9f9;opacity: .8;}
.quality-warp3 .top .ftit span:first-child{margin-right: 280px;}
.quality-warp3 .top .imgbox{position: relative;width: 438px;height: 438px;box-sizing: border-box;margin: 0 auto;}
.quality-warp3 .top .imgbox .bimg{max-width: unset;}
.quality-warp3 .bot .mn{position: relative;width: 33.3333%;box-sizing: border-box;padding: 0 40px 40px;height: auto;text-align: center;}
.quality-warp3 .bot .mn:nth-child(2){border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;}
.quality-warp3 .bot .mn .sum{padding: 23px 0 0;line-height: 22px;color: #333;}
.quality-warp3 .bot .mn .line{bottom: 25px;width: calc(100% - 160px);height: 6px;border-radius: 5px;background: #5da254;opacity: 0;}
.quality-warp3 .bot .mn.on .sum{transform: translateY(-10px);color: #5da254;}
.quality-warp3 .bot .mn.on .line{bottom: 29px;opacity: 1;}

.newslist{padding: 118px 0 180px;}
.newslist .main{padding: 17px 0 65px;}
.newslist .main .mn{padding: 65px 0;border-bottom: 2px solid #ebebeb;transition: all .5s;}
.newslist .main .mn .bigimg{width: 570px;height: 320px;}
.newslist .main .mn .mes{position: relative;width: calc(100% - 570px);height: 320px;box-sizing: border-box;padding: 33px 0 0 48px;}
.newslist .main .mn .mes .tit{line-height: 1em;color: #000;}
.newslist .main .mn .mes .time{padding: 13px 0 41px;line-height: 1em;color: #666;}
.newslist .main .mn .mes .sum{line-height: 22px;color: #666;}
.newslist .main .mn .mes .more{position: absolute;left: 48px;bottom: 0;}
.newslist .main .mn:hover{padding-left: 10px;}
.newslist .main .mn:hover .mes a{color: #5da254;}
.newslist .indmain{padding: 82px 0 44px;}
.newslist .indmain .mn{position: relative;margin-bottom: 36px;border-radius: 200px;height: 129px;box-sizing: border-box;border:1px solid #f7f5f8;align-items: flex-start;flex-flow: column;justify-content: center;padding: 0 62px;background: #f7f5f8;}
.newslist .indmain .mn .tit{position: relative;display: inline-block; line-height: 1em;color: #15151f;}
.newslist .indmain .mn .tit:after{position: absolute;left: 0;bottom: -15px;width: 0px;height: 2px;background: #5da254;transition: all .5s;content: ""}
.newslist .indmain .mn .sum{height: 1px;line-height: 22px;color: #666;opacity: 0;}
.newslist .indmain .mn .tb{left: -10px;transform: translate(-50%,-50%);opacity: 0;}
.newslist .indmain .mn:hover{height: 245px;padding: 0 150px;border-color: #5da254;box-shadow: 0px 0px 20px rgba(0,0,0,.1);background: #fff;}
.newslist .indmain .mn:hover .tit{margin-bottom: 36px;font-size: 30px;color: #5da254;}
.newslist .indmain .mn:hover .tit:after{width: 100%;}
.newslist .indmain .mn:hover .sum{height: 52px;opacity: 1;}
.newslist .indmain .mn:hover .tb{left: 0;opacity: 1;}
.newsread .top{padding: 143px 0 16px;}
.newsread .top .nytitn{margin-bottom: 22px;line-height: 1em;}
.newsread .top .time{line-height: 1em;color: #666;}
.newsread .top .time .iconfont{margin-right: 10px;display: block;}
.newsread .main{border-bottom: 2px solid #ebebeb;border-top: 2px solid #ebebeb;padding: 58px 0;}
.newsread .main.m-content{font-size: 16px;text-indent: 32px;line-height: 22px;color: #333;}
.newsread .bot{padding: 50px 0 158px;justify-content: space-between;align-items: center;}
.newsread .bot .sx-page{width: 50%;}
.newsread .bot .sx-page .sum{position: relative;line-height: 22px;color: #333;}
.newsread .bot .sx-page .sum:after{position: absolute;left: 0;bottom: 3px;width: 0px;height: 1px;background: #5da254;transition: all .5s;content: "";}
.newsread .bot .sx-page .sum:hover{color: #5da254;}
.newsread .bot .sx-page .sum:hover:after{width: 100%}

.contact-warp1 .nybox{margin-bottom: 60px; text-align: left;}
.contact-warp1 .mesbox{justify-content: space-between;padding: 50px 0 0;}
.contact-warp1 .mesbox .mn{width: 340px;min-height: 248px;box-sizing: border-box;padding: 38px 25px;border-radius: 10px;text-align: left;background: #f7f5f8;}
.contact-warp1 .mesbox .mn .tit{margin-bottom: 16px;line-height: 1em;color: #5da254;}
.contact-warp1 .mesbox .mn p,.contact-warp1 .mesbox .mn a{line-height: 22px;transition: all .5s;color: #666;}
.contact-warp1 .mesbox .mn:hover{background: #5da254;}
.contact-warp1 .mesbox .mn:hover .tit,.contact-warp1 .mesbox .mn:hover p,.contact-warp1 .mesbox .mn:hover a{color: #fff;}
.contact-warp2{padding: 96px 0 140px;background: #f7f5f8;}
.contact-warp2 .nytitn{margin-bottom: 94px;text-align: center;}
.contact-warp2 .main{width: 1020px;margin: 0 auto;max-width: 94%;}
.contact-warp2 .main .mn{justify-content: space-between;margin-bottom: 50px;}
.contact-warp2 .main .inputbox{width: calc((100% - 74px) / 2)}
.contact-warp2 .main .inputbox .ftit{line-height: 1em;color: #333;}
.contact-warp2 .main .inputbox input,.contact-warp2 .main .inputbox textarea{display: block;width: 100%;border:none;border-bottom: 1px solid #ccc;line-height: 44px;color: #333;background: none;}
.contact-warp2 .main .inputbox textarea{height:45px;}
.contact-warp2 .main .mn.oth .inputbox{width: 100%;}
.contact-warp2 .main .submit{margin: 75px auto 0;background: none;cursor: pointer;}
.contact-warp2 .main .submit:hover{background: #5da254;color: #fff;}

/*404*/
.message{padding:170px 0 130px 0 }
.message-box{border:1px solid #ccc;}
.message-box .title{height:32px;line-height:32px;
background:#eee;color:#666;font-weight:bold;padding-left:20px;font-size:14px}
.tips{padding:20px 0;text-align:center;font-size:16px;color:#007853}
.infos{box-sizing: border-box;padding: 0 10px;text-align:center}
.btn{padding:20px 0;text-align:center}
.btn .button{cursor:pointer;display:inline-block;padding:5px 20px;background:#007853;color:#fff;font-size:14px;border:none;outline:none}


/*@media (max-width: 1720px){

.font72{font-size: 60px;}
.font60{font-size: 50px;}
.font48{font-size: 40px;}

.inbanner .nextbox .line{width: 2.5%;}
.inbanner .swiper .mes .sum{line-height: 1.5em;}
.ipro .box .mes .bot .mnbox .mntit{padding: 10px 10px 15px 0;margin-right: 10px;}
.ipro .ri .entit{padding: 50px 0 5px;}
.ipro .ri .sum{padding: 0 100px;margin: 30px 0 40px;}

.about-warp1 .mes{bottom: 15%;}
.about-warp1 .mes .tit{line-height: 1.5em;}
.about-warp2 .numbox .mn .top .num{line-height: 36px;}
.layout-warp1 .main{max-width: 100%;left: auto;}
.deve-warp1 .nybox{width: calc(100% - 850px)}
.join-warp1 .picbox .bigimg{width: 48%;}
.join-warp1 .picbox .img2{width: 50%;}

.quality-warp2 .contr{zoom:.9;}
.quality-warp3 .top .ftit{bottom: auto;top: 50%;transform: translate(-50%,-50%);font-size: 130px;line-height: 1em;}
.quality-warp3 .bot .mn{padding: 0 50px;}
.quality-warp3 .bot .mn .line{width: calc(100% - 100px)}
}*/

@media (max-width: 1550px){

.inbanner .nextbox .line{width: 2.5%;}
.inbanner .swiper .mes .sum{line-height: 1.5em;}
.ipro .box .mes .bot .mnbox .mntit{padding: 10px 10px 15px 0;margin-right: 10px;}
.ipro .ri .entit{padding: 50px 0 5px;}
.ipro .ri .sum{padding: 0 100px;margin: 30px 0 40px;}

.enav .main .ri .mn{margin-right: 20px;}
.about-warp1 .mes{bottom: 15%;}
.about-warp1 .mes .tit{line-height: 1.3em;}
.about-warp2 .numbox .mn .top .num{line-height: 36px;}
.layout-warp1 .main{max-width: 100%;left: auto;}
.deve-warp1 .nybox{width: calc(100% - 850px)}
.join-warp1 .picbox .bigimg{width: 48%;}
.join-warp1 .picbox .img2{width: 50%;}

.quality-warp2 .contr{zoom:.9;}
.quality-warp3 .top .ftit{bottom: auto;top: 50%;transform: translate(-50%,-50%);font-size: 130px;line-height: 1em;}
.quality-warp3 .bot .mn{padding: 0 50px 40px;}
.quality-warp3 .bot .mn .line{width: calc(100% - 100px)}

.w1620{width: 94%;}
.proread{width: 90%;}
.font72{font-size: 50px;}
.font60{font-size: 40px;}
.font48{font-size: 36px;}
.font36{font-size: 32px;}
.font30{font-size: 24px;}
.font24{font-size: 22px;}
.font20{font-size: 18px;}
.hoverxg{width: 140px;height: 40px;}
.hoverxg span{font-size: 16px;}
.hoverxg .sj{margin-left: 15px;zoom:.8;}

.header .headmain .logo img{width: 270px!important}
.header .headmain .headnav .navmn{margin-right: 15px;}
.header .headmain .headmes .headri .lang .top{width: 80px;}
.header .headmain .headmes .headri .line{margin-right: 20px;}
.header .headmain .othlogo{margin-left: 15px;}
.ipro .ri .sum{padding: 0 70px;}
.iabout{padding: 120px 0;}
.iabout .intitn{line-height: 1.5em;}
.iabout .sum{padding: 50px 0 120px;line-height: 1.5em;}
.iabout .morebox .more1{height: 50px;}
.iabout .morebox .more2{width: 200px;margin-left: 20px;height: 50px;}
.inews{padding: 80px 0 120px;}
.inews .bot{padding: 60px 0 0;}
.inews .bot .mn{margin-right: 80px;width: calc((100% - 160px) / 3);}
.inews .bot .mn:after{right: -40px;}

.footer .bot{padding: 0 50px;}

.about-warp2{padding: 120px 0 100px}
.about-warp2 .titn{line-height: 1.5em;}
.about-warp2 .m-content{padding: 40px 0;}
.about-warp2 .numbox .mn .top .num{line-height: 30px;}
.about-warp3 .bot .mn{height: 180px!important;}
.about-warp3 .bot .mn.on .tit{font-size: 36px;}
.about-warp3 .bot .mn.on .sum{font-size: 26px;}
.about-warp3 .bot .mn.mn2{padding: 0 300px 0 100px;}
.nybox .nysum{padding-top: 50px!important}
.about-warp4 .nybox{margin-bottom: 40px;}
.about-warp4 .main .box .bigimg,.about-warp4 .main .box .tit{width: calc(100% - 30px);}
.about-warp4 .main .box .iconfont{right: 15px;}
.sxpage .mn{width: 50px;height: 50px;line-height: 50px;}
.layout-warp1{padding: 120px 0 100px;}
.layout-warp1 .nybox .nysum{padding: 50px 0;}
.layout-warp1 .main{margin: 0 auto;zoom:.8;}
.layout-warp2{padding-bottom: 120px;}
.layout-warp2 .main .mn{padding: 80px 50px 0}
.layout-warp2 .main .mn .line{margin: 20px 0 35px;}
.deve-warp2{height: 800px;}
.deve-warp3 .box .circlebox{zoom:.8;}
.deve-warp3 .box.box3 .sum{padding: 30px 0 0;height: 400px;}
.deve-warp3 .box.box3.box4 .sum{padding:54px 0 0;}
.join-warp1{padding: 120px 0;}
.join-warp1 .nybox{max-width: 100%;margin: 0 auto 60px;}
.join-warp2 .nytitn .mes{padding: 20px 0 50px;}
.join-warp2 .numpage{padding: 50px 0 120px;}

.prolist{padding: 120px 0 80px;}
.prolist .top{padding: 80px;min-height: 320px;margin-bottom: 50px;}
.prolist .bot .mn{margin-bottom: 30px;}
.prolist .bot .mn .mes{padding: 0 220px 0 40px}
.proread-warp1{padding: 120px 0;}
.proread-warp1 .main .mes{padding: 40px 0 0 120px}
.proread-warp2{margin-bottom: 60px;}
.proread-warp2 .main{margin-top: 50px;padding: 60px 60px 80px}
.proread-warp3{padding-bottom: 120px;}

.ser-warp1 .box{height: 600px;}
.ser-warp1 .box.le .mes{top: 50%;transform: translate(-50%,-50%);}
.ser-warp1 .mes .nytitn{margin-bottom: 50px;}
.ser-warp1 .ri .contr{top: 50%;transform: translate(-50%,-50%);}
.ser-warp1 .ri .contr .mn{margin-bottom: 30px;}
.ser-warp1 .ri{padding: 20px;}
.ser-warp1 .ri .main{height: 100%;justify-content: center;}
.ser-warp1 .ri .main .line{margin: 80px auto 0;}
.ser-warp2{padding: 120px 0 100px;}
.ser-warp2 .sizebox{padding: 50px 0 70px;}
.ser-warp2 .sizebox .mn{width: 90px;height: 90px;}
.ser-warp2 .sizebox .mn:hover .bg{width: 100px;height: 100px;}
.ser-warp2 .sizebox .mn .circle{bottom: 15px;}
.ser-warp4{padding: 100px 0 0;}
.ser-warp4 .main{padding: 50px 0 70px}

.quality-warp1{padding: 100px 0;}
.quality-warp1 .main{margin-top: 50px;}
.quality-warp1 .main .mes .mn{height: 340px;}
.quality-warp1 .main .mes .mn .tit{margin-bottom: 20px;}
.quality-warp1 .main .mes .mn .iconfont{font-size: 60px;}
.quality-warp2{height: 600px;}
.quality-warp2 .nytitn{padding: 100px 0 80px;}
.quality-warp2 .contr{zoom:.7;}
.quality-warp3{padding: 100px 0;}
.quality-warp3 .bot .mn{padding: 0 30px 40px;}
.quality-warp3 .bot .mn .line{width: calc(100% - 60px)}

.newslist{padding: 100px 0;}
.newslist .main .mn{padding: 40px 0;}
.newslist .main .mn .bigimg{width: 440px;height: 280px;}
.newslist .main .mn .mes{width: calc(100% - 440px);height: 280px;padding: 30px 0 0 30px}
.newslist .main .mn .mes .more{left: 30px;}
.newsread .top{padding: 100px 0 10px;}
.newsread .top .nytitn{margin-bottom: 15px;}
.newsread .main.m-content{padding: 40px 0;}
.newsread .bot{padding: 50px 0 120px}
.newslist .indmain{padding: 50px 0 40px;}
.newslist .indmain .mn{height: 80px;padding: 0 40px;margin-bottom: 20px;}
.newslist .indmain .mn:hover{height: 200px;padding: 0 100px}
.newslist .indmain .mn .tb{width: 70px;}

.contact-warp1 .mesbox .mn{width: calc((100% - 50px) / 4);padding: 30px 20px;}
.contact-warp2{padding: 100px 0 ;}
.contact-warp2 .nytitn{margin-bottom: 50px;}
.contact-warp2 .main .submit{margin: 50px auto 0;}
}

@media (max-width: 1240px){

.font72{font-size: 40px;}	
.font60{font-size: 36px;}
.font48{font-size: 30px;}
.font36{font-size: 24px;}
.font30{font-size: 22px;}
.font24{font-size: 20px;}
.font20{font-size: 16px;}
.font18{font-size: 14px;}
.sumfont16{font-size: 14px!important;line-height: 20px!important}
body, button, input, select, textarea{font-size: 14px;}
.m-content p{font-size: 14px;line-height: 20px!important;}

.header .headmain{position: relative;height: 60px;align-items: center;}
.header .headmain .headnav,.header .headmain .headmes .headri .lang,.header .headmain .headmes .headri .line{display: none;}
.header .headmain .logo img{width: 250px!important}
.header .headmain .logo{margin-bottom: 0;}
.header .headmain .headmes .headri{padding-bottom: 0;align-items: center;padding-right: 50px;}
.header .headmain .othlogo{top: auto;margin-left: 15px;width: 34px;}
.header .phone-nav{display: block;}
.header{box-shadow: 0px 0px 15px rgba(0,0,0,.1);background: #fff;}
.header .headmain .logo .img2{opacity: 1;}
.header .headmain .headnav .navmn .navtit{color: #333;}
.header .headmain .headmes .headri .lang .top{color: #333;}
.header .headmain .othlogo .img2{opacity: 1;}
.header .headmain .headmes .headri .search.show form{width: 180px;height: 30px;padding: 0 15px;}
.navbox{height: 60px;}

.inbanner{margin-top: 60px;}
.inbanner .swiper{height: 500px;}
.inbanner .swiper .mes .sum{line-height: 1em;}
.inbanner .inbannerqh{bottom: 30px;}
.inbanner .inbannerqh .progress{margin-right: 5px;width: 20px;height: 20px;}
.inbanner .inbannerqh .progress .circle{width: 6px;height: 6px;}
.inbanner .nextbox .line{top: 6.5px;transform: translateX(100px); width: 100px;}

.ipro .box{height: auto;width: 100%;}
.ipro .box.le{position: relative;}
.ipro .box.le img{position: absolute;top: 0;left: 0;}
.ipro .box .mes{position: relative;top: auto;left: auto;transform: unset;padding: 50px 0 30px;height: auto; z-index: 2;}
.ipro .box .mes .intitn{margin-bottom: 30px;}
.ipro .box .mes .bot{position: static;width: 100%;}
.ipro .box .mes .bot .mnbox .mntit{padding: 6px 10px 6px 0;margin-right: 15px;}
.ipro .box .mes .bot .titn.oth{margin-top: 20px;}
.ipro .ri{padding: 30px 0 50px;}
.ipro .ri .bigimg{width: 300px;height: 300px;}
.ipro .ri .entit{padding: 30px 0 5px;}
.ipro .ri .cntit{line-height: 1.3em;}
.ipro .ri .sum{padding: 0 3%;margin: 20px 0 20px;}
.iabout{padding: 70px 0;}
.iabout .sum{padding: 30px 0 50px;}
.iabout .morebox .more1,.iabout .morebox .more2{height: 40px;line-height: 40px;}
.inews{padding: 50px 0;}
.inews .bot{padding: 40px 0 0;}
.inews .bot .mn{margin-right: 40px;width: calc((100% - 80px) / 3);}
.inews .bot .mn:after{right: -20px;}
.footer{padding: 60px 0;}
.footer .footimg{width: 300px!important;margin: 0 auto 40px;}
.footer .bot{padding: 0;}
.footer .bot .le{max-width: 400px;}
.footer .bot .mes{line-height: 20px;}

.enav .main{height: 45px;}
.enav .main .ri{display: none;}
.enav .main .le{flex-wrap: nowrap;text-align: center;}
.enav .main .le .oth{display: none;}

.about-warp1{height: 500px;}
.about-warp1 .mes{bottom: auto;top: 70px;}
.about-warp1 .mes .tit{line-height: 1em;}
.about-warp1 .bf{font-size: 40px;}
.about-warp2{padding: 60px 0;}
.about-warp2 .m-content{padding: 30px 0;}
.about-warp2 .numbox{width: 100%;max-width: 1000px;}
.about-warp2 .numbox .mn .top .num{line-height: .8em;}
.about-warp2 .numbox .mn .top{margin-bottom: 10px;}
.about-warp3{padding: 60px 0;}
.about-warp3 .bot{margin-top: 30px;}
.about-warp3 .bot .mn{top: 0!important;height: 100px!important;padding: 0 120px 0 50px!important;}
.about-warp3 .bot .mn.mn1{width: 80%;}
.about-warp3 .bot .mn .iconfont{right: 30px;}
.about-warp3 .bot .mn .tit{width: 100px;}
.about-warp3 .bot .mn .sum{width: calc(100% - 100px);line-height: 1.5em;font-size: 16px;}
.about-warp3 .bot .mn.on .tit{font-size: 28px;}
.about-warp3 .bot .mn.on .sum{font-size: 20px;}
.about-warp4{padding: 60px 0;}
.nybox .nysum{padding-top: 20px!important;line-height: 20px;}
.about-warp4 .nybox{margin-bottom: 30px;}
.about-warp4 .main .box{padding-bottom: 35px;}
.about-warp4 .main .box .bigimg{height: 230px}
.about-warp4 .main .box .tit{margin: 15px auto 0;line-height: 1.3em;}
.about-warp4 .main .box .iconfont{bottom: 15px;}
.about-warp4 .main .sxpage{margin-top: 30px;}
.contact-jobform .jobform{padding: 30px;}
.contact-jobform .jobform .close {width: 50px;}
.sxpage .mn{width: 40px;height: 40px;margin: 0 8px;line-height: 40px;}

.nbanner{height: 350px;}
.layout-warp1{padding: 60px 0;}
.layout-warp1 .nybox .nysum{padding: 30px 0 40px!important}
.layout-warp1 .main{zoom:.5;}
.layout-warp2{padding-bottom: 80px;}
.layout-warp2 .main{padding: 0;}
.layout-warp2 .main .mn{padding: 40px 20px;height: 250px;width: calc((100% - 60px) / 2);}
.layout-warp2 .main .mn .sum{line-height: 20px;}
.layout-warp2 .main .mn .line{margin: 15px 0 25px;}

.deve-warp1{padding: 60px 0;}
.deve-warp1 .nybox{width: 100%;margin-bottom: 30px;}
.deve-warp1 .nybox .nysum{padding-top: 15px!important}
.deve-warp2{height: 600px;padding: 60px 0 0;}
.deve-warp2 .bot{padding: 30px 00 ;}
.deve-warp2 .bot p{padding-left: 15px;line-height: 20px;}
.deve-warp2 .bot p:before{top: 7px;width: 6px;height: 6px;}
.deve-warp3{padding: 60px 0;}
.deve-warp3 .box{width: calc((100% - 60px) / 2);}
.deve-warp3 .main{margin-bottom: 40px;}
.deve-warp3 .box.box1 .titt{padding: 30px 0 60px;}
.deve-warp3 .box .circle{width: 160px;height: 160px;display: flex;justify-content: center;align-items: center;flex-flow: column;}
.deve-warp3 .box .circle .imgbox{margin: 0 0 20px;height: 40px;}
.deve-warp3 .box .circle .imgbox img{height: 100%;}
.deve-warp3 .box .circle .imgbox .iconfont{font-size: 40px;}
.deve-warp3 .box .sum{line-height: 20px;}
.deve-warp3 .box.box3 .sum{height: 420px; line-height: 20px;}
.deve-warp3 .box.box2 .bot .circle:first-child{margin-right: 60px;}
.deve-warp3 .box.box3.box4 .sum{padding: 52px 0 0;}
.deve-warp3 .box.box3.box4 .sum span{padding-left: 15px;}
.deve-warp3 .box.box3.box4 .sum span:after{top: 8px;}

.join-warp1{padding: 60px 0;}
.join-warp1 .nybox{margin: 0 auto 30px;}
.join-warp1 .nybox .nysum{line-height: 20px;}
.join-warp2 .nytitn .titbox .tit{padding-left: 10px;}
.join-warp2 .nytitn .mes{padding: 15px 0 30px;line-height: 20px;}
.join-warp2 .top .mn{height: auto;padding: 10px 5px;box-sizing: border-box;}
.join-warp2 .top .mn .tit{line-height: 1.3em;text-align: center;font-size: 16px;}
.join-warp2 .mn.mn1{width: 20%;}
.join-warp2 .mn.mn2{width: 15%;}
.join-warp2 .mn.mn3{width: 22%;}
.join-warp2 .mn.mn4{width: 22%;}
.join-warp2 .mn.mn5{width: 15%;}
.join-warp2 .mtop .iconfont{right: 10px;}
.join-warp2 .mtop .mn{height: auto;padding:10px 5px;text-align: center;box-sizing: border-box;}
.join-warp2 .mbot{padding: 30px 15px 40px 15px;}
.join-warp2 .numpage{padding: 30px 0 60px;}
.join-warp2 .mbot p{line-height: 20px;}
.numpage .mn, .numpage .num a, .numpage .num span{width: 36px;height: 36px;}
.numpage .mn .iconfont{font-size: 12px;}

.prolist{padding: 60px 0;}
.prolist .top{padding: 50px 15px;min-height: unset;margin-bottom: 20px;}
.prolist .top .tit{margin-bottom: 20px;}
.prolist .top .sum{line-height: 20px;}
.prolist .bot .mn{margin-bottom: 10px;}
.prolist .bot .mn .tit{margin-bottom: 15px;}
.prolist .bot .mn .more{right: 20px;}
.prolist .bot .mn .mes{padding: 0 190px 0 20px;}
.prolist .bot .mn .bigimg{width: 300px;height: 200px;}
.prolist .bot .mn .mes{width: calc(100% - 300px)}
.proread-warp1{padding: 60px 0;}
.proread-warp1 .nytitn{margin-bottom: 30px;}
.proread-warp1 .main{align-items: flex-start;}
.proread-warp1 .main .bigimg{width: 300px;height: 300px;}
.proread-warp1 .main .mes{width: calc(100% - 400px);padding:0;}
.proread-warp1 .main .mes .tit{padding-left: 50px;margin-bottom: 30px;}
.proread-warp1 .main .mes .tit:before{width: 36px;}
.proread-warp1 .main .mes .mcont p{padding-left: 16px;line-height: 20px;}
.proread-warp1 .main .mes .mcont p:before{top: 8px;width: 6px;height: 6px;}
.proread-warp2 .main{margin-top: 30px;padding: 30px 20px;}
.proread-warp2{margin-bottom: 30px;}
.proread-warp3 .main p{line-height: 20px;}

.ser-warp1 .mes .nytitn{margin-bottom: 30px;}
.ser-warp1 .mes .sum{line-height: 20px;}
.ser-warp1 .box{height: 400px;}
.ser-warp1 .ri .contr .mn{width: 15px;height: 15px;margin-bottom: 20px;}
.ser-warp1 .ri .contr .mn.on:after{border-width: 4px;}
.ser-warp1 .ri .main .imgbox {width: 50px;height: auto;}
.ser-warp1 .ri .main .line{margin: 30px auto 0}
.ser-warp2{padding: 60px 0;}
.ser-warp2 .sizebox{padding: 30px 0 50px;}
.ser-warp2 .sizebox .mn{zoom:.75;}
.ser-warp2 .sizebox .mn .tit{bottom: -30px}
.ser-warp3{height: 300px;}
.ser-warp4{padding: 60px 0 0;}
.ser-warp4 .main{padding: 30px 0 60px;}
.ser-warp4 .main .mn{margin-bottom: 15px;padding: 30px 15px;height: auto;}
.ser-warp4 .main .mn .top .tit{padding-left: 15px;}
.ser-warp4 .main .mn .top .iconbox{width: 50px;height: 50px;}
.ser-warp4 .main .mn .top .iconbox .iconfont{font-size: 30px;line-height: 50px;}
.ser-warp4 .main .mn .top .tit{width: calc(100% - 50px)}
.ser-warp4 .main .mn .sum{padding-top: 20px;line-height: 20px;}

.quality-warp1{padding: 60px 0 ;}
.quality-warp1 .main{margin-top: 30px;}
.quality-warp1 .main .mes .mn{height: 280px;padding: 0 100px 0 20px}
.quality-warp1 .main .mes .mn .tit{margin-bottom: 15px;line-height: 1em;}
.quality-warp1 .main .mes .mn .sum{line-height: 20px;}
.quality-warp1 .main .mes .mn .iconfont{right: 20px; font-size: 40px;}
.quality-warp2{height: 400px;}
.quality-warp2 .nytitn{padding: 60px 0 50px;}
.quality-warp2 .swiper{width: 500px;}
.quality-warp2 .swiper .sum{line-height: 20px;}
.quality-warp2 .swiper .tit{margin-bottom: 15px;line-height: 1em;}
.quality-warp2 .contr{zoom:.5;}
.quality-warp3{padding: 60px 0;}
.quality-warp3 .top .imgbox{width: 300px;height: 300px;}
.quality-warp3 .top .imgbox .bimg{width: 340px;}
.quality-warp3 .top .ftit{font-size: 80px;}
.quality-warp3 .bot .mn .sum{padding: 15px 0 0;line-height: 20px;}

.newslist{padding: 60px 0;}
.newslist .main{padding: 10px 0 30px;}
.newslist .main .mn{padding: 20px 0;}
.newslist .main .mn .bigimg{width: 300px;height: 200px;}
.newslist .main .mn .mes{height: auto;width: calc(100% - 340px);padding:20px 0 0 20px;}
.newslist .main .mn .mes .more{left: 20px;}
.newslist .main .mn .mes .time{padding: 10px 0 15px;}
.newslist .main .mn .mes .sum{line-height: 20px;}
.newsread .top{padding: 60px 0 20px;}
.newsread .top .nytitn{line-height: 1.3em;}
.newsread .bot{padding: 30px 0 60px;}
.newsread .bot .sx-page{width: 100%;margin-bottom: 20px;}
.newsread .bot .sx-page .sum{line-height: 20px;}
.newslist .indmain{padding: 30px 0;}
.newslist .indmain .mn .tit{width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newslist .indmain .mn{height: 60px;padding: 0 20px;margin-bottom: 10px;}
.newslist .indmain .mn:hover{padding: 0 30px;height: 140px;}
.newslist .indmain .mn:hover .tit{margin-bottom: 20px;font-size: 24px;}
.newslist .indmain .mn .tit:after{bottom: -10px;}
.newslist .indmain .mn:hover .sum{height: 44px;line-height: 22px;}
.newslist .indmain .mn:hover .tb{opacity: 0;}

.contact-warp1 .mesbox .mn{height: auto;min-height: unset;}
.contact-warp1 .mesbox .mn .tit{margin-bottom: 10px;}
.contact-warp1 .mesbox .mn p, .contact-warp1 .mesbox .mn a{line-height: 22px;}
.contact-warp2{padding: 60px 0;}
.contact-warp2 .nytitn{margin-bottom: 30px;}
.contact-warp2 .main .mn{margin-bottom: 15px;}
.contact-warp2 .main .inputbox{width: calc((100% - 20px) / 2)}
.contact-warp2 .main .inputbox input{line-height: 30px;}
.contact-warp2 .main .inputbox textarea{margin:10px 0 0;padding:0 0 10px;box-sizing:border-box;line-height:1.2em;}
.contact-warp2 .main .submit{margin: 30px auto 0;}
}

@media (max-width: 940px){

.inews .bot .mn{width: 100%;margin-right: 0!important;border-bottom: 1px solid #e0e0e0;padding: 0 0 10px;margin-bottom: 20px;}
.inews .bot .mn:after{display: none;}
.inews .bot .mn .sum{margin: 5px 0 30px;}

.quality-warp1 .main .box{width: 100%;}
.quality-warp1 .main .mes .mn{padding: 30px 80px 30px 20px;height: auto;}
.quality-warp2{height: auto;padding-bottom: 60px;}
.quality-warp2 .swiper{width: 100%;margin-bottom: 30px;}
.quality-warp2 .contr{position: static;right: auto;display: flex;justify-content: flex-start;margin: 0 auto;width: 94%;height: auto;border-radius: 0;border: none;transform: unset!important; zoom: 1;}
.quality-warp2 .contr .mn{position: relative;left: auto!important;top: auto!important;bottom: auto!important;transform: unset!important;margin-right: 20px;zoom:.8;}
.quality-warp2 .contr .bimg{display: none;}
.quality-warp3 .top .ftit{display: none;}
.quality-warp3 .top{top: auto;margin: 30px 0;}
.quality-warp3 .bot .mn{width: 100%;padding: 20px 0;height: auto;}
.quality-warp3 .bot .mn.on .line{bottom: 0;width: 100%;}
.quality-warp3 .bot .mn:nth-child(2){border:none!important;}
.quality-warp3 .bot .mn .line{height: 3px;}

.contact-warp1 .mesbox{padding: 30px 0 0;}
.contact-warp1 .mesbox .mn{width: calc((100% - 10px) / 2);margin-bottom: 10px;}

.footer{padding: 50px 0 30px;}
.footer .bot{justify-content: center;}
.footer .bot .ri{display: none;}
.footer .bot .botmes .titn{margin: 10px 0 30px;border-bottom: 1px solid #fff;line-height: 2em;}

}

@media (max-width: 768px){

.font72{font-size: 36px;}	


.header .headmain .logo img{width: 180px!important}
.header .headmain .othlogo{width: 26px;}
.iabout .sum{font-size: 16px;line-height: 20px;}
.ipro .ri .bigimg{width: 200px;height: 200px;}

.about-warp2 .numbox .mn{width: 50%;padding: 0px 10px 20px;box-sizing: border-box;}
.about-warp3 .bot .mn{width: 100%!important;height: auto!important;padding: 15px 50px 15px 15px!important;}
.about-warp3 .bot .mn .tit{width: 100%;margin-bottom: 10px;font-size: 20px!important;}
.about-warp3 .bot .mn .sum{width: 100%;font-size: 14px!important;line-height: 20px!important}
.about-warp3 .bot .mn .iconfont{right: 15px;font-size: 26px;}
.layout-warp1 .main{zoom:.2;}
.layout-warp2 .main .mn{padding: 30px 15px;height: auto;width: 100%;margin-bottom: 15px;}
.layout-warp2 .bimg{top: auto;bottom: -80px;}

.deve-warp2{height: auto;padding: 60px 0 300px; background: url(/static/img/deve2_1.jpg) no-repeat center bottom / contain #a09fa5;}
.deve-warp3 .box{width: 100%;}
.deve-warp3 .box.box1 .titt{padding: 40px 0 20px;}
.deve-warp3 .box.box2{padding: 20px 0 0;}
.deve-warp3 .box .circlebox{width: 100%;display: flex;zoom:.7;}
.deve-warp3 .box .circle{width: 140px;height: 140px;}
.deve-warp3 .box.box2 .bot{margin-top: 0;}
.deve-warp3 .box.box2 .bot .circle{margin-left: 10px;}
.deve-warp3 .box.box2 .bot .circle:first-child{margin-right: 0;}
.deve-warp3 .box.box3 .sum{padding: 20px 0 25px;height: auto;}
.deve-warp3 .box.box3.box4 .sum{padding: 30px 0 25px;}

.join-warp1 .picbox .bigimg{width: 100%;}
.join-warp1 .picbox .img2{width: 100%;margin-top: 20px;}
.join-warp2 .mn.mn4,.join-warp2 .mn.mn3{display: none;}
.join-warp2 .main .mn{width: 32%!important}

.prolist .bot .mn .bigimg,.prolist .bot .mn .mes{width: 100%;height: auto;}
.prolist .bot .mn .mes{padding: 30px 15px;}
.prolist .bot .mn .more{position: static;margin: 10px 0 0 15px;}
.proread-warp1 .main .bigimg{width: 100%;height: auto;}
.proread-warp1 .main .bimg .bg{display: none;}
.proread-warp1 .main .mes{width: 100%;padding: 30px 0 0;}
.proread-warp2 .main{flex-wrap: wrap;}
.proread-warp2 .main p{width: 100%;}

.ser-warp1 .box{height: auto;}
.ser-warp1 .box.le{width: 100%;padding: 60px 0 40px;}
.ser-warp1 .box.le .mes{position: static;transform: unset;}
.ser-warp1 .mes .width50{width: 100%;padding: 0;}
.ser-warp1 .ri{width: 100%;padding: 30px 20px 60px;}
.ser-warp1 .ri .contr{left: 0;top: -7.5px;transform: unset; width: 100%; display: flex;justify-content: center;}
.ser-warp1 .ri .contr .mn{margin: 0 10px;}
.ser-warp2{padding: 0 0 60px;}
.ser-warp2 .sizebox{justify-content: flex-start;padding: 30px 0 10px;}
.ser-warp2 .sizebox .mn{margin-right: 10px;margin-bottom: 50px;}
.ser-warp4 .main .mn{width: 100%;}

.newslist .main .mn .bigimg{width: 100%;}
.newslist .main .mn .mes{padding: 20px 0 0;width: 100%;}
.newslist .main .mn .mes .more{position: static;margin: 20px 0 10px;}

.contact-warp1 .mesbox .mn{width: 100%;}
.contact-warp2 .main .inputbox{margin-bottom: 10px;width: 100%;}
.contact-warp2 .main .mn{width: 100%;margin-bottom: 0px;}
.contact-warp2 .nytitn{padding: 0 3%; text-align: left;}

.deve-warp3 .box .circle .sumtt{font-size: 14px;}
}


@media (max-width: 340px){
.deve-warp3 .box .circlebox{zoom:.6;}
}