.header{position: fixed;width: 100%;z-index: 1000;top:0;background:white;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header>div{display:flex;height:1rem;line-height:1rem;justify-content: space-between;align-items: center;position:initial}
.header .logo a{display:inline-block}
.header .navs{width:52.5%}
.header .navs ul{display:flex}
.header .navs ul li>a{font-size:.16rem;color:#000000;position:relative;}

.header .navs ul li>a:after{content:"";position:absolute;background:#e62129;width:0;height:3px;left:50%;transform:translateX(-50%);bottom:0;transition:.3s cubic-bezier(0.4, 0, 1, 1) }
.header .navs ul li.active>a:after{width:100%}
.header .navs ul li:hover a:after{width:100%}
.header .navs ul li {margin-right:.5rem;}
.header .navs ul li:last-child{margin:0}
.header .navs ul li dl{line-height:normal;position:absolute;top:100%;height:.7rem;line-height:.7rem;background:#f8f8f8;width:100%;left:0;padding:0 1rem;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;transition:none;display:none;z-index:3}
.header .navs ul li dl .box{display:flex;justify-content: center;gap:0 1.1rem}
.header .navs ul li dl .box a{color:#777777;font-size:.14rem}
.header .navs ul li dl .box a:hover{color:black;}
.header .navs ul li dl .box a.acts{color:black;}
.header .right{display:flex;align-items: center;}
.header .right .search{padding-right:.17rem}
.header .right .search>a{width:.18rem;height:.18rem;background:url(../images/1.png)0 0 no-repeat;background-size:100%}
.header .right .langs{padding-left:.17rem;position:relative;line-height:normal}
.header .right .langs a{display:flex;align-items: center;font-size:.16rem;color:black}
.header .right .langs a em{width:.19rem;height:.19rem;background:url(../images/2.png)0 0 no-repeat;background-size:100%;display:inline-block;margin-right:.1rem}
.header .right .langs:after{content:"";position:absolute;background:#d2d2d2;width:2px;height:.16rem;left:-1px;top:50%;transform:translateY(-50%)}
.header .right .langs dl {display:none;line-height:normal;position:absolute;top:150%;left:-.1rem;width:.8rem;background-color:white;box-shadow:0 0 12px rgba(0,0,0,0.2);text-align:center;transition:0s}
.header .right .langs dl a{color:#7c7c7c;font-size:.14rem;padding:.05rem}
.header .right .langs dl a:hover{background:#e62129;color:white}
.header .right .search .s-content{position: absolute;display:none;background: #fff;top: 100%;left: 0;padding:20px 0;text-align: center;width: 100%;overflow: hidden;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;transition: top 0.36s;z-index:2}
.header .right .search .s-content form>div{font-size: 0;line-height: 1;position:relative}
.header .right .search .s-content input{height: .5rem;outline: none;vertical-align: middle;font-size:.16rem;color:black}
.header .right .search .s-content .inpt3{padding-left:.2rem;border:1px solid #d2d2d2;width: 45%;border-radius:5px 0 0 5px}
.header .right .search .s-content .inpt3::-webkit-input-placeholder {color: #b6b6b6;font-size:.16rem;}
.header .right .search .s-content .inpt3:-moz-placeholder {color: #b6b6b6;font-size:.16rem}
.header .right .search .s-content .inpt3::-moz-placeholder {color: #b6b6b6;font-size:.16rem}
.header .right .search .s-content .inpt3:-ms-input-placeholder {color: #b6b6b6;font-size:.16rem}
.header .right .search .s-content .inpt4{cursor:pointer;width: .7rem;;border-radius:0 5px 5px 0;background: #e62129 url(../images/3.png)no-repeat center center;border:none;position:absolute;height:100%;}


.return{position:fixed;right:.1rem;bottom:5%;display:none;transition: none;}
.return a{width:.4rem;height:.4rem;;background: #e62129 url(../images/top.png) center center no-repeat ;background-size:.28rem .28rem;text-align:center;color:white;border-radius:100%;box-shadow:0 0 12px rgba(0,0,0,0.3)}



.tem_banner.indise{padding:1rem 0 0}
.tem_banner.indise .flash{position:relative}
.tem_banner.indise .flash>h2{position:absolute;left:1.6rem;top:36%;font-size:.48rem;color:white;font-weight:bold;padding:0 0 .27rem;}
.tem_banner.indise .flash>h2:after{content:"";position:absolute;background:white;width:.8rem;height:.04rem;left:0;bottom:0}

.tem_banner.indise .flash .mbx{position:absolute;left:1.6rem;display:flex;bottom:.3rem;font-size:.14rem;color:white;}
.tem_banner.indise .flash .mbx p{font-size:.14rem;color:white;margin-right:.06rem}
.tem_banner.indise .flash .mbx a{font-size:.14rem;color:white;margin:0 .04rem}

.about_box .about_company{padding:.95rem 0 1rem;position:relative;background:url(../images/4.jpg)0 0 no-repeat;background-size:cover;overflow:hidden}
.about_box .about_company>div>h2{font-size:.36rem;color:#333333;font-weight:bold;margin:0 0 .35rem}
.about_box .about_company .txt{width:50%}
.about_box .about_company .txt p{font-size:.16rem;color:#777777;line-height:.28rem}
.about_box .about_company .big_img{position:absolute;right:0;bottom:-3px;width:48.02%}

.about_box .about_think{background:url(../images/6.jpg) 0 0 no-repeat;height:8rem;background-attachment:fixed;background-size:cover}
.about_box .about_think h2{padding:1rem 0 0;font-size:.36rem;color:white;font-weight:bold}
.about_box .about_think .txt{padding:2.1rem 0 0 5.5rem}
.about_box .about_think .txt h1{font-size:.24rem;color:white;margin:0 0 .35rem}
.about_box .about_think .txt h1 em{font-size:.3rem;color:white;font-weight:bold}
.about_box .about_history{background:#f8f8f8}
.about_box .about_history h3{padding:1.3rem 0 .6rem;font-size:.36rem;color:#333333;font-weight:bold}
.about_box .about_history .lists {position:relative}
.about_box .about_history .lists .swiper-slide:last-child .item h2{font-weight:bold}
.about_box .about_history .lists .item h2{font-size:.36rem;color:#0054a3;margin:0 0 .3rem;font-family:"impact"}
.about_box .about_history .lists .item p{height:1rem;line-height:.25rem;display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 4;font-size:.16rem;color:#777777;margin:0 0 .1rem}
.about_box .about_history .lists .item .img{border-radius:10px}
.about_box .about_history .lists .item:hover img{transform:scale(1.05)}
.about_box .about_history .lists .swiper-scrollbar{height:1px;background:#c8c8c8;margin:.78rem 0 0}
.about_box .about_history .lists .swiper-scrollbar .swiper-scrollbar-drag{background:#e62129;height:3px;top:auto;bottom:2px;border-radius:0}
.about_box .about_history  .swiper-page>div{position:absolute;left:-.8rem;top:40%;width:.5rem;height:.5rem;border-radius:100%;border:1px solid #b1b1b1;text-align:center;line-height:.55rem}
.about_box .about_history .swiper-page>div i{color:#b1b1b1;font-size:.24rem;font-weight:bold}
.about_box .about_history .swiper-page>div.slide-button-next{left:auto;right:-.8rem}
.about_box .about_history .swiper-page>div:hover{background:#e62129;border-color:#e62129;color:white}
.about_box .about_history .swiper-page>div:hover i{color:white}
.about_box .about_boos{background:#f8f8f8;padding:1rem 0 0}
.about_box .about_boos>div{display:flex}
.about_box .about_boos .img span{background:none !important}
.about_box .about_boos .img{width:32%}
.about_box .about_boos .right{width:65%;padding:.55rem 0 0;background:url(../images/lyq.png) 0 bottom no-repeat;background-size:30%}
.about_box .about_boos .right h2{font-size:.36rem;color:#333333;font-weight:bold;margin:0 0 .45rem}
.about_box .about_boos .right .txt{position:relative}
.about_box .about_boos .right .txt:after{content:'';position:absolute;background:url(../images/7.png)0 0 no-repeat;width:.63rem;height:.52rem;background-size:100%;right:0;bottom:-1rem;}
.about_box .about_boos .right .txt p{font-size:.16rem;color:#777777;line-height:.25rem}

.footer{background:#0a253e;}
.footer .top{padding:1rem 0;display:flex}
.footer .top .left{width:42.5%}
.footer .top .left .logo {margin:0 0 .8rem}
.footer .top .left .logo a{display:inline-block}
.footer .top .left  .phone{margin:0 0 .4rem}
.footer .top .left  .phone h2{font-size:.2rem;color:white}
.footer .top .left  .phone a{font-size:.36rem;color:white !important;font-weight:bold}
.footer .top .left .weixin {display:inline-block}
.footer .top .left .weixin i{position:relative;width:.48rem;height:.48rem;border-radius:100%;border:1px solid white;text-align:center;line-height:.48rem;color:white;font-size:.22rem}
.footer .top .left .weixin i:hover{background:white;color:black}
.footer .top .left .weixin .img{position:absolute;left:50%;width:1.07rem;transform:translateX(-50%);top:120%;display:none;transition:none;pointer-events:none}
.footer .top .right{width:57.5%}
.footer .top .right ul{display:flex;justify-content: space-between;}
.footer .top .right ul li>a{font-size:.16rem;color:#ffffff;margin:0 0 .4rem}
.footer .top .right ul li .box{display:grid;grid-gap:.15rem 0}
.footer .top .right ul li .box a{font-size:.14rem;color:white;opacity:.6}
.footer .top .right ul li .box a:hover{opacity:1}
.footer .bot{display:flex;justify-content: space-between;height:.84rem;align-items: center;border-top:1px solid rgba(255,255,255,.15)}
.footer .bot>*{font-size:.14rem;color:white;opacity:.6}

.product_box{padding:1rem 0 0;background:#f8f8f8}
.product_box>div{padding:.5rem 0 1.3rem;display:flex;justify-content: space-between;}
.product_box>div .pro_nav{width:17.5%}
.product_box>div .pro_nav  h2{height:.6rem;line-height:.6rem;background:#0054a3;padding:0 .2rem 0 .4rem;border-radius:10px 10px 0 0;font-size:.18rem;color:white;position:relative}
.product_box>div .pro_nav  h2:after{content:"";position:absolute;background:url(../images/10.png)0 0 no-repeat;width:.12rem;height:.12rem;background-size:100%;top:50%;transform:translateY(-50%);left:.19rem}
/* .product_box>div .pro_nav  ul{border-radius: 0 0 } */
.product_box>div .pro_nav  ul li a{height:.5rem;padding:0 .18rem;line-height:.5rem;background:white;color:#000000;border-bottom:1px solid #eeeeee;position:relative;}
.product_box>div .pro_nav  ul li.active a{background:#ecf1f4;color:#0054a3}
.product_box>div .pro_nav  ul li a:after{content:"";position:absolute;background:url(../images/11.png)0 0 no-repeat;width:8px;height:9px;background-size:100%;right:.4rem;top:50%;transform:translateY(-50%);transition:.4s;opacity:0}
.product_box>div .pro_nav  ul li a:before{content:"";position:absolute;background:#0054a3;width:0;height:1px;top:-1px;left:0;transition:.4s ;}

.product_box>div .pro_nav  ul li.active a:after{right:.2rem;opacity:1}
.product_box>div .pro_nav  ul li.active a:before{width:100%}
.product_box>div .pro_nav  ul li a:hover:after{right:.2rem;opacity:1}
.product_box>div .pro_nav  ul li a:hover{background:#ecf1f4;color:#0054a3}
.product_box>div .pro_nav  ul li a:hover:before{width:100%}
.product_box>div .right{width:80%}
.product_box>div .right .mbx{display:flex;font-size:.14rem;color:#333333;margin:0 0 .3rem}
.product_box>div .right .mbx p{font-size:.14rem;color:#333333;margin-right:.06rem}
.product_box>div .right .mbx a{font-size:.14rem;color:#333333;margin:0 .04rem}
.product_box>div .right .lists ul{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.14rem .13rem}
.product_box>div .right .lists ul li {padding:.25rem;background:white;border-radius:15px;position:relative}
.product_box>div .right .lists ul li  .imgs{text-align:center}
.product_box>div .right .lists ul li:after{content:"";position:absolute;background:#0054a3;width:0;height:6px;bottom:0;left:50%;transform:translateX(-50%);border-radius: 0 0 15px 15px;transition:.4s linear}
.product_box>div .right .lists ul li  .imgs img{max-height:2.35rem}
.product_box>div .right .lists ul li  .imgs span{background:none!important;display:inline-block}
.product_box>div .right .lists ul li  .text{text-align:center;margin:.55rem 0 .22rem}
.product_box>div .right .lists ul li  .text h1{font-size:.24rem;color:#333333;font-weight:bold;margin:0 0 .1rem;position:relative;display:inline-block}
.product_box>div .right .lists ul li  .text h1:after{position:absolute;content:attr(data-title);top: 0;left: 0;overflow: hidden;max-width: 0;color: #0054a3;white-space: nowrap;-webkit-transition: max-width 0.5s;-moz-transition: max-width 0.5s;transition: max-width 0.5s;z-index:2;}
.product_box>div .right .lists ul li  .text h2{font-size:.14rem;color:#333333}
.product_box>div .right .lists ul li:hover .text h1:after{max-width: 100%;}
.product_box>div .right .lists ul li:hover img{transform:scale(1.1)}
.product_box>div .right .lists .info dd{height:.4rem;display:flex;justify-content: space-between;align-items: center;padding:0 .1rem;transition:.3s}
.product_box>div .right .lists .info dd:first-child{background:#f8f8f8}
.product_box>div .right .lists .info p{font-size:.14rem;color:#777777}
.product_box>div .right .lists  li:hover{transform: translateY(-5px);box-shadow: 5px 5px 10px rgba(0,0,0,.2);}
.product_box>div .right .lists .txt {text-align:center;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;opacity:0}
.product_box>div .right .lists .txt>a{height:.4rem;width:1.8rem;background:#e62129;border-radius:50px;display:inline-block;line-height:.4rem;font-size:.16rem;color:#ffffff;margin:0 0 .2rem}
.product_box>div .right .lists .txt p{font-size:.14rem;color:#333333}
.product_box>div .right .lists .txt p a{display:initial;font-size:.14rem;color:#333333}
.product_box>div .right .lists  li:hover .info {overflow:hidden}
.product_box>div .right .lists  li:hover .info dd{opacity:0}
.product_box>div .right .lists  li:hover .txt{opacity:1;bottom:.25rem}
.product_box>div .right .lists  li:hover:after{width:100%}


.fot_fangan{background:url(../images/12.jpg)0 0 no-repeat;background-size:cover;padding:0 0 1.1rem}
.fot_fangan .title{text-align:center;padding:1.1rem 0 .45rem}
.fot_fangan .title h1{font-size:.4rem;color:white;font-weight:bold;padding:0 0 .24rem;position:relative;margin:0 0 .35rem}
.fot_fangan .title h1:after{position:absolute;content:"";background:white;width:.8rem;height:4px;left:50%;transform:translateX(-50%);bottom:0}
.fot_fangan .title p{font-size:.15rem;color:white}
.fot_fangan .lists{font-size:0}
.fot_fangan .lists .top{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .2rem;margin:0 0 .2rem}
.fot_fangan .lists .top .input input{width:100%;height:.5rem;border-radius:15px;border:0;padding:0 .24rem;font-size:.16rem;color:#333333}
.fot_fangan .lists .top .input{position:relative}
.fot_fangan .lists .top .input:after{content:'*';position:absolute;left:.1rem;top:50%;transform:translateY(-50%);color:#ff0000;font-weight:bold;font-size:.16rem}

.fot_fangan .lists .bot  textarea{width:100%;height:2.25rem;border-radius:15px;border:0;padding:.18rem .24rem;font-size:.16rem;color:#333333}
.fot_fangan .lists .bot{position:relative}
.fot_fangan .lists .bot:after{content:'*';position:absolute;left:.1rem;top:.18rem;color:#ff0000;font-weight:bold;font-size:.16rem}
.fot_fangan .lists  .sub{margin:.2rem 0 0;text-align:center}
.fot_fangan .lists  .sub button{width:2rem;height:.5rem;background:#e62129;border-radius:50px;border:0;font-size:.2rem;font-weight:bold;color:white}
.fot_fangan .lists  .sub button:hover{background:#0054a3;box-shadow:0 0 12px rgba(0,0,0,0.6)}

.product_delit{padding:1rem 0 0;background:#f8f8f8}

.product_delit>div{padding:.5rem 0 1.3rem;display:flex;justify-content: space-between;}
.product_delit>div .pro_nav{width:17.5%}

.product_delit>div .pro_nav  h2{height:.6rem;line-height:.6rem;background:#0054a3;padding:0 .2rem 0 .4rem;border-radius:10px 10px 0 0;font-size:.18rem;color:white;position:relative}
.product_delit>div .pro_nav  h2:after{content:"";position:absolute;background:url(../images/10.png)0 0 no-repeat;width:.12rem;height:.12rem;background-size:100%;top:50%;transform:translateY(-50%);left:.19rem}
/* .product_box>div .pro_nav  ul{border-radius: 0 0 } */
.product_delit>div .pro_nav  ul li a{height:.5rem;padding:0 .18rem;line-height:.5rem;background:white;color:#000000;border-bottom:1px solid #eeeeee;position:relative}
.product_delit>div .pro_nav ul li.active a{background:#ecf1f4;color:#0054a3}
.product_delit>div .pro_nav  ul li a:after{content:"";position:absolute;background:url(../images/11.png)0 0 no-repeat;width:8px;height:9px;background-size:100%;right:.4rem;top:50%;transform:translateY(-50%);transition:.4s;opacity:0}
.product_delit>div .pro_nav  ul li a:before{content:"";position:absolute;background:#0054a3;width:0;height:1px;top:-1px;left:0;transition:.4s ;}

.product_delit>div .pro_nav  ul li.active a:after{right:.2rem;opacity:1}
.product_delit>div .pro_nav  ul li.active a:before{width:100%}
.product_delit>div .pro_nav  ul li a:hover:after{right:.2rem;opacity:1}
.product_delit>div .pro_nav  ul li a:hover{background:#ecf1f4;color:#0054a3}
.product_delit>div .pro_nav  ul li a:hover:before{width:100%}
.product_delit>div .right{width:80%}
.product_delit>div .right .mbx{display:flex;font-size:.14rem;color:#333333;margin:0 0 .3rem}
.product_delit>div .right .mbx p{font-size:.14rem;color:#333333;margin-right:.06rem}
.product_delit>div .right .mbx a{font-size:.14rem;color:#333333;margin:0 .04rem}
.product_delit>div .right .info{display:flex;justify-content: space-between;margin:0 0 .8rem}
.product_delit>div .right .info .left{width:49%;display:flex;justify-content: space-around;}
.product_delit>div .right .info .left .bigimg{width:80%}
.product_delit>div .right .info .left .bigimg .img{padding:.5rem 0;background:white;border-radius:10px}
.product_delit>div .right .info .left .bigimg .img img{max-height:4rem}
.product_delit>div .right .info .left .img_list{width:15.3%;}
.product_delit>div .right .info .left .img_list .img{background:white;padding:.13rem 0 .11rem;border-radius:10px}
.product_delit>div .right .info .left .img_list .img{border:1px solid transparent;cursor:pointer}
.product_delit>div .right .info .left .img_list  .swiper-slide-thumb-active .img{border:1px solid #0054a3}
.product_delit>div .right .info .left .img_list .img img{max-height:.65rem}
.product_delit>div .right .info .left .img_list .swiper-container{height:5rem}
.product_delit>div .right .info .content{width:48.5%;}
.product_delit>div .right .info .content h2{font-size:.4rem;color:#0054a3;font-weight:bold;margin:0 0 .1rem}
.product_delit>div .right .info .content h3{font-size:.2rem;color:#333333;margin:0 0 .25rem}
.product_delit>div .right .info .content .text{font-size:.14rem;color:#333333;line-height:.27rem}
.product_delit>div .right .info .contacts{margin:.35rem 0 0}
.product_delit>div .right .info .contacts a{width:1.8rem;height:.5rem;background:#e62129;border-radius:50px;text-align:center;line-height:.5rem;font-size:.16rem;color:white}
.product_delit>div .right .info .contacts a:hover{background:#0054a3;box-shadow:0 0 12px rgba(0,0,0,0.6)}
.product_delit>div .right .canshu{margin:0 0 1.1rem}
.product_delit>div .right .canshu h2{font-size:.24rem;color:#333333;font-weight:bold;padding:0 0 .15rem;border-bottom:2px solid #333333;margin:0 0 .5rem}
.product_delit>div .right .canshu .editor{font-size:.14rem;color:#333333;}
.product_delit>div .right .canshu .editor table{width:100% !important}
.product_delit>div .right .canshu .editor .firstRow{background:#eeeeee}
.product_delit>div .right .canshu .editor tr{background:white;}
.product_delit>div .right .canshu .editor tr td{border:1px solid #dcdcdc;padding:.02rem 0 }
.product_delit>div .right .pro_about>h2{font-size:.3rem;color:#333333;font-weight:bold;margin:0 0 .3rem}
.product_delit>div .right .pro_about .items{padding:.08rem}
.product_delit>div .right .pro_about .bo{padding:.25rem;background:white;border-radius:15px;position:relative}
.product_delit>div .right .pro_about .bo .imgs{text-align:center}
.product_delit>div .right .pro_about .bo:after{content:"";position:absolute;background:#0054a3;width:0;height:6px;bottom:0;left:50%;transform:translateX(-50%);border-radius: 0 0 15px 15px;transition:.4s linear}
.product_delit>div .right .pro_about .bo .imgs img{max-height:2.35rem}
.product_delit>div .right .pro_about .bo .imgs span{background:none!important;display:inline-block}
.product_delit>div .right .pro_about .bo .text{text-align:center;margin:.55rem 0 .22rem}
.product_delit>div .right .pro_about .bo .text h1{font-size:.24rem;color:#333333;font-weight:bold;margin:0 0 .1rem;position:relative;display:inline-block}
.product_delit>div .right .pro_about .bo .text h1:after{position:absolute;content:attr(data-title);top: 0;left: 0;overflow: hidden;white-space: nowrap;max-width: 0;color: #0054a3;-webkit-transition: max-width 0.5s;-moz-transition: max-width 0.5s;transition: max-width 0.5s;z-index:2;}
.product_delit>div .right .pro_about .bo .text h2{font-size:.14rem;color:#333333}
.product_delit>div .right .pro_about .bo:hover .text h1:after{max-width: 100%;}
.product_delit>div .right .pro_about .bo:hover img{transform:scale(1.1)}
.product_delit>div .right .pro_about .bo .infos dd{height:.4rem;display:flex;justify-content: space-between;align-items: center;padding:0 .1rem;transition:.3s}
.product_delit>div .right .pro_about .bo .infos dd:first-child{background:#f8f8f8}
.product_delit>div .right .pro_about .bo .infos p{font-size:.14rem;color:#777777}
.product_delit>div .right .pro_about .bo:hover{transform: translateY(-5px);box-shadow: 5px 5px 10px rgba(0,0,0,.2);}
.product_delit>div .right .pro_about .bo .txt {text-align:center;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;opacity:0}
.product_delit>div .right .pro_about .bo .txt>a{height:.4rem;width:1.8rem;background:#e62129;border-radius:50px;display:inline-block;line-height:.4rem;font-size:.16rem;color:#ffffff;margin:0 0 .2rem}
.product_delit>div .right .pro_about .bo .txt p{font-size:.14rem;color:#333333}
.product_delit>div .right .pro_about .bo .txt p a{display:initial;font-size:.14rem;color:#333333}

.product_delit>div .right .pro_about .bo:hover .infos {overflow:hidden}
.product_delit>div .right .pro_about .bo:hover .infos dd{opacity:0}
.product_delit>div .right .pro_about .bo:hover .txt{opacity:1;bottom:.25rem}
.product_delit>div .right .pro_about .bo:hover:after{width:100%}

.solutionlist{padding:1.3rem 0;background:#f8f8f8}
.solutionlist ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem}
.solutionlist ul li a{background:white;border-radius:17px;position:relative}
.solutionlist ul li a .text{text-align:center;padding:.55rem .3rem;}
.solutionlist ul li a .text h1{font-size:.3rem;color:black;font-weight:bold;margin:0 0 .15rem}
.solutionlist ul li a .text p{font-size:.16rem;color:#777777;height:.46rem;line-height:.23rem}
.solutionlist ul li a  .imgs{border-radius:0 0 15px 15px;overflow:hidden}
.solutionlist ul li a  .imgs img{border-radius:0 0 15px 15px}
.solutionlist ul li a  .imgs span{background:none !important}
.solutionlist ul li a:hover img{transform:scale(1.05)}
.solutionlist ul li a:hover {background:#0054a3;transform: translateY(-20px);box-shadow: 0px 0px 15px rgba(0,0,0,.2);}
.solutionlist ul li a:hover .text h1,.solutionlist ul li a:hover .text p{color:white;transition:.3s}
.solutionlist ul li a .more{position:absolute;height:.5rem;width:1.5rem;background:#e62129;border-radius:50px;display:flex;flex-direction: column;justify-content: center;align-items: center;left:50%;transform:translateX(-50%);bottom:0;transition:.5s;opacity:0}
.solutionlist ul li a .more span{display:inline-block;font-size:.15rem;color:white;font-weight:bold;padding-right:.2rem;position:relative}

.solutionlist ul li a .more span:after{content:"";position:absolute;background:url(../images/13.png)0 0 no-repeat;width:.14rem;height:.14rem;background-size:100%;top:50%;transform:translateY(-50%);right:0}
.solutionlist ul li a:hover .more{bottom:.4rem;opacity:1}

.fot_fangan2{background:url(../images/13.jpg)0 0 no-repeat;background-size:cover;padding:0 0 1.05rem}
.fot_fangan2 .title{text-align:center;padding:1.1rem 0 .45rem}
.fot_fangan2 .title h1{font-size:.4rem;color:white;font-weight:bold;padding:0 0 .24rem;position:relative;margin:0 0 .3rem}
.fot_fangan2 .title h1:after{position:absolute;content:"";background:white;width:.8rem;height:4px;left:50%;transform:translateX(-50%);bottom:0}
.fot_fangan2 .title p{font-size:.15rem;color:white}
.fot_fangan2 .more{text-align:center}
.fot_fangan2 .more a{display:inline-block;width:2rem;line-height:.5rem;height:.5rem;background:#e62129;border-radius:50px;font-size:.2rem;font-weight:bold;color:white}
.fot_fangan2 .more a:hover{background:#0054a3;box-shadow:0 0 12px rgba(0,0,0,0.6)}
.solv_tem_banner{padding:1rem 0 0}
.solv_tem_banner .flash{position:relative}
.solv_tem_banner .flash>h2{position:absolute;left:1.6rem;top:27%;font-size:.4rem;color:white;font-weight:bold;padding:0 0 .27rem;}
.solv_tem_banner .flash .mbx{position:absolute;left:1.6rem;display:flex;bottom:32%;font-size:.14rem;color:white;}
.solv_tem_banner .flash .mbx p{font-size:.14rem;color:white;margin-right:.06rem}
.solv_tem_banner .flash .mbx a{font-size:.14rem;color:white;margin:0 .04rem}


.solution{background:#f8f8f8;padding:0 0 1.2rem}
.solution .top_text{padding:.48rem .4rem .53rem;transform:translateY(-1rem);position:relative}
.solution .top_text:after{content:"";position:absolute;left:0;width:100%;top:0;height:100%;background:rgba(255,255,255,.8);z-index:-1;border-radius:20px;backdrop-filter:blur(3px)}
.solution .top_text p{font-size:.16rem;color:#777777;line-height:.26rem;margin:0 0 .1rem}
.solution .top_text p:last-child{margin:0}
.solution .infos{padding:0 0 1rem}
.solution .infos>h2{font-size:.3rem;color:#333333;padding-left:.22rem;position:relative;margin:0 0 .4rem}
.solution .infos>h2:after{content:"";position:absolute;background:#0054a3;width:4px;height:.3rem;left:0;top:50%;transform:translateY(-50%)}
.solution .infos .content p{font-size:.16rem;color:#777777;line-height:.26rem;margin:0 0 .1rem}
.solution .infos .content  div{display:flex;justify-content: space-between;margin:.3rem 0 0}
.solution .infos .content  div video{width:32%;object-fit:cover}

.solution .lists>h3{font-size:.3rem;color:#333333;padding-left:.22rem;position:relative;margin:0 0 .4rem}
.solution .lists>h3:after{content:"";position:absolute;background:#0054a3;width:4px;height:.3rem;left:0;top:50%;transform:translateY(-50%)}
.solution .lists .items{padding:.08rem}
.solution .lists .items .bo{padding:.25rem;background:white;border-radius:15px;position:relative}
.solution .lists .items .bo .imgs{text-align:center}
.solution .lists .items .bo:after{content:"";position:absolute;background:#0054a3;width:0;height:6px;bottom:0;left:50%;transform:translateX(-50%);border-radius: 0 0 15px 15px;transition:.4s linear}
.solution .lists .items .bo .imgs img{max-height:2.35rem}
.solution .lists .items .bo .imgs span{background:none!important;display:inline-block}
.solution .lists .items .bo .text{text-align:center;margin:.55rem 0 .22rem}
.solution .lists .items .bo .text h1{font-size:.24rem;color:#333333;font-weight:bold;margin:0 0 .1rem;position:relative;display:inline-block}
.solution .lists .items .bo .text h1:after{position:absolute;content:attr(data-title);top: 0;left: 0;overflow: hidden;max-width: 0;color: #0054a3;white-space: nowrap;-webkit-transition: max-width 0.5s;-moz-transition: max-width 0.5s;transition: max-width 0.5s;z-index:2;}
.solution .lists .items .bo .text h2{font-size:.14rem;color:#333333}
.solution .lists .items .bo:hover .text h1:after{max-width: 100%;}
.solution .lists .items .bo:hover img{transform:scale(1.1)}
.solution .lists .items .bo .infoss dd{height:.4rem;display:flex;justify-content: space-between;align-items: center;padding:0 .1rem;transition:.3s}
.solution .lists .items .bo .infoss dd:first-child{background:#f8f8f8}
.solution .lists .items .bo .infoss p{font-size:.14rem;color:#777777}
.solution .lists .items .bo:hover{transform: translateY(-5px);box-shadow: 5px 5px 10px rgba(0,0,0,.2);}
.solution .lists .items .bo .txt {text-align:center;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;opacity:0}
.solution .lists .items .bo .txt>a{height:.4rem;width:1.8rem;background:#e62129;border-radius:50px;display:inline-block;line-height:.4rem;font-size:.16rem;color:#ffffff;margin:0 0 .2rem}
.solution .lists .items .bo .txt p{font-size:.14rem;color:#333333}
.solution .lists .items .bo .txt p a{display:initial;font-size:.14rem;color:#333333}
.solution .lists .items .bo:hover .infoss {overflow:hidden}
.solution .lists .items .bo:hover .infoss dd{opacity:0}
.solution .lists .items .bo:hover .txt{opacity:1;bottom:.25rem}
.solution .lists .items .bo:hover:after{width:100%}


.service{padding:1.3rem 0;background:#f8f8f8}
.service ul li{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin: 0 0 1.3rem}
.service ul li:last-child{margin:0}
.service ul li.li2 .text{padding-left:1rem}
.service ul li.li1 .text{padding-right:.8rem}
.service ul li .text h1{font-size:.3rem;color:#333333;font-weight:bold;margin:0 0 .25rem}
.service ul li .text p{font-size:.16rem;color:#777777;line-height:.26rem}
.service ul li:hover .img img{transform:scale(1.05)}
.contact_box{background:#f8f8f8}
.contact_box .infos{padding:0 0 1rem}
.contact_box .infos h3{font-size:.3rem;color:#333333;font-weight:bold;padding:1rem 0 .4rem}
.contact_box .infos ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap: 0 .5rem}
.contact_box .infos ul li{background:white;border:1px solid #e6e6e6;border-radius:10px;height:2.1rem;padding:.35rem .4rem 0;}
.contact_box .infos ul li dd{display:flex;line-height:.27rem}
.contact_box .infos ul li p{font-size:.16rem;color:#333333}
.contact_box .infos ul li a{font-size:.16rem;color:#333333}
.contact_box .infos ul li  em{font-weight:bold;width:20%;font-size:.16rem;color:#333333}

.contact_box .infos ul li a:hover{color:#e62129}
.contact_box .big_map a{position:relative;}
.contact_box .big_map  .mouse{width:1.5%;position:absolute;left:55%;top:29%;animation: downss .8s linear infinite alternate;}
@keyframes downss {
	form{
		top:39%
	}
	to{
		top:33%
	}
}
/* .contact_box .big_map a:after{content:"";position:absolute;background:rgba(0,0,0,.6);left:0;top:0;width:100%;height:100%;opacity:0;transition:all .8s}
.contact_box .big_map a:hover:after{opacity:1;transition-delay:100ms}
.contact_box .big_map a h2 {position:absolute;left:50%;transform:translate(-50%,-50%);top:60%;font-size:.3rem;color:white;font-weight:bold;opacity:0;transition:all .8s;z-index:222}
.contact_box .big_map a:hover h2{opacity:1;top:50%;transition-delay:300ms;} */

.contact_box .message{padding:0 0 1.1rem}
.contact_box .message .title{text-align:center;padding:1.15rem 0 .45rem}
.contact_box .message  .title h1{font-size:.4rem;color:#333333;font-weight:bold;padding:0 0 .24rem;position:relative;margin:0 0 .35rem}
.contact_box .message  .title h1:after{position:absolute;content:"";background:#0054a3;width:.8rem;height:4px;left:50%;transform:translateX(-50%);bottom:0}
.contact_box .message  .title p{font-size:.15rem;color:#777777}
.contact_box .message  .lists{font-size:0}
.contact_box .message  .lists .top{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .2rem;margin:0 0 .2rem}
.contact_box .message  .lists .top .input input{width:100%;height:.5rem;border-radius:15px;border:1px solid #e6e6e6;padding:0 .24rem;font-size:.16rem;color:#333333}
.contact_box .message  .lists .top .input{position:relative}
.contact_box .message  .lists .top .input:after{content:'*';position:absolute;left:.1rem;top:50%;transform:translateY(-50%);color:#ff0000;font-weight:bold;font-size:.16rem}

.contact_box .message  .bot  textarea{width:100%;height:2.25rem;border-radius:15px;;border:1px solid #e6e6e6;padding:.18rem .24rem;font-size:.16rem;color:#333333}
.contact_box .message  .bot{position:relative}
.contact_box .message  .bot:after{content:'*';position:absolute;left:.1rem;top:.18rem;color:#ff0000;font-weight:bold;font-size:.16rem}
.contact_box .message   .sub{margin:.2rem 0 0;text-align:center}
.contact_box .message   .sub button{width:2rem;height:.5rem;background:#e62129;border-radius:50px;border:0;font-size:.2rem;font-weight:bold;color:white}
.contact_box .message   .sub button:hover{background:#0054a3;box-shadow:0 0 12px rgba(0,0,0,0.6)}
.tem_banner.index{padding:1rem 0 0}
.tem_banner.index .banner_xss2 .label_text{text-align:left;position:absolute;width:100%;padding:0 1.6rem;top:38%}
.tem_banner.index .banner_xss1 .label_text{text-align:center;position:absolute;width:100%;padding:0 1.6rem;top:48%}

.tem_banner.index .banner_xss2  .label_text h2{font-size:.6rem;color:white;font-weight:bold;transform:translateY(3vw);opacity:0;transition:all .8s linear;text-shadow: 5px 5px 10px rgba(0,0,0,.6)}
.tem_banner.index .banner_xss1  .label_text h2{font-size:.6rem;color:white;font-weight:bold;transform:translateY(3vw);opacity:0;transition:all .8s linear;text-shadow: 5px 5px 10px rgba(0,0,0,.6)}

.tem_banner.index .swiper-slide-active .label_text h2{transform:none;opacity:1;transition-delay:200ms}
.tem_banner.index  .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:.4rem;;z-index:2}
.tem_banner.index  .slide-pagination span{width:.12rem;height:.12rem;opacity:1;margin:0 .09rem;background:white}
.tem_banner.index  .slide-pagination span.swiper-pagination-bullet-active{background:#d0424e}

.index_product {padding:0 0 1.3rem}
.index_product .title{padding:1.3rem 0 .45rem;text-align:center}
.index_product .title h2{font-size:.4rem;color:#333333;font-weight:bold;position:relative;display:inline-block;padding:0 0 .24rem}
.index_product .title h2:after{position:absolute;content:"";background:#0054a3;width:.8rem;height:4px;left:50%;transform:translateX(-50%);bottom:0}
.index_product .infos{display:grid;grid-template-columns:1fr 1fr ;grid-gap:0 .25rem}
.index_product .infos  .left{}
.index_product .infos  .left a{position:relative;background:url(../images/16.jpg) 0 0 no-repeat;padding:.5rem .18rem .15rem;background-size:cover;border-radius:15px;box-shadow: 0px 0px 10px rgba(0,0,0,.15)}
.index_product .infos  .left a:after{content:"";position:absolute;background:url(../images/17.png) 0 0 no-repeat;left:.2rem;top:0;width:.3rem;height:.3rem;;background-size:100%}
.index_product .infos  .left a .img{overflow:initial}
.index_product .infos  .left a .img span{background:none !important;display:inline-block}
.index_product .infos  .left a .img  img{height:5.5rem;object-fit:cover;}
.index_product .infos  .left a:hover img{transform:scale(1.05)}
.index_product .infos  .left a .text{padding:.35rem 0 0}
.index_product .infos  .left a .text h1{font-size:.3rem;color:#333333;font-weight:bold;margin:0 0 .1rem}
.index_product .infos  .left a .text p{font-size:.16rem;color:#777777}
.index_product .infos  .left a:hover{box-shadow: 0px 0px 15px rgba(0,0,0,.5);}
.index_product .infos ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.25rem}
.index_product .infos ul li a{position:relative;height:100%;padding:.35rem .2rem 0;background:#ffffff;box-shadow: 0px 0px 10px rgba(0,0,0,.1);border-radius:15px}
.index_product .infos ul li a:after{content:"";position:absolute;background:url(../images/17.png) 0 0 no-repeat;left:.2rem;top:0;width:.3rem;height:.3rem;;background-size:100%}
.index_product .infos ul li a .img{overflow:initial}
.index_product .infos ul li a img{max-height:2.45rem}
.index_product .infos ul li a .img span{background:none !important;display:inline-block}
.index_product .infos ul li a:hover img{transform:scale(1.05)}
.index_product .infos ul li a .text h1{font-size:.24rem;color:#333333;font-weight:bold;margin:0 0 .05rem}
.index_product .infos ul li a .text p{font-size:.14rem;color:#777777}
.index_product .infos ul li a:hover{box-shadow: 0px 0px 15px rgba(0,0,0,.5);background:#0054a3;}
.index_product .infos ul li a:hover .text h1{color:white}
.index_product .infos ul li a:hover .text p{color:white}
.index_solv {padding:0 .17rem 1.3rem}
.index_solv .title{padding:0 0 .45rem;text-align:center}
.index_solv .title h2{font-size:.4rem;color:#333333;font-weight:bold;position:relative;display:inline-block;padding:0 0 .24rem}
.index_solv .title h2:after{position:absolute;content:"";background:#0054a3;width:.8rem;height:4px;left:50%;transform:translateX(-50%);bottom:0}
.index_solv .content {display:flex;justify-content: space-between;}
.index_solv .content .on{width:24.45%}
.index_solv .content>div a{border-radius:15px;overflow:hidden;position:relative}
.index_solv .content>div .bg{height:6.4rem;border-radius:15px;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:all .5s}

.index_solv .content>div a:after{content:"";position:absolute;background:rgba(0,0,0,.25);width:100%;height:100%;left:0;top:0;transition:all .5s;opacity:0}
.index_solv .content .ons{width:14.87%}
.index_solv .content>div a .txt{position:absolute;left:.4rem;bottom:.4rem;transform:translateY(.8rem);transition:all .5s;z-index:22}
.index_solv .content>div a .txt h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .28rem}
.index_solv .content>div a .txt .more{height:.5rem;width:1.3rem;background:#e62129;border-radius:50px;display:flex;flex-direction: column;justify-content: center;align-items: center;opacity:0}
.index_solv .content>div a .txt .more span{display:inline-block;font-size:.15rem;color:white;font-weight:bold;padding-right:.2rem;position:relative}
.index_solv .content>div a .txt .more span:after{content:"";position:absolute;background:url(../images/13.png)0 0 no-repeat;width:.14rem;height:.14rem;background-size:100%;top:50%;transform:translateY(-50%);right:0}
.index_solv .content>div.on a .txt{transform:none;transition-delay:500ms}
.index_solv .content>div.on a .more{opacity:1;transition-delay:500ms}
.index_solv .content>div.on a:after{opacity:1;transition-delay:200ms}
.index_solv .content>div.on a .bg{transform:scale(1.1);transition-delay:300ms }


.news_nav {display:flex;justify-content: center;}
.news_nav {height:.6rem;line-height:.6rem;border-bottom:1px solid #d9d9d9}
.news_nav a{margin:0 .3rem;font-size:.18rem;color:#333;position:relative}

.news_nav a:after{content:"";position:absolute;background:#0054a3;width:0;height:3px;left:50%;transform:translateX(-50%);bottom:0;transition:.3s cubic-bezier(0.4, 0, 1, 1) }
.news_nav a:hover:after,.news_nav a.active:after{width:100%}
.news_nav a:hover,.news_nav a.active{color:#0054a3}
.news_box{padding:1rem 0 .5rem}
.news_box ul {display:grid;grid-template-columns:1fr;grid-gap:.5rem 0}
.news_box ul  li a{display:flex;background:white;box-shadow: 0px 0px 15px rgba(0,0,0,.2);border-radius:15px;justify-content: space-between;align-items: center;transition:.3s}
.news_box ul  li a .img{width:30%;border-radius:15px 0 0 15px;position:relative}
.news_box ul  li a .img:after{position:absolute;content:"";width:0;height:0;border-top:.2rem solid transparent;border-bottom:.2rem solid transparent;border-right:.25rem solid white;right:0;z-index:2;top:24%;transition:.3s}
.news_box ul  li a .text{width:70%;padding:0 .5rem}
.news_box ul  li a .text h2{font-size:.24rem;color:black;font-weight:bold;margin:0 0 .3rem}
.news_box ul  li a .text p{font-size:.16rem;color:#666666;line-height:.25rem;height:.5rem}
.news_box ul  li a .text span{font-size:.16rem;color:#666666;margin:.3rem 0 0;display:inline-block}
.news_box ul  li a:hover{background:#0054a3;;box-shadow: 0px 0px 15px rgba(0,0,0,.3)}
.news_box ul  li a:hover .img img{transform:scale(1.05)}
.news_box ul  li a:hover .text h2{color:white}
.news_box ul  li a:hover .text p{color:white}
.news_box ul  li a:hover .text span{color:white}
.news_box ul  li a:hover .img:after{border-right:.25rem solid #0054a3;}

.page{display:flex;justify-content: center;padding:0 0 1rem}
.page a{display:inline-block;margin:0 .06rem;width:.3rem;height:.3rem;border:1px solid #b5b5b5;line-height:.28rem;font-size:.16rem;color:#0b0b0b}
.page a i{font-size:.18rem;color:#0b0b0b}
.page a.page-num-current{background:#0054a3;color:white;border-color:#0054a3}
.page a:hover{background:#0054a3;color:white;border-color:#0054a3}
.page a:hover i{color:white}



.index_news {padding:0 0 1.3rem}
.index_news .title{padding:0 0 .45rem;text-align:center}
.index_news .title h2{font-size:.4rem;color:#333333;font-weight:bold;position:relative;display:inline-block;padding:0 0 .24rem}
.index_news .title h2:after{position:absolute;content:"";background:#0054a3;width:.8rem;height:4px;left:50%;transform:translateX(-50%);bottom:0}
.index_news .lists{display:flex;justify-content: space-between;}
.index_news .lists .left{width:61.9%;display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .3rem}
.index_news .lists .left .item a{border-radius:15px;background:white}
.index_news .lists .left .item a .img {border-radius:15px 15px 0 0}
.index_news .lists .left .item a .img .time{position:absolute;left:0;bottom:0;background:#0054a3;height:.8rem;width:.8rem;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.index_news .lists .left .item a .img .time h2{font-size:.5rem;color:white;font-weight:bold;height:.4rem;line-height:.4rem;margin:0 0 .05rem}
.index_news .lists .left .item a .img .time h3{font-size:.14rem;color:white}
.index_news .lists .left .item  a{box-shadow: 0px 0px 15px rgba(0,0,0,.2)}
.index_news .lists .left .item  a .text{padding:.2rem .2rem .25rem;}
.index_news .lists .left .item  a .text em{color:#e62129;font-size:.16rem}
.index_news .lists .left .item  a .text h2{font-size:.24rem;color:black;font-weight:bold;height:.66rem;line-height:.33rem;margin:.1rem 0 }
.index_news .lists .left .item  a .text p{font-size:.14rem;color:#777777;line-height:.22rem;height:.66rem}
.index_news .lists .left .item  a .text span{display:inline-block;margin:.1rem 0 0;font-size:.15rem;color:#333333;padding-right:.2rem;position:relative}
.index_news .lists .left .item  a .text span:after{content:"";position:absolute;background:url(../images/18.png)0 0 no-repeat;width:.14rem;height:.14rem;background-size:100%;top:50%;transform:translateY(-50%);right:0;transition:.3s}
.index_news .lists .left .item  a:hover .img img{transform:scale(1.05)}
.index_news .lists .left .item  a:hover{background:#0054a3}
.index_news .lists .left .item  a:hover .text h2{color:white}
.index_news .lists .left .item  a:hover .text p{color:white}
.index_news .lists .left .item  a:hover .text span{color:white}
.index_news .lists .left .item  a:hover .text span:after{content:"";position:absolute;background:url(../images/18.png)0 0 no-repeat;width:.14rem;height:.14rem;background-size:100%;top:50%;transform:translate(.05rem,-.1rem);right:0}
.index_news .lists .left .item  a:hover{box-shadow: 0px 0px 15px rgba(0,0,0,.5)}
.index_news .lists ul{width:36.3%;padding:.25rem .35rem 0rem .4rem;background:#f2f2f2;border-radius:15px;}
.index_news .lists ul li a{height:.5rem;display:flex;align-items: center;justify-content: space-between;border-bottom:1px solid #dcdcdc}
.index_news .lists ul li a h2{width:70%;font-size:.16rem;color:#333333}
.index_news .lists ul li a h3{font-size:.15rem;color:#333333}
.index_news .lists ul li a:hover h2{color:#0054a3}
.index_news .lists ul li a:hover h3{color:#0054a3}
.index_news .lists ul li a:hover h2{padding:0 0 0 .1rem}
/********<=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){
    .tem_banner.index .banner_xss1 .label_text{padding:0 1rem;top:38%}
.tem_banner.index .banner_xss2 .label_text{padding:0 1rem;top:38%}
.index_news .lists ul{width:36.3%;padding:.1rem .35rem 0rem .4rem;background:#f2f2f2;border-radius:15px;}
.about_box .about_think .txt{padding:2.1rem 0 0 3.5rem}
.tem_banner.indise .flash>h2{left:1rem;}
.tem_banner.indise .flash .mbx{left:1rem}
.contact_box .infos ul li em{width:30%}
.contact_box .infos ul li:last-child em{width:20%}
.solv_tem_banner .flash{position:relative}
.solv_tem_banner .flash>h2{position:absolute;left:1rem;top:27%;font-size:.4rem;color:white;font-weight:bold;}
.solv_tem_banner .flash .mbx{position:absolute;left:1rem;display:flex;bottom:35%;font-size:.14rem;color:white;}
.product_box>div .right .lists ul li a .text h1{font-size:.2rem}
.product_delit>div .right .pro_about a .text h1{font-size:.2rem}
.solution .lists .items a .text h1{font-size:.2rem}
.about_box .about_boos .right{background-size: 25%;}
}
@media(max-width:1400px){
    .product_delit>div .right .info .left .img_list .img img{max-height:.6rem}

}

@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}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
	.index_product .title h2{font-size:26px}
    .index_product .infos .left a .text h1{font-size:24px}
    .index_product .infos ul li a .text h1{font-size:20px}
    .index_product .infos ul li a .text p{font-size:14px;-webkit-line-clamp:2;height:36px;line-height:18px;margin:0 0 10px}
    .index_product .infos ul li a:after{width:30px;height:30px}
    .index_product .infos .left a:after{width:30px;height:30px}
    .index_solv .title h2{font-size:26px}
    .index_solv .content>div a .txt h2{font-size:18px}
    .index_solv .content>div a .txt .more span{font-size:14px}
    .index_news .title h2{font-size:26px}
    .index_news .lists .left .item a .text h2{font-size:16px;-webkit-line-clamp:3;height:75px;line-height:25px}
    .index_news .lists .left .item a .text p{height:75px !important;line-height:25px !important;font-size:14px}
.index_news .lists ul li a h2{font-size:14px;height:15px;line-height:15px}
.fot_fangan .title p{font-size:14px}
.fot_fangan .title h1{font-size:28px}
.fot_fangan .lists .top .input input{font-size:16px}
.fot_fangan .lists .bot textarea{font-size:16px}
.fot_fangan2 .title h1{font-size:28px}
.fot_fangan2 .title p{font-size:14px}
.fot_fangan2 .more a{font-size:16px}
.footer .top .left .phone h2{font-size:16px}
.fot_fangan .lists .sub button{font-size:16px}
.footer .top .left .phone a{font-size:20px;color:white !important}
.return a{width:50px;height:50px;background-size:30px 30px}
.solv_tem_banner .flash>h2{font-size:24px}
.solv_tem_banner img{height:3rem;object-fit:cover}
.tem_banner.indise img{height:3rem;object-fit:cover}
.solution .top_text{box-shadow: 0px 0px 15px rgba(0,0,0,.3);border-radius:10px;transform:translateY(-1rem);}
.solution .top_text:after{border-radius:10px}
.solution .infos .content  video{width:100%;}
.contact_box .infos ul li{height:auto;padding:.3rem}
.contact_box .infos ul li em{font-size:14px;}
.contact_box .infos ul li p{font-size:16px}
.contact_box .infos ul li dd{line-height:30px}
.contact_box .infos ul li a{font-size:16px}
.contact_box .infos h3{font-size:20px}

.contact_box .message .title p{font-size:15px}
.contact_box .message .title h1{font-size:28px}
.contact_box .message .lists .top .input input{font-size:16px}
.contact_box .message .lists .bot textarea{font-size:16px}
.contact_box .message .lists .sub button{font-size:16px}
.footer .top .left .weixin .img{width:1.5rem}
.contact_box .big_map a>img{height:6rem;object-fit:cover}
.contact_box .big_map .mouse{width:8%}
.product_box>div .pro_nav h2{font-size:18px;padding-left:.6rem}
.product_box>div .pro_nav h2:after{width:12px;height:12px}
.product_box>div .pro_nav ul li a{font-size:15px}
.product_box>div .right .lists ul li .text h1{font-size:18px}
.product_box>div .right .lists ul li .text h2{font-size:14px}
.solution .top_text p{font-size:15px;line-height:normal}
.solution .infos .content p{font-size:15px;line-height:normal}
.solution .infos>h2{font-size:24px}
.solution .lists>h3{font-size:24px}
.solution .lists .items .bo .text h1{font-size:18px}
.solution .lists .items .bo .text h2{font-size:14px}
.solutionlist ul li a .text h1{font-size:20px}
.solutionlist ul li a .text p{font-size:16px;-webkit-line-clamp:4;height:88px;line-height:22px}
.news_box ul li a .text h2{font-size:18px;height:30px;line-height:30px}
.news_box ul li a .text p{font-size:14px;-webkit-line-clamp:4;height:88px;line-height:22px}
.service ul li .text h1{font-size:24px;}
.service ul li .text p{font-size:16px;line-height:normal}
.about_box .about_company>div>h2{font-size:30px}
.tem_banner.index .banner_xss1 .label_text{padding:0 1rem;top:50%}
.about_box .about_company .txt p{font-size:16px;line-height:normal}
.about_box .about_think h2{font-size:30px}
.about_box .about_think .txt h1{font-size:20px}
.about_box .about_think .txt h1 em{font-size:20px}
.about_box .about_history .lists .item p{font-size:14px;line-height:20px;height:80px}
.about_box .about_boos .right h2{font-size:30px}
.about_box .about_history h3{font-size:30px}
.about_box .about_boos .right .txt p{font-size:16px;line-height:normal}
    .tem_banner.index .label_text{padding:0 .2rem!important}
    .tem_banner.index .label_text h2{font-size:.4rem !important}
.tem_banner.index .label_text h2{font-size:.4rem}
.index_product .infos{display:grid;grid-template-columns:1fr;grid-gap:.3rem 0}
.index_solv .content{display:flex;flex-wrap: wrap;gap:.2rem 0}
.index_solv .content .ons,.index_solv .content .on{width:48%;}
.index_solv .content>div .bg{height:5rem}
.index_solv .content>div a .txt{width:100%;left:0;display:flex;flex-direction: column;align-content: center;align-items: center;}
.index_solv .content>div a .txt .more{width:2rem}
.index_news .lists{display:inherit}
.index_news .lists .left{width:100%}
.index_news .lists .left .item a .img .time{width:1.2rem}
.index_news .lists .left .item a .img .time h2{font-size:.36rem}
.index_news .lists .left .item a .text p{height:.9rem;line-height:.3rem}
.index_news .lists ul{width:100%;margin:.3rem 0 0;padding:.2rem .3rem}
.fot_fangan .lists .top{grid-template-columns:1fr;grid-gap:.2rem 0}
.footer .top .right{display:none}
.footer .top{display:flex;justify-content: center;text-align:center;padding:.5rem 0 1rem}
.footer .top .left{width:100%}
.footer .top .left .logo{margin:0 0 .3rem}
.footer .top .left .logo img{width:40%}
.footer .bot{height:auto;display:inherit;padding:.2rem 0}
.index_product .infos .left a .img img{height:4rem}
.product_box>div{display:inherit}
.product_box>div .pro_nav{width:100%;margin:0 0 .3rem}
.product_box>div .pro_nav ul li a{height:.6rem;line-height:.6rem}
.product_box>div .right{width:100%}
.product_box>div .right .lists ul{grid-template-columns:1fr 1fr}
.product_delit>div{display:inherit}
.product_delit>div .pro_nav{width:100%;margin:0 0 .3rem}
.product_delit>div .pro_nav ul li a{height:.6rem;line-height:.6rem}
.product_delit>div .right{width:100%}
.product_delit>div .right .info{display:inherit}
.product_delit>div .right .info .left{width:100%}
.product_delit>div .right .info .content{width:100%;margin:.3rem 0 0;;}
.product_delit>div .right .canshu .editor {overflow-x:auto;}
.product_delit>div .right .canshu .editor table{width:100% !important;}
.tem_banner.indise .flash>h2{font-size:.36rem}
.tem_banner.indise .flash>h2{left:.5rem;top:20%}
.solv_tem_banner .flash>h2{left:.5rem;top:20%}
.solv_tem_banner .flash .mbx{left:.5rem;bottom:1.2rem}
.tem_banner.indise .flash .mbx{left:.5rem;bottom:.1rem}
.solutionlist ul{grid-template-columns:1fr 1fr;grid-gap:.5rem .3rem}
.solutionlist ul li a .text{padding:.55rem .1rem}
/* .solutionlist ul li a .text p{height:.6rem;line-height:.3rem} */

.solution .infos .content div{display:inherit}
.solution .infos .content div video{width:100%}
.service ul li{grid-template-columns:1fr;align-items:center;grid-gap:.3rem 0}
.service ul li .text{padding:0!important;}
.about_box .about_company{background-position:60% center;padding:1rem 0 1.5rem}
.about_box .about_company .txt{width:100%}
.about_box .about_think .txt{padding:2.1rem 0 0 0rem}
.about_box .about_boos>div{display:inherit}
.about_box .about_boos .img{width:100%}
.about_box .about_boos .right{width:100%;padding:1rem 0 2rem;background-size:50%}
.news_box ul li a{display:inherit}
.news_box ul li a .img{width:100%}
.news_box ul li a .img:after{display:none}
.news_box ul li a .text{width:100%;padding:.5rem .3rem}
.news_box ul  li a .img{border-radius:15px 15px 0 0;}
.contact_box .infos ul{grid-template-columns:1fr;grid-gap:.3rem 0}
.contact_box .message .lists .top{grid-template-columns:1fr;grid-gap:.3rem 0}
.contact_box .infos ul li em{width:25%}
.contact_box .infos ul li:last-child em{width:25%}
.product_delit>div .right .info .content .text{font-size:14px;color:#333333;line-height:30px}
.news_box ul li a .text span{font-size:16px}
.news_nav{height:60px;line-height:60px}
.news_nav a{font-size:16px}
.mbx{font-size:15px !important;}
.mbx p{font-size:15px !important;}
 .mbx a{font-size:15px !important}
 .product_box>div .right .lists .info p{font-size:10px;}
 .solution .lists .items .bo .infoss p{font-size:10px;}
 .product_delit>div .right .pro_about .bo .infos p{font-size:10px;}
 .index_product .infos .left a .text p{font-size:16px;}
 .ys_navph2_modalm input::placeholder {font-size:16px !important}
 .product_delit>div .right .info .contacts a{font-size:18px}
 .product_delit>div .right .info .contacts a{width:160px;height:40px;line-height:40px}

}