.header {position:relative;top:0;left:0;width:100%;z-index:20;background:white}
.header.on{position:fixed;top:0;left:0;width:100%;z-index:20;background:rgba(255,255,255,0.5)}
.header .xss>div .top p{padding:.2rem 0 .3rem}
.header .xss>div  a{display:inline-block;padding:0 0 .2rem;font-weight:bold;font-size:.15rem;}
.header .xss>div  a:hover{color:#e52028}
.header .xss>div  a.active{color:#e52028}
.header .xss>div:nth-child(1)  a{padding-right:.63rem;}
.header .xss>div:nth-child(3)  a{padding-left:.63rem;}
.tem_banner .flash{position:relative}
.tem_banner .flash .navlist{position:absolute;top:0;width:100%;background-color:rgba(9,13,14,0.3)}
.tem_banner .flash .navlist  ul {font-size:0}
.tem_banner .flash .navlist  ul li{display:inline-block;padding:.28rem .8rem;border-right:2px solid  #39506b}
.tem_banner .flash .navlist  ul li:first-child{padding:.25rem;border:0;background-color:#0b243d}
.tem_banner .flash .navlist  ul li:first-child a{font-size:.18rem}
.tem_banner .flash .navlist  ul li a{color:white;font-size:.15rem}
.tem_banner .flash .navlist  ul li a.active{color:#e52028}
.tem_banner .flash .navlist  ul li a:hover{color:#e52028}
.tem_banner .flash  .txt{position:absolute;left:50%;top:50%;color:white;transform:translateX(-50%);text-align:center}
.tem_banner .flash  .txt h1{font-size:.45rem;}
.tem_banner .flash  .txt p{font-size:.2rem;padding:.2rem 0 0 }

.company .top {text-align:center;}
.company .top h1{text-align:center;font-size:.4rem;font-weight:bold;padding:.6rem 0 .39rem}
.company .top p{display:inline-block;width:50%;color:#7e7d7c;font-size:.15rem;line-height:.3rem}
.company .infos {padding:.77rem 0 1.07rem}
.company .infos ul li{text-align:center;display:inline-block;width:25%;vertical-align:top}
.company .infos ul li h2{padding:.56rem 0 .33rem;font-size:.2rem;font-weight:bold}
.company .middle{background: url(/public/common/images/aboutbg.jpg) no-repeat 0 0;position:relative}
.company .middle:before{content:'\f175';font:normal normal normal 14px/1 FontAwesome;position:absolute;width:.6rem;height:.6rem;background:#e52028;line-height:.6rem;text-align:center;border-radius:50%;color:white;left:50%;transform:translateX(-50%);top:-.3rem;font-size:.2rem}
.company .middle>div>p{padding:.7rem 0 .4rem;text-align:center;font-size:.16rem;color:black}
.company .middle>div h1{text-align:center;font-size:.3rem;font-weight:bold;padding:0 0 .73rem}
.company .middle>div .content{padding:0 0 1.13rem}
.company .middle>div .content p{line-height:.3rem}
.company .middle>div .content .left{display:inline-block;width:40%;margin-left:1rem}
.company .middle>div .content .right{display:inline-block;width:40%;vertical-align:top;margin-left:1rem}
.company .bottom{padding:0 0 .67rem}
.company .bottom>div h1{padding:.82rem 0 .5rem;text-align:center;font-size:.3rem;font-weight:bold}
.company .bottom .lists .swiper-slide .items{padding:0 .2rem;}
.company .bottom .lists .swiper-slide .items a{overflow:hidden}
.company .bottom .lists .items a:hover img{transform:scale(1.1)}
.company .bottom .lists .slide-pagination{margin:.5rem 0 0;text-align:center;}
.company .bottom .lists .slide-pagination span{opacity:1;outline:none;margin:0 4px;width:.3rem;height:.3rem;border:1px solid #aaa;border-radius:100%;line-height:.3rem;font-size:.16rem;color:#2e2e2e;background:none;}
.company .bottom .lists .slide-pagination span.swiper-pagination-bullet-active{background:#db251b;border:0;color:#FFF}
.company .bottom .lists .swiper-page>div{position:absolute;width:.3rem;height:.3rem;border:1px solid #aaa;border-radius:100%;line-height:.3rem;text-align:center;font-size:.24rem;color:black;outline:none;z-index:2;left:40%;bottom:0}
.company .bottom .lists .swiper-page>div:hover{background-color:#db251b;color:white}
.company .bottom .lists .swiper-page>div.slide-button-next {left:58%}


.develop .title {text-align:center;}
.develop .title  h1{text-align:center;font-size:.4rem;font-weight:bold;padding:.6rem 0 .39rem}
.develop  .title  p{display:inline-block;width:50%;color:#7e7d7c;font-size:.15rem;line-height:.3rem}
.develop .lists{padding:.55rem 0  0;}
.develop .lists a{text-align:center;background-color:#e52028;color:white;padding:.36rem 0 .29rem;position:relative;border:1px solid white}
.develop .lists a .color{height:.2rem;width:100%;position:absolute;top:0}
.develop .lists a h1{font-size:.2rem;}
.develop .lists a p{font-size:.13rem;padding:.15rem 0 0}
.develop .lists .first{position:relative}
.develop .lists .swiper-slide-thumb-active a{background-color:white;color:black}
.develop .lists .swiper-slide-thumb-active a .color{background-color:#e52028}
.develop .lists .swiper-page>div{position:absolute;font-size:.24rem;color:#a6a6a6;outline:none;z-index:2;top:50%;left:-.5rem;transform:translateY(-50%);}
.develop .lists .swiper-page>div:hover{color:#e52028}
.develop .lists .swiper-page>div.slide-button-next {left:auto;right:-.5rem}
.develop .lists .second{padding:.64rem 0 2rem}
.develop .lists .second .sm_list .items {padding:.56rem 0 .45rem;border-bottom:1px solid #e5e5e5}
.develop .lists .second .sm_list .items h1{display:inline-block;font-size:.18rem;font-weight:bold;vertical-align:top}
.develop .lists .second .sm_list .items p{display:inline-block;margin-left:1.14rem;position:relative}
.develop .lists .second .sm_list .items p:before{content:"\f111";font:normal normal normal 14px/1 FontAwesome;position:absolute;left:-.4rem;top:10%;font-size:.14rem;}
.honor h1{text-align:center;padding:.6rem 0 .54rem;font-size:.3rem;font-weight:bold}
.honor .con {font-size:0;background-color:#f2f1ef}
.honor .con .left{display:inline-block;width:40%;}
.honor .con .left p{font-size:.28rem;margin-left:35%;vertical-align:top;color:#e52028;position:relative}
.honor .con .left p:after{content:'\f175';font:normal normal normal 14px/1 FontAwesome;position:absolute;width:.5rem;height:.5rem;border:1px solid red;line-height:.5rem;text-align:center;border-radius:50%;color:red;left:0;font-size:.2rem;bottom:-1.8rem}
.honor .con .right{display:inline-block;width:60%;}
.honor .lists{padding:.94rem 0 1.65rem}
.honor .lists>div{padding: 0 1.15rem}
.honor .lists .swiper-slide {padding:.48rem .72rem;border:1px solid #c9c9c9}
.honor .lists a:hover img{transform:scale(1.1)}
.honor .lists a p{text-align:center;padding:.4rem 0 0 }
.honor .lists .swiper-page>div{position:absolute;font-size:.24rem;color:#a6a6a6;outline:none;z-index:2;top:50%;left:0;transform:translateY(-50%);height:.5rem;width:.5rem;border-radius:50%;border:1px solid #a6a6a6;line-height:.5rem;text-align:center}
.honor .lists .swiper-page>div.slide-button-next {left:auto;right:0rem}
.culture>div h1{padding:.56rem 0  1.55rem;text-align:center;font-size:.3rem;font-weight:bold}
.culture>div {padding:0 0 2.73rem}
.culture>div .top{position:relative;padding:0 0 .84rem}
.culture>div .top .left{width:40%;display:inline-block}
.culture>div .top .right{width:55%;display:inline-block;vertical-align:middle}
.culture>div .top .right p:nth-child(1){font-size:.3rem;line-height:.4rem;}
.culture>div .top .right p:nth-child(2){font-size:.17rem;padding:.5rem 0 0;line-height:.3rem;}
.culture>div .top p:nth-child(3){position:absolute;font-size:2rem;color:#f4f4f4;top:-1.3rem;z-index:-1;font-weight:bold}
.culture>div .top p:nth-child(4){position:absolute;font-size:2rem;color:#f4f4f4;bottom:0;right:0;z-index:-1;font-weight:bold}
.culture>div .middle .items{position:relative}
.culture>div .middle .items  .text h2{font-size:.3rem}
.culture>div .middle .items  .text p{font-size:.14rem;padding:.4rem 0 0}
.culture>div .middle .items .text{position:absolute;bottom:10%;left:10%;color:white}
.productlist{padding:0 0 2.12rem}
.productlist>div h1{text-align:center;padding:.66rem 0 .63rem;font-size:.3rem;font-weight:bold}
.productlist .lists{background-color:#f8f8f8;margin:0 0 .25rem;}
.productlist .lists  .img{float:left;width:65%;}
.productlist .lists  .infos{float:right;width:35%;padding:1.17rem .4rem 0}
.productlist .lists  .infos p:nth-child(1){font-size:.15rem}
.productlist .lists  .infos h2{padding:.21rem 0 .57rem;font-size:.25rem}
.productlist .lists  .infos p:nth-child(3){font-size:.15rem;line-height:.3rem}
.productlist .lists  .infos a{margin-top:1rem;padding:.17rem .44rem;display:inline-block;border:1px solid #d2d2d2;border-radius:5px;color:#353b75}
.productlist .lists.rlt .img{float:right}
.productlist .lists.rlt .infos{float:left}
.productlist .lists:hover{background:#bc292f}
.productlist .lists:hover .infos{color:white}
.productlist .lists:hover .infos a{background:white;border:0;color:#bc292f}
.productlist .lists:hover img{transform:scale(1.1)}

.product{padding:.67rem 0 .81rem}
.product>div{padding:0 2rem 1.62rem;background-color:#f8f8f8}
.product .title{padding:.61rem 0 .41rem}
.product .title .left{width:auto;display:inline-block}
.product .title .left p{padding:.14rem .16rem;background:#272d6b;color:white;border-right:5px solid #e52028;font-size:.14rem}
.product .title .right{width:auto;display:inline-block;vertical-align:middle;margin-left:.3rem}
.product .title .right h1{font-size:.3rem;}
.product .lists{position:relative}
.product .lists .swiper-page>div{position:absolute;font-size:.35rem;color:white;outline:none;z-index:2;bottom:5%;height:.5rem;width:.5rem;line-height:.5rem;text-align:center;background:rgba(205,97,98,0.8)}
.product .lists .swiper-page>div:hover{background-color:#e52028}
.product .lists .swiper-page>div.slide-button-next {left:auto;right:0}
.product .content {padding:.45rem 0 1.20rem}
.product .content p{line-height:.3rem}

.news>div{padding:0 0 1.16rem}
.news>div h1{padding:.66rem 0;text-align:center;font-size:.3rem;font-weight:bold}
.news>div .lists {font-size:0;margin:0 0 .36rem;background-color:#f5f5f5}
.news>div .lists .img{display:inline-block;width:30%}
.news>div .lists .infos{display:inline-block;width:69%;vertical-align:top;}
.news>div .lists .infos{padding:.3rem .46rem  0rem}
.news>div .lists .infos p:nth-child(1){font-size:.14rem;}
.news>div .lists .infos h2{font-size:.18rem;padding:.27rem 0 }
.news>div .lists .infos .tline{font-size:.14rem;}
.news>div .lists .infos  a{margin-top:.3rem;font-size:.14rem;display:inline-block;border-bottom:1px solid black;padding:0 0 .02rem;color:black}
.news>div .lists:hover{background:#e52028}
.news>div .lists:hover .infos{color:white;transition:0s}
.news>div .lists:hover .infos a{color:white;border-bottom:1px solid white;transition:0s}
.page {text-align:center;}
.page a {display:inline-block;margin:0 4px;width:.3rem;height:.3rem;line-height:.3rem;font-size:.16rem;background-color:white;color:#404040;border:1px solid #404040;border-radius:50%}
.page a:hover,.page a.page-num-current {background:#da251c;color:#FFF;border:0}
.show_news {padding:.45rem 0 .9rem;}
.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}
.job .top{background:#f6f6f6}
.job .top>div {padding:1.23rem 0 1.03rem }
.job .top .left{width:50%;display:inline-block}
.job .top .right{width:40%;display:inline-block;padding:0 0 0 .66rem;vertical-align:top}
.job .top .right p:nth-child(1){padding:1.17rem 0 0 ;font-size:.20rem;text-transform:Uppercase;color:#e52028;}
.job .top .right h2{font-size:.3rem;font-weight:bold;padding:.27rem 0 .55rem}
.job .top .right p:nth-child(3){font-size:.16rem;line-height:.3rem}
.job .joblist{padding:.4rem 0 .56rem}
.job .joblist .items{margin:0 0 .1rem}
.job .joblist .items>a{padding:.3rem;background:#f7f7f7;font-size:.16rem;color:black;}
.job .joblist .items>a div:last-child{text-align:center}
.job .joblist .items.opens>a {background:#ca1a1a;color:white;transition:all 0s}
.job .joblist .items.opens a div:last-child{transform:rotate(180deg)}
.job .joblist  .content {padding:.34rem .74rem .55rem .63rem;background-color:#f7f7f7;margin:0 0 .35rem;display:none;transition:all 0s}
.job .joblist  .content .infos{position:relative}
.job .joblist  .content .infos a{position:absolute;right:0;bottom:0;padding:.2rem .46rem;background-color:#ca1a1a;border-radius:10px;color:white}
.job .joblist .slide-pagination{margin:.45rem 0 0;text-align:center}
.job .joblist .slide-pagination span {opacity:1;outline:none;width:.36rem;height:.36rem;line-height:.36rem;border:1px solid #bfbfbf;border-radius:0;background:none;font-size:.18rem;color:#525252;margin:0 3px;}
.job .joblist .slide-pagination span.swiper-pagination-bullet-active,.job .joblist .slide-pagination span:hover{background:#ca1a1a;border-color:#ca1a1a;color:#FFF}

.contact .top{margin:.66rem  0  0;font-size:0;position:relative}
.contact .top .left{width:40%;}
.contact .top .left>p{padding:.14rem .6rem;border:1px solid #e0e0e0;display:inline-block;background-color:#f7f7f7;font-size:.15rem}
.contact .top .left h1{padding:.3rem 0 .33rem;font-size:.3rem}
.contact .top .left ul li>*{display:inline-block;padding:.3rem  0 .3rem  .44rem;}
.contact .top .left ul li:nth-child(1){background:#efefef}
.contact .top .left ul li:nth-child(2){background:#e8e8e8}
.contact .top .left ul li:nth-child(3){background:#e2e2e2}
.contact .top .left ul li p{font-size:.14rem}
.contact .top .map {width:60%;position:absolute;right:0;top:0;height:100%}
.contact .top .map #container {height:100%}



.contact .middle {margin:1rem 0 2rem;position:relative}
.contact .middle .left{width:40%;}
.contact .middle .left p{padding:.14rem .6rem;border:1px solid #e0e0e0;display:inline-block;background-color:#f7f7f7;font-size:.15rem}
.contact .middle .left form{margin-top:.4rem}
.contact .middle .left input[type="text"]{width:80%;font-size:.16rem;line-height:45px;background:none;border:0;border-bottom:1px solid #d0d0d0;margin:0 0 .45rem;}
.contact .middle .left textarea {background:none;border:0;border-bottom:1px solid #d0d0d0;font-size:.16rem;color:#212127;height:80px;width:80%}
.contact .middle .left input[type="submit"] {background:#d7001e;border:0;font-size:.14rem;color:#FFF;padding:.17rem .55rem;margin:.5rem 0 0 }
.contact .middle .right{width:60%;position:absolute;right:0;top:0;height:100%}
.contact .middle .right img{height:100%;width:100%}

.tem_banner{position:relative}
.tem_banner .text{position:absolute;top:55%;left:50%;transform:translateX(-50%);width:100%}
.tem_banner .text h2{font-size:.4rem;color:#fadfa9;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner .swiper-slide-active .text h2{transition-delay:.6s;transform:none;opacity:1;}
.tem_banner .text p{font-size:.14rem;padding:.33rem 0 0;color:#fadfa9;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner .swiper-slide-active .text p{transition-delay:.8s;transform:none;opacity:1;}
.tem_banner  .swiper-page>div{position:absolute;font-size:.5rem;color:white;outline:none;z-index:2;top:50%;left:12%;}
.tem_banner  .swiper-page>div.slide-button-next {left:auto;right:12%}

.index_product{font-size:0}
.index_product>div{display:inline-block;vertical-align:top;position:relative;overflow:hidden;cursor:pointer;transition:all .6s ease-in-out;height:3rem;width:18%;}
.index_product>div a h1{font-size:.16rem;position:relative;color:black}
.index_product>div a p{font-size:.14rem;padding:.2rem 0 0;color:black}
.index_product>div.on{width:28%;}
.index_product>div.on h1,.index_product>div.on p{color:white}
.index_product>div.ons{background-image:none !important;}
.index_product>div.ons p{display:none}
.index_product>div a{padding:1.6rem .89rem  0;text-align:center;}

.index_product #items1 h1:before{content:'';position:absolute;width:.53rem;height:.5rem;background:url(/public/common/images/1.png) no-repeat;left:50%;transform:translateX(-50%);top:-.6rem;}
.index_product #items2 h1:before{content:'';position:absolute;width:.50rem;height:.62rem;background:url(/public/common/images/2.png) no-repeat;left:50%;transform:translateX(-50%);top:-.7rem}
.index_product #items3 h1:before{content:'';position:absolute;width:.52rem;height:.52rem;background:url(/public/common/images/3.png) no-repeat;left:50%;transform:translateX(-50%);top:-.6rem}
.index_product #items4 h1:before{content:'';position:absolute;width:.64rem;height:.48rem;background:url(/public/common/images/4.png) no-repeat;left:50%;transform:translateX(-50%);top:-.6rem}
.index_product #items5 h1:before{content:'';position:absolute;width:.64rem;height:.54rem;background:url(/public/common/images/5.png) no-repeat;left:50%;transform:translateX(-50%);top:-.6rem}
.index_product #items1,.index_product #items3,.index_product #items5{background:#e9e9e9}
.index_product #items2,.index_product #items4{background:#f2f2f2}
.index_news h1{padding:.9rem 0 1rem;text-align:center;font-size:.3rem;font-weight:bold;position:relative}
.index_news h1:before{content:"";background:url(/public/common/images/bg.png) no-repeat 0 0;left:50%;position:absolute;width:2.17rem;height:.33rem;transform:translateX(-50%);}
.index_news h1:after{content:"";height:30px;width:1px;position:absolute;background:#cd3518;left:50%;bottom:25%;}
.index_news>div .left{width:40%;display:inline-block;vertical-align:top;padding:0 .3rem}
.index_news>div .left .content{padding:.2rem 0 }
.index_news>div .left .infos{display:inline-block;width:90%;vertical-align:middle;border-right:1px solid #dcdcdc;padding:0 .1rem 0 0 }
.index_news>div .left .infos h2{padding:.25rem 0  .24rem ;font-size:.16rem}
.index_news>div .left .infos p:nth-child(3){padding: .3rem 0 0;color:#7b7b7b}
.index_news>div .left .con{display:inline-block;width:8%;text-align:center;;}
.index_news>div .left .con a:hover i{color:#cd3518}
.index_news>div .left .con a i{font-size:.4rem;color:#5c5c5c}
.index_news>div .left .desc{display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;color:#7b7b7b}

.index_news>div .right{width:50%;display:inline-block;}
.index_news>div .right .newsnav{padding:0 0 .31rem}
.index_news>div .right .newsnav a{display:inline-block;padding:.12rem 0rem;width:20%;text-align:center;border:1px solid #dcdcdc;color:black}
.index_news>div .right .newsnav a:nth-child(1){background:#cd3518;color:white}
.index_news>div .right .lists .title{font-size:0}
.index_news>div .right .lists .title>*{display:inline-block;}
.index_news>div .right .lists .title p:nth-child(1){width:70%;font-size:.15rem}
.index_news>div .right .lists .title p:nth-child(2){width:30%;text-align:right;font-size:.14rem}
.index_news>div .right .lists .title{padding:.3rem 0 .2rem;border-bottom:1px solid #dcdcdc;cursor:pointer}
.index_news>div .right .lists .title:hover{color:#cd3518}
.index_news>div .right .lists .content {background-color:#f5f5f5;font-size:0;border-bottom:1px solid #dcdcdc;border-top:1px solid ##dcdcdc;display:none;transition:0s}
.index_news>div .right .lists .content .first{display:inline-block;width:30%;vertical-align:top;}
.index_news>div .right .lists .content .second{display:inline-block;width:70%;padding:.2rem .2rem 0 .2rem}
.index_news>div .right .lists .content .second p:nth-child(1){font-size:.17rem;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.index_news>div .right .lists .content .second a{margin:.2rem  0 0;font-size:.14rem;color:black;position:relative;display:inline-block}
.index_news>div .right .lists .content .second a:after{position:absolute;content:'\f101';font:normal normal normal 14px/1 FontAwesome;top:50%;transform:translateY(-50%);}
.index_news>div .right .lists .content .second a:hover{color:#cd3518}
.index_news>div .right .lists .content .second a:hover:after{padding:0 .3rem;transition:all .6s}
.index_news>div .right .lists .content .second .desc{display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;color:#7b7b7b;padding:.1rem 0  0;font-size:.14rem}
.index_news>div .right .lists .opens .title{display:none}
.index_pro{font-size:0;padding:1rem 0 0}
.index_pro .items0{width:50%;height:100px;float:left;height:384px;background-color:#f1f1f1;padding:.55rem 1.26rem .9rem 2.6rem}
.index_pro .items0 .title>*{display:inline-block;}
.index_pro .items0 .title h1{vertical-align:middle;font-size:.3rem;font-weight:bold;margin-left:.58rem;position:relative;color:black;}
.index_pro .items0 .title h1:after{content:"";width:45px;height:2px;position:absolute;right:0;background:#cd3518;top:50%;right:-1rem}
.index_pro .items0 ul {background:white;display:inline-block;margin-top:.48rem}
.index_pro .items0 ul li{display:inline-block;font-size:.16rem;padding:.2rem .4rem;position:relative;color:black;}
.index_pro .items0 ul li:before{content:'';width:10px;height:10px;position:absolute;border-radius:50%;border:2px solid #cd3518;top:50%;transform:translateY(-50%);left:.2rem}
.index_pro .item{position:relative;overflow:hidden;}
.index_pro .item .text{position:absolute;bottom: 0%;width:100%;z-index:1;transition:.6s;}
.index_pro .item  p{font-size:.16rem;color:white;padding:.27rem 0;text-align:center;position:relative}
.index_pro .item  p:after{content:'';background:url(/public/common/images/search.png);width:16px;height:16px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);opacity:0}
.index_pro .item:after{position:absolute;content:'';bottom:0;width:100%;height:.8rem;transition:.6s;background:rgb(0 0 0  / 50%);left:50%;transform:translateX(-50%);}
.index_pro .item:hover:after{width:100%;height:100%;transition:.6s;}
.index_pro .item:hover p:after{opacity:1;transition:all .6s}
.index_pro .item:hover .text{bottom:50%;transform:translateY(50%)}

.index_pro  a:hover img{transform:scale(1.1)}
.index_pro .items1{width:50%;float:right}
.index_pro .items2{width:50%;float:left}
.index_pro .items3{width:16.666%;float:right;}
.index_pro .items3 img{height:386px;object-fit:cover}
.index_pro .items4{width:16.666%;float:right}
.index_pro .items4 img{height:386px;object-fit:cover}
.index_pro .items5{width:16.666%;float:right}
.index_pro .items5 img{height:386px;object-fit:cover}


.index_about{padding:1.11rem 0 0 }
.index_about .title h1{padding:0 0 1rem;text-align:center;font-size:.3rem;font-weight:bold;position:relative}
.index_about .title h1:before{content:"";background:url(/public/common/images/bg2.png) no-repeat 0 0;left:50%;position:absolute;width:2.84rem;height:.33rem;transform:translateX(-50%)}
.index_about .title h1:after{content:"";height:30px;width:1px;position:absolute;background:#cd3518;left:50%;bottom:25%;}
.index_about .title p{text-align:center;font-size:.15rem;}
.index_about .middle{padding:.77rem 0 .66rem}
.index_about .middle ul li{display:inline-block;width:33%;text-align:center;}
.index_about .middle ul li em{font-size:1rem;color:#cd3518}
.index_about .middle ul li p img{position:absolute;}
.index_about .middle ul li p:nth-child(1){font-size:.4rem;color:#cd3518;border-right:1px solid #e5e5e5;}
.index_about .middle ul li p:nth-child(2){font-size:.16rem;color:black;}
.index_about .middle ul li:nth-child(3) p{border-right:0}
.index_about .bot a{margin:0 .13rem;padding:.2rem;width:30%}
.index_about .bot a:hover .infos{background:#cd3518}
.index_about .bot a:hover .infos p{color:white}
.index_about .bot a:hover img{transform:scale(1.1)}
.index_about .bot a .img img{object-fit:cover;width:380px;}
.index_about .bot{display:flex;justify-content:space-between}

.index_about .bot .infos{padding:.27rem;border:1px solid #d2d2d2;border-top:0}
.index_about .bot .infos p:nth-child(1){color:#cd3518;font-weight:bold}
.index_about .bot .infos .desc{display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.index_about .bot .infos p:nth-child(2){margin:.15rem 0 .26rem;font-size:.2rem;color:black}
.index_about .bot .infos p:nth-child(4){margin-top:.27rem}
.index_about  .more{text-align:center;padding:.6rem 0 0}
.index_about  .more a{display:inline-block;padding:.22rem .56rem;border:1px solid black;font-weight:bold;color: #313131}
.index_about  .more a:hover{background:#cd3518;color:white;border:1px solid white}
.footer{position:relative}
.footer:before{content:'';background:url(/public/common/images/footer.png) no-repeat 0 0;height:410px;width:745px;position:absolute;right:0;}
.footer .first{width:100%;height:1rem;}
.footer .top{border-top:1px solid #dcdcdc}
.footer .top dl{display:inline-block;vertical-align: top;padding-right:1.33rem;}
.footer .top dl dt{font-weight:bold;font-size:.16rem;padding:.6rem 0 .24rem}
.footer .top dl dd{padding-bottom:.17rem;}
.footer .top dl dd a{color:#898989}
.footer .bottom{background:#292828}
.footer .bottom p a{color:#b3b3b3}
.footer .bottom p>*{display:inline-block}
.footer .bottom p{padding:.33rem 0 .39rem;color:#b3b3b3;display:inline-block}
.footer .bottom p:nth-child(2),.footer .bottom p:nth-child(3){padding:0 .4rem}


/**/
/********<=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: #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 {color: black;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:1400px){
.index_product #items1 h1:before{width:.6rem;height:.6rem;}
.index_product #items2 h1:before{width:.6rem;height:.65rem;}
.index_product #items3 h1:before{width:.6rem;height:.65rem;}
.index_product #items4 h1:before{width:.7rem;height:.65rem;}
.index_product #items5 h1:before{width:.7rem;height:.6rem;}
.index_pro .items0{padding:.3rem 1rem .9rem 2rem;height:300px}
.index_pro .items5 img{height:301px}
.index_pro .items4 img{height:301px}
.index_pro .items3 img{height:301px}
.culture>div .middle .items{padding:0 .2rem}

}
@media(max-width:1300px){
.index_product #items1 h1:before{width:.65rem;height:.6rem;}
.index_product #items2 h1:before{width:.6rem;height:.7rem;}
.index_product #items3 h1:before{width:.68rem;height:.7rem;top:-.7rem}
.index_product #items4 h1:before{width:.78rem;height:.65rem;top:-.6rem}
.index_product #items5 h1:before{width:.78rem;height:.7rem;top:-.7rem}
.index_pro .items0{padding:.3rem 1rem .9rem 2rem;height:300px}
.index_pro .items5 img{height:301px}
.index_pro .items4 img{height:301px}
.index_pro .items3 img{height:301px}
.culture>div .middle .items{padding:0 .2rem}

}
@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 .text .title h2{font-size:15px;}
	.tem_banner .text  .title p{font-size: 12px;padding-top:.1rem}

}

/********mobile*********/
@media(max-width:767px){
    .tem_banner .text .title p{display:none}
.tem_banner .swiper-page>div{left:0;}
.tem_banner .swiper-page>div.slide-button-next{right:0}
.index_product>div a{padding:1rem 0  0}
.index_product #items1 {background-size:100%;}
.index_product #items2 {background-size:100%;}
.index_product #items3 {background-size:100%;}
.index_product #items4 {background-size:100%;}
.index_product #items5 {background-size:100%;}
.index_product #items1 h1:before{background-size:100%}
.index_product #items2 h1:before{background-size:100%}
.index_product #items3 h1:before{background-size:100%}
.index_product #items4 h1:before{background-size:100%}
.index_product #items5 h1:before{background-size:100%}
.index_news>div .left,.index_news>div .right{width:100%;padding:.2rem}
.index_news h1:after{bottom:15%}
.index_news h1:before{background-size:100%}

.index_pro .items0{width:100%;padding:.3rem .3rem .3rem 1rem}
.index_pro .items1{width:100%}
.index_pro .items2{width:100%}
.index_pro .items5{width:33.33%}
.index_pro .items4{width:33.33%}
.index_pro .items3{width:33.33%}
.index_about .middle ul li em{font-size:.5rem}
.index_about .middle ul li p:nth-child(1){font-size:.16rem;}
.index_about .middle ul li{width:100%}
.index_about .middle ul li p img{width:8%;right:30%}
.index_about .middle ul li p:nth-child(1){border:0}
.index_about .middle{padding:.4rem 0}
.index_about .bot a{padding:0;margin:0}
.footer:before{height:240px;width:430px;background-size:100%;}
.footer .top dl{padding:0;padding-right:.1rem}
.footer .top dl dd a{color:black}
.footer .bottom {padding:.2rem 0}
.footer .bottom p{padding:0;width:100%}
.footer .bottom p:nth-child(2),.footer .bottom p:nth-child(3){padding:0}
.productlist .lists .img,.productlist .lists .infos{width:100%}
.tem_banner .flash .navlist ul{display:flex;text-align:center}
.tem_banner .flash .navlist ul li{padding:.1rem 0 }
.tem_banner .flash .txt{width:100%}
.tem_banner .flash .txt h1{font-size:.3rem}
.news>div .lists .img{width:100%}
.news>div .lists .infos{width:100%;padding-bottom:.2rem}
.job .top .left,.job .top .right{width:100%}
.contact .top .left{width:100%}
.contact .top .map {width:100%;position:static;margin-top:.3rem}
.contact .top .map #container {height:6rem}
.contact .top .left ul li>*{padding:0}
.contact .top .left ul li{padding:.2rem}
.contact .top .left ul li p{vertical-align:middle}
.contact .middle .left{width:100%}
.contact .middle .right{width:100%;position:static;margin-top:.3rem}
.contact .middle .left .button{text-align:center}
.contact .middle .left input[type="text"]{width:100%}
.contact .middle .left textarea{width:100%}
.company .top p{width:100%}
.company .middle>div .content .left,.company .middle>div .content .right{width:100%;margin:0}
.develop .title p{width:100%}
.honor .con .right{vertical-align:top}
.honor .con .left p{font-size:.14rem;margin-left:.2rem}
.honor .con .left{}
.honor .con .left p:after{bottom:-.6rem}
.honor .lists .swiper-slide{padding:0}
.honor .lists{padding:.94rem .5rem 1.65rem}
.honor .lists .swiper-page>div{left:-.5rem}
.honor .lists a p{padding:0}
.honor .lists .swiper-page>div.slide-button-next{right:-.5rem}
.culture>div .middle .items{padding:0 .1rem}
}