/***** Header *****/
header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);}
header .w1200{height:.93rem;line-height:.93rem}
header .w1200>div{height:.93rem;line-height:.93rem}
header .left ul{display:flex;}
header .left ul li{margin-right:.4rem}
header .left ul li a{display:initial;color:black;font-size:.15rem;font-weight:bold}
header .left ul li a.active{color:#d9261d}
header .left ul li a:hover{color:#d9261d}
header .right ul{display:flex;justify-content: flex-end;}
header .right ul li{margin-left:.4rem}
header .right ul li a{display:initial;color:black;font-size:.15rem;font-weight:bold}
header .right ul li a.active{color:#d9261d}
header .right ul li a:hover{color:#d9261d}
header  .langs{position:absolute;right:8%;top:50%;transform:translateY(-50%)}
header  .langs ul{display:flex}
header  .langs ul li a{font-size:.15rem;color:black}
header  .langs ul li.active a{color:#d9261d}

.tem_banner{padding:.93rem 0 0}
.tem_banner .flash .banner_txt1{position:absolute;left:3.6rem;top:50%;transform:translateY(-50%)}
.tem_banner .flash .banner_txt1 h1{color:white;font-size:.6rem;line-height:.9rem;z-index:2}
.tem_banner .flash .banner_txt1:after{content:"Revitalize";position:absolute;font-size:2rem;text-transform:uppercase;color:rgba(255,255,255,.3);font-weight:bold;;left:0;letter-spacing:15px;transform:translateY(-50%);z-index:-1}
.tem_banner .flash .about_nav{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%}
.tem_banner .flash .about_nav ul{display:flex;justify-content: center;}
.tem_banner .flash .about_nav ul li{border-right:1px solid white}
.tem_banner .flash .about_nav ul li:last-child{border:0}
.tem_banner .flash .about_nav ul li a{padding:0 .5rem;font-size:.18rem;color:white;background:rgba(0,0,0,.5);text-align:center;height:1rem;display:flex;flex-direction: column;justify-content: center;}
.tem_banner .flash .about_nav ul li.active a{background:rgba(255,255,255,.7);color:#d9261d;font-weight:bold}
.tem_banner .flash .about_nav ul li a:hover{background:rgba(255,255,255,.7);color:#d9261d;font-weight:bold}
.tem_banner .flash .banner_txt{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);text-align:center}
.tem_banner .flash .banner_txt h1{color:white;font-size:.6rem;z-index:2;text-transform:uppercase}
.tem_banner .flash .banner_txt p{color:white;font-size:.6rem;z-index:2}
.about_mbx{text-align:right;height:.8rem;line-height:.8rem;}
.about_mbx>div .mbx>*{display:inline-block;font-size:.15rem}
.about_mbx>div .mbx a{margin:0 .2rem;color:#7f7f7f;display:initial}
.about_mbx>div .mbx a:first-child{padding:0 0 0 .3rem;position:relative}
.about_mbx>div .mbx a:first-child:after{content:"";position:absolute;background:url(/public/common/images/home.png)no-repeat;height:21px;width:22px;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.about_mbx>div .mbx i{color:#666666}
.about .about_company{padding:0 0 .24rem}
.about .about_company>div{display:flex;justify-content: space-between;}
.about .about_company .left{width:10%}
.about .about_company .left ul{text-align:center;padding:.54rem 0;background:#f5f5f5}
.about .about_company .left ul li{padding:.18rem 0 }
.about .about_company .left ul li a{font-size:.16rem;color:black}
.about .about_company .left ul li a:hover{color:#d9261d}
.about .about_company .right{width:85%;background:#f5f5f5;padding:0 .4rem 0 .56rem}
.about .about_company .right .title{text-align:center;padding:.53rem 0  .36rem}
.about .about_company .right .title h1{font-size:.3rem;color:black;}
.about .about_company .right .title p{text-transform:uppercase;font-size:.18rem;color:#bebebe;padding:.05rem 0 0}
.about .about_company .right .content{font-size:0}
.about .about_company .right .content>div{display:inline-block;vertical-align:middle}
.about .about_company .right .content .infos{width:40%;background:white;padding: 0 .3rem 0.7rem .65rem;}
.about .about_company .right .content .infos  h1{font-size:.3rem;padding:.35rem 0 .2rem;font-weight:bold}
.about .about_company .right .content .infos  p{font-size:.14rem;line-height:.23rem}
.about .about_company .right .content .img{width:55%}
.about .about_company .right .guimo{padding:.5rem  1.4rem  .3rem 1.24rem;}
.about .about_company .right .guimo ul{display:flex;flex-wrap: wrap;justify-content: flex-end;position:relative}
.about .about_company .right .guimo ul:after{content:"";position:absolute;background:url(/public/common/images/circle.png)no-repeat;width:.16rem;height:1.18rem;left:-.3rem;top:8%;background-size:100%}
.about .about_company .right .guimo ul li:first-child{width:100%;}
.about .about_company .right .guimo ul li {width:30%;margin:0 0 .4rem}
.about .about_company .right .guimo ul li  p{font-size:.14rem;color:black}
.about .about_company .right .guimo ul li  p em{font-size:.35rem;font-weight:bold;color:#d9261d}
.about .about_culture{background-repeat:no-repeat;background-position:0 0;background-size:cover;border-top:2px solid #d9261d;margin:}
.about .about_culture .title{text-align:center;padding:.65rem 0 1.3rem}
.about .about_culture .title h1{font-size:.25rem;color:white}
.about .about_culture .title p{text-transform:uppercase;font-size:.16rem;color:white;padding:.05rem 0 0}
.about .about_culture .lists{padding:0 2.3rem .8rem;display:flex;justify-content: space-between;}
.about .about_culture .lists .items{text-align:center;border:1px solid white;border-radius:100%;position:relative;display:flex;flex-direction: column;justify-content: center;}
.about .about_culture .lists .items .infos{padding:0 .4rem;z-index:1}
.about .about_culture .lists .items h1{font-size:.18rem;color:#d9261d;padding:0 0 .25rem;font-weight:bold}
.about .about_culture .lists .items p{font-size:.15rem;color:white}
.about .about_culture .lists .items1{width:2.5rem;height:2.5rem;transform:translateY(-.8rem)}
.about .about_culture .lists .items1:after{content:"";position:absolute;background:rgba(0,0,0,.5);width:2.3rem;height:2.3rem;border-radius:100%;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%)}
.about .about_culture .lists .items2{width:4rem;height:4rem;}
.about .about_culture .lists .items2:after{content:"";position:absolute;background:rgba(0,0,0,.5);width:3.8rem;height:3.8rem;border-radius:100%;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%)}
.about .about_culture .lists .items3{width:4.5rem;height:4.5rem;transform:translateY(-1.36rem)}
.about .about_culture .lists .items3:after{content:"";position:absolute;background:rgba(0,0,0,.5);width:4.3rem;height:4.3rem;border-radius:100%;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%)}
.about .about_culture .lists .items4{width:2.5rem;height:2.5rem;transform:translateY(-1.2rem)}
.about .about_culture .lists .items4:after{content:"";position:absolute;background:rgba(0,0,0,.5);width:2.3rem;height:2.3rem;border-radius:100%;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%)}
.about .about_structure{background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.about .about_structure>div{padding:0 0 1.1rem}
.about .about_structure .title{text-align:center;padding:1.08rem 0 .6rem}

.about .about_structure .title h1{font-size:.25rem;color:white}
.about .about_structure .title p{text-transform:uppercase;font-size:.16rem;color:white;padding:.05rem 0 0}
.about .about_honor .title{padding:1.44rem 0  .7rem;text-align:center}
.about .about_honor>div{padding:0 0 1rem}
.about .about_honor .title h1{font-size:.25rem;color:black}
.about .about_honor .title p{text-transform:uppercase;font-size:.16rem;color:#bebebe;padding:.05rem 0 0}
.about .about_honor  .lists{position:relative}
.about .about_honor  .lists a{overflow:hidden}
.about .about_honor  .lists a:hover img{transform:scale(1.1)}
.about .about_honor  .lists  p{text-align:center;padding:.2rem 0 0;font-size:.15rem;color:#929292}
.about_honor .lists .slide-button-prev{position:absolute;top:50%;transform:translateY(-50%);left:-.7rem;width:.4rem;height:.4rem;background:#eeeeee;border-radius:100%;line-height:.4rem;text-align:center;color:#a8a8a8;font-size:.35rem}
.about_honor .lists .slide-button-next {position:absolute;top:50%;transform:translateY(-50%);right:-.7rem;width:.4rem;height:.4rem;background:#eeeeee;border-radius:100%;line-height:.4rem;text-align:center;color:#a8a8a8;font-size:.35rem}
.about_honor .lists .slide-button-prev:hover{background:#d9261d;color:white}
.about_honor .lists .slide-button-next:hover{background:#d9261d;color:white}
.about .about_style{background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.about .about_style>div{padding:0 0 .8rem}
.about .about_style .title{padding:.5rem 0 .27rem;text-align:center}
.about .about_style .title h1{font-size:.25rem;color:white}
.about .about_style .title p{text-transform:uppercase;font-size:.16rem;color:white;padding:.05rem 0 0}
.about .about_style  .lists{padding:0 1.1rem;position:relative}
.about .about_style  .lists p{text-align:center;padding:.25rem 0 0;color:white;font-size:.18rem}
.about .about_style  .lists .slide-button-prev{position:absolute;top:50%;transform:translateY(-50%);left:0rem;width:.4rem;height:.4rem;background:#eeeeee;border-radius:100%;line-height:.4rem;text-align:center;color:#a8a8a8;font-size:.35rem}
.about .about_style  .lists .slide-button-next {position:absolute;top:50%;transform:translateY(-50%);right:0rem;width:.4rem;height:.4rem;background:#eeeeee;border-radius:100%;line-height:.4rem;text-align:center;color:#a8a8a8;font-size:.35rem}
.about .about_style  .lists .slide-button-prev:hover{background:#d9261d;color:white}
.about .about_style  .lists .slide-button-next:hover{background:#d9261d;color:white}
footer {background:#313131}
footer  .top{border-bottom:1px solid #535353}
footer  .top>div{display:flex;padding:.37rem 0 .21rem;justify-content: space-between;}
footer  .top .fotnav dl a{color:white}
footer  .top .logo{width:30%} 
footer  .top .logo a{display:inline-block}
footer  .top .fotnav {width:60%;padding:.15rem 0 }
footer  .top .fotnav dt{display:flex;justify-content: space-between;}
footer  .top .fotnav  dt dl{width:16%;}
footer  .top .fotnav  dt dl:last-child a:after{display:none}
footer  .top .fotnav  dt dl a{font-size:.15rem;position:relative}
footer  .top .fotnav  dt dl a:after{content:"";background:white;position:absolute;height:3px;width:3px;border-radius:100%;right:20%;top:50%;transform:translateY(-50%)}
footer  .middle{border-bottom:1px solid #535353}
footer  .middle>div{display:flex;justify-content: space-between;padding:.26rem 0 .36rem}
footer  .middle .left{width:30%}
footer  .middle .left>p{color:#717171;font-size:.15rem;padding:0 0 .15rem}
footer  .middle .left .imgs {display:inline-block;padding:.2rem 0 0}
footer  .middle .left .imgs p{color:#717171;font-size:.14rem;padding:.15rem 0 0;text-align:center}
footer  .middle .right{width:60%;display:flex;justify-content: space-between;}
footer  .middle .right dl{width:16%;}
footer  .middle .right dl dd {margin:0 0 .15rem}
footer  .middle .right dl dd a{color:#a3a3a3;font-size:.13rem;display:inline-block}
footer .bot{padding:.21rem 0 ;text-align:center}
footer .bot p{color:#e1e1e1;font-size:.14rem}
footer .bot p a{font-size:.14rem;color:#FFF;display:inline-block;}
.pro_mbx{text-align:right;height:.8rem;line-height:.8rem;border-bottom:1px solid #d2d2d2}
.pro_mbx>div .mbx>*{display:inline-block;font-size:.15rem}
.pro_mbx>div .mbx a{margin:0 .2rem;color:#7f7f7f;display:initial}
.pro_mbx>div .mbx a:first-child{padding:0 0 0 .3rem;position:relative}
.pro_mbx>div .mbx a:first-child:after{content:"";position:absolute;background:url(/public/common/images/home.png)no-repeat;height:21px;width:22px;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.pro_mbx>div .mbx i{color:#666666}
.pro_list >div{padding:0 0 1.3rem}
.pro_list .pro_nav{padding:.6rem 0 1.25rem}
.pro_list .pro_nav ul{display:flex;padding:0 .3rem}
.pro_list .pro_nav ul li{width:20%;text-align:center}
.pro_list .pro_nav ul li a{padding:.2rem  0 ;border:1px solid #d2d2d2;margin-left:-1px;font-size:.15rem;color:#737373}
.pro_list .pro_nav ul li.active a{background:#d9261d;color:white}{}
.pro_list .pro_nav ul li a:hover{background:#d9261d;color:white}
.pro_list .lists{}
.pro_list .lists .items{padding:0 .3rem;margin:0 0 1.4rem}
.pro_list .lists .items .img{padding:0 0 .15rem}
.pro_list .lists .items h1{padding:.2rem 0 0;text-align:center;font-weight:bold;font-size:.15rem;position:relative;color:black}
.pro_list .lists .items h1:after{content:"";position:absolute;top:0;width:100%;left:0;height:1px;background:#d2d2d2}
.pro_list .lists .items a h1:before{content:"";position:absolute;top:0;width:0;left:0;height:1px;background:#d9261d;z-index:1;transition:.6s}
.pro_list .lists .items a:hover h1:before{width:100%;transition:.6s}
.pro_list .lists .items a:hover .img{transform:scale(1.1)}
.pro_list  .met_pager{text-align:center;font-size: 0;padding:0}
.met_pager .PreSpan,.met_pager .NextSpan,.met_pager a{
  background: #c9c9c9; font-size: 13px; color: black; margin: 0 5px; display: inline-block;
  min-width: 16px; padding: 5px; line-height: 16px; border-radius: 10px;
  transition: all 0.1s;
  height:28px;width:28px;
  border:0

}
.met_pager .null{display:none}
.met_pager a.page-num-current, .met_pager a:hover{background:#d9261d;color:white;transition:.3s}
.met_pager a:hover i{color:white}
.product>div{display:flex;padding:.88rem 0 2.36rem;justify-content: space-between;}
.product .left{width:48%}
.product .right{width:50%;position:relative;}
.product .right .infos {padding:.5rem 0 0}
.product .right .infos h2{font-size:.16rem;font-weight:bold}
.product .left .imglist{position:relative;padding: 0 .3rem;}
.product .left .imglist .img{border:2px solid #f0f0f0}
.product .left .imglist  .swiper-slide-thumb-active .img{border:2px solid #d9261d;}
.product .left .imglist  .slide-button-prev {position:absolute;left:0;top:50%;transform:translateY(-50%);color:black;font-size:.2rem}
.product .left .imglist  .slide-button-next {position:absolute;right:0;top:50%;transform:translateY(-50%);color:black;font-size:.2rem}
.project .project_process>div{padding:0 0 .66rem}
.project .project_process .title{text-align:center;padding:.6rem 0 .65rem}
.project .project_process .title h1{font-size:.25rem;font-weight:bold;}
.project .project_process .title p{font-size:.14rem;color:black;padding:.18rem 0 0}
.project .project_process .lists .items{margin:0 0 .3rem}
.project .project_process .lists .items.rlt a{flex-direction:row-reverse}
.project .project_process .lists .items a{display:flex;justify-content: space-between;}
.project .project_process .lists .items a .img{width:60%}
.project .project_process .lists .items a .img:after{}
.project .project_process .lists .items a .img:after{position:absolute;content:"";color:white;font-size:3rem;left:50%;top:50%;transform:translate(-50%,-50%);width:1.19rem;height:1.19rem;background:url(/public/common/images/play.png)no-repeat;background-size:100%}
.project .project_process .lists .items a:hover .img:after{background:url(/public/common/images/play_on.png)no-repeat;background-size:100%;transition:.3s}  
.project .project_process .lists .items a  .tit{width:40%;display:flex;flex-direction: column;justify-content: center;}
.project .project_process .lists .items a  .tit h1{margin:0 auto;font-size:.18rem;color:black;position:relative;padding:0 0 .1rem}
.project .project_process .lists .items a  .tit h1:after{content:"";position:absolute;bottom:0;left:0;width:50%;background:#9a9a9a;height:3px}
.project .project_process .lists .items a  .tit h1:before{content:"";position:absolute;bottom:0;left:0;width:0;background:#d9261d;height:3px;z-index:2;transition:.6s}
.project .project_process .lists .items a:hover  .tit h1:before{width:50%;transition:.6s;}
.project  .project_workshop{background:#f9f9f9}
.project  .project_workshop>div{padding:0 0 1.55rem}
.project  .project_workshop .title{text-align:center;padding:1.1rem 0  .6rem}
.project .project_workshop  .title h1{font-size:.25rem;font-weight:bold;}
.project .project_workshop  .title p{font-size:.14rem;color:black;padding:.18rem 0 0}
.project .project_workshop  .lists{padding:0 .7rem;position:relative}
.project .project_workshop  .lists .slide-button-prev{position:absolute;top:50%;transform:translateY(-50%);left:0rem;width:.5rem;height:.5rem;background:#eeeeee;border-radius:100%;line-height:.5rem;text-align:center;color:#a8a8a8;font-size:.35rem}
.project .project_workshop  .lists  .slide-button-next {position:absolute;top:50%;transform:translateY(-50%);right:0rem;width:.5rem;height:.5rem;background:#eeeeee;border-radius:100%;line-height:.5rem;text-align:center;color:#a8a8a8;font-size:.35rem}
.project .project_workshop  .lists .slide-button-prev:hover{background:#d9261d}
.project .project_workshop  .lists .slide-button-prev:hover i{color:white}
.project .project_workshop  .lists .slide-button-next:hover{background:#d9261d;}
.project .project_workshop  .lists .slide-button-next:hover i{color:white}
.news .company_news>div{padding:0 0 .7rem}
.news .company_news .title{text-align:center;padding:0 0 .6rem}
.news .company_news .title h1{font-size:.3rem;font-weight:bold}
.news .company_news  .lists .text{padding:.3rem .2rem  .7rem;border:1px solid #e5e5e5}
.news .company_news  .lists .text span{padding: .09rem .1rem;display:inline-block;background:#d9261d;border-radius:5px;color:white}
.news .company_news  .lists .text  h1{margin:.2rem 0 .6rem;font-size:.15rem;font-weight:bold;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;color:black}
.news .company_news  .lists .text em{padding:0 0 0 .25rem;color:#afafaf;position:relative}
.news .company_news  .lists .text em:after{position:absolute;content:"";background:url(/public/common/images/date.png)no-repeat;width:17px;height:18px;left:0;top:50%;transform:translateY(-50%)}
.news .company_news  .lists a:hover img{transform:scale(1.1)}
.news .company_news  .lists .slide-pagination{margin:.37rem 0 0;text-align:center}

.news .company_news  .lists .slide-pagination span {opacity:1;outline:none; height:28px;width:28px;line-height:28px;border-radius: 10px; background: #c9c9c9; font-size: 13px; color: black; margin: 0 5px;}
.news .company_news  .lists .slide-pagination span.swiper-pagination-bullet-active,.news .company_news  .lists .slide-pagination span:hover{background:#d9261d;color:#FFF}
.news .company_industry{background:#f9f9f9}
.news .company_industry>div{padding:0 0 .68rem}
.news .company_industry .title{text-align:center;padding:.7rem  0 .5rem}
.news .company_industry .title h1{font-size:.3rem;font-weight:bold}
.news .company_industry .lists .items{display:flex;padding:.2rem;background:white;margin:0 0 .66rem}
.news .company_industry .lists .items.rl .text .more{text-align:right}
.news .company_industry .lists .items.rlt{flex-direction:row-reverse}
.news .company_industry .lists .img{width:48%}
.news .company_industry .lists .text{width:52%;padding:.35rem  .48rem .3rem}
.news .company_industry .lists .text h1{font-size:.16rem;font-weight:bold;margin:0 0 .2rem}
.news .company_industry .lists .text  p{line-height:.25rem;font-size:.14rem;color:black}
.news .company_industry .lists .text  .more{margin:1rem 0 0}
.news .company_industry .lists .text  .more a{padding:.1rem .3rem;background:#d9261d;display:inline-block;color:white;font-size:.14rem}
.service .service_partner>div{padding:0 0 1.6rem}
.service .service_partner .title{text-align:center;padding:1rem 0 .8rem}
.service .service_partner .title h1{font-size:.25rem;font-weight:bold}
.service .service_partner .title p{font-size:.18rem;text-transform:uppercase;color:#bebebe;padding:.1rem 0 0 }
.service .service_partner  .lists{position:relative}

.service .service_partner  .lists .slide-button-prev{position:absolute;top:50%;transform:translateY(-50%);left:-.8rem;width:.5rem;height:.5rem;background:#eeeeee;border-radius:100%;line-height:.5rem;text-align:center;color:#a8a8a8;font-size:.35rem}
.service .service_partner  .lists  .slide-button-next {position:absolute;top:50%;transform:translateY(-50%);right:-.8rem;width:.5rem;height:.5rem;background:#eeeeee;border-radius:100%;line-height:.5rem;text-align:center;color:#a8a8a8;font-size:.35rem}
.service .service_partner  .lists .slide-button-prev:hover{background:#d9261d}
.service .service_partner  .lists .slide-button-prev:hover i{color:white}
.service .service_partner  .lists .slide-button-next:hover{background:#d9261d;}
.service .service_partner  .lists .slide-button-next:hover i{color:white}
.service .service_content{background-repeat:no-repeat;background-position:0 0;background-size:cover;height:7.8rem;position:relative}
.service .service_content .text{position:absolute;top:60%;right:1.6rem;width:30%;transform:translateY(-50%);padding:0 0 1.7rem}
.service .service_content .text p{color:white;line-height:.25rem;font-size:.15rem}
.service .service_content .text:after{content:"";position:absolute;background:url(/public/common/images/bz.png)no-repeat;width:1.52rem;height:.79rem;background-size:100%;right:0;bottom:0}
.page_contact{background:#f8f8f8;padding:.44rem 0  0 }
.page_contact>div{background:white;border-top:5px solid #d9261d}
.page_contact .contact .infos {padding:.8rem 0rem .5rem;}
.page_contact .contact .infos ul{display:flex}
.page_contact .contact .infos ul li{text-align:center;width:25%}
.page_contact .contact .infos ul li h1{padding:.1rem 0;font-size:.18rem;font-weight:bold;color:black}}
.page_contact .contact .infos ul li h2{color:black;font-size:.15rem;}
.page_contact .contact .map #container{height:4.3rem}
.page_contact   .message>div{padding:0 0 2.2rem}
.page_contact   .message  .title{padding:.6rem 0 .43rem;text-align:center}
.page_contact   .message  .title h1{font-size:.3rem;}
.page_contact   .message  .form{padding:.48rem  .8rem  .5rem;background:#f8f8f8}
.page_contact   .message  .form .top{display:flex;justify-content: space-between;}
.page_contact   .message  .form .top .input{width:31%}
.page_contact   .message  .form  p{font-size:.16rem;padding: 0 0 .2rem}
.page_contact   .message  .form .top .input input{width:100%;padding: .2rem;background:#e5e5e5;border:0}
.page_contact   .message  .form .bot {padding:.6rem 0 }
.page_contact   .message  .form .bot .content{width:100%;height:2rem;padding:.1rem .2rem;background:#e5e5e5;border:0}
.page_contact   .message  .form .button{text-align:center;}
.page_contact   .message  .form .button input{padding:.15rem .5rem;background:#d9261d;border:0;color:white}
.tem_banner  .txt{position:absolute;left:3.6rem;top:45%;transform:translateY(-50%);text-align:left}
.tem_banner  .txt h1{font-size:.35rem;padding:0 0 .45rem;color:#d9261d;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner  .swiper-slide-active .txt h1{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner  .txt p{font-size:.5rem;color:white;letter-spacing:5px;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner  .swiper-slide-active .txt p{transition-delay:.6s;transform:none;opacity:1;}
.index_about .lists{display:flex}
.index_about .lists .items{width:50%;;position:relative;z-index:2;transform:translateY(-.7rem);padding:0 .15rem;}

.index_about .lists .items a .text{position:absolute;bottom:9%;left:8%}
.index_about .lists .items a .text h1{color:white;font-size:.15rem;padding:0 0 .1rem}
.index_about .lists .items a .text p{color:white;font-size:.18rem}
.index_about .lists .items .img img {width:100%;height:5.96rem;object-fit:cover;transition:none}
.index_product{background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.index_product>div{padding:0 0  .85rem}
.index_product .title{text-align:center;padding:.94rem 0 .76rem}
.index_product .title h1{color:white;font-size:.3rem;padding:0 0 .2rem}
.index_product .title p{color:white;font-size:.15rem}
.index_product .lists{position:relative}
.index_product .lists a{position:relative}
.index_product .lists a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#99bdd9}
.index_product .lists a:before{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;background:#d9261d;z-index:2;transform:translateX(-50%);transition:.6s;}
.index_product .lists a:hover:before{width:100%;transition:.6s;}
.index_product .lists a:hover .text h1{color:#d9261d}
.index_product .lists a .text{padding:.7rem 0;text-align:center}
.index_product .lists a .text h1{font-size:.2rem;color:white}
.index_product .more{margin-top:.6rem;text-align:center}
.index_product .more a{background:#d9261d;display:inline-block;padding:.12rem .7rem;border-radius:25px;color:white;font-size:.15rem}
.index_product .lists .slide-button-prev{position:absolute;top:50%;transform:translateY(-50%);left:-1rem;width:.35rem;height:.35rem;border-radius:100%;line-height:.35rem;text-align:center;color:white;font-size:.2rem;border:1px solid white}
.index_product .lists .slide-button-next {position:absolute;top:50%;transform:translateY(-50%);right:-1rem;width:.35rem;height:.35rem;border-radius:100%;line-height:.35rem;text-align:center;color:white;font-size:.2rem;border:1px solid white}
.index_workshop>div{padding:0 0 .96rem}
.index_workshop .title{text-align:center;padding:.78rem 0 .7rem}
.index_workshop .title h1{font-size:.3rem;font-weight:bold}
.index_workshop .title p{font-size:.15rem;color:black;padding:.2rem  0 0}
.index_workshop  .infos ul{display:flex;justify-content: space-between;}
.index_workshop  .infos ul li{width:20%;text-align:center}
.index_workshop  .infos ul li .text h1{padding:.3rem 0 .25rem;font-size:.17rem;color:black;font-weight:bold}
.index_workshop  .infos ul li .text  p{font-size:.14rem;color:#6d6d6d;line-height:.25rem;}
.index_workshop  .more{margin-top:.76rem;text-align:center}
.index_workshop   .more a{background:#d9261d;display:inline-block;padding:.12rem .7rem;border-radius:25px;color:white;font-size:.15rem}
.index_partners {background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.index_partners .top{padding:2.1rem 0  2.1rem}
.index_partners .top h1{font-size:.35rem;color:white}
.index_partners .top p{font-size:.15rem;color:white;padding:.25rem 0 0;width:50%}
.index_partners  .middle{background:rgba(255,255,255,.7);padding:.7rem 0}
.index_partners   .lists {position:relative}
.index_partners   .lists .slide-button-prev{position:absolute;top:50%;transform:translateY(-50%);left:-.5rem;width:.5rem;height:.5rem;background:#eeeeee;border-radius:100%;line-height:.5rem;text-align:center;color:#a8a8a8;font-size:.35rem}
.index_partners   .lists  .slide-button-next {position:absolute;top:50%;transform:translateY(-50%);right:-.5rem;width:.5rem;height:.5rem;background:#eeeeee;border-radius:100%;line-height:.5rem;text-align:center;color:#a8a8a8;font-size:.35rem}
.index_news>div{padding:1.4rem 0 1.4rem}
.index_news  .lists .text{padding:.3rem .2rem  .7rem;border:1px solid #e5e5e5}
.index_news  .lists .text span{padding: .09rem .1rem;display:inline-block;background:#d9261d;border-radius:5px;color:white}
.index_news  .lists .text  h1{margin:.2rem 0 .6rem;font-size:.15rem;font-weight:bold;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;color:black}
.index_news  .lists .text em{padding:0 0 0 .25rem;color:#afafaf;position:relative}
.index_news  .lists .text em:after{position:absolute;content:"";background:url(/public/common/images/date.png)no-repeat;width:17px;height:18px;left:0;top:50%;transform:translateY(-50%)}
.index_news  .lists a:hover img{transform:scale(1.1)}
.index_news  .lists .slide-pagination{margin:.37rem 0 0;text-align:center}
.index_news   .more{margin-top:.5rem;text-align:center}
.index_news    .more a{background:#d9261d;display:inline-block;padding:.12rem .7rem;border-radius:25px;color:white;font-size:.15rem}
.job{background: url(/public/common/images/jobbg.png)no-repeat right 0;}
.job>div{padding: 0 0 1rem}
.job .title{padding:.6rem 0}
.job .title p{font-size:.2rem;text-transform:uppercase;letter-spacing:2px}
.job .title h1{font-size:.23rem;font-weight:bold;padding:.23rem 0  .1rem;display:inline-block;;border-bottom:3px solid black}
.job .lists .items{padding:0 .5rem 0rem;background-color:#eeeeee;margin-bottom:.2rem}
.job .lists .items>a{padding:.27rem 0;font-size:.16rem;color:black}
.job .lists .items>a div:last-child i{height:.25rem;width:.25rem;border:1px solid #4c2d46;text-align:center;border-radius:50%;line-height:.25rem;color:#4c2d46}
.job .lists .items.opens>a div:last-child i{transform:rotate(180deg);background:#d9261d;color:white;border:0}
.job .lists .items .content{transition:0s;display:none;padding: 0 0 .83rem;}
.job .lists .items .content .infos{background:white;}
.job .lists .items .content .top {border-bottom:1px solid #e5e5e5}
.job .lists .items .content .top  ul{padding:.3rem}
.job .lists .items .content .top  ul li{display:inline-block;width:16%}
.job .lists .items .content .bottom{padding:.4rem .5rem .4rem .3rem;position:relative;}
.job .lists .items .content .bottom a{position:absolute;right:10%;bottom:10%;padding:.14rem .6rem;background:#d9261d;color:white;border-radius:10px;font-size:.15rem}
/********<=767 mobile nav style css********/
.m-header {background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #d9261d;}    
/*.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: #d9261d;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: #d9261d;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){
    header .left ul{display:flex;justify-content: center;}
    header .right ul{display:flex;justify-content: center;}
    .tem_banner .txt{left:2rem}
    .tem_banner .flash .banner_txt1{left:2rem}
    .tem_banner .flash .about_nav ul li a{padding:.3rem .5rem;}
    .about .about_culture .lists{padding:0 .5rem .8rem}
    .service .service_content .text{padding:0 0 1rem;top:70%;right:1rem}
    header .langs{right:5%}

}
@media(max-width:1440px){
    header .langs{right:2%}
     header  .img img{width:70%}
    .tem_banner .txt{left:1.6rem}
    .tem_banner .flash .banner_txt1{left:1rem}
    .about .about_company .left{width:12%}
    .about .about_company .right{padding:0 .3rem 0 .4rem}
    .about .about_company .right .content .infos{padding:0 .3rem 0.5rem .3rem}
}
@media(max-width:1440px){
    
}
@media(max-width:1300px){
     header  .img img{width:63%}
    .index_product .lists .slide-button-prev{left:-.5rem;}
.index_product .lists .slide-button-next {right:-.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 .txt h1{font-size:.25rem;padding:0 0 .2rem}
    .tem_banner .txt{left:.2rem}
    .tem_banner .txt p{font-size:.2rem}
   .index_about .lists .items2,.index_about .lists .items4{transform:translateY(-.6rem)}
 .index_about .lists .items1, .index_about .lists .items3{transform:translateY(-.2rem)}
 .index_product .lists{padding:0 .4rem}
     .index_product .lists .slide-button-prev{left:-0rem;}
.index_product .lists .slide-button-next {right:-0rem;}
.index_workshop .infos ul li{width:22%}
.index_partners   .lists{padding:0 .4rem}
.index_partners   .lists .slide-button-prev{left:-.2rem;}
.index_partners   .lists  .slide-button-next {right:-.2rem;}
.index_news .lists .text em{padding:0 0 0 .4rem}
footer .top>div{display:inherit}
footer .top .fotnav{width:100%}
footer .middle>div{display:inherit}
footer .middle .left{display:none}
footer .middle .right{width:100%}
footer .top .fotnav dt dl a:after{display:none}
.tem_banner .flash .banner_txt1 h1{font-size:.3rem;line-height:.5rem}
.tem_banner .flash .banner_txt1:after{font-size:.5rem}
.tem_banner .flash .about_nav ul{display:flex;flex-wrap: wrap;}
.tem_banner .flash .about_nav ul li{width:50%;text-align:center}
.tem_banner .flash .about_nav ul li a{padding:.2rem 0 }
.about .about_company .left{width:22%}
.about .about_company .right{width:76%}
.about .about_company .right .content .infos{width:100%}
.about .about_company .right .content .img{width:100%}
.about .about_company .right .guimo{padding:0}
.about .about_company .right .guimo ul li{width:50%}
.about .about_culture .lists{display:flex;flex-wrap: wrap;}
.about .about_culture .lists .items2{width:4rem;height:4rem}
.about .about_culture .lists .items2:after{width:3.8rem;height:3.8rem}
.about .about_culture .lists .items3{transform:translateY(0);}
.about .about_culture .lists .items .infos{padding}
.about .about_culture .lists .items4{width:2rem;height:2rem;transform:translateY(0)}
.about .about_culture .lists .items4:after{width:1.8rem;height:1.8rem}
.about .about_culture .lists .items4 .infos{padding:0}
.tem_banner .flash .banner_txt h1{color:white;font-size:.3rem;line-height:.3rem;}
.tem_banner .flash .banner_txt p{color:white;font-size:.3rem;line-height:.3rem;z-index:2;padding:.1rem 0 0}
.about_mbx>div .mbx a:first-child{padding:0 0 0 .5rem}
.pro_mbx>div .mbx a:first-child{padding:0 0 0 .5rem}
.product>div{display:inherit}
.product .left{width:100%}
.product .right .imglist{position:inherit}
.product .right{width:100%}
.product .right .infos{padding:.5rem 0 ;text-align:center}
.news .company_news  .lists .text em{padding:0 0 0 .4rem}
.news .company_industry .lists .items{display:inherit}
.news .company_industry .lists .img{width:100%}
.news .company_industry .lists .text{width:100%}
.news .company_industry .lists .items.rlt .text .more{text-align:right}

.service .service_partner  .lists{padding:0 .4rem}
.service .service_partner  .lists .slide-button-prev{left:-.2rem;}
.service .service_partner  .lists .slide-button-next {right:-.2rem;}
.service .service_content .text{width:80%;top:50%}
.page_contact .message .form .top{display:inherit}
.page_contact .message .form .top .input{width:100%}
.page_contact .message .form{padding:.2rem}
.index_partners .top p{width:100%}
}