/***** Header *****/ header{position: fixed;background:rgba(0,0,0,.35);width: 100%;z-index: 1000;} header.index{background:none} header.index.on{background:rgba(0,0,0,.35);} header .clearfix{padding:0 .7rem;height:.9rem;line-height:.9rem} header .nav ul{display:flex} header .nav ul li.active{background:rgba(0,166,81,.35)} header .nav ul li a{color:white;font-size:.15rem;padding:0 .3rem} header .nav ul li a:hover{background:rgba(0,166,81,.35)} header .left{display:flex} header .left .logo{width:60%;} header .index_btn{position:relative;width:40%;} header .index_btn em{color:white;font-size:.14rem;top:75%;Left:50%;transform:translate(-50%,-50%);position:absolute;line-height:initial} header .menu_btn {position:absolute;top:45%;Left:50%;transform:translate(-50%,-50%);height:17px;cursor:pointer;} header .menu_btn span {display:block;width:27px;height:2px;background:white;margin:7px 0;} header .menu_btn:before,header .menu_btn:after{content:'';width:27px;height:2px;background:white;display:block;transition:all .4s;position:absolute;top:0;left:0;} header .menu_btn:after {top:auto;bottom:0} header .menu_btn:hover span,header .menu_btn.ons span{opacity:0;} header .menu_btn:hover:before,header .menu_btn.ons:before {transform:rotate(45deg) translate(5px,5px) } header .menu_btn:hover:after,header .menu_btn.ons:after{transform:rotate(-45deg) translate(5px,-8px)} header .right{display:flex;justify-content: flex-end;} header .right .search{display:flex;flex-wrap: wrap;align-content: center} header .right .search a{width:.16rem;height:.16rem;background:url(/public/common/images/search.png) center no-repeat;background-size:.16rem .16rem;} header .right .lang{margin:0 0 0 .2rem} header .right .lang a{color:white;display:initial;padding:.06rem .3rem .06rem .45rem;border:1px solid #95de1a;font-size:.14rem;border-radius:25px 0px 25px 25px;position:relative} header .right .lang a:after{content:"";background:url(/public/common/images/lang.png)no-repeat;width:.21rem;height:.21rem;position:absolute;left:.18rem;top:50%;transform:translateY(-50%);background-size:100%} .tem_banner .flash{position:relative} .tem_banner .flash .txt{position:absolute;left:50%;transform:translateX(-50%);text-align:center;top:45%} .tem_banner .flash .txt h1{font-size:.6rem;font-weight:bold;color:white} .tem_banner .flash .txt p{font-size:.16rem;padding:.3rem 0 0;color:white} .banner_nav{position:absolute;width:100%;left:0;bottom:0;padding:.25rem 0;background:#313131} .banner_nav ul{display:flex;} .banner_nav ul li{margin-right:.8rem} .banner_nav ul li.active a{color:white} .banner_nav ul li.active a:after{width:100%;} .banner_nav ul li a{color:#9a9a9a;font-size:.15rem;position:relative} .banner_nav ul li a:after{content:"";position:absolute;background:#00a651;width:0;height:3px;left:0;bottom:-.05rem;transition:.6s} .banner_nav ul li a:hover:after{width:100%;transition:.6s} .banner_nav ul li a:hover{color:white} .banner_nav .mbx{position:absolute;right:0;padding:.25rem 0 .25rem .3rem;background:#00a651;;width:19%;bottom:0;color:white;} .banner_nav .mbx a{display:inline-block;color:white;font-size:.15rem;margin:0 .05rem;position:relative} .banner_nav .mbx a:first-child{margin-left:0;padding:0 0 0 .3rem} .banner_nav .mbx a:first-child:after{content:"";background:url(/public/common/images/home.png)no-repeat;width:.18rem;height:.17rem;position:absolute;left:0;background-size:100%;top:50%;transform:translateY(-50%)} .about_company>div{padding:.64rem 0 .84rem} .about_company .title h1{font-weight:bold;font-size:.3rem;color:black;padding:0 0 .36rem;display:inline-block;position:relative} .about_company .title h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .about_company .infos{display:flex;justify-content: space-between;} .about_company .infos .left{width:45%} .about_company .infos .left .content{padding:.25rem 0 .6rem} .about_company .infos .left .content p{font-size:.14rem;color:black;line-height:.25rem;text-indent:40px;} .about_company .infos .right{width:45%;display:flex;flex-direction: column;justify-content: space-between;} .about_company .infos .right .items ul li{padding:.4rem 0;display:flex;align-items: center;} .about_company .infos .right .items ul li .imgs{width:18%} .about_company .infos .right .items ul li .text{padding:0 0 0 .3rem;width:82%} .about_company .infos .right .items ul li:first-child{border-bottom:1px solid #d2d2d2} .about_history {background:#f5fff7;} .about_history .pad74{padding:0 .74rem 1.54rem;position:relative} .about_history .title{padding:.89rem 0 .6rem;text-align:center} .about_history .title h1{display:inline-block;font-weight:bold;font-size:.3rem;color:black;padding:0 0 .36rem;display:inline-block;position:relative} .about_history .title h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:50%;transform:translateX(-50%)} .about_history .lists{padding:2.1rem 2.6rem 0 5.6rem;position:relative;z-index:0} .about_history .lists:after{content:"";position:absolute;background:url(/public/common/images/historybg.png)no-repeat;width:17.44rem;height:4.49rem;background-size:100%;bottom:0rem;left:0;z-index:-1} .about_history .lists .items{height:2.5rem;position:relative} .about_history .lists .items:after{position:absolute;content:"";width:.16rem;height:.16rem;border-radius:50%;left:0;background:#95de1a;top:54%} .about_history .lists .items .text{position:absolute} .about_history .lists .items .text h1{font-size:.25rem;color:#2eb27e;font-weight:bold} .about_history .lists .items .text p{font-size:.15rem;color:black;padding:.2rem 0 0} .about_history .lists .down .items .text{bottom:0} .about_history .lists .swiper-page{position:absolute;right:10%;bottom:6%} .about_history .lists .swiper-page>div{width:.45rem;height:.45rem;border-radius:100%;line-height:.45rem;text-align:center;font-size:.24rem;outline:none;z-index:2;background:#696969;color:white;margin:.25rem 0} .about_history .lists .swiper-page>div:hover{background:#2eb27e} .about_history .subtitle{position:absolute;right:13%;top:17%;text-align:right} .about_history .subtitle p{color:#2eb27e;font-size:.15rem} .about_teamwork .pad74{padding:.73rem .74rem 1.64rem} .about_teamwork .title{padding:.0rem 0 .57rem;text-align:center} .about_teamwork .title h1{display:inline-block;font-weight:bold;font-size:.3rem;color:black;padding:0 0 .36rem;display:inline-block;position:relative} .about_teamwork .title h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:50%;transform:translateX(-50%)} .about_teamwork .lists a{overflow:hidden} .about_teamwork .lists a:hover img{transform:scale(1.1)} .about_teamwork .lists p{color:black;font-size:.14rem;padding:.15rem 0 0 } .about_teamwork .lists .swiper-page{text-align:center;margin:.9rem 0 0} .about_teamwork .lists .swiper-page>*{display:inline-block;vertical-align:middle;} .about_teamwork .lists .swiper-page span{width:.3rem;height:.3rem;border-radius:0;line-height:.3rem;color:white;background:none;opacity:1;color:black;font-size:.15rem;border:1px solid #dddddd;margin:0 .05rem;font-weight:bold;border-radius:2px} .about_teamwork .lists .swiper-page .slide-button-prev{width:.3rem;height:.3rem;line-height:.28rem;border:1px solid #dddddd;font-size:.2rem;margin-right:.1rem;border-radius:2px} .about_teamwork .lists .swiper-page .slide-button-next{width:.3rem;height:.3rem;line-height:.28rem;border:1px solid #dddddd;font-size:.2rem;margin-left:.1rem;border-radius:2px} .about_teamwork .lists .swiper-page .swiper-pagination-bullet-active,.company_news .swiper-page span:hover{background:#2eb27e;color:white;border:1px solid #2eb27e} .about_teamwork .lists .swiper-page .slide-button-prev:hover{background:#2eb27e;border:1px solid #2eb27e} .about_teamwork .lists .swiper-page .slide-button-prev:hover i{color:white} .about_teamwork .lists .swiper-page .slide-button-next:hover{background:#2eb27e;border:1px solid #2eb27e} .about_teamwork .lists .swiper-page .slide-button-next:hover i{color:white} .footer{background:#f9f9f9;} .footer>div{padding:.4rem 0 0} .footer .top{padding:0 0 .2rem;border-bottom:1px solid #e1e1e1} .footer .top a{color:#3f3f3f;font-size:.16rem;} .footer .middle {padding:.3rem 0 .28rem;display:flex;justify-content: space-between;;border-bottom:1px solid #e1e1e1 } .footer .middle .left{width:60%;display:flex;justify-content: space-between;} .footer .middle .left dl{width:24%} .footer .middle .left dl dt{color:black;font-size:.18rem;padding:0 0 .26rem;font-weight:bold;white-space:nowrap} .footer .middle .left dl dd{margin:0 0 .1rem} .footer .middle .left dl dd a{font-size:.14rem;color:#424242;} .footer .middle .mid{width:20%} .footer .middle .mid h1{color:black;font-size:.18rem;padding:0 0 .22rem;font-weight:bold} .footer .middle .mid h2{color:black;font-size:.26rem;padding:0 0 .22rem;font-weight:bold} .footer .middle .mid p{font-size:.14rem;color:black;margin:0 0 .1rem} .footer .middle .right{text-align:center;width:7%} .footer .middle .right p{margin:.1rem 0 0;color:#747474;font-size:.15rem} .footer .bot{padding:.21rem 0 .32rem;text-align:center;display:flex;justify-content: space-between;} .footer .bot p{font-size:.14rem;color:#424242;display:flex;flex-direction: column;justify-content: flex-end;} .footer .bot ul{display:flex} .footer .bot ul li{margin:0 .05rem} .service>div{padding:0 0 1.7rem} .service .lists .items{padding:.85rem 0 .29rem;border-bottom:1px solid #f3f3f3} .service .lists .items h1{font-weight:bold;font-size:.3rem;color:black;padding:0 0 .36rem;display:inline-block;position:relative} .service .lists .items h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .service .lists .items p{padding:.54rem 0 0;font-size:.15rem;color:black;;text-indent:40px;} .teamactivities>div{padding:.67rem 0 1.28rem} .teamactivities .title{padding:0 0 .68rem} .teamactivities .title h1{font-weight:bold;font-size:.3rem;color:black;padding:0 0 .36rem;display:inline-block;position:relative} .teamactivities .title h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .teamactivities .lists{display:flex;flex-wrap: wrap;justify-content: space-between;position:relative} .teamactivities .lists .items{width:32%;margin:0 0 .45rem} .teamactivities .lists .items .text{margin:.2rem 0 0;padding:.18rem 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;} .teamactivities .lists .items p{color:black;font-size:.13rem} .teamactivities .lists .items a:hover img{transform:scale(1.1)} .teamactivities .lists:after{content:"";width:32%} .teamactivities .met_pager{margin:.34rem 0 0} .technical>div{padding:0 0 1.04rem} .technical .title{padding:.7rem 0 .6rem;text-align:center} .technical .title h1{font-weight:bold;font-size:.3rem;color:black;padding:0 0 .36rem;display:inline-block;position:relative} .technical .title h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:50%;transform:translateX(-50%)} .technical .title p{font-size:.15rem;color:black;padding:.4rem 0 0} .technical .lists .items{position:relative;margin:0 0 .96rem} .technical .lists .items .text{position:absolute;left:0;bottom:0;width:30%;height:59%;padding:.5rem .22rem 0 .4rem;background:white} .technical .lists .items .text h1{font-weight:bold;font-size:.3rem;color:black;padding:0 0 .3rem;display:inline-block;position:relative} .technical .lists .items .text h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .technical .lists .items .text p{margin:.3rem 0 .35rem;color:#555555;font-size:.14rem;} .technical .lists .items .text a{display:inline-block;padding:.2rem .36rem;background:#00a651;color:white;font-size:.14rem;} .policie>div{padding:.7rem 0 1.26rem} .policie .title{padding:0 0 .5rem} .policie .title h1{font-weight:bold;font-size:.3rem;color:black;padding:0 0 .36rem;display:inline-block;position:relative} .policie .title h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .policie .lists{display:flex;flex-wrap: wrap;justify-content: space-between;} .policie .lists a{width:47%;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;padding:.32rem 0 .4rem .44rem;position:relative;margin:0 0 .58rem} .policie .lists a .text{height:1.1rem;position:relative} .policie .lists a .text h1{font-weight:bold;font-size:.16rem;color:black;line-height:.25rem;position:relative;display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2} .policie .lists a .text h1:after{content:"";position:absolute;width:.1rem;height:.1rem;border-radius:100%;background:#a7a7a7;left:-.25rem;top:.07rem;} .policie .lists a .text span{width:100%;position:absolute;bottom:0;color:#545454;font-size:.14rem} .policie .lists a .text span:after{content:"\f061";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:.2rem;top:50%;transform:translateY(-50%);font-size:.18rem;color:#9c9c9c;transition:.3s} .policie .lists a:hover{background:#2cb46e;border-top:1px solid #2cb46e;border-bottom:1px solid #2cb46e;} .policie .lists a:hover h1{color:white;transition:.3s} .policie .lists a:hover h1:after{background:white;transition:.3s} .policie .lists a:hover span{color:white} .policie .lists a:hover span:after{color:white;right:.1rem;transition:.3s} .policie .met_pager{margin:.15rem 0 0} .news>div{padding:.6rem 0 1.8rem} .news .title{padding:0 0 .5rem} .news .title h1{font-weight:bold;font-size:.3rem;color:black;padding:0 0 .36rem;display:inline-block;position:relative} .news .title h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .news .top a{position:relative} .news .top a .text{position:absolute;left:5%;bottom:10%} .news .top a .text h1{color:white;font-size:.18rem} .news .top a .text span{display:inline-block;padding:.2rem 0 0;color:white;font-size:.14rem} .news .lists{display:flex;justify-content: space-between;padding:.66rem 0 0} .news .lists .left{width:78%} .news .lists .left .items a{display:flex;justify-content: space-between;padding:.2rem 0 ;border-bottom:1px solid #eeeeee} .news .lists .left .items a .img{overflow:hidden} .news .lists .left .items a:hover img{transform:scale(1.1)} .news .lists .left .items a h1{font-weight:bold;font-size:.18rem;color:black;margin:0 0 .2rem;display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1} .news .lists .left .items a p{font-size:.15rem;color:#7f7f7f;line-height:.25rem;display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1} .news .lists .left .items a .img{width:32%} .news .lists .left .items a .text{width:65%;padding:.26rem .2rem 0 0} .news .lists .left .items a .text .time{margin:.4rem 0 0} .news .lists .left .items a .text .time>*{display:inline-block;vertical-align:middle} .news .lists .left .items a .text .time span{font-size:.15rem;color:#2cb46e;background:#dfdfdf;padding:.03rem .2rem;} .news .lists .left .items a .text .time em{color:#7f7f7f;font-size:.15rem;margin-left:.2rem;} .news .lists .right{width:18%} .news .lists .right .imgs{margin:0 0 .15rem} .news .met_pager{padding:.85rem 0 0} .joblist {background:#f4f4f4} .joblist>div{padding:0 0 1.64rem} .joblist .title{padding:.66rem 0 .5rem} .joblist .title h1{font-weight:bold;font-size:.3rem;color:black;padding:0 0 .36rem;display:inline-block;position:relative} .joblist .title h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .joblist .lists{display:flex;justify-content: space-between;} .joblist .lists .left{width:68%;background:white;padding:.39rem .35rem 1.1rem .44rem} .joblist .lists .left h1{font-size:.28rem;color:black;padding:0 0 .27rem} .joblist .lists .left .infos ul{display:flex;justify-content: space-between;padding:.25rem .32rem;background:#f4f4f4} .joblist .lists .left .infos ul li{color:#676767;} .joblist .lists .left .infos ul li em{color:black;} .joblist .lists .left .con{padding:.4rem 0 1rem} .joblist .lists .left .con h2{color:black;font-size:.17rem;padding:0 0 .15rem} .joblist .lists .left .con p{color:black;font-size:.14rem} .joblist .lists .left a{display:inline-block;padding:.12rem .45rem;background:#00a651;color:white;border-radius:10px} .joblist .lists .right{width:30%;background:white;display:flex;flex-direction: column;justify-content: space-between;} .joblist .lists .right .swiper-container{width:100%} .joblist .lists .right .swiper-container a{padding:.4rem 0 .2rem .38rem;border-bottom:2px solid #efefef} .joblist .lists .right .swiper-container a h1{font-size:.23rem;color:black;padding:0 0 .26rem} .joblist .lists .right .swiper-container a p img{padding:0 .1rem 0 0 } .joblist .lists .right .swiper-container a p {color:#676767;} .joblist .lists .right .swiper-container a p em{color:black} .joblist .lists .right .swiper-page{display:flex;padding: 0 .3rem .2rem;justify-content: space-between;} .joblist .lists .right .swiper-page>div{width:.3rem;height:.3rem;line-height:.3rem;text-align:center;background:#e5e5e5;border-radius:5px;color:#818181;font-size:.18rem} .contact{background:#f4f4f4} .contact>div{padding:0 0 .56rem} .contact .title{padding:.66rem 0 .2rem} .contact .title h1{font-weight:bold;font-size:.3rem;color:black;padding:0 0 .48rem;position:relative;} .contact .title h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .contact .title h1:before{content:"";position:absolute;background:url(/public/common/images/contcat_logo.png)no-repeat;width:.81rem;height:.82rem;background-size:100%;top:0;right:0} .contact .infos{position:relative;} .contact .infos:after{position:absolute;content:"";background:#e3e3e3;width:100%;top:50%;transform:translateY(-50%);height:1px} .contact .infos ul{display:flex;flex-wrap: wrap;justify-content: space-between;} .contact .infos ul li{width:2.6rem;height:2.6rem;text-align:center;background:white;border:1px solid #d2d2d2;display:flex;flex-direction: column;justify-content: center;padding:0 .25rem;margin:.46rem 0 } .contact .infos ul li p{color:black;font-size:.14rem} .contact .infos ul:after{width:2.6rem;content:""} .contact .infos ul li h1{color:black;font-size:.2rem;font-weight:bold;padding:.22rem 0 .3rem} .product .top{padding:.72rem 0 0 } .product .top>div{padding:0 0 .34rem;position:relative} .product .top .pro_contact{position:absolute;right:0;top:0;width:13%;text-align:center} .product .top .pro_contact a{padding:.15rem 0;background:#dcdcdc;margin:0 0 .1rem;font-size:.14rem;color:black;} .product .top .pro_contact a:first-child{background:#00a651;color:white} .product .top ul li{margin:0 0 .58rem;border-bottom:1px solid #ececec} .product .top ul li h1{font-size:.23rem;color:black;font-weight:bold;padding:0 0 .36rem;position:relative;} .product .top ul li h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .product .top ul li:first-child p{padding:.4rem 2rem .7rem 0 } .product .top ul li p{padding:.4rem 0 .7rem;font-size:.15rem;color:#424242;line-height:.3rem;;text-indent:40px;} /*小工具*/ .tools_box {padding:.8rem 0 1.5rem;background:#f0f0f0} .tools_box h3{font-size:.23rem;color:black;font-weight:bold;padding:.3rem 0 .36rem;position:relative;margin:0 0 .45rem} .tools_box h3:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .tools_box .gongneng0{transition:none;display:none;} .tools_box .gongneng0 li,.tools_box .gongneng1 li{padding:0 .22rem;margin:0 0 .25rem;} .tools_box .gongneng0 li p,.tools_box .gongneng1 li p{font-size:.16rem;color:#191919;margin:0 0 .15rem;} .tools_box .gongneng0 li input[type="text"],.tools_box .gongneng1 li input[type="text"]{background:#FFF;border:1px solid #d7d7d7;height:.62rem;min-height:35px;font-size:.18rem;color:#333;padding:0 .15rem;width:100%;} .tools_box .gongneng0 .more,.tools_box .gongneng1 .more{margin:.3rem 0 0;text-align:center} .tools_box .gongneng0 .more button,.tools_box .gongneng1 .more button{background:#00a651;font-size:.16rem;color:#FFF;border-radius:35px;border:0;height:.6rem;padding:0 .75rem;min-height:35px;} .tools_box .gongneng1 .toggle_box{padding:0 0 .25rem;text-align:right;border-bottom:2px solid #e0e0e0;margin:0 0 .65rem;} .tools_box .gongneng1 .toggle_box span{font-size:.16rem;color:#191919;cursor:pointer;} .tools_box .gongneng1 .toggle_box span i{font-size:.22rem;color:#3e3e3e;padding-right:.15rem;transition:all .6s linear} .tools_box .gongneng1 .infos {padding:.65rem 0 0;margin:.8rem 0 0;border-top:1px solid #d2d2d2;} .tools_box .gongneng1 .infos h5 {font-size:.3rem;color:#191919;margin:0 0 .4rem;} .tools_box .gongneng1 .infos table {max-width:6.25rem;width:100%} .tools_box .gongneng1 .infos table td {border:1px solid #a5a5a5;font-size:.16rem;color:#191919;line-height:.51rem;padding:0 .3rem;} .tools_box .gongneng1 .infos .tables table td:last-child {text-align:center;padding:0;min-width:1rem} .tools_box .gongneng1 .infos .tables2{margin:.3rem 0 0} .tools_box .gongneng1 .infos .tables2 table tr td{text-align:center} .tools_box .gongneng1 .infos .tables2 table tr td:first-child{text-align:left;} .tools_box .gongneng1 .infos .t {margin:.45rem 0 0;font-size:.18rem;color:#191919;line-height:1.9} /**/ .product1 .top>div{padding:.74rem 0 0rem} .product1 .top .infos{position:relative} .product1 .top .infos ul {display:flex;flex-wrap: wrap;justify-content: space-between;} .product1 .top .infos ul li{width:42%;margin:0 0 1rem} .product1 .top .infos ul li:last-child{width:100%} .product1 .top .infos ul li h1{font-size:.23rem;color:black;font-weight:bold;padding:.3rem 0 .36rem;position:relative;} .product1 .top .infos ul li h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .product1 .top .infos ul li p{font-size:.15rem;margin:.45rem 0 0;border-bottom:1px solid #dcdcdc;padding:0 0 .5rem;display:inline-block;;text-indent:40px; } .product1 .top .infos ul li .img{margin:.2rem 0 0} .product1 .top .infos .pro_contact{position:absolute;right:0;top:0;width:13%;text-align:center} .product1 .top .infos .pro_contact a{padding:.15rem 0;background:#00a651;color:white;font-size:.14rem} .product2 .top>div{padding:.77rem 0 .65rem} .product2 .top .infos{position:relative} .product2 .top .infos ul {display:flex;flex-wrap: wrap;justify-content: space-between;} .product2 .top .infos ul li{width:100%;margin:0 0 .65rem} .product2 .top .infos ul li:nth-child(2),.product2 .top .infos ul li:nth-child(3){width:43%} .product2 .top .infos ul li h1{font-size:.23rem;color:black;font-weight:bold;padding:0 0 .36rem;position:relative;} .product2 .top .infos ul li h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .product2 .top .infos ul li p{font-size:.15rem;margin:.45rem 0 0;border-bottom:1px solid #dcdcdc;padding:0 0 .6rem;;text-indent:40px} .product2 .top .infos ul li h2{margin:.26rem 0 0;display:inline-block;font-size:.14rem;color:#6f6f6f} .product2 .top .infos .pro_contact{position:absolute;right:0;top:0;width:13%;text-align:center} .product2 .top .infos .pro_contact a{padding:.15rem 0;background:#00a651;color:white;font-size:.14rem} .product3 .top>div{padding:.77rem 0 .67rem} .product3 .top .infos{position:relative} .product3 .top .infos ul {display:flex;flex-wrap: wrap;justify-content: space-between;} .product3 .top .infos ul li{width:100%;} .product3 .top .infos ul li:nth-child(2),.product2 .top .infos ul li:nth-child(3){width:43%} .product3 .top .infos ul li h1{font-size:.23rem;color:black;font-weight:bold;padding:0 0 .36rem;position:relative;} .product3 .top .infos ul li h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .product3 .top .infos ul li p{font-size:.15rem;margin:.4rem 0 0;border-bottom:1px solid #dcdcdc;padding:0 0 .45rem;;text-indent:40px} .product3 .top .infos .pro_contact{position:absolute;right:0;top:0;width:13%;text-align:center} .product3 .top .infos .pro_contact a{padding:.15rem 0;background:#00a651;color:white;font-size:.14rem} .pro .middle{background-repeat:no-repeat;background-position:0 0;background-size:cover;} .pro .middle>div{padding:0 0 .65rem} .pro .middle .title{padding:1rem 0 0rem} .pro .middle .title h1{font-weight:bold;font-size:.3rem;color:black;display:inline-block;position:relative} .pro .middle .title h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:-.5rem;left:0} .pro .middle .imgs{text-align:right} .pro .bottom>div{padding:0 0 1.52rem} .pro .bottom .title{padding:.9rem 0 .4rem} .pro .bottom .title h1{font-weight:bold;font-size:.3rem;color:black;padding:0 0 .4rem;position:relative;} .pro .bottom .title h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .pro .bottom a{background:#f9f9f9;} .pro .bottom a:hover img{transform:scale(1.1)} .pro .bottom a .text{padding:.36rem .17rem .48rem} .pro .bottom a .text h1{color:black;font-size:.17rem;display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1} .pro .bottom a .text p{margin:.17rem 0 .27rem;color:#595959;font-size:.15rem;display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1} .pro .bottom a .text h2{color:#595959;font-size:.15rem} .pro .bottom .swiper-page{text-align:center;margin:.65rem 0 0} .pro .bottom .swiper-page>*{display:inline-block;vertical-align:middle;} .pro .bottom .swiper-page span{width:.3rem;height:.3rem;border-radius:0;line-height:.3rem;color:white;background:none;opacity:1;color:black;font-size:.15rem;border:1px solid #dddddd;margin:0 .05rem;font-weight:bold;border-radius:2px} .pro .bottom .swiper-page .slide-button-prev{width:.3rem;height:.3rem;line-height:.28rem;border:1px solid #dddddd;font-size:.2rem;margin-right:.1rem;border-radius:2px} .pro .bottom .swiper-page .slide-button-next{width:.3rem;height:.3rem;line-height:.28rem;border:1px solid #dddddd;font-size:.2rem;margin-left:.1rem;border-radius:2px} .pro .bottom .swiper-page .swiper-pagination-bullet-active,.company_news .swiper-page span:hover{background:#2eb27e;color:white;border:1px solid #2eb27e} .pro .bottom .swiper-page .slide-button-prev:hover{background:#2eb27e;border:1px solid #2eb27e} .pro .bottom .swiper-page .slide-button-prev:hover i{color:white} .pro .bottom .swiper-page .slide-button-next:hover{background:#2eb27e;border:1px solid #2eb27e} .pro .bottom .swiper-page .slide-button-next:hover i{color:white} .tem_banner{} .tem_banner .label_text{position:absolute;left:0;width:100%;top:45%;transform:translateY(-50%);z-index:2;} .tem_banner .label_text .text{padding:.45rem 0 0 .15rem} .tem_banner .label_text .text h1 {font-size:.2rem;color:#FFF;margin:0 0 .2rem;} .tem_banner .label_text h2{font-size:.48rem;color:#FFF;letter-spacing:2px;font-weight:bold;line-height:.7rem;} .tem_banner .label_text p {font-size:.18rem;color:#FFF;margin: .2rem 0 0} .tem_banner .label_text1{position:absolute;left:0;width:100%;bottom:18%;transform:translateY(-50%);z-index:2;text-align:right} .tem_banner .label_text1 p{color:white;font-size:.14rem} .tem_banner .label_text1 h2{color:white;font-size:.25rem;padding:.25rem 0 0} .tem_banner .bot{position:absolute;right:0;bottom:0;width:30%;display:flex;z-index:2} .tem_banner .bot .left{width:55%;background:white;padding:.3rem 0 ;text-align:center} .tem_banner .bot .left>*{display:inline-block;vertical-align:middle} .tem_banner .bot .left .swiper-page i{font-size:.23rem;margin:.05rem} .tem_banner .bot .left .slide-pagination{width:auto;margin-left:1rem} .tem_banner .bot .left .slide-pagination span{font-size:.16rem;color:black;font-weight:bold} .tem_banner .bot .left .slide-pagination .swiper-pagination-current{font-size:.17rem;color:#00a651;} .tem_banner .bot .right{width:45%;background:#00a651;display:flex;flex-direction: column;justify-content: center;text-align:center;} @keyframes dropdown2 { form{ top:-.3rem } to{ top:0; } } .tem_banner .bot .right h1{font-size:.16rem;text-transform:uppercase;color:white;position:relative} .tem_banner .bot .right h1:after{content:'';width:.19rem;height:.48rem;background:url(/public/common/images/mouse.png) 0 0 no-repeat;background-size:.19rem .48rem;position:absolute;right:.3rem;top:-.3rem;animation: dropdown2 .7s 0.2s linear infinite alternate;} .index_technical{background:white} .index_technical .bg {display:flex;background:url(/public/common/images/index_technicalbg.png)no-repeat;} .index_technical .left{padding:1.8rem 0 0 2.6rem;width:34%;border-right:1px solid #d4d4d4} .index_technical .left h1{font-size:.4rem;font-weight:bold;color:black;padding:0 0 .3rem} .index_technical .left h2{font-size:.2rem;text-transform:uppercase;color:#626262;padding:.4rem 0 .6rem} .index_technical .left p{width:60%;font-size:.16rem;color:#626262} .index_technical .right{width:66%} .index_technical .right ul{display:flex;flex-wrap: wrap;justify-content: space-between;} .index_technical .right ul li{width:50%;text-align:center} .index_technical .right ul li a{padding:.7rem 0 .84rem;} .index_technical .right ul li a h1{padding:1.2rem 0 .3rem;font-size:.18rem;font-weight:bold;color:black;position:relative} .index_technical .right ul li a p{color:#535252;font-size:.14rem} .index_technical .right ul li:nth-child(1){border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4} .index_technical .right ul li:nth-child(1) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon1.png) 0 0 no-repeat;width:.79rem;height:.82rem;left:50%;top:0;transform:translateX(-50%);background-size:100%;transition:.3s} .index_technical .right ul li:nth-child(2) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon2.png) 0 0 no-repeat;width:.63rem;height:.86rem;left:50%;top:0;transform:translateX(-50%);background-size:100%;transition:.3s} .index_technical .right ul li:nth-child(3) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.72rem;height:.72rem;left:50%;top:0;transform:translateX(-50%);background-size:100%;transition:.3s} .index_technical .right ul li:nth-child(4) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon4.png) 0 0 no-repeat;width:.82rem;height:.78rem;left:50%;top:0;transform:translateX(-50%);background-size:100%;transition:.3s} .index_technical .right ul li:nth-child(1) a:hover h1:after{background:url(/public/common/images/icon1-1.png) 0 0 no-repeat;width:.79rem;height:.82rem;transition:.3s;top:-.1rem;background-size:100%} .index_technical .right ul li:nth-child(2) a:hover h1:after{background:url(/public/common/images/icon2-2.png) 0 0 no-repeat;width:.63rem;height:.86rem;transition:.3s;top:-.1rem;background-size:100%} .index_technical .right ul li:nth-child(3) a:hover h1:after{background:url(/public/common/images/icon3-3.png) 0 0 no-repeat;width:.72rem;height:.72rem;transition:.3s;top:-.1rem;background-size:100%} .index_technical .right ul li:nth-child(4) a:hover h1:after{background:url(/public/common/images/icon4-4.png) 0 0 no-repeat;width:.82rem;height:.78rem;transition:.3s;top:-.1rem;background-size:100%} .index_technical .right ul li:nth-child(2){border-bottom:1px solid #d4d4d4} .index_technical .right ul li:nth-child(3){border-right:1px solid #d4d4d4} .index_technical .right ul li a:hover h1{color:#00a651;transition:.3s} .index_text{padding:1.6rem 0 1.66rem;text-align:center;} .index_text .infos{text-align:center;} .index_text .infos h1{font-size:.3rem;font-weight:bold;color:white;font-weight:bold;padding:0 0 .4rem} .index_text .infos p{color:white;font-size:.16rem} .index_text .plays {text-align:center;margin:.35rem 0 0;display:inline-block;cursor:pointer;} .index_text .plays p {font-size:.2rem;color:#FFF;margin:.15rem 0 0} .index_text .plays i {font-size:.6rem;color:#FFF;} .video_form {position:fixed;top:0;left:0;background:rgba(0,0,0,.8);z-index:999;width:100%;height:100%;transition:none;display:none;} .video_form .mains {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%} .video_form .mains.mains_on {top:60%;opacity:0;visibility:hidden;} .video_form .mains .itembox .tit {margin:0 0 .45rem;border-bottom:2px solid #DBDBDB;padding:.28rem 0;position:relative;text-align:center;font-size:.32rem;color:#FFF} .video_form .mains .itembox .close_ {position:absolute;right:.3rem;top:50%;width:.56rem;height:.56rem;text-align:center;border:1px solid #9E9E9E;border-radius:100%;cursor:pointer;transform:translateY(-50%)} .video_form .mains .itembox .close_:before,.video_form .mains .itembox .close_:after{content:'';width:.16rem;height:2px;background:#9E9E9E;position:absolute;top:50%;left:50%;transition:all .4s linear;} .video_form .mains .itembox .close_:before{transform:translate(-50%,-50%) rotate(-45deg)} .video_form .mains .itembox .close_:after{transform:translate(-50%,-50%) rotate(45deg)} .video_form .mains .itembox .editor video {width:100%;max-width:12rem;margin:0 auto;max-height:6rem;background:#000} .video_form .mains .itembox .editor{text-align:center;} .index_history {background:#f5fff7;} .index_history .pad74{padding:0 .74rem .69rem;position:relative} .index_history .title{padding:1.2rem 0 .4rem;text-align:center} .index_history .title h1{font-weight:bold;font-size:.4rem;color:black;padding:0 0 .32rem;display:inline-block;position:relative} .index_history .title p{font-size:.15rem;color:#626262} .index_history .lists{padding: 2.1rem 2.6rem 0 5.6rem;position:relative;z-index:0;} .index_history .lists:after{content:"";position:absolute;background:url(/public/common/images/historybg.png)no-repeat;width:17.44rem;height:4.49rem;background-size:100%;bottom:0rem;left:0;z-index:-1} .index_history .lists .items{height:2.5rem;position:relative} .index_history .lists .items:after{position:absolute;content:"";width:.16rem;height:.16rem;border-radius:50%;left:0;background:#95de1a;top:54%} .index_history .lists .items .text{position:absolute} .index_history .lists .items .text h1{font-size:.25rem;color:#2eb27e;font-weight:bold} .index_history .lists .items .text p{font-size:.15rem;color:black;padding:.2rem 0 0} .index_history .lists .down .items .text{bottom:0} .index_history .lists .swiper-page{position:absolute;right:10%;bottom:6%} .index_history .lists .swiper-page>div{width:.45rem;height:.45rem;border-radius:100%;line-height:.45rem;text-align:center;font-size:.24rem;outline:none;z-index:2;background:#696969;color:white;margin:.25rem 0} .index_history .lists .swiper-page>div:hover{background:#2eb27e} .index_history .subtitle{position:absolute;right:13%;top:22%;text-align:right} .index_history .subtitle p{color:#2eb27e;font-size:.15rem} .index_history .more{margin:1.7rem 0 0;text-align:right;padding:0 1.86rem 0 0 } .index_history .more a{padding:.2rem .4rem;border:2px solid #aaaaaa;display:inline-block;border-radius:40px;color:black} .index_history .more a:hover{background:#2eb27e;border:2px solid #2eb27e;color:white;transition:.3s} .index_team {background:white;} .index_team .title{text-align:center;padding:.8rem 0 .4rem} .index_team .title h1{font-size:.35rem;font-weight:bold;padding:0 0 .3rem} .index_team .title p{font-size:.14rem;color:#626262;} .index_team .infos{position:relative;display:flex;padding:2.14rem .33rem 1rem .5rem;justify-content: space-between;} .index_team .infos .left{width:43%;padding:1.67rem 0 0} .index_team .infos .left h1{color:#302f2f;font-size:.17rem;font-weight:bold} .index_team .infos .left h2{color:black;font-weight:bold;font-size:.3rem;padding:.25rem 0 .35rem;position:relative} .index_team .infos .left h2:after{content:"";position:absolute;background:url(/public/common/images/jx.png)no-repeat;width:.57rem;height:.08rem;background-size:100%;bottom:0;left:0} .index_team .infos .left p{padding:.36rem 0 .55rem;line-height:.3rem;color:#626262;font-size:.14rem} .index_team .infos .left a{display:inline-block;padding:.2rem .4rem;border:2px solid #aaaaaa;display:inline-block;border-radius:40px;color:black} .index_team .infos .left a:hover{background:#2eb27e;border:2px solid #2eb27e;color:white;transition:.3s} .index_team .infos .right{width:50%;z-index:1;display:flex;flex-wrap: wrap;justify-content: space-between;} .index_team .infos .right a{width:49%;position:relative;} .index_team .infos .right a img{height:2.4rem} .index_team .infos .right a .text{position:absolute;bottom:0;padding:.15rem .1rem .15rem .1rem;left:0;width:100%;background:rgba(0,0,0,.5);} .index_team .infos .right a p{color:white;font-size:.13rem;} .index_team .infos .right a:hover img{transform:scale(1.1)} .index_team .infos:after {position:absolute;content:"";background:url(/public/common/images/index_teamworkbg.jpg)no-repeat ;width:100%;height:3.21rem;top:0;left:0;z-index:0} .index_service{background-size:cover;background-position:center;background-repeat:no-repeat} .index_service>div{padding:1.5rem 0 .83rem} .index_service .text{text-align:center} .index_service .text h1{font-weight:bold;font-size:.4rem;color:white;padding:0 0 .84rem} .index_service .text h2{font-size:.3rem;color:white;border-top:2px solid #8cb44e;display:inline-block;padding:.15rem 0;border-bottom:2px solid #8cb44e;} .index_service .text p{font-size:.2rem;color:white;padding:.45rem 0 0 } .index_service .more{margin:.32rem 0 0;text-align:right} .index_service .more a{display:inline-block;padding:.2rem .4rem;border:2px solid #aaaaaa;display:inline-block;border-radius:40px;color:white} .index_service .more a:hover{background:#2eb27e;border:2px solid #2eb27e;color:white;transition:.3s} .tras {-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;} .trans-md {-webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s;} .nav-header {position:fixed;top:0;right:0;z-index:50;width:100%;} .nav-header .bg{position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0);visibility:hidden} .nav-header .btns{position:fixed;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex} .nav-open .nav-header .bg{background:rgba(0,0,0,.3);visibility:visible} .nav-open .nav-header .nav-bg{-webkit-transform:translate(50%,-50%) scale(1);-ms-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)} #topnav{position:fixed;top:0;right:0;pointer-events:none;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s} #topnav .main{position:absolute;top:0;right:0;width:15%;height:100%;background:#fff;pointer-events:auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;border-left:1px solid #dcdcdc} #topnav .main nav{max-width:100%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 15%} #topnav .sub-btn{-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer} #topnav .sub-btn h5 {position: relative;line-height: 40px;text-transform: capitalize;transition: all .4s;font-size:16px;color:#2b2b2b} #topnav .sub-btn.active,.desktop #topnav .sub-btn:hover{color:#2c1d10} #topnav .submenu{position:absolute;top:0;right:15%;width:280px;height:100%;padding-left:20px;padding-right:20px;background:#F0F0F0;pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;opacity:0;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s} .nav-open #topnav .submenu.open{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1} .nav-open #topnav .submenu.open a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} #topnav .submenu>div{position:absolute;top:50%;left:0;width:100%;padding:0 20%;transform:translateY(-50%)} #topnav .submenu a{position:relative;display:block;margin-bottom:10px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;font-size:16px;color:#323232;margin:0 0 35px;} #topnav .submenu a:focus img,.desktop #topnav .submenu a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)} #topnav .submenu a:focus .title:before,.desktop #topnav .submenu a:hover .title:before{height:100%} @media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} #topnav nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .m-t-lg {margin-top:60px} nav ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 15px;} #topnav nav ul li {margin:0} #topnav nav ul li a{ position: relative; display: block; line-height: 40px; text-transform: capitalize; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;padding:0;font-size:16px;color:#2b2b2b} #topnav nav ul li a:hover,#topnav nav ul li a:focus{background:none;color:#2c1d10} .nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .nav-open{overflow:hidden} .nav-open #qtranslate-chooser{color:#583afa} .desktop .mini-header .toplogo:after{background:#583afa} .mini-header .toplogo .logo{background-position:bottom center} .mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#583afa} .mini-header #qtranslate-chooser{color:#583afa} .full {width:100%;height:100%;overflow:hidden;} @media (max-width:812px){.p-v-md{padding-top:40px;padding-bottom:40px}}@media (max-width:767px){.p-v-md{padding-top:30px;padding-bottom:30px}}.p-v-lg{padding-top:120px;padding-bottom:120px} @media (max-width:812px){.p-v-lg{padding-top:.8rem;padding-bottom:.8rem}}@media (max-width:767px){.p-v-lg{padding-top:60px;padding-bottom:60px}}@media (min-width:1600px){.p-v-lg{padding-top:160px;padding-bottom:160px}}.p-h-xs{padding-left:20px;padding-right:20px} @media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} #topnav nav ul li{margin:0} .nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .nav-open{overflow:hidden} .nav-open #qtranslate-chooser{color:#2c1d10} .desktop .mini-header .toplogo:after{background:#2c1d10} .mini-header .toplogo .logo{background-position:bottom center} .mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#2c1d10} .mini-header #qtranslate-chooser{color:#2c1d10} @media (min-width:768px){html:not(.iphone_x) .mini-header .toplogo{height:70px;padding-top:24px;padding-bottom:24px} html:not(.iphone_x) .mini-header #qtranslate-chooser,html:not(.iphone_x) .mini-header .menu_btn{height:70px;line-height:70px} html:not(.iphone_x) .mini-header .pagenav .title,html:not(.iphone_x) .mini-header .pagenav ul li a{line-height:70px}}#qtranslate-chooser,#topnav .submenu,.menu_btn,.pagenav{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto} @media (min-width:768px) and (orientation:portrait){#topnav .p-v-lg{padding-top:120px}}@media (max-width:812px) and (orientation:portrait){.toplogo{width:160px;padding:34px 24px} .pagenav{left:160px;width:calc(100% - 340px)}}@media (max-width:812px) and (orientation:landscape){#topnav .main{width:40%} #topnav .submenu{right:40%;width:50%;max-width:240px}} @media (max-width:767px){.header-bg{height:60px;background:#000} .toplogo{width:140px;height:60px;padding:20px} .menu_btn{width:60px;height:60px;line-height:60px;} #qtranslate-chooser{width:60px;height:60px;line-height:60px} #topnav .main{padding-top:.8rem} #topnav .main nav{max-width:80%} #topnav .submenu a .title{font-size:12px}} @media (max-width:767px) and (orientation:portrait){#topnav .main{width:60%;padding-top:100px} #topnav .submenu{right:40%;width:60%} .nav-open .opensub #topnav .main{-webkit-transform:translate3d(20vw,0,0);transform:translate3d(20vw,0,0)}} @media (orientation:landscape){.iphone_x .header-bg{display:none} } /***** Header End *****/ /**/ /********<=767 mobile nav style css********/ .m-header {background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.2);} .m-header >.col-xs-6>div {color: #887e6d;} .m-header >.col-xs-6 img {max-height: 35px;} .st-container .st-menu { background: #fff; -webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; transition: all .6s cubic-bezier(.77,0,.175,1) 0s; } .st-container .st-menu ul li a {color: #555;position:relative;font-size:.25rem;} .st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #555;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color: #fff;} .st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #444;} .st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF} .st-container .st-menu ul li>dl {transition:none;margin:0} .st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #b3b3b3;padding-left:0;} .st-container .st-menu ul li>dl dd a i {padding-right:10px;} .st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color: #fff;font-weight: bold;} .st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px} .st-effect-1.st-menu {display:block;} /**************************/ /******ipad****/ @media(max-width:1600px){ .tem_banner .bot .right h1:after{right:.2rem} .index_technical .left{padding:1.8rem 0 0 1.6rem} .index_history .lists{padding:2.1rem 1rem 0 4.5rem} .index_history .lists:after{width:15rem;height:4rem} .index_history .lists .swiper-page{right:1%;bottom:6%} .about_history .lists{padding:2.1rem 1rem 0 4.5rem} .about_history .lists:after{width:15rem;height:4rem} .about_history .lists .swiper-page{right:1%;bottom:6%} .pro .middle .imgs img{width:60%} } @media(max-width:1440px){ .contact .infos ul li{width:3rem;height:3rem} .contact .infos ul:after{width:3rem} .pro .middle .imgs img{width:56%} } @media(max-width:1400px){ } @media(max-width:1300px){ .pro .middle .imgs img{width:55%} } @media(max-width:990px){ header .nav{display:none} .tem_banner{padding:1.3rem 0 0} .tools_box .gongneng0 li input[type="text"],.tools_box .gongneng1 li input[type="text"]{font-size:12px;} } /********mobile*********/ @media(max-width:767px){ header .clearfix{height:1.3rem;line-height:1.3rem;padding:0 .1rem} header.index{background:black;} header .left .logo{width:60%;} header .index_btn{width:40%} header .menu_btn{width:auto} header .right .search a{width:.3rem;height:.3rem;background-size:.3rem .3rem} .tem_banner .bot{width:50%} .tem_banner .bot .left{padding:0 .1rem} .tem_banner .bot .left .swiper-page{display:none} .tem_banner .bot .left .slide-pagination{width:100%;margin:0} .tem_banner .bot .right h1:after{right:0} .tem_banner .label_text{top:60%} .tem_banner .label_text .imgs{width:10%} .tem_banner .label_text .text{padding:.15rem 0 0 .15rem} .tem_banner .label_text .text h1{margin:0} .tem_banner .label_text h2{font-size:.3rem;line-height:inherit} .tem_banner .label_text p{margin:0} .tem_banner .label_text1{display:none} .index_technical .left{padding:1.8rem 0 0 .6rem} .index_technical .left p{width:100%} .index_history .lists:after{width:7rem;height:2.65rem} .index_history .lists{padding:1.1rem 1rem 0 2rem} .index_history .pad74{padding:0 .1rem} .index_history .subtitle{top:30%;right:0} .index_history .lists .items{height:3rem} .index_history .more{margin:.5rem 0 0;padding:0} .index_team .infos{display:inherit} .index_team .infos .left{width:100%} .index_team .infos .right{width:100%;padding:.2rem 0 0} .index_team .infos .right a{margin:0 0 .1rem} .index_team .infos .right a img{height:inherit} .banner_nav .mbx{display:none} header.inside{background:black} .tem_banner .flash .txt{top:20%} .tem_banner .flash .txt h1{font-size:.35rem} .tem_banner .flash .txt p{padding:.1rem 0 0 } .about_company .infos{display:inherit} .about_company .infos .left{width:100%} .about_company .infos .right{width:100%} .about_company .infos .right .img{display:none} .about_company .infos .right .items ul li .text{padding:0;width:70%} .about_company .infos .right .items ul li .img{width:30%} .about_history .lists:after{width:7rem;height:2.65rem} .about_history .lists{padding:1.1rem 1rem 0 2rem} .about_history .pad74{padding:0 .1rem .5rem} .about_history .subtitle{top:30%;right:0} .about_history .lists .items{height:3rem} .about_history .more{margin:.5rem 0 0;padding:0} .about_teamwork .pad74{padding:.73rem .3rem .6rem} .banner_nav ul li{margin-right:.3rem} .product .top .pro_contact{width:22%} .product1 .top .infos .pro_contact{width:22%} .product2 .top .infos .pro_contact{width:22%} .product3 .top .infos .pro_contact{width:22%} .pro .middle .imgs img{width:inherit} .show_news .editor p{text-indent:0;} .news .lists .left .items a .img{width:40%} .news .lists .left .items a .text{width:55%} .news .lists .right{display:none} .news .lists .left{width:100%} .joblist .lists .left .infos ul{display:inherit} .joblist .lists .right .swiper-container a{padding:.1rem} .joblist .lists .left .con{padding:.4rem 0 .8rem} .joblist .lists .left{padding:.2rem .2rem .2rem .2rem} .joblist .lists .right .swiper-container a p em{font-size:.12rem} .footer .middle{display:flex;flex-wrap: wrap;} .footer .middle .left{width:100%} .footer .middle .mid{width:100%} .footer .middle .right{width:100%;display:flex;flex-direction: column;} .footer .middle .right .imgs img{width:30%} .footer .bot ul{display:none} }