/*header*/
.header{position:fixed;top:0;left:0;width:100%;z-index:18;background:#001e5f;}
.header>div>div{display:inline-block;vertical-align:middle;width:20%;position:relative;z-index:3}
.header .logos{line-height:.82rem;}
.header .logos img{max-height:.48rem;transition:none;}

.header .navlist{width:60%;text-align:center;}
.header .navlist li {display:inline-block;vertical-align:middle;padding:0 .3rem;}
.header .navlist li>a{font-size:.18rem;color:#a4b7df;position:relative;font-weight:bold;}
.header .navlist li.on>a,.header .navlist li:hover>a{color:#FFF}
.header .navlist li>dl{position:fixed;top:.82rem;left:0;width:100%;background:#FFF;padding:.45rem 1.6rem;margin:0;display:none;transition:none;}
.header .navlist li>dl>*{display:inline-block;vertical-align:middle;width:27.3%}
.header .navlist li>dl dd {width:72.7%;padding:0 1.1rem 0 .2rem;text-align:left;}
.header .navlist li>dl dt{padding:0 .65rem 0 0}
.header .navlist li>dl dt img {width:100%;height:2.35rem;object-fit:cover;transition:none;border-radius:6px;}
.header .navlist li>dl dd p{display:inline-block;vertical-align:top;margin:0;padding:.18rem 1rem .18rem 0;width:33.333%;}
.header .navlist li>dl dd p a{font-size:.18rem;color:#949494;font-weight:bold;position:relative;display:block;padding:.18rem 0;border-bottom:2px solid #dedede}
.header .navlist li>dl dd p a i{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.14rem;}
.header .navlist li>dl dd p a:hover {color:#001e5f}

.header .langs {}
.header .langs dl{margin:0;padding:0;position:relative;display:inline-block;}
.header .langs dl dt {font-size:.16rem;color:#FFF;font-weight:bold;cursor:pointer;}
.header .langs dl dt i{font-size:.18rem;font-weight:normal;margin:0 .07rem 0 0}
.header .langs dl dt i:last-child{font-size:.16rem;margin:0 0 0 .05rem;}
.header .langs dl dd {position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#FFF;box-shadow:0 0 10px rgba(0,0,0,.12);width:1rem;display:none;transition:none;}
.header .langs dl dd a{display:block;line-height:.45rem;text-align:center;font-size:.16rem;color:#333}

/*banner*/
.tem_banner {position:relative}
.tem_banner .swiper-slide img {width:100%;height:100vh;object-fit:cover;}
.tem_banner .swiper-page>div{position:absolute;top:70%;left:1.6rem;z-index:1;font-size:.36rem;color:#FFF;opacity:.2}
.tem_banner .swiper-page>div.slide-button-next{left:auto;right:1.6rem;}
.tem_banner .swiper-page>div:hover {opacity:1}
/**/
.index_product{position:relative;background:url(../images/icon0.png) 0 bottom no-repeat;background-size:cover;padding:1.2rem 0 1.15rem;}
.index_product h3 {font-size:.3rem;color:#001e5f;margin:0 0 .25rem;}
.index_product .mains>div{display:inline-block;vertical-align:top;width:25%}
.index_product .mains .rlt{width:75%}
.index_product .mains .let h4 {font-size:.42rem;color:#1b2b42;margin:0 0 .8rem;}
.index_product .mains .let ol {margin:0;padding:0}
.index_product .mains .let ol li {display:inline-block;vertical-align:top;width:50%;padding:0 .2rem 0 0;margin:0 0 .2rem;}
.index_product .mains .let ol li a{display:block;position:relative;border:1px solid #b5b5b5;border-radius:8px;overflow:hidden;padding:.2rem .2rem .1rem;text-align:center}
.index_product .mains .let ol li p{font-size:.16rem;color:#191919;margin:.1rem 0 0;line-height:.27rem;height:.54rem;overflow:hidden}
.index_product .mains .let ol li .icon{height:.55rem;line-height:.55rem;}
.index_product .mains .let ol li .icon img {max-height:.55rem;transition:none}
.index_product .mains .let ol li a:hover,.index_product .mains .let ol li#current a {background:#001e5f;border-color:#001e5f;}
.index_product .mains .let ol li a:hover .icon img,.index_product .mains .let ol li#current .icon img {filter:brightness(0) invert(1)}
.index_product .mains .let ol li a:hover p,.index_product .mains .let ol li#current p{color:#FFF}


.index_product .mains .rlt {}
.index_product .mains .rlt>div{position:relative;padding-right:3.29rem;}
.index_product .mains .rlt .swiper-slide {text-align:center;}
.index_product .mains .rlt .swiper-slide>p{font-size:.24rem;color:#656c77;font-weight:bold;margin:0 0 .25rem;}
.index_product .mains .rlt .swiper-slide>h5 {font-size:.6rem;color:#001e5f;text-transform:uppercase;margin:0 0 .35rem;}
.index_product .mains .rlt .swiper-slide>a{font-size:.16rem;color:#656c77;display:inline-block;text-decoration:underline;}
.index_product .mains .rlt .swiper-slide .imgs{margin:.4rem;}
.index_product .mains .rlt .swiper-slide .imgs img {max-height:4.78rem;transition:none}
.index_product .mains .rlt .swiper-page{position:absolute;right:2.9rem;top:50%;transform:translateY(-50%);z-index:2}
.index_product .mains .rlt .swiper-page>div{margin:.3rem 0;width:.33rem;height:.33rem;border:1px solid #001e5f;line-height:.31rem;text-align:center;font-size:.2rem;color:#062463;border-radius:100%;font-weight:bold;}
.index_product .mains .rlt .swiper-page>div:hover {background:#001e5f;color:#FFF}

.index_about{padding:1.1rem 0 0;background:#f6fafd}
.index_about .titles{margin:0 0 .65rem;}
.index_about .titles>span>img {max-height:1rem;transition:none}
.index_about .titles>span{background:none !important;display:inline-block;}
.index_about .titles p{font-size:.48rem;color:#5f5f5f;font-weight:bold;margin:.45rem 0 0}
.index_about .mains{position:relative}
.index_about .mains .imgs{width:63.8%;border-radius:0 80px 0 0;overflow:hidden;height:8.6rem;}
.index_about .mains .imgs img{width:100%;height:8.6rem;object-fit:cover;transition:none;}
.index_about .mains .text{position:absolute;bottom:0;right:0;z-index:1;background:#FFF;width:61%;border-radius:80px 0 0 0;padding:.95rem 2.6rem .6rem .9rem;}
.index_about .mains .text h3 {font-size:.6rem;color:#02192d;margin:0 0 .55rem;}
.index_about .mains .text .editor{font-size:.16rem;color:#5f5f5f;line-height:1.8}
.index_about .mains .text .editor .nums {margin:.5rem 0 0}
.index_about .mains .text .editor .nums>div{display:inline-block;vertical-align:top;width:33.333%;padding:0 .75rem 0 0}
.index_about .mains .text .editor .nums h5 {font-size:.16rem;color:#696969;padding:0 0 .15rem;border-bottom:1px solid #dfdfdf}
.index_about .mains .text .editor .nums h5 em {font-size:.48rem;color:#212121;display:inline-block;margin:0 .1rem 0 0}
.index_about .mains .text .editor .nums p{font-size:.16rem;color:#696969;margin:.3rem 0 0}
.index_about .mains .text>a{display:inline-block;font-size:.16rem;color:#696969;border:1px solid #161616;border-radius:999px;padding:0 .4rem;line-height:.61rem;margin:.95rem 0 0}
.index_about .mains .text>a:hover {background:#001e5f;color:#FFF;border-color:#001e5f;box-shadow:4px 4px 6px rgba(0,0,0,.15)}

.index_qua{padding:1.47rem 0;position:relative}
.index_qua .titles{margin:0 0 .8rem;text-align:center}
.index_qua .titles h3 {font-size:.48rem;color:#5f5f5f;font-weight:bold;}
.index_qua .titles p{font-size:.3rem;color:#2e2e2e;margin:.3rem 0 0}
.index_qua .mains{}
.index_qua .mains>div{display:inline-block;vertical-align:top;width:56%}
.index_qua .mains .text{width:44%}
.index_qua .mains .imgs{padding-right:.52rem;}
.index_qua .mains .imgs span {border-radius:10px;overflow:hidden;background:none !important}
.index_qua .mains .text>div{display:inline-block;vertical-align:top;width:50%;padding-left:.25rem;margin:0 0 .4rem;}
.index_qua .mains .text>div a{display:block;position:relative;padding:.3rem .15rem;border-top:3px solid #161616}
.index_qua .mains .text>div:nth-child(3),.index_qua .mains .text>div:last-child{margin:0}
.index_qua .mains .text h6 {font-size:.24rem;color:#2e2e2e;margin:0 0 .2rem;}
.index_qua .mains .text .icon {margin:0 0 1rem;height:.5rem;line-height:.5rem;}
.index_qua .mains .text .icon img {max-height:.5rem;}
.index_qua .mains .text a>em{display:inline-block;font-size:.16rem;color:#2e2e2e}
.index_qua .mains .text .t {position:absolute;bottom:.3rem;left:0;width:100%;padding:0 .15rem;z-index:2;font-size:.16rem;color:#FFF;opacity:0;transform:translateY(3vw)}
.index_qua .mains .text a:hover {background:#001e5f;border-color:#001e5f}
.index_qua .mains .text a:hover h6 {color:#FFF}
.index_qua .mains .text a:hover .icon img {filter:brightness(0) invert(1)}
.index_qua .mains .text a:hover em {transform:translateY(3vw);opacity:0}
.index_qua .mains .text a:hover .t {opacity:1;transform:none;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}

.index_news{background:#f6fafd;padding:1rem 0 1.69rem;}
.index_news h3 {font-size:.48rem;color:#191919;text-align:center;margin:0 0 .55rem;padding:0 0 .4rem;position:relative}
.index_news h3:before,.index_news h3:after{content:'';width:.37rem;height:5px;background:#e5e5e5;border-radius:999px;position:absolute;left:50%;transform:translateX(-50%);bottom:0;}
.index_news h3:before{bottom:.06rem;background:#2167ff;}
.index_news .items{margin:0 0 .3rem;}
.index_news .items a{display:block;background:#FFF;position:relative;}
.index_news .items a>div{display:inline-block;vertical-align:middle;width:48.7%}
.index_news .items .text{width:51.3%;padding:0 .45rem 0 .85rem;}
.index_news .items .imgs img {width:100%;height:3.3rem;object-fit:cover;}
.index_news .items .text>span {font-size:.14rem;color:#878787}
.index_news .items .text h5 {font-size:.24rem;color:#1e1e1e;font-weight:bold;margin:.2rem 0 .4rem;}
.index_news .items .text p{font-size:.16rem;color:#878787;line-height:.25rem;height:.75rem;overflow:hidden;margin:0 0 .25rem;}
.index_news .items .text em{display:inline-block;border-radius:999px;background:#142c63;padding:0 .27rem;line-height:.45rem;font-size:.14rem;color:#FFF;box-shadow:8px 8px 9px rgba(33,103,255,.24)}
.index_news .items .text em i{font-size:.16rem;margin-left:.15rem;}
.index_news .mains li{display:inline-block;vertical-align:top;width:50%;padding:0 .09rem 0 0}
.index_news .mains li:nth-child(2n) {padding:0 0 0 .09rem;}
.index_news .mains li a{display:block;position:relative;padding:.38rem .25rem .3rem .6rem;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}

.index_news .mains li h6 {font-size:.24rem;color:#1e1e1e;padding:0 1.3rem 0 0;margin:0 0 .2rem;position:relative}
.index_news .mains li h6 span {position:absolute;right:0;bottom:0;font-size:.14rem;color:#878787}
.index_news .mains li h6 p{margin:0;position:relative;}
.index_news .mains li a>p{font-size:.16rem;color:#878787;line-height:.26rem;height:.52rem;overflow:hidden;margin:0 0 .4rem;}
.index_news .mains li h6 p:after{content:'';width:0;height:2px;background:#142c63;position:absolute;bottom:0;left:0;transition:all .5s ease-in-out}

.index_news .mains li em{font-size:.14rem;color:#464646}
.index_news .mains li em i{margin-left:.12rem;font-size:.16rem;}
.index_news .mains li a:hover{background:#FFF;}
.index_news .mains li a:hover h6 p{color:#142c63;}
.index_news .mains li a:hover h6 p:after{width:100%}
.index_news .mains li a:hover em{color:#40537f}
/*底部*/
.footer{padding:.8rem 0 .5rem;background:linear-gradient(to bottom,#1f54b5,#132b60)}
.footer .infos{padding:0 0 1.2rem;position:relative}
.footer .infos .code {position:absolute;right:0;bottom:.25rem;width:60%;text-align:right;}
.footer .infos .code p{display:inline-block;vertical-align:top;padding-left:1rem;margin:0}
.footer .infos .code p img {width:1.5rem;transition:none}
.footer .infos .code p:first-child{padding-left:0}

.footer .infos>div{display:inline-block;vertical-align:top;width:35%}
.footer .infos .navlist{width:65%}
.footer .infos .tels>a img {max-height:.66rem;transition:none;}
.footer .infos .f_tel{margin:1.1rem 0 0;font-size:.16rem;color:#FFF;}
.footer .infos .f_tel p{margin:0 0 .2rem;}
.footer .infos .f_tel p a{font-size:.16rem;color:#FFF;}
.footer .infos .navlist>dl {display:inline-block;vertical-align:top;max-width:25%;width:1.95rem;margin:0;padding:0}
.footer .infos .navlist dl dt {margin:0 0 .25rem;font-weight:normal}
.footer .infos .navlist dl dt a{font-size:.18rem;color:#FFF;}
.footer .infos .navlist dl dd {margin:0 0 .14rem;}
.footer .infos .navlist dl dd a{font-size:.14rem;color:#FFF;opacity:.68}
.footer .copy{font-size:.16rem;color:#FFF;font-weight:bold;}
.footer .copy a{font-size:.16rem;color:#FFF}
/*通用内页*/
.tem_banner.indise{padding:.82rem 0 0}
.flash{position:relative}
.flash img {width:100%;transition:none}
.flash .position{position:absolute;top:.3rem;width:100%;font-size: .14rem;color: #777;}
.flash .position a {font-size: .16rem;color: #777777;display: inline-block;}
.flash .position a:first-child {margin-left: 0;}
.flash .position a:first-child+a{display:none}
.flash .position>div>*:last-child{color:#001e5f}

.comname{position:relative;padding:.45rem 0 0}
.comname li {display:inline-block;padding:0 .1rem 0 0}
.comname li a{display:block;min-width:2rem;text-align:center;font-size:.16rem;color:#414d59;background:#eee;line-height:.5rem;}
.comname li.on a,.comname li a:hover{background:#2466f8;color:#FFF}
/**/
.about_box{}
.company {padding:1.1rem 0 6.95rem;background-repeat:no-repeat;background-position:center 0;background-size:cover;}
.company h3 {font-size:.48rem;color:#404248;font-weight:bold}
.company p{margin:.5rem 0 0;width:6.5rem;max-width:100%;font-size:.22rem;color:#404248;font-weight:bold;text-indent:2em}

.about_box .items1{padding:1.05rem 0 .9rem;text-align:center}
.about_box .items1>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .44rem;}
.about_box .items1 .imgs{border-radius:12px;overflow:hidden}
.about_box .items1 .imgs img {width:100%;height:2.98rem;object-fit:cover;transition:none;}
.about_box .items1 .text{padding:.3rem 0 0}
.about_box .items1 .text h4 {font-size:.36rem;color:#001e5f;font-weight:bold;}
.about_box .items1 .text p{font-size:.16rem;color:#555555;line-height:.26rem;height:.78rem;overflow:hidden;margin:.25rem 0 .4rem;}
.about_box .items1 .text em {font-size:.2rem;color:#001e5f;font-weight:bold}
.about_box .items1 .text em i{margin-left:.1rem;font-size:.18rem;}
.about_box .items1>div a:hover .imgs{box-shadow:4px 4px 6px rgba(0,0,0,.12)}
.about_box .infos{padding:2.4rem 0 3.7rem;background-position:center;background-repeat:no-repeat;background-size:cover;}
.about_box .infos h3 {font-size:.48rem;color:#FFF;font-weight:bold}
.about_box .infos p{font-size:.22rem;color:#FFF;font-weight:bold;margin:.5rem 0 0}
/**/
.com_mbx{font-size: .14rem;color: #777;padding:1.03rem 0 0}
.com_mbx a {font-size: .16rem;color: #777777;display: inline-block;}
.com_mbx a:first-child {margin-left: 0;}
.com_mbx a:first-child+a{display:none}
.com_mbx>div>*:last-child{color:#001e5f}

.companybox{padding:1rem 0 6.7rem;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto}
.companybox h3 {font-size:.36rem;color:#001e5f;font-weight:bold;margin:0 0 .7rem;text-align:center;}
.companybox .editor{width:9.9rem;max-width:100%;margin:0 auto;font-size:.18rem;color:#424242;line-height:1.9;text-indent:2em}
.companybox .editor>*:first-child {font-size:.2rem;color:#424242;font-weight:bold;margin:0 0 .5rem;}
/**/
.com_flash{position:relative}
.com_flash .position{position:absolute;top:1.03rem;width:100%;font-size: .14rem;color: #FFF;}
.com_flash .position a {font-size: .16rem;color: #FFF;display: inline-block;}
.com_flash .position a:first-child {margin-left: 0;}
.com_flash .position a:first-child+a{display:none}
.com_flash .page_txt{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%);z-index:1}
.com_flash .page_txt h3 {font-size:.6rem;color:#FFF;font-weight:bold;position:relative;background:url(../images/icon1.png) center bottom no-repeat;background-size:1.7rem auto;}
.com_flash .page_txt p{font-size:.48rem;color:#FFF;margin:.2rem 0 0}

.culturebox .mains0 {padding:.88rem 0 1.03rem;}
.culturebox .mains0>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .47rem;position:relative}
.culturebox .mains0>div>div{position:relative;}
.culturebox .mains0 .imgs{border-radius:12px 12px 0 0;overflow:hidden;}
.culturebox .mains0 .imgs img {width:100%;height:3.6rem;object-fit:cover;transition:none}
.culturebox .mains0 h4 {font-size:.36rem;color:#FFF;font-weight:bold;position:absolute;top:.55rem;left:.45rem;z-index:1}
.culturebox .mains0 p{font-size:.16rem;color:#FFF;height:1.85rem;padding:.4rem .45rem 0;margin:0;background:#001e5f;line-height:1.9}

.culturebox .mains1{background:url(../images/icon2.jpg) center bottom no-repeat;background-size:cover;padding:.88rem 0 3.6rem}
.culturebox .mains1 .boxs{padding:0 0 .9rem;margin:0 0 1.05rem;border-bottom:2px solid #dadcdf}
.culturebox .mains1 .boxs>div{display:inline-block;vertical-align:bottom;width:36.5%}
.culturebox .mains1 .boxs .txt {width:63.5%;padding-left:.85rem}
.culturebox .mains1 .boxs .imgs{text-align:right;}
.culturebox .mains1 .boxs .txt p{font-size:.36rem;color:#001e5f;font-weight:300;}
.culturebox .mains1 .boxs .txt h4 {font-size:.36rem;color:#001e5f;font-weight:bold;}
.culturebox .mains1 .editor{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .3rem;}
.culturebox .mains1 .editor>div{padding-left:.35rem;position:relative}
.culturebox .mains1 .editor h5 {font-size:.3rem;color:#001e5f;font-weight:bold;position:relative;margin:0 0 .35rem;}
.culturebox .mains1 .editor p{font-size:.15rem;color:#5f6268;}
.culturebox .mains1 .editor h5:before{content:'';width:7px;height:.16rem;background:#001e5f;position:absolute;top:50%;transform:translateY(-50%) skew(30deg);left:-.35rem;}
.culturebox .mains2 {position:relative;padding:1.3rem 0 1.68rem;}
.culturebox .mains2>div{position:relative}
.culturebox .mains2 .imgs {width:70.3%;border-radius:8px;overflow:hidden}
.culturebox .mains2 .text{width:36%;background:#eff3f6;border-radius:6px;overflow:hidden;padding:.6rem .5rem;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.culturebox .mains2 .text h5 {font-size:.3rem;color:#001e5f;font-weight:bold;margin:0 0 .25rem;}
.culturebox .mains2 .text p{font-size:.2rem;color:#828181;font-weight:bold;margin:0 0 .4rem;}
.culturebox .mains2 .text>*:last-child{margin:0}
/**/
.com_flash2{position:relative}
.com_flash2 .position{position:absolute;top:1.03rem;width:100%;font-size: .14rem;color: #777777;}
.com_flash2 .position a {font-size: .16rem;color: #777777;display: inline-block;}
.com_flash2 .position a:first-child {margin-left: 0;}
.com_flash2 .position a:first-child+a{display:none}
.com_flash2 .position>div>*:last-child{color:#001e5f}

.com_flash2 .page_txt{position:absolute;top:40%;left:0;width:100%;text-align:center;z-index:1}
.com_flash2 .page_txt h3 {font-size:.36rem;color:#001e5f;font-weight:bold;position:relative;}
.com_flash2 .page_txt p{font-size:.2rem;color:#424242;margin:.2rem 0 0;font-weight:bold;}

.envbox .envlists{padding:1.02rem 0 .9rem;margin-left:1.6rem;}
.envbox .swiper-slide a{display:block;position:relative;border-radius:8px;overflow:hidden}
.envbox .swiper-slide img{width:100%;height:3.58rem;object-fit:cover;transition:none;}
.envbox .swiper-page{margin:.6rem 0 0;}
.envbox .swiper-page>div{display:inline-block;vertical-align:top;width:.52rem;height:.52rem;border:1px solid #c9c9c9;line-height:.5rem;text-align:center;font-size:.26rem;color:#989898;margin:0 .5rem 0 0}
.envbox .swiper-page>div:hover {border-color:#0553b8;color:#0553b8}
.envbox .swiper-slide a:hover {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,0.15)}

.envbox .mains1 {padding:0 0 1.6rem;}
.envbox .mains1 .titles{padding:1.4rem 0 2.7rem;background:url(../images/icon3.jpg) 0 0 no-repeat;background-size:cover;}
.envbox .mains1 .titles h3 {font-size:.36rem;color:#001e5f;font-weight:bold;}
.envbox .mains1 .titles p{font-size:.2rem;color:#424242;font-weight:bold;margin:.35rem 0 0}
.envbox .mains1 .editor{padding:1.15rem 0 1.1rem;}
.envbox .mains1 .editor>div{display:inline-block;vertical-align:middle;width:47.3%}
.envbox .mains1 .editor .t{width:52.7%;padding:0 .15rem 0 1.1rem;}
.envbox .mains1 .editor .t p{margin:0 0 .44rem;position:relative;padding-left:.37rem;font-size:.16rem;color:#3b3d40}
.envbox .mains1 .editor .t p:before{content:'';width:.18rem;height:.18rem;background:#001e5f;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.envbox .mains1 .lists{margin-left:1.6rem;}
/**/
.area_box{padding:.82rem 0 0}
.area_box .mains0{position:relative;padding:0 0 .83rem;background:url(../images/icon4.jpg) center no-repeat;background-size:cover;}
.area_box .mains0 .com_mbx{padding:.3rem 0 1rem}
.area_box .mains0 .item>div{display:inline-block;vertical-align:middle;width:45.7%}
.area_box .mains0 .item .imgs{width:54.3%}
.area_box .mains0 .item .text{padding:0 .15rem 0 0}
.area_box .mains0 .item .text h3 {font-size:.36rem;color:#424242;font-weight:bold;margin:0 0 .1rem;}
.area_box .mains0 .item .text p{font-size:.2rem;color:#424242;margin:.25rem 0 0;padding-left:.2rem;position:relative}
.area_box .mains0 .item .text p:before{content:'';width:.1rem;height:.1rem;background:#001e5f;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}

.area_box .mains1 {padding:.95rem 0 1.75rem;text-align:center}
.area_box .mains1 h3 {font-size:.36rem;color:#424242;font-weight:bold;margin:0 0 .35rem;}
.area_box .mains1 .editor{font-size:.2rem;color:#424242;line-height:1.9}
/**/
.partnerbox{padding:.82rem 0 0}
.partnerbox .mains{position:relative;padding:0 0 4.5rem;background:url(../images/icon5.jpg) center no-repeat;background-size:cover;}
.partnerbox .mains .com_mbx{padding:.3rem 0 1rem}
.partnerbox .mains .item{text-align:center;}
.partnerbox .mains .item h3 {font-size:.3rem;color:#373737;font-weight:bold;}
.partnerbox .mains .item p{font-size:.36rem;color:#001e5f;font-weight:bold;margin:.25rem 0 .95rem;}
.partnerbox .mains .lists ul {display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:.15rem .22rem;}
.partnerbox .mains .lists li a{display:block;border-radius:8px;overflow:hidden;height:1.25rem;line-height:1.25rem;background:#FFF}
.partnerbox .mains .lists li img {max-height:.9rem;transition:none}
/**/
.historybox{padding:0;background:url(../images/icon6.jpg) center bottom no-repeat #FFF;background-size:100% auto;}

.historybox .grally .boxs{padding:1.05rem 0;position:relative;}
.historybox .lists {position:relative;}
.historybox .lists:before{content:'';width:100%;height:2px;background:#8195bd;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.historybox .lists .swiper-slide>div{position:relative;display:flex;flex-direction: column;}
.historybox .lists .swiper-slide>div:before{content:'';width:10px;height:10px;background:#133984;border-radius:100%;position:absolute;}
.historybox .lists .swiper-slide>div.it0{padding-right:1.8rem;padding-bottom:.3rem;}
.historybox .lists .swiper-slide>div.it1{padding-left:1.8rem;padding-top:.3rem;    flex-direction: column-reverse;}
.historybox .lists .swiper-slide>div .imgs img{width:100%;height:1.97rem;object-fit:cover;transition:none}
.historybox .lists .swiper-slide>div .text{padding:.2rem 0 0}
.historybox .lists .swiper-slide>div.it1 .text {padding:0 0 .2rem}
.historybox .lists .swiper-slide>div .text h6 {font-size:.28rem;color:#202020;margin:0 0 .2rem}
.historybox .lists .swiper-slide>div .text .editor {font-size:.16rem;color:#2f2f2f;height:.52rem;line-height:.26rem;overflow:hidden}
.historybox .lists .swiper-slide>div .text .editor p{margin:0}
.historybox .lists .swiper-slide>div.it0:before{left:0;bottom:-5px;}
.historybox .lists .swiper-slide>div.it1:before{top:-5px;left:1.8rem}

.historybox  .swiper-page{position:absolute;right:0;bottom:.5rem}
.historybox  .swiper-page>div{outline:none;width:.53rem;height:.53rem;border:1px solid #ababab;line-height:.51rem;text-align:center;font-size:.24rem;color:#676769;display:inline-block;vertical-align:middle;margin:0 .19rem 0 0;border-radius:100%;}
.historybox  .swiper-page>div:hover {background:#133984;border-color:#133984;color:#FFF}
/*产品*/
.product_box{position:relative;background:url(../images/icon7.png) 0 0 no-repeat #f3f4f8;background-size:100% auto;padding:.65rem 0 2.35rem;}
.product_box ol{margin:0 0 1.25rem;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:.2rem .28rem;}
.product_box ol li a{display:block;border:1px solid #b5b5b5;border-radius:8px;overflow:hidden;padding:.15rem; text-align:center}
.product_box ol li .icon{height:.63rem;}
.product_box ol li .icon img {max-height:.63rem;}
.product_box ol li p{font-size:.2rem;color:#191919;height:.42rem;margin:.1rem 0 0;display:flex;line-height:.21rem;overflow:hidden;align-items:center;width:100%;justify-content: center;}
.product_box ol li.on a,.product_box ol li a:hover{background:#001e5f;border-color:#001e5f}
.product_box ol li.on p,.product_box ol li a:hover p{color:#FFF}
.product_box ol li.on .icon img,.product_box ol li a:hover .icon img {filter:brightness(0) invert(1)}
.product_box .editor{margin:0 0 .8rem;}
.product_box .editor .scrolly{width:.7rem;height:.7rem;border:1px solid #001e5f;border-radius:100%;margin:0 auto;line-height:.68rem;text-align:center;font-size:.26rem;color:#001e5f;font-weight:bold}
.product_box .lists ul{}
.product_box .lists li{margin:0 0 .4rem;padding:0 .2rem;display:inline-block;vertical-align:top;width:33.333%}
.product_box .lists li a{display:block;background:#FFF;padding:.57rem .45rem .8rem;}
.product_box .lists li h4 {font-size:.3rem;color:#000000;font-weight:bold;}
.product_box .lists li p{font-size:.24rem;color:#000;font-weight:bold;margin:.25rem 0 .65rem;}
.product_box .lists li span {font-size:.16rem;color:#001e5f;font-weight:bold;}
.product_box .lists li .imgs{display:flex;height:3.68rem;align-items:flex-end}
.product_box .lists li .imgs span {background:none !important;}
.product_box .lists li a:hover{box-shadow:2px 2px 4px rgba(0,0,0,.12)}
.product_box .lists li a:hover .imgs{transform:scale(1.02)}
/*翻页*/
.page {margin:.32rem 0 0}
.page a{display:inline-block;margin:0 5px;width:.33rem;height:.33rem;background:#ebebeb;border-radius:3px;line-height:.33rem;font-size:.16rem;color:#111;}
.page a.page-num-current {background:#2964e6;color:#FFF}
/*产品详情*/
.show_product{}
.show_product .com_mbx{padding:.3rem 0}
.show_product .mains{background:#FFF;padding:0 0 .8rem;}
.show_product .mains>div>div{display:inline-block;vertical-align:bottom;width:54.3%}
.show_product .mains .imgs{width:45.7%}
.show_product .mains .text{padding:0 .15rem 0 0}
.show_product .mains .text h1 {font-size:.48rem;color:#001e5f;font-weight:bold;margin:0 0 .5rem;}
.show_product .mains .text .t {font-size:.16rem;color:#474747;line-height:1.8;margin:0 0 .65rem;}
.show_product .mains .text>a{display:inline-block;margin:0 0 1.05rem;background:#001e5f;font-size:.16rem;color:#FFF;font-weight:bold;padding:0 1.05rem;border-radius:999px;line-height:.42rem;}
.show_product .mains .text .scrolly{font-size:.16rem;color:#1e1e1e;}
.show_product .mains .text .scrolly i{display:inline-block;width:.46rem;height:.46rem;background:#001e5f;border-radius:100%;line-height:.46rem;font-size:.18rem;color:#FFF;text-align:center;margin:0 .15rem 0 0}
.show_product .details{background:#f3f4f8;padding:.96rem 0 .5rem;}
.show_product .details h3 {font-size:.36rem;color:#001e5f;font-weight:bold;margin:0 0 .45rem;}
.show_product .details .editor{font-size:.16rem;color:#474747;line-height:1.9;margin:0 0 1.05rem;}
.show_product .pro_filed {background:#f3f4f8;padding:.25rem 0 1.5rem;}
.show_product .pro_filed h3 {font-size:.36rem;color:#001e5f;font-weight:bold;margin:0 0 .45rem;text-align:center;}
.show_product .pro_filed .swiper-slide a{display:block;position:relative}
.show_product .pro_filed .swiper-slide img {width:100%;height:3.65rem;object-fit:cover;transition:none;}
.show_product .pro_filed .lists {padding:0 .5rem;position:relative}
.show_product .pro_filed .swiper-page>div{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:.3rem;color:#000;}
.show_product .pro_filed .swiper-page>div.slide-button-next{left:auto;right:0}
.show_product .pro_filed .swiper-slide a:hover {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}
/*新闻列表*/
.news_box{padding:.85rem 0 2rem;background:#f3f4f8}
.news_box>div{padding:0 1.65rem;}
.news_box li {margin:0 0 1rem;}
.news_box li a{display:block;position:relative;}
.news_box li a>div{display:inline-block;vertical-align:bottom;width:41%}
.news_box li .text{width:59%;padding:0 0 0 .68rem;}
.news_box li .imgs img{width:100%;height:3.25rem;object-fit:cover;transition:none}
.news_box li .text h5 {font-size:.24rem;color:#202021;font-weight:bold;margin:0 0 .65rem;}
.news_box li .text p{font-size:.18rem;color:#4e4e4e;line-height:.26rem;height:.78rem;overflow:hidden;margin:0 0 .65rem}
.news_box li .text em{display:inline-block;background:#001e5f;border-radius:99px;padding:0 .21rem;line-height:.41rem;font-size:.16rem;color:#FFF;}
.news_box li a:hover .imgs{box-shadow:2px 2px 4px rgba(0,0,0,.12);transform:scale(.98)}

.show_news{background:#f3f4f8}
/*技术服务*/
.service_box{padding:1.05rem 0 0}
.inner-title h3{text-align:center;font-size:.48rem;color:#2964e6;margin:0 0 .65rem}
.inner-title ol{margin:0 0 .7rem;text-align:center;padding:0}
.inner-title ol li {display:inline-block;vertical-align:middle;padding:0 6px;width:25%;text-align:left;}
.inner-title ol li a{display:block;position:relative;background:#f8f8f8;padding:.23rem .28rem .6rem;font-size:.16rem;color:#292929}
.inner-title ol li a:after{content:'';width:.16rem;height:.1rem;background:url(../images/icon7-2.png) 0 0 no-repeat;background-size:.16rem .1rem !important;position:absolute;right:.23rem;bottom:.2rem;transition:all .6s linear;}
.inner-title ol li.on a,.inner-title ol li a:hover{background:#2964e6;color:#FFF}
.inner-title ol li.on a:after,.inner-title ol li a:hover:after{background:url(../images/icon7-1.png) 0 0 no-repeat;}

.service_box .mains0 {background:url(../images/icon8.jpg) center no-repeat;background-size:cover;padding:.9rem 0 1.35rem}
.service_box h4{font-size:.4rem;color:#1a1a1a;text-align:center;margin:0 0 .7rem}
.service_box .mains0 .infos>div{display:flex;width:100%;padding:.35rem 0;border-bottom:2px dashed #dededf;flex-direction: row;    align-items: center;}
.service_box .mains0 .infos>div>em {width:11%}
.service_box .mains0 .infos>div>p{width:89%;font-size:.16rem;color:#1a1a1a;margin:0}
.service_box .mains0 .infos>div>.t {width:89%}
.service_box .mains0 .infos .t h6{font-size:.16rem;color:#1a1a1a;margin:0 0 .3rem;}
.service_box .mains0 .infos .t p{font-size:.16rem;color:#3b3a3a;margin:0 0 .1rem}
.service_box .mains0 .infos>div>.txt {width:50%;display:flex;flex-direction: row;    align-items: center;}
.service_box .mains0 .infos>div>.txt em{width:22%}
.service_box .mains0 .infos>div>.txt .t{width:78%;}

.service_box .mains1 {padding:1rem 0 1.2rem}
.service_box .mains1 h4{margin:0 0 .45rem;}
.service_box .mains1 .editor{font-size:.16rem;color:#2c2c2c}
.service_box .mains1 .editor>p{text-align:center;line-height:1.8;margin:0}
.service_box .mains1 .editor .items{display:flex;width:100%;margin:.7rem 0;position:relative;background:url(../images/icon10.jpg) 0 0 no-repeat;background-size:100% 100%}
.service_box .mains1 .editor .items>div{position:relative}
.service_box .mains1 .editor .items>div:first-child {width:33%}
.service_box .mains1 .editor .items>div:first-child+div {width: 41%;padding: 0 .2rem 0 .95rem;}
.service_box .mains1 .editor .items>div:first-child+div+div {width:31%}
.service_box .mains1 .editor .items h6{font-size:.22rem;color:#FFF;line-height:.85rem;padding:0 .3rem;}
.service_box .mains1 .editor .items .info {height:2.4rem;padding:0 .3rem;font-size:.16rem;color:#484848;line-height:1.65;display:flex;width:100%;    flex-direction: column;    justify-content: center;}

.service_box .mains2 {background:url(../images/icon10.jpg) center no-repeat;background-size:cover;padding:.85rem 0 1.2rem;}
.service_box .mains2 .lists{}
.service_box .mains2 .lists .items{display:inline-block;vertical-align:middle;width:50%;padding:0 .2rem;margin:0 0 .37rem}
.service_box .mains2 .lists .items a{display:block;position:relative;background:#FFF;border-radius:6px;padding:0 .3rem;}
.service_box .mains2 .lists .items p {margin:0;width:65%;font-size:.2rem;color:#1a1a1a;padding:.58rem 0}
.service_box .mains2 .lists .items a:before{content:'';width:.28rem;height:.27rem;background:url(../images/icon11-1.png) 0 0 no-repeat;background-size:.28rem .27rem !important;position:absolute;right:.4rem;top:50%;transform:translateY(-50%);transition:all .5s linear}
.service_box .mains2 .lists .items a:hover:before{background:url(../images/icon11-2.png) 0 0 no-repeat;}
.service_box .mains2 .swiper-page{margin:.5rem 0 0;text-align:center}
.service_box .mains2 .swiper-page>div{display:inline-block;vertical-align:middle;margin:0 5px;width:auto;}
.service_box .mains2 .swiper-page>div.slide-button-prev,.service_box .mains2 .swiper-page>div.slide-button-next{outline:none;width:.34rem;height:.34rem;background:#FFF;border-radius:4px;font-size:.16rem;color:#5a5a5a;line-height:.34rem;text-align:center}
.service_box .mains2 .swiper-page>div.slide-pagination span{outline:none;opacity:1;width:.34rem;height:.34rem;background:#FFF;border-radius:4px;font-size:.16rem;color:#5a5a5a;line-height:.34rem;text-align:center}
.service_box .mains2 .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active {background:#2964e6;color:#FFF}

.service_box .mains3 {padding:1.15rem 0 1.5rem;}
.service_box .mains3 .infos>div{margin:0 0 .36rem;position:relative;background:#f4f4f4;padding:.4rem .85rem .4rem 1.1rem;border-radius:12px;}
.service_box .mains3 .infos em {position:absolute;top:0;left:.28rem;background:#2964e6;font-size:.3rem;color:#FFF;padding:.4rem .12rem .3rem;border-radius:0 0 35px 35px;line-height:1}
.service_box .mains3 .infos h6{font-size:.24rem;color:#343434;margin:0 0 .25rem;}
.service_box .mains3 .infos .editor{font-size:.16rem;color:#474747;line-height:1.68}
/*联系方式*/
.contact_box{padding:.82rem 0 0}
.contact_box .infos{background:url(../images/icon8.jpg) 0 0 no-repeat;background-size:cover;padding:0 0 1.7rem;}
.contact_box .infos .com_mbx{padding:.3rem 0 2.7rem;color:#FFF}
.contact_box .infos .com_mbx a{color:#FFF}
.contact_box .infos h3 {font-size:1.8rem;color:#FFF;font-weight:bold;margin:0 0 .75rem;line-height:1}
.contact_box .infos .editor{display:inline-block;padding:.46rem 0 0;border-top:2px solid rgba(255,255,255,.3)}
.contact_box .infos .editor>*{display:inline-block;vertical-align:top;}
.contact_box .infos .editor>i{width:.99rem;height:.99rem;border-radius:100%;line-height:.99rem;text-align:center;font-size:.26rem;color:#FFF;background:#001e5f;font-weight:bold;}
.contact_box .infos .editor .txt{margin-left:3.35rem;padding:.35rem 0 0}
.contact_box .infos .editor .txt>*{display:inline-block;vertical-align:top;}
.contact_box .infos .editor .txt h4 {font-size:.24rem;color:#FFF;font-weight:bold;margin:0 .9rem 0 0}
.contact_box .infos .editor .txt .t{font-size:.2rem;color:#FFF}
.contact_box .infos .editor .txt .t em {display:inline-block;width:1.32rem;}

.contact_box .message{padding:0 0 1.5rem;background:#f3f4f8}
.contact_box .message>div{background:#FFF;padding:.8rem .68rem 1.4rem;border-radius:8px;transform:translateY(-.62rem);position:relative;z-index:2}
.contact_box .message h4 {font-size:.3rem;color:#393939;font-weight:bold;margin:0 0 .8rem;}
.contact_box .message .lists li {padding:0 .24rem 0 0;margin:0 0 .25rem;}
.contact_box .message .lists li p{font-size:.2rem;color:#565656;margin:0 0 .15rem;}
.contact_box .message .lists li p i{color:red}
.contact_box .message .lists li input[type="text"],.contact_box .message .lists li textarea{width:100%;height:.51rem;min-height:35px;background:#FFF;padding:0 .15rem;font-size:.16rem;color:#565656;border:1px solid #dcdcdc;border-radius:8px;}
.contact_box .message .lists li textarea{padding:.15rem;height:1.4rem;}
.contact_box .message .lists li button {background:#FFF;font-size:.16rem;color:#565656;padding:0 .6rem;height:.5rem;min-height:35px;border:1px solid #dcdcdc;border-radius:6px;}
.contact_box .message .lists li input[name="checkcode"]{width:25%}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#001e5f;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#FFF;margin-left:10px;line-height:60px;}
.m-header >.col-xs-6>div span {font-size:12px;color:#fff}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#001e5f;
	-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:#FFF;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#333}
.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:#333}
.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:#FFF}
.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********/

/**************************/
@media(max-width:1800px){
    .footer .infos .code p{padding-left:.65rem;}
}
@media(max-width:1440px){
	.flash .page_txt{padding:0 1.6rem;}
	.index_about .mains .text{padding-right:1.6rem;}
	.historybox .grally .boxs .text:before{font-size:4.23rem;}
	.news_box>div{padding:0}
	
	.footer .infos .code p{padding-left:.45rem;}
	.footer .infos .code p img {width:1.4rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner.indise,.tem_banner{padding:60px 0 0}
	.index_about .mains .text{padding-right:20px;}
	.tem_banner .swiper-page > div{left:20px;}
	.tem_banner .swiper-page > div.slide-button-next{left:auto;right:20px;}
	.com_flash,.com_flash2 {padding:60px 0 0}
	.com_mbx{margin:60px 0 0;padding:.3rem 0 0}
	.envbox .envlists,.envbox .mains1 .lists{margin-left:20px;}
	.area_box .mains0 .com_mbx,.partnerbox .mains .com_mbx,.contact_box .infos .com_mbx{margin:0}
	.area_box,.partnerbox,.contact_box{padding:60px 0 0}

}
/********mobile*********/
@media(max-width:767px){
    .tem_banner .swiper-slide img {height:auto;}
	.tem_banner .swiper-page > div{left:15px;}
	.tem_banner .swiper-page > div.slide-button-next{left:auto;right:15px;}	
	.index_product .mains > div{display:block;width:100% !important;}
	.index_product .mains .rlt > div{padding-right:0}
	.index_product .mains .rlt .swiper-page{display:none;}
	.index_about .mains .imgs{width:100%;border-radius:0;height:auto}
	.index_about .mains .imgs img {width:100%;height:auto;}
	.index_about .mains .text{position:relative;width:100%;border-radius:0;padding:.95rem 15px .6rem;}
	.index_qua .mains > div,.index_news .items a > div{display:block;width:100% !important;}
	.index_qua .mains .imgs{padding:0 0 .52rem;}
	.index_news .items .text{padding:.45rem .35rem;}
	.index_news .mains li{display:block;width:100%;padding:0 !important;}
	.footer .infos > div{display:block;width:100% !important;}
	.footer .infos .navlist{display:none;}
	.footer .infos{padding:0 0 .6rem;}
	.footer .infos .code{position:relative;bottom:0;}
	
	
	.culturebox .mains0 > div,.culturebox .mains1 .editor{grid-template-columns:1fr;gap:.35rem 0}
	.culturebox .mains2 .imgs{width:100%;}
	.culturebox .mains2 .text{width:100%;position:relative;top:auto;right:0;transform:none;}
	.historybox .grally .boxs{}

	
	.envbox .mains1 .editor > div,.area_box .mains0 .item > div{display:block;width:100% !important;}
	.envbox .mains1 .editor .t{padding:.65rem 0 0}
	.area_box .mains0 .item .text{padding:0 0 .35rem;}
	.partnerbox .mains .lists ul{grid-template-columns:1fr 1fr 1fr}
	.product_box ol{grid-template-columns:1fr 1fr 1fr}
	.product_box .lists li{width:50%}
	.show_product .mains > div > div,.news_box li a > div{display:block;width:100% !important;}
	.show_product .mains .text{padding:0 0 .35rem;}
	.news_box li .text{padding:.65rem 0 0}
	.contact_box .infos h3{font-size:1rem}
	.contact_box .infos .editor > *{display:block;}
	.contact_box .infos .editor .txt{margin:.35rem 0 0}
	.contact_box .message .lists li{padding:0}
	.contact_box .message .lists li input[name="checkcode"]{width:30%}
	.contact_box .message > div{padding:.8rem .35rem 1.4rem;}
	

}