.header{position: fixed;width: 100%;z-index: 1000;top:0}
.header.is_header{background:black}
.header>div{display:flex;justify-content: space-between;height:1rem;line-height:1rem}
.header .logo{width:21%}
.header .phone{width:11%}
.header .navs{width:57.2%}
.header .navs ul{display:flex;justify-content: flex-end;}
.header .navs ul li{margin-left:.5rem}
.header .navs ul li a{font-size:.16rem;color:#ffffff}
.tem_banner.indise {position:relative}
.tem_banner.indise .banner_nav{position:absolute;;width:100%;left:0;bottom:1rem;z-index:2}
.tem_banner.indise .banner_nav h2{font-size:.48rem;color:#ffffff;margin:0 0 .6rem;font-weight:bold}   
.tem_banner.indise .banner_nav  ul{display:flex} 
.tem_banner.indise .banner_nav  ul li{padding:0 .25rem;position:relative;}
.tem_banner.indise .banner_nav  ul li:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:70%;width:2px;background:white}
.tem_banner.indise .banner_nav  ul li a{font-size:.16rem;color:#ffffff}
.tem_banner.indise .banner_nav  ul li:first-child{padding-left:0}
.tem_banner.indise .banner_nav  ul li:last-child:after{display:none}
.about_box .company{padding:1.3rem 0 1.05rem;background:url(../images/1.png) bottom center no-repeat;}
.about_box .company .title{padding:0 0  .35rem;position:relative}
.about_box .company .title:after{content:'';position:absolute;background:url(../images/2.png) 0 0 no-repeat;width:6.6rem;height:2.11rem;right:0;top:-.6rem;background-size:100%}

.about_box .company .title h2{font-size:.48rem;color:#2d2e2e;font-weight:bold;}
.about_box .company .infos {position:relative;font-size:0}
.about_box .company .infos .img{display:inline-block;width:83.5%}
.about_box .company .infos .txt{position:absolute;width:54.5%;bottom:0;right:0;background:#0096db;padding:.7rem .43rem .7rem}
.about_box .company .infos .txt h2{font-size:.3rem;color:#ffffff;padding:0 0 .45rem}
.about_box .company .infos .txt p{font-size:.16rem;color:#ffffff;line-height:.27rem}
.about_box .company ul{margin:.97rem 0 0;display:flex;justify-content: space-between;padding:.75rem 0 ;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf}
.about_box .company ul li{width:20%}
.about_box .company ul li h2{font-size:.16rem;color:#0096db;padding:0 0 .22rem;border-bottom:2px solid #152a3c}
.about_box .company ul li  h3{font-size:.3rem;color:#0096db;margin:.6rem 0 0 }
.about_box .company ul li  h3 em{font-size:.6rem;height:.48rem;line-height:.48rem;font-weight:bold}
.about_box .company ul li  p{font-size:.16rem;color:#0096db;margin:.3rem 0 0;font-weight:bold }
.about_box .history{background:#f5f5f5 url(../images/3.png)  center center no-repeat;padding:0 0 1.85rem;}    
.about_box .history .title{padding:1.25rem 2.6rem 1rem}     
.about_box .history .lists  {padding: 0 2.6rem;position:relative} 
.about_box .history .lists:after{content:"";position:absolute;background:#cccccc;width:100%;left:0;top:3.1rem;height:1px}   
.about_box .history .lists  .swiper-slide{display:flex;width:25%;align-items: flex-end;}
.about_box .history .lists  .swiper-slide .items{width:25%}
.about_box .history .lists .swiper-page>div{position:absolute;width:.55rem;height:.55rem;background:#b6b6b6;line-height:.55rem;left:1.6rem;top:10%;;border-radius:100%;text-align:center;font-size:.3rem;color:white;z-index:2}   
.about_box .history .lists .swiper-page .slide-button-next{right:1.6rem;left:auto}
.about_box .history .lists .swiper-page>div:hover{background:#0096db}
.about_box .history .title>h2{font-size:.48rem;color:#2d2e2e;font-weight:bold} 
.about_box .history .lists .items .tit{margin:.35rem 0 0 }
.about_box .history .lists .items .tit h2{font-size:.3rem;color:#636363;font-weight:bold}
.about_box .history .lists .items:nth-child(1) .txt{height:1.8rem;}
.about_box .history .lists .items:nth-child(2) .txt{height:2.4rem}
.about_box .history .lists .items:nth-child(3) .txt{height:2.6rem}
.about_box .history .lists .items:nth-child(4) .txt{height:3.1rem}
.about_box .history .lists .items .txt{padding:.3rem .65rem 0;position:relative;}
.about_box .history .lists .items .txt:after{content:"";position:absolute;background:#cccccc;width:1px;height:100%;left:.45rem;bottom:0}
.about_box .history .lists .items .txt:before{content:"";position:absolute;background:#0096db;width:9px;height:9px;left:.41rem;top:0;border-radius:100%;z-index:2}
.about_box .history .lists .items .txt p{font-size:.16rem;color:#302d2c;font-weight:bold}
.about_box .honor{padding:1.25rem 0 1.25rem}
.about_box .honor>div>h2{font-size:.48rem;color:#2d2e2e;font-weight:bold;padding:0 0 .65rem}
.about_box .honor .lists .items{padding:.2rem}
.about_box .honor .lists .items a{box-shadow:0 0 12px rgba(0,0,0,0.2);text-align:center;padding:.4rem 0 }
.about_box .honor .lists .items a img{max-height:3.35rem}
.about_box .honor .lists .items a h2{margin:.45rem 0 0 ;font-size:.16rem;color:#5f6060}
.about_box .honor .lists .items a:hover img{transform:scale(1.1)}
.about_box .honor .lists .slide-pagination{text-align:center;margin:.8rem 0 0}
.about_box .honor .lists .slide-pagination span{width:.45rem;height:.45rem;border-radius:2px;line-height:.45rem;margin: 0 0.08rem;font-size:.16rem;color:#333333;opacity:1;background:#dddddd}
.about_box .honor .lists .slide-pagination span.swiper-pagination-bullet-active{background:#0096db;color:white}
.about_box .honor .lists .slide-pagination span:hover{background:#0096db;color:white}
.about_box .workshop{background:#f5f5f5;padding:0 0 1.65rem}
.about_box .workshop h2{text-align:center;padding:1.05rem 0 .55rem;font-size:.48rem;color:#2d2e2e;font-weight:bold}
.about_box .pranter{padding:0 0 1.65rem}
.about_box .pranter h2{text-align:center;padding:1.1rem 0 .73rem;font-size:.48rem;color:#2d2e2e;font-weight:bold}
.about_box .pranter .lists .swiper-slide{display:flex;flex-wrap: wrap;}
.about_box .pranter .lists .swiper-slide .items{width:20%;margin:0 0 .3rem;padding:0 .17rem}
.about_box .pranter .lists .swiper-page{display:flex;justify-content: center;margin:.6rem 0 0 }
.about_box .pranter .lists .swiper-page>div{width:.53rem;height:.53rem;border-radius:100%;border:1px solid #01499e;text-align:center;line-height:.53rem;margin:0 .25rem;font-size:.24rem;color:#01499e}
.about_box .pranter .lists .swiper-page>div:hover{background:#01499e;color:white}
.footer{background:#333333;position:relative}
.footer .return{position:absolute;right:.75rem;top:.65rem}
.footer .top{display:flex;align-items: center;border-bottom:1px solid #4f4f4f}
.footer .top .left{width:73%;display:flex;padding-right:.7rem;justify-content: space-between;height:1.4rem;align-items: center;border-right:1px solid #4f4f4f}
.footer .top .left .logo{width:35%}
.footer .top .left .box{display:flex;width:26.4%;justify-content: space-between;align-items: center;}
.footer .top .left .box .shares a{width:.4rem;height:.4rem;background:#434343;border-radius:100%;text-align:center;line-height:.4rem;color:#888888;font-size:.2rem}
.footer .top .left .box .links{width:73%}
.footer .top .left .box .links select{width:100%;height:.42rem;background:none;border:1px solid white;font-size:.16rem;color:white}
.footer .top .right{width:27%;padding-left:.4rem}
.footer .top .right h1{font-size:.16rem;color:white;padding-left:.35rem;position:relative}
.footer .top .right h1:after{content:"";position:absolute;background:url(../images/4.png)  0 0  no-repeat;width:.21rem;height:.23rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.footer .top .right h1 em{font-size:.24rem;color:white;font-weight:bold}
.footer .middle {display:flex}
.footer .middle .fot_nav{display:flex;width:73%;border-right:1px solid #4f4f4f;padding:.6rem 2.3rem 0 0 ;justify-content: space-between;}
.footer .middle .fot_nav dl dt{margin:0 0 .2rem}
.footer .middle .fot_nav dl dt a{font-size:.16rem;color:#ffffff;font-weight:normal}
.footer .middle .fot_nav dl dd{margin:0 0 .1rem}
.footer .middle .fot_nav dl dd a{font-size:.14rem;color:#a5a5a5}
.footer .middle .infos{width:27%;padding:.5rem 0 .5rem .4rem}
.footer .middle .infos ul li{margin:0  0 .3rem}
.footer .middle .infos ul li:last-child{margin:0}
.footer .middle .infos ul li h2{font-size:.14rem;color:#ffffff;margin:0 0 .2rem;padding-left:.3rem;position:relative}
.footer .middle .infos ul li p{font-size:.14rem;color:#a3a3a3;padding-left:.3rem}
.footer .middle .infos ul li:nth-child(1) h2:after{content:"";position:absolute;background:url(../images/5.png)  0 0  no-repeat;width:.2rem;height:.21rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.footer .middle .infos ul li:nth-child(2) h2:after{content:"";position:absolute;background:url(../images/6.png)  0 0  no-repeat;width:.24rem;height:.16rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.footer .middle .infos ul li:nth-child(3) h2:after{content:"";position:absolute;background:url(../images/7.png)  0 0  no-repeat;width:.18rem;height:.25rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.footer .bot{display:flex;height:.8rem;align-items: center;;border-top:1px solid #4f4f4f}
.footer .bot p{font-size:.16rem;color:#828282}
.footer .bot a{font-size:.16rem;color:#828282;margin-left:.5rem}
.product_box {background:#f4f5f6;padding:1.3rem 0 2.9rem}
.product_box .lists .items{display:flex;margin:0 0 .6rem}
.product_box .lists .items.xss {flex-direction:row-reverse}
.product_box .lists .items .left{width:50%}
.product_box .lists .items .right{width:50%;position:relative}
.product_box .lists .items .right a {overflow:hidden}
.product_box .lists .items .right a .txt{position:absolute;left:.6rem;top:.45rem}
.product_box .lists .items .right a .txt h1{font-size:.36rem;color:#2a2a2a;font-weight:bold;margin:0 0 .4rem}
.product_box .lists .items .right a .txt  p{font-size:.16rem;color:#8c8c8c}
.product_box .lists .items .right a:hover img{transform:scale(1.1)}
.product_lists {padding:.85rem 0 2.3rem;background:#f4f5f6}
.product_lists .title h2{font-size:.48rem;color:#0096db;font-weight:bold}
.product_lists .lists{display:flex;justify-content: space-between;}
.product_lists .lists .product_nav{width:16%;padding:.3rem 0 0 }
.product_lists .lists .product_nav  dl{border-bottom:1px solid #e9e9ea}

.product_lists .lists .product_nav dl.on dt>a:after{transform:translateY(-50%)rotate(90deg);;transition:.3s}
.product_lists .lists .product_nav dl dt a{font-size:.22rem;color:#2a2a2a;font-weight:bold;position:relative;height:.82rem;line-height:.82rem;}
.product_lists .lists .product_nav dl dt a:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#2a2a2a;right:0;transform:translateY(-50%);top:50%;font-size:.2rem;transition:.3s}
.product_lists .lists .product_nav  dl dd{transition:0s;padding:0 0 .1rem;}
.product_lists .lists .product_nav  dl dd .info{margin:0 0 .25rem}

.product_lists .lists .product_nav  dl dd .info a{font-size:.16rem;color:#707070;padding-left:.15rem;position:relative}
.product_lists .lists .product_nav  dl dd .info a.on{color:#0096db;transition:.3s}

.product_lists .lists .product_nav  dl dd .info a:after{content:"";position:absolute;background:#707070;width:.08rem;height:1px;transform:translateY(-50%);top:50%;left:0;transition:.3s}
.product_lists .lists .product_nav  dl dd .info a:hover{color:#0096db;transition:.3s}
.product_lists .lists .product_nav  dl dd .info a:hover:after{background:#0096db;transition:.3s}
.product_lists .lists .product_nav  dl dd .info a.on:after{background:#0096db;}
.product_lists .lists .right{width:78%}
.product_lists .lists .right .box{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_lists .lists .right .box .items{width:49%;margin:0 0 .33rem}                
.product_lists .lists .right .box .items a{display:flex;background:white;align-items: center;}
.product_lists .lists .right .box .items a .text{width:40%;padding-left:.4rem}
.product_lists .lists .right .box .items a .text h1{font-size:.24rem;color:#2f2f2f;font-weight:bold;margin:0 0 1.15rem}
.product_lists .lists .right .box .items a  em{width:1.3rem;height:.4rem;line-height:.4rem;font-size:.14rem;color:#0096db;border-radius:50px;border:2px solid #0c9bdd;display:inline-block;padding:0 .1rem;position:relative}
.product_lists .lists .right .box .items a  em:after{content:"";position:absolute;width:.28rem;height:.28rem;background:#0096db url(../images/9.png) center center  no-repeat;border-radius:100% ;transform:translateY(-50%);top:50%;right:.05rem;}
.product_lists .lists .right .box .items a:hover  em{background:#0096db;color:white}
 
.product_lists .lists .right .box .items a:hover {box-shadow:0 0 18px rgba(0,0,0,0.3)}
.product_lists .lists .right .box .items a:hover  img{transform:scale(1.1)}

.product_lists .lists .right .box .items a .img{width:60%;}
.product_lists .lists .page {display:flex;margin:.34rem 0 0 }
.product_lists .lists .page a{margin:0 .05rem;width:.38rem;height:.38rem;background:white;line-height:.38rem;text-align:center;font-size:.18rem;color:#252526;border-radius:2px}
.product_lists .lists .page a:hover,.product_lists .lists .page a.page-num-current{background:#0096db;color:white}
.product_lists .lists .page a:hover i{color:white}
.product_top>div{display:flex;height:.75rem;align-items: center;justify-content: space-between;}
.product_top .left{display:flex;font-size:.16rem;color:#969595;font-weight:bold}
.product_top .left a{font-size:.16rem;color:#969595;margin:0 .04rem;font-weight:bold}
.product_top .left a:last-child{color:#0096db}
.product_top .return a{font-size:.16rem;color:#0096db;font-weight:bold;padding:0  .45rem 0 0;position:relative}
.product_top .return a:after{content:"";position:absolute;background:url(../images/10.png)  0 0  no-repeat;width:.2rem;height:.18rem;background-size:100%;transform:translateY(-50%);top:50%;right:.0rem;}
.product{background:#f4f5f6;padding:.6rem 0 3.35rem }
.product .top{display:flex;background:white;padding:.35rem .35rem .35rem;justify-content: space-between;}
.product .top .lists{width:42.5%;border:1px solid #e6e6e6;padding:.6rem 0 .4rem}
.product .top .lists a{text-align:center;}
.product .top .lists .slide-pagination{text-align:center;margin:.6rem 0 0}
.product .top .lists .slide-pagination span{margin:0 .08rem;width:.11rem;height:.11rem}

.product .top .lists .slide-pagination span.swiper-pagination-bullet-active{background:#0096db}
.product .top .right{width:52.5%;padding:.7rem 0 0 }
.product .top .right h2{font-size:.3rem;color:#1e1e1e;font-weight:bold;margin:0 0 .5rem}
.product .top .right .info{height:1.5rem;border-top:2px solid #efefef;border-bottom:2px solid #efefef;font-size:.16rem;color:#606060;line-height:.28rem;overflow:hidden;display:flex;flex-direction: column;justify-content: center;}
.product .top .right .txt{margin:1.6rem 0 .45rem}
.product .top .right .txt h1{font-size:.16rem;color:#0096db;font-weight:bold;margin:0 0 .15rem}
.product .top .right .txt p{font-size:.14rem;color:#0096db;font-weight:bold}
.product .top .right  a  {width:1.3rem;height:.44rem;line-height:.40rem;font-size:.14rem;color:#0096db;border-radius:50px;border:2px solid #0c9bdd;display:inline-block;padding:0 .1rem;position:relative}
.product .top .right  a:after{content:"";position:absolute;width:.28rem;height:.28rem;background:#0096db url(../images/9.png) center center  no-repeat;border-radius:100% ;transform:translateY(-50%);top:50%;right:.05rem;}
.product .top .right  a:hover{background:#0096db;color:white}
.product .bot{background:white;margin:1rem 0 0;padding:.83rem .92rem 1.25rem }
.product .bot h2{font-size:.3rem;color:#1e1e1e;font-weight:bold;margin:0 0 .6rem}
.product .bot  .editor{font-size:.16rem;color:#555555;line-height:.28rem;padding:0 0 1.05rem;border-bottom:2px solid #efefef}
.news_box{padding:.8rem 0 2.6rem;background:#f4f5f6}
.news_box>div>h2{font-size:.48rem;color:#0096db;font-weight:bold;padding:0 0 .55rem}
.news_box .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news_box .lists:after{content:"";width:31.5%}
.news_box .lists .items{width:31.5%;margin:0 0 .85rem}
.news_box .lists .items a{background:white;}
.news_box .lists .items a .text{padding:.35rem .28rem .6rem}
.news_box .lists .items a .text span{font-size:.14rem;color:#5e5d5d;font-weight:bold}
.news_box .lists .items a .text  h2{margin:.2rem 0 .3rem;font-size:.2rem;color:#2a2929;font-weight:bold;height:.48rem;line-height:.24rem}
.news_box .lists .items a .text p{font-size:.16rem;color:#6c6c6c;height:.75rem;line-height:.25rem}
.news_box .lists .items a .text em{margin:.55rem 0 0;display:inline-block;font-size:.14rem;color:#8f8f8f}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box .page {display:flex;margin:.05rem 0 0;justify-content: center;}
.news_box  .page a{margin:0 .05rem;width:.38rem;height:.38rem;background:white;line-height:.38rem;text-align:center;font-size:.18rem;color:#252526;border-radius:2px}
.news_box  .page a:hover,.news_box .page a.page-num-current{background:#0096db;color:white}
.news_box  .page a:hover i{color:white}
.case{background:#f4f5f6;padding:1.3rem 0 1.63rem}
.case .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.case .lists .items{width:48%;margin:0 0 .55rem}
.case .lists .items a:hover img{transform:scale(1.1)}
.case .lists .items a{position:relative}
.case .lists .items a h2 {position:absolute;font-size:.24rem;color:#ffffff;z-index:2;left:.7rem;bottom:.55rem}
/* .case .lists .items a h2:after{content:"";position:absolute;width:1.33rem;height:.6rem;background:url(../images/11.png) 0 0   no-repeat;background-size:100%;left:50%;transform:translateX(-50%);top:-.15rem;z-index:-1} */

.case  .page {display:flex;margin:.25rem 0 0;justify-content: center;}
.case   .page a{margin:0 .05rem;width:.38rem;height:.38rem;background:white;line-height:.38rem;text-align:center;font-size:.18rem;color:#252526;border-radius:2px}
.case   .page a:hover,.case .page a.page-num-current{background:#0096db;color:white}
.case  .page a:hover i{color:white}
.appli{background:#f4f5f6;padding:1.3rem 0 2.85rem}
.appli .items{margin:0 0 .4rem}
.appli .items a{display:flex;background:white}
.appli .items a .img{width:71.5%}
.appli .items a .text{width:28.5%;padding:1.7rem .2rem 0 .6rem;}
.appli .items a .text h1{font-size:.36rem;color:#303030;font-weight:bold;padding:0 0 .35rem}
.appli .items a .text  p{font-size:.16rem;color:#767474;font-weight:bold}
.contact_box .infos{padding-left:2.6rem;display:flex}
.contact_box .infos .left{width:31.8%;padding:1rem .5rem 0 0 }
.contact_box .infos .left h2{font-size:.36rem;color:#0096db;font-weight:bold;margin:0 0 .9rem}
.contact_box .infos .left  ul {margin:0 0 .85rem}
.contact_box .infos .left  ul li{height:.75rem;margin:0 0 .1rem;border-bottom:1px solid #ededed;display:flex;flex-direction: column;justify-content: center;}
.contact_box .infos .left  ul li p{font-size:.16rem;color:#5e5e5e;font-weight:bold;padding-left:.33rem;position:relative}
.contact_box .infos .left  ul li p em{color:black;font-weight:bold}
.contact_box .infos .left  ul li:nth-child(1) p:after{content:"";position:absolute;width:.15rem;height:.21rem;background:url(../images/12.png) 0 0   no-repeat;;transform:translateY(-50%);top:50%;left:.025rem;background-size:100%}
.contact_box .infos .left  ul li:nth-child(2) p:after{content:"";position:absolute;width:.16rem;height:.26rem;background:url(../images/13.png) 0 0   no-repeat;;transform:translateY(-50%);top:50%;left:.025rem;background-size:100%}
.contact_box .infos .left  ul li:nth-child(3) p:after{content:"";position:absolute;width:.21rem;height:.14rem;background:url(../images/14.png) 0 0   no-repeat;;transform:translateY(-50%);top:50%;left:.0rem;background-size:100%}

.contact_box .infos .left .imgs{display:inline-block;text-align:center}
.contact_box .infos .left .imgs p{margin:.25rem 0 0 ;font-size:.16rem;color:#5e5e5e;font-weight:bold}
.contact_box .infos .map{width:68.2%}
.contact_box .infos .map #container{height:10rem}
.contact_box .message{background:#f4f5f6;padding:1.4rem 0 3rem}
.contact_box .message .title h2{font-size:.36rem;color:#0096db;font-weight:bold;margin:0 0 .85rem}
.contact_box .message .top{display:flex;justify-content: space-between;}
.contact_box .message .top .left{width:55%;display:flex;justify-content: space-between;flex-wrap: wrap;align-content: space-between;}
.contact_box .message .top .left .input{width:47%}
.contact_box .message .top .left .input p{font-size:.16rem;color:#4d4d4d;margin:0 0 .2rem;font-weight:bold}
.contact_box .message .top .left .input input{height:.66rem;line-height:.66rem;width:100%;background:white;border:0;padding:0 .2rem;font-size:.16rem;color:#4d4d4d}
.contact_box .message .top .bot{width:42%}
.contact_box .message .top .bot p{font-size:.16rem;color:#4d4d4d;margin:0 0 .2rem;font-weight:bold}

.contact_box .message .top .bot textarea{height:2.25rem;width:100%;background:white;border:0;padding:.2rem;}
.contact_box .message .sub{text-align:center;margin:.85rem 0 0}
.contact_box .message .sub button{height:.55rem;width:1.3rem;border-radius:50px;border:0;font-size:.16rem;color:white;background:#0096db}
.job_list{padding:.9rem 0 2.8rem;background:#f4f5f6 }
.job_list>div>h2{font-size:.36rem;color:#0096db;margin:0 0 .9rem}
.job_list  .lists  .big_list{margin:0 0 .2rem;padding:0 .53rem;position:relative}
.job_list  .lists  .big_list .swiper-page>div{position:absolute;width:.7rem;height:.7rem;background:url(../images/16.png) center center   no-repeat;background-size:.26rem .15rem;border:1px solid #6d7a96;left:-.36rem;top:50%;transform:translateY(-50%);border-radius:100%;z-index:2}   
.job_list  .lists  .big_list .swiper-page .slide-button-next{right:-.36rem;left:auto;background:url(../images/17.png) center center   no-repeat;background-size:.26rem .15rem}
.job_list  .lists  .big_list .swiper-page>div:hover{border:1px solid #0096db;background:#0096db url(../images/16-1.png) center center   no-repeat;background-size:.26rem .15rem;}
.job_list  .lists  .big_list .swiper-page .slide-button-next:hover{background:#0096db url(../images/17-1.png) center center   no-repeat;background-size:.26rem .15rem;}
.job_list  .lists  .big_list a{height:2.55rem;}
.job_list  .lists  .big_list a .info{height:2.35rem;background:white;padding:.3rem .25rem;;border-radius:10px;position:relative}
.job_list  .lists  .big_list a .info:after{content:"";position:absolute;width:.32rem;height:.27rem;background:url(../images/15.png) 0 0   no-repeat;;transform:translateX(-50%);left:50%;bottom:-0rem;background-size:100%;opacity:0;transition:.3s;z-index:-1}

.job_list  .lists  .big_list a .info h1{font-size:.2rem;color:#2b2b2b;font-weight:bold;margin:0 0 .4rem;}
.job_list  .lists  .big_list a .info h2{font-size:.16rem;color:#5b5a5a;font-weight:bold;margin:0 0 .45rem}
.job_list  .lists  .big_list a .info .box{display:flex;justify-content: space-between;align-items: center;}
.job_list  .lists  .big_list a .info .box em{height:.35rem;line-height:.35rem;width:1.33rem;font-size:.14rem;color:#5b5a5a;border:1px solid #5a5a5a;text-align:center;border-radius:5px}
.job_list  .lists  .big_list a .info .box span{font-size:.16rem;color:#5b5a5a;font-weight:bold}
.job_list  .lists  .big_list .swiper-slide-thumb-active a .info{background:#0096db;transition:.3s}
.job_list  .lists  .big_list .swiper-slide-thumb-active a .info h1{color:white}
.job_list  .lists  .big_list .swiper-slide-thumb-active a .info h2{color:white}
.job_list  .lists  .big_list .swiper-slide-thumb-active a .info .box em{color:white;border:1px solid white;}
.job_list  .lists  .big_list .swiper-slide-thumb-active a .info .box span{color:white}
.job_list  .lists  .big_list .swiper-slide-thumb-active a .info:after{ opacity:1;transition:.3s;bottom:-.2rem}
.job_list  .lists  .sm_list{}
.job_list  .lists  .sm_list .infos {background:white;padding:.45rem  .35rem 1.45rem}
.job_list  .lists  .sm_list .infos ul{display:flex;padding:0 0 .5rem;border-bottom:1px solid #e5e5e5}
.job_list  .lists  .sm_list .infos ul li{width:20%}
.job_list  .lists  .sm_list .infos ul li h1{font-size:.14rem;color:#757575;font-weight:bold;margin:0 0 .13rem}
.job_list  .lists  .sm_list .infos ul li p{font-size:.2rem;color:#1b1b1b;font-weight:bold} 
.job_list  .lists  .sm_list .infos .items1{padding:.4rem 0;border-bottom:1px solid #e5e5e5;color:#757575;line-height:.28rem}
.job_list  .lists  .sm_list .infos .items2{padding:.4rem 0;border-bottom:1px solid #e5e5e5;color:#757575;line-height:.28rem}
.job_list  .lists  .sm_list .infos .items3{padding:.3rem 0 0}
.job_list  .lists  .sm_list .infos .items3 h1{font-size:.18rem;color:#0096db;font-weight:bold;margin:0 0 .15rem}
.job_list  .lists  .sm_list .infos .items3 p{font-size:.14rem;color:#0096db;font-weight:bold;line-height:.26rem}
.tem_banner.index .label_text{position:absolute;left:50%;transform:translateX(-50%);top:28%;z-index:2;text-align:center;width:100%}
.tem_banner.index .label_text h1{font-size:.6rem;color:white;font-weight:bold}
.tem_banner.index .label_text h1 em{font-size:.72rem}
.tem_banner.index .label_text p{font-size:.3rem;color:white;;margin:.3rem 0 .85rem}
.tem_banner.index .label_text a{display:inline-block;width:1.5rem;height:.55rem;line-height:.55rem;color:white;font-size:.16rem;position:relative}
.tem_banner.index .label_text a:after{position: absolute;content:"";z-index: -2;border:1px solid white;left: 0;top: 0;bottom: 0;right: 0;transform: skew( -25deg);}
.tem_banner.index .label_text a:before{position: absolute;content:"";z-index: -1;;background:#0096db;transform: skew(-25deg);height:100%;width:.18rem;top:-.11rem;right:-.1rem;transition:.5s}
.tem_banner.index .label_text a:hover:before{width:100%;transition:.5s;top:0;right:0}
.tem_banner.index .swiper-page{display:flex;position:absolute;right:1.6rem;bottom:1.07rem;z-index:2}
.tem_banner.index .swiper-page>div{height:.66rem;line-height:.66rem;width:.7rem;background:white;transform: skew(-25deg);text-align:center;margin:0 .06rem;color:#0096db;font-size:.22rem}
.tem_banner.index .swiper-page>div:first-child{transform:skew(-25deg) translateY(.1rem)}
.tem_banner.index .swiper-page>div i{transform:skew(25deg)}
.tem_banner.index .swiper-page>div:hover {background:#0096db}
.tem_banner.index .swiper-page>div:hover i{color:white}
.index_product>div{padding:1.05rem .9rem 1.35rem;display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_product>div .items{width:48.7%;margin:0 0 .4rem}

.index_product>div .items a {position:relative}
.index_product>div .items a .imgs1,.index_product>div .items a .imgs2{overflow:hidden}
.index_product>div .items a .imgs1 img{width:100%}
.index_product>div .items a .imgs2{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:1}
.index_product>div .items a .imgs2 img{width:100%;height:100%}
.index_product>div .items a .text{position:absolute;left:50%;transform:translateX(-50%);width:100%;text-align:center;top:.6rem;z-index:2}
.index_product>div .items a .text h1{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .4rem}
.index_product>div .items a .text p{font-size:.16rem;color:white}
.index_product>div .items a:hover .imgs2{opacity:1}
.index_product>div .items a:hover .text h1{color:#0096db}
.index_product>div .items a:hover .text p{color:#0096db}
.index_product>div .items a:hover img{transform:scale(1.1)}
.index_about{padding:1.2rem 0 1.3rem}
.index_about .text h1{font-size:.2rem;color:#ffffff}
.index_about .text h2{font-size:.48rem;color:white;font-weight:bold;margin:.35rem 0  .4rem}
.index_about .text p{font-size:.16rem;color:#ffffff}
.index_about .text a{margin:.5rem 0 0;text-align:center}
.index_about .text a{display:inline-block;width:1.5rem;height:.55rem;line-height:.55rem;color:white;font-size:.16rem;position:relative;z-index:3}
.index_about .text a:after{position: absolute;content:"";z-index: -2;border:1px solid white;left: 0;top: 0;bottom: 0;right: 0;transform: skew( -25deg);}
.index_about .text a:before{position: absolute;content:"";z-index: -1;;background:#0096db;transform: skew(-25deg);height:100%;width:.18rem;top:-.11rem;right:-.1rem;transition:.5s}
.index_about .text a:hover:before{width:100%;transition:.5s;top:0;right:0}
.index_about {background-size:cover;background-repeat:no-repeat;background-position:center center}
.index_about  ul{display:flex;justify-content: space-between;margin:1.85rem 0  0}
.index_about  ul li{width}
.index_about  ul li h1{font-size:.36rem;color:white;height:.55rem;line-height:.55rem;display:flex;align-items: flex-start;margin:0 0 .25rem}
.index_about  ul li h1 em{font-size:.72rem;color:white;margin-right:.2rem}
.index_about  ul li p{font-size:.2rem;color:white}
.index_adv {text-align:center;padding:1.9rem 0  1.3rem;background:url(../images/18.png) center bottom no-repeat  }
.index_adv h1{font-size:.48rem;color:#2c2c2c;font-weight:bold;margin:0 0 .4rem}
.index_adv p{font-size:.16rem;color:#575757;font-weight:bold;margin:0 0 .15rem}
.index_infos{display:flex;align-items: stretch;}
.index_infos .left{width:55.8%}
.index_infos .left .text a {height:4.75rem;background:url(../images/19.jpg) 0 0 no-repeat;background-size:cover;display:flex;flex-direction: column;justify-content: center;align-items: center;}

.index_infos .left .text h1{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .25rem;padding:1.1rem 0 0 ;position:relative}
.index_infos .left .text h1:after{content:"";position:absolute;width:.68rem;height:.66rem;background:url(../images/21.png) 0 0   no-repeat;;transform:translateX(-50%);left:50%;top:.0rem;background-size:100%;transition:.5s}
.index_infos .left .text:hover h1:after{transform:translateX(-50%) rotateY(360deg);transition:.5s}
.index_infos .left .text p{font-size:.16rem;color:white}
.index_infos .right{width:44.2%;display:flex;flex-direction: column;justify-content: space-between;}
.index_infos .right .text{height:59.2%;background:url(../images/20.jpg) 0 0 no-repeat;background-size:cover;display:flex;flex-direction: column;justify-content: center;padding:0 2.2rem 0 .7rem}
.index_infos .right .text h1{font-size:.3rem;color:white;font-weight:bold;line-height:.5rem;margin:0 0 .4rem}
.index_infos .right .text  p{font-size:.24rem;color:white}
.index_infos .right .img{height:40.8%}
.index_infos .right .img img{height:100%}
.index_news{padding:1.35rem 0 1.7rem}
.index_news .title{text-align:center}
.index_news .title h1{font-size:.48rem;color:#2c2c2c;padding:0 0 .75rem}
.index_news .top{margin:0 0 .6rem}
.index_news .top a{display:flex;justify-content: space-between;align-items: center;}   
.index_news .top a .img{width:47.5%}     
.index_news .top a:hover img{transform:scale(1.1)}
.index_news .top a .img img{height:3.75rem;width:100%;}
.index_news .top a .text{width:49%;padding:0 0 .9rem;position:relative} 
.index_news .top a .text:after{content:'';position:absolute;background:url(../images/22.png) 0 0 no-repeat;width:.25rem;height:.14rem;background-size:100%;bottom:0}             
.index_news .top a .text span{font-size:.16rem;color:#0096db;font-weight:bold}
.index_news .top a .text h1{font-size:.24rem;color:#1b1b1b;font-weight:bold;margin:.25rem 0 .4rem}
.index_news .top a .text p{font-size:.16rem;color:#434343;height:.75rem;line-height:.25rem}
.index_news .infos{display:flex;justify-content: space-between;}
.index_news .infos .left{width:47.5%;display:flex;justify-content: space-between;}
.index_news .infos .left a{width:47%}
.index_news .infos .right{width:49%;display:flex;flex-direction: column;}
.index_news .infos .left a .text {margin:.25rem 0 0;padding:0 0 .4rem;position:relative }
.index_news .infos .left a .text:after{content:'';position:absolute;background:url(../images/22.png) 0 0 no-repeat;width:.25rem;height:.14rem;background-size:100%;bottom:0}             

.index_news .infos .left a .text  span{font-size:.16rem;color:#0096db;font-weight:bold}
.index_news .infos .left a .text  h1{font-size:.18rem;color:#1b1b1b;font-weight:bold;margin:.25rem 0 0;height:.5rem;line-height:.25rem}
.index_news .infos .right{padding:0 .4rem;background:#f7f7f7}
.index_news .infos .right a{height:50%;;padding:.5rem 0 0}
.index_news .infos .right a:first-child{border-bottom:1px solid #d9d9d9}
.index_news .infos .right a .text {position:relative}
.index_news .infos .right a .text span{font-size:.16rem;color:#0096db;font-weight:bold}
.index_news .infos .right a .text h1{font-size:.24rem;color:#1b1b1b;font-weight:bold;margin:.25rem 0 0}
.index_news .infos .right a .text:after{content:'';position:absolute;background:url(../images/22.png) 0 0 no-repeat;width:.25rem;height:.14rem;background-size:100%;bottom:.2rem;right:0}             
.index_news .infos .left a:hover img{transform:scale(1.1)}
.index_news .more {;text-align:center;margin:.75rem 0 0 }
.index_news .more a{display:inline-block;width:1.5rem;height:.55rem;line-height:.55rem;color:#0096db;font-size:.16rem;position:relative;z-index:3}
.index_news .more a:after{position: absolute;content:"";z-index: -2;border:1px solid #c9c9c9;left: 0;top: 0;bottom: 0;right: 0;transform: skew( -25deg);}
.index_news .more a:before{position: absolute;content:"";z-index: -1;;background:#0096db;transform: skew(-25deg);height:100%;width:.18rem;top:-.11rem;right:-.1rem;transition:.5s}
.index_news .more a:hover:before{width:100%;transition:.5s;top:0;right:0}
.index_news .more a:hover{color:white}
/********<=767 mobile nav style ss********/ 
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-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:#f39800;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:#f39800}
.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********/

/**************************/

/******ipad****/
@media(max-width:1600px){
    .about_box .history .lists  {padding: 0 1.6rem;position:relative} 
    .contact_box .infos{padding-left:1rem;}
    .contact_box .infos .left{padding:1rem .2rem 0 0 }
    .index_infos .right .text{;padding:0 .5rem 0 .7rem}

}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
.tem_banner.index .label_text h1{font-size:.36rem}
.tem_banner.index .swiper-page{right:.2rem;bottom:.2rem}
.index_product>div .items{width:100%}
.index_product>div{padding:1.05rem .2rem 1.35rem}
.index_product>div .items:nth-child(2),.index_product>div .items:nth-child(4){transform:translateY(0rem)}
.index_about ul{display:inherit}
.index_about ul li h1{display:inline-block}
.index_about ul li{width:100%;margin:0 0 .2rem;text-align:center}
.index_adv {text-align:center;padding:1.9rem .5rem  1.3rem;}
.index_infos{display:inherit}
.index_infos .left{width:100%}
.index_infos .right{width:100%}
.index_infos .right .text{;padding:.5rem .5rem .5rem .7rem}
.index_news .top a .img img{height:2rem}
.footer .middle .fot_nav{display:none}
.footer .top{display:inherit;padding:0 0 .2rem}
.footer .top .left{width:100%;border:0}
.footer .top .left .box{width:50%}
.footer .top .right{width:100%;padding:0}
.footer .return{right:0}
.footer .bot{display:inherit}
.footer .bot a{margin:0}
.footer .middle .infos{width:100%}
.tem_banner.indise .banner_nav ul li{padding: 0 .2rem}
.about_box .company .infos .txt{position:inherit}
.about_box .company .infos .img{width:100%}
.about_box .company .infos .txt{width:100%}
.about_box .company ul{display:inherit}
.about_box .company ul li{width:100%;text-align:center}
.about_box .history .lists{padding:0 .8rem}
.about_box .history .lists .swiper-page>div{left:0.1rem;top:50%}   
.about_box .history .lists .swiper-page .slide-button-next{right:0.1rem;left:auto}
.about_box .history .lists .swiper-slide{display:initial}
.about_box .history .lists .swiper-slide .items{width:100%;margin:0 0 .1rem}
.about_box .history .lists .items .txt{height:auto !important}
.about_box .history .lists:after{display:none}
.about_box .history .lists .items .txt:after{display:none;}
.about_box .history .lists .items .txt:before{display:none;}
.about_box .history .lists .items .tit{margin:.25rem 0 0 }
.about_box .history .lists .items .txt{padding:0;position:relative;}
.about_box .pranter .lists .swiper-slide .items{width:48%}

.product_lists .lists .right .box .items{width:100%}
.product_lists .lists .right .box .items a em{width:1.8rem}
.product_top>div{display:inherit}
.product_top .return a{display:inline-block}
.product .top{display:inherit}
.product .top .lists{width:100%}
.product .top .right{width:100%}
.product .top .right a{width:1.8rem}
.news_box .lists .items{width:48%}
.appli .items a{display:inherit}
.appli .items a .img{width:100%}
.appli .items a .text{width:100%}
.appli .items a .text{padding:.7rem .2rem .8rem .6rem;}

 .contact_box .infos{padding:.2rem}
 .contact_box .infos{display:inherit}
 .contact_box .infos .left{width:100%}
 .contact_box .infos .left .imgs{width:40%}
 .contact_box .infos .map{width:100%}
 .contact_box .message .top{display:inherit}
 .contact_box .message .top .left{width:100%}
 .contact_box .message .top .bot{width:100%}
 .product_lists .lists{display:inherit}
 .product_lists .lists .product_nav{width:100%}
 .product_lists .lists .right{width:100%}
 .index_infos .right .img{display:none};



}