.st-container{font-size:0}
.m185 {margin:0 1.85rem;}
/*header*/
.header{position:fixed;top:.47rem;left:0;width:100%;z-index:18}
.header>div{background:linear-gradient(to bottom,#eaedf2,#ebeef3);border-radius:50px;padding:0 .74rem;position:relative;z-index:5}
.header>div>*{display:inline-block;vertical-align:middle;}
.header .logo{width:19%;}
.header .logo img{max-height:.61rem;transition:none;}
.header .navlist{width:71%;}
.header .navlist>ul>li {display:inline-block;vertical-align:middle;padding:0 .13rem;position:relative}
.header .navlist>ul>li>a{display:block;padding:0 .17rem;line-height:.95rem;font-size:.16rem;color:#232222;position:relative;}
.header .navlist>ul>li>a:after{content:'';width:0;height:2px;background:#1b2a75;position:absolute;left:50%;bottom:0;transition:all .6s linear}
.header .navlist>ul>li.active>a:after,.header .navlist>ul>li>a:hover:after{width:100%;left:0}

.header .navlist>ul>li dl {position:absolute;top:100%;left:0;width:100%;margin:0;padding:0;background:#FFF;min-width:2rem;transition:none;display:none;}
.header .navlist>ul>li dl dd {position:relative}
.header .navlist>ul>li dl dd>a {font-size:.15rem;color:#464545;display:block;padding:.16rem .23rem;text-transform:capitalize;text-align:left;position:relative}
.header .navlist>ul>li dl dd>a>i{position:absolute;right:.23rem;top:50%;transform:translateY(-50%);}
.header .navlist>ul>li dl dd:hover>a{background:#1b2a75;color:#FFF}
.header .navlist>ul>li dl dd>div.submenus{position:absolute;width:100%;left:0;top:0;opacity:0;visibility:hidden;background:#1b2a75;z-index:-1}
.header .navlist>ul>li dl dd>div.submenus>a{font-size:.15rem;color:#FFF;display:block;padding:.12rem .23rem;text-transform:capitalize;text-align:left;}
.header .navlist>ul>li dl dd>div.submenus>a:hover {background:#FFF;color:#1b2a75}
.header .navlist>ul>li dl  dd:hover>div.submenus{opacity:1;visibility:visible;left:100%}
.header .langs{width:10%;text-align:right;position:relative;}
.header .langs dl {margin:0;padding:0;position:relative;display:inline-block;}
.header .langs dl dt{font-size:.16rem;color:#232222;display:inline-block;padding-left:.26rem;background:url(../images/icon1.png) 0 center no-repeat;background-size:.2rem .2rem;font-weight:normal;cursor:pointer;}
.header .langs dl dd {position:absolute;top:100%;left:0;transition:none;text-align:center;width:100%;background:linear-gradient(to bottom,#eaedf2,#ebeef3);box-shadow:0 0 4px rgba(0,0,0,.15);transition:none;display:none;margin:.1rem 0 0}
.header .langs dl dd>a{display:block;font-size:.16rem;color:#232222;line-height:.35rem;}
.is_header{top:0;box-shadow:0 0 .12rem rgba(0,0,0,.2)}
.is_header>div{margin:0;border-radius:0}
/* .is_header .logo img {max-height:.5rem;transition:all .3s linear;} */
/* .is_header .navlist li a {line-height:.7rem;} */
/*banner*/
.tem_banner .swiper-slide video {width:100%;height:9.6rem;object-fit:cover;background:#000}

.tem_banner .page-text {position:absolute;top:50%;left:0;padding:0 2.6rem;text-align:center;width:100%;z-index:2;transform:translateY(-50%)}
.tem_banner .page-text>*{transform:translateY(-20px);transition:none;opacity:0}
.tem_banner .page-text h3{font-size:.6rem;color:#FFF;letter-spacing:5px;}
.tem_banner .page-text p{font-size:.18rem;color:#FFF;margin:.35rem 0 .54rem;line-height:1.8}
.tem_banner .page-text>em{display:inline-block;border:1px solid #FFF;border-radius:35px;padding:0 .21rem;line-height:.37rem;font-size:.16rem;color:#FFF;}
.tem_banner .page-text>em img{max-height:.17rem;transition:none;margin-left:.3rem;}
.tem_banner .swiper-slide-active .page-text>*{transform:none;transition:all .5s linear;opacity:1}
.tem_banner .swiper-slide-active .page-text p{transition-delay:.25s}
.tem_banner .swiper-slide-active .page-text>em {transition-delay:.35s}
.tem_banner .slide-pagination{position:absolute;bottom:.85rem;left:0;width:100%;z-index:1;text-align:center}
.tem_banner .slide-pagination span{opacity:1;outline:none;width:.17rem;height:.17rem;background:none;border:1px solid #FFF;}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background:#FFF;}
/**/

.index_applica{background:url(/public/common/images/1.jpg) 0 0 no-repeat;padding:1.5rem 0 3rem;background-size:cover }
.index_applica>div{display:flex;justify-content: space-between;}
.index_applica .left{width:27%;}
.index_applica .left h1{font-size:.48rem;color:#000000;margin:0 0 .4rem;padding:0 0 .25rem;position:relative;}
.index_applica .left h1:after{content:"";position:absolute;width:.4rem;height:6px;background:#01589f;left:0;bottom:0}
.index_applica .left h2{color:#3d3d3d;font-size:.24rem}
.index_applica .left p{font-size:.16rem;color:#444444;line-height:.25rem}
.index_applica .left a{display:block;margin:3.2rem 0 0;height:.5rem;background:white;line-height:.5rem;border-radius:50px;background:white;font-size:.16rem;color:#4e4e4e;padding:0 .2rem;position:relative }
.index_applica .left a:after{content:'';position:absolute;background:url(/public/common/images/2.png) 0 0 no-repeat;width:.43rem;height:.43rem;top:50%;transform:translateY(-50%);background-size:100%;right:.05rem}
.index_applica .left a:hover{background:#01589f;color:white;transition:.5s}
.index_applica .right{width:66%}
.index_applica .right ul{display:flex;justify-content: space-between;}
.index_applica .right ul li{width:24.2%}
.index_applica .right ul li:nth-child(1){transform:translateY(2.4rem)}
.index_applica .right ul li:nth-child(2){transform:translateY(1.6rem)}
.index_applica .right ul li:nth-child(3){transform:translateY(.8rem)}
.index_applica .right ul li a{position:relative;display:block}
.index_applica .right ul li a h1{position:absolute;font-size:.16rem;color:white;left:.2rem;bottom:.3rem;padding-left:.15rem;z-index:2}
.index_applica .right ul li a h1:after{content:'';position:absolute;background:white;width:6px;height:6px;border-radius:100%;top:50%;transform:translateY(-50%);left:0}
.index_applica .right ul li a .img{border-radius:22px 0 0px 22px;overflow:hidden;position:relative}
.index_applica .right ul li a .img:after{content:'';position:absolute;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.2),rgba(0,0,0,.9));height:100%;width:100%;z-index:2;left:0;top:0}
.index_applica .right ul li a:hover img{transform:scale(1.1)}
.index_case {padding:0 0 1.45rem;background-repeat:no-repeat;background-size:cover}
.index_case .title{padding:1.25rem 0 .4rem}
.index_case .title h1{text-align:center;font-size:.4rem;color:white;padding:0 0 .3rem;position:relative}
.index_case .title h1:after{content:"";position:absolute;background:#01589f;width:.4rem;height:5px;left:50%;transform:translateX(-50%);bottom:0}
.index_case ul{display:grid; grid-template-columns: repeat(3, 1fr);grid-gap:30px}
.index_case ul li{}

.index_case ul li a{display:block;background:rgba(0,28,55,.4);border:1px solid rgba(129,144,159,.4);padding:.28rem .4rem .5rem .33rem;position:relative;z-index:1}
.index_case ul li a:after{content:"";position:absolute;background:url(/public/common/images/bg1.jpg) 0 0 no-repeat;background-size:cover;width:100%;height:100%;left:0;top:0;z-index:-1;transition:.5s;opacity:0}
.index_case ul li a:hover:after{opacity:1;}
.index_case ul li a:before{content:"";position:absolute;background:url(/public/common/images/jt1.png) 0 0 no-repeat;width:.44rem;height:.44rem;left:.33rem;bottom:.25rem;background-size:100%;transition:.8s}
.index_case ul li a:hover:before{content:"";position:absolute;background:url(/public/common/images/jt2.png) 0 0 no-repeat;width:.44rem;height:.44rem;left:84%;;background-size:100%}

.index_case ul li a:hover{border:1px solid rgba(129,144,159,0);background:rgba(0,28,55,0)}
.index_case ul li a .text{position:relative;padding:.57rem 0 .3rem;margin:0 0 .2rem}
.index_case ul li a .text h1{font-size:.24rem;color:white;margin:0 0 .05rem}
.index_case ul li a .text p{font-size:.16rem;color:#9aa4ad;margin:0}
.index_case ul li a:hover .text p{color:white}
.index_case ul li a h2{font-size:.16rem;color:white;height:.44rem;line-height:.22rem;opacity:0;transform:translateY(-.2rem);overflow:hidden;padding-right:.3rem}
.index_case ul li:nth-child(1) a .text:after{content:"";position:absolute;background:url(/public/common/images/11.png) 0 0 no-repeat;width:.39rem;height:.39rem;left:0;top:0;background-size:100%;transition:.4s}
.index_case ul li:nth-child(2) a .text:after{content:"";position:absolute;background:url(/public/common/images/22.png) 0 0 no-repeat;width:.35rem;height:.4rem;left:0;top:0;background-size:100%;transition:.4s}
.index_case ul li:nth-child(3) a .text:after{content:"";position:absolute;background:url(/public/common/images/33.png) 0 0 no-repeat;width:.41rem;height:.4rem;left:0;top:0;background-size:100%;transition:.4s}
.index_case ul li:nth-child(4) a .text:after{content:"";position:absolute;background:url(/public/common/images/44.png) 0 0 no-repeat;width:.41rem;height:.4rem;left:0;top:0;background-size:100%;transition:.4s}
.index_case ul li:nth-child(5) a .text:after{content:"";position:absolute;background:url(/public/common/images/55.png) 0 0 no-repeat;width:.39rem;height:.4rem;left:0;top:0;background-size:100%;transition:.4s}
.index_case ul li:nth-child(6) a .text:after{content:"";position:absolute;background:url(/public/common/images/66.png) 0 0 no-repeat;width:.4rem;height:.4rem;left:0;top:0;background-size:100%;transition:.4s}
.index_case ul li a .text:before{content:"";position:absolute;background:#efa803;width:0;height:1px;bottom:0;left:0;transition:.5s}
.index_case ul li a:hover  .text:before{width:100%}
.index_case ul li a:hover   h2{opacity:1;transform:translateY(0)}
.index_case ul li:nth-child(1):hover a .text:after{content:"";position:absolute;background:url(/public/common/images/111.png) 0 0 no-repeat;width:.39rem;height:.39rem;left:0;top:0;background-size:100%;transition:.4s}
.index_case ul li:nth-child(2):hover a .text:after{content:"";position:absolute;background:url(/public/common/images/222.png) 0 0 no-repeat;width:.35rem;height:.4rem;left:0;top:0;background-size:100%;transition:.4s}
.index_case ul li:nth-child(3):hover a .text:after{content:"";position:absolute;background:url(/public/common/images/333.png) 0 0 no-repeat;width:.41rem;height:.4rem;left:0;top:0;background-size:100%;transition:.4s}
.index_case ul li:nth-child(4):hover a .text:after{content:"";position:absolute;background:url(/public/common/images/444.png) 0 0 no-repeat;width:.41rem;height:.4rem;left:0;top:0;background-size:100%;transition:.4s}
.index_case ul li:nth-child(5):hover a .text:after{content:"";position:absolute;background:url(/public/common/images/555.png) 0 0 no-repeat;width:.39rem;height:.4rem;left:0;top:0;background-size:100%;transition:.4s}
.index_case ul li:nth-child(6):hover a .text:after{content:"";position:absolute;background:url(/public/common/images/666.png) 0 0 no-repeat;width:.4rem;height:.4rem;left:0;top:0;background-size:100%;transition:.4s}

.tem_index_product{position:relative}
.tem_index_product>div{display:inline-block;vertical-align:top;width:26.25%;height:9.6rem;background-position:center bottom;background-repeat:no-repeat;background-size:cover;text-align:center;padding:1.4rem .15rem 0}
.tem_index_product>div.on {width:47.5%}
.tem_index_product>div h4{font-size:.36rem;color:#354181;margin:0 0 .45rem;}
.tem_index_product>div a{display:inline-block;font-size:.14rem;color:#354181;border:1px solid #48538c;border-radius:35px;padding:0 5px 0 .1rem;line-height:.44rem;position:relative;width:1.33rem;text-align:left;}
.tem_index_product>div a i{width:.35rem;height:.35rem;border-radius:100%;background:#354181;line-height:.35rem;text-align:center;font-size:.22rem;color:#FFF;position:absolute;right:5px;top:50%;transform:translateY(-50%)}
/**/
.tem_index_case{background:linear-gradient(to bottom,#f0f4fa,#eff4f9);padding:.85rem 0 .65rem;}
.tem_index_case .title{text-align:center;margin:0 0 .7rem;}
.tem_index_case .title h3{font-size:.4rem;color:#1b2a75;padding:0 0 .3rem;position:relative}
.tem_index_case .title h3:after{content:'';width:.41rem;height:5px;background:#1b2a75;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.tem_index_case .title p{font-size:.2rem;color:#3d3d3d;margin:.25rem 0 0}
.tem_index_case .editor{position:relative;text-align:center}
.tem_index_case .editor .imgs{display:inline-block;position:relative;height:6.79rem;}
@keyframes myfirst2
{
from {transform:translate(-50%,-50%) rotate(0deg);}
to {transform:translate(-50%,-50%) rotate(360deg);}
}
.tem_index_case .editor .imgs:before{content:'';width:7.85rem;height:7.85rem;background:url(../images/icon2-4.png) 0 0 no-repeat;background-size:7.85rem 7.85rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation: myfirst2 20s infinite linear;}
.tem_index_case .editor .imgs>img {max-width:7.85rem;transition:none;position:relative;z-index:2}
.tem_index_case .editor .imgs>div{position:absolute;z-index:3}
.tem_index_case .editor .t1 {padding-right:2.16rem;top:47%;left:-44%; display: flex;    flex-direction: row;    align-items: center;width:5rem;text-align:right;}
.tem_index_case .editor .imgs>div>*{display:inline-block;vertical-align:middle;}
.tem_index_case .editor .imgs>div>p>img{width:1.07rem;transition:none;}
.tem_index_case .editor .imgs>div>p{margin:0}
.tem_index_case .editor .imgs>div>h6{font-size:.2rem;color:#222;padding-left:.12rem;}
.tem_index_case .editor .imgs>div>.it_m{position:absolute;display:none;transition:none;background: #1d47b0;
padding: .3rem .3rem .45rem;
text-align: left;
width: 3.07rem;
border-radius: 10px;top:0;right:0;z-index:10}
.tem_index_case .editor .imgs>div.t2>.it_m{right:auto;left:1.4rem}
.tem_index_case .editor .imgs>div.t1>.it_m{right:2.16rem}
.tem_index_case .editor .t1:before{content:'';width:1.94rem;height:.8rem;background:url(../images/icon2-1.png) 0 0 no-repeat;background-size:1.94rem .8rem;position:absolute;right:0;top:42%}
.tem_index_case .editor .t2 {top:1%;left:58%;padding-left:1.4rem;    display: flex;    flex-direction: row;    align-items: center;width:5rem;text-align:left;}
.tem_index_case .editor .t2:before{content:'';width:1.15rem;height:4.83rem;background:url(../images/icon2-2.png) 0 0 no-repeat;background-size:1.15rem 4.83rem;position:absolute;left:0;top:42%}

.tem_index_case .editor .t3 {right:-39%;bottom:40%;display: flex;    flex-direction: row;    align-items: center;width:3.07rem;text-align:right;}

.tem_index_case .editor .imgs>div>.it_m .name {margin:0 0 .22rem;}
.tem_index_case .editor .imgs>div>.it_m .name>*{display:inline-block;vertical-align:middle;width:29%;margin:0}
.tem_index_case .editor .imgs>div>.it_m .name img {width:.71rem;transition:none;}
.tem_index_case .editor .imgs>div>.it_m .name em {width:71%;font-size:.18rem;color:#FFF}
.tem_index_case .editor .imgs>div>.it_m .txt {font-size:.16rem;color:#FFF;line-height:1.7}

.tem_index_case .editor .t3:before{content:'';width:.88rem;height:.95rem;background:url(../images/icon2-3.png) 0 0 no-repeat;background-size:.88rem .95rem;position:absolute;left:-.94rem;top:.52rem;}


.tem_index_about{position:relative;background:#f3f3f3;}
.tem_index_about>div{display:inline-block;vertical-align:top;width:50%}
.tem_index_about .imgs{overflow:hidden;}
.tem_index_about .imgs img{width:100%;height:8.1rem;object-fit:cover;transition:none;}
.tem_index_about .text{padding:1.35rem 2.6rem 0 .9rem;}
.tem_index_about .text h3{font-size:.4rem;color:#222;font-weight:bold;margin:0 0 .54rem;padding:0 0 .3rem;position:relative}
.tem_index_about .text h3:after{content:'';width:.41rem;height:5px;background:#1f3a99;position:absolute;bottom:0;left:0}
.tem_index_about .text .editor{font-size:.16rem;color:#474747;line-height:1.65;text-indent:2em;}
.tem_index_about .nums{width:60%;right:2.6rem;bottom:.6rem;z-index:2;position:absolute;}
.tem_index_about .nums:before{content:'';width:100%;height:100%;background:rgba(1,88,159,.9);position:absolute;top:0;left:0;}
.tem_index_about .nums>div{position:relative;z-index:2;padding:.3rem .55rem .35rem;border-right:2px solid rgba(255,255,255,.36)}
.tem_index_about .nums img{max-height:.58rem;transition:none;}
.tem_index_about .nums h6{font-size:.5rem;color:#FFF;font-weight:bold;margin:.2rem 0 .3rem;}
.tem_index_about .nums p{font-size:.16rem;color:#FFF;margin:0}
.tem_index_about .nums>div:last-child {border:0}

.tem_index_honor{padding:.43rem 0 .95rem;}
.tem_index_honor>div{position:relative}
.tem_index_honor .swiper-slide{padding:.32rem .2rem;}
.tem_index_honor .swiper-slide a{display:block;position:relative;overflow:hidden;padding:0 .13rem;height:4.32rem;line-height:4.32rem;text-align:center;box-shadow:.08rem .08rem .13rem rgba(0,0,0,.11);}
.tem_index_honor .swiper-slide img{max-height:4.1rem;transition:none;}
.tem_index_honor .swiper-page>div{position:absolute;left:-.65rem;top:50%;transform:translateY(-50%);outline:none;width:.48rem;height:.48rem;border:2px solid #aaa;border-radius:100%;line-height:.44rem;text-align:center;font-size:.22rem;color:#868686}
.tem_index_honor .swiper-page>div.slide-button-next {left:auto;right:-.65rem;}
.tem_index_honor .swiper-page>div:hover {background:#efa803;border-color:#efa803;color:#FFF}

.tem_index_parth{padding:.95rem 0 1.35rem;background:url(../images/icon3.jpg) center no-repeat;background-size:cover;}
.tem_index_parth h3{font-size:.4rem;color:#1b2a75;text-align:center;padding:0 0 .25rem;position:relative;margin:0 0 .7rem;}
.tem_index_parth h3:after{content:'';width:.41rem;height:5px;background:#1b2a75;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.tem_index_parth li{padding:0;margin:0;border:1px solid #e6e6e7;text-align:center;line-height:1.1rem;height:1.1rem;background:#FFF;cursor:pointer;}
.tem_index_parth li img{display:inline-block;max-height:.99rem;transition:none;}
.tem_index_parth li span{background:none !important;}
.tem_index_parth li:hover {transform:translateY(-1px);box-shadow:2px 2px 4px rgba(0,0,0,.22);z-index:3}


.index_news{background:#eff4f9}
.index_news .title{padding:.85rem 0 0}
.index_news   .title h1{text-align:center;font-size:.4rem;color:#000000;padding:0 0 .3rem;position:relative}
.index_news   .title h1:after{content:"";position:absolute;background:#01589f;width:.4rem;height:5px;left:50%;transform:translateX(-50%);bottom:0}
.index_news  .swiper-page{display:flex;justify-content: flex-end;padding:0 0 .4rem}
.index_news  .swiper-page>div{outline:none;width:.48rem;height:.48rem;border-radius:100%;line-height:.48rem;text-align:center;font-size:.25rem;color:#0577d4;background:white;margin-left:.1rem}

.index_news  .swiper-page>div:hover {background:#0577d4;color:#FFF}
.index_news  .lists a {display:block;background:white}
.index_news  .lists a  .img{overflow:hidden}
.index_news  .lists a  img{max-height:2rem;height:2rem;width:100%}
.index_news  .lists a .text{padding:.22rem .33rem .35rem}
.index_news  .lists a .text span{font-size:.16rem;color:#7e7e7e;}
.index_news  .lists a .text h2{font-size:.2rem;color:#525252;font-weight:bold;margin:.25rem 0 .65rem;;line-height:.25rem;height:.5rem;overflow:hidden}
.index_news  .lists a .text em{font-size:.16rem;color:#525252;}
.index_news  .lists a:hover img{transform:scale(1.1)}
.index_news  .slide-pagination{text-align:center;padding:.75rem 0 .84rem}
.index_news  .slide-pagination span{width:.1rem;height:.1rem;background:none;opacity:1;border:1px solid #4194d2}
.index_news  .slide-pagination span.swiper-pagination-bullet-active{background:#efa803;border-color:#efa803}
.footer{background:#f0f0f0;padding:.65rem 0 .5rem}
.footer .infos{margin:0 0 .25rem;}
.footer .infos>div{display:inline-block;vertical-align:top;width:24%}
.footer .infos .f_nav{padding:0 .15rem 0 0;}
.footer .infos .f_nav li {margin:0 0 .2rem;}
.footer .infos .f_nav li a{font-size:.16rem;color:#333}
.footer .infos .f_searchs{width:44%;padding:0 .15rem 0 0}
.footer .infos .f_searchs .item{margin:0 0 .68rem;}
.footer .infos .f_searchs .item p{font-size:.16rem;color:#333;margin:0 0 .25rem;}
.footer .infos .f_searchs .item .box {position:relative;width:72%;padding:0 1.23rem 0 0}
.footer .infos .f_searchs .item .box input {width:100%;height:.51rem;min-height:35px;background:#FFF;border:1px solid #aaa;padding:0 .15rem;font-size:.14rem;color:#333;}
.footer .infos .f_searchs .item .box button {position:absolute;right:0;top:0;background:#01589f;height:.51rem;min-height:35px;font-size:.18rem;color:#FFF;text-align:center;border:0;width:1.23rem;}
.footer .infos .f_searchs .share a{font-size:.16rem;color:white;display:inline-block;height:.36rem;line-height:.36rem;padding:0 .5rem 0 .65rem;border-radius:50px;background:#efa803 url(../images/zx.png) 18% center no-repeat;}
.footer .infos .f_infos{width:32%}
.footer .infos .f_infos .txt{margin:0 0 .4rem;}
.footer .infos .f_infos .txt>div{display:inline-block;vertical-align:bottom;padding:0 .15rem 0 0;}
.footer .infos .f_infos .txt>div:last-child{padding:0 0 0 .15rem;}
.footer .infos .f_infos h6{font-size:.16rem;color:#333;margin:0 0 .35rem;}
.footer .infos .f_infos p{font-size:.14rem;color:#525151;margin:0 0 .18rem;}
.footer .infos .f_infos p:last-child{margin:0}
.footer .infos .f_infos .code>div{display:inline-block;vertical-align:top;margin:0 .2rem 0 0}
.footer .infos .f_infos .code img{width:1.14rem;transition:none;}
.footer .infos .f_infos .code p{font-size:.14rem;color:#525151;margin:.12rem 0 0;text-align:center;}
.footer .copy,.footer .copy a {font-size:.14rem;color:#525151;}
.head-page {background:rgba(255,255,255,.7);top:0}
.head-page>div{margin:0 2.6rem;background:none;border-radius:0;padding:0}
.head-page.is_header{background:linear-gradient(to bottom,#eaedf2,#ebeef3)}

.page_title{position:absolute;top:50%;left:0;width:100%;text-align:center;z-index:2;transform:translateY(-50%);}
.page_title h3 {font-size:.48rem;color:#FFF;padding:0 0 .35rem;position:relative}
.page_title h3:after{content:'';width:.49rem;height:6px;background:#FFF;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-radius:35px;}
.page_title h4{font-size:.48rem;color:#FFF;}
.page_title p{font-size:.24rem;color:#FFF;margin:.35rem 0 0}

.mbx {background:#FFF;padding:.25rem 0 0}
.mbx,.mbx a{font-size:.16rem;color:#595959}
.mbx a i {font-size:.18rem;padding:0 5px 0 0}
.mbx a:first-child+a {display:none;}
.mbx>div>i {padding:0 .1rem;}
/**/
.company{padding:.55rem 0 .75rem}
.company >div>div{display:inline-block;vertical-align:middle;width:52.5%}
.company .text h4{padding-left:1.18rem;position:relative}
.company .text h4 span{font-size:.36rem;color:#1b2a75;padding:0 0 .2rem;display:inline-block;border-bottom:6px solid #1b2a75}
.company .text h4:before,.company .text h4:after{content:'';width:.45rem;height:.45rem;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:100%;border:3px solid #1b2a75}
.company .text h4:after{border:2px solid #bfbfbf;left:.16rem;width:.14rem;height:.14rem;}
.company .text p{font-size:.36rem;color:#333333;margin:.8rem 0 0;padding:0 1rem 0 1.18rem;line-height:2}
.company .text p i{color:#1b2a75;display:block;}
.company .editor{width:47.5%;font-size:.18rem;color:#4d4d4d;line-height:1.8}

.workshop{position:relative;background:#f5f5f5}
.workshop >div{display:inline-block;vertical-align:top;width:21%}
.workshop .column {padding:.98rem .3rem 0 2.6rem;position:absolute;left:0;top:0;background:#e8e8e8;height:100%}
.workshop .column ol {margin:0;padding:0}
.workshop .column ol li {margin:0 0 .3rem;}
.workshop .column ol li a{display:block;background:#9d9d9d;border-radius:8px;text-align:center;line-height:.45rem;font-size:.16rem;color:#FFF}
.workshop .column ol li#current a,.workshop .column ol li a:hover{background:#1b2a75;color:#FFF}
.workshop .itembox{width:79%;padding:.98rem 2.6rem .3rem .1rem;margin-left:21%;min-height:8.2rem;}
.workshop .itembox .items{padding:0 0 0 .28rem;margin:0 0 .35rem;display:inline-block;vertical-align:top;width:33.3333%}
.workshop .itembox .items img{width:100%;height:2.57rem;object-fit:cover;transition:none;}
.workshop .itembox .items p{font-size:.16rem;color:#333333;margin:.3rem 0 0;text-align:center;}

.cutlure{padding:.95rem 0 1.15rem;text-align:center}
.cutlure h3{font-size:.36rem;color:#1b2a75;display:inline-block;padding:0 0 .33rem;border-bottom:6px solid #1b2a75;}
.cutlure>div>p {font-size:.3rem;color:#1b2a75;margin:.4rem 0 .58rem;}
.cutlure .editor>div{padding:0 .24rem;}
.cutlure .editor .imgs {display:inline-block;position:relative;border-radius:6px;overflow:hidden}
.cutlure .editor .imgs>img {width:100%;height:5.22rem;object-fit:cover;transition:none;}
.cutlure .editor .t1 {position:absolute;top:.5rem;left:0;z-index:1;width:100%}
.cutlure .editor .t1 p{font-size:.18rem;color:#FFF;margin:0}
.cutlure .editor .t1 p img{max-height:.86rem;transition:none;}
.cutlure .editor .t1 h6{font-size:.24rem;color:#FFF;margin:.2rem 0 .3rem;}
.cutlure .editor .t2 {position:absolute;bottom:.75rem;left:0;width:100%;z-index:2;padding:0 .3rem;}
.cutlure .editor .t2 p{font-size:.16rem;color:#FFF;line-height:1.9;margin:.2rem 0 0}
.cutlure .editor>div:hover .imgs{box-shadow:3px 3px 7px rgba(0,0,0,.15);transform:translateY(-5px)}

.history{padding:1rem 0 2rem;background-position:center bottom;background-repeat:no-repeat;background-size:cover;}
.history h3{font-size:.36rem;color:#1b2a75;text-align:center;margin:0 0 1.5rem}
.history h3 span{display:inline-block;padding:0 0 .33rem;border-bottom:6px solid #1b2a75;}
.history .lists{padding:0 2.6rem;position:relative}
.history .lists:after{content:"";position:absolute;background:#1b2a75;width:100%;height:2px;top:50%;transform:translateY(-50%);left:0}
.history .lists .item {text-align:center;height:2rem;display:flex;flex-direction: column;justify-content: space-between;}
.history .lists .item.xss{flex-direction:column-reverse}
.history .lists .item>*{height:45%}
.history .lists .item h1{font-size:.24rem;color:#1b2a75;font-weight:bold;display:flex;flex-direction: column;justify-content: center;align-items: center;position:relative;padding:0 0 .3rem}
.history .lists .item.xss h1{padding:.3rem 0 0}
.history .lists .item h1:before{content:'';width:.27rem;height:.35rem;background:url(../images/icon5.png) 0 0 no-repeat;background-size:.27rem .35rem;position:absolute;left:50%;;transform:translateX(-50%);bottom:0;z-index:2}
.history .lists .item.xss h1:before{top:0;transform:translateX(-50%) rotate(180deg)}
.history .lists .item p{font-size:.16rem;color:#000;margin:0;}

.history .lists .swiper-page>div{position:absolute;top:80%;left:5%;width:.4rem;height:.4rem;;border-radius:100%;;line-height:.35rem;text-align:center;font-size:.24rem;color:#333;border:2px solid #333}
.history .lists .swiper-page>div.slide-button-next{left:auto;right:5%}
.history .lists .swiper-page>div:hover{background:#1b2a75;color:white;border-color:#1b2a75}
/* .history .lists>div .editor{font-size:.16rem;color:#2f2f2f;line-height:1.75;display:none;margin:.3rem 0 0}
.history .lists .item0 {bottom:0;left:0;padding:0 0 1.1rem .8rem;width:33.5%;}
.history .lists>div>div:before{content:'';width:.27rem;height:.35rem;background:url(../images/icon5.png) 0 0 no-repeat;background-size:.27rem .35rem;position:absolute;left:.23rem;top:0;z-index:2}
.history .lists .item0:after{content:'';width:2px;height:94%;background:#848cb4;position:absolute;left:.36rem;bottom:0;}
.history .lists>div .editor:before,.history .lists>div .editor:after{content:'';width:.85rem;height:.85rem;background:#1b2a75;border-radius:100%;position:absolute;bottom:-.3rem;left:0;z-index:4}
.history .lists>div .editor:after{background:#519bf4;bottom:-.09rem;left:.21rem;width:.42rem;height:.42rem;}
.history .lists .item0 .editor{display:block;}
.history .lists .item1 {bottom:0;left:34%;padding:.52rem 0 0 .16rem;}
.history .lists .item1:before{left:0;top:0}
.history .lists .item2 {left:52.5%;padding:0 0 .6rem 4px;top:27%}
.history .lists .item2:before{left:auto;top:auto;right:0;bottom:0}
.history .lists .item3 {top:0;left:auto;right:0;padding:.43rem 0 0 .27rem;width:30.7%;}
.history .lists .item3:before{left:0;top:-.35rem}
.history .lists .item3 .editor{display:block;}
.history .lists .item3 .editor:before,.history .lists .item3 .editor:after{display:none;} */

.honor{padding:1.05rem 0 1.65rem;background:linear-gradient(to bottom,#FFF,#eff6fa);}
.honor h3{font-size:.36rem;color:#1b2a75;text-align:center;margin:0 0 .75rem}
.honor h3 span{display:inline-block;padding:0 0 .33rem;border-bottom:6px solid #1b2a75;}
.honor .lists .swiper-slide {padding:.16rem .32rem .32rem .16rem;}
.honor .lists .swiper-slide a{display:flex;background:#FFF;border-radius:12px;box-shadow:.08rem .08rem .24rem rgba(0,0,0,.11);width:100%;flex-direction: column;    align-items: center;position:relative;padding: .2rem .35rem}
.honor .lists .swiper-slide a img{max-height:2.3rem}
.honor .lists .swiper-slide h6 {font-size:.24rem;color:#1b2a75;padding:.2rem 0  0}

.honor .lists .swiper-slide a:hover{transform:scale(.98)}
.honor .lists .swiper-page{margin:.8rem 0 0;position:relative}
.honor .lists .swiper-page .slide-scrollbar{width:100%;height:1px;background:#dfdfdf}
.honor .lists .swiper-page .slide-scrollbar>div{background:#1b2a75;position:relative}
.honor .lists .swiper-page .slide-scrollbar>div:before{content:'';width:.12rem;height:.12rem;background:#1b2a75;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.honor .lists .swiper-page .pages{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2}
.honor .lists .swiper-page .pages>div{display:inline-block;vertical-align:middle;outline:none;width:.41rem;height:.41rem;margin-left:.38rem;background:#909090;border-radius:100%;line-height:.41rem;text-align:center;font-size:.18rem;color:#FFF}
.honor .lists .swiper-page .pages>div:hover {background:#1b2a75;}
.honor h4{font-size:.36rem;color:#1b2a75;text-align:center;margin:1rem 0 .25rem}
.honor h4 span{display:inline-block;padding:0 0 .33rem;border-bottom:6px solid #1b2a75;}
.honor .lists2 {margin:.35rem 0 0;position:relative;padding:0 .9rem;}
.honor .lists2 .swiper-slide{padding:.16rem .32rem .32rem .16rem;}
.honor .lists2 .swiper-slide a{display:block;background:#FFF;padding:0 .13rem;overflow:hidden;text-align:center;height:4.3rem;line-height:4.3rem;box-shadow:.08rem .08rem .24rem rgba(0,0,0,.11);}
.honor .lists2 .swiper-slide img{max-height:4.04rem;transition:none;}
.honor .lists2 .swiper-slide a:hover{transform:scale(.99)}
.honor .lists2 .swiper-page>div{position:absolute;top:50%;left:0;transform:translateY(-50%);outline:none;width:.48rem;height:.48rem;border:2px solid #aaa;line-height:.44rem;text-align:center;font-size:.21rem;color:#868686;border-radius:100%}
.honor .lists2 .swiper-page>div.slide-button-next{left:auto;right:0}
.honor .lists2 .swiper-page>div:hover{background:#1b2a75;border-color:#1b2a75;color:#FFF}
.outfit_box{}
.outfit_box main {padding:.55rem 0 1.45rem;}
.outfit_box h2{font-size:.36rem;color:#1b2a75;font-weight:bold;margin:0 0 .5rem;text-align:center}
.outfit_box ol {margin:0;padding:0;background:#fbfbfb;}
.outfit_box ol li {display:inline-block;vertical-align:middle;width:20%;text-align:center;position:relative}
.outfit_box ol li>a{display:block;font-size:.22rem;color:#272727;font-weight:bold;border-right:1px solid #e6e6e6;line-height:.82rem;}
.outfit_box ol li>a>i {font-size:.16rem;margin-left:.1rem;}
.outfit_box ol li dl{margin:0;padding:0;position:absolute;top:100%;left:0;width:100%;z-index:1;background:#FFF;display:none;transition:none;}
.outfit_box ol li dl dd a{display:block;font-size:.18rem;color:#272727;border-bottom:1px solid #e6e6e6;line-height:.5rem}

.outfit_box ol li:last-child a{border-right:0}
.outfit_box ol li.on>a,.outfit_box ol li>a:hover {color:#27347b}
.outfit_box .infos{background:#f5f5f5;padding:1.15rem .58rem .8rem;}
.outfit_box .infos>div{display:inline-block;vertical-align:middle;width:50%}
.outfit_box .infos h4{font-size:.3rem;color:#272727;margin:0 0 .5rem;}
.outfit_box .infos .editor{font-size:.16rem;color:#464646;line-height:1.7;padding:0 0 1.1rem;position:relative}
@keyframes dropdown1 {
	form{
		background-position:center .05rem;
	}
	to{
		background-position:center .2rem;
	}
}
.outfit_box .infos .editor:after{content:'';width:.42rem;height:.42rem;border:2px solid #384381;border-radius:100%;position:absolute;left:0;bottom:0;background-image:url(../images/icon6-1.png);background-size:.1rem .12rem;animation: dropdown1 .7s 0.2s linear infinite alternate;background-position:center .05rem;background-repeat:no-repeat;}
.outfit_box .infos .imgs{padding:0 0 0 1rem;text-align:center}
.outfit_box .lists{padding:.35rem 0 .3rem;}

.outfit_box .lists li {margin:0 0 .25rem;font-size:0}
.outfit_box .lists li a{display:block;position:relative;background:#f8f8f8;padding:.4rem .32rem;}
.outfit_box .lists li a>div{display:inline-block;vertical-align:middle;}
.outfit_box .lists li .img {width:36.5%;overflow:hidden}
.outfit_box .lists li .imgs img{width:3.7rem;height:3.7rem;object-fit:cover}
.outfit_box .lists li .text {width:63.5%;padding: 0 .2rem}
.outfit_box .lists li .text h6{font-size:.2rem;color:#363738;margin:0 0 .35rem;}
.outfit_box .lists li .text span {font-size:.14rem;color:#626262;}
.outfit_box .lists li .text p{font-size:.16rem;color:#656565;line-height:.28rem;height:.56rem;overflow:hidden;margin:.35rem 0 0}
.outfit_box .lists li img {-webkit-animation-fill-mode:none;animation-fill-mode:none;}
.outfit_box .lists li a:hover img {transform:scale(1.06)}
.outfit_box .filed{}
.outfit_box .filed h4{font-size:.36rem;color:#1b2a75;margin:0 0 .6rem;}
.outfit_box .filed ul {display:block;width:100%;}
.outfit_box .filed ul li {padding:0 4px;margin:0 0 .1rem;}
.outfit_box .filed ul li .imgs{position:relative}
.outfit_box .filed ul li .imgs h6 {position:absolute;bottom:.35rem;left:.25rem;z-index:1;font-size:.16rem;color:#FFF}
.outfit_box .filed ul li .imgs h6 em {display:block;margin:0 0 .15rem}

.product_box .lists>*{display:block;width:100% !important;}
.product_box .lists .titles {text-align:center;margin:0 0 .55rem;}
.product_box .lists ul li {padding:0 .12rem;}

.show_product{padding:.95rem 0 1.4rem}
.show_product .mbx {background:#f5f5f5;padding:.29rem 0}
.show_product main{padding:.6rem 0 0}
.show_product .pages{position:relative;margin:0 0 .4rem;}
.show_product .pages>p{display:inline-block;vertical-align:middle;width:50%;}
.show_product .pages>p a{display:inline-block;font-size:.24rem;color:#484747;}
.show_product .pages>p img{width:.15rem;transition:none;margin:0 .23rem 0 0}
.show_product .pages>p:last-child img{margin:0 0 0 .23rem;}
.show_product .imgsbox{box-shadow:0 0 .38rem rgba(0,0,0,.11);background:#FFF}
.show_product .imgsbox>div{display:inline-block;vertical-align:middle;width:57%;position:relative}
.show_product .imgsbox .imglist {background:#f7f7f7;}
.show_product .imgsbox .imglist #gallery .swiper-slide{height:5.26rem;line-height:5.26rem;text-align:center;}
.show_product .imgsbox .imglist #gallery .swiper-slide img{max-height:4.5rem;transition:none;}
.show_product .imgsbox .imglist #gallery video {width:100%;height:100%;background:#000;object-fit:cover;}
.show_product .imgsbox .imglist #thumbs{position:absolute;top:100%;left:0;width:100%;transform:translateY(.17rem)}
.show_product .imgsbox .imglist #thumbs .swiper-slide {background:#f7f7f7;text-align:center;cursor:pointer;border-radius:5px;overflow:hidden}
.show_product .imgsbox .imglist #thumbs .swiper-slide img{width:100%;height:.92rem;transition:none;object-fit:cover;}
.show_product .imgsbox .imglist #thumbs .swiper-slide:last-child:before{content:'';width:.17rem;height:.2rem;background:url(../images/icon6-5.png) 0 0 no-repeat;background-size:.17rem .2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.show_product .imgsbox .text{width:43%;padding:0 .45rem;}
.show_product .imgsbox .text h4{font-size:.24rem;color:#2a377d;margin:0 0 .3rem;}
.show_product .imgsbox .text h4 em{font-size:.16rem;color:#444343;margin:.2rem 0 0;display:block;text-transform:uppercase}
.show_product .imgsbox .text .infos{font-size:.16rem;color:#484747;margin:0 0 .3rem}
.show_product .imgsbox .text .mores p{font-size:.16rem;color:#1b2a75}
.show_product .imgsbox .text .mores p img{max-height:.31rem;margin:0 .12rem 0 0;transition:none;}
.show_product .content{margin:2.2rem 0 0;padding:.4rem 0 0;border-top:2px solid #e7e7e7}
.show_product .content ol{margin:0 0 .45rem;background:#eee;padding:0}
.show_product .content ol li{display:inline-block;margin-right:2px;}
.show_product .content ol li a{display:block;font-size:.2rem;color:#2a2a2a;line-height:.61rem;min-width:1.77rem;text-align:center;background:#d9d9d9;padding:0 .2rem;}
.show_product .content ol li#current a{background:#27347b;color:#FFF}
.show_product .content .itembox>div{font-size:.16rem;color:#484747;line-height:1.65}
.show_product .content .itembox>div table{width:100%!important}
.show_product .content .itembox>div table td{border:1px solid black}
/*æ–°é—»*/
.news_box{padding:0 0 1.85rem}
.news_box .listbox{padding:.55rem 0 1.65rem}
.news_box .listbox h3{font-size:.36rem;color:#1b2a75;text-align:center;margin:0 0 .5rem;}
.news_box .listbox h3 span{display:inline-block;padding:0 0 .33rem;border-bottom:6px solid #1b2a75;}
.news_box .listbox .swiper-slide>div{display:inline-block;vertical-align:top;padding:0 .15rem;margin:0 0 .65rem;width:33.3333%}
.news_box .listbox .swiper-slide a{display:block;position:relative;background:#f5f5f5;border-radius:12px 12px 0 0;overflow:hidden}
.news_box .listbox .swiper-slide .imgs{}
.news_box .listbox .swiper-slide .imgs img{width:100%;height:2.7rem;object-fit:cover;transition:none;}
.news_box .listbox .swiper-slide .text{padding:.45rem .22rem .85rem;position:relative;position:relative}
.news_box .listbox .swiper-slide .text span{font-size:.18rem;color:#9f9f9f;}
.news_box .listbox .swiper-slide .text h6{font-size:.2rem;color:#424242;margin:.3rem 0 .25rem;line-height:.27rem;height:.54rem;overflow:hidden}
.news_box .listbox .swiper-slide .text p{font-size:.16rem;color:#424242;height:.26rem;height:.78rem;overflow:hidden;margin:0}
.news_box .listbox .swiper-slide .text:after{content:'';width:.26rem;height:.12rem;background:url(../images/icon7.png) 0 0 no-repeat;background-size:.26rem .12rem;position:absolute;bottom:.29rem;right:.22rem;}

.news_box  .swiper-page{text-align:center;margin:.3rem 0 0}
.news_box  .swiper-page>div{display:inline-block;vertical-align:middle;margin:0 .14rem;outline:none;width:auto;}
.news_box  .swiper-page>div.slide-button-next,.news_box  .swiper-page>div.slide-button-prev,.news_box  .swiper-page>div span{width:.36rem;height:.36rem;border:1px solid #303030;line-height:.34rem;font-size:.18rem;color:#323232;border-radius:3px;}
.news_box  .swiper-page>div span{opacity:1;outline:none;margin:0 5px;background:none;}
.news_box  .swiper-page>div span.swiper-pagination-bullet-active{background:#1b2a75;color:#FFF}

.news_box  .swiper-slide a:hover{box-shadow:2px 2px 4px rgba(0,0,0,.12);}
.news_box .training {}
.news_box .training h3{font-size:.36rem;color:#1b2a75;text-align:center;margin:0 0 .5rem;}
.news_box .training h3 span{display:inline-block;padding:0 0 .33rem;border-bottom:6px solid #1b2a75;}
.news_box .training .imgbox{margin:0 0 .63rem;}
.news_box .training .imgbox>div{display:inline-block;vertical-align:top;width:58%}
.news_box .training .imgbox .text{background:#f6faff;border-radius:0 45px 0 0;padding:1rem 1rem .9rem 2.6rem;}
.news_box .training .imgbox .text .title{margin:0 0 .6rem;}
.news_box .training .imgbox .text .title h6{font-size:.3rem;color:#15499a;}
.news_box .training .imgbox .text .title p{font-size:.2rem;color:#8d8d8d;margin:.15rem 0 0;text-transform:uppercase;}
.news_box .training .imgbox .text .txt {font-size:.2rem;color:#212121;line-height:1.65}
.news_box .training .imgbox .imgs{width:42%;margin:1rem 0 0;border-radius:0 0 0 45px;overflow:hidden}
.news_box .training .imgbox .imgs img{}
.news_box .training .lists .swiper-slide img{width:100%;height:3.2rem;object-fit:cover;}
.news_box .training .lists .swiper-slide a{display:block;position:relative;overflow:hidden;}
.news_box .training .lists .swiper-slide a:hover img{transform:scale(1.06)}


.soule_box{padding:.75rem 0 1.4rem;}
.soule_box .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.soule_box .lists .items{width:48%;margin:0 0 .48rem}
.soule_box .lists .items a{padding:.53rem 1.5rem .7rem .3rem;background:#f7faff;display:block;position:relative}
.soule_box .lists .items a:after{content:"";position:absolute;background:url(../images/download.png) 0 0 no-repeat;width:.33rem;height:.33rem;transition:.3s;background-size:100%;right:.8rem;top:53%;transform:translateY(-50%)}
.soule_box .lists .items a h1{font-size:.18rem;color:#818181;padding:0 0 .3rem;}
.soule_box .lists .items a  h2{font-size:.24rem;color:#161616}
.soule_box .lists .items a:hover h2{color:#004487}
.soule_box .lists .items a:hover:after{background:url(../images/download1.png) 0 0 no-repeat;width:.33rem;height:.33rem;transition:.3s;}

.contact_box{}
.contact_box .infos{padding:.55rem 0 0}
.contact_box .infos>div{display:inline-block;vertical-align:middle;width:56%}
.contact_box .infos .text{padding:0 .45rem 0 2.6rem;}
.contact_box .infos .text h4{font-size:.36rem;color:#1b2a75;margin:0 0 .5rem;}
.contact_box .infos .text .editor h5{font-size:.24rem;color:#292929;margin:0 0 .25rem;}
.contact_box .infos .text .editor>p {font-size:.18rem;color:#1b2a75;margin:0 0 .5rem;}
.contact_box .infos .text .editor .item h6{font-size:.24rem;color:#4d4d4d;margin:0 0 .24rem;}
.contact_box .infos .text .editor .item p{font-size:.18rem;color:#373737;}
.contact_box .infos .map{width:44%}
.contact_box .infos .map #container {width:100%;height:5.6rem;}
.video_box{padding:.84rem 0 .88rem;border-bottom:1px solid #DBDBDB}
.video_box h3 {font-size:.46rem;color:#333333;margin:0 0 .75rem;text-align:center;}
.video_box .lists ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem 1.3rem}
.video_box .lists .imgs>span>img {width:100%;object-fit:cover;transition:none}
.video_box .lists .imgs {position:relative}
.video_box .lists li a>p{font-size:.2rem;color:#333;margin:.25rem 0 0;line-height:.32rem;height:.64rem;overflow:hidden;}
.video_box .lists .imgs p {position:absolute;bottom:.15rem;left:.15rem;z-index:1;font-size:.14rem;color:#FFF;margin:0}
.video_box .lists .imgs p img {max-height:.18rem;transition:none;margin-right:.1rem;display:inline-block;vertical-align:middle;}
.video_box .lists li a:hover .imgs {box-shadow:4px 4px 6px rgba(0,0,0,.15)}

.video_form {position:fixed;top:0;left:0;background:rgba(0,0,0,.8);z-index:999;width:100%;height:100%;transition:none;display:none;}
.video_form .mains {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}
.video_form .mains.mains_on {top:60%;opacity:0;visibility:hidden;}
.video_form .mains .itembox .tit {margin:0 0 .93rem;border-bottom:2px solid #DBDBDB;padding:.28rem 0;position:relative;text-align:center;font-size:.32rem;color:#FFF}
.video_form .mains .itembox .close_ {position:absolute;right:.3rem;top:50%;width:.56rem;height:.56rem;text-align:center;border:1px solid #9E9E9E;border-radius:100%;cursor:pointer;transform:translateY(-50%)}
.video_form .mains .itembox .close_:before,.video_form .mains .itembox .close_:after{content:'';width:.16rem;height:2px;background:#9E9E9E;position:absolute;top:50%;left:50%;transition:all .4s linear;}
.video_form .mains .itembox .close_:before{transform:translate(-50%,-50%) rotate(-45deg)}
.video_form .mains .itembox .close_:after{transform:translate(-50%,-50%) rotate(45deg)}
.video_form .mains .itembox .editor video {width:100%;max-width:12rem;margin:0 auto;max-height:6.75rem;background:#000}
.video_form .mains .itembox .editor{text-align:center;}
.region-list{position:absolute;left:0;top:0}
@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box{width:10px;height:10px;position:relative}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#1b2a75;opacity:1;filter:alpha(opacity=100)}

.area-box .pulse{position:absolute;top:50%;left:50%;height:30px;width:30px;border:2px solid #1b2a75;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #1b2a75,0 0 10px #1b2a75 inset;-moz-box-shadow:0 0 4px #1b2a75,0 0 10px #1b2a75 inset;box-shadow:0 0 4px #1b2a75,0 0 10px #1b2a75 inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;margin:-15px 0 0 -15px}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.show-regin{position:absolute;font-size:.16rem;color:#1b2a75;top:-6px;left:.3rem;width:1.4rem;}

.contact_box .network{background:#f5f5f5;padding:.85rem 0 .9rem}
.contact_box .network>div{position:relative;padding-left:2.27rem;}
.contact_box .network h4{position:absolute;font-size:.36rem;color:#1b2a75;left:0;top:.4rem;}
.contact_box .network>div>p{position:absolute;margin:0;left:0;bottom:1.4rem;font-size:.18rem;color:#222222}
.contact_box .network .imgs{position:relative;}
.contact_box .network .postition-1{top:38%;left:17%}
.contact_box .network .postition-2{top:36%;left:48%;}
.contact_box .network .postition-2 .show-regin{left:auto;right:.3rem;text-align:right;}
.contact_box .network .postition-3{top:31%;left:49%}
.contact_box .network .postition-3 .show-regin{left:50%;text-align:center;top:-.3rem;transform:translateX(-50%)}
.contact_box .network .postition-4{top:33%;left:50%}
.contact_box .network .postition-4 .show-regin{left:.2rem;top:-.17rem;}
.contact_box .network .postition-5{top:34%;left:54%}
.contact_box .network .postition-6{top:21%;left:67%}
.contact_box .network .postition-7{top:45%;left:65%}
.contact_box .network .postition-8{top:51%;left:68%}
.contact_box .network .postition-8 .show-regin{left:50%;text-align:center;top:.2rem;transform:translateX(-50%)}
.contact_box .network .postition-9{top:53%;left:74%}
.contact_box .network .postition-9 .show-regin{left:50%;text-align:center;top:.2rem;transform:translateX(-50%)}
.contact_box .network .postition-10{top:43%;left:82%}
.contact_box .network .postition-11{top:48%;left:80%}
.contact_box .network .postition-11 .show-regin{left:50%;text-align:center;top:-.3rem;transform:translateX(-50%)}
.contact_box .list{background:#f0f0f0;padding:1rem 0}
.contact_box .list .column {position:relative}
.contact_box .list .column .inner img{
  position: absolute;
  left: 25px;
  top: 45px;
}
.contact_box .list .grid-box{;display:grid;grid-template-columns:1fr 1fr;gap:.3rem .3rem }
.contact_box .list .grid-box .column{background:white;height:3rem}
.contact_box .list .grid-box .column .inner{padding:.4rem .4rem .4rem 1.6rem;}
.contact_box .list .grid-box .column:hover{
	 transform: translateY(-5px);
  box-shadow: 5px 5px 10px rgba(0,0,0,.08);}
.contact_box .list .grid-box .column .inner p:nth-of-type(1){
  font-size: .3rem;
  color: #333333;
  margin-bottom: .1rem;
}
.contact_box .list .grid-box .column .inner p:nth-of-type(2){
  font-size: .18rem;
  line-height:.24rem;
  color: #333;
}
.contact_box .list .grid-box .column .inner p{margin:0}
.contact_box .message{padding:1.1rem 0 1.4rem;}
.contact_box .message h4{font-size:.36rem;color:#1b2a75;margin:0 0 .55rem}
.contact_box .message .lists li {padding:0 .2rem;margin:0 0 .4rem;}
.contact_box .message .lists li input[type="text"],.contact_box .message .lists li textarea{width:100%;height:.95rem;min-height:35px;border:1px solid #c9c9c9;border-radius:16px;padding:0 .35rem;font-size:.18rem;color:#6c6c6c}
.contact_box .message .lists li textarea{height:2rem;padding:.35rem;}
.contact_box .message .lists li:last-child{margin:0}
.contact_box .message .lists li button {background:#1b2a75;font-size:.18rem;color:#FFF;border-radius:35px;padding:0 .95rem;height:.75rem;min-height:35px;border:0}

.contact_box .jobs{padding:.8rem 0 1.15rem;background:#f7f7f7}
.contact_box .jobs h4{font-size:.36rem;color:#1b2a75;margin:0 0 .55rem}
.contact_box .jobs #job .swiper-slide a{display:block;background:#FFF;border-radius:6px;overflow:hidden;padding:.46rem .35rem .4rem;}
.contact_box .jobs #job .swiper-slide h6{font-size:.2rem;color:#2b2b2b;margin:0 0 .35rem;font-weight:bold;}
.contact_box .jobs #job .swiper-slide a>span{font-size:.16rem;color:#5b5a5a;}
.contact_box .jobs #job .swiper-slide .mores{position:relative;margin:.49rem 0 0}
.contact_box .jobs #job .swiper-slide .mores em{font-size:.14rem;color:#5b5a5a;display:inline-block;border:1px solid #5a5a5a;border-radius:10px;padding:0 .38rem;line-height:.36rem;}
.contact_box .jobs #job .swiper-slide .mores span{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.16rem;color:#5b5a5a;font-weight:bold;}
.contact_box .jobs #job .swiper-slide-thumb-active .mores em {background:#1b2a75;color:#FFF;border-color:#1b2a75}
.contact_box .jobs #thumbs{margin:.35rem 0 0}
.contact_box .jobs #thumbs .swiper-slide .items{background:#FFF;border-radius:13px;padding:.45rem .35rem .5rem}
.contact_box .jobs #thumbs .items dl{margin:0;padding:0 0 .55rem;border-bottom:1px solid #eee;}
.contact_box .jobs #thumbs .items dl dd{display:inline-block;vertical-align:top;width:20%}
.contact_box .jobs #thumbs .items dl dd span{font-size:.14rem;color:#757575}
.contact_box .jobs #thumbs .items dl dd h6{font-size:.2rem;color:#1b1b1b;font-weight:bold;}
.contact_box .jobs #thumbs .items .text{padding:.45rem 0 .25rem; border-bottom:1px solid #eee;font-size:.14rem;color:#757575}
.contact_box .jobs #thumbs .items .email{padding:.25rem 0 0;font-size:.16rem;color:#1b2a75}

.quest h3{font-size:.36rem;color:#1b2a75;text-align:center;margin:0 0 .5rem;}
.quest h3 span{display:inline-block;padding:0 0 .33rem;border-bottom:6px solid #1b2a75;}
.quest .item {padding:0 0 .25rem;margin: 0 0 .25rem;border-bottom:1px dashed #ccc}
.quest .item>a>* {display:inline-block;vertical-align:middle;width:70%}
.quest .item .box h2 {font-size:.16rem;color:#333;font-weight: bolder;margin:0 0 .1rem}
.quest .item .box h2 i{display:inline-block;font-size:.14rem;color:#FFF;background:#052d85;padding:.06rem;margin:0 .1rem 0 0}
.quest .item .box em {font-size:.14rem;color:#333;line-height:.2rem;}
.quest .item>a>span{width:30%;text-align:right;}
.quest.item>a>span i{display:inline-block;background:rgba(222, 76, 58, 1);color:#FFF;font-size:.14rem;padding:0 .35rem;line-height:.35rem;}
.quest .item>a:hover .box h2{color:rgba(222, 76, 58, 1);}
.quest .item>a>span>i:hover {background:rgba(197,64,47,1)}
.quest .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}

.quest .item .submenu>i{font-size:.14rem;color:#FFF;background:rgb(5, 109, 173);padding:.06rem;position:absolute;left:0;top:.15rem}
 .page{padding:.3rem 0 0;display:flex;justify-content: center;}

 .page a{display:inline-block;width:40px;height:40px;line-height:40px;background:#e5e5e5;margin:0 .05rem;border-radius:5px;color:black;font-size:.16rem;}
 .page a:hover{background:#293e91;color:white}
 .page a.page-num-current{background:#293e91;color:white}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

/**************************/
@media(max-width:1800px){
	.header .logo{width:16%}
	.header .navlist {width:74%}
	.header .navlist li{padding:0 .08rem;}
	.header .navlist li a{padding:0 .13rem;}
	.tem_index_about .text{padding:1.35rem 1rem 0 .9rem;}

.tem_index_about .nums{width:60%;right:1rem;bottom:.6rem;z-index:2;}
.m185 {margin:0 1rem;}
}
@media(max-width:1600px){
.header .navlist>ul>li>a{padding:0 .05rem;}
.head-page>div{margin:0 1rem}
}
@media(max-width:1440px){
	.tem_index_about .text,.workshop .itembox{padding-right:1.6rem}
	.tem_index_about .nums{right:1.6rem}
	.workshop .column,.news_box .training .imgbox .text{padding-left:1.6rem}
	.tem_banner .page-text{padding:0 1.6rem;}
	.contact_box .infos .text{padding-left:1.6rem}
	
}
@media(max-width:1200px){
	.header .navlist li{padding:0 .04rem;}
	.header .navlist li a{padding:0 .1rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header,.m_header2  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.tem_index_honor .swiper-page > div{display:none;}
	
	.tem_index_about .text,.workshop .itembox{padding-right:.45rem}
	.tem_index_about .nums{right:.45rem}
	.workshop .column,.news_box .training .imgbox .text{padding-left:.45rem}	
	.show_product{padding-top:0;}
	.tem_banner .page-text{padding:0 .45rem;}
	.contact_box .infos .text{padding-left:.45rem}
}
/********mobile*********/
@media(max-width:767px){
	 .index_applica>div{display:inherit;padding:0 0 1rem}
    .index_applica .left{width:100%}
    .index_applica .left a{margin:1rem  0 0}
    .index_applica .right{width:100%}
    .index_case ul{display:grid; grid-template-columns: repeat(2, 1fr);grid-gap:10px}
    .index_case ul li a h2{height:.6rem;line-height:.3rem}
    .footer .infos .f_searchs .share a{background:#efa803 url(../images/zx.png) 18% center no-repeat;background-size:.25rem}


	.tem_banner .page-text{padding:0 .25rem;}
	.tem_index_about .text,.workshop .itembox{padding-right:.25rem}
	.workshop .column,.news_box .training .imgbox .text{padding-left:.25rem}	
	.tem_banner .slide-pagination{bottom:.1rem}
	.tem_index_case .editor .imgs > img{max-width:auto;width:100%}
	.tem_index_case .editor .imgs>div{display:none;}
	.tem_index_about > div{width:100% !important;display:block;}
	.tem_index_about .nums{position:relative;bottom:auto;right:0}
	.tem_index_about .nums > div{padding:.3rem .25rem .35rem;text-align:center;}
	.footer .infos > div{display:block;width:100% !important;margin:0 0 .35rem}
	.footer .infos .f_nav{display:none;}
	.tem_index_about .text{padding:1.35rem .25rem .5rem}
	.tem_index_about .imgs img{height:auto;}
	.outfit_box ol li{width:33.333%}
	.outfit_box .infos > div{width:100%}
	.outfit_box .infos .imgs{padding:0;margin:.35rem 0 0}
	.outfit_box .infos{padding:1.15rem .25rem .8rem}
	.outfit_box .lists > *,.show_product .imgsbox > div{display:block;width:100% !important;}
	.outfit_box .lists ul{margin:.45rem 0 0}
	.outfit_box .lists ul li{padding:0 .15rem;}
	.show_product .imgsbox .text{padding:1.65rem .25rem .45rem}
	.show_product .imgsbox .imglist #thumbs{padding:0 .25rem}
	.show_product .content{margin:.45rem 0 0}
	.news_box .listbox .swiper-slide > div{width:50%}
	.news_box .training .imgbox > div{display:block;width:100% !important;}
	.news_box .training .imgbox .imgs{margin:0}
	.contact_box .infos .text{padding-left:.25rem}
	.contact_box .infos > div{display:block;width:100% !important;}
	.contact_box .network h4,.contact_box .network > div > p{position:relative;top:auto;bottom:auto;margin:0 0 .45rem}
	.contact_box .network > div{padding-left:0}
}