.header{position: fixed;background:#fff;width: 100%;z-index: 989;box-shadow: 0 0 12px rgba(0,0,0,0.5);}
.header>div{display:flex;height:1.35rem;line-height:1.35rem;justify-content: space-between;position:initial}
.header .logo{width:31%}
.header .navs{width:53%}
.header .navs ul{display:flex;justify-content: space-between;}
.header .navs ul li dl{position:absolute;width:100%;top:100%;left:0;;background:#ffffff;display:none;transition:0s;;box-shadow: 0 0 15px rgba(1, 53, 141, .2);}
.header .navs ul li dl .box{display:flex;flex-wrap: wrap;justify-content: center;}
.header .navs ul li>a{font-size:.2rem;color:#3b3b3b;font-weight:bold}
.header .navs ul li dl .box a{font-family:"MyriadPro";font-weight:bold;position:relative;font-size:.16rem;margin:0 .3rem;padding:.2rem 0 ;color:#222121;line-height:normal;}
.header .navs ul li dl .box a:hover{color:#023592}
.header .navs ul li dl .box a.on{color:#023592}

.header .navs ul li dl .box a:after{content:"";position:absolute;background:#023592;width:0;left:50%;transform:translateX(-50%);height:2px;background:#023592;bottom:0;transition:.3s}
.header .navs ul li dl .box a:hover:after{width:100%;transition:.3s}
.header .navs ul li dl .box a.on:after{width:100%;}
.header .navs ul li.active>a{color:#023692}
.header .navs ul li>a:hover{color:#023692;transition:.3s}
.header .langs{width:6.8%;display:flex;flex-direction: column;justify-content: center;position:relative;}
.header .langs p{height:.42rem;line-height:.42rem;text-align:center;;border-radius:10px;font-size:.16rem;color:white;background:#013592 url(/public/common/images/lang.png) center center no-repeat;background-size: .25rem .25rem}
.header   .langs dl {margin:0;padding:0;position:absolute;top:65%;left:50%;transform:translateX(-50%);background:white;;width:.8rem;display:none;transition:none;z-index:999;box-shadow:1px 1px 5px #000;}
.header  .langs dl dd a{display:block;font-size:.14rem;color:#525252;line-height:.35rem;padding:0 .16rem;text-align:center;}
.header  .langs dl dd a:hover{background:#013592;color:white;transition:.3s}
.tem_banner{padding:1.35rem  0 0}
.tem_banner.indise .txt{position:absolute;left:2.6rem;bottom:26%}
.tem_banner.indise .txt h1{font-size:.48rem;color:#ffffff;text-transform:uppercase;font-weight:bold}
.company{padding: 0 0 .8rem}
.company .top{padding:.7rem 0 1rem}
.company .top .title{display:flex;justify-content: space-between;align-items: flex-start;padding:0 0 .25rem}
.company .top .title h1{font-family:"MyriadPro";font-weight:bold;font-size:.45rem;text-transform:uppercase;font-weight:bold;color:#1a1a1a}
.company .top .title .txt h2{color:#3b3a3a;font-size:.3rem;font-family:"MyriadPro"}
.company .top .title .txt h2 em{font-size:1rem;color:#3b3a3a;font-family:"MyriadPro";margin-right:.2rem;height:.6rem;;line-height:.6rem;display:inline-block}
.company .top .infos p{font-size:.16rem;color:#3b3a3a;line-height:.3rem}
.company .box ul{display:flex}
.company .box ul li {width:33.33%;height:1.8rem;background:#013592;border-right:2px solid #3861aa;padding:.4rem .9rem 0;text-align:center}
.company .box ul li  h1 {color:white;font-size:.2rem;display:flex;justify-content: center;align-items: flex-start;padding:0 0 .15rem}
.company .box ul li  h1 em {font-size:.4rem;color:#ffffff;font-weight:bold;}
.company .box ul li   p{font-size:.16rem;color:white;line-height:.25rem}
.footer {background:#002144}
.footer .top{}
.footer .top>div{display:flex;padding:.85rem 0 .94rem;justify-content: space-between;}

.footer .top .fot_nav{width:100%;display:flex;justify-content: space-between;}
.footer .top .fot_nav dl dt{;position:relative;margin:0 0 .15rem}
.footer .top .fot_nav dl dd{margin:0 0 .08rem}
.footer .top .fot_nav dl dd:last-child{margin:0}
.footer .top .fot_nav dl dt a {font-size:.18rem;color:#ffffff;font-weight:normal;}
.footer .top .fot_nav dl dd a{color:#ababab;font-size:.16rem}
.footer .top .right{width:16.5%;padding:.2rem 0 0}
.footer .bot{padding:0 0 .6rem}
.footer .bot .right h2{font-size:.18rem;color:#ffffff;margin:0 0   .25rem}
.footer .bot .right ul{display:flex;justify-content: space-between;}
.footer .bot .right ul li a{width:.45rem;height:.45rem;border-radius:100%;background:#6586a9;text-align:center;line-height:.45rem;color:white}
.footer .bot .right ul li a i{font-size:.24rem;line-height:.45rem}
.footer .bot>div{display:flex;justify-content: space-between;}
.footer .bot .left{display:flex;padding:.65rem 0 0}
.footer .bot p{font-size:.16rem;color:white}
.footer .bot a{font-size:.16rem;color:white;margin:0 .1rem}
.honor{padding:0 0 1.25rem}
.honor .title {padding:.55rem 0 .45rem;border-bottom:3px solid #1e1d1d;margin:0 0 .4rem}
.honor .title h1{font-size:.45rem;color:#1e1d1d;text-transform:uppercase;font-weight:bold}
.honor  .lists .items{padding:0 .25rem;margin:0 0 .5rem}
.honor  .lists .items a .img{padding:.11rem;background:#eeeeee}
.honor  .lists .items a:hover img{transform:scale(1.1)}
.honor  .lists .items a  h2{margin:.3rem 0 0;font-size:.16rem;color:#1e1d1d;padding:0 0  0 .12rem;position:relative}
.honor  .lists .items a  h2:after{content:'';position:absolute;background:#d01723;width:.07rem;height:.07rem;left:0;top:50%;transform:translateY(-50%);border-radius:100%}
.honor  .page{display:flex;justify-content: center;padding:.5rem 0 0}
.honor  .page a{width:.3rem;height:.3rem;background:#e5e5e5;line-height:.3rem;margin:0 .04rem;border-radius:5px;font-size:.14rem;color:black;font-weight:bold}
.honor  .page a.page-item{width:auto;padding:0 .1rem}
.honor  .page a.page-num-current,.honor  .page a:hover{background:#013592;color:white}
.workshop{padding:0 0 1.1rem}
.workshop .title {padding:.74rem 0 .5rem;}
.workshop .title h1{font-size:.45rem;color:#1e1d1d;text-transform:uppercase;font-weight:bold}
.workshop .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.workshop .lists:after{content:"";width:32%}
.workshop .lists .items{width:32%;margin:0 0 .4rem}
.workshop .lists .items  h2{font-size:.16rem;color:#1e1d1d;margin: .25rem 0 0}
.workshop .lists .items  a:hover img{transform:scale(1.1)}
.workshop .page{display:flex;justify-content: center;padding:.7rem 0 0}
.workshop  .page a{width:.3rem;height:.3rem;background:#e5e5e5;line-height:.3rem;margin:0 .04rem;border-radius:5px;font-size:.14rem;color:black;font-weight:bold}
.workshop  .page a.page-item{width:auto;padding:0 .1rem}
.workshop .page a.page-num-current,.workshop .page a:hover{background:#013592;color:white}
.news_box>div{display:flex;justify-content: space-between;}
.news_box .left{padding:.7rem 0 0;width:69.5%}
.news_box .left>h2{font-size:.45rem;color:#1e1d1d;text-transform:uppercase;font-weight:bold;padding: 0 0 .92rem}
.news_box .left .lists a{padding:.28rem 0;display:flex;align-items: center;position:relative;border-bottom:1px solid #c9c9c9;padding-right:.45rem}
.news_box .left .lists a:after{content:'';position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.23rem;height:.12rem;right:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.news_box .left .lists a:hover img{transform:scale(1.1)}
.news_box .left .lists a:hover .text h1{color:#013592;transition:.3s}
.news_box .left .lists a:hover  .text h1:after{content:'';position:absolute;background:url(/public/common/images/icon2.png) 0 0 no-repeat;width:.19rem;height:.15rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.news_box .left .lists a:hover   .text h2{color:#013592;transition:.3s}

.news_box .left .lists a .img{width:24.5%}
.news_box .left .lists a  .text{width:77%}
.news_box .left .lists a  .text h1{font-size:.14rem;color:#858585;padding-left:.25rem;position:relative}
.news_box .left .lists a  .text h1:after{content:'';position:absolute;background:url(/public/common/images/icon1.png) 0 0 no-repeat;width:.19rem;height:.15rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.news_box .left .lists a  .text h2{font-size:.24rem;color:#343434;height:.48rem;line-height:.24rem;margin:.2rem 0 .1rem}
.news_box .left .lists a  .text span{font-size:.16rem;color:#666666}
.news_box  .page{display:flex;justify-content: flex-start;padding:.64rem 0 2rem;}
.news_box  .page a{width:.3rem;height:.3rem;background:#e5e5e5;line-height:.3rem;margin:0 .04rem;border-radius:5px;font-size:.14rem;color:black;font-weight:bold}
.news_box  .page a.page-item{width:auto;padding:0 .1rem}
.news_box .page a.page-num-current,.news_box  .page a:hover{background:#013592;color:white}
.news_box .right{width:25.5%;background:#f8f8f8;padding:2.15rem 0 0}
.news_box .right>h2{font-size:.3rem;color:#1e1d1d;text-transform:uppercase;font-weight:bold;padding:0 .28rem .35rem;border-bottom:1px solid #bfbfbf}
.news_box .right ul li .txt{padding:.2rem .25rem;border-bottom:1px solid #bfbfbf}
.news_box .right ul li .txt.opens h1:after{content:"\f067";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:0;top:50%;transform:translateY(-50%);transition:.3s}

.news_box .right ul li .txt h1{font-size:.16rem;color:#2c2a2a;font-weight:bold;padding-right:.3rem;position:relative}
.news_box .right ul li .txt h1:after{content:"\f068";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:0;top:50%;transform:translateY(-50%);transition:.3s}
.news_box .right ul li .txt a{color:#595959;font-size:.14rem;margin:.15rem 0 .4rem;display:none;transition:0s}
.product_box>div{padding:3.6rem  0 0}
.product_box .title{text-align:center}
.product_box .title h1{font-size:.48rem;color:#000000;text-transform:uppercase;font-weight:bold;padding:0 0 .3rem}
.product_box .pro_nav ul{display:flex;flex-wrap: wrap;}
.product_box .pro_nav ul li{width:25%}
.product_box .pro_nav ul li.active a{background:#013592;color:white}
.product_box .pro_nav ul li a{height:.6rem;text-align:center;border:1px solid #d2d2d2;margin-right:-1px;font-size:.15rem;color:#000000;display:flex;flex-direction: column;justify-content: center;}
.product_box .pro_nav ul li a:hover{background:#013592;color:white}
.product_box  .tit{padding:1.05rem 0 .5rem;text-align:center}
.product_box  .tit h1{font-size:.3rem;color:#363636;font-weight:bold}
.product_box  .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_box  .lists .items{width:30.5%;margin:0 0 .75rem}
.product_box  .lists:after{content:"";width:30.5%}
.product_box  .lists .items  a .text{padding:.3rem 0 0 }
.product_box  .lists .items  a  .img{box-shadow:0 0 15px 8px rgba(0,0,0,0.1)}
.product_box  .lists .items  a  .img:after{position:absolute;content:"";background:url(/public/common/images/icon4.png) 0 0 no-repeat;width:100%;height:.74rem;bottom:-.74rem;left:0;transition:.3s;background-size:100%}
.product_box  .lists .items  a:hover .img:after{bottom:0;transition:.3s}
.product_box  .lists .items  a .text h1{font-size:.18rem;color:#000000;font-weight:bold;margin: 0 0 .15rem}
.product_box  .lists .items  a .text p{font-size:.18rem;color:#000000;height:.5rem;line-height:.25rem}
.product_box  .lists .items  a .text  em{font-size:.18rem;color:#000000;display:inline-block;margin:.2rem 0 0}
.product_box  .lists .items  a:hover img{transform:scale(1.1)}
.product_box  .lists .items  a:hover .img{transform:translateY(-.2rem)}
.product_box  .page{display:flex;justify-content: center;padding:.55rem 0 1.7rem;}
.product_box  .page a{width:.3rem;height:.3rem;background:#e5e5e5;line-height:.3rem;margin:0 .04rem;border-radius:5px;font-size:.14rem;color:black;font-weight:bold}
.product_box .page a.page-item{width:auto;padding:0 .1rem}
.product_box .page a.page-num-current,.product_box  .page a:hover{background:#013592;color:white}
.product>div{padding:.88rem 0 0}
.product .title{padding:0 0 .7rem}
.product .title h1{font-size:.3rem;color:#313131;font-weight:bold;padding:.3rem 0 ;position:relative}
.product .title h1:after{content:"";position:absolute;background:#013592;height:8px;width:.52rem;top:0;left:0}
.product .title  p{font-size:.18rem;color:#000000}
.product  ul{padding:.4rem  1.5rem  .5rem;display:flex;justify-content: space-between;border-bottom:2px solid #bdbdbd;;border-top:2px solid #bdbdbd}
.product  ul li{width:49.3%;box-shadow:0 0 15px 8px rgba(0,0,0,0.1)}
.product .infos{padding:.45rem 0 .7rem;;border-bottom:2px solid #bdbdbd;}
.product .infos h2{font-size:.3rem;color:#313131;font-weight:bold;padding:.3rem 0 .7rem;position:relative}
.product .infos h2:after{content:"";position:absolute;background:#013592;height:8px;width:.52rem;top:0;left:0}
.product .contacts{padding:.55rem 0 1.25rem}
.product .contacts h2{font-size:.3rem;color:#313131;font-weight:bold;padding:.3rem 0 .55rem;position:relative}
.product .contacts h2:after{content:"";position:absolute;background:#013592;height:8px;width:.52rem;top:0;left:0}
.product .contacts a{width:2.54rem;height:.64rem;background:#013592;line-height:.64rem;text-align:center;margin:0 0 .35rem;font-size:.16rem;color:white;border-radius:10px;padding-left:.4rem;position:relative}
.product .contacts a:after{content:"";position:absolute;background:url(/public/common/images/icon5.png) 0 0 no-repeat;width:.32rem;height:.32rem;left:0;top:50%;transform:translateY(-50%);left:10%;background-size:100%}
.product .contacts .text{width:6.24rem;height:2.37rem;background:url(/public/common/images/icon6.png) 0 0 no-repeat;padding:.65rem .35rem 0;background-size:100%}
.product .contacts .text p{font-size:.16rem;color:#1f1f1f;margin:0 0 .1rem;line-height:.28rem;font-weight:bold}
.colorcard{padding:.74rem  0 .75rem }
.colorcard .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.colorcard .lists .items{width:47.5%;margin:0 0 .7rem}
.colorcard .lists .items a:hover img{transform:scale(1.1)}
.colorcard .lists .items a .text{padding:.3rem 0 .25rem;border-bottom:1px solid #dcdcdc}
.colorcard .lists .items a .text h1{font-size:.24rem;color:#111111;font-weight:bold;padding: 0 0 .25rem}
.colorcard .lists .items a .text p{font-size:.18rem;color:#000000;line-height:.25rem;height:.5rem}
.colorcard .lists .items a .text em{display:inline-block;margin:.45rem 0 0;color:#023592;font-size:.16rem;width:100%;position:relative}
.colorcard .lists .items a .text em:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.23rem;height:.12rem;right:0;top:50%;transform:translateY(-50%);background-size:100%}
.downloads>div{padding:2.05rem  0 1rem}
.downloads .items{display:flex;background:#f6f6f6;padding:.45rem  .75rem .5rem;justify-content: space-between;align-items: center;}
.downloads .items .img{width:63%}
.downloads .items .text{width:29.5%}
.downloads .items .text span{font-size:.14rem;color:#818181;padding:0 0 .5rem;width:100%;display:inline-block}
.downloads .items .text h1{font-size:.48rem;color:#007fc6;font-weight:bold;margin:.2rem 0 0}
.downloads .items .text p{font-size:.24rem;color:#2b2b2b;font-weight:bold;margin:.05rem 0 .4rem }
.downloads .items .text a{width:1.85rem;height:.62rem;background:#013592;line-height:.62rem;text-align:center;font-size:.16rem;color:white;border-radius:10px;padding-left:.2rem;position:relative}
.downloads .items .text a:after{content:"";position:absolute;background:url(/public/common/images/icon7.png) 0 0 no-repeat;width:.25rem;height:.25rem;left:16%;top:50%;transform:translateY(-50%);background-size:100%}
.downloads .fixed_box {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;transition:none;display:none;}
.downloads .fixed_box .mains{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);;padding:.3rem;}
.downloads .fixed_box h2{font-size:.24rem;color:white;font-weight:bold;padding: 0 0 .45rem}
.downloads .fixed_box  .met_hidden{top:70%}
.downloads .fixed_box .form{background:#eeeeee;padding:.9rem 1.35rem 1.15rem}
.downloads .fixed_box .form .top{display:flex;justify-content: space-between;margin:0 0 1rem}
.downloads .fixed_box .form .top input{width:30%;height:.8rem;border:0;background:none;border-bottom:1px solid #bfbfbf;padding:0 .35rem;font-size:.15rem;color:black}
.downloads .fixed_box .form .top input:first-child{background:url(/public/common/images/icon8.png)left center no-repeat;background-size:.16rem .16rem}
.downloads .fixed_box .form .top input:nth-child(2){background:url(/public/common/images/icon9.png)left center no-repeat;background-size:.2rem .2rem}
.downloads .fixed_box .form .top input:nth-child(3){background:url(/public/common/images/icon10.png)left center no-repeat;background-size:.2rem .15rem}
.downloads .fixed_box .form .bot input{border:0;background:none;width:100%;height:.8rem;border-bottom:1px solid #bfbfbf;;padding:0 .35rem;background:url(/public/common/images/icon11.png)left center no-repeat;background-size:.14rem .14rem;font-size:.15rem;color:black}
.downloads .fixed_box .form  .sub{margin:1.22rem 0 0;text-align:center}
.downloads .fixed_box .form  .sub button{width:1.85rem;height:.6rem;line-height:.6rem;background:#013592;border:0;border-radius:5px;font-size:.16rem;color:white}

.contact_box .infos{padding:.7rem 0 0}
.contact_box .infos>div{padding-left:2.6rem;position:relative;}
.contact_box .infos .title {padding:0 0 .85rem}
.contact_box .infos .title h1{font-size:.45rem;color:#1e1d1d;text-transform:uppercase;font-weight:bold}
.contact_box .infos .box{padding:0 0 1.55rem}
.contact_box .infos .box .text{width:43.5%;background:#474848;padding:1rem .45rem;z-index:2;position:relative}
.contact_box .infos .box .text h2{font-size:.3rem;color:white;font-weight:bold;margin: 0 0 .1rem;line-height:.5rem}
.contact_box .infos .box .text p{font-size:.16rem;color:white;line-height:.3rem}
.contact_box .infos .box .map{width:59%;position:absolute;right:0;bottom:.5rem;}
.contact_box .infos .box .map #container{height:4.1rem}
.contact_box .message{background:#f8f8f8;padding:1.45rem 0 1.55rem}
.contact_box .message .title {padding:0 0 .8rem}
.contact_box .message .title h1{font-size:.45rem;color:#1e1d1d;text-transform:uppercase;font-weight:bold}
.contact_box .message .form{background:#fefefe;padding:.9rem 1.35rem 1.15rem;box-shadow:0 0 20px rgba(0,0,0,0.2)}
.contact_box .message .form .top{display:flex;justify-content: space-between;margin:0 0 1rem}
.contact_box .message .form .top input{width:30%;height:.8rem;border:0;background:none;border-bottom:1px solid #bfbfbf;padding:0 .35rem;font-size:.15rem;color:black}
.contact_box .message .form .top input:first-child{background:url(/public/common/images/icon8.png)left center no-repeat;background-size:.16rem .16rem}
.contact_box .message .form .top input:nth-child(2){background:url(/public/common/images/icon9.png)left center no-repeat;background-size:.2rem .2rem}
.contact_box .message .form .top input:nth-child(3){background:url(/public/common/images/icon10.png)left center no-repeat;background-size:.2rem .15rem}
.contact_box .message .form .bot input{border:0;background:none;width:100%;height:.8rem;border-bottom:1px solid #bfbfbf;;padding:0 .35rem;background:url(/public/common/images/icon11.png)left center no-repeat;background-size:.14rem .14rem;font-size:.15rem;color:black}
.contact_box .message .form  .sub{margin:1.22rem 0 0;text-align:center}
.contact_box .message .form  .sub button{width:1.85rem;height:.6rem;line-height:.6rem;background:#013592;border:0;border-radius:5px;font-size:.16rem;color:white}
.tem_banner .label_text{position:absolute;left:2.5rem;top:40%;z-index:2}
.tem_banner .label_text h1{font-size:1.15rem;color:white;font-family:"Anton";text-transform:uppercase;-webkit-box-reflect:below -.3rem -webkit-linear-gradient(transparent,transparent 60%,rgba(255,255,255,.3));margin:0 0 .15rem}
.tem_banner .label_text p{font-size:.24rem;color:#ffffff}

.tem_banner  .swiper-page>div{position:absolute;width:.7rem;height:.7rem;border-radius:100%;line-height:.7rem;text-align:center;font-size:.36rem;color:white;outline:none;z-index:2;top:55%;left:1.53rem;background:rgba(0,0,0,.31)}
.tem_banner  .swiper-page>div.slide-button-next {left:auto;right:1.53rem}
.tem_banner  .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:1.5rem;z-index:2}
.tem_banner  .slide-pagination span{width:.18rem;height:.18rem;opacity:1;margin:0 .07rem;background:white;position:relative}
.tem_banner  .slide-pagination span:after{width:.29rem;height:.29rem;border-radius:100%;border:1px solid #ef7c00;position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s;opacity:0}
.tem_banner  .slide-pagination span.swiper-pagination-bullet-active{background:#ef7c00;transition:.3s}
.tem_banner  .slide-pagination span.swiper-pagination-bullet-active:after{opacity:1;transition:.3s}
.index_product {background:url(/public/common/images/icon13.jpg) 0 0 no-repeat;background-size:cover}
.index_product .title{text-align:center;padding:1.2rem 0 .45rem;position:relative}
.index_product .title h1{font-size:.6rem;color:#0c0c0c;text-transform:uppercase;font-family:"Anton";}
.index_product .title h1 em{color:#013592}
.index_product .title:after{content:"";position:absolute;background:#013592;width:.67rem;height:3px;bottom:0;left:50%;transform:translateX(-50%)}
.index_product .index_pro_nav{padding:.3rem 0 .45rem;}
.index_product .index_pro_nav ul{display:flex;justify-content: center;}
.index_product .index_pro_nav ul li{margin:0 .07rem}
.index_product .index_pro_nav ul li a{height:.47rem;line-height:.47rem;padding:0 .3rem;background:white;border-radius:50px;border:1px solid #dfdddd;font-size:.16rem;color:#8d8d8d}
.index_product .index_pro_nav ul li a:hover,.index_product .index_pro_nav ul li#current a{background:#013592;color:white;border:1px solid #013592;box-shadow:5px 5px 8px 2px rgba(0,0,0,0.3);font-weight:bold}
.index_product .lists .info {position:relative}
.index_product .lists .info .swiper-slide{display:flex;}
.index_product .lists .info .swiper-slide:after{}
.index_product .lists .info .swiper-slide>div{width:29%;padding:0 .15rem    }
.index_product .lists .info .swiper-slide .on{width:42%}
.index_product .lists .info .swiper-slide>div .bg a{padding:.45rem .32rem 0;height:4.4rem;background-repeat:no-repeat;background-position:90% 80%;background-size:1.73rem 2.04rem;position:relative;z-index:2}
.index_product .lists .info .swiper-slide>div  .bg {position:relative;background-color:white;}
.index_product .lists .info .swiper-slide>div  .bg:after{content:"";position:absolute;width:100%;height:0;background:url(/public/common/images/icon12.jpg) 0 0  no-repeat;z-index:1;top:0;left:50%;transform:translateX(-50%);transition:.5s;background-size:100%}
.index_product .lists .info .swiper-slide>div  .bg:hover:after{height:74%;transition:.5s}
.index_product .lists .info .swiper-slide>div .bg a h1{font-size:.24rem;color:#292929;font-weight:bold;padding:0 0 .15rem;border-bottom:1px solid #ededed}
.index_product .lists .info .swiper-slide>div .bg a .text{padding:.2rem 0 0}
.index_product .lists .info .swiper-slide>div .bg a .text p{font-size:.15rem;color:#7d7d7d;line-height:.25rem;padding-left:.16rem;position:relative;display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;height:.25rem;-webkit-line-clamp: 1}
.index_product .lists .info .swiper-slide>div .bg a .text p:after{content:"";position:absolute;width:.06rem;height:.06rem;background:#bebebe;left:0;top:50%;transform:translateY(-50%);border-radius:100%}
.index_product .lists .info .swiper-slide>div .bg a em{width:.35rem;height:.35rem;position:absolute;text-align:center;border:1px solid #a0a0a0;border-radius:100%;line-height:.35rem;font-size:.18rem;color:#a0a0a0;left:.32rem;bottom:9%}
.index_product .lists .info .swiper-slide>div .bg a em:after{content:"";position:absolute;width:.6rem;height:.6rem;border:1px solid rgba(3,55,147,.5);left:50%;transform:translate(-50%,-50%);top:50%;border-radius:100%;opacity:0;transition:.3s}
.index_product .lists .info .swiper-slide>div .bg a em:before{content:"";position:absolute;width:1rem;height:1rem;border:1px solid rgba(3,55,147,.2);left:50%;transform:translate(-50%,-50%);top:50%;border-radius:100%;opacity:0}
.index_product .lists .info .swiper-slide>div .bg a:hover em{border:1px solid #033793;color:#033793;transition:.3s}
.index_product .lists .info .swiper-slide>div .bg a:hover em:after{opacity:1;width:.46rem;height:.46rem;transition:.5s}
.index_product .lists .info .swiper-slide>div .bg a:hover em:before{opacity:1;width:.57rem;height:.57rem;transition:.5s}
/* .index_product .lists .info .bot{position:relative} */
/* .index_product .lists .info .bot .swiper-scrollbar{height:5px;background:#aaaaaa;border-radius:0;}
.index_product .lists .info .bot .swiper-scrollbar .swiper-scrollbar-drag{background:#013592} */

.index_product .lists .info  .swiper-page>div{position:absolute;width:.45rem;height:.45rem;background:#013592;border-radius:100%;line-height:.45rem;text-align:center;font-size:.3rem;color:white;outline:none;z-index:2;top:50%;;transform:translateY(-50%);left:-.5rem}
.index_product .lists .info .swiper-page>div.slide-button-next {left:auto;right:-.5rem}
.index_product .more{text-align:center;padding:.45rem 0 .64rem}
.index_product .more a{width:1.58rem;height:.47rem;border:1px solid #dfdddd;border-radius:50px;background:white;line-height:.47rem;font-size:.15rem;color:#013592;font-weight:bold;display:inline-block;padding-right:.4rem;position:relative}
.index_product .more a:hover{background:#013592;border:1px solid #013592;color:white;transition:.3s;box-shadow:5px 5px 8px 2px rgba(0,0,0,0.3);}
.index_product .more a:hover:after{content:'';position:absolute;width:.26rem;height:.26rem;background:url(/public/common/images/icon15.png) 0 0  no-repeat;background-size:100%;top:50%;transform:translateY(-50%);right:15%;background-size:100%;transition:.3s}

.index_product .more a:after{content:'';position:absolute;width:.26rem;height:.26rem;background:url(/public/common/images/icon14.png) 0 0  no-repeat;background-size:100%;top:50%;transform:translateY(-50%);right:15%;background-size:100%;transition:.3s}
.index_case {background:url(/public/common/images/icon14.jpg) 0 0 no-repeat;background-size:cover}
.index_case .title{text-align:center;padding:1.15rem 0 .4rem;position:relative}
.index_case .title h1{font-size:.6rem;color:#0c0c0c;text-transform:uppercase;font-family:"Anton";position:relative;padding:0 0 .4rem;margin:0 0 .3rem}
.index_case .title h1 em{color:#013592}
.index_case .title h1:after{content:"";position:absolute;background:#013592;width:.67rem;height:3px;bottom:0;left:50%;transform:translateX(-50%)}
.index_case .title p{font-size:.14rem;color:#798896;padding: 0 2.85rem;line-height:.25rem}
.index_case .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_case .lists .items{width:32%;margin:0 0 .35rem   }
.index_case .lists .items a:hover{box-shadow:5px 5px 8px 2px rgba(0,0,0,0.3);}

.index_case .lists .items a:hover img{transform:scale(1.1)}
.index_case .more{text-align:center;padding:.2rem 0 .75rem}
.index_case .more a{width:1.58rem;height:.47rem;border:1px solid #dfdddd;border-radius:50px;background:white;line-height:.47rem;font-size:.15rem;color:#013592;font-weight:bold;display:inline-block;padding-right:.4rem;position:relative}
.index_case .more a:hover{background:#013592;border:1px solid #013592;color:white;transition:.3s;box-shadow:5px 5px 8px 2px rgba(0,0,0,0.3);}
.index_case .more a:hover:after{content:'';position:absolute;width:.26rem;height:.26rem;background:url(/public/common/images/icon15.png) 0 0  no-repeat;background-size:100%;top:50%;transform:translateY(-50%);right:15%;background-size:100%;transition:.3s}

.index_case .more a:after{content:'';position:absolute;width:.26rem;height:.26rem;background:url(/public/common/images/icon14.png) 0 0  no-repeat;background-size:100%;top:50%;transform:translateY(-50%);right:15%;background-size:100%;transition:.3s}
.index_adv {padding:0 0 .45rem}
.index_adv .title{text-align:center;padding:1rem 0 .4rem;position:relative}
.index_adv .title h1{font-size:.6rem;color:#0c0c0c;text-transform:uppercase;font-family:"Anton";position:relative;padding:0 0 .4rem;}
.index_adv .title h1 em{color:#013592}
.index_adv .title h1:after{content:"";position:absolute;background:#013592;width:.67rem;height:3px;bottom:0;left:50%;transform:translateX(-50%)}
.index_adv .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_adv .lists>div{width:50%;height:3.5rem;}
.index_adv .lists  .items0{background:#013592;}
.index_adv .lists  .items0 a {padding:0 .83rem 0 2.53rem;;display:flex;flex-direction: column;justify-content: center;height:100%}
.index_adv .lists  .items0 .txt h1{font-size:.36rem;color:#ffffff;text-transform:uppercase;font-weight:bold;margin:0 0 .3rem}
.index_adv .lists  .items0 .txt p{font-size:.16rem;color:#ffffff;line-height:.28rem}
.index_adv .lists  .xss{background:#eeeeee;display:flex;align-items: center;padding-right:.3rem;border:1px solid white;}
.index_adv .lists  .xss .img{width:21.5%;transition:1s}
.index_adv .lists  .xss .text{width:78.5%;padding-left:.2rem}
.index_adv .lists  .items1,.index_adv .lists  .items3{padding-left:1rem}
.index_adv .lists  .items2{padding-left:2.53rem}
.index_adv .lists  .items3{background:#e5e5e5}
.index_adv .lists  .xss .text h1{font-size:.24rem;color:#013592;font-weight:bold;margin:0 0 .15rem}
.index_adv .lists  .xss .text p{font-size:.16rem;color:#798896}
.index_adv .lists  .xss:hover .img{transform:rotate(360deg);transition:1s}
.index_news {background:#fbfbfb;border-top:1px solid #e5e5e5;padding:0 0 1.2rem}
.index_news  .title{text-align:center;padding:.9rem 0 .45rem;position:relative}
.index_news .title h1{font-size:.6rem;color:#0c0c0c;text-transform:uppercase;font-family:"Anton";position:relative;padding:0 0 .3rem;}
.index_news .title h1 em{color:#013592}
.index_news .title h1:after{content:"";position:absolute;background:#013592;width:.67rem;height:3px;bottom:0;left:50%;transform:translateX(-50%)}
.index_news .lists a{border:1px solid #7b9eb2}
.index_news .lists a:hover img{transform:scale(1.1)}
.index_news .lists a .text{padding:.18rem .35rem .5rem}
.index_news .lists a .text h2{font-size:.16rem;color:#798896}
.index_news .lists a .text h3{font-size:.24rem;color:#202020;font-weight:bold;margin:.14rem 0 .25rem}
.index_news .lists a .text p{font-size:.16rem;color:#798896;height:1rem;line-height:.25rem}
.index_news .lists a .text em{width:1.58rem;height:.47rem;border:1px solid #dfdddd;text-align:center;border-radius:50px;background:white;line-height:.47rem;font-size:.15rem;color:#013592;font-weight:bold;display:inline-block;padding-right:.4rem;position:relative;margin:.5rem 0 0}
.index_news .lists a:hover .text em{background:#013592;border:1px solid #013592;color:white;transition:.3s;box-shadow:5px 5px 8px 2px rgba(0,0,0,0.3);}
.index_news .lists a:hover .text em:after{content:'';position:absolute;width:.26rem;height:.26rem;background:url(/public/common/images/icon15.png) 0 0  no-repeat;background-size:100%;top:50%;transform:translateY(-50%);right:15%;background-size:100%;transition:.3s}
.index_news .lists a:hover {box-shadow:5px 5px 8px 2px rgba(0,0,0,0.1);}
.index_news .lists a .text em:after{content:'';position:absolute;width:.26rem;height:.26rem;background:url(/public/common/images/icon14.png) 0 0  no-repeat;background-size:100%;top:50%;transform:translateY(-50%);right:15%;background-size:100%;transition:.3s}
.index_news .lists .bot{padding: 0 .15rem;margin:.6rem 0 0;position:relative}
.index_news .lists .bot .swiper-scrollbar{height:5px;background:#aaaaaa;border-radius:0;}
.index_news .lists  .bot .swiper-scrollbar .swiper-scrollbar-drag{background:#013592}
.index_news .lists  .bot .swiper-page{position:absolute;width:.4rem;height:.4rem;top:50%;transform:translateY(-50%);left:32%;background:#013592;display:flex;align-items: center;justify-content: center;border-radius:100%;}
.index_news .lists  .bot .swiper-page>div{color:white;font-size:.18rem;margin:0 .05rem}
/********<=767 mobile nav wstyle 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:#013592;
	-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********/
.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_banner .label_text{left:1rem}
    .tem_banner .swiper-page>div{left:.2rem;top:60%}
    .tem_banner .swiper-page>div.slide-button-next{right:.2rem}
    .index_adv .lists .items0 a{padding:0 .83rem 0 1.2rem}
    .index_adv .lists .items2{padding-left:1.2rem}
    .product .contacts .text{padding:.4rem .35rem  0}
    .product_box>div{padding:2.6rem 0 0}
    .tem_banner.indise .txt{left:1.6rem}
    .contact_box .infos>div{padding-left:1.6rem}
}
@media(max-width:1440px){
    .company .box ul li{height:2.2rem}
}
@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 .label_text h1{font-size:.48rem}
    .tem_banner .slide-pagination{bottom:.2rem}
    .index_product .index_pro_nav ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
    .index_product .index_pro_nav ul li{margin:0 0 .2rem}
    .index_case .title p{padding:0  .2rem}
    .index_product .lists .info .swiper-slide{display:initial;}
   .index_product .lists .info .swiper-slide>div{width:100% !important;margin:0 0 .1rem}
   .index_product .more a{width:auto;padding: 0 .8rem 0 .4rem }
   .index_case .lists .items{width:48%}
    .index_case .more a{width:auto;padding: 0 .8rem 0 .4rem }
    .index_adv .lists>div{width:100%}
    .index_adv .lists .items1, .index_adv .lists .items3{padding-left:.2rem}
    .index_adv .lists .items2,.index_adv .lists .items3{padding-left:.2rem}
    .index_adv .lists .items0 a{padding-left:.2rem}
    .index_news .lists a .text em{width:auto;padding: 0 .8rem 0 .4rem}
    .footer .top{display:none}
    .footer .bot>div{display:inherit}
    .footer .bot .left{padding:0;display:inherit}
  .footer .bot .right ul{width:50%}
    .footer .bot{height:auto;line-height:normal;display:inherit;padding:.2rem}
    .company .box ul{display:inherit}
    .company .box ul li{width:100%;margin:0 0 .1rem}
    .tem_banner.indise .txt{left:0.6rem}
    .product_box .pro_nav ul{display:flex;flex-wrap: wrap;}
    .product_box .pro_nav ul li{width:50%}
    .product_box .lists .items{width:48%}
    .downloads .items{padding:.2rem;display:inherit}
    .downloads .items .img{width:100%}
    .downloads .items .text{width:100%}
    .downloads .items .text a{width:2.5rem}
    .contact_box .infos>div{padding:.2rem}
    .contact_box .infos .box .map{position:inherit}
    .contact_box .infos .box .text{width:100%;margin:0 0 .2rem}
    .contact_box .infos .box .map{width:100%}
    .contact_box .message .form .top{display:inherit}
    .contact_box .message .form .top input{width:100%}
    .contact_box .message .form{padding:.5rem}
    .downloads .fixed_box .form .top{display:inherit}
      .downloads .fixed_box .form .top input{width:100%}
      .downloads .fixed_box .form{padding:.5rem}
}