.header{position: fixed;background:#4e4e4e url(/public/common/images/header_bg.png) no-repeat  right top;width: 100%;z-index: 1000;}
.header .pad111{padding:0 1.1rem;display:flex;justify-content: space-between;height:1.04rem;line-height:1.04rem}
.header .pad111 .right{display:flex;width:40.5%;justify-content: space-between;}
.header .pad111 .right .navs ul{display:flex}
.header .pad111 .right .navs ul li a{padding:0 .25rem;font-size:.16rem;color:white;}
.header .pad111 .right .navs ul li.active a,.header .pad111 .right .navs ul li a:hover{background:#007cc3}
.header .pad111 .right .langs{display:flex;justify-content: center;flex-direction: column;align-items: center;}
.header .pad111 .right .langs a:first-child{width:.27rem;height:.27rem;border-radius:100%;border:1px solid #8d8c8c;color:#8d8c8c;line-height:.27rem;text-align:center;margin:0 0 .09rem}
.header .pad111 .right .langs a:first-child:hover{background:#007cc3;color:white;border:1px solid #007cc3 }
.header .pad111 .right .langs a:last-child{width:.16rem;height:.16rem;margin:.09rem  0 0;background:url(/public/common/images/search.png) no-repeat;background-size:.16rem .16rem}
.tem_banner.indise {padding:1.4rem 0 0;background:#e1e1e1;z-index:999;}
.tem_banner.indise .bg{padding:0 1.1rem 0}
.tem_banner.indise .bg{position:relative;}
.tem_banner.indise .bg .banner_nav{position:absolute;top:0;width:100%;left:0;padding:0 1.1rem;;}
.tem_banner.indise .bg .banner_nav ul{display:flex;padding:.3rem 0 .3rem .5rem;background:rgba(255,255,255,.3);}
.tem_banner.indise .bg .banner_nav ul li {padding:0 .3rem;border-right:2px solid #807f7f}
.tem_banner.indise .bg .banner_nav ul li:last-child{border:0}
.tem_banner.indise .bg .banner_nav ul li a{font-size:.16rem;color:white}
.tem_banner.indise .bg .banner_nav.on{position:fixed;top:1.04rem;width:100%;z-index:999;background:#4e4e4e}
.tem_banner.indise .bg .banner_nav.on ul{background:none}
.tem_banner.indise .bg .banner_nav:after{position:absolute;content:"";height:1px;width:0;background:white;top:0;left:50%;transform:translateX(-50%);transition:.6s}
.tem_banner.indise .bg .banner_nav.on:after{width:100%;transition:.6s}
.tem_banner.indise .bg .flash{position:relative}
.tem_banner.indise .bg .flash .txt{position:absolute;left:1.5rem;bottom:18%}
.tem_banner.indise .bg .flash .txt h1{font-size:.3rem;color:white;}
.about_box{padding:0 1.1rem .66rem;background:#e1e1e1}
.about_box .about_company {padding:0 0 .88rem}
.about_box .about_company .top{padding:.77rem 0 .65rem;display:flex;justify-content: space-between;background:url(/public/common/images/company_bg.png) right bottom no-repeat;}
.about_box .about_company .top .left{width:60.5%}
.about_box .about_company .top .left .tit {padding:0 0 .3rem}
.about_box .about_company .top .left .tit h1{font-size:.36rem;color:black;padding:0 0 .05rem}
.about_box .about_company .top .left .tit p{color:#828282;font-size:.16rem;}
.about_box .about_company .top .left .text p{font-size:.16rem;color:#4e4e4e;line-height:.25rem}
.about_box .about_company .top .right{width:30%}
.about_box .about_company .top .right ul{display:flex;flex-wrap: wrap;}
.about_box .about_company .top .right ul li{margin:0 0 .8rem;width:50%}
.about_box .about_company .top .right ul li h1{font-size:.24rem;color:#007cc3;text-shadow:1px 1px #007cc3,2px 2px #95c4de,3px 3px #95c4de,4px 4px #95c4de,5px 5px #95c4de,6px 6px #95c4de}
.about_box .about_company .top .right ul li h1 em{font-size:.36rem;font-weight:bold;
}
.about_box .about_company .top .right ul li p{font-size:.16rem;color:#696969;padding:.1rem 0 0;font-weight:bold}

.about_box .about_culture{background:#ebebeb;padding:0 0 1.5rem}
.about_box .about_culture .title{text-align:center;padding:.9rem 0 .5rem}
.about_box .about_culture .title h1{font-size:.36rem;color:black;padding:0 0 .05rem}
.about_box .about_culture .title p{color:#828282;font-size:.16rem;}
.about_box .about_culture .lists{padding:0 .7rem}
.about_box .about_culture .lists ul{display:flex;justify-content: space-between;}
.about_box .about_culture .lists ul li{width:24%;background:white;height:4.4rem;display:flex;flex-direction: column;justify-content: center;;border-radius:10px;transition:.3s;position:relative;cursor:pointer}
.about_box .about_culture .lists ul li:after{content:"";background:url(/public/common/images/culture_bg.png) no-repeat;width:100%;height:100%;position:absolute;;border-radius:10px;left:0%;bottom:0%;z-index:0;transition:.6s;background-size:cover;opacity:0}
.about_box .about_culture .lists ul li .items{height:2.63rem;text-align:center;z-index:2}
.about_box .about_culture .lists ul li .items h1{color:#1e1e1e;font-size:.24rem;padding:0 0 .6rem;position:relative}
.about_box .about_culture .lists ul li .items h1:after{content:"";position:absolute;background:#bfbfbf;width:1px;height:.35rem;left:50%;transform:translateX(-50%);bottom:0}
.about_box .about_culture .lists ul li .items p{padding:.3rem 0 0 ;font-size:.16rem;color:#646464}
.about_box .about_culture .lists ul li:nth-child(1) .items{background:url(/public/common/images/icon1.png) center bottom no-repeat;transition:.3s}
.about_box .about_culture .lists ul li:nth-child(2) .items{background:url(/public/common/images/icon2.png) center bottom no-repeat;transition:.3s}
.about_box .about_culture .lists ul li:nth-child(3) .items{background:url(/public/common/images/icon3.png) center bottom no-repeat;transition:.3s}
.about_box .about_culture .lists ul li:nth-child(4) .items{background:url(/public/common/images/icon4.png) center bottom no-repeat;transition:.3s}
.about_box .about_culture .lists ul li:hover:after{transition:.6s;opacity:1}
.about_box .about_culture .lists ul li:nth-child(1):hover .items{background:url(/public/common/images/icon1-1.png) center bottom no-repeat;transition:.3s}
.about_box .about_culture .lists ul li:nth-child(2):hover .items{background:url(/public/common/images/icon2-2.png) center bottom no-repeat;transition:.3s}
.about_box .about_culture .lists ul li:nth-child(3):hover .items{background:url(/public/common/images/icon3-3.png) center bottom no-repeat;transition:.3s}
.about_box .about_culture .lists ul li:nth-child(4):hover .items{background:url(/public/common/images/icon4-4.png) center bottom no-repeat;transition:.3s}
.about_box .about_culture .lists ul li:hover .items h1{color:white}
.about_box .about_culture .lists ul li:hover .items h1:after{background:white;transition:.3s}
.about_box .about_culture .lists ul li:hover .items p{color:white}
.about_box .about_workshop {padding:0 0 .65rem}
.about_box .about_workshop .title{text-align:center;padding:.9rem 0 .53rem}
.about_box .about_workshop  .title h1{font-size:.36rem;color:black;padding:0 0 .05rem}
.about_box .about_workshop .title p{color:#828282;font-size:.16rem;}
.about_box .about_workshop .lists {position:relative}
.about_box .about_workshop .lists  .first .swiper-container{padding:.5rem 0}
.about_box .about_workshop .lists .swiper-wrapper{display:flex;}
.about_box .about_workshop .lists  .swiper-slide-next{}
.about_box .about_workshop .lists  .swiper-slide-next a{transform:scale(1.4);}
.about_box .about_workshop .lists .second {padding:1.15rem 0 0}
.about_box .about_workshop .lists .second p{text-align:center;font-size:.16rem;color:#007cc3}
.about_box .about_workshop .lists .swiper-page{position:absolute;display:flex;align-items: center;left:50%;transform:translateX(-50%);bottom:12%;width:40%}
.about_box .about_workshop .lists .swiper-page .slide-button-prev{position:absolute;left:0;font-size:.3rem;color:#007cc3;top:50%;transform:translateY(-50%)}
.about_box .about_workshop .lists .swiper-page .slide-button-prev:after{position:absolute;content:"";background:url(/public/common/images/dian.png) no-repeat;width:.33rem;height:0.06rem;right:-.45rem;top:50%;transform:translateY(-50%);background-size:100%}
.about_box .about_workshop .lists .swiper-page .slide-button-next{position:absolute;right:0;font-size:.3rem;color:#007cc3}
.about_box .about_workshop .lists .swiper-page .slide-button-next:after{position:absolute;content:"";background:url(/public/common/images/dian.png) no-repeat;width:.33rem;height:0.06rem;left:-.45rem;top:50%;transform:translateY(-50%);background-size:100%}

.about_box .about_workshop .lists .swiper-page  .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);display:flex;text-align:center}
.about_box .about_workshop .lists .swiper-page  span{width:0;height:0}
.about_box .about_workshop .lists .swiper-page  span:before{content:"";position:absolute;width:4.5rem;background:#007cc3;height:2px;left:50%;transform:translate(-50%,-50%);top:50%;transition:.8s}
.about_box .about_workshop .lists .swiper-page  .swiper-pagination-bullet-active{display:block;width:.26rem;height:.26rem;background:#007cc3;position:relative}
.about_box .about_workshop .lists .swiper-page  .swiper-pagination-bullet-active:after{content:"";position:absolute;background:white;width:.11rem;height:.11rem;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%)}
.about_box .about_workshop .lists .swiper-page  span:before{content:"";position:absolute;width:0;background:#007cc3;height:2px;left:50%;transform:translate(-50%,-50%);top:50%;transition:.8s}
.about_box .about_workshop .lists .swiper-page  .swiper-pagination-bullet-active:before{transition:.8s;width:5rem} 
.about_box .about_workshop .lists a{overflow:hidden;}
.about_box .about_workshop .lists a:hover img{transform:scale(1.1)}
.about_honor{padding:0 0 1.3rem; background-repeat:no-repeat;background-attachment:fixed;background-size:cover}
.about_honor  .title{text-align:center;padding:1.5rem 0 .5rem}
.about_honor  .title h1{font-size:.36rem;color:black;padding:0 0 .05rem}
.about_honor  .title p{color:#828282;font-size:.16rem;}
.about_honor   .lists{padding:0 1.5rem ;position:relative}
.about_honor   .lists .items {border:1px solid #b5b5b5}
.about_honor   .lists .items a{padding:.3rem .25rem .25rem;background:white;}
.about_honor   .lists .items a:hover img{transform:scale(1.05);overflow:hidden;}
.about_honor   .lists .items p{text-align:center;padding:.18rem 0 .24rem;background:#ececec;border-top:2px solid #b5b5b5;font-size:.16rem;color:#3d3d3d;font-weight:bold}
.about_honor   .lists  .swiper-page>div{position:absolute;width:.55rem;height:.55rem;border:1px solid #b7b7b7;border-radius:100%;line-height:.55rem;text-align:center;font-size:.3rem;color:#757575;outline:none;z-index:2;top:50%;left:5%;transform:translateY(-50%)}
.about_honor   .lists  .swiper-page>div.slide-button-next {left:auto;right:5%}
.about_honor   .lists  .swiper-page>div:hover{background:#037dc4;border:1px solid #037dc4;color:white}
.footer .top{background:#3f3f40;}
.footer .top .pad11{padding:.8rem 1.1rem .68rem}
.footer .top .pad11 .fot_head{display:flex;justify-content: space-between;align-items: center;padding:0 0 .4rem;border-bottom:1px solid #4b4b4b}
.footer .top .pad11 .fot_head .left{display:flex;width:53%;justify-content: space-between;padding:.2rem 0 0}
.footer .top .pad11 .fot_head .left dl{width:20%}
.footer .top .pad11 .fot_head .left dl dt{font-weight:inherit}
.footer .top .pad11 .fot_head .left dl dt  a{font-size:.16rem;color:white;display:initial}
.footer .top .pad11 .fot_info{display:flex;justify-content: space-between;padding:.36rem 0 0}
.footer .top .pad11 .fot_info .left{width:53%;display:flex}
.footer .top .pad11 .fot_info .left dl{width:20%}
.footer .top .pad11 .fot_info .left dl dd{ margin:0 0 .2rem}
.footer .top .pad11 .fot_info .left dl dd:last-child{margin:0}
.footer .top .pad11 .fot_info .left dl dd a{font-size:.15rem;color:#b8b8b8;display:initial}
.footer .top .pad11 .fot_info .middle ul li {margin:0 0 .15rem}
.footer .top .pad11 .fot_info .middle ul li:last-child{margin:0}
.footer .top .pad11 .fot_info .middle ul li h1{font-size:.36rem;color:#007cc3;padding:.1rem 0 0}
.footer .top .pad11 .fot_info .middle ul li p{font-size:.16rem;color:#b8b8b8}
.footer .top .pad11 .fot_info .right{width:9.5%}
.footer .top .pad11 .fot_info .right p{font-size:.16rem;color:#b8b8b8;text-align:center;margin:.15rem 0 0}
.footer  .bot{background:#3c3c3c}
.footer  .bot .pad11{padding:.25rem 1.1rem  .2rem;display:flex;}
.footer  .bot .pad11>*{font-size:.15rem;color:#909090;margin-right:.3rem}
.product_box{background:#e1e1e1}
.product_box .pad11{padding:.77rem 1.1rem 2.55rem}
.product_box .pad11 .items{display:flex;margin:0 0 .5rem;justify-content: space-between;border-radius:0 0 0 50px;}
.product_box .pad11 .items:last-child{margin:0}
.product_box .pad11 .items .img{width:44%;border-radius:0 0 0 50px;}
.product_box .pad11 .items .text{width:56%;padding:1rem 2.2rem 0 1rem;background:url(/public/common/images/pro_bg.png) 0 0 no-repeat;background-size:cover;border-radius:0 0 50px 0;}
.product_box .pad11 .items .text h1{font-size:.3rem;color:black;font-weight:bold;padding:.35rem 0 .3rem;position:relative}
.product_box .pad11 .items .text h1:after{content:"";position:absolute;background:url(/public/common/images/jx.png) no-repeat;width:.92rem;height:0.08rem;top:0;left:0;background-size:100%}
.product_box .pad11 .items .text p{font-size:.16rem;color:#4f4f4f;height:.75rem;line-height:.25rem}
.product_box .pad11 .items .text a{margin:.8rem 0  0 0;display:inline-block;padding:.13rem .32rem;background:#a3a3a3;border-radius:25px;color:white;font-size:.14rem}
.product_box .pad11 .items .text a:hover{background:#007cc3;}
.product_list{background:#e1e1e1;padding:0 0 2.05rem}
.product_list .pad11{padding:0 1.1rem}
.product_list  .title{padding:.85rem 0 .5rem;text-align:center}
.product_list  .title h1{font-size:.3rem;color:#007cc3;font-weight:bold}
.product_list .lists .items{padding:0 .23rem;margin:0 0 .42rem}
.product_list .lists .items a{background:white;padding:.5rem .33rem .4rem;position:relative}
.product_list .lists .items a:after{content:"";position:absolute;width:100%;height:0;background:rgba(0,0,0,0.5);left:50%;top:0;transform:translateX(-50%);transition:.6s}
.product_list .lists .items a:before{content:"";position:absolute;width:.52rem;height:.52rem;background:url(/public/common/images/pro_search.png) no-repeat;left:50%;top:72%;transform:translateX(-50%);transition:.6s;background-size:100%;z-index:2;opacity:0}
.product_list .lists .items a:hover:after{height:100%;transition:.6s}
.product_list .lists .items a:hover:before{opacity:1;top:52%;  transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);transition-delay:.2s}
.product_list .lists .items a:hover img{transform:scale(1.1)}
.product_list .lists .items a .text{margin:.7rem 0 0;text-align:center}
.product_list .lists .items a .text h1{font-size:.16rem;color:black;font-weight:bold;padding:0 0 .24rem}
.product_list .lists .items a .text  p{font-size:.13rem;color:#9e9e9e}
.product_list  .page{display:flex;justify-content: center;padding:.46rem 0 0}
.product_list  .page a{margin:0 .05rem;width:.3rem;height:.3rem;border-radius:5px;background:white;line-height:.3rem;font-weight:bold;font-size:.14rem;color:black}
.product_list  .page a:first-child,.product_list  .page a:last-child{width:.46rem;color:#707070}
.product_list  .page a i{font-size:.16rem}
.product_list  .page a:hover {background:#007cc3;color:white}
.product_list  .page a:hover i{color:white}
.product_list  .page a.page-num-current {background:#007cc3;color:white}
.news_box{background:#e1e1e1;padding:0 0 2.1rem}
.news_box .pad11{padding:0 1.1rem}
.news_box  .title{padding:.85rem 0 .5rem;text-align:center}
.news_box  .title h1{font-size:.3rem;color:#007cc3;font-weight:bold}
.news_box   .lists .items{padding:0 .15rem;margin:0 0 .6rem}
.news_box   .lists .items a{background:white}
.news_box   .lists .items a:hover img{transform:scale(1.1)}
.news_box   .lists .items a .text{padding:.3rem .3rem .35rem;}
.news_box   .lists .items a .img .time{width:1.04rem;position:absolute;left:0;top:0}
.news_box   .lists .items a .img .time h1{font-size:.2rem;color:white;padding:.2rem 0 ;background:#007cc3}
.news_box   .lists .items a .img .time p{font-size:.12rem;color:#c2c2c2;padding:.1rem 0 ;background:#333333}
.news_box   .lists .items a .text h1{font-size:.18rem;color:#4b4b4b;font-weight:bold}
.news_box   .lists .items a .text p{font-size:.16rem;color:#6d6d6d;margin:.2rem 0 .35rem}
.news_box   .lists .items a .text span{padding:.1rem .26rem;background:#007cc3;color:white;font-size:.14rem;display:inline-block}
.news_box  .page{display:flex;justify-content: center;padding:.33rem 0 0}
.news_box   .page a{margin:0 .05rem;width:.3rem;height:.3rem;border-radius:5px;background:white;line-height:.3rem;font-weight:bold;font-size:.14rem;color:black}
.news_box   .page a:first-child,.news_box   .page a:last-child{width:.46rem;color:#707070}
.news_box   .page a i{font-size:.16rem}
.news_box   .page a:hover {background:#007cc3;color:white}
.news_box  .page a:hover i{color:white}
.news_box   .page a.page-num-current {background:#007cc3;color:white}
.job_box{background:#e1e1e1}
.job_box .pad11{padding:0 1.1rem}
.job_box  .lists{background:white;padding:.55rem 0 2rem}
.job_box .list .swiper-slide a{display:block;background:#f8fafd;padding:.48rem .38rem .4rem;}
.job_box .list .swiper-slide h6{font-size:.2rem;color:#2b2b2b;margin:0 0 .35rem;}
.job_box .list .swiper-slide a>span{font-size:.16rem;color:#5b5a5a;}
.job_box .list .swiper-slide .mores{margin:.45rem 0 0;position:relative}
.job_box .list .swiper-slide .mores em{display:inline-block;border:1px solid #5a5a5a;border-radius:10px;padding:0 .4rem;line-height:.37rem;font-size:.14rem;color:#5b5a5a;}
.job_box .list .swiper-slide .mores span{font-size:.16rem;color:#5b5a5a;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.job_box .list .swiper-slide a:hover .mores em,.job_box .list .swiper-slide#current a .mores em{background:#007cc3;border-color:#007cc3;color:#FFF}
.job_box .list .itembox{padding:.35rem 0;}
.job_box .list .itembox>div{background:#f8fafd;padding:.4rem .38rem .9rem;}
.job_box .list .itembox .titles {margin:0 0 .4rem;padding:0 0 .5rem;border-bottom:1px solid #eee;font-size:0}
.job_box .list .itembox .titles p{display:inline-block;vertical-align:top;margin:0;width:25%;font-size:.2rem;color:#1b1b1b;font-weight:bold;}
.job_box .list .itembox .titles p span{display:block;font-size:.14rem;color:#757575;margin:0 0 .1rem;font-weight:normal;}
.job_box .list .itembox .editor{font-size:.14rem;color:#757575;line-height:1.8;padding:0 0 .2rem;border-bottom:1px solid #eee}
.job_box .list .swiper-page {margin:.72rem 0 0;text-align:center;}
.job_box .list .swiper-page>div{display:inline-block;vertical-align:middle;margin:0 4px;}
.job_box .list .swiper-page>div.slide-button-prev,.job_box .list .swiper-page>div.slide-button-next{outline:none;width:.41rem;height:.41rem;border:1px solid #929292;border-radius:4px;line-height:.39rem;font-size:.16rem;color:#898989;font-weight:bold;}
.job_box .list .swiper-page>div.slide-pagination span{opacity:1;outline:none;width:.41rem;height:.41rem;border:1px solid #929292;border-radius:4px;line-height:.39rem;font-size:.16rem;color:#7d7d7d;background:none;margin:0 4px;}
.job_box .list .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active{background:#007cc3;border-color:#007cc3;color:#FFF}
.job_box .list .swiper-page>div.slide-button-prev:hover,.job_box .list .swiper-page>div.slide-button-next:hover{background:#007cc3;border-color:#007cc3;color:#FFF}
.contact_box{background:#e1e1e1;padding:0 1.1rem}
.contact_box .pad11{padding:.77rem 0 1.2rem;background:#FFF;}
.contact_box>div>div{font-size:0;}
.contact_box>div>div>div{display:inline-block;vertical-align:top;width:47%}
.contact_box>div .infos{padding:0 1rem 0 0}
.contact_box>div .infos h5{font-size:.32rem;color:#1e1e1e;margin:0 0 .4rem;}
.contact_box>div .infos .editor>p{margin:0 0 .35rem;padding:.1rem 0 .1rem .3rem;border-bottom:1px solid #ededed;font-size:.16rem;color:#5e5e5e}
.contact_box>div .infos .editor>p:nth-child(1){background:url(/public/common/images/address.png) 0 center no-repeat;}
.contact_box>div .infos .editor>p:nth-child(2){background:url(/public/common/images/phone.png) 0 center no-repeat;}
.contact_box>div .infos .editor>p:nth-child(3){background:url(/public/common/images/mobile.png) 0 center no-repeat;}
.contact_box>div .infos .editor>p:nth-child(4){background:url(/public/common/images/fax.png) 0 center no-repeat;}
.contact_box>div .infos .editor>p:nth-child(5){background:url(/public/common/images/email.png) 0 center no-repeat;}
.contact_box>div .infos .message{margin:.6rem 0 0}
.contact_box>div .infos .message h6{font-size:.32rem;color:#1e1e1e;margin:0 0 .4rem;}
.contact_box>div .infos .message .lists li {margin:0 0 .23rem;}
.contact_box>div .infos .message .lists li p{font-size:.16rem;color:#4d4d4d;margin:0 0 .1rem;}
.contact_box>div .infos .message .lists li input[type="text"],.contact_box>div .infos .message .lists li textarea {width:100%;height:.56rem;min-height:35px;font-size:.16rem;color:#333;background:#f4f4f4;border:0;border-radius:8px;padding:0 .1rem}
.contact_box>div .infos .message .lists li textarea{height:1.6rem;padding:.1rem;}
.contact_box>div .infos .message .lists li button{background:#007cc3;padding:0 .35rem;height:.56rem;min-height:35px;font-size:.16rem;color:#FFF;border-radius:8px;border:0}
.contact_box>div .mains{width:53%}
.contact_box>div .mains .map #container{height:9.33rem;}
.tem_banner .label_text{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:100%}
.tem_banner .label_text h1{font-size:.36rem;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 h2{font-size:.24rem;color:white;text-transform:uppercase;margin:.15rem 0 0;opacity:0;transition:all .5s;transform:translateY(100px);font-weight:bold}
.tem_banner .swiper-slide-active .label_text h2{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner .label_text p{font-size:.18rem;color:white;margin:.3rem 0 0;opacity:0;transition:all .5s;transform:translateY(100px)}
.tem_banner .swiper-slide-active .label_text p{transition-delay:.6s;transform:none;opacity:1;}
.tem_banner  .slide-pagination{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);z-index:2}
.tem_banner  .slide-pagination span{height:4px;width:.3rem;border-radius:15px;margin:0 .04rem;background:white;opacity:1}
.tem_banner  .slide-pagination .swiper-pagination-bullet-active{background:#007cc3}
.index_news {background:#d1d1d1}
.index_news>div{padding:.2rem 0;display:flex}
.index_news .swiper-container{height:.25rem;width:92%}
.index_news .swiper-container .swiper-slide{display:flex;flex-direction: column;justify-content: center;}
.index_news a{display:flex;}
.index_news a>*{font-size:.16rem;color:#3e3e3e}
.index_news a h1{margin-right:.6rem}
.index_news .swiper-page{display:flex;width:8%}
.index_news .swiper-page>div{width:.36rem;height:.24rem;border:1px solid #5c5c5c;text-align:center;border-radius:5px;font-size:.16rem;line-height:.24rem}
.common{background:#e1e1e1}
.index_product .pad11{padding:0 1.1rem}
.index_product .title{text-align:center;padding:.68rem 0 .4rem}
.index_product .title h1{color:#262625;font-size:.48rem;font-weight:bold;padding:0 0 .5rem;position:relative}
.index_product .title h1:after{content:"";position:absolute;background:#007cc3;height:8px;width:.9rem;bottom:0;left:50%;transform:translateX(-50%);}
.index_product .lists{display:flex;justify-content: space-between;}
.index_product .lists .left{width:43%}
.index_product .lists .left a {position:relative}
.index_product .lists .left a  .text{position:absolute;bottom:0;;width:100%;left:0;padding:.21rem 0 .21rem .4rem;background:rgba(0,0,0,.5)}
.index_product .lists .left a  .text:after{content:"";position:absolute;background:url(/public/common/images/jt.png)  no-repeat;height:.19rem;width:.35rem;right:12%;top:50%;transform:translateY(-50%);background-size:100%;transition:.6s}
.index_product .lists .left a  .text h1{font-size:.16rem;color:white;font-weight:bold}
.index_product .lists .left a  .text h2{font-size:.18rem;color:white;font-weight:bold;padding:.1rem 0 0}
.index_product .lists .left a:hover img{transform:scale(1.1)}
.index_product .lists .left a:hover .text:after{right:5%;transition:.6s}
.index_product .lists .right{width:56.85%;display:flex;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
.index_product .lists .right a{width:49.93%;position:relative}
.index_product .lists .right a .text{position:absolute;bottom:0;width:100%;left:0;padding:.21rem 0 .21rem .4rem;;background:rgba(0,0,0,.5)}
.index_product .lists .right a  .text:after{content:"";position:absolute;background:url(/public/common/images/jt.png)  no-repeat;height:.19rem;width:.35rem;right:12%;top:50%;transform:translateY(-50%);background-size:100%;transition:.6s}

.index_product .lists .right a  .text h1{font-size:.16rem;color:white;font-weight:bold}
.index_product .lists .right a .text h2{font-size:.18rem;color:white;font-weight:bold;padding:.1rem 0 0}
.index_product .lists .right a :hover img{transform:scale(1.1)}
.index_product .lists .right a:hover .text:after{right:5%;transition:.6s}
.index_about .pad11{padding:0 1.1rem 0;}{}
.index_about .top{background:#e5e5e5 url(/public/common/images/index_aboutbg.png)  top no-repeat;padding:0 0 1.3rem}
.index_about .top>div{display:flex;justify-content: space-between;padding:1rem 0 0 }
.index_about .top .left{width:37%}
.index_about .top .left h1{font-size:.48rem;color:black;position:relative;padding:.4rem 0 .5rem;font-weight:bold}
.index_about .top .left h1:after{content:"";position:absolute;background:#007cc3;height:8px;width:.9rem;bottom:0;left:0;}
.index_about .top .left  h2{margin:.95rem 0 .3rem;font-size:.3rem;color:black;font-weight:bold}
.index_about .top .left p{color:#595959;font-size:.16rem;line-height:.23rem}
.index_about .top .left a{margin:1rem 0 0;display:inline-block;padding:.12rem .35rem;border-radius:25px;background:#007cc3;color:white;font-size:.14rem}
.index_about .top .right{width:54%}
.index_about .top .right a img{border-radius:0 0 50px 0}
.index_about .top .right  .slide-pagination{position:absolute;bottom:-.7rem}
.index_about .top .right  .slide-pagination span{width:.15rem;height:.15rem;background:none;border:1px solid #5e5e5e;margin:0 .07rem;opacity:1}
.index_about .top .right  .slide-pagination .swiper-pagination-bullet-active{background:#007cc3;border:1px solid #007cc3}
.index_about .parter{padding:0 0 1rem;background:#e5e5e5}
.index_about .parter>div{background:white;padding:.25rem 1.2rem .25rem;position:relative}
.index_about .parter  .swiper-page>div{position:absolute;width:.38rem;height:.38rem;background:#dddddd;border-radius:100%;line-height:.38rem;text-align:center;font-size:.28rem;color:#383838;outline:none;z-index:2;top:50%;left:2%;transform:translateY(-50%)}
.index_about .parter  .swiper-page>div.slide-button-next {left:auto;right:2%}
.index_about .parter  .swiper-page>div:hover{background:#007cc3;color:white}
.index_abouttwo {}
.index_abouttwo .pad11{padding:0 1.1rem}
.index_abouttwo .pad11 .content{background: url(/public/common/images/index_abouttwobg.jpg)  0 0 no-repeat;background-size:cover}
.index_abouttwo .pad11 .content>div{padding:1rem 0 1.45rem;display:flex;justify-content: space-between;}
.index_abouttwo .pad11 .content .left{width:47%;position:relative}
.index_abouttwo .pad11 .content .left:after{content:"";position:absolute;left:0;width:2px;height:100%;top:0;background:#007cc3;transform:translateX(-50%)}
.index_abouttwo .pad11 .content .left h2{font-size:.48rem;color:white;margin:0 0 0 .3rem;font-weight:bold;padding:.55rem 0 .5rem;position:relative}
.index_abouttwo .pad11 .content .left h2:after{content:"";position:absolute;background:#007cc3;height:7px;width:.9rem;bottom:0;left:0;}
.index_abouttwo .pad11 .content .left h3{font-size:.24rem;color:white;font-weight:bold;margin:0 0 0 .3rem;padding:.5rem 0 1rem}
.index_abouttwo .pad11 .content .left ul li{display:flex;justify-content: space-between;padding:0 0 0 .3rem;margin:0 0 .4rem;position:relative}
.index_abouttwo .pad11 .content .left ul li:after{content:"";position:absolute;left:0;top:18%;border-radius:100%;width:.11rem;height:.11rem;background:#007cc3;transform:translateX(-50%)}
.index_abouttwo .pad11 .content .left ul li .time{width:20%}
.index_abouttwo .pad11 .content .left ul li .time h1{color:#007cc3;font-size:.24rem}
.index_abouttwo .pad11 .content .left ul li .time h1 em{font-size:.36rem;font-weight:bold}
.index_abouttwo .pad11 .content .left ul li .time p{font-size:.16rem;color:white;padding:.05rem 0 0}
.index_abouttwo .pad11 .content .left ul li  .info{width:70%}
.index_abouttwo .pad11 .content .left ul li  .info p{font-size:.16rem;color:white;line-height:.25rem}
.index_abouttwo .pad11 .content .left  a{display:inline-block;margin:.7rem 0 0;padding:.11rem .35rem;color:white;background:#007cc3;border-radius:2px;}
.index_abouttwo .pad11 .content .right{width:53%;padding:.55rem 0 0;position:relative}
.index_abouttwo .pad11 .content .right .imgs{position:relative}
.index_abouttwo .pad11 .content .right .imgs .plays{position:absolute;left:40%;top:50%;transform:translate(-50%,-50%);cursor:pointer;width:.44rem;height:.5rem;background:url(/public/common/images/play.png) no-repeat;background-size:100%}
.index_abouttwo .pad11 .content .right .items{position:absolute;}
.index_abouttwo .pad11 .content .right .items1{right:0;top:20%}
.index_abouttwo .pad11 .content .right .items1:after{left:-.6rem;top:0}
.index_abouttwo .pad11 .content .right .items2{right:0;top:49%}
.index_abouttwo .pad11 .content .right .items2:after{left:-.35rem;top:.1rem}
.index_abouttwo .pad11 .content .right .items3{right:8%;top:72%}
.index_abouttwo .pad11 .content .right .items3:after{left:-.4rem;top:0}
.index_abouttwo .pad11 .content .right .items:after{content:"";position:absolute;background:url(/public/common/images/cirlce.png)  no-repeat;width:.29rem;height:.29rem;background-size:100%;}
.index_abouttwo .pad11 .content .right .items h1{font-size:.18rem;color:white}
.index_abouttwo .pad11 .content .right .items h1 em{font-size:.36rem;color:white;font-weight:bold}
.index_abouttwo .pad11 .content .right .items p{font-size:.16rem;color:white;padding:.05rem 0 0;font-weight:bold}
.video_fixed{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;transition:none;display:none;}
.video_fixed .mains{position:absolute;top:80%;left:50%;width:100%;max-width:11.75rem;transform:translate(-50%,-50%);opacity:0;}
.video_fixed .mains.on {top:50%;opacity:1}
.video_fixed .close_{position:absolute;top:1.1rem;right:.15rem;cursor:pointer;}
.video_fixed .close_ i {width:.41rem;height:.41rem;border:2px solid #b1b1b1;font-size:.24rem;color:#b1b1b1;line-height:.41rem;text-align:center;border-radius:100%;display:block;}
.video_fixed .mains video {width:100%;height:5rem;object-fit:cover;}
.index_bottom .pad11{padding:0 1.1rem}
.index_bottom .pad11 .infos{background:#ebebeb;padding:1.1rem 0 1.42rem}
.index_bottom .pad11 .infos .top_nav {padding:0 0 .65rem}
.index_bottom .pad11 .infos .top_nav ul{display:flex}
.index_bottom .pad11 .infos .top_nav ul li{margin-right:.55rem}
.index_bottom .pad11 .infos .top_nav ul li a{font-size:.24rem;color:#404040;font-weight:bold;padding:0 0 0 .32rem;position:relative;}
.index_bottom .pad11 .infos .top_nav ul li#current a{color:#007cc3}
.index_bottom .pad11 .infos .top_nav ul li a:hover{color:#007cc3}

.index_bottom .pad11 .infos .top_nav ul li a:hover:before,.index_bottom .pad11 .infos .top_nav ul li#current a:before{border:1px solid #007cc3;transition:.3s}
.index_bottom .pad11 .infos .top_nav ul li a:after{content:"";position:absolute;background:#007cc3;width:.1rem;height:.1rem;border-radius:100%;left:.055rem;top:50%;transform:translateY(-50%)}
.index_bottom .pad11 .infos .top_nav ul li a:before{content:"";position:absolute;border:1px solid #adadad;width:.22rem;height:.22rem;border-radius:100%;left:0;top:50%;transform:translateY(-50%);transition:.3s}
.index_bottom .pad11 .infos .lists .items p{text-align:center;padding:.3rem 0 0;font-size:.16rem;color:black;font-weight:bold}
.index_bottom .pad11 .infos .lists  a{overflow:hidden}
.index_bottom .pad11 .infos .lists  a:hover img{transform:scale(1.1)}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#333;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:white}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#333;
	-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:#007cc3;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:#007cc3}
.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){
    .header .pad111 .right .navs ul li a{padding:0 .15rem;}
    .common .pad11{padding:0 .6rem !important}
    .index_abouttwo .pad11 .content .left h3{padding:.5rem 0 1.2rem}
    .tem_banner.indise .bg{padding:0 .6rem}
    .tem_banner.indise .bg .banner_nav{padding:0 .6rem}
    .about_box{padding:0 .6rem}
    .product_box .pad11{padding:.77rem .6rem 2.55rem}
    .product_list .pad11{padding:0 .6rem}
    .news_box .pad11{padding:0 .6rem}
    .job_box .pad11{padding:0 .6rem}
    .contact_box{padding:0 .6rem}
    .footer .top .pad11{padding:.8rem .6rem .68rem}
    .tem_banner.indise .bg .flash .txt{left:.8rem}
}
@media(max-width:1440px){
    .index_abouttwo .pad11 .content .right .imgs{width:85%}
    .about_box .about_culture .lists ul li .items{padding:0 .25rem}
}
@media(max-width:1300px){
    .index_about .parter>div{padding:.25rem 1.2rem .25rem !important}
    .about_box .about_culture .lists ul li .items{height:3rem}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;z-index:1000}
	
	.tem_banner{padding:60px 0 0}
	
}
/********mobile*********/
@media(max-width:767px){
.index_product .lists{display:inherit}
.index_product .lists .left{width:100%}
.index_product .lists .right{width:100%}
.index_about .top>div{display:inherit}
.index_about .top .left{width:100%}
.index_about .top .right{width:100%}
.index_about .top .left a{margin:.5rem 0;}
.index_abouttwo .pad11 .content>div{display:inherit}
.index_abouttwo .pad11 .content .left{width:100%}
.index_abouttwo .pad11 .content .left ul li .time{width:40%}
.index_abouttwo .pad11 .content .right{width:93%}
.index_abouttwo .pad11 .content .right .imgs{width:75%}
.tem_banner.indise .bg .banner_nav{display:none}
.about_box .about_company .top{display:inherit}
.about_box .about_company .top .left{width:100%}
.about_box .about_company .top .right{width:100%;padding:.2rem}
.about_box .about_culture .lists{padding:0 .2rem}
.about_box .about_culture .lists ul{display:flex;flex-wrap: wrap;}
.about_box .about_culture .lists ul li{width:48%}
.about_box .about_culture .lists ul li .items{background-size:30% !important}
.about_box .about_culture .lists ul li .items{height:4rem}
.about_box .about_culture .lists ul li{height:6rem;margin:.1rem 0 }
.about_box .about_workshop .lists .swiper-page .swiper-pagination-bullet-active:before{width:3.5rem}
.about_box .about_workshop .lists .swiper-page{width:80%}
.about_honor .lists{padding:0 .3rem}
.footer .top .pad11 .fot_info .left{display:none}
.footer .top .pad11 .fot_head{display:initial}
.footer .top .pad11 .fot_head .left{width:100%}
.footer .top .pad11 .fot_head .logo{width:100%;margin:.2rem 0 ;text-align:center}
.footer .top .pad11 .fot_info{display:inherit}
.footer .top .pad11 .fot_info .right{width:100%;text-align:center;margin:.3rem 0 0}
.footer .top .pad11 .fot_info .right img{width:30%}
.footer .bot .pad11{padding:.2rem 0 }
.footer .bot .pad11{display:inherit}
.product_list .lists .items a{padding:.5rem .2rem .4rem}
.job_box .list .swiper-slide .mores{margin:.7rem 0 0}
.job_box .list .swiper-slide .mores span{left:0;top:-.3rem}
.contact_box>div .infos{width:100%;padding:0}
.contact_box>div .infos .editor>p{padding:.1rem 0 .1rem .5rem}
.contact_box>div .mains{width:100%}
.product_box .pad11 .items{display:inherit}
.product_box .pad11 .items .img{width:100%;border-radius:0}
.product_box .pad11 .items .text{width:100%;padding:.3rem}
}