.header{position: fixed;width: 100%;z-index: 1000;;}
.header.is_header{box-shadow: 0 0 12px rgba(0,0,0,0.5);background:white}
.header.is_header .langs {color:#2c2c2c}
.header.is_header .langs a{color:#2c2c2c}
.header.is_header  .navs a{font-size:.18rem;color:#2c2c2c;font-weight:bold}
.header>div{display:flex;padding:0 .8rem 0;align-items: center;justify-content: space-between;}
.header .langs {width:10%;display:flex;color:white;align-items: center;}
.header .langs  a{color:white;font-size:.16rem;margin:0 .1rem}
.header .langs  a:first-child{margin-left:0}
.header .navs{width:47.3%;display:flex;justify-content: space-between;align-items: center;}    
.header .navs a{font-size:.18rem;color:white;font-weight:bold}
.header .navs .logo{width:26.5%;text-align:center}
.header .navs .logo a{width:2.2rem;height:1.1rem;background:url(/public/common/images/logo1.png) center center  no-repeat;display:inline-block;background-size:100%}
.header.pro_header{border-bottom:1px solid #e9e9e9;background:white}
.header.is_header .navs .logo a{width:2.2rem;height:1.1rem;background:url(/public/common/images/logo1-1.png) center center no-repeat;background-size:100%}
.header.pro_header .navs .logo a{width:2.2rem;height:1.1rem;background:url(/public/common/images/logo1-1.png) center center no-repeat;background-size:100%}
.header.pro_header input{color:black;border-bottom:2px solid #e6e6e6}
.header.pro_header .search  button{background:url(/public/common/images/search.png) 0 0 no-repeat;border:0;background-size:100%}
.header.pro_header  input::-webkit-input-placeholder {color:black !important;transition:.4s;font-size:.14rem}
.header.pro_header input{color:black;border-bottom:2px solid #e6e6e6}
.header.pro_header  .langs {color:#2c2c2c}
.header.pro_header .langs a{color:#2c2c2c}
.header.pro_header   .navs a{font-size:.18rem;color:#2c2c2c;font-weight:bold}
.header .search {width:10%}
.header .search form{position:relative}
.header .search  input{border:0;background:none;border-bottom:2px solid #c8cbcc;color:white;font-size:.14rem;padding:.05rem .2rem .05rem 0 ;width:100%}
.header .search  button{position:absolute;right:0;top:50%;;transform:translateY(-50%);width:.13rem;height:.14rem;background:url(/public/common/images/search1.png) 0 0 no-repeat;border:0;background-size:100%}
.header .search  input::-webkit-input-placeholder {color: #f8f8f8;transition:.4s;font-size:.14rem}
.header.is_header  input{color:black;border-bottom:2px solid #e6e6e6}
.header.is_header .search  button{background:url(/public/common/images/search.png) 0 0 no-repeat;border:0;background-size:100%}
.header.is_header  input::-webkit-input-placeholder {color:black;transition:.4s;font-size:.14rem}
.tem_banner .txt{position:absolute;left:50%;transform:translateX(-50%);top:57%;text-align:center}
.tem_banner .txt h1{font-size:.48rem;color:white;font-weight:bold; letter-spacing:10px;margin:0 0 .1rem}
.tem_banner .txt p{color:white;font-size:.3rem;}
.about_box{padding:0 0 1.2rem}
.about_box .infos{text-align:center;padding:1.08rem 0 .8rem}
.about_box .infos>h1{font-size:.36rem;color:#1d1d1d;font-weight:bold;padding:0 0 .5rem}
.about_box .infos .text1{padding:0 5.1rem;margin:0 0 1.3rem}
.about_box .infos .text1 p{font-size:.16rem;color:#343333;line-height:.35rem}
.about_box .infos .text2{padding:0 5.7rem;margin:0 0 .5rem;position:relative}
.about_box .infos .text2:after{content:"";position:absolute;background:url(/public/common/images/icon1.png) 0 0 no-repeat;width:.92rem;height:.8rem;left:4.3rem;top:-.5rem;background-size:100%}
.about_box .infos .text2 p{font-size:.24rem;color:#212121;line-height:.5rem;}
.about_box .lists a{overflow:hidden;}
.about_box .lists a:hover img{transform:scale(1.1)}
.footer{background:url(/public/common/images/icon2.jpg) 0 0 no-repeat;padding:1.15rem 0 .8rem;background-size:cover}
.footer .navs ul{display:flex;justify-content: center;}
.footer .navs ul li {margin:0 .45rem}
.footer .navs ul li a{font-size:.18rem;color:white;font-weight:bold}
.footer .logo{text-align:center;padding:.75rem 0 .7rem}
.footer .logo a{display:inline-block}
.footer>h2{text-align:center;font-size:.16rem;color:white;margin:0 0 .6rem}
.footer .infos{text-align:center}
.footer .infos p{font-size:.16rem;color:white;margin:0 0 .15rem}
.footer .infos p:last-child{margin:0}
.footer .bot{padding:.90rem 0 0;text-align:center}
.footer .bot p{font-size:.16rem;color:white;}
.footer .bot p a{display:initial;font-size:.16rem;color:white;margin-left:.5rem}
.footer .return{position:absolute;right:1rem;bottom:2.4rem}
.footer .return a{font-size:.16rem;color:white;padding:.44rem 0 0;position:relative}
.footer .return a:after{content:'';position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.13rem;height:.24rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}
.product_box{background-size:cover;background-repeat:no-repeat}
.product_box>div{padding:2.25rem 4.05rem 1rem}
.product_box .title{padding:0 0 1.3rem}
.product_box .title h1{font-size:.48rem;color:white;padding:0 0 .1rem}
.product_box .title p{font-size:.3rem;color:white}
.product_box .lists  .infos {padding:0 0 .85rem}
.product_box .lists  .infos .items{padding-right:2.3rem}
.product_box .lists  .infos .items h1{font-size:.3rem;color:white;padding:0 0 .35rem}
.product_box .lists  .infos .items  p{font-size:.16rem;color:white;line-height:.25rem;height:.5rem}
.product_box .lists  .infos .items a{display:inline-block;margin:.35rem 0 0;width:1.65rem;height:.46rem;line-height:.46rem;text-align:center;border:1px  solid #ffffff;font-size:.16rem;color:white;z-index:2;position:relative}
.product_box .lists  .infos .items a:after{content:"";position:absolute;background:white;width:0%;height:100%;transition:.5s;left:0;z-index:-1}
.product_box .lists  .infos .items a:hover:after{width:100%;transition:.5s;}
.product_box .lists  .infos .items a:hover{color:black;transition:.5s;}
.product_box .lists   ul{display:flex;align-items: center;}
.product_box .lists   ul li{width:47%}
.product_box .lists   ul li#current{width:53%;}
.product_box .lists   ul li#current a{height:1.15rem;background:#287f3c}
.product_box .lists   ul li:first-child a:after{content:"";position:absolute;background:url(/public/common/images/icon4-4.png) 0 0 no-repeat;width:.46rem;height:.56rem;right:7%;background-size:100%;top:50%;transform:translateY(-50%);transition:.3s}
.product_box .lists   ul li:last-child a:after{content:"";position:absolute;background:url(/public/common/images/icon5-5.png) 0 0 no-repeat;width:.52rem;height:.53rem;right:5%;background-size:100%;top:50%;transform:translateY(-50%);transition:.3s}
.product_box .lists   ul li#current:first-child a:after{content:"";position:absolute;background:url(/public/common/images/icon4.png) 0 0 no-repeat;width:.46rem;height:.56rem;right:7%;background-size:100%;top:50%;transform:translateY(-50%);transition:.3s}
.product_box .lists   ul li#current:last-child a:after{content:"";position:absolute;background:url(/public/common/images/icon5.png) 0 0 no-repeat;width:.52rem;height:.53rem;right:7%;background-size:100%;top:50%;transform:translateY(-50%);transition:.3s}

.product_box .lists   ul li a{height:1.02rem;background:white;display:flex;flex-direction: column;justify-content: center;padding-left:.15rem;position:relative}
.product_box .lists   ul li a em{font-size:.2rem;color:#8d8d8d}
.product_box .lists   ul li a h1{padding:.15rem 0 0;font-size:.18rem;color:#2c2b2b}
.product_box .lists   ul li#current a em{color:white}
.product_box .lists   ul li#current a h1{color:white}
.product_lists .top{padding:.91rem 0  0}
.product_lists .top .pro_nav{padding:.62rem  0 .35rem;display:flex;justify-content: center;}
.product_lists .top .pro_nav ul{display:flex;justify-content: center;background:#f1f2f3;border-radius:50px;}
.product_lists .top .pro_nav ul li a{padding:0 .68rem;height:.58rem;position:relative;line-height:.58rem;color:#2c2b2b;font-size:.18rem;z-index:0}
.product_lists .top .pro_nav ul li a:after{content:"";position:absolute;width:0;height:100%;background:#287f3c;border-radius:50px;left:50%;transform:translateX(-50%);top:0;transition:.5s;z-index:-1}
.product_lists .top .pro_nav ul li a:hover:after{width:100%;transition:.5s cubic-bezier(0.51, 0.47, 0, 0.45);}
.product_lists .top .pro_nav ul li a:hover{color:white;transition:.5s;}
.product_lists .top .pro_nav ul li.avtive a:after{width:100%}
.product_lists .top .pro_nav ul li.avtive a{color:white;}
.product_lists .top .pro1_nav{padding:0 0 .8rem}
.product_lists .top .pro1_nav ul{display:flex;flex-wrap: wrap;border-top:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6}
.product_lists .top .pro1_nav ul li{width:14.28%;text-align:center}
.product_lists .top .pro1_nav ul li a{display:inline-block;padding:.24rem 0 .2rem;font-size:.14rem;color:black;font-weight:bold;position:relative}
.product_lists .top .pro1_nav ul li a:after{content:"\f0d7";position:absolute;font:normal normal normal 14px/1 FontAwesome;top:42%;;right:-.2rem;font-size:.16rem;color:#535353;transition:.3s}
.product_lists .top .pro1_nav ul li.active a{color:#287f3c}
.product_lists .top .pro1_nav ul li.active a:after{transform:rotate(180deg);color:#287f3c}
.product_lists .top .pro1_nav ul li a:hover{color:#287f3c}
.product_lists .top .pro1_nav ul li a:hover:after{transform:rotate(180deg);color:#287f3c;transition:.3s}
.product_lists .lists{background:#f1f2f3}
.product_lists .lists>div{display:flex;flex-wrap: wrap;justify-content: space-between;padding:1rem 0 1.6rem}
.product_lists .lists>div:after{content:"";width:31.5%}
.product_lists .lists .items{width:31.5%;margin:0 0 .68rem}
.product_lists .lists .items a{}
.product_lists .lists .items a:hover .text span{background:#287f3c;border:2px solid #287f3c;color:white}
.product_lists .lists .items a:hover img{transform:scale(1.1)}
.product_lists .lists .items a .text{padding:.4rem  .22rem  .48rem;background:white;border-radius:0 0 10px 10px}
.product_lists .lists .items a .text h1{font-size:.2rem;color:#2b2c2c;font-weight:bold;margin:0 0 .18rem}
.product_lists .lists .items a .text p{font-size:.16rem;color:#535353;line-height:.23rem;height:.46rem}
.product_lists .lists .items a .text span{display:inline-block;margin:.55rem 0 0;padding:0 .45rem;height:.43rem;line-height:.4rem;border:2px solid #c9c9c9;border-radius:50px;font-size:.16rem;color:#2b2c2c}
.product{padding:1.55rem 0  1.5rem;background:#f1f2f3}
.product .top>div{background:white;padding:.3rem .44rem .9rem }
.product .top .return{display:flex;justify-content: flex-end;padding:0 0 .1rem}
.product .top .return a{font-size:.14rem;color:#6f706f;padding-left:.31rem;background:url(/public/common/images/icon6.png) center left no-repeat}
.product .top .info{display:flex;justify-content: space-between;}
.product .top .info .left{width:47%}
.product .top .info .left a{overflow:hidden}
.product .top .info .left a:hover img{transform:scale(1.1)}
.product .top .info .right{width:47%;display:flex;flex-direction: column;justify-content: space-between;}
.product .top .info .right .title{padding:.5rem 0 .3rem;border-bottom:2px solid #e6e6e6;position:relative}
.product .top .info .right .title h1{font-size:.36rem;color:#2b2c2c;font-weight:bold;margin:0 0 .1rem}
.product .top .info .right .title p{color:#287f3c;font-size:.16rem}
.product .top .info .right .title a{position:absolute;right:0;bottom:.1rem;color:#797979;font-size:.24rem}
.product .top .info .right .text{padding:.05rem  0 0}
.product .top .info .right .text .main {height:1.5rem;overflow:hidden}
.product .top .info .right .text .main p{line-height:.25rem;font-size:.16rem;color:#535353}
.product .top .info .right .text  h2{color:#287f3c;font-size:.16rem;margin:.55rem 0 0}
.product .top .info .right  .more a{height:.68rem;line-height:.68rem;padding:0 .37rem 0 .92rem;display:inline-block;background:#287f3c url(/public/common/images/icon7.png)  22% center no-repeat;font-size:.16rem;color:white}
.product .bot{padding:.37rem 0 0}
.product .bot>div{background:white;padding:.75rem .48rem 1.6rem}
.product .bot .items1{padding: 0 0 .7rem;border-bottom:2px solid #e2e2e2}
.product .bot .items2{padding:.55rem 0 0}
.product .bot .items2 h2{height:.79rem;line-height:.79rem;background:#f5f5f5;border-radius:50px;padding:0 .4rem;font-size:.24rem;color:#2b2c2c;margin:0 0 .15rem}
.product .bot .items3{padding:.6rem 0 .95rem }
.product .bot .items3 h2{height:.79rem;line-height:.79rem;background:#f5f5f5;border-radius:50px;padding:0 .4rem;font-size:.24rem;color:#2b2c2c;margin:0 0 .3rem}
.product .bot .items4 h2,.product .bot .items5 h2{height:.79rem;line-height:.79rem;background:#f5f5f5;border-radius:50px;padding:0 .4rem;font-size:.24rem;color:#2b2c2c;margin:0 0 .49rem}
.product .bot .items4 .lists ul{display:flex}
.product .bot .items5 .lists{display:flex;justify-content: space-between;}
.product .bot .items5 .lists>div{width:24%} 
.product .bot .items4 .lists ul li{width:20%;padding:0 .18rem}
.product .bot .items4 .lists ul li .items{background:#f0fdf3;height:3.3rem;text-align:center;padding: .38rem 0.2rem 0;}
.product .bot .items4 .lists ul li .items h1{font-size:.2rem;color:#2b2c2c;font-weight:bold;margin:.22rem 0 .3rem}
.product .bot .items4 .lists ul li .items p{font-size:.16rem;color:#2b2c2c}
.news_box>div{padding:1.08rem 0  1.6rem}
.news_box .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news_box .lists:after{content:"";width:31.2%}
.news_box .lists .items{width:31.2%;margin:0 0 .5rem}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box .lists .items a .text{padding:.4rem .23rem .5rem;background:#f3f3f3}
.news_box .lists .items a .text h1{font-size:.2rem;color:#292929;font-weight:bold;line-height:.25rem;height:.5rem;margin:0 0 .3rem}
.news_box .lists .items a .text p{font-size:.16rem;color:#292929;line-height:.24rem;height:.48rem;margin:0 0 .45rem}
.news_box .lists .items a .text span{font-size:.16rem;color:#5e5e5e}
.news_box .page{padding:.35rem 0 0}

.news_box .page{display:flex;padding:.35rem 0 0;justify-content: center;}
.news_box .page a{width:.35rem;height:.35rem;background:white;line-height:.35rem;margin:0 .01rem;color:#464646;font-size:.16rem;border:1px solid #dcdcdc}
.news_box .page .page-link{margin:0 .11rem}
.news_box .page .page-link i{font-size:.18rem}
.news_box .page a:hover,.news_box .page a.page-num-current{background:#287f3c;color:white;border:1px solid #287f3c}
.news_box .page a:hover i{color:white}

.tem_banner .contact_txt{position:absolute;width:100%;left:50%;transform:translateX(-50%);padding:0 1.6rem;display:flex;justify-content: space-between;top:41%}

.tem_banner .contact_txt .title h1{font-size:.48rem;color:white;font-weight:bold; letter-spacing:10px;margin:0 0 .1rem}
.tem_banner .contact_txt .title p{color:white;font-size:.3rem;}
.tem_banner .contact_txt  .phone h1{font-size:.24rem;color:white;padding:0 0 .3rem}
.tem_banner .contact_txt  .phone p{font-size:.48rem;color:white;font-weight:bold}
.contact_box{background:#f1f1f1;padding:6.56rem 0 1.86rem ;position:relative}
.contact_box .infos{position:absolute;width:100%;top:-3.33rem;z-index:2}
.contact_box .infos>div{background:white;padding:.7rem 0 0}
.contact_box .infos .title{text-align:center;padding:0 0 .48rem}
.contact_box .infos .title h1{font-size:.3rem;color:#1f1f1f;font-weight:bold;padding:0 0 .2rem;}
.contact_box .infos .title h2{font-size:.16rem;color:#287f3c;}
.contact_box .infos .map{padding:0 .45rem .44rem}
.contact_box .infos .map #container{height:4.38rem}
.contact_box .infos .text{border-top:8px solid #f1f1f1;padding:.6rem .7rem .5rem}
.contact_box .infos .text ul{display:flex}
.contact_box .infos .text ul li{width:50%;padding-left:1.45rem;position:relative}
.contact_box .infos .text ul li:after{content:"";position:absolute;background:url(/public/common/images/icon8.png) 0 0  no-repeat;width:1.2rem;height:1.2rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box .infos .text ul li p{font-size:.16rem;color:#1d1c1c;line-height:.28rem}
.contact_box .message h2{font-size:.48rem;color:#333333;font-weight:bold;padding:0 0 .5rem}
.contact_box .message .form .items{display:flex;justify-content: space-between;}
.contact_box .message .form .items .top{width:27%;display:flex;flex-direction: column;justify-content: space-between;}
.contact_box .message .form .items .top .input p{font-size:.16rem;color:#3d3e3e;margin:0 0 .2rem}
.contact_box .message .form .items .top .input input{width:100%;padding:0 .4rem;height:.55rem;line-height:.55rem;border:1px solid #dcdcdc;;}
.contact_box .message .form .items .top .input:nth-child(1) input{background:white url(/public/common/images/message1.png) 5% center  no-repeat}
.contact_box .message .form .items .top .input:nth-child(2) input{background:white url(/public/common/images/message2.png) 5% center  no-repeat}
.contact_box .message .form .items .top .input:nth-child(3) input{background:white url(/public/common/images/message3.png) 4% center  no-repeat}

.contact_box .message .form .items  .bot{width:68%}
.contact_box .message .form .items  .bot  p{font-size:.16rem;color:#3d3e3e;margin:0 0 .2rem}
.contact_box .message .form .items  .bot textarea{width:100%;padding:.22rem  .45rem;border:1px solid #dcdcdc;background:#f9f9f9;height:3.23rem}
.contact_box .message .form .items  .bot textarea {background:white url(/public/common/images/message4.png) 2% .24rem  no-repeat}
.contact_box .message .form  .button{margin:.45rem 0 0;display:flex;justify-content: flex-end;}
.contact_box .message .form  .button input{height:.54rem;line-height:.54rem;width:2.38rem;;background:#287f3c;border:0;font-size:.16rem;color:white;border-radius:10px}
.tem_banner .swiper-slide .img {background-position:center;background-repeat:no-repeat;background-size:cover;}
.tem_banner .fix_banner {position:fixed;width:100%;height:100%;top:0;left:0;transition:none}
.tem_banner .label_text{position:absolute;left:50%;transform:translateX(-50%);top:56%;z-index:5}
.tem_banner .label_text h1{font-size:.6rem;color:white;font-weight:bold;letter-spacing:5px;padding:0  0 .55rem}
.tem_banner .label_text p{font-size:.24rem;color:white;margin:0 0 .1rem}
.tem_banner.index  .swiper-page>div{position:absolute;width:.55rem;height:.55rem;border:1px solid white;border-radius:100%;line-height:.55rem;text-align:center;font-size:.24rem;color:white;outline:none;z-index:2;top:50%;transform:translateY(-50%);left:.7rem;}
.tem_banner.index  .swiper-page>div.slide-button-next {left:auto;right:.7rem}

@keyframes dropdown2 {
	form{
		bottom:-1.46rem
	}
	to{
		bottom:-1rem;
	}
}
.tem_banner .label_text:after{content:'';width:.24rem;height:.37rem;background:url(/public/common/images/mouse.png) 0 0 no-repeat;background-size:100%;position:absolute;left:50%;transform:translateX(-50%);bottom:-1.46rem;animation: dropdown2 .7s 0.2s linear infinite alternate;}
.common {position:relative;background:#FFF;z-index:1}
.index_about{background:url(/public/common/images/icon9.png) top center no-repeat;background-size:cover}
.index_about>div{padding:1.45rem 0 1.88rem}
.index_about .text{padding:.55rem 2.93rem 0}
.index_about .text p{font-size:.16rem;color:#3b3b3b;text-align:center;line-height:.3rem}
.index_product{padding:0 .16rem}
.index_product ul{display:flex;justify-content: space-between;}
.index_product ul li{width:49.6%;position:relative}
.index_product ul li  .text{position:absolute;left:1.43rem;top:1.14rem}
.index_product ul li  .text h1{font-size:.3rem;color:white;font-weight:bold;margin:0 0 .7rem}
.index_product ul li  .text a{height:.43rem;line-height:.43rem;border:2px solid #d9dbdc;display:inline-block;padding:0 .25rem;font-size:.14rem;color:white}
.index_product ul li  .text a:hover{background:#287f3c;border:2px solid #287f3c}
.index_product ul li  .pro_navs{position:absolute;height:100%;width:50%;right:0;top:0;background:rgba(0,0,0,.41);display:flex;flex-direction: column;justify-content: center;padding:0 .4rem;}
.index_product ul li  .pro_navs dl dt a{font-size:.2rem;color:white;font-weight:normal;padding:.25rem .3rem;border-bottom:1px solid #4e4f51;position:relative;z-index:2}
.index_product ul li  .pro_navs dl dt a:after{content:"";position:absolute;left:0;top:0;width:0;height:100%;transition:.5s;background:#287f3c9e;z-index:-1}
.index_product ul li  .pro_navs dl dt a:hover:after{width:100%;transition:.5s}
.index_case{padding:0 0 .8rem}
.index_case .title{text-align:center;padding:1.35rem 0 .9rem}
.index_case .title h1{font-size:.48rem;color:#292828;font-weight:bold;position:relative;padding:0 0 .65rem}
.index_case .title h1:after{content:"";position:absolute;background:#d5d5d6;width:1.35rem;height:2px;bottom:0;left:50%;transform:translateX(-50%)}
.index_case .infos{display:flex;justify-content: space-between;}
.index_case .infos .left{width:47.5%;padding:1.25rem 0 0}
.index_case .infos .left .text{padding:0 0 1.5rem}
.index_case .infos .left .text h1{font-size:.36rem;font-weight:bold;line-height:.5rem;padding:0 0 .65rem}
.index_case .infos .left .text  p{font-size:.16rem;color:#7a7979;line-height:.25rem}
.index_case .infos .left ul {display:flex;width:70%;justify-content: space-between;}
.index_case .infos .left ul li a{font-size:.16rem;color:#575757;padding:.65rem 0 0;position:relative}
.index_case .infos .left ul li a:after{content:"";position:absolute;background:url(/public/common/images/icon10.png) 0 0 no-repeat;width:.47rem;height:.47rem;left:50%;transform:translateX(-50%);background-size:100%;top:0}
.index_case .infos .left ul li a:before{content:"";position:absolute;background:url(/public/common/images/icon11.png) 0 0 no-repeat;width:.48rem;height:.48rem;left:50%;transform:translateX(-50%);background-size:100%;top:0;z-index:2;transition:.3s;opacity:0}
.index_case .infos .left ul li a:hover:before{transform:translateX(-50%) rotate(360deg);opacity:1;transition:.3s}
.index_case .infos .left ul li#current a:before{transform:translateX(-50%) rotate(360deg);opacity:1}
.index_case .infos .left ul li a:hover{color:#287f3c;transition:.3s}
.index_case .infos .left ul li#current a{color:#287f3c;}
.index_case .infos .right{width:45%}
.index_case .infos .right .items{position:relative}
.index_case .infos .right .items .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.index_case .infos .right .items .txt h1{font-size:.36rem;color:white;font-weight:bold;padding:0 0  .15rem;}
.index_case .infos .right .items .txt p{font-size:.3rem;color:white;font-weight:bold;text-transform:uppercase;}
.index_parter{background:#f4f5f1}
.index_parter .title{text-align:center;padding:1.05rem 0 1.3rem}
.index_parter .title h1{font-size:.48rem;color:#292828;font-weight:bold;position:relative;padding:0 0 .6rem}
.index_parter .title h1:after{content:"";position:absolute;background:#d5d5d6;width:1.35rem;height:2px;bottom:0;left:50%;transform:translateX(-50%)}
.index_parter .lists .swiper-slide{text-align:center;height:1rem;display:flex;flex-direction: column;justify-content: center;}
.index_parter .lists .slide-pagination{padding:1.45rem  0 .55rem;text-align:center}
.index_parter .lists .slide-pagination span{width:.3rem;border-radius:0;margin:0 .13rem;border-radius:5px;background:#b5b5b5;opacity:1}
.index_parter .lists .slide-pagination span.swiper-pagination-bullet-active{background:#199459}
.index_news{padding:0 0 1.45rem;background:#f4f5f1}
.index_news .title{text-align:center;padding:1.23rem 0 .5rem}
.index_news .title h1{font-size:.48rem;color:#292828;font-weight:bold;position:relative;padding:0 0 .6rem}
.index_news .title h1:after{content:"";position:absolute;background:#d5d5d6;width:1.35rem;height:2px;bottom:0;left:50%;transform:translateX(-50%)}

.index_news .lists .items a:hover img{transform:scale(1.1)}
.index_news  .lists .items a .text{padding:.4rem .23rem .5rem;background:#f3f3f3}
.index_news  .lists .items a .text h1{font-size:.2rem;color:#292929;font-weight:bold;line-height:.25rem;height:.5rem;margin:0 0 .3rem}
.index_news .lists .items a .text p{font-size:.16rem;color:#292929;line-height:.24rem;height:.48rem;margin:0 0 .45rem}
.index_news .lists .items a .text span{font-size:.16rem;color:#5e5e5e}
/********<=767mobile nav style css********/    
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#199459;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:#199459;
	-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:black;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:#f39800}
.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_about .text{padding:.55rem 2.2rem 0}
.index_product ul li  .pro_navs dl dt a{padding:.15rem .2rem;}
.index_product ul li  .text{position:absolute;left:.6rem;top:1.14rem}
.index_case .infos .left{width:47.5%;padding:.5rem 0 0}
.about_box .infos .text1{padding:0 2.1rem;margin:0 0 1.3rem}
.about_box .infos .text2{padding:0 3.7rem;margin:0 0 .5rem;}
.about_box .infos .text2:after{left:2.3rem;}
.product_box>div{padding:2.25rem 3.05rem 1rem !important;}
.product .top .info .right .text  h2{margin:.25rem 0 0}
.tem_banner .contact_txt{top:31%}
.tem_banner .label_text{top:45%}

}
@media(max-width:1400px){
	.tem_banner .label_text{position:absolute;left:50%;transform:translateX(-50%);top:56%;z-index:5;width:52%}
}
@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 .label_text{top:35%;width:100%}
.index_about .text{padding:.55rem .2rem 0}
.index_product ul{display:inherit}
.index_product ul li{width:100%;margin:0 0 .1rem}
.index_case .infos{display:inherit}
.index_case .infos .left{width:100%;margin:0 0 .3rem}
.index_case .infos .right{width:100%}
.index_case .infos .left .text{padding:0 0 .5rem}
.footer .infos{display:none}
.footer>h2{display:none}
.footer .return{right:2%}
.footer .bot p a{display:block}
.product_box>div{padding:2.25rem .2rem 1rem !important;}
.product_lists .top .pro1_nav ul li{width:33.33%}
.product_lists .lists .items{width:48%}
.product .top .return a{padding-left:.51rem;}
.product .top .info{display:inherit}
.product .top .info .left{width:100%}
.product .top .info .right{width:100%}
.product .top .info .right .more{margin:.5rem 0 0}
.product .top .info .right .more a{background-size:20%}
.product .top .info .right .text {padding:.2rem 0 0}
.product .top .info .right .text .main{height:auto}
.product .bot .items4 .lists ul li{width:33.33%}
.product .bot .items4 .lists ul li .items{height:auto;padding:.38rem 0.2rem .2rem}
.news_box .lists .items{width:48%}
.contact_box .infos{position:inherit;top:0;margin:0 0 .2rem}
.contact_box{padding:0 0 1rem}
.tem_banner .contact_txt{padding:0 .23rem;display:flex;justify-content: space-between;top:55%}
.tem_banner .contact_txt .phone p{font-size:.3rem}
.tem_banner .contact_txt .title h1{font-size:.36rem}
.contact_box .infos .text ul{display:inherit}
.contact_box .infos .text ul li{width:100%;margin:0 0 .5rem}
.contact_box .infos .text{padding:.6rem .1rem .5rem}
.contact_box .message .form .items{display:inherit}
.contact_box .message .form .items .top{width:100%}
.contact_box .message .form .items .bot{width:100%}
.contact_box .message .form .items .top .input{margin:0 0 .2rem}
.contact_box .message .form .items .top .input input{height:1rem;padding:0 .7rem}
.contact_box .message .form .items  .bot textarea{padding:.22rem  .65rem;}
.contact_box .message .form .items  .bot textarea {background:white url(/public/common/images/message4.png) 4% .24rem  no-repeat}
.about_box .infos .text1{padding:0 .2rem;margin:0 0 1.3rem}
.about_box .infos .text2{padding:0 .2rem;margin:0 0 .5rem;}
.about_box .infos .text2:after{display:none}

}