*{padding: 0px;margin: 0px;-webkit-text-size-adjust:none; } 
*, ::after, ::before { box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
html{ font-family: '寰蒋闆呴粦',Arial;color: #666;background-color:#fff;font-size: 10px;}
h3,h4,h5,h6,a,span,p{color: #666;font-family:'寰蒋闆呴粦',Arial;font-weight: normal;display: block;}
img {width: 100%;object-fit: cover;transition: 0.3s;display: block;}
li {list-style: none;}
a {text-decoration: none; display: block;}
body,html {height: 100%;width: 100%;}
.imgbox {overflow: hidden;position: relative;}
:root {
 --dex:#ff4500;
 --dex2:#3154d2;
 --dex3:#03234a
}
input{-webkit-appearance:none;} 

@font-face {
    font-family: "Num";
    src: url("../font/Num.eot") format("eot"),
        url("../font/Num.woff") format("woff"),
        url("../font/Num.ttf") format("truetype");
}
/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px){
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}

/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger{display: none;} 

.text-center { text-align: center; }
.font-bold { font-weight: 700; }
.lay--flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.lay--absolute { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  

/* head */
.div1 {transition: 0.3s; position: fixed; top: 0px; width: 100%; z-index: 99;}
.head { transition: 0.3s;box-sizing: border-box;height: 10rem;width: 96%;margin: auto;display: flex;justify-content: space-between;align-items: center;}
.head .logo {  display: flex; align-items: center;}
.head .logo img {transition: 0s; width: 337px;filter: grayscale(10) brightness(10);}
.head .logo span {border-left: 1px solid rgba(255,255,255,0.5); font-size: 17px;color:#fff;line-height: 22px; padding-left: 2rem; margin-left: 2rem;}

.head .right {    width: 60%; display: flex; justify-content: space-between;}
.head .right ul {display: flex; justify-content: space-between; width: 72%;}
.head .right ul li {position: relative;}
.head .right ul li h3 a {padding: 0 15px;height: 100px;color: #fff;font-size: 18px;line-height: 100px;} 
.head .right .op {display: flex;align-items: center;}
.head .right .op .search {font-size: 18px;color: #fff;}
.head .right .op .lang {    display: flex; align-items: center; padding-left: 2.4rem; margin-left: 2.4rem; border-left: 1px solid rgba(255,255,255,0.4);}
.head .right .op .lang img {width: 2.5rem;}
.head .right .op .lang h4 {font-size: 16px; color: #fff; margin: 0 5px 0 5px;}
.head .right .op .lang .fa {font-size: 18px;color: #fff;}
.head .right ul li .sub {display: none;}
.head .right ul li.active .sub {display: block; background-color: #fff; padding: 80px 0; position: fixed;left: 0px;top: 10rem;width: 100%;    -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,0.2); box-shadow: 0 6px 15px 0 rgba(0,0,0,0.2);transition: 0.3s;}
.div2 .head .right ul li .sub {top: 85px;}
.head .right ul li .sub .icenter1 {display: flex;justify-content: space-between;position: relative;}
.head .right ul li .sub .icenter1  .le {width: 27%;}
.head .right ul li .sub .icenter1 .le a {    color: var(--dex2); font-size: 20px; margin-bottom: 18px; text-decoration: underline;}
.head .right ul li .sub .icenter1  .ri {    width: 56%;}
.head .right ul li .sub .close {      position: absolute; right: 0px; width: 40px; height: 40px; filter: grayscale(100) brightness(0.4); top: 0px; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.head .right ul li .sub .close img {width: 20px;}
.head .right ul li .sub .close:hover img { transform: rotate(135deg); }
.head .right ul li .sub .icenter1  .ri a {font-size: 18px; color: #333; display: flex; align-items: center; justify-content: space-between; width: 358px; line-height: 46px;}
.head .right ul li .sub .icenter1 .ri a:hover span ,.head .right ul li .sub .icenter1 .ri a:hover i {color:var(--dex2);}


.div1:hover,.div2{background-color: #fff;-webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2); box-shadow: 0 6px 15px 0 rgba(0,0,0,.2);}
.div1:hover .head  .logo img ,.div2 .head  .logo img {filter: none;}
.div1:hover .head .right ul li h3 a ,.div2 .head .right ul  li h3 a{color: #333;}
.div1:hover .head .right .op a,.div2 .head .right .op a{color: #333;}
.div1:hover .head .right .op .lang img,.div2 .head .right .op .lang img {filter:invert()}
.div1:hover .head .right .op h4 ,.div2 .head .right .op h4 {color: #333;}
.div1:hover .head .right .op .lang,.div2 .head .right .op .lang{ border-left: 1px solid rgba(0,0,0,0.4);}
.div1:hover .head .right .op .lang span,.div2 .head .right .op .lang span{color: #333;}
.div1 .head .right ul  li h3 a:hover {color: var(--dex2);}
.div1 .head .right ul li.active h3 a {color: var(--dex2);}
.div1 .head .right .op  .search:hover {color: var(--dex2);}
.div2 .head { height: 85px; }
.div2 .head .right ul li h3 a{ height: 85px; line-height:85px; }

.div1:hover .head .logo span ,.div2 .head .logo span{border-color: rgba(0,0,0,0.2);color: rgba(14, 50, 88,1);}


/* i_banner */
.i_banner {position: relative;overflow: hidden;    height: 100vh;}
.i_banner .box {position: relative;    height: 100vh;}
.i_banner .box::after {    content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 28, 62, 0.29); position: absolute; left: 0; top: 0; }
.i_banner .box img {height: 100vh;}
.i_banner .box .text {z-index: 1; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.i_banner .box .text h3 {font-size: 81px;font-weight: bold;color: #fff;line-height: 96px;}
.i_banner .box .text h4 {    font-size: 20px; color: #fff; margin: 14px 0 60px;}
.i_banner .box .text a {width: 130px;}
.i_banner .swiper-pagination {  bottom: 9%; left: 50%; transform: translate(-50%,-50%); text-align: start;width: 1400px;}
.i_banner .swiper-pagination-bullet {margin: 0 8px!important;width: 48px;height: 3px;border-radius: 0px;background-color: rgba(255,255,255,1);opacity: 0.4;}
.i_banner .swiper-pagination-bullet-active { opacity: 1; background: #fff; } 
.i_banner .swiper-slide-active img { animation: mysacle 5s ease both; }

@keyframes mysacle {
    0% {
        transform: scale(1.3);
    }
  }
  .i_banner_f {position: relative;height: auto;}
  .i_banner {position: sticky;position: -webkit-sticky;top: 0px;}
  ._meng {    width: 100%;height: 100%;background-color: rgba(16, 46, 84,1);position: absolute;left: 0px;top: 0px;z-index: 15;display: none;}
  ._video {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;z-index: 10;display: none;}
  ._video video {width: 100%;height: 100%;object-fit: cover;}
  ._wen {height: 100vh; display: flex; justify-content: center; align-items: center; z-index: 30; position: relative; margin-top: 0vh; width: fit-content; left: 50%; transform: translateX(-50%);}
  ._wen p { font-size: 80px; font-weight: bold;opacity: 0; color: #fff;}

/* i01 */
.i01 {padding-top: 12.8rem; display: flex;justify-content: space-between;align-items: center;}
.i01 .imgbox {width: 50%;}
.i01.active {}
.i01 .text {width: 42.7%;padding-right: calc((100% - 1400px)/2);}
.i_top {margin-bottom: 4.2rem;}
.i_top span {font-size: 20px;color: #3154d2;margin-bottom: 1.5rem;}
.i_top  h3 {font-size: 50px;font-weight: bold;color: #333333;line-height: 64px;}
.i01 p {font-size: 18px;color: #333333;line-height: 30px;margin-bottom: 6rem;}

.i01  .imgbox::after {content: ""; position: absolute;left: -350%;top: 0px;width: 300%;height: 100%;background-color: rgba(0,0,0,0.3);}
.i01.active .imgbox::after{animation: hua  0.8s linear;}


/* i02 */
.i02 {padding: 23.6rem 0 11.4rem;overflow: hidden;position: relative;}
.i02 .bg {width: 105%; position: absolute; top: -236px; left: 50%; transform: translate(-50%);}
.i02 ul {display: flex;position: relative;justify-content: space-between;}
.i02 ul li {display: flex;justify-content: center; align-items: center; flex-direction: column;    z-index: 1;min-width: 149px;}
.i02 ul li h4 {       position: relative; margin-bottom: 2rem;}
.i02 ul li h4 strong { display: block;   line-height: 85px;font-size: 100px;font-weight: bold; font-family: 'Num';color: #03234b;}
.i02 ul li h4 sup {    font-size: 20px; color: #03234b; font-weight: bold; position: absolute; top: 1px; margin-left: 4px; right: -23px;}
.i02 ul li h5 {font-size: 18px;color: #666666;text-align: center;}


/* i03 */
.i03 {    height: 180vh;}
.w_text { 
    transition: all 0.6s linear; height: auto; position: absolute; z-index: 10; width: 100%;left: 0; 
    border: 1px solid rgba(255,255,255,.38);
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 9rem 2rem 9rem;
    backdrop-filter: blur(162px);
    -webkit-backdrop-filter: blur(162px);
}
.i03_box {position: sticky; top: 0px; position: -webkit-sticky;} 

.w_text .content{ width: 1080px; margin: 0 auto; max-width: 100%; display: flex;justify-content: space-between;align-items: center;}
.w_text .content  a {width: 141px;filter: grayscale(10) brightness(10);}
.w_text .content h4{    font-size: 28px; line-height: 42px; color: #fff; width: 75%;}
.i03_box .bg_video {height: 100vh; width: 100%;overflow:hidden;position: relative;background: #fff;}
.i03_box .bg_video .poster {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.i03_box .bg_video .poster img {height: 100%;}
.bg_vi_sub video {object-fit: cover; min-width: 100%; min-height: 100%; width: 100%; height: 100%;}
.bg_video .bg_vi_sub{width: 100%; height: 100%; position: relative; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%,-50%);animation: syk3videoh 0.4s linear forwards;
-webkit-animation: syk3videoh 0.4s linear forwards; }
.i03.leave .w_text { top: -60%; transition: all 0.6s cubic-bezier(.77, 0, .175, 1); }
.i03.change .bg_vi_sub { animation: syk3video 0.4s linear forwards; -webkit-animation: syk3video 0.4s linear forwards;}
@keyframes syk3video {
0%{
    width: 100%;
    height: 100%;
}
100%{
    width: 73%;
    height: 73%;
}
}
@keyframes syk3videoh {
0% {
    width: 73%;
    height: 73%;
}

100% {
    width: 100%;
    height: 100%;
}
}

/* i04 */
.i04 {padding: 12rem 0 15rem;position: relative;overflow: hidden;background-color: #f5f5f5;}
.i04 .i_top {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.i04 dl {display: flex;justify-content: space-between;height: 64rem;}
.i04 dl dd {transition: 0.3s; position: relative; width: 33.2%; height: 100%;}
.i04 dl dd:hover {width: 85%;}
.i04 dl dd:nth-of-type(2){margin: 0 3px;}
.i04 dl dd  .bg ,.i04 dl dd  .bg img{height: 100%;}    
.i04 dl dd::before {    position: absolute; content: ""; left: 0px; top: 0px; background-color: rgba(0,0,0,0.35); width: 100%; height: 100%;}
.i04 dl dd:hover::before {background-color: rgba(0,0,0,0.6)}
.i04 dl dd .content { transition: 0s; opacity: 0; position: absolute;width: 80%;left: 50%;top: calc(50% + 30px);transform: translate(-50%,-50%); z-index: 1;}
.i04 dl dd .tp {transition: 0.3s; z-index: 1;position: absolute;width: 90%;left: 50%;transform: translateX(-50%);bottom: 104px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.i04 dl dd .tp span {font-size: 20px;font-family: arial;color: #fff;}
.i04 dl dd .tp .line {background-color: rgba(255,255,255,0.3);width: 1px;height: 12.6rem;margin-top: 1.5rem;}
.i04 dl dd .tp img {width: 5.7rem;margin: 4.2rem 0 2.4rem;}
.i04 dl dd .tp h4 {text-align: center;font-size: 20px;font-weight: bold;color: #fff;}
.i04 dl dd:hover .tp{opacity: 0;bottom:8rem;}
.i04 dl dd:hover .content {transition-delay: 0.15s; transition: 0.3s; opacity: 1;top: calc(50% + 0px);}
.i04 dl dd .content  img {width: 5.7rem;}
.i04 dl dd .content  h3 {font-weight: bold; position: relative; font-size: 38px;color: #fff;margin: 3.6rem 0 1.6rem;padding-bottom: 2.1rem;border-bottom: 1px solid rgba(255,255,255,0.2);}
.i04 dl dd .content  h3::after {position: absolute;content: ""; width: 5rem;height: 0.6rem;background-color: var(--dex);bottom: -0.3rem;left: 0px;}
.i04 dl dd .content p {      width: 62rem; font-size: 16px;line-height: 26px;color: #fff;margin-bottom: 14rem;}



/* i05 */
.i05 {padding: 16rem 0 13.5rem;background: url(../img/i05_bg.jpg);background-size: cover; overflow: hidden;}
.i05  .bot {position: relative;}
.i05  .bot .swiper {overflow: hidden;padding-bottom: 6rem;}
.i05  .bot .fa {    top: 45%; z-index: 10; width: 5.8rem;height: 5.8rem;border-radius: 50%;background-color: rgba(255,255,255,0.3);display: flex;justify-content: center;align-items: center;font-size: 3.4rem;color: #fff;background-image: none;}
.i05  .bot .fa:hover {background-color: var(--dex);}
.i05  .bot .fa-angle-left {left: -88px;}
.i05  .bot .fa-angle-right {right: -88px;}
.i05 .box .imgbox {    width: 100%;overflow: hidden;z-index: 8;transition: 0.3;  }
.i05 .box .imgbox::after {position: absolute;content: "";left: 0px;top: 0px;background-color: rgba(0,0,0,0.4);width: 100%;height: 100%;}
.i05 .box .img_f {  display: flex; align-items: center;}
.i05 .box .imgbox{   overflow: hidden; z-index: 8; }
.i05 .box .imgbox,.i05 .box .img_f { height: 49rem;}
.i05 .box .imgbox img {height: 100%;}
.i05 .swiper-slide-active .box:hover img {transform: scale(1.1);}
.i05 .i_top {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.i05 .i_top span ,.i05 .i_top  h3{color: #fff;text-align: center;}
.i05 .box {position: relative;}
.i05 .box span {font-size: 20px; color: #fff; text-align: center; opacity: 0; display: none; position: absolute; bottom: -5rem; transform: translateX(-50%); left: 50%;}
.i05 .more {margin: 5.5rem auto 0;}
.i05 .swiper-slide-active .box span {display: block;opacity: 1;}
.i05 .swiper-slide-active .box:hover span {opacity: 0.6;}
.i05 .swiper-wrapper {display: flex;align-items: center;}
.i05 .swiper-slide-active .box .imgbox::after {display: none;}

/* i06 */
.i06 {    padding: 14rem 0; position: relative; display: flex; justify-content: space-between;}
.i06 .right{width: 61%;}
.i06 .right a {    height: 26rem; display: flex; justify-content: space-between; margin-bottom: 1.5rem;}
.i06 .right a:last-child{margin-bottom: 0px;}
.i06 .right a .imgbox {width: 40%;height: 100%;}
.i06 .right a .imgbox::after {content: ""; position: absolute;left: -350%;top: 0px;width: 300%;height: 100%;background-color: rgba(0,0,0,0.4);  }

@keyframes hua {
    100%{
        left: 300%;
    }
}
.i06 .right a:hover .imgbox::after {animation: hua  0.8s linear;}

.i06 .right a .imgbox img {height: 100%;}
.i06 .right a .content {      width: 60%; height: 100%; background-color: #f5f5f5; padding: 3.2rem 7.8rem 3.2rem; display: flex; flex-direction: column; justify-content: center;}
.i06 .right a .content  span {    padding: 0.4rem 1.1rem; border: 1px solid var(--dex2); color: var(--dex2); font-size: 14px; margin-bottom: 2rem; width: fit-content; border-radius: 5px;}
.i06 .right a .content  h4 {       font-size: 22px; color: #333333; line-height: 30px; margin-bottom: 2.3rem;    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;}
.i06 .right a .content  img {  width: 3.4rem; position: relative; left: 0px;}
.i06 .text {position: sticky; left: calc((100% - 1400px)/2); height: fit-content; top: 100px;position: -webkit-sticky;    width: 26%;}
.i06 .text p {font-size: 20px; color: #666666; line-height: 30px; margin: 2rem 0 5.5rem; padding-top: 0rem;}
.i06 .right  a:hover .imgbox img {transform: scale(1.1);}
.i06 .right  a:hover h4 {color: var(--dex2);}
.i06 .right  a:hover .content img {left: 1.5rem;}
.i06 .right { padding-right: calc((100% - 1400px)/2); }
.i06 .i_top { margin-bottom: 3.2rem; }


/* i07 */
.i07 {margin-bottom: 14rem;} 
.i07 .i_top { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.i07   dl {display: flex;flex-flow: wrap;border: 1px solid #f5f5f5;}
.i07   dl dd {width: calc(100%/6);background-color: #ffffff;padding:1.5rem 0;display: flex;justify-content: center;align-items: center;}
.i07   dl dd:nth-of-type(2n) {background-color: #f5f5f5;}
.i07   dl dd:nth-of-type(12n + 7) {background-color: #f5f5f5;}
.i07   dl dd:nth-of-type(12n + 8) {background-color: #ffffff;}
.i07   dl dd:nth-of-type(12n + 9) {background-color: #f5f5f5;}
.i07   dl dd:nth-of-type(12n + 10) {background-color: #ffffff;}
.i07   dl dd:nth-of-type(12n + 11) {background-color: #f5f5f5;}
.i07   dl dd:nth-of-type(12n + 12) {background-color: #ffffff;}
.i07   dl dd img { height: 9rem; transition: all .3s; object-fit: contain;}




/* footer */
.footer {position: relative;overflow: hidden;}
.footer  .fo01 {padding: 11rem 0;background: url(../img/fo01_bg.jpg);display: flex;justify-content: center;align-items: center;flex-direction: column;background-size: cover;}
.footer  .fo01 h3 {color: #333333;font-weight: bold;font-size: 40px;margin-bottom: 2.6rem;}
.footer  .fo01 a {margin: auto;}
.footer  .fo02 {     z-index: 1;  padding: 10.5rem 0 14rem;background: url(../img/fo02_bg.jpg);background-size: cover;position: relative;}
.footer  .fo02 .icenter .t {   margin-bottom: 5.2rem; display: flex;justify-content: space-between;align-items: center;}
.footer  .fo02 .icenter .t .logo {width: 36.9rem; filter: grayscale(10) brightness(10);}
.footer  .fo02 .icenter .t .share {display: flex;align-items: center;}
.footer  .fo02 .icenter .t .share .s_le {display: flex;margin-right: 4rem;}
.footer  .fo02 .icenter .t .share .s_le a {margin-left: 1rem;width: 3.1rem;height: 3.1rem;border-radius: 50%;background-color: #8ea5cd;color: #1d4b9b;font-size: 1.7rem;display: flex;justify-content: center;align-items: center;}
.footer  .fo02 .icenter .t .share .s_le a:nth-of-type(1) {margin-left: 0px;}
.footer .fo02 .icenter .t .share .s_le a:hover {background-color: var(--dex);color: #fff;}
.footer  .fo02 .icenter .t .share .lang a{width: 13.2rem;;border: 2px solid #fff;background-color: transparent;}
.footer  .fo02 .icenter .t .share .lang a:hover {background-color: var(--dex);border-color:var(--dex);}
.footer  .fo02 .icenter .t .share .lang a span {color: #fff;}
.footer  .fo02 .icenter .t .share .lang a::after {color:#fff;}
.footer  .fo02 dl {display: flex;justify-content: space-between;}
.footer .fo02 dl dd { width: 13.7%; }
.footer  .fo02 dl dd h3 {padding-bottom: 1.2rem;margin-bottom: 2rem;border-bottom: 3px solid rgba(255,255,255,0.1);}
.footer  .fo02 dl dd h3 a {    width: fit-content; color: #fff;font-size: 18px;font-weight: bold;}
.footer  .fo02 dl dd .min a {    width: fit-content;font-size: 16px;color: #fff;margin-bottom: 2rem;}
.footer  .fo02 dl dd .min a:last-child {margin-bottom: 0px;}
.footer  .fo02 dl dd .min a:hover {opacity: 0.5;}
.footer  .fo02  .w {    position: absolute; right: 0px; bottom: -6rem; display: flex; align-items: center;}
.footer  .fo02  .w span {font-size: 14px; color: rgba(255,255,255,0.6);margin-right: 10px;}
.footer  .fo02  .w .icon {width: 3.6rem;height: 3.6rem;border-radius: 50%;background-color: rgba(143, 165, 206,0.3);display: flex;justify-content: center;align-items: center;}
.footer  .fo02  .w .icon  img {width: 1.8rem;}
.footer  .fo02  .w .icon .xian {display: none; transition: 0.3s; position: absolute; bottom: 5.5rem; left: auto; width: 10rem; border: 1px solid #ddd; right: 0px;}
.footer  .fo02  .w:hover .icon .xian {display: block;}
.footer .fo02 .w .icon .xian img {width: 100%;}
.footer  .fo03 {padding: 4rem 0;position: relative;overflow: hidden;background-color: #fff;}
.footer  .fo03 .le {display: flex; justify-content: center; align-items: center;width: fit-content;}
.footer  .fo03 a { font-size: 14px;color: #666666; padding: 0 1.8rem;border-right: 1px solid #c2c2c2;}
.footer  .fo03 .le a:first-child{padding-left: 0px;}
.footer  .fo03 .le a:last-child {padding-right: 0px;border-right: 0px;}

.footer  .fo03 .ri a:first-child{padding-left: 0px;}
.footer  .fo03 .ri a:last-child {padding-right: 0px;border-right: 0px;}
.footer  .fo03 .icenter {display: flex;justify-content: space-between;align-items: center; }
.footer  .fo03 .icenter .ri{display: flex; justify-content: center; align-items: center;width: fit-content;}
/* common */
.icenter {width: 1400px;position: relative;margin: auto;}

/* more */
.more:hover {border-color:var(--dex);background-color:transparent;}
.more { border-radius: 5px;background-color:var(--dex); border: 1px solid var(--dex); overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: relative; z-index: 1; width:182px;  height:48px; display: flex; align-items: center; justify-content: center; }
.more > span { vertical-align: middle; font-size: 16px;color:#fff;}
.more:hover > span {opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0);}
.more::after, .more > span {-webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } 
.more:hover::after {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.more::after {color:var(--dex); font-size: 16px; content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0;  -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }

.ftbottom .share {display: flex;align-items: center;}
.ftbottom .share a {margin-left: 8px; height: 34px; width: 34px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.4); font-size: 15px; color: #fff; display: flex; justify-content: center; align-items: center;}
.ftbottom .share a:hover {background-color: #fff;color: #333;}




/* loading */
#loading .line {position: relative; width: 50rem;background-color: rgba(255,255,255,0.1);    margin: 0rem 0 9rem;height: 1px;}
#loading .line span {height: 100%; position: absolute;top: 0px;left: 0px;width: 0%;background-color: rgba(255,255,255,0.6);}

#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 500;
    background-color: rgba(16, 46, 84,1);
    overflow: hidden;
}
    #loading .con {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    padding-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-left: 0vw;
    transition: all 1s ease-in-out;
}

#loading .con .msg {
    position: relative;
    text-align: center;
    margin: 0rem 0 5rem;
    width: 70rem;
    filter: grayscale(10) brightness(10);
}

#loading .con.on {
    transform: scale(0.2);
    opacity: 0;
}

#loading .con .msg h1 {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
    text-align: center;
}

#loading .con .msg h1 { font-size: 50px; margin-bottom: 2rem;color: var(--dex2);}



#loading .con .rang  span em {font-size: 30px;}
#loading .con .rang {
    display: inline-block;
    height: auto;
    transition: opacity 0.6s ease-out;
    -webkit-transition: opacity 0.6s ease-out;
    -moz-transition: opacity 0.6s ease-out;
    -o-transition: opacity 0.6s ease-out;
    -ms-transition: opacity 0.6s ease-out;
    backface-visibility: hidden;
}
#loading .num {
    font-family: arial;
    color: #fff;
    font-size: 28px;
}


/* innerbanner */
.innerbanner {position: relative;overflow: hidden;}
.innerbanner img{ animation: mysacle 10s ease both; }
.innerbanner .text { z-index: 1; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 80px;color: #fff;font-weight: bold;}
.innerbanner::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 28, 62, 0.29); position: absolute; left: 0; top: 0; }

/* ab01 */
.ab01 {padding: 11rem 0;position: relative;overflow: hidden;}
.ab01 font {font-size: 18px; color: #666666; text-align: justify; line-height: 30px; display: block; width: 85%; margin: 0 auto 3.2rem; text-indent: 2em;}
.ab01 p {   font-size: 18px; color: #666666; text-align: justify; line-height: 30px; width: 85%; margin: 0 auto 3.8rem; text-indent: 2em;}
.ab01 .i_top {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ab01 .bot{margin-top: 4.7rem;display: flex;flex-direction: column;justify-content: center;align-content: center;}
.ab01 .bot .t {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ab01 .bot .t h4 {    display: flex; align-items: center; font-family: "Num"; font-size: 130px; color: #03234a; line-height: 95px;}
.ab01 .bot .t h4 strong:nth-of-type(1) {margin-right: 2px;}
.ab01 .bot .t  h5 {    font-size: 32px; font-weight: bold; color: #333333; margin-top: 1.8rem;}
.ab01 .bot .b {    position: relative; display: flex; align-items: center; justify-content: space-between; padding-top: 3.6rem; border-top: 1px solid #333333; width: 39%; margin: 7rem auto 0px;}
.ab01 .bot .b::before {content: ""; position: absolute; left: 50%; transform: translateX(-50%); height: 3.7rem; width: 1px; background-color: #333; top: -3.7rem;}
.ab01 .bot .b dd {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ab01 .bot .b dd h4 {line-height: 60px;display: flex;align-items: center;font-size: 70px;font-weight: bold;color: #333;    font-family: arial;}
.ab01 .bot .b dd h5 {    font-size: 18px; margin-top: 2.2rem; color: #666666; text-align: center;}
.ab01 .bot .b dd h4 strong:nth-of-type(2) {line-height: 48px; display: block; position: relative; top: -5px;}


/* ab02 */
.ab02 {    padding: 15rem 0; position: relative; overflow: hidden; background: url(/style/img/ab02_bg1.jpg); background-size: cover; background-attachment: fixed;}
.ab02 .icenter {     background-size: cover; padding: 12.4rem 12.6rem 10rem; border-radius: 16px; background-color: rgba(0,0,0,0.5); backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);}
.ab02 .icenter p {font-size: 18px;line-height: 30px;text-align: center;color: #fff;margin-bottom: 4rem;}
.ab02 .icenter dl {    display: flex; align-items: center; justify-content: space-between; width: 64%; margin: auto;}
.ab02 .icenter dl  dd {}
.ab02 .icenter dl dd:hover img {transform: rotateY(180deg);}
.ab02 .icenter dl  dd .icon { border: 1px solid rgba(255,255,255,0.5); width: 8.5rem;height: 8.5rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.ab02 .icenter dl  dd .icon  img {width: 3.8rem;}
.ab02 .icenter dl  dd span {font-size: 18px;color: #fff;margin-top: 1.5rem;text-align: center;}
/* ab03 */
.ab03 {position: relative;padding: 10.5rem 0;overflow: hidden;background-color: rgba(245, 245, 245,1);}
.ab03  .content {position: relative;overflow: hidden;}
.ab03 .swiper-slide .imgbox img { width: 100%; height: 49.6rem; object-fit: cover; }
.ab03  h3 {font-size: 30px;font-weight: bold;color: #333333;margin-bottom: 2.3rem;text-align: center;}
.ab03  .op {width: fit-content;margin: 4rem auto 0 ;display: flex;align-items: center;}
.ab03  .op .fa {    position: unset; margin-top: 0px; background-image: none; font-size: 30px; color: #a0a0a0; width: auto; height: auto;}
.ab03  .op .ab03Swiper-pagination { display: flex; align-items: center; margin: 0 3rem; position: relative; top: 2px;}
.ab03  .op .ab03Swiper-pagination .swiper-pagination-bullet { width: 0.8rem; height: 0.8rem; background: #dbdbdb; opacity: 1; margin: 0 0.5rem; }
.ab03  .op .ab03Swiper-pagination .swiper-pagination-bullet-active { background: #ff4500; }

/* ab04 */
.ab04 .i_top {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ab04 {      position: relative; overflow: hidden; padding: 10rem 0 23rem;}
.ab04 .i_h3 {color: #333;}
.ab04 .content{  position: relative; display: flex; justify-content: space-between; margin: 14rem 0 0}
.ab04 .content .left {width: auto;}
.ab04 .content .left dd{margin-bottom: 3.2rem;}
.ab04 .content .left dd:last-child {margin-bottom: 0px;}
.ab04 .content .left dd span {    font-family: arial; font-size: 24px; color: #adadad; position: relative; padding-left: 6rem; cursor: pointer; font-weight: bold;}
.ab04 .content .left dd span::before {    content: ""; position: absolute; width: 4.4rem; height: 0.2rem; background-color: #adadad; left: 0px; top: 50%; transform: translateY(-50%);}
.ab04 .content .left dd.active span,.ab04 .content .left dd:hover span{color: #333;}
.ab04 .content .left dd.active span::before ,.ab04 .content .left dd:hover span::before{background-color: #333;}
.ab04 .content .mid{    width: 42rem; z-index: 5;}
.ab04 .content .mid .num {    display: flex;width: 100%;line-height: 17rem; height: 17rem;overflow: hidden;}
.ab04 .content .mid ul {width: 25%;position: relative;transition: 0.5s;}
.ab04 .content .mid ul li {    font-family: "arial"; font-weight: bold; font-size: 200px; line-height: 17rem; height: 17rem; text-align: center; margin-bottom: 0; color: #03234a;}
.ab04 .content .mid  .dao {margin-top: 4.4rem;width: 13.5rem;display: flex;justify-content: space-between;align-items: center;}
.ab04 .content .mid  .dao .fa {    margin-top: 0px; border-radius: 50%; position: unset; background-image: none; font-size: 3rem; color: var(--dex);     width: 6rem; height: 6rem; border: 1px solid var(--dex); display: flex; align-items: center; justify-content: center;}
.ab04 .content .mid  .dao .fa:hover { background-color: var(--dex); color: #fff; }
.ab04 .content .right{width: 40%;padding-right: 5%;box-sizing: border-box;}
.ab04 .img_bg {    position: absolute; right: 0px; top: -8.8rem; width: 89rem; height: 62.4rem;}
.ab04 .img_bg img {height: 100%;}
.ab04 .content .right{ width: 40%; padding-right: 5%; box-sizing: border-box; overflow: hidden; z-index: 3; max-height: 30.3rem; overflow: hidden;}
.ab04 .content .right .box {position: relative;}
.ab04 .content .right .box h4 {}
.ab04 .content .right .box h4 span {font-size: 26px; color: #333; position: relative; padding-left: 12.7rem; font-weight: bold;}
.ab04 .content .right .box h4 span::before {position: absolute;content: "";top: 50%;transform: translateY(-50%);left: 0px;width: 9.8rem;height: 0.2rem;background-color: #333;}
.ab04 .content .right .box p {    font-size: 20px; line-height: 32px; color: #333; margin-top: 2rem; text-align: justify;}




/* ab05 */
.ab05 {padding: 15.6rem 0 12.3rem;position: relative;overflow: hidden;background: url(/style/img/ab05_bg.jpg);background-size: cover;}
.ab05 .icenter {display: flex;align-items: center;justify-content: space-between;}
.ab05 .icenter .map {width: 59%;position: relative;}
.ab05 .icenter .map  .point {position: absolute;left: 0px;top: 0px;width: 100%;height:100%;}
.ab05 .icenter .map  .point .g {transition: 0.3s; position: absolute;width: 0.9rem;height: 0.9rem;border-radius: 50%;background-color: rgba(255,255,255,0);}
.ab05 .icenter .map  .point .g::before  { content: ""; position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);border-radius: 50%;background-color: rgba(255,255,255,0.2);}
.ab05 .icenter .map  .point .g::after {  transition: 0.3s;  position: absolute; content: ""; right: 0px; top: 50%; transform: translateY(-50%); width: 0px; height: 1px; background-color: #fff;}
.ab05 .icenter .map  .point .g span {     opacity: 0; display: none; position: absolute; left: -22.8rem; top: -7px; color: #fff; font-size: 18px; white-space: nowrap;}
.ab05 .icenter .map .point .g:hover span {display: block; animation: ab_fade 0.3s 0.3s linear forwards;}
.ab05 .icenter .map .point .g:hover::after {width: 12.6rem;}
.ab05 .icenter .map  .point .g:hover {background-color: rgba(255,255,255,1);}
@keyframes ab_fade { 100%{ opacity: 1; } }
@keyframes shan {
        0%{
            transform: translate(-50%,-50%) scale(1);
        }
        50%{
            transform: translate(-50%,-50%) scale(1.4);
        }
        100% {
            transform: translate(-50%,-50%) scale(1);
        }
}



.ab05 .icenter .map  .point .g:nth-of-type(1){    top: 30%; right: 31%;}
.ab05 .icenter .map  .point .g:nth-of-type(1)::before {width: 10.8rem;height: 10.8rem;animation: shan 5s linear infinite;}
.ab05 .icenter .map  .point .g:nth-of-type(2){left: 32%; top: 85%;}
.ab05 .icenter .map  .point .g:nth-of-type(2)::before {width: 8.2rem; height: 8.2rem;}
.ab05 .icenter .map  .point .g:nth-of-type(3){    left: 44%; top: 80%;}
.ab05 .icenter .map  .point .g:nth-of-type(3)::before {width: 10.8rem;height: 10.8rem;animation: shan 5s 1s linear infinite;}
.ab05 .icenter .map  .point .g:nth-of-type(4){    left: 53%; top: 82%; z-index: 10;}
.ab05 .icenter .map  .point .g:nth-of-type(4)::before {width: 7.2rem; height: 7.2rem;}
.ab05 .icenter .map  .point .g:nth-of-type(5){    left: 62%; top: 74%;}
.ab05 .icenter .map  .point .g:nth-of-type(5)::before {width: 12.8rem; height: 12.8rem;animation: shan 5s 1.5s linear infinite;}
.ab05 .icenter .map  .point .g:nth-of-type(6){ left: 52.5%; top: 58%;}
.ab05 .icenter .map  .point .g:nth-of-type(6)::before {width: 12.8rem;height: 12.8rem;animation: shan 5s 2s linear infinite;}
.ab05 .icenter .map  .point .g:nth-of-type(7){     left: 51%; top: 38%;}
.ab05 .icenter .map  .point .g:nth-of-type(7)::before {width: 9.3rem; height: 9.3rem;}
.ab05 .icenter .map  .point .g:nth-of-type(8){ left: 61%; top: 53%; z-index: 10;}
.ab05 .icenter .map  .point .g:nth-of-type(8)::before {width: 8.2rem; height: 8.2rem;}

.ab05 .icenter .map .point .g:nth-of-type(4) span ,.ab05 .icenter .map .point .g:nth-of-type(5) span,.ab05 .icenter .map .point .g:nth-of-type(8) span{ left: 14.2rem; }
.ab05 .icenter .map .point .g:nth-of-type(4):after,.ab05 .icenter .map .point .g:nth-of-type(5):after,.ab05 .icenter .map .point .g:nth-of-type(8):after { right: auto; left: 0px;}



.ab05 .icenter .text {width: 33.4%;}
.ab05 .icenter .text span {color: #fff;}
.ab05 .icenter .text h3 {color: #fff;}
.ab05 .icenter .text  p {font-size: 18px;line-height: 30px;color: #fff;margin: 5.4rem 0 8.4rem;width: 85%;}
.ab05 .icenter .text .more {width: 14.9rem;}

/* imgshowmask */
.imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 9999999;display: none;}
.imgshow{width: 60%;height: 85%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;background-color: #ffffff;}
.imgshow p img{ display: block; width: auto; max-width: 100%; min-width: 300px; margin: 0 auto;object-fit: contain;}

/* .ab06 */
.ab06 {padding: 14.2rem 0 15.6rem;position: relative;overflow: hidden;}
.ab06 .i_top{display: flex;justify-content: center;align-items: center;flex-direction: column;    margin-bottom: 0px;}
.ab06 .content {}
.ab06 .bot .swiper .box { overflow: hidden; z-index: 1;position: relative; border-radius: 8px; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ab06 .bot .swiper .box .imgbox img {height: 50rem;}
.ab06 .bot .swiper .box .imgbox {width: 100%;}
.ab06 .bot .swiper .box .text {    width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ab06 .bot .swiper .box .text img {width: 80%; margin: auto;}
.ab06 .bot .swiper .box .text span {    font-size: 18px; color: #fff; margin-top: 3.2rem; text-align: center; line-height: 2.6rem; font-weight: bold;}
.ab06  .bot {width: calc(100% - (100% - 1400px)/2 ); position: relative; left: calc((100% - 1400px)/2);}
.ab06  .bot .swiper {position: relative;}
.ab06  .bot .b_so { width: 1400px; display: flex;align-items: center;justify-content: space-between;    margin-top: 5rem;}
.ab06  .bot .b_so .swiper-pagination {    position: unset; width: 87%; height: 5px; border-radius: 5px;}
.ab06  .bot .b_so .fa { background-color: #e8e8e8; position: unset; width: auto; height: auto; margin: 0px; padding: 0px; width: 6rem; height: 6rem; font-size: 3.6rem; color: #797979; display: flex; justify-content: center; align-items: center; background-image: none; border-radius: 50%;}
.ab06  .bot .b_so .faf {width: 10%;display: flex;justify-content: space-between;align-items: center;}
.ab06  .bot .b_so .fa:hover {color: #fff;background-color: var(--dex2);}
.ab06  .bot .b_so .swiper-pagination-progressbar { background: rgba(0,0,0,.05); }
.ab06  .bot .b_so .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--dex2);border-radius: 12px;}
.ab06  .swiper-slide {transition: 0.3s;}
.ab06  .swiper-slide:hover { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
.ab06 .swiper {padding-top: 7rem;}



/* ab07 */
.ab07{height: calc(300vh - 255px);position: relative;}
.ab07 .g {height: calc(100vh - 85px);position:sticky; position: -webkit-sticky;top: 85px;width: 100%;}
.ab07 .g  .imgbox::after {content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 28, 62, 0.29); position: absolute; left: 0; top: 0;}
.ab07 .g  .imgbox, .ab07 .g  .imgbox img {height: 100%;width: 100%;}
.ab07 .g .box {    z-index: 1;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ab07 .g .box  h3 {font-size: 60px;font-weight: bold;color: #fff;margin-bottom: 2.2rem;}
.ab07 .g .box  h4 {font-size: 30px;color: #fff;}
.ab07 .g .hide{    position: absolute; right: 0px; top: 0px; width: 48%; height: 100%; z-index: 4; overflow: hidden;}
.ab07 .g .hide .imgbox {width: 100vw;height: 100%;position: absolute;right: 0px;}



/* ab08 */
.ab08 {position: relative;padding: 10rem 0;overflow: hidden;}
.ab08 .i_top {display: flex;justify-content: center;align-items: center;}
.ab08 .bot {    position: relative; display: flex; align-items: center;}
.ab08 .bot video { width: 80%; height: 57rem; position: relative; object-fit: cover; margin: auto; }
.ab08 .bot .bo { cursor: pointer; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);   z-index: 3;}
.ab08 .bot .bo img {width: 8rem;}

.ab08 .bot .mask { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: 1; }
.ab08 .bot .mask:before { position: relative; content: ''; display: block; margin-top: 100%; }
.ab08 .bot .mask:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.ab08 .bot:hover .mask{-webkit-animation:anim-out 1s;animation:anim-out 1s}
.ab08 .bot:hover .mask:after{-webkit-animation:anim-out-pseudo 1s;animation:anim-out-pseudo 1s}
@-webkit-keyframes anim-out{0%{width:0%}
100%{width:100%}
}
@keyframes anim-out{0%{width:0%}
100%{width:100%}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)}
100%{background:0 0}
}
@keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)}
100%{background:0 0}
}

/* vi_box */
.vi_box {     top: 0px; left: 0px; display: none; position: fixed;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,0.8);}
.vi_box .box {height: 100%;width: 100%; display: flex;justify-content: center;align-items: center;}
.vi_box .box  video{  width: 100%;height: auto;   position: relative;  object-fit: cover; display: block;}
.vi_box .box  .video {position: relative;width:60%; height: auto;}
.vi_box .box  .video img.close{    cursor: pointer;width: auto;position: absolute;right: -40px;top: -40px;transition: all .3s;pointer-events: painted;}
.vi_box .box  .video .close:hover {transform: rotate(135deg);}


/* pro01 */
.pro01 {    padding: 18rem 0 28rem; position: relative; overflow: hidden; background: url(/style/img/pro01_bg.jpg); background-size: cover; background-position: bottom;}
.pro01 .top {display: flex;align-items: center;justify-content: space-between;}
.pro01 .top .i_top {margin-bottom: 0px;}
.pro01 .top .i_top span {color: #fff;}
.pro01 .top .i_top h3 {color: #fff;}
.pro01 .top .ri {width: 48.5%;font-size: 18px;line-height: 30px;color: #fff;}
.pro01 .mid { position: relative; margin: 4.5rem 0 8.1rem; width: 95%;}
.pro01 .mid  .point {position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;}
.pro01 .mid  .point .g {transition: 0.3s; position: absolute;top: 0%;left: 0%;}
.pro01 .mid  .point .g.on {opacity: 0;}
.pro01 .mid  .point .g img {width: 1.7rem;}
.pro01 .mid  .point .g:nth-of-type(1){left: 25%; top: 64%;}
.pro01 .mid  .point .g:nth-of-type(2){left: 50%; top: 43%;}
.pro01 .mid  .point .g:nth-of-type(3){left: 56.5%; top: 61%;}
.pro01 .mid  .point .g:nth-of-type(4){left: 57%; top: 55%;}
.pro01 .mid  .point .g:nth-of-type(5){left: 59%; top: 33%;}
.pro01 .mid  .point .g:nth-of-type(6){left: 64%; top: 37%;}
.pro01 .mid  .point .g:nth-of-type(7){left: 65%; top: 29%;}
.pro01 .mid  .point .g:nth-of-type(8){left: 73%; top: 42%;}
.pro01 .mid  .point .g:nth-of-type(9){left: 74%; top: 18%;}
.pro01 .mid  .point .g:nth-of-type(10){left: 75%; top: 44%;display: none!important;}
.pro01 .mid  .point .g:nth-of-type(11){left: 75.5%; top: 47.5%;}
.pro01 .mid  .point .g:nth-of-type(12){left: 76.5%; top: 42%;}
.pro01 .mid  .point .g:nth-of-type(13){left: 77.5%; top: 36%;}
.pro01 .mid  .point .g:nth-of-type(14){left: 78.5%; top: 55%;}
.pro01 .mid  .point .g:nth-of-type(15){left: 86%; top: 58%;}

.pro01 .mid  .point .g:nth-of-type(16){    left: 73%; top: 34.5%;}
.pro01 .mid  .point .g:nth-of-type(17){    left: 75.3%; top: 37.5%;}
.pro01 .mid  .point .g:nth-of-type(18){left: 76%; top: 31%; }
.pro01 .mid  .point .g:nth-of-type(19){left: 75%; top: 53.7%; }
.pro01 .mid  .point .g:nth-of-type(20){left: 78.9%; top: 42.1%;}
.pro01 .mid  .point .g:nth-of-type(21){    left: 80%; top: 39%;}
.pro01 .mid  .point .g:nth-of-type(22){left: 79.5%; top: 31.5%;}
.pro01 .mid  .point .g:nth-of-type(23){left: 80.5%; top: 34%;}
.pro01 .mid  .point .g:nth-of-type(24){left: 82.4%; top: 35%;}


.pro01 .bot {display: flex;align-items: center;}
.pro01 .bot dd {margin-right: 82px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.pro01 .bot dd h4 {    display: flex; font-size: 8.9rem; color: #fff; font-weight: bold; margin-bottom: 1rem; font-family: 'Num'; line-height: 72px;}
.pro01 .bot dd h4 sup {    position: relative; top: -2.6rem; font-weight: bold; font-size: 3.9rem; left: 0.9rem;}
.pro01 .bot dd h5 {font-size: 18px;color: #fff;}

/* pro02 */
.pro02 {padding: 13.5rem 0;position: relative;overflow: hidden;}
.pro02  .i_top {display: flex;justify-content: center;align-items: center;}
.pro02 dl {display: flex;justify-content: space-between;}
.pro02 dl  dd {width: 32%;}
.pro02 dl  dd .imgbox:hover  img{transform: scale(1.1);}
.pro02 dl  dd .imgbox img {height: 27.2rem;}
.pro02 dl  dd .text {    padding: 4.7rem 2.8rem 6.3rem 3.8rem; border: 1px solid #ddd;}
.pro02 dl  dd .text h4 {    font-size: 26px; font-weight: bold; color: #333333; margin-bottom: 1.4rem;}
.pro02 dl  dd .text p {font-size: 16px;line-height: 26px;color: #666666;    min-height: 52px;}
.pro02 dl  dd .text h5 {display: flex; align-items: center; margin-top: 54px;}
.pro02 dl  dd .text h5 span {font-size: 18px;color: #666666;}
.pro02 dl  dd .text h5  i{transition: 0.3s; display: block;margin-left: 1.6rem;width: 4.4rem;height: 1px;background-color: #03234a;position: relative;}
.pro02 dl  dd .text h5  i::after {    position: absolute; content: ""; right: -9px; top: 50%; width: 1.8rem; height: 1.8rem; border: 1px solid #03234a; border-radius: 50%; transform: translateY(-50%);}
.pro02 dl  dd:hover .text h4{color: var(--dex2);}
.pro02 dl  dd:hover  .text h5 i {width: 3rem;}
.pro02 dl  dd:hover .text h5 span {color: var(--dex2);}

/* pro-list */
.pro-list-banner {}
.pro-list-banner .text h3 {    text-align: center;color: #fff;white-space: nowrap;font-weight: bold;font-size: 70px;}
.pro-list-banner .text h4 {    font-size: 18px; color: #fff; line-height: 30px; margin-top: 2.3rem;     text-indent: 2em;}
.pro-nav {padding: 6rem 0;background-color: #fff;}
.pro-nav .icenter {padding: 0 20.5rem; display: flex; align-items: center; justify-content: space-between;}
.pro-nav .icenter a {    font-size: 24px; font-weight: bold; color: #adadad; text-align: center;}
.pro-nav .icenter a:hover,.pro-nav .icenter a.active  {color: var(--dex2);text-decoration: underline;}
.pro-list {padding: 10.5rem 0 18rem;background-color: #f5f5f5;}
.pro-list .icenter {display: flex;align-items: center;flex-flow: wrap;}
.pro-list .icenter a {     width: 23.8%; margin-right: 1.6%; background: #fff; margin-bottom: 1.6%;}
.pro-list .icenter a:nth-of-type(4n) {margin-right: 0px;}
.list_pro { border-radius: 10px;z-index: 1;position: relative;overflow: hidden; padding: 5rem 1.5rem 7rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.list_pro img {height: 19.2rem;width: auto;}
.list_pro h4 {text-align: center; font-size: 22px;font-weight: bold;color: #333333;margin: 3rem 0 1.4rem;}
.list_pro h5 {text-align: center; font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 3.6rem;min-height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.list_pro .more {width: 15rem;height: 4.4rem;border: 1px solid var(--dex2);background-color: transparent;}

.list_pro .more::after {color: #fff;}
.list_pro .more span {color: var(--dex2);}
.list_pro:hover img {transform: scale(1.1);}
.list_pro:hover h4 {color: var(--dex2);}
.list_pro:hover .more span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.list_pro:hover .more::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.list_pro:hover .more {background-color: var(--dex2);}
 
/* tech */
.tech01 {padding: 12.7rem 0 20rem;position: relative;overflow: hidden;background-color: #03234a;}
.tech01  .i_top { display: flex;justify-content: center;align-items: center;}
.tech01  .i_top h3 {color: #fff;}
.tech01 .content {display: flex;flex-flow: wrap;}
.tech01 .content a {    padding: 5rem 8rem; background-color: #fff; margin-right: 2%; width: 49%; margin-bottom: 2%; border-radius: 10px; overflow: hidden; z-index: 1;}
.tech01 .content a:nth-of-type(2n) {margin-right: 0px;}
.tech01 .content a .t {margin-bottom: 5rem;}
.tech01 .content a .t h4 {font-size: 20px;font-weight: bold;color: #333333;margin-bottom: 1.2rem;}
.tech01 .content a .t h5 {font-size: 30px;font-weight: bold;color: #333333;}
.tech01 .content a:hover .t h5,.tech01 .content a:hover .t h4 {color: var(--dex2);}
.tech01 .content a .b { justify-content: space-between; display: flex;align-items: center;}
.tech01 .content a .b  h4 {font-size: 16px;font-family: "arial";color: #666666;}
.tech01 .content a .b  h5 {width: 4.9rem;height: 4.9rem;border-radius: 50%;background-color: #e2e2e2;display: flex;justify-content: center;align-items: center;}
.tech01 .content a .b  h5 img {width: 2.1rem;}


.tech02 {padding: 13rem 0;position: relative;overflow: hidden;}
.tech02  .i_top {display: flex;justify-content: center;align-items: center;}
.tech02 .content{display: flex;align-items: center;justify-content: space-between;}
.tech02 .content a {width: 32.5%;border-radius: 1.2rem;overflow: hidden;z-index: 1;    position: relative;}
.tech02 .content a .imgbox img {height: 43.7rem;}
.tech02 .content a:hover .imgbox img {transform: scale(1.1);}
.tech02 .content a .imgbox::after {    position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.tech02 .content a .text {    z-index: 1; position: absolute; bottom: 6.5rem; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; flex-direction: column; align-items: center;}
.tech02 .content a .text img {width: 5.8rem;}
.tech02 .content a .text h5 {font-size: 30px;font-weight: bold;color: #fff;margin-top: 2.3rem;}
.tech02 .content a:hover .imgbox::after { background-color: rgba(0,0,0,0.6);} 

/* proinfo */
.icenter1 {width: 1100px;margin: auto;position: relative;}
.proinfo_h3 {font-size: 44px;font-weight: bold;color: #fff;text-align: center;}



.proinfo_banner {height: 100vh;background: url(/style/img/proinfo_bg.jpg);background-size: cover;background-position: center;    display: flex; align-items: center;}
.proinfo_banner .icenter {display: flex;justify-content: space-between;align-items: center; margin: 7rem auto 0rem;}
.proinfo_banner .le {    width: 54%; justify-content: space-between; display: flex;}
.proinfo_banner .le .tab {}
.proinfo_banner .le .tab li { cursor: pointer; margin-bottom: 7px; width: 6.7rem;height: 8.1rem;border: 1px solid rgba(255,255,255,0.3);display: flex;justify-content: center;align-items: center;}
.proinfo_banner .le .tab li.active {border-color: var(--dex);}
.proinfo_banner .le .tab li img {width: 4.3rem;}
.proinfo_banner .le .show {height: 62.5rem;overflow: hidden;}
.proinfo_banner .le .show dl{transition: 0.3s; position: relative;top: 0%;    height: 100%; overflow-y: scroll;scroll-behavior:smooth; }
.proinfo_banner .le .show dl dd img {height: 62.5rem; width: auto;}
.proinfo_banner .le .show dl::-webkit-scrollbar { height: 0px; width: 0px; }




.proinfo_banner  .ri {width: 31%;}
.proinfo_banner  .ri h3 {font-size: 60px;font-weight: bold;color: #fff;}
.proinfo_banner  .ri  .mid {margin: 6rem 0;}
.proinfo_banner  .ri  .mid h4 {font-size: 24px;color: #fff;}
.proinfo_banner  .ri  .mid p {font-size: 20px;line-height: 36px;color: #fff; padding-top: 2rem;margin-top: 2rem;border-top: 1px solid rgba(255,255,255,0.3);}
.proinfo_banner .more {border: 1px solid #fff;background-color: transparent;}
.proinfo_banner .more span {color: #fff;}
.proinfo_banner .more:hover {background-color: var(--dex);border-color: var(--dex);}
.proinfo_banner .more::after {color: #fff;}



.proinfo01 {padding: 20rem 0 50rem;background: url(/style/img/proinfo01_bg.jpg);background-size: cover;background-position: bottom;}
.proinfo01 .top {display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 15.6rem;}
.proinfo01 .top p {    font-size: 22px; color: #fff; line-height: 44px; margin-top: 1.4rem; text-align: justify; text-indent: 2em;}


.proinfo01 .mid {}
.proinfo01 .mid h3 {text-align: center;}
.proinfo01 .mid img {margin-top: 3.8rem;}

.proinfo02 {padding: 11rem 0 ;position: relative;overflow: hidden;background-color: #03234c;}
.proinfo02  h3{color: #fff;}
.proinfo02  .content {display: flex;justify-content: space-between;align-items: center;margin-top: 3.3rem;}
.proinfo02  .content .list_pro {background-color: #03234c; width: 32%;    padding: 5rem 2rem 7rem; }
.proinfo02  .content .list_pro h5 {margin-bottom: 0px;font-size: 15px;min-height: 72px;   -webkit-line-clamp: 10;}
.proinfo02  .content .list_pro h4 {font-size: 36px;font-weight: bold;}
.proinfo02 .content .list_pro h4 ,.proinfo02 .content .list_pro h5 {color: #fff;}
.proinfo02 .content  .list_pro img { height: 24rem; width: auto; }


.proinfo03 {padding: 10.5rem 0;position: relative;overflow: hidden;background-color: #f5f5f5;}
.proinfo03 h3 {color: #333;}
.proinfo03 .icenter1 {margin-top: 3.4rem;position: relative;}
.proinfo03 .icenter1  .swiper  {overflow: hidden;}
.proinfo03 a {background-color: #fff;}
.proinfo03   .swiper-pagination {    bottom: -60px;left: 50%;transform: translate(-50%,-50%);}
.proinfo03   .swiper-pagination-bullet {border-radius: 50%; margin: 0 0.6rem;width: 0.9rem;height: 0.9rem;opacity: 1;background-color: #c6cacd;}
.proinfo03  .swiper-pagination-bullet-active { opacity: 1; background: #0a1f2e; }

.proinfo04 {padding: 9.4rem 0 50.7rem;position: relative;background: url(/style/img/proinfo04_bg.jpg);background-size: cover;background-position: bottom;}
.proinfo04 h3 {color: #333;}
.proinfo04 .share{    margin: auto; width: 35%; display: flex; align-items: center; justify-content: space-between; margin-top: 2.2rem;}
.proinfo04 .share a {     height: 5.2rem; width: 5.2rem; border-radius: 50%; background-color: #b0b0b0; font-size: 24px; color: #fff; display: flex; justify-content: center; align-items: center;}
.proinfo04 .share a:hover {background-color: var(--dex);;color: #fff;}


/* news */
.news {position: relative;overflow: hidden;}
.news .g {padding: 90px 0;}
.news .g a {display: flex;justify-content: space-between;}
.news .g a .date {    display: flex; flex-direction: column; align-items: center;}
.news .g a .date h4 {text-align: center;font-size: 60px; font-family: arial; color: #333333; font-weight: bold; line-height: 54px; margin-bottom: 4px;}
.news .g a .date h5 {font-size: 14px;font-family: arial;color: #333333;}
.news .g a .text {width: 86%;}
.news .g a .text h4 {font-size: 30px;line-height: 36px;font-weight: bold;color: #333333;}
.news .g a:hover .text h4 {color: var(--dex2);}
.news .g a .text p {margin: 24px 0 48px;font-size: 16px;line-height: 26px;color: #666666;}
.news .g:nth-of-type(2n) {background-color: #f5f5f5;}
.news .g .more {border-color: var(--dex2);background-color: transparent;width: 145px;}
.news .g .more span {color: var(--dex2);}
.news .g .more::after {color: #fff;}
.news .g a:hover .more {background-color: var(--dex2);}
.news .g a:hover .more:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.news .g a:hover .more::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.page {display: flex;justify-content: center;align-items: center;margin: 60px 0 140px;}
.page h2{display: none;}
.page .pagination .nav-links {display: flex;justify-content: center;align-items: center;}
.page a {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}
.page a:last-child{margin-right: 0px;}
.page span {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}
.page span:hover {color: #fff;background-color: var(--dex2);border-color: var(--dex2);}
.page span {color: #fff;background-color: var(--dex2);border-color: var(--dex2);}
.page a:hover ,.page a.active{color: #fff;background-color: var(--dex2);border-color: var(--dex2);}


/* join */
.jl {margin: 12.2rem 0;position: relative;}
.jl h3 {text-align: center;font-size: 50px;margin-bottom: 4rem;}
.jl dd {    margin-bottom: 2.6rem;}
.jl dd .top  {    position: relative; padding: 5.2rem 9.7rem 5.2rem 6.7rem; background-color: #fff; box-shadow: 0 0 19px rgba(169,169,169,0.3);}
.jl dd .top .state {     font-size: 48px; color: #333; font-family: arial; right: 8rem; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
.jl dd .top  h4 { font-size: 30px; margin-bottom: 12px; font-weight: bold; color: #333;}
.jl dd .top .tip {display: flex;align-items: center;}
.jl dd .top .tip h5 {display: flex;align-items: center;    margin-right: 5rem;}
.jl dd .top .tip h5 img {height: 1.6rem; margin-right: 0.7rem; width: auto;}
.jl dd .top .tip h5  span {font-size: 16px;}
.jl dd .top .jian  {display: none;}
.jl dd .top.active .jian {display:block;}
.jl dd .top.active .jia {display: none;}
.jl dd .bot {display: none; padding: 5.2rem 2rem 5.2rem 6.7rem;}
.jl dd .bot .cc h4 {    font-size: 16px; margin-bottom: 0.9rem; color: #1367eb;}
.jl dd .bot .cc p{      font-size: 18px; line-height: 36px; color: #333333; opacity: 1;}
.jl dd .bot .cc {margin-bottom: 3rem;}
.jl dd .bot .you {       color: #333; font-size: 18px; display: flex; flex-flow: wrap;}
.jl dd .bot span {font-size: 18px;color: #1367eb;font-weight: bold;}

/* contact */
.con_h3 {font-size: 50px;color: #333333;font-weight: bold;}
.con01 {padding: 13.5rem 0;position: relative;overflow: hidden;}
.con01 .icenter1 {display: flex;justify-content: space-between;align-items: center;}
.con01 .icenter1 .left {width: 64%;}
.con01 .icenter1 .left h3 {margin-bottom: 3.2rem;}
.con01 .icenter1 .left h4 {font-size: 20px;color: #3255d4;}
.con01 .icenter1 .left dl {padding-top: 18px;margin-top: 1.8rem;border-top: 1px solid #ddd;}
.con01 .icenter1 .left dl dd {display: flex;align-items: center;}
.con01 .icenter1 .left dl dd img {width: 2.1rem;margin-right: 1.6rem;}
.con01 .icenter1 .left dl dd span {    font-size: 18px; color: #666666; line-height: 38px;}
.con01 .icenter1 .right {width: 24.7rem;padding: 3.4rem;background-color: #f5f5f5;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.con01 .icenter1 .right .icon { border: 1px solid #ddd; width: 155px;}
.con01 .icenter1 .right span {text-align: center; font-size: 16px; color: #666666; margin-top: 1.5rem; line-height: 23px;}

.con02 {position: relative;overflow: hidden}
.con02 .box img {height:55.8rem;}
.con02 .map { background: url(/style/img/con02_bg.png); padding: 1rem; position: absolute; left: 35%; top: 44%; transform: translate(-50%,-50%); border-radius: 10px; z-index: 1; width: 44.1rem; height: 15.7rem; background-repeat: no-repeat;}
.con02 .map  .cc {display: flex; align-items: center; position: relative; top: 1.5rem; left: 1.9rem;}
.con02 .map .imgbox {width: 17.3rem;height: 10.9rem;}
.con02 .map:hover .imgbox img {transform: scale(1.1);}
.con02 .map .text {width: 15rem; margin-left: 1.1rem;}
.con02 .map .text h4 {font-size: 18px;color: #333333;line-height: 24px;font-weight: bold;margin-bottom: 1.4rem;}
.con02 .map .text h5 {color: var(--dex); display: flex;align-items: center;font-size: 16px;font-family: arial;}
.con02 .map .text h5 span {    color: var(--dex); left: 0px; position: relative; transition: 0.3s; margin-left: 6px; display: flex; height: 18px; position: relative; top: -4px;}
.con02 .map:hover .text h4 {color: var(--dex);}
.con02 .map:hover .text h5 span{left: 10px;}

.con03 {    padding: 13.6rem 0 12rem; position: relative; overflow: hidden; background-color: #03234a;}
.con03 h3 {font-size: 20px;color: #ffffff;margin-bottom: 50px;}
.con03 dl {display: flex;flex-flow: wrap;}
.con03 dl dd {width: 25%; margin-right: 12.5%; margin-bottom: 8%;}
.con03 dl dd:nth-of-type(3n) {margin-right: 0px;}
.con03 dl dd h4 {font-size: 40px;font-weight: bold;color: #ffffff;margin-bottom: 2rem;}
.con03 dl dd .g {    display: flex; align-items: flex-start;}
.con03 dl dd .g:nth-of-type(1) {margin-bottom: 1rem;}
.con03 dl dd .g img {width: 20px; margin-right: 1.1rem; position: relative; top: 5px;}
.con03 dl dd .g  span {    font-size: 16px; color: rgba(255,255,255,0.7); line-height: 26px;}

.con05 {position: relative; background: url(/style/img/ny_zpbj.jpg);background-attachment: fixed;padding: 15rem 0;}
.con05 .d_cc {top: -16rem;}
.con05 .icenter1{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.con05 .icenter1 h3 {color: #fff;}
.con05 .icenter1 h4 {    font-size: 22px; line-height: 36px; width: 51.6rem; margin: 1.7rem 0 2.8rem; color: #fff; text-align: center;}
.con05 .icenter1 a {background-color: transparent;border-color: #fff;}
.con05 .icenter1 a:hover {background-color: var(--dex);border-color: var(--dex);}
.con05 .icenter1 a:hover::after {color: #fff;}

._form {padding: 13.4rem 0 15rem;position: relative;overflow: hidden;}
._form .bot {margin-top: 4.1rem; position: relative; overflow: hidden; }
._form .bot h4 {font-size: 50px;margin-bottom: 3.5rem;}
._form .bot form {width: 100%; display: flex; flex-flow: wrap; justify-content: space-between;}
._form .bot form  .label h6{ font-size: 16px; margin-bottom: 1.7rem; color: #666666;}
._form .bot form  .label span input { color: #333;    width: 100%; height: 5.5rem; border: none; outline: none; display: block; text-indent: 1em; font-size: 16px; line-height: 55px; margin: 0; background-color: #f5f5f5;}
._form .bot form  .label span {     display: block; overflow: hidden; position: relative; width: 100%;}
._form .bot form  .label span span{ position: absolute;right: 10px;left: auto;width: auto;color: #f00;font-weight: bold;top: 10px; }
._form .bot form .label {   border: none; width: 48%; position: relative; margin-bottom: 4.2rem;  }
._form .bot form .textarea { width: 100%;     margin-bottom: 30px; }
._form .bot form .textarea h6{    font-size: 18px; margin-bottom: 1.4rem;}
._form .bot form .textarea span { display: block; overflow: hidden; position: relative; width: 100%; }
._form .bot form .textarea span textarea {  display: block; width: 100%; outline: none; font-size: 16px; color: #333; border: none; box-sizing: border-box; background-color: #f5f5f5;     font-family: 寰蒋闆呴粦, Arial; height: 15rem; resize: none; text-indent: 1em; line-height: 21px; padding-top: 1.2rem;}
._form .bot form input::-webkit-input-placeholder,._form .bot form textarea::-webkit-input-placeholder  {  font-size: 14px;color: rgba(153,153,153,0.5);}
._form .bot form p {    margin-top: 0;}
._form .bot form p  button {  background-color: var(--dex2); border-color:var(--dex2);color: var(--dex2);  cursor: pointer; width: 13.4rem;}
._form .bot form p  button:hover {background-color: #fff;}
._form .bot form p  button:hover {color: #fff;background-color: transparent;}
._form .bot form p  button::after {color: var(--dex2);}


.screen-reader-response{  display: none; }
.wpcf7-response-output,.wpcf7-validation-errors{  display: block;color: #f00;text-align: left;width: 100%;margin-top: 30px;    font-weight: bold;font-size: 18px;}


/* newsinfo */
.inner-banner {position:relative;}
.inner-banner  .text {     width: 1000px;position: absolute;transform: translate(-50%,-50%);left: 50%;top: 54%;display: flex;justify-content: center;align-items: center;flex-direction: column;    z-index: 4;}
.inner-banner  .text h3 {font-size: 60px;font-weight: bold;margin-bottom: 20px;}
.inner-banner  .text h4 {    font-size: 16px; margin-bottom: 40px; opacity: 0.7;display: flex;}
.inner-banner .text h4 a:hover {color: #fff;}
.inner-banner::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 2; }
.news-banner .text h5 {    font-size: 40px; line-height: 50px; font-weight: bold; margin-bottom: 26px; color: #fff; }
.news-banner .text h6 {font-size: 16px;color: rgba(255, 255, 255, 0.6);}
.news-banner .text {align-items: flex-start;}
.newsinfo {width: 1000px;margin: auto;    padding: 100px 0 150px;}
.jssc {width: 1000px;margin: auto;    padding: 100px 0 70px;}
.newsinfo p {    font-size: 18px; color: #666666; line-height: 30px; margin-bottom: 2%; text-indent: 2em; text-align: justify;}
.newsinfo p strong span {display:inline-block;}
.newsinfo p b {font-weight: bold;font-size: 20px;color: var(--dex2);}
.newsinfo p img {max-width: 100%;width: auto;height: auto; margin: auto;}
.newsinfo .fen {    margin: 30px 0 50px;}
.newsinfo .fen a{padding: 20px 0;border-bottom: 1px solid #ddd;font-size: 18px;color: #666666;}
.newsinfo .fen a:hover {color: var(--dex2);}
.newsinfo .fen a:nth-of-type(1){border-top: 1px solid #ddd;}
.newsinfo .bottom {display: flex;align-items: center;justify-content: space-between;}
.newsinfo .bottom .share {display: flex;align-items: center;}
.newsinfo .bottom .share span {font-size: 16px;color: #666666;margin-right: 12px;}
.newsinfo .bottom .share .s {display: flex;align-items: center;}
.newsinfo .bottom .share .s a {margin-right: 10px; width: 32px;height: 32px;border-radius: 50%;background-color: #b0b0b0;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;}
.newsinfo .bottom .share .s a:hover {background-color: var(--dex2);}
.newsinfo .bottom .right {display: flex;align-items: center;}
.newsinfo .bottom .right a {margin-left: 12px;width: 116px;height: 37px;}

.newsinfo .bottom .right a {background-color: var(--dex2); border-color:var(--dex2);color: var(--dex2);width: 146px; height: 41px;}
.newsinfo .bottom .right a:hover {color: #fff;background-color: transparent;}
.newsinfo .bottom .right a::after {color: var(--dex2);}

/* d_cc */
.d_cc {position: absolute;top: -85px;left: 0px;width: 100%;height: 1px;opacity: 0;}

/* hangye02 */
.honormin { padding: 12.7rem 0 14.5rem; }
.honormin a{ display: block; cursor: pointer;  float: left;  transition: all .3s ease;  position: relative;}
.honormin a p{display: block; overflow: hidden; position: relative;    transition: all .3s ease;}
.honormin a:hover p{ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.honormin a:hover{transform: translateY(-10px);}
.honormin a p .bg{display: block;position: relative;width: 100%;}
.honormin a p .it{       width: auto; position: absolute;    top: 50%;    left: 50%; max-height:80%;     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);  transform: translate(-50%, -50%);}
.honormin a span{display: block;    text-align: center;    color: #333;    font-size: 24px;    margin: 20px 0 0 0;}
.honormin a:hover span{    color: var(--dex2);}

.imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 9999999;display: none;}
.imgshow{width: 60%;height: 80%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;background-color: #ffffff;}
.imgshow p img{ display: block; width: auto; max-width: 100%;  min-width: 300px;  margin: 0 auto;}
.honormin .imgbox {overflow: unset;position: unset;}

.hangye_h3 {font-size: 50px;font-weight: bold;color:#333333;}
.hangye02__sub {width: 1440px; overflow: hidden;margin: auto;}
.hangye02__f {width: fit-content;    margin: auto;    position: relative;}
.honormin .fa {     top: 39%; display: flex;justify-content: center;align-items: center;font-size: 3rem; background: none;width: 5rem;height: 5rem;border-radius: 50%;color: rgba(145, 166, 188,1);border: 1px solid rgba(145, 166, 188,1);}
.honormin .fa:hover {background-color: var(--dex2);color: #fff;border-color: var(--dex2);}
.honormin .fa-angle-left {left: -6%;}
.honormin .fa-angle-right {right: -6%;}

/* hangye01 */
.hangye01 {padding: 16.5rem 0 ;background: url(/style/img/fo02_bg.jpg); background-size: cover; position: relative;}
.hangye01 .icenter {display: flex;justify-content: center;align-items: center; flex-direction: column;}
.hangye01 .icenter h3 {color: #fff;}
.hangye01 .icenter p {width: 81rem; font-size: 18px;color: #fff;line-height: 30px;margin: 1.5rem 0 3.8rem;}
.hangye01 .icenter ul {width: 78%;display: flex;justify-content: space-between;align-items: center;}
.hangye01 .icenter ul li { height: 27.6rem; padding: 7.7rem 4.5rem 3.2rem; width: 32%;border-radius: 8px; overflow: hidden;z-index: 1; background-color: rgba(255,255,255,0.1); }
.hangye01 .icenter ul li h4 { display: flex;align-items: center; line-height: 1;}
.hangye01 .icenter ul li h4 strong {font-size: 58px;color: #fff;font-weight: bold;line-height: 1;}
.hangye01 .icenter ul li h5 {font-size: 18px;margin-top: 2rem;color: #fff;}

/* hangye03 */
.hangye03 {padding-bottom: 16.9rem;}
.hangye03  .icenter {display: flex;justify-content: center;align-items: center; flex-direction: column; }
.hangye03  .icenter h3 {}
.hangye03  .icenter p {width: 81rem;  font-size: 18px;color: #666666;line-height: 30px;margin: 1.5rem 0 3.8rem;}






@media screen and (max-width:1600px) {
    html {font-size: 7px;}
    /* header */
    .head .logo { width: 300px; }
    .head .right ul li h3 a { padding: 0 12px; height: 80px; font-size: 14px; line-height: 80px; }
    .head .right .op .search { font-size: 14px; }
    .head .right .op .lang h4 { font-size: 13px; margin: 0 5px 0 5px; }
    .head .right .op .lang img { width: 18px; }
    .head .right .op .lang .fa { font-size: 15px; }
    .head .right .op .lang { padding-left: 18px; margin-left: 18px;}
    .head .right { width: 62%; }
    .head .right ul { width: 78%; }
    .head { height: 80px;}
    .div2 .head {height: 70px;}
    .div2 .head .right ul li h3 a{ height: 70px;    line-height: 70px; }
    .div2 .head .right ul li .sub { top: 70px; }

    .head .right ul li.active .sub { padding: 65px 0;}
    .head .right ul li .sub .icenter1 .le a { font-size: 18px; margin-bottom: 16px; }
    .head .right ul li .sub .icenter1 .ri a { font-size: 16px; width: 358px; line-height: 42px; }
    .proinfo02 .list_pro h5 {    -webkit-line-clamp: 10;}
    .head .logo img { width: 270px; }
    .head .logo span { font-size: 14px; line-height: 18px; }
    .head .logo { width: auto; }
    /* banner */
    .i_banner .box .text {width: 1100px;}
    .i_banner .swiper-pagination { width: 1100px; }
    .i_banner .box .text h3 { font-size: 50px; line-height: 64px; }
    .i_banner .box .text h4 {font-size: 16px;  margin: 12px 0 50px;}
    .i_banner .box .text a { width: 112px; }
    .i_banner .swiper-pagination-bullet { margin: 0 6px!important; width: 40px; height: 2px;}
    ._wen p { font-size: 54px;}
    /* common */
    .icenter {width: 1100px;}
    /* more */
    .more > span { font-size: 14px; }
    .more { width: 150px; height: 42px;}
    .more::after {font-size: 14px;}

    /* i01 */
    .i_top h3 { font-size: 38px; line-height: 48px; }
    .i_top span { font-size: 16px;}
    .i01 p { font-size: 16px; line-height: 25px;}
    .i01 .text {  padding-right: calc((100% - 1100px)/2); }
    
    /* i02 */
    .i02 ul li h4 strong { line-height: 66px; font-size: 77px;}
    .i02 ul li h5 { font-size: 15px; }
    .i02 ul li h4 sup { font-size: 16px; top: 1px; margin-left: 4px; right: -22px; }
    .i02 .bg { top: -177px;}
    .i02 ul li { min-width: 130px; }
    /* i03 */
    .w_text .content a { width: 100px; }
    .w_text .content h4 { font-size: 22px; line-height: 32px; }
    .w_text .content { width: 912px;}

    /* i04 */
    .i04 dl dd .tp span { font-size: 16px; }
    .i04 dl dd .content h3 { font-size: 28px;}
    .i04 dl dd .content p { font-size: 14px; line-height: 24px; margin-bottom: 10rem; }
    .i04 dl dd .tp h4 { font-size: 17px; }

    /* i05 */
    .i05 .bot .fa-angle-left { left: -60px; }
    .i05 .bot .fa-angle-right { right: -60px; }

    /* i06 */
    .i06 .text { left: calc((100% - 1100px)/2);}
    .i06 .right { padding-right: calc((100% - 1100px)/2); }
    .i06 .right a .content h4 { font-size: 17px; line-height: 26px; }
    .i06 .right a .content { padding: 3.2rem 5.8rem 3.2rem;}
    .i06 .text p { font-size: 17px; line-height: 25px; }
    .i06 .text { width: 26%; }



    /* footer */
    .footer .fo01 h3 { font-size: 32px;}
    .footer .fo02 dl dd .min a { font-size: 13px; }
    .footer .fo02 dl dd h3 a { font-size: 16px; }
    .footer .fo02 .w span { font-size: 13px; }
    .footer .fo03 a { font-size: 12px;}

    /* loading */
    #loading .num { font-size: 25px; }
    #loading .con .rang span em { font-size: 28px; }

    /* innerbanner */
    .innerbanner img { height: 450px; }
    /* ab */
    .ab06 .content .g .box { padding: 3rem 0; }
    .ab07{height: calc(300vh - 210px);position: relative;}
    .ab07 .g {height: calc(100vh - 70px);position:sticky; position: -webkit-sticky;top: 70px;width: 100%;}
    .ab07 .g .box  h3 {font-size:48px;}
    .ab07 .g .box  h4 {font-size: 16px;}

    .ab06 .content .g .box h4 {font-size: 15px; min-height: 42px;}
    .ab06 .content .g .box h5 {font-size: 12px;}
    .ab06 .content .g .box  .ho {font-size: 14px;}
    .imgshow p img { max-width: 70%; }
    .ab05 { padding: 13.6rem 0 10.3rem;}
    .ab05 .icenter .text p { font-size: 16px; line-height: 28px;}
    .ab05 .icenter .map .point .g span { font-size: 14px; }
    .ab04 .content .right .box h4 span { font-size: 21px; }
    .ab04 .content .right .box p { font-size: 16px; line-height: 27px; }
    .ab04 .content .left dd span { font-size: 20px;}
    .ab04 .content .mid ul li { font-size: 138px;}
    .ab03  h3 {font-size: 26px;}
    .ab02 .icenter p { font-size: 16px; line-height: 26px; }
    .ab02 .icenter dl dd span { font-size: 15px; }
    .ab01 font { font-size: 16px; line-height: 26px;}
    .ab01 p { font-size: 16px; line-height: 26px;}
    .ab01 .bot .t h4 { font-size: 100px; line-height: 67px; }
    .ab01 .bot .t h5 { font-size: 26px; }
    .ab01 .bot .b dd h4 { line-height: 47px; font-size: 56px; }
    .ab01 .bot .b dd h5 { font-size: 16px; }
    .innerbanner .text { font-size: 58px; }
    .ab04 { padding: 10rem 0 20rem; }


    /* contact */
    .con_h3 { font-size: 38px; }
    .con01 .icenter1 .left h4 { font-size: 17px; }
    .con01 .icenter1 .left dl dd span { font-size: 16px; line-height: 35px; }
    .con01 .icenter1 .right { width: 26.7rem; padding: 4.4rem;}
    .con01 .icenter1 .right .icon { padding: 4px; width: 115px; }
    .con01 .icenter1 .right span { font-size: 14px; margin-top: 1.5rem; line-height: 21px; }
    .con02 .map .text h4 { font-size: 15px; line-height: 21px; }
    .con02 .map { background-size: contain;}
    .con02 .map .text h5 { font-size: 13px; }
    .con02 .map .text h4 { font-size: 14px; line-height: 20px; }
    .con02 .map .imgbox { width: 14.3rem; height: 9.9rem; }
    .con02 .map .text { width: 16rem; margin-left: 1.1rem; }
    .con02 .map .cc { top: 1.9rem; left: 1.9rem; }
    .con03 { padding: 11.6rem 0 7rem; }
    .con03 h3 { font-size: 17px; margin-bottom: 40px; }
    .con03 dl dd h4 { font-size: 30px; }
    .con03 dl dd .g span { font-size: 15px; line-height: 24px; }
    .con03 dl dd .g img { width: 16px; top: 5px; }
    ._form .bot form p button { width: 15.4rem; }
    .con05 .icenter1 h4 { font-size: 17px; line-height: 29px; width: 57.6rem; margin: 1.7rem 0 2.8rem; }
    .con02 .map .text h5 span { margin-left: 6px; height: 14px; top: -3px; }

    /* jl */
    .jl dd .top h4 { font-size: 25px; margin-bottom: 10px; }
    .jl dd .top .tip h5 span {    font-size: 14px; white-space: nowrap; }
    .jl dd .bot .cc h4 { font-size: 14px; }
    .jl dd .bot .cc p { font-size: 16px; line-height: 33px; }
    .jl dd .bot .you { font-size: 16px; }
    .jl dd .bot span { font-size: 16px; }
    .jl dd .top .state { font-size: 36px;}

    .pro-list-banner .text h3 { font-size: 44px; }
    .pro-list-banner .text h4 { font-size: 16px; line-height: 28px; margin-top: 18px; }

    /* tech */
    .tech01 .content a .t h4 { font-size: 16px; }
    .tech01 .content a .t h5 { font-size: 24px; }
    .tech01 .content a .b h4 { font-size: 14px; }
    .tech02 .content a .text h5 { font-size: 24px; margin-top: 2.3rem; }
    .tech02 .content a .text img { width: 5rem; }

    /* pro */
    .pro01 { padding: 17rem 0 25rem; }
    .pro01 .top .ri { width: 48.5%; font-size: 16px; line-height: 28px; }
    .pro01 .bot dd h5 { font-size: 16px; }
    .pro01 .bot dd h4 { line-height: 54px; }
    .pro02 dl dd .text h4 { font-size: 22px; }
    .pro02 dl dd .text p { font-size: 14px; line-height: 24px;     min-height: 48px;}
    .pro02 dl dd .text h5 span { font-size: 16px; }
    .pro02 dl dd .text h5 i::after { right: -7.5px; width: 15px; height: 15px; }
    .pro02 dl dd .text h5 i { margin-left: 10px; width: 34px; }
    /* pro-list */
    .pro-list-banner .text h4 { white-space: normal; }
    .pro-nav .icenter a { font-size: 20px;  }
    .pro-nav .icenter { padding: 0 169px; }
    .list_pro h4 { font-size: 18px; }
    .list_pro h5 { font-size: 14px; line-height: 22px; }
    .pro-list { padding: 10.5rem 0 16rem; }

    /* proinfo */
    .proinfo_banner .ri h3 { font-size: 44px; }
    .proinfo_banner .ri .mid { margin: 5rem 0; }
    .proinfo_banner .ri .mid h4 { font-size: 21px; }
    .proinfo_banner .ri .mid p { font-size: 16px; line-height: 30px;}
    .proinfo01 { padding: 18rem 0 44rem; }
    .proinfo_h3 { font-size: 38px; }
    .proinfo01 .top p { font-size: 19px; line-height: 38px; }
    .proinfo01 .top { margin-bottom: 12.6rem; }
    .proinfo03 { padding: 11rem 0 16rem; }
    .proinfo03 .swiper-pagination { bottom: -50px; }
    .proinfo02 .content .list_pro h4 { font-size: 31px; }
    .proinfo_banner .icenter { margin: 8rem auto 0rem; }

    .proinfo02 .content .list_pro h5 {    margin-bottom: 0px; font-size: 15px; min-height: 81px; width: 82%; }
    .proinfo03 .list_pro h5 {       margin-bottom: 14px; font-size: 15px; width: 82%; }
    .list_pro h5 { min-height: 46px;}
	.jssc {width: 600px;}

    /* hangye */
    .honormin a span { font-size: 19px; margin: 17px 0 0 0; }
    .hangye_h3 { font-size: 40px; }
    .hangye01 .icenter p { font-size: 15px; line-height: 25px; }
    .hangye01 .icenter ul li h4 strong { font-size: 38px; }
    .hangye01 .icenter ul li h5 { font-size: 14px; }
    .hangye02__sub { width: 1140px; }
    .honormin .fa-angle-right { right: -4%; }
    .honormin .fa-angle-left { left: -4%; }
    .honormin .fa { top: 42%;}
    .hangye03 .icenter p { width: 84rem; font-size: 15px; line-height: 26px; }

    .ab06 .bot .swiper .box .text span { font-size: 16px; line-height: 24px;}
    .ab06 .bot { width: calc(100% - (100% - 1100px)/2 ); left: calc((100% - 1100px)/2); }
    .ab06 .bot .b_so { width: 1100px;}
    .ab06 .bot .swiper .box .text span { font-size: 15px; line-height: 24px; }
    .ab06 .bot .swiper .box .text { width: 87%;}
    .ab06 .bot .swiper .box .text span { margin-top: 1.2rem;}

    .ab06 .bot .swiper .box .imgbox img { height: 60rem; }

}
@media screen and (max-width:1600px) {
    .con02 .map { left: 37%;}
}

@media screen and (max-width:1440px) {
    .con02 .map { left: 36%;}
}

@media screen and (max-width:1350px) {
    .con02 .map { left: 35%;}
}