@charset "utf-8";

/*
全局css变量定义
--mainColor    // 主色调
--textColor    // 文字深色调
--textColor1   // 文字浅色调
--bgColor      // 辅助背景色
*/
:root{
    --mainColor:#1b5ac3;
    --textColor:#333;
    --textColor1:#999;
    --textColor2:#fff;
    --bgColor:#fff;
    --bgColor1:#f5f5f5;
    --lineColor:#e0e0e0;
}

.main { width:100%;max-width:1480px;padding:0 20px;margin:0 auto;position:relative;}
.max-main{width:100%;max-width:1640px;padding:0 20px;margin:0 auto;}
@media(max-width: 1080px){
    .main{padding:0 3%;}
    .max-main{padding:0 3%;}
}

.section-top{padding-top:7.3%;}/* 140px */
.section-bottom{padding-bottom:7.3%;}/* 140px */

.section-top1{padding-top:4.16%;}/* 80px */
.section-bottom1{padding-bottom:4.16%;}/* 80px */

.section-top2{padding-top:5.2%;}/* 100px */
.section-bottom2{padding-bottom:5.2%;}/* 100px */

.section-top3{padding-top:3.125%;}/* 60px */
.section-bottom3{padding-bottom:3.125%;}/* 60px */


.section-top4{padding-top:6.25%;}/* 120px */
.section-bottom4{padding-bottom:6.25%;}/* 120px */


@media(max-width: 1080px){

}

@media(max-width: 769px){

}


/*top*/
.header100{width:100%;height:48px;margin:0 auto;display:none;}
.headerMenu-bg{position: fixed;top: 0;left: 0;right: 0;width:100%;height:100px;z-index:98;display:none;}
.headerMenu{position: fixed;top:0;left: 0;right:0;width:100%;z-index:99;transition:all 0.2s;-webkit-transition:all 0.2s;}
.header-container{width:100%;margin:0 auto;height:100px;padding:0 2%;display:flex;justify-content:space-between;align-items:center;transition: all 1s; -webkit-transition: all 1s;}
.header_logo{width:20%;max-width:70px;min-width:40px;transition: all 1s;-webkit-transition: all 1s;}
.header_logo a{display:block;width:100%;}
.header_logo a img{width:100%;display: block;transition:all 1s;-webkit-transition:all 1s;}

.top-right{display:flex;align-items:center;justify-content:flex-end;position: relative;z-index: 1003;}

.search-icon{width:32px;height:32px;transition:all 0.2s;-webkit-transition:all 0.2s;}
.search-icon a{display:block;width:100%;font-size:24px;color:#fff;text-align:center;line-height:32px;transition:all 0.2s;-webkit-transition:all 0.2s;}


/*移动端导航*/
.icon-nav-btn{margin-left:32px;width:32px;height:32px;cursor:pointer;position:relative;display:none;}
.icon-nav-btn span{position:absolute;top:8px;left:4px;width:24px;height:2px;background:#fff;border-radius:4px;display:block;transition: all 0.6s;-webkit-transition: all 0.6s;}
.icon-nav-btn span.line02{top:22px;}
.icon-nav-btn.open span.line01{top:15px;transform:rotate(-45deg);}
.icon-nav-btn.open span.line02{top:15px;transform:rotate(45deg);}

.language-list{width:100%;margin-top:100px;padding:0 12.5%;display: flex;align-items: center;justify-content: center;}
.language-list .language-item{display:block;width:50%;font-size:16px;color:#333;line-height:60px;transition:all 0.2s;-webkit-transition:all 0.2s;font-weight:normal;position:relative;border:#e0e0e0 solid 1px;text-align: center;}
.language-list .language-item:first-child{border-right:none;border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
.language-list .language-item:last-child{border-top-right-radius: 40px;border-bottom-right-radius: 40px;}
.language-list .language-item:hover{background: linear-gradient(to right, #0045b9, #68e0cf);color:#fff;}
.language-list .language-item.active{background: linear-gradient(to right, #0045b9, #68e0cf);color:#fff;}

.pc-language{width:96px;margin-left:32px;}
.pc-language a{display:flex;width:100%;height:32px;border:#fff solid 1px;border-radius:40px;font-size:14px;color:#fff;align-items: center;justify-content:center;transition:all 0.2s;-webkit-transition:all 0.2s;}
.pc-language a:hover{background: linear-gradient(to right, #0045b9, #68e0cf);color:#fff;border:none;}

/* 主导航 */
/* .header-nav{width:45%;max-width:640px;min-width:280px;height:100vh;padding:100px 0 40px;background:#fff;position:absolute;right:-160%;top:0;z-index:1002;transition: all 0.6s;-webkit-transition: all 0.6s;overflow: auto;}
.header-nav .slogan{width:100%;padding:0 12.5%;margin-bottom:40px;display: flex;}
.header-nav .slogan .txt{font-size:40px;line-height: 48px;background: linear-gradient(to right, #0045b9,
    #68e0cf); -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.header-nav ul{width:100%;padding: 10px 12.5%;}
.header-nav li{width: 100%;transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;}
.header-nav li h3{width:100%;position:relative;}
.header-nav li h3 a{display:block;width:100%;font-size:24px;color:#333;line-height:48px;transition:all 0.2s;-webkit-transition:all 0.2s;font-weight:normal;}
.header-nav li:hover h3 a{color:var(--mainColor);}
.header-nav li h3 .icon-more{position:absolute;right:0;top:0;height:100%;width:60%;display: block;}
.header-nav li h3 .icon-more i{float:right;width:24px;height:50px;font-size:16px;color:#666;line-height:50px;text-align:center;transition: all 0.2s;-webkit-transition: all 0.2s;cursor:pointer;}
.header-nav li h3 .icon-more.open i{transform: rotate(-90deg);}
.header-nav li.cur h3 a{color:var(--mainColor);}
.header-nav.open{right:0;}

.header-nav .nav-close{width:100%;height:50px;border-bottom:#eee solid 1px;padding:0 4%;}
.header-nav .nav-close h6{float:left;font-size:18px;color:#333;line-height:48px;font-weight:400;}
.header-nav .nav-close span{float:right;width:32px;height:48px;font-size:20px;color:#333;line-height:48px;text-align:center;}
.header-nav .nav-close{display:none;}
*/

.header-nav{transition: all 0.6s;-webkit-transition: all 0.6s;}
.header-nav .slogan{width:100%;padding:0 12.5%;margin-bottom:40px;display: none;}
.header-nav .slogan .txt{font-size:32px;line-height: 36px;background: linear-gradient(to right, #0045b9,
    #68e0cf); -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.header-nav ul{display: flex;align-items: center;justify-content:space-between;}
.header-nav li{transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;margin-left:40px;margin-right:40px;}
.header-nav li h3{position:relative;}
.header-nav li h3 a{display:block;font-size:18px;color:#fff;line-height:48px;transition:all 0.2s;-webkit-transition:all 0.2s;font-weight:normal;}
.header-nav li:hover h3 a{color:var(--mainColor);}
.header-nav li h3 .icon-more{position:absolute;right:0;top:0;height:100%;width:60%;display: none;}
.header-nav li h3 .icon-more i{float:right;width:24px;height:50px;font-size:16px;color:#666;line-height:50px;text-align:center;transition: all 0.2s;-webkit-transition: all 0.2s;cursor:pointer;}
.header-nav li h3 .icon-more.open i{transform: rotate(-90deg);}
.header-nav li.cur h3 a{color:var(--mainColor);}
.header-nav.open{right:0;}

.header-nav .nav-close{width:100%;height:50px;border-bottom:#eee solid 1px;padding:0 4%;}
.header-nav .nav-close h6{float:left;font-size:18px;color:#333;line-height:48px;font-weight:400;}
.header-nav .nav-close span{float:right;width:32px;height:48px;font-size:20px;color:#333;line-height:48px;text-align:center;}
.header-nav .nav-close{display:none;}
.header-nav .language-list{display:none;}

.sec-nav{width:160px;z-index:9;overflow:hidden;z-index:9;display:none;position:absolute;top:48px;left:50%;margin-left:-80px;background-color:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.sec-nav dl dd{width:100%;}
.sec-nav dl dd h5{width:100%;}
.sec-nav dl dd h5 a{display:block;width:100%;font-size:16px;color:#333;line-height:36px;transition: all 0.2s;
    -webkit-transition: all 0.2s;text-align:center;}
.sec-nav dl dd:hover h5 a{color:var(--mainColor);}

.third-nav{width:100%;z-index:9;overflow:hidden;z-index:9;}
.third-nav h4{width:100%;}
.third-nav h4 a{display:block;width:100%;font-size:14px;color:#888;line-height:36px;transition: all 0.2s;
    -webkit-transition: all 0.2s;text-align:center;}
.third-nav h4:hover a{color:var(--mainColor);}

.header-nav li:hover .sec-nav{display:block;}


/* 首页滚动 */
.headerMenu.scroll .header-container{background-color:#fff;box-shadow:0 4px 15px rgba(0,0,0,0.05);height:80px;}
.headerMenu.scroll .header_logo{max-width:60px;}
.headerMenu.scroll .search-icon a{color:var(--mainColor);}
.headerMenu.scroll .icon-nav-btn span{background:var(--mainColor);}
.headerMenu.scroll .header-nav li h3 a{color:#333;}
.headerMenu.scroll .header-nav li.cur h3 a{color:var(--mainColor);}
.headerMenu.scroll .header-nav li:hover h3 a{color:var(--mainColor);}

.headerMenu.scroll .pc-language a{border:var(--mainColor) solid 1px;color:var(--mainColor);}
.headerMenu.scroll .pc-language a:hover{background: linear-gradient(to right, #0045b9, #68e0cf);color:#fff;border:none;}

.headerMenu.inside-header .header-container{background-color:#f5f5f5;}
.headerMenu.isHidden{top:-120px;}

.headerMenu.open .search-icon a{color:var(--mainColor);}
.headerMenu.open .icon-nav-btn span{background:var(--mainColor);}

@media (max-width: 1440px){
    /*.header-nav{padding:80px 0 20px;}
    .header-nav .slogan{margin-bottom:32px;}
    .header-nav .slogan .txt{font-size:32px;line-height: 40px;}
    .header-nav li h3 a{font-size:20px;line-height:40px;}
    .header-nav li h3 .icon-more i{height:40px;font-size:14px;line-height:40px;} */

    .header-nav li{margin-left:32px;margin-right:32px;}


    .sec-nav dl dd h5 a{font-size:16px;line-height:36px;}
    .third-nav h4 a{font-size:14px;line-height:36px;}

    .language-list{margin-top:80px;}
    .language-list .language-item{font-size:16px;line-height:48px;}
}

@media (max-width: 1280px){
    /*.header-nav .slogan{margin-bottom:24px;}
    .header-nav .slogan .txt{font-size:24px;line-height: 32px;}
    .header-nav li h3 a{font-size:20px;line-height:40px;}
    .header-nav li h3 .icon-more i{height:40px;font-size:14px;line-height:40px;}*/

    .header-nav li{margin-left:24px;margin-right:24px;}
    .header-nav li h3 a{font-size:16px;line-height:40px;}

    .sec-nav dl dd h5 a{font-size:16px;line-height:36px;}
    .third-nav h4 a{font-size:14px;line-height:36px;}

    .language-list{margin-top:64px;}
    .language-list .language-item{line-height:40px;}
}


 @media (max-width: 1080px){
    .header-container{height:64px;padding:0 3%;}
    .header_logo{max-width:48px;}

    .icon-nav-btn{margin-left:20px;display:block;}

    .pc-language{display:none;}

    .header-nav{padding:60px 0 20px;border-left:#f5f5f5 solid 1px;width:45%;max-width:640px;min-width:280px;height:100vh;background:#fff;position:absolute;right:-160%;top:0;z-index:1002;transition: all 0.6s;-webkit-transition: all 0.6s;overflow: auto;}
    .header-nav .slogan{margin-bottom:20px;padding: 0 16px;display:flex;}
    .header-nav .slogan .txt{font-size:20px;line-height: 28px;}
    .header-nav ul{padding: 4px 16px;display:block;width:100%;}
    .header-nav li{margin-left:0;margin-right:0;width:100%;}
    .header-nav li h3 a{font-size:18px;color:#333;}
    .header-nav li h3 .icon-more{display: block;}
    .sec-nav dl dd h5 a{font-size:14px;text-align:left;}
    .third-nav h4 a{font-size:12px;text-align:left;}

    .header-nav li:hover .sec-nav{display:;}

    .header-nav .language-list{display: flex;}

    .language-list{margin-top:40px;}
    .language-list .language-item{font-size:14px;line-height:40px;}

    .headerMenu.scroll .header-container{height:64px;}
    .headerMenu.scroll .header_logo{max-width:48px;}

    .sec-nav{width:100%;position:relative;top:0;left:0;margin-left:0;border-radius:0;padding:8px;box-shadow:none;}

}
@media (max-width: 769px) {
    .header-container{height:48px;}
    .header_logo{max-width:40px;}
    .icon-nav-btn{margin-left:12px;}

    .headerMenu.scroll .header-container{height:48px;}
    .headerMenu.scroll .header_logo{max-width:40px;}
}

/* */
/* 遮罩层 */
.search-modal {
    display: none;
    /* 默认隐藏 */
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    justify-content: center;
    align-items: flex-start;
    padding-top: 8vh;
}

/* 搜索框容器 */
.top-search-box {
    width: 90vw;
    max-width: 680px;
    margin: 0 auto;
}
.top-search-form{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    border-radius: 40px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.top-search-btn{
    width:60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:24px;
    color:#666;
    line-height:40px;
    background: none;
    border:none;
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.top-search-btn:hover{
    color: var(--mainColor);
}

/* 输入框 */
.top-search-input {
    width: calc(100% - 60px);
    height: 40px;
    border: none;
    outline: none;
    font-size: 18px;
    color:#333;
    line-height:40px;
    padding: 0 12px;
    background: none;
}

/* 下拉建议 */
.top-search-suggest {
    margin-top: 10px;
    background: #fff;
    border-radius: 32px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.10);
    padding: 32px 72px;
}

.top-suggest-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 18px;
    text-align: left;
}

.top-suggest-list {
    padding:0 32px;
}

.top-suggest-list li {
    margin-bottom: 8px;
}
.top-suggest-list li a{
    display:block;
    color: #888;
    font-size: 16px;
    line-height: 20px;
    transition: color 0.2s;
}

.top-suggest-list li:hover a{
    color: var(--mainColor)
}

/* 响应式 */
@media (max-width: 1440px) {
    .top-search-form{
        height: 56px;
    }
    .top-search-btn{
        width:56px;
        font-size:20px;
    }

    /* 输入框 */
    .top-search-input {
        width: calc(100% - 56px);
        font-size: 16px;
    }
    /* 下拉建议 */
    .top-search-suggest {
        margin-top: 10px;
        border-radius: 28px;
        padding: 24px 62px;
    }

    .top-suggest-title {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .top-suggest-list {
        padding:0 24px;
    }

    .top-suggest-list li a{
        font-size: 14px;
    }
}
@media (max-width: 769px) {
    .top-search-form{
        height: 40px;
    }
    .top-search-btn{
        width:36px;
        font-size:18px;
    }

    /* 输入框 */
    .top-search-input {
        width: calc(100% - 36px);
        font-size: 14px;
        padding:0 4px;
    }
    /* 下拉建议 */
    .top-search-suggest {
        margin-top: 10px;
        padding: 16px 40px;
    }

    .top-suggest-title {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .top-suggest-list {
        padding:0 12px;
    }

    .top-suggest-list li a{
        font-size: 12px;
    }
}

.footer{width:100%;padding:0 2%;background:linear-gradient(to right, #0045b9, #68e0cf);overflow:hidden;}
.footer-bg{width:100%;background-image:url('../images/footer-bg.png');background-position: center;background-repeat: no-repeat;background-size: auto 100%;}
.footer-between{width:100%;display: flex;align-items:flex-start;justify-content:space-between;flex-direction: row-reverse;}
.footer-left{width:29.4%;}
.footer-right{width:70.6%;display:flex;align-items:flex-start;justify-content:space-between;}

.footer-logo{width:80%;max-width:134px;}
.footer-logo a{display:block;width:100%;}
.footer-logo a img{display:block;width:100%;}
.footer-code{width:100%;display: flex;margin-top:40%;}
.footer-code .code-item{width:25%;margin-right:7.38%;}
.footer-code .code-item img{display: block;max-width:100%;margin:0 auto;}
.footer-code .code-item p{width:100%;font-size:12px;color:#fff;line-height:20px;opacity: 0.5;margin-top:16px;text-align: center;}

.footer-nav{width:64%;display:flex;align-items:flex-start;justify-content:space-between;}
.footer-nav dl dt{margin-bottom:48px;}
.footer-nav dl dt a{display:block;width:100%;font-size:16px;color:#fff;line-height:24px;}
.footer-nav dl dt a p{line-height:inherit;}
.footer-nav dl dt .arrow{position:absolute;right:0;top:0;z-index:2;width:100%;height:40px;display:flex;align-items:center;justify-content:flex-end;display:none;}
.footer-nav dl dt .iconfont{font-size:14px;color:#fff;line-height:24px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.footer-nav dl dd{margin-bottom:20px;}
.footer-nav dl dd a{display:block;width:100%;font-size:12px;color:#fff;line-height:24px;transition: all 0.2s; -webkit-transition: all 0.2s;}
.footer-nav dl dd a:hover{text-decoration: underline;}


.footer-contact{width:30%;}
.footer-contact .footer-title{font-size:16px;color:#fff;line-height:24px;margin-bottom:48px;}
.footer-contact li{width:100%;font-size:12px;color:#fff;line-height:28px;transition: all 0.2s; -webkit-transition: all 0.2s;}


.footer-share{width:100%;display:flex;align-items: center;margin-top:24%;}
.footer-share a{display:block;margin-right:10%;font-size:40px;color:#fff;transition: all 0.3s;-webkit-transition: all 0.3s;}
.footer-share a img{display: block;max-height: 36px;}

.copyright{width:100%;font-size:12px;color:#fff;line-height:32px;padding:40px 0;border-top:rgba(255,255,255,0.2) solid 1px;display: flex;align-items: center;justify-content: space-between;}
.copyright p{line-height:inherit;}
.copyright a{color:#fff;}
.copyright a:hover{color:#fff;}

@media(max-width:1440px){
    .footer-logo{max-width:120px;}
    .footer-code{margin-top:40%;}
    .footer-code .code-item{width:25%;margin-right:7.38%;}
    .footer-code .code-item p{margin-top:8px;}

    .footer-nav{width:60%;}
    .footer-nav dl dt{margin-bottom:36px;}
    .footer-nav dl dt a{line-height:24px;}
    .footer-nav dl dd{margin-bottom:12px;}
    .footer-nav dl dd a{line-height:24px;}

    .footer-contact .footer-title{font-size:18px;line-height:24px;margin-bottom:36px;}
    .footer-contact li{font-size:14px;line-height:32px;}

    .footer-share{margin-top:24%;}
    .footer-share a{margin-right:10%;font-size:32px;}
    .footer-share a img{max-height: 32px;}

    .copyright{line-height:24px;padding:32px 0;}

}



@media(max-width:1080px){
    .footer{padding:0 3%;}
    .footer-between{display: block;}
    .footer-left{width:100%;}
    .footer-right{width:100%;display:block;}
    .footer-logo{display:none;}

    .footer-nav{width:100%;display:block;}
    .footer-nav dl{width:100%;border-bottom:rgba(255,255,255,0.2) solid 1px;}
    .footer-nav dl:last-child{border-bottom:none;}
    .footer-nav dl dt{margin-bottom:0;}
    .footer-nav dl dt a{display: flex;align-items: center;justify-content:space-between;font-size:14px;line-height:40px;font-weight:normal;}
    .footer-nav dl dt .arrow{display:flex;}
    .footer-nav dl dd{width:100%;display:none;margin:0;}
    .footer-nav dl dd a{line-height:32px;margin-bottom:8px;padding:0 16px;}

    .footer-contact{width:100%;margin-top:4%;}
    .footer-contact .footer-title{font-size:14px;line-height:24px;margin-bottom:8px;}
    .footer-contact li{line-height:24px;}

    .footer-share{margin-top:4%;width:100%;}
    .footer-share a{margin-right:10%;font-size:24px;}
    .footer-share a img{max-height: 24px;}

    .footer-code{margin-top:4%;}
    .footer-code .code-item{width:22%;margin-right:4%;}
    .footer-code .code-item p{margin-top:4px;}

    .copyright{line-height:20px;padding:20px 0;display: block;}
}

@keyframes iconS {
    from {
        transform: scale(1);
        filter: opacity(0.8);
    }

    to {
        transform: scale(1.4);
        filter: opacity(0);
    }
}

.home-play-btn {
    position: absolute;
    left: 40px;
    bottom: -34px;
    z-index: 5;
}

.home-play-btn .icon {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: linear-gradient(to right, #0045b9, #68e0cf);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    position: relative;
    z-index: 5;
}

.home-play-btn .icon i {
    font-size: 16px;
    line-height: 20px;
}

.home-play-btn .bg-ani {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    opacity: 0.6;
    z-index: 1;
    animation: iconS 1.6s ease-out infinite;
    background: linear-gradient(to right, #0045b9, #68e0cf);
}

.home-play-btn .btn-bg2 {
    width: 150%;
    height: 150%;
    opacity: 0.3;
    top: -25%;
    left: -25%;
    animation: iconS 1.6s ease-out infinite;
}

@media (max-width: 1440px) {
    .home-play-btn {
        left: 24px;
        bottom: -24px;
    }

    .home-play-btn .icon {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 1080px) {
    .home-play-btn {
        left: 20px;
        bottom: -18px;
    }

    .home-play-btn .icon {
        width: 36px;
        height: 36px;
    }

    .home-play-btn .icon i {
        font-size: 14px;
    }
}



/* 内页banner */
.inside-banner{width:100%;position:relative;}
.inside-banner .banner-img{width:100%;min-height:100px;}
.inside-banner .banner-img img{display:block;width:100%;}

.inside-banner-cont{position:absolute;top:0;left:0;width:100%;height:100%;display: flex;align-items: center;}

.inside-banner-txt{width:100%;color:#fff;font-weight:bold;}
.inside-banner-txt .banner-title{width: 100%;display: flex;align-items: center;}
.inside-banner-txt .banner-title h1{font-size:68px;line-height:80px;color:#fff;font-weight: bold;}
.inside-banner-txt .banner-title .c-icon{display: block;width:42px;margin-right:16px;margin-top:4px;}

.inside-banner-txt .banner-sub-title{font-size:24px;line-height:32px;margin-top:24px;font-weight:normal;}

.inside-content{width:100%;min-height:480px;}

.no-banner{width:100%;height:100px;}
@media(max-width:1440px){
    .inside-banner-txt .banner-title h1{font-size:56px;line-height:60px;}
    .inside-banner-txt .banner-title .c-icon{width:38px;margin-right:12px;}

    .no-banner{height:88px;}
}
@media(max-width:1080px){
    .inside-banner-txt .banner-title h1{font-size:40px;line-height:48px;}
    .inside-banner-txt .banner-title .c-icon{width:30px;margin-right:8px;}

    .no-banner{height:68px;}
}
@media(max-width:769px){
    .no-banner{height:56px;}
    .inside-banner-txt .banner-title h1{font-size:28px;line-height:32px;}
    .inside-banner-txt .banner-title .c-icon{width:24px;margin-right:8px;}

    .inside-banner-txt .banner-sub-title{font-size:14px;line-height:20px;margin-top:4px;}
}

/*内页导航*/
.inside-nav-box{width:100%;background-color:#f7f5f3;}
.inside-nav-height{width:100%;height:100px;}
.inside-nav-fixed{width:100%;height:100px;background-color:#f7f5f3;}

/*面包屑导航*/
.location{width:100%;border-bottom:#e0e0e0 solid 1px;}
.crumbs-nav{display:flex;align-items: center;color:#999;}
.crumbs-nav i.icon-home{font-size:20px;margin-left:0;margin-right:12px;color:var(--mainColor);line-height:72px;}
.crumbs-nav i{font-size:12px;margin-left:12px;margin-right:12px;}
.crumbs-nav a{line-height:72px;font-size:16px;color:#999;display: flex;align-items: center;}
.crumbs-nav a i{font-size:16px;margin:0;}
.crumbs-nav a:hover{color:var(--mainColor);}
.crumbs-nav strong{line-height:72px;font-size:16px;}


@media (max-width:1440px){
    .crumbs-nav i.icon-home {font-size:16px;line-height:60px;}
    .crumbs-nav i{margin-left:8px;margin-right:8px;}
    .crumbs-nav a{font-size:14px;line-height:60px;}
    .crumbs-nav a i{font-size:14px;}
    .crumbs-nav strong{font-size:14px;line-height:60px;}
}

@media (max-width:1080px){
    .location{display:none;}
}


.inside-nav{width:100%;position:relative;overflow:hidden;}
.inside-nav ul{display: flex;}
.inside-nav a{display:block;width:100%;font-size:20px;color:#333;line-height:80px;text-align: center; transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;background-color: #d7eeff;border-radius:40px;}
.inside-nav li.active a{background: linear-gradient(to right, #0045b9, #68e0cf);color: #fff;}
.inside-nav li:hover a{background: linear-gradient(to right, #0045b9, #68e0cf);color:#fff;}

.inside-nav .swiper-button-next,.inside-nav .swiper-button-prev{width:48px;height:100%;margin-top:0;z-index:9;transition:all 0.3s;-webkit-transition:all 0.3s;opacity:1;left:0;top:0;font-size:16px;color:#000;display:flex;align-items: center;background: linear-gradient(to right, rgb(255,255,255), rgba(255,255,255,0));justify-content:flex-start;display:none;}
.inside-nav .swiper-button-next {left:auto;right:0;background: linear-gradient(to left, rgb(255,255,255), rgba(255,255,255,0));justify-content:flex-end;}
.inside-nav .swiper-button-next:hover,.inside-nav .swiper-button-prev:hover{color:var(--mainColor);}
.inside-nav .swiper-button-prev.swiper-button-disabled {opacity:0;}
.inside-nav .swiper-button-next.swiper-button-disabled {opacity:0;}

.inside-nav-fixed.scroll{position:fixed;top:0px;z-index:999;}

@media(max-width:1440px){
    .inside-nav a{font-size:18px;line-height:68px;}

    .inside-nav-height{height:72px;}
    .inside-nav-fixed{height:72px;}
}
@media(max-width:1080px){
    .inside-nav a{font-size:16px;line-height:48px;}

    .inside-nav-height{height:56px;}
    .inside-nav-fixed{height:56px;}
}
@media(max-width:768px){
    .inside-nav li a{font-size:14px;line-height:40px;}

    .inside-nav-height{height:44px;}
    .inside-nav-fixed{height:44px;}

    .inside-nav.no-slide li{flex:1;}
    .inside-nav.no-slide li a{width:100%;padding:0;}

    .inside-nav .swiper-button-next,.inside-nav .swiper-button-prev{display:block;}
}

.page-title{width:100%;text-align:center;position:relative;}
.page-title .en-title{position:absolute;left:0;top:0;z-index:0;width:100%;height:67px;}
.page-title .en-title img{display:block;width:auto;height:100%;margin:0 auto;}
.page-title h1{font-size:36px;color:var(--textColor);line-height:40px;position:relative;z-index:3;font-weight:bold;}
.page-title h2{font-size:36px;color:var(--textColor);line-height:40px;position:relative;z-index:3;font-weight:bold;}

@media (max-width:1440px){
    .page-title .en-title{height:60px;}
    .page-title h1{font-size:32px;line-height:36px;}
    .page-title h2{font-size:32px;line-height:36px;}
}
@media (max-width:1080px){
    .page-title .en-title{height:48px;}
    .page-title h1{font-size:24px;line-height:28px;}
    .page-title h2{font-size:24px;line-height:28px;}
}

@media (max-width:480px){
    .page-title .en-title{height:36px;}
}


/*编辑器*/
.editor{font-size:16px;color:#333;line-height:32px;}
.editor a{font-size:16px;color:#333;line-height:32px;}
.editor h6{font-size:24px;color:#333;font-weight:bold;line-height:36px;}
.editor p{line-height:inherit;}
.editor img{max-width:100%;}
.editor strong{font-weight:bold;}
.editor em{font-style:italic;}
.editor ul,.editor li{list-style:unset;font-size:16px;color:#333;line-height:32px;}
.editor ul{padding-left:32px;}
.editor li::marker{text-indent:32px!important;}

@media(max-width:1440px){
    .editor{font-size:14px;line-height:28px;}
    .editor a{font-size:14px;line-height:28px;}
    .editor h6{font-size:18px;line-height:28px;}

    .editor ul,.editor li{font-size:14px;line-height:28px;}
    .editor ul{padding-left:28px;}
    .editor li::marker{text-indent:28px!important;}
}

@media(max-width:1280px){
    .editor{font-size:14px;line-height:28px;}
    .editor a{font-size:14px;line-height:28px;}
    .editor h6{font-size:16px;line-height:32px;}

    .editor ul,.editor li{font-size:14px;line-height:28px;}
    .editor ul{padding-left:28px;}
    .editor li::marker{text-indent:28px!important;}
}

@media(max-width:1080px){
    .editor{font-size:14px;line-height:24px;}
    .editor a{font-size:14px;line-height:24px;}

    .editor ul,.editor li{font-size:14px;line-height:24px;}
    .editor ul{padding-left:24px;}
    .editor li::marker{text-indent:24px!important;}
}

.editor-video{width:100%;position:relative;}
.editor-video .img{width:100%;margin:0 auto;position:relative;overflow:hidden;border-radius:24px;}
.editor-video .img-cont{width:100%;height:0;padding-bottom:56%;overflow:hidden;position: relative;}
.editor-video .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.editor-video .img-cont img{display:block;max-width:100%;max-height: 100%;object-fit: cover;transition: all 1s;-webkit-transition: all 1s;}
.editor-video .home-play-btn {left:50%;top:50%;transform: translate(-50%,-50%);bottom:auto;}





.form-list{width:100%;}
.form-list li{float:left;width:47.7%;margin-bottom:24px;position:relative;}
.form-list li.short-input{margin-left:4.6%;}
.form-list li.short-input:nth-child(odd){margin-left:0;}
.form-list li.long-input{width:100%;}
.form-list li.form-btn{margin-bottom:0;margin-left:4.6%;}
.form-list li h6{width:100%;font-size:16px;color:#666;line-height:32px;margin-bottom:8px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.form-list li h6 em{color:var(--mainColor);}
.form-list li input.form-input{width:100%;height:56px;background:none;border:#e0e0e0 solid 1px;padding:18px 20px;font-size:16px;line-height:20px;color:#333;outline:none;position:relative; transition:all 0.3s;-webkit-transition:all 0.3s;border-radius:8px;}
.form-list li.form-textarea{width:100%;}
.form-list li textarea{width:100%;height:240px;padding:16px 20px;font-size:16px;color:#333;line-height:28px;transition:all 0.3s;-webkit-transition:all 0.3s;background: none;
    border: #e0e0e0 solid 1px;outline:none;position:relative; font-family:"微软雅黑";border-radius:8px;}
.form-list li .icon{width:48px;height:56px;display:flex;align-items: center;justify-content:center;font-size:20px;color:#999;position:absolute;left:0;bottom:0;z-index:5;}
.form-list li.form-textarea .icon{bottom:auto;top:40px;}

.form-list li.form-code{display: flex;align-items:center;justify-content:space-between;}
.form-list li.form-code input.form-input{width:calc(100% - 120px);}
.form-list li .yzm-img{width:112px;height:56px;overflow:hidden;border-radius:12px;overflow:hidden;}
.form-list li .yzm-img img{display:block;width:100%;height:100%;}

.form-list li .submit-btn{float:right;width:72%;height:56px;background: linear-gradient(to right, #0045b9, #68e0cf);border:none;font-size:16px;color:#fff;transition:all 0.3s;-webkit-transition:all 0.3s;cursor:pointer;border-radius:30px;}


.form-list li:hover input.form-input{border-color: var(--mainColor);}
.form-list li:hover textarea{border-color: var(--mainColor);}
.form-list li:hover .select{border-color: var(--mainColor);}
.form-list li:hover  h6{color:var(--mainColor);}
.form-list li:hover  .icon{color:var(--mainColor);}
.form-list li.cur input.form-input{border-color: var(--mainColor);}
.form-list li.cur textarea{border-color: var(--mainColor);}
.form-list li.cur .select{background: linear-gradient(to right, #0045b9, #68e0cf);}
.form-list li.cur  h6{color:var(--mainColor);}
.form-list li.cur  .icon{color:var(--mainColor);}

@media(max-width:1440px){
    .form-list li{margin-bottom:20px;}
    .form-list li h6{font-size:14px;line-height:20px;margin-bottom:8px;}
    .form-list li input.form-input{height:48px;padding:14px 20px;font-size:14px;}
    .form-list li textarea{height:120px;padding:14px 20px;font-size:14px;line-height:24px;}
    .form-list li .icon{width:40px;height:48px;font-size:20px;}
    .form-list li.form-textarea .icon{bottom:auto;top:28px;}

    .form-list li.form-code input.form-input{width:calc(100% - 88px);}
    .form-list li .yzm-img{width:80px;height:48px;}

    .form-list li .submit-btn{height:48px;font-size:16px;}
}

@media(max-width:769px){
    .form-list{margin-bottom:20px;}
    .form-list li{width:100%;margin-bottom:16px;}
    .form-list li.short-input{margin-left:0;}
    .form-list li.form-btn{margin-top:20px;margin-left:0;width:100%;}
    .form-list li .submit-btn{width:100%;}
    .form-list li.form-code{width:100%;}
    .form-list li h6{margin-bottom:4px;}
}





/*分页*/
.list-more{width:100%;margin-top:20px;margin-bottom:20px;display:none;}
.list-more a{display:block;width:120px;height:36px;margin:0 auto;background:#f2f2f2;border-radius:8px;font-size:12px;color:#888;text-align:center;line-height:36px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.list-more a:hover{background: linear-gradient(to right, #0045b9, #68e0cf);color:#fff;transition: all 0.6s;-webkit-transition: all 0.6s;}

.page01 { text-align:center; width:100%;margin-top:20px;margin-bottom:40px;}
.page01 a{display:inline-block;zoom:1;*display:inline;padding:0 16px;height:46px;line-height:46px;color:#999;font-size: 18px;cursor: pointer; text-align:center;font-family:"Arial";}
.page01 .current{ color:var(--mainColor);}
.page01 a:hover{color:var(--mainColor);}
.page01 input{display:inline-block;zoom:1;*display:inline;width:60px;padding:0 8px;height:40px;border:none;background:#fff;}
.page01 input.go{border:var(--mainColor) solid 2px;color:var(--mainColor);}
.page02 { float:left;width:100%; height:45px; line-height:45px; text-align:center;color:#333; font-size:16px; background:#fff; margin-top:20px; display:none;}
.page01 button.btn{width:46px;height:46px;border:none;background: linear-gradient(to right, #0045b9, #68e0cf);border-radius:50%;outline:none;font-size:20px;color:#fff;cursor:pointer;}
.page01 button.btn.disabled{background-color:#ccc;}

@media (max-width:991px){
    .list-more{display:block;}
    .page01{display:none;}
}

.empty{width:100%;padding:80px 0;display:none;}
.empty img{display:block;max-width: 100%;margin:0 auto;}
.empty p{font-size:12px;color:#999;line-height:40px;text-align:center;}

.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all 0.3s;-webkit-transition: all 0.3s;opacity:0.8;}
.gray:hover{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:none;opacity:1;}

/*视频弹框*/
.popup-video-bg{position:fixed;z-index:1000;top:0;left:0;background:#000;opacity:0.8;width:100%;height:100%;display:none;}
.videobox-popup{position:fixed;z-index:1001;width:60%;top:14%;left:20%;display:none;}
.videobox-popup .popup-video-close{position:absolute;right:-24px;top:-24px;width:48px;height:48px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:28px;border:#fff solid 2px;border-radius:50%;cursor:pointer;opacity:0.8;}

@media(max-width:1280px){
    .videobox-popup{width:80%;left:10%;}
}

@media(max-width:769px){
    .videobox-popup{width:95%;left:2.5%;top:30%;}
    .videobox-popup .popup-video-close{right:auto;top:auto;bottom:-48px;left:50%;margin-left:-14px;width:28px;height:28px;border:#fff solid 1px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:16px;}
}

/* 类别 */
.pro-sort-box{width:100%;border-bottom:#e0e0e0 solid 1px;}
.pro-sort-box ul{display: flex;align-items: center;}
.pro-sort-box li{width:auto;}
.pro-sort-box li a{display: block;padding:10px 20px;font-size:18px;color:#888;border-bottom:transparent solid 4px;line-height:40px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.pro-sort-box li:hover a{color:var(--mainColor);}
.pro-sort-box li.active a{border-color: var(--mainColor);color:var(--mainColor);}
@media(max-width:1440px) {
    .pro-sort-box li a{padding:8px 16px;font-size:16px;border-bottom:transparent solid 4px;line-height:40px;}
}
@media(max-width:1080px) {
    .pro-sort-box li a{padding:4px 12px;font-size:14px;border-bottom:transparent solid 2px;line-height:32px;}
}
@media(max-width:769px) {
    .pro-sort-box li a{padding:4px 12px;font-size:12px;line-height:24px;}
}

/* 搜索页面 */
.main-search-box{max-width:680px;}
.main-search-box .top-search-input{padding:0 4%;}
.search-keys{font-size:24px;color:#666;line-height:32px;margin-top:2.5%;}

.search-sort li{margin-right:30px;}
.search-sort li a{padding:0;font-size:16px;border-bottom:transparent solid 2px;line-height:40px;}
.search-pro-list li{background-color: #fff;}

.search-news-list{width:100%;}
.search-news-list li{width:100%;margin-bottom:2.777%;background-color: #fff;border-radius:24px;overflow:hidden;}
.search-news-list li a{display: block;width: 100%;padding:32px 40px;}
.search-news-list li .txt h3 {
    font-size: 24px;
    color: #333;
    line-height: 32px;
    margin-bottom:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.search-news-list li:hover .txt h3 {
    color: var(--mainColor);
}

.search-news-list li .txt p {
    color: #999;
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media(max-width:1440px) {
    .search-keys{font-size:20px;line-height:28px;}

    .search-sort li{margin-right:24px;}
    .search-sort li a{padding:0;font-size:16px;border-bottom:transparent solid 2px;line-height:40px;}

    .search-news-list li{border-radius:20px;}
    .search-news-list li a{padding:24px 32px;}
    .search-news-list li .txt h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom:12px;
    }
    .search-news-list li .txt p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media(max-width:1080px) {
    .search-keys{font-size:18px;line-height:28px;}

    .search-sort li{margin-right:20px;}
    .search-sort li a{padding:0;font-size:14px;line-height:32px;}

    .search-news-list li{border-radius:16px;}
    .search-news-list li a{padding:16px 20px;}
    .search-news-list li .txt h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom:8px;
    }
    .search-news-list li .txt p {
        font-size: 14px;
        line-height: 24px;
    }
}
@media(max-width:1080px) {
    .search-keys {
        font-size: 16px;
    }

    .search-sort li {
        margin-right: 16px;
    }

    .search-sort li a {
        padding: 0;
        font-size: 14px;
        line-height: 32px;
    }

    .search-news-list li {
        border-radius: 8px;
    }

    .search-news-list li a {
        padding: 10px 12px;
    }

    .search-news-list li .txt h3 {
        font-size: 16px;
        margin-bottom: 4px;
    }
}









.pc-cont{display:block!important;}
.wap-cont{display:none!important;}

@media(max-width:769px){
    .pc-cont{display:none!important;}
    .wap-cont{display:block!important;}
}

