.header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.header>div{display:flex;height:1rem;line-height:1rem;justify-content: space-between;}
.header .navs ul{display:flex}
.header .navs ul li{margin:0 .25rem}
.header .navs ul li a{font-size:.16rem;color:#232323;position:relative}
.header .navs ul li a:hover,.header .navs ul li.active a{color:#226ab2}
.header .navs ul li a:after{content:"";position:absolute;background:#226ab2;height:3px;width:0;left:50%;transform:translateX(-50%);bottom:0;transition:.3s}
.header .navs ul li a:hover:after{width:100%;transition:.3s}
.header .navs ul li.active  a:after{width:100%}
.header .langs {line-height:initial;display:flex;flex-direction: column;justify-content: center;}
.header .langs  ul{display:flex;padding:.1rem .14rem;border:1px solid #d2d2d2;color:#666666}
.header .langs  ul li {margin:0 .06rem}
.header .langs  ul li a{color:black;font-size:.16rem}
.tem_banner.indise{padding:1rem 0 0}
.tem_banner {position:relative}
.tem_banner .txt{position:absolute;left:2.6rem;bottom:27%}
.tem_banner .txt h1{font-size:.36rem;color:white;font-weight:bold;padding:0 0 .1rem}
.tem_banner .txt p{font-size:.24rem;color:white;font-weight:bold;text-transform:uppercase}
.tem_banner .mbx{position:absolute;left:2.6rem;bottom:5%;display:flex;color:white}
.tem_banner .mbx a{font-size:.14rem;color:white;margin:0 .07rem}
.tem_banner .mbx a:first-child{margin-left:0}
.product_box>div{padding:0 0 1.11rem}
.product_box .pro_nav {padding:.33rem 0 .55rem;}
.product_box .pro_nav ul{display:flex}

.product_box .pro_nav ul li {width:25%;position:relative;text-align:center;background:#e5e5e5}
.product_box .pro_nav ul li>a{display:block;line-height:.64rem;font-size:.18rem;color:#404040;position:relative}
.product_box .pro_nav ul li:before{content:'';width:1px;height:.17rem;background:#404040;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.product_box .pro_nav ul li:last-child:before{display:none;}
.product_box .pro_nav ul li>a:before{content:'';width:0;height:2px;background:#0275c6;position:absolute;left:50%;bottom:-1px;z-index:1;transition:all .45s;}
.product_box .pro_nav ul li.ons>a:before,.mbx_box li>a:hover:before{width:100%;left:0}



.product_box .pro_nav ul li>a i {padding:0 .3rem}
.product_box .pro_nav ul li dl {position:absolute;top:100%;left:0;width:100%;margin:0;background:#fbfbfb;transition:none;display:none;z-index:2;;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.product_box .pro_nav ul li dl dd {text-align:center}
.product_box .pro_nav ul li dl dd a{display:block;position:relative;font-size:.16rem;color:#3c3c3c;padding:.13rem 0}
.product_box .pro_nav ul li dl dd a span {}
.product_box .pro_nav ul li dl dd a:hover,.product_box .pro_nav ul li dl dd.on2 a{background:#0275c6;color:white;transition:.3s}
.product_box .pro_nav ul li.opens>a i {transform:rotate(-180deg);}



.product_box  .pro_list{padding:.6rem .4rem 1.15rem;background:#f9f9f9;border-top:2px solid #dcdcdc}
.product_box  .pro_list .lists{display:flex;justify-content: space-between;flex-wrap: wrap;position:relative}
.product_box  .pro_list .lists:after{content:'';width:32%}
.product_box  .pro_list .lists a{padding:.4rem .32rem .95rem;background:white;position:relative;width:32%;margin:0 0 .4rem}
.product_box  .pro_list .lists a:after{content:"";position:absolute;background:#bc252c;height:3px;width:0;left:50%;transform:translateX(-50%);bottom:0;transition:.5s}
.product_box  .pro_list .lists a:hover:after{width:100%;transition:.5s}
.product_box  .pro_list .lists a .top{padding:0 .3rem}
.product_box  .pro_list .lists a  h1{margin:.3rem 0 0;font-size:.16rem;color:#333333;font-weight:bold;position:relative}
.product_box  .pro_list .lists a  h1:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;top:50%;right:0;transform:translateY(-50%);width:.3rem;height:.3rem;border:1px solid #005ecb;color:#005ecb;border-radius:100%;text-align:center;line-height:.3rem;font-size:.16rem;transition:.4s}
.product_box  .pro_list .lists a:hover img{transform:scale(1.1)}
.product_box  .pro_list .lists a:hover h1{color:#226ab2}
.product_box  .pro_list .page{padding:.24rem 0 0}
.product_box  .pro_list .page>*{display:inline-block;width:.38rem;height:.38rem;line-height:.38rem;background:#e5e5e5;opacity:1;color:#464646;font-size:.17rem;margin:0 .05rem;border:1px solid #dcdcdc}
.product_box  .pro_list  .page .page-num-current{background:#226ab2;color:white;border:1px solid #226ab2}
.product_box  .pro_list  .page>*:hover{background:#226ab2;color:white;border:1px solid #226ab2}
.footer .top{background:#f4f4f4}
.footer .top>div{padding:.9rem 0  .42rem}
.footer .top .fot_nav{display:flex;justify-content: space-between;}
.footer .top .fot_nav .right ul{display:flex;padding:.1rem  0 0 }
.footer .top .fot_nav .right ul li{margin-left:.55rem;}
.footer .top .fot_nav .right ul li a{font-size:.16rem;color:black}
.footer .top .fot_nav .left .share-component{margin:.5rem  0 0 }
.footer .top .fot_nav .left .share-component a{color:#898989;border:1px solid #898989;margin:0 .1rem}
.footer .top .fot_nav  .left .share-component a:hover{color:white}
.footer .top .infos{display:flex;justify-content: space-between;}
.footer .top .infos .left{padding:.35rem 0 0}
.footer .top .infos .left>*{color:#979799;font-size:.14rem}
.footer .top .infos  .middle {width:42%;padding:.35rem 0 0}
.footer .top .infos  .middle ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.footer .top .infos  .middle ul li{margin:0 0 .25rem}
.footer .top .infos  .middle ul li p{color:#929292;font-size:.14rem;padding-left:.25rem;position:relative}
.footer .top .infos  .middle ul li:nth-child(1) p:after{content:"";position:absolute;background:url(/public/common/images/address.png) no-repeat;width:.13rem;height:.16rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.footer .top .infos  .middle ul li:nth-child(2) p:after{content:"";position:absolute;background:url(/public/common/images/phone.png) no-repeat;width:.16rem;height:.16rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.footer .top .infos  .middle ul li:nth-child(3) p:after{content:"";position:absolute;background:url(/public/common/images/email.png) no-repeat;width:.16rem;height:.12rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.footer .top .infos .right{text-align:center}
.footer .top .infos .right p{font-size:.15rem;color:#929292;padding:.2rem 0 0}
.footer .bot{background:#226ab2;padding:.25rem 0 }
.footer .bot ul{display:flex}
.footer .bot ul li{margin-right:.2rem}
.footer .bot ul li p{font-size:.14rem;color:#c0deff}
.footer .bot ul li a{font-size:.14rem;color:#c0deff} 
.showproduct {padding:.33rem 0 1.13rem;}
.showproduct .mains{background:#f9f9f9;padding:.5rem .4rem 1.85rem;}
.showproduct .mains .item1{margin:0 0 .55rem;font-size:0;position:relative}
.showproduct .mains .item1>div{width:50%;display:inline-block;vertical-align:middle;}
.showproduct .mains .item1>div.imglist{padding-right:.14rem;}
.showproduct .mains .item1>div.text{padding-left:.14rem;position:absolute;right:0;top:0;height:100%;}
.showproduct .mains .item1>div .infos {background:#FFF;border-radius:3px;}
.showproduct .mains .item1>div.text .more{display:flex;position:absolute;bottom:10%}
.showproduct .mains .item1>div.text .more a{font-size:.15rem;padding:.14rem .5rem;color:white;border-radius:5px}
.showproduct .mains .item1>div.text .more a:nth-child(1){background:#226ab2;margin-right:.3rem}
.showproduct .mains .item1>div.text .more a:nth-child(2){background:#bf252d}
.showproduct .mains .item1>div.imglist .infos {padding:.5rem .48rem .8rem;}
.showproduct .mains .item1>div.imglist .swiper-slide{text-align:center;}
.showproduct .mains .item1>div.imglist .maylists{margin:.4rem 0 0;position:relative;padding:0 .35rem}
.showproduct .mains .item1>div.imglist .maylists .swiper-slide{border:1px solid #e5e5e5;cursor:pointer;}
.showproduct .mains .item1>div.imglist .maylists .swiper-page>div{position:absolute;left:0;top:0;width:.22rem;text-align:center;font-size:.14rem;color:#015fc5;background:#e5e5e5;outline:none;height:100%}
.showproduct .mains .item1>div.imglist .maylists .swiper-page>div.slide-button-next{left:auto;right:0}
.showproduct .mains .item1>div.imglist .maylists .swiper-page>div:hover {background:#015fc5;color:#FFF}
.showproduct .mains .item1>div.imglist .maylists .swiper-slide-thumb-active{border-color:#015fc5}
.showproduct .mains .item1>div.text .infos {padding:.45rem .35rem 0;position:relative;height:100%}
.showproduct .mains .item1>div.text h5{font-size:.24rem;color:#005ecb;margin:0 0 .35rem;}
.showproduct .mains .item1>div.text .editor{font-size:.14rem;color:#525253;line-height:1.8}
.showproduct .mains .item1>div.text .btns{margin:.2rem 0 0}
.showproduct .mains .item1>div.text .btns>a{display:inline-block;padding:0 .49rem;line-height:.47rem;font-size:.16rem;color:#FFF;border-radius:5px;background:#015fc5;margin-right:.29rem;}
.showproduct .mains .item1>div.text .btns>a:last-child{background:#ff7500}

.showproduct .mains .item2 {background:#FFF;padding:.3rem 0 1rem;margin:0 0 .55rem;}
.showproduct .mains .item2 h5,.showproduct .mains .item3 h5 {font-size:.24rem;color:#005ecb;padding:0 .5rem .25rem;border-bottom:1px solid #e5e5e5}
.showproduct .mains .item2 .editor {padding:.5rem .5rem 0;}
.showproduct .mains .item2 .editor table{width:100%;}
.showproduct .mains .item2 .editor table td{border:2px solid #FFF;background:#f0f0f0;font-size:.16rem;color:#424242;padding:0 .3rem;line-height:.53rem;}
.showproduct .mains .item2 .editor table tr:first-child td {background:#015fc5;color:#FFF}

.showproduct .mains .item3 {background:#FFF;padding:.3rem 0 .65rem;}
.showproduct .mains .item3 .editor{padding:.4rem .55rem 0;font-size:.16rem;color:#535353;line-height:1.8}
.case>div{padding:1.26rem 0 2.1rem}
.case h5{font-size:.3rem;color:#1b1c1c;position:relative;padding:0 0 0 1.02rem;margin:0 0 .4rem;}
.case  h5:before,.case  h5:after{content:'';width:.73rem;height:3px;background:#005ecb;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.case  h5h5:after,.case  h5:after {background:#ffab09;width:.2rem;left:.53rem;}
.case .lists li{padding:0 .13rem;margin:0 0 .45rem;}
.case .lists li a{display:block;position:relative;overflow:hidden;}
.case .lists li .img {overflow:hidden}
.case .lists li p{font-size:.15rem;color:#FFF;background:#005ecb;margin:0;position:absolute;bottom:0;left:0;width:100%;padding:0 .15rem;line-height:.47rem;}
.case .lists li p:after{content:'';width:.28rem;height:6px;position:absolute;right:.2rem;top:50%;transform:translateY(-50%);background-size:.28rem auto;background:url(/public/common/images/icon12.png) 0 0 no-repeat;background-size:.28rem auto}
.case	 .lists li a:hover img{transform:scale(1.06)}
.case .page{padding:.4rem 0 0}
.case .page>*{display:inline-block;width:.38rem;height:.38rem;line-height:.38rem;background:#e5e5e5;opacity:1;color:#464646;font-size:.17rem;margin:0 .05rem;border:1px solid #dcdcdc}
.case  .page .page-num-current{background:#226ab2;color:white;border:1px solid #226ab2}
.case .page>*:hover{background:#226ab2;color:white;border:1px solid #226ab2}

.about_nav {padding:.33rem 0 .6rem}
.about_nav ul{display:flex}
.about_nav ul li{width:25%;text-align:center;border-right:1px solid #dcdcdc}
.about_nav ul li:last-child{border:0}
.about_nav ul li a{background:#eeeeee;padding:.25rem 0;font-size:.16rem;color:black}
.about_nav ul li a:hover{background:#226ab2;color:white}
.about_box  .about_company>div{padding:0 0 .9rem}
.about_box  .about_company .top{display:flex;justify-content: space-between;align-items: flex-end;padding:0 0 1.1rem}
.about_box  .about_company .top .tit{width:42.5%;padding:.75rem 0 0 1.3rem}
.about_box  .about_company .top .tit h1{font-size:.64rem;color:#226ab2;font-weight:bold;padding:0 0 .45rem;position:relative}
.about_box  .about_company .top .tit h1:after{content:'';width:.57rem;height:9px;background:#015fc5;position:absolute;left:0;bottom:0}
.about_box  .about_company .top .tit p{margin:.3rem 0 0;color:#2f3030;font-size:.16rem}
.about_box  .about_company .top .infos{width:54.3%}
.about_box  .about_company .top .infos h1{color:#1f1e1e;font-size:.3rem;font-weight:bold;padding:0 0 .4rem}
.about_box  .about_company .top .infos p{font-size:.15rem;color:#4c4c4c;line-height:.25rem}
.about_box  .about_company .bot{display:flex;justify-content: space-between;}
.about_box  .about_company .bot .left{width:42.5%}
.about_box  .about_company .bot .right{width:54.3%}
.about_box  .about_app {background:#f7f7f7;padding:0 0 .8rem}
.about_box  .about_app .title{text-align:center;padding:.75rem 0 .52rem}
.about_box  .about_app .title h1{font-size:.3rem;color:#383838;font-weight:bold;}
.about_box  .about_app  .lists a{overflow:hidden}
.about_box  .about_app  .lists a:hover img{ transform:scale(1.1)}
.about_box  .about_app  .lists .swiper-page{display:flex;justify-content: center;padding:.6rem 0 0}
.about_box  .about_app  .lists .swiper-page>div{margin:0 .3rem;width:.3rem;height:.44rem;background:#bfbfbf;text-align:center;line-height:.44rem;color:white;font-size:.3rem}
.about_box  .about_app  .lists .swiper-page>div:hover{background:#226ab2}
.about_workshop>div{padding:0 0 1.47rem}
.about_workshop  h5{padding:1.2rem 0 .55rem;text-align:center;font-size:.3rem;color:black;font-weight:bold}

.about_workshop .swiper-slide>div{float:left;overflow:hidden;}
.about_workshop .swiper-slide .items.pic0{width:36%;padding:0 .3rem 0 0;}
.about_workshop .swiper-slide .items.pic0 img{height:5.6rem; }
.about_workshop .swiper-slide .items{width:31%;}
.about_workshop .swiper-slide .items a{overflow:hidden}
.about_workshop .swiper-slide .items a img{object-fit:cover;height:2.65rem;width:100%}
.about_workshop .swiper-slide .items.pic1,.about_workshop .swiper-slide .items.pic2{margin-bottom:.3rem}
.about_workshop .swiper-slide .items.pic2,.about_workshop .swiper-slide .items.pic4{margin-left:.27rem;}
.about_workshop .swiper-slide .items a:hover img{transform:scale(1.1)}
.about_workshop .swiper-page{margin:.4rem 0 0;}
.about_workshop .swiper-page>div{display:inline-block;vertical-align:middle;outline:none;text-align:center}
.about_workshop .swiper-page>div.slide-button-prev,.about_workshop  .swiper-page>div.slide-button-next{width:.39rem;height:.39rem;background:#eee;border:1px solid #dcdcdc;line-height:.39rem;font-size:.16rem;color:#464646;margin:0 2px;}
.about_workshop  .swiper-page>div.slide-pagination span{display:inline-block;opacity:1;outline:none;width:.39rem;height:.39rem;background:#eee;border:1px solid #dcdcdc;line-height:.39rem;font-size:.16rem;color:#464646;margin:0 2px;border-radius:0}
.about_workshop  .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active{background:#005ecb;border-color:#005ecb;color:#FFF}
.about_workshop  .swiper-page>div.slide-button-prev:hover,.about_workshop  .swiper-page>div.slide-button-next:hover {background:#005ecb;border-color:#005ecb;color:white}
.news_box>div{padding:0 0 1.3rem}
.news_box .pro_nav {padding:.3rem 0 .7rem}
.news_box .pro_nav ul{display:flex}
.news_box .pro_nav ul li{width:33.33%;text-align:center}
.news_box .pro_nav ul li a{background:#eeeeee;padding:.25rem 0;font-size:.16rem;color:black}
.news_box .pro_nav ul li.active a,.news_box .pro_nav ul li a:hover{background:#226ab2;color:white}
.news_box .lists li {padding:0 .25rem;margin:0 0 .6rem;}
.news_box .lists li a{display:block;position:relative;border-bottom:1px solid #d2d2d2}
.news_box .lists li .img{overflow:hidden;}
.news_box .lists li .text {padding:.4rem .22rem .5rem;}
.news_box .lists li .text h4{font-size:.2rem;color:#292929;margin:0 0 .18rem;}
.news_box .lists li .text p{font-size:.16rem;color:#747474;margin:0  0 .47rem;}
.news_box .lists li .text span{font-size:.14rem;color:#0a4b91;display:inline-block;padding-left:.25rem;background:url(/public/common/images/icon8.png) 0 center no-repeat;line-height:.2rem;background-size:.15rem .15rem;}
.news_box .lists li a:hover {background:#FFF;box-shadow:4px 4px 14px rgba(0,0,0,.22);border-color:#015fc5}
.news_box .lists li a:hover img{transform:scale(1.06)}
.news_box .page{padding:.2rem 0 0}
.news_box  .page>*{display:inline-block;width:.38rem;height:.38rem;line-height:.38rem;background:#e5e5e5;opacity:1;color:#464646;font-size:.17rem;margin:0 .05rem;border:1px solid #dcdcdc}
.news_box  .page .page-num-current{background:#226ab2;color:white;border:1px solid #226ab2}
.news_box   .page>*:hover{background:#226ab2;color:white;border:1px solid #226ab2}

.contact_box {background:#f2f2f2;padding:.78rem 0 1.5rem;}
.contact_box .way {background:#FFF;padding:.5rem 0 0}
.contact_box .way .title {margin:0 0 1.15rem;text-align:center}
.contact_box .way .title h4{font-size:.3rem;color:#282828}
.contact_box .way .title p{font-size:.16rem;color:#015fc5;margin:.2rem 0 0}
.contact_box .way .editor{padding:0 .2rem .53rem;border-bottom:.27rem solid #f6f6f6}
.contact_box .way .editor>div>div{padding:0 .65rem}
.contact_box .way .editor p{font-size:.16rem;color:#272727;padding:.7rem 0 0;background-size:.46rem .46rem !important;margin:0;}
.contact_box .way .editor p.add {background:url(/public/common/images/icon17-1.png) 0 0 no-repeat;}
.contact_box .way .editor p.tel {background:url(/public/common/images/icon17-2.png) 0 0 no-repeat;}
.contact_box .way .editor p.fax {background:url(/public/common/images/icon17-3.png) 0 0 no-repeat;}
.contact_box .way .editor p.email {background:url(/public/common/images/icon17-4.png) 0 0 no-repeat;}
.contact_box .way .map_box{padding:.2rem 0;font-size:0}
.contact_box .way .map_box>div{display:inline-block;vertical-align:middle;}
.contact_box .way .map_box .map	 {padding:0 .25rem;width:77%}
.contact_box .way .map_box .code {text-align:center;width:23%}
.contact_box .way .map_box .code img {max-width:1.85rem;}
.contact_box .way .map_box .code p{font-size:.16rem;color:#272727;margin:.35rem 0 0;}

.message{margin:1.05rem 0 0;}
.message h4{font-size:.36rem;color:#272727;text-align:center;margin:0 0 .4rem;}
.message .mains {background:#FFF;padding:.6rem .25rem 1rem;}
.message .mains h6{font-size:.24rem;color:#015fc5;padding-left:1rem;line-height:.68rem;background:url(/public/common/images/icon18.png) 0 center no-repeat;background-size:.68rem .67rem;margin:0 .45rem .6rem;}
.message .mains .lists {padding:0 .45rem}
.message .mains .lists  form{padding:1rem 0 0}
.message .mains .lists form .top{display:flex;justify-content: space-between;}
.message .mains .lists form .top .input{width:46%}
.message .mains .lists form .top .input input{width:100%;padding:.1rem 0 0;border:0;border-bottom:1px solid #dcdcdc}
.message .mains .lists form .top .input p{font-size:.15rem;color:black;margin:0 0 .2rem}
.message .mains .lists form .bot {margin:.9rem 0 0}
.message .mains .lists form .bot  p{font-size:.15rem;color:black;margin:0 0 .2rem}
.message .mains .lists form .bot  textarea{width:100%;;border:0;border-bottom:1px solid #dcdcdc;height:.5rem;padding:.2rem 0 0}
.message .mains .lists .button{text-align:center;margin:.93rem 0 0;}
.message .mains .lists .button  input{border:0;padding:.18rem .6rem ;background:#226ab2;color:white;font-size:.15rem;border-radius:5px}
.tem_banner .label_text{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:100%}
.tem_banner .label_text h1{font-size:.48rem;color:white;text-transform:uppercase;opacity:0;transition:all .5s;transform:translateY(100px);font-weight:bold}
.tem_banner .swiper-slide-active .label_text h1{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner .label_text p{font-size:.35rem;color:white;text-transform:uppercase;margin:.3rem 0 0;opacity:0;transition:all .5s;transform:translateY(100px);font-weight:bold}
.tem_banner .swiper-slide-active .label_text p{transition-delay:.6s;transform:none;opacity:1;}
.tem_banner .swiper-page{}
.tem_banner .swiper-page>div{width:.48rem;height:.48rem;background:#636363;line-height:.48rem;text-align:center;font-size:.3rem;color:white;position:absolute;top:50%;left:5%;transform:translateY(-50%);z-index:2}
.tem_banner .swiper-page>div:hover{background:#363636}
.tem_banner  .swiper-page>div.slide-button-next {left:auto;right:5%}
.tem_index_column{background:#f6f6f6}
.tem_index_column .pad88{padding: .22rem  0.88rem 1.06rem;}
.tem_index_column .pad88 ul{display:flex;justify-content: space-between;}
.tem_index_column .pad88 ul li{width:32.8%}
.tem_index_column .pad88 ul li a{position:relative}
.tem_index_column .pad88 ul li a h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.3rem;color:white;}
.tem_index_column .pad88 ul li a:hover img{transform:scale(1.1)}
.tem_index_about{background:#f6f6f6;padding:0 0 1.15rem}
.tem_index_about .pad88{display:flex;padding:0 2.6rem 0 .88rem;justify-content: space-between;}
.tem_index_about .pad88 .img{width:41%;overflow:inherit}
.tem_index_about .pad88 .img a{position:absolute;bottom:0;width:1.1rem;right:-.55rem;background:#226ab2;}
.tem_index_about .pad88 .img a i{font-size:.3rem;line-height:.5rem;color:white}
.tem_index_about .pad88 .text{width:56%}
.tem_index_about .pad88 .text h2{font-size:.3rem;color:black;padding:.9rem 0 .3rem;position:relative}
.tem_index_about .pad88 .text h2:after{content:"";position:absolute;width:.9rem;height:.08rem;background:#bc262f;left:0;bottom:0}
.tem_index_about .pad88 .text p{font-size:.16rem;color:#535353;line-height:.25rem;padding:.58rem 0 .63rem;border-bottom:1px solid #ebebeb}
.tem_index_about .pad88  .lists{padding:.8rem 0 0 .9rem}
.tem_index_about .pad88  .lists a{text-align:center}
.tem_index_about .pad88  .lists h3 {text-align:center;padding:.3rem 0 0;font-size:.15rem;color:black}
.index_adv>div{padding:1.04rem 0 1.71rem}
.index_adv .lists {position:relative}
.index_adv .lists  .swiper-page>div{position:absolute;width:.45rem;height:.45rem;border-radius:100%;line-height:.45rem;text-align:center;font-size:.3rem;color:white;background:#d2d2d2;top:50%;left:-.77rem;transform:translateY(-50%)}
.index_adv .lists  .swiper-page>div.slide-button-next {left:auto;right:-.77rem}
.index_adv .lists .swiper-slide{display:flex}
.index_adv .lists .swiper-slide>div{width:24%;height:6.9rem;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction: column;justify-content: center;;position:relative}
.index_adv .lists .swiper-slide .on{width:38%}
.index_adv .lists .swiper-slide>div:after{content:"";position:absolute;background:rgba(34,106,178,.6);width:0;height:0;left:0;top:0;transition:.6s}
.index_adv .lists .swiper-slide>div.on:after{width:100%;height:100%;transition:.6s}
.index_adv .lists .swiper-slide>div.on a:after{bottom:-.2rem;opacity:0}
.index_adv .lists .swiper-slide>div a{padding:1.08rem 0;background-repeat:no-repeat;background-position:center top;position:relative;z-index:2}
.index_adv .lists .swiper-slide>div a:after{content:"";position:absolute;width:1px;height:.6rem;left:50%;transform:translateX(-50%);background:#fa7406;bottom:0;transition:.3s}
.index_adv .lists .swiper-slide>div a h1{text-align:center;font-size:.24rem;color:white}
.index_news>div{padding:0 0 2rem}
.index_news h2{font-size:.36rem;color:black;font-weight:bold;position:relative}
.index_news h2:after{content:"";position:absolute;background:url(/public/common/images/menu.png) 0  0 no-repeat;width:.36rem;height:.34rem;right:0;top:50%;transform:translateY(-50%);background-size:100%}
.index_news  .lists {margin:.5rem 0 0;display:flex;justify-content: space-between;}
.index_news  .lists a{width:30%;box-shadow:0 0 20px 5px rgba(0,0,0,0.2)}
.index_news  .lists a:hover img{transform:scale(1.1)}
.index_news  .lists a .text{padding:.26rem .28rem .3rem}
.index_news  .lists a .text h1{font-size:.2rem;color:#292929;}
.index_news  .lists a .text  p{font-size:.16rem;color:#535353;margin:.26rem 0  .5rem;height:.5rem;line-height:.5rem}
.index_news  .lists a .text .more{display:flex;justify-content: space-between;align-items: center;}
.index_news  .lists a .text .more span{font-size:.14rem;color:#535353;}
.index_news  .lists a .text .more em{padding:.05rem .2rem;background:#bc252e;color:white;border-radius:25px;font-size:.14rem}
/********mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#535353;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#226ab2;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#226ab2}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/

/******ipad****/
@media(max-width:1600px){
 .tem_index_about .pad88{padding:0 1.6rem 0 .88rem}
 .tem_banner .txt{left:1.6rem}
 .tem_banner .mbx{left:1.6rem}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	
}
/********mobile*********/
@media(max-width:767px){
.tem_banner .swiper-page{right:.6rem}
.tem_banner .label_text p{margin:0}
.tem_index_column .pad88{padding:.22rem  0.2rem 1.06rem}
.tem_index_column .pad88 ul{display:inherit}
.tem_index_column .pad88 ul li{width:100%;margin:0 0 .2rem}
.tem_index_about .pad88{padding:0 0.2rem 0 .2rem;display:inherit}
.tem_index_about .pad88 .img{width:100%}
.tem_index_about .pad88 .img a{right:0}
.tem_index_about .pad88 .text{width:100%}
.tem_index_about .pad88 .lists{padding:.8rem 0 0 0}
.index_adv .lists .swiper-slide>div a{padding:1.5rem 0 1.1rem;background-size:60%}
.index_news .lists{display:inherit}
.index_news .lists a{width:100%;margin:0 0 .3rem}
.footer .top .fot_nav .right{display:none}
.footer .top .infos .middle{display:none}
.tem_banner .txt{left:0.6rem}
.tem_banner .mbx{left:0.6rem}
.product_box .pro_list .lists a{width:48%;padding:.4rem .2rem .35rem}
.showproduct .mains .item1>div{width:100%}
.showproduct .mains .item1>div.text{position:inherit;margin:0;padding:0;margin:.3rem 0 0}
.showproduct .mains .item1>div.text .more{position:inherit}
.about_box .about_company .top{display:flex;align-items: center;}
.about_box .about_company .top .tit{padding:.25rem 0 0 .3rem}
.about_workshop .swiper-slide .items.pic2,.about_workshop .swiper-slide .items.pic4{margin-left:.1rem;}
.contact_box .way .map_box .map{width:100%}
.contact_box .way .map_box .code{width:100%;margin:.3rem 0 0}
.message .mains .lists form .top{display:initial}
.message .mains .lists form .top .input{width:100%;margin:0 0 .5rem}
.product_box .pro_nav ul{display:flex;flex-wrap: wrap;}
.product_box .pro_nav ul li{width:50%}
}