@charset "utf-8";
body{ overflow-x:hidden;}
body{ color:#333; height:auto; box-sizing:border-box; font-size:14px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#054da1;}
i,em{ font-style:normal;}


.menu span,
.menu i{
font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu,
.menu .h3 a,
.iCaseNav a:before,
.iCaseCon .em,
.iCaseCon .h3,
.iCaseCon .p,
.iCaseCon .img:before,
.header .wp,
.logo img{
transition: all 0.5s ease-out;
}
.ddddddddd{ transform:scale(1.05,1.05);}

/*淡入 向上 循环*/
.FmovefadeInDown,
.pageNext:before{animation:FmovefadeInDown 1.5s infinite ease both;}
@keyframes FmovefadeInDown{0%{opacity:0;transform:translateY(-10px)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}
.FmovefadeInUp{animation:FmovefadeInUp 1.5s infinite ease both;}
@keyframes FmovefadeInUp{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.Frotation360{animation:Frotation360 2s linear infinite;}
@keyframes Frotation360 {from{transform:rotate(0)}to{transform:rotate(360deg)}}
.FpulseSlow{animation:FpulseSlow infinite alternate 1s ease-in-out;}
@keyframes FpulseSlow {0% {transform:scale(1);opacity:1;}100%{transform:scale(0.9);opacity:0.5;}}
.lightSpeedIn{animation:lightSpeedIn infinite alternate 3s ease-in-out;}
@keyframes lightSpeedIn{0%{transform:skewX(-10deg);}60%{transform:skewX(10deg);}90%{transform:skewX(-5deg);}100%{transform:none;}}



.menu-link { display:none; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:7px; transition: all 0.2s ease-out;}
.menu-link em{ position:absolute; z-index:3; right:100%; top:50%; text-transform:uppercase; height:40px; line-height:40px; margin-top:-20px; font-size:16px; color:#000; display: none;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color:#054da1;width: 100%;height:2px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -8px;content: " ";}
.menu-link span:after {top:8px;}
.menu-link.active{ background:#054da1; border-radius: 50%;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#fff; transform: rotate(45deg); top:0px;}
.menu-link.active span:after { background-color:#fff; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}

.wp{ position: relative; width: 72.91666666666667%; margin: 0 auto;}

.header{ position:fixed; left:0px; top:0px; right:0px; z-index:9; padding: 80px 0 0 0;}


.logo{ position:absolute; left:0px; top:50%; margin-top:-0.5em; font-size:40px; line-height: 1;}
.logo img{ height:1em; width:auto; display: block;}

.tLanguage{position: absolute; right: 0px; top: 50%; margin-top: -14px; }
.tLanguage .i{font-size:22px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; display: none;}
.tLanguage .i img{ width: 1em; height: 1em; display: block; filter: brightness(0.3); border: 1px solid #fff; border-radius: 50%;}
.tLanguage .box{}
.tLanguage .box a{ height: 1.75em; line-height: 1.75em; font-size: 16px; color:#fff; display: block;}
.tLanguage .box i{ font-size: 0.75em; margin-left: 0.5em;}

.tLanguage:hover .box{ display: block;}

.tSearch{position: absolute; right: 50px; top: 50%; margin-top: -16px;}
.tSearch .i{font-size:22px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.tSearch .i img{ width: 1em; height: 1em; display: block;}
.tSearch.active .i:before{}
.tSearch .box{ position: fixed; padding:30px 0; z-index: 3; left: 0px; right: 0px; top:80px; display: none; background:rgba(255,255,255,0.65);}
.tSearch .pd{ position:relative; width: 640px; margin: 0 auto; box-sizing: border-box; padding-right: 72px;}
.ipt_t1{ background:#fff; border:none; color:#054da1; height:38px; width:100%; padding:0 48px 0 15px; border-radius:0px !important; font-size:14px; box-sizing:border-box; display:block; border:1px solid #ced4da;}
.ipt_b1{ width:68px; text-align:center; font-size:22px; line-height:38px; height:38px; padding: 0px; color:#fff; position:absolute; right:0px; top:50%; margin-top:-19px; background:#054da1; border:1px solid #054da1; border-radius:3px!important; display: flex; justify-content: center; align-items: center;}
.ipt_b1 img{ width: 20px; height: 20px; display: block; filter: brightness(0.3);}

.menu{ text-align: right; margin: 0 46px 0 256px; display: flex; justify-content: flex-end;}
.menu ul{ }
.menu li{ float: left; position: relative; margin: 0 10px; text-align: center;}
.menu .h3{}
.menu .h3 a{ display: block; height:40px; line-height: 40px; font-size:20px; position: relative; color: #fff; padding:0 1.5em; border-radius: 30px;}
.menu .h3 a:before{ content: ''; position: absolute; height: 1px; left: 50%; width: 0em; background:#e50808; bottom: 0px; opacity: 0; transition: 0.5s all; display: none;}
.menu .h3 strong{ font-weight: normal;}
.menu span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px; }
.menu span:before { content: "\e605"; }
.menu span.active:before { content: "\e606"; }
.menu i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu i:before { content:"\e8e9"; }
.menu .box{ position: absolute; top: 100%; left: 50%; width: 160px; margin-left: -80px; padding-top: 10px; visibility: hidden; opacity: 0; transform: translateY(10px); pointer-events: none; transition: 0.3s all;}
.menu .box .npd{background:rgba(255,255,255,0.6); border-radius: 12px; box-shadow: 0 3px 5px rgba(0,0,0,0.2); box-sizing: border-box; padding: 20px 0;}
.menu .box a{ font-size: 16px; line-height: 2; display: block; color: #333; text-align: center;}
.menu .box a:hover{ color: #2662a7;}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ background: #054DA1; color: #fff; }
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ opacity: 1; width: 2em; margin-left: -1em;}
.menu li:hover .box{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}

.header{ transition: 0.5s all;}
.body_fix .header{ background:rgba(255,255,255,0.9); top: 0px; padding: 15px 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.body_fix .menu .h3 a{ color: #000;}
.body_fix .menu .box{ padding-top: 20px;}
.body_fix .tLanguage .box a{ color: #000;}
.body_hide .header{}


.iBanner{ position: relative; height: 100vh;}
.iBanner .pd{ display: block; position: relative;}
.iBanner .img{ overflow: hidden;}
.iBanner .img img{ height: auto; width:100vw; display: block;}
.iBanner .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: calc(100% - 100vh); color: #054da1;}
.iBanner .wp{ display: flex; align-items: center; height: 100%;}
.iBanner .h3{ font-size: 72px; font-weight: bold; line-height: 1.4; opacity: 0; margin-bottom: 0.3em; transform: translateY(-20px); transition: 0.6s all; transition-delay: 1.5s;}
.iBanner .em{ font-size: 24px; line-height: 1.5; opacity: 0; transform: translateY(-20px); transition: 0.6s all; transition-delay: 1.9s;}
.iBanner .swiper-slide-active .h3{ opacity: 1; transform: translateY(0px);}
.iBanner .swiper-slide-active .em{ opacity: 1; transform: translateY(0px);}
.iBanner .swiperArrow{ display:block;}
.iBanner .swiperDots{ display:block; bottom:calc(100% - 100vh + 1.25em);}
.iBanner .swiperDots span{ width: 60px; height: 8px; transition: 0.3s all;}
.iBanner .swiperDots .swiper-pagination-bullet-active{ background: #054DA1; height: 12px;}

.pageNext{ height: 40px; position: absolute; left: 0px; bottom: -40px; right: 0px; cursor: pointer;}

.more1{ height: 56px; width: 168px; line-height: 56px; font-size: 16px; border-radius: 28px; background: #054da1; color: #fff; display: inline-block; transition: 0.5s all; text-align: center;}
.more1:hover{ color: #fff;}
.more1_1{ position: absolute; right: 0px; top:0px;}

.more2{ height: 56px; width: 168px; line-height: 56px; font-size: 16px; border-radius: 28px; color: #054da1; display: inline-block; transition: 0.5s all; text-align: center;}
.more2:hover{ color: #054da1;}
.more2_1{ position: absolute; right: 0px; top:0px;}
.more2_2{ position: absolute; right: 0px; top:0px; z-index:5;}

.tit1{ margin-bottom: 60px;}
.tit1 strong{ font-size: 48px; line-height: 1.2; color: #054DA1; display: block; margin-bottom: 0.2em;}
.tit1 em{ font-size: 24px; line-height: 1.2; color: #054DA1; display: block; margin-bottom: 1em;}
.tit1 .p{ font-size: 20px; line-height: 1.6; color: #333333;}
.tit1_2{ position: absolute; left: 0px; top: 0px; z-index: 3; right: 0px;}

.iMain{ background:no-repeat center center; background-size:cover;}
.iMain .wbg{ padding:90px 0;}
.iMain1{ position: relative; z-index: 2;}
.iMain1 .wbg{ background: #fff; border-radius: 400px 0 0 0;}

.iMain1_1{}
.iVideo{}
.iVideo .img{ position: relative;}
.iVideo .img img{ border-radius: 160px;}
.iVideo .img i{ display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 2.666666666666667em; height: 2.666666666666667em; background: #054DA1; color: #fff; font-size: 48px; position: absolute; left: 50%; top: 50%; margin: -1.333333333333333em 0 0 -1.333333333333333em; cursor:pointer; z-index: 9;}
.iMain1_2{}
.iVideoA video{ width: 100%; height: auto; display: block; border-radius: 160px; aspect-ratio: 1280/560; object-fit: cover;}

.iMain2{ background: #fff; overflow: hidden;}
.iMain2 .wbg{ background: #f7f7f7; border-radius: 0 400px 0 0;}
.iMain2_1{}
.iMain2
.iPro{ }
.pNav_iPro{ margin-bottom: 30px;}
.pNav_Text .li{ display: none;}
.pNav_Text .li:first-child{ display: block;}
.iProCon{ padding-bottom: 100px;}


.proTab { width: 364px; height: 364px; background: #fff; border-radius: 50%; position: absolute; left: 50%; bottom: -90px; margin:0 0 -182px -182px; z-index: 3;}
.proTab:before{ content: ''; position: absolute; left: 50%; top: 50%; width: 200px; height: 200px; margin:-100px 0 0 -100px; background: url("../images/logo_pro.png") no-repeat; background-size: 100% 100%;}
.proTab  .img{ width: 86px; height: 86px; position: absolute; left: 0px; bottom: 0px; transform-origin: bottom center; transform: rotate(-274deg) scale(0.65) translateZ(0); cursor: pointer; transition: 0.3s all;}
.proTab li:hover .img,
.proTab li.curr .img{ transform: rotate(-274deg) scale(1) translateZ(0);}
.proTab .pd{width: 0px; height: 0px; position: absolute; left: 50%; top: 50%; background: #000; transform: rotate(-87deg) translateZ(0);}
.proTab ul{width: 0px; height: 0px; position: absolute; left: 50%; top: 50%; background: #000; transform: rotate(0deg) translateZ(0); transition: 0.3s transform;}
.proTab li {position: absolute; width: 0px; height: 0px; background-color: #3498db; border-radius: 50%; transform-origin: center center; top: 50%; left: 50%;}
.proTab li:nth-child(1) { transform: rotate(0deg) translate(68px); }
.proTab li:nth-child(2) { transform: rotate(30deg) translate(68px); }
.proTab li:nth-child(3) { transform: rotate(60deg) translate(68px); }
.proTab li:nth-child(4) { transform: rotate(90deg) translate(68px); }
.proTab li:nth-child(5) { transform: rotate(120deg) translate(68px); }
.proTab li:nth-child(6) { transform: rotate(150deg) translate(68px); }
.proTab li:nth-child(7) { transform: rotate(180deg) translate(68px); }
.proTab li:nth-child(8) { transform: rotate(210deg) translate(68px); }
.proTab li:nth-child(9) { transform: rotate(240deg) translate(68px); }
.proTab li:nth-child(10) { transform: rotate(270deg) translate(68px); }
.proTab li:nth-child(10) { transform: rotate(300deg) translate(68px); }
.proTab li:nth-child(10) { transform: rotate(330deg) translate(68px); }
.proTab li:nth-child(n+13){ display: none;}


.proFor .pd{ display: block; position: relative; min-height: 200px; background: #f7f7f7;}
.proFor .img{ width: 560px; height: 560px; position: relative; margin: 0 auto;}
.proFor .img1{ opacity: 0; transform: scale(3); transition: 0.3s all;}
.proFor .img2{ position: absolute; left: 0px; top: 0px; right: 0px; z-index: 2; transform: rotate(160deg); transform-origin: bottom center; transition: 1.5s all;}
.proFor .text{ position: absolute; left: 0px; bottom: 0px; right: 0px; display: flex; justify-content: space-between; align-items: flex-end;}
.proFor .h3{}
.proFor .h3 em{ font-size: 40px; display: block; line-height: 1.2; margin-bottom: 1em;}
.proFor .h3 strong{font-size: 36px; line-height: 1.277777777777778; flex-wrap: nowrap; display: block;}
.proFor .p{ text-align: right; font-size: 32px; line-height: 1.25; color: #666666;}
.proFor .swiperArrow{ display: flex; align-items: center; justify-content: center; width: 7em; height: 3em; line-height: 3em; text-align: center; font-size: 18px; border-radius: 1.5em; opacity: 1; border: 2px solid #054DA1; box-sizing: border-box; background: none; color: #054DA1; top: auto; bottom:0px;}
.proFor .swiperArrow:hover{ background: #054DA1; color: #fff;}
.proFor .swiperPrev:before{ content: "\e64a";}
.proFor .swiperNext:before{ content: "\f038";}
.proFor .swiperPrev{ left: 0px;}
.proFor .swiperNext{ right: 0px;}

.proFor .swiper-slide-prev .img2{ transform: rotate(-160deg);}
.proFor .swiper-slide-next .img2{ transform: rotate(160deg);}


.proFor .swiper-slide-active .img1{ opacity: 1; transform: scale(1);}
.proFor .swiper-slide-active .img2{ transform: rotate(0deg);}


.iMain3{ background: #f7f7f7;}
.iMain3 .wbg{ background: #fff; border-radius:400px 0 0 0;}
.iMain3_1{}
.iStrength{}
.iStrength ul{ margin: 0 -16px; display: flex;}
.iStrength li{ width: 19%; transition: 0.3s width;}
.iStrength .pd{ margin: 0 16px; display: block; border-radius: 60px; overflow: hidden; position: relative;}
.iStrength .img{ position: relative;}
.iStrength .img img{ height: 614px; display: block; width: auto;}
.iStrength .img:before{content: ''; position: absolute; left: 0px; right: 0px; bottom: 0px; background: linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6)); height: 227px; z-index: 2;}
.iStrength .text{ position: absolute; left: 30px; right: 30px; bottom: 54px; color: #fff; z-index: 3;}
.iStrength .h3{ font-size: 36px; line-height: 1.2; height: 1.2em; overflow: hidden; overflow: hidden; margin-bottom: 0.3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.iStrength .p{ opacity: 0; font-size: 14px; line-height: 1.5; max-height: 6em; overflow-y: auto;/*height: 3em; overflow: hidden; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;*/}
.iStrength li:nth-child(2) .img img{ transform: translateX(-3%);}
.iStrength li:nth-child(3) .img img{ transform: translateX(-30%);}
.iStrength li:nth-child(4) .img img{ transform: translateX(-50%);}

.iStrength li.curr{ width: 43%;}
.iStrength li.curr .img img{ transform: translateY(0);}
.iStrength li.curr .text{ left: 50px; right: 50px;}
.iStrength li.curr .p{ opacity: 1;}

.iMain4{ background: #fff;}
.iMain4 .wbg{ background: #f7f7f7; border-radius:0 400px 0 0;}
.iMain4_1{}
.iNews{}
.iNews .swiper{ margin: 0 -32px;}
.iNews .pd{ margin: 0 32px; display: block; border-radius: 60px; background: #fff; padding: 25px;}
.iNews .img{ border-radius: 60px; overflow: hidden;}
.iNews .img img{ aspect-ratio: 1024/806; object-fit: cover;}
.iNews .text{ padding-top: 25px; color: #000;}
.iNews .h3{ font-size: 20px; font-weight: bold; line-height: 1.2em; height: 1.2em; margin-bottom: 0.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.iNews .em{ font-size: 20px; font-weight: bold; margin-bottom: 10px; line-height: 1.2;}
.iNews .p{ font-size: 14px; line-height: 1.5; height: 3em; color: #666666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}



.footer{ background: #f7f7f7; color: #fff; overflow: hidden;}
.footer a{ color: #fff;}
.footer .wbg{ background: #054da1; border-radius: 400px 0  0 0 ; padding: 90px 0;}
.footer_b{ background: #fff;}

.fTop{ position: relative; margin-bottom: 80px;}
.fContact{ float: left;}
.fNav{ width: 540px; float: right; margin-right: -80px;}
.fNav ul{ display: flex; }
.fNav li{ width: 33.3333%; }
.fNav .h3{ margin-bottom:40px;}
.fNav .h3 a{ font-size: 24px; font-weight: bold; line-height: 1; display: block;}
.fNav .box{}
.fNav .box a{ display: block; line-height: 2; font-size: 14px;}
.fContact{}
.fContact .pd{}
.fContact .img{ margin-bottom: 30px;}
.fContact .img img{ height: 38px; width: auto;}
.fContact .text{ font-size: 20px; line-height: 1.2;}
.fContact dl{ position: relative; padding-left: 5em; margin-bottom: 0.5em; padding-left: 0px;}
.fContact dl:last-child{ margin-bottom: 0px;}
.fContact dt{ position:absolute; left: 0px; display: none;}
.fContact dd{}

.fBottom{}
.followFl{ float: left;}
.followFl li{ width: 33.3333%; float: left;}
.followFl .pd{ margin: 0 40px 0 0;}
.followFl .img{ width: 116px; margin-bottom: 14px;}
.followFl .img img{ border-radius: 6px;}
.followFl .text{ text-align: center; font-size: 14px; line-height: 1;}
.followFr{ width: 540px; float: right; margin-right: -80px;}
.followFr dl{ position: relative; padding-left: 140px; margin-bottom: 26px;}
.followFr dl:last-child{ margin-bottom: 0px;}
.followFr dt{ position: absolute; left: 0px; top: 50%; margin-top: -0.5em; line-height: 1; font-size: 24px;}
.followFr dd{}
.followFr ul{ display: flex;}
.followFr li{ margin-right: 24px; position: relative;}
.followFr a{ width: 54px; height: 54px; display: block; border-radius: 50%; background: #3771b4; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 24px; transition: 0.3s all;}
.followFr a:hover{ background: #fff; color: #054DA1;}
.followFr .box{ width: 120px; position: absolute; left: 50%; bottom: 100%; transform: translateX(-60px); padding-bottom: 6px; display: none;}
.followFr .npd{ background: #fff; border-radius: 12px; padding: 5px;}
.followFr .npd img{ width: 100%; height: auto;}
.followFr li:hover .box{ display: block;}

.fCopy{ background: #054da1; padding: 15px 0; text-align: center; color: #fff; border-top: 1px solid #9bb8d9; font-size: 14px;}
.fCopy a{ color: #fff;}
.fCopy p{ display: inline-block; vertical-align: bottom;}









/*内页*/
.nBanner{}
.nBanner .pd{ position: relative; height: 660px;}
.nBanner .img{ overflow: hidden; }
.nBanner .img img{ width: 100%; height: auto; display: block;}
.nBanner .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom:0px; display: flex; align-items: center; justify-content: center; color: #054DA1; font-weight: bold; }
.nBanner .h3{ font-size: 64px;; line-height: 1.2; margin-bottom: 0.25em;}
.nBanner .em{ font-size: 24px; line-height: 1.2;}


.newsMain1{ position: relative; z-index: 2;}
.newsMain1 .wbg{ border-radius: 20vw 0 0 0;  background: #fff;}

.newsMain1_1{}
.newsSwiper{}
.newsSwiper .pd{ display: block; background: #f7f7f7; border-radius: 60px; overflow: hidden;}
.newsSwiper .img{}
.newsSwiper .img img{ aspect-ratio: 1400/560; object-fit: cover;}
.newsSwiper .text{ padding-bottom: 25px; margin: 0 200px;}
.newsSwiper .h3{ height: 3em; line-height: 3em; font-size: 32px; text-align: center; color: #333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newsSwiper .swiperArrow{ display: flex; align-items: center; justify-content: center; width: 7em; height: 3em; line-height: 3em; text-align: center; font-size: 18px; border-radius: 1.5em; opacity: 1; border: 2px solid #054DA1; box-sizing: border-box; background: #fff; color: #054DA1; top: auto; bottom:40px;}
.newsSwiper .swiperArrow:hover{ background: #054DA1; color: #fff;}
.newsSwiper .swiperPrev:before{ content: "\e64a";}
.newsSwiper .swiperNext:before{ content: "\f038";}
.newsSwiper .swiperPrev{ left: 64px;}
.newsSwiper .swiperNext{ right: 64px;}


.newsMain2{ background: #fff;}
.newsMain2 .wbg{ border-radius: 0 20vw 0 0;  background: #F7F7F7;}
.newsMain2_1{}



.newsList li{ width: 33.3333%; float: left; margin-bottom: 80px;}
.newsList li:nth-child(n+4){ margin-bottom: 0px;}
.newsList .pd{ margin: 0 32px; display: block; border-radius: 60px; background: #fff; padding: 25px; transition: 0.3s all;}
.newsList .img{ border-radius: 60px; overflow: hidden;}
.newsList .img img{ aspect-ratio: 1024/806; object-fit: cover;}
.newsList .text{ padding-top: 25px; color: #000;}
.newsList .h3{ font-size: 20px; font-weight: bold; line-height: 1.2em; height: 1.2em; margin-bottom: 0.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.newsList .em{ font-size: 20px; font-weight: bold; margin-bottom: 10px; line-height: 1.2;}
.newsList .p{ font-size: 14px; line-height: 1.5; height: 3em; color: #666666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.newsList .pd:hover{ box-shadow: 3px 3px 20px rgba(0,0,0,0.1); transform: translateY(-5px);}


.newsMain3{ position: relative; z-index: 2;}
.newsMain3 .wbg{ border-radius: 20vw 0 0 0;  background: #f7f7f7;}



.proMain1{ position: relative; z-index: 2;}
.proMain1 .wbg{ border-radius: 20vw 0 0 0;  background: #f7f7f7;}
.proMain1_1{}
.proList{}
.proList .dl{ margin-bottom: 80px;}
.proList .dl:last-child{ margin-bottom: 0px;}
.proList .dt{ color: #054DA1; margin-bottom: 40px; line-height: 1;}
.proList .dt strong{ font-size: 36px; display: inline-block;}
.proList .dt em{ font-size: 24px; margin-left: 0.7em; font-weight: bold;}
.proList .dd{}
.proList ul{ margin: 0 -40px ;}
.proList li{ width: 25%; float: left; margin-bottom: 40px;}
.proList .pd{ display: block; margin: 0 40px; background: #fff; border-radius: 60px 60px 90px 90px; transform: translateY(0px); box-shadow: 0 0 0 rgba(0,0,0,0); transition: 0.6s all;}
.proList .img{}
.proList .img img{aspect-ratio: 1/1; object-fit: cover;}
.proList .text{ background:url("../images/pro_bg.png") no-repeat left bottom #054DA1; background-size: 60px 80px; border-radius: 0 90px 90px 90px; color: #fff; padding:40px 25px; text-align: center;}
.proList .h3{ font-size: 18px; line-height: 1.3em; height: 1.3em; margin-bottom: 0.2em;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.proList .em{ font-size: 14px; line-height: 1.4em; height: 1.4em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.proList .m{ padding-top: 20px;}
.proList .m em{ width: 9.5em; height: 2em; line-height: 2em; border-radius: 1em; font-size: 16px; background: #fff; display: block; margin: 0 auto; color: #054DA1; }
.proList .dm{ padding-top: 10px; text-align: center;}
.proList .pd:hover{ transform: translateY(-5px); box-shadow: 5px 5px 20px rgba(0,0,0,0.2);}

.more3{ font-size: 16px; display: block; margin: 0 auto; height: 2.571428571428571em; line-height: 2.571428571428571em; padding: 0 2em; color: #054DA1;}
.more3 span{ margin-right: 0.5em;}
.more3 i{ font-size: 1.142857142857143em;}


.proMain2{ position: relative; z-index: 2;}
.proMain2 .wbg{ border-radius: 20vw 0 0 0;  background: #f7f7f7;}

.proMain2_1{}
.proInfo{ position: relative; background: #fff; border-radius: 40px 260px 40px 40px; overflow: hidden; padding: 80px 0;}
.proInfoBg{ background: no-repeat #fff center center; background-size:cover; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; filter: blur(50px); opacity: 0.16;}
.proInfo .wpd{ width: 790px; margin: 0 auto; position: relative; z-index: 2;}
.proHead{ width: 400px; margin: 0 auto; padding-bottom: 30px;}
.proHead .pd{ cursor: pointer; display: block;}
.proHead .pd img{ width: 400px; height: 400px; object-fit:contain;aspect-ratio: 400/400;}
.proHead .swiperDots{ display:block; bottom: 0px;}
.proHead .swiperDots span{ width: 60px; height: 8px; transition: 0.3s all; background: #DFDFDF;}
.proHead .swiperDots .swiper-pagination-bullet-active{ background: #054DA1; height: 12px;}
.proTit{ padding: 40px 0;}
.proTit h1{ font-size: 48px; font-weight: 700; color: #054DA1; text-align: center;}
.proVal{ background: rgba(255,255,255,0.6); margin: 0 40px 80px 40px; border-radius: 24px; border: 1px solid #000; font-size: 24px; font-weight: bold; display: flex; flex-wrap: wrap;}
.proVal .dl{ width: 50%; box-sizing: border-box; padding: 25px 50px; border-bottom: 1px solid #000; position: relative;}
.proVal .dt{ color: #054DA1; display: inline;}
.proVal .dd{ color: #333; display: inline;}
.proVal .dl:last-child:nth-child(odd){ width: 100%; border-bottom: none;}
.proVal .dl:nth-child(odd):before{ content: ''; width: 1px; height: 40px; position: absolute; right: 0px; top: 50%; margin-top: -20px; background: #000;}
.proVal .dl:last-child:before{ display: none;}
.proVal_even .dl:nth-last-child(-n+2){ border-bottom: none;}
.proCon{}
.proCon img{ width: 100%; height: auto; display: block;}

.contactMain1{ position: relative; z-index: 2;}
.contactMain1 .wbg{ border-radius: 20vw 0 0 0;  background: #fff;}
.contactMain1_1{}
.investment{}
.investmentFl{ width: 47.14285714285714%; float: left;}
.investmentContact{}
.investmentContact .pd{ background: #F7F7F7; border: 2px solid #054DA1; border-radius: 24px; padding: 12px 0  23px 54px; position: relative;}
.investmentContact .img{ width: 184px; position: relative;}
.investmentContact .img img{ width: 184px; margin: 0 auto; display: block;}
.investmentContact .img strong{ font-size: 20px; display: block; text-align: center;}
.investmentContact .text{ position: absolute; left: 300px; top: 0px; bottom: 0px; right: 0px; display: flex; justify-content: center; align-items: center; font-weight: bold;}
.investmentContact .text:before{ content: ''; width: 2px; height: 96px; position: absolute; left: 0px; top: 50%; margin-top: -48px; background: #054DA1;}
.investmentContact .h3{ font-size: 24px; color: #054DA1;}
.investmentContact .p{ font-size: 20px; color: #333;}
.investmentFr{ width: 39.85714285714286%; position: absolute; right: 0px; top: 0px;}
.investmentFr img{ width: 100%; height: auto; display: block;}

.contactMain2{ position: relative; z-index: 2; background: #fff;}
.contactMain2 .wbg{ border-radius: 0 20vw 0 0;  background: #f7f7f7;}
.contactMain2_1{}

.tit2{ position: relative; padding-bottom: 46px;}
.tit2 strong{ font-size: 32px; color: #333; font-weight: bold;}
.tit2:before{ content: ''; position: absolute; left: 0px; bottom: 0px; height: 2px; width: 62px; background:#054DA1;}

.ewmA{ padding-top: 40px; position: absolute; left: 0px; width: 258px; bottom: 0px;}
.ewmA .pd{ background: #fff; border-radius: 16px; padding: 40px 25px;}
.ewmA .img{}
.ewmA .text{ height: 40px; border-radius: 0 0 20px 20px; background: #054DA1; text-align: center; line-height: 40px; color: #fff; font-size: 16px;}
.brand{}
.brand .dl{ position: relative; min-height: 520px; margin-bottom: 160px;}
.brand .dl:before{ content: ''; position: absolute; left: 0px; right: 0px; bottom: -80px; height: 1px; background: #949494;}
.brand .dt{ width: 258px; position: absolute; left: 0px; top: 0px; bottom: 0px; display: flex; flex-direction: column; justify-content: space-between;}
.brand .dd{ margin-left: 258px; padding-left: 124px;}
.brand .dd .text{ font-size: 16px; line-height: 2; margin-bottom: 64px;}
.brand .dd .img{}
.brand .dl:last-child{ margin-bottom: 0px;}
.brand .dl:last-child:before{ display: none;}

.contactMain3{ position: relative; z-index: 2; background: #f7f7f7;}
.contactMain3 .wbg{ border-radius: 20vw 0 0 0;  background: #fff;}
.contactMain3_1{}
.school .ewmA .pd{ background: #f7f7f7;}
.school .tit1{ margin-bottom: 0px;}


/*内页*/
.aBanner{}
.aBanner .pd{ position: relative; height:845px;}
.aBanner .img{ overflow: hidden; }
.aBanner .img img{ width: 100%; height: auto; display: block;}
.aBanner .text{ position: absolute; left: 0px; top: 100px; right: 0px; bottom:0px; display: flex; align-items: center; justify-content: center; color: #054DA1; font-weight: bold;}
.aBanner .p{ font-size: 16px; line-height: 2; color: #fff; font-weight: normal; text-indent: 2em;}
.logoList{ margin-bottom: 100px;}
.logoList ul{ display: flex; width: 100%; justify-content: space-between;}
.logoList .npd{ display: block; display: flex; height: 100%; align-items: center;}
.logoList .npd img{ width: 100%; height: auto; display: block;}
.logoList li:nth-child(1){ width: 434px; padding-right: 300px;}
.logoList li:nth-child(2){ width: 148px;}
.logoList li:nth-child(3){ width: 308px;}


.aboutMain1{}
.aboutMain1 .wpd{position: relative; height:430px;}
.aboutMain1 .img{ overflow: hidden; }
.aboutMain1 .img img{ width: 100%; height: auto; display: block; border-radius: 20vw 0 0 0;}
.aboutMain1 .text{ position: absolute; left: 0px; top:0px; right: 0px; bottom:0px; display: flex; align-items: center; justify-content: center; color: #054DA1; font-weight: bold;}
.purpose{}
.purpose ul{ margin: 0 -80px; height: 100%;}
.purpose li{ position: relative; width: 33.3333%; float: left;}
.purpose li:nth-child(1){ width: 28%;}
.purpose li:nth-child(2){ width: 28%;}
.purpose li:nth-child(3){ width: 44%;}
.purpose li:before{ content: ''; width: 1px; height: 60px; background: #054DA1; position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}
.purpose li:last-child:before{ display: none;}
.purpose .pd{ padding:0 80px; color: #666; line-height: 1.4; text-align: center;}
.purpose .h3{ font-size: 36px; line-height: 1.2; color: #333; font-weight: bold; margin-bottom: 0.2em;}
.purpose .p{ font-size: 20px; font-weight: bold; margin-bottom: 0.25em;}
.purpose .em{ font-size: 14px;}



.aboutMain2{ position: relative; z-index: 2;}
.aboutMain2 .wbg{ border-radius: 0 20vw 0 0; background: #f7f7f7;}
.aboutMain2_1{}
.brand{}
.brandTab{ position: relative; margin-bottom: 80px;}
.brandTab:before{ content: ''; position: absolute; left: 0px; right: 0px; top: 50%; height: 1px; background: #c9e2ff;}
.brandTab .pd{ position: absolute; text-align: center; top: 50%; cursor: pointer;}
.brandTab .pd:before{ content: ''; position: absolute; width: 24px; height: 24px; border-radius: 50%; background: #dcdcdc; z-index: 1; left: 50%; top: 0px; transform: translate(-50%,-50%);}
.brandTab .pd:after{ content: ''; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #9d9d9d; z-index: 2; left: 50%; top: 0px; transform: translate(-50%,-50%);}
.brandTab .img{ position: absolute; left: 50%; transform: translateX(-50%); top: 80px;}
.brandTab .img img{ height: 70px; width: 120px; object-fit: contain; object-position: top center;}
.brandTab .text{ font-size: 24px; color: #666; padding: 20px 0;}
.brandTab .swiper-slide{ padding: 180px 0; display: flex; justify-content: center; overflow: visible;}
.brandTab .swiper-slide:nth-child(even) .pd{ top:auto; bottom: 50%;}
.brandTab .swiper-slide:nth-child(even) .img{ bottom: 80px; top: auto;}
.brandTab .swiper-slide:nth-child(even) .img img{ object-position: bottom center;}
.brandTab .swiper-slide:nth-child(even) .pd:before{ top: auto; bottom: 0px; transform: translate(-50%,50%);}
.brandTab .swiper-slide:nth-child(even) .pd:after{ top: auto; bottom: 0px; transform: translate(-50%,50%);}
.brandTab .swiper-slide-thumb-active .pd:before{ background: #c9e2ff;}
.brandTab .swiper-slide-thumb-active .pd:after{ background: #054DA1;}

.brandCon{ z-index: 2;}
.brandCon .pd{ width: 640px; margin: 0 auto;}
.brandCon .img{ margin-bottom: 40px;}
.brandCon .img img{ height: 240px; display: block; margin: 0 auto; width: 640px; object-fit: contain;}
.brandCon .text{}
.brandCon .h3{ text-align: center; position: relative; padding-bottom:20px; margin-bottom:20px;}
.brandCon .h3 strong{font-size: 48px; font-weight: bold; color: #054DA1; position: relative; line-height: 1.2; display: block;}
.brandCon .h3:before{ content: ''; position: absolute; width: 152px; height: 1px; left: 50%; bottom: 0px; background: #7c7c7c; transform: translateX(-50%);}
.brandCon .em{ text-align: center; font-size: 16px; color: #333; font-weight: bold; margin-bottom: 50px;}
.brandCon .p{ font-size: 16px;}

.brandCon .swiperArrow{ display: flex; align-items: center; justify-content: center; width: 7em; height: 3em; line-height: 3em; text-align: center; font-size: 18px; border-radius: 1.5em; opacity: 1; border: 2px solid #054DA1; box-sizing: border-box; background: #fff; color: #054DA1; top: 50%; margin-top: -1.5em;}
.brandCon .swiperArrow:hover{ background: #054DA1; color: #fff;}
.brandCon .swiperPrev:before{ content: "\e64a";}
.brandCon .swiperNext:before{ content: "\f038";}
.brandCon .swiperPrev{ left: 0px;}
.brandCon .swiperNext{ right:0px;}

.aboutMain3{ position: relative; z-index: 2; background: #f7f7f7;}
.aboutMain3 .wbg{ border-radius: 20vw 0 0 0; background: #ffffff;}
.aboutMain3_1{}
.historyHead{ position: relative; min-height: 110px; margin-bottom: 80px;}
.historyHeadFl{ position: absolute; left: 0px; top: 0px;}
.historyHeadFr{ margin-left: 300px;}
.historyHeadFr .h3{ font-size: 24px; line-height: 1.2; margin-bottom: 0.5em; font-weight: bold; color: #333333;}
.historyHeadFr .p{ font-size: 16px; line-height: 2;}

.aboutMain3_2{}
.historyCon{ margin-bottom: 20px;}
.historyCon .swiper{ margin: 0 -40px;}
.historyCon .pd{ display: block; background: #f7f7f7; border-radius: 40px; overflow: hidden; margin: 0 40px;}
.historyCon .img{}
.historyCon .text{ padding: 50px 40px;}
.historyCon .h3{ font-size: 32px; line-height: 1.2; margin-bottom: 0.5em; color: #054DA1; font-weight: bold;}
.historyCon .p{ font-size: 16px; line-height: 2; height: 4em; color: #333333;}

.historyCon .swiperArrow{ display: flex; align-items: center; justify-content: center; width: 7em; height: 3em; line-height: 3em; text-align: center; font-size: 18px; border-radius: 1.5em; opacity: 1; border:none; box-sizing: border-box; background:rgba(5, 77, 161,0.2); color: #fff; top: 50%; margin-top: -1.5em;}
.historyCon .swiperArrow:hover{ background: #054DA1; color: #fff;}
.historyCon .swiperPrev:before{ content: "\e64a";}
.historyCon .swiperNext:before{ content: "\f038";}
.historyCon .swiperPrev{ left:-3.5em;}
.historyCon .swiperNext{ right:-3.5em;}
.historyCon .swiper-slide{ width: 70%;}
.historyCon .swiper-button-disabled{ opacity: 0;}

.historyTab{ position: relative;}
.historyTab:before{ content: ''; position: absolute; left: 0px; right: 0px; top: 50%; height: 4px; transform: translateY(-50%); background: #f7f7f7;}
.historyTab .pd{ position: absolute; text-align: center; top: 50%; cursor: pointer;}
.historyTab .pd:before{ content: ''; position: absolute; width: 40px; height: 10px; border-radius:5px; background: #054da1; z-index: 1; left: 50%; top: 0px; transform: translate(-50%,-50%); opacity: 0; transition: 0.3s all;}
.historyTab .pd:after{ content: ''; position: absolute; width: 92px; height: 120px; top: 50%; left: 50%; border: 2px solid #054da1; box-sizing: border-box; transform: translate(-50%,-50%); border-radius: 24px; opacity: 0; transition: 0.3s all;}
.historyTab .img{ position: absolute; left: 50%; transform: translateX(-50%); top: 80px;}
.historyTab .img img{ height: 70px; width: 120px; object-fit: contain; object-position: top center;}
.historyTab strong{ font-size: 20px; line-height: 1.5; color: #666; display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 10em;  top: 15px;}
.historyTab .swiper-slide{ padding: 60px 0; display: flex; justify-content: center; overflow: visible;}
.historyTab .swiper-slide-thumb-active .pd:before{ opacity: 1;}
.historyTab .swiper-slide-thumb-active .pd:after{ opacity: 1;}

.aboutMain4{ position: relative; z-index: 2; background: #ffffff;}
.aboutMain4 .wbg{ border-radius: 0 20vw 0 0; background: #f7f7f7;}


.honorType{ margin-bottom: 80px;}
.honorType ul{ display: flex; justify-content: space-between;}
.honorType li{ position: relative;}
.honorType li:before{content: ''; position: absolute; right: -120px; top: 50%; height: 116px; width: 1px; background: #7c7c7c; transform: translateY(-50%);}
.honorType li:last-child:before{ display: none;}
.honorType .pd{ font-weight: bold; text-align: center;}
.honorType .h3{ font-size: 80px; color: #054DA1; line-height: 1; margin-bottom: 0.5em;}
.honorType .em{ font-size: 32px; color: #333; line-height: 1;}

.honorList{ position: relative; background: #fff; padding: 60px;}
.honorList .wpd{ position: relative; margin: 0 30px;}
.honorList .li{ opacity: 0; visibility: hidden; pointer-events: none;}
.honorList .li1{}
.honorList .li2{ left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;}
.honorList .li.curr{ opacity: 1; visibility: visible; pointer-events: auto;}
.honorList .pd{ margin: 0 25px; display: block; position: relative;}

.honorList .img{ position: absolute; z-index: 1; left:9%; top:7%; bottom: 7%; right: 9%; background: #ccc; display: flex; justify-content: center; align-items: center;}
.honorList .img img{ width: 100%; height: 100%; object-fit: contain;}
.honorList .img_bg{ position: relative; z-index: 2;}
.honorList .swiper{ margin: 0 -25px;}
.honorList .swiperDots{ display:noe; bottom: -30px;}
.honorList .swiperDots span{ width: 60px; height: 8px; transition: 0.3s all; background: #DFDFDF;}
.honorList .swiperDots .swiper-pagination-bullet-active{ background: #054DA1; height: 12px;}
.honorList .swiperArrow{ display: block;}
.honorList .swiperPrev{ left: -3em;}
.honorList .swiperNext{ right: -3em;}

/*分页*/
.fpage{ text-align:center; padding:80px 0 0 0; font-size: 32px;}
.fpage ul{ display:inline-block; vertical-align:bottom;}
.fpage li{ padding:0 0.1em; float:left;}
.fpage .disabled{}
.fpage a{}
.fpage a,
.fpage span{height: 38px;line-height: 36px;display: block;border-radius:3px;color: #fff;font-size: 14px;float: left; min-width: 30px; text-align: center; padding: 0 5px; box-sizing: border-box;background: #fff; border: 1px solid #d9d9d9; color: #333;}
.fpage .active a,
.fpage .active span{background:#054da1; color:#fff; border-color:#054da1;}
@media screen and (max-width:640px){
.fpage li{ padding: 0 3px;}
.fpage a,
.fpage span{ height: 24px; line-height: 24px; font-size: 10px; min-width: 24px;}
}

/*视频*/
/*.play_btn{ background:#000; display:block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; position:relative;}
.play_btn i{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.1); transform: translateZ(0); transition: 0.5s all; z-index: 2;}
.play_btn i:before{ font-size: 80px; width: 1em; height: 1em; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; color: #fff;}
.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0.5);}*/
.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}
.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#054da1; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}
.video_box i:hover{ background: #054da1;}
.video_box video{ width:100%; height:auto; display:block;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}
@media screen and (max-width:1680px){
.video_box{ width: 1000px; margin: -300px 0 0 -500px;}
}
@media screen and (max-width:768px){
.video_box{ left:0px; margin:0; top:0px; height:auto; right:0px; width:auto;}
.video_box video{ height:auto;}
.followFr{ flex-direction: column;}
}
/*搜索*/
.iMainSearch1{ padding:200px 0 60px 0;}
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#333; border-left:2px solid #054da1; padding-left:14px; margin-bottom:24px;}
.search_tit span{ color:#054da1; margin-left:0.5em;}
.search_list{ background:#fff; padding:50px 0 80px 0; min-height:25vh;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#054da1; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}
@media screen and (max-width:768px){
.iMainSearch1{ padding: 40px 0;}
.search_tit{}
.search_list{ padding: 20px 0 30px 0; min-height: 20vh;}
.search_list .h3{ font-size:14px;}
}


/*新闻详情*/
.infoA{ font-size: 16px; position: relative;}
.infoA_Fl{ box-sizing: border-box; margin-right: 540px;}
.infoAbox{ padding: 40px; background: #fff; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 30px;}
.infoAtit{ text-align: center; margin-bottom: 36px; }
.infoAtit h1{ font-size: 1.5em; line-height: 1.2; font-weight: bold;}
.infoAtit p{ padding-top: 1em; color: #666;}
.infoAcon{ color: #666; line-height: 1.75;}
.infoAcon img{ max-width: 100%; display: inline-block; vertical-align: bottom; display: block}
.infoAcon strong{ }
.infoAcon iframe{ width: 100%; display: block;}
.infoAbtn{ position: relative;}
.infoAbtnList{}
.infoAbtnList ul{ margin-right: -120px;}
.infoAbtnList li{ width: 50%; float: left;}
.infoAbtnList .pd{ display: block; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px; position: relative; padding: 0 20px; margin-right:120px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.infoAbtnList .pd span{ position: absolute; left: 20px; top: 50%; line-height: 1; margin-top: -0.5em; color: #2662a7; font-weight: bold;}
.infoAbtnList .pd a{ color: #666; display: block; padding-left: 3.75em; height: 48px; line-height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.infoAbtnList .pd:hover{ background: #2662a7; color: #fff;}
.infoAbtnList .pd:hover i,
.infoAbtnList .pd:hover span,
.infoAbtnList .pd:hover a{ color: #fff;}
.infoAbtnList li:nth-child(even) .pd i{ right: 20px; left: auto;}
.infoAbtnM{ position: absolute; left: 50%; top: 0px; width: 100px; text-align: center; margin-left: -50px;}
.infoAbtnM a{ color: #2662a7; font-weight: bold; display: block; height: 48px; line-height: 48px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px;}
.infoAbtnM a:hover{ background: #2662a7; color: #fff;}


.infoA_Fr{box-sizing: border-box; position: absolute; right: 0px; top: 0px; width: 500px;}
.recommended{background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 40px; padding:30px;}
.recommendedTit{font-size:24px;margin-bottom:1em;}
.recommendedTit strong{font-weight:bold;display:block;color:#000;line-height:1;}
.recommendedList{max-height:500px;overflow-y:auto;}
.recommendedList li{margin-bottom:20px;}
.recommendedList li:last-child{margin-bottom:0px;}
.recommendedList .pd{ display: block;padding-left:1.5em;position:relative;}
.recommendedList .pd:before{content:'';position:absolute;width:1em;height:4px;left:0px;top:50%; transform: translateY(-50%); background:#2662a7;}
.recommendedList strong{ display: block;display:block;line-height:1.4em; height: 1.5em;color:#000;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; margin-right: 100px; font-weight: normal;}
.recommendedList em{ position: absolute; right: 0; top: 50%; margin-top: -0.5em; line-height: 1; color: #999; font-size: 14px;}
.recommendedList .pd:hover{color:#2662a7;}


.infoA{ font-size: 0.5em;}
.infoA_Fl{ padding-right: 1.25em;}
.infoAbox{ padding: 2.5em; margin-bottom: 1.875em;}
.recommendedTit{ font-size: 1.5em;}
.recommended{ padding: 1.875em;}
.recommendedList{ max-height: 31.25em}
.recommendedList strong{ margin-right: 6.25em;}
.recommendedList em{ font-size: 0.875em;}
.recommendedList li{ margin-bottom: 1.25em;}
.infoAbtnList ul{ margin-right: -7.5em;}
.infoAbtnList .pd{ padding: 0 1.25em; margin-right: 7.5em; border-radius: 0.375em;}
.infoAbtnList .pd span{ left: 1.25em;}
.infoAbtnList .pd a{ height: 3em; line-height: 3em; border-radius: 0.375em;}
.infoAbtnM a{ height: 3em; line-height: 3em; border-radius: 0.375em;}
.infoAbtnM{ width: 4em; margin-left: -2em;}
.fpage a, .fpage span{ font-size: 0.4375em; width: 2em; line-height: 2em; height: 2em; min-width: 2em; padding: 0 0.3571428571428571em;}
@media screen and (max-width:1366px){
.infoA{ font-size: 14px;}
.recommendedList em{ font-size: 12px;}
}
@media screen and (max-width:980px){
.infoA_Fl{ width: auto; margin:0 0 30px 0;}
.infoA_Fr{ position: relative; left: auto; top: auto; right: auto; width: auto;}

.infoAbtnList ul{ margin: 0px; font-size: 14px;}
.infoAbtnList li{ width: auto; float: none; margin-bottom: 10px;}
.infoAbtnList .pd{ margin: 0px; padding: 0px;}
.infoAbtnList .pd i{ left: 20px;}
.infoAbtnList .pd span{ left: 20px;}
.infoAbtnList .pd a{ padding-left: 90px;}
.infoAbtnList li:nth-child(even) .pd i{ left: 20px; right: auto;}
.infoAbtnM{ position: static; width: auto; margin: 0px; }
.infoAbtnM a{ height: 44px; line-height: 44px; font-size: 14px;}
.recommendedList strong{ font-size: 14px; margin-right: 86px;}
.recommendedList em{ font-size: 12px;}
}
@media screen and (max-width:640px){
.infoA_Fl{}
.infoAtit h1{ font-size: 1.25em;}
.infoAtit p{ font-size: 12px;}
.infoAcon{ font-size: 14px;}
.infoAcon p{ padding: 0.5em 0; }
.infoAbox{ padding: 20px;}
.recommended{ padding: 20px;}

.infoAcon img{ max-width: 100%; height: auto; display: block; margin: 0 auto;}
}




.dingwei{position: relative;}
.dingwei a{ position: absolute; bottom:80px;}


.pNav{ position: relative; z-index: 4; margin-bottom: 80px;}
.pNav ul{ display: flex; justify-content: center;}
.pNav li{ }
.pNav .pd{ height: 80px; margin: 0 30px; border: 2px solid #054DA1; box-sizing: border-box; display: flex; justify-content: center; align-items: center; border-radius: 40px; color: #054DA1; padding:0 2.5em;}
.pNav .pd i{ font-size: 48px;}
.pNav .pd span{ font-size: 24px; margin-left: 0.5em;}
.pNav li.curr .pd{ background: #054DA1; color: #fff;}















body{ font-size: 1.6666666666666666vw;}

.tit1{ margin-bottom: 1.875em;}
.tit1 strong{ font-size: 1.5em; }
.tit1 em{ font-size: 0.75em; }
.tit1 .p{ font-size: 0.625em;}
.tit1 .p p{ margin-bottom: 1em;}
.tit1 .p p:last-child{ margin-bottom: 0px;}
.more1{ line-height:4em; height:4em; width: 5.25em; font-size: 0.625em;}
.more2{ line-height:4em; height:4em; width: 5.25em; font-size: 0.625em;}
.more3{ font-size: 0.625em;}
.tLanguage{ margin-top: -0.4375em;}
.tLanguage .box a{ font-size: 0.5em;}
.header{ padding: 2.5em 0 0 0;}
.logo{ font-size: 1.5em;}
.menu{ margin: 0 1.4375em 0 8em;}
.menu .h3 a{ height: 2em; line-height: 2em; font-size: 0.625em; border-radius: 1.5em;}

.menu .box{ width: 5em; margin-left: -2.5em; padding-top: 0.3125em; transform: translateY(0.3125em); }
.menu .box .npd{ border-radius: 0.375em; padding: 0.625em 0;}
.menu .box a{ font-size: 0.5em;}

.body_fix .header{ padding: 0.46875em 0;}
.body_fix .menu .box{ padding-top: 0.625em;}
.iBanner{}
.iBanner .text{}
.iBanner .h3{ font-size: 2.25em;}
.iBanner .em{ font-size: 0.75em;}
.iBanner .swiperDots span{ width: 1.875em; height: 0.25em; margin: 0 0.125em; border-radius: 0.15625em;}
.iBanner .swiperDots .swiper-pagination-bullet-active{ height: 0.375em;}
.iMain .wbg{ padding: 2.8125em 0;}


.iMain1 .wbg{ border-radius: 20vw 0 0 0;}
.iVideo .img img{ border-radius: 8.3333vw;}
.iVideoA video{ border-radius: 2vw;}
.iVideo .img i{ font-size: 2.5vw;}
.iMain2 .wbg{ border-radius: 0 20vw 0 0;}
.iPro{}


.iProCon{ padding-bottom: 3.125em;}
.proFor{}
.proFor .img{ width: 17.5em; height: 17.5em;}
.proFor .h3 em{ font-size: 1.25em;}
.proFor .h3 strong{ font-size: 1.125em;}
.proFor .p{ font-size: 1em;}
.proFor .swiperArrow{ font-size: 0.9375vw;}

.proTab{ width: 11.375em; height: 11.375em; margin: 0  0 -5.6875em -5.6875em; bottom:-2.8125em;}
.proTab:before{ width: 6.25em; height: 6.25em; margin: -3.125em 0 0 -3.125em; }
.proTab li:nth-child(1) { transform: rotate(0deg) translate(2.125em); }
.proTab li:nth-child(2) { transform: rotate(30deg) translate(2.125em); }
.proTab li:nth-child(3) { transform: rotate(60deg) translate(2.125em); }
.proTab li:nth-child(4) { transform: rotate(90deg) translate(2.125em); }
.proTab li:nth-child(5) { transform: rotate(120deg) translate(2.125em); }
.proTab li:nth-child(6) { transform: rotate(150deg) translate(2.125em); }
.proTab li:nth-child(7) { transform: rotate(180deg) translate(2.125em); }
.proTab li:nth-child(8) { transform: rotate(210deg) translate(2.125em); }
.proTab li:nth-child(9) { transform: rotate(240deg) translate(2.125em); }
.proTab li:nth-child(10) { transform: rotate(270deg) translate(2.125em); }
.proTab li:nth-child(11) { transform: rotate(300deg) translate(2.125em); }
.proTab li:nth-child(12) { transform: rotate(330deg) translate(2.125em); }
.proTab .img{ width: 2.6875em; height: 2.6875em;}




.iMain3 .wbg{ border-radius: 20vw 0 0 0;}
.iStrength{}
.iStrength .pd{ margin: 0 0.5em; border-radius: 1.875em;}
.iStrength .img img{ height: 19.1875em;}
.iStrength .img:before{ height: 7.09375em;}
.iStrength .text{ left: 0.9375em; right: 0.9375em; bottom: 1.6875em;}
.iStrength .h3{ font-size: 1.125em;}
.iStrength .p{ font-size: 0.4375em;}
.iStrength li.curr .text{ left: 1.5625em; right: 1.5625em;}
.iMain4 .wbg{ border-radius: 0 20vw 0 0;}
.iNews{}
.iNews .swiper{ margin: 0 -1em;}
.iNews .pd{ margin: 0 1em; padding: 0.78125em; border-radius: 1.875em;}
.iNews .img{ border-radius: 1.875em;}
.iNews .text{ padding-top: 0.78125em;}
.iNews .h3{ font-size: 0.625em;}
.iNews .em{ font-size: 0.625em; margin-bottom: 0.5em;}
.iNews .p{ font-size: 0.4375em;}
.footer{}
.footer .wbg{ border-radius: 20vw 0 0 0; padding: 2.8125em 0;}
.fTop{ margin-bottom:2.5em;}
.fContact .img{ margin-bottom: 0.9375em;}
.fContact .img img{ height: 1.5em;}
.fContact .text{ font-size: 0.625em;}
.fNav{ width: 16.875em; margin-right: -2.5em;}
.fNav .h3{ margin-bottom: 1.25em;}
.fNav .h3 a{ font-size: 0.75em;}
.fNav .box a{ font-size: 0.4375em;}
.followFl .pd{ margin: 0 1.25em 0 0;}
.followFl .img{ width: 3.625em; margin-bottom: 0.4375em;}
.followFl .img img{ border-radius: 0.25em;}
.followFl .text{ font-size: 0.4375em;}
.followFr{ width: 16.875em; margin-right: -2.5em;}
.followFr dl{ padding-left: 4.375em; margin-bottom: 0.8125em;}
.followFr dt{ font-size: 0.75em;}
.followFr li{ margin-right: 0.75em;}
.followFr a{ font-size: 0.75em; width: 2.25em; height: 2.25em;}
.fCopy{ font-size: 0.4375em; padding: 1em 0;}


.imgListA{}
.imgListA .swiper{ margin: 0 -10px;}
.imgListA .npd{ margin: 0 10px;}
.imgListA .nimg{ margin-bottom: 20px;}
.imgListA .nimg img{ width: 100%; height: auto; display: block;}
.imgListA .ntext{ font-size: 24px; text-align: center; line-height: 1.5; height: 3em; overflow: hidden;}
.imgListA .ntext span{ color: #054DA1; font-weight: bold; margin: 0 0.25em;}
.imgListB{}
.imgListB .swiper{ margin: 0 -10px;}
.imgListB .npd{ margin: 0 10px;}
.imgListB .nimg img{ width: 100%; height: auto; display: block; border-radius: 30px;}
.imgListB .nimg:first-child{ margin-bottom: 20px;}
.imgListC{ padding-top: 60px;}
.imgListC .swiper{ margin: 0 -20px;}
.imgListC .npd{ margin: 0 20px;}

.imgListA .ntext{ font-size: 0.75em;}
.imgListA .swiper{ margin: 0 -0.3125em;}
.imgListA .npd{ margin: 0 0.3125em;}
.imgListB .swiper{ margin: 0 -0.3125em;}
.imgListB .npd{ margin: 0 0.3125em;}
.imgListB .nimg img{ border-radius: 0.9375em;}
.imgListB .nimg:first-child{ margin-bottom: 0.6250em;}
.imgListC{ padding-top: 1.875em;}
.imgListC .swiper{ margin: 0 -0.625em;}
.imgListC .npd{ margin: 0 0.625em;}

/*内页PC适配*/

.fpage{ padding: 2.5em 0 0 0 ; font-size: 1em;}

.pNav{ margin-bottom: 2.5em;}
.pNav .pd{ height: 2.5em; margin: 0 0.9375em; border-radius: 1.25em;}
.pNav .pd i{ font-size: 1.5em;}
.pNav .pd span{ font-size: 0.75em;}
.pNav_iPro{ margin-bottom: 0.9375em;}

.nBanner{}
.nBanner .pd{ height: 20.625em;}
.nBanner .h3{ font-size: 2em;}
.nBanner .em{ font-size: 0.75em;}

.newsSwiper{}
.newsSwiper .text{ margin: 0 6em; padding-bottom: 0.78125em;}
.newsSwiper .pd{ border-radius: 1.875em;}
.newsSwiper .h3{ font-size: 1em;}

.newsSwiper .swiperArrow{ font-size: 0.5625em; bottom: 2.2222222222222223em;}
.newsSwiper .swiperPrev{ left: 2em;}
.newsSwiper .swiperNext{ right:2em;}

.newsList{}
.newsList .pd{ margin: 0 1em; border-radius: 1.875em;}
.newsList .img{ border-radius: 1.875em;}
.newsList .h3{ font-size: 0.625em;}
.newsList .em{ font-size: 0.625em;}


.newsList{}
.newsList ul{ margin: 0 -1em;}
.newsList li{ margin-bottom: 2.5em;}
.newsList .pd{ margin: 0 1em; padding: 0.78125em; border-radius: 1.875em;}
.newsList .img{ border-radius: 1.875em;}
.newsList .text{ padding-top: 0.78125em;}
.newsList .h3{ font-size: 0.625em;}
.newsList .em{ font-size: 0.625em; margin-bottom: 0.5em;}
.newsList .p{ font-size: 0.4375em;}

.infoAbox{ border-radius: 2.08333333333333vw;}
.infoA_Fl{ margin-right: 30%; padding-right: 40px;}
.infoA_Fr{ width: 30%;}
.recommended{ border-radius: 2.08333333333333vw;}


.proList{}
.proList .dt{ margin-bottom: 1.25em;}
.proList .dt strong{ font-size: 1.125em;}
.proList .dt em{ font-size: 0.75em;}
.proList ul{ margin: 0 -1.25em;}
.proList .pd{ margin: 0 1.25em; border-radius: 1.875em 1.875em 3.333333333333333em 3.333333333333333em;}
.proList .text{background-size: 1.875em 2.5em; border-radius: 0 3.333333333333333em 3.333333333333333em 3.333333333333333em ; padding: 1.25em 0.78125em;}
.proList .h3{ font-size: 0.5625em;}
.proList .em{ font-size: 0.4375em}
.proList .m em{ font-size: 0.5em;}

.proInfo{ padding: 2.5em 0; border-radius: 1.25em 8.125em 1.25em 1.25em;}
.proHead{ width: 12.5em;}
.proHead .pd img{ width: 12.5em; height: 12.5em;}

.proTit{ padding: 1.25em 0;}
.proTit h1{ font-size: 1.5em;}
.proHead .swiperDots span{ height: 0.25em; width: 1.875em;}
.proHead .swiperDots .swiper-pagination-bullet-active{ height: 0.375em;}


.proVal{ font-size: 0.75em; margin: 0 1.6666666666666667em 3.3333333333333335em 1.6666666666666667em;}
.proVal .dl{ padding: 1em 2em;}
.proVal .dl:nth-child(odd):before{ height: 1.25em; margin-top: -0.625em;}

.proList .dl{ margin-bottom: 2.5em;}

.contactMain1{}
.investmentContact .pd{ padding: 0.375em 0  0.71875em 1.6875em;}
.investmentContact .img{ width: 5.75em;}
.investmentContact .img img{ width: 5.75em;}
.investmentContact .img strong{ font-size: 0.625em;}
.investmentContact .text{ left: 9.375em;}
.investmentContact .h3{ font-size: 0.75em;}
.investmentContact .p{ font-size: 0.625em;}
.investmentContact .text:before{ height: 3em; margin-top: -1.5em;}

.contactMain2{}
.tit2{ padding-bottom: 1.4375em;}
.tit2:before{ width: 1.9375em;}
.tit2 strong{ font-size: 1em;}
.brand .dl{ min-height: 16.25em; margin-bottom: 5em;}
.brand .dl:before{ bottom: -2.5em;}
.brand .dt{ width: 8.0625em;}
.brand .dd{ margin-left: 8.0625em; padding-left: 3.875em; }
.brand .dd .text{ font-size: 0.5em; margin-bottom: 4em;}
.ewmA{ padding-top: 1.25em; width:8.0625em;}
.ewmA .pd{ padding: 1.25em 0.78125em; border-radius: 0.5em;}
.ewmA .text{ height: 2.5em; line-height: 2.5em; border-radius: 0 0 1.25em 1.25em; font-size: 0.5em;}

.contactMain3{}

.aBanner{}
.aBanner .text{ top:3.125em;}
.aBanner .pd{ height: 26.40625em;}
.logoList{ margin-bottom:3.125em;}
.logoList li:nth-child(1){ width: 13.5625em; padding-right: 9.375em;}
.logoList li:nth-child(2){ width: 4.625em;}
.logoList li:nth-child(3){ width: 9.625em;}
.aBanner .p{ font-size: 0.5em;}

.aboutMain1{}
.aboutMain1 .wpd{ height: 13.4375em;}
.purpose ul{ margin: 0 -2.5em;}
.purpose li:before{ height: 1.875em;}
.purpose .pd{ padding: 0 2.5em;}
.purpose .h3{ font-size: 1.125em;}
.purpose .p{ font-size: 0.625em;}
.purpose .em{ font-size: 0.4375em;}

.aboutMain2{}
.brandTab{ margin-bottom: 2.5em;}
.brandTab .swiper-slide{ padding: 5.625em 0;}
.brandTab .img img{ width: 3.75em; height: 2.1875em;}
.brandTab .text{ font-size: 0.75em; padding: 0.8333333333333334em 0; }
.brandTab .img{ top: 2.5em;}
.brandTab .swiper-slide:nth-child(even) .img{ bottom: 2.5em;}
.brandCon .pd{ width: 20em;}
.brandCon .img{ margin-bottom: 1.25em;}
.brandCon .img img{ height: 7.5em; width: 20em;}
.brandCon .h3{ padding-bottom: 0.625em; margin-bottom: 0.625em;}
.brandCon .h3 strong{ font-size: 1.5em;}
.brandCon .h3:before{ width: 3.1666666666666665em;}
.brandCon .em{ font-size: 0.5em; margin-bottom: 3.125em;}
.brandCon .p{ font-size:0.5em;}
.brandCon .swiperArrow{ font-size: 0.5625em;}

.aboutMain3{}
.historyHead{ min-height: 3.4375em; margin-bottom: 2.5em;}
.historyHeadFr{ margin-left: 9.375em;}
.historyHeadFr .h3{ font-size: 0.75em;}
.historyHeadFr .p{ font-size: 0.5em;}
.historyCon{ margin-bottom: 0.625em;}
.historyCon .swiper{ margin: 0 -1.25em;}
.historyCon .pd{ margin: 0 1.25em; border-radius: 1.25em;}
.historyCon .text{ padding: 1.5625em 1.25em;}
.historyCon .h3{ font-size: 1em;}
.historyCon .p{ font-size: 0.5em;}
.historyCon .swiperArrow{ font-size: 0.5625em;}
.historyTab .swiper-slide{ padding: 1.875em 0;}
.historyTab .pd:after{ width: 2.875em; height: 3.75em; border-radius: 0.75em;}
.historyTab strong{ font-size: 0.625em;}
.historyTab .pd:before{ width: 1.25em; height: 0.3125em; border-radius: 0.15625em;}
.historyTab:before{ height: 0.125em; min-height: 1px;}

.aboutMain4{}
.honorType{ margin-bottom: 2.5em;}
.honorType .h3{ font-size: 2.5em;}
.honorType .em{ font-size: 1em;}
.honorType li:before{ height: 3.625em; right: -4.75em;}

.honorList{ padding: 1.875em;}
.honorList .swiper{ margin: 0 -0.78125em;}
.honorList .pd{ margin: 0 0.78125em;}

.dingwei a{ bottom:2.5em;}



.brandTab:before{ height: 0.0625em; min-height: 1px; transform: translateY(-50%);}
.brandTab .pd:after{ width: 0.375em; height: 0.375em;}
.brandTab .pd:before{ width: 0.75em; height: 0.75em;}
.brandCon .h3:before{ height: 0.0625em; min-height: 1px;}
.honorType li:before{ width: 0.0625em; min-width: 1px;}

.proInfo .wpd{ width: 24.6875em;}

.investmentContact .text:before{ width: 0.03125em; min-width: 1px; transform: translateX(-50%);}
.brand .dl:before{ height:0.03125em; min-height: 1px; transform: translateY(-50%);}
.followFr .box{ width: 3.75em; transform: translateX(-1.875em);}
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.fCopy{ border-top-width: 0.03125em;}
.investmentContact .pd,
.fpage a, .fpage span,
.newsSwiper .swiperArrow,
.brandCon .swiperArrow,
.pNav .pd,
.historyTab .pd:after{border-width: 0.0625em;}
.fCopy{ border-top-width: 0.03125em;}
}
@media screen and (min-width:1920px){
}
@media screen and (max-width:1680px){
.menu li{ margin: 0 5px;}
.menu .h3 a{ font-size: 16px;}
.fCopy{ font-size: 12px;}
.more1{ font-size: 16px;}
.more2{ font-size: 16px;}
.more3{ font-size: 16px;}
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
.wp{ width: 1140px; }
.header{ padding-top:30px;}

.aboutMain4 .wbg,
.aboutMain2 .wbg,
.contactMain2 .wbg,
.newsMain2 .wbg,
.iMain4 .wbg,
.iMain2 .wbg{ border-radius: 0 15vw 0 0;}

.footer .wbg,
.aboutMain3 .wbg,.proList .pd
.aboutMain1 .img img,
.contactMain3 .wbg,
.contactMain1 .wbg,
.proMain2 .wbg,
.proMain1 .wbg,
.newsMain3 .wbg,
.newsMain1 .wbg,
.iMain1 .wbg,
.iMain3 .wbg{ border-radius: 15vw 0 0 0;}


.iStrength .h3{ font-size: 18px}
.iStrength .p{ font-size: 12px;}
.iStrength .img img{ height: 21.2em;}
.iNews .h3{ font-size: 18px;}
.iNews .em{ font-size: 18px;}
.iNews .p{ font-size: 12px;}
.fContact .img img{ height: 38px;}
.fContact .text{ font-size: 16px;}
.fNav .h3 a{ font-size: 18px;}
.fNav .box a{ font-size: 14px;}
.followFl .img{ width: 80px;}
.followFl .text{ font-size: 14px;}
.followFr a{ font-size: 16px;}
.fNav{ width: 24em;}
.fNav .h3{ margin-bottom: 1em;}
.followFr{ width: 24em;}


/*内页*/
.newsList .h3{ font-size: 18px;}
.newsList .em{ font-size: 18px;}
.newsList .p{ font-size: 12px;}
.proList .h3{ font-size: 18px;}
.proList .em{ font-size: 12px;}
.brand .dd .text{ font-size: 14px;}
.ewmA .text{ font-size: 14px;}
.aBanner .p{ font-size: 14px; line-height: 1.5;}
.more2{ font-size: 14px;}
}
@media screen and (max-width:1366px){
.iStrength .img img{ height: 22.3em;}


}
@media screen and (max-width:1280px){
.iStrength .img img{ height: 24em;}
}
@media screen and (max-width:1024px){
body{ padding:60px 0 0 0; font-size: 24px;}
.wp{ margin:0 30px; width: auto;}
.logo{ font-size: 36px;}

.tLanguage{ left: auto; right:80px; margin-top: -16px;}
.tLanguage .i{}
.tLanguage .box{ display: none; position: fixed; left: 0px; top: 60px; right: 0px; background: #f5f5f5; text-align: center;  padding: 30px 0; color:#054da1; width: auto; margin: 0px;}
.tLanguage .box a{}

.tSearch{ right: 40px;}
.tSearch .i{}
.tSearch .box{ position:fixed; left:0px; top:60px; right:0px; background:#e8eeff; padding:15px 30px; display:none; width: auto;}
.ipt_t1{ background: #fff; color:#054da1;}


.menu-link{ display: block;}
.menu-link em{ font-size:14px;}
.header{ padding: 0px; background: #fff;}
.header .wp{ height:60px;}
.menu{ position:fixed; top:0px; bottom:0px; z-index:2; background:#fff; margin: 0px; box-sizing:border-box;width:280px; right:-281px; display: block;}
.menu ul{ padding:80px 0 0 0; float: none; display: block;}
.menu li{ float: none; margin: 0px;}
.menu .h3{ text-align: left; position: relative; border-bottom: 1px solid #dcdcdc;}
.menu .h3 a{ display:block; vertical-align: bottom; font-size:14px; padding: 0 30px; height:40px; line-height: 40px; overflow:hidden; color:#333; border-radius: 0px;}
.menu .h3 span{ height:40px; line-height:40px; display:block; text-transform:uppercase;}
.menu .h3 i{ height:40px; line-height:40px; display:block;}
.menu.active{ right:0px;}
.menu .box{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none; transition: none; transform: none; opacity: 1; visibility: visible; padding: 0px; width: auto; margin: 0px;}
.menu .box .npd{ box-shadow: none; background: none; border-radius: 0;}
.menu .box a{ padding: 0 60px; height: 32px; line-height: 32px; font-size: 14px;}
.menu .box a:before{ display: none;}
.menu li:hover .h3 span,
.menu li.curr .h3 span{ color: #fff;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ display: none;}
.menu li:hover .box{ display: none;}
.menu li.curr .box{}

.aboutMain4 .wbg,
.aboutMain2 .wbg,
.contactMain2 .wbg,
.newsMain2 .wbg,
.iMain4 .wbg,
.iMain2 .wbg{ border-radius: 0 10vw 0 0;}

.footer .wbg,
.aboutMain3 .wbg,
.aboutMain1 .img img,
.contactMain3 .wbg,
.contactMain1 .wbg,
.proMain2 .wbg,
.proMain1 .wbg,
.newsMain3 .wbg,
.newsMain1 .wbg,
.iMain1 .wbg,
.iMain3 .wbg{ border-radius: 10vw 0 0 0;}

/*.iMain1{ background: #f7f7f7;}*/

.iBanner{ height: 56vw;}
.iBanner .img img{ height: calc(56vw + 10vw); object-fit: cover;}
.iBanner .text{ bottom: 10vw;}
.iBanner .swiperDots{ bottom: 30px;}
.iBanner .swiperArrow{ display: none;}

.tit1_2{ position: static; left: auto; top: auto; right: auto;}
.more2{ position: static; height: 2em; line-height: 2em;}
.more2_2{ position: static; margin: 0 auto; display: block; margin-bottom: 1.875em;}
.iMain2 .tit1_2{ margin-bottom:0.75em;}


.iStrength ul{ display: flex; flex-wrap: wrap; margin: 0 -15px;}
.iStrength li.curr,
.iStrength li{ width: 50%; float: left; margin-bottom: 30px;}
.iStrength .img img{ height: auto; width: 100%; transform: translate(0,0);}
.iStrength li:nth-child(2) .img img{ transform: translateX(0%);}
.iStrength li:nth-child(3) .img img{ transform: translateX(0%);}
.iStrength li:nth-child(4) .img img{ transform: translateX(0%);}
.iStrength li.curr .text,
.iStrength .text{ left: 0.9375em; right: 0.9375em; bottom: 1.6875em;}
.iStrength .p,
.iStrength li.curr .p{ opacity: 1;}
.iStrength .pd{ margin: 0 15px;}

.iNews .swiper{ margin: 0 -15px;}
.iNews .img{ border-radius: 1em;}
.iNews .pd{ margin: 0 15px; border-radius: 1em;}
.iNews .h3{ font-size: 16px;}
.iNews .em{ font-size: 12px; color: #999; font-weight: normal;}


/*内页*/
.nBanner .text{ left: 0px; right: auto;}
.proList ul{ margin: 0 -15px;}
.proList .pd{ margin: 0 15px;}

.proInfo{ padding: 15px 0 0 0; border-radius: 1em 2em 1em 1em}
.proInfo .wpd{ width: auto;}
.newsSwiper .text{ margin: 0 1em;}
.newsSwiper .swiperPrev{ left: 1em;}
.newsSwiper .swiperNext{ right: 1em;}
.newsList ul{ margin: 0 -15px;}
.newsList .pd{ margin: 0 15px; border-radius: 12px; padding:0px;}
.newsList .img{ border-radius: 12px 12px 0 0;}
.newsList .text{ padding: 15px;}
.newsSwiper .pd{ border-radius: 12px;}
.newsSwiper .text{ padding-bottom: 0px;}
.newsSwiper .swiperArrow{ top: 50%; bottom: auto; width: 3em; border-width: 1px; background: rgba(255,255,255,0.5); font-size: 12px; margin-top: -1.5em; transform: translateY(24px);}
.newsSwiper .h3{ font-size: 16px;}

.aBanner .pd{ height: 46vw;}
.logoList .npd img{ height: 32px; width: auto;}
.aBanner .text{ top: 0px; display: block; padding: 30px 0;}
.logoList li:nth-child(1){ padding-right: 2em;}
.logoList li:nth-child(1) .npd img{ height: 50px;}
.logoList li:nth-child(2){ width: auto; padding-right: 1em;}
.logoList li:nth-child(3){ width: auto;}
.logoList{ margin-bottom: 1em;}
.aboutMain1 .img{ display: none;}
.aboutMain1 .wpd{ height: auto; background:#fff; background-size: cover; padding: 60px 0; border-radius: 0 10vw 0 0;}
.aboutMain1 .text{position: static; display: block; }
.purpose ul{ margin: 0px;}
.purpose li{ width: auto !important; float: none; margin-bottom: 60px;}
.purpose li:last-child{ margin-bottom: 0px}
.purpose .pd{ padding: 0px;}
.purpose li:before{ right: auto; bottom: -30px; top: auto; left: 50%; width: 60px; height: 1px; margin-left: -30px;}
.brandTab .swiper-slide{ padding: 5.2em 0;}
.brandCon .swiperArrow{ top: -15.5em; z-index: 9; width: 3em; border-width: 1px; font-size: 12px; }


}
@media screen and (max-width:980px){
.iBanner .text{ font-size: 2vw;}
.fNav{ width: 50%; margin-right: -32px;}
.followFr{ width: 50%; margin-right: -32px;}

.proList li{ width: 50%;}
.nBanner .pd{ height: 40vw;}
.nBanner .img{ position: relative;}
.nBanner .img:before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.4);}
.nBanner .img img{ height: calc(40vw + 10vw); object-fit: cover;}
.nBanner .text{ bottom: 0px; font-size:16px; left: 0px; right: 0px; color: #fff; text-align: center;}
.nBanner .h3{ font-size: 1.5em;}

.proList ul{ margin: 0 -8px;}
.proList li{ margin-bottom: 10px;}
.proList .pd{ border-radius: 10px 10px 30px 30px; margin: 0 8px;}
.proList .text{ border-radius: 0 30px 30px 30px; padding: 15px;}
.proList .m{ display: none;}
.more3{ font-size: 14px;}

.proHead{ width: auto; margin: 0 20px;}
.proHead .pd img{ width: 100%; height: auto;}
.proTit{ margin: 0 20px; padding: 30px 0 10px 0;}
.proTit h1{ font-size:24px}
.proHead .swiperDots span{ height: 4px; width: 20px;}
.proHead .swiperDots .swiper-pagination-bullet-active{ height: 6px;}
.proVal{ font-size: 14px; border-radius: 10px;}
.proVal .dl{ padding: 0.5em 1em;}
.newsList li:nth-child(n+4),
.newsList li{ width: 50%; margin-bottom: 15px;}
.newsList li:nth-child(n+5){ margin-bottom: 0px;}
.fpage{ padding: 10px 0 0 0;}

.infoA_Fl{ margin-right: 0px; padding-right: 0px;}
.infoA_Fr{ width: auto;}

.tit1{ text-align: center;}

.investmentFl{ width: auto; float: none;}
.investmentFr{ position: static; margin-bottom: 20px;}
.investmentFr{ width: auto;}
.brand .dt{ width: auto; position: static; margin-bottom: 30px;}
.brand .tit2{ text-align: center; padding-bottom: 0.5em;}
.brand .tit2:before{ left: 50%; margin-left: -1em; width: 2em;}
.brand .dd{  margin: 0px; padding: 0px}
.brand .dd .text{ line-height: 1.75;}
.ewmA{ width:240px; margin: 0 auto; position: static;}
.ewmA .pd{ padding: 0px; background: none;}

.brandCon .pd{ width: auto;}
.brandCon .img img{ height: 3em; width: 10em;}

.historyHeadFl{ position: relative; left: auto; top: auto;}
.historyHeadFr{ margin: 0px;}

.historyHeadFr .p{ font-size: 12px; line-height: 1.75;}
.historyTab{ padding: 0 30px;}
.historyCon{ position: relative; z-index: 2;}
.historyCon .swiper-slide{ width: auto;}
.historyCon .swiperArrow{ font-size: 12px; width: 3em; top: auto; bottom:-94px; background: rgba(5, 77, 161,1);}
.historyCon .swiperPrev{ left:0px;}
.historyCon .swiperNext{ right:0px;}
.historyTab .pd:after{ display: none;}

.honorType{ margin-bottom: 20px;}
.honorType ul{ justify-content: space-around; margin: 0 -15px;}
.honorType .h3{ font-size: 24px;}
.honorType .em{ font-size: 12px;}
.honorType li{ width: 25%;}
.honorType li:before{ height: 48px; right: 0px;}
}
@media screen and (max-width:768px){
.wp{ margin:0 30px;}
.iMain .wbg{ padding: 2em 0;}
.tit1 strong{ font-size: 1.25em;}
.tit1 em{ font-size: 0.5em;}
.tit1 .p{ font-size: 0.5em;}
.pNav{ font-size: 16px;}
.pNav .pd{ margin: 0 0.5em; padding: 0 1em;}
.proTab{ bottom: -2.5em;}
.iStrength ul{ margin: 0 -5px;}
.iStrength li.curr,
.iStrength li{ margin-bottom: 10px;}
.iStrength .pd{ margin: 0 5px; border-radius: 1em;}
.iStrength li.curr .text,
.iStrength .text{ left: 0.5em; right: 0.5em; bottom: 0.5em;}
.iStrength .h3{ font-size: 16px;}
.tit1{ margin-bottom: 1em;}
.tit1 strong{ font-size: 1em;}

.iNews .pd{ padding: 0px; border-radius: 12px;}
.iNews .img{ border-radius: 12px 12px 0 0;}
.iNews .text{ padding: 15px;}
.iNews .swiperDots{ display:block; bottom: -20px;}
.iNews .swiperDots span{ background: #ccc;}
.iNews .swiperDots .swiper-pagination-bullet-active{ background:#054da1;}

.fNav{ width: auto; margin:0; float: none; }
.fNav li{ text-align: center;}
.fNav .h3 a{ font-size: 16px;}
.fContact{ float: none;}
.followFl{ float: none; margin-bottom: 30px;}
.followFl ul{ display: flex;}
.followFl li{ float: none; display: flex; justify-content: center;}
.followFl .pd{ margin:0;}
.followFl .img{ margin: 0 0 10px 0;}
.followFr{ width: auto; float: none; margin: 0px;}
.footer .wbg{ padding: 2em 0;}
.fContact{ display: flex; justify-content: center; padding: 50px 0;}
.followFr{ display: flex; justify-content: center;}
.followFr li:last-child{ margin: 0px;}
.fTop{ margin-bottom:0px;}

.iMain3 .tit1 .p{ text-align: left;}
.iMain3 .tit1 .p br{ display: none;}


.brandTab{ padding: 0 30px; margin-bottom: 10px;}
.brandTab .img img{ width: 2em; height: 1.5em;}
.brandTab .text{ padding: 0.5em 0; font-size: 16px;}
.brandTab .img{ top: 1.5em;}
.brandTab .swiper-slide:nth-child(even) .img{ bottom: 1.5em;}
.brandTab .swiper-slide{ padding: 3.2em 0;}
.brandCon .swiperArrow{ top: -7.25em;}
.brandCon .em{ margin-bottom: 2em;}
.brandCon .p{ font-size: 12px; line-height: 1.75;}

.historyCon .swiper{ margin: 0 -15px;}
.historyCon .pd{ border-radius: 12px; margin: 0 15px;}
.historyCon .text{ padding: 15px;}
.historyCon .p{ height: auto; font-size: 12px; line-height: 1.5;}
.historyTab strong{ font-size: 12px; width: 6em;}


.honorList .swiperDots span{ height: 4px; width: 20px;}
.honorList .swiperDots .swiper-pagination-bullet-active{ height: 6px;}

.aBanner{ background: url("../images/banner_about1-m.jpg") no-repeat; background-size: cover;}
.aBanner .img{ display: none;}
.aBanner .pd{ height: auto;}
.aBanner .text{ position: relative; padding: 60px 0;}

.aboutMain1{ background: #213357;}

.aBanner .p{ font-size: 10px; line-height: 1.75;}
.aBanner .p{ text-indent: inherit; text-align: justify;}
.aBanner .p p{ margin-bottom: 1em}
.aBanner .p p:last-child{ margin-bottom: 0px;}
}
@media screen and (max-width:640px){
.iBanner .swiperDots{ bottom: 20px;}
.iBanner .swiperDots span{ width: 1.25em; height: 4px;}
.iBanner .swiperDots .swiper-pagination-bullet-active{ height: 6px;}
.proFor .img{ width: 100%; height: auto;}
.proFor .text{ font-size: 16px;}
.proFor .swiperArrow{ font-size: 12px; width: 2.5em; height: 2.5em; border-width: 1px;}

/*内页*/
.pNav .pd{ margin: 0 4px; flex-direction: column; height: auto; padding: 6px 12px; border-width: 1px; border-radius: 10px;}
.pNav .pd span{ margin: 0px;}
.pNav .pd i{ line-height: 1;}

.newsList ul{ margin: 0 -5px;}
.newsList .pd{ margin: 0 5px;}
.newsList .h3{ font-size: 12px;}
.newsList .em{ font-size: 12px; color: #999; font-weight: normal;}
.newsList .p{ font-size: 10px;}

.infoAtit{ margin-bottom: 10px;}
.investmentFl .tit1 .p{ text-align: left;}
.investmentContact .pd{ padding: 15px;}
.investmentContact .img{ width: 110px;}
.investmentContact .img img{ width: 100%;}
.investmentContact .text{ left: 140px;}
.ewmA{ width: 140px;}
.brand .dd .text{ margin-bottom: 20px;}
.brand .dl{ margin-bottom: 60px;}
.brand .dl:before{ bottom: -30px;}
.imgListA .ntext{ font-size: 12px;}
.imgListC{ padding-top: 0px;}

.imgList .swiperDots{ display:block; bottom: -20px;}
.imgList .swiperDots span{ width: 20px; height: 4px; transition: 0.3s all; background: #DFDFDF;}
.imgList .swiperDots .swiper-pagination-bullet-active{ background: #054DA1; height: 6px;}

.logoList .npd img{ height: 20px;}
.logoList li:nth-child(1) .npd img{ height: 32px;}

.honorList .swiperArrow{ font-size: 16px;}


.iStrength li.curr,
.iStrength li{ width: 100%;}


}
@media screen and (max-width:480px){
.wp{ margin:0 25px;}


}
@media screen and (max-width:413px){
.wp{ margin:0 20px;}
.proFor .text{ font-size: 14px;}
.tit1 strong{ font-size: 20px;}
.iNews .h3{ font-size: 14px;}
.investmentContact .pd{ padding: 10px;}
.investmentContact .text{ left: 130px;}
.brand .dd .text{ font-size: 12px;}

}
@media screen and (max-width:374px){
.wp{ margin:0 15px;}

}