/* .header{position: fixed;width: 100%;z-index: 1000;top:0;overflow:hidden}
.header>div{display:flex;justify-content: space-between;height:1.05rem;align-items: center;}
.header.is_header,.header.indises{background:white;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header.is_header .navs ul li a,.header.indises .navs ul li a{color:#787878}
.header.is_header .navs ul li.active a,.header.is_header .navs ul li a:hover{color:white}
.header.indises .navs ul li.active a,.header.indises .navs ul li a:hover{color:white}
.header.is_header .navs ul,.header.indises .navs ul{border:1px solid rgba(160,160,160,.28)}
.header.is_header .rights .langs,.header.indises .rights .langs{color:#787878}
.header.is_header .rights .langs a,.header.indises .rights .langs a{color:#787878}
.header .logo{width:13%}
.header .logo a{display:inline-block}
.header .navs{width:54.5%}
.header .navs ul{display:flex;border-radius:50px;border:1px solid rgba(255,255,255,.28)}
.header .navs ul li{width:20%;text-align:center}
.header .navs ul li a{height:.52rem;line-height:.52rem;font-size:.18rem;color:white;border-radius:50px}
.header .navs ul li.active a,.header .navs ul li a:hover{background:#3b78d4}
.header .rights{font-size:0;width:12%;display:flex;border-radius:50px;border:1px solid rgba(255,255,255,.55);height:.52rem;align-items: center;justify-content: space-between;}
.header .rights .langs{display:flex;padding-left:.2rem;font-size:.18rem;color:white;gap:0 2px}
.header .rights .langs a{font-size:.18rem;color:white;}
.header .rights .boxs a{height:.5rem;width:.5rem;background:#02047a url(../images/99.png) center center no-repeat;border-radius:50px;background-size:.15rem .15rem} */
.header{opacity:1;position: fixed;width: 100%;z-index: 1000;top:0;overflow:hidden;background:white;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.header>div{display:flex;justify-content: space-between;height:.86rem;line-height:.86rem;align-items: center;}
.header>div .logo{width:18%;/* opacity:0 */}
.header>div .logo img{max-height:.7rem}
.header .navs {width:53.5%}
.header .navs  ul{display:flex;justify-content: space-between;}
.header .navs  ul li a{font-size:.18rem;color:black;font-weight:bold;padding:0 .06rem;position:relative}
.header .navs  ul li a:after{position:absolute;content:"";background:#3b78d4;width:100%;height:0;left:50%;transform:translateX(-50%);z-index:-1;border-radius:0 0 10px 10px;transition:.4s linear }
.header .navs  ul li a:hover:after,.header .navs  ul li.active a:after{height:.7rem}
.header .navs  ul li a:hover,.header .navs  ul li.active a{color:white}
.header .rights{width:17.5%;display:flex;justify-content: space-between;align-items: center;}
.header .rights .boxs{width:78%}
.header .rights .boxs form{font-size:0;position:relative;line-height:normal}
.header .rights .boxs input{border:1px solid #d4d4d4;height:.46rem;border-radius:5px;width:100%;font-size:.16rem;color:black;padding:0 .4rem 0 .15rem;background:none}
.header .rights .boxs input::placeholder {color:black}
.header .rights .boxs button{position:absolute;width:.21rem;height:.22rem;top:50%;transform:translateY(-50%);border:none;background:url(../images/1.png) 0 0 no-repeat;right:.15rem;background-size:.21rem .22rem}
.header .rights .langs a{width:.25rem;height:.25rem;background:url(../images/2.png) 0 0 no-repeat;background-size:100%}

.tem_banner.indise .flash {position: fixed;top:0;left: 0;width: 100%;padding:.86rem 0 0}
.tem_banner.indise .flash  .bg{background-size:cover;background-repeat:no-repeat;background-position:center center;transition:none}

.tem_banner.indise .flash .col_banner{position:relative}
.tem_banner.indise .flash .bl_box{position:absolute;width:100%;height:100%;background:rgba(0,0,0,1);left:0;top:0;opacity:0;z-index:1;transition:none}
.tem_banner.indise .about_txt{position:absolute;left:0;bottom:0;z-index:2;padding:0 0 1.5rem;transition:none;width:100%}
.tem_banner.indise .about_txt h1{font-size:.6rem;color:white;font-weight:bold}
.tem_banner.indise .about_txt.honrs h1{margin:0 0 .5rem} 
.tem_banner.indise .about_txt.honrs p{width:60%}
.tem_banner.indise .txt{position:absolute;left:0;bottom:0;z-index:2;padding:0 0 2.5rem;transition:none;width:100%}
.tem_banner.indise .txt h2{font-size:.6rem;color:white;font-weight:bold}

.tem_banner.indise .about_txt h2{font-size:.36rem;color:white;font-weight:bold;width:50%;line-height:.45rem;margin:0.4rem 0 .35rem}
.tem_banner.indise .about_txt p{font-size:.2rem;color:white;width:55%;line-height:.3rem}
.main{position: relative;background: #fff;z-index: 10;}
.mains{position: relative;background: #f6f6f6;z-index: 10;}
.about_box .company{padding:1.3rem 0 0;background:url(../images/3.png) 9.3% 1.12rem no-repeat;}
.about_box .company>div{display:grid;grid-template-columns:48% 48.1%;justify-content:space-between;padding:0 0 .7rem;border-bottom:2px solid #e0e0e0}
.about_box .company>div .left{padding:.15rem 0 0}
.about_box .company>div .left h1{font-size:.6rem;color:#707070;font-weight:bold;margin:0 0 .7rem}
.about_box .company>div .left h1 em{color:#3b78d4}
.about_box .company>div .left  p{font-size:.3rem;color:#0a1116;font-weight:bold;width:80%}
.about_box .company>div .right p{font-size:.18rem;color:#414141;line-height:.3rem}
.about_box .capacities{padding:.85rem 0 .95rem}
.about_box .capacities .title{margin:0 0 .5rem}
.about_box .capacities .title h1{font-size:.48rem;color:#707070;font-weight:bold;margin:0 0 .3rem}
.about_box .capacities .title h1 em{color:#3b78d4;}
.about_box .capacities .title  p{font-size:.24rem;color:#484848;width:85%}
.about_box .capacities .box{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .55rem}
.about_box .capacities .box .items{background:#ebf5ff;padding:.6rem .7rem 0;height:2.7rem;border-radius:15px}
.about_box .capacities .box .items h2{font-size:.3rem;color:#252525;font-weight:bold;margin:0 0 .13rem;position:relative}
.about_box .capacities .box .items h2:after{content:"";position:absolute;background:#3b78d4;width:.14rem;height:.29rem;left:-.36rem;top:50%;transform:translateY(-50%)}
.about_box .capacities .box .items p{font-size:.24rem;color:#484848;}

.about_box .capacities .infos{padding:.65rem 0 1rem}
.about_box .capacities .infos h3{font-size:.36rem;color:#252525;font-weight:bold;margin:0 0 .6rem}
.about_box .capacities .infos ul{display:grid;grid-template-columns:auto auto auto auto;grid-gap:0 1rem}
.about_box .capacities .infos ul li h1{font-size:.58rem;color:#3b78d4;font-weight:bold}
.about_box .capacities .infos ul li p{font-size:.24rem;color:#7d7c7c;font-weight:bold}
.about_box .capacities .lists{padding-left:2.6rem;}
.about_box .capacities .lists>div{position:relative}
.about_box .capacities .lists a:hover img{transform:scale(1.1)}
.about_box .capacities .lists .swiper-page>div{position:absolute;left:-.45rem;top:50%;transform:translateY(-50%);z-index:2;opacity:.5}
.about_box .capacities .lists .swiper-page>div.slide-button-next{left:auto;right:2rem}
.about_box .capacities .lists .swiper-page>div:hover{opacity:1}
.about_box .capacities .lists .swiper-page>div img{max-width:.38rem}
.about_box .rd{position:relative;padding:0 0 1.75rem}
.about_box .rd .text{position:absolute;width:48.3%;left:0;padding:1rem 0 0  2.6rem;height:7.07rem;background:url(../images/6.png)0 0 no-repeat;background-size:cover;bottom:0}
.about_box .rd .text h1{font-size:.48rem;color:white;font-weight:bold;}
.about_box .rd .text h2{font-size:.3rem;color:white;margin:.25rem 0 .4rem}
.about_box .rd .text  p{width:85%;font-size:.14rem;color:white;font-weight:bold;line-height:.3rem}

.about_box .test{padding-left:2.6rem;display:flex;justify-content: space-between;padding-bottom:1.5rem}
.about_box .test .text{width:33.5%;padding:3.5rem 0 0} 
.about_box .test .text h1{font-size:.48rem;color:#040000;font-weight:bold;}
.about_box .test .text h2{font-size:.3rem;color:#040000;margin:.25rem 0 .4rem}
.about_box .test .text  p{font-size:.2rem;color:#040000;line-height:.3rem}
.about_box .test .img{width:60%} 

.footer{position:relative;background:#282828;z-index:12}
.video_fixed{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;transition:none;display:none;}
.video_fixed .mains{position:absolute;top:80%;left:50%;width:100%;max-width:10rem;transform:translate(-50%,-50%);opacity:0;}
.video_fixed .mains.on {top:50%;opacity:1}
.video_fixed .close_{position:absolute;top:20%;right:16%;cursor:pointer;}
.video_fixed .close_ i {width:.41rem;height:.41rem;border:2px solid white;font-size:.24rem;color:white;line-height:.41rem;text-align:center;border-radius:100%;display:block;}
.video_fixed .mains video {width:100%;height:5rem;object-fit:cover;}
.footer .top{display:grid;grid-template-columns:20% 35.5% 29.5%;justify-content:space-between;padding:.7rem 0 .55rem}
.footer .top .left .logo a{display:inline-block;}
.footer .top .left  .video{cursor:pointer;overflow:hidden}
.footer .top .left  .video:hover img{transform:scale(1.1)}
.footer .top .left .logo{margin:0 0 .5rem}
.footer .top .left p{font-size:.16rem;color:#999999}
.footer .top .middle{display:grid;grid-template-columns:auto auto;padding:.2rem 0 0;grid-gap:0 1rem}
.footer .top .middle .item h2{font-size:.18rem;color:white;font-weight:bold;margin:0 0 .2rem}
.footer .top .middle .item  dl dd a{font-size:.16rem;color:#c9c9c9;display:inline-block}
.footer .top .middle .item  dl dd{margin:0 0 .1rem}
.footer .top .right{padding:.2rem 0 0 .35rem;}
.footer .top .right>h2{font-size:.18rem;color:white;font-weight:bold;margin:0 0 .2rem}
.footer .top .right .item ul:nth-child(2){margin:0 0 .45rem}
.footer .top .right .item  h2{font-size:.16rem;color:#999999;font-weight:bold;margin:0 0 .12rem}
.footer .top .right .item ul {display:grid;grid-template-columns:1fr;grid-gap:.05rem 0;line-height:.25rem}
.footer .top .right .item ul li p{font-size:.14rem;color:white;position:relative}
.footer .top .right .item ul li:nth-child(1) p:after{content:"";position:absolute;background:url(../images/92.png)0 0 no-repeat;width:.19rem;height:.21rem;left:-.35rem;top:0;background-size:100%}
.footer .top .right .item ul li:nth-child(2) p:after{content:"";position:absolute;background:url(../images/91.png)0 0 no-repeat;width:.21rem;height:.21rem;left:-.35rem;top:0;background-size:100%}
.footer .top .right .item ul li:nth-child(3) a:after{content:"";position:absolute;background:url(../images/90.png)0 0 no-repeat;width:.22rem;height:.14rem;left:-.35rem;top:5px;background-size:100%}

.footer .top .right .item ul li a{font-size:.14rem;color:white;position:relative;display:inline-block;border-bottom:1px solid white;height:.2rem;line-height:.2rem}
.footer .bot{display:flex;gap:1.6rem;align-items: flex-end;padding:0 0 .5rem}
.footer .bot>p{font-size:.16rem;color:#c9c9c9;}
.footer .bot>p a{font-size:.16rem;color:#c9c9c9;display:initial;margin-left:.5rem}
.footer .bot .tops a{text-align:center}
.footer .bot .tops a i{font-size:.2rem;color:white;font-weight:bold;}
.footer .bot .tops a h2{font-size:.14rem;color:white;font-weight:bold;}
.footer .bot .share {display:flex;padding-left:.95rem;gap:9px;}
.footer .bot .share a{height:.4rem;width:.4rem;border-radius:100%;background:#8d8d8d;text-align:center;line-height:.4rem;color:#4d4f50;font-size:.18rem}
.footer .bot .share a:hover{background:white}
.product_list>div{padding:.85rem 0 2.3rem;display:flex;justify-content: space-between;}
.product_list>div .pro_nav{width:21%}
.product_list>div .pro_nav ul{padding-left:.2rem;border-left:1px solid #d2d2d2;padding-bottom:.3rem}
.product_list>div .pro_nav ul li{margin:0 0 .55rem;position:relative}
.product_list>div .pro_nav ul li:after{content:"";position:absolute;background:url(../images/7.png) 0 0 no-repeat;width:.14rem;height:.14rem;left:-.25rem;top:.15rem;background-size:100%}
.product_list>div .pro_nav ul li:last-child{margin:0}
.product_list>div .pro_nav ul li>a{position:relative;}
.product_list>div .pro_nav ul li>a:after{content:"";position:absolute;width:0;height:0;border-left: 10px solid #606060;border-top:6px solid transparent;border-bottom:6px solid transparent;right:.2rem;top:50%;transform:translateY(-50%)}
.product_list>div .pro_nav ul li>a h2{font-size:.24rem;color:#494949;font-weight:bold;width:80%}
.product_list>div .pro_nav ul li.active{background:#ffefef;padding:.3rem 0 .35rem .3rem  }
.product_list>div .pro_nav ul li.active>a h2{color:#3b78d4}
.product_list>div .pro_nav ul li.active>a:after{border-left: 10px solid #3b78d4}
.product_list>div .pro_nav ul li dl{padding:.3rem 0 0 0;transition:none;display:none}
.product_list>div .pro_nav ul li dl dd{margin:0 0 .15rem}
.product_list>div .pro_nav ul li dl  a{font-size:.24rem;color:#7d7d7d;font-weight:bold}
.product_list>div .pro_nav ul li dl dd:last-child{margin:0}
.product_list>div .pro_nav ul li dl  a:hover,.product_list>div .pro_nav ul li dl  dd.acts a{color:#3b78d4}

.product_list>div .lists{width:74.5%}
.product_list>div .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.3rem .25rem}
.product_list>div .lists ul li a .text{padding:.3rem .22rem .3rem;background:#e5f2fe}
.product_list>div .lists ul li a  h1{font-size:.18rem;color:#282828;font-weight:bold;margin:.35rem 0 0;height:.5rem;line-height:.25rem}
.product_list>div .lists ul li a .text p{font-size:.18rem;color:#414141;height:.5rem;line-height:.25rem}

.product_list>div .lists ul li a:hover img{transform:scale(1.05)}

.product_list>div .lists ul li a .img{box-shadow: 0px 0px 30px 20px rgba(0,0,0,.05);border-radius:5px}

.product{padding:.86rem 0 0}
.product .top{border-top:2px solid #e1e1e1}
.product .top>div{display:flex;justify-content: space-between;}
.product .top>div .left{padding:1rem 0 0;width:52%}
.product .top>div .left>h2{font-size:.36rem;color:#343332;font-weight:bold;margin:0 0 .4rem}
.product .top>div .left .con{font-size:.18rem;color:#343332;line-height:.35rem;padding:0 0 .9rem;border-bottom:2px solid #dddddd }
.product .top>div .left .more{margin:.6rem 0 0}
.product .top>div .left .more a{height:.48rem;display:inline-block;line-height:.48rem;background:#3b78d4;padding:0 .35rem;color:white;font-size:.16rem;color:#feffff;border-radius:5px;font-weight:bold}
.product .top>div .left .img_list{margin:.55rem 0 .75rem;position:relative;padding-right:.4rem}
.product .top>div .left .img_list .img{border:2px solid #e7e7e7;height:1.4rem;line-height:1.4rem;padding:0 .1rem;transition:.3s}
.product .top>div .left .img_list  .swiper-slide-thumb-active .img{border:2px solid #3b78d4;}
.product .top>div .left .img_list .img img {max-height:.8rem}
.product .top>div .left .img_list .swiper-page>div{position:absolute;width:.38rem;height:.38rem;background:#b9b9b9 url(../images/9.png)  center center no-repeat;left:-.5rem;top:50%;transform:translateY(-50%) rotate(-90deg);border-radius:100%;background-size:.23rem .18rem}
.product .top>div .left .img_list .swiper-page>div.slide-button-next{left:auto;right:0;transform:translateY(-50%) rotate(90deg)}
.product .top>div .left .img_list .swiper-page>div:hover{background-color:#3b78d4}
.product .top>div .right{width:47%;border-left:2px solid #dddddd;display:flex;flex-direction: column;justify-content: center;}

.product .top>div .right .img_list{width:13.5%;display:flex;flex-direction: column;justify-content: center;;position:relative}
.product .top>div .right .img_list .swiper-container{height:5.7rem}
.product .top>div .right .img_list  .img{border:2px solid #dedede;cursor:pointer}
.product .top>div .right .img_list  .img img{}
.product .top>div .right .img_list  .swiper-slide-thumb-active .img{border:3px solid #3b78d4}



.product .bot{padding:1rem 0 1.5rem;background:#f6f6f6}
.product .bot h2{font-size:.36rem;color:black;font-weight:bold;margin:0 0 .5rem}
.product .bot .items1{display:grid;grid-template-columns:30% 20%;grid-gap:.15rem 0;padding:0 0 .3rem;border-bottom:2px solid #dddddd;margin:0 0 .35rem}
.product .bot .items1 p{font-size:.24rem;color:#888888;font-weight:bold}
.product .bot .box{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .25rem}
.product .bot .box table tr{height:.55rem;line-height:.55rem}
.product .bot .box table tr:nth-child(2n-1){background:#ececec}
.product .bot .box table tr td:first-child{width:50%;font-size:.2rem;color:#888888;font-weight:bold;padding-left:.55rem}
.product .bot .box table tr td{font-size:.18rem;color:#005faa}

.news_box{padding:1.5rem 0 0}
.news_box .tops{padding:0 0 .6rem;border-bottom:1px solid #e7e7e7}
.news_box .tops a{display:flex;align-items: flex-start;}
.news_box .tops a .time {width:11%;}
.news_box .tops a .time .xx{display:flex;gap:.1rem;align-items: center;}
.news_box .tops a .time h2{font-size:.48rem;color:#333333;font-weight:bold}
.news_box .tops a .time h3{font-size:.16rem;color:#333333;line-height:.2rem}              
.news_box .tops a .text{width:57%;;padding:0 1rem 1.15rem .35rem;border-left:2px solid #3b78d4;position:relative}
.news_box .tops a .text:after{content:"";position:absolute;background:url(../images/10.png)  0 0 no-repeat;width:.51rem;height:.51rem;left:.35rem;bottom:0;background-size:100%}
.news_box .tops a .text h1{font-size:.24rem;color:#3b78d4;margin:0 0 .4rem}
.news_box .tops a .text  p{font-size:.16rem;color:#5b5b5b;line-height:.25rem;height:.75rem}
.news_box .tops a .img{width:32%;border-radius:10px}
.news_box .tops a .img img{}
.news_box .tops a:hover img{transform:scale(1.1)}

.news_box .lists{padding:.85rem 0 2.5rem}
.news_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem .27rem}
.news_box .lists ul li a .box{padding-left:.25rem;position:relative}
.news_box .lists ul li a .box:after{content:"";position:absolute;background:url(../images/11.png)0 0 no-repeat;width:.49rem;height:.31rem;left:0;top:0;background-size:100%}
.news_box .lists ul li a .box .text{background:#f5f5f5;padding:.35rem .18rem .4rem;}
.news_box .lists ul li a .box .text span{font-size:.16rem;font-weight:bold;color:#979797;display:inline-block;padding-right:.55rem;padding-bottom:.1rem;border-bottom:3px solid #b5b5b5;margin:0 0 .3rem}
.news_box .lists ul li a .box .text h1{font-size:.2rem;color:#252525;font-weight:bold;height:.56rem;line-height:.28rem;margin:0 0 .1rem}
.news_box .lists ul li a .box .text  p{font-size:.16rem;color:#424242;height:.46rem;line-height:.23rem}
.news_box .lists ul li a .box .text em{display:inline-block;margin:.5rem 0 0 ;width:1.25rem;height:.4rem;line-height:.4rem;color:#b5b5b5;font-size:.16rem;font-weight:bold;border-radius:50px;border:2px solid #b5b5b5;text-align:center}
.news_box .lists ul li a:hover img{transform:scale(1.1)}
.news_box .lists ul li a:hover .text em{background:#3b78d4;border:2px solid #3b78d4;color:white;box-shadow:0 0 12px rgba(0,0,0,0.3)}
.honor_list{padding:0 0 2.3rem}
.honor_list .title{padding:.9rem 0 .4rem;text-align:center}
.honor_list .title h1{font-size:.48rem;color:#040000;font-weight:bold;margin:0 0 .3rem}
.honor_list .title p{font-size:.24rem;color:#3b78d4;font-weight:bold}
.honor_list .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.55rem .3rem }
.honor_list .lists ul li h2{font-size:.19rem;color:#040000;font-weight:bold;text-align:center;margin:.3rem 0 0;z-index:2;position:relative}
.honor_list .lists ul li img{-webkit-box-reflect: below 2px -webkit-linear-gradient(transparent 75%,rgba(0,0,0,.3));box-reflect: below 2px linear-gradient(transparent 75%,rgba(0,0,0,.3));}


.honor_list .lists ul li  a:hover{transform: translateY(-10px);box-shadow: 5px 5px 10px rgba(0,0,0,.2);}


.contact_box .top{background:#f5faff;padding:.88rem 0 0 2.6rem;display:flex;justify-content: space-between;}
.contact_box .top .left{width:39%;padding:1.35rem 0 0}
.contact_box .top .left>h2{font-size:.3rem;color:#3b78d4;font-weight:bold;margin:0 0 .7rem}
.contact_box .top .left ul li{margin:0 0 .45rem;padding:0 0 .25rem;border-bottom:1px solid #dcdcdc}
.contact_box .top .left ul li h2{font-size:.18rem;color:#767676;font-weight:bold;margin:0 0 .1rem;padding-left:.4rem;position:relative}
.contact_box .top .left ul li p{font-size:.16rem;color:#3e3e3e;font-weight:bold;padding-left:.4rem}
.contact_box .top .left ul li:nth-child(1) h2:after{content:"";position:absolute;background:url(../images/12.png) 0 0 no-repeat;width:.26rem;height:.26rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box .top .left ul li:nth-child(2) h2:after{content:"";position:absolute;background:url(../images/13.png) 0 0 no-repeat;width:.21rem;height:.24rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box .top .left ul li:nth-child(3) h2:after{content:"";position:absolute;background:url(../images/14.png) 0 0 no-repeat;width:.23rem;height:.21rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box .top .left ul li:nth-child(4) h2:after{content:"";position:absolute;background:url(../images/15.png) 0 0 no-repeat;width:.24rem;height:.2rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}

.contact_box .top .right{width:55%;padding:.9rem 2.6rem 1.33rem .85rem;background:white;box-shadow:-5px -5px 15px rgba(0,0,0,0.05);border-radius:10px 0 0 0}
.contact_box .top .right .title{margin:0 0 .35rem}
.contact_box .top .right .title h1{font-size:.36rem;color:#3b78d4;text-transform:uppercase;font-weight:bold}
.contact_box .top .right .title h2{font-size:.24rem;color:#515151;margin:.2rem 0 .15rem}
.contact_box .top .right .title p{font-size:.16rem;color:#9a9a9a;width:90%}
.contact_box .top .right  .form {font-size:0}
.contact_box .top .right  .form ul li{margin:0 0 .3rem}
.contact_box .top .right  .form ul li input{height:.55rem;width:100%;border:0;border-bottom:1px solid #c9c9c9;font-size:.18rem;color:black}
.contact_box .top .right  .form ul li textarea{height:1rem;width:100%;border:0;border-bottom:1px solid #c9c9c9;font-size:.18rem;color:black}
.contact_box .top .right  .form ul li:last-child{margin:0}
.contact_box .top .right  .form button{margin:.48rem 0 0;width:1.45rem;height:.64rem;border-radius:50px;border:0;background:#3b78d4;color:white;font-size:.18rem;}


.tem_banner.index {position:relative;overflow:hidden;padding:.86rem 0 0}
.tem_banner.index .label_txt{left:2.6rem;top:35%;z-index:2;position:absolute;text-align:left}
.tem_banner.index .label_txt h1{font-size:.3rem;color:#ffffff;font-weight:bold;transform:translateY(1rem);opacity:0;transition:all .8s; }
.tem_banner.index .label_txt h2{font-size:.62rem;color:#f78a45;font-weight:bold;margin:.3rem 0 .4rem;transform:translateY(1rem);opacity:0;transition:all .8s;line-height:.8rem }

.tem_banner.index .label_txt  a{width:1.3rem;height:.45rem;background:#3b78d4;border-radius:50px;color:white;text-align:center;font-size:.16rem;line-height:.45rem;display:inline-block;transform:translateY(1rem);opacity:0;transition:all .8s }
.tem_banner.index .label_text  a:hover{background:#005faa;color:white}
.tem_banner.index .swiper-slide-active .label_txt h1{transform:none;opacity:1;transition-delay:.4s}
.tem_banner.index .swiper-slide-active .label_txt h2{transform:none;opacity:1;transition-delay:.5s}
.tem_banner.index .swiper-slide-active .label_txt a{transform:none;opacity:1;transition-delay:.6s}
.tem_banner.index .swiper-page{position:absolute;left:1.05rem;bottom:.5rem;z-index:2;display:flex;width:10.5%;align-items: center;justify-content: space-between;}
.tem_banner.index .swiper-page .slide-button-prev{width:22%;opacity:.38}
.tem_banner.index .swiper-page .slide-button-next{width:22%;opacity:.38}
.tem_banner.index .swiper-page .slide-pagination{width:auto;display:flex;font-size:.16rem;color:#c6e2f9;gap:5px;align-items: center;}
.tem_banner.index .swiper-page .slide-pagination span{font-size:.16rem;color:#c6e2f9}
.tem_banner.index .swiper-page .slide-pagination span.swiper-pagination-current{font-size:.24rem;color:white;font-weight:bold}
.tem_banner.index .swiper-page .slide-button-next:hover{opacity:1}
.tem_banner.index .swiper-page .slide-button-prev:hover{opacity:1}
.tem_banner.index  .slide-pagination{position:absolute;right:2.6rem;bottom:.6rem;z-index:2}
.tem_banner.index  .slide-pagination span{opacity:1;background:none;width:.17rem;height:.17rem;border-radius:100%;border:2px solid white;margin:0 6px}
.tem_banner.index  .slide-pagination span.swiper-pagination-bullet-active{background:#3b78d4;border-color:#3b78d4}
/* .index_product {padding:0 0 1.75rem}
.index_product .title{padding:.85rem 0 .45rem;display:flex;justify-content: space-between;}
.index_product .title h2{font-size:.36rem;color:#979797;font-weight:bold;line-height:.45rem}
.index_product .title h2 em{color:#005faa}
.index_product .title p{width:42.5%;font-size:.16rem;color:#353535;line-height:.26rem;padding:.25rem 0 0}
.index_product ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.25rem}
.index_product ul li:nth-child(2){transform:translateY(.75rem)}
.index_product ul li:nth-child(4){transform:translateY(.75rem)}
.index_product ul li a{border-radius:10px;position:relative;overflow:hidden;}
.index_product ul li a h2{position:absolute;font-size:.3rem;font-weight:bold;color:white;left:.48rem;bottom:.55rem;}
.index_product ul li a h2:after{position:absolute;content:"";background:url(../images/19.png) 0 0 no-repeat;left:0;width:.57rem;height:.57rem;bottom:-1rem;opacity:0;transition:.3s;background-size:100%}
.index_product ul li a:hover img{transform:scale(1.1)}
.index_product ul li a:hover h2{bottom:1.2rem}
.index_product ul li a:hover h2:after{opacity:1;bottom:-.9rem} */
.index_product {}
.index_product .title{padding:.6rem 0 .35rem;text-align:center}
.index_product .title h1{font-size:.48rem;color:#282828;font-weight:bold;margin:0 0 .15rem}
.index_product .title  p{font-size:.16rem;color:#626262;line-height:.25rem}
.index_product .lists .swiper-container{padding:.2rem}
.index_product .lists .swiper-slide{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap: .7rem .27rem}
.index_product .lists  h2{font-size:.18rem;color:#282828;font-weight:bold;margin:.25rem 0 0;height:.5rem;line-height:.25rem}

.index_product .lists a:hover img{transform:scale(1.05)}

.index_product .lists a .img{box-shadow: 0 0 12px 3px rgb(0 0 0 / 10%);border-radius:5px}

.index_product .lists .swiper-page{display:flex;justify-content: center;padding:.35rem 0 .8rem;gap:8px}
.index_product .lists .swiper-page>a{height:.35rem;line-height:.35rem;text-align:center;border-radius:50px;background:#02047a;color:white;padding:0 .18rem;font-size:.16rem}
.index_product .lists .swiper-page>div{width:.52rem;border-radius:50px;border:1px solid  #dcdcdc;background:url(../images/98.png) center center no-repeat;background-size:.13rem .15rem}
.index_product .lists .swiper-page>div.slide-button-prev{transform:rotate(180deg)}
.index_product .lists .swiper-page>div:hover{background:url(../images/97.png) center center no-repeat;background-size:.13rem .15rem}
.index_pro{background:url(../images/20.png) 0 0 no-repeat;padding:0 0 1.2rem;background-size:cover}
.index_pro .title{display:flex;padding:1rem 0 .6rem;justify-content: space-between;align-items: center;}
.index_pro .title .txt h2{font-size:.36rem;color:#979797;font-weight:bold;line-height:.45rem;margin:0 0 .13rem}
.index_pro .title .txt h2 em{color:#005faa}
.index_pro .title .txt p{font-size:.16rem;color:#353535}
.index_pro .title a{display:flex;height:.48rem;padding:0 .18rem;background:#3b78d4;border-radius:50px;line-height:.48rem;text-align:center;font-size:.14rem;color:white;font-weight:bold;justify-content: space-between;align-items: center;}
.index_pro .title a i{font-size:.2rem;color:white;margin-left:.15rem}

.index_pro  .lists  a .text{padding:.3rem .22rem .3rem;background:#e5f2fe}
.index_pro  .lists  a .text h1{font-size:.24rem;color:#000000;font-weight:bold;margin:0 0 .3rem}
.index_pro  .lists  a  .text p{font-size:.18rem;color:#414141;height:.5rem;line-height:.25rem}
.index_pro  .lists  a  .text span{margin:.3rem 0 0;display:inline-block;font-size:.16rem;color:#005faa;font-weight:bold;}
.index_pro  .lists  a  .text span img{margin-left:.2rem}
.index_pro  .lists  a:hover img{transform:scale(1.05)}
.index_pro  .lists  a:hover .text span img{margin-left:.5rem}

.index_about{background:#f5f5f5}
.index_about .top{padding:.9rem 0 .6rem}
.index_about .top>div{display:flex;justify-content: space-between;align-items: center;}
.index_about .top .txt h1{font-size:.48rem;color:#282828;font-weight:bold;margin:0 0 .2rem}
.index_about .top .txt p{font-size:.2rem;color:#282828}
.index_about .top a{width:1.68rem;height:.5rem;line-height:.5rem;border-radius:50px;border:2px solid #02047a;text-align:center;font-size:.17rem;color:#02047a;}
.index_about .top a:hover{background:#02047a;color:white}
.index_about .bot{display:grid;grid-template-columns:24.7% 49.9% 24.7%;justify-content:space-between}
.index_about .bot .item{display:flex;flex-direction: column;justify-content: space-between;}
.index_about .bot .item .txt{border-radius:5px;height:40.5%;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.index_about .bot .item .txt h1 em{font-size:.68rem;color:white;font-weight:bold}
.index_about .bot .item .txt h1 {font-size:.48rem;color:white;font-weight:bold}
.index_about .bot .item .txt p{font-size:.24rem;color:white}
.index_about .bot .item:first-child .txt{background:#3b78d4 url(../images/95.png)  .1rem .28rem no-repeat;background-size:.9rem .73rem}
.index_about .bot .item:last-child .txt{background:#3b78d4 url(../images/94.png)  .25rem .25rem no-repeat;background-size:.81rem .81rem}
.index_about .bot .lists{position:relative}
.index_about .bot .lists .slide-pagination{position:absolute;right:.4rem;bottom:.3rem;z-index:2;}
.index_about .bot .lists .slide-pagination span{opacity:1;margin:0 9px;width:.2rem;height:6px;border-radius:50px;background:white}
.index_about .bot .lists .slide-pagination span.swiper-pagination-bullet-active{background:#3b78d4}
.index_about .bot .lists  a{overflow:hidden;}
.index_about .bot .lists  a .img{border-radius:5px}
.index_about .bot .lists  a:hover img{transform:scale(1.1)}
.index_honor{margin:.22rem 0 0;position:relative}
.index_honor .title{padding:.5rem 0 .5rem;text-align:center}
.index_honor .title h1{font-size:.48rem;color:#282828;font-weight:bold;margin:0 0 .15rem}
.index_honor .title p{font-size:.2rem;color:#282828}
.index_honor  .lists{position:relative}
.index_honor  .lists .swiper-page>div{position:absolute;outline:none;left:-.3rem;top:50%;transform:translateY(-50%);font-size:.5rem;color:#626262;z-index:1}
.index_honor  .lists .swiper-page>div.slide-button-next {left:auto;right:-.3rem}
.index_honor  .lists .swiper-page>div:hover{color:#3b78d4}
/* .index_honor .lists *{transition:none} */
/* .index_honor .lists  .imageflow img{ box-shadow: 0 0 8px 1px rgb(171 165 165 / 70%)}
.index_honor .lists .imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:14rem; margin:0 auto}
.index_honor .lists .imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}
.index_honor .lists .imageflow p{margin:0 auto; text-align:center}
.image_show {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  background: rgba(0, 0, 0, .6);
  z-index: 999
}

.image_bigger {
  display: block;
  margin: auto;
  width: 30%
}

.image_show .close {
  position: absolute;
  top: 35px;
  right: 25px;
  color: #f1f1f1;
  font-size: 60px;
  font-weight: bold;
  transition: .3s
} */


/* .index_about .left{width:44.5%}
.index_about .left>h2{font-size:.2rem;color:#3b78d4;text-transform:uppercase;margin:0 0 .2rem}
.index_about .left>h3{font-size:.36rem;color:#005faa;font-weight:bold;line-height:.5rem}
.index_about .left>p{font-size:.2rem;color:#191919;margin:.1rem 0 0}
.index_about .left ul{margin:.35rem 0 .7rem;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem}
.index_about .left ul li{}
.index_about .left ul li h1{margin:0 0 .1rem;display:flex}
.index_about .left ul li h1,.index_about .left ul li h1 span {font-size:.18rem;color:#191919}
.index_about .left ul li h1 em{font-size:.36rem;font-weight:bold;color:#191919;margin-right:.1rem}
.index_about .left ul li p{font-size:.16rem;color:#7d7c7c;font-weight:bold}
.index_about .left a{display:inline-flex;height:.48rem;padding:0 .18rem;background:#3b78d4;border-radius:50px;line-height:.48rem;text-align:center;font-size:.14rem;color:white;font-weight:bold;justify-content: space-between;align-items: center;}
.index_about .left a i{font-size:.2rem;color:white;margin-left:.15rem} */

/* .index_about .img{width:52.5%}
.index_about .img:hover>img{transform:scale(1.1)}
.index_about .img .plays_{position:absolute;right:.42rem;bottom:.25rem;width:8.3%;cursor:pointer} */
.video_fixed{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;transition:none;display:none;}
.video_fixed .mains{position:absolute;top:80%;left:50%;width:100%;max-width:10rem;transform:translate(-50%,-50%);opacity:0;}
.video_fixed .mains.on {top:50%;opacity:1}
.video_fixed .close_{position:absolute;top:20%;right:16%;cursor:pointer;}
.video_fixed .close_ i {width:.41rem;height:.41rem;border:2px solid white;font-size:.24rem;color:white;line-height:.41rem;text-align:center;border-radius:100%;display:block;}
.video_fixed .mains video {width:100%;height:5rem;object-fit:cover;}


.index_brand {padding:.9rem 0 1.55rem}
.index_brand>div>h2{text-align:center;font-size:.42rem;color:#4b4b4b;font-weight:bold;color:#005faa;margin:0 0 .55rem}
.index_brand ul{display:grid;grid-template-columns:1fr 1fr 1fr ;grid-gap:0 .27rem}
.index_brand ul li a{position:relative;}
.index_brand ul li a:after{content:"";position:absolute;width:3.89rem;height:.68rem;border-radius:100%;background:url(../images/23.png)center center no-repeat;top:100%;left:50%;transform:translateX(-50%);transition:.3s;background-size:100%;opacity:0}

.index_brand ul li a .img{border-radius:30px 30px 0 0 }
.index_brand ul li a h2{position:absolute;left:.45rem;font-size:.24rem;color:#4b4b4b;font-weight:bold;padding-left:.9rem;bottom:.2rem;}
.index_brand ul li a h2:after{content:"";position:absolute;width:.59rem;height:.59rem;border-radius:100%;background:#005faa url(../images/22.png)center center no-repeat;left:0;top:50%;transform:translateY(-50%);background-size:.36rem .33rem;transition:.3s}
.index_brand ul li a:hover h2:after{background-color:#3b78d4}
.index_brand ul li a:hover img{transform:scale(1.05)}
.index_brand ul li a:hover:after{opacity:1}
.index_adv .title{margin:0 0 .05rem}
.index_adv .title>div{display:flex;justify-content: space-between;align-items: center;}
.index_adv .title .left h2{font-size:.48rem;color:#979797;font-weight:bold;text-transform:uppercase}
.index_adv .title .left h2 em{color:#005faa}
.index_adv .title ul{width:64.3%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;}

.index_adv .title ul li a{height:1.68rem;display:flex;flex-direction: column;justify-content: center;box-shadow:0 0 25px rgba(0,0,0,0.2);position:relative}
.index_adv .title ul li a h2{font-size:.24rem;color:#414141;width:100%;text-align:center;font-weight:bold;padding:.6rem 0 0;position:relative;z-index:3}


.index_adv .title ul li:nth-child(1) a h2:after{content:"";position:absolute;background:url(../images/25.png) 0 0 no-repeat;width:.38rem;height:.43rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.4s}
.index_adv .title ul li:nth-child(2) a h2:after{content:"";position:absolute;background:url(../images/26.png) 0 0 no-repeat;width:.32rem;height:.39rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.4s}
.index_adv .title ul li:nth-child(3) a h2:after{content:"";position:absolute;background:url(../images/27.png) 0 0 no-repeat;width:.41rem;height:.41rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.4s}
.index_adv .title ul li:nth-child(4) a h2:after{content:"";position:absolute;background:url(../images/28.png) 0 0 no-repeat;width:.32rem;height:.33rem;left:50%;transform:translateX(-50%);top:.07rem;background-size:100%;transition:.4s}
.index_adv .title ul li#current a h2{color:#005faa}
.index_adv .title ul li#current:nth-child(1) a h2:after{content:"";position:absolute;background:url(../images/25-1.png) 0 0 no-repeat;width:.38rem;height:.43rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.4s}
.index_adv .title ul li#current:nth-child(2) a h2:after{content:"";position:absolute;background:url(../images/26-1.png) 0 0 no-repeat;width:.32rem;height:.39rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.4s}
.index_adv .title ul li#current:nth-child(3) a h2:after{content:"";position:absolute;background:url(../images/27-1.png) 0 0 no-repeat;width:.41rem;height:.41rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.4s}
.index_adv .title ul li#current:nth-child(4) a h2:after{content:"";position:absolute;background:url(../images/28-1.png) 0 0 no-repeat;width:.32rem;height:.33rem;left:50%;transform:translateX(-50%);top:.07rem;background-size:100%;transition:.4s}
.index_adv .title ul li a:after{content:"";position:absolute;width:0;height:4px;left:50%;transform:translateX(-50%);background:#005faa;top:0;transition:.4s}
.index_adv .title ul li a:hover:after{width:100%}
.index_adv .title ul li#current a:after{width:100%;z-index:3}
.index_adv .title ul li a:before{content:"";position:absolute;background:url(../images/29.png) center 0  no-repeat;width:100%;height:0;top:0;left:50%;transform:translateX(-50%);z-index:2;;transition:.3s;background-size:contain}
.index_adv .title ul li#current a:before{height:2rem}
.index_adv .lists .items .box{display:flex;background:url(../images/24.jpg) 0 0 no-repeat;background-size:cover;padding-left:2.6rem;justify-content: space-between;}
.index_adv .lists .items .box .txt{width:28%;padding:1.35rem 0 0;transform:translateX(-2rem);opacity:0}
.index_adv .lists .items .box .txt h1{font-size:.36rem;color:white;font-weight:bold;text-transform:uppercase;margin:.35rem 0 .35rem}
.index_adv .lists .items .box .txt  p{font-size:.2rem;color:white}
.index_adv .lists .items .box .txt  img{max-width:.7rem}
.index_adv .lists .items .box .img{width:65.2%;text-align:right;height:6.295rem}
.index_adv .lists .items .box .img img{width:0;height:100%;transition-delay:.4s}
.index_adv .lists .items.fz .box .img img{width:100%;}
.index_adv .lists .items.fz .box .txt{transform:translateX(0);opacity:1;transition-delay:.4s}
.index_news{padding:0 0 1.2rem}
.index_news>div>h2{padding:.9rem 0 .4rem;font-size:.48rem;color:#282828;font-weight:bold;text-align:center}
.index_news .box{display:grid;grid-template-columns:31% 66.5%;justify-content:space-around}
.index_news .box .left a{height:6.05rem;background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:15px;position:relative}
.index_news .box .left a:after{content:"";position:absolute;background:url(../images/93.png)0 0 no-repeat;width:100%;height:100%;left:0;top:0;background-size:100%}
.index_news .box .left a .text{z-index:2;position:relative;padding:.4rem .38rem 0}
.index_news .box .left a .text h2{font-size:.16rem;color:white;font-weight:bold;margin:0 0 .3rem}
.index_news .box .left a .text h1{font-size:.2rem;color:white;font-weight:bold}
.index_news .box .left a em{position:absolute;left:.38rem;bottom:.65rem;height:.35rem;background:#02047a;line-height:.35rem;padding:0 .2rem;color:white;font-size:.16rem;border-radius:50px}
.index_news .box .left a:hover .text{padding:.6rem .38rem 0}
.index_news .box .left a:hover em{bottom:1rem}
.index_news .box .right ul{padding-right:.55rem;height:6.05rem;overflow-y:auto;-webkit-mask-image:linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,.7),rgba(255,255,255,1));
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:0 0;}
.index_news .box .right ul li{margin:0 0 .33rem}
.index_news .box .right ul li a{display:flex;padding:.2rem;justify-content: space-between;border-radius:15px;border:2px solid #e1e1e1;align-items: center;}
.index_news .box .right ul li a .img{width:24%;border-radius:15px}
.index_news .box .right ul li a .text{width:72.5%}
.index_news .box .right ul li a .text h2{font-size:.16rem;color:#858585;font-weight:bold}
.index_news .box .right ul li a .text h1{font-size:.18rem;color:#1f1f1f;font-weight:bold;height:.48rem;line-height:.24rem;margin:.1rem 0 .15rem}
.index_news .box .right ul li a .text em{display:inline-block;height:.35rem;border:1px solid #02047a;line-height:.35rem;padding:0 .2rem;color:#02047a;font-size:.16rem;border-radius:50px}
.index_news .box .right ul li a:hover img{transform:scale(1.1)}
.index_news .box .right ul li a:hover em{background:#02047a;color:white}
.index_news .box .right  ul::-webkit-scrollbar{width:12px;background:#e7e7e7;border-radius:50px}
.index_news .box .right  ul::-webkit-scrollbar-thumb{background:#02047a}
/* .index_news .title h2{font-size:.48rem;color:#3b78d4;text-transform:uppercase;font-weight:bold}
.index_news .title h2 em{color:#979797}

.index_news .lists a .box{padding-left:.25rem;position:relative}
.index_news .lists a .box:after{content:"";position:absolute;background:url(../images/11.png)0 0 no-repeat;width:.49rem;height:.31rem;left:0;top:0;background-size:100%}
.index_news .lists a .box .text{background:#f5f5f5;padding:.35rem .18rem .4rem;}
.index_news .lists a .box .text span{font-size:.16rem;font-weight:bold;color:#979797;display:inline-block;padding-right:.55rem;padding-bottom:.1rem;border-bottom:3px solid #b5b5b5;margin:0 0 .3rem}
.index_news .lists a .box .text h1{font-size:.2rem;color:#252525;font-weight:bold;height:.56rem;line-height:.28rem;margin:0 0 .1rem}
.index_news .lists a .box .text  p{font-size:.16rem;color:#424242;height:.46rem;line-height:.23rem}
.index_news .lists a .box .text em{display:inline-block;margin:.5rem 0 0 ;width:1.25rem;height:.4rem;line-height:.4rem;color:#b5b5b5;font-size:.16rem;font-weight:bold;border-radius:50px;border:2px solid #b5b5b5;text-align:center}
.index_news .lists a:hover img{transform:scale(1.1)}
.index_news .lists a:hover .text em{background:#3b78d4;border:2px solid #3b78d4;color:white;box-shadow:0 0 12px rgba(0,0,0,0.3)}
 */

.index_message{padding:.7rem 0 .75rem;border-top:2px solid #eaeaea;display:flex;justify-content: center;}
.index_message .title{width:29.3%;text-align:center}
.index_message .title h2{font-size:.3rem;color:#000000;font-weight:bold;margin:0 0 .2rem;}
.index_message .title p{font-size:.18rem;color:#656565;line-height:.3rem;margin:0 0 .4rem}
.index_message .title .form{position:relative}
.index_message .title .form input{height:.6rem;width:100%;padding:0 1.2rem 0 .15rem;border:2px solid #005faa;font-size:.16rem;color:#000}
.index_message .title .form button{position:absolute;width:1rem;height:93%;right:2px;top:50%;transform:translateY(-50%);border:0;font-size:.16rem;color:white;text-transform:uppercase;font-weight:bold;background:#3b78d4}
/********<=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 .label_txt{left:1rem;width:50%}
    .index_adv .lists .items .box{padding-left:1rem}
    .index_adv .lists .items .box .img{height:5.23rem}
    .index_adv .lists .items .box .txt{padding:.5rem 0 0}
    .index_message .title{width:35%}
    .about_box .capacities .lists{padding-left:1rem}
    .about_box .rd .text{padding:.5rem 0 0  1rem;}
.about_box .test{padding-left:1rem;}
.about_box .test .text{width:33.5%;padding:2.5rem 0 0} 
.product .top{padding:0 1.2rem .3rem 1rem;}
.product .top>div .right .img_list .swiper-page>div{top:-.4rem;}
.product .top>div .right .img_list .swiper-page>div.slide-button-next{top:auto;bottom:-.4rem;}
.contact_box .top{background:#f5faff;padding:.88rem 0 0 .8rem}
.contact_box .top .right{padding:.9rem 1rem 1.33rem .85rem;}
.contact_box .top .left{padding:1rem 0 0}

}
@media(max-width:1440px){
    .index_adv .title ul li a:before{}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width: 767px){
    .tem_banner.index .label_txt{left:0;width:100%;padding:0 .2rem;top:30%}
    .tem_banner.index .label_txt p{font-size:.2rem;margin:0  0 .2rem;line-height:normal}
     .tem_banner.index .label_txt h1{font-size:.3rem}
     .tem_banner.index .label_txt h2{font-size:.36rem;line-height:.35rem}
     .tem_banner.index .label_txt a{width:2rem}
     .index_product .lists .swiper-slide{grid-template-columns:1fr 1fr}
     .tem_banner.index:after{display:none}
     .index_product .title{display:inherit}
     .index_about .top>div{display:inherit}
     .index_about .top .txt h1{font-size:.3rem}
     .index_about .top a{margin:.3rem 0 0}
     .index_about .bot{grid-template-columns:100%;padding:0 .2rem}
     .index_about .bot .item .txt{height:auto;padding:.3rem 0;margin:.2rem 0}
     .index_about .bot .item{display:initial}
     .index_product .title p{width:100%}
.index_product ul{grid-template-columns:1fr}
.index_product ul li:nth-child(2){transform:translateY(0)}
.index_product ul li:nth-child(4){transform:translateY(0)}
     .tem_banner.index .swiper-page{width:20%;left:.2rem;bottom:.2rem}
     .index_pro .title{display:inherit}
   
   .index_news .box .left a{height:5rem}
   .index_news .box{display:grid;grid-template-columns:1fr;grid-gap:.2rem}
    .footer .top{grid-template-columns:100%;}
    .footer .bot{display:inherit}
    .footer .bot .tops a{display:none}
    .footer .bot .share{padding:0;margin:.2rem 0 0}
     .footer .top .left{text-align:center}
     .index_pro .title a{display:inline-block}
     .video_fixed .close_{top:30%;right:10%}
     .index_brand ul{grid-template-columns:1fr;grid-gap:1rem 0}
     .index_brand ul li a h2{font-size:.36rem}
     .index_adv .title>div{display:inherit}
     .index_adv .title ul{width:100%}
     .index_adv .title ul li a{height:1.3rem}
     .index_adv .title ul li a h2{padding:.5rem 0 0}
     .index_adv .title ul li#current a:before{height:1.6rem}
     .index_adv .title .left h2{margin:0 0 .3rem}
     .index_adv .lists .items .box .txt{width:100%;margin:0 0 .3rem}
/* .index_news .lists a .box .text h1{height:.6rem;line-height:.3rem}
.index_news .lists a .box .text p{height:.5rem;line-height:.25rem} */
     .index_adv .lists .items .box{padding:0 .2rem;display:inherit}
     .index_adv .lists .items .box .img{height:4rem;width:100%}
     .index_news .lists a .box .text em{width:1.8rem}
     .index_message .title{width:80%}
     .footer .top .logo a{width:30%}
     .footer .bot .box{display:inherit}
     .footer .bot .box .navs{width:100%;display:none}
     .footer .bot .box .share{width:100%;}
     .footer .bot .info{display:inherit;padding:0 0 .2rem}
     .footer .bot .info .txt{width:100%;}
     .tem_banner.indise .about_txt{padding:0 0 .5rem}
     .tem_banner.indise .about_txt h2{width:100%}
     .tem_banner.indise .flash .bg,.tem_banner.indise .col_banner{height:7rem !important}
      .tem_banner.indise.probanner .flash .bg,.tem_banner.indise.probanner .col_banner{height:4rem !important}
      .tem_banner.indise .txt{padding:0 0 .5rem}
     .tem_banner.indise .about_txt p{width:100%}
      .about_box .company{background-size:70%}
      .about_box .company>div .left p{width:100%}
      .about_box .company>div .left h1{margin:0 0 .3rem}
     .about_box .company>div{grid-template-columns:1fr;grid-gap:.3rem }
     .about_box .capacities .box{grid-template-columns:1fr;grid-gap:.3rem}
     .about_box .capacities .infos ul{grid-template-columns:1fr 1fr;grid-gap:.2rem}
     .about_box .rd .text{position:inherit;width:100%;padding:.9rem 0 0  .5rem}
     .about_box .capacities .lists{padding:0 .2rem}
     .about_box .capacities .lists .swiper-page>div{left:-.2rem;top:50%;transform:translateY(-50%);z-index:2;opacity:.5}
.about_box .capacities .lists .swiper-page>div.slide-button-next{left:auto;right:-.2rem}
.about_box .test{padding:0 .2rem;display:inherit}
.about_box .rd{padding:0 0 .5rem}
.about_box .test .img{width:100%}
.about_box .test .text{padding:0;width:100%}
.product_list>div{display:inherit}
.product_list>div .pro_nav{width:100%}
.product_list>div .lists{width:100%;margin:.2rem 0 0}
.product_list>div .lists ul{grid-template-columns:1fr 1fr}
.product_list>div .lists ul li a .text p{height:.52rem;line-height:.26rem}
.product .top{padding:0 .2rem;}
.product .top>div{display:inherit}
.product .top>div .left{width:100%}
.product .top>div .right{width:100%;padding:.5rem;margin:.5rem 0 0;border:0 }
.product .bot .box{grid-template-columns:1fr;grid-gap:.5rem}
.product .bot .items1{grid-template-columns:50% 50%}
.news_box .tops a .text p{height:.78rem;line-height:.26rem}
.news_box .tops a{display:inherit}
.news_box .tops a .text{width:100%;padding:.2rem .2rem .8rem;margin:.2rem 0}
.news_box .tops a .img{width:100%}
.news_box .lists ul{grid-template-columns:1fr 1fr}

.news_box .lists ul li a .box .text h1{height:.6rem;line-height:.3rem}
.news_box .lists ul li a .box .text p{height:.5rem;line-height:.25rem}
.news_box .lists ul li a .box .text em{width:1.8rem}
.tem_banner.indise .about_txt.honrs p{width:100%}
.honor_list .lists ul{grid-template-columns:1fr 1fr}
.contact_box .top{padding:0 .2rem;display:inherit}
.contact_box .top .left{width:100%}
.contact_box .top .right{width:100%;padding:.5rem .5rem}
}