.header{position: fixed;width: 100%;z-index: 1000;}
.header.is_header .pad110{background:rgba(190,223,154,1);;box-shadow: 0 0 12px rgba(0,0,0,0.5)}
.header.is_header .fix_nav{background:rgba(190,223,154,.74)}
.pro_head .header {background:rgba(190,223,154,1)}
.header .pad110{padding:0 1.1rem;display:flex;height:1.13rem;line-height:1.13rem;justify-content: space-between;}
.header .pad110 .logo{width:20%}
.header .pad110 .logo img{max-height:1.1rem}
.header .pad110 .navs{width:55%}
.header .pad110 .navs ul{display:flex;justify-content: space-between;}
.header .pad110 .navs ul li a{font-size:.2rem;color:#f4b146;font-weight:bold}
.header .pad110 .right{width:10%;display:flex;flex-direction: column;justify-content: center;padding-left:.6rem;position:relative}
.header .pad110 .right h1,.header .pad110 .right h2{font-size:.16rem;color:#f4b146;white-space:nowrap;margin:.02rem 0 }
.header .pad110 .right:after{content:"";position:absolute;background:url(/public/common/images/icon1.png) 0 0 no-repeat;width:.4rem;height:.34rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.header .pad110 .langs{display:flex;flex-direction: column;justify-content: center;line-height:normal}
.header .pad110 .langs a{font-size:.2rem;color:#f4b146;padding-left:.25rem;position:relative}
.header .pad110 .langs a:after{content:"";position:absolute;background:url(/public/common/images/111.png) 0 0 no-repeat;width:.2rem;height:.2rem;background-size:100%;left:0;top:50%;transform:translateY(-50%);}

.fix_nav{}
.fix_nav ul{display:flex;justify-content: center;padding:.29rem 0 .25rem}
.fix_nav ul li{padding:0 1rem;position:relative}
.fix_nav ul li:after{position:absolute;content:"";background:white;width:1px;height:80%;background:rgba(255,255,255,.3);right:0;top:50%;transform:translateY(-50%)}
.fix_nav ul li a{padding:.50rem 0 0;font-size:.16rem;color:white;position:relative}
.fix_nav.about_nav ul li:nth-child(1) a:after{content:"";position:absolute;background:url(/public/common/images/icon2.png) 0 0 no-repeat;width:.32rem;height:.28rem;background-size:100%;top:.07rem;left:50%;transform:translateX(-50%)}
.fix_nav.about_nav ul li:nth-child(2) a:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.33rem;height:.26rem;background-size:100%;top:.07rem;left:50%;transform:translateX(-50%)}
.fix_nav.about_nav ul li:nth-child(3) a:after{content:"";position:absolute;background:url(/public/common/images/icon4.png) 0 0 no-repeat;width:.31rem;height:.38rem;background-size:100%;top:0rem;left:50%;transform:translateX(-50%)}
.fix_nav.about_nav ul li:nth-child(4) a:after{content:"";position:absolute;background:url(/public/common/images/icon5.png) 0 0 no-repeat;width:.31rem;height:.31rem;background-size:100%;top:.07rem;left:50%;transform:translateX(-50%)}
.about_box .about_company .top>div{display:flex;justify-content: space-between;padding:1.15rem 0 1.1rem;align-items: center;}
.about_box .about_company .top .left{width:30%}
.about_box .about_company .top .left h1{font-size:.48rem;color:#1d1c1c;margin:0 0 .35rem}
.about_box .about_company .top .left p{font-size:.24rem;color:#f4b146;}
.about_box .about_company .top .right {font-size:.16rem;color:#555555;line-height:.25rem}
.about_box .about_company .top .right{width:68%}
.about_box .about_company .bot{display:flex;}
.about_box .about_company .bot .infos{width:50%;padding-left:2.6rem;background:url(/public/common/images/icon6.jpg) 0 0 no-repeat;background-size:cover}
.about_box .about_company .bot .infos ul{display:flex;flex-wrap: wrap;height:100%;align-content: center;}
.about_box .about_company .bot .infos ul li{width:50%;margin:.5rem  0}
.about_box .about_company .bot .infos ul li h1{font-size:.24rem;color:#f4b146}
.about_box .about_company .bot .infos ul li h1 em{font-size:.6rem;color:#f4b146;font-weight:bold;font-style:italic;margin-right:.12rem}
.about_box .about_company .bot .infos ul li p{font-size:.2rem;color:#302f2f;margin:.2rem 0 0}
.about_box .about_company .bot .img{width:50%}
.about_history .title{text-align:center;padding:1.15rem  0 .7rem}
.about_history .title h1{font-size:.48rem;color:#1d1c1c;}
.about_history .lists{position:relative;padding:.6rem 0 1.7rem;}
.about_history .lists:after {position:absolute;content:"";background:url(/public/common/images/icon7.png) 0 0 no-repeat;width:1.13rem;height:100%;left:50%;transform:translateX(-50%);top:0;background-size:100%}
.about_history .lists .swiper-container{height:4.2rem;}
.about_history .lists .txt {display:flex;position:relative}
.about_history .lists .txt:after{content:"";position:absolute;width:.13rem;height:.13rem;background:#f4b146;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%)}
.about_history .lists .txt .item{width:40%}
.about_history .lists .xs .txt{display:flex;justify-content: flex-end;}                        
.about_history .lists .xss .txt .item{text-align:right}    
.about_history .lists .txt .item h1{font-size:.36rem;color:#f4b146;font-style:italic;font-weight:bold;margin:0 0 .2rem}
.about_history .lists .txt .item p{font-size:.16rem;color:#302f2f}
.about_honor {background:url(/public/common/images/icon8.jpg) 0 0 no-repeat;background-size:cover}
.about_honor  .title{text-align:center;padding:1.2rem 0 .85rem}
.about_honor  .title h1{font-size:.48rem;color:#1d1c1c}
.about_honor .lists .items{padding:.1rem}
.about_honor .lists .items a {background:white;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.about_honor .lists .items a .img{height:2.8rem;line-height:2.8rem;}
.about_honor .lists .items a .img img{max-height:2.8rem;padding:.25rem  0}
.about_honor .lists .items a h2{height:.6rem;line-height:.6rem;text-align:center;font-size:.16rem;color:#424242;border-top:1px solid #dcdcdc}
.about_honor .lists .items a:hover img{transform:scale(1.1)}
.about_honor .lists .swiper-page{padding:.75rem 0 1.3rem;display:flex;align-items: center;justify-content: center;text-align:center}
.about_honor .lists .swiper-page .slide-button-prev,.about_honor .lists   .swiper-page  .slide-button-next{margin:0 .04rem;width:.35rem;height:.35rem;line-height:.35rem;border-radius:5px;;color:white;font-size:.24rem;background:#f4b146}
.about_honor .lists .slide-pagination span{margin:0 .04rem;width:.35rem;height:.35rem;line-height:.35rem;font-size:.18rem;opacity:1;background:#a9a9a9;color:white;border-radius:5px;}
.about_honor .lists  .slide-pagination span.swiper-pagination-bullet-active{background:#f4b146;color:white}
.about_honor .lists .slide-pagination span:hover{background:#f4b146;color:white}

.about_workshop   .title{text-align:center;padding:1rem 0 .55rem}
.about_workshop  .title h1{font-size:.48rem;color:#1d1c1c}
.about_workshop  .lists .items a{position:relative}
.about_workshop  .lists .items a .text{position:absolute;top:.43rem;left:.43rem}
.about_workshop  .lists .items a .text h1{width:1.35rem;height:.5rem;line-height:.5rem;background:#f4b146;border-radius:50px;text-align:center;font-size:.16rem;color:white}
.about_workshop  .lists .items a .text h2{font-size:.16rem;color:white;margin:.13rem   0 0}
.about_workshop  .lists .items a:hover img{transform:scale(1.1)}
.about_workshop  .lists .swiper-page{padding:.85rem 0 2.2rem;display:flex;align-items: center;justify-content: center;text-align:center}
.about_workshop  .lists .swiper-page .slide-button-prev,.about_workshop  .lists   .swiper-page  .slide-button-next{margin:0 .04rem;width:.35rem;height:.35rem;line-height:.35rem;border-radius:5px;;color:white;font-size:.24rem;background:#f4b146}
.about_workshop  .lists .slide-pagination span{margin:0 .04rem;width:.35rem;height:.35rem;line-height:.35rem;font-size:.18rem;opacity:1;background:#a9a9a9;color:white;border-radius:5px;}
.about_workshop  .lists  .slide-pagination span.swiper-pagination-bullet-active{background:#f4b146;color:white}
.about_workshop  .lists.slide-pagination span:hover{background:#f4b146;color:white}
.footer{background:url(/public/common/images/99.jpg) 0 0 no-repeat;background-size:cover;position:relative}
.footer .top{display:flex;justify-content: space-between;padding:1rem 0 1.3rem}
.footer .top .fot_nav{width:68%;display:flex;justify-content: space-between;}
.footer .top .fot_nav dl dt {margin:0 0 .15rem}
.footer .top .fot_nav dl dt a{font-size:.16rem;color:white;font-weight:normal}
.footer .top .fot_nav dl dd{margin: 0 0 .1rem}
.footer .top .fot_nav dl dd:last-child{margin:0}
.footer .top .fot_nav dl dd a{font-size:.14rem;color:white}
.footer .top .right{width:23%}
.footer .top .right h1{font-size:.24rem;color:white;padding-left:.1rem;margin:0 0 .1rem}
.footer .top .right h2{font-size:.16rem;color:white;padding-left:.1rem;margin:0 0 .35rem}
.footer .top .right  .search form{position:relative}
.footer .top .right  .search input{width:100%;height:.5rem;background:none;border:2px solid white;border-radius:5px;padding:0 .8rem 0 .2rem;font-size:.14rem;color:white}
.footer .top .right  .search  button{position:absolute;width:.7rem;right:0;height:100%;background:#e6991a;border:0;top:50%;transform:translateY(-50%);border-radius:0 5px 5px 0;font-size:.14rem;color:white }
.footer .bot{border-top:2px solid white;padding:.66rem 0 .45rem;display:flex;justify-content: space-between;align-items: center;}
.footer .bot>div{}
.footer .bot .left{display:flex}
.footer .bot .left p,.footer .bot .left a{color:white;margin-right:.2rem}
.footer .bot .shares{width:25%}
.footer .bot .shares ul{display:flex;justify-content: space-between;align-items: center;}

.footer .return{position:absolute;right:1rem;top:27%}
.mbxs{padding:.25rem  0;border-bottom:1px solid #dcdcdc}
.mbxs>div{display:flex;align-items: center;}
.mbxs p{padding-left:.22rem;position:relative;font-size:.14rem;color:#605f5f;margin-right:.15rem}
.mbxs p:after{content:"";position:absolute;height:.17rem;width:.07rem;background:#f4b146;left:0;top:50%;transform:translateY(-50%)}
.mbxs .mbx{display:flex;align-items: center;}
.mbxs .mbx a{font-size:.14rem;color:#605f5f;}
.product_box>div{display:flex;padding:.7rem 0 2.95rem ;justify-content: space-between;}
.product_box .left{width:23%}
.product_box .left .search{margin:0 0 .55rem}
.product_box .left .search form{position:relative}
.product_box .left .search input{width:100%;height:.43rem;background:none;border:1px solid #e5e5e5;border-radius:50px;padding:0 .4rem 0 .2rem;font-size:.13rem;color:black;line-height:.43rem}
.product_box .left .search  button{position:absolute;width:.15rem;right:.15rem;height:.15rem;background:url(/public/common/images/icon10.png) 0 0 no-repeat;border:0;top:50%;transform:translateY(-50%);background-size:100% }
.product_box .left ul li{margin:0 0 .2rem}
.product_box .left ul li a{height:.5rem;line-height:.5rem;font-size:.16rem;color:#424242;border-bottom:1px solid #e5e5e5;font-weight:bold}
.product_box .left ul li a:hover{color:#f4b146}
.product_box .left ul li.active a{color:#f4b146}
.product_box .right{width:70%;display:flex;flex-wrap: wrap;}
.product_box .right .items{width:50%;margin:0 0 .5rem}
.product_box .right .items a{border:1px solid #dcdcdc;margin-left:-1px;padding:.54rem .3rem .4rem}
.product_box .right .items a h1{font-size:.3rem;color:#333333;font-weight:bold;margin:0 0 .35rem}
.product_box .right .items a  .infos{height:.9rem;overflow:hidden}
.product_box .right .items a  .infos p{line-height:.3rem;position:relative;padding-left:.15rem;font-size:.16rem;color:#333333;display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1}
.product_box .right .items a  .infos p:after{content:"";position:absolute;background:#f4b146;width:.06rem;height:.06rem;left:0;top:50%;transform:translateY(-50%);border-radius:100%}
.product_box .right .items a   .img{margin:.3rem  0 }
.product_box .right .items a   .img span{background:none !important}
.product_box .right .items a:hover   .img img{transform:scale(1.1)}
.product_box .right .items a em{width:100%;text-align:right;display:inline-block;padding-right:.3rem;font-size:.16rem;color:#8f8f8f;font-weight:bold;position:relative}
.product_box .right .items a em:after{content:"";position:absolute;background:url(/public/common/images/icon11.png) 0 0 no-repeat;width:.15rem;height:.14rem;right:0;top:0;background-size:100%}
.product_box .right .items a:hover em{color:#f4b146}
.product{padding:1.13rem  0 0}
.product .top{display:flex}
.product .top .left{width:50%;padding:1.5rem 0 0}
.product .top .left .imglist{margin:0 0 .8rem}
.product .top .left .sm_list{padding:.75rem 1.7rem;position:relative}
.product .top .left .sm_list .swiper-slide{border:2px solid #939393}
.product .top .left .sm_list .swiper-page>div{position:absolute;left:10%;font-size:.36rem;top:50%;transform:translateY(-50%);color:#c9c9c9}
.product .top .left .sm_list .swiper-page>div.slide-button-next {right:15%;left:auto}
.product .top .left .sm_list .swiper-page>div:hover{color:#243e81}
.product .top .right{width:50%;background:#f4f4f4;padding:1.15rem 2.6rem .8rem  .67rem}
.product .top .right>h2{font-size:.6rem;color:#333333;font-weight:bold;margin:0 0 .5rem}
.product .top .right .txt{padding:0 0 .25rem;border-bottom:1px solid #c9c9c9}
.product .top .right .txt p{font-size:.16rem;color:#585858;margin:0 0 .22rem;padding-left:.25rem;position:relative}
.product .top .right .txt p:after{content:"";position:absolute;background:#f4b146;width:.08rem;height:.08rem;left:0;top:.08rem;border-radius:100%}
.product .top .right .app{padding:.65rem  0}
.product .top .right .app h2{font-size:.36rem;color:#333333;padding:0  0 .45rem}
.product .top .right .app .lists{display:flex;flex-wrap: wrap;padding:0  0 .45rem;border-bottom:1px solid #c9c9c9;}
.product .top .right .app .lists>*{width:25%;padding:0 .05rem}
.product .top .right .app .lists{display:flex;flex-wrap: wrap;padding:0  0 .45rem;border-bottom:1px solid #c9c9c9;}
.product .top .right>a{width:1.7rem;height:.55rem;background:#ec6738;color:white;font-size:.18rem;line-height:.55rem;text-align:center}
.product .middle{background:#4f4f4f;padding:1.65rem 0 1.92rem}
.product .middle h2{font-size:.6rem;color:white;font-weight:bold;margin:0 0 .7rem;padding:0 0 .3rem;position:relative}
.product .middle h2:after{content:"";position:absolute;width:1.1rem;height:8px;left:0;bottom:0;background:white;border-radius:50px}
.product .middle .editor{font-size:.16rem;color:white;line-height:.3rem}
.product .bot{padding:1.1rem 0 2.55rem}
.product .bot h2{font-size:.36rem;color:#444444;font-weight:bold;margin:0 0 .2rem;}
.product .bot {font-size:.16rem;line-height:.3rem;}
.product .bot .editor .items{display:flex;justify-content: space-between;align-items: center;}
.product .bot .editor .items .img{width:40%}
.product .bot .editor .items .txt{width:50%}
.fix_nav.sould_nav ul li:nth-child(1) a:after{content:"";position:absolute;background:url(/public/common/images/icon12.png) 0 0 no-repeat;width:.29rem;height:.29rem;background-size:100%;top:.07rem;left:50%;transform:translateX(-50%)}
.fix_nav.sould_nav ul li:nth-child(2) a:after{content:"";position:absolute;background:url(/public/common/images/icon13.png) 0 0 no-repeat;width:.36rem;height:.36rem;background-size:100%;top:.02rem;left:50%;transform:translateX(-50%)}
.fix_nav.sould_nav ul li:nth-child(3) a:after{content:"";position:absolute;background:url(/public/common/images/66.png) 0 0 no-repeat;width:.36rem;height:.36rem;background-size:100%;top:.02rem;left:50%;transform:translateX(-50%)}

.solutionlist{padding:0 0 1.95rem}
.solutionlist .title{text-align:center;padding:.8rem  0 .55rem;}
.solutionlist .title h1{font-size:.48rem;color:#171717;font-weight:bold;padding:0 0 .35rem;position:relative}
.solutionlist .title h1:after{position:absolute;content:'';width:.5rem;height:.04rem;background:#f4b146;left:50%;transform:translateX(-50%);bottom:0}
.solutionlist .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.solutionlist .lists .items{width:32.5%;margin:0 0 .5rem}
.solutionlist .lists:after{content:"";width:32.5%}
.solutionlist .lists .items a:hover img{transform:scale(1.1)}
.solutionlist .lists .items a .text{margin:.25rem 0 0 }
.solutionlist .lists .items a .text p{font-size:.24rem;color:#7d7d7d;font-weight:bold}
.solutionlist .lists .items a .text h1{font-size:.24rem;color:#313131;font-weight:bold;margin:.05rem 0 0 }
.case_list{padding:.8rem 0 3.5rem}
.case_list>div .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.case_list>div .lists .items{margin: 0 0 .65rem;width:31.5%    }
.case_list>div .lists .items h1{font-size:.16rem;color:#313131;font-weight:bold;margin:.25rem 0 0 }
.case_list>div .lists .items a:hover img{transform:scale(1.1)}
.case_list .page{padding:0;display:flex;align-items: center;justify-content: center;text-align:center}
.case_list .page a{margin:0 .04rem;width:.35rem;height:.35rem;line-height:.35rem;border-radius:2px;;color:white;font-size:.16rem;background:#a9a9a9}
.case_list .page a.page-link{background:#f4b146;margin:0 .1rem}
.case_list .page a:hover,.case_list .page a.page-num-current{background:#f4b146;color:white}
.news_box{padding:.8rem  0 2.67rem;background:#f5f5f5}
.news_box .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news_box .lists:after{content:"";width:31.5%}
.news_box .lists .items{margin: 0 0 .65rem ;width:31.5%   }
.news_box .lists .items a{background:white}
.news_box .lists .items a .text{padding:.3rem .35rem .55rem}
.news_box .lists .items a .text span{font-size:.16rem;color:#4c4c4c}
.news_box .lists .items a .text h1{font-size:.2rem;color:#302f2f;margin:.18rem 0 .55rem;font-weight:bold}
.news_box .lists .items a .text p{font-size:.16rem;color:#575757;height:.44rem;line-height:.22rem}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box  .page{padding:.23rem 0 0 ;display:flex;align-items: center;justify-content: center;text-align:center}
.news_box  .page a{margin:0 .04rem;width:.35rem;height:.35rem;line-height:.35rem;border-radius:2px;;color:white;font-size:.16rem;background:#a9a9a9}
.news_box  .page a.page-link{background:#f4b146;margin:0 .1rem}
.news_box  .page a:hover,.news_box  .page a.page-num-current{background:#f4b146;color:white}

.contact_box .infos{background:url(/public/common/images/icon18.png) 0 0 no-repeat;background-size:cover}
.contact_box .top{padding:0 0 1.3rem}
.contact_box .infos .top .title{padding:.8rem 0 1.1rem}
.contact_box .infos .top .title h1{font-size:.48rem;color:#313131;font-weight:bold}
.contact_box .infos .top .title p{font-size:.48rem;color:#313131}
.contact_box .infos .top .text{display:flex}
.contact_box .infos .top .text .left h2{width:2rem;background:#f4b146;height:.55rem;line-height:.55rem;text-align:center;font-size:.16rem;color:white;border-radius:50px 50px  0 50px;margin:0 0 1.45rem}
.contact_box .infos .top .text .left  .txt{}
.contact_box .infos .top .text .left  .txt h1{font-size:.18rem;color:#373838;padding-left:.3rem;margin:0 0 .25rem;position:relative}
.contact_box .infos .top .text .left  .txt p{font-size:.48rem;color:#373838;font-weight:bold;height:.4rem;line-height:.4rem}
.contact_box .infos .top .text .left  .txt h1:after{content:"";position:absolute;background:url(/public/common/images/icon14.png) 0 0 no-repeat;width:.15rem;height:.23rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .infos .top .text>div{width:33.33%}
.contact_box .infos .top .text .middle{display:flex;flex-direction: column;justify-content: space-between;}
.contact_box .infos .top .text .middle  .txt h1{font-size:.18rem;color:#373838;padding-left:.3rem;margin:0 0 .25rem;position:relative}
.contact_box .infos .top .text .middle .txt p{font-size:.48rem;color:#373838;font-weight:bold;height:.4rem;line-height:.4rem}
.contact_box .infos .top .text .middle  .txt:first-child h1:after{content:"";position:absolute;background:url(/public/common/images/icon15.png) 0 0 no-repeat;width:.23rem;height:.23rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .infos .top .text .middle  .txt:last-child h1:after{content:"";position:absolute;background:url(/public/common/images/icon16.png) 0 0 no-repeat;width:.21rem;height:.21rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .infos .top .text .right  .txt h1{font-size:.18rem;color:#373838;padding-left:.3rem;margin:0 0 .25rem;position:relative}
.contact_box .infos .top .text .right .txt p{font-size:.3rem;color:#f4b146;font-weight:bold;}
.contact_box .infos .top .text .right    .txt h1:after{content:"";position:absolute;background:url(/public/common/images/icon17.png) 0 0 no-repeat;width:.17rem;height:.23rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .bot{padding-right:2.6rem;display:flex}
.contact_box .bot .map{width:74%}
.contact_box .bot .map #container{height:4.35rem}
.contact_box .bot .weixin{width:26%;background:#f4b146;border-radius:0 20px 0 0;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.contact_box .bot .weixin h1{font-size:.22rem;color:white;padding:0 0 .3rem}
.contact_box .bot .weixin p{font-size:.16rem;color:white;margin:.2rem 0 0 }
.contact_box .message {padding:1.35rem  0 1.75rem}
.contact_box .message>div{display:flex}                 
.contact_box .message .left h2{font-size:.48rem;color:#313131;margin: 0 0 .65rem}
.contact_box .message .left {width:40%}                                             
.contact_box .message .img{width:60%;padding:.25rem 0 0}
.contact_box .message .left input{width:100%;margin:0 0 .24rem;height:.58rem;background:#eeeeee;border:0;border-radius:10px;font-size:.16rem;padding:0 .28rem;color:black}
.contact_box .message .left textarea{height:2.05rem;width:100%;background:#eeeeee;border:0;border-radius:10px;padding:.28rem;font-size:.16rem;color:black}
.contact_box .message .left .submint{margin:.6rem 0 0}
.contact_box .message .left .submint button{width:2rem;border:0;background:#f4b146;height:.55rem;line-height:.55rem;text-align:center;font-size:.16rem;color:white;border-radius:50px 50px  0 50px;}
.tem_banner.index .label_text{position:absolute;left:50%;transform:translateX(-50%);bottom:20%;z-index:2;width:100%;text-align:center}
.tem_banner.index .label_text h1{font-size:.3rem;color:white}
.tem_banner.index .label_text p{font-size:.6rem;color:white;font-weight:bold;margin:.2rem 0 0}
.tem_banner.index .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:.9rem;z-index:2}     
.tem_banner.index .slide-pagination span{margin:0 .05rem;width:.32rem;height:7px;border-radius:50px;background:#9c9c9c;opacity:1}    
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{background:#ec6738}
.index_product .index_pro_nav ul{padding:.63rem 0 .68rem;display:flex;justify-content: space-around;}
.index_product .index_pro_nav ul li{width:20%;text-align:center}
.index_product .index_pro_nav ul li a h1{font-size:.19rem;color:#262525;padding:1.5rem 0 0;position:relative }
.index_product .index_pro_nav ul li:nth-child(1) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon19.png) 0 0 no-repeat;width:1.6rem;height:1.39rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:1s}
.index_product .index_pro_nav ul li:nth-child(2) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon99.png) 0 0 no-repeat;width:1.6rem;height:1.39rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:1s}
.index_product .index_pro_nav ul li:nth-child(3) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon19.png) 0 0 no-repeat;width:1.6rem;height:1.39rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:1s}
.index_product .index_pro_nav ul li:nth-child(4) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon97.png) 0 0 no-repeat;width:1.6rem;height:1.39rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:1s}
.index_product .index_pro_nav ul li:nth-child(5) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon98.png) 0 0 no-repeat;width:1.6rem;height:1.39rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:1s}

.index_product .index_pro_nav ul li a:hover h1:after{transform:translateX(-50%) rotate(360deg) ;transition:1s}

.index_product .infos .items .box{display:flex;background:#f0f0f0;padding-right:2.6rem}
.index_product .infos .items .box .img{width:73%}
.index_product .infos .items .box .text{width:27%;text-align:right;}
.index_product .infos .items .box .text h1{font-size:.48rem;color:#171717;padding:1.15rem 0 .22rem;border-bottom:2px solid #808080;margin:0 0 .3rem}
.index_product .infos .items .box .text p{font-size:.22rem;color:#7c7c7c;}
.index_product .infos .items .box .text a{margin:3.25rem 0 0 ;width:1.6rem;height:.5rem;;background:#b8b8b8;border-radius:50px;text-align:center;display:inline-block;position:relative;}
.index_product .infos .items .box .text a h2{font-size:.14rem;color:#ffffff;z-index:2;line-height:.5rem;position:relative}
.index_product .infos .items .box .text a:after{content:'';position:absolute;background:#ee7a4e;width:.27rem;height:50%;border-radius:50px 0 50px 0 ;right:0;bottom:0;transition:.5s;z-index:1}
.index_product .infos .items .box .text a:hover:after{width:100%;height:100%;border-radius:50px;}
.index_about {background:url(/public/common/images/icon21.jpg) 0 0 no-repeat;background-size:cover}
.index_about  .top{padding:1.7rem 0 1.15rem }
.index_about  .top h1{font-size:.16rem;color:#f4b146;padding-left:.4rem;position:relative}
.index_about  .top h1:after{content:'';position:absolute;background:#f4b146;width:.26rem;height:3px;left:0;top:50%;transform:translateY(-50%)}
.index_about  .top h2{font-size:.48rem;color:white;font-weight:bold;margin:.45rem  0 .35rem}
.index_about  .top h3{font-size:.16rem;color:white;}
.index_about  .infos ul{display:flex;justify-content: space-between;}
.index_about  .infos ul li{width:24%}
.index_about  .infos ul li a{height:3.7rem;padding:.4rem .35rem .1rem;position:relative}
.index_about  .infos ul li a em{font-size:.16rem;color:#262626;z-index:2;position:relative;transition:.5s}
.index_about  .infos ul li a .text{margin:.95rem  0 0;z-index:2;position:relative}
.index_about  .infos ul li a .text h1{padding:.95rem 0 0 ;font-size:.24rem;color:#262626;font-weight:bold;margin:0 0 .15rem;position:relative;transition:.5s}
.index_about  .infos ul li a .text p{font-size:.16rem;color:#575757;transition:.5s}
.index_about  .infos ul li a:after{position:absolute;content:"";width:100%;height:100%;background:url(/public/common/images/icon26.png) 0 0 no-repeat;background-size:cover;left:50%;transform:translateX(-50%);top:0;z-index:0;transition:.5s}
.index_about  .infos ul li a:before{position:absolute;content:"";width:100%;height:0%;background:url(/public/common/images/icon26-1.png) 0 0 no-repeat;background-size:cover;left:50%;transform:translateX(-50%);top:0;z-index:1;transition:.5s}

.index_about  .infos ul li:nth-child(1) a .text h1:after{content:"";position:absolute;background:url(/public/common/images/icon22.png) 0 0 no-repeat;width:.73rem;height:.68rem;left:0;top:0;background-size:100%;transition:.5s}
.index_about  .infos ul li:nth-child(2) a .text h1:after{content:"";position:absolute;background:url(/public/common/images/icon23.png) 0 0 no-repeat;width:.61rem;height:.67rem;left:0;top:0;background-size:100%;transition:.5s}
.index_about  .infos ul li:nth-child(3) a .text h1:after{content:"";position:absolute;background:url(/public/common/images/icon24.png) 0 0 no-repeat;width:.64rem;height:.66rem;left:0;top:0;background-size:100%;transition:.5s}
.index_about  .infos ul li:nth-child(4) a .text h1:after{content:"";position:absolute;background:url(/public/common/images/icon25.png) 0 0 no-repeat;width:.56rem;height:.66rem;left:0;top:0;background-size:100%;transition:.5s}
.index_about  .infos ul li a:hover:before{height:100%;transition:.5s}
.index_about  .infos ul li:nth-child(1) a:hover .text h1:after{content:"";position:absolute;background:url(/public/common/images/icon22-1.png) 0 0 no-repeat;width:.73rem;height:.68rem;left:0;top:0;background-size:100%;transition:.5s}
.index_about  .infos ul li:nth-child(2)  a:hover .text h1:after{content:"";position:absolute;background:url(/public/common/images/icon23-1.png) 0 0 no-repeat;width:.61rem;height:.67rem;left:0;top:0;background-size:100%;transition:.5s}
.index_about  .infos ul li:nth-child(3)  a:hover .text h1:after{content:"";position:absolute;background:url(/public/common/images/icon24-1.png) 0 0 no-repeat;width:.64rem;height:.66rem;left:0;top:0;background-size:100%;transition:.5s}
.index_about  .infos ul li:nth-child(4)  a:hover .text h1:after{content:"";position:absolute;background:url(/public/common/images/icon25-1.png) 0 0 no-repeat;width:.56rem;height:.66rem;left:0;top:0;background-size:100%;transition:.5s}

.index_about  .infos ul li  a:hover .text h1,.index_about  .infos ul li  a:hover .text p,.index_about  .infos ul li  a:hover em{color:white;transition:.5s}
.index_about .txt ul{display:flex;padding:1.3rem 0 1.0rem}
.index_about .txt ul li{width:25%;text-align:center}
.index_about .txt ul li h1{color:white;font-size:.3rem;margin:0 0 .3rem}
.index_about .txt ul li h1 em{color:white;font-size:.85rem;height:.6rem;line-height:.6rem;font-weight:bold;font-style:italic;margin-right:.3rem}
.index_about .txt ul li p{font-size:.2rem;color:white}
.index_about .box{padding:0 2.35rem}
.index_about .box p{font-size:.2rem;color:white;text-align:center;line-height:.35rem}
.index_about .more{text-align:center;padding:1.25rem  0 1.08rem}
.index_about .more a{;width:1.6rem;height:.5rem;;background:#b8b8b8;border-radius:50px;text-align:center;display:inline-block;position:relative;}
.index_about .more a h2{font-size:.14rem;color:#ffffff;z-index:2;line-height:.5rem;position:relative}
.index_about .more a:after{content:'';position:absolute;background:#ee7a4e;width:.27rem;height:50%;border-radius:50px 0 50px 0 ;right:0;bottom:0;transition:.5s;z-index:1}
.index_about .more a:hover:after{width:100%;height:100%;border-radius:50px;}
.index_solution{padding:0 0 1.2rem}
.index_solution .title{padding:1.1rem  0 .3rem}
.index_solution .title h1{font-size:.48rem;color:#171717;text-align:center;font-weight:bold;padding:0 0 .34rem;position:relative}
.index_solution .title h1:after{content:'';position:absolute;background:#f4b146;width:.5rem;height:4px;left:50%;transform:translateX(-50%);bottom:0}
.index_solution .infos ul{display:flex;margin:0 0 .45rem}
.index_solution .infos ul li{width:50%}
.index_solution .infos ul li a{border:2px solid #ececec;height:.85rem;text-align:center;margin-left:-2px}
.index_solution .infos ul li a h1{display:inline-block;text-align:center;font-size:.3rem;line-height:.85rem;color:#171717;padding-left:.9rem;position:relative}
.index_solution .infos ul li:nth-child(1) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon27.png) 0 0 no-repeat;width:.57rem;height:.57rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_solution .infos ul li:nth-child(2) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon28.png) 0 0 no-repeat;width:.58rem;height:.59rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_solution .infos ul li:nth-child(3) a h1:after{content:"";position:absolute;background:url(/public/common/images/55.png) 0 0 no-repeat;width:.58rem;height:.59rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}

.index_solution .infos ul li a:hover{background:#106636;transition:.3s}
.index_solution .infos ul li a:hover h1{color:white;transition:.3s}
.index_solution .infos ul li#current a{background:#106636;}
.index_solution .infos ul li#current a h1{color:white;transition:.3s}

.index_solution .infos ul li:nth-child(1) a:hover h1:after,.index_solution .infos ul li#current:nth-child(1) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon27-1.png) 0 0 no-repeat;width:.57rem;height:.57rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_solution .infos ul li:nth-child(2) a:hover h1:after,.index_solution .infos ul li#current:nth-child(2) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon28-1.png) 0 0 no-repeat;width:.58rem;height:.59rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_solution .infos ul li:nth-child(3) a:hover h1:after,.index_solution .infos ul li#current:nth-child(3) a h1:after{content:"";position:absolute;background:url(/public/common/images/55-1.png) 0 0 no-repeat;width:.58rem;height:.59rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}

.index_solution .infos .items .box{display:flex;justify-content: space-between;}
.index_solution .infos .items .box .left{width:32.9%}
.index_solution .infos .items .box .left a img{height:5.84rem;object-fit:cover}
.index_solution .infos .items .box .left a{position:relative}
.index_solution .infos .items .box .left a:hover img{transform:scale(1.1)}
.index_solution .infos .items .box .left a .text{position:absolute;bottom:.6rem;left:.34rem}
.index_solution .infos .items .box .left a .text p{color:rgba(255,255,255,.63);font-size:.24rem;margin:0 0 .05rem}
.index_solution .infos .items .box .left a .text h1{color:white;font-size:.24rem;font-weight:bold}
.index_solution .infos .items .box .right{width:66.45%;display:flex;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
.index_solution .infos .items .box .right .item{width:49.5%;background:#262626}
.index_solution .infos .items .box .right .item a{position:relative}
.index_solution .infos .items .box .right .item a img{height:2.87rem;object-fit:cover}
.index_solution .infos .items .box .right .item a .text{position:absolute;bottom:.3rem;left:.35rem}
.index_solution .infos .items .box .right .item a .text p{color:rgba(255,255,255,.63);font-size:.24rem;margin:0 0 .05rem}
.index_solution .infos .items .box .right .item a .text h1{color:white;font-size:.24rem;font-weight:bold}
.index_solution .infos .items .box .right .item a:hover img{transform:scale(1.1)}
.index_solution .infos .items .box .right .item:last-child a{font-size:.24rem;color:white;display:flex;height:100%;flex-direction: column;justify-content: center;padding-left:.48rem}
.index_solution .infos .items .box .right .item:last-child a:after{content:"";position:absolute;background:url(/public/common/images/icon29.png) 0 0 no-repeat;width:.24rem;height:.14rem;left:45%;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_case{background:url(/public/common/images/icon30.jpg) 0 0 no-repeat;background-size:cover;padding:0 0 1.4rem}
.index_case .title{padding:1.25rem  0 .52rem}
.index_case .title h1{font-size:.48rem;color:white;text-align:center;font-weight:bold;padding:0 0 .31rem;position:relative}
.index_case .title h1:after{content:'';position:absolute;background:#f4b146;width:.5rem;height:4px;left:50%;transform:translateX(-50%);bottom:0}
.index_case .lists{position:relative}
.index_case .lists .items h2{height:.85rem;background:#8a8a8a;font-size:.2rem;color:white;line-height:.85rem;padding:0 .5rem}   
.index_case .lists .items  a:hover img{transform:scale(1.1)}
.index_case .lists  .swiper-page>div{position:absolute;width:.54rem;height:.54rem;border:1px solid white;border-radius:100%;line-height:.54rem;text-align:center;font-size:.24rem;color:white;outline:none;z-index:2;top:50%;transform:translateY(-50%);left:-.9rem}
.index_case .lists .swiper-page>div.slide-button-next {left:auto;right:-.9rem}
.index_case .lists .swiper-page>div:hover{background:#f4b146;border:1px solid #f4b146}
.index_parter{background:url(/public/common/images/icon31.jpg) 0 0 no-repeat;background-size:cover;padding:0 0 1.05rem}

.index_parter .title{padding:1.1rem  0 .7rem}
.index_parter .title h1{font-size:.48rem;color:#565656;text-align:center;font-weight:bold;padding:0 0 .5rem;position:relative}
.index_parter .title h1:after{content:'';position:absolute;background:#f4b146;width:.5rem;height:4px;left:50%;transform:translateX(-50%);bottom:0}
.index_parter .lists .swiper-slide{display:flex;flex-wrap: wrap;}
.index_parter .lists .swiper-slide .items{width:20%;padding:0 .17rem;margin: 0 0 .3rem}
.index_parter .lists .swiper-page{display:flex;justify-content: center;margin:.6rem 0 0 }
.index_parter .lists .swiper-page>div{width:.55rem;height:.55rem;border:1px solid #f4b146;border-radius:100%;margin:0 .25rem;text-align:center;font-size:.36rem;color:#f4b146}
.index_parter .lists .swiper-page>div:hover{background:#f4b146;color:white;transition:.3s}
.index_news{padding:0 0 1.65rem}
.index_news .title{padding:1.35rem  0 .55rem}
.index_news .title h1{font-size:.48rem;color:black;text-align:center;font-weight:bold;padding:0 0 .35rem;position:relative}
.index_news .title h1:after{content:'';position:absolute;background:#f4b146;width:.5rem;height:4px;left:50%;transform:translateX(-50%);bottom:0}
.index_news .lists{display:flex;justify-content: space-between;}            
.index_news .lists .items{width:32.6%}
.index_news .lists .items a{padding:.3rem .15rem .35rem;background:#f2f2f2 }
.index_news .lists .items a:hover img{transform:scale(1.1)}
.index_news .lists .items a .text{padding:.28rem 0 0 0  }
.index_news .lists .items a .text span{font-size:.16rem;color:#595959;font-weight:bold}
.index_news .lists .items a .text h2{font-size:.18rem;color:#292929;font-weight:bold;margin:.15rem 0 .3rem  }
.index_news .lists .items a .text p{font-size:.16rem;color:#525252;font-weight:bold;height:.69rem;line-height:.23rem}
.index_news .lists .items a .text em{margin:.35rem 0 0;font-size:.14rem;color:#f4b146}
.index_news .lists .middle{width:33%;background:#f2f2f2}
.index_news .lists .middle ul{height:100%}
.index_news .lists .middle ul li{height:33.33%;padding:0 .25rem}
.index_news .lists .middle ul li a{padding:.28rem  0 0;border-bottom:2px solid #d5d5d5;height:100%}
.index_news .lists .middle ul li a span{font-size:.16rem;color:#595959;font-weight:bold}
.index_news .lists .middle ul li a h2{font-size:.18rem;color:#292929;font-weight:bold;margin:.15rem 0 .3rem;height:.44rem;line-height:.22rem  }
.index_news .lists .middle ul li a  em{margin:.3rem 0 0;font-size:.14rem;color:#f4b146}
.index_news .lists .middle ul li:last-child a{border:0}

/********<=767 mobile nav style css********/    

.fl-page{position:relative;top:-1.5rem;}

.m-header {background:black;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:white}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:black;
	-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:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f4b146;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:#FFF}
.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:#FFF;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:#f4b146}
.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;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/

/******ipad****/
@media(max-width:1600px){
    .index_product .infos .items .box{padding-right:1rem}
    .index_product .infos .items .box .text a{margin:2rem 0 0}
    .about_box .about_company .bot .infos{padding-left:1rem}
    .contact_box .bot{padding-right:1rem}
    .header .pad110 .logo a{width:70%}
    .about_history .lists .swiper-container{height:4.3rem}
    }

@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	
}
/********mobile*********/
@media(max-width:767px){
.tem_banner.index .label_text p{font-size:.48rem}
.tem_banner.index .slide-pagination{bottom:.3rem}
.index_product .infos .items .box{padding:0;display:inherit;padding:.2rem}
.index_product .infos .items .box .img{width:100%}
.index_product .infos .items .box .text{width:100%}
.index_about .infos ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_about .infos ul li{width:48%;margin:0 0 .2rem}
.index_about .infos ul li a .text{margin:.2rem 0 0}
.index_about .box{padding:0}
.index_about .txt ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_about .txt ul li{width:48%;margin:0 0 .2rem}
.index_case .lists  .swiper-page>div{left:-.2rem}
.index_case .lists .swiper-page>div.slide-button-next {left:auto;right:-.2rem}
.index_parter .lists .swiper-slide .items{width:48%}
.index_news .lists{display:inherit}
.index_news .lists>div{width:100%!important;margin:0 0 .2rem}
.footer .top .fot_nav{display:none}
.footer .top .right{width:100%}
.footer .return{width:10%;right:3%;top:3%}
.footer .bot .left{display:inherit}
.footer .bot{display:inherit}
.footer .bot .shares{width:80%;margin:.2rem 0  0}
.about_box .about_company .bot{display:inherit}
.about_box .about_company .bot .infos{padding:.2rem}
.about_box .about_company .bot .infos{width:100%}
.about_box .about_company .bot .img{width:100%}
.product_box>div{display:inherit}
.product_box .left{width:100%}
.product_box .right{width:100%}
.product .top .right{padding:.2rem}
.product .top .left .sm_list{padding:.2rem 1rem}
.product .top{display:inherit}
.product .top .left{width:100%}
.product .top .left .sm_list .swiper-page>div{left:5%}
.product .top .left .sm_list .swiper-page>div.slide-button-next{right:5%}
.product .top .right{width:100%}
.solutionlist .lists .items{width:48%}
.case_list>div .lists .items{width:48%}
.news_box .lists .items{width:48%}
.contact_box .infos .top .text .middle .txt p{font-size:.3rem}
.contact_box .infos .top .text .left .txt p{font-size:.3rem}
.contact_box .infos .top .text .right .txt p{font-size:.24rem}
.contact_box .bot{display:inherit;padding:0}
.contact_box .bot .map{width:100%}
.contact_box .bot .weixin{width:100%;padding:.2rem 0 }
.contact_box .bot .weixin .img{width:30%}
.contact_box .message .img{display:none}
.contact_box .message .left{width:100%}
}