.header{position: fixed;width: 100%;z-index:99;height:1rem;line-height:1rem;background:rgba(0,0,0,.9)}
.header.is_header{background:rgba(0,0,0,.9)}
.header.indises{background:rgba(0,0,0,.9)}
.header>div{display:flex;align-items: center;}
.header>div .logo{width:26%;margin-right:1.2rem}
.header>div .logo img {max-height:.99rem;transition:none;}
.header  .menu .menu_btn {display:block;width:.5rem;height:.5rem;;position:relative}
.header  .menu .menu_btn:before,.header  .menu .menu_btn:after{content:'';width:27px;height:2px;background:white;display:block;transition:all .4s;position:absolute;top:.15rem;left:0}
.header  .menu .menu_btn:after {top:auto;bottom:.15rem}
.header  .menu .menu_btn span {display:block;width:23px;height:2px;background:white;margin:7px 0;position:absolute;left:0;bottom:.17rem}

.header  .menu .menu_btn:hover span,header .menu_btn.ons span{opacity:0;}
.header  .menu .menu_btn:hover:before,header .menu_btn.ons:before {transform: translate(0,.08rem) rotate(45deg)  }
.header  .menu .menu_btn:hover:after,header .menu_btn.ons:after{transform: translate(0,-.1rem) rotate(-45deg)}
.header  .menu a{position:relative;display:flex;align-items: center;}
.header  .menu a h1{font-size:.17rem;color:white}
.tem_banner.indise .txt{position:absolute;left:2.09rem;bottom:33%;font-size:.6rem;}
.tem_banner.indise .txt h1{text-transform:uppercase;color:white;font-family:"Georgia";font-weight:bold}
.product_box{padding:.84rem 0 0}
.product_box .bg{border-top:1px solid #000000;display:flex}
.product_box .left{width:22.7%;}
.product_box .left ul li {padding-left:2.1rem;position:relative}
.product_box .left ul li  a{padding:.21rem 0;font-size:.16rem;color:black}
.product_box .left ul li  a:after{content:'';position:absolute;background:#6abbea;width:0;right:0;height:1px;bottom:0;transition:.5s;}
.product_box .left ul li  a:before{content:'';position:absolute;background:#6abbea;width:.11rem;height:.11rem;border-radius:100%;right:-.06rem;bottom:-.055rem;transition:.3s ;opacity:0;}
.product_box .left ul li  a:hover:after,.product_box .left ul li.active a:after{width:100%;transition:.5s}
.product_box .left ul li  a:hover:before,.product_box .left ul li.active a:before{opacity:1;transition:.3s}
.product_box .right{width:77.3%;padding:.13rem 0 2.55rem;border-left:1px solid #000000}
.product_box .right .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_box .right .lists .items{width:33.33%;padding:.23rem .1rem;border-bottom:1px solid #000000;}
.product_box .right .lists:after{width:33.33%;content:"";}
.product_box .right .lists  .items a{position:relative;border:2px solid rgba(255,255,255,0)}
.product_box .right .lists .items a span{position:absolute;top:.4rem;left:.45rem;border:1px solid #a0a0a0;height:.49rem;line-height:.49rem;padding:0 .25rem;font-size:.16rem;color:#000000;font-weight:bold;font-family:"DIN"}
.product_box .right .lists .items a:hover{border:2px solid #6abbea}
.product_box .right .lists .items a:hover img{transform:scale(1.1)}
.product_box .right .lists .items a h2{position:absolute;font-size:.14rem;color:#010101;left:.45rem;bottom:.3rem}
.product_box .right  .page{margin:.77rem 0 0;display:flex;padding:0 1rem .28rem;justify-content: space-between;align-items: center;position:relative}
.product_box .right  .page:after{content:'';position:absolute;background:#dadada;height:1px;width:100%;left:0;bottom:0}
.product_box .right  .page:before{content:"";position:absolute;background:url(/public/common/images/icon3.png)0 0  no-repeat;width:2.89rem;height:.11rem;left:0;bottom:-.05rem;z-index:2;background-size:100%}
.product_box .right  .page a.page-item{font-size:.18rem;color:#000000;font-weight:bold;position:relative}
.product_box .right  .page a.page-item:before{content:'';position:absolute;width:.48rem;height:.48rem;border-radius:100%;border:1px solid #7d7d7d;top:50%;transform:translateY(-50%);opacity:0;transition:.3s}
.product_box .right  .page a.page-item:hover:before{opacity:1;transition:.3s}
.product_box .right  .page a.page-item:first-child{padding-left:1.1rem;position:relative}
.product_box .right  .page a.page-item:first-child:before{left:0}
.product_box .right  .page a.page-item:last-child:before{right:0}
.product_box .right  .page a.page-item:first-child:hover:after{left:0;transition:.3s}
.product_box .right  .page a.page-item:last-child:hover:after{right:0;transition:.3s}
.product_box .right  .page a.page-item:first-child:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon1.png)0 0  no-repeat;;background-size:100%;left:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.product_box .right  .page a.page-item:last-child{padding-right:1.1rem;position:relative}
.product_box .right  .page a.page-item:last-child:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon2.png)0 0  no-repeat;;background-size:100%;right:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.product_box .right  .page .num{display:flex}
.product_box .right  .page a.page-num{width:.43rem;height:.43rem;border:1px solid #b5b5b5;;line-height:.43rem;font-size:.16rem;color:black;font-weight:bold;margin:0 .1rem}
.product_box .right  .page a.page-num-current,.product_box .right  .page a.page-num:hover{background:#6abbea;border:1px solid #6abbea;color:white;transition:.3s}


.product{padding:2.72rem 0 0}
.product .bg{border-top:1px solid #000000;display:flex}
.product .left{width:22.7%;}
.product .left ul li {padding-left:2.1rem;position:relative}
.product .left ul li  a{padding:.21rem 0;font-size:.16rem;color:black}
.product .left ul li  a:after{content:'';position:absolute;background:#6abbea;width:0;right:0;height:1px;bottom:0;transition:.5s;}
.product .left ul li  a:before{content:'';position:absolute;background:#6abbea;width:.11rem;height:.11rem;border-radius:100%;right:-.06rem;bottom:-.055rem;transition:.3s ;opacity:0;}
.product .left ul li  a:hover:after,.product .left ul li.active a:after{width:100%;transition:.5s}
.product .left ul li  a:hover:before,.product .left ul li.active a:before{opacity:1;transition:.3s}
.product .right{width:77.3%;border-left:1px solid black}
.product .right .top{padding: .6rem 0.7rem 1.05rem;border-bottom:1px solid black;}
.product .right .top .title{display:flex;align-items: flex-end;margin:0 0 .45rem}
.product .right .top .title h1{font-size:.6rem;color:black;font-family:"Georgia";font-weight:bold}
.product .right .top .title  h2{font-size:.24rem;color:#010101;border-bottom:1px solid #010101;margin:0 0 .1rem .4rem}
.product .right .top  .infos{display:flex;justify-content: space-between;}
.product .right .top  .infos .img{width:48.5%}
.product .right .top  .infos .text{width:46.5%;padding:.6rem 0 0 }
.product .right .top  .infos .text .desc{color:black;line-height:.2rem;margin:0 0 1rem}
.product .right .top  .infos .contact{margin:.75rem 0 0    }
.product .right .top  .infos .contact a{height:.52rem;line-height:.52rem;width:1.75rem;background:#6abbea;display:inline-block;text-transform:capitalize;text-transform:uppercase;text-align:center;font-size:.14rem;color:white;}
.product .right .bot{padding:.7rem .72rem 1.65rem}
.product .right .bot h1{font-size:.6rem;color:black;font-family:"Georgia";font-weight:bold;text-transform:uppercase;margin:0  0 .55rem}
.product .right .bot .lists  .items a{position:relative;border:2px solid rgba(255,255,255,0)}
.product .right .bot .lists .items a span{position:absolute;top:.4rem;left:.45rem;border:1px solid #a0a0a0;height:.49rem;line-height:.49rem;padding:0 .25rem;font-size:.16rem;color:#000000;font-weight:bold;font-family:"DIN"}
.product .right .bot .lists .items a:hover{border:2px solid #6abbea}
.product .right .bot .lists .items a:hover img{transform:scale(1.1)}
.product .right .bot .lists .items a h2{position:absolute;font-size:.14rem;color:#010101;left:.45rem;bottom:.3rem}
.product .right .bot .lists .swiper-page{margin:.77rem 0 0;display:flex;padding:0 1rem .28rem;justify-content: space-between;align-items: center;position:relative}
.product .right  .bot .lists  .swiper-page:after{content:'';position:absolute;background:#dadada;height:1px;width:100%;left:0;bottom:0}
.product .right  .bot .lists  .swiper-page:before{content:"";position:absolute;background:url(/public/common/images/icon3.png)0 0  no-repeat;width:2.89rem;height:.11rem;left:0;bottom:-.05rem;z-index:2;background-size:100%}
.product .right  .bot .lists  .swiper-page .slide-button-prev,.product .right  .bot .lists  .swiper-page .slide-button-next{font-size:.18rem;color:#000000;font-weight:bold;position:relative}
.product .right  .bot .lists  .swiper-page .slide-button-prev:before,.product .right  .bot .lists  .swiper-page .slide-button-next:before{content:'';position:absolute;width:.48rem;height:.48rem;border-radius:100%;border:1px solid #7d7d7d;top:50%;transform:translateY(-50%);opacity:0;transition:.3s}
.product .right  .bot .lists  .swiper-page .slide-button-prev:hover:before,.product .right  .bot .lists  .swiper-page .slide-button-next:hover:before{opacity:1;transition:.3s}
.product .right  .bot .lists  .swiper-page .slide-button-prev{padding-left:1.1rem;position:relative}
.product .right  .bot .lists  .swiper-page .slide-button-prev:before{left:0}
.product .right  .bot .lists  .swiper-page .slide-button-next:before{right:0}
.product .right  .bot .lists  .swiper-page .slide-button-prev:hover:after{left:0;transition:.3s}
.product .right  .bot .lists  .swiper-page .slide-button-next:hover:after{right:0;transition:.3s}
.product .right  .bot .lists  .swiper-page .slide-button-prev:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon1.png)0 0  no-repeat;;background-size:100%;left:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.product .right  .bot .lists  .swiper-page .slide-button-next:last-child{padding-right:1.1rem;position:relative}
.product .right  .bot .lists  .swiper-page .slide-button-next:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon2.png)0 0  no-repeat;;background-size:100%;right:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.product .right  .bot .lists  .swiper-page .slide-pagination{display:flex;text-align:center}
.product .right  .bot .lists  .swiper-page .slide-pagination span{width:.43rem;height:.43rem;border:1px solid #b5b5b5;;line-height:.43rem;font-size:.16rem;color:black;font-weight:bold;margin:0 .1rem;opacity:1;border-radius:0;background:none}
.product .right  .bot .lists  .swiper-page .slide-pagination span.swiper-pagination-bullet-active,.product .right  .bot .lists  .swiper-page .slide-pagination span:hover{background:#6abbea;border:1px solid #6abbea;color:white;transition:.3s}
.about_nav{padding:2.73rem 0 0}
.about_nav ul{display:flex}
.about_nav ul li{padding:0 .26rem;position:relative}
.about_nav ul li:after{content:'';position:absolute;background:#111111;height:70%;top:50%;transform:translateY(-50%);width:2px;right:0}
.about_nav ul li:first-child{padding-left:0}
.about_nav ul li:last-child:after{display:none}
.about_nav ul li a{font-size:.16rem;color:#9b9b9b;text-transform:uppercase;position:relative}
.about_nav ul li a:after{content:"";position:absolute;width:0%;left:50%;transform:translateX(-50%);height:2px;background:#000000;bottom:0;transition:.3s}
.about_nav ul li a:hover:after{width:100%;transition:.3s}
.about_nav ul li a:hover{color:#000000;transition:.3s}
.about_nav ul li.active a{color:#000000}
.about_nav ul li.active a:after{width:100%;transition:.3s}
.about_box{padding:0 0 1rem}
.about_box .title{padding:.4rem 0 .5rem}
.about_box .title h1{font-size:.6rem;color:black;font-family:"Georgia";font-weight:bold;text-transform:uppercase;margin:0  0 .2rem}
.about_box .title h2{font-size:.36rem;color:black;font-family:"Georgia";font-weight:bold}
.about_box .content p{font-size:.16rem;color:#000000;line-height:.3rem}
.design{position:relative}
.design .text{width:100%;position:absolute;top:20.6%;padding-left:3.5rem;height:1px;display:flex;flex-direction: column;justify-content: center;background:rgba(255,255,255,.18)}
.design .text:after{content:"";position:absolute;width:7px;height:7px;border-radius:100%;background:white;left:2.6rem;top:50%;transform:translateY(-50%)}
.design .text:before{content:"";position:absolute;width:7px;height:7px;border-radius:100%;background:white;left:6.58rem;top:50%;transform:translateY(-50%)}

.design .text a{width:2.1rem;height:.56rem;line-height:.56rem;background:#6abbea;border-radius:50px;font-size:.16rem;text-align:center;color:white}
.design_box{padding:0 0 1rem}
.design_box .title{padding:.4rem 0 .5rem}
.design_box .title h1{font-size:.6rem;color:black;font-family:"Georgia";font-weight:bold;text-transform:uppercase;margin:0  0 .5rem}
.design_box .title h2{font-size:.48rem;color:black;font-family:"Better";}
.design_box  .content p{font-size:.16rem;color:#000000;line-height:.3rem}
.design_infos{background:#111111}
.design_infos>div{display:flex;justify-content: space-between;padding:0 .18rem}
.design_infos>div:after{content:"";position:absolute;background:url(/public/common/images/icon8.png)0 0  no-repeat;width:2.72rem;height:2.75rem;left:44.5%;top:40%;background-size:100%;animation: dropdown2 15s 0.2s linear infinite alternate}
@keyframes dropdown2 {
	form{
		transform:rotate(0deg)
	}
	to{
		transform: rotate(360deg)
	}
}
.design_infos .left{width:48.5%}
.design_infos .right{width:46.1%;padding:1.05rem 0 0 }
.design_infos .right h2{font-size:.15rem;color:white;line-height:.27rem;padding-left:.48rem;margin:0 0 .65rem}
.news_box>.title{padding:.4rem 0 .6rem}
.news_box>.title h1{font-size:.6rem;color:black;font-family:"Georgia";font-weight:bold;text-transform:uppercase;}
.news_box .lists .items {margin:0 0 .45rem}
.news_box .lists .items .pad26 {padding-top:.1rem}
.news_box .lists .items .title{padding:.3rem  0 .3rem;position:relative;border-bottom:1px solid #dcdcdc;cursor:pointer}

.news_box .lists .items .title:before{content:"";position:absolute;width:.1rem;height:.1rem;bottom:-.05rem;border-radius:100%;background:#6abbea;z-index:2;transition:.8s;left:0;opacity:0}
.news_box .lists .items .title:hover:before,.news_box .lists .items .pad26.opens .title:before{transition:.2s;opacity:1}
.news_box .lists .items .title:after{content:"";position:absolute;background:#6abbea;width:0;height:1px;bottom:-.01rem;z-index:2;left:0;transition:.2s}
.news_box .lists .items .title:hover:after,.news_box .lists .items .pad26.opens .title:after{width:100%;transition:.5s}
.news_box .lists .items .title h1{font-size:.18rem;color:#686868;font-weight:bold;width:70%}
.news_box .lists .items .title:hover h1,.news_box .lists .items .pad26.opens h1{color:#000000}
.news_box .lists .items .title:hover  span{color:#000000}
.news_box .lists .items .title em{position:absolute;font-size:.16rem;color:#9a9a9a;right:0;top:50%;transform:translateY(-50%);opacity:0}
.news_box .lists .items .title  span{font-size:.16rem;color:#9a9a9a;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:1}
.news_box .lists .items .pad26.opens{background:#f8f8f8}
.news_box .lists .items .pad26.opens .title  span{opacity:0;transition:0s;color:#000000}
.news_box .lists .items .pad26.opens .title em{opacity:1;transition:0s;color:#000000}
.news_box .lists .items a{display:none;transition:0s;padding:.2rem 0 .2rem}
.news_box .lists .items a .infos p{height:.75rem;line-height:.25rem;margin:0 0 .3rem;color:#575757;font-size:.14rem} 
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box  .page{margin:.8rem 0 0;display:flex;padding:0 2.6rem 2rem;justify-content: space-between;align-items: center;position:relative}
.news_box  .page a.page-item{font-size:.18rem;color:#000000;font-weight:bold;position:relative}
.news_box  .page a.page-item:before{content:'';position:absolute;width:.48rem;height:.48rem;border-radius:100%;border:1px solid #7d7d7d;top:50%;transform:translateY(-50%);opacity:0;transition:.3s}
.news_box  .page a.page-item:hover:before{opacity:1;transition:.3s}
.news_box  .page a.page-item:first-child{padding-left:1.1rem;position:relative}
.news_box  .page a.page-item:first-child:before{left:0}
.news_box  .page a.page-item:last-child:before{right:0}
.news_box .page a.page-item:first-child:hover:after{left:0;transition:.3s}
.news_box  .page a.page-item:last-child:hover:after{right:0;transition:.3s}
.news_box  .page a.page-item:first-child:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon1.png)0 0  no-repeat;;background-size:100%;left:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.news_box  .page a.page-item:last-child{padding-right:1.1rem;position:relative}
.news_box  .page a.page-item:last-child:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon2.png)0 0  no-repeat;;background-size:100%;right:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.news_box  .page .num{display:flex}
.news_box  .page a.page-num{width:.43rem;height:.43rem;border:1px solid #b5b5b5;;line-height:.43rem;font-size:.16rem;color:black;font-weight:bold;margin:0 .1rem}
.news_box  .page a.page-num-current,.news_box .page a.page-num:hover{background:#6abbea;border:1px solid #6abbea;color:white;transition:.3s}
.news{padding:2.73rem 0 0}
.news .bg{border-top:1px solid black;display:flex}
.news .bg .left{width:23.1%}
.news .bg .left h2{padding-left:.46rem;font-size:.24rem;color:#000000;text-transform:uppercase;margin:.25rem 0 .22rem}
.news .bg .left  ul li{margin:0 0 .5rem;border-bottom:1px solid  #d2d2d2}
.news .bg .left  ul li a{padding:0 .36rem 0.15rem .46rem;position:relative}
.news .bg .left  ul li a:after{content:'';position:absolute;background:#6abbea;width:0;right:0;height:1px;bottom:-.01rem;transition:.5s;}
.news .bg .left  ul li a:before{content:'';position:absolute;background:#6abbea;width:.11rem;height:.11rem;border-radius:100%;right:-.06rem;bottom:-.055rem;transition:.3s ;opacity:0;}
.news .bg .left  ul li a:hover:after{width:100%;transition:.5s}
.news .bg .left  ul li a:hover:before{opacity:1;transition:.3s}
.news .bg .left  ul li a h1{font-size:.14rem;color:#000000;font-weight:bold;margin:.18rem 0 .45rem;height:.34rem;line-height:.17rem}
.news .bg .left  ul li a em{width:100%;display:inline-block;text-align:right;font-size:.16rem;color:#9a9a9a;transition:.3s}
.news .bg .left  ul li a:hover img{transform:scale(1.1)}
.news .bg .left  ul li a:hover em{color:black;transition:.3s}
.news .bg .right{width:76.9%;border-left:1px solid black;padding-right:.72rem}
.news .bg .right .top_img{position:relative}
.news .bg .right .top_img .text{width:91%;left:50%;transform:translateX(-50%);position:absolute;bottom:5.5%}
.news .bg .right .top_img .text h1{font-size:.18rem;color:white;margin:0 0 .25rem}
.news .bg .right .top_img .text p{font-size:.14rem;color:#fffefe;padding-left:.42rem;position:relative}
.news .bg .right .top_img .text p:after{content:"";position:absolute;background:url(/public/common/images/icon10.png)0 0  no-repeat;width:.23rem;height:.23rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.news .bg .right .editor{padding:.75rem 0 1rem .72rem}
.news .bg .right .editor {font-size:.16rem;color:#333;line-height:1.8}
.news .bg .right .met_page {padding:.25rem .72rem 1rem;}
.news .bg .right .met_page li {margin:.1rem 0;font-size:.14rem;color:#333}
.news .bg .right .met_page li a {font-size:.14rem;color:#333}
.contact_box .title{padding:.9rem 0 .27rem 2.6rem;border-bottom:1px solid black}
.contact_box .title h1{font-size:.3rem;color:#000000;font-weight:bold;text-transform:uppercase}
.contact_box .infos{padding:.55rem 1.65rem 1rem 2.6rem;display:flex;justify-content: space-between;}
.contact_box .infos .left{width:45.5%;border-right:1px solid #dcdcdc}
.contact_box .infos .left ul {display:flex;height:100%;flex-direction: column;justify-content: space-between;}
.contact_box .infos .left ul li h1{font-size:.18rem;color:#000000;font-weight:bold;margin:0 0 .1rem}
.contact_box .infos .left ul li  p{font-size:.2rem;color:#1f1f1f}
.contact_box .infos .left ul li p em{font-size:.36rem;font-family:"cai978";font-style:italic}
.contact_box .infos .right{width:47.5%}
.contact_box .infos .right .info{display:flex;flex-wrap: wrap;justify-content: space-between;}
.contact_box .infos .right .info .input{width:48%;margin:0 0 .34rem}
.contact_box .infos .right .info .input input{width:100%;height:.63rem;line-height:.63rem;border:1px solid #959595;font-size:.16rem;color:black;padding:0 .15rem}
.contact_box .infos .right .info .input:last-child{width:100%}
.contact_box .infos .right .second{font-size:0}
.contact_box .infos .right .second textarea{height:1.85rem;width:100%;padding:.25rem .15rem;;border:1px solid #959595;font-size:.16rem;color:black}
.contact_box .infos .right .submint{margin:.31rem 0 0;width:1.7}
.contact_box .infos .right .submint button{width:1.7rem;height:.55rem;background:#6abbea;border:0;font-size:.16rem;color:white;text-transform:uppercase;font-weight:bold}
.contact_box  .map #container{height:6rem}

.tem_banner  .swiper-page>div{position:absolute;width:.56rem;height:.56rem;border-radius:5px;line-height:.56rem;background:rgba(0,0,0,0.25);text-align:center;font-size:.3rem;color:white;outline:none;z-index:2;top:38%;;left:.8rem}
.tem_banner  .swiper-page>div.slide-button-next {left:auto;right:.8rem}
.tem_banner  .swiper-page>div:hover{background:white;box-shadow:0 0 12px rgba(0,0,0,0.5);}
.tem_banner  .swiper-page>div:hover i{color:#0c4191}
.tem_banner  .bot{position:absolute;width:100%;bottom:43%;z-index:2}
.tem_banner  .bot .swiper-scrollbar{background:rgba(255,255,255,.27);height:1px}
.tem_banner  .bot .swiper-scrollbar .swiper-scrollbar-drag{background:#ffc76a}
.tem_banner .more{right:2.1rem;bottom:45%;position:absolute;z-index:2;width:2.5rem;text-align:center}
.tem_banner .more a{border-radius:5px;background:#0c4191;box-shadow:0 0 12px rgba(0,0,0,0.5);text-transform:uppercase;}
.tem_banner .more a h1{font-size:.14rem;color:white;;height:.46rem;line-height:.46rem;display:inline-block;padding-left:.2rem;position:relative;font-weight:bold}
.tem_banner .more a h1:after{content:"";position:absolute;background:url(/public/common/images/sjx.png)0 0  no-repeat;width:.1rem;height:.12rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}

.main{position:relative;background:#FFF;z-index:1}
.index_about{position:relative}
.index_about:after{content:'';position:absolute;background:url(/public/common/images/icon99.png)0 0  no-repeat;width:100%;height:12.33rem;bottom:0;left:50%;transform:translateX(-50%);z-index:0;background-size:100%}
.index_about>div{display:flex;justify-content: space-between;padding:0 0 .92rem;align-items: center;z-index:2}
.index_about .img{width:49%}
.index_about .img svg{top:50%;transform:translate(-50%,-50%);left:50%;position:absolute}
.index_about .img img.energy-contour-img {
    clip-path: url(#slide-4-img-clip);
    -webkit-clip-path: url(#slide-4-img-clip);
    pointer-events: none;}
.index_about .right{width:46%}
.index_about .right .title h1{font-size:.11rem;color:#c9c9c9;font-weight:bold;text-transform:uppercase;display:inline-block;padding:0 0 .4rem;border-bottom:3px solid #777777}
.index_about .right .title h2{font-size:.4rem;color:#333333;font-weight:bold;margin:.25rem 0}
.index_about .right .title h3{font-size:.24rem;color:#333333;margin:0 0 .5rem}
.index_about .right .box p{font-size:.14rem;color:#a3a3a3;font-weight:bold;line-height:.27rem}
.index_about .right .more{width:2.5rem;text-align:center;margin:.7rem 0 0}
.index_about .right .more a{border-radius:5px;background:#0c4191;box-shadow:0 0 12px rgba(0,0,0,0.5);}
.index_about .right .more a h1{font-size:.14rem;color:white;;height:.46rem;line-height:.46rem;display:inline-block;padding-left:.2rem;position:relative}
.index_about .right .more a h1:after{content:"";position:absolute;background:url(/public/common/images/sjx.png)0 0  no-repeat;width:.1rem;height:.12rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}

.index_about_nav>div{padding:.7rem 0 1.4rem }
.index_about_nav ul{display:flex;justify-content: space-between;}
.index_about_nav ul li{width:21.7%}

.index_about_nav ul li a{height:4.81rem;border:1px solid #ebebeb;border-radius:5px;background:#fafafa;padding:.3rem .18rem 0}
.index_about_nav ul li a .tit{position:relative;padding:.9rem 0 0}
.index_about_nav ul li a h1{font-size:.25rem;color:#302827;text-align:center;font-weight:bold ;line-height:.33rem;height:.66rem}
.index_about_nav ul li:nth-child(1) a .tit:after{content:"";position:absolute;background:url(/public/common/images/icon98.png)0 0 no-repeat;width:.99rem;height:.65rem;left:50%;transform:translateX(-50%);top:.1rem;background-size:100%}
.index_about_nav ul li:nth-child(2) a .tit:after{content:"";position:absolute;background:url(/public/common/images/icon97.png)0 0 no-repeat;width:.68rem;height:.68rem;left:50%;transform:translateX(-50%);top:0rem;background-size:100%}
.index_about_nav ul li:nth-child(3) a .tit:after{content:"";position:absolute;background:url(/public/common/images/icon96.png)0 0 no-repeat;width:.82rem;height:.78rem;left:50%;transform:translateX(-50%);top:0rem;background-size:100%}

.index_about_nav ul li a .box{margin:.05rem 0 0;height:1.8rem;overflow:hidden}
.index_about_nav ul li a .box p{font-size:.15rem;color:#686868;text-align:center}
.index_about_nav ul li a em{display:inline-block;margin:.2rem  0 0;width:100%;height:.55rem;line-height:.55rem;text-align:center;font-size:.14rem;color:#ffffff;background:#494949;border-radius:5px;font-size:.14rem;color:#ffffff;text-transform:uppercase;font-weight:bold}
.index_about_nav ul li a:hover em{background:#0c4191;box-shadow:0 0 12px rgba(12,65,145,0.5)}
.index_about_nav ul li:hover .img img{transform:scale(1.1)}
.index_product{position:relative;padding:0 0 .8rem;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}
.index_product:after{content:"";position:absolute;background:url(/public/common/images/icon95.png)0 0 no-repeat;width:100%;height:3.1rem;background-size:100%;left:0;top:0}
.index_product .title{padding:2.45rem 0 .6rem;z-index:2;position:relative}
.index_product .title h1{font-size:.48rem;color:#ffffff;font-weight:bold}
.index_product .img svg{top:50%;transform:translate(-50%,-50%);left:50%;position:absolute}
.index_product .img img.energy-contour-img { clip-path: url(#slide-4-img-clip);-webkit-clip-path: url(#slide-4-img-clip);pointer-events: none;}
.index_product .img img.energy-contour-img1 { clip-path: url(#slide-5-img-clip);-webkit-clip-path: url(#slide-5-img-clip);pointer-events: none;}

.index_product .lists .swiper-container{padding:0 0 .65rem }
.index_product .lists .xss a{transform:translateY(.65rem)}
.index_product .lists .swiper-page{display:flex;justify-content: flex-end;}
.index_product .lists .swiper-page>div{width:.44rem;height:.63rem;background:rgba(0,0,0,.3);text-align:center;font-size:.24rem;color:white;line-height:.63rem;border-radius:5px;margin-left:.16rem}
.index_product .lists .swiper-page>div:hover{background:#0c4191;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.index_product .lists  .bot{margin:.33rem  0 0 }
.index_product .lists  .bot .swiper-scrollbar{background:rgba(255,255,255,.27);height:1px}
.index_product .lists  .bot .swiper-scrollbar .swiper-scrollbar-drag{background:#ffc76a}
.footer .top{background-size:cover;background-repeat:no-repeat;background-position:center 0}
.footer .top>div{display:flex;justify-content: space-between;padding:.6rem 0 2.1rem}
.footer .top .left{width:24%}
.footer .top .left .logo{margin:0 0 .35rem}
.footer .top .left .logo img {max-height:.65rem;transition:none;}
.footer .top .left .text p{font-size:.15rem;color:#686868}
.footer .top .navgation{width:9%;padding:.5rem 0 0}
.footer .top .navgation h2{font-size:.18rem;color:#000000;font-weight:bold;margin:0 0 .25rem}
.footer .top .navgation a{font-size:.14rem;color:#575757;margin:0 0 .05rem}
.footer .top .service{width:11%;padding:.5rem 0 0}

.footer .top .service  h2{font-size:.18rem;color:#000000;font-weight:bold;margin:0 0 .15rem;text-transform:uppercase}
.footer .top .service  .box{margin:0 0 .15rem}
.footer .top .service  .box p{font-size:.14rem;color:#575757}
.footer .top .service ul{display:flex;flex-wrap: wrap;}
.footer .top .service ul li{;margin-right:.06rem;margin-bottom:.06rem}
.footer .top .service ul li a{width:.38rem;height:.38rem;border:1px solid #7a7a7a;text-align:center;line-height:.38rem;border-radius:5px;}
.footer .top .service ul li a i{color:#636564;font-size:.16rem}
.footer .top .service ul li a:hover{background:#636564;transition:.3s;}
.footer .top .service ul li a:hover i{color:white;transition:.3s}
.footer .top .right{width:31%;padding:.5rem 0 0}
.footer .top .right .txt h1{font-size:.18rem;color:#000000;font-weight:bold;margin:0 0 .15rem;text-transform:uppercase}
.footer .top .right .txt p{font-size:.15rem;color:#686868;line-height:.22rem}
.footer .top .right .txt{margin:0 0 .35rem}
.footer .top .right .more{width:3.1rem;text-align:center;}
.footer .top .right .more a{border-radius:5px;background:#494949;box-shadow:0 0 12px rgba(0,0,0,0.5);}
.footer .top .right .more a h1{font-size:.14rem;color:white;;height:.46rem;line-height:.46rem;display:inline-block;padding-left:.2rem;position:relative}
.footer .top .right .more a h1:after{content:"";position:absolute;background:url(/public/common/images/sjx.png)0 0  no-repeat;width:.1rem;height:.12rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.footer .bot{height:.85rem;line-height:.85rem;background:#494949}
.footer .bot p{font-size:.15rem;color:white}
.navfixbox  {position:fixed;top:0;left:0;width:100%;height:0;transition: all .6s;overflow:hidden;z-index:100;background-size:cover;background-repeat:no-repeat}
.is_navfixbox{height:100%;}
.navfixbox .head {display:flex;height:1rem;line-height:1rem;justify-content: space-between;align-items: center;}
.navfixbox .head .logo{width:26%}
.navfixbox .head .closes a{width:.39rem;height:.39rem;background:url(/public/common/images/icon93.png)0 0 no-repeat;background-size:.39rem .39rem}
.navfixbox .fot_nav {margin:2rem 0 0;display:flex;justify-content: flex-start;}
.navfixbox .fot_nav dl{width:20%}
.navfixbox .fot_nav dl dt a{font-size:.3rem;color:white;font-weight:normal}
.navfixbox .fot_nav dl dt{margin:0 0 .55rem}
.navfixbox .fot_nav dl  dd{margin:0 0 .25rem}
.navfixbox .fot_nav dl  dd a{font-size:.16rem;color:white}
.online_service{position:fixed;right:0;top:50%;z-index:3}
/********<=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:#0e6eb8;
	-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:black;}
.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){
	.tem_banner .more{right:.5rem}
	
	.index_about_nav ul li{width:24%}
	.index_about_nav ul li a{height:auto;height:100%}
	.index_about:after{height:11.5rem}
	
	
	.product_box .left ul li{padding-left:1.1rem}
	.product .left ul li{padding-left:1.1rem}
	.design .text{padding-left:2rem}
	.design .text:after{left:1.6rem;}
.design .text:before{left:5rem;}
.news_box .lists .items .pad26{padding:0 1rem}
.contact_box .infos{padding:.55rem 1rem 1rem 1rem;}
.contact_box .title{padding:.9rem 0 .27rem 1rem;}

}
@media(max-width:1440px){
	       
}
@media(max-width:1300px){
	     
}
@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 .swiper-page>div{top:50%;left:.2rem}
.tem_banner .swiper-page>div.slide-button-next{right:.2rem}
	.tem_banner.index .bot{bottom:25%}
	.tem_banner .more{bottom:30%}
	.index_about>div{display:inherit}
	.index_about .img{width:100%}
	.index_about .right{width:100%}
.index_about:after{height:14.5rem}
	.index_about_nav ul{display:flex;flex-wrap: wrap;}
	.index_about_nav ul li{width:50%;margin:0 0 .2rem}
	.index_about_nav ul li a .box {line-height:.3rem}
	.footer .top .service{padding:0}

.footer .top .left{width:50%;}
.footer .top .navgation{width:50%}
.footer .top .service{width:100%;text-align:center}
.footer .top .service ul{display:flex;justify-content: center;}
.footer .top .right{}
.footer .top>div{padding:.6rem 0 2rem;    flex-direction: row;    flex-wrap: wrap;}


.online_service {width:5%}
.product_box .left ul li{padding:0 0 0 .1rem}
.product_box .right .lists .items{width:100%}
.product_box .right .page{padding:0 .2rem .28rem}
.product .left ul li{padding:0 0 0 .1rem}
.product .right .top .title{display:inherit}
.product .right .top .title h2{margin:0;display:inline-block}
.product .right .top .infos{display:inherit}
.product .right .top .infos .img{width:100%}
.product .right .top .infos .text{width:100%}
.product .right .top{padding:.6rem 0.2rem 1.05rem}
.product .right .bot{padding:.2rem}
.product .right .bot .lists .swiper-page{padding:0 .2rem .3rem}
.design_infos>div{display:inherit}
.design_infos .left{width:100%}
.design_infos .right{width:100%}
.news_box .lists .items .pad26{padding:0 .1rem}
.tem_banner.indise .txt{left:1rem}
.news_box .lists .items .title span{position:inherit}
.news_box .lists .items .title em{left:0;top:auto;transform:translateY(0)}
.news_box .lists .items .title h1{width:100%}
.news_box .page{padding:0 .2rem .3rem}
.news .bg .left h2{padding-left:.2rem}
.news .bg .left ul li a{padding:0 .05rem}
.news .bg .left ul li a h1{height:.44rem;line-height:.22rem}
.news .bg .right .editor{padding:.1rem}
.news .bg .right{padding:0}
.contact_box .infos{padding:.2rem}
.contact_box .infos{display:inherit}
.contact_box .infos .left{width:100%;border-right:0}
.contact_box .infos .right{width:100%}
.contact_box .title{padding:.9rem 0 .27rem .2rem;}
.index_product_lists .lists .swiper-page{padding:0 .43rem 0.44rem}
}