﻿@charset "utf-8";
.HomeBan{overflow: hidden;}
.HomeBan li{position: relative;overflow: hidden;}
.HomeBan li .img{padding-bottom: 50%; position: relative; overflow: hidden;}
.HomeBan li .img img {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover;}
.HomeBan li .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff;}
.HomeBan li .txt .text{font-size: 0.7rem;line-height: 1.29;font-family: Bold;text-align: center;}
.HomeBan li .txt .text span{font-size: 0.3rem; line-height: 1.25em; text-transform: uppercase;font-family: Barlow-Bold;opacity: .5}
.HomeBan li .txt .HomeMore{margin:0.5rem auto 0;}

.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(max-width:1024px){
    .HomeBan li .txt .text{font-size: 0.4rem;}
    .HomeBan li .txt .btn a{line-height: 0.45rem;padding:0 0.2rem;}
    .HomeBan .slick-dots{bottom:0.2rem;}

}

@media(max-width:768px){
    .HomeBan li .img{padding-bottom:100%;}
    .HomeBan li .txt .btn{margin-top:0.2rem;}
    .HomeBan li .txt .btn a{line-height: 0.36rem;padding:0 0.1rem;font-size: 0.16rem;}
    .HomeBan .slick-dots li{width:0.16rem;height:0.16rem;}
}

.pd120{padding:1.2rem 0;}
.pd100{padding:1rem 0;}
.f24{font-size: 0.24rem;}
.f28{font-size: 0.28rem;}
.HomeTit{margin-bottom:0.4rem;}
.HomeTit .en{font-size: 0.6rem;text-transform: uppercase;line-height: 1;font-family: Barlow-Bold;color: #e5e9ec;padding-bottom: .2rem}
.HomeTit .cn{font-size: 0.24rem;text-transform: uppercase;line-height: 1;color: #092478}
.HomeTit .desc{max-width:7.4rem;margin:0.2rem 0 0;font-size: .36rem;color: #010101;position: relative;}
.HomeTit .desc::before{content: '';position: absolute;width: .1rem;height: .1rem;background:#092478;left: 0;top: .08rem;display: none}
@media only screen and (max-width:768px) {
    .pd100 {padding:0.65rem 0;}
    .pd120 {padding:0.75rem 0;}
    .HomeTit .desc {font-size: 0.3rem;}
}

.HomeMore{display: flex;align-items: center;width: 1.6rem;height: .5rem;border-radius: 36px;border: 2px solid #fff;justify-content: center;transition: .5s all}
.HomeMore span{transition: .5s all;color: #fff;}
.HomeMore i{width: .14rem;height: .14rem;background:url(../images/icon-jt1.png)no-repeat center;position: relative;margin-left: .15rem;transition: .5s all;background-size: 8px auto}
.HomeMore:hover{background: #092478;border-color: #092478}
.HomeMore:hover span{}
.HomeMore:hover i{margin-left: .2rem;}



.HomePro{position: relative;overflow: hidden}
.HomePro .w1600{position: relative;}
.HomePro .title{margin-bottom:0.6rem;}
.HomePro .HomeTit{margin-bottom:0;}
.HomePro .tab{margin-top:.5rem;display: flex;align-items: center}
.HomePro .tab span{display: flex;align-items: center;margin-right: .4rem;border-bottom: 1px solid transparent; flex-wrap: wrap; cursor: pointer;}
.HomePro .tab span:last-child {margin-right: 0;}
.HomePro .tab span i{display: block; max-width: calc(100% - 0.4rem); padding-left: 0.1rem; font-style: normal;}
.HomePro .tab span img{width: 0.4rem; height: 0.4rem; object-fit: contain; filter: grayscale(0) brightness(0); display: block;}
.HomePro .tab span.on{color: #092478}
.HomePro .tab span.on img{filter:none}
.HomePro .HomeMore{border: 2px solid #092478;}
.HomePro .HomeMore:not(:hover) span{color: #092478;}
.HomePro .HomeMore:not(:hover) i{filter: grayscale(0) brightness(0);opacity: .5}
.HomePro .swiper{overflow: inherit}

.HomePro .item .pic{border-radius: 3px;position: relative;overflow: hidden;}
.HomePro .item .pic figure{padding-bottom: 65%}
.HomePro .item .pic img{position: absolute;width: 70%;height: 70%;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: contain;}

.HomePro .item .txt{padding: .3rem 0 0;z-index: 10}
.HomePro .item .tit{color: #333;font-size: .28rem;font-family: Medium;line-height: .36rem}
.HomePro .item .desc{padding-top: .2rem;color: #666;line-height: 1.75}
.HomePro .item .HomeMore{margin-top: .7rem}
.HomePro .item .HomeMore span {}

.HomePro .swiperBar {margin:.8rem 0 0;position: relative;height: 1px;background: #ebebeb;overflow: hidden;width: calc(100% - 1.6rem)}
.HomePro .swiperBar .cur {left: 0;top: 0;height: 100%;background: #092478;position: absolute;border-radius: 3px;transition: .3s;}
.HomePro .swiperCtr {position: absolute;right: 0;bottom: -.32rem}
.HomePro .swiperCtr .btn {cursor: pointer;transition: .3s;width:.6rem;height:.6rem;top: 50%;border: 1px solid #092478;overflow: hidden;display: inline-block;position: relative;}
.HomePro .swiperCtr .btn.prev{margin-right: .15rem}
.HomePro .swiperCtr .btn.next{transform: rotate(180deg)}
.HomePro .swiperCtr .btn:before {content: "";left: 10%;top: 10%;width: 80%;height: 80%;position: absolute;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .2rem auto;filter: grayscale(0) brightness(0);}

.HomePro .swiperCtr .btn:hover{background:#092478;border-color: #092478 }
.HomePro .swiperCtr .btn:hover:before{filter: none;opacity: 1 }

@media(min-width:769px){
    .HomePro .title{display: flex;justify-content: space-between;align-items: center}
    .HomePro .HomeTit{width: calc(100% - 1.8rem);}
    
}
@media(max-width:768px){
    .HomePro .HomeMore{margin-top: 0.5rem}
    .HomePro .tab span {flex-direction: column; margin-right: 0.15rem; text-align: center;}
    .HomePro .tab span i {max-width: none; padding-left: 0;}
}


.HomeNew{background: url(../images/home-new-bg.jpg)no-repeat center;background-size: cover;}
.HomeNew .title{margin-bottom:0.6rem;}
.HomeNew .HomeTit{margin-bottom:0;}
.HomeNew .HomeMore{border: 2px solid #092478;}
.HomeNew .HomeMore:not(:hover) span{color: #092478;}
.HomeNew .HomeMore:not(:hover) i{filter: grayscale(0) brightness(0);opacity: .5}

.HomeNew .con .left{position: relative}
.HomeNew .con .left a {display: block; overflow: hidden;}
.HomeNew .con .left .pic{height: 5.4rem;position: relative;overflow: hidden;}
.HomeNew .con .left .pic::before{content: '';position: absolute;width: 100%;height: 50%;left: 0;bottom: 0;background: linear-gradient(to top, #092478 0%, rgba(0, 0, 0, 0) 100%);z-index: 10}
.HomeNew .con .left .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.HomeNew .con .left .pic span img{width: 100%;height: 100%;object-fit: cover;transition: .3s;}
.HomeNew .con .left .txt{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 10;padding: 0.5rem .6rem}
.HomeNew .con .left .txt .time{color: #fff;font-size: .18rem;padding-bottom: .15rem}
.HomeNew .con .left .txt .tit{color: #fff;font-size: .28rem;line-height: .4rem; max-height: 0.8rem; font-family: Regular;}

.HomeNew .con .right li {border-top: 1px solid #ebebeb;padding:.4rem .5rem}
.HomeNew .con .right li:last-child {border-bottom: 1px solid #ebebeb;}
.HomeNew .con .right li a{display: flex;align-items: center;}
.HomeNew .con .right li .time{margin-right: .5rem;flex: 0 0 auto;text-align: center}
.HomeNew .con .right li .time span{font-size: .6rem;color:#092478 ;font-family: Medium;display: block;line-height: 1}
.HomeNew .con .right li .txt{flex: 1;padding-right: 0.5rem;width: 80%;position: relative}
.HomeNew .con .right li .txt::after{content: '';position: absolute;left: 100%;top: 50%;transform:rotate(180deg) translateY(50%);width: .5rem;height: .5rem;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .24rem auto;filter: grayscale(0) brightness(0);opacity: .5}
.HomeNew .con .right li .txt .tit{font-size: .22rem;color: #010101;font-family: Regular;padding-bottom: .1rem}
.HomeNew .con .right li .txt .desc{color: #999;line-height: 1.75}
@media(min-width:1025px){
    
    
    .HomeNew .con{display: flex;justify-content: space-between;}
    .HomeNew .con .left{width: 46%;flex: 0 0 auto}
    .HomeNew .con .right{padding-left: 5%;flex: 1;width: 54%}
}
@media(min-width:769px){
    .HomeNew .title{display: flex;justify-content: space-between;align-items: center;}
    .HomeNew .HomeTit { width: calc(100% - 1.8rem);}
}
@media(max-width:1024px){
    .HomeNew .con .left .pic {height: auto; padding-bottom: 75%;}
}
@media(max-width:768px){
    .HomeNew .HomeMore {margin-top: 0.5rem;}
    .HomeNew .con .left .txt {padding:0.3rem;}
    .HomeNew .con .right li {padding:0.25rem;}
    .HomeNew .con .right li .time {margin-right: 0.2rem;}
    .HomeNew .con .right li .txt::after {left:auto; right:0; transform:rotate(180deg) translate(-30%, 50%);}
}


.HomeAbout{background-size: cover;background-position: center top;background-repeat: no-repeat;}
.HomeAbout .txt .HomeTit{width: 35.625%;}
.HomeAbout .txt .HomeTit .cn{font-size: 0.24rem;text-transform: uppercase;line-height: 1;color: #fff}
.HomeAbout .txt .HomeTit .desc{margin:0.2rem 0 0;font-size: .36rem;color: #fff;position: relative;}
.HomeAbout .txt{display: flex; flex-wrap: wrap; justify-content: space-between;margin:0.2rem 0 0;color: #fff;position: relative;}
.HomeAbout .txt .con{line-height: 1.75;width: 50%;flex: 0 0 auto;margin-top: .5rem}
.HomeAbout .txt .HomeMore{margin-top: .8rem}
.HomeAbout ul{margin-top: 1.8rem;display: flex;justify-content: space-between;}
.HomeAbout ul li .counter{font-size: .72rem;color: #fff;font-family: Medium;line-height: 1}
.HomeAbout ul li .unit{font-size: .3rem;color: #fff;}
.HomeAbout ul li .tit{font-size: .18rem;color: #fff;padding-top: .1rem;display: flex;align-items: center;}
.HomeAbout ul li .tit::after{content: '';flex: 1;margin-left: .2rem;height: 1px;background: #fff;opacity: .5}
@media(max-width:1024px){
    .HomeAbout .txt .HomeTit{width:100%; margin-bottom: 0;}
    .HomeAbout .txt .con {width: 100%;}
}
@media(max-width:768px){
    .HomeAbout ul {flex-wrap: wrap; margin-top: 0.7rem;}
    .HomeAbout li {width: 48%; padding:0.15rem 0;}
    .HomeAbout ul li .counter {font-size: 0.5rem;}
}

.HomePartner{position: relative;overflow: hidden;z-index: 2;}
.HomePartner .HomeTit{text-align: center;margin-bottom:0.5rem;}
.HomePartner .HomeTit .desc{margin: .2rem auto 0}
.HomePartner .list .str_wrap{overflow: inherit}
.HomePartner .list ul .str_move{display: flex}
.HomePartner li{width: 3.2rem;padding: .1rem;box-shadow: 0.06rem 0px 0.4rem rgba(0,77,181,.06);}
.HomePartner li a{display: block;padding-bottom: 50%; position: relative;background-color: #fff;border-radius: .1rem;}
.HomePartner li img{max-height: 90%!important;max-width: 60%!important; display: block; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
@media(max-width:768px){
    .HomePartner li {width: 2.2rem;}
}


.Bottom003207{background: #101624; background-size: cover; padding-top: 1rem;--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:#fff; font-size: var(--font-size16);}
.Bottom003207,
.Bottom003207 a:not(:hover){color:var(--white);}


.Bottom003207 .f-top{margin-bottom: 0.5rem;padding-bottom: 0.5rem;border-bottom: 1px solid rgba(255,255,255,.1)}
.Bottom003207 .f-mid{margin-bottom: 0.5rem;}
.Bottom003207 .f-bottom{padding: 0.25rem 0; font-size: .14rem;}
.Bottom003207 .f-bottom,
.Bottom003207 .f-bottom a:not(:hover){color: var(--white-opacity-30);}
.Bottom003207 .f-bottom a {display: inline-block;}

.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(30,131,192,.2); 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 .logo{width: 2.1rem;margin-bottom: .5rem}
.Bottom003207 .contact dl{}
.Bottom003207 .contact dt{ color: #fff; font-weight: 500;font-size: .18rem;padding-bottom: .24rem}
.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: #fff}
.Bottom003207 .contact dd + dd{margin-top: 0.25rem;}


.Bottom003207 nav dt{ position: relative; font-weight: 500;font-size: .18rem;}
.Bottom003207 nav dd{line-height:.36rem;}
.Bottom003207 nav dd a:not(:hover){color: var(--white-opacity-30);}
.Bottom003207 nav dd a:hover{color: var(--white);}

.Bottom003207 .icp{display: flex;align-items: center;}
.Bottom003207 .icp a {margin-right: 0.2rem;}
.Bottom003207 .icp a:last-child {margin-right: 0;}
/* .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: calc(970 / 1440 * 100%);}
    .Bottom003207 nav dt{margin-bottom: 0.2rem;}
    .Bottom003207 nav dd{display: block!important;}
}
@media (max-width:1024px) {
    .Bottom003207 {padding-top: 0;}
    .Bottom003207 .f-mid {display: flex; justify-content: space-between; padding:0.5rem 0; margin-bottom: 0;}
    .Bottom003207 .logo{margin: 0 auto 0.2rem;}   
    .Bottom003207 .follow-us{justify-content: center;}
    .Bottom003207 .contact dl {display: flex; flex-wrap: wrap;}
    .Bottom003207 .contact dt {width: 100%;}
    .Bottom003207 .contact dd + dd {margin-top: 0;}
    .Bottom003207 .contact dd {line-height: 1.5em; margin-right: 0.25rem; margin-bottom: 0.25rem;}
    .Bottom003207 .contact dd:last-child {margin: 0;}
    .Bottom003207 .contact dd span {display: block; margin-bottom: 0.2rem;}
    .Bottom003207 nav dl{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; border-top: 1px solid var(--white-opacity-10);}
    .Bottom003207 .icp{margin-top: 0.15rem; justify-content: center;}
    .Bottom003207 .icp a{display: inline-flex;}
    .Bottom003207 nav .follow {display: block;}
    .Bottom003207 nav .follow dt {margin-bottom: 0.25rem;}
}
@media (max-width:768px) {
    .Bottom003207 nav .follow {width: 1rem;}
    .Bottom003207 .contact {max-width: calc(100% - 1.3rem);}
    .Bottom003207 .contact dd {line-height: 1.25em;}
}


.Other{position: fixed;right: 3.125%;top: 50%;transform: translateY(-50%);z-index: 100;box-shadow: 0 0.03rem 0.06rem rgba(0,0,0,.1)}
.Other ul{border-radius: 0.04rem;}
.Other li {position: relative;}
.Other li:not(:last-child) a{border-bottom: 1px solid #ebebeb}
.Other li a{display: flex;width: .6rem;height: .6rem;background: #fff;justify-content: center;flex-wrap: wrap;align-items: center;align-content: center}
.Other li a span{font-size: .14rem;color: #333;width: 100%;text-align: center;line-height: 1}
.Other li a.zx::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-zx.svg)no-repeat center;background-size: .2rem auto;margin-bottom: 5px}
.Other li a.tel::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-phone.svg)no-repeat center;background-size: .2rem auto;margin-bottom: 5px}
.Other li a.wx::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-wx.svg)no-repeat center;background-size: .2rem auto;margin-bottom: 5px}
.Other li a.gotop{background:#092478 }
.Other li a.gotop::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-top.svg)no-repeat center;background-size: .2rem auto;margin-bottom: 5px;}

.Other li a:hover{background:#092478}
.Other li a:hover span{color: #fff;}
.Other li a:hover::before{filter: grayscale(100) brightness(100);}
.Other li .drop {background-color: #fff; border-radius: 0.1rem; padding:0.05rem; position: absolute; right: 110%; top:0; box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.1); display: none;}
.Other li .qr {width: 1.3rem;}
.Other li .qr img {display: block; width: 100%; height: auto;}
.Other li .num {font-size:0.28rem; line-height: 1.5em; padding:0.5em 1em; white-space: nowrap; font-weight: bold;}


.cbanner{position: relative;}
.cbanner .txt{position: absolute;width: 100%;height: 100%;justify-content: center;display: flex;align-items: center}
.cbanner .txt .w1600{text-align: center;}
.cbanner .txt .tit{font-size:.46rem;color: #fff;font-family: Bold;}
.cbanner .txt .en{font-size: .36rem;color: #fff;opacity: .2;text-transform: uppercase;font-family: Barlow-Bold;line-height: 1}
.cbanner figure{padding-bottom:31.25%;background-size: cover;background-repeat: no-repeat;background-position: center;line-height: 1}
@media only screen and (max-width:768px) {
    .cbanner figure {padding-bottom: 50%;}
}


.colName{display: none;background-color:#092478;border-radius: 0 0 0.05rem 0.05rem;color: #fff;position: relative;padding: 0.1rem 0.2rem;line-height: 2.2;}
.colName:after{content:"";position: absolute;right: 0.15rem;top: 50%;transform: translateY(-50%);background: url(../images/arr_xjt_white.svg) no-repeat center center/0.2rem 0.2rem;height: 100%;width: 0.2rem;transition: all 0.3s;}
.colName.on:after{transform: translateY(-50%) rotate(-180deg);}


.subMenu{background-color: #fff;border-bottom: 1px solid #e6e6e6;}
.NewDetail .subMenu{background-color: #f8f8f8;border-bottom: #f8f8f8}
.subMenu .w1600{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; flex-direction: row-reverse;}
.subMenu ul{display: flex;align-items: center;justify-content: space-between;}
.subMenu li{position: relative;}
.subMenu li:not(:last-child){margin-right: 0.6rem;}
.subMenu li span{display: block;width: 100%;position: relative;}
.subMenu li span a{color: #010101;display: block;line-height: 0.8rem;}
.subMenu li:before{position: absolute;left: 50%;transform: translateX(-50%);width: 0;bottom:0;height: 2px;content: "";background:#092478;transition: all 0.5s;}
.subMenu li.onli a,
.subMenu li:hover a{color:#092478;}
.subMenu li.onli:before,
.subMenu li:hover:before{width: 100%;}
    
.place{color: #666666;text-align: right;font-size: .14rem;line-height: 0.8rem;}
.place:before{width: 0.18rem;height: 0.18rem;content: "";background: url(../images/icon-home.svg) no-repeat center;background-size: contain;display: inline-block;vertical-align: middle;margin: -0.03rem 0.05rem 0 0;}
.place a{color: #666666;margin-right: 0.22rem;position: relative; display: inline-block;}
.place a:hover,
.place span{color:#092478;}
.place a:after{position: absolute;width: 0.22rem;right: -0.22rem;content: "/";text-align: center;}
.place.detail{text-align: left;padding: 1.354vw 0;}
    
@media(max-width:768px){
    .subMenu .menu {width: 100%; position: relative; margin-bottom: 0.1rem;}
    .subMenu .colName{display: block;}
    .subMenu ul{margin-bottom: 0.15rem; display: block; background-color: #fff; position: absolute; left:0; top:100%; width: 100%; z-index: 5;border:1px solid #e6e6e6; border-top: none; display: none;}
    .subMenu li{margin: 0 !important; padding:0 0.2rem;}
    .subMenu li:before{height: 0;background-color: #f0f0f0;}
    .subMenu li.onli a, 
    .subMenu li:hover a{color:#092478;}
    .subMenu li span a{line-height: 2.5;}

    .place {width: 100%; line-height: 2em; padding:0.2rem 0; text-align: left;}
}





.Product .w1600{display: flex;justify-content: space-between; flex-wrap: wrap;}
.Product .pro_menu{width: 25%;}
.Product .pro_list{width: 70%;}

@media(max-width:1024px){
    .Product .pro_menu {width: 100%; margin-bottom: 0.5rem;}
    .Product .pro_menu ul {display: flex; flex-wrap: wrap;}
    .Product .pro_menu li {width: 50%;}
    .Product .pro_list {width: 100%;}
}
@media(max-width:768px){
    .Product .pro_menu li {width: 100%;}
}

.pro_menu .title{color: #000;font-size: .26rem;background: #f9f9f9;line-height: .7rem;margin-bottom: .15rem;padding:0 .36rem;}
.pro_menu ul li{padding: .18rem .36rem;border-bottom: 1px solid #ebebeb}
.pro_menu ul li a{display: flex;align-items: center;}
.pro_menu ul li i{display: block; width: calc(100% - 0.45rem);}
.pro_menu ul li img{width: 0.3rem;margin-right: .15rem; height: 0.3rem; object-fit: contain; display: block;filter: grayscale(0) brightness(0);}

.pro_menu ul li.on a{color:#092478;}
.pro_menu ul li.on img {filter: none;}




.pro_list ul{display: flex;flex-wrap: wrap;}
.pro_list ul li{width: 31%;margin-right: 3.5%;margin-bottom: 3.5%}
.pro_list ul li:nth-child(3n){margin-right: 0;}
.pro_list ul li .pic{position: relative;border: 1px solid #ebebeb;border-radius: 3px;overflow: hidden}
.pro_list ul li .pic span{padding-bottom: 65.1%; display: block; position: relative;transition: .3s;}
.pro_list ul li .pic span img{width: 100%;height: 100%;object-fit: contain; position: absolute; left:0; top:0;}

.pro_list ul li .tit{font-size: .2rem;color: #000;font-family: Regular;padding-top: .15rem;padding-bottom: .1rem}
.pro_list ul li .desc{line-height: 1.75;color: #999;font-size: .14rem}

.pro_list ul li:hover .pic span{transform: scale(1.05)}
.pro_list ul li:hover .tit{color:#092478 }
@media(max-width:768px){
    .pro_list ul li {width: 100%; margin-right: 0; margin-bottom: 0.35rem;}
}



.Page002623{padding:.3rem 0 0; text-align: center;font-size: .18rem;}
.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: .6rem; width: .6rem; margin: 0 0.05rem;border-radius: 50%;color: #010101;background: #f5f5f5}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: #092478;border-color:#092478 }
.Page002623 .Pages .p_page > a{font-size: 0;height: .6rem;position: relative;border-radius: 50%;border: 1px solid #010101;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:#092478; border-color:#092478}
.Page002623 .Pages a.a_next:before{filter: grayscale(100) brightness(100);}
.Page002623 .Pages .p_page > a:hover{background:#092478; border-color:#092478 }
.Page002623 .Pages .p_page > a:hover:before{filter: grayscale(100) brightness(100);}
@media(max-width:768px){
    .Page002623{padding: 0.3rem;}
    .Page002623 .Pages em{display: none;}
}



.prodetail{padding-top: .9rem}



.proinfo01{background-color:#1b1f24;position:sticky;top:.9rem;z-index:10;}
.proinfo01_box{display:flex;justify-content:space-between;align-items:center; flex-wrap: wrap;}
.proinfo01_box .ctitle{color:#fff;padding:.25rem 0;font-size: .18rem}
.proinfo01_box .right{ display: inline-flex; flex-shrink: 0; gap: .1rem;}
.downbtn{line-height:.8rem;background-color:#092478;padding:0 .5rem;display: block; position: relative;}
.downbtn span{color:#fff;}
.proinfo01_box .right .downbtn figure{ position: absolute; left: 50%; transform: translateX(-50%); width: 2.6rem; top: 100%; display: none; }
.proinfo01_box .right .downbtn figure img{ width: 100%;}
.proinfo01_box .right .downbtn:hover figure{display: block;}

@media(max-width:640px){
    .proinfo01_box .right{ width: 100%;}
    .downbtn{ line-height: .5rem;}
}

.prolocat{border-bottom:1px solid #e5e5e5;}
.prolocat_box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.prolocat .left a,
.prolocat .left span{display:inline-block;padding-top:.3rem;padding-bottom:.3rem;}

.prolocat .left:before{width: 0.18rem;height: 0.18rem;content: "";background: url(../images/icon-home.svg) no-repeat center;background-size: contain;display: inline-block;vertical-align: middle;margin: -0.03rem 0.05rem 0 0;}
.prolocat .left a{color: #666666;margin-right: 0.22rem;position: relative;}
.prolocat .left a:hover,
.prolocat .left span{color:#092478;display: inline-block;}
.prolocat .left a:after{position: absolute;width: 0.22rem;right: -0.22rem;content: "/";text-align: center;}

.goback{text-align:center;background-image:url(../images/page_right_red.png);background-repeat:no-repeat;background-position:center right;padding-right:0.3rem;display:inline-block;border-bottom:1px solid #092478; background-size: 0.13rem auto;}
.goback span{color:#092478;}

@media(max-width:768px){
    .prolocat .left,
    .prolocat .right {width: 100%;}
}

.proinfo02_box{display:flex;align-items: center; flex-wrap: wrap;}
.proinfo02_box .left{width:55%;margin-right:5%;}
.proinfo02_box .left .imgbox{padding-bottom:65.1%;position:relative;}
.proinfo02_box .left .imgbox img{position:absolute; width: 100%; height:100%;object-fit: contain; left:0; top:0;}
.proinfo02_box .right{width:40%;}
.proinfo02_box .tit{color:#1b1f24;line-height:1.2;font-size: .48rem;font-family: Regular;}
.proinfo02_box .ctit{color:#1b1f24;line-height:1.875;padding:.15rem 0 .2rem;position:relative;}
.proinfo02_box .ctit::before{content:'';display:block;position:absolute;bottom:0;width:100%;background-color:#e5e5e5;height:1px;}
.proinfo02_box .ctit::after{content:'';display:block;width:.06rem;height:.06rem;background-color:#092478;position:absolute;left:0;bottom:0;}
.proinfo02_box .desc{color:#555;line-height:1.875;margin-top:.4rem;}
.proinfo02_box .desc p{padding-left: .15rem;position: relative}
.proinfo02_box .desc p::before{content: '>';position: absolute;width: 0.06rem;height: 0.06rem;border-radius: 50%;left: 0;top: 0;font-family: '宋体'}

@media(max-width:768px){
    .proinfo02_box .left {width: 100%; margin-bottom: 0.35rem;}
    .proinfo02_box .right {width: 100%;}
    .proinfo02_box .tit {font-size: 0.36rem;}
}


.proinfo03{background: #ecf1f4;margin-top: 1rem;}
.proinfo03 .title{font-size: .4rem;color:#1b1f24;text-align: center;padding-bottom: .2rem}
.proinfo03 .title::after{content: '';display: block;width: .4rem;height: 0.03rem;background:#092478;margin: .15rem auto 0 }
.proinfo03 .tit{font-size: .28rem;color:#1b1f24;font-family: Regular;line-height: 1;padding-left: .15rem;border-left: 0.04rem solid #092478;margin-bottom: .4rem}
.proinfo03 .con h1{color: #000;font-size: .4rem; line-height: 1.5em;}
.proinfo03 .con p{line-height: 1.75;}
.proinfo03 .con .ul{display: flex;flex-wrap: wrap;padding: .3rem 0}
.proinfo03 .con .ul li {margin-right: 5%;}
.proinfo03 .con .ul li .pic{position: relative;height: 4.2rem;overflow: hidden;}
.proinfo03 .con .ul li .pic img{position: absolute;height: 100%;width: 100%;object-fit: contain;}
.proinfo03 .con .ul li h3{font-size: .2rem;color: #000;padding-bottom: .05rem}
@media(max-width:768px){
    .proinfo03 .con h1 {font-size: 0.3rem;}
}


.proinfo04{border-bottom: 1px solid #ddd;}
.proinfo04 .title{font-size: .4rem;color:#1b1f24;text-align: center;padding-bottom: .4rem}
.proinfo04 .title::after{content: '';display: block;width: .4rem;height: 3px;background:#092478;margin: .15rem auto 0 }

.proinfo04 ul{max-width: 12.8rem;margin: 0 auto;}
.proinfo04 ul li:not(:last-child){margin-bottom: 2.5%}
.proinfo04 ul li a{display: flex;justify-content: space-between; flex-wrap: wrap;}
.proinfo04 ul li a .pic{width: 44.219%;position: relative;overflow: hidden;border: 1px solid #ebebeb}
.proinfo04 ul li a .pic span{padding-bottom: 49.291%; display: block; position: relative;transition: .3s;}
.proinfo04 ul li a .pic span img{width: 100%;height: 100%;object-fit: contain; position: absolute; left:0; top:0;}
.proinfo04 ul li a .txt{width: 51%;border-bottom: 1px solid #ebebeb;display: flex; align-items: center;}
.proinfo04 ul li a .txt .tit{font-size: .24rem;color: #000;padding-bottom: .2rem}
.proinfo04 ul li a .txt .desc{line-height: 1.75;margin-bottom: 12.27%;color: #999}
.proinfo04 ul li a .txt .more{color:#092478;}

@media(max-width:768px){
    .proinfo04 ul li:not(:last-child) {margin-bottom: 0.5rem;}
    .proinfo04 ul li a .pic {width: 100%;}
    .proinfo04 ul li a .txt {width: 100%;padding:0.35rem 0;}
    .proinfo04 ul li a .txt .desc {margin-bottom: 0.3rem;}
}



.proinfo05 .title{font-size: .4rem;color:#1b1f24;text-align: center;padding-bottom: .4rem}
.proinfo05 .title::after{content: '';display: block;width: .4rem;height: 3px;background:#092478;margin: .15rem auto 0 }

.proinfo05 .item{background: #ecf1f4;padding: .5rem}
.proinfo05 .item .tit{color:#092478;}
.proinfo05 .item .tit2{color:#000;margin: .1rem 0 .4rem;font-size: .2rem;height: .58rem}
.proinfo05 .item .more{color:#999;font-size: .14rem}

.proinfo05 .swiperCtr{text-align: center;margin-top: .3rem}
.proinfo05 .swiperCtr .swiper-pagination-bullet{width: .12rem;height: .12rem;}
.proinfo05 .swiperCtr .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#092478 ;}



.proinfo06{background: #f7f8fb}
.proinfo06 .title{font-size: .4rem;color:#1b1f24;text-align: center;padding-bottom: .4rem}
.proinfo06 .title::after{content: '';display: block;width: .4rem;height: 0.03rem;background:#092478;margin: .15rem auto 0 }
.proinfo06 .item a{display: flex;align-items: center;background: #fff}

.proinfo06 .item a .pic{width: 36%;position: relative}
.proinfo06 .item a .pic span{padding-bottom: 135.14%; position: relative; display: block; overflow: hidden;transition: .3s;}
.proinfo06 .item a .pic span img{width: 100%;height: 100%;object-fit: cover; position: absolute; left:0; top:0;}


.proinfo06 .item a .txt{flex: 1;padding: 0 .4rem}
.proinfo06 .item a .txt .tit{color:#000;font-size: .24rem;display: flex;align-items: center;padding-bottom: .1rem}
.proinfo06 .item a .txt .tit span{color:#092478;font-size: .16rem;margin-left: .2rem}
.proinfo06 .item a .txt .tit2{color: #666;font-size: .14rem;line-height: 1.75}
.proinfo06 .item a .txt .more{color:#092478;margin-top: .3rem;display: flex;align-items: center;}
.proinfo06 .item a .txt .more::after{content: '';width: .2rem;height: .2rem;background: url(../images/icon-jt3.svg)no-repeat center;background-size: .12rem auto;margin-left: .1rem}
.proinfo06 .swiperCtr{text-align: center;margin-top: .3rem}
.proinfo06 .swiperCtr .swiper-pagination-bullet{width: .12rem;height: .12rem;}
.proinfo06 .swiperCtr .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#092478 ;}



.proinfo07{padding-bottom: 0}
.proinfo07 .title{font-size: .4rem;color:#1b1f24;text-align: center;padding-bottom: .4rem}
.proinfo07 .title::after{content: '';display: block;width: .4rem;height: 0.03rem;background:#092478;margin: .15rem auto 0 }
.qas .li{border-bottom:1px solid #e9e9e9;position:relative;z-index:5;}
.qas .li:after{counter-increment:qa;content:'0'counter(qa);position:absolute;font-size:0.6rem;line-height:1;bottom:0;height:0.7em;overflow:hidden;color:#f6f6f6;right:0.8rem;z-index:-1;display: none}
.qas .li:nth-child(n+10):after{content:counter(qa);}
.qas .li .lt{padding:0.2rem;cursor:pointer;align-items: center}
.qas .li .lt .q{flex:0 0 auto;font-size:14px;width:22px;height:22px;background:#092478;color:#fff;text-align:center;border-radius:50%;}
.qas .li .lt .p{flex:1 1 auto;padding:0 .2rem;overflow:hidden;font-size: .18rem;}
.qas .li .lt .ico{flex:0 0 auto;font-size:1.4em;width:30px;text-align:center;height:30px;transition:.3s;transform:rotate(0deg);background: url(../images/icon-jt3.svg)no-repeat center;background-size: .2rem auto}
.qas .li .lt.act .ico{transform:rotate(90deg);}
.qas .li .txt{padding:0.26rem 0.2rem;position:relative;background:#f7f8fb;display:none;top:-0.1rem;margin-bottom:0.2rem;}
.qas .li .txt:before{content:"";position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #f8fdff;left:0.2rem;bottom:100%;margin-left:6px;}
.qas .li .box{align-items:flex-start;}
.qas .li .ans{flex:0 0 auto;width:22px;line-height:22px;background:#338cfc;text-align:center;color:#fff;border-radius:50%;margin-top:3px;}
.qas .li .lp{flex:1 1 auto;padding:0 .2rem;color:#555;line-height:1.75;}



.solulist .title{font-size: .4rem;color:#1b1f24;text-align: center;padding-bottom: .4rem}
.solulist .title::after{content: '';display: block;width: .4rem;height: 3px;background:#092478;margin: .15rem auto 0 }
.solulist .list{display: flex;flex-wrap: wrap;}
.solulist .item{background: #ecf1f4;padding: .5rem;width: 23.5%;margin-right: 2%;margin-bottom: 2%}
.solulist .item:nth-child(4n){margin-right: 0}
.solulist .item .tit{color:#092478;}
.solulist .item .tit2{color:#000;margin: .1rem 0 .4rem;font-size: .2rem;height: .58rem}
.solulist .item .more{color:#999;font-size: .14rem}



.NewsList .item{padding:0.5rem 0;border-bottom:1px solid #eeeeee;transition: all .5s;}
.NewsList .item a{display: flex;justify-content: space-between;align-items: center;}
.NewsList .item .date{width:7.5%;line-height: 1.2;}
.NewsList .item .date p{font-size: 0.46rem;font-weight: bold;color:#000;}
.NewsList .item .date span{font-size: 0.18rem;color:#222;}
.NewsList .item .img{width:25.69%;}
.NewsList .item .img span {display: block; padding-bottom: 60.827%; position: relative; height: auto; width: 100%;}
.NewsList .item .img img {display: block; position: absolute; left:0; top:0;}
.NewsList .item .txt{width:58%;box-sizing: border-box;padding-right:0.8rem;position: relative;}
.NewsList .item .txt .tit{font-size: 0.3rem;}
.NewsList .item .txt .dec{line-height: 0.3rem;color:#555;font-weight: lighter;margin-top:0.1rem;}
.NewsList .item .txt .more{width:0.5rem;height:0.5rem;border-radius: 50%;border:2px solid #dadada;position: absolute;right:0;top:50%;transform: translateY(-50%);}
.NewsList .item .txt .more::after{content:"";display: block;width:100%;height:100%;background-repeat: no-repeat;background-position: center;background-size: 0.18rem;position: absolute;left:0;top:0;background-image: url(../images/icon-jt3.svg);transition: all .3s;}


.NewsList .item:hover .txt .more{background:#092478;border-color: #092478 }
.NewsList .item:hover .txt .more::after{filter: grayscale(100) brightness(100);}
.NewsList .item:hover{background: #f8f8f8;border-bottom:1px solid #f8f8f8;}
.NewsList .item:hover .img span{transform: scale(1.05);}



@media(max-width:768px){
    .NewsList .item a{position: relative; display: block;}
    .NewsList .item .date{position: absolute;background:#092478;color:#fff;left:0;top:0;z-index:9;padding:0.05rem;width:auto;line-height: 1; text-align: center;}
    .NewsList .item .date p{color:#fff;position: relative;}
    .NewsList .item .date span{color:#fff; line-height: 1.5em;}
    .NewsList .item .img{width:100%; margin-bottom: 0.25rem;}
    .NewsList .item .txt {width: 100%;}
}




.singpaper{padding: 1rem 0 1.6rem;}
.singpaper .title{text-align: center;border-bottom: 1px solid #e5e5e5;padding-bottom: .5rem;margin-bottom: .7rem}
.singpaper .title span{font-size: .4rem;color: #000;font-family: Bold; line-height: 1.25em;}
.singpaper .con{line-height: 2;font-size: .18rem;color: #333}

.operating{margin-top: 1rem;padding-top: .7rem;border-top: 1px solid #e5e5e5;}
.operating .btns a {color: #666;line-height: 2;font-size: .18rem}
.operating .btns a b{font-weight: normal;color: #000;}
.operating .btns a:hover {color: #092478;}

.operating .back a{width: 1.9rem;height: .6rem;display: flex;align-items: center;justify-content: center;border-radius: 36px;color: #000;transition: .3s;color: #fff;background: #092478;}
.operating .back a::after{width: .22rem;height: .16rem;content: '';background: url(../images/back.png)no-repeat center;margin-left: .2rem;background-size: .22rem auto}
@media(min-width:1025px){
    .operating{display: flex;align-items: center;justify-content: space-between;}
    .operating .btns{width: 75%;flex: 0 0 auto;}
}
@media(max-width:1024px){
    .operating .back{margin-top: .2rem}
    .operating .back a {margin:0 auto;}
}
@media(max-width:768px){
    .singpaper {padding:0.65rem 0 1rem;}
    .singpaper .title {margin-bottom: 0.4rem; padding-bottom: 0.3rem;}
    .singpaper .title span {font-size: 0.3rem;}
    .operating {margin-top: 0.5rem; padding-top: 0.4rem;}
}



.About{overflow: hidden;}
.About .title{padding-bottom: .7rem}
.About .title span{font-size: .5rem;color: #000;position: relative;font-family: Bold;text-transform: uppercase;line-height: 1.25em;display: inline-block;font-family: Bold;}

.About .left .tip{color: #000;font-size: .22rem;font-family: Medium;line-height: 1.75}
.About .left .desc{margin-top: .4rem;padding-top: .6rem;border-top: 1px solid #e5e5e5;color: #333;font-size: .18rem;line-height: 2}

.About .right{padding-top: 1rem;position: relative}
.About .right .bigtitle{position: absolute;font-family: 'Barlow-Bold';font-size: 2.24rem;color:#000;opacity: .03;left: .6rem;top: 0;width: 200%;line-height: .6;z-index: 2}
.About .right .pic{position: relative;width:46.88vw;}
.About .right .pic span{overflow: hidden;display: block;padding-bottom: 66.666%; position: relative;}
.About .right .pic img{transition: .3s;width: 100%;height: 100%;object-fit: cover; position: absolute; left:0; top:0; display: block;}

@media(min-width:1025px){
    .About .flex{display: flex;justify-content: space-between;}
    .About .flex .left{width: 50%;padding-right: .6rem;}
    .About .flex .right{width: 50%;padding-left: .6rem;}
}

@media(max-width:1024px){
    .About .flex {display: block;}
    .About .right{padding-top: .8rem;margin-top: .5rem}
    .About .right .bigtitle{font-size: 1.4rem;left: 0;}
    .About .right .pic {width: 100%;}
    .About .right .pic span{width:100%;}
    .About .right .pic figure{height: 3.5rem;}
}

@media(max-width:768px){
    .About .title {padding-bottom: 0.4rem;}
    .About .title span {font-size: 0.36rem;}
    .About .right {padding-top: 0.5rem;}
    .About .right .bigtitle {font-size: 1.2rem;}
}



.c-about4 {position: relative;padding-bottom: .6rem;overflow: hidden;}
.c-about4 .c-arrow {position: absolute;top: 50%; left: 50%; z-index: 100;display: flex;align-items: center;justify-content: center;bottom: 1.2rem;width: .8rem;height: .8rem;border-radius: 50%;background: rgba(255, 255, 255, 0.2);opacity: 1;transition: transform 0.4s;color: #fff;transform: scale(0);cursor: pointer;}
.c-about4 .container {margin: 0 auto;width: 74%;max-width: 16rem;}
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;z-index: 1;}
@media (max-width: 767px) {
    .c-about4 .c-arrow {display: none;}
    
}
.c-about4 .c-arrow img,
.c-about4 .c-arrow svg { width: 40%;height: 40%;}
.c-about4 .c-arrow img path,
.c-about4 .c-arrow svg path {fill: #fff;transition: all 0.4s;}
.c-about4 .c-arrow.on {transform: scale(1);}
.c-about4 .c-arrow.on2 img,
.c-about4 .c-arrow.on2 svg {transform: rotate(180deg);}
.c-about4 .c-bg1,
.c-about4 .c-bg2 {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;object-fit: cover;}
.c-about4 .c-bg2 {z-index: 5;transform: scale(1.1);}
.c-about4 .c-title-box {position: relative;z-index: 10;}
.c-about4 .c-title-box .hm_tit .f_tit {color: #fff;margin: 0;font-size:.5rem ;text-align: center}
.c-about4 .c-about4-banner1 {position: absolute;top: 50%;left: 0;width: 100%; z-index: 3;font-size: 4rem;opacity: 0.1;color: #fff;text-align: center;transform: translateY(-50%);font-family: Barlow-Bold;}
@media (max-width: 767px) {
    .c-about4 .c-about4-banner1 {font-size: 1rem;}
}
.c-about4 .c-about4-banner1 .container {position: relative;}
.c-about4 .c-about4-banner2 {position: relative;z-index: 8;color: #fff;text-align: center;min-height: 6rem;}
.c-about4 .c-about4-banner2 .c-text{font-size: .24rem;}
@media (max-width: 767px) {
    .c-about4 .c-about4-banner2 {min-height: 4rem;}
    .c-about4 .c-about4-banner2 .c-text{font-size: .2rem;}
}
.c-about4 .c-about4-banner2 .swiper-container {padding: 1.5rem 0;}
@media (max-width: 767px) {
    .c-about4 .c-about4-banner2 .swiper-container {padding: 1rem 0;}
}
.c-about4 .c-about4-banner3 {position: relative;z-index: 8;color: #fff;text-align: center;}
.c-about4 .c-about4-banner3 .swiper-container::before {content: "";position: absolute;top: 9px;left: 0;width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.c-about4 .c-about4-banner3 .swiper-slide {display: flex;flex-wrap: wrap;align-content: space-between;height: 50px;cursor: pointer;}
@media (max-width: 767px) {
    .c-about4 .c-about4-banner3 .container {}
    .c-about4 .c-about4-banner3 .swiper-slide {height:1rem;width: auto}
}
.c-about4 .c-about4-banner3 .c-dot {margin: 0 auto ;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;border: 2px solid transparent;border-radius: 50%;position: relative;transition: all 0.4s;}
.c-about4 .c-about4-banner3 .c-dot::before {content: "";width: 10px;height: 10px;border-radius: 50%;background-color: #fff;}
.c-about4 .c-about4-banner3 .c-num {width: 100%;transition: all 0.4s;line-height: 1;opacity: 0.5;font-family: Barlow-Bold;}
.c-about4 .c-about4-banner3 .swiper-slide-thumb-active .c-dot {border-color: #fff;}
.c-about4 .c-about4-banner3 .swiper-slide-thumb-active .c-num {opacity: 1;font-size: 24px;margin: 0}
@media (max-width: 768px) {
    .c-about4 .c-about4-banner3 .swiper-slide-thumb-active .c-num {font-size: .4rem;}
}





.Partner .title{padding-bottom: .7rem;text-align: center}
.Partner .title span{font-size: .5rem;color: #000;position: relative;font-family: Bold;text-transform: uppercase;line-height: 1.25em;display: inline-block;font-family: Bold;}

.Partner ul{display: flex;flex-wrap: wrap; width: calc(1616/1600*100%);}
.Partner li{width: 16.6666%;padding-right: calc(16/1616*100%);padding-bottom: calc(16/1616*100%);}
.Partner li a{display: block; padding-bottom: 47.245%; position: relative; overflow: hidden;background: #fff;border-radius: .1rem;border: 1px solid #ebebeb;}
.Partner li a img{max-height: 90%;max-width: 60%; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}

@media (max-width: 1024px) {
    .Partner li {width: 25%;}
}
@media (max-width: 768px) {
    .Partner .title {padding-bottom: 0.4rem;}
    .Partner li {width: 50%;}
}

.zp_box .title{padding-bottom: .7rem;text-align: center}
.zp_box .title span{font-size: .5rem;color: #000;position: relative;font-family: Bold;text-transform: uppercase;line-height: 1.25em;display: inline-block;font-family: Bold;}
@media (max-width: 768px) {
    .zp_box .title {padding-bottom: 0.4rem;}
    .zp_box .title span {font-size: 0.4rem;}
}
.joinList {}
.joinList li { margin-bottom: 0.2rem; background-color: #f5f7f8; padding: 0.4rem; overflow: hidden;}
.joinList li:hover { border-top: 0.04rem solid #092478;}
.joinList li.active {border-top: 0.04rem solid #092478;}
.joinList li .main { position: relative; padding-right: 0.7rem;}
.joinList li i { position: absolute; width: 0.5rem; height: 0.5rem; border: 1px solid #ccc; right: 0; top: 50%; margin-top: -0.25rem; border-radius: 50%; background-image: url(../images/arr2.png); background-size: 0.12rem 0.09rem; background-position: center; background-repeat: no-repeat;}
.joinList li.active i {transform: rotate(180deg);}
.joinList li.active .name {color: #092478;}
.joinList li .name {font-size: 0.24rem; color: #333;}
.joinList li .type {padding: 0.2rem 0 0;}
.joinList li .type dd:not(:last-child) {padding-right: 0.2rem;margin-right: 0.2rem;}
.joinList li .type dd {position: relative; color: #333;}
.joinList li .type dd span {font-weight: 100;display: inline-block;}
@media (min-width: 1025px) {
    .joinList li .type {overflow: hidden;}
    .joinList li .type dd {float: left;}
    .joinList li .type dd:not(:last-child):after {position: absolute;content: "";width: 1px;height: 0.1rem;background-color: #d4d4d4;top: 50%;margin-top: -0.05rem;right: 0;}
}
.joinList .conbox { border-top: 1px solid #e5e5e5; margin-top: 0.4rem;padding: 0.4rem 0 0;display: none;}
.joinList .conbox .h5 {color: #333;font-weight: normal;font-size: 0.18rem;margin: 0 0 0.1rem 0;}
.joinList .conbox p {line-height: 2;color: #777;margin: 0;}

@media (max-width: 1024px) {
    .joinList li {padding: 0.3rem;}
    .joinList .conbox {margin-top: 0.3rem;padding: 0.3rem 0 0;}
}






.Contact .tit{font-size: .38rem;color: #010101;padding-bottom: .3rem;line-height: 1.25em;font-family: Bold;}
.Contact h3,
.Contact .subtit{font-size: .2rem;color: #010101;padding-bottom: .1rem;line-height: 1;font-family: Regular; font-weight: normal;}
.Contact ul:not(:last-child){border-bottom: 1px solid #ebebeb;padding-bottom: .24rem;margin-bottom: .2rem}
.Contact li{color: #333;line-height: 1.75;margin-top: .12rem;font-family: 'hml';}
.Contact li span {padding-left: .3rem;position: relative;}
.Contact li span:before {content: '';position: absolute;left: 0;top: 0.02rem;width: .24rem;height: .24rem; background:no-repeat center center; background-size: 0.2rem auto;}
.Contact li .tel::before{background-image: url(../images/icon-tel3.svg);}
.Contact li .fax::before{background-image: url(../images/icon-fax.svg);}
.Contact li .mail::before{background-image: url(../images/icon-mail.svg);}
.Contact li .add::before{background-image: url(../images/icon-add2.svg);}
.Contact li .wz::before{background-image: url(../images/icon-wz.svg);}
.Contact .right {width: 50%;}
.Contact .right .pic{padding-bottom:68.75%; position: relative;overflow: hidden;}
.Contact .right .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: .3s;}
.Contact .right .pic span img{width: 100%;height: 100%;object-fit: cover}
@media(min-width:1025px){
    .Contact .flex{display: flex;justify-content: space-between;align-items: center}
    .Contact .left{width: 50%;flex: 0 0 auto;padding-right: 6%;}
    .Contact .right{flex:1;}
}
@media(max-width:1024px){
    .Contact .flex {display: block;}
    .Contact .left {width: 100%; margin-bottom: 0.5rem;}
    .Contact .right{width: 100%;}
}
@media(max-width:768px){
    .Contact .tit {font-size: 0.36rem;}
}









