/***** Header *****/
header{position:relative;;width: 100%;z-index: 1000;background:#f4f4f4;transition:.3s}
header.index.ons{position:fixed;}
header.index.ons .w1600{background:white}
header.index.ons .nav ul li a{color:black}
header.index .img a{background:url(/public/common/images/logo2.png) no-repeat;height:.75rem;width:1.45rem;background-size:100%}
header.index.ons .img a{background:url(/public/common/images/logo1.png) no-repeat;height:.75rem;width:1.45rem;background-size:100%}
header.index .w1600{background:#e60012}
header.index .nav ul li a{color:white}
header.on{position:fixed;background:none}
header.on>div{background:rgba(0,0,0,.8)}
header.on .nav ul li a{color:white}
header>div{background:white;padding: .2rem 1rem}
header .img{display:inline-block;vertical-align:middle;}
header .img a{background:url(/public/common/images/logo1.png) no-repeat;height:.75rem;width:1.45rem;background-size:100%}
header.on .img a{background:url(/public/common/images/logo2.png) no-repeat;height:.79rem;width:1.57rem;background-size:100%}
header .nav{margin-left:1.45rem;display:inline-block;}
header .nav ul li a{display:inline-block;margin-right:.63rem;font-size:.15rem;font-weight:bold;color:black}
header .nav ul li a:hover{color:black}
.tem_banner .flash{background:#f4f4f4;}
.tem_banner .flash>div{position:relative}
.tem_banner .flash .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%}
.tem_banner .flash .txt h1{color:white;font-size:.35rem;}
.tem_banner .flash .txt p{color:white;font-size:.18rem;margin-top:.3rem}
.tem_banner .flash  .navlist{position:absolute;width:100%;top:0}
.tem_banner .flash  .navlist ul {background:rgba(255,255,255,.2)}
.tem_banner .flash .navlist.on{position:fixed;max-width:16rem;}
.tem_banner .flash  .navlist ul.about_on li:first-child{background:#e60012}
.tem_banner .flash .navlist.on ul{background:rgba(0,0,0,.5)}

.tem_banner .flash  .navlist ul li{display:inline-block;padding:.2rem .8rem;}
.tem_banner .flash  .navlist ul li a{color:white;font-size:.16rem}
.tem_banner .flash  .navlist ul li a:hover{color:#e60012}
.tem_banner .flash  .navlist ul li.ons{background:#e60012}
footer{background:#181818;padding:.45rem 0 0}
footer>div{position:relative;}
footer .img{padding: 0 0 .45rem}
footer  .fotlist ul{text-align:center}
footer  .fotlist ul li{display:inline-block;padding:0 .4rem}
footer  .fotlist ul li a{color:white;font-size:.15rem}
footer  .bottom{text-align:center;padding:.65rem 0 .68rem}
footer  .bottom>*{display:inline-block;color:#b9b9b9}
footer  .bottom a{margin-left:.2rem}
footer .weixin{position:absolute;top:0;right:0;}
.about {background:#f4f4f4;}
.about .company{padding:.45rem 0 0;background:url(/public/common/images/companybg.png) no-repeat}
.about .company>div{background:url(/public/common/images/companybg.png) no-repeat right 40%}
.about .company .con{background:white;padding:.63rem 1rem  .7rem;position:relative;display:flex;justify-content: space-between;}
.about .company .left{width:53%;}
.about .company .left h1{font-size:.3rem;font-weight:bolder;padding:0 .6rem;position:relative}
.about .company .left h1:before{content:"";background:url(/public/common/images/icon1.png)no-repeat;position:absolute;width:.42rem;height:.33rem;left:0;background-size:100%}
.about .company .left .infos{padding:.77rem 0 0 }
.about .company .left p{font-size:.15rem;line-height:.3rem}

.about .company .con .pic1{padding:1rem 0 0;width:45%}
.about .company .con .pic1 img{margin-bottom:.2rem}
.about .company  .content{margin:.3rem 0 0rem;background:url(/public/common/images/bg3.png)no-repeat}
.about .company  .content>div{padding:.68rem 0 .64rem;display:flex;justify-content:space-between;}
.about .company  .content .first{width:46%;}
.about .company  .content .second{width:46%}
.about .company  .content p{line-height:.3rem;font-size:.16rem}
.about .honor .bg>div{background:white;padding:.63rem 1rem  1rem;}
.about .honor .bg>div h1{font-size:.3rem;font-weight:bolder;padding:0 .6rem;position:relative}
.about .honor .bg>div h1:before{content:"";background:url(/public/common/images/icon1.png)no-repeat;position:absolute;width:.42rem;height:.33rem;left:0;background-size:100%}
.about .honor .bg{padding:0 0 1.2rem}
.about .honor .menu_list ul{text-align:right}
.about .honor .menu_list ul li{display:inline-block;padding:.15rem .5rem;background:#e0e0e0;margin-left:.1rem;}
.about .honor .menu_list ul #current{background:#e60012}
.about .honor .menu_list ul #current a{color:white}
.about .honor .menu_list ul li a{color:black}
.about .honor .lists{margin-top:.3rem}
.about .honor .lists .items a{padding:0 .15rem ;}
.about .honor .lists .items a .infos{background:#ededed;padding:.15rem .1rem;}
.about .honor .lists .items a:hover img{transform:scale(1.1)}
.about .honor .lists .items a p{text-align:center;margin-top:.2rem;font-size:.18rem;color:black}
.about .honor .slide-pagination{margin:.6rem 0 0;text-align:center;}
.about .honor .slide-pagination span{opacity:1;outline:none;margin:0 4px;width:.28rem;height:.28rem;border:1px solid #aaa;line-height:.28rem;font-size:.16rem;color:black;;background:none;border-radius:5px}
.about .honor .slide-pagination span.swiper-pagination-bullet-active{background:#e60012;color:#FFF;border:1px solid #e60012}
.product{background:#f4f4f4;}
.product .bg{padding:.45rem  0 1.5rem}
.product .bg>div{padding:.7rem 1rem 1.5rem;background:white}
.product .title{font-size:0}
.product .title h1{font-size:.3rem;font-weight:bolder;padding:0  0 0 .6rem;position:relative;display:inline-block;vertical-align:middle;width:20%}
.product .title h1:before{content:"";background:url(/public/common/images/icon1.png)no-repeat;position:absolute;width:.42rem;height:.33rem;left:0;background-size:100%}
.product .lists{padding:.4rem 0 .44rem;}
.product .title p {height:2px;background:black;display:inline-block;width:80%;}
.product .lists .first {text-align:center;position:relative;}
.product .lists .first a{padding:.3rem 0rem;border:1px solid #cbcbcb;background:#f5f5f5;font-size:.16rem;color:black;position:relative;}
.product .lists .first a:after{content:"";position:absolute;height:10px;width:10px;background:white;border-radius:50%;left:50%;bottom:-.03rem;transform:translateX(-50%);opacity:0}
.product .lists .first a:before{content:"";position:absolute;height:6px;width:6px;background:red;border-radius:50%;left:50%;bottom:-.01rem;transform:translateX(-50%);z-index:1;opacity:0}
.product .lists .first  .swiper-page>div{position:absolute;width:.3rem;height:.3rem;border:1px solid #a3a3a3;border-radius:100%;line-height:.3rem;text-align:center;font-size:.24rem;color:#a3a3a3;outline:none;z-index:2;top:50%;left:-.5rem;transform:translateY(-50%);transition:0s}
.product .lists .first  .swiper-page>div.slide-button-next {left:auto;right:-.5rem}
.product .lists .first  .swiper-page>div:hover{color:#e60012;border:1px solid #e60012;transition:0s}
.product .lists .first  .swiper-slide-thumb-active a{background:#e60012;color:white;border:1px solid #e60012}
.product .lists .first  .swiper-slide-thumb-active a:after{opacity:1;transition:.3s}
.product .lists .first  .swiper-slide-thumb-active a:before{opacity:1;transition:.3s}
.product .lists .second  .infos{padding:.45rem 0 .74rem .3rem;}
.product .lists .second  .infos .left{width:55%;display:inline-block;padding:.74rem 1.46rem;box-shadow: 0px 0px 20px 20px #f0f0f0;}
.product .lists .second  .infos .right{width:35%;display:inline-block;margin-left:.52rem;vertical-align:middle}
.product .lists .second  .infos .right h1{font-size:.25rem;font-weight:bold;padding:.45rem 0 .2rem}
.product .lists .second  .infos .right h2{font-size:.23rem;color:#e60012;font-weight:bold;padding: .2rem;position:relative}
.product .lists .second  .infos .right h2:before{content:"";position:absolute;height:10px;width:10px;background:#e60012;border-radius:50%;left:0;top:50%;transform:translateY(-50%)}
.product .lists .second  .infos .right p{line-height:.3rem;font-size:.16rem}
.product .lists .second  .infos .right a{padding:.14rem .5rem;display:inline-block;margin-top:.58rem;background:#e60012;color:white}
.product .lists .second  .content .tit{font-size:0}
.product .lists .second  .content .tit h1{font-size:.3rem;font-weight:bolder;padding:0  0 0 .6rem;position:relative;display:inline-block;vertical-align:middle;width:20%;}
.product .lists .second  .content .tit h1:before{content:"";background:url(/public/common/images/icon1.png)no-repeat;position:absolute;width:.42rem;height:.33rem;left:0;background-size:100%}
.product .lists .second  .content .tit p {height:2px;background:black;display:inline-block;width:80%;}
.product .lists .second  .content .canshu{padding:.48rem 0 .71rem}
.product .lists .second  .content .canshu ul {font-size:0}
.product .lists .second  .content .canshu ul li{display:inline-block;padding:.15rem 1rem;border:2px solid #d8d8d8;border-right:0}
.product .lists .second  .content .canshu ul li:last-child{border-right:2px solid #d8d8d8}
.product .lists .second  .content .canshu ul li p{font-size:.16rem;color:black}
.product .lists .second  .content .text1{font-size:0}
.product .lists .second  .content .text1 .left{display:inline-block;width:65%}
.product .lists .second  .content .text1 .left h1{font-size:.25rem;font-weight:bold;padding:.21rem .25rem;position:relative}
.product .lists .second  .content .text1 .left h1:before{content:'';position:absolute;width:15px;height:15px;border-radius:50%;border:2px solid #e60012;left:0;top:50%;transform:translateY(-50%)}
.product .lists .second  .content .text1 .left table .firstRow td:nth-child(1),.product .lists .second  .content .text1 .left table .firstRow td:nth-child(2){padding: .3rem .33rem}
.product .lists .second  .content .text1 .left table  td{padding:.1rem .4rem;border:1px solid #a3a3a3;color:black;font-size:.15rem;text-align:center;}
.product .lists .second  .content .text1 .right{display:inline-block;width:35%;vertical-align:top;text-align:right}
.product .lists .second  .content .text2{font-size:0;margin-top:.67rem;padding:.1rem 0 }
.product .lists .second  .content .text2 .left{display:inline-block;width:65%}
.product .lists .second  .content .text2 .left h1{font-size:.25rem;font-weight:bold;padding:0rem .25rem;position:relative;}
.product .lists .second  .content .text2 .left h1:before{content:'';position:absolute;width:15px;height:15px;border-radius:50%;border:2px solid #e60012;left:0;top:50%;transform:translateY(-50%)}
.product .lists .second  .content .text2 .left table{margin-top:.35rem}
.product .lists .second  .content .text2 .left table .firstRow td:nth-child(1),.product .lists .second  .content .text1 .left table .firstRow td:nth-child(2){padding: .3rem .33rem}
.product .lists .second  .content .text2 .left table  td{padding:.1rem .4rem;border:1px solid #a3a3a3;color:black;font-size:.15rem;text-align:center}
.product .lists .second  .content .text2 .right{display:inline-block;width:35%;vertical-align:top;text-align:right}

.case{background:#f4f4f4;}
.case .bg{padding:.45rem  0 2.8rem }
.case .bg>div{padding:.7rem 1rem 1.5rem;background:white}
.case .title{font-size:0}
.case .title h1{font-size:.3rem;font-weight:bolder;padding:0  0 0 .6rem;position:relative;}
.case .title h1:before{content:"";background:url(/public/common/images/icon1.png)no-repeat;position:absolute;width:.42rem;height:.33rem;left:0;background-size:100%}
.case .title h1:after{content:"";background:url(/public/common/images/icon2.png)no-repeat;position:absolute;width:1.88rem;height:.36rem;right:0;background-size:100%}
.case .lists .items {padding:0 .22rem;margin-top:.4rem}
.case .lists .items a{position:relative;overflow:hidden}
.case .lists .items a:hover img{transform:scale(.99)}
.case .lists .items a:hover .infos{transform:scale(.98)}
.case .lists .items a:before{content:'';width:0;height:0;position:absolute;top:0;left:0;border:3px solid #d9261d;transition:all .5s;opacity:1}
.case .lists .items a:after{content:'';width:0;height:0;position:absolute;top:0;left:0;border:3px solid #d9261d;transition:all .5s;opacity:1}
.case .lists .items a:before{border-right:0;border-bottom:0;}
.case .lists .items a:after{top:auto;left:auto;right:0;bottom:0;border-top:0;border-left:0;}
.case .lists .items a:hover:before{width:100%;height:100%;opacity:1}
.case .lists .items a:hover:after{width:100%;height:100%;opacity:1}
.case .lists .items .infos{position:absolute;bottom:0;padding:.5rem  1rem .38rem  .6rem;background:rgba(0,0,0,.5)}
.case .lists .items .infos h2{font-size:.2rem;color:white;margin-bottom:.4rem;}
.case .lists .items .infos p{color:white;font-size:.14rem;}
.case .page{text-align:center;margin-top:.5rem}
.case .page .page-item{display:none}
.case .page .page-num{display:inline-block;width:33px;height:33px;border:1px  solid #7b7b7b;line-height:33px;text-align:center;margin:0 .03rem;color:#7b7b7b;border-radius:5px}
.case .page  .page-num-current{color:#f46865;border:1px solid #f46865}

.news{background:#f4f4f4;}
.news .bg{padding:.45rem  0 1.5rem }
.news .bg>div{padding:.7rem 1rem 1.5rem;background:white}
.news .title{font-size:0}
.news .title h1{font-size:.3rem;font-weight:bolder;padding:.2rem  0 .2rem .6rem;position:relative;}
.news .title h1:before{content:"";background:url(/public/common/images/icon1.png)no-repeat;position:absolute;width:.42rem;height:.33rem;left:0;background-size:100%}
.news .lists a {font-size:0;margin:.42rem 0;border-bottom:1px solid black}
.news .lists a .img{display:inline-block;width:25%}
.news .lists a:hover{background:#f4f4f4}
.news .lists a:hover img{transform:scale(1.1)}
.news .lists a .infos{display:inline-block;width:75%;vertical-align:top}
.news .lists a .infos{padding: .1rem .35rem}
.news .lists a .infos .time{display:inline-block;text-align:center;padding:.1rem .1rem;background:#fe2828}
.news .lists a .infos .time p:nth-child(1){font-size:.2rem;color:white}
.news .lists a .infos .time p:nth-child(2){font-size:.14rem;color:white}
.news .lists a .infos  h1{font-size:.18rem;color:black;font-weight:bold;padding:.27rem 0 }
.news .lists a .infos .desc{display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size:.14rem;color:black}
.news .page{text-align:center;margin-top:.5rem}
.news .page .page-item{display:none}
.news .page .page-num{display:inline-block;width:33px;height:33px;border:1px  solid #7b7b7b;line-height:33px;text-align:center;margin:0 .03rem;color:#7b7b7b;border-radius:5px}
.news .page  .page-num-current{color:#f46865;border:1px solid #f46865}
.show_news {background:#f4f4f4;}
.show_news .bg{padding:.45rem 0 .9rem;}
.show_news .bg>div{background:white;padding:.7rem 1rem 1.5rem;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}
.show_news .met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.show_news .met_page li {margin:.1rem 0;font-size:.14rem;color:#333}
.show_news .met_page li a {font-size:.14rem;color:#333}
.contact{background:#f4f4f4}
.contact .bg{padding:.45rem 0 1.46rem;}
.contact .bg>div{background:white;padding:.7rem 1rem 1.2rem;}
.contact  .title h1{font-size:.3rem;font-weight:bolder;padding:.2rem  0 .2rem .6rem;position:relative;}
.contact  .title h1:before{content:"";background:url(/public/common/images/icon1.png)no-repeat;position:absolute;width:.42rem;height:.33rem;left:0;background-size:100%}
.contact  .info{padding:.6rem 0 .48rem;font-size:0}
.contact  .info .left{width:50%;display:inline-block;}
.contact  .info .left h1{font-size:.28rem;font-weight:bold}
.contact  .info .left h2{font-size:.28rem;font-weight:bold;margin-top:.25rem}
.contact  .info .right{width:50%;display:inline-block;}
.contact  .info .right h1{font-size:.16rem;}
.contact  .info .right h2{font-size:.16rem;color:black;margin-top:.22rem}
.contact .content {position:relative;border:2px solid #d5d5d5;border-top:2px solid black;}
.contact .content .first {width:40%;padding:.8rem  0 .8rem .3rem;border:2px solid #d5d5d5;margin-left:-2px;border-bottom:0;border-top:0;}
.contact .content .first .left{display:inline-block;}
.contact .content .first .right{display:inline-block;width:55%;vertical-align:middle;margin-left:.3rem}
.contact .content .first .right h1{font-size:.23rem;font-weight:bold;margin-bottom:.28rem}
.contact .content .first .right ul li{margin-bottom:.2rem;font-size:.14rem}
.contact .content .second {width:40%;padding:.8rem  0 .8rem .3rem;border:2px solid #d5d5d5;margin-left:-2px;border-bottom:0;background:#f9f9f9;}
.contact .content .second .left{display:inline-block;}
.contact .content .second .right{display:inline-block;width:55%;vertical-align:middle;margin-left:.3rem}
.contact .content .second .right h1{font-size:.23rem;font-weight:bold;margin-bottom:.28rem}
.contact .content .second .right ul li{margin-bottom:.2rem;font-size:.14rem}
.contact .content .map{position:absolute;height:100%;width:60%;right:0;bottom:0;}
.contact .content .map  #container{height:100%;}

.message{background:#f4f4f4}
.message .bg{padding:.45rem 0 1.46rem;}
.message .bg>div{background:white;padding:.7rem 1rem 1.2rem;background-image:url(/public/common/images/contactbg.png);background-repeat:no-repeat;background-position:center;}
.message .title h1{font-size:.3rem;font-weight:bolder;padding:0rem  .5rem 0rem .6rem;position:relative;}
.message  .title h1:before{content:"";background:url(/public/common/images/icon1.png)no-repeat;position:absolute;width:.42rem;height:.33rem;left:0;background-size:100%}
.message  .title h1:after{content:"";background:#e22c34;position:absolute;width:.22rem;height:.22rem;right:0;border-radius:50%}
.message  .text{padding:.6rem 0}
.message  .text p{color:black;font-size:.16rem;}
.message  .text h2{font-size:.3rem;font-weight:bold;margin-top:.25rem}
.message .input{display:flex;justify-content:space-between}
.message .input input {width:30%;border:0;padding: .4rem 0;border-bottom:1px solid #a0a0a0;background:none}
.message form textarea{margin-top:.5rem;border:0;border-bottom:1px solid #a0a0a0;padding:.7rem 0;width:100%;background:none}
.message .button {text-align:center;padding:0 0 2rem;position:relative}
.message .button  .but{padding:.15rem  1.92rem;border:0;color:white;background:#e22c34;margin-top:.9rem}
.message .button:before{content:"";background:#535252;position:absolute;width:.22rem;height:.22rem;left:10%;border-radius:50%;bottom:20%}
.message .button:after{content:"";background:#e22c34;position:absolute;width:.22rem;height:.22rem;right:10%;border-radius:50%;bottom:0%}


.tem_banner3{background:#f4f4f4;}
.tem_banner3 .slide-inner{background:#f4f4f4;}
.tem_banner3 .slide-inner .img{border-bottom-right-radius:100px;}
.tem_banner3 .label_txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}
.tem_banner3 .label_txt h1{font-size:.5rem;color:white;font-weight:bold;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner3 .swiper-slide-active .label_txt h1{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner3 .label_txt h2{font-size:.35rem;color:white;margin-top:.42rem;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner3 .swiper-slide-active .label_txt h2{transition-delay:.6s;transform:none;opacity:1;}
.tem_banner3 .label_txt p{font-size:.2rem;color:white;opacity:0;transition:all .5s;transform:translateY(100px);margin-top:.15rem}
.tem_banner3 .swiper-slide-active .label_txt p{transition-delay:.8s;transform:none;opacity:1;}
.tem_banner .slide-pagination {position:absolute;bottom:60px;left:50%;transform:translateX(-50%);z-index:1;}
.tem_banner .slide-pagination span {margin:0 0.07rem;width:0.15rem;height:0.15rem;background:none;opacity:1;outline:none;border:0.02rem solid #FFF}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active {background:#e60012;border:0.02rem solid #e60012}

.index_bg{background:#f4f4f4}
.index_bg>div{padding:.44rem  0 1.2rem}
.index_product{padding:.7rem 1rem .9rem;background:#ebebeb}
.index_product .title h1{text-align:center;font-size:.3rem;font-weight:bold}
.index_product .title p{text-align:center;font-size:.16rem;text-transform:uppercase;color:#737373;letter-spacing: 0.3em;margin-top:.21rem}
.index_product .menu_list{padding:.54rem 0 .3rem}
.index_product .menu_list ul{display:flex;justify-content:space-between;text-align:center;padding:0 .1rem}
.index_product .menu_list ul li{width:18%;background:#e60012;border-radius:5px;border:1px solid white}
.index_product .menu_list ul li a{font-size:.16rem;padding:.3rem 0rem;font-weight:bold;color:white;}
.index_product .menu_list ul #current1 a{color:black;}
.index_product .menu_list ul #current1{transition:.3s;background:white}

.index_product .lists a{width:25%;display:inline-block;padding: 0 .1rem;}
.index_product .lists .infos{background:white;padding: .6rem 0 0;position:relative}
.index_product .lists a .img{padding: 0 .4rem}
.index_product .lists a .con{padding:.5rem  0 .3rem}
.index_product .lists a .con h1{font-size:.2rem;font-weight:bold;padding:.2rem;border-bottom:1px solid #d4d4d4;color:black}
.index_product .lists a .con p{padding:.25rem .7rem 0 .23rem;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color:black}
.index_product .lists a .more{position:absolute;bottom:1%;right:2%;width:.4rem;height:.4rem;background:#8b8b8b;line-height:.4rem;text-align:center;color:white}
.index_product .lists a:hover img{transform:scale(1.1)}
.index_product .lists a:hover .more{background:#e60012}
.index_product .lists .slide-pagination{text-align:center;margin-top:.7rem}
.index_product .lists .slide-pagination span{height:4px;width:33px;border-radius:0;margin: 0 .05rem}
.index_product .lists .slide-pagination .swiper-pagination-bullet-active {background:#e60012}
.index_case{padding:.7rem 1rem .9rem;background:white;margin-top:.5rem}
.index_case .title h1{text-align:center;font-size:.3rem;font-weight:bold}
.index_case .title p{text-align:center;font-size:.16rem;text-transform:uppercase;color:#737373;letter-spacing: 0.3em;margin-top:.21rem}
.index_case .lists{font-size:0;padding:.36rem 0 0 }
.index_case .lists .swiper-slide>div{display:inline-block;width:20%;overflow:hidden;transition:all .6s ease-in-out;height:4.18rem;position:relative;background-size:cover}
.index_case .lists .swiper-slide>div.on{width:40%}
.index_case .lists .swiper-slide>div a{}
.index_case .lists .swiper-slide>div a h1{font-size:.2rem;position:absolute;bottom:10%;color:white;left:10%}
.index_case .lists .swiper-slide>div a:after{content:"\f067";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:10%;bottom:10%;height:.36rem;width:.36rem;border-radius:50%;border:1px solid white;line-height:.36rem;text-align:center;color:white;background:rgba(0,0,0,.3);opacity:0;transition:.6s;}
.index_case .lists .swiper-slide>div.on a:after{opacity:1;transition:.6s;}
.index_case .lists .slide-pagination{text-align:center;margin-top:.7rem}
.index_case .lists .slide-pagination span{height:4px;width:33px;border-radius:0;margin: 0 .05rem}
.index_case .lists .slide-pagination .swiper-pagination-bullet-active {background:#e60012}


.index_news {margin-top:.5rem;display:flex;justify-content:space-between}
.index_news .left{width:35%;background:white;padding:.6rem 1rem .3rem 1rem;}
.index_news .left .title h1{font-size:.3rem;text-align:center;font-weight:bold}
.index_news .left .title p{text-align:center;text-transform:uppercase;letter-spacing:5px;padding:.2rem 0 .3rem}
.index_news .left .lists a{padding:.15rem .3rem;background:#eeeeee}
.index_news .left .lists a:hover img{transform:scale(1.1)}
.index_news .slide-pagination{text-align:center;margin-top:.1rem}
.index_news .slide-pagination span{margin:0 .05rem;width:10px;height:10px}
.index_news .slide-pagination .swiper-pagination-bullet-active{background:red}
.index_news .right{width:63%;background:white;padding:.6rem 1rem .6rem .6rem;}
.index_news .right .title .first{display:inline-block;width:50%;vertical-align:middle}
.index_news .right .title .first h1{font-size:.3rem;font-weight:bold}
.index_news .right .title .first p{text-transform:uppercase;letter-spacing:5px;padding:.2rem 0 .3rem}
.index_news .right .title .second{display:inline-block;width:48%;text-align:right;}
.index_news .right .title .second a{font-size:.14rem}
.index_news .right .title .second a:hover{color:red}
.index_news .right .content{display:flex;justify-content:space-between} 
.index_news .right .content .img{width:45%}
.index_news .right .content .lists{width:50%;display:flex;flex-direction: column;justify-content:space-between}
.index_news .right .content .lists a{padding:0 0 .3rem;border-bottom:2px solid black;}
.index_news .right .content .lists a .time{display:inline-block;text-align:center;padding:.1rem .1rem;background:#fe2828}
.index_news .right .content .lists a .time p:nth-child(1){font-size:.2rem;color:white}
.index_news .right .content .lists a .time p:nth-child(2){font-size:.14rem;color:white}
.index_news .right .content .lists a  h1{font-size:.18rem;color:black;font-weight:bold;margin:.2rem 0;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.index_news .right .content .lists a .desc{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size:.14rem;color:black}
.index_news .right .content .lists a:hover{background:#f4f4f4;}
.service {background:#f4f4f4;}
.service>div{padding:1rem 0;text-align:center}
.service p{font-size:.15rem;line-height:.3rem}
/**/
/********<=767 mobile nav style css********/
.m-header {background: #555;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #887e6d;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #fff;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color: #555;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #555;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color: #fff;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #444;}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #b3b3b3;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {font-weight: bold;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:1600px){
    .tem_banner .flash .navlist ul li{padding:.2rem .7rem}
}
@media(max-width:1440px){
.tem_banner3 .label_txt{width:100%}
.index_news .right .content .lists a{padding:0 0 .1rem}
.index_news .right .content .img{width:43%;}
.index_news .right .content .lists{width:51%}
.about .company .pic1{width:50%;right:5%}
.about .company .pic2{width:40%}
.product .lists .second .content .text1 .left table td{padding:.1rem .2rem }
.product .lists .second .content .text2 .left table td{padding:.1rem .2rem }
.case .lists .items .infos{padding:.5rem  .6rem .38rem  .5rem}
.case .lists .items .infos h2{margin-bottom:.2rem}
.news .lists a .img{display:inline-block;width:27%}
.news .lists a .infos{display:inline-block;width:73%;}
.tem_banner .flash .navlist.on{position:fixed;max-width:15rem;}

}
@media(max-width:1400px){
.tem_banner3 .label_txt{width:100%}
.index_news .right .content .lists a{padding:0 0 .1rem}
.index_news .right .content .img{width:43%;}
.index_news .right .content .lists{width:51%}
.about .company .pic1{width:50%;right:5%}
.about .company .pic2{width:40%}
.product .lists .second .content .text1 .left table td{padding:.1rem .2rem }
.product .lists .second .content .text2 .left table td{padding:.1rem .2rem }
.case .lists .items .infos{padding:.5rem  .6rem .38rem  .5rem}
.case .lists .items .infos h2{margin-bottom:.2rem}
.news .lists a .img{display:inline-block;width:27%}
.news .lists a .infos{display:inline-block;width:73%;}
.tem_banner .flash .navlist.on{position:fixed;max-width:15rem;}

}

@media(max-width:1300px){
    tem_banner3 .label_txt{width:100%}
.index_news .right .content .lists a{padding:0 0 .1rem}
.index_news .right .content .img{width:43%;}
.index_news .right .content .lists{width:51%}
.about .company .pic1{width:50%;right:5%}
.about .company .pic2{width:40%}
.product .lists .second .content .text1 .left table td{padding:.1rem .2rem }
.product .lists .second .content .text2 .left table td{padding:.1rem .2rem }
.case .lists .items .infos{padding:.5rem  .6rem .38rem  .5rem}
.case .lists .items .infos h2{margin-bottom:.2rem}
.news .lists a .img{display:inline-block;width:27%}
.news .lists a .infos{display:inline-block;width:73%;}
.tem_banner .flash .navlist.on{position:fixed;max-width:1200px;}
}

@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;padding: 0 .1rem;}
	.tem_banner{padding-top: 60px;}
	
}

/********mobile*********/
@media(max-width:767px){
   .tem_banner3 .slide-inner .img{border-bottom-right-radius:0;}
   .tem_banner .slide-pagination{bottom:10%}
   .index_product .lists a{width:50%;margin-top:.2rem}
   .index_product .lists a .con h1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;font-size:.14rem;color:black;padding:0;margin:.2rem}
  .index_news{display:inherit}

.index_news .left{width:100%}
.index_news .right{width:100%}
footer .weixin{display:none}
.index_news .right{padding:.2rem }
.index_news .right .content .img{width:60%}
.index_news .right .content .lists{width:35%}
.about .company .left{width:100%}
.about .company .pic1{width:40%;top:85%}
.about .company .pic2{width:30%;top:80%}
.about .company .content>div{padding: .5rem}
.about .honor .menu_list ul{font-size:0;text-align:center;margin-top:.2rem}
.about .honor .menu_list ul li{width:46%;padding:.2rem 0rem;margin: .1rem}
.about .honor .menu_list ul li a{font-size:.14rem}
.tem_banner .flash  .navlist ul li{padding:.2rem}
.product .title h1{width:50%}
.product .title p{width:50%
}
.product .lists .second .infos .left{width:100%;padding:.1rem}
.product .lists .second .infos{padding:.2rem}
.product .lists .second .infos .right{width:100%;margin-left:0}
.product .lists .second .content .tit h1{width:50%}
.product .lists .second .content .tit p{width:50%}
.product .lists .second .content .canshu ul li{width:100%;margin-top:.1rem}
.product .lists .second  .content .canshu ul li{border:2px solid #d8d8d8;text-align:center}
.product .lists .second .content .text1 .left{width:100%}
.product .lists .second .content .text1 .right{width:100%;margin-top:.2rem}
.product .lists .second .content .text1 .left table .firstRow td:nth-child(1), .product .lists .second .content .text1 .left table .firstRow td:nth-child(2){padding:0}
.product .lists .second .content .text1 .left table td{padding:.2rem .0rem}
.product .lists .second .content .text2 .left{width:100%}
.product .lists .second .content .text2 .right{width:100%;margin-top:.2rem}
.product .lists .second .content .text2 .left table .firstRow td:nth-child(1), .product .lists .second .content .text1 .left table .firstRow td:nth-child(2){padding:0}
.product .lists .second .content .text2 .left table td{padding:.2rem .0rem}
.news .lists a .img{width:100%}
.news .lists a .infos{padding:0;width:100%;margin-top:.2rem}
.contact .content .first{width:100%;border:0}
.contact .content .second{width:100%;border:0;margin-left:0;border-top:2px solid #d5d5d5}
.contact .content .map{position:inherit;width:100%}
.contact .content .first .left{width:35%}
.contact .content .map #container{height:7rem;}
.contact .info .left{width:100%}
.contact .info .right{width:100%;margin-top:.2rem}



}