body {overflow-x:hidden}
.header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.2);top:0;left:0}
.header>div{display:flex;height:1rem;line-height:1rem;justify-content: space-between;}
.header .logo img{max-height:.76rem;transition:none}
.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{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 .top .img {height:2.98rem;height:2.98rem;text-align:center}
.product_box  .pro_list .lists a .top .img img{max-height:2.5rem;}
.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;font-size:.16rem;color:#333}
.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 .img img{width:100%;height:3.17rem;object-fit:cover;}
.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:100%;text-indent:2em}
.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;width:100%}
.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;font-size:0}
.about_workshop  h5{padding:1.2rem 0 .55rem;text-align:center;font-size:.3rem;color:black;font-weight:bold}

.about_workshop .swiper-slide>div{display:inline-block;vertical-align:top;width:50%;padding:0 .15rem;margin:0 0 .45rem}
.about_workshop .swiper-slide>div>a{display:block;position:relative;overflow:hidden;background:#f2f2f2;border:1px solid #eee;padding:.35rem .15rem;}
.about_workshop .swiper-slide>div>a>div{display:inline-block;vertical-align:middle;width:26%}
.about_workshop .swiper-slide>div>a>div.txt{width:74%;padding-left:.25rem}
.about_workshop .swiper-slide>div .imgs{overflow:hidden;height:2.13rem;line-height:2.13rem;}
.about_workshop .swiper-slide>div img{max-height:2.1rem;}
.about_workshop .swiper-slide>div .txt>p{font-size:.18rem;color:#2b92da;font-weight:bold;margin:0;padding:.25rem 0 0}
.about_workshop .swiper-slide>div .txt>p em{font-size:.14rem;color:#333;display:inline-block;vertical-align:bottom;margin-left:.1rem;}
.about_workshop .swiper-slide>div .editor{padding:.25rem 0 0;font-size:.14rem;color:#333;height:1.5rem;}
.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}

.jobs{background:#f7f7f7}
.jobs>div{padding:0 0 1.2rem}
.jobs  h5{padding:.65rem 0 .55rem;text-align:center;font-size:.3rem;color:black;font-weight:bold}
.jobs .lists li {margin:0 0 .15rem;}
.jobs .lists li>a{display:block;background:#226ab2;position:relative;padding:0 .35rem;border-bottom:1px solid #eee;}
.jobs .lists li>a h6{font-size:.18rem;color:#FFF;line-height:.45rem;font-weight:bold;}
.jobs .lists li>a span{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);font-size:.16rem;color:#FFF}
.jobs .lists li .submenu {display:none;transition:none;font-size:.16rem;color:#FFF;line-height:1.7;padding:.55rem .25rem;background:#226ab2}

.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 .img img{width:100%;height:2.2rem;object-fit:cover;transition: none;
}
.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;height:.3rem;line-height:.3rem;}
.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:translateY(-5px);box-shadow:4px 4px 6px rgba(0,0,0,.22)}
.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%;padding:0 .15rem;}
.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;padding:0 .15rem}
.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:1.2rem;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;padding:.85rem 0 0;font-size:0}
.tem_index_column .title{margin:0 0 .45rem;text-align:center}
.tem_index_column .title h3{font-size:.36rem;color:#2c94dd;font-weight:bold;}
.tem_index_column .title p{font-size:.16rem;color:#707070;line-height:1.65;margin:.2rem 0 0}
.tem_index_column .pad88{padding: .22rem  0.88rem 1.06rem;}
.tem_index_column .pad88 ul{display:flex; justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;}
    
.tem_index_column .pad88 ul li{width:33.333%;padding:0 .1rem;margin:0 0 .35rem;}
.tem_index_column .pad88 ul li a{position:relative;background:#FFF;}
.tem_index_column .pad88 ul li a:before{content:'';width:100%;height:0;background:#226ab2;opacity:.5;position:absolute;top:0;left:0;transition:all .65s ease-in-out;z-index:1}

.tem_index_column .pad88 ul li a .img{height:3.5rem;line-height:3.5rem;text-align:center}
.tem_index_column .pad88 ul li a .img img{max-height:3rem;}
.tem_index_column .pad88 ul li a h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.3rem;color:white;text-shadow:0 0 4px rgba(0,0,0,.2);z-index:2}
.tem_index_column .pad88 ul li a:hover img{transform:scale(1.1)}
.tem_index_column .pad88 ul li a:hover {box-shadow:2px 2px 4px rgba(0,0,0,.15)}
.tem_index_column .pad88 ul li a:hover:before{height:100%}
.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>img {width:100%;object-fit:cover;transition:none}
.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}

.tem_index_service{padding:1.65rem 0 1.4rem;text-align:center;background:url(../images/bg22.png) center top no-repeat rgba(20, 96, 145, 1);background-size:cover;}

.tem_index_service h3{font-size:.36rem;color:#FFF;font-weight:bold;}
.tem_index_service .editor{margin:.5rem 0 0;font-size:.16rem;color:#FFF;line-height:1.7}


.index_adv>div{padding:1.04rem 0 .65rem}
.index_adv .lists {position:relative;font-size:0}
.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>div{width:30%;height:5.8rem;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction: column;justify-content: center;;position:relative;display:inline-block;vertical-align:top;background-size:cover}
.index_adv .lists .swiper-slide .on{width:40%}
.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:#000}
.index_adv .lists .swiper-slide>div a p{font-size:.16rem;color:#000;line-height:1.65;margin:.15rem 0 0;padding:0 .25rem;}
.index_adv .lists .swiper-slide>div.on a h1,.index_adv .lists .swiper-slide>div.on a p{color:#FFF}
.index_news>div{padding:.65rem 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 img{width:100%;height:1.97rem;object-fit:cover;}
.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}
/*技术支持*/
.technical{padding:0 0 1.4rem;font-size:0}
.technical .pro_nav {padding:.3rem 0 .7rem}
.technical .pro_nav ul{display:flex}
.technical .pro_nav ul li{width:33.33%;text-align:center}
.technical .pro_nav ul li a{background:#eeeeee;padding:.25rem 0;font-size:.16rem;color:black}
.technical .pro_nav ul li.active a,.news_box .pro_nav ul li a:hover{background:#226ab2;color:white}
.technical .infos h3{font-size:.36rem;color:#333;margin:0 0 .45rem;text-align:center;font-weight:bold}
.technical .infos .editor{font-size:.16rem;color:#333;line-height:1.7}
.technical .infos .editor a{display:inline-block}

.technical .lists li{display:inline-block;vertical-align:top;width:50%;padding:0 .25rem;margin:0 0 .5rem;}
.technical .lists li>div{background:#f2f2f2;border:1px solid #eee;padding:.35rem .25rem;text-align:center;}
.technical .lists li .imgs {height:2.5rem;line-height:2.5rem;text-align:center;background:#FFF;display:inline-block;}
.technical .lists li .imgs img{max-height:2rem;object-fit:cover}
.technical .lists li h4{font-size:.18rem;color:#333;font-weight:bold;text-align:center;margin:.25rem 0 .35rem}
.technical .lists li dl{margin:0;padding:0}
.technical .lists li dl dd {display:inline-block;vertical-align:top;width:50%;padding:0 .3rem;margin:0 0 .15rem}
.technical .lists li dl dd a{display:block;background:#FFF;font-size:.16rem;color:#333;text-align:center;line-height:.45rem;
}
.technical .lists li dl dd a:hover {background:#2c94dd;color:#FFF}

.c_onlineService_categorylay {position:fixed;top:20%;right:0;z-index:99;width:.38rem;height:1.52rem;}
.c_onlineService_categorylay .p_btnBox {background:#2c94dd;cursor:pointer;position:relative;z-index:3}
.c_onlineService_categorylay .p_btnBox .p_btn {font-size:.18rem;color:#FFF;display:block;margin:0 .1rem;}
.c_onlineService_categorylay .p_btnBox .p_btn .font {display:block;vertical-align:middle;padding:.25rem 0;text-align:center;}
.c_onlineService_categorylay .p_btnBox .p_btn .i_btnAname{
    word-break: break-all;
    writing-mode: tb-rl;
}
.c_onlineService_categorylay .p_btnBox.os .p_btn .font i{transform:rotate(180deg)}

.c_onlineService_categorylay .p_Box {position:absolute;left:2.2rem;width:2.2rem;height:auto;overflow:hidden;top:0}
.c_onlineService_categorylay .p_Box.opens {left:-2.2rem;}
.c_onlineService_categorylay .p_contralBox {width:100%;height:auto;transition:transform 0.5s ease;background:#FFF;}
.c_onlineService_categorylay .p_headBox {padding:.2rem;border:1px solid #e4e4e4;border-bottom:0}
.c_onlineService_categorylay .p_headBox .p_name {font-size:.16rem;color:#333;}
.c_onlineService_categorylay .p_headBox .p_name i {font-size: .28rem;
    background-color: #2c94dd;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;padding:3px;}
.c_onlineService_categorylay .p_headBox .p_tel{margin-top: .1rem;
    font-size: .18rem;
    font-weight: bold;
    color: #333333;}
.c_onlineService_categorylay .p_contentBox {padding: .2rem .25rem;
    border: 1px solid #E4E4E4;}
.c_onlineService_categorylay .p_articles {color:#2c94dd;margin-bottom:.1rem;}
.c_onlineService_categorylay .p_articles .p_list, .p_articles .p_listA, .p_articles .p_listB, .p_articles .p_listC {margin-top:.1rem;}
.c_onlineService_categorylay .p_articles .p_title, .p_articles .p_QQ, .p_articles .p_Wang, .p_articles .p_skpey {
    text-align: right;
    font-size: .16rem;float:left}
.p_contentBox .p_AssistNameA a{font-size:.16rem;color:#707070;display:inline-block;}
.c_onlineService_categorylay .p_footerBox {}
.c_onlineService_categorylay .p_timeBox {padding: .2rem;
    border: 1px solid #E4E4E4;
    border-top: none;
    text-align: center;}
.c_onlineService_categorylay .p_time {display: inline-block;
    font-size: .14rem;
    color: #2c94dd;
    vertical-align: middle;}
.c_onlineService_categorylay .p_AssistNameC {font-size: .14rem;
    color: #999999;
    display: inline-block;
    vertical-align: middle;}
/********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:1300px){
    .index_adv .lists .swiper-page>div{left:0;z-index:2}
    .index_adv .lists .swiper-page>div.slide-button-next{left:auto;right:0}
}
@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{    flex-direction: row;    flex-wrap: wrap;}
.tem_index_column .pad88 ul li{width:50%;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%}
.about_workshop .swiper-slide > div,.technical .lists li dl dd{width:100%;padding:0}
.technical .lists li{padding:0 .1rem}
.contact_box .way .editor > div > div{padding:0;margin:0 0 .25rem}
.message .mains .lists{padding:0}
}