/**
*
*	Rall - Creative Portfolio Theme
*	Author : Soon Labs
*	Copyright © 2019
*	
*/

/**
*
*   CSS INFO :
*   
*   0.0 - GENERAL
*   1.0 - PRELOADER 
*   2.0 - HEADER
*   3.0 - SUB HEAD
*   4.0 - CAROUSEL MAIN 
*   5.0 - FULL CAROUSEL
*   6.0 - SMALL CAROUSEL
*   7.0 - HOVER CAROUSEL
*   8.0 - COVER CAROUSEL
*   9.0 - CAROUSEL FOOTER
*   10.0 - PAGE TOP IMAGE
*   11.0 - PAGE TOP
*   12.0 - PAGE TEAM
*   13.0 - PAGE SERVICES
*   14.0 - PAGE CLIENTS
*   15.0 - PAGE PROJECTS
*   16.0 - PAGE CONTENTS
*   17.0 - PAGE CONTACT
*   18.0 - PAGE FOOTER
*   
*/

/** IMPORT **/

/** 0.0 GENERAL **/
html { width:100%; height:100%;  padding:0px; margin:0px; overflow:hidden; }
body { width:100%; height:100%; font-family: 'Poppins', sans-serif !important; display:flex; }

body {
	background: linear-gradient(to bottom, #304191, #427BF9);;
}

@font-face {
    font-family: "李旭科经典行书";
    src: url("/upload/fonts/lixukejingdianxingshu.ttf") format("truetype");
}

@font-face {
    font-family: "华为鸿蒙黑体";
    src: url("/upload/fonts/HarmonyOS_Sans_SC_Black.ttf") format("truetype");
}

a,
a:hover { text-decoration: none; }

main { width:100%; height:100%; }
figure { margin-bottom:0px; }

.easing { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.shadow { -webkit-box-shadow: 0px 19px 36px -15px rgba(0,0,0,0.7); -moz-box-shadow: 0px 19px 36px -15px rgba(0,0,0,0.7); box-shadow: 0px 19px 36px -15px rgba(0,0,0,0.7); }

.tilt { transform:scale(1.15); opacity:.8; }

.main-content { max-width:1280px; padding:0px 50px; margin:0 auto; }
.white-content { background: #fff; }
.white-content footer p { color: #666; }
.equal-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.space30 { height:30px; }
.space50 { height:50px; }
.space70 { height:70px; }
.space80 { height:80px; }
.space100 { height:100px; }

#scroll-content { position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:linear-gradient(to bottom, #fff, #025bed); }
#scroll-content.yellow-content {background:linear-gradient(to bottom, #fff, #f0a646); }
#scroll-content.white-content { background: #fff; }

.content-main { position:relative;  }
.scrollbar-track-y { background-color:#222222 !important; }
.no-scroll { overflow: hidden; }
.centered { text-align:center; }

.sub-line { width:1px; border:0px; background-color:#FFFFFF; margin:0px; opacity:.1; }


/** 1.0 PRELOADER **/
.loading { position:fixed; width:100%; height:100%; background: linear-gradient(to bottom, #304191, #427BF9); z-index:999; }
.loading-wrapper { text-align: center; top:50%; position:relative; transform:translateY(-50%); }
.loading-wrapper object { width:60px; height:60px; }

.page-loading  { width:100%; height:100%; position:fixed; z-index:990; background: linear-gradient(to bottom, #304191, #427BF9); opacity:0; display:none; top:100%; } 


/** 2.0 HEADER **/
header { position:fixed; width:100%; padding:0px 50px; height:70px; z-index:980; display:block; background: rgba(0, 0, 0, .5) }
header::after { content: none; }

/* flex 布局：菜单项较多时收缩间距而不是掉行 */
.header { position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:space-between; }
.header::after { content: none; }

.header-logo { flex: 0 0 auto; }
.header-menu { flex: 0 1 auto; margin-top: 5px; }
.header-logo img { height: 45px; }
.header-logo a { color:#fff; font-family: 微软雅黑; font-weight: 900; }

@media only screen and (max-width: 1600px) {
    header { padding: 0 30px; }
    .header-menu-view ul li { padding: 0 14px; }
}
@media only screen and (max-width: 1400px) {
    .header-menu-view ul li { padding: 0 10px; font-size: 15px; }
    .header-menu-view ul li i { margin-left: 6px; }
    .header-logo img { height: 40px; }
}
@media only screen and (max-width: 1220px) {
    header { padding: 0 16px; }
    .header-menu-view ul li { padding: 0 7px; font-size: 14px; }
}

.header-menu-icon { position:relative; width:22px; height:20px; z-index:10007 }
.header-menu-icon span { position:absolute; display:block; width:100%; height:2px; background-color:#FFFFFF; }
.header-menu-icon span:nth-child(1) { top:6px; }
.header-menu-icon span:nth-child(2) { top:12px; }

.header-menu-icon.open span:nth-child(1) { top:10px; transform: rotate(45deg); }
.header-menu-icon.open span:nth-child(2) { top:10px; transform: rotate(-45deg); }

.header-menu-icon .text {
    white-space: nowrap;
    color: #fff;
    padding-top: 20px;
    font-size: 12px;
}

.header-menu-icon:hover { cursor:pointer; }

.header-sticky { background: linear-gradient(to bottom, #304191, #427BF9); }

.header-menu-view { position:relative; display:block; }

.header-menu-view ul { list-style:none; padding:0px; margin:0px; white-space: nowrap; }
.header-menu-view ul li { display: inline-block; font-size:16px; font-weight: 700; padding:0px 20px; color:#FFFFFF; position: relative }
.header-menu-view > ul > li { line-height:30px; }
.header-menu-view ul li i { margin-left:10px; }

.header-menu-view  ul li a { color:#FFFFFF; }
.header-menu-view  ul li a:hover { opacity:.5; cursor: pointer; }

.header-menu-view > ul > li:hover { cursor:pointer; }

.header-menu-view ul li ul { position:absolute; background-color:#0d2c69; margin-top:0px; display:none; left:-15px; }
.header-menu-view ul li ul li { display:block; padding:0px; font-weight: 500; font-size:14px; white-space: nowrap; border-bottom:1px solid #4d7ef1;}
.header-menu-view ul li ul li:hover { background-color:#222222; cursor:pointer; }
.header-menu-view ul li ul li a { color:#FFFFFF; padding:5px 20px; display: block; }
.header-menu-view ul li ul li a:hover { opacity: 1; }

.header-menu-icon { display:none; }

/** 3.0 SUB HEAD **/
.sub-head { color:#FFFFFF; font-weight: 500; padding:0px 0px 50px 0px; }
.sub-head p { font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#FFFFFF; background-color: #000000; margin:0px; margin-bottom:8px; padding:5px 10px; width: fit-content; font-weight:700; }
.sub-head h3 { font-size:34px; font-weight: 600; }


/** 4.0 CAROUSEL MAIN **/
.slider-container { width:100%; height:100%; padding:0px 100px 0px 100px; }
.slider-container.full { padding:0px; }

.swiper-slide-content {position: absolute;top:50%;left:0;transform: translateX(-50%);}
.swiper-slide-content h1 { font-family: '阿里妈妈数黑体'; padding: 20px 0; background: rgba(0, 0, 0, .7); color: #fff; font-weight: normal; text-align: center  }
.swiper-slide-content h1 > a { color: #fff; background: linear-gradient(45deg, #ff6600, #ffff00);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; }
.swiper-slide-content .links {
    position: absolute;
    top: 76px;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, .6);
    padding: 10px 0;
    text-align: center;
    line-height: 28px;
}
.swiper-slide-content .links a { color: #000; white-space: nowrap; font-size: 16px; margin: 0 10px; }


/** 5.0 FULL CAROUSEL **/

.full-carousel.swiper-container { width:100%; height:100%; }

.full-carousel .swiper-slide { position:relative; width:100%; height:100%; overflow: hidden; }
.full-carousel .swiper-slide-image { width:100%; height:100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.full-carousel .swiper-slide-background { height:100%; }

.full-carousel .swiper-slide-content { position:absolute; top:50%; transform: translateY(-50%); z-index:2; overflow: hidden; }
.full-carousel .swiper-slide-content p { position:relative; width:fit-content; font-size:14px; padding:0px 4px; margin:0px; margin-bottom:5px; color:#FFFFFF; opacity:.7; }
.full-carousel .swiper-slide-content h1 { position:relative; width:fit-content; font-size:100px; word-break: break-all; }

.full-carousel .swiper-slide-content a .swiper-slide-button { background-color:#FFFFFF; width:fit-content; padding:8px 15px; margin-top:25px; }

.full-carousel .swiper-slide-content a .swiper-slide-button i { margin-left:15px; }
.full-carousel .swiper-slide-content a .swiper-slide-button:hover i { margin-left:25px; }


/** 6.0 SMALL CAROUSEL **/
.small-carousel.swiper-container { width:100%; height:100%; }
.small-carousel .swiper-wrapper { align-items: center; }

.small-carousel .swiper-slide { position:relative; width:100%; height:auto; overflow: hidden; }
.small-carousel .swiper-slide-image { width:100%; height:320px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.small-carousel .swiper-slide:hover .swiper-slide-image { height:360px; }

.small-carousel .swiper-slide-content { position:relative; }
.small-carousel .swiper-slide-content p { width:fit-content; font-size:12px; padding:0px 15px; margin:0px; margin-top:25px; margin-bottom:5px; color:#FFFFFF; opacity:.5; }
.small-carousel .swiper-slide-content h1 { width:fit-content; font-size:30px; }

.small-carousel .swiper-slide-content a .swiper-slide-button { width:fit-content; padding:8px 15px; margin-top:25px; opacity:.5; }

.small-carousel .swiper-slide-content a .swiper-slide-button i { margin-left:15px; }
.small-carousel .swiper-slide-content a .swiper-slide-button:hover i { margin-left:25px; }

/** 7.0 HOVER CAROUSEL **/
.hover-carousel.swiper-container { width:100%; height:100%; }
.hover-carousel .swiper-wrapper { align-items: center; }

.hover-carousel .swiper-slide a { position:absolute; width:100%; height:100%; }

.hover-carousel .swiper-slide { position:relative; width:100%; height:320px; overflow: hidden; border:solid 1px #1b1b1b; background-color:#202020; }
.hover-carousel .swiper-slide-image { width:100%; height:320px; background-size: cover; background-position: center; background-repeat: no-repeat; position:absolute; opacity:0; }

.hover-carousel .swiper-slide:hover .swiper-slide-image { opacity:.5; }
.hover-carousel .swiper-slide-active .swiper-slide-image { opacity:.5; }

.hover-carousel .swiper-slide-content { position:relative; top:50%; transform: translateY(-50%); }
.hover-carousel .swiper-slide-content p { width:fit-content; font-size:12px; padding:0px 0px; margin:0px; margin-bottom:5px; color:#FFFFFF; opacity:.5; }
.hover-carousel .swiper-slide-content h1 { width:fit-content; font-size:30px; }

.hover-carousel .swiper-slide-content a .swiper-slide-button { width:fit-content; padding:8px 0px; margin-top:25px; opacity:.5; }

.hover-carousel .swiper-slide-content a .swiper-slide-button i { margin-left:15px; }
.hover-carousel .swiper-slide-content a .swiper-slide-button:hover i { margin-left:25px; }

/** 8.0 COVER CAROUSEL **/
.cover-carousel.swiper-container { width:100%; height:100%;  }
.cover-carousel .swiper-wrapper { align-items: center; }


.cover-carousel .swiper-slide { position:relative; width:100%; height:320px; overflow: hidden; }
.cover-carousel .swiper-slide-image { position:absolute;  width:100%; height:320px; background-size: cover; background-position: center; background-repeat: no-repeat;  }
.cover-carousel .swiper-slide:hover .swiper-slide-image { height:360px; }

.cover-carousel .swiper-slide-content { position:relative; top:50%; transform: translateY(-50%); }
.cover-carousel .swiper-slide-content p { width:fit-content; font-size:12px; padding:0px 0px; margin:0px; margin-bottom:5px; color:#FFFFFF; opacity:.5; }
.cover-carousel .swiper-slide-content h1 { font-size:30px; margin:0px; }

/** 9.0 CAROUSEL FOOTER **/
footer.showcase { position:fixed; bottom:0px; width:100%; height:100px; z-index:3; padding:0px 100px; margin-bottom:0px; }
.showcase .f { position:relative; height:100%; }

.swiper-number { position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); }
.swiper-number ul { list-style: none; padding:0px; margin:0px; display: flex; align-items: center; }
.swiper-number ul li { display: inline-block; outline:none; color:#FFFFFF; margin: 0 10px; background:rgba(0,0,0,.7);border:2px solid #000; }

.swiper-number ul li a { color:#FFFFFF; }
.swiper-number ul li a:hover { cursor: pointer; opacity:.8; }
/*.swiper-number ul li:nth-child(1) { font-size:14px; font-weight: 700; height:50px; line-height: 50px; margin-right:20px;  }
.swiper-number ul li:nth-child(2) span { position:relative; display:block; width:50px; height:1px; background-color: #FFFFFF; border:0px; padding:0px; margin:0px; opacity:.8; margin-left:15px; margin-right:15px; }
.swiper-number ul li:nth-child(3) { position:relative; display:block; width:50px; height:50px;  border-radius:50%; margin:0px 20px 0px 20px; border:solid 2px #FFFFFF; color:#FFFFFF; }
.swiper-number ul li:nth-child(3):hover { border:solid 2px #FFFFFF; background-color: #FFFFFF; cursor: pointer; }
.swiper-number ul li:nth-child(3):hover i { color:#000000; }
.swiper-number ul li:nth-child(4) { position:relative; display:block; width:50px; height:50px;  border-radius:50%; border:solid 2px #FFFFFF; }
.swiper-number ul li:nth-child(4):hover { border:solid 2px #FFFFFF; background-color: #FFFFFF; cursor:pointer; }
.swiper-number ul li:nth-child(4):hover i { color:#000000; }*/
.swiper-number ul li { position:relative; display:block; width:50px; height:50px;  border-radius:50%; border:solid 2px #000; color:#FFFFFF; }
.swiper-number ul li:hover { border:solid 2px #000; background: rgba(255,255,255,.7); cursor: pointer; }
.swiper-number ul li:hover i { color:#000000; }
.swiper-number ul li i { position:absolute; top:50%; left:50%; color:#FFFFFF; transform: translate(-50%, -50%); }

.swiper-social { position:absolute; display:block; right:0px; line-height: 100px; top:50%; transform: translateY(-50%); }
.swiper-social ul { list-style: none; padding:0px; margin:0px; }
.swiper-social ul li { display: inline-block; font-size:14px; font-weight: 300; padding-left:35px; }

.swiper-social ul li a { color:#FFFFFF; font-size:13px; font-weight: 600; }
.swiper-social ul li a:hover { opacity:.5; cursor:pointer; }


/** 10.0 PAGE TOP IMAGE **/
.top-image { height:200px; overflow: hidden; width:100%; max-height: 100%; position: relative; }
.top-image.no-cover {height: 100px;}
.top-image {
    .slogan{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
        font-size: 40px;
        z-index: 1;
        font-family: '阿里妈妈数黑体';
        text-shadow: 2px 2px 2px #000000;
        text-align: center;
        width: 90%;
        bottom: 30px;
        line-height: 40px;
        height: 72px;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        background: -webkit-linear-gradient(#173aac, #000);
		-webkit-background-clip: text;
		-webkit-text-fill-color: #ffffff;
		-webkit-text-stroke: 1px transparent;
    }
}

.top-image-wrapper,
.top-image-image { position:relative;  width:100%; height:100%; }

.top-image-image { background-size: cover; background-position: top center; background-repeat: no-repeat; opacity:.9; }

.top-content-wrapper { position:absolute; width:100%; height:100%; top:0px; }

.top-image-content { position:absolute; top:50%; transform: translateY(-50%); padding: 0px 100px; width:100%; text-align: center; overflow: hidden;  }
.top-image-content p { font-size:14px; padding:0px 4px; margin:0px; margin-bottom:5px; color:#FFFFFF; top:100vh; position:relative; }
.top-image-content h1 { font-size:100px; font-weight:700; padding:0px; margin:0px; color:#FFFFFF; top:100vh; position:relative; }


/** 11.0 PAGE TOP **/
.page-top { width:100%; }

.page-caption { max-width:1280px; padding:150px 50px 0px 50px; margin:0 auto; }
.page-inner h1 { color:#FFFFFF; font-size:60px; font-weight: 700; padding:0px; margin:0px; word-break: break-word; }
.page-inner p { font-family: 'Roboto Condensed', sans-serif; color:#FFFFFF; background-color: #000000; margin:0px; margin-bottom:15px; padding:5px 10px; width: fit-content; font-weight:700;  }
.page-inner span { color:#FFFFFF; }



/** 12.0 PAGE TEAM **/
.team-item-wrapper { position:relative; display:block; overflow: hidden; }

.team-image img { width: 100%; opacity:.5; }
.team-image img { -webkit-filter: grayscale(100%);  filter: grayscale(100%); }

.team-item:hover .team-image img { -webkit-filter: grayscale(0%);  filter: grayscale(0%); opacity:1; }
.team-item:hover .team-detail { bottom:20px; }

.team-detail { position:absolute; width:100%; padding:0px 20px; bottom:-100%; }
.team-detail-wrapper { background-color:transparent;  width:100%; padding:10px 10px; }
.team-detail-wrapper p { background-color:#000000; width:fit-content; color:#FFFFFF; padding:5px 15px; font-size:13px; margin:0px;  font-family: 'Roboto Condensed', sans-serif; }
.team-detail-wrapper h3 { color:#FFFFFF; margin:0px; background-color:#222222; width: fit-content; padding:5px 15px;  }

.team-navigation { padding:20px 0px; text-align: center; }
.team-navigation-wrapper { position: relative; width:fit-content; margin:auto; }

.team-button-next,
.team-button-prev { color:#FFFFFF; float:left; }

.team-button-next:hover,
.team-button-prev:hover { cursor: pointer; }

.team-button-next { margin-left:20px; }

.team-navigation-wrapper::after { content:''; clear: both; }

/** 13.0 PAGE SERVICES **/
.services-item { margin-bottom:30px; }

.services-item.active .services-item-wrapper { background-color:#111111; }

.services-item-wrapper { width:100%; border:solid 1px #333333; padding:50px 50px;  }
.services-item-image { margin-bottom:30px; }
.services-item-content { color:#FFFFFF; }
.services-item-content p { font-size:14px; margin:0px; padding-left:40px; opacity: .7;  font-weight: 200; }

.services-item-icon { width:100%; color:#FFFFFF;  }
.services-item-icon i,
.services-item-icon h4 { float:left; line-height: 30px; }

.services-item-icon i { font-size:20px; margin-right:20px; }
.services-item-icon h4 { padding:0px; margin:0px; }

.services-item-icon::after { content: ''; clear: both; display: block; }

.services-item:hover .services-item-wrapper { background-color:#111111; -webkit-box-shadow: 0px 19px 36px -15px rgba(0,0,0,0.7); -moz-box-shadow: 0px 19px 36px -15px rgba(0,0,0,0.7); box-shadow: 0px 19px 36px -15px rgba(0,0,0,0.7); }

/** 14.0 PAGE CLIENTS **/
.clients-item { margin-bottom:30px; }

.clients-item-wrapper { border:solid 1px #333333; }

.clients-item.active .clients-item-wrapper { background-color:#111111; -webkit-box-shadow: 0px 19px 36px -15px rgba(0,0,0,0.7); -moz-box-shadow: 0px 19px 36px -15px rgba(0,0,0,0.7); box-shadow: 0px 19px 36px -15px rgba(0,0,0,0.7); }
.clients-item.active .clients-item-image img { opacity:1; }

.clients-item-image img { width:100%; opacity: .3; }

.clients-item:hover .clients-item-wrapper { background-color:#111111; -webkit-box-shadow: 0px 19px 36px -15px rgba(0,0,0,0.7); -moz-box-shadow: 0px 19px 36px -15px rgba(0,0,0,0.7); box-shadow: 0px 19px 36px -15px rgba(0,0,0,0.7); }
.clients-item:hover .clients-item-image img { opacity: 1; cursor:pointer; }


/** 15.0 PAGE PROJECTS **/
.projects-item { position:relative; height:250px; }
.projects-item:hover .projects-image { opacity:.3; }
.projects-item:hover .projects-title { padding-left:100px; }

.projects-title { position:absolute; color:#FFFFFF; top:50%; transform: translateY(-50%); }
.projects-title p { font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#FFFFFF; background-color: #000000; margin:0px; margin-bottom:8px; padding:5px 10px; width: fit-content; font-weight:700; }
.projects-title h2 { font-size:42px; font-weight: 600; }
.projects-title span { position:absolute; top:45px; left:-30px; font-family: 'Roboto Condensed', sans-serif; font-size:14px;  }

.projects-image { position:absolute; width:100%; height:100%; top:0px; opacity:0; }
.projects-background { height:100%; background-size:cover; background-position: center center;  }


/** 16.0 PAGE CONTENTS **/
.content-column { color:#FFFFFF; margin-top:30px;  }
.content-date,
.content-client,
.content-service,
.content-more { text-align: right; }

.multi-column-wrapper .content-column:last-child { margin-bottom:0px; }

.content-date { font-size:12px; }
.content-client { font-size:22px; font-weight: 600; margin-bottom:20px;  }
.content-service { font-size:14px; }
.content-more { margin-top:20px; }

.content-info h2 { font-size:34px; font-weight: 600; }
.content-info p { font-size:20px; opacity:.8; margin-top:20px;  }

.content-image figure img { width:100%; }

.single-image figure img { width:100%; }

.next-work,
.next-work a { color:#FFFFFF;  }

.next-work p { margin-bottom:0px; }

.next-work-button { font-size:50px; font-weight: 600; height:84px; overflow: hidden; display:inline-block; }

.next-work-title,
.next-work-detail {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
}

.next-work-button:hover .next-work-title,
.next-work-button:hover .next-work-detail {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    cursor:pointer; 
}

/** 17.0 PAGE CONTACT **/
.page-contact { color:#FFFFFF; }
.contact-item { }

.contact-item-wrapper { padding:20px 0px; }

.contact-icon,
.contact-detail { width:100%; position:relative; display:block; }

.contact-icon i { margin-right:15px; font-size:14px; }
.contact-icon { font-size:13px; margin-bottom:15px; }
.contact-detail h4 { font-size:22px; }


.map-content { width:100%; height:500px; }
.map-wrapper { height:100%; }

.form-line input[type="text"],
.form-line textarea { width:100%; background-color:transparent; border:0px; border-bottom:solid 2px #FFFFFF;  outline:none; color:#FFFFFF; padding:10px 0px; resize:none; font-size:14px; }
.form-line textarea { margin-top:80px; }

.form-line input::placeholder,
.form-line textarea::placeholder { color:#FFFFFF; opacity: 1; }

.form-line input[type="submit"] { border:solid 2px #FFFFFF; padding:14px 30px; font-size:14px; background-color: #FFFFFF; outline: none; color:#222222; border-radius: 32px; margin-top:50px; font-weight: 500; }
.form-line input[type="submit"]:hover { background-color: transparent; color:#FFFFFF; cursor:pointer; }


/** 18.0 PAGE FOOTER **/
footer { margin-bottom:50px; text-align: center; }
footer p { color:#FFFFFF; font-size:12px; padding: 10px 0; }

.footer-social ul { list-style: none; padding:0px; margin:0px; }
.footer-social ul li { display: inline-block; font-size:14px; font-weight: 300; padding-right:35px; }

.footer-social ul li a { color:#FFFFFF; font-size:13px; font-weight: 600; }
.footer-social ul li a:hover { opacity:.5; cursor:pointer; }


.form-border {
    color: #fff;
    max-width: 600px;
    margin: 10px auto;
    padding: 20px 20px 50px;
    background: rgba(0, 0, 0, .3);
}
.form-border .title {
   text-align: center;
   font-size: 20px;
   font-weight: 900;
}
.form-border .name {
   margin-top: 10px;
}
.form-border .input {
   padding: 10px;
   width: 100%;
   box-sizing: border-box;
   background: #fff;
   margin-top: 10px;
}
.form-border input,
.form-border textarea {
   width: 100%;
   background: transparent;
   border: 0;
   line-height: 30px;
}
.form-border input {
    height: 30px;
}
.form-border input:focus,
.form-border textarea:focus {
   border: 0;
   outline: none;
}
.form-border .button {
   margin-top: 20px;
   height: 50px;
   line-height: 50px;
   display: block;
   text-align: center;
   background: #0c8cee;
   border: 2px solid #0c8cee;
   color: #fff;
   font-size: 18px;
   border-radius: 6px;
}
.form-border .default {
   border: 1px solid #0c8cee;
   background: #fff;
   color: #0c8cee;
}
.news-list {
    overflow: hidden;
}
.news-list a {
    display: block;
    color: #333;
    padding: 10px 0;
    overflow: hidden;
    position: relative;
    font-size: 14px;
}
.news-list a.video {
    padding: 0;
}
.news-list a.video img {
    width: 100%;
    margin-right: 0;
}
.news-list:not(.video-list) img {
    width: 120px;
    height: 80px;
    margin-right: 10px;
    float: left;
}
.news-list p{
    margin: 0;
}
.img-link p {
    margin-left: 130px;
}
.news-list a.video p{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 10px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}
.news-list a.video i{
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
    font-size: 50px;
    color: #fff;
}
.news-list span {
    display: block;
    color: #666;
}
.nav-list {
    font-size: 14px;
    padding-top: 10px;
    color: #333;
}
.nav-list a {
    color: #000;
    font-weight: 700;
}
.news-content .title {
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
    text-align: center;
}
.news-content .time {
    color: #666;
    font-size: 14px;
    text-align: center;
}
.news-content .content p {
    line-height: 22px;
    font-size: 14px;
    margin-top: 10px;
}
.news-content .content img {
    max-width: 100%;
}
video {
    width: 100%;
}
.video-list li {
    width: 33.33%;
    float: left;
    overflow: hidden;
}
.video-list li a{
    margin: 0 5px;
}

.swiper-slide {
    .slogan{
        position: absolute;
        top: 13%;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
        font-size: 26px;
        z-index: 1;
        font-family: '阿里妈妈数黑体';
        text-shadow: 3px 3px 2px #000000;
        width: 90%;
        text-align: center;
        background: -webkit-linear-gradient(#173aac, #000);
		-webkit-background-clip: text;
		-webkit-text-fill-color: #ffffff;
		-webkit-text-stroke: 1px transparent;
    }
}
@media only screen and (max-width: 468px) {
.swiper-slide {
    .slogan{
        font-size: 32px;
        top: 22%;
    }
}
.top-image {
    height:150px;
    .slogan{
        font-size: 24px;
        bottom: 6px;
        line-height: 30px;
    }
}
.top-image.no-cover {height: 70px;}
#popup-border {
    left: 50%;
    transform: translateX(-50%);
}
}

@font-face{
    font-family:"Font Awesome 5 Free";
    font-style:normal;
    font-weight:900;
    font-display:auto;
    src:url("../fonts/fa-solid-900.woff2") format("woff2");
}

.fa,.far,.fas{
    font-family:"Font Awesome 5 Free"
}

.fa,.fas{
    font-weight:900
}

.fa,.fab,.fal,.far,.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}
.fa-chevron-left:before {
    content: "\f053";
}
.fa-chevron-right:before {
    content: "\f054";
}
.fa-chevron-down:before {
    content: "\f078";
}
.fa-chevron-up:before {
    content: "\f077";
}
.fa-play-circle:before {
    content: "\f144";
}
.scroll-content {
    min-height: 100%;
}
.scroll-content .scroll-content {
    padding-bottom: 30px;
}
.footer {
    line-height: 20px;
    color: #82a6f1;
    z-index: 1;
    text-align: center;
    font-size: 12px;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.gradient-text {
    font-size: 72px;
    font-weight: bold;
    background: -webkit-linear-gradient(45deg, #ff6600, #ffff00); /* Chrome, Safari */
    background: linear-gradient(45deg, #ff6600, #ffff00); /* 标准语法 */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
    color: transparent; /* 标准语法, 也可以用在Firefox, Opera等 */
}
.empty-tips{
    font-size: 12px;
    text-align: center;
    color: #fff;
    line-height: 100px;
    clear: both;
    display: block;
    text-shadow: 1px 1px 2px #000;
}
.load-tips {
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding-bottom: 10px;
    clear: both;
    display: block;
    text-shadow: 1px 1px 2px #000;
}
#message {
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    z-index: 999;
    display: none;
    text-align: center;
    max-width: 90%;
}
.news-list ul {
    counter-reset: section;
}
.news-list li {
    background: rgba(255, 255, 255, .6);
    padding: 0 15px 0 60px;
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}
.news-list:not(.video-list) li {
    min-height: 62px;
    display: flex;
    align-items: center;
}
.news-list:not(.video-list) li::before {
    counter-increment: section;
    content: counters(section, ".") " ";
    position: absolute;
    height: 100%;
    width: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #468ff4;
    left: 0;
    font-family: hooge;
    font-size: 18px;
}
.video-list ul {
    margin-top: 10px;
}
.video-list li {
    background: transparent;
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
}
.news-content .content {
    background: rgba(255, 255, 255, .6);
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 10px;
}

.news-content .video {
    margin-top: 10px;
}

.news-content table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.news-content table td, 
.news-content table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px 5px;
    min-height: 30px;
    height: 30px;
    background-color: #fff;
}

.news-content table th {
    border-bottom: 2px solid #ccc;
    text-align: center;
    background-color: #f1f1f1;
}

#popup-border {
    position: fixed;
    z-index: 9;
    top: 100px;
    right: 50px;
    background: linear-gradient(to bottom, #d99416, #bc2217);
    width: 230px;
}
#popup-border .close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #000;
    font-size: 12px;
    cursor: pointer;
    text-shadow: 
        -1px -1px 0 #fff,  
        1px -1px 0 #fff,
        -1px  1px 0 #fff,
        1px  1px 0 #fff;
}
.popup-main img {
    width: 100%;
}
.popup-main label {
    color: #fff;
    font-size: 13px;
    padding: 15px 10px;
    text-align: center;
    display: block;
    cursor: pointer;
}
.popup-main a {
    display: block;
    border-top: 1px dotted #a00;
}
.popup-main a:first-child {
    border-top: 0;
}

#station-popup-border {
    position: fixed;
    z-index: 9;
    top: 100px;
    right: 50px;
    width: 230px;
    min-height: 96px;
    background: linear-gradient(145deg, #b30d0d, #df251f);
    border: 2px solid rgba(255, 220, 80, .88);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .32);
}
#station-popup-border .close {
    position: absolute;
    top: 5px;
    right: 7px;
    color: #fff5c0;
    font-size: 12px;
    cursor: pointer;
    z-index: 2;
}
.station-popup-link {
    min-height: 96px;
    padding: 26px 18px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffe66b;
    text-align: center;
    text-shadow: 0 2px 4px rgba(80, 0, 0, .68);
}
.station-popup-link:hover {
    color: #fff18f;
    opacity: .9;
}
.station-popup-link strong {
    font-size: 24px;
    line-height: 1.35;
    letter-spacing: 2px;
}
.station-page {
    background: linear-gradient(to bottom, #0a3a7d, #0f6cd8);
}
.station-page .scroll-content {
    min-height: 100vh;
    padding-bottom: 80px;
}
.station-top-image {
    background: linear-gradient(135deg, rgba(20, 91, 204, .95), rgba(5, 190, 224, .88));
}
.station-content {
    max-width: 1100px;
    margin: 0 auto;
    padding: 95px 20px 40px;
}
.station-hero {
    padding: 34px 24px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .16);
    text-align: center;
}
.station-hero-title {
    color: #0d3d86;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: 2px;
}
.station-hero-desc {
    margin-top: 12px;
    color: #286cb6;
    font-size: 16px;
}
.station-module-list {
    display: flex;
    flex-wrap: wrap;
    margin: 18px -9px 0;
}
.station-module-card {
    width: calc(50% - 18px);
    min-height: 150px;
    margin: 9px;
    padding: 24px 24px 24px 82px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .82);
    color: #123c72;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .14);
    position: relative;
    overflow: hidden;
}
.station-module-card::after {
    content: '';
    position: absolute;
    right: -35px;
    bottom: -45px;
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgba(0, 95, 220, .09);
}
.station-module-card:hover {
    color: #0045cd;
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(0, 0, 0, .18);
}
.station-module-index {
    position: absolute;
    left: 24px;
    top: 26px;
    width: 42px;
    height: 42px;
    border-radius: 42px;
    background: linear-gradient(135deg, #0f6cd8, #06c5df);
    color: #fff;
    line-height: 42px;
    text-align: center;
    font-family: hooge;
}
.station-module-card strong {
    display: block;
    font-size: 22px;
    line-height: 1.35;
}
.station-module-card em {
    display: block;
    margin-top: 12px;
    color: #4b6d95;
    font-size: 14px;
    line-height: 1.8;
    font-style: normal;
}
.station-section-title {
    margin-top: 16px;
    padding: 18px 22px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .8);
    color: #0d3d86;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.station-section-title strong {
    font-size: 24px;
}
.station-section-title span {
    font-size: 14px;
    color: #47729f;
}
.station-company-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -6px 0;
}
.station-company-card {
    width: calc(20% - 12px);
    min-height: 168px;
    margin: 6px;
    padding: 16px 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .82);
    color: #163d6d;
    text-align: center;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
}
.station-company-card:hover {
    color: #0045cd;
    transform: translateY(-2px);
}
.station-company-logo {
    width: 84px;
    height: 84px;
    margin: 0 auto 12px;
    border-radius: 16px;
    background: linear-gradient(135deg, #edf7ff, #c7e8ff);
    border: 1px solid rgba(0, 102, 204, .14);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.station-company-logo img {
    max-width: 100%;
    max-height: 100%;
}
.station-company-logo em {
    padding: 0 8px;
    color: #0d4f9a;
    font-size: 16px;
    line-height: 1.35;
    font-style: normal;
    font-weight: 700;
}
.station-company-card strong {
    display: block;
    font-size: 14px;
    line-height: 1.55;
}
.station-company-header {
    margin-top: 14px;
    padding: 24px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .84);
    display: flex;
    align-items: center;
    color: #123c72;
}
.station-company-logo.big {
    width: 110px;
    height: 110px;
    margin: 0 22px 0 0;
    flex: 0 0 auto;
}
.station-company-header strong {
    font-size: 26px;
    line-height: 1.4;
}
.station-company-header p {
    margin-top: 8px;
    color: #47729f;
}
.station-company-detail-list {
    margin-top: 12px;
}
.station-company-detail-card,
.station-detail-panel .content {
    margin-top: 12px;
    padding: 22px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}
.station-company-detail-card h2 {
    margin-bottom: 14px;
    padding-left: 12px;
    border-left: 4px solid #0f6cd8;
    color: #0d3d86;
    font-size: 20px;
    font-weight: 700;
}
.station-rich-content {
    color: #183b62;
    font-size: 16px;
    line-height: 1.85;
}
.station-rich-content img {
    max-width: 100%;
}
.station-action-link {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 20px;
    background: #0f6cd8;
    color: #fff;
}
.station-action-link:hover {
    color: #fff;
    opacity: .86;
}
.station-empty-text {
    color: #73859b;
    line-height: 1.8;
}
.station-contact-content {
    color: #183b62;
    line-height: 1.8;
}
.station-intro-subtitle {
    margin: -8px 0 18px;
    color: #47729f;
    text-align: center;
    font-size: 16px;
}
.station-intro-lead {
    font-size: 17px;
}
.station-rich-content h3 {
    margin: 22px 0 10px;
    padding-left: 12px;
    border-left: 4px solid #0f6cd8;
    color: #0d3d86;
    font-size: 19px;
    font-weight: 700;
}
.station-rich-content h4 {
    margin: 16px 0 8px;
    color: #0d3d86;
    font-size: 17px;
    font-weight: 700;
}
.station-rich-content ul {
    padding-left: 22px;
    list-style: disc;
}
.station-rich-content li {
    margin-bottom: 6px;
}
.station-intro-qrcode {
    margin-top: 26px;
    text-align: center;
}
.station-intro-qrcode img {
    width: 180px;
}
.station-intro-qrcode p {
    margin-top: 8px;
    color: #47729f;
}
.station-monthly-panel {
    margin-bottom: 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
    overflow: hidden;
}
.station-monthly-toggle {
    position: relative;
    padding: 18px 46px 18px 22px;
    cursor: pointer;
}
.station-monthly-toggle strong {
    padding-left: 12px;
    border-left: 4px solid #0f6cd8;
    color: #0d3d86;
    font-size: 20px;
    font-weight: 700;
}
.station-monthly-toggle span {
    margin-left: 14px;
    color: #47729f;
    font-size: 14px;
}
.station-monthly-arrow {
    position: absolute;
    top: 50%;
    right: 22px;
    width: 10px;
    height: 10px;
    margin-top: -8px;
    border-right: 2px solid #0f6cd8;
    border-bottom: 2px solid #0f6cd8;
    transform: rotate(45deg);
    transition: transform .2s;
}
.station-monthly-toggle.open .station-monthly-arrow {
    margin-top: -3px;
    transform: rotate(225deg);
}
.station-monthly-list {
    padding: 0 22px 14px;
}
.station-monthly-list a {
    display: block;
    position: relative;
    padding: 13px 90px 13px 0;
    border-top: 1px dashed #c8d8ec;
    color: #183b62;
}
.station-monthly-list a:hover strong {
    color: #0f6cd8;
}
.station-monthly-list a strong {
    font-size: 16px;
    font-weight: 400;
}
.station-monthly-list a span {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -11px;
    color: #73859b;
    font-size: 14px;
}
.station-monthly-list .station-empty-text {
    padding: 13px 0;
    border-top: 1px dashed #c8d8ec;
}
.station-service-handbook-title {
    margin-bottom: 12px;
    color: #0d3d86;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}
.station-manyu-list {
    border-radius: 14px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
    padding: 8px 22px;
}
.station-manyu-list a {
    display: block;
    position: relative;
    padding: 16px 0 16px 52px;
    border-bottom: 1px dashed #c8d8ec;
    color: #183b62;
}
.station-manyu-list a:last-child {
    border-bottom: none;
}
.station-manyu-list a:hover strong {
    color: #0f6cd8;
}
.station-manyu-list a strong {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}
.station-manyu-index {
    position: absolute;
    top: 50%;
    left: 0;
    width: 36px;
    margin-top: -13px;
    color: #0f6cd8;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
}
@media only screen and (max-width: 960px) {
    .station-company-card {
        width: calc(25% - 12px);
    }
}
@media only screen and (max-width: 768px) {
    #station-popup-border {
        right: 18px;
        width: 190px;
        min-height: 78px;
    }
    .station-popup-link {
        min-height: 78px;
        padding: 22px 15px 16px;
    }
    .station-popup-link strong {
        font-size: 19px;
    }
    .station-content {
        padding: 86px 14px 30px;
    }
    .station-hero-title {
        font-size: 24px;
    }
    .station-module-list,
    .station-company-grid {
        margin-left: 0;
        margin-right: 0;
    }
    .station-module-card,
    .station-company-card {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .station-company-header {
        display: block;
        text-align: center;
    }
    .station-company-logo.big {
        margin: 0 auto 14px;
    }
    .station-monthly-toggle {
        padding: 15px 40px 15px 16px;
    }
    .station-monthly-toggle span {
        display: block;
        margin: 6px 0 0;
    }
    .station-monthly-list {
        padding: 0 16px 12px;
    }
    .station-monthly-list a {
        padding-right: 0;
    }
    .station-monthly-list a span {
        position: static;
        display: block;
        margin-top: 4px;
    }
}