.header{position: fixed;width: 100%;z-index: 1000;top:0;background:white;box-shadow:0 0 12px rgba(0,0,0,0.2);padding:.07rem 0 0;}
.header.is_header{top:-.07rem}
.header:after{content:"";position:absolute;width:100%;left:50%;background:#0074c2;top:0;transform:translateX(-50%);height:0.07rem;transition:.5s}
.header>div{display:flex;height:.93rem;line-height:.93rem;justify-content: space-between;align-items: center;}

.header>div .logo{width:7.5%}
.header>div .navs{width:40%}
.header>div .navs ul{display:flex;justify-content: space-between;}
.header>div .navs ul li{position:relative}
.header>div .navs ul li>a{font-size:.2rem;color:#333333}
.header>div .navs ul li>a:hover{color:#0074c2}
.header>div .navs ul li.active>a{color:#0074c2}
.header>div .navs ul li dl{position:absolute;line-height:normal;transition:none;background:white;width:2rem;left:50%;transform:translateX(-50%);top:90%;box-shadow:0 0 12px rgba(0,0,0,0.2);display:none}
.header>div .navs ul li dl .box dd{position:relative;}
.header>div .navs ul li dl .box dd>a{text-align:center;padding:.12rem 0;font-size:.16rem;color:#333333;border-bottom:1px solid rgba(0,0,0,.1);}
.header>div .navs ul li dl .box dd>a:hover{background:#0074c2;color:white}
.header>div .navs ul li dl .box dd>a.acts{background:#0074c2;color:white}
.header>div .navs ul li dl .box dd .box2{position:absolute;line-height:normal;transition:none;background:white;width:2rem;left:100%;top:0%;box-shadow:0 0 12px rgba(0,0,0,0.2);;display:none}
.header>div .navs ul li dl .box dd .box2 .dd2 a {text-align:center;padding:.12rem 0;font-size:.16rem;color:#333333;border-bottom:1px solid rgba(0,0,0,.1)}
.header>div .navs ul li dl .box dd .box2 .dd2 a:hover{background:#0074c27a;color:white}
.header>div .navs ul li dl .box dd .box2 .dd2 a.actss{background:#0074c27a;color:white}
.header>div .langs{display:flex;width:6.8%;justify-content: space-between;align-items: center;;line-height:normal;position:relative}
.header>div .langs a{font-size:.16rem;color:#333333}
.header>div .langs:after{content:"";position:absolute;background:#696969;left:50%;transform:translate(-50%,-50%);top:50%;width:2px;height:.15rem;}
.header>div .langs a:hover{color:#0074c2}
.header>div .langs a.active {color:#0074c2}
.tem_banner.indise{padding:1rem 0 0}


.company .company_about{padding:1.77rem 0 .95rem}
.company .company_about .top{position:relative}
.company .company_about  .top{display:flex;justify-content: flex-end;}
.company .company_about .top .img{width:23.2%;position:absolute;left:0;top:-.85rem}
.company .company_about  .top .text{width:82.3%;padding:.5rem  0  .5rem 1.45rem;background: linear-gradient(to right, #ebf6ff, #edf7ff,#ffffff);}
.company .company_about  .top .text h2{font-size:.36rem;color:#333333;font-weight:bold;margin:0 0 .35rem}
.company .company_about  .top .text  p{font-size:.16rem;color:#333333;}
.company .company_about ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0 .9rem;margin:.6rem 0;position:relative}

.company .company_about ul li {background:white;padding:.4rem .4rem .35rem;position:relative}
.company .company_about ul li  h2{font-size:.18rem;color:#333333;font-weight:bold;margin:0 0 .2rem;padding:.73rem 0 0;background:white;position:relative}
.company .company_about ul li p{font-size:.16rem;color:#333333;line-height:.22rem}
.company .company_about ul li:nth-child(1)  h2:after{content:"";position:absolute;background:url(../images/1.png)0 0 no-repeat;width:.48rem;height:.5rem;left:0;top:0;background-size:100%}
.company .company_about ul li:nth-child(2)  h2:after{content:"";position:absolute;background:url(../images/2.png)0 0 no-repeat;width:.6rem;height:.48rem;left:0;top:0;background-size:100%}
.company .company_about ul li:nth-child(3)  h2:after{content:"";position:absolute;background:url(../images/3.png)0 0 no-repeat;width:.56rem;height:.49rem;left:0;top:0;background-size:100%}
.company .company_about ul li:hover{box-shadow:0 0 12px rgba(0,0,0,0.1)}
.company .company_about ul li:hover h2:after{transform:rotateY(360deg);;transition:.5s linear}
.company .company_about ul li:nth-child(2):after{content:"";position:absolute;background:#d0d0d0;width:1px;height:.6rem;top:50%;transform:translateY(-50%);left:-.45rem}
.company .company_about ul li:nth-child(2):before{content:"";position:absolute;background:#d0d0d0;width:1px;height:.6rem;top:50%;transform:translateY(-50%);right:-.45rem}
.company .about_video{position:relative}
.company .about_video video{width:100%;}
.company .about_video  .btns{cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.53rem;height:.53rem;line-height:.53rem;text-align:center;font-size:.18rem;color:white}
.company .about_video  .btns:after{content:"";position:absolute;width:100%;height:100%;border-radius:100%;background:#0074c2;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.company .about_video  .btns:before{content:"";position:absolute;width:130%;height:130%;border-radius:100%;background:#0074c2;opacity:.4;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.company .about_video  .btns:hover:after{ animation: scalepulse 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.company .about_video  .btns:hover:before{ animation: scalepulse 1.3s linear .15s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}

.about_video .big_img{}
@keyframes scalepulse {
    20% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
        transform: translate3d(-50%, -50%, 0) scale(1.15);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    50% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

.company  .company_strength{background:#f2f2f2;padding:.8rem 0 .85rem}
.company  .company_strength>div>h2{font-size:.36rem;color:#333333;font-weight:bold;margin:0 0 .24rem}
.company  .company_strength .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .133rem}
.company  .company_strength .lists ul li{display:flex;flex-direction: column;justify-content: space-between;}
.company  .company_strength .lists ul li a:hover img{transform:scale(1.1)}

.company  .company_values{padding:1rem 0 1.2rem}
.company  .company_values>div>h2{font-size:.36rem;color:#333333;font-weight:bold;margin:0 0 .3rem}
.company  .company_values .lists{display:flex;justify-content: space-between;}
.company  .company_values .lists>div{width:18.8%;position:relative;height:4.45rem;overflow:hidden;cursor:pointer}
.company  .company_values .lists>div .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:-1}
.company  .company_values .lists>div.on{width:41.3%;}
.company  .company_values .lists>div .text{position:absolute;width:100%;padding:0 .1rem;top:3rem}
.company  .company_values .lists>div .text h3{font-size:.18rem;color:white;font-weight:bold;text-align:center;position:relative;padding:.75rem 0 0;margin:0 0 .15rem;transition:1.5s}

.company  .company_values .lists>div:nth-child(1)  h3:after{content:"";position:absolute;background:url(../images/5.png)0 0 no-repeat;width:.49rem;height:.51rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.5s }
.company  .company_values .lists>div:nth-child(2)  h3:after{content:"";position:absolute;background:url(../images/6.png)0 0 no-repeat;width:.42rem;height:.54rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.5s }
.company  .company_values .lists>div:nth-child(3)  h3:after{content:"";position:absolute;background:url(../images/7.png)0 0 no-repeat;width:.6rem;height:.54rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.5s }
.company  .company_values .lists>div:nth-child(4)  h3:after{content:"";position:absolute;background:url(../images/8.png)0 0 no-repeat;width:.56rem;height:.56rem;left:50%;transform:translateX(-50%);;top:0;background-size:100%;transition:.5s }

.company  .company_values .lists>div .text p{font-size:.16rem;color:white;opacity:0;transition:.3s}
.company  .company_values .lists>div.on .text{top:.84rem;padding:0 .45rem}
.company  .company_values .lists>div.on .text h3{padding:2.45rem 0 0;text-align:left;transition-delay:300ms}
.company  .company_values .lists>div.on  h3:after{left:0;transform:none;}
.company  .company_values .lists>div.on  .text p{opacity:1;transition-delay:500ms}



.footer{background:url(../images/18.jpg)0 0 no-repeat;background-size:cover}
.footer .top{padding:.83rem 0 .85rem;display:flex;justify-content: space-between;}
.footer .top .left{width:33%}
.footer .top .left .logo {margin:0 0 .2rem}
.footer .top .left .logo a{display:inline-block}
.footer .top .left h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .25rem}
.footer .top  ul.info li{padding-left:.4rem;position:relative}
.footer .top  ul.info li:nth-child(1){margin:0 0 .15rem}
.footer .top  ul.info li:nth-child(1) p{font-size:.3rem;color:white;font-weight:bold;}
.footer .top  ul.info li:nth-child(2) a{font-size:.21rem;color:white}
.footer .top  ul.info li:nth-child(3){margin:.1rem 0 0}
.footer .top  ul.info li:nth-child(3) p{font-size:.16rem;color:white}
.footer .top  ul.info li:nth-child(1):after{content:"";position:absolute;background:url(../images/14.png)0 0 no-repeat;width:.29rem;height:.29rem;top:50%;transform:translateY(-50%);LEFT:0;background-size:100%;transition:.5s }
.footer .top  ul.info li:nth-child(2):after{content:"";position:absolute;background:url(../images/15.png)0 0 no-repeat;width:.29rem;height:.29rem;top:50%;transform:translateY(-50%);LEFT:0;background-size:100%;transition:.5s }
.footer .top  ul.info li:nth-child(3):after{content:"";position:absolute;background:url(../images/16.png)0 0 no-repeat;width:.29rem;height:.29rem;top:50%;transform:translateY(-50%);LEFT:0;background-size:100%;transition:.5s }

.footer .top .nav_list{width:34%;display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .3rem}
.footer .top .nav_list .box>a{font-size:.18rem;color:white;margin:0 0 .2rem;padding-left:.15rem}
.footer .top .nav_list .box .item{display:grid;grid-template-columns:1fr;grid-gap:.05rem 0}
.footer .top .nav_list .box .item dd a{font-size:.16rem;color:white;padding-left:.15rem;position:relative;display:inline-block}
.footer .top .nav_list .box>a:hover{color:#0074c2}
.footer .top .nav_list .box .item dd a:after{content:"";position:absolute;width:4px;height:4px;background:white;border-radius:100%;left:0;top:50%;transform:translateY(-50%);transition:.3s}
.footer .top .nav_list .box .item dd a:hover{color:#0074c2}
.footer .top .nav_list .box .item dd a:hover:after{background:#0074c2}
.footer .top .right{width:25%}
.footer .top .emails{margin:0 0 .6rem}
.footer .top .emails h3{font-size:.18rem;color:white;margin:0 0 .2rem}
.footer .top .emails form{position:relative}
.footer .top .emails form input{width:100%;background:none;height:.55rem;border-radius:5px;border:1px solid white;padding:0 0 0 .2rem;color:white;font-size:.16rem}
.footer .top .emails form  button{position:absolute;top:50%;transform:translateY(-50%);height:.47rem;background:white;width:1rem;border:0;border-radius:5px;font-size:.16rem;color:#000;right:4px}
.footer .top .emails form  button:hover{background:#0074c2;color:white}
.footer .top .follow h3{font-size:.16rem;color:white;margin:0 0 .15rem}
.footer .top .follow ul{display:flex;gap:.18rem}
.footer .top .follow ul li a{width:.42rem;height:.42rem;border:1px solid white;text-align:center;line-height:.42rem;color:white;font-size:.2rem;border-radius:100%}
.footer .top .follow ul li a:hover{background:#0074c2;border:1px solid #0074c2}
.footer .top .follow ul li:last-child a{line-height:.38rem}
.footer .bot{height:.7rem;display:flex;justify-content: center;background:url(../images/17.png) top center no-repeat;background-size:100%;align-items: center;}
.footer .bot>*{margin:0 .2rem;font-size:.14rem;color:white}
.footer .bot p{position:relative}
.footer .bot p:after{content:"";position:absolute;background:white;right:-.2rem;transform:translateY(-50%);top:50%;width:1px;height:.14rem;}


.history{padding:1rem 0 1.05rem;background:url(../images/19.png) center center no-repeat;background-size:cover}
.history>div>h3{font-size:.36rem;color:#333333;font-weight:bold;margin:0 0 1.1rem}
.history .lists {position:relative}
.history .lists:after{content:"";position:absolute;width:100%;height:1px;background:#cccccc;left:0;top:.5rem}
.history .lists .item h2{height:.5rem;text-align:center;color:#0074c2;font-weight:bold;font-size:.28rem;margin:0 0 .4rem;position:relative}
.history .lists .item h2:after{content:"";position:absolute;width:.13rem;height:.13rem;background:#0074c2;border-radius:100%;left:50%;transform:translateX(-50%);bottom:-.07rem}
.history .lists .item {font-size:.16rem;color:#666666;line-height:.24rem;cursor:grab;}
.history .lists .item strong{color:black}
.history .lists .item  em{color:#0074c2}
.history .lists .swiper-page>div{position:absolute;left:-.45rem;top:.35rem;width:.3rem;height:.3rem;border-radius:100%;border:3px solid #b1b1b1;text-align:center;line-height:.3rem}
.history .lists .swiper-page>div i{color:#b1b1b1;font-size:.2rem;font-weight:bold}
.history .lists .swiper-page>div.slide-button-next{left:auto;right:-.45rem}
.history .lists .swiper-page>div:hover{background:#0074c2;border-color:#0074c2;color:white}
.history .lists .swiper-page>div:hover i{color:white}
.honor {padding:0 0 1.15rem}
.honor .title{padding:1rem 1rem .5rem;text-align:center}
.honor .title h1{font-size:.36rem;color:#333333;font-weight:bold;margin:0 0 .2rem;padding:0 0 .45rem;position:relative}
.honor .title h1:after{content:"";position:absolute;background:#0074c2;width:.4rem;height:7px;left:50%;transform:translateX(-50%);bottom:0}
.honor .title p{font-size:.16rem;color:#333333}
.honor .box{padding:0 0 .85rem;background:url(../images/20.png) bottom center no-repeat;background-size:contain}
.honor .box>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .24rem;}
.honor .box>div .left ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.45rem .3rem}
.honor .box>div .left ul li:last-child{grid-column:1/-1}
.honor .box>div .right ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .3rem;padding:2.3rem 0 0}
.honor .box>div ul li a{box-shadow:0 0 7px rgba(0,0,0,0.2)}
.honor .box>div ul li a:hover{transform: translateY(-10px);box-shadow: 5px 5px 10px rgba(0,0,0,.3);}
.honor .box .txt{position:absolute;right:0;bottom:0;text-align:right;padding:1.88rem 0 0}
.honor .box .txt h1{font-size:.24rem;color:#333333;font-weight:bold;line-height:.3rem}
.honor .box .txt:after{content:"";position:absolute;background:url(../images/21.png)0 0 no-repeat;width:1.74rem;height:1.57rem;right:0;top:0;background-size:100%;transition:.5s;animation: downss .8s linear infinite alternate; }
@keyframes downss {
	form{
		top:0%
	}
	to{
		top:8%
	}
}
.pro_banner{padding:1rem 0 0}
.pro_banner *{transition:all .5s}
.pro_banner .swiper{overflow:hidden}

.product_box>div>h3{padding:.6rem 0 .45rem;font-size:.36rem;color:#333333;font-weight:bold;}
.product_box .pro_nav1 {margin:0 0 .23rem}
.product_box .pro_nav1 ul{display:flex}
.product_box .pro_nav1 ul li{margin-right:1rem}

.product_box .pro_nav1 ul li a{font-size:.21rem;color:#333333;padding-left:.38rem;position:relative}
.product_box .pro_nav1 ul li:nth-child(1) a:after{content:"";position:absolute;background:url(../images/22.png)0 0 no-repeat;width:.25rem;height:.26rem;background-size:100%;left:0;top:50%;transform:translateY(-50%);transition:.5s}
.product_box .pro_nav1 ul li:nth-child(2) a:after{content:"";position:absolute;background:url(../images/23.png)0 0 no-repeat;width:.28rem;height:.22rem;background-size:100%;left:-0rem;top:50%;transform:translateY(-50%);transition:.5s}
.product_box .pro_nav1 ul li:nth-child(3) a:after{content:"";position:absolute;background:url(../images/24.png)0 0 no-repeat;width:.35rem;height:.16rem;background-size:100%;left:-.05rem;top:50%;transform:translateY(-50%);transition:.5s}
.product_box .pro_nav1 ul li:nth-child(1) a:hover:after{background:url(../images/22-1.png)0 0 no-repeat;width:.25rem;height:.26rem;background-size:100%;transform:translateY(-50%) rotateY(360deg)}
.product_box .pro_nav1 ul li:nth-child(2) a:hover:after{background:url(../images/23-1.png)0 0 no-repeat;width:.28rem;height:.22rem;background-size:100%;transform:translateY(-50%) rotateY(360deg)}
.product_box .pro_nav1 ul li:nth-child(3) a:hover:after{background:url(../images/24-1.png)0 0 no-repeat;width:.35rem;height:.16rem;background-size:100%;transform:translateY(-50%) rotateY(360deg)}
.product_box .pro_nav1 ul li:nth-child(1).acts a:after{background:url(../images/22-1.png)0 0 no-repeat;width:.25rem;height:.26rem;background-size:100%;transform:translateY(-50%)}
.product_box .pro_nav1 ul li:nth-child(2).acts a:after{background:url(../images/23-1.png)0 0 no-repeat;width:.28rem;height:.22rem;background-size:100%;transform:translateY(-50%)}
.product_box .pro_nav1 ul li:nth-child(3).acts a:after{background:url(../images/24-1.png)0 0 no-repeat;width:.35rem;height:.16rem;background-size:100%;transform:translateY(-50%)}

.product_box .pro_nav1 ul li a:hover{color:#005daa}
.product_box .pro_nav1 ul li.acts a{color:#005daa}
.product_box .pro_nav2{margin:0 0 .6rem}
.product_box .pro_nav2 ul{display:flex;padding:.18rem 0;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0}
.product_box .pro_nav2 ul li{padding:0 .4rem;position:relative;}
.product_box .pro_nav2 ul li:first-child{padding-left:0}
.product_box .pro_nav2 ul li a{font-size:.18rem;color:#333333}
.product_box .pro_nav2 ul li:after{content:"";position:absolute;background:#333333;right:0;transform:translateY(-50%);top:50%;width:2px;height:.17rem;}
.product_box .pro_nav2 ul li:last-child:after{display:none}
.product_box .pro_nav2 ul li.acts a{color:#005daa}
.product_box .pro_nav2 ul li a:hover{color:#005daa}
.product_box .lists{padding:0 0 .88rem}
.product_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.38rem .3rem}
.product_box .lists ul li a h2{font-size:.18rem;color:#333333;text-align:center;margin:.2rem 0 0}
.product_box .lists ul li a:hover .img{transform: translateY(-10px);box-shadow: 5px 5px 10px rgba(0,0,0,.3);}
.product_box .lists ul li a:hover .img  img{transform:scale(1.1)}


.fot_message{padding:0 0 1.75rem 1.65rem}
.fot_message .bg{position:relative}
.fot_message  .text{position:absolute;bottom:-.82rem;left:.97rem;width:45.5%;background:rgba(255,255,255,.95);border:1px solid #f1f1f1;padding:.55rem .5rem .4rem .55rem}
.fot_message  .text h1{font-size:.21rem;color:#333333;line-height:.3rem;margin:0 0 .3rem}
.fot_message  .text .ema{display:flex;font-size:.24rem;color:#005daa;font-weight:bold;padding-left:.47rem;position:relative;margin:0 0 .2rem}
.fot_message  .text .ema a{font-size:.24rem;color:#005daa;font-weight:bold;margin:0 .08rem;border-bottom:2px solid #005daa}
.fot_message  .text .ema:after{content:"";position:absolute;background:url(../images/26.png)0 0 no-repeat;width:.43rem;height:.43rem;background-size:100%;left:0;top:50%;transform:translateY(-50%);transition:.5s}
.fot_message  .text .form{font-size:0}
.fot_message  .text .form ul{margin:0 0 .5rem}
.fot_message  .text .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.17rem .3rem }
.fot_message  .text .form ul li input{width:100%;background:none;border:0;border-bottom:1px solid #d7d7d7;height:.45rem;font-size:.16rem;color:black;padding:0 .1rem }
.fot_message  .text .form .area textarea{width:100%;background:none;border:0;border-bottom:1px solid #d7d7d7;height:.45rem;font-size:.16rem;color:black;padding:0 .1rem }
.fot_message  .text .form ul li {position:relative}
.fot_message  .text .form ul li:nth-child(3):after{display:none}
.fot_message  .text .form ul li:nth-child(4):after{display:none}
.fot_message  .text .form ul li:after{content:'*';position:absolute;left:0rem;top:50%;transform:translateY(-50%);color:#ff0000;font-weight:bold;font-size:.16rem;}
.fot_message  .text .form .area{position:relative}
.fot_message  .text .form .area:after{content:'*';position:absolute;left:0rem;;color:#ff0000;font-weight:bold;font-size:.16rem;}
.fot_message  .text .form .sub{margin:.4rem 0 0}
.fot_message  .text .form .sub button{width:2rem;height:.4rem;text-align:center;font-size:.16rem;color:#ffffff;border-radius:8px;border:0;background:#005daa}
.fot_message  .text .form .sub button:hover{box-shadow:0 0 12px rgba(0,0,0,0.5);opacity:.8}
.product {padding:0 0 .6rem}
.product .mbx{display:flex;align-items: center;padding:.3rem 0 0;font-size:.16rem;color:#333333; }
.product .mbx a{font-size:.16rem;color:#333333;margin:0 .1rem}
.product .mbx a:hover{color:#005daa;}
.product .top{padding:1rem .5rem 1.2rem;text-align:center}
.product .top p{font-size:.2rem;color:#333333}
.product>div>h4{font-size:.36rem;color:#333333;font-weight:bold;margin:0 0 .35rem}
.product .lists ul{display:grid;grid-template-columns:1fr;grid-gap:.28rem 0 }
.product .lists ul li{border:1px solid #dfdfdf}
.product .lists ul li.act .title h2{opacity:0;transition:.3s}
.product .lists ul li.act .title:after {transform:translateY(-50%) rotate(90deg);}
.product .lists ul li .info{display:none;transition:none;padding:.2rem .4rem}
.product .lists ul li .title{height:.8rem;padding:0 .4rem;display:flex;align-items: center;position:relative;cursor:pointer}
.product .lists ul li .title:before,.product .lists ul li .title:after {content:"";position:absolute;right:.4rem;top:50%;transform:translateY(-50%);margin-left:-1px;width:0.04rem;height:.15rem;background:#005daa;transition:all .36s;}
.product .lists ul li .title:before {transform:translateY(-50%) rotate(90deg);}
.product .lists ul li .title h2{font-size:.24rem;color:#333333;font-weight:bold;}
.product .lists ul li .info .box{display:flex;justify-content: space-between;align-items: center;}
.product .lists ul li .info .box .img{width:48%}
.product .lists ul li .info .box .text{width:48%;}


.product .lists ul li .info .box .text h2{font-size:.24rem;color:#333333;font-weight:bold;margin:0 0 .6rem}
.product .lists ul li .info .box .text h3{font-size:.18rem;color:#333333;padding-left:.37rem;position:relative;margin:0 0 .22rem}
.product .lists ul li .info .box .text h3:after{content:"";position:absolute;background:url(../images/27.png)0 0 no-repeat;width:.29rem;height:.22rem;background-size:100%;left:0;top:50%;transform:translateY(-50%);transition:.5s}
.product .lists ul li .info .box .text .content p{font-size:.16rem;color:#333;margin:0 0 .2rem;padding-left:.2rem;position:relative}
.product .lists ul li .info .box .text .content p:after{content:"";position:absolute;background:url(../images/28.png)0 0 no-repeat;width:.12rem;height:.12rem;background-size:100%;left:0;top:.05rem;transition:.5s}


.contact_box  .contacts{padding:1rem 0 .82rem }
.contact_box  .contacts .title h3{color:#333333;font-size:.36rem;font-weight:bold;margin:0 0 .2rem}
.contact_box  .contacts .top{margin:0 0 .47rem}
.contact_box  .contacts .top>div{display:flex;justify-content: space-between;}
.contact_box  .contacts .top .left{width:50%}
.contact_box  .contacts .top .left iframe{width:100%;height:3.4rem}
.contact_box  .contacts .top .txt{width:47.5%;padding:.4rem 0 0 }
.contact_box  .contacts .top .txt>p{font-size:.16rem;color:#666666;margin:0 0 .35rem}
.contact_box  .contacts .top .txt .info{padding:.5rem 0 0;border-top:1px solid #dddddd;position:relative}
.contact_box  .contacts .top .txt .info:after{content:"";position:absolute;width:.8rem;height:4px;background:#0074c2;top:0;left:0}
.contact_box  .contacts .top .txt .info h2{color:#333333;font-size:.21rem;font-weight:bold;line-height:.3rem}
.contact_box  .contacts .top .txt .info p{color:#333333;font-size:.16rem;line-height:.25rem}
.contact_box  .message{padding-left:1.6rem}
.contact_box  .message .bg{position:relative}
.contact_box  .message .text{position:absolute;top:.42rem;left:.97rem;width:45.5%;background:rgba(255,255,255,.95);border:1px solid #f1f1f1;padding:.7rem .5rem .9rem .55rem}
.contact_box  .message  .text h1{font-size:.21rem;color:#333333;line-height:.3rem;margin:0 0 .3rem}
.contact_box  .message   .text .form{font-size:0}
.contact_box  .message   .text .form ul{margin:0 0 .5rem}
.contact_box  .message   .text .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.17rem .3rem }
.contact_box  .message  .text .form ul li input{width:100%;background:none;border:0;border-bottom:1px solid #d7d7d7;height:.45rem;font-size:.16rem;color:black;padding:0 .1rem }
.contact_box  .message   .text .form .area textarea{width:100%;background:none;border:0;border-bottom:1px solid #d7d7d7;height:.45rem;font-size:.16rem;color:black;padding:0 .1rem }
.contact_box  .message   .text .form ul li {position:relative}
.contact_box  .message   .text .form ul li:nth-child(3):after{display:none}
.contact_box  .message   .text .form ul li:nth-child(4):after{display:none}
.contact_box  .message   .text .form ul li:after{content:'*';position:absolute;left:0rem;top:50%;transform:translateY(-50%);color:#ff0000;font-weight:bold;font-size:.16rem;}
.contact_box  .message   .text .form .area{position:relative}
.contact_box  .message   .text .form .area:after{content:'*';position:absolute;left:0rem;;color:#ff0000;font-weight:bold;font-size:.16rem;}
.contact_box  .message   .text .form .sub{margin:.4rem 0 0}
.contact_box  .message   .text .form .sub button{width:2rem;height:.4rem;text-align:center;font-size:.16rem;color:#ffffff;border-radius:8px;border:0;background:#005daa}
.contact_box  .message   .text .form .sub button:hover{box-shadow:0 0 12px rgba(0,0,0,0.5);opacity:.8}
.contact_box .address{padding:.42rem 0 1rem}
.contact_box .address ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .18rem}
.contact_box .address ul li .maps  iframe{width:100%;height:3.6rem}
.contact_box .address ul li .txt {padding:.2rem 0 0}
.contact_box .address ul li .txt h2{color:#333333;font-size:.21rem;font-weight:bold;line-height:.3rem}
.contact_box .address ul li .txt  p{color:#333333;font-size:.16rem;line-height:.25rem}

.contact_box .join h3{color:#333333;font-size:.36rem;font-weight:bold;margin:0 0 .2rem}
.contact_box .join .box{display:grid;grid-template-columns:1fr 1fr}
.contact_box .join .box ul{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f8f7f7}
.contact_box .join .box ul li{position:relative}
.contact_box .join .box ul li h2{color:#333333;font-size:.24rem;font-weight:bold;text-align:center;padding:1rem 0 0;position:relative}
.contact_box .join .box ul li  h2 a{color:#333333;font-size:.24rem;font-weight:bold;transition:.3s}
.contact_box .join .box ul li  h2 a:hover{color:#0074c2}
.contact_box .join .box ul li:nth-child(1) h2:after{content:"";position:absolute;background:url(../images/31.png)0 0 no-repeat;width:.67rem;height:.67rem;background-size:100%;left:50%;;transform:translateX(-50%);top:.00rem;transition:.5s}
.contact_box .join .box ul li:nth-child(2) h2:after{content:"";position:absolute;background:url(../images/32.png)0 0 no-repeat;width:.67rem;height:.67rem;background-size:100%;left:50%;;transform:translateX(-50%);top:.00rem;transition:.5s}
.contact_box .join .box ul li:nth-child(1):after{content:"";position:absolute;background:#c3c3c3;top:50%;transform:translateY(-50%);right:-1px;width:1px;height:.9rem;}

.tem_banner.index * {transition:none !important}
.tem_banner a{color:#fff;}
.tem_banner .skitter .box_clone {width:100% !important}
.tem_banner .skitter.with-dots{width:100%;max-width: 100%;margin-bottom: 0;}
.tem_banner .progressbar{background:#0074c2}
.tem_banner  .skitter .info_slide_dots{bottom:.5rem}
.tem_banner .skitter .info_slide_dots .image_number{width:0.09rem;height:0.09rem;background-color:#FFF;transition:.5s !important}
.tem_banner .skitter .info_slide_dots .image_number.image_number_select {background-color:#1f4e96;width:.33rem}
.tem_banner .skitter .next_button,.tem_banner .skitter .prev_button {display:none !important;}

.index_product {padding:.9rem .2rem 0}

.index_product  h3{color:#333333;font-size:.36rem;font-weight:bold;margin:0 0 .2rem;text-align:center}
.index_product ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2px}
.index_product ul li a{position:relative;z-index:2}
.index_product ul li a h2{position:absolute;color:white;font-size:.36rem;font-weight:bold;top:50%;transform:translateY(-50%);width:100%;text-align:center;left:0;padding:1.1rem 0 0;z-index:2}
.index_product ul li:nth-child(1) a h2:after{content:"";position:absolute;background:url(../images/33.png)0 0 no-repeat;width:.89rem;height:.66rem;left:50%;transform:translateX(-50%);background-size:100%;top:.15rem}
.index_product ul li:nth-child(2) a h2:after{content:"";position:absolute;background:url(../images/34.png)0 0 no-repeat;width:1.05rem;height:.52rem;left:50%;transform:translateX(-50%);background-size:100%;top:.25rem}
.index_product ul li:nth-child(3) a h2:after{content:"";position:absolute;background:url(../images/35.png)0 0 no-repeat;width:.74rem;height:.78rem;left:50%;transform:translateX(-50%);background-size:100%;top:.1rem}
.index_product ul li:nth-child(4) a h2:after{content:"";position:absolute;background:url(../images/36.png)0 0 no-repeat;width:.91rem;height:.83rem;left:50%;transform:translateX(-50%);background-size:100%;top:0}
.index_product ul li:nth-child(5) a h2:after{content:"";position:absolute;background:url(../images/37.png)0 0 no-repeat;width:.88rem;height:.74rem;left:50%;transform:translateX(-50%);background-size:100%;top:0;}
.index_product ul li:nth-child(6) a h2:after{content:"";position:absolute;background:url(../images/38.png)0 0 no-repeat;width:.77rem;height:.78rem;left:50%;transform:translateX(-50%);background-size:100%;top:.1rem}
.index_product ul li a:hover img{transform:scale(1.1)}
.index_product ul li a:hover  h2:after{transform:translateX(-50%) rotateY(360deg);transition:.8s}
.index_product ul li a:after{content:"";position:absolute;background:rgba(0,0,0,.5);width:100%;height:100%;left:0;top:0;transition:.5s;opacity:0}
.index_product ul li a:hover:after{opacity:1}
.index_pro {padding:.9rem .2rem 1rem}
.index_pro h3{color:#333333;font-size:.36rem;font-weight:bold;margin:0 0 .17rem;text-align:center}
.index_pro .box{position:relative;}
.index_pro .box .imgs1{position:absolute;left:0;top:0;z-index:-1}
.index_pro .box .imgs1 img{width:100%;height:100%;object-fit:cover}
.index_pro .box ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;}
.index_pro ul li a{height:8.33rem;border-right:1px solid white;position:relative}
.index_pro ul li a h2{color:white;font-size:.24rem;font-weight:bold;position:absolute;text-align:center;width:100%;top:50%;;padding:0 0 .8rem;z-index:2}
.index_pro ul li a h2:after{content:"";position:absolute;background:url(../images/40.png)0 0 no-repeat;width:.4rem;height:.4rem;left:50%;transform:translateX(-50%);background-size:100%;bottom:0;opacity:0;transition:.5s}
.index_pro ul li a:hover h2{transform:translateY(-50%);}
.index_pro ul li a:hover h2:after{opacity:1;}
.index_pro ul li a:after{content:"";position:absolute;background:rgba(0,0,0,.3);width:0%;height:100%;left:0;top:0;transition:.6s}
.index_pro ul li a:hover:after{opacity:1;width:100%}
.index_pro .box .canvas{position:absolute;width:100% !important;height:100% !important;left:0;top:0;z-index:-1;overflow:hidden}
.index_pro .box .canvas canvas{position:absolute;}
.fix_info{position:fixed;right:.08rem;top:40%;z-index:999}
.fix_info ul li{margin:0 0 .1rem;position:relative}
.fix_info ul li>a{width:.4rem;height:.4rem;background:#0074c2;text-align:center}
.fix_info ul li>a i{color:white;font-size:.22rem;line-height:.4rem;}
.fix_info ul li .imgs{position:absolute;right:120%;top:50%;transform:translateY(-50%)rotateX(90deg);transition:.4s}
.fix_info ul li .imgs img{max-width:1.2rem;}
.fix_info ul li:hover .imgs{transform:translateY(-50%)rotateX(0)}
.fix_info ul li  .txt{position:absolute;right:120%;top:50%;transform:translateY(-50%)rotateX(90deg);transition:.4s;white-space:nowrap;padding:.1rem .2rem;background:white;}
.fix_info ul li  .txt a{font-size:.15rem;color:black}
.fix_info ul li  .txt:hover{background:#0074c2;}
.fix_info ul li  .txt:hover a{color:white;}
.fix_info ul li:hover .txt{transform:translateY(-50%)rotateX(0)}
/********<=767 mobile nav style css********/

.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){
	.contact_box  .message .text{padding:.3rem .5rem .3rem .55rem}
	.contact_box .message{padding-left:1rem}
	.fot_message{padding:0 0 1.75rem 1rem}

}
@media(max-width:1440px){
	.header>div .logo img{max-height:.68rem}
	.index_pro ul li a h2{font-size:.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:50px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
.index_product ul{grid-template-columns:1fr 1fr}
.index_product ul li a h2{font-size:.3rem}
.index_pro ul li a{height:4rem}
.footer .top .nav_list{display:none}
.footer .top{display:inherit;padding:.4rem 0 .2rem}
.footer .top .left{width:100%}
.footer .top .left .logo{width:20%}
.footer .top .right{width:100%;margin:.2rem 0 0}
.footer .bot{height:auto;display:inherit;padding:.3rem .2rem}
.footer .bot>*{margin:0;}
.company .company_about .top .img{position:inherit;top:0;left:0;width:100%;margin:0 0 .2rem}
.company .company_about .top{display:inherit;}
.company .company_about .top .text{width:100%;padding:.2rem}
.company .company_about ul{grid-template-columns:1fr;grid-gap:.3rem 0}
.company .company_strength .lists ul{grid-template-columns:1fr 1fr;grid-gap:.1rem}
.company .company_strength .lists ul li{gap:.1rem}
.company .company_values .lists>div{width:50% !important}
.company .company_values .lists{display:flex;flex-wrap: wrap;}
.company  .company_values .lists>div.on .text h3{padding:1.1rem 0 0;text-align:left;transition-delay:300ms}
.company .company_values .lists>div .text{padding: 0 .2rem  !important}
.history .lists .swiper-page>div{position:absolute;left:-.2rem;top:.35rem;width:.3rem;height:.3rem;border-radius:100%;border:1px solid #b1b1b1;text-align:center;line-height:.3rem}

.history .lists .swiper-page>div.slide-button-next{left:auto;right:-.2rem}
.honor .title{padding:1rem .2rem .5rem;text-align:center}
.honor .box>div .right ul{padding:0}
.honor .box .txt:after{width:1.2rem;height:1.1rem}
.honor .box .txt{padding:1.3rem 0 0;bottom:-.8rem}
.honor .box .txt{width:70%}
.fot_message .text{position:inherit;width:100%;left:0;top:0;padding:.55rem .2rem .4rem .2rem}
.fot_message{padding:0 .2rem 1.75rem }
.product_box .pro_nav2 ul{display:flex;padding:.18rem 0;flex-wrap: wrap;}
.product_box .pro_nav2 ul li{padding:0rem;position:relative;width:33.33%;text-align:center;margin:.1rem 0}
.product_box .pro_nav2 ul li:nth-child(3):after{display:none}
.product_box .lists ul{grid-template-columns:1fr 1fr}
.product .top{padding:1rem .1rem 1.2rem;text-align:center}
.product .lists ul li .info .box{display:inherit;}
.product .lists ul li .info .box .img{width:100%;margin:0 0 .3rem}
.product .lists ul li .info .box .text{width:100%}
.contact_box .contacts .top>div{display:inherit;}
.contact_box .contacts .top .left{width:100%}
.contact_box .contacts .top .txt{width:100%}
.contact_box .message .text{position:inherit;width:100%;left:0;top:0;padding:.55rem .2rem .4rem .2rem}
.contact_box .message{padding:0 .2rem 0 }
.contact_box .address ul{grid-template-columns:1fr;grid-gap:.3rem 0}
.contact_box .join .box{grid-template-columns:1fr}
.contact_box .join .box ul{padding:.5rem 0}
}