/***** Header *****/
header{position: fixed;background:#222222;width: 100%;z-index: 1000;display:flex}
header .left{width:17%;display:flex;flex-direction: column;justify-content: center;border-right:1px solid #4a4a4a}
header .left .logo{margin:0 auto}
header .right{width:83%}
header .right .top{display:flex;justify-content: flex-end;padding:.17rem .87rem .17rem 0}
header .right .top .infos{width:30%;display:flex;flex-direction: column;justify-content: center;}
header .right .top .infos ul {display:flex;justify-content: space-between;}
header .right .top .infos ul  li{}
header .right .top .infos ul  li p{color:#636363;padding:0 0 0 .3rem;font-size:.15rem;position:relative}
header .right .top .infos ul  li:first-child p:after{content:"";position:absolute;background:url(/public/common/images/phone.png)no-repeat;width:20px;height:21px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
header .right .top .infos ul  li:last-child p:after{content:"";position:absolute;background:url(/public/common/images/email.png)no-repeat;width:19px;height:13px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
/* header .right .top  .langs{width:8%;display:flex;flex-direction: column;justify-content: center;}
header .right .top  .langs a {font-weight:bold;color:white;font-size:.15rem;text-align:center} */
header .right .top  .shares{display:flex;width:12%;justify-content: flex-end;}
header .right .top  .shares a{color:white;width:.25rem;height:.25rem;background:#6f6f6f;border-radius:100%;line-height:.25rem;text-align:center;margin-left:.1rem}
header .right .nav ul{display:flex;border-top:1px solid #4a4a4a;}
header .right .nav ul li {width:17%;text-align:center;border-right:1px solid #4a4a4a;position:relative}
header .right .nav ul li>a{padding:.25rem 0 .21rem;color:white;font-size:.15rem;font-weight:bold;position:relative;text-transform:uppercase}
header .right .nav ul li>a.active{background:#a62931}
header .right .nav ul li>a:hover{background:#a62931}
header .right .nav ul li>a:after{content:"\f107";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#a62931;font-size:.2rem;right:10%;}
header .right .nav  ul li>dl{position:absolute;top:100%;left:0;width:100%;transition:none;display:none;background:rgba(0,0,0,.5)}
header .right .nav ul li>dl dd a{font-size:.14rem;color:white;display:block;text-align:center;padding: .15rem 0;font-size:.15rem;font-weight:bold;}
header .right .nav  ul li>dl dd:hover{background:#a62931}
header .right .nav  ul li>dl dd:hover a{color:white}
.tem_banner{padding:1.27rem 0 0}
footer{background:#e4e4e4}
footer .pad85{padding: 0 .85rem}
footer .top  {padding:.93rem 0 0 }
footer .top>div{display:flex;justify-content: space-between;}
footer .top  .left{width:15%;display:flex;flex-direction: column;justify-content: space-between;}
footer .top  .left .weixin{display:flex;justify-content: space-between;}
footer .top  .left .weixin .img{width:43%}
footer .top .right{display:flex;width:70%;justify-content: space-between;}
footer .top .right dl{padding:.2rem 0 0}
footer .top .right dl  dt{font-size:.15rem;color:#a62931;font-weight:bold;margin:0 0 .2rem;position:relative;padding:0 0 0 .4rem}
footer .top .right dl  dt:after{content:"";position:absolute;height:3px;width:.3rem;background:#a62931;left:0;top:50%;transform:translateY(-50%)}
footer .top .right dl  dd{padding:0 0 .1rem .4rem}
footer .top .right dl  dd a{color:#4e4e4e;font-size:.14rem}
footer  .bot{padding:.1rem 0 .6rem}
footer  .bot>div{font-size:0;}
footer  .bot>div>div{display:inline-block;vertical-align:bottom}
footer  .bot .infos{width:30%}
footer  .bot .infos p{font-size:.14rem;color:#484848}
footer  .bot .infos .icp{display:flex;padding:.1rem 0 0}
footer  .bot .infos .icp a{font-size:.14rem;color:#484848;margin-right:.3rem}
footer  .bot .keywords{width:70%;position:relative;box-shadow: 0 0 15px rgba(0,0,0,0.3)}
footer  .bot .keywords .labe{font-size:.14rem;color:#282828;position:absolute;left:2%;top:50%;transform:translateY(-50%);font-weight:200}
footer  .bot .keywords input{width:100%;padding:.22rem .4rem .22rem .8rem; border:0;background:white}
footer  .bot .keywords button{position:absolute;width:.27rem;height:.27rem;border-radius:50%;border:0;background:#002759;top:50%;transform:translateY(-50%);right:2%}
footer  .bot .keywords button i{font-size:.17rem;color:white}
footer  .bot .keywords button:hover i{transform:rotate(180deg)}
.tem_banner  .flash {position:relative}
.tem_banner  .flash .txt{position:absolute;left:50%;transform:translateX(-50%);text-align:center;bottom:30%}
.tem_banner  .flash .txt h1{color:white;font-size:.3rem;padding:0  0 .3rem}
.tem_banner  .flash .txt p{color:white;font-size:.16rem;letter-spacing:5px}
.tem_banner .banner_nav{position:absolute;width:100%;left:0;bottom:-.6rem}
.tem_banner .banner_nav ul{display:flex;width:70%;background:#a62931;padding:.28rem 0 .28rem 2.6rem}
.tem_banner .banner_nav ul li{padding-left:.48rem;position:relative;margin-right:.2rem}
.tem_banner .banner_nav ul li.active a:after{width:.33rem}
.tem_banner .banner_nav ul li a{color:white;font-size:.15rem}
.tem_banner .banner_nav ul li a:after{position:absolute;content:"";background:white;left:0;top:50%;transform:translateY(-50%);width:0;height:1px;transition:.6s}
.tem_banner .banner_nav ul li a:hover:after{width:.33rem;transition:.6s}
.about_company{padding:1.8rem 0  0;background:white;position:relative}
.about_company span{position:absolute;top:3%;right:0;font-size:1.9rem;color:#f9f9f9;font-weight:bold}
.about_company .top{padding:0 0 .8rem}
.about_company .top .title{padding:0 0 .45rem}
.about_company .top .title h1{font-size:.33rem;letter-spacing:5px;color:black;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.about_company .top .title h1:after{position:absolute;content:"";background:black;width:50%;left:0;bottom:0;height:2px;}
.about_company .top  .infos p{line-height:.3rem;font-size:.15rem;color:#686868}
.about_company  .middle{display:flex;padding:1.02rem 0  0rem 2.6rem;background:#f7f4f0;}
.about_company  .middle .left {width:58%}
.about_company  .middle .left ul{padding:.41rem 0 .5rem;position:relative}
.about_company  .middle .left ul:after{content:"";position:absolute;width:2.3rem;height:1px;background:#575757;top:0;left:0}
.about_company  .middle .left ul h1{padding:0 0 .24rem;font-size:.19rem;color:#575757;font-weight:bold}
.about_company  .middle .left ul li{font-size:.14rem;margin:0 0 .15rem;color:#575757;}
.about_company  .middle .left ul:before{content:"";position:absolute;width:1.8rem;height:1px;background:#575757;bottom:0;left:0}
.about_company  .middle .left h2{font-size:.19rem;color:#575757;font-weight:bold;padding:.42rem 0 .3rem}
.about_company  .middle .left h3{font-size:.19rem;color:#575757;font-weight:bold;}
.about_company  .middle .right{position:relative}
.about_company  .middle .right  .img1{transform:translateY(.45rem)}
.about_company  .middle .right .img2{position:absolute;top:-1.45rem;left:-1rem;}
.about_company  .bot>div{padding:.8rem 0 1.1rem}
.about_company  .bot ul{display:flex;justify-content: space-between;}
.about_company  .bot ul li{width:30%}
.about_company  .bot ul li h1{border-bottom:1px solid black;padding:0 0 .23rem;font-size:.25rem;font-weight:bold;margin:0 0 .25rem}
.about_company  .bot ul li p{color:#747474;line-height:.3rem;padding:0 .4rem 0 0;font-size:.14rem}
.about_culture>div{display:flex;padding:1.16rem 0 .56rem}
.about_culture .left h1{font-size:.33rem;letter-spacing:5px;color:white;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.about_culture .left h1:after{position:absolute;content:"";background:white;width:50%;left:0;bottom:0;height:2px;}
.about_culture .right{}
.about_culture .right  ul{display:flex}
.about_culture .right  ul li{width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.5);display:flex;flex-direction: column;justify-content: center;padding:0 .25rem;text-align:center;background:rgba(0,0,0,.2);margin-left:-1px;margin-top:-1px;position:relative}
.about_culture .right .first ul{display:flex;justify-content: flex-end;}
.about_culture .right .first ul li .text{text-align:center;background:#a62931}
.about_culture .right .third ul{display:flex;justify-content: flex-end;}
.about_culture .right .third ul:after{content:"";width:2.5rem;margin-left:-1px}
.about_culture .right  ul li .text h1{font-size:.25rem;color:white;padding:0 0 .2rem}
.about_culture .right  ul li .text p{font-size:.14rem;color:white}
.about_culture .right .first ul li:nth-child(2){background:#a62931}
.about_culture .right .first ul li:nth-child(2):after{ content: "";position: absolute;right:-.26rem; top:50%;transform:translateY(-50%); border-top: 12px solid transparent;border-left: 13px solid #a62931;border-right: 13px solid transparent; border-bottom: 12px solid transparent; z-index:2}
.about_culture .right .second ul li:nth-child(1){background:#a62931}
.about_culture .right .second ul li:nth-child(1):after{ content: "";position: absolute;right:-.26rem; top:50%;transform:translateY(-50%); border-top: 12px solid transparent;border-left: 13px solid #a62931;border-right: 13px solid transparent; border-bottom: 12px solid transparent; z-index:2}

.about_culture .right .second ul li:nth-child(3){background:#e48b0b}
.about_culture .right .second ul li:nth-child(3):after{ content: "";position: absolute;top:-.26rem; left:50%;transform:translateX(-50%); border-left: 12px solid transparent;border-bottom: 13px solid #e48b0b;border-top: 13px solid transparent; border-right: 12px solid transparent; z-index:2}

.about_culture .right .second ul li:nth-child(5){background:#222222}
.about_culture .right .second ul li:nth-child(5):after{ content: "";position: absolute;left:-.26rem;  top:50%;transform:translateY(-50%);  border-top: 12px solid transparent;border-right: 13px solid #222222;border-left: 13px solid transparent; border-bottom: 12px solid transparent; z-index:2}
.about_culture .right .third ul li:nth-child(2){background:#e74523}
.about_culture .right .third ul li:nth-child(2):after{ content: "";position: absolute;left:-.26rem;  top:50%;transform:translateY(-50%);  border-top: 12px solid transparent;border-right: 13px solid #e74523;border-left: 13px solid transparent; border-bottom: 12px solid transparent; z-index:2}
.about_workshop{background:white}
.about_workshop>div{padding:1rem 0  1.67rem}
.about_workshop .title h1{font-size:.33rem;letter-spacing:5px;color:black;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.about_workshop .title h1:after{position:absolute;content:"";background:black;width:50%;left:0;bottom:0;height:2px;}
.about_workshop .lists{padding:.55rem 0 0}
.about_workshop .lists a{padding:.3rem;background:#f2f2f2}
.about_workshop .lists a:hover img{transform:scale(1.1)}
.about_workshop .lists a p{padding:.4rem 0 0;text-align:center;font-size:.15rem;color:#515151}
.about_workshop .lists .slide-pagination{text-align:center;padding:.9rem 0 0}
.about_workshop .lists .slide-pagination span{border-radius:0;width:.5rem;margin:0 .05rem;height:.05rem;opacity:1;background:#a0a0a0}
.about_workshop .lists .slide-pagination .swiper-pagination-bullet-active{background:#a62931}
.product_list>div{padding:1.83rem 0 1.6rem}
.product_list .title{margin:0 0 .6rem .3rem;padding:0 0 .2rem 0;border-bottom:2px solid #efefef}
.product_list .title h1{font-size:.35rem;color:black;}
.product_list  .lists .items{padding:0 .3rem;margin:0 0 1rem}
.product_list  .lists .items .img{border-radius:15px 15px 0  0}
.product_list  .lists .items  .text{padding:.27rem 0 0 .2rem}
.product_list  .lists .items  .text h1{font-size:.15rem;color:#616161}
.product_list  .lists .items  .text h2{font-size:.16rem;color:#303030;font-weight:bold;padding:.12rem 0 .13rem}
.product_list  .lists .items  .text p{font-size:.16rem;color:#303030;font-weight:bold;}
.product_list  .lists .items  a:hover img{transform:scale(1.1)}
.product{background:#f8f8f8;padding:0 0 3.14rem}
.product .pro_return{border-bottom:1px solid #e5e5e5}
.product .pro_return>div{padding:.3rem 0 ;display:flex;justify-content: space-between;}

.product .pro_return .left a{display:inline-block;margin:0 .05rem;color:#727272;font-size:.14rem}
.product .pro_return  .right a{color:#676767;font-size:.15rem;padding:0 .3rem 0 0;position:relative}
.product .pro_return  .right a:after{content:"\f112";position:absolute;font:normal normal normal 14px/1 FontAwesome;top:50%;transform:translateY(-50%);right:0;font-size:.2rem}
.product .product_con .top{padding:.4rem 0 .7rem;display:flex;justify-content: space-between;}
.product .product_con .top .left{width:51%}
.product .product_con .top .left .sm_list{margin:.2rem 0 0}
.product .product_con .top .right{width:43%}
.product .product_con .top .right .title{padding:.25rem 0 .3rem}
.product .product_con .top .right .title h1{font-size:.3rem;font-weight:bold;padding:0 0 .18rem;border-bottom:1px solid black}
.product .product_con .top .right .infos .product_canshu{padding:0 0 .3rem}
.product .product_con .top .right .infos .product_canshu h2{font-size:.2rem;font-weight:bold;padding:0 0 .1rem}
.product .product_con .top .right .infos .product_canshu h3{font-size:.16rem;font-weight:bold;color:#676767}
.product .product_con .top .right .infos  .editor p{font-size:.15rem;margin:0 0 .1rem}
.product .product_con .top .right .infos .pro_contact{margin:.6rem 0 0}
.product .product_con .top .right .infos .pro_contact a{padding:.2rem .45rem;background:#a62931;display:inline-block;border-radius:10px;color:white;font-size:.15rem}
.product .product_con .bot{background:white;padding:.7rem .47rem .5rem;}
.product .product_con .bot .title{position:relative;margin:0 0 .4rem}
.product .product_con .bot .title:after{content:"";position:absolute;background:url(/public/common/images/fx.png)no-repeat;width:.43rem;height:.43rem;right:0;top:50%;transform:translateY(-50%);background-size:100%}
.product .product_con .bot .title h1{font-size:.25rem;font-weight:bold;color:black;letter-spacing:10px;padding:0 0 .15rem}
.product .product_con .bot .title  p{color:#676767;font-size:.15rem;}
.product .product_con .bot  .editor {border-top:2px solid #c3c3c3;padding:.5rem 0 0}
.brand_column{background:#f8f8f8;position:relative}
.brand_column>div{padding:1.83rem  0 0 2.6rem}

.brand_column .title{padding:0 0 .27rem}
.brand_column .title h1{font-size:.33rem;letter-spacing:5px;color:black;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.brand_column .title h1:after{position:absolute;content:"";background:black;width:50%;left:0;bottom:0;height:2px;}
.brand_column  .content {display:flex}
.brand_column  .content .left{width:70%;position:relative}
.brand_column  .content .left:after{content:"";position:absolute;background:url(/public/common/images/bc.png)no-repeat;height:6.47rem;width:.32rem;background-size:100%;left:31%;top:.1rem;}
.brand_column  .content .left>h2{font-size:.15rem;color:#a62931;font-weight:bold;}
.brand_column  .content .left .items{padding:.28rem 0;font-size:0;position:relative}
.brand_column  .content .left .items:after{position:absolute;content:"";background:black;left:0;bottom:0;width:.25rem;height:.02rem}
.brand_column  .content .left .items>*{display:inline-block;vertical-align:bottom}
.brand_column  .content .left .items .infos{width:65%}
.brand_column  .content .left .items .time{width:35%}
.brand_column  .content .left .items .time h1{font-size:.15rem;font-weight:bold;color:black;padding:0 0 .05rem}
.brand_column  .content .left .items .time  p{color:black;font-size:.15rem;}
.brand_column  .content .left .items .infos p{font-size:.15rem;color:#5a5959}
.brand_column  .content .img{width:30%}
.brand_column span{position:absolute;top:7%;right:0;font-size:1.7rem;color:#f5f5f5;font-weight:bold;text-transform:uppercase;}
.brand_positioning{}
.brand_positioning>div{display:flex}
.brand_positioning .title{width:26.3%;padding: 1.1rem 0 0 }
.brand_positioning .title h1{font-size:.33rem;letter-spacing:5px;color:white;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.brand_positioning .title h1:after{position:absolute;content:"";background:white;width:50%;left:0;bottom:0;height:2px;}
.brand_positioning .lists{width:74%;}
.brand_positioning .lists ul{display:flex;}
.brand_positioning .lists ul li{width:30%;text-align:center;border-right:1px solid white;height:8.3rem;position:relative;overflow:hidden;}
.brand_positioning .lists ul li:hover:after{filter: blur(20px);}

.brand_positioning .lists ul li:first-child{border-left:1px solid white}
.brand_positioning .lists ul li .text{position:absolute;z-index:2;width:100%;top:70%;left:50%;transform:translate(-50%,-50%)}
.brand_positioning .lists ul li .text .img{height:1.03rem}
.brand_positioning .lists ul li .text h1{padding:.37rem  0 0;font-size:.16rem;color:white}
.brand_positioning .lists ul li .text p{opacity:0;padding:1rem 0 0;color:white;font-size:.15rem}
.brand_positioning .lists ul li:hover .text{top:50%;}
.brand_positioning .lists ul li:hover .text p{opacity:1;}
.branded_advantages {background:white}
.branded_advantages>div{padding:1.32rem 0 2.1rem}
.branded_advantages .title{padding:0 0 .55rem}
.branded_advantages .title h1{font-size:.33rem;letter-spacing:5px;color:black;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.branded_advantages .title h1:after{position:absolute;content:"";background:black;width:50%;left:0;bottom:0;height:2px;}
.branded_advantages .lists {padding:0 .75rem}
.branded_advantages .lists .items{display:flex;margin:0 0 .4rem}
.branded_advantages .lists .items.even{flex-direction:row-reverse}
.branded_advantages .lists .items.even .text:after{transform:translateY(-50%) rotate(180deg);left:0}
.branded_advantages .lists .items.even  .img{text-align:left}
.branded_advantages .lists .items .img{width:52%;text-align:right;z-index:1}
.branded_advantages .lists .items  .text{width:47%;position:relative;display:flex;flex-direction: column;justify-content: space-evenly;}
.branded_advantages .lists .items  .text:after{position:absolute;content:"";background:url(/public/common/images/jt.png)no-repeat;width:6.37rem;height:.16rem;right:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:0}
.branded_advantages .lists .items  .text h1{font-size:.17rem;font-weight:bold;color:#a62931;padding:0 0 0 .35rem}
.branded_advantages .lists .items  .text p{padding:0 .35rem 0 1rem;font-size:.15rem;color:#2b2b2b;}
.branded_advantages .lists .items  .text p{text-align:right}
.branded_advantages .lists .items.even .text p{text-align:left}
.news{background:#f8f8f8;padding:1.12rem 0 2.19rem;}
.company_news>div{background:white;padding:.65rem .47rem 1.14rem}

.company_news .title{padding:0 0 .55rem}
.company_news .title h1{font-size:.33rem;letter-spacing:5px;color:black;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.company_news .title h1:after{position:absolute;content:"";background:black;width:50%;left:0;bottom:0;height:2px;}
.company_news .lists a em{text-transform:uppercase;padding:.3rem 0;display:inline-block;font-size:.15rem;color:black}
.company_news .lists a  h1{font-size:.17rem;font-weight:bold;color:black;margin:0 0 .1rem} 
.company_news .lists a  p{font-size:.14rem;color:#777777;line-height:.25rem;}
.company_news .lists a span{display:inline-block;padding:.3rem 0 0;color:#777777;font-size:.15rem;}
.company_news .lists a:hover img{transform:scale(1.1)}
.company_news  .swiper-page{text-align:center;margin:.9rem 0 0}
.company_news  .swiper-page>*{display:inline-block;vertical-align:middle;}
.company_news  .swiper-page span{width:.3rem;height:.3rem;border-radius:0;line-height:.3rem;color:white;background:none;opacity:1;color:black;font-size:.15rem;border:1px solid black;margin:0 .05rem;border-radius:5px}
.company_news  .swiper-page .slide-button-prev{width:.3rem;height:.3rem;line-height:.28rem;border:1px solid black;font-size:.2rem;border-radius:5px;margin-right:.1rem}
.company_news  .swiper-page .slide-button-next{width:.3rem;height:.3rem;line-height:.28rem;border:1px solid black;font-size:.2rem;border-radius:5px;margin-left:.1rem}
.company_news  .swiper-page  .swiper-pagination-bullet-active,.company_news  .swiper-page span:hover{background:#a62931;color:white;border:1px solid #a62931}
.company_news  .swiper-page .slide-button-prev:hover{background:#a62931;border:1px solid #a62931}
.company_news  .swiper-page .slide-button-prev:hover i{color:white}
.company_news  .swiper-page .slide-button-next:hover{background:#a62931;border:1px solid #a62931}
.company_news  .swiper-page .slide-button-next:hover i{color:white}
.industry_news {margin:.5rem 0 0 }
.industry_news>div{background:white;padding:.65rem .45rem 1.2rem}
.industry_news .title{padding:0 0 .55rem}
.industry_news .title h1{font-size:.33rem;letter-spacing:5px;color:black;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.industry_news .title h1:after{position:absolute;content:"";background:black;width:50%;left:0;bottom:0;height:2px;}
.industry_news  .lists a{display:flex}
.industry_news  .lists a:hover img{transform:scale(1.1)}
.industry_news  .lists a .img{width:34%}
.industry_news  .lists a .text{width:75%;background:#f8f8f8;padding:.45rem 0 0 .4rem}
.industry_news  .lists a .text em{font-size:.15rem;color:black;display:inline-block;padding:0 0 .25rem}
.industry_news  .lists a .text h1{font-size:.16rem;font-weight:bold;color:black;margin:0 0 .1rem}
.industry_news  .lists a .text p{color:#6a6a6a}
.industry_news  .lists a .text span{display:inline-block;padding:.55rem 0 0;color:#545454;font-size:.14rem;font-weight:bold }
.industry_news  .swiper-page{text-align:center;margin:.6rem 0 0}
.industry_news .swiper-page>*{display:inline-block;vertical-align:middle;}
.industry_news  .swiper-page span{width:.3rem;height:.3rem;border-radius:0;line-height:.3rem;color:white;background:none;opacity:1;color:black;font-size:.15rem;border:1px solid black;margin:0 .05rem;border-radius:5px}
.industry_news .swiper-page .slide-button-prev{width:.3rem;height:.3rem;line-height:.28rem;border:1px solid black;font-size:.2rem;border-radius:5px;margin-right:.1rem}
.industry_news  .swiper-page .slide-button-next{width:.3rem;height:.3rem;line-height:.28rem;border:1px solid black;font-size:.2rem;border-radius:5px;margin-left:.1rem}
.industry_news  .swiper-page  .swiper-pagination-bullet-active,.industry_news .swiper-page span:hover{background:#a62931;color:white;border:1px solid #a62931}
.industry_news .swiper-page .slide-button-prev:hover{background:#a62931;border:1px solid #a62931}
.industry_news  .swiper-page .slide-button-prev:hover i{color:white}
.industry_news .swiper-page .slide-button-next:hover{background:#a62931;border:1px solid #a62931}
.industry_news  .swiper-page .slide-button-next:hover i{color:white}
.service{}
.service_join{background:white}
.service_join>div{padding:1.8rem 0 1.33rem}
.service_join .title{padding:0 0 .5rem}
.service_join .title h1{font-size:.33rem;letter-spacing:5px;color:black;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.service_join .title h1:after{position:absolute;content:"";background:black;width:50%;left:0;bottom:0;height:2px;}
.service_join .lists .items{padding:.6rem .4rem .8rem;background:#f7f7f7;display:flex;margin:0 0 .3rem;position:relative}
.service_join .lists .items .left{width:20%;position:relative}
.service_join .lists .items .left:after{content:"";position:absolute;left:0;bottom:-.25rem;height:.03rem;width:.3rem;background:#dfdfdf}
.service_join .lists .items .left h1{font-size:.2rem;font-weight:bold;padding:.3rem 0 0}
.service_join .lists .items  .middle{width:60%;display:flex;flex-direction: column;justify-content: flex-end;}
.service_join .lists .items  .middle p{line-height:.3rem;font-size:.15rem;color:#6b6b6b}
.service_join .lists .items  .num{position:absolute;right:0;top:0;width:.9rem;height:50%;background:#a62931;overflow:hidden;}
.service_join .lists .items  .num p{font-size:.7rem;color:white;position:absolute;bottom:-.24rem;left:50%;transform:translateX(-50%);font-weight:bold}
.service_press>div{padding:1.1rem 0 1.8rem}
.service_press .title{padding:0 0 .9rem}
.service_press .title h1{font-size:.33rem;letter-spacing:5px;color:white;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.service_press .title h1:after{position:absolute;content:"";background:white;width:50%;left:0;bottom:0;height:2px;}
.service_press .lists{position:relative;padding: 0 1.15rem}
.service_press .lists .swiper-slide {height:3.4rem;position:relative}
.service_press .lists .swiper-slide .info{position:absolute;width:100%;}
.service_press .lists .swiper-slide.down .info{bottom:0}
.service_press .lists  .swiper-slide a{position:relative;border:1px dashed #d2d2d2;border-radius:8px;padding:.11rem;text-align:center}
.service_press .lists .swiper-slide a>div{background:#FFF;border-radius:8px;padding:.23rem 0 ;}
.service_press .lists  .swiper-slide a em{font-size:.15rem;color:#080103;margin:.15rem 0 0}
.service_press .lists  .swiper-slide a p{font-size:.17rem;color:#080103;font-weight:bold}
.service_press .lists  a:before{content:"";position:absolute;left:50%;bottom:-.15rem;background:url(/public/common/images/circle.png)no-repeat;height:12px;width:12px;transform:translateX(-50%)}

.service_press .lists .swiper-slide:before{content:"";position:absolute;left:50%;bottom:50%;background:url(/public/common/images/xianxi.png)no-repeat;height:40px;width:1px;transform:translateX(-50%)}
.service_press .lists:after{content:"";position:absolute;height:1px;width:83%;bottom:50%;background:white;transform:translate(-50%,-50%);left:50%}
.service_press .lists .swiper-slide.down:before{top:50%}
.service_press .lists  .swiper-slide.down a:before{top:-.15rem;}

.service_press .lists  .swiper-page>div{position:absolute;width:.5rem;height:.5rem;border:1px solid white;border-radius:100%;line-height:.5rem;text-align:center;font-size:.24rem;color:white;outline:none;z-index:2;top:50%;left:4%;transform:translateY(-50%)}
.service_press .lists  .swiper-page>div.slide-button-next {left:auto;right:4%}
.service_press .lists  .swiper-page>div:hover{background:#a62931;border:1px solid #a62931}
.service_philosophy{background:white}
.service_philosophy>div{padding:1.17rem 0 1.5rem}
.service_philosophy .title{padding:0 0 .78rem}
.service_philosophy .title h1{font-size:.33rem;letter-spacing:5px;color:black;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.service_philosophy .title h1:after{position:absolute;content:"";background:black;width:50%;left:0;bottom:0;height:2px;}
.service_philosophy  .lists{display:flex;justify-content: space-between;}
.service_philosophy  .lists .items{width:28%;position:relative}
.service_philosophy  .lists .items .text{position:absolute;top:0;width:100%;left:50%;transform:translateX(-50%);padding:0 .4rem}
.service_philosophy  .lists .items .text h1{padding:.45rem 0 .5rem;font-size:.22rem;color:white;}
.service_philosophy  .lists .items .text p{color:white;line-height:.25rem;font-size:.15rem}
.service_philosophy  .lists .items  .imgs{position:absolute;bottom:9%;left:10%}
.service_philosophy .txt{padding:1.44rem 0 0;text-align:center}
.service_philosophy .txt h2{font-size:.45rem;color:black;font-weight:bold}
.page_contact>div{padding:1.8rem 0 1.75rem}
.page_contact .top{padding:0 0 .7rem;display:flex;justify-content: space-between;position:relative}
.page_contact .top:after{position:absolute;content:"";background:#dcdcdc;left:50%;transform:translateX(-50%);top:0;width:1px;height:110%}
.page_contact .top .contact {width:47%}
.page_contact .top .contact .title{padding:0 0 .8rem}
.page_contact .top .contact .title h1{font-size:.33rem;letter-spacing:5px;color:black;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.page_contact .top .contact .title h1:after{position:absolute;content:"";background:black;width:50%;left:0;bottom:0;height:2px;}
.page_contact .top .contact .infos>p:nth-child(1){font-size:.23rem;color:#2c2b2b}
.page_contact .top .contact .infos h1{padding:.56rem 0 .22rem;font-size:.3rem;color:black}
.page_contact .top .contact .infos h1 em{color:black;padding:0 .6rem;font-weight:bold;}
.page_contact .top .contact .infos  p:nth-child(3){font-size:.16rem;color:#8b8b8b;padding:0 0 .48rem}
.page_contact .top .contact .infos  ul li p {padding:0 0 .1rem;color:#424242;font-size:.15rem;}
.page_contact .top .message {width:45%}

.page_contact .top .message .title{padding:0 0 .8rem}
.page_contact .top  .message .title h1{font-size:.33rem;letter-spacing:5px;color:black;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.page_contact .top .message .title h1:after{position:absolute;content:"";background:black;width:50%;left:0;bottom:0;height:2px;}
.page_contact .top .message h2{font-size:.3rem;color:black}
.page_contact .top .message .input{padding:.2rem 0 .22rem}
.page_contact .top .message .input input{width:95%;padding:.15rem;border:0;background:#f3f3f3;}
.page_contact .top .message .input  div:nth-child(2){text-align:right;}

.page_contact .top .message .mess  textarea{border:0;background:#f3f3f3;padding:.15rem;height:1.5rem;width:100%;}
.page_contact .top .message  .button {padding:.26rem 0 0}
.page_contact  .top .message .button .but{width:100%;border:0;padding:.15rem ;background:#a62931;color:white;font-size:.15rem}
 .map #container{height:3.5rem}
 .tem_banner .swiper-page{position:absolute;bottom:11%;z-index:2;left:13%}
.tem_banner .swiper-page:after{}
.tem_banner .swiper-page>*{display:inline-block;vertical-align:middle}
.tem_banner .swiper-page .slide-button-prev{color:white;font-size:.2rem;margin:0 .2rem  0 0}
.tem_banner .swiper-page .slide-pagination {padding:.05rem 0 0}
.tem_banner .swiper-page .slide-pagination  span:after{content:"";position:absolute;width:0%;left:50%;height:1px;background:white;top:50%;transform:translateX(-50%);right:50%}
.tem_banner .swiper-page .slide-pagination .swiper-pagination-bullet-active{background:white}
.tem_banner .swiper-page .slide-pagination .swiper-pagination-bullet-active:after{width:80%;transition:.6s}
.tem_banner .swiper-page .slide-pagination span{width:16px;height:16px;background:none;border:2px solid white;opacity:1;margin:0 .1rem;}
.tem_banner .swiper-page .slide-button-next{color:white;font-size:.2rem;margin:0 0  0 .2rem}
.tem_banner .scroll{position:absolute;left:50%;transform:translateX(-50%);bottom:15%;z-index:1}
.tem_banner .scroll h1{font-size:.16rem;color:white;font-weight:bold}
.tem_banner .scroll:after{content:"\f107";position:absolute;font:normal normal normal 14px/1 FontAwesome;font-size:.3rem;left:50%;transform:translateX(-50%);color:white;bottom:-.3rem;animation: dropdown2 .7s 0.2s linear infinite alternate;}
@keyframes dropdown2 {
	form{
		bottom:-.3rem
	}
	to{
		bottom:-.6rem;
	}
}
.tem_banner  .banner_txt{text-align:right;position:absolute;right:2.6rem;top:20%}
.tem_banner  .banner_txt h1{font-size:.65rem;color:white;padding:0 0 .2rem;font-weight:bold;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner .swiper-slide-active .banner_txt h1{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner  .banner_txt p{font-size:.4rem;color:white;letter-spacing:10px;opacity:0;transition:all .5s;transform:translateY(100px)}
.tem_banner .swiper-slide-active .banner_txt p{transition-delay:.6s;transform:none;opacity:1;}
.index_about{background:white}
.index_about>div{padding:1.7rem 0 1.4rem;display:flex;justify-content: space-between;}
.index_about .left{width:62%}

.index_about .left .title{padding:0 0 .35rem}
.index_about .left .title h1{font-size:.5rem;letter-spacing:5px;color:black;position:relative;padding:0 0 .2rem;display:inline-block;font-weight:bold}
.index_about .left .title h1:after{position:absolute;content:"";background:black;width:28%;left:0;bottom:0;height:2px;}
.index_about .left  .content p{line-height:.3rem;font-size:.15rem;color:#5a5a5a}
.index_about .right{display:flex;flex-direction: column;justify-content: center;}
.index_about .right a{padding:.17rem .56rem .17rem .15rem;border-left:1px solid black;font-weight:bold;font-size:.15rem;color:black;position:relative}
.index_about .right a:after{content:"";position:absolute;background:url(/public/common/images/jt2.png)no-repeat;width:.38rem;height:.15rem;background-size:100%;right:.1rem;top:50%;transform:translateY(-50%);animation: dropdown1 .7s 0.2s linear infinite alternate;}
@keyframes dropdown1 {
	form{
		right:.1rem
	}
	to{
		right:0rem;
	}
}
.index_product{background:white}
.index_product .products_recommended .title{text-align:center;padding:0 0 .5rem}
.index_product .products_recommended .title h1{font-size:.35rem;color:black;padding:0 0 .15rem;font-weight:bold;letter-spacing:5px}
.index_product .products_recommended .title p{font-size:.15rem;color:black;letter-spacing:6px;}
.index_product .products_recommended .infos{background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.index_product .products_recommended .infos>div{display:flex;justify-content: flex-end;padding:1.2rem 0 1.3rem;}
.index_product .products_recommended .infos  ul{width:35%;display:flex;flex-wrap: wrap;}
.index_product .products_recommended .infos  ul li{width:50%}
.index_product .products_recommended .infos  ul li a{padding:.6rem 0 .8rem;border:2px solid rgba(255,255,255,.4);text-align:center;margin-left:-2px;margin-bottom:-2px;color:white;font-size:.18rem;background:rgba(0,0,0,.3);position:relative}
.index_product .products_recommended .infos  ul li a:hover{background:rgba(166,41,49,.86)}
.index_product .products_recommended .infos  ul li a:after{content:"+";position:absolute;font-size:.3rem;color:white;left:50%;transform:translateX(-50%);bottom:10%}
.index_product .hot_products>div{padding:0 0 .77rem}
.index_product .hot_products .title{text-align:center;padding:.9rem 0 .5rem}
.index_product .hot_products .title h1{font-size:.35rem;color:black;padding:0 0 .15rem;font-weight:bold;letter-spacing:5px}
.index_product .hot_products .title p{font-size:.15rem;color:black;letter-spacing:6px;}
.index_product .hot_products .lists a{position:relative;}
.index_product .hot_products .lists a:hover img{transform:scale(1.1)}
.index_product .hot_products .lists a .text{position:absolute;left:0;width:100%;bottom:-.8rem;text-align:center;background:rgba(0,0,0,.3);}
.index_product .hot_products .lists a .text h1{padding:.28rem 0;color:white;font-size:.16rem;}
.index_product .hot_products .lists a:hover .text{bottom:0}
.index_product .hot_products .slide-pagination{text-align:center;padding:.62rem  0 0;}
.index_product .hot_products .slide-pagination span{margin:0 .1rem;width:.15rem;height:.15rem;border:1px solid black;opacity:1;background:none;}
 .index_product .hot_products .slide-pagination .swiper-pagination-bullet-active{background:#a62931;border:1px solid #a62931}
.index_service{position:relative;display:flex;justify-content: flex-end;}
.index_service .title{position:absolute;top:15%;left:50%;transform:translateX(-50%)}
.index_service .title h1{font-size:.38rem;color:white;letter-spacing:5px}
.index_service  .infos{width:60%;display:flex}
.index_service  .infos .left{padding:3.3rem 0 2.4rem;width:44%;border-left:2px solid rgba(255,255,255,.4);border-right:2px solid rgba(255,255,255,.4)}
.index_service  .infos .left .text{padding:0 .66rem 0 .22rem}
.index_service  .infos .left .text h1{font-size:.2rem;color:white;padding:.15rem 0 .55rem}
.index_service  .infos .left .text h2{font-size:.16rem;color:white;padding:0 0 .2rem}
.index_service  .infos .left .text p{font-size:.14rem;color:white;line-height:.25rem}
.index_service  .infos .right{width:56%;position:relative}
.index_service  .infos .right .more{position:absolute;width:61%;left:0;;bottom:-.35rem}
.index_service  .infos .right .more a{text-align:center;padding:.15rem 0;background:#a62931;color:white;font-size:.15rem;border-radius:5px}
.index_service  .infos .right .items{height:50%;position:relative;}
.index_service  .infos .right .items1{border-bottom:2px solid rgba(255,255,255,.4);display:flex;flex-direction: column;justify-content: flex-end;}

.index_service  .infos .right .items1 .text{padding:0 0 .37rem .4rem}
.index_service  .infos .right .items1 .text h1{font-size:.2rem;color:white;padding:.2rem  0 0}
.index_service  .infos .right .items2 .text{padding:.77rem 0 0 .4rem}
.index_service  .infos .right .items2 .text h1{font-size:.2rem;color:white;padding:.2rem  0 0}
.index_service>.imgs{position:absolute;left:2.6rem;bottom:-.86rem}
.index_news {background:white;}
.index_news>div{padding:0 0 1rem}
.index_news .title{padding:1.4rem 0 .5rem;text-align:center}
.index_news .title h1{font-size:.35rem;color:black;}
.index_news  .lists{display:flex;justify-content: space-between;}
.index_news  .lists .items{width:29%;padding:0 0 .3rem;position:relative}
.index_news  .lists .items:after{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#b0b0b0;content:""}
.index_news  .lists .items a{position:relative;}
.index_news  .lists .items a .text{position:absolute;bottom:0rem;padding:.25rem .15rem  .3rem .2rem;background:rgba(0,0,0,.7);}
.index_news  .lists .items a:hover .text:after{background:#bf1415;border:1px solid #bf1415;transition:.3s}
.index_news  .lists .items a:hover img{transform:scale(1.1)}
.index_news  .lists .items a .text:after{position:absolute;content:"\f105";font:normal normal normal 14px/1 FontAwesome;width:.35rem;height:.35rem;right:.2rem;top:50%;transform:translateY(-50%);text-align:center;line-height:.35rem;border:1px solid white;font-size:.25rem;color:white;transition:.3s}
.index_news  .lists .items a .text span{color:white;font-size:.14rem;}
.index_news  .lists .items a .text  h1{margin:.2rem 0 .15rem;font-size:.16rem;color:white;width:80%}
.index_news  .lists .items a .text  p{color:white;width:85%}
.index_news  .more {text-align:center;margin:.8rem 0 0}
.index_news  .more a{display:inline-block;padding:.17rem .33rem;border:2px solid #bf1415;border-radius:5px;color:#bf1415;font-weight:bold;font-size:.15rem}
.index_news  .more a:hover{background:#bf1415;color:white}
/**/ 
/********<=767 mobile nav style css********/
.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: 50px;}
.st-container .st-menu {
	background:black;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color: wheat;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #bf1415;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color: #fff;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #444;}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #b3b3b3;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color: #fff;font-weight: bold;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:1660px){
	header .right .top .infos{width:35%}
	.tem_banner .banner_txt{right:1.6rem}
	.tem_banner .swiper-page{bottom:7%}
	.tem_banner .scroll{bottom:7%}
	.index_service>.imgs{left:1.6rem}
	.about_company .middle .left h2{font-size:.17rem}
	.about_company .middle .left h3{font-size:.17rem}
	.about_company .middle{padding:1.02rem 0  0rem 1rem}
	.tem_banner .banner_nav ul{padding:.28rem 0 .28rem 1.6rem}
	.brand_column>div{padding:1.83rem  0 0 1.6rem}
	.brand_column  .content .left:after{height:5.9rem}
}
@media(max-width:1440px){
	.index_service>.imgs{width:16%;bottom:-.7rem}

}
@media(max-width:1300px){
		.brand_column>div{padding:1.83rem  0 0 1rem}
		.branded_advantages .lists .items .text:after{width:6.5rem}

}
@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;}
	.tem_banner.index .txt .title h2{font-size:20px;}
	.tem_banner.index .txt .title p{font-size: 14px;}
}

/********mobile*********/
@media(max-width:767px){
   .tem_banner .banner_txt{right:.6rem}
    .tem_banner .banner_txt h1{font-size:.35rem;}
    .tem_banner .banner_txt p{font-size:.25rem;}
    .tem_banner .swiper-page{left:2%;bottom:2%}
    .tem_banner .scroll{bottom:12%}
    .index_product .products_recommended .infos>div{display:flex;}
    .index_product .products_recommended .infos ul{width:100%}
    .index_service .infos{width:100%}
    .index_service .infos .left{padding:1rem 0 1rem}
    .index_service .infos .left .text{padding:0 .2rem 0 .22rem}
    .index_service .title{top:5%}
    .index_news .lists{display:inherit}
    .index_news .lists .items{width:100%}
    footer .top{padding:0}
    footer .top>div{display:initial;}
footer .top .left{width:100%}
footer .top .right dl dd{display:none}
footer .top .right dl{width:30%}
footer .top .right{display:flex;flex-wrap: wrap;justify-content: space-around;width:100%}
footer .bot .infos{width:100%}
footer .bot .keywords{width:100%}
footer .bot .keywords input{padding:.25rem .4rem .25rem 1.5rem}
footer .top .left h1{padding:.2rem 0 0}
footer .bot>div{padding:0 .1rem}
.about_company span{font-size:.8rem}
.tem_banner .banner_nav ul{width:90%;padding:.28rem 0 .28rem 0.3rem}
.about_company .middle{padding:.2rem}
.about_company .middle .right .img2{display:none}
.about_company .middle{display:inherit}
.about_company .middle .left{width:100%}
.about_company .middle .right .img1{transform:translateY(0);padding:.3rem 0 0}
.about_company .bot ul li p{padding:0}
.about_culture .right ul li{width:1.4rem;height:1.4rem}
.about_culture>div{display:inherit}
.about_culture .right ul li{padding:0}
.about_culture .right ul li .img img{width:60%}
.about_culture .right ul li .text p{display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2}
.about_culture .right .first ul li:nth-child(2):after{display:none}
.about_culture .right .third ul li:nth-child(2):after{display:none}
.about_culture .right .second ul li:nth-child(3):after{display:none}
.about_culture .right .second ul li:nth-child(1):after{display:none}
.about_culture .right .second ul li:nth-child(5):after{display:none}
.about_culture .right .second ul{display:flex;justify-content: flex-end;}
.about_culture .right .third ul:after{width:1.4rem}
.tem_banner .banner_nav ul{display:flex;flex-wrap: wrap;}
.tem_banner .banner_nav{bottom:-.7rem}
.tem_banner .flash .txt{width:100%}
.product .product_con .top{display:inherit}
.product .product_con .top .left{width:100%}
.product .product_con .top .right{width:100%}
.brand_column span{font-size:.8rem}
.brand_column .content{display:inherit}
.brand_column .content .left{width:100%}
.brand_column>div{padding:1.83rem  .2rem .5rem}
.brand_column .content .img{width:100%}
.brand_column .content .left .items .infos{width:50%;margin-left:1rem}
.brand_column .content .left:after{left:40%;height:11rem;background-size:cover}
.brand_positioning .lists ul li .text .img{height:inherit}
.branded_advantages .lists .items .text p{padding:.2rem 0 0}
.branded_advantages .lists{padding:0}
.branded_advantages .lists .items .text:after{width:5.5rem}
.branded_advantages .lists .items .img{width:30%}
.branded_advantages .lists .items .text{width:70%;display:flex;}
.industry_news .lists a{display:inherit}
.industry_news .lists a .img{width:100%}
.industry_news .lists a .text{width:100%;padding:.45rem  .4rem}
.service_join .lists .items{}
.service_join .lists .items .left{width:15%}
.service_join .lists .items .middle{width:70%;padding:0 0 0 .3rem}
.service_press .lists{padding:0 .5rem}
.service_press .lists .swiper-page>div{left:0}
.service_press .lists .swiper-page>div.slide-button-next{right:0}
.service_press .lists .swiper-slide{height:4rem}
.service_philosophy .lists{display:inherit}
.service_philosophy .lists .items{width:100%;margin:0 0 .5rem}
.page_contact .top .message .input div:nth-child(2){text-align:left;margin:.2rem 0 0}
.page_contact .top .contact .infos h1{font-size:.2rem}
.page_contact .top .contact .infos h1 em{padding:0}
footer .top .left .weixin {width:50%}

}