body{margin-top: .94rem}
@media(max-width:1024px){
    body{margin-top: 74px}
}
@charset "utf-8";
.HomeBan{overflow: hidden;position: relative}
.HomeBan li{position: relative;overflow: hidden;}
.HomeBan li .img{}
.HomeBan li .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff;}
.HomeBan li .txt .text h3{font-size: 0.3rem;padding-bottom: .2rem}
.HomeBan li .txt .text h4{font-size: 0.26rem}
.HomeBan li .txt .text p{position: relative;padding-left: .24rem;}
.HomeBan li .txt .text p::before{position: absolute;content: '';width: .06rem;height: .06rem;border-radius: 50%;border: 2px solid #fff;left: 0;top: .07rem}
.HomeBan li .txt .text p:not(:last-child){padding-bottom: .12rem}
.HomeBan li .txt .HomeMore{margin:0.8rem 0 0;border-color: #fff;}
.HomeBan li .txt .HomeMore span{transition: .5s all;color: #fff;}

.HomeBan .item.slick-current .img img{/*animation: scale linear 6s forwards;*/}
@keyframes scale{
	0%{transform: scale(1);-webkit-transform:scale(1);}
	100%{transform: scale(1.1);-webkit-transform:scale(1.1);}
}

.HomeBan .slick-dots{position: absolute;bottom:0.4rem;left:0;width:100%;text-align: center;}
.HomeBan .slick-dots li{display: inline-block;margin:0 0.1rem;width:0.14rem;height:0.14rem;border-radius: 50%;background:#fff;opacity: .3;cursor: pointer}
.HomeBan .slick-dots li button{display: none;}
.HomeBan .slick-dots li.slick-active{opacity: 1;}
@media(min-width:1025px){
    .HomeBan li .img .wap{display: none}
    .HomeBan li .txt .text h4{width: 60%}
}
@media(max-width:1024px){
    .HomeBan li .img .pc{display: none}
    .HomeBan li .txt .text h3{font-size: 0.24rem;padding-bottom: .2rem}
    .HomeBan li .txt .text h4{font-size: 0.24rem;}
    .HomeBan li .txt .btn a{line-height: 0.45rem;padding:0 0.2rem;}
    .HomeBan li .txt .HomeMore{margin:0.3rem 0 0;}
    .HomeBan li .txt .text p::before{width: .05rem;height: .05rem;top: .05rem}
    .HomeBan .slick-dots{bottom:0.1rem;}

}



.indexbg{}
.pd100{padding:1rem 0;}
.f24{font-size: 0.24rem;}
.f28{font-size: 0.28rem;}
.HomeTit{margin-bottom:0.4rem;position: relative}
.HomeTit.ct{text-align: center}
.HomeTit .en{font-size: 0.8rem;text-transform: uppercase;line-height: 1;color: #e5e9ec;position: relative;z-index: 1;opacity: .5;font-family: Barlow-Bold;position: absolute;top: 50%;transform: translateY(-50%)}
.HomeTit .cn{font-size: 0.46rem;text-transform: uppercase;line-height: 1;color: #09243f;font-family: Regular;z-index: 2;position: relative}
.HomeTit .desc{max-width:7.4rem;margin:0.2rem 0 0;font-size: .18rem;color: #333;position: relative;}
.HomeTit .desc::before{content: '';position: absolute;width: .1rem;height: .1rem;background:#092478;left: 0;top: .08rem;display: none}


.HomeMore{display: flex;align-items: center;width: 1.6rem;height: .5rem;border-radius: 36px;border: 1px solid #005895;justify-content: center;transition: .5s all}
.HomeMore span{transition: .5s all;color: #333;font-size: .14rem}
.HomeMore i{width: .36rem;height: .36rem;background:url(../images/icon-jt1.svg)no-repeat center #fbd300;border-radius: 50%;position: relative;margin-left: .3rem;transition: .5s all;background-size: 24px auto;transform: rotate(-45deg)}
.HomeMore:hover{background: #005895;border-color:#005895!important }
.HomeMore:hover span{color: #fff}
.HomeMore:hover i{transform: rotate(0)}

@media(max-width:1440px){
    .HomeMore span{font-size: 12px}
}
@media(max-width:1024px){
    .pd100{padding:50px 0;}
}




.HomeEnter{overflow: hidden;position: relative;}
.HomeEnter .title{font-size: .4rem;color: #222;text-align: center;padding-bottom: .4rem}
.HomeEnter .list .item{position: relative}
.HomeEnter .list .item .txt{position: absolute;width: 100%;height: 100%;display: flex;flex-direction: column; align-items: center;justify-content: center;padding: 0 .8rem;z-index: 10}
.HomeEnter .list .item .txt .tit{font-size: .3rem;color: #fff;text-align: center;transition: all .8s ease;transform: translateY(155%);}
.HomeEnter .list .item .txt .info{height: 0;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;overflow: hidden;transition: all .8s ease;opacity: 0;transform: translateY(100%);height: auto;color: #fff}
.HomeEnter .list .item .txt .info .desc{margin-top: 1.0416666667vw;margin-bottom: 1.5625vw;color: #fff;line-height: 1.5;font-size: .14rem}
.HomeEnter .list .item .txt .info .more{border: 1px solid #fff;color: #fff;width: 1.6rem;height: .5rem;border-radius: 36px;display: flex;justify-content: center;align-items: center;font-size: .14rem;transition: all .3s ease;}
.HomeEnter .list .item .pic {position: relative}
.HomeEnter .list .item .pic::before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: .3;transition: all .8s ease;}
.HomeEnter .list .item .pic figure{padding-bottom: 55.12%;background-size: cover;background-position: center;background-repeat: no-repeat}
.HomeEnter .list .item:hover .txt .tit{transform: translateY(0);}
.HomeEnter .list .item:hover .txt .info{opacity: 1;transform: translateY(0);height: auto;}
.HomeEnter .list .item:hover .pic::before{opacity: .5;}
.HomeEnter .list .item .txt .info .more:hover{background:#005895;border-color: #005895 }

@media(min-width:1025px){
    .HomeEnter .list{display: flex;justify-content: space-between}
    .HomeEnter .list .item{width: calc((100% - 10px)/2);}
}

@media(max-width:1440px){
    .HomeEnter .list .item .txt .info .more{font-size: 12px}
    .HomeEnter .list .item .txt .info .desc{font-size: 14px}
}

@media(max-width:1024px){
    .HomeEnter .list .item:not(:last-child){margin-bottom: 10px}
    .HomeEnter .list .item .txt .tit{transform: translateY(110%);}
}



.Bottom003207{padding-top: .4rem;--white:#fff;--white-rgb:255,255,255;--white-opacity-10:rgba(var(--white-rgb),0.1);--white-opacity-30:rgba(var(--white-rgb),0.3);--white-opacity-50:rgba(var(--white-rgb),0.5);--hover-color:#005895; position: relative;background: #202634;border-top: 5px solid #005895}
.Bottom003207,
.Bottom003207 a:not(:hover){color:var(--white);}
.Bottom003207 .logo{width: 2.6rem;}
.Bottom003207 .f-top{margin-bottom: 0.5rem;padding-bottom: 0.5rem;border-bottom: 1px solid rgba(255,255,255,.1);position: relative;}
.Bottom003207 .f-mid{margin-bottom: 0.8rem;position: relative;z-index: 2}
.Bottom003207 .f-bottom{padding: 0.25rem 0; font-size: .14rem;position: relative;}
.Bottom003207 .f-bottom,
.Bottom003207 .f-bottom a:not(:hover){color: var(--white-opacity-30);}

.Bottom003207 .follow-us{display: flex;align-items: center}
.Bottom003207 .follow-us li{position: relative;z-index: 10}
.Bottom003207 .follow-us li +li{margin-left: 0.2rem;}
.Bottom003207 .follow-us li a{display: flex; border-radius: 50%;background-color: rgba(255,255,255,.1); width: 0.5rem; height: 0.5rem; align-items:center; justify-content: center; transition: 0.3s; cursor: pointer;}
.Bottom003207 .follow-us li a:hover{background-color: var(--hover-color);}
.Bottom003207 .follow-us li a:after{width: 0.22rem; height: 0.22rem;background-position: center center; background-repeat: no-repeat; background-size:contain; opacity: 0.5;transition: 0.3s; content: '';display: block;}
.Bottom003207 .follow-us li a:hover:after{opacity: 1;}
.Bottom003207 .follow-us li.li-in a:after{background-image: url(../images/Bottom003207-in.svg);} 
.Bottom003207 .follow-us li.li-fb a:after{background-image: url(../images/Bottom003207-fb.svg);} 
.Bottom003207 .follow-us li.li-ytb a:after{background-image: url(../images/Bottom003207-ytb.svg);} 
.Bottom003207 .follow-us li.li-tw a:after{background-image: url(../images/Bottom003207-tw.svg);} 
.Bottom003207 .follow-us li.li-wx a:after{background-image: url(../images/Bottom003207-wx.svg);} 
.Bottom003207 .follow-us li.li-douyin a:after{background-image: url(../images/Bottom003207-douyin.svg);} 
.Bottom003207 .follow-us li .hover{position: absolute; left: 50%;bottom: calc(100% + 0.12rem); background-color: var(--white); width: 1.5rem; margin-left: -0.75rem; border-radius: 0.04rem;display: flex;align-items: center; justify-content: center; height: 1.5rem; transform: translateY(-0.3rem); opacity: 0;visibility: hidden; transition: 0.3s;} 
.Bottom003207 .follow-us li.show .hover{ transform: translateY(0); opacity: 1; visibility: visible;}
.Bottom003207 .follow-us li .hover:after{position: absolute; content: ''; top: 100%;left: 50%;border: 3px solid transparent; border-top-color: var(--white); margin-left: -3px;}


.Bottom003207 .contact dl{}
.Bottom003207 .contact dt{ color: #fff; font-weight: 500;font-size: .18rem;}
.Bottom003207 .contact dd{}
.Bottom003207 .contact dd span{opacity: .5;padding-left: .24rem;margin-bottom: .05rem;display: block}
.Bottom003207 .contact dd span.tel{background: url(../images/icon-tel.svg)no-repeat center left;background-size: .2rem auto}
.Bottom003207 .contact dd span.add{background: url(../images/icon-add.svg)no-repeat center left;background-size: .2rem auto}
.Bottom003207 .contact dd .phone{font-size: .32rem;font-family: Barlow-Bold;color: #005895}
.Bottom003207 .contact dd + dd{margin-top: 0.25rem;}

.Bottom003207 nav dd{}
.Bottom003207 nav dt{ position: relative;}
.Bottom003207 nav dd{line-height:.36rem;}
.Bottom003207 nav dd a:not(:hover){color: var(--white-opacity-30);}
.Bottom003207 nav dd a:hover{color: var(--hover-color)}

.Bottom003207 .icp{display: flex;align-items: center;}
.Bottom003207 .icp a{display: flex;}
.Bottom003207 .icp a:before{display: block; content: ''; background: url(../images/Bottom003207-security.png) no-repeat center center / contain; width: 0.18rem; height: 0.2rem; margin-right: 0.06rem;}
@media (min-width:1025px) {
    .Bottom003207 .f-top{display: flex;align-items: center;justify-content: space-between}
    .Bottom003207 .f-mid{display: flex;justify-content: space-between}
    .Bottom003207 .f-mid nav{display: flex;justify-content: space-between}
    .Bottom003207 .f-bottom{border-top: 1px solid var(--white-opacity-10);display: flex;align-items: center;justify-content: space-between }
    .Bottom003207 .contact{}
    .Bottom003207 nav{width: 50%;flex: 0 0 auto;}
    .Bottom003207 nav dt{margin-bottom: 0.2rem;}
    .Bottom003207 nav dd{display: block!important;}
}
@media(max-width:1440px){
    .Bottom003207,
    .Bottom003207 .f-bottom{font-size: 12px;}
}
@media (max-width:1024px) {
    .Bottom003207 .logo{margin: 0 auto 0.2rem;}   
    .Bottom003207 .follow-us{justify-content: center;}
    .Bottom003207 .contact{margin-bottom: 0.3rem;}
    .Bottom003207 .f-mid{margin-bottom: .4rem}
    .Bottom003207 nav{border-top: 1px solid var(--white-opacity-10);}
    .Bottom003207 nav dl{border-bottom: 1px solid var(--white-opacity-10);transition: 0.3s;}
    .Bottom003207 nav dt{overflow: hidden;padding: 0.1rem 0;}
    .Bottom003207 nav dd{display: none;}
    .Bottom003207 .wap-b-op{position: absolute;right: 0;top: 0;width: 0.3rem;height: 100%; top: 0;background: url(../images/Bottom003207-open.svg) no-repeat center center / 50% auto; transition: 0.3s;}
    .Bottom003207 dl.active{padding-bottom: 0.2rem;}
    .Bottom003207 .active .wap-b-op{transform: rotate(45deg);}
    .Bottom003207 .f-bottom{text-align: center;}
    .Bottom003207 .icp{margin-top: 0.1rem;justify-content: center}
    .Bottom003207 .icp a{display: inline-flex;}
}

@keyframes transform_width{
	0%{transform: translateX(0);}
	100%{transform: translateX(100%);}
}


.go_top_btn { position: fixed; z-index: 20; width: 44px; height: 44px; bottom: 30px; right: 30px; text-align: center; font-size: 24px; line-height: 40px; color: #fff; background-color: #005895; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; opacity: 0.5; filter: Alpha(opacity=50);}
.go_top_btn a{ position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/icon-top.svg)no-repeat center;background-size: .2rem auto;}
.go_top_btn:hover{opacity: 1}

@media(max-width:1440px){
    .go_top_btn {bottom: 7%}
}



.cbanner{position: relative}
.cbanner .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: center;}
.cbanner .txt .tit{color: #fff;font-size: .26rem;padding-bottom: .15rem}
.cbanner .txt .desc{color: #fff;max-width: 50%;font-size: .14rem}
.cbanner .bg figure{padding-bottom: 12.54%;}

@media(max-width:1440px){
    .cbanner .txt .desc{font-size: 14px}
}
@media(max-width:1024px){
    .cbanner .bg figure{padding-bottom: 34.54%;}
    .cbanner .txt .desc{max-width: 100%;}
}

.location {padding: .12rem 0;}
.location .w1280{display: flex;justify-content: flex-end;}
.location .w1280 > div{display: flex;align-items: center;color: #7d7d7d}
.location .w1280 > div a{color: #7d7d7d}
.location i{width: 1px;height: .12rem;background: #000;margin: 0 .14rem;transform: rotate(15deg);opacity: .8}




.column_tit{font-size: .3rem;color: #000;padding-bottom: .5rem;}




.About{padding:.8rem 0 .8rem}
.About .title{font-size: .4rem;color: #005895;padding-bottom: .3rem;line-height: 1}
.About .txt{line-height: 1.75}

@media(min-width:1025px){
    .About .pic{float: right;margin: 0 0 .2rem .5rem;}
}
@media(max-width:1024px){
    .About{padding:50px 0}
    .About .txt{padding-top: 40px}
}



.Value{padding:.8rem 0 .8rem}

.Value .tip{padding-bottom: .3rem;line-height: 1.75}
.Value .list .item:not(:last-child){margin-bottom: 3%}
.Value .list .item figure{padding-bottom: 61.46%;background-size: cover;background-position: center;background-repeat: no-repeat}
.Value .list .item .txt{}
.Value .list .item .txt .tit{font-size: .24rem;color: #000;padding-bottom: .15rem}
.Value .list .item .txt .tit::after{content: '';display: block;width: .3rem;height: 3px;background:#005895;margin: .15rem 0 0}
.Value .list .item .txt .desc{line-height: 1.75}

@media(min-width:1025px){
    .Value .list .item{display: flex;justify-content: space-between;align-items: center}
    .Value .list .item .pic{width: 45%;flex: 0 0 auto;}
    .Value .list .item .txt{padding-left: 10%;flex: 1;}
    .Value .list .item:nth-child(2n) {flex-direction: row-reverse;}
    .Value .list .item:nth-child(2n) .txt{padding-left: 0;padding-right: 10%;}
}
@media(max-width:1024px){
    .Value{padding:50px 0}
    .Value .list .item:not(:last-child){margin-bottom: 40px}
    .Value .list .item .txt{padding-top: 20px}
}


.Honor{padding:.8rem 0 .8rem}
.Honor .box:not(:last-child){margin-bottom:.6rem;border-bottom: 3px solid #eee;padding-bottom: .6rem }
.Honor .box .title{font-size: .24rem;color: #005895;padding-bottom: .3rem}
.Honor .box .tip{padding-bottom: .3rem}
.Honor .box ul{display: flex;flex-wrap: wrap;}
.Honor .box li{width: 32%;margin-right: 2%;}
.Honor .box li:not(:nth-child(-n+3)){margin-top: 2%}
.Honor .box li:nth-child(3n){margin-right: 0}
.Honor .box li .pic{ padding-bottom:100%;position: relative;display: flex;justify-content: center;border: 1px solid #f4f4f4;margin-bottom: .2rem}
.Honor .box li .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center}
.Honor .box li .pic span img{max-height: 80%;max-width: 80%}
.Honor .box li .tit{text-align: center;color: #1b1b1b;}

@media(max-width:1024px){
    .Honor{padding:50px 0}
}




.Certification{padding:.8rem 0 .8rem}

.Certification .box .title{font-size: .2rem;line-height: 1.75;}

.Certification .box2 {}
.Certification .box2 .title2{font-size: .24rem;color: #005895;padding-bottom: .3rem}

.Certification .list{ display: flex;flex-wrap: wrap;}
.Certification .item{margin-bottom: 4%}
.Certification .item .pic{background: url(../images/honor-bg.jpg)no-repeat center;background-size: cover;padding-bottom: 120%;border-radius: .1rem;overflow: hidden;position: relative;display: flex;justify-content: center;align-items: center}

.Certification .item .pic img{padding: .17rem;background: url(../images/honor-kuang.png)no-repeat center;background-size: 100% 100%;position: absolute;z-index: 2;object-fit: contain;max-width: 85.7%;max-height: 75%;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.Certification .item .pic .imgBox{max-width: 85.7%;max-height: 85.7%;margin-top: 10%;position: relative}
.Certification .item .pic .imgBox::after{content: '';position: absolute;width: 127%;height: 100%;right: -.7rem;top: 0; background: url(../images/honor-yy.png)no-repeat center right;background-size: 100% 100%;z-index: 1}
.Certification .item .tit{padding-top: .24rem;text-align: center;color: #1b1b1b;}


@media(min-width:1025px){
    .Certification .box{display: flex;align-items: center;justify-content: space-between;background: #f5f5f5}
    .Certification .box .pic{width: 48%;flex: 0 0 auto;}
    .Certification .box .title{flex: 1;padding:0 5%}
    
    .Certification .item{width: 23.5%;margin-right: 2%;}
    .Certification .item:nth-child(4n){margin-right: 0;}
}

@media(max-width:1024px){
    .Certification{padding:50px 0}
    .Certification .item{width: 49%;margin-right: 2%;margin-bottom: .3rem}
    .Certification .item:nth-child(2n){margin-right: 0;}
    .Certification .item .tit{padding-top: .14rem;}
}




.Capacity{padding:.8rem 0 .8rem}

.Capacity .item .pic figure{padding-bottom: 59.897%;}
.Capacity .item .txt{border-top: 1px solid #333;padding-top: .7rem}
.Capacity .item .txt .tit{font-size: .24rem;color: #005895;padding-bottom: .2rem}
.Capacity .item .txt .desc{line-height: 1.75}

@media(min-width:1025px){
    .Capacity .item{display: flex;justify-content: space-between;}
    .Capacity .item:nth-child(2n){flex-direction: row-reverse;}
    .Capacity .item .pic{width: 60%;flex: 0 0 auto;}
    .Capacity .item .txt{flex: 1;margin-left: 5%}
    .Capacity .item:nth-child(2n) .txt{padding-left: 0%;padding-right: 7%}
}
@media(max-width:1440px){
    .Capacity .item .txt .desc{font-size: 14px}
}
@media(max-width:1024px){
    .Capacity{padding:50px 0}
}




.Product_list{padding:.8rem 0 .8rem}

.Product_list .tab {margin-bottom: .3rem;display: flex;}
.Product_list .tab a{padding: .15rem .3rem;}
.Product_list .tab a.aon{background:#005895 ;color: #fff;}

.Product_list .table table{border: 0}
.Product_list .table th,
.Product_list .table td{ text-align:center; border:0; border-collapse:collapse; line-height:.24rem; padding:.15rem;font-weight: normal}

.Product_list .table .th_1{ color:#fff;background:#005895 ;padding: .2rem .15rem}

.Product_list .table th:nth-child(1),
.Product_list .table td:nth-child(1){ width: 35% ;text-align: left;padding: 0 .3rem}
.Product_list .table tr{background: #f3f7f9}
.Product_list .table tr:nth-child(2n-1){background: #e7eaec}

@media(max-width:1024px){
    .Product_list{padding:50px 0}
    .Product_list .table{overflow: auto;display: block}
    .Product_list .table table{width: 140%}
}



.Page002623{padding:.5rem 0 0; text-align: center;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float: left;margin: 0 1.5vw; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: .5rem; width: .5rem; margin: 0 5px;border-radius: 50%;color: #010101;background: #fff}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: #005895;border-color:#005895 }
.Page002623 .Pages .p_page > a{font-size: 0;height: .5rem;position: relative;border-radius: 50%;border: 1px solid #ebebeb;background: #fff}
.Page002623 .Pages .p_page > a:before{position: absolute;width: 100%;height: 100%; content: '';background:url(../images/icon-jt3.svg)no-repeat center ;background-size: .2rem auto;left: 50%; top: 50%;transform: translate(-50%,-50%)}
.Page002623 .Pages a.a_prev{transform: rotate(180deg)}
.Page002623 .Pages a.a_next{background:#005895; border-color:#005895}
.Page002623 .Pages a.a_next:before{filter: grayscale(100) brightness(100);}
.Page002623 .Pages .p_page > a:hover{background:#005895; border-color:#005895}
.Page002623 .Pages .p_page > a:hover:before{filter: grayscale(100) brightness(100);}
@media(max-width:640px){
    .Page002623{padding: 6vw 0 50px 0;}
    .Page002623 .Pages em{display: none;}
}






.Application{padding:.8rem 0 .8rem}
.Application .tip{line-height: 1.75}
.Application .list{padding-top: .3rem}
.Application .list .item{margin-bottom: .3rem;}
.Application .list .item:nth-child(3n){margin-right: 0}
.Application .list .item a{position: relative}
.Application .list .item a::before{content: ''; position: absolute;width: 70%;height: 100%;left: 0;top: 0;background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, .3) 82%, rgba(0, 0, 0, 0) 100%);}
.Application .list .item .pic{}
.Application .list .item .pic figure{padding-bottom: 36.25%;}
.Application .list .item .txt{position: absolute;width: 50%;height: 100%; left: 0;top: 0;padding-left: .7rem;color: #fff;display: flex;justify-content: center; flex-direction: column}
.Application .list .item .txt .tit{font-size: .24rem;color: #fff;padding-bottom: .15rem}
.Application .list .item .txt .tit::after{content: '';display: block;width: .3rem;height: 3px;background:#005895;margin: .15rem 0 0}
.Application .list .item .txt .desc{line-height: 1.75;}

@media(max-width:1024px){
    .Application{padding:50px 0}
    .Application .list .item{margin-bottom: 50px;}
    .Application .list .item .txt{width: 100%;padding: 0;position: relative;color: #000;margin-bottom: 20px}
    .Application .list .item .txt .tit{color: #000;}
    .Application .list .item a::before{display: none;}
}




.Service{padding:.8rem 0 .8rem}
.Service .box:not(:last-child){padding-bottom: .8rem;border-bottom: 1px solid #000;margin-bottom: .8rem}
.Service .txt{line-height: 1.75;}
.Service .txt p{position: relative;padding-left: .15rem}
.Service .txt p::before{content: ''; position: absolute;width: .05rem;height: .05rem;background:#005895;border-radius: 50%;left: 0;top: .15rem; }
.Service .txt p:not(:last-child){margin-bottom: .15rem}
.Service .txt p span{font-size: .2rem;color: #005895;display: block}
.Service .pic figure{padding-bottom: 67.799%;}

@media(min-width:1025px){
    .Service .con{display: flex;justify-content: space-between;align-items: center}
    .Service .box:nth-child(2n) .con{flex-direction: row-reverse;}
    .Service .con .pic{width: 46.094%;flex: 0 0 auto;}
    .Service .con .txt{flex:1;padding-right: 8%}
    .Service .box:nth-child(2n) .con .txt{padding-right: 0;padding-left: 8%;}
}
@media(max-width:1440px){
    .Service{padding:50px 0}
    .Service .txt p span{font-size: .24rem}
    .Service .con .pic{margin-top: 30px;}
}




.Advantage{padding:.8rem 0 .8rem}
.Advantage .con{position: relative;}
.Advantage .con .pic{background: #0e1c25;}
.Advantage .con figure{padding-bottom: 31.25%;opacity: .5}
.Advantage .con .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: center;justify-content: center;padding: 0 10%;color: #fff;font-size: .2rem;line-height: 1.75;text-align: center;z-index: 10}
.Advantage .con .txt {}

@media(max-width:1440px){
    .Advantage .con .txt{font-size: .24rem;}
}
@media(max-width:1024px){
    .Advantage{padding:50px 0}
    .Advantage .con .txt{position: relative;color: #000;text-align: left;padding: 0 0 20px;font-size: 16px}
}



.Quality{padding:.8rem 0 .8rem}
.Quality .title{line-height: 1.75}
.Quality .title2{font-size: .24rem;color:#005895;padding-bottom: .15rem;padding-top: .5rem}

.Quality .con{display: flex;justify-content: space-between;align-items: stretch;position: relative;margin: .15rem .1rem 0;}
.Quality .con .item{background: #f1f6f9;padding:1.2rem 0;position: relative;flex: 1;margin: 0 -.1rem}

.Quality .con .item .txt{position: absolute;width: 100%;left: 0;top: 0; height: 100%;display: flex;flex-direction: column;justify-content: space-between;padding: .3rem .3rem .3rem .5rem}
.Quality .con .item .txt .num{font-size: .3rem;color: #000;opacity: .2;font-family: 'Barlow-Bold';}
.Quality .con .item .txt .tit{font-size: .24rem;color:#000;padding-bottom: .15rem }

@media(min-width:1025px){
    .Quality .con .item{clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 10% 50%);}
    .Quality .con .item:first-child{clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);}
    .Quality .con .item:last-child {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10% 50%);}
}
@media(max-width:1024px){
    .Quality{padding:50px 0}
    .Quality .con{flex-wrap: wrap;}
    .Quality .con .item{margin:.1rem 0;width: 100%;flex: none}
}



.Laboratory{padding:.8rem 0 .8rem}

.Laboratory .list{display: flex;flex-wrap: wrap;}
.Laboratory .list li{width: 31%;margin-right: 3.5%;margin-bottom: 3%;background: #f7f9fb;padding: .3rem;}
.Laboratory .list li .pic{position: relative;padding-bottom: 64%}

.Laboratory .list li span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.Laboratory .list li img{max-height: 90%;max-width: 70%;object-fit: contain;}
.Laboratory .list li .tit{text-align: center;font-size: .2rem;padding-top: .2rem;}

@media(min-width:1025px){
    .Laboratory .list li:nth-child(3n){margin-right: 0;}
}
@media(max-width:1024px){
    .Laboratory{padding:50px 0}
    .Laboratory .list li{width: 49%;margin-right: 2%;}
    .Laboratory .list li:nth-child(2n){margin-right: 0;}
    .Laboratory .list li .pic{padding-bottom: 90%}
    .Laboratory .list li img{max-width: 90%;}
}




.Make{padding:.8rem 0 .8rem}
.Make .list:not(:last-child){padding-bottom: .5rem}
.Make .list .title{font-size: .24rem;color: #005895;padding-bottom: .15rem;padding-top: .5rem;}
.Make .list .box{display: flex;justify-content: space-between;margin-top: .4rem}
.Make .list .item{width: 14%;position: relative}
.Make .list .item:not(:last-child)::after{content: '';position: absolute;height: 1px;width: 100%;background: #005895;left: 75%;top: 31%}
.Make .list .item:not(:last-child)::before{content: '';position: absolute;height: .2rem;width: .2rem;background: url(../images/icon-jt4.svg)no-repeat center;background-size: .2rem auto;left: 120%;top: 25.6%}
.Make .list .item .icon{width: 1rem;height: 1rem;border-radius: 50%;border: 1px solid #005895;margin: 0 auto;background: #fff; z-index: 10;position: relative;display: flex;justify-content: center;align-items: center;}
.Make .list .item .icon img{max-height: .4rem;max-width: .4rem;}
.Make .list .item .txt{text-align: center;}
.Make .list .item .txt .tit{font-size: .2rem;padding: .15rem 0 0;line-height: 1.25}
.Make .list .item .txt .desc{line-height: 1.75;}

@media(max-width:1024px){
    .Make{padding:50px 0}
    .Make .list .box{flex-wrap: wrap}
    .Make .list .item{width: 100%;}
    .Make .list .item:not(:last-child){margin-bottom: 70px}
    .Make .list .item:not(:last-child)::after{height: 100%;width: 1px;left: 50%;top: 100%}
    .Make .list .item:not(:last-child)::before{left: 48%;top: 120%;transform: rotate(90deg)}
    .Make .list .item .txt .tit{padding: .15rem 0;}
}




.Performance{padding:.5rem 0 .8rem}
.Performance .title{font-size: .24rem;color:#005895;padding-bottom: .15rem;}
.Performance .list {border-top: 5px solid #005895;margin-top: .5rem}
.Performance .list ul{display: flex;flex-wrap: wrap;}
.Performance .list ul li{width: 33.33%;border-bottom: 1px solid #ebebeb}
.Performance .list ul li a{padding-left: .6rem;line-height: .5rem;background: url(../images/icon-download.svg)no-repeat center left .3rem;background-size: .2rem auto}






.Announcement{padding:.5rem 0 .8rem}
.Announcement .list {border-top: 5px solid #005895;}
.Announcement li{border-bottom: 1px solid #ebebeb;}
.Announcement li a{display: flex;align-items: center;justify-content: space-between;padding: .25rem 0}
.Announcement li a .tit{font-size: .2rem}
.Announcement li a .time{color:#005895;}






.Shareholder{padding:.5rem 0 .8rem}

.Shareholder .list ul ol{display: flex;background:#005895 }
.Shareholder .list ul ol span,
.Shareholder .list ul li span{width: 20%;height: .6rem;color: #fff;line-height: .6rem;text-align: center}
.Shareholder .list ul ol span:nth-child(1),
.Shareholder .list ul li span:nth-child(1){text-align: left;padding-left: .6rem}

.Shareholder .list ul li{display: flex; }
.Shareholder .list ul li:nth-child(2n-1){background:#f3f7f9; }
.Shareholder .list ul li span{color: #333;display: flex;justify-content: center;align-items: center}
.Shareholder .list ul li span:nth-child(1){justify-content: flex-start}
.Shareholder .list ul li span a{width: .24rem;height: .24rem;background: url(../images/icon-download2.svg)no-repeat center;background-size: .24rem auto;}






.Report{padding:.5rem 0 .8rem}

.Report .list ul ol{display: flex;background:#005895 }
.Report .list ul ol span,
.Report .list ul li span{height: .6rem;color: #fff;line-height: .6rem;}
.Report .list ul ol span:nth-child(1),
.Report .list ul li span:nth-child(1){width: 40%;flex: 0 0 auto;padding: 0 .3rem 0 .6rem}
.Report .list ul ol span:nth-child(2),
.Report .list ul li span:nth-child(2){flex: 1;padding: 0 .3rem 0 .6rem}

.Report .list ul li{display: flex; }
.Report .list ul li span{color: #333;}
.Report .list ul li:nth-child(2n-1){background:#f3f7f9; }





.Business{padding:.8rem 0 .8rem}

.Business .list{display: flex;flex-wrap: wrap;justify-content: space-between}
.Business .list .item{width: 32%;background: #f7f9fb;padding: .6rem .2rem;display: flex;flex-direction: column;align-items: center}
.Business .list .item .icon img{max-height: .5rem;}
.Business .list .item .tit{padding: .2rem 0;}
.Business .list .item .desc{font-size: .22rem;text-align:center;}
.Business .list .item .desc a{color:#005895 }


.Business .list .item .add{padding-left: .3rem;;background: url(../images/icon-add.svg)no-repeat center left;background-size: .2rem auto;}
.Business .list .item .tel{padding-left: .3rem;;background: url(../images/icon-tel.svg)no-repeat center left;background-size: .2rem auto;}
.Business .list .item .mail{padding-left: .3rem;;background: url(../images/icon-mail.svg)no-repeat center left;background-size: .2rem auto;}

.Business .list .item p a{color:#005895 ;font-weight: bold}

@media(max-width:1024px){
    .Business{padding:50px 0}
    .Business .list .item{width: 100%;margin-bottom: 20px}
}




.Investor{padding:.5rem 0 .8rem}

.Investor .list{display: flex;flex-wrap: wrap;}
.Investor .list .item{width: 31%;margin-right: 3.5%;border: 1px solid #ebebeb;border-top:6px solid #005895;padding: .5rem}
.Investor .list .item:nth-child(3n){margin-right: 0}
.Investor .list .item .tit{font-size: .24rem;padding-bottom: .4rem;}
.Investor .list .item .tit2{font-size: .2rem;padding-bottom: .3rem;}

.Investor .list .item .tel{padding-left: .3rem;;background: url(../images/icon-tel.svg)no-repeat center left;background-size: .2rem auto;}
.Investor .list .item .mail{padding-left: .3rem;;background: url(../images/icon-mail.svg)no-repeat center left;background-size: .2rem auto;}

.Investor .list .item p:not(:last-child){margin-bottom: .1rem;}
.Investor .list .item p a{color:#005895 ;font-weight: bold}






.Morality{padding:.8rem 0 .8rem}
.Morality .form-ul{margin: 0 auto;} 
.Morality .form-ul li{margin-bottom: .3rem;position: relative;}
.Morality .form-ul li .tit{padding-bottom: .1rem;color: #333333;display: block}
.Morality .form-ul li .tit i{color: #fe0000;}
.Morality .form-ul li select,
.Morality .form-ul li .text{width: 100%;border-radius: 5px; border: solid 1px #8b8b8b;line-height: .48rem;height: .48rem; background: none;padding: 0 .2rem;font-family: 'hml';}
.Morality .form-ul li textarea.text{height: auto;}
.Morality .form-ul .btn{width: 10em; background: #005895;border-radius: 5px;height: .48rem;color: #fff;cursor: pointer; border: 0;font-family: 'hml';}
@media (min-width:1025px) {   
    .Morality .form-ul .row-2 li{float: left;width:calc(50% - 5px);}
    .Morality .form-ul .row-2 li:nth-child(2n){float: right;}
}
@media(max-width:1024px){
    .Morality{padding:50px 0}
}





.Recruitment{padding:.8rem 0 .8rem}

.Recruitment .list .litop { background: #005895; color: #fff; border-radius: 4px; margin-bottom: 10px; }
.Recruitment .list .litop .dl { border-radius: 20px 0; }
.Recruitment .list .li { cursor: pointer; border-bottom: 1px dashed rgba(0,0,0,.1);background: #f7f9fb;}
.Recruitment .list .li dl { color: #fff; overflow: hidden; color: #333 ;}
.Recruitment .list .lion { overflow: hidden; }
.Recruitment .list dl.dl { margin: 0; line-height: 1.75; position: relative;display: flex }
.Recruitment .list dl.dl .btn { display: inline-block; padding: 0 10px; border: 1px solid rgba(255,255,255,0.1); color: #aaa; position: relative; width: 22px; height: 22px; margin-top: .12rem; border-radius: 50%; }
.Recruitment .list dl.dl .btn::before, 
.Recruitment .list dl.dl .btn::after { position: absolute; content: ''; background: #aaa; }
.Recruitment .list dl.dl .btn::before { left: 25%; width: 50%; height: 1px; top: 50%; margin-top: -1px; }
.Recruitment .list dl.dl .btn::after { left: 50%; margin-left: -1px; width: 1px; top: 25%; height: 50%; }
.Recruitment .list .lion dl.dl .btn::after { display: none; }
.Recruitment .list dl.dl dd { width: 60%; text-align: center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: .1rem; display: inline-block; vertical-align: top; }
.Recruitment .list dl.dl .dd1 { text-align: left; position: relative; }
.Recruitment .list dl.dl .dd6 { width: 40%; text-align: center; }
.Recruitment .list dl.dl .dd5, 
.Recruitment .list dl.dl .dd4, 
.Recruitment .list dl.dl .dd3, 
.Recruitment .list dl.dl .dd2 { display: none; }
.Recruitment .list .liConBox { background: rgba(255,255,255,0.02); padding: 20px; overflow: hidden; display: none; }
.Recruitment .list .liConBox .txt { line-height: 26px; color: #333; margin-bottom: 10px; }
.Recruitment .list .liConBox .txt .h4 { font-weight: normal; font-size: 14px; color: #333; padding-bottom: 5px; }
.Recruitment .list .liConBox .txt p { }
.Recruitment .list .Fmore { text-align: left; }
.Recruitment .list .Fmore .btnBottom { text-align: left; }
.Recruitment .job-email a{ color: #005895; }

@media screen and (min-width:768px) {
    .Recruitment .list dl.dl dd { width: 40%; padding: 15px; }
    .Recruitment .list dl.dl .dd6, 
    .Recruitment .list dl.dl .dd5, 
    .Recruitment .list dl.dl .dd3, 
    .Recruitment .list dl.dl .dd4, 
    .Recruitment .list dl.dl .dd2 { display: inline-block; width: 15%; }
}

@media screen and (min-width:1000px) {
    .Recruitment .list li dl.dl .dd1 { padding-left: .5rem; }
    .Recruitment .list dl.dl dd {line-height: .46rem ;padding: .1rem .15rem; }
    .Recruitment .list .liConBox { padding:.2rem .5rem; position: relative; }
    .Recruitment .list .liConBox .txt { line-height: .3rem;margin-bottom: .35rem; }
    .Recruitment .list .btnBottom .btnA { width: 1.4rem; line-height: .4rem; }
}

@media screen and (min-width:1280px) {
    .Recruitment .list .liConBox .txt .h4 { font-size: 20px; }
    .Recruitment .list .liConBox .txt { line-height: 30px; }
    .Recruitment .list .btnBottom .btnA { font-size: 18px; }
    .Recruitment .list .liConBox .txt .h4 { padding-bottom: 15px; }
}
@media(max-width:1024px){
    .Recruitment{padding:50px 0}
    .Recruitment .list dl.dl dd { padding: .1rem .2rem; width: 80%}
    .Recruitment .list dl.dl .dd6{width: 20%}
}




.News{padding:.8rem 0 .8rem}
.News li{margin-bottom: 4%;}
.News li a .pic figure{padding-bottom: 60%;}
.News li a .txt .tit{font-size: .2rem;color: #000;margin-bottom: .15rem}
.News li a .txt .time{padding-top: .3rem;color: #005895}
.News li a:hover .txt .tit{color: #005895}

@media(min-width:1025px){
    .News li a{display: flex;justify-content: space-between;align-items: center}
    .News li a .pic{width: 25%;flex: 0 0 auto}
    .News li a .txt{flex: 1;padding-left: 5%}
}

@media(max-width:1440px){
    .News li a .txt .tit{font-size: .24rem;}
}
@media(max-width:1024px){
    .News{padding:50px 0}
    .News li{margin-bottom: 30px;}
    .News li a .pic {margin-bottom: 20px;}
    .News li a .txt .time{padding-top: .15rem;}
}




.news-details{padding: .8rem 0 .8rem;}
.news-details .title{text-align: center;font-size: .36rem; line-height: calc(48 / 36); color: #000;;}
.news-details .option{padding:.2rem 0 .3rem;text-align: center;border-bottom: 1px solid #ebebeb;margin-bottom: .3rem}
.news-details .option time{color: #000}
.news-details .edit-info {line-height: calc(26 / 16);color: #555;}

.edit-img-rows{margin: 3em 0;}
.edit-img-rows dd img{border-radius: 1em;display: block;width: 100%;}
@media (min-width:641px) {
    .edit-img-rows dd{width: calc((100% - 0.28rem) / 2);}
    .edit-img-rows dd:nth-child(2) ~ dd{margin-top: 0.28rem;}
}
@media (max-width:640px) { 
    .edit-img-rows dd:not(:last-child){margin-bottom: var(--padding-margin__30);}
}

.news-page{border-top: 1px solid #e1e1e1;margin-top: .5rem; padding-top: .5rem;display: flex;align-items: center;justify-content: space-between}
.news-page .info a span{color: #666;}
.news-page .info a:hover{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;}
.news-page .back{flex-shrink: 0;margin-left: 0.1rem;}
.news-page .back a{display: flex;align-items: center;background: #005895;color: #fff; line-height: calc(54 / 16); padding: 0 .4rem;border-radius: 3em;}
.news-page .info p + p{margin-top: .1rem;}
@media (max-width:1024px) { 
    .news-details{padding: 50px 0;}
    .news-page{flex-wrap: wrap}
    .news-page .info{width: 100%}
    .news-page .back{margin:.2rem auto 0;}
}