@charset "utf-8";

/* Css 初始化 */
html { font-size: 0.52px; }
body { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; color: #333; }
pre { white-space: pre-wrap; word-wrap: break-word; font-size: inherit; line-height: inherit; font-family: inherit; }
ul, ol, li { padding: 0; list-style: none; margin: 0; }
dl, dt, dd { margin: 0; font-weight: normal; }
p, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: inherit; line-height: inherit; font-size: inherit; }
i, em { font-style: normal; }
a { color: #333; text-decoration: none; }
a:hover { color: #01559b; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* Public */
html { font-size: 0.52px; }
body { color: #333; font-size: 170%; overflow-x: hidden; font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color: #333; text-decoration: none; outline: none;  }
a:hover { color: #0036A2; }
.clearbox { border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden; }
.blank { display: block; height: 20rem; font-size: 0px; line-height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
* + html .clearfix { min-height: 1%; }
.fl { float: left !important; }
.fr { float: right !important; }
.hide { display: none; }
input[type="button"],
input[type="submit"],
input[type="file"],
button { cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../../base/fonts/iconfont.woff2') format('woff2'),
        url('../../base/fonts/iconfont.woff') format('woff'),
        url('../../base/fonts/iconfont.ttf') format('truetype'),
        url('../../base/fonts/iconfont.svg') format('svg'),
}
.layui-layer-btn { font-size: 16px;}

/* body */
body { background: url(../img/bg.jpg) no-repeat center top fixed; background-size: cover; }

/* header --------------- */
#header { background: url(../img/header.png) no-repeat center bottom; background-size: 100% auto; margin-bottom: 20rem; }
.logo a { display: flex; align-items: center; font-size: 12em; gap: 3em; justify-content: center; padding: 1.5em 1em 2em;}
.logo img { max-height: 4.667em; width: auto; }
.logo .site-name { font-weight: bold; color: #fff; position: relative; font-size: 1.5em; width: 7em; }
.logo .site-name::before { content: ""; display: block; width: 1px; height: 1em; background-color: #fff; display: block; position: absolute; left: -1em; top: 50%; transform: translateY(-50%);  }


/* content ---------------------- */
#content { padding: 0 10em; }

/* box ------------------------ */
.box { margin-bottom: 10em; }
.box .hd { height: 1.8em; font-size: 30em; padding: 0 20rem; position: relative; padding-bottom: 1px; background: linear-gradient(270deg, rgba(15, 138, 153, 0.2) 0%, rgba(2, 101, 113, 0.55) 100%); display: flex; justify-content: space-between; align-items: center; }
.box .hd h3 { color: #fff; min-width: 0; flex: 1; text-align: left; display: flex; gap: 0.5em; align-items: center; font-size: 0.667em;}
.box .hd h3::before { content: ""; background: url(../img/title-bg-01.png) no-repeat; background-size: auto 100%; width: 1em; height: 1em; filter: drop-shadow(0px 0px 5px rgba(41, 229, 254, 0.8)); }
.box .hd h3 a { color: inherit; }
.box .hd::before { width: 100%; height: 1px; display: block; position: absolute; bottom: 0; left: 0; content: ""; 
    background-image: -moz-linear-gradient( 0deg, rgb(41,229,254) 0%, rgba(41,229,254,0) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(41,229,254) 0%, rgba(41,229,254,0) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(41,229,254) 0%, rgba(41,229,254,0) 100%);
 }
.box .hd .more { font-size: 0.534em; color: #29E5FE; transition: 0.3s; }
.box .hd .more:hover { color: #fff; }
.box .bd { box-sizing: border-box; background: linear-gradient(180deg, rgba(41, 229, 254, 0.02) 0%, rgba(41, 229, 254, 0.06) 100%); border: 1px solid rgba(255, 255, 255, 0.1); border-top: none; position: relative; padding: 20rem 20rem 30rem;}
.box .bd::before,
.box .bd::after,
.box .bd ul::before,
.box .bd ul::after { display: block; position: absolute; content: ""; }

.box .bd::before,
.box .bd ul::before { width: 2px; height: 10px; background-color: #40C2F9; bottom: 1px; }
.box .bd::after,
.box .bd ul::after { width: 18px; height: 2px; background-color: #40C2F9; bottom: -1px; }

.box .bd::before,
.box .bd::after { left: -1px; }
.box .bd ul::before,
.box .bd ul::after { right: -1px; }

/* list ---------------------- */
.list li { font-size: 16em; line-height: 1.5em; transition: 0.4s; }
.list li a { color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10rem; }
.list li i { display: flex; align-items: center; justify-content: center; transition: 0.3s; }
.list li i::before { content: "\E683"; font-family: iconfont; font-size: 4em; line-height: 1; margin-bottom: 10rem; }
.list li:hover { transform: translateY(-10px);  }
.list li:hover i { transform: rotateY(180deg); }



/* box-s1 ----- */

/* list-s1 */
.list-s1,
.list-s2,
.list-s3,
.list-s5 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10em; }
.list-s1 li,
.list-s2 li,
.list-s3 li { width: 48%; padding: 0 1.5em; }
.list-s1 li i { background: url(../img/s1-bg.png) no-repeat center bottom; width: 7em; height: 8em;  }
.list-s1 li i::before { content: "\E683"; color: #29E5FE; }
.list-s1 li a { color: #FDE586; }
.list-s1 li:nth-child(2) i::before { content: "\E684"; }
.list-s1 li:nth-child(3) i::before { content: "\E685"; }
.list-s1 li:nth-child(4) i::before { content: "\E686"; }

/* box-s2 ----- */
.box-s2 .hd h3::before { background: url(../img/title-bg-02.png) no-repeat; background-size: auto 100%; height: 1.1em; width: 1.2em; }

/* list-s2 */
.list-s2 li i { width: 6.25em; height: 6.25em; border-radius: 100%; border: 1px solid rgba(215, 205, 255, 0.3); filter: drop-shadow(0px 0px 10px rgba(173, 158, 235, 0.3)); background: radial-gradient(50% 50% at 50% 50%, rgba(173, 158, 235, 0) 40.18%, rgba(173, 158, 235, 0.42) 100%);}
.list-s2 li:nth-child(2) i { border: 1px solid rgba(123, 187, 255, 0.3); background: radial-gradient(50% 50% at 50% 50%, rgba(45, 140, 240, 0) 40.18%, rgba(89, 164, 244, 0.4) 100%); filter: drop-shadow(0px 0px 10px rgba(45, 140, 240, 0.3)); }
.list-s2 li:nth-child(3) i { background: radial-gradient(50% 50% at 50% 50%, rgba(255, 116, 225, 0) 40.18%, rgba(255, 172, 237, 0.4) 100%); border: 1px solid rgba(255, 158, 234, 0.3); filter: drop-shadow(0px 0px 10px rgba(255, 116, 225, 0.3)); }
.list-s2 li:nth-child(4) i { background: radial-gradient(50% 50% at 50% 50%, rgba(193, 168, 255, 0) 40.18%, rgba(193, 168, 255, 0.4) 100%); border: 1px solid rgba(193, 168, 255, 0.3); filter: drop-shadow(0px 0px 10px rgba(193, 168, 255, 0.3)); }
.list-s2 li:nth-child(5) i { background: radial-gradient(50% 50% at 50% 50%, rgba(236, 130, 121, 0) 40.18%, rgba(255, 165, 157, 0.4) 100%); border: 1px solid rgba(255, 163, 155, 0.3); filter: drop-shadow(0px 0px 10px rgba(236, 130, 121, 0.3)); }
.list-s2 li:nth-child(6) i { background: radial-gradient(50% 50% at 50% 50%, rgba(148, 125, 240, 0) 0%, rgba(255, 159, 255, 0.4) 100%); border: 1px solid rgba(166, 145, 246, 0.3); filter: drop-shadow(0px 0px 10px rgba(148, 125, 240, 0.3)); }
.list-s2 li:nth-child(7) i { background: radial-gradient(50% 50% at 50% 50%, rgba(62, 219, 159, 0) 40.18%, rgba(62, 219, 159, 0.2) 100%); border: 1px solid rgba(62, 219, 159, 0.3); filter: drop-shadow(0px 0px 10px rgba(62, 219, 159, 0.3)); }
.list-s2 li:nth-child(8) i { background: radial-gradient(50% 50% at 50% 50%, rgba(247, 254, 41, 0) 40.18%, rgba(247, 254, 41, 0.2) 100%); border: 1px solid rgba(247, 254, 41, 0.3); filter: drop-shadow(0px 0px 10px rgba(247, 254, 41, 0.3)); }

.list-s2 li:nth-child(1) i::before { content: "\E687"; }
.list-s2 li:nth-child(2) i::before { content: "\E688"; }
.list-s2 li:nth-child(3) i::before { content: "\E689"; }
.list-s2 li:nth-child(4) i::before { content: "\E690"; }
.list-s2 li:nth-child(5) i::before { content: "\E691"; }
.list-s2 li:nth-child(6) i::before { content: "\E692"; }
.list-s2 li:nth-child(7) i::before { content: "\E693"; }
.list-s2 li:nth-child(8) i::before { content: "\E694"; }

/* box-s3 ----- */
.box-s3 .hd h3::before { background: url(../img/title-bg-03.png) no-repeat; background-size: auto 100%; height: 1.1em; width: 1.2em; }

/* list-s3 */
.list-s3 li:nth-child(1) i::before { content: "\E696"; }
.list-s3 li:nth-child(2) i::before { content: "\E695"; }
.list-s3 li:nth-child(3) i::before { content: "\E697"; }
.list-s3 li:nth-child(4) i::before { content: "\E700"; }
.list-s3 li:nth-child(5) i::before { content: "\E698"; }
.list-s3 li:nth-child(6) i::before { content: "\E699"; }
.list-s3 li a,
.list-s5 li a { color: #FDE586; }
.list-s3 li a i::before { color: #29E5FE; }


/* box-s4 ----- */
.box-s4 .hd h3::before { background: url(../img/title-bg-04.png) no-repeat; background-size: auto 100%; }
.box-s4 .bd { padding-top: 0; }

/* swiper-wrapper4 */
.swiper-wrapper { font-size: 16em; padding-bottom: 1.5em; }
.swiper-pagination-clickable .swiper-pagination-bullet { background: none; border: 2px solid #29E5FE; width: 10px; height: 10px; opacity: 1;}
.swiper-pagination-clickable .swiper-pagination-bullet-active { background-color: #29E5FE; }

.swiper-wrapper .swiper-slide { transition: 0.4s; }
.swiper-wrapper .swiper-slide a { display: flex; flex-direction: column; align-items: center; }
.swiper-wrapper4 .swiper-slide i { width: 8.4375em; height: 8.4375em; background: url(../img/s4-bg.png) no-repeat center; background-size: auto 100%; filter: drop-shadow(0px 0px 25px rgba(41, 229, 254, 0.4)); display: flex; justify-content: center; align-items: center;}
.swiper-wrapper .swiper-slide i::before { content: "\E701"; font-family: iconfont; font-size: 3.5em; }
.swiper-wrapper4 .swiper-slide:nth-child(2) i::before { content: "\E702"; }
.swiper-wrapper4 .swiper-slide:nth-child(3) i::before { content: "\E703"; }
.swiper-wrapper4 .swiper-slide:nth-child(4) i::before { content: "\E709"; }
.swiper-wrapper4 .swiper-slide:nth-child(5) i::before { content: "\E710"; }
.swiper-wrapper4 .swiper-slide:nth-child(6) i::before { content: "\E711"; }
.swiper-wrapper4 .swiper-slide a,
.swiper-wrapper6 .swiper-slide a { color: #FDE586; }
.swiper-wrapper4 .swiper-slide a i::before,
.swiper-wrapper6 .swiper-slide a i::before { color: #fff; }

.swiper-wrapper .swiper-slide i { transition: 0.4s; }
.swiper-wrapper .swiper-slide:hover { transform: translateY(-10px);  }
.swiper-wrapper .swiper-slide:hover i { transform: rotateY(180deg); } 

/* box-s5 ----- */
.box-s5 .hd h3::before { background: url(../img/title-bg-05.png) no-repeat; width: 0.9em; height: 0.9em; background-size: auto 100%; }

/* list-s5 */
.list-s5 li { width: 30%; border-radius: 10rem; padding: 0 10rem 10rem; border: 1px solid rgba(41, 229, 254, 0.3); box-shadow: 0px 0px 10px rgba(41, 229, 254, 0.4); background: radial-gradient(50% 50% at 50% 50%, rgba(41, 229, 254, 0) 40.18%, rgba(41, 229, 254, 0.1) 100%);}
.list-s5 li i::before { margin-bottom: 0; filter: drop-shadow(0px 0px 6px #FFFFFF); }
.list-s5 li:nth-child(1) i::before { content: "\E704"; }
.list-s5 li:nth-child(2) i::before { content: "\E705"; }
.list-s5 li:nth-child(3) i::before { content: "\E706"; }
.list-s5 li a i::before { color: #fff; }

/* box-s6 ----- */
.box-s6 .hd h3::before { background: url(../img/title-bg-06.png) no-repeat; background-size: auto 100%; }

/* swiper-wrapper6 */
.swiper-wrapper6 .swiper-slide { border-radius: 10rem; height: auto; padding: 0 10rem 10rem; border: 1px solid rgba(41, 229, 254, 0.3); box-shadow: 0px 0px 10px rgba(41, 229, 254, 0.4); background: radial-gradient(50% 50% at 50% 50%, rgba(41, 229, 254, 0) 40.18%, rgba(41, 229, 254, 0.1) 100%); }
.swiper-wrapper6 .swiper-slide i { line-height: 1.2; }
.swiper-wrapper6 .swiper-slide i::before { filter: drop-shadow(0px 0px 6px #FFFFFF); }
.swiper-wrapper6 .swiper-slide:nth-child(1) i::before { content: "\E707"; }
.swiper-wrapper6 .swiper-slide:nth-child(2) i::before { content: "\E708"; }
.swiper-wrapper6 .swiper-slide:nth-child(3) i::before { content: "\E712"; }
.swiper-wrapper6 .swiper-slide:nth-child(4) i::before { content: "\E713"; }
.swiper-wrapper6 .swiper-slide:nth-child(5) i::before { content: "\E714"; }
.swiper-wrapper6 .swiper-slide:nth-child(6) i::before { content: "\E715"; }
.swiper-wrapper6 .swiper-slide:nth-child(7) i::before { content: "\E716"; }
.swiper-wrapper6 .swiper-slide:nth-child(8) i::before { content: "\E717"; }



/* 列表页 S --------------------------------------------------------------- */
.list-page { display: flex; flex-wrap: wrap; gap: 10em 0; padding: 10em; }
.list-page li { font-size: 16em; width: 100%; transition: 0.4s; color: #fff; }
.list-page li a { display: flex; width: 100%; transition: 0.3s; padding: 1em; box-sizing: border-box; align-items: center; justify-content: center; color: #fff; background: radial-gradient(50% 50% at 50% 50%, rgba(41, 229, 254, 0) 40.18%, rgba(41, 229, 254, 0.1) 100%); border: 1px solid rgba(41, 229, 254, 0.3); box-shadow: 0px 0px 5px rgba(41, 229, 254, 0.4);  border-radius: 10rem;}
.list-page li:hover { transform: translateY(-5px); }
.list-page li:hover a { /* font-weight: bold;*/ background: radial-gradient(50% 50% at 50% 50%, rgba(41, 229, 254, 0.15) 40.18%, rgba(41, 229, 254, 0.3) 100%); box-shadow: 0px 0px 10px rgba(21, 143, 159, 0.4); }


/* 列表页 S --------------------------------------------------------------- */

.path { font-size: 15em; color: #fff; text-align: left; margin-bottom: 1.4em;}
.path a { color: #fff;}

/* footer */
#footer { font-size: 14em; line-height: 1.6; color: #fff; padding: 2em; }
#footYqlj { display: none; }


/* 响应式重置 ----------------------------------- */
@media (min-width: 450px) {
   .logo .site-name { width: auto; }
}
@media (min-width: 768px) {
   .logo a { font-size: 16em; } 
   .logo .site-name { font-size: 2em; }
   .logo .site-name::before { left: -0.7em; }
   #content { padding: 0 20em; }


   .list-page { gap: 10em 2%; }
   .list-page li { width: 49%; }
   .list-page li a { height: 3.75em; padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 992px) {

    .logo a { font-size: 16em; }

    .list-s1 li,
    .list-s2 li { width: 23%; }

    .box-s3 .bd { background: url(../img/3-bg.png) no-repeat center; background-size: 250em auto; }
    .list-s3 { gap: 0; }
    .list-s3 li { display: flex; width: 40%; }
    .list-s3 li i { line-height: 1; }
    .list-s3 li i::before { margin-bottom: 0; }
    .list-s3 li a { max-width: 8em; gap: 0;}
    .list-s3 li:nth-child(1),
    .list-s3 li:nth-child(6) { width: 100%; justify-content: center;}
    .list-s3 li:nth-child(1) a,
    .list-s3 li:nth-child(6) a { flex-direction: row; max-width: 12em; }

    .list-s3 li:nth-child(2),
    .list-s3 li:nth-child(4) { justify-content: flex-end;}
}

@media (min-width:1200px) {
    html { font-size: 0.84px; }
    body { font-size: 100%; }

    .logo a { font-size: 20em; }

    .row-01,
    .row-02 { display: flex; justify-content: space-between; gap: 10em; }

    /* row-01 ------------------- */
    .row-01 .box-s1 { width: 38%; margin-bottom: 0; flex-shrink: 0; }
    .row-01 .box-s2 { flex: 1; margin-bottom: 0; min-width: 0; }
    .row-01 .box-s3 { width: 100%; }

    .row-01 .box-s1 .bd,
    .row-01 .box-s2 .bd { height: 420em; }

    .list-s1 li { width: 48%; }
    .list-s2 { gap: 42em 10em; }

    /* row-02 ------------------- */
    .row-02 .box { width: 30%; min-width: 0; flex-shrink: 0; }
    .row-02 .box .bd { height: 210em; }
    .row-02 .box-s5 { flex: 1; }
    .swiper-wrapper6 .swiper-slide { height: 8.3em; }

    .list-page { gap: 10em 2%; }
    .list-page li { width: 32%; }
}

@media (min-width:1300px) {
    html { font-size: 0.92px }
    .list-s2 { gap: 30em 10em; }
}
@media (min-width:1400px) {
    html { font-size: 1px; }

    .logo a { padding-bottom: 3em; }
    .box .hd h3 { font-size: 0.8em; }


    .list-page { gap: 30em 2%;  }
    .list-page li a { box-shadow: 0px 0px 10px rgba(41, 229, 254, 0.4);  }


    .pageBoxLoop { display: flex; justify-content: space-between; }
    .pageBoxLoop .box { width: 49%; min-width: 0; flex-shrink: 0; }
    .pageBoxLoop .list-page li a { height: 5em; line-height: 1.2; }

    .pageBoxLoop .box:nth-child(2) .list-page li a { height: 5.8em; line-height: 1.4; }
}
@media (min-width:1500px) {

    html { font-size: 0.92px }


    #content { padding: 0; }
    .container { max-width: 100%; padding: 0 40em; box-sizing: border-box; }
    .row-01 { margin-bottom: 10rem; }
    .row-01, .row-02 { gap: 20em }

    .row-01 .box-s1,
    .row-01 .box-s3 { width: 30%; }
    .row-01 .box-s2 { width: auto; min-width: 0; flex: 1; }

    .row-01 .box-s1 .bd,
    .row-01 .box-s2 .bd,
    .row-01 .box-s3 .bd { height: 390em; }

    .box .hd { height: 2.333em;}

    .list-s1,
    .list-s1 li a { gap: 0; }
    .list-s2 { gap: 20em 10em; }
    .list-s2 li,
    .list-s3 li { padding: 0; }
    .list-s3 li:nth-child(2), .list-s3 li:nth-child(4) { justify-content: flex-start; }
    .list-s3 li:nth-child(3), .list-s3 li:nth-child(5) { justify-content: flex-end; }


    .pageBoxLoop .list-page li a { line-height: 1.4; }
}

@media (min-width:1600px) { 
    .box .hd h3 { font-size: 1em; }
    .list-s1 li { padding-left: 2.5em; padding-right: 2.5em; }
}

@media (min-width:1800px) { 
     html { font-size: 1px }
    .list-s1 li { padding-left: 3em; padding-right: 3em; }
}