.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: 18.5%;}
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:#052d85;}
header .navs dt a:after{position:absolute;content:'';left:0;bottom:0;width:0;height: .03rem;background: #052d85;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,.12);width:1.8rem;text-align:center}
header .navs dl dd a{font-size: .16rem;color: #555;display:block;margin:0 0 .15rem}
header .navs dl dd a:hover,header .navs dl dt a:hover{color:#052d85;}
header .right{display:flex;width: 6%;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: #052d85;padding: .15rem;top: 100%;transition:none;width:1rem;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 .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 .txt.en .box h2 {font-size:.38rem;}
.tem_banner.index .txt.en .box p {font-size:.2rem;}
.tem_banner.index .swiper-slide img {width:100%;}

.tem_banner.index .swiper-slide-active .txt .box h2{transform: none;transition: 1s;opacity: 1;transition-delay: .3s;}
.tem_banner.index .swiper-slide-active .txt .box p{transform: none;transition: 1s;opacity: 1;transition-delay: .6s;}
.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: #ff0000;border-color: #ff0000;}

.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;    justify-content: 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;}
.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:#052d85;}
.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:linear-gradient(to bottom,#052685,#054585a8);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:.5rem;color:#052d85;line-height:1.5;}
.index_about .list .right .titles em {display:block;margin:.3rem 0 0;font-size:.26rem;color:#696969}
.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;}
.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{display:flex;width: 100%;justify-content: center;    flex-wrap: wrap;}
.index_3c .list .item{text-align:center;width:20%}
.index_3c .list .item .tb{margin: 0 auto .3rem;}
.index_3c .list .item h2{font-size:.24rem;color:#fff;}

.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: #052d85;transform: translateX(-50%);}
.index_product .top .right .navs li h2{color:#222222;font-size:.18rem;}
.index_product .top .right .navs li{height:50%;width: 33.333%;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:#052d85;padding: .5rem 1rem;}
.index_product .top .right .more .tb{background: url(../images/dx.png) no-repeat;width: .74rem;height: .68rem;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:#052d85;position: absolute;top: 0;width: .41rem;height: .41rem;border-radius: 100%;text-align: center;line-height: .41rem;border: 1px solid #052d85;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:#052d85;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 .left .bigimg img{width:100%;height:6.4rem;object-fit:cover;}
.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 .bigimg img{height:3.2rem;width:100%;object-fit:cover;}
.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:#052d85;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:#FFF}
.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:#052d85;}
.index_news .list .item:hover .txt a{color:#052d85;}
.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:#052d85;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 #052d85;background:#052d85;}

.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: #006ab2;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: #006ab2;}
/**/
.jobs_box .mains0{padding:.8rem 0 .75rem;}
.jobs_box .mains0 h4 {font-size:.28rem;color:#262626;margin:0 0 .25rem;padding:0 0 .25rem;border-bottom:1px solid #eee;text-align:center}
.jobs_box .mains0 .editor p{font-size:.16rem;color:#333}
.jobs_box .mains0 .editor .item>div{display:inline-block;vertical-align:top;width:50%;padding:0 .18rem 0 0}
.jobs_box .mains0 .editor .item>div:nth-child(2n){padding:0 0 0 .18rem;}
.jobs_box .mains0 .editor .item .imgs {}
.jobs_box .mains0 .editor .item .txt{background:rgb(246, 246, 246);padding:.35rem .25rem;}
.jobs_box .mains0 .editor .item .txt h6{font-size:.24rem;color:#333;padding:0 0 .15rem;margin:0 0 .2rem;position:relative}
.jobs_box .mains0 .editor .item .txt h6:after{content:'';width:.17rem;height:1px;background:#006ab2;position:absolute;bottom:0;left:0}

.jobs_box .mains1 {padding:.9rem 0 1.1rem;background:#eee}
.jobs_box .mains1 h4 {font-size:.28rem;color:#262626;margin:0 0 .45rem;text-align:center}
.jobs_box .mains1 .swiper-slide{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .6rem;}
.jobs_box .mains1 .swiper-slide>div{}
.jobs_box .mains1 .swiper-slide>div a{display:block;position:relative;border:1px solid #d4d4d4;border-radius:15px;overflow:hidden;padding:.25rem .25rem 0;background:#FFF}
.jobs_box .mains1 .swiper-slide>div h6 {font-size:.16rem;color:#242525;margin:0 0 .15rem;}
.jobs_box .mains1 .swiper-slide>div p{font-size:.14rem;color:#727272;margin:0 0 .15rem;}
.jobs_box .mains1 .swiper-slide>div p span {display:inline-block;margin:0 .1rem 0 0}
.jobs_box .mains1 .swiper-slide>div a:hover {box-shadow:0 0 .27rem rgba(0,0,0,.07)}
.jobs_box .mains1 .swiper-page{margin:.9rem 0 0;text-align:center}
.jobs_box .mains1 .swiper-page>div{display:inline-block;vertical-align:middle;width:auto;}
.jobs_box .mains1 .swiper-page>div.slidecom{padding:0 .15rem;line-height:.35rem;border:1px solid #dcdcdc;font-size:.14rem;color:#7d7d7d}
.jobs_box .mains1 .swiper-page>div.slide-pagination span {opacity:1;outline:none;width:.35rem;border:1px solid #dcdcdc;line-height:.35rem;text-align:center;font-size:.14rem;color:#6c6c6c;background:none;border-radius:0;height:auto;}
.jobs_box .mains1 .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active{background:#006ab2;color:#FFF}
/***** 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;background:#FFF}
.company .title{font-size:.48rem;margin-bottom: .6rem;}
.company .title h2{font-size:.48rem;color:#868686;line-height:1.5;}
.company .list{display:flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: .5rem;}
.company .list .txt{width: 54.3%;font-size: .16rem;color: #323232;line-height: 1.7;text-indent:2em;padding:0 .35rem 0 0}
.company .list .txt p{margin:0 0 10px;}
.company .list .img{width: 45.7%;}
.company .list .img img {width:100%}
.company .list .img video {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:#052d85;display: block;margin: .05rem 0;}
.company .con .item p em{font-size:.36rem;}
.company .con .item h2{font-size:.16rem;color:#3e3e3e;}

.culture {padding:1.8rem 0 1.25rem;font-size:0}
.culture:before{content:'';width:100%;height:100%;background-size:cover;position:fixed;top:0;left:0;z-index:-1;background-repeat:no-repeat;background-position:center;}
.culture>div>div{display:inline-block;vertical-align:middle;width:46.6%}
.culture .editor{width:53.4%}
.culture .infos h3 {font-size:.42rem;color:#FFF;}
.culture .infos p {margin:1rem 0 0;font-size:.72rem;color:#FFF;font-family:"Roboto-Bold";display:inline-block;padding:0 0 1.3rem;position:relative;border-bottom:4px solid rgba(255,255,255,.48);}
.culture .infos p:after{content:'';width:.68rem;height:6px;background:#FFF;position:absolute;bottom:-5px;left:0;z-index:2}
.culture .editor {font-size:.18rem;color:#FFF;}

.history{padding:.7rem 0;background:#FFF}
.history .titles{text-align:center;margin:0 0 .65rem;}
.history .titles h3 {font-size:.48rem;color:#2b2b2b;}
.history .titles p{font-size:.14rem;color:#333;margin:.15rem 0 0}
.history .lists {position:relative;padding:.5rem 0}
.history .lists .swiper-container {height:5.84rem;}
.history .lists:before{content:'';width:2px;height:100%;background:rgb(230,230,230);position:absolute;left:50%;top:0;transform:translateX(-50%)}
.history .lists .swiper-slide>div{display:flex;position:relative}
.history .lists .swiper-slide>div:before{content:'';width:.22rem;height:.22rem;border:4px solid #ff9900;border-radius:100%;background:#FFF;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.history .lists .swiper-slide:nth-child(2n)>div{flex-direction: row-reverse;}
.history .lists .swiper-slide>div>*{width:50%;padding:.2rem .35rem 0}
.history .lists .swiper-slide>div h6 {font-size:.22rem;color:#000;text-align:right}
.history .lists .swiper-slide:nth-child(2n) h6 {text-align:left;}
.history .lists .swiper-slide:nth-child(2n) .infos {text-align:right}
.history .lists .swiper-slide>div .infos{position:relative;}
.history .lists .swiper-slide>div .infos h5 {font-size:.2rem;color:#ff9900}
.history .lists .swiper-slide>div .infos .t {margin:.15rem 0 0;font-size:.14rem;color:#333}
.history .lists .swiper-page>div{position:absolute;top:-.2rem;left:50%;transform:translateX(-50%);font-size:.42rem;color:#000;line-height:1}
.history .lists .swiper-page>div.slide-button-next {top:auto;bottom:-.2rem}


.companyhonor{padding:.7rem 0;background:#FFF}
.companyhonor .title{margin-bottom: .45rem;color:#fff;font-size:.48rem;text-align:center;}
.companyhonor ol {margin:0 0 .45rem;padding:0;text-align: center;}
.companyhonor ol li {display:inline-block;vertical-align:top;padding:0 .15rem;}
.companyhonor ol li a{display:block;position:relative;border:1px solid #FFF;font-size:.16rem;color:#FFF;padding:0 .36rem;line-height:.45rem;}
.companyhonor ol li#current a{background:#052d85;border-color:#052d85}
.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;background:#FFF}
.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 #052d85;line-height: .3rem;border-radius:.03rem;background:#fff;color:#052d85;font-size:.16rem;opacity: 1;margin: 0 .03rem;}
.companystyle .paginations span.swiper-pagination-bullet-active{background:#052d85;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:#052d85;margin-right: 1.6rem;padding: .2rem 0;position: relative;}
.page_product .titles h2:after{position:absolute;content:'';width:100%;bottom: -.02rem;height:.03rem;background: #052d85;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:#006ab2;}
.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:#052d85}
.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: #052d85;border-radius: 100%;transform: translateY(-50%);transition: .36s;}
.page_product .content .list li a:hover .title{background:#006ab2;}
.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%;}
.show_product .top{padding: .4rem 0 .55rem;display: flex;justify-content: space-between;border-bottom: 1px solid #555;flex-wrap: wrap;}
.show_product .top .bigimg{width: 52%;padding: .67rem .9rem;border: 1px solid #e1e1e1;position: relative;}
.show_product .top .bigimg .navigations{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);}
.show_product .top .bigimg .navigations>div{position:absolute;top:0;font-size:.5rem;color:#887e6d;}
.show_product .top .bigimg .navigations>div.swiper-button-disabled{color: #dedede;}
.show_product .top .bigimg .navigations .left{left: .3rem;}
.show_product .top .bigimg .navigations .right{right: .3rem;}
.show_product .top .txt{width: 48%;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:#052d85;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 #052d85;line-height: .3rem;border-radius:.03rem;background:#fff;color:#052d85;font-size:.16rem;opacity: 1;margin: 0 .03rem;}
.show_product .other .list .paginations span.swiper-pagination-bullet-active{background:#052d85;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: #052d85;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: #052d85;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:#052d85;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:#052d85;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:#052d85;}
.page_news .list li a:hover span{color:#052d85;}
.page_news .list li a:hover p{color:#052d85;}
.page_news .list li a:hover i{color:#052d85;}

.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:#161616;display:block;margin-bottom:.2rem;}
.page_contact .contact .list .con .item p{font-size:.16rem;color:#302f2f;line-height:1.7;white-space: nowrap;margin:0 0 .15rem}
.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: 15%;}
footer .min{display: flex;flex-direction: column;width: 60%;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 {width:25%}
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 h2 i{display:inline-block;font-size:.14rem;color:#FFF;background:#052d85;padding:.06rem;margin:0 .1rem 0 0}
.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)}
.download .item .submenu {transition:none;font-size:.14rem;color:rgb(153,153,153);display:none;padding:.15rem 0 0 .35rem;margin:.15rem 0 0;border-top:1px solid #eee;position:relative}

.download .item .submenu>i{font-size:.14rem;color:#FFF;background:rgb(5, 109, 173);padding:.06rem;position:absolute;left:0;top:.15rem}
.page_show{padding:.45rem 0 .85rem;}
.page_show .editor {font-size:.16rem;color:#1c1c1c;line-height:1.8}

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

/********<=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: #052d85;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: #052d85;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;}
/**************************/
/******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%;}
}

/********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 .bigimg,.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;}
    footer .left,footer .right{width:100%}
    .jobs_box .mains0 .editor .item>div{width:100%;margin:0 0 .45rem}
    .jobs_box .mains1 .swiper-slide{display:block;}
    .page_product>div{width:100%}
    .page_product .navs{display:none}
    .page_product .content{width:100%;padding:0}
    
}