@font-face {
    font-family: "AlimamaFangYuan";
    src: url(MiSans-Medium.woff);
}
html {font-size: calc(100vw/19.2);}
/* ===============================index*/

.inner {width: 90%;margin: 0 auto;}
.inner1 {width: 80%;margin: 0 auto;}

.padd {padding: 98px 0;}


/* =====================================================================公共 */
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {width: 6px;/*对垂直流动条有效*/height: 6px;/*对水平流动条有效*/}
/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: fff;border-radius: 0px;}
/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb {border-radius: 2px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #555555;}
/*定义两端按钮的样式*/
::-webkit-scrollbar-button {background-color: none;height: 0;}
/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {background: khaki;}
 
/*  */
.header {position: fixed;left: 0;top: 0;width: 100%;height: 90px;display: flex;justify-content: space-between;align-items: center;z-index: 99999;transition: all .48s;}
.header::after {content: '';width: 100%;height: 1px;border-bottom: 1px solid rgba(255, 255, 255, .1);position: absolute;left: 0;bottom: 0;}
.header .logo {padding-left: 3%;display: flex;justify-content: center;}
.header .logo img {width:4.5rem;}
.header .logo .img1 {display: block;}
.header .logo .img2 {display: none;}
.header .nav {margin-right: 15%;}
.header .nav ul {display: flex;align-items: center;height: 100%;}
.header .nav ul li {height: 90px;padding: 0 0.3rem;display: flex;justify-content: center;align-items: center;}
.header .nav ul li a {position: relative;font-size: 16px;color: #fff;}
.header .nav ul li.on a {color: #093483;font-weight: 600;}
.header .nav ul li .navZk {width: 100vw;padding: 30px 8%;background: #fff;position: absolute;left: 0;top: 100%;box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);display: none;}
.header .nav ul li .navZk .navZkUl {width: 100%;display: flex;justify-content: center;align-items: center;}
.header .nav ul li .navZk .navZkUl a {color: #333 !important;display: flex;align-items: center;font-size: 16px;font-weight: 500 !important;margin: 0 40px;}
.header .nav ul li .navZk .navZkUl a img {width: 24px;margin-right: 10px;}
.header .nav ul li .navZk .navZkUl a:hover{color: #093483 !important;}
.header .nav ul li:nth-child(3):hover .navZk{ display:block;opacity: 1;}
.header .nav ul li:nth-child(4):hover .navZk{ display:block;opacity: 1;}

.header .headR {display: flex;align-items: center;margin-right: 3%;}
.header .headR .hLan {position: relative;width: 42px;height: 42px;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;margin-left: 40px;}
.header .headR .hLan img{ width:20px;}
.header .headR .hLan .lan01 {display: block;}
.header .headR .hLan .lan02 {display: none;}
 
.header.headerMain-bg ul li.on a,
.header.white ul li.on a {color: #093483;}
.header_bg.header ul li a {color: #333;}
.header_bg.header ul li a::after {background: #333;}
.header_bg.header {border-bottom: 1px solid rgb(0, 0, 0, .1);}
.header.header_bg .logo .img2 {display: block;}
.header.header_bg .logo .img1 {display: none;opacity:0;}
.header.header_bg .hLan .lan02 {display: block;opacity:1;}
.header.header_bg .hLan .lan01 {display: none;opacity:0;}
 
.div1 .headerMain-bg ul li.on a,
.div1 .white ul li.on a {color: #093483;}
.div1 .header ul li a {color: #333;}
.div1 .header ul li a::after {background: #333;}
.div1 .header {border-bottom: 1px solid rgb(0, 0, 0, .1);}
.div1 .header .logo .img2 {display: block;}
.div1 .header .logo .img1 {display: none;opacity:0;} 

.header.headerMain-bg {background: #fff;border-bottom: 1px solid rgb(0, 0, 0, .1);}
.header.white,
.header.headerN {background: #fff;border-bottom: none;}
.header.white::after,
.header.headerN::after {border-color: rgb(0, 0, 0, .1);}
.header.headerMain-bg .img2,
.header.white .img2,
.header.headerN .img2 {display: block;opacity:1;}
.header.headerMain-bg .img1,
.header.white .img1,
.header.headerN .img1 {display: none;}
.header.headerMain-bg .hLan .lan02,
.header.white .hLan .lan02,
.header.headerN .hLan .lan02 {display: block;opacity:1;}
.header.headerMain-bg .hLan .lan01,
.header.white .hLan .lan01,
.header.headerN .hLan .lan01 {display: none;opacity:0;}
.header.headerMain-bg ul li a,
.header.white ul li a,
.header.headerN ul li a {color: #333;}
.header.headerMain-bg .hLan,
.header.white .hLan,
.header.headerN .hLan {background: #093483;}

.header_h {transform: translateY(-90px);}

.header.none .logo .img1 {display: none;}
.header.none .logo .img2 {display: block;}
.header.none .hLan {background: #0a3483;}
.header.none .hLan .lan01 {display: none;}
.header.none .hLan .lan02 {display: block;}

/* ===================================================  手机导航 */
@media (max-width: 1024px) {
    .hLogo {position: relative;z-index: 99999;}
    .header.white .hLogo .img2,
    .header.headerN .hLogo .img2 {display: block;}
    .header.white .hLogo .img1,
    .header.headerN .hLogo .img1 {display: none;}
}

.Tit {font-size: 60px;line-height: 1.2;text-transform: uppercase;letter-spacing: 2px;font-weight: 600;margin-bottom: 60px;}
.Tit span {font-size: 48px;line-height: 1.2;color: #093483;display: block;text-transform: uppercase;letter-spacing: 2px;font-weight: 600;}
.Tit p {margin-top: 20px;font-size: 20px;line-height: 1.4;text-shadow: 3px 3px 6px rgb(0, 0, 0, .1);}
.Tit.white span {color: #fff;}
.Tit.white p {color: #fff;}
.Tit.center {text-align: center;}
.Tit.flex {display: flex;justify-content: space-between;align-items: flex-end;}

/*  */
.More a {display: inline-block;position: relative;z-index: 2;}
.More a i {display: flex;align-items: center;padding: 14px 30px;border-radius: 8px;background: #fff;box-shadow: 0 -5px 10px rgb(0, 0, 0, .1);font-size: 16px;color: #093483;position: relative;z-index: 2;transition: all .48s;}
.More a::after {content: '';width: 100%;height: 100%;border-radius: 8px;background: #093483;position: absolute;left: 4px;top: 4px;z-index: -1;transition: all .48s;}
.More a img {width: 20px;margin-left: 15px;}
.More a img:nth-child(1){ display:block;}
.More a img:nth-child(2){ display:none;}
.More a:hover::after {left: 0;top: 0;}
.More a:hover i {color: #fff;background: #093483;}
.More a:hover i img:nth-child(1){ display:none;}
.More a:hover i img:nth-child(2){ display:block;}

/* ================================================================== index */
.menu {width: 7%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 998;}
.menu_s {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.menu span {display: inline-block;width: 2px;height: 30px;background: rgba(255, 255, 255, .9);margin: 0 1px;}
.menu.black0 span,
.menu.black1 span,
.menu.black2 span,
.menu.black3 span {background: #333;}
.menu.white span {background: rgba(255, 255, 255, .9);}
.menu .ewm {width: 80px;position: absolute;left: 50%;bottom: 10%;transform: translateX(-50%);}

.leftNav.black li a {color: #fff;}
.leftNav.black li.on a {color: #fff;}
.leftNav.white0 li a,
.leftNav.white1 li a,
.leftNav.white2 li a,
.leftNav.white3 li a {color: #333 !important;}
.leftNav.black0 li a,
.leftNav.black1 li a,
.leftNav.black2 li a,
.leftNav.black3 li a {color: #333 !important;}
.leftNav {width: 7%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 1000;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.leftNav i {display: block;width: 2px;height: 8%;border-radius: 1px;background: #093483;position: absolute;right: -1px;top: 50%;transform: translateY(-50%);transition: all .48s;}
.leftNav .logo {display: block;width: 80%;margin: 20px 0;position: absolute;left: 10%;top: 0;}
.leftNav h5 {font-size: 24px;font-weight: 600;color: #083483;padding: 40px 18% 300px;position: relative;}
.leftNav h5::after {content:'';width:2px;height:200px;border-left:2px solid #083483;border-radius:1px;position:absolute;left:18%;bottom:50px;}
.leftNav ul { width: 90px;}
.leftNav ul li {margin-bottom: 40px;}
.leftNav ul li a {font-size: 16px;color: #333;}


.inBan img {width: 100%;height: 100%;object-fit: cover;}
.inTBox {width: 100%;height: 100vh;position: relative;overflow: hidden;}
.inTBox::after {content:'';width:1px;height:100%;position:absolute;left:7%;top:90px;border-left: 1px solid rgb(255 255 255 / 18%);z-index: 2;}
.inBswiper {width: 100%;height: 100vh;}
.inBItem {width: 100%;position: relative;}
.inBItem .image {width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);transition: all 5s;}
.inBItem::after {width: 100%;height: 100%;position: absolute;left: 0;top: 0;content: '';}
.inBItem .indBanText {position: absolute;left: 12%;top: 50%;width: 60%;transform: translateY(-50%);z-index: 6;}
.inBItem .indBanText .tit {font-size: 32px;color: #fff;line-height: 1.6;font-weight: 300;margin-top: 40px;opacity: 0;margin-bottom: 60px;}
.inBItem .indBanText span {font-size: 60px;line-height: 1.2;color: #fff;display: block;text-transform: uppercase;letter-spacing: 2px;text-shadow: 3px 3px 6px rgb(71 121 110 / 20%);font-weight: 600;opacity: 0;}
.inBItem .indBanText .More {opacity: 0;}
.inBItem.swiper-slide-active .indBanText span {animation: zy2 1s linear;animation-fill-mode: forwards;}
.inBItem.swiper-slide-active .indBanText .tit {animation: zy2 1s linear .2s;animation-fill-mode: forwards;}
.inBItem.swiper-slide-active .indBanText .More {animation: zy2 1s linear .4s;animation-fill-mode: forwards;}
.inBItem.swiper-slide-active .image {transform: scale(1);}

@keyframes zy2 {0% {opacity: 0;transform: translateX(-200px);}100% {opacity: 1;transform: translateX(0);}}

.inTslide {position: absolute;left: 10%;bottom: 10%;z-index: 6;opacity: .8;animation: up 5s linear infinite;}
.inTslide span {font-size: 14px;font-weight: 600;line-height: 1;color: #fff;display: block;text-transform: uppercase;transform: rotate(90deg);position: absolute;left: -16px;top: -55px;}
.inTslide img {width: 30px;}
.inTsBox {width: 35%;position: absolute;bottom: 10%;right: 10%;z-index: 6;display: flex;align-items: center;justify-content: space-between;}
.inTsBox.act {animation: zy 1s linear;}
.inTsBox .swiper-pagination-progressbar {width: calc(100% - 180px);height: 1px;background: rgba(255, 255, 255, .3);position: relative;}
.inTsBox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: rgba(255, 255, 255, 1);}
.inTsBox .btnBox {display: flex;align-items: center;}
.inTsBox .btnBox .btn {width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, .3);margin-left: 15px;cursor: pointer;transition: all 0.48s;}
.inTsBox .btnBox .btn img {width: 40%;opacity: .5;}
.inTsBox .btnBox .btn:hover {background: #093483;}
.inTsBox .btnBox .btn:hover img {opacity: 1;}
@keyframes up {0% {bottom: 10%;}50% {bottom: 7%;}100% {bottom: 10%;}}
.inBNswiper {width: 100px;}
.inBNswiper span {font-size: 48px;line-height: 1.2;color: #fff;display: block;text-transform: uppercase;letter-spacing: 2px;}
.inBNswiper .swiper-slide {opacity: 0 !important;}
.inBNswiper .swiper-slide-thumb-active {opacity: 1 !important;}
.inBItem::after {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgb(0, 0, 0, .4);}

/* < !-- 关于 --> */
.indAb {padding-left: 7% !important;padding-bottom: 0 !important;position: relative;border-bottom: 1px solid rgb(8 49 122 / 18%);}
.indAb::after {content: '';width: 1px;height: 100%;position: absolute;left: 7%;top: 0;border-left: 1px solid rgb(8 49 122 / 18%);}
.indAb .indAbBox {display: flex;align-items: center;justify-content: space-between;overflow: hidden;}
.indAb .indAbBox .indAbImg {width: 50%;padding-top: 38%;border-radius: 12px;}
.indAb .indAbBox .indAbText {width: 45%;}
.indAb .indAbBox .indAbText .Tit {margin-bottom: 30px;}
.indAb .indAbBox .indAbText .indAb_p {width: 100%;}
.indAb .indAbBox .indAbText .indAb_p p {font-size: 18px;line-height: 2;margin-bottom: 20px;}
.indAb .indAbBox .indAbText .More {margin-top: 40px;}
.indAb .indShuJu {display: flex;flex-wrap: wrap;margin-top: 80px;}
.indAb .indShuJu .indShuJu_li {width:33.33%;padding:70px 50px;position: relative;border-top: 1px solid rgba(0, 0, 0, .06);text-align: center;}
.indAb .indShuJu .indShuJu_li::after {content: '';background: rgba(0, 0, 0, .06);width: 1px;height: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.indAb .indShuJu .indShuJu_li:last-child::after {display: none;}
.indAb .indShuJu .indShuJu_li span {font-size: 20px;}
.indAb .indShuJu .indShuJu_li span b {font-size: 100px;line-height: 1;font-weight: 700;color: #083483;padding-right: 10px;}
.indAb .indShuJu .indShuJu_li p {font-size: 18px;margin-top: 20px;}


.indAb_s {width: 80%;margin-bottom: 30px;}
.indAb_s span {color: #093483;font-size: 20px;font-weight: 500;line-height: 2;}
.indAb_p {width: 100%; margin-bottom:90px;}
.indAb_p p {font-size: 18px;line-height: 2;margin-bottom: 20px;}



/* < !-- 产品 --> */
.indPro {padding-left: 7% !important;padding-bottom: 0 !important;position: relative;}
.indPro::after {content: '';width: 1px;height: 100%;position: absolute;left: 7%;top: 0;border-left: 1px solid rgb(8 49 122 / 18%);}
.indPro .Tit p {width: 60%;margin: 20px auto 0;}
.indPro .More {margin: 40px auto; text-align:center;}
.indPro .indProBox {display: flex;flex-wrap: wrap;border-top: 1px solid rgb(8 49 122 / 18%);position: relative;}
.indPro .indProItem {display: block;width: 33.33%;border-bottom: 1px solid rgb(8 49 122 / 18%);border-right: 1px solid rgb(8 49 122 / 18%);position: relative;overflow: hidden;}
.indPro .indProItem .indProImg::after {content:'';width:55%;padding-top:55%;border-radius:50%;background:#e6eaf2;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-2;opacity:.6;transition: all .68s;}
.indPro .indProItem .indProImg::before {content:'';width:40%;padding-top:40%;border-radius:50%;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1;transition:all .68s;}
.indPro .indProItem .indProImg {width: 100%;padding-top: 60%;}
.indPro .indProItem .indProImg img {width: 60%;height: 60%;left: 20%;top: 20%;object-fit: contain;}
.indPro .indProItem .indProText {text-align: center;padding: 0 0 50px;}
.indPro .indProItem .indProText span {font-size:14px;width: 100%;color: #093483;font-weight: 600;}
.indPro .indProItem .indProText p {width:100%;display:block;font-size:24px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.indPro .indProItem:hover .indProImg::after {background: rgb(9 52 131 / 20%);opacity: 1;transform: translate(-50%, -50%) scale(1.1);}
.indPro .indProItem:hover .indProImg::before {transform: translate(-50%, -50%) scale(1.1);}

/* 解决方案 */
.indSol {padding-left: 7% !important;padding-bottom: 0 !important;position: relative;}
.indSol::before {content:'';width:1px;height:100%;position:absolute;left: 7%;top: 0;border-left: 1px solid rgb(255 255 255 / 18%);z-index: 2;}
.indSol::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgb(0, 0, 0, .4);}
.indSol .indSolBox {position: relative;z-index: 2;}
.indSol .indSolBox .Tit {width: 60%;padding-left: 5%;margin-bottom: 200px;}
.indSol .indSolBox .Tit p {font-size: 16px;line-height: 1.8;}
.indSol .indSolBox .More {margin-top: 40px;}
.indSol .indSolXq {width: 100%;display: flex;}
.indSol .indSolXq .indSolLi {width: 25%;padding: 80px 80px;border: 1px solid rgba(255, 255, 255, .2);border-left: none;border-bottom: none;position: relative;overflow: hidden;cursor: pointer;}
.indSol .indSolXq .indSolLi::after {content:'';width:100%;height:100%;border-radius:50%;background:rgb(9 52 131 / 46%);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0);z-index:-1;transition:all 1s;}
.indSol .indSolXq .indSolLi img {width: 40px;margin-bottom: 30px;}
.indSol .indSolXq .indSolLi span {display: block;font-size: 24px;color: #fff;}
.indSol .indSolXq .indSolLi:hover::after {transform: translate(-50%, -50%) scale(1.5);}

/* 新闻 */
.indNew {position: relative;padding-bottom: 0 !important;padding-left: 7% !important;}
.indNew::before {content: '';width: 1px;height: 100%;position: absolute;left: 7%;top: 0;border-left: 1px solid rgb(0 0 0 / 18%);z-index: 2;}
.indNew .indNewBox {display:flex;justify-content:space-between;border-top:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.18);}
.indNew .indNewBox .indNewLi {width:33.33%;padding:40px 40px 80px;border-right:1px solid rgba(0,0,0, .18);position:relative;overflow:hidden;}
.indNew .indNewBox .indNewLi .indNewText {width: 100%;transition: all .68s;}
.indNew .indNewBox .indNewLi .indNewText i {color: #999;display: block;margin-bottom: 30px;transition: all .48s .28s;}
.indNew .indNewBox .indNewLi .indNewText span {display:block;font-size:24px;min-height:68px;font-weight:600;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:40px;}
.indNew .indNewBox .indNewLi .indNewText .newMs {font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:30px;transition:all .48s .28s;}
.indNew .indNewBox .indNewLi .indNewText dd {display:inline-flex;align-items:center;padding:12px 20px;border-radius:8px;border:1px solid rgba(0, 0, 0, .18);font-size:14px;margin-bottom:40px;transition:all .48s .28s;}
.indNew .indNewBox .indNewLi .indNewText dd img {width: 20px;margin-left: 15px;}
.indNew .indNewBox .indNewLi .indNewText dd img:nth-child(1){ display:block;}
.indNew .indNewBox .indNewLi .indNewText dd img:nth-child(2){ display:none;}
.indNew .indNewBox .indNewLi:hover .indNewText dd {color: #fff;background: #093483;}
.indNew .indNewBox .indNewLi:hover .indNewText dd img:nth-child(1){ display:none;}
.indNew .indNewBox .indNewLi:hover .indNewText dd img:nth-child(1){ display:block;}
.indNew .indNewBox .indNewLi .indNewImg {width: 100%;padding-top: 68%;border-radius: 12px;}
.indNew .indNewBox .indNewLi:hover span {color: #093483;}
.indNew .indNewBox .indNewLi:hover dd {background: #093483;color: #fff;}
.indNew .indNewBox .indNewLi:hover dd svg path {stroke: #fff;}
.indNew .indNewBox .indNewLi:hover .indNewImg img {transform: scale(1.1);}


/* ======== 底部 */
.footer {width: 100%;position: relative;padding-top: 40px;padding-left: 7%;background: #052155;}
.footer::before {content:'';width:1px;height:100%;position:absolute;left:7%;top: 0;border-left: 1px solid rgb(255 255 255 / 18%);z-index: 2;}
.footer .footTop {display:flex;align-items:center;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255, 0.18);}
.footer .footTop .footLogo img {width: 400px;}
.footer .footTop .footLogo p {margin-top: 20px;font-size: 18px;color: rgba(255, 255, 255, .6);}
.footer .footTop .footEwm {text-align: center;}
.footer .footTop .footEwm img {width: 120px;}
.footer .footTop .footEwm p {color: #fff;font-size: 12px;margin-top: 8px;}
.footer .footBox h5 {color: #fff;font-size: 24px;}
.footer .footBox {display: flex;justify-content: space-between;margin: 60px 0;overflow: hidden;}
.footer .footBox .footL {width: 30%;}
.footer .footBox .footL .fdXList {margin-top: 60px;}
.footer .footBox .footL .fdXList .fdXItem {display: flex;align-items: center;margin-bottom: 20px;}
.footer .footBox .footL .fdXList .fdXItem span {font-size: 16px;color: rgba(255, 255, 255, .6);}
.footer .footBox .footL .fdXList .fdXItem img {width: 20px;margin-right: 5px;}
.footer .footBox .footL .fdXList .fdXItem .fdXText {width: 90%;font-size: 18px;color: rgba(255, 255, 255, .6);opacity: .6;margin: 20px 0 30px;}
.footer .footBox .footNav {width: 65%;}
.footer .footBox .footNav ul {display: flex;justify-content: space-between;}
.footer .footBox .footNav ul li a {display: block;font-size: 16px;color: rgba(255, 255, 255, .6);margin-bottom: 20px;}
.footer .footBox .footNav ul li a span {font-size: 18px;color: #fff;font-weight: 500;}
.footer .footBox .footNav ul li a:hover {color: #093483;}
.footer .fdUBon {display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-top:1px solid rgba(255, 255, 255, .18);}
.footer .fdUBon p,
.footer .fdUBon a {font-size: 16px;color: rgba(255, 255, 255, .6);opacity: .6;}

/* 内页公共 */
.banner {width: 100%;height: 60vh;position: relative;}
.banner::after {content: '';width: 100%;height: 100%;background: linear-gradient(360deg, #093483 0%, rgb(0 0 0 / 18%) 100%);position: absolute;left: 0;top: 0;}
.banner::before {content: '';width: 1px;height: calc(100% - 90px);border-left: 1px solid rgba(255, 255, 255, 0.18);position: absolute;left: 7%;top: 90px;z-index: 2;}
.banner .n_banner {width: 100%;height: 100%;}
.banner .n_banner img {width: 100%;height: 100%;object-fit: cover;}
.banner .banText {width: 50%;position: absolute;left: 12%;top: 50%;transform: translateY(-50%);z-index: 2;}
.banner h5 {font-size: 66px;line-height: 1.4;font-weight: 600;color: #fff;margin: 10px 0 20px;}
.banner p {color: #fff;font-size: 20px;}

.banner1 {width: 100%;height: 50vh;position: relative;}
.banner1::after {content: '';width: 100%;height: 100%;background: linear-gradient(360deg, #093483 0%, rgb(0 0 0 / 18%) 100%);position: absolute;left: 0;top: 0;}
.banner1::before {content: '';width: 1px;height: calc(100% - 90px);border-left: 1px solid rgba(255, 255, 255, 0.18);position: absolute;left: 7%;top: 90px;z-index: 2;}
.banner1 .n_banner {width: 100%;height: 100%;}
.banner1 .n_banner img {width: 100%;height: 100%;object-fit: cover;}
.banner1 .banText {width: 50%;position: absolute;left: 12%;top: 50%;transform: translateY(-50%);z-index: 2;}
.banner1 h5 {font-size: 66px;line-height: 1.4;font-weight: 600;color: #fff;margin: 10px 0 20px;}
.banner1 p {color: #fff;font-size: 20px;}

.dwNav {position: absolute;left: 12%;bottom: 6%;z-index: 2;}
.dwNav i {font-size: 18px;color: rgba(255, 255, 255, 0.4);padding: 0 10px;}
.dwNav a {color: rgba(255, 255, 255, 0.4);font-size: 18px;}
.dwNav a.on {color: #fff;}
.dwNav a:hover {color: #fff;}
.dwNav p {color: #fff;font-size: 16px;}


/* contact */
.contact {width: 100%;padding-left: 7% !important;position: relative;overflow: hidden;}
.contact::before {content:'';width:1px;height:100%;border-left: 1px solid rgba(0, 0, 0, 0.18);position: absolute;left: 7%;top: 0;z-index: 2;}
.contact::after {content: '';width: 93%;height: 1;border-top: 1px solid rgba(0, 0, 0, 0.18);position: absolute;left: 7%;bottom: 0;z-index: 2;}
.contact .Tit p {width: 70%;} 
.contact .conText {width: 100%;margin-bottom: 80px;}
.contact .conText .conUl {border-top: 1px solid rgba(0, 0, 0, 0.18);border-bottom: 1px solid rgba(0, 0, 0, 0.18);display: flex;justify-content: space-between;}
.contact .conText .conUl .conLi {padding: 40px;flex: 1;display: flex;justify-content: space-between;position: relative;}
.contact .conText .conUl .conLi::after {content: '';background: rgba(0, 0, 0, .18);width: 1px;height: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.contact .conText .conUl .conLi:last-child::after {display: none;}
.contact .conText .conUl .conLi img {margin-top: 20px;width: 30px;height: 30px;}
.contact .conText .conUl .conLi>div {width: calc(100% - 60px);}
.contact .conText .conUl .conLi span {font-size: 24px;font-weight: 400;color: rgb(0 50 109 / 54%);display: block;margin-bottom: 5px;}
.contact .conText .conUl .conLi p {font-size: 18px;color: #666;letter-spacing: 2px;}
.contact .conImg {width: 100%;padding-top: 30%;}

@media(max-width:1680px) {
    .conLi svg {width: 28px;height: 28px;}
    .conLi span {font-size: 24px;}
    .conLi p {font-size: 16px;}
    .conLi>div {width: calc(100% - 50px);}
}
@media(max-width:1480px) {
    .conLi {padding-right: 2%;}
}
@media(max-width:1368px) {
    .conLi span {font-size: 21px;margin-bottom: 0px;}
    .conLi svg {width: 25px;height: 25px;margin-top: 16px;}
    .conLi>div {width: calc(100% - 40px);}
    .conText {margin-bottom: 60px;}
}

/*  */
.conBot {width: 100%;padding-left: 7% !important;overflow: hidden;position: relative;}
.conBot::before {content:'';width: 1px;height: 100%;border-left: 1px solid rgba(0, 0, 0, 0.18);position: absolute;left: 7%;top: 0;z-index: 2;}
.conBot::after {content: '';width: 93%;height: 1;border-top: 1px solid rgba(0, 0, 0, 0.18);position: absolute;left: 7%;bottom: 0;z-index: 2;}
.conBotBox {display: flex;align-items: center;justify-content: space-between;}
.conBotImg {width: 45%;padding-top: 40%;border-radius: 12px;}
.conR_form {width: 55%;padding-right: 5%;}
.conR_form form {margin-bottom: 40px;}
.conR_l {display: flex;flex-wrap: wrap;justify-content: space-between;}
.conR_ipt {width: calc(50% - 10px);margin-bottom: 20px;}
.conR_ipt.w100 {width: 100%;}
.conR_ipt input,
.conR_ipt textarea {width: 100%;background: none;padding: 20px;border: none;outline: none;border-bottom: 1px solid #ddd;}
.conR_ipt textarea {height: 100%;border-left: none;}
.conR_ipt input::placeholder,
.conR_ipt textarea::placeholder {font-size: 16px;color: #999;}
.conR_r .conR_ipt {width: 100%;height: 100%;}
.conR_form .More {position: relative;z-index: 2;}

 
/*  */
@media (max-width:1480px) {
    .conTop_li img {height: 30px;margin-bottom: 15px;}
    .conTop_li span {font-size: 16px;margin-bottom: 10px;}
    .conTop_li i {font-size: 18px;margin-bottom: 0;}
    .conTop_li p {font-size: 12px;}
    .conTop {padding-top: 20px;margin-bottom: 60px;}
    .conBot_tit {font-size: 30px;margin-bottom: 30px;}
}


/* new */
.new {padding-left: 7% !important;position: relative;overflow: hidden;}
.new::before {content: '';width: 1px;height: 100%;border-left: 1px solid rgba(0, 0, 0, 0.18);position: absolute;left: 7%;top: 0;z-index: 2;}
.new::after {content: '';width: 93%;height: 1;border-top: 1px solid rgba(0, 0, 0, 0.18);position: absolute;left: 7%;bottom: 0;z-index: 2;}
.new .newBox {display: flex;flex-wrap: wrap;border-bottom: 1px solid rgba(0, 0, 0, 0.18);}
.new .newBox .indNewLi {border-top: 1px solid rgba(0, 0, 0, 0.18);}
.new .newBox .indNewLi {width: 33.33%;padding: 40px 40px 80px;border-right: 1px solid rgba(0, 0, 0, .18);position: relative;overflow: hidden;}
.new .newBox .indNewLi .indNewText {width: 100%;transition: all .68s;}
.new .newBox .indNewLi .indNewText i {color: #999;display: block;margin-bottom: 30px;transition: all .48s .28s;}
.new .newBox .indNewLi .indNewText span {display:block;font-size:24px;min-height:68px;font-weight:600;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:40px;}
.new .newBox .indNewLi .indNewText .newMs {font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:30px;transition:all .48s .28s;}
.new .newBox .indNewLi .indNewText dd {display:inline-flex;align-items:center;padding:12px 20px;border-radius:8px;border:1px solid rgba(0, 0, 0, .18);font-size:14px;margin-bottom:40px;transition:all .48s .28s;}
.new .newBox .indNewLi .indNewText dd img {width: 20px;margin-left: 15px;}
.new .newBox .indNewLi .indNewText dd img:nth-child(1){ display:block;}
.new .newBox .indNewLi .indNewText dd img:nth-child(2){ display:none;}
.new .newBox .indNewLi:hover .indNewText dd {color: #fff;background: #093483;}
.new .newBox .indNewLi:hover .indNewText dd img:nth-child(1){ display:none;}
.new .newBox .indNewLi:hover .indNewText dd img:nth-child(1){ display:block;}
.new .newBox .indNewLi .indNewImg {width: 100%;padding-top: 68%;border-radius: 12px;}
.new .newBox .indNewLi:hover span {color: #093483;}
.new .newBox .indNewLi:hover dd {background: #093483;color: #fff;}
.new .newBox .indNewLi:hover dd svg path {stroke: #fff;}
.new .newBox .indNewLi:hover .indNewImg img {transform: scale(1.1);}

.xw_show{ width:100%; position:relative; margin-top:90px;}
.xw_show .inner {color: #fff;}
.xw_show .xw_wei {background: #082b49;color: #fff; font-size:16px;padding:20px 0;}
.xw_show .xw_wei span {padding: 0 5px;color: #fff;}
.xw_show .xw_wei a {color: #fff;}
.xw_show .xw_wei a:hover {color: rgba(255, 255, 255, 0.75);}
.xw_show .xw_tit {background: #f5f5f5;padding:60px 0;}
.xw_show .xw_tit h1 {color: #464646;font-size:30px;font-weight: 700;line-height:30px;}
.xw_show .xw_tit h2 {margin-top: 15px;font-weight: 500;color: #989898;font-size: 14px;}
.xw_show .xw_txt {padding:60px 0;}
.xw_show .xw_txt .sum {width: 100%;color: #464646;font-size: 14px;min-height: 250px;line-height:35px;}
.xw_show .xw_txt .sum p{line-height:35px;}


/* about */
.abJj {padding-bottom:90px;padding-left: 7% !important;padding-top:90px;position: relative;}
.abJj::before {content: '';width: 1px;height: 100%;border-left: 1px solid rgba(0, 0, 0, 0.18);position: absolute;left: 7%;top: 0;z-index: 2;}
.abJj .Text {width: 100%;}
.abJj .Text .Tit {margin-bottom: 30px;}
.abJj .Text .sum {width: 85%;margin-bottom: 30px;color: #093483;font-size: 20px;font-weight: 500;line-height: 2;}
.abJj .Text .intro {width: 100%;font-size: 18px;line-height: 2;margin-bottom: 20px;}


 
.abWh {padding-left: 7% !important;position: relative;background: #f6f8fa;}
.abWh::before {content: '';width: 1px;height: 100%;border-left: 1px solid rgba(0, 0, 0, 0.18);position: absolute;left: 7%;top: 0;z-index: 2;}
.abWhXq {width: 100%;display: flex;justify-content: space-between;}
.abWhLi {flex: 1;margin: 0 3px;padding: 60px 40px 260px;border-radius: 12px;background: #fff;position: relative;overflow: hidden;cursor: pointer;transition: all .68s;}
.abWhImg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.abWhLi span {font-size: 24px;color: #fff;display: block;margin-bottom: 20px;position: relative;z-index: 2;}
.abWhLi p {color: rgba(255, 255, 255, .8);font-size: 16px;min-height: 105px;position: relative;z-index: 2;}
.abWhLi.blue span {color: #093483;}
.abWhLi.blue p {color: #093483;}
.abWhLi a {width: 30px;height: 30px;position: absolute;right: 40px;bottom: 40px;}
.abWhLi a svg {width: 100%;height: 100%;}
.abWhLi a svg path {stroke: #fff;}
.abWhLi.on {flex: 3;}


/* == */
.abRyu {padding-bottom: 0 !important;position: relative;}
.abRyu .inner {padding-left: 7% !important;}
.abRyu::before {content: '';width: 1px;height: 100%;border-left: 1px solid rgba(0, 0, 0, 0.18);position: absolute;left: 7%;top: 0;z-index: 2;}
.abRyuBut {display: flex;align-items: center;justify-content: center;padding-bottom: 120px;}
.abRyuBut a {margin-left: 15px;cursor: pointer;transition: all 0.48s;}
.abRyuBut a img {position: initial;width: 40px;}
.abRyuBox {margin-top: 220px;background: #031f45;padding: 0 5% 0 12%;}
.abRyuBox .swiper-container {transform: translateY(-160px);margin-bottom: -80px;}
.abRyuItem {background: #093483;padding: 12px;}
.abRyuImg {padding-top: 106%;padding-top: 138%;}
.abRyuItem p {text-align: center;font-size: 18px;font-weight: 500; color:#fff; margin-top:15px;}
.abRyu .Tit {align-items: flex-start;}
.abRyu_more {width: 60%;}
.abRyu_more p {margin: 0 0 40px;}
.abRyuBut .swiper-pagination {width: auto;position: initial;display: flex;align-items: center;font-size: 24px;color: #fff;margin: 0 40px;}
.abRyuBut .swiper-pagination span {font-size: 24px;color: #fff;}

 
/* == */ 
.abSb {padding-left: 7% !important;position: relative;}
.abSb::before {content: '';width: 1px;height: 100%;border-left: 1px solid rgba(0, 0, 0, 0.18);position: absolute;left: 7%;top: 0;z-index: 2;}
.abSbBut {display: flex;align-items: center;}
.abSbBut a {width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: rgb(9 52 131 / 18%);margin-left: 15px;cursor: pointer;transition: all 0.48s;}
.abSbBut a img {position: initial;width: 40%;}
.abSbBut a:hover {background: #093483;}
.abSbBox {padding-left: 5%;display: flex;align-items: center;justify-content: space-between;}
.abSbUl {width: 20%;position: relative;z-index: 2;}
.abSbUl h5 {white-space: nowrap;color: #093483;text-transform: uppercase;font-size: 80px;font-weight: 600;line-height: 1;}
.abSbLi {padding: 30px 0;border-bottom: 1px solid #dcdcdc;position: relative;cursor: pointer;}
.abSbLi span {color: #666;font-size: 24px;}
.abSbLi::after {content:'';width:0%;height:2px;border-bottom:2px solid #093483;position: absolute;left: 0;bottom: -1px;transition: all .68s;}
.abSbLi.on::after {width: 140%;}
.abSbLi.on span {color: #333;font-weight: 500;}
.abSbWarp {width: 75%;margin: 0;width: 100%;}
.abSbImg {padding-top: 58%;border-radius: 12px;}
.abSbItem p {font-size: 20px;}


/* 语言展开 */
.hLan {position: relative;cursor: pointer;}
.hLanZk {position: absolute;left: 50%;transform: translateX(-50%);width: 120px;top: 150%;border-radius: 6px;background: rgba(255, 255, 255, 0.8);box-shadow: 0 0 10px rgb(8 52 131 / 18%);display: none;}
.hLanZk a {font-size: 14px;text-transform: uppercase;line-height: 36px;color: #666;white-space: nowrap;display: block;text-align: center;border-bottom: 1px solid rgb(0 0 0 / 5%);transition: .4s;}
.hLanZk a:last-child {border-bottom: none;}
.hLanZk a:hover {color: #093483;}


/* pc导航展开 */
.menu_s {cursor: pointer;}
.menu.active {border-right: 1px solid rgb(0 0 0 / 18%);}
.menu.active span {background: #333 !important;transition: all .48s;}
.menu.active span:nth-child(1) {transform: rotate(45deg) translate(6px, -7px);}
.menu.active span:nth-child(2) {opacity: 0;}
.menu.active span:nth-child(3) {transform: rotate(-45deg) translate(-6px, -7px);}
.menuZk {position:fixed;top:0;padding:120px 3% 0 10%;left:0;width:100%;height:100%;background:#fff url(bg3.png) no-repeat right center;z-index:6;transition:clip-path 0.6s, -webkit-clip-path 0.6s;clip-path:ellipse(0 0 at 100% 0);pointer-events: none;}
.menuZk.active {clip-path: ellipse(141% 141% at 100% 0);pointer-events: auto;}

.menuNav {margin-top: 120px;}
.menuNav ul {display: flex;justify-content: space-between;}
.menuNav ul li a {display: block;font-size: 16px;color: #999;margin-bottom: 20px;}
.menuNav ul li a span {font-size: 24px;color: #333;font-weight: 500;}

.menuBot {margin-top: 10vh;padding-top: 70px;border-top: 1px solid #ddd;display: flex;flex-wrap: wrap;justify-content: space-between;}
.menuBot .left {display: flex;flex-wrap: wrap;justify-content: space-between;}
.menuBot .left p {margin-right: 50px;color: #999;}
.menuBot .left p img {width: 20px;margin-right: 10px;}

.menuBot .right>div,
.menuBot .right span,
.menuBot .right a {color: #999;}

@media (max-width: 1680px) {
    .menuNav ul li a span {font-size: 20px;}
}

@media (max-width: 1480px) {
    .menuNav {margin-top: 60px;}
    .menuNav ul li a span {font-size: 18px;}
    .menuNav ul li a {font-size: 14px;margin-bottom: 15px;}
    .menuBot {padding-top: 40px;}
    .menuBot .left p,
    .menuBot .right>div,
    .menuBot .right span,
    .menuBot .right a {font-size: 12px;}
}

.n_products {width:100%;position: relative; z-index: 9;padding-bottom:60px;}
.n_products .container2 { position: relative; display: flex; justify-content: space-between;}
.n_products .le { width:20%; position: relative;}

aside{ background:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:0 10px 0 0;}
.navMenubox h1 {width:100%;background:#0056b8;height:70px;line-height:70px;text-align:center;font-size:24px;border-radius:5px 5px 0 0;color:#fff;}
.navMenu> li { display: block; margin:0; padding:0; width: 100%;border-top: 1px solid #e4e4e4;}
.navMenu .first { background:#f5f5f5;padding-left: 15px;}
.navMenu .second { padding-left: 35px; }
.navMenu>li>a {display:block;overflow:hidden;line-height:45px;color:#333;transition:all .3s;position:relative;font-size:15px;text-decoration:none;}
.navMenu > li:nth-of-type(1)> a { border-top: 1px solid transparent; }
.navMenu > li:last-child > a { border-bottom: 1px solid transparent; }
.navMenu>li>a>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; }
.navMenu li a .arrow { display: block; float: left; margin-top: 18px; margin-right: 10px; display: inline; width:8px; height: 11px; background:url(icon09.png) no-repeat; text-shadow: none; }
.navMenu>li>a.active, .navMenu>li>a:hover {color: #0056b8;font-weight: bold; background:#f5f5f5; }
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { list-style:none; clear:both; border-top: 1px solid #e4e4e4; }
.navMenu>li>ul.sub-menu li { margin: 0px; border-bottom:1px dotted #ddd; }
.navMenu>li>ul.sub-menu li a .arrow { margin-top: 15px;}
.navMenu>li>ul.sub-menu li:last-child { border:none; }
.navMenu>li>ul.sub-menu li>a { display: block; font-size: 13px; line-height: 40px; color: #666; clear: both; text-decoration:none; }
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #09397c;}
.navMenu>li>ul.sub-menu>li.active >a { color: #0056b8;}


.n_products .re { width:77%; position: relative;}


.n_home {width:100%;font-size:14px;color:#747679;background:#f2f2f2;height:55px;line-height:55px;border-radius:10px 10px 0 0; padding:0 30px;}
.n_home img{ vertical-align: middle; margin-bottom: 3px; margin-right: 10px; width: 13px;}
.n_home span, .n_home a, .n_home i,.n_home em {font-size:14px;color: #333;transition: all 0.36s ease-in-out;font-style: normal;}
.n_home i{margin: 0 5px;font-style: normal; width: 4px; height: 6px; }
.n_home em { color: #333;font-style: normal;}


.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background:#fff;border:1px solid #ddd;}
.pagination > li:first-child > a,.pagination > li:first-child > span {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.pagination > li:last-child > a,.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {z-index: 2;color: #23527c;background: #eee;border-color: #ddd;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 3;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}