.max_width{width:90%;margin:0 auto;}
/***** Header *****/
#showproduct header{position:relative;border-bottom: .02rem solid #e7e7e7;}
header{position: fixed;width: 100%;top: 0;z-index: 1000;background: #fff;line-height: 1.1rem;box-shadow: 1px 1px 12px rgba(0,0,0,.12);}
header>div{display:flex;justify-content: space-between;}
header .logo{width: 20%;}
header .logo img {/* max-height:.9rem; */transition:none;}
header .navs{display:flex;width: 60%;justify-content: space-around;}

header .navs dl{position: relative;display: flex;flex-direction: column;justify-content: center;}
header .navs dt a{color:#666;font-size:.16rem;font-weight:bold;display: block;padding: .1rem 0 .15rem;position:relative;}
header .navs dt a.on{color:#0244ca;}
header .navs dt a:after{position:absolute;content:'';left:0;bottom:0;width:0;height: .03rem;background: #0244ca;transition:.36s;}
header .navs dt a.on:after,header .navs dt a:hover:after{width:100%;transition:.36s;}
header .navs dl dd{position:absolute;top: 100%;left:50%;transform:translateX(-50%);display:none;transition:none;background: #fff;padding: .2rem;box-shadow: 2px 2px 4px rgba(0,0,0,.08);}
header .navs dl dd a{white-space:nowrap;line-height: .4rem;font-size: .16rem;color: #555;}
header .navs dl dd a:hover,header .navs dl dt a:hover{color:#0244ca;}
header .right{display:flex;width: 10%;justify-content: space-between;align-items: flex-start;}
header .right>div,header .right dl{display: flex;flex-direction: column;justify-content: center;height: 100%;}
header .search a{background:url(../images/search.png) no-repeat;width: .2rem;height: .2rem;background-size: 100%;}
header .langs dl{position:relative;}
header .langs dl dt{position:relative;}
header .langs dl dt a{padding-left: .35rem;background:url(../images/lang.png) no-repeat;background-size: .25rem;line-height: .25rem;font-size: .16rem;color: #666;cursor: pointer;}
header .langs dl dt a i{margin-left:.1rem;}
header .langs dl dd{position:absolute;display:none;background: #0244ca;padding: .15rem;top: 100%;transition:none;width:100%;text-align:center}
header .langs dl dd a{font-size:.16rem;color:#fff;line-height: 1.8;}
/***** Header End *****/

.position{position:relative;top:-1.5rem;}
.tem_banner{position:relative;width: 100%;margin: 0 auto;}
.tem_banner.indise {padding:1rem 0 0}
.tem_banner.index {padding:1rem 0 0}
.tem_banner.index .txt{position:absolute;width:100%;height:100%;top:0;left:0;font-size:.16rem;color: #fff;display: flex;align-content: center;align-items: center;}
.tem_banner.index .txt .box{width: 100%;text-align: left;}
.tem_banner.index .txt .box .img{width:2.7rem;margin: 0 auto;opacity:0;transform: translateY(.5rem);}
.tem_banner.index .txt .box h2{font-size: .48rem;letter-spacing:.05rem;margin:.4rem 0 .2rem;opacity:0;transform: translateY(.5rem);}
.tem_banner.index .txt .box h2 em {font-size:.72rem;}
.tem_banner.index .txt .box p{font-size: .32rem;color: #fff;opacity:0;transform: translateY(.5rem);}
.tem_banner.index .swiper-slide .img>img {width:100%;}
.tem_banner.index .logos{position:absolute;width:34%;top:.4rem;left:.2rem;opacity:0;transform: translateX(-3rem);}
.tem_banner.index .swiper-slide.xss2 .logos{display:none}
.tem_banner.index .swiper-slide.xss3 .logos{display:none}
.tem_banner.index .swiper-slide-active .logos{transform: none;transition: 1s;opacity: 1;transition-delay: .8s}
.tem_banner.index .swiper-slide-active .txt .box h2{transform: none;transition: 1s;opacity: 1;transition-delay: .3s;;text-shadow:2px 2px 5px #000;}
.tem_banner.index .swiper-slide-active .txt .box p{transform: none;transition: 1s;opacity: 1;transition-delay: .6s;;text-shadow:2px 2px 5px #000;}
.tem_banner .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom:5%;left:2.6rem}
.tem_banner .slide-pagination span{width:11px;height:11px;border-radius:100%;border:1px solid #fff;opacity:1;background:0 0;margin:0 5px;outline:0}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background: #0244ca;border-color: #0244ca;}

.tem_banner .flash .txt h2{font-size:.48rem;color:#fff;display:block;margin-bottom:.1rem;}
.tem_banner .flash .txt p{font-size:.3rem;color:#fff;}

.tem_banner.indise .flash{font-size:0;position: relative;}
.tem_banner.indise .flash img{width:100%;height:100%}
.tem_banner.indise .txt{position:absolute;bottom: 0;left:0;width:100%;height: 100%;z-index: 1;color:#fff;display: flex;align-items: center;}
.tem_banner.indise .txt .title{width:100%;text-align: center;}
.tem_banner.indise .txt .title>*{text-transform:uppercase;text-shadow:1px 1px 4px #000;}
.tem_banner.indise .txt .title h2{font-size: .72rem;color:#fff;font-family: 'STXingkai';letter-spacing: .02rem;}
.tem_banner.indise .txt .title p{font-size: .3rem;color:#fff;font-family:'arial';display:block;margin-top:.3rem;line-height:1.6;letter-spacing: .05rem;}

.index_about{padding: .7rem 0 1rem;background:#FFF}
.index_about .list{display:flex;justify-content: space-between;position: relative;flex-wrap: wrap;}
.index_about .list .infos{position:absolute;right:0;top:0;font-size:.16rem;color:#9f9f9f;padding:.11rem .1rem;border:.02rem solid #d0d0d0;border-radius:.1rem;}
.index_about .list .left{width: 32%;}
.index_about .list .left .info{margin-bottom:.6rem;}
.index_about .info ul{display:flex;justify-content: space-between;}
.index_about .info ul li{padding: 0 .2rem;text-align:center;}
.index_about .info ul li .tb{width:.96rem;height:.85rem;margin:0 auto;display:none}
.index_about .info ul li .tb.i1{background:url(../images/icon-1.png) no-repeat center;background-size:.96rem;}
.index_about .info ul li .tb.i2{background:url(../images/icon-2.png) no-repeat center;background-size: .77rem;}
.index_about .info ul li .tb.i3{background:url(../images/icon-3.png) no-repeat center;background-size: .85rem;}
.index_about .info ul li .tb.i4{background:url(../images/icon-4.png) no-repeat center;background-size: .72rem;}
.index_about .info ul li p{font-size:.18rem;color:#0244ca;}
.index_about .info ul li p em{font-size:.36rem;}
.index_about .info ul li h2{font-size:.16rem;}
.index_about .list .left .txt{background:#0244ca;border-radius:.1rem;padding:.3rem .4rem}
.index_about .list .left .txt p{font-size:.18rem;color:#fff;display:block;margin-bottom:.2rem;}
.index_about .list .left .txt h2{font-size:.36rem;color:#fff;line-height:1.5}
.index_about .list .left .txt a{color:#fff;font-size:.16rem;margin-top: .1rem;}
.index_about .list .right{width: 59%;}
.index_about .list .right .titles{font-size:.48rem;color:#0244ca;line-height:1.5;}
.index_about .list .right .desc{font-size:.16rem;color:#323232;line-height:1.7;margin: .3rem 0;}
.index_about .list .right .info{display: flex;}
.index_about .list .right .info li{margin-right: 1rem;}

.index_3c{padding:1.3rem 0 1rem;}
.index_3c:before{position:fixed;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1}

.index_3c .title{margin-bottom: .8rem;text-align:center;}
.index_3c .title h2{font-size:.36rem;color:#fff;}
.index_3c .list{margin:1rem 0 0}


.index_product{width:100%;padding: .7rem .55rem;background:#FFF}
.index_product .top{display:flex;justify-content: space-between;align-items: center;margin-bottom: .45rem;flex-wrap: wrap;position: relative;z-index: 999;}
.index_product .top .title{text-align: right;width: 31%;}
.index_product .top .title h2{font-size:.48rem;color:#242424;}
.index_product .top .title p{color:#e4e4e4;font-size:.6rem;}
.index_product .top .right{display:flex;width: 59%;justify-content: center;}
.index_product .top .right .navs{display: flex;flex-wrap: wrap;flex-direction: row;}
.index_product .top .right .navs li p{font-size:.16rem;color:#6f6f6f;position:relative;padding-bottom: .05rem;margin-bottom: .1rem;}
.index_product .top .right .navs li p:after{position:absolute;content:'';left:50%;bottom:0;width: .16rem;height: .02rem;background: #0244ca;transform: translateX(-50%);}
.index_product .top .right .navs li h2{color:#222222;font-size:.18rem;}
.index_product .top .right .navs li{height:50%;width: 25%;text-align: center;display: flex;align-content: center;align-items: center;justify-content: center;background: #ededed;border-right: 1px solid #fff;border-bottom: 1px solid #fff;border-left: 1px solid #c9c9c9;border-top: 1px solid #c9c9c9;}
.index_product .top .right .more{background:#0244ca;padding: .5rem 1rem;}
.index_product .top .right .more .tb{background: url(../images/dx.png) no-repeat;width: 1.28rem;height: .96rem;margin: 0 auto .3rem;}
.index_product .top .right .more a{color:#fff;font-size:.18rem;position: relative;padding-right: .35rem;}
.index_product .top .right .more a i{background: url(../images/i_more.png) no-repeat;width: .26rem;height: .26rem;position: absolute;right: 0;top: 50%;background-size: 100%;transform: translateY(-50%);}
.index_product .list{width:100%;position: relative;}
.index_product .list .navigations{position:absolute;top:50%;left:0;width:100%;z-index:1}
.index_product .list .navigations>div{width:100%;font-size:.2rem;color:#0244ca;position: absolute;top: 0;width: .41rem;height: .41rem;border-radius: 100%;text-align: center;line-height: .41rem;border: 1px solid #0244ca;transform: translateY(-50%);}
.index_product .list .navigations .left{left: .4rem;}
.index_product .list .navigations .right{right: .4rem;}
.index_product .list a{position:relative;background:#ededed;padding:.5rem .42rem 0}
.index_product .list a:hover img{transform:scale(1.1)}
.index_product .list a .txt{margin:0 0 .1rem;}
.index_product .list a .txt h6{color:#2d2d2d;font-size:.2rem;padding-left: .22rem;position: relative;margin:0 0 .2rem}
.index_product .list a .txt h6:after{position:absolute;content:'';left:0;top:50%;width:.1rem;height:.1rem;background:#0244ca;border-radius:100%;transform:translateY(-50%);}
.index_product .list a .txt p{font-size:.14rem;color:#2d2d2d;margin:0 0 .1rem;padding-left:.22rem;line-height:.23rem;height:.46rem;overflow:hidden}
.index_product .list a .img {text-align:center;padding:.45rem 0}
.index_product .list a .img img {width:100%;height:2.3rem;object-fit:cover;}

.index_app{display:flex;flex-wrap: wrap;flex-direction: row;overflow: hidden;}
.index_app .left{width:66.66%;display: flex;}
.index_app .right{width:33.33%;display: flex;flex-direction: column;}
.index_app .right>div{height: 50%;}
.index_app .right>div>a{height:100%;}
.index_app .right img{height:100%;}
.index_app .item{position:relative;}
.index_app .item .txt{position:absolute;top:0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;flex-direction: column;z-index:3}
.index_app .item .txt .tb{width:.81rem;}
.index_app .item .txt h2{font-size:.3rem;color:#fff;display:block;margin:.2rem 0 .1rem;}
.index_app .item .txt p{font-size:.16rem;color:#fff;}

.index_app>div>div:after{content:'';width:0;height:100%;left:0;top:0;background:#d20000;opacity:0.8;position:absolute;transition:all .45s ease-in-out;z-index:2}
.index_app >div>div:hover:after{width:100%;}


.index_honor{width:100%;position: relative;}
.index_honor .title{position:absolute;width:100%;left:0;top: 0;z-index:1;padding: .9rem 1rem 0;}
.index_honor .title h2{font-size:.48rem;color:#2a2c2a;}
.index_honor .title h2 em{font-size:2rem;color:#009944;margin-right: .2rem;letter-spacing: -.1rem;}

.index_service{width:100%;padding-left:.8rem;display:flex;flex-wrap: wrap;}
.index_service .item{width:25%;position:relative;}
.index_service .item:hover img{transform:scale(1.1)}
.index_service .item .txt{position:absolute;bottom: 0;width: 100%;height: 100%;text-align: center;padding: 0 1.26rem;display: flex;flex-direction: column;justify-content: center;}
.index_service .item .txt h2{display:inline-block;color: #fff;font-size: .3rem;border: 1px solid #ddd;padding: .12rem .3rem;}
.index_service .item .txt span{color: #fff;font-size: .16rem;margin-top: 1rem;}
.index_service .item .txt span:hover{text-decoration: underline;}
.index_service .item .txt>*{text-shadow:1px 1px 4px #000;}

.index_news{padding: .7rem 0;background:#f5f8ff}
.index_news .title{text-align:center;margin-bottom:.45rem;}
.index_news .title h2{color:#363636;font-size:.46rem;}
.index_news .title p{font-size:.6rem;color:#e4e4e4;text-transform:uppercase;}
.index_news .list{display:flex;}
.index_news .list .item{width: 33.33%;display: flex;flex-direction: column;}
.index_news .list .item:hover .txt h2{color:#0244ca;}
.index_news .list .item:hover .txt a{color:#0244ca;}
.index_news .list .item:hover img{transform:scale(1.1)}
.index_news .list .item a{display: flex;flex-direction: column;}
.index_news .list .item a>div{height: 2.8975rem;}
.index_news .list .item a>div.img img {width:100%;height:2.8975rem;object-fit:cover;}
.index_news .list .item:first-child+.item a{flex-direction: column-reverse;}
.index_news .list .item .txt{display: flex;flex-direction: column;justify-content: center;padding: 0 .35rem;position: relative;}
.index_news .list .item .txt:after{position:absolute;content:'';left:0;bottom:0;width:0;height:.02rem;background:#0244ca;transition:.6s;}
.index_news .list .item:hover .txt:after{width:100%;transition:.6s;}
.index_news .list .item .txt span{font-size:.14rem;color:#4f4f4f;}
.index_news .list .item .txt h2{color: #333;font-size:.18rem;margin: .15rem 0 .25rem;}
.index_news .list .item .txt p{font-size: .15rem;color: #4f4f4f;line-height: 1.6;}
.index_news .list .item .txt i{display:inline-block;font-size:.15rem;color:#4f4f4f;margin-top: .12rem;}
.index_news .list .item .txt i a{display:inline-block;}
.index_news .more{text-align:center;margin-top:.5rem}
.index_news .more a{font-size:.16rem;color:#4f4f4f;display:inline-block;padding:.15rem .6rem;border:1px solid #d2d2d2}
.index_news .more a:hover{color:#fff;border:1px solid #0244ca;background:#0244ca;}

.index_bot{padding: .8rem 0;}
.index_bot .title {text-align:center;margin-bottom: .55rem;}
.index_bot .title h2{font-size:.46rem;color:#fff;}
.index_bot .con{width:100%;text-align: center;}
.index_bot .con p:first-child{font-size:0;margin-bottom:.2rem;display: inline-block;max-width: 1.1rem;}
.index_bot .con p{font-size:.24rem;color:#fff;display:block;}
/***************************/
.page_nav{border-bottom: 1px solid #dedede;background: #fff;padding: 0 .2rem;}
.page_nav .w1400{display:flex;justify-content: space-between;}
.page_nav .navs{display:flex;width: 100%;justify-content: center;}
.page_nav .navs li{padding:.3rem 0;margin: 0 .3rem;position:relative;}
.page_nav .navs li:after{position:absolute;content:'';bottom: -1px;width:0;left:0;height: 2px;background: #0244ca;transition:.36s;}
.page_nav .navs li:hover:after,.page_nav .navs li.on:after{width:100%;transition:.36s;}
.page_nav .navs li a{font-size:.18rem;color:#202020;}
.page_nav .navs li:hover a,.page_nav .navs li.on a{color: #0244ca;}

/***** Web Page *****/
.page_about{width:100%;}

.comm_title{text-align:center;margin-bottom:.4rem;}
.comm_title h2{font-size:.36rem;color:#262525;display:block;margin-bottom:.1rem;}
.comm_title p{font-size:.16rem;color:#b8b8b8;}

.company{width:100%;padding: .7rem 0;}
.company .title{font-size:.48rem;margin-bottom: .6rem;}
.company .title h2{font-size:.48rem;color:#0244ca;line-height:1.5;}
.company .list{display:flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: .5rem;}
.company .list .txt{width: 64.3%;font-size: .16rem;color: #323232;line-height: 1.7;text-indent:2em}
.company .list .txt p{margin:0 0 10px;}
.company .list .img{width: 31.4%;margin-top: -1.5rem;}
.company .list .img img {width:100%}
.company .con{display:flex;}
.company .con>div{width:25%;padding: 0 .4rem;text-align: center;}
.company .con .item h3{display:block;width:.96rem;height:.85rem;margin: 0 auto;}
.company .con .item.i1 h3{background: url(../images/icon-1.png) no-repeat center;background-size: .96rem;}
.company .con .item.i2 h3{background: url(../images/icon-2.png) no-repeat center;background-size: .77rem;}
.company .con .item.i3 h3{background: url(../images/icon-3.png) no-repeat center;background-size: .85rem;}
.company .con .item.i4 h3{background: url(../images/icon-4.png) no-repeat center;background-size: .72rem;}

.company .con .item p{font-size:.18rem;color:#0244ca;display: block;margin: .05rem 0;}
.company .con .item p em{font-size:.36rem;}
.company .con .item h2{font-size:.16rem;color:#3e3e3e;}

.companyhonor{padding:.7rem 0;}
.companyhonor .title{margin-bottom: .45rem;color:#fff;font-size:.48rem;text-align:center;}
.companyhonor .list{padding:0 .98rem}
.companyhonor .list .img {height:3.31rem;line-height:3.31rem;background:#FFF;text-align:center}
.companyhonor .list  .img img {max-height:3.11rem;}
.companyhonor .list a:hover img{transform:scale(1.1)}
.companyhonor .list .txt{margin-top:.25rem;border-top:.03rem solid #fff;font-size:.16rem;color:#fff;padding-top:.1rem;}
.companyhonor .navigations{position:absolute;top:50%;left:0;width:100%;transform: translateY(-50%);}
.companyhonor .navigations>div{width:.58rem;height:.6rem;position:absolute;text-align: center;font-size:0;}
.companyhonor .navigations .left{background: url(../images/navs_left.png) no-repeat;left:0;background-size: 100%;}
.companyhonor .navigations .right{background: url(../images/navs_right.png) no-repeat;right:0;background-size: 100%;}

.companystyle{padding:.7rem 0;}
.companystyle .title{margin-bottom: .45rem;color: #2b2b2b;font-size:.48rem;text-align:center;}
.companystyle .list{width:100%;}
.companystyle .list a:hover .img{transform:scale(.98)}
.companystyle .list .img img {width:100%;height:3.7rem;object-fit:cover;transition:none}
.companystyle .list p{text-align:center;font-size:.16rem;color:#2b2b2b;margin:.15rem 0 0
}
.companystyle .paginations{text-align:center;margin-top:.45rem;}
.companystyle .paginations span{width:.32rem;height:.32rem;border:.02rem solid #0244ca;line-height: .3rem;border-radius:.03rem;background:#fff;color:#0244ca;font-size:.16rem;opacity: 1;margin: 0 .03rem;}
.companystyle .paginations span.swiper-pagination-bullet-active{background:#0244ca;color:#fff;}

/**** Service Items ****/
.page_product{padding: .4rem 0 1rem;}
.page_product>div{display:flex;flex-wrap: wrap;justify-content: space-between;}
.page_product .titles{width:100%;border-bottom:.02rem solid #dddddd;display: flex;align-items: center;margin-bottom: .5rem;}
.page_product .titles h2{font-size:.48rem;color:#0244ca;margin-right: 1.6rem;padding: .2rem 0;position: relative;}
.page_product .titles h2:after{position:absolute;content:'';width:100%;bottom: -.02rem;height:.03rem;background: #0244ca;left: 0;}
.page_product .titles h3{color: #a1a1a0;font-size: .36rem;}
.page_product .titles h3 i{font-size:.2rem;margin-left:.05rem;}
.page_product .navs{width: 24%;}
.page_product .navs dl{padding:.15rem 0;border-bottom: .02rem solid #e7e7e7;}
.page_product .navs dl dt a{font-size:.2rem;color: #3d3d3d;}
.page_product .navs dl dt a:hover,.page_product .navs dl dt a.on{color:#0244ca;}
.page_product .navs dl dt a i{font-weight:bold;font-size: .2rem;margin-right: .15rem;position: relative;top: -.02rem;}
.page_product .navs dl dd {transition:none;display:none;padding:.15rem 0 0}
.page_product .navs dl dd p{padding-left:.35rem;}
.page_product .navs dl dd p a{display:block;font-size:.16rem;color:#3d3d3d;line-height:.4rem;}
.page_product .navs dl dd p a:hover ,.page_product .navs dl dd p.on2 a{color:#0244ca}
.page_product .content{width: 76%;padding-left: .2rem;}
.page_product .content .list{display:flex;flex-wrap: wrap;overflow: hidden;}
.page_product .content .list li{width: 31.333%;margin:0 1% .45rem;}
.page_product .content .list li a{position:relative;}
.page_product .content .list li a .img img {width:100%;height:3.2rem;object-fit:cover;transition:none}
.page_product .content .list li a .title{position:absolute;top:0;left:0;width: 100%;padding: .25rem .3rem;background: transparent;z-index: 1;}
.page_product .content .list li a .title h2{position:relative;color: #2d2d2d;font-size: .2rem;padding-left:.25rem;}
.page_product .content .list li a .title h2:after{position:absolute;content:'';left:0;top: 50%;width: .1rem;height: .1rem;background: #0244ca;border-radius: 100%;transform: translateY(-50%);transition: .36s;}
.page_product .content .list li a:hover .title{background:#0244ca;}
.page_product .content .list li a:hover .title h2{color:#fff;}
.page_product .content .list li a:hover .title h2:after{background:#fff;transition:.36s;}
.page_product .content .list li a:after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background: rgb(0 0 0 / 30%) url(../images/p_search.png) no-repeat center;background-size: .37rem;opacity: 0;transition:.36s;}
.page_product .content .list li a:hover:after{opacity:1;transition:.36s;}

.show_product.{width:100%;}
.pad26 {margin:0 2.6rem}
.show_product .top{padding: .4rem 0 .55rem;display: flex;justify-content: space-between;border-bottom: 1px solid #555;flex-wrap: wrap;}
.show_product .top .bigimgs{width: 40%;padding: .2rem .3rem;border: 1px solid #e1e1e1;position: relative;}
.show_product .top .bigimgs .navigations{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);}
.show_product .top .bigimgs .navigations>div{position:absolute;top:50%;font-size:.5rem;color:#887e6d;transform:translateY(-50%)}
.show_product .top .bigimgs .navigations>div.swiper-button-disabled{color: #dedede;}
.show_product .top .bigimgs .navigations .left{left: 0;}
.show_product .top .bigimgs .navigations .right{right: 0;}
.show_product .top  .img_list{margin:.3rem 0 0;position:relative;padding:0 .5rem;}
.show_product .top  .img_list .swiper-slide{cursor:pointer}
.show_product .top  .img_list .swiper-slide-thumb-active{border:2px solid #887e6d}
.cloudzoom-zoom,.cloudzoom-zoom *,.cloudzoom-blank,.cloudzoom-blank * {transition:none}
.cloudzoom-zoom,.cloudzoom-blank{z-index:999}
.show_product .top .txt{width: 60%;padding-left: .5rem;}
.show_product .top .txt .title{border-bottom:1px solid #8d8d8d;padding:.65rem 0 .22rem}
.show_product .top .txt .title h2{font-size:.24rem;color:#272726;}
.show_product .top .txt .link{margin:.35rem 0 1rem;display:flex;}
.show_product .top .txt .link a{width:.31rem;height:.31rem;margin-right: .07rem;background-size:100%;}
.show_product .top .txt .link a.t{background:url(../images/t.png) no-repeat center}
.show_product .top .txt .link a.f{background:url(../images/f.png) no-repeat center}
.show_product .top .txt .link a.in{background:url(../images/in.png) no-repeat center}
.show_product .top .txt .link a.s{background:url(../images/s.png) no-repeat center}
.show_product .top .txt .link a.g{background:url(../images/g.png) no-repeat center}
.show_product .top .txt .contact{width:100%;font-size:0;}
.show_product .top .txt .contact a{padding:.13rem .5rem;background:#0244ca;display:inline-block;color:#fff;border-radius:.3rem;font-size:.16rem;}
.show_product .info{padding:.5rem 0;border-bottom:1px solid #555;}
.show_product .info .title{width: 100%;font-size: 0;margin-bottom: .3rem;}
.show_product .info .title h2{display:inline-block;font-size:.24rem;color:#050505;padding-bottom:.1rem;border-bottom:.03rem solid #474747}
.show_product .info .con{font-size: .16rem;}

.show_product .other{padding:.5rem 0;}
.show_product .other .title{width: 100%;font-size: 0;margin-bottom: .3rem;}
.show_product .other .title h2{display:inline-block;font-size:.24rem;color:#050505;padding-bottom:.1rem;border-bottom:.03rem solid #474747}
.show_product .other .list{width:100%;position:relative;}
.show_product .other .list a:hover img{transform:scale(1.1)}
.show_product .other .list .paginations{text-align:center;margin-top:.45rem;}
.show_product .other .list .paginations span{width:.32rem;height:.32rem;border:.02rem solid #0244ca;line-height: .3rem;border-radius:.03rem;background:#fff;color:#0244ca;font-size:.16rem;opacity: 1;margin: 0 .03rem;}
.show_product .other .list .paginations span.swiper-pagination-bullet-active{background:#0244ca;color:#fff;}

.page_network{width:100%;padding:.7rem 0;}
.page_network .title{text-align:center;margin-bottom:.4rem;}
.page_network .title h2{font-size:.36rem;color:#2d2d2d;display:inline-block;position:relative;padding-bottom: .2rem;}
.page_network .title h2:after{position:absolute;content:'';left: 50%;bottom:0;width: .56rem;height: .05rem;background: #0244ca;transform: translateX(-50%);}
.page_network .list{display:flex;margin:.4rem 0;justify-content: space-between;flex-wrap: wrap;}
.page_network .list .con{line-height: 2;font-size: .16rem;color: #2d2d2d;width: 65%;}
.page_network .list .info{width: 16%;}
.page_network .list .info p{font-size: .16rem;color: #0244ca;background: url(../images/tel1.png) no-repeat left center;line-height: .41rem;padding-left: .5rem;background-size: .42rem;}
.page_network .list .info a{display:inline-block;padding:.13rem .6rem;background:#0244ca;border-radius: .3rem;color:#fff;margin-top: .3rem;}

.message .list{width: 100%;}
.message .list form{display:flex;justify-content: space-between;flex-wrap: wrap;}
.message .list form dl{width:100%;margin-bottom: .5rem;}
.message .list form dl.name,.message .list form dl.tel,.message .list form dl.email{width: 32%;}
.message .list form dl h2{font-size:.16rem;color:#3d3e3e;display: block;margin-bottom: .1rem;}
.message .list form dl input{background:#fff;border:1px solid #dcdcdc;line-height:.55rem;display:block;width:100%;padding: 0 .1rem;}
.message .list form dl textarea{display:block;width:100%;border:1px solid #dcdcdc;padding: .1rem;height: 1.78rem;background-size: .15rem;}
.message .list form dl button{background:#0244ca;font-size:.16rem;color:#fff;display:inline-block;border:none;padding:.15rem .8rem}
.message .list form dl.button{margin-bottom:0;}
.message .list form dl input.err,.message .list form dl textarea.err {border-color:red}

.page_case{padding: .7rem 0;background:#f5f5f5;}
.page_case .list{width:100%;display: flex;flex-wrap: wrap;}
.page_case .list a{margin:0 1% .1rem;width: 31%;}
.page_case .list a .img{border-radius:.1rem;overflow:hidden;}
.page_case .list a .img img {width:100%;height:2.5rem;object-fit:cover;transition:none}
.page_case .list a h2{font-size:.16rem;padding:.2rem 0;color: #404040;}
.page_case .list a:hover .img{transform:scale(1.1)}
.page_case .list a:hover h2{color:#de4c3a;}

.page_news{width:100%;padding:.7rem 0;}
.page_news .list{width:100%;display:flex;flex-wrap: wrap;}
.page_news .list li{width: 29.3%;padding: .4rem 0;border-bottom: 1px solid #ddd;margin:0 2%}
.page_news .list li a h2{color:#000000;font-size: .2rem;}
.page_news .list li a span{color:#868686;font-size:.14rem;display:block;margin:.1rem 0}
.page_news .list li a p{font-size:.16rem;color:#555;line-height:1.75;margin:.2rem 0}
.page_news .list li a i{font-size:.2rem;color:#555;}
.page_news .list li .img img {width:100%;height:2.85rem;object-fit:cover;transition:none;}
.page_news .list li a:hover .img{box-shadow:2px 2px 4px rgba(0,0,0,.12);transform:translateY(-5px)}
.page_news .list li a:hover h2{color:#0244ca;}
.page_news .list li a:hover span{color:#0244ca;}
.page_news .list li a:hover p{color:#0244ca;}
.page_news .list li a:hover i{color:#0244ca;}

.show_news {padding: .6rem 0 1rem;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;line-height: 1.5;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}


.met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.met_page li>* {display: inline-block;vertical-align: top;}
.met_page li a {font-size:.14rem;color:#333}

.editor{padding:.1rem 0;line-height:1.8}
.editor table {border-top:1px solid #888;border-left:1px solid #888;width: 100%;}
.editor table tr{border-bottom:1px solid #888;display: flex;width: 100%;}
.editor table tr td{border-right: 1px solid #888;padding:.1rem;width: 50%;white-space: initial;}

.page_contact{width: 100%;}
.page_contact>div{padding: .7rem 0 1rem;}
.page_contact .contact .list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.page_contact .contact .list .con{width: 39%;border: 1px solid #d2d2d2;}
.page_contact .contact .list .con .item{padding: .5rem .24rem .5rem 1.5rem;}
.page_contact .contact .list .con .item.i1{border-bottom: 1px solid #d2d2d2;background: url(../images/c-icon-1.png) no-repeat;background-position: .3rem .5rem;background-size: .89rem;}
.page_contact .contact .list .con .item.i2{background: url(../images/c-icon-2.png) no-repeat;background-position: .26rem .5rem;background-size: .98rem;}
.page_contact .contact .list .con .item h2{font-size:.24rem;color:#0244ca;display:block;margin-bottom:.2rem;}
.page_contact .contact .list .con .item p{font-size:.16rem;color:#302f2f;line-height:1.7;white-space: nowrap;}
.page_contact .contact .list .con .item p a{display:inline-block;}
.page_contact .contact .list .map{width:60%;}
.page_contact .message{background:#f8f8f8;}

footer {width:100%;padding: .45rem 0 .3rem;background: #292929;}
footer>div{display:flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
footer .left{width: 6%;}
footer .min{display: flex;flex-direction: column;width: 63%;padding: 0 .5rem;}
footer .min .navs{display:flex;width: 100%;justify-content: space-between;padding-bottom: .2rem;border-bottom: 1px solid #494848;margin-bottom:.2rem;}
footer .min .navs dl dt a{color: #000;font-size: .16rem;color: #999;}
footer .min .info{display: flex;}
footer .min .info>*{margin-right: .1rem;color:#999;font-size: .14rem;}
footer .min .info a:hover{color:#fff;}
footer .right p{line-height:2;color: #999;font-size: .14rem;}
footer .right p a{font-size:.14rem;color:#999;display:inline-block;}
footer .share {margin:.35rem 0 0}
footer .share>a{display:inline-block;margin-left:.13rem;width:.4rem;height:.4rem;background:#908e8e;line-height:.4rem;text-align:center;font-size:.2rem;color:#FFF;border-radius:100%;}
/**/
/**/
.fiex_box{position:fixed;right: .1rem;top:45%;z-index:1;transform: translateY(-50%);}
.fiex_box .box {text-align:center;}
.fiex_box .box .tb{width:.98rem;height:.98rem;background: url(../images/tb.png) no-repeat center;background-size: 100%;}
.fiex_box .box p{font-size:.16rem;color:#232526;display: block;margin-top: .1rem;}
.fiex_box .alerts{position:absolute;right:100%;width: 3.6rem;border-radius: 0.1rem;overflow: hidden;top: -50%;margin-right: .3rem;background: #fff;box-shadow: 1px 1px .1rem #555;opacity: 0;z-index: 111111;display:none;}
.fiex_box .alerts .title{display:flex;background: #33b7c1;padding: 0.25rem;align-items: center;justify-content: space-between;}
.fiex_box .alerts .title p{font-size:.24rem;color: #fff;}
.fiex_box .alerts .title i{background: url(../images/close.png) no-repeat;width: .17rem;height: .16rem;background-size: 100%;}
.fiex_box .alerts .list{padding: .25rem .2rem;}
.fiex_box .alerts .list form{display:flex;flex-direction: column;}
.fiex_box .alerts .list form dl{margin-bottom:.2rem;}
.fiex_box .alerts .list input{display:block;width:100%;line-height: .45rem;height: .45rem;padding: .14rem;border: 1px solid #d2d2d2;}
.fiex_box .alerts .list textarea{display:block;width:100%;height:1rem;border: 1px solid #d2d2d2;padding:.1rem .14rem;}
.fiex_box .alerts .list button{height:.4rem;line-height:.4rem;background:#33b7c1;display:block;width:100%;border:none;color:#fff;font-size:.14rem;}
.fiex_box.on .alerts{opacity:1;}

/**/
.download {padding:.7rem 0;font-size:0}
.download .item {padding:0 0 .25rem;margin: 0 0 .25rem;border-bottom:1px dashed #ccc}
.download .item>a>* {display:inline-block;vertical-align:middle;width:70%}
.download .item .box h2 {font-size:.16rem;color:#333;font-weight: bolder;margin:0 0 .1rem}
.download .item .box em {font-size:.14rem;color:#333;line-height:.2rem;}
.download .item>a>span{width:30%;text-align:right;}
.download .item>a>span i{display:inline-block;background:rgba(222, 76, 58, 1);color:#FFF;font-size:.14rem;padding:0 .35rem;line-height:.35rem;}
.download .item>a:hover .box h2{color:rgba(222, 76, 58, 1);}
.download .item>a>span>i:hover {background:rgba(197,64,47,1)}
/********<=767 mobile nav style css********/
.m-header {background: #ffffff;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #333;}
.m-header > .col-xs-6 > div span {font-size:12px;color:#333}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #fff;
	-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: #000;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #0244ca;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: #444;}
.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: #333;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: #0244ca;font-weight: bold;}
.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;}
/**************************/
@media(max-width:1440px){
    .pad26 {margin:0 1.6rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;padding: 0 .1rem;}
	
	.show_product,.tem_banner.indise{padding:60px 0 0}
	.tem_banner.index .txt .title h2{font-size:20px;}
	.tem_banner.index .txt .title p{font-size: 14px;}
	.tem_banner.index .txt .box{margin-bottom:0}
	.tem_banner.index .txt .box .img{display:none;}
	.index_product{padding:.7rem .4rem}
	.index_product .bigimg{display:none}
	.i_title{margin-bottom:.5rem;}
    .index_product .con .list{position: relative;}
    .index_product .con .list>div{padding:0 !important;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .index_product .con .list .item{position:relative;width: 100%;height: initial;background: #43bece !important;top: initial !important;bottom: initial !important;left: initial !important;right: initial !important;text-align: left;margin-bottom: .1rem;width: 49%;}
    .index_product .con .list .item h2{color:#fff}
    .index_product .con .list .item a:hover h2{color:#fff;}
    .index_solution>div{width:100%;}
    .index_tech{padding:.7rem .4rem}
    .index_tech .list .item{width:48%}
    .index_bot>div{width:100%;}
    .index_bot>div .txt{padding:.5rem 0}
    .index_bot>div .txt .pd-left,.index_bot>div .txt .pd-right{padding: 0;margin: 0 .5rem;}
    .wisdom .item3 .min{padding:.5rem}
    .wisdom .item3 .min .box>div{width:50%;margin: 0 auto .3rem;}
    .wisdom .item3 .min .box>div .tb{width:100%;}
    .pad26 {margin:0 15px;}
}

/********mobile*********/
@media(max-width:767px){
	
    
  	.page_contact .contact .list .con{width:100%;}
	.page_contact .contact .list .map{width:100%;height: 6rem;margin-top: .2rem;}
    footer .min{width:100%;padding: 0;margin: .25rem 0;}
    footer .min .info{flex-direction:column-reverse;}
    .page_nav{padding:0 .2rem;}
    .page_nav .navs{display:flex;}
    .page_nav .navs li{margin: 0 .1rem;}
    .company .list .txt,.company .list .img{width:100%;margin-top: .2rem;}
    .company .con>div{padding:0 .1rem}
    .page_product .content .list li{width:48%;}
    .show_product{padding-top:1.5rem;}
    .show_product .top .bigimgs,.show_product .top .txt{width:100%;}
    .show_product .top .txt{padding:0}
    .page_network .list .con,.page_network .list .info{width:100%}
    .page_network .list .info{margin-top:.2rem;}
    .tem_banner{padding:60px 0 0}
    .page_news .list li{width:46%;}
    .index_about .list .left{width:100%;}
    .index_about .list .right{width:100%;margin: .3rem 0;}
    .index_about .list .infos{display:none;}
    .index_3c .list{flex-wrap: wrap;}
    .index_3c .list .item{width:33.333%;margin:0 0 .15rem;}
    .index_product .top .right{width:100%;}
    .index_product .top .right .navs{
    display: flex;
}
    .index_product .top .title{width:100%;text-align:center;margin-bottom:.2rem;}
    .index_app .left{width:100%;}
    .index_app .right{width:100%;}
    .index_news .list{display:flex;flex-wrap: wrap;}
    .index_news .list .item{width:100%;flex-wrap: wrap;}
    .index_news .list .item:first-child+.item{
    flex-direction: column;
}
    .page_case .list a{width:48%;}
    .message .list form dl{width:100% !important}
    .message .list form dl input,.message .list form dl textarea,.message .list form dl button{min-height:35px;font-size:12px}
    .message .list form dl h2{font-size:12px;}
    .show_product .top .txt .link{display: none}
    
}