/* 头部 */
.top{height: 100px; width: 100%; position: fixed; top: 0; left: 0; background-color: #fff; min-width: 320px; z-index: 100;}
.top .auto-1720{position: relative;}
.top .logo{padding: 21.5px 0; display: inline-block;}
.top ul{position: absolute; left: 50%; top: 0; transform: translateX(-50%); white-space: nowrap;}
.top li{line-height: 100px; padding: 0 30px; display: inline-block; position: relative;}
.top li > a{font-weight: lighter; color: #333; cursor: pointer; transition: all .3s;}
.top li:hover > a{color: #093a96;}
.top li.on > a{color: #093a96;}
.top .sub{position: absolute; width: 100%; left: 50%; top: 100px; transform: translateX(-50%); background-color: rgba(255, 255, 255, .9); display: none; min-width: 120px;}
.top .sub dd{line-height: 60px; text-align: center;}
.top .sub dd a{color: #333; display: block; width: 100%; height: 100%; cursor: pointer; font-weight: lighter; transition: all .3s;}
.top .sub dd a:hover,
.top .sub dd a.aon{background-color: #093a96; color: #fff;}
.top .top-right{float: right;}
.top .top-right > .inner{float: right; line-height: 100px; margin-left: 40px;}
.top .top-right > .inner{font-weight: lighter; color: #333;}
.top .center,
.top .login{padding-left: 20px; background: url(../images/login-icon.png)no-repeat left center; position: relative; display: inline-block;}
.top .login::before{content: ''; position: absolute; width: 1px; height: 18px; background-color: #eee; right: -20px; top: 50%; transform: translateY(-50%);}
.top .register{padding-left: 20px; background: url(../images/register-icon.png)no-repeat left center; display: inline-block;}
.top .open-menu{display: none;}

.top .top-search{position: relative; display: inline-block; margin-left: 0!important;}
.top .top-search .open-search{width: 22px; height: 22px; margin-top: 39px; background: url(../images/search-icon.png) no-repeat center; background-size: 100%; transition: all .3s; cursor: pointer;}
.top .top-search .search{position: absolute; left: 50%; top: 130%; transform: translateX(-50%); line-height: 40px; height: 40px; display: none; border-radius: 40px; background-color: #f7f8fb; overflow: hidden; width: 300px; display: none;}
.top .top-search .search input{border: none; font-size: 16px; height: 40px; background-color: #f7f8fb; padding: 0 50px 0 20px; width: 100%;}
.top .top-search .search .btn{width: 22px; height: 22px; background: url(../images/search-icon.png) no-repeat center; background-size: 100%; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); cursor: pointer;}
.top .top-search.active .open-search{background: url(../images/close-bold.png) no-repeat center; background-size: 100%;}
@media(max-width: 1400px){
    .top li{padding: 0 15px;}
}
@media(max-width: 1200px){
    .top li{padding: 0 12px;}
    .top .top-right > .inner{margin-left: 20px;}
    .top .login::before{right: -10px;}
    .top .logo{padding: 28.6px 0;}
    .top .logo img{width: 120px;}
}
@media(max-width: 1024px){
    .top .open-menu{display: block; width: 36px; height: 36px; margin: 32px 0 32px 40px; border-radius: 50%; background-color: #093a96; position: relative; cursor: pointer;}
    .top .open-menu i{position: absolute; width: 70%; height: 3px; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 3px;}
    .top .open-menu::before,
    .top .open-menu::after{content: ''; background-color: #fff; width: 45%; height: 3px; border-radius: 3px; position: absolute; left: 50%; transform: translateX(-50%); transition: all .3s;}
    .top .open-menu::before{top: 22%;}
    .top .open-menu::after{bottom: 22%;}
    .top .open-menu.active i{display: none;}
    .top .open-menu.active::before{top: 50%; bottom: 0; width: 70%; transform: translate(-50%, -50%) rotate(45deg);}
    .top .open-menu.active::after{top: 50%; bottom: 0; width: 70%; transform: translate(-50%, -50%) rotate(-45deg);}
    .top ul{position: fixed; top: 100px; right: -200px; width: 200px; height: 100vh; background-color: #093a96d0; white-space: normal; transform: translateX(0); left: auto; transition: all .3s;}
    .top ul.show{right: 0;}
    .top li{display: block; line-height: 60px; padding: 0; transition: all .3s;}
    .top li > a{color: #fff; padding: 0 12px;}
    .top li.on,
    .top li:hover{ background-color: #093a96;}
    .top li.on > a,
    .top li:hover > a{color: #fff;}
    .top .sub{position: initial; transform: translateX(0); min-width: none;}
    .top .sub dd{line-height: 45px; text-align: left;}
    .top .sub dd a{padding-left: 20px;}
}
@media(max-width: 480px){
    .top{height: 80px;}
    .top .logo{padding: 18.5px 0;}
    .top .top-right > .inner{line-height: 80px; font-size: 0;}
    .top .open-menu{margin: 22px 0 22px 20px;}
    .top li{line-height: 50px;}
    .top ul{top: 80px;}
    .top .top-search .open-search{margin-top: 29px;}
}

/* kefu */
.kefu{position: fixed; width: 64px; height: 64px; border-radius: 50%; right: 2%; bottom: 15%; background: url(../images/kefu.png) no-repeat center #093a96; background-size: 60%; z-index: 200; cursor: pointer;}
.kefu a{display: block; height: 100%;}
.kefu .kf-qr{position: absolute; right: calc(100% + 15px); top: 50%; transform: translateY(-50%); width: 140px; height: 140px; padding: 10px; border-radius: 5px; background-color: #fff; display: none;}
.kefu .kf-qr::before{content: ''; width: 0; border: 8px solid transparent; border-left: 8px solid #fff; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}
@media(max-width: 768px) {
    .kefu{width: 40px; height: 40px; bottom: 10%;}
}

/* bottom */
.bottom{background-color: #f7f8fb; padding-top: 3.3333%;}
.bottom .auto-1400{position: relative;}
.bottom .bottom-top{border-bottom: 1px solid #eee;}
.bottom .bottom-bottom{padding: 2.14% 0;}
.bottom .logo{position: relative; display: inline-block; margin-right: 60px;}
.bottom .logo::before{content: ''; position: absolute; width: 1px; height: 60px; background-color: rgba(9, 58, 150, .1); top: 0; right: -30px;}
.bottom .text{display: inline-block; font-size: 22px; color: #093a96; vertical-align: middle; font-family: 'Medium';}
.bottom .ul1{padding: 4.28% 0;}
.bottom .ul1 li{float: left; padding: 0 30px; position: relative;}
.bottom .ul1 li a{color: #333;}
.bottom .ul1 li::before{content: ''; background-color: #ddd; position: absolute; width: 1px; height: 12px; right: 0; top: 50%; transform: translateY(-50%);}
.bottom .ul1 li:first-child{padding-left: 0;}
.bottom .ul1 li:last-child{padding-right: 0;}
.bottom .ul1 li:last-child::before{content: none;}
.bottom .qr-box{position: absolute; top: 0; right: 0; text-align: center;}
.bottom .qr-box dd{display: inline-block; margin-left: 20px;}
.bottom .qr-box img{width: 130px; height: 130px;}
.bottom .txt{padding-top: 10px; font-size: 14px; font-weight: lighter;}
.bottom .left{float: left;}
.bottom .right{float: right; text-align: right;}
.bottom .ul2 li{display: inline-block;}
.bottom .hotline,
.bottom .ul2 li a{font-size: 14px; color: #999; font-weight: lighter;}
.bottom .copyright{font-size: 14px; color: #999; font-weight: lighter; padding-top: 1.42%;}
.bottom .copyright a{font-size: 14px; color: #999; font-weight: lighter;}
.bottom .copyright a:hover{color: #093a96;}
.bottom .phone a{font-size: 30px; color: #093a96; font-family: 'HarmonyOS_Sans_SC_Medium'; line-height: 1;}
.bottom .wap{display: none;}
@media(max-width: 1024px){
    .bottom .ul1{display: none;}
    .bottom .qr-box{position: initial; padding: 2% 0;}
    .bottom .left,
    .bottom .right{float: none; text-align: center;}
    .bottom .copyright{padding: .5% 0 1% 0;}
}
@media(max-width: 480px){
    .bottom .wap{display: block; padding: 15px 0;}
    .bottom .pc{display: none;}
    .bottom .logo{width: 120px; margin-right: 40px}
    .bottom .logo::before{right: -20px;}
    .bottom .logo::before{height: 45px;}
    .bottom .text{font-size: 15px;}
    .bottom .qr-box img{width: 80px; height: 80px;}
    .bottom .txt{font-size: 13px;}
}

/* banner */
.banner img{width: 100%;}
.banner .wap{display: none;}
.banner .pc{position: relative;}
.banner .content{position: absolute; left: 0; top: 42%; z-index: 10; color: #446f98; width: 100%; font-size: 48px; line-height: 1.3;}
.banner .inner{display: inline-block; padding: 30px 0 0 0; border-top: 1px solid rgba(68, 111, 152, .2); border-bottom: 2px solid rgba(68, 111, 152, .4);}
.banner .tit1{position: relative; display: inline-block;}
.banner .tit1::before{content: ''; width: 90px; height: 88px; position: absolute; right: 0; top: 0; background: url(../images/leaf-icon.png)no-repeat; transform: translate(110%, -50%);}
.banner .tit2{font-weight: lighter; padding-bottom: 18px; margin-bottom: 2px;border-bottom: 1px solid rgba(68, 111, 152, .2); font-size: 32px; letter-spacing: 1px;}
@media(max-width: 1400px){
    .banner .inner{padding-top: 20px;}
    .banner .content{font-size: 36px;}
    .banner .tit2{font-size: 22px;}
}
@media(max-width: 1024px){
    .banner .pc{display: none;}
    .banner .wap{display: block; padding-top: 100px;}
}
@media(max-width: 480px){
    .banner .wap{padding-top: 80px;}
}

/* menu */
.menu .location{line-height: 55px; text-align: right;}
.menu a{color: #999; font-size: 14px;}
.menu span{font-size: 14px; color: #079a3f;}
.menu a:first-child{padding-left: 20px; background: url(../images/home.png)no-repeat left center;}

/* category */
.category{padding-bottom: 3.21%;}
.category li{display: inline-block; width: 140px; line-height: 46px; text-align: center; margin-bottom: 10px; margin-right: 10px;}
.category li a{display: block; width: 100%; height: 100%; color: #555; font-weight: lighter; border: 1px solid #eee; margin-right: 10px; transition: all .3s;}
.category li:hover a,
.category li.aon a{background-color: #093a96; color: #fff; box-shadow: 0 0 20px #093a964f;}
@media(max-width: 640px){
    .category{white-space: nowrap; border-bottom: 1px solid #ededed; overflow: hidden; overflow-x: auto; padding-bottom: 0; margin-bottom: 3.21%;}
    .category li{width: 100px; line-height: 40px; margin-bottom: 0;}
    .category li a{font-size: 14px; border: none;}
}

/* slick-dots */
.slick-dots{text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 5;}
.slick-dots li{display: inline-block; margin-top: 40px;}
.slick-dots button{font-size: 0; padding: 0; margin: 0 10px; width: 12px; height: 12px; border-radius: 50%; border: none; background-color: rgba(255, 255, 255, 0); transition: all .3s; border: 2px solid #fff;}
.slick-dots .slick-active button{background-color: #fff;}
@media(max-width: 1024px){
    .slick-dots button{width: 8px; height: 8px; margin: 0 5px;}
}

/* 分页 */
.pages{text-align: center; padding-top: 4.28%;}
.pages a{line-height: 46px; color: #555; font-style: normal; border-radius: 5px; display: inline-block; transition: all .3s; background-color: #f7f8fb;}
.pages a.a_cur,
.pages a:hover{background-color: #093a96; color: #fff;}
.pages .a_prev{padding: 0 25px; margin-right: 20px;}
.pages .a_next{padding: 0 25px; margin-left: 20px;}
.pages .num a{width: 46px; text-align: center; margin-right: 10px;}
.pages .num a:last-child{margin-right: 0;}
@media(max-width: 640px){
    .pages .num{display: none;}
}
.pages b{font-weight: normal;}
.pages .p_jump{margin-left: 20px; vertical-align: top;}
.pages .p_jump .i_text{width: 40px; height: 40px; line-height: 40px; text-align: center;border: 0; border-radius: 3px;background-color: #f7f7f7; margin: 0 10px;}


.heightLight{display: inline-block; background-color: yellow; line-height: 30px;}

/* search */
.search-box{width: 100%; padding: 3.21% 0 4.28%; margin: 0 auto; max-width: 680px;}
.search-box input{width: 76.5%; display: inline-block; line-height: 56px; border: 2px solid #093a96; padding: 0 30px; font-size: 16px; vertical-align: top;}
.search-box input::placeholder,
.search-box input::-moz-placeholder{color: #999; font-size: 16px; font-weight: lighter;}
.search-box .btn{width: 23.5%; display: inline-block; line-height: 60px; text-align: center; background-color: #093a96; color: #fff; vertical-align: top; cursor: pointer;}
.search-box .hot{padding-top: 20px; line-height: 32px;}
.search-box span a{padding: 0 14px; display: inline-block; background-color: #f7f8fb; border-radius: 32px; color: #818faa; margin-left: 10px; margin-bottom: 5px;}
@media(max-width: 640px){
    .search-box input{line-height: 41px; padding: 0 10px; font-size: 14px;}
    .search-box .btn{line-height: 45px; font-size: 14px;}
    .search-box,
    .search-box span a{font-size: 14px;}
    .search-box input::placeholder,
    .search-box input::-moz-placeholder{font-size: 14px;}
    .search-box .hot{padding-top: 10px;}
}

/* empty */
.empty{text-align: center; padding: 10% 0 5%;}
.empty .tips{color: #999; font-weight: lighter;}

/* 首页 */
.index-banner{position: relative;}
.index-banner img{width: 100%;}
.index-banner .pc{ position: relative;}
.index-banner .wap{display: none;}
.index-banner .slick-dots{bottom: 150px;}
.index-banner .notice{width: 100%; position: absolute; left: 0; bottom: 0; height: 120px; z-index: 5; color: #fff;}
.index-banner .notice .auto-1400{z-index: 10; position: absolute; left: 50%; transform: translateX(-50%);}
.index-banner .left{width: 14%; background: url(../images/notice-icon.png)no-repeat left center #093a96; font-size: 20px; height: 120px; padding-left: 60px; display: flex; align-items: center; position: relative; float: left;}
.index-banner .left::before{content: ''; background: url(../images/notice-bg.png)no-repeat center #093a96; position: absolute; height: 100%; width: 200%; right: calc(100% - 1px); top: 0;}
.index-banner .right{width: 86%; height: 120px; background-color: rgba(0, 0, 0, .5); float: left; position: relative; display: flex; justify-content: space-between; align-items: center;}
.index-banner .right::before{content: ''; background: rgba(0, 0, 0, .5); position: absolute; height: 100%; width: 50%; left: 100%; top: 0;}
.index-banner .notice .item{padding: 0 20px; width: 40%; display: inline-block;}
.index-banner .date{color: rgba(255, 255, 255, .5); font-size: 14px; font-family: 'HarmonyOS_Sans_SC_Light';}
.index-banner .title{font-weight: lighter; font-size: 16px; color: #fff; padding-top: 3%;}
.index-banner .more{font-weight: lighter; padding-right: 20px; background: url(../images/more-icon.png)no-repeat right center; color: #fff; float: right;}
.index-banner .content{position: absolute; left: 0; top: 40%; z-index: 10; color: #446f98; width: 100%; font-size: 48px;}
.index-banner .inner{display: inline-block; padding: 20px 0 0 0; border-top: 1px solid rgba(68, 111, 152, .2); border-bottom: 2px solid rgba(68, 111, 152, .4);}
.index-banner .tit1{position: relative; display: inline-block;}
.index-banner .tit1::before{content: ''; width: 90px; height: 88px; position: absolute; right: 0; top: 0; background: url(../images/leaf-icon.png)no-repeat; transform: translate(110%, -50%);}
.index-banner .tit2{font-weight: lighter; padding-bottom: 18px; margin-bottom: 2px;border-bottom: 1px solid rgba(68, 111, 152, .2);}
.index-banner .content.type1{color: #fff; top: 55%; font-family: 'MiSans';}
.index-banner .right .slick-list{width: 100%;}
@media(max-width: 1400px){
    .index-banner .content{font-size: 30px;}
    .index-banner .content{top: 40%;}
    .index-banner .content.type1{top: 45%;}
}
@media(max-width: 1200px){
    .index-banner .pc{padding-top: 100px;}
}
@media(max-width: 1024px){
    .index-banner{padding-top: 80px;}
    .index-banner .pc{display: none;}
    .index-banner .wap{display: block;}
    .index-banner .notice .item{padding: 0 15px; width: 43%;}
    .index-banner .more{font-size: 14px; padding-right: 15px;}
    .index-banner .notice,
    .index-banner .right{height: 100px;}
    .index-banner .notice{background-color: rgba(0, 0, 0, .5);}
    .index-banner .left,
    .index-banner .left::before{display: none;}
    .index-banner .right{width: 100%; background: none;}
    .index-banner .right::before,
    .index-banner .right::after{content: none;}
    /* .index-banner .notice .item:first-child{padding-left: 0;} */
    .index-banner .slick-dots{bottom: 120px;}
}
@media(max-width: 480px){
    .index-banner .slick-dots{bottom: 50px;}
    .index-banner .notice,
    .index-banner .right{height: 40px;}
    .index-banner .notice .item{width: 100%!important; padding: 0;}
    .index-banner .title{padding-top: 1%; font-size: 15px;}
    .index-banner .notice .item:nth-child(2){display: none;}
    .index-banner .notice .item .date{display: inline-block; width: 80px; vertical-align: top;}
    .index-banner .notice .item .title{width: calc(100% - 85px); display: inline-block; padding-top: 0; vertical-align: top;}
}

.index .part{padding: 5.2% 0; padding-top: 0;}
.index .title-box{display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; padding-bottom: 3.2%;}
.index .title-box .title{font-size: 36px; font-family: 'Medium'; color: #333; }
.index .title-box .more{font-weight: lighter; color: #999; background: url(../images/more-icon1.png)no-repeat right center; padding-right: 18px;}
@media(max-width: 640px){
    .index .title-box .title{font-size: 24px;}
    .index .title-box .more{font-size: 14px;}
}

.index-news{padding-top: 5.2%!important;}
.index-news .item{padding: 10px;}
.index-news .box{background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: flex; flex-direction: row; justify-content: center; align-items: center;}
.index-news .left{width: 56%; padding: 4% 8.5% 4% 5.7%; position: relative;}
.index-news .right{width: 44%;}
.index-news .right img{width: 100%;}
.index-news .tit{font-size: 24px; font-family: 'Medium'; color: #333; min-height: 72px;}
.index-news .date{font-family: 'HarmonyOS_Sans_SC_Light'; color: #999; padding: 3.5% 0 4.4% 0;}
.index-news .txt{font-weight: lighter; color: #999; line-height: 2; min-height: 96px;}
.index-news .detail{width: 30%; min-width: 100px; line-height: 60px; text-align: center; color: #fff; background-color: #093a96; box-shadow: 0 0 20px #093a964f; margin-top: 7.7%; position: relative;}
.index-news .detail::before{content: ''; background-color: #eee; height: 1px; width: 200%; top: 50%; right: 0; transform: translate(100%, -50%); position: absolute;}
.index-news .slick-dots{display: inline-block; bottom: 4%; width: auto; right: 2%; left: auto;}
.index-news .slick-dots button{width: 10px; height: 10px; background-color: #e5e5e5; border: none; margin: 0 5px;}
.index-news .slick-dots .slick-active button{background-color: #079a3f;}
@media(max-width: 1024px){
    .index-news .left{padding: 2% 4% 2% 3%;}
    /* .index-news .slick-dots{bottom: 15%;} */
    .index-news .tit{font-size: 20px; min-height: 64px;}
    .index-news .txt{line-height: 1.8; min-height: 86px;}
    .index-news .detail{line-height: 50px; margin-top: 5%;}
    .index-news .date{padding: 2% 0;}
}
@media(max-width: 768px){
    .index-news .box{display: block;}
    .index-news .right{width: 100%;}
    .index-news .left{width: 100%; padding: 5%;}
    .index-news .slick-dots{bottom: 5%;}
}
@media(max-width: 640px){
    .index-news .tit{font-size: 18px; min-height: 56px;}
    .index-news .txt{line-height: 1.5; min-height: 64px; font-size: 14px;}
    .index-news .detail{line-height: 40px; font-size: 14px;}
}

.index-news .left-part{width: 58%; float: left;}
.index-news .left-part .above{position: relative; margin-bottom: 2%;}
.index-news .left-part .above .pic{position: relative; padding-top: 60%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.index-news .left-part .above .pic:hover{background-size: 110%;}
.index-news .left-part .above .title{position: absolute; width: 100%; bottom: 0; left: 0; padding: 5% 20% 2% 2%; color: #fff; font-size: 20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.8) 40%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.8) 40%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.8) 40%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.index-news .left-part .below li{margin-top: 3%;}
.index-news .left-part .below .pic{width: 28%; float: left; padding-top: 18%; background-size: 100%; background-position: center;}
.index-news .left-part .below .content{width: 72%; float: left; padding: 1% 2% 0 2%;}
.index-news .left-part .below .title{font-size: 20px; color: #333;}
.index-news .left-part .below .intro{font-size: 16px; color: #999; margin: 2% 0;}
.index-news .left-part .below .date{text-align: right; padding: 2% 0 0;}
.index-news .right-part{width: 38%; float: right;}
.index-news .subtit{font-size: 20px; color: #093a96; padding-bottom: 5%; font-weight: bold;}
.index-news .right-part li{padding: 2.8% 0;}
.index-news .right-part li .title{width: calc(100% - 90px); float: left; position: relative; padding-left: 15px; font-size: 16px;}
.index-news .right-part li .title::before{content: ''; width: 3px; height: 3px; position: absolute; top: 50%; left: 0; background-color: #555; transform: translateY(-50%);}
.index-news .right-part li .date{width: 80px; float: right; padding: 0; font-size: 14px;}
.index-news .slick-dots button{border-radius: 0; margin: 0 10px;}
/* .index-news .right-part li:nth-child(5n+1){border-bottom: 1px solid #ededed; padding: 3% 0 4%; margin-bottom: 1%;}
.index-news .right-part li:nth-child(5n+1) .title{width: 100%; float: none; font-size: 18px; margin-bottom: 2%;}
.index-news .right-part li:nth-child(5n+1) .date{width: 100%; text-align: right; font-size: 16px; padding: 3% 0 0;} */
@media(max-width: 1200px){
    .index-news .left-part{width: 62%;}
    .index-news .right-part{width: 35%;}
}
@media(max-width: 960px) {
    .index-news .subtit{padding-bottom: 3%;}
    .index-news .right-part li .title{font-size: 15px;}
    /* .index-news .right-part li:nth-child(5n+1) .title{font-size: 17px;} */
}
@media(max-width: 768px) {
    .index-news .left-part,
    .index-news .right-part{width: 100%; float: none;}
    .index-news .right-part{padding-top: 5%; padding-bottom: 0;}
    .index-news .right-part li{padding: 1.5% 0;}
    /* .index-news .right-part li:nth-child(5n+1){padding: 2% 0;}
    .index-news .right-part li:nth-child(5n+1) .date{padding-top: 0;} */
}
@media(max-width: 640px) {
    .index-news .left-part .below .content{padding-top: 0;}
    .index-news .left-part .below .title{font-size: 15px;}
    .index-news .left-part .below .intro{font-size: 15px;}
    .index-news .left-part .below .date{margin-top: -10px; font-size: 14px;}
    .index-news .left-part .above .title{font-size: 16px;}
    .index-news .slick-dots button{margin: 0 6px;}
}
@media(max-width: 480px) {
    .index-news .left-part .above .pic{padding-top: 50%;}
}


.index-solution{background-color: #f7f8fb;}
.index-solution .auto-1400{padding: 5.2% 0; position: relative; overflow: visible;}
.index-solution .slider-nav{position: absolute; top: 0; right: 0;}
.index-solution .slider-nav li{display: inline-block; width: 150px; text-align: center; height: 180px; cursor: pointer; transition: all .3s; position: relative;}
.index-solution .category{padding-top: 70%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.index-solution .category.on{position: absolute; top: 0; left: 0; width: 100%; opacity: 0; color: #093a96;}
.index-solution .slider-nav li.slick-current,
.index-solution .slider-nav li:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(9,58,150,0.3) 0%, rgba(9,58,150,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(9,58,150,0.3) 0%,rgba(9,58,150,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(9,58,150,0.3) 0%,rgba(9,58,150,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.index-solution .slider-nav li.slick-current .category,
.index-solution .slider-nav li:hover .category{opacity: 0;}
.index-solution .slider-nav li.slick-current .category.on,
.index-solution .slider-nav li:hover .category.on{opacity: 1;}
.index-solution .pic1{width: 100%; position: relative; position: relative;-webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255,255,255,0.2) 0%, transparent 30%, transparent 100%);}
/* 图片底部阴影 */
.index-solution .pic1::before{content: ''; position: absolute; left: 0; bottom: -10px; width: 100%; height: 20px; background: url(../images/pic_bottom.png)no-repeat center; background-size: cover;}
/* 图片底部镜面反射 */
.index-solution .pic1 i{-moz-transform: scaleY(-1); padding: 1px 0px;background-origin: padding-box, content-box; background-clip: padding-box, content-box; position: absolute; height: 5%; width: 100%; top: 100%; left: 0px; opacity: 1;}
.index-solution .tit{opacity: 0; transition: all .3s; font-family: 'Medium'; font-size: 20px; color: #333; text-align: center; padding: 35px 0 20px;}
.index-solution .txt{opacity: 0; transition: all .3s; font-weight: lighter; color: #999; text-align: center; padding-bottom: 2%;}
/* .index-solution .flip-items{width: 100%!important;} */
.index-solution .flipster-carousel .flip-prev, 
.index-solution .flipster-carousel .flip-next{opacity: .6; transition: all .3s;}
.index-solution .flipster-carousel .flip-future,
.index-solution .flipster-carousel .flip-past{opacity: .3; transition: all .3s;}
.index-solution .flip-item.flip-current{opacity: 1;}
.index-solution .flip-current .tit,
.index-solution .flip-current .txt{opacity: 1;}
.index-solution .flipto-prev,
.index-solution .flipto-next{display: block; font-size: 0; width: 60px; height: 60px; box-shadow: 0 0 20px #093a964f; position: absolute; top: 50%;}
.index-solution .flipto-prev{left: 0%; transform: translateY(-50%); background: url(../images/prev-icon.png)no-repeat center #093a96;}
.index-solution .flipto-next{right: 0%; transform: translateY(-50%); background: url(../images/next-icon.png)no-repeat center #093a96;}
@media(max-width: 960px){
    .index-solution .slider-nav li{width: 120px; height: 140px;}
}
@media(max-width: 768px){
    .index-solution .slider-nav{position: initial;}
    .index-solution .slider-nav li{width: 25%;}
    .index-solution .category{padding-top: 100%;}
    .index-solution .flip-items{width: 100%!important;}
    .index-solution .flip-item{width: 100%;}
    .index-solution .tit{padding: 2% 0 1%; font-size: 18px;}
    .index-solution .txt{font-size: 14px; padding-bottom: 8%;}
    .index-solution .flipto-prev,
    .index-solution .flipto-next{width: 40px; height: 40px;}
}

.index-case ul{margin: 0 -2.64%;}
.index-case li{width: 33.333%; float: left; padding: 0 2.64%; margin-bottom: 5%;}
.index-case .pic{padding-top: 71.42%; background-size: 100%; background-position: center; position: relative;}
.index-case .cover{position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); top: 0; left: 0; opacity: 0; transition: all .3s;}
.index-case .icon{width: 70px; height: 70px; border-radius: 50%; background: url(../images/case-icon.png)no-repeat center #093a96; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.index-case .item{transition: all .3s; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.index-case .item:hover{transform: translateY(-4%);}
.index-case .item:hover .cover{opacity: 1;}
.index-case .content{padding: 9.5% 7.14%;}
.index-case .tit{font-size: 20px; color: #333; margin-bottom: 2%;}
.index-case .txt{font-weight: lighter; color: #999; line-height: 1.8; min-height: 87px;}
.index-case .label-box{padding-top: 7.14%; height: 56px;}
.index-case span{padding: 0 10px; line-height: 32px; background-color: rgba(7, 154, 63, 0.1); color: #079a3f; border-radius: 32px; display: inline-block; margin-right: 10px;}
@media(max-width: 1024px){
    .index-case li{width: 50%;}
}
@media(max-width: 640px){
    .index-case .tit{font-size: 18px;}
    .index-case .txt{font-size: 14px; min-height: 66px;}
    .index-case li{width: 100%;}
    .index-case .content{padding: 3%;}
    .index-case .label-box{padding-top: 3%; height: auto; font-size: 12px;}
    .index-case .label-box span{line-height: 28px;}
}

.index-course{padding: 5.2% 0!important;}
.index-course{background-color: #f7f8fb;}
.index-course ul{margin: 0 -1.428%;}
.index-course li{width: 25%; float: left; padding: 0 1.428%; margin-bottom: 2.856%;}
.index-course .pic{padding-top: 68.75%; background-size: 100%; background-position: center; display: block; background-repeat: no-repeat;}
.index-course .content{background-color: #fff; padding: 9.375% 6.25%; position: relative;}
.index-course .tit{font-size: 18px; color: #333; height: 50px;}
.index-course .txt{font-size: 14px; font-weight: lighter; color: #999; margin-top: 3%; height: 42px;}
.index-course .icon{width: 50px; height: 50px; border-radius: 50%; background: url(../images/course-icon.png)no-repeat center #093a96; box-shadow: 0 0 20px #093a964f; position: absolute; right: 6.25%; top: 0; transform: translateY(-50%); transition: all .3s; opacity: 0;}
.index-course .item{transition: all .3s;}
.index-course .item:hover{transform: translateY(-4%);}
.index-course .item:hover .icon{opacity: 1;}
.index-course .btn{text-align: center;}
.index-course .btn a{cursor: pointer; padding: 10px 20px; border: 1px solid #093a96; color: #093a96; transition: all .3s;}
.index-course .btn a:hover{background-color: #093a96; color: #fff;}
.index-course .lab{width: 100%; white-space: nowrap; overflow-x: auto; margin-top: 15px; height: 25px; padding-bottom: 5px; overflow-y: hidden;}
.index-course .lab::-webkit-scrollbar{width: 6px; height: 2px;}
.index-course .lab::-webkit-scrollbar-thumb{border-radius: 6px; background-color: #0b2b75;}
.index-course .lab::-webkit-scrollbar-track{border-radius: 6px; background-color: #bababa8f;}
.index-course .lab::-webkit-scrollbar-button{display: none;}
.index-course .lab span{display: inline-block; line-height: 20px; margin-right: 10px; border-radius: 20px; padding: 0 5px; font-size: 14px; color: #093a96; background-color: #d6d8dd;}
@media(max-width: 1024px){
    .index-course li{width: 33.3333%;}
}
@media(max-width: 768px){
    .index-course li{width: 50%;}
    .index-course .txt{height: 38px;}
}
@media(max-width: 480px){
    /* .index-course li{width: 100%;} */
    .index-course .content{padding: 3%;}
}

.index-notice{padding: 5.2% 0!important;}
.index-notice .box{display: flex; flex-direction: row; justify-content: space-between;}
.index-notice .pic{width: 25%;}
.index-notice .right{width: 71%; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.index-notice li{border-bottom: 1px dashed #eee; transition: all .3s;}
.index-notice li:last-child{border-bottom: none;}
.index-notice li a{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.index-notice li a > div{line-height: 80px;}
.index-notice .tit{width: 55%; color: #333;}
.index-notice .company{width: 26%; font-weight: lighter; color: #999;}
.index-notice .date{font-family: 'HarmonyOS_Sans_SC_Light'; color: #999; width: 87px; white-space: nowrap;}
.index-notice .label span{width: 50px; line-height: 24px; display: block; border-radius: 24px; text-align: center; color: #fff; font-size: 14px;}
.index-notice .label.type1 span{background-color: #093a96;}
.index-notice .label.type2 span{background-color: #079a3f;}
.index-notice li:hover{box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.1),0px -15px 15px -15px rgba(0, 0, 0, 0.1);}
.index-notice li:hover .tit{color: #093a96;}
@media(max-width: 1024px){
    .index-notice .pic{width: 100%; padding-bottom: 3%; display: none;}
    .index-notice .box{display: block;}
    .index-notice .right{width: 100%;}
    .index-notice .tit{padding-left: 10px;}
}
@media(max-width: 640px){
    .index-notice .tit{width: 70%;}
    .index-notice .company{display: none;}
    .index-notice li a > div{line-height: 50px;}
}

.index-partner .auto-1400{overflow: hidden;}
.index-partner li{box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2); transition: all .3s;}
.index-partner li img{transition: all .3s;}
.index-partner li:hover img{opacity: 1!important;}
.index-partner .slick-list{overflow: visible;}

/* 资讯动态 */
.news{padding-bottom: 3.64%;}
.news .left{width: 100%; float: none;}
.news .right{width: 34.28%; float: right;}
.news .above .pic{padding-top: 66.27%; width: 100%; background-repeat: no-repeat; background-size: 100%; background-position: center; position: relative;}
.news .above .tit{position: absolute; width: 100%; height: 20%; left: 0; bottom: 0; color: #fff; padding: 0 30px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.news .above span{position: absolute; left: 30px; bottom: 30px; z-index: 1; width: 70%; font-size: 20px; font-family: 'Medium';}
.news .slick-dots{display: inline-block; width: auto; right: 30px; bottom: 40px; left: auto;}
.news .slick-dots button{width: 10px; height: 10px; background-color: #fff; transition: all .3s; border-radius: 0; border: none;}
.news .slick-dots .slick-active button{background-color: #079a3f; border: none;}

.news .list1{padding-top: 3%; padding-bottom: 30px; border-bottom: 1px solid #eee;}
.news .list1 li{padding-bottom: 3%;}
.news .list1 li:last-child{padding: 0;}
.news .list1 .pic{width: 18%; padding-top: 11.666%; background-size: 100%; background-position: center; background-repeat: no-repeat; float: left;}
.news .list1 .content{width: 82%; float: right; padding-left: 20px;}
.news .list1 .tit{font-size: 24px; font-weight: bold; color: #333;}
.news .list1 .txt{color: #999; line-height: 1.8; margin: 1.5% 0; font-weight: lighter;}
.news .list1 .date{color: #999; text-align: right; padding-top: 10px;}

.news .right .title{font-size: 22px; font-weight: bold; color: #093a96; padding-bottom: 15px;}
.news .list2{border-bottom: 1px solid #eee; padding-bottom: 15px;}
.news .list2 li a{line-height: 40px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.news .list2 .tit{position: relative; width: calc(100% - 90px); padding-left: 5.2%; color: #333; font-weight: lighter;}
.news .list2 .tit::before{content: ''; position: absolute; background-color: #666; width: 3px; height: 3px; left: 0; top: 50%; transform: translateY(-50%);}
.news .list2 .txt{display: none;}
.news .list2 .date{font-family: 'HarmonyOS_Sans_SC_Light'; color: #999;}
/* .news .list2 li:nth-child(5n+1){padding: 20px 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin: 15px 0;}
.news .list2 li:nth-child(5n+1) a{display: block; line-height: 1.5;}
.news .list2 li:nth-child(5n+1) .tit{font-size: 18px; font-weight: bold; width: 100%;}
.news .list2 li:nth-child(5n+1) .txt{display: -webkit-box; display: box; padding-left: 5.2%; color: #999; font-weight: lighter; margin: 3.7% 0 2%;}
.news .list2 li:nth-child(5n+1) .date{text-align: right;} */
.news .list2 li:first-child{border-top: none!important; margin-top: 0!important;}
@media(max-width: 1024px){
    .news .list1 .tit{font-size: 18px;}
}
@media(max-width: 960px){
    .news .left,
    .news .right{width: 100%; float: none;}
    /* .news .list2 li:nth-child(5n+1) .txt{margin: 1% 0;} */
}
@media(max-width: 640px){
    .news .above span{font-size: 16px; left: 15px; bottom: 15px;}
    .news .slick-dots{right: 15px; bottom: 22px;}
    .news .slick-dots button{width: 8px; height: 8px;}
    .news .list1 .tit{font-size: 16px;}
    .news .list1 .txt{font-size: 14px; line-height: 1.5;}
    /* .news .list2 li:nth-child(5n+1) .txt,
    .news .list2 li:nth-child(5n+1) .date, */
    .news .list2 .tit,
    .news .list2 .date,
    .news .list1 .date{font-size: 14px;}
    /* .news .list2 li:nth-child(5n+1) .tit{font-size: 16px;} */
    .news .list2 li a{line-height: 30px;}
    /* .news .list2 li:nth-child(5n+1){padding: 10px 0;} */
}
@media(max-width: 480px) {
    /* .news .list1 .pic{width: 100%; padding-top: 66%; margin-bottom: 3%;}
    .news .list1 .content{width: 100%; padding-left: 0;} */

    .news .list1 .pic{width: 25%; padding-top: 17%;}
    .news .list1 .content{width: 75%;}
    .news .list1 .tit{font-size: 15px;}
    .news .list1 li{padding-bottom: 5%;}
    .news .list1 .date{padding: 5px 0;}
}

/* 资讯详情 */
.news-detail .title{font-size: 36px; font-family: 'Medium'; color: #333;}
.news-detail .date{font-family: 'HarmonyOS_Sans_SC_Light'; color: #999; padding: 40px 0; border-bottom: 1px solid #eee;}
.news-detail .content{padding: 50px 0; border-bottom: 1px solid #eee;}
.news-detail p{color: #666; line-height: 2;}
.news-detail img{padding: 1% 0;}
.news-detail .nav-box{line-height: 100px; border-bottom: 1px solid #eee;}
.news-detail .nav-box a{color: #999;}
.news-detail .next,
.news-detail .prev{width: 50%; float: left;}
.news-detail .back{margin: 4.28% auto 8.56% auto; display: block; width: 160px; line-height: 46px; border-radius: 46px; text-align: center; color: #182536; padding-right: 30px; background: url(../images/back-icon.png)no-repeat 120px center #f5f6fa; opacity: .5; transition: all .3s;}
.news-detail .back:hover{background: url(../images/more-icon.png)no-repeat 120px center #093a96; color: #fff; opacity: 1;}
.news-detail table td{border: 1px solid #000!important;}
@media(max-width: 640px){
    .news-detail .title{font-size: 22px;}
    .news-detail .date{padding: 15px 0;}
    .news-detail .content{padding: 20px 0;}
    .news-detail p{font-size: 14px; line-height: 1.8;}
    .news-detail .nav-box{line-height: 40px;}
    .news-detail .next,
    .news-detail .prev{width: 100%; float: none; font-size: 14px;}
}

/* 解决方案 */
.solution{padding-bottom: 3.64%;}
.solution .list{margin: 0 -2.14%;}
.solution .list li{width: 50%; float: left; padding: 0 2.14%; margin-bottom: 4.28%;}
.solution .item{box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.solution .pic{width: 100%; padding-top: 65.625%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.solution .list li:hover .pic{background-size: 110%;}
.solution .content{padding: 7.8125%;}
.solution .tit{font-size: 20px; color: #333;}
.solution .txt{font-weight: lighter; color: #999; line-height: 1.8; margin-top: 2%; min-height: 58px;}
@media(max-width: 640px){
    .solution .content{padding: 5%;}
    .solution .tit{font-size: 18px;}
    .solution .txt{font-size: 14px; min-height: 51px;}
}
@media(max-width: 480px){
    /* .solution .list li{width: 100%;} */
}

/* 项目案例 */
.case{padding-bottom: 3.64%;}
.case .list{margin: 0 -2.5%;}
.case .list li{width: 33.333%; float: left; padding: 0 2.5%; margin-bottom: 5%;}
.case .item{box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.case .pic{width: 100%; padding-top: 71.42%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.case .list li:hover .pic{background-size: 110%;}
.case .content{padding: 9.52% 7.14%;}
.case .tit{font-size: 20px; color: #333;}
.case .txt{font-weight: lighter; color: #999; line-height: 1.8; margin-top: 2%; min-height: 87px;}
.case .label-box{padding-top: 7.14%; height: 56px;}
.case .list span{padding: 0 10px; line-height: 32px; background-color: rgba(7, 154, 63, 0.1); color: #079a3f; border-radius: 32px; display: inline-block; margin-right: 10px;}
@media(max-width: 1024px){
    .case .list li{width: 50%;}
    .case .label-box{padding-top: 3%;}
}
@media(max-width: 640px){
    .case .content{padding: 5%;}
    .case .tit{font-size: 18px;}
    .case .txt{font-size: 14px; min-height: 80px;}
    .label-box{padding-top: 3%; font-size: 12px; overflow-x: auto; white-space: nowrap;}
    .label-box span{line-height: 28px;}
}
@media(max-width: 480px){
    /* .case .list li{width: 100%;} */
}

/* 环保课堂 */
.course{padding-bottom: 3.64%;}
.course .list{margin: 0 -1.42%;}
.course .list li{width: 25%; float: left; padding: 0 1.42%; margin-bottom: 2.84%;}
.course .item{box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.course .pic{width: 100%; padding-top: 68.75%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s; display: block;}
.course .list li:hover .pic{background-size: 110%;}
.course .content{padding: 9.375% 6.25%;}
.course .tit{font-size: 18px; color: #333; min-height: 54px;}
.course .txt{color: #999; font-weight: lighter; margin-top: 4%;}
.course .lab{width: 100%; white-space: nowrap; overflow-x: auto; margin-top: 15px; height: 25px; padding-bottom: 5px; overflow-y: hidden;}
.course .lab::-webkit-scrollbar{width: 6px; height: 2px;}
.course .lab::-webkit-scrollbar-thumb{border-radius: 6px; background-color: #0b2b75;}
.course .lab::-webkit-scrollbar-track{border-radius: 6px; background-color: #bababa8f;}
.course .lab::-webkit-scrollbar-button{display: none;}
.course .lab span{display: inline-block; line-height: 20px; margin-right: 10px; border-radius: 20px; padding: 0 5px; font-size: 14px; color: #093a96; background-color: #d6d8dd;}
@media(max-width: 1024px){
    .course .list li{width: 33.3333%;}
}
@media(max-width: 768px){
    .course .tit{min-height: 50px;}
    .course .list li{width: 50%;}
}
@media(max-width: 480px){
    /* .course .list li{width: 100%;} */
}

/* 课堂详情 */
.course-detail{padding: 1% 0 3.64%;}
.course-detail .video-box{padding-bottom: 2.85%;}
.course-detail .video{width: 71%; float: left;}
.course-detail .video video{width: 100%; background-color: #000;}
.course-detail .chapter-list{width: 29%; float: left; background-color: #f7f8fb; height: 100%; padding-top: 4.28%;}
.course-detail .title{font-size: 24px; color: #333; font-family: 'Medium'; padding-left: 7.5%; padding-bottom: 10%;}
.course-detail .chapter-list li{line-height: 60px; padding: 0 7.5%; cursor: pointer; transition: all .3s;}
.course-detail .chapter-list .inner{display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-top: 1px solid #eee;  transition: all .1s;}
.course-detail .chapter-list li:last-child .inner{border-bottom: 1px solid #eee;}
.course-detail .tit{width: calc(100% - 42px); padding-left: 27px; background: url(../images/play-icon.png)no-repeat left center;}
.course-detail .chapter-list li.on{background-color: #093a96; color: #fff;}
.course-detail .chapter-list li.on .inner{border-color: #093a96;}
.course-detail .chapter-list li.on .tit{background: url(../images/play-icon-on.png)no-repeat left center;}
.course-detail .chapter-list .list{padding-bottom: 60px; position: relative;}
.course-detail .slick-prev,
.course-detail .slick-next{position: absolute; bottom: 0; font-size: 0; width: 50%; height: 60px; border: none; cursor: pointer;}
.course-detail .slick-prev{background: url(../images/prev-icon01.png)no-repeat center; left: 0;}
.course-detail .slick-next{background: url(../images/next-icon01.png)no-repeat center; right: 0; left: auto;}

.course-detail .info{padding-bottom: 2.14%; border-bottom: 1px solid #eee;}
.course-detail .maintit{font-size: 36px; color: #333; font-family: 'Medium'; padding-bottom: 2.14%;}
.course-detail .info-box{position: relative;}
.course-detail .intro{width: 62%; font-weight: lighter; color: #999; line-height: 1.8;}
.course-detail .func{display: inline-block; position: absolute; bottom: 0; right: 0;}
.course-detail .func > div{display: inline-block; color: #999; margin-left: 40px;}
.course-detail .like{padding-left: 30px; background: url(../images/like-icon.png)no-repeat left center; cursor: pointer;}
.course-detail .collect{padding-left: 30px; background: url(../images/collect-icon.png)no-repeat left center; cursor: pointer;}

.course-detail .content{padding-top: 2.14%; text-align: center;}
.course-detail .subtit{font-size: 24px; color: #333; text-align: left;}
.course-detail p{line-height: 2; color: #666; text-align: justify;}
.course-detail img{padding: 2% 0;}
@media(max-width: 1024px){
    .course-detail .video{width: 100%;}
    .course-detail .chapter-list{width: 100%;}
    .course-detail .title{padding: 0 0 40px 30px;}
    .course-detail .chapter-list li{padding: 0 30px;}
}
@media(max-width: 960px){
    .course-detail .intro{width: 100%;}
    .course-detail .func{position: initial; text-align: right; display: block;}
}
@media(max-width: 640px){
    .course-detail .title{padding: 0 0 20px 15px;}
    .course-detail .chapter-list li{padding: 0 15px;}
    .course-detail .maintit{font-size: 26px;}
}

/* 政策法规 */
.policy{padding-bottom: 3.64%;}
.policy .screen{padding-bottom: 4.28%;}
.policy .choose{line-height: 60px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 0 40px; position: relative;}
.policy .choose > div{display: inline-block;}
.policy .screen .tit{color: #999; font-weight: lighter; display: inline-block; line-height: 60px; vertical-align: top;}
.policy .choose .show-choose{position: absolute; top: 0; right: 40px; cursor: pointer; color: #999; font-weight: lighter;}
.policy .choose .item{width: calc(100% - 144px);}
.policy .choose .item div,
.policy .choose .item ul{display: inline-block;}
.policy .choose .tit1{padding-left: 50px; color: #333;}
.policy .choose .clear-choose{font-size: 14px; color: #999; font-weight: lighter; cursor: pointer; margin-left: 20px;}
.policy .choose li{display: inline-block; margin-left: 20px; padding-left: 25px; background: url(../images/right-icon.png)no-repeat left center;}
.policy .choose li .item1{line-height: 30px; margin: 15px 0; padding: 0 32px 0 10px; background-color:#f7f8fb; border-radius: 4px; font-size: 14px!important; color: #333; cursor: pointer; position: relative;}
.policy .choose li .item1::before{content: ''; background: url(../images/close-icon.png)no-repeat center; width: 9px; height: 10px; right: 12px; top: 50%; transform: translateY(-50%); position: absolute;}

.policy .class-box{margin-top: 10px; padding: 55px 0; background-color: #f7f8fb;}
.policy .area,
.policy .industry{padding: 0 40px; white-space: nowrap;}
.policy .area ul,
.policy .industry ul{display: inline-block; width: calc(100% - 80px); white-space: initial;}
.policy .area li,
.policy .industry li{display: inline-block; margin-left: 50px; line-height: 60px; color: #818faa; font-weight: lighter; transition: all .3s; cursor: pointer;}
.policy .area li:hover,
.policy .industry li:hover{color: #093a96;}
.policy .industry{padding-bottom: 25px; border-bottom: 1px solid #eee; margin-bottom: 40px;}

.policy .list li{box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); margin-bottom: 30px;}
.policy .list li a{padding: 3.57% 5.71% 1.85% 5.71%; display: block;}
.policy .above{display: flex; flex-direction: row; justify-content: space-between; align-items: top; padding-bottom: 20px;}
.policy .list .content{width: calc(100% - 120px); padding-right: 100px;}
.policy .list .date{width: 120px; height: 120px; background-color: #8798b0; color: #fff; text-align: center; padding: 14px 0;}
.policy .list .tit{font-size: 24px; font-family: 'Medium'; color: #333; margin-bottom: 2%;}
.policy .list .txt{color: #999; font-weight: lighter; line-height: 2;}
.policy .day{font-size: 60px;}
.policy .ym{font-size: 20px;}
.policy .below{padding-top: 27px;}
.policy .below > div{display: inline-block; margin-right: 70px; color: #999; font-family: 'HarmonyOS_Sans_SC_Light'; padding-left: 30px;}
.policy .view{margin-right: 0!important; float: right; padding-left: 0!important;}
.policy .like{background: url(../images/like-icon.png)no-repeat left center;}
.policy .collect{background: url(../images/collect-icon.png)no-repeat left center;}
.policy .file{background: url(../images/file-icon.png)no-repeat left center; margin-right: 0!important;}
@media(max-width: 1024px){
    .policy .choose .tit1{padding-left: 30px;}
    .policy .area li, .policy .industry li{margin-left: 30px;}
    .policy .choose{padding: 0 20px;}
    .policy .choose .show-choose{right: 20px;}
    .policy .choose li{margin-left: 10px; padding-left: 15px;}
    .policy .area, .policy .industry{padding: 0 20px;}
    .policy .class-box{padding: 30px 0;}
    .policy .list .content{padding-right: 40px;}
    .policy .below > div{margin-right: 40px;}
}
@media(max-width: 640px){
    .policy .list .date{width: 80px; height: 80px; padding: 8px 0;}
    .policy .list .content{width: calc(100% - 80px); padding-right: 20px;}
    .policy .list .tit{font-size: 18px; margin-bottom: 1%;}
    .policy .list .txt{font-size: 14px; line-height: 1.8;}
    .policy .day{font-size: 40px;}
    .policy .ym{font-size: 14px;}
    .policy .below{padding-top: 10px; font-size: 14px;}
    .policy .above{padding-bottom: 10px;}
    .policy .list li a{padding: 3.57% 2% 1.85% 2%;}
    .policy .list li{margin-bottom: 15px;}
}
@media(max-width: 480px){
    .policy .area li, .policy .industry li{line-height: 40px; margin-left: 10px;}
    .policy .screen .tit,
    .policy .choose{line-height: 40px;}
    .policy .choose li .item1{margin: 5px 0;}
    .policy .below > div{margin-right: 20px; padding-left: 20px}
    .policy .list .date{width: 60px; height: 60px; padding: 4px 0;}
    .policy .day{font-size: 30px;}
    .policy .ym{font-size: 12px;}
    .policy .list .content{width: calc(100% - 60px);}
}

/* 政策法规详情 */
.policy-detail .title{font-size: 36px; font-family: 'Medium'; color: #333;}
.policy-detail .date{color: #999; font-weight: lighter; padding: 2.85% 0; border-bottom: 1px solid #eee;}
.policy-detail .label{padding-top: 4.28%;}
.policy-detail .label li{width: 50%; float: left; line-height: 36px; margin-bottom: 20px;}
.policy-detail .label span{color: #fff; background-color: #255fcc; padding: 0 20px; border-radius: 5px; margin-right: 20px; display: inline-block;}
.policy-detail .content{padding-bottom: 4%;}
.policy-detail .content p{color: #666; line-height: 2;}
.policy-detail strong{font-size: 24px; color: #333;}
.policy-detail .func{border-bottom: 1px solid #eee;}
.policy-detail .func > div{float: right; line-height: 80px; margin-left: 4.28%; padding-left: 30px; color: #999; font-weight: lighter;}
.policy-detail .like{background: url(../images/like-icon.png)no-repeat left center;}
.policy-detail .collect{background: url(../images/collect-icon.png)no-repeat left center;}
.policy-detail .view{margin-left: 0!important; padding-left: 0!important;}
.policy-detail .file{padding: 2.85% 0 2.14%; border-bottom: 1px solid #eee;}
.policy-detail .subtit{font-size: 24px; color: #333; padding-bottom: 2.14%;}
.policy-detail .file li{line-height: 80px; background-color: #edf1ff; padding: 0 37px; margin-bottom: 2.14%;}
.policy-detail .file .tit{float: left; font-weight: lighter; width: calc(100% - 83px);}
.policy-detail .file .btn-box{float: right;}
.policy-detail .open{background: url(../images/open-icon.png)no-repeat center; width: 20px; height: 15px; display: inline-block; margin-right: 40px;}
.policy-detail .download{background: url(../images/download-icon.png)no-repeat center; width: 18px; height: 18px; display: inline-block;}
.policy-detail .nav-box{line-height: 100px; border-bottom: 1px solid #eee;}
.policy-detail .nav-box a{color: #999;}
.policy-detail .next,
.policy-detail .prev{width: 50%; float: left;}
.policy-detail .back{margin: 4.28% auto 8.56% auto; display: block; width: 160px; line-height: 46px; border-radius: 46px; text-align: center; color: #182536; padding-right: 30px; background: url(../images/back-icon.png)no-repeat 120px center #f5f6fa; opacity: .5; transition: all .3s;}
.policy-detail .back:hover{background: url(../images/more-icon.png)no-repeat 120px center #093a96; color: #fff; opacity: 1;}
.policy-detail table td{border: 1px solid #000!important;}
@media(max-width: 640px){
    .policy-detail .title{font-size: 22px;}
    .policy-detail p{font-size: 14px; line-height: 1.8;}
    .policy-detail .nav-box{line-height: 40px;}
    .policy-detail .next,
    .policy-detail .prev{width: 100%; float: none; font-size: 14px;}
    .policy-detail .label li{width: 100%;}
    .policy-detail .subtit,
    .policy-detail strong{font-size: 18px;}
    .policy-detail .label li{line-height: 30px; font-size: 14px;}
    .policy-detail .label span{padding: 0 10px;}
    .policy-detail .func > div{line-height: 50px; padding-left: 25px;}
    .policy-detail .file li{line-height: 50px; padding: 0 15px;}
    .policy-detail .file .tit{font-size: 14px; width: calc(100% - 63px);}
    .policy-detail .open{margin-right: 20px;}
}

/* 常见问题 */
.question{padding-bottom: 3.64%;}
.question .qcate{padding-bottom: 2.85%;}
.question .qcate .item{height: 160px; text-align: center; padding-top: 100px; cursor: pointer;; background-position: center 35%; background-repeat: no-repeat; border: 1px solid #eee; border-left: none;}
.question .qcate li{position: relative; transition: all .3s;}
.question .qcate li:first-child .item{border-left: 1px solid #eee;}
.question .qcate li.aon{background-color: #f2f5fa;}
.question .qcate li.aon .item{color: #093a96;}
.question .qcate li.aon::before{content: ''; width: 100%; height: 4px; background-color: #093a96; top: 0; left: 50%; transform: translateX(-50%); position: absolute;}
.question .list li{line-height: 70px; border-bottom: 1px dashed #eee; transition: all .3s;}
.question .list li:hover{box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.1),0px -15px 15px -15px rgba(0, 0, 0, 0.1);}
.question .list li a{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.question .tit{display: block; width: calc(100% - 170px); margin-left: 10px; padding-left: 20px; background: url(../images/dot-icon.png)no-repeat left center; font-weight: lighter; color: #333;}
.question .date{font-family: 'HarmonyOS_Sans_SC_Light'; color: #999;}
.question .date{display: inline-block; vertical-align: top;}
@media(max-width: 640px){
    .question .list li{line-height: 50px;}
    .question .tit,
    .question .date{font-size: 14px;}
}

/* 问题详情 */
.question-detail{padding-top: 2.85%;}
.question-detail .box{box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.question-detail .detail{padding: 2.14% 2.85% 1.42% 2.85%; background-color: rgba(9, 58, 150, .05); color: #abb1bb;}
.question-detail .answer{padding: 2.85% 2.85% 4.28% 2.85%;}
.question-detail .title{padding-left: 50px; background: url(../images/question-icon.png)no-repeat left 5px; font-size: 24px; color: #333; margin-bottom: .5%;}
.question-detail .detail span{font-size: 14px; font-weight: lighter; color: #abb1bb;}
.question-detail .detail .qcate{padding-left: 50px;}
.question-detail .inner{padding-left: 50px; background: url(../images/answer-icon.png)no-repeat left 0px;}
.question-detail .back{margin: 4.28% auto 8.56% auto; display: block; width: 160px; line-height: 46px; border-radius: 46px; text-align: center; color: #182536; padding-right: 30px; background: url(../images/back-icon.png)no-repeat 120px center #f5f6fa; opacity: .5; cursor: pointer; transition: all .3s;}
.question-detail .back:hover{background: url(../images/more-icon.png)no-repeat 120px center #093a96; color: #fff; opacity: 1;}
.question-detail p{color: #666; line-height: 2;}
@media(max-width: 640px){
    .question-detail .title{font-size: 18px;background: url(../images/question-icon.png)no-repeat left top;}
}

/* 在线留言 */
.online{padding-bottom: 3.64%;}
.online .message{margin-bottom: 1px; border-bottom: 2px solid #eee; padding: 15px 0 40px;}
.online .title{font-size: 36px; color: #333; font-family: 'Medium'; display: inline-block;}
.online .btn{width: 140px; line-height: 46px; text-align: center; background-color: #093a96; box-shadow: 0 0 40px #093a964f; color: #fff; float: right; cursor: pointer;}
.online .list li{line-height: 70px; border-bottom: 1px dashed #eee; transition: all .3s;}
.online .list li:hover{box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.1),0px -15px 15px -15px rgba(0, 0, 0, 0.1);}
.online .list li:first-child{border-top: 1px solid #eee;}
.online .list li a{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.online .tit{display: block; width: calc(100% - 170px); margin-left: 10px; padding-left: 20px; background: url(../images/dot-icon.png)no-repeat left center; font-weight: lighter; color: #333;}
.online .date{font-family: 'HarmonyOS_Sans_SC_Light'; color: #999; display: inline-block; vertical-align: top;}

.online .msg-box{position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, .5); z-index: 110;}
.online .inner{width: 96%; max-width: 640px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 6px; overflow: hidden;}
.online .tit-box{padding: 0 30px; background-color: #f2f5fa; position: relative;}
.online .msgtit{line-height: 80px; font-size: 24px;}
.online .close{width: 25px; height: 20px; position: absolute; top: 50%; right: 30px; background: url(../images/close-icon01.png)no-repeat center; cursor: pointer; transform: translateY(-50%);}
.online .content{padding: 40px 30px; background-color: #fff;}
.online .radio-box{font-size: 18px; font-weight: lighter; color: #333;}
.online .radio-box label{margin-left: 37px;}
.online .text{position: relative; padding-top: 30px;}
.online textarea{width: 100%; border: 1px solid #eee; border-radius: 2px; padding: 20px; resize: none; font-size: 18px; line-height: 1.5;}
.online .limit{position: absolute; right: 10px; bottom: 10px; color: #abb1bb;}
.online .tips{color: #999; font-family: 'HarmonyOS_Sans_SC_Light'; padding: 4.6875% 0 6.25%;}
.online .btn-box{text-align: center;}
.online .msgbtn{display: inline-block; width: 40%; max-width: 180px; line-height: 60px; text-align: center; color: #fff; font-weight: lighter; cursor: pointer;}
.online .cancel{background-color: #bcc2cd; margin-right: 10px;}
.online .confirm{background-color: #093a96;}
@media(max-width: 640px){
    .online .list li{line-height: 50px;}
    .online .tit,
    .online .tips,
    .online .date{font-size: 14px;}
    .online .tit-box{padding: 0 15px;}
    .online .msgtit{line-height: 60px; font-size: 20px;}
    .online .content{padding: 20px 15px;}
    .online textarea{font-size: 16px; padding: 15px;}
    .online .text{padding-top: 15px;}
    .online .radio-box{font-size: 16px;}
    .online .msgbtn{line-height: 40px; font-size: 14px;}
    .online .close{right: 15px;}
    .online .message{padding-bottom: 20px;}
    .online .title{font-size: 26px;}
    .online .btn{width: 100px; line-height: 40px;}
}

/* 留言详情 */
.online-detail{padding-top: 2.85%;}
.online-detail .box{box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.online-detail .above{padding: 2.85%; background-color: rgba(9, 58, 150, .05);}
.online-detail .title{font-size: 18px; padding-bottom: 1.5%; text-align: justify;}
.online-detail .date{color: #abb1bb; font-size: 14px; font-family: 'HarmonyOS_Sans_SC_Light';}
.online-detail .below{padding: 2.85%; position: relative;}
.online-detail .below::before{content: ''; width: 0; border: 10px solid transparent; border-bottom-color: #fff; position: absolute; top: 0; left: 2.85%; transform: translateY(-100%);}
.online-detail .left{width: 17%; float: left;}
.online-detail .right{width: 83%; float: left; padding-left: 4.54%; position: relative; border-left: 1px solid #eee;}
.online-detail img{width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.online-detail .info{display: inline-block; vertical-align: middle; padding-left: 20px; width: calc(100% - 80px);}
.online-detail .name{font-size: 20px; font-family: 'Medium'; color: #333;}
.online-detail .position{font-weight: lighter; color: #666;}
.online-detail p{margin: 0; color: #666; line-height: 2; text-indent: 60px;}
.online-detail .label{position: absolute; top: 5px; left: 4.54%; width: 50px; line-height: 22px; text-align: center; color: #abb1bb; background-color: rgba(9, 58, 150, .05); border-radius: 22px;}
.online-detail .right .date{padding-top: 2%;}
.online-detail .back{margin: 4.28% auto 8.56% auto; display: block; width: 160px; line-height: 46px; border-radius: 46px; text-align: center; color: #182536; padding-right: 30px; background: url(../images/back-icon.png)no-repeat 120px center #f5f6fa; opacity: .5; cursor: pointer; transition: all .3s;}
.online-detail .back:hover{background: url(../images/more-icon.png)no-repeat 120px center #093a96; color: #fff; opacity: 1;}

.online-detail dl{margin-top: 15px; padding: 10px; background-color: #f3f6fb;}
.online-detail dd{margin-bottom: 5px; background-color: #fff; padding: 0 10px; line-height: 30px;}
.online-detail dd:last-child{margin-bottom: 0;}
.online-detail .filename{display: inline-block; width: 60%;}
.online-detail .size{width: 25%; display: inline-block;}
.online-detail .btn{width: 7.5%; display: inline-block; text-align: center;}
@media(max-width: 1200px){
    .online-detail .left{width: 100%; float: left; padding-bottom: 2%;}
    .online-detail .right{width: 100%; float: left; padding-left: 0; border: none;}
    .online-detail .label{left: 0;}
}
@media(max-width: 640px){
    .online-detail .left{padding-bottom: 30px;}
    .online-detail .title{font-size: 16px;}
    .online-detail p{font-size: 14px;}
    .online-detail dl{font-size: 14px;}
    .online-detail .filename{width: 50%;}
    .online-detail .btn{width: 12.5%;}
}

/* 平台公示 */
.platform{padding-bottom: 3.64%;}
.platform .list li{line-height: 70px; border-bottom: 1px dashed #eee; padding: 0 20px; transition: all .3s;}
.platform .list li:hover{box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.1),0px -15px 15px -15px rgba(0, 0, 0, 0.1);}
.platform .list li:first-child{background-color: rgba(9, 58, 150, .05);}
.platform .list li a{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.platform .list li:first-child .tit{color: #abb1bb;}
.platform .list li:first-child .date{color: #abb1bb; width: 153px;}
.platform .tit{display: block; width: calc(100% - 170px); font-weight: lighter; color: #333;}
.platform .date{font-family: 'HarmonyOS_Sans_SC_Light'; color: #999; display: inline-block; vertical-align: top;}

.platform.has-label .tit{width: calc(100% - 250px);}
.platform.has-label .label{width: 80px; color: #fff; text-align: center; border-radius: 30px; line-height: 30px; font-size: 14px;}
.platform.has-label .label.type1{background-color: #093a96;}
.platform.has-label .label.type2{background-color: #079a3f;}
@media(max-width: 640px){
    .platform .tit{font-size: 14px;}
    .platform .date{font-size: 14px;}
    .platform .list li:first-child .date{width: 134px;}
    .platform .list li{line-height: 50px;}
    .platform .tit{width: calc(100% - 150px);}
}

.friendly-links,
.sitemap,
.law{padding-bottom: 3.64%;}

.friendly-links li{display: inline-block; line-height: 50px; min-width: 140px; padding: 0 20px; text-align: center; background-color: #093a96; transition: all .3s; margin-right: 30px; margin-bottom: 30px;}
.friendly-links li:hover{ box-shadow: 0 0 40px #093a964f; transform: translateY(-5px);}
.friendly-links li a{color: #fff; display: block;}

.sitemap li{line-height: 60px; border-bottom: 1px dashed #eee; transition: all .3s;}
.sitemap li:hover{box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.1),0px -15px 15px -15px rgba(0, 0, 0, 0.1);}
.sitemap .sub,
.sitemap dd{display: inline-block;}
.sitemap dd{margin-left: 50px;}
.sitemap dd a{ color: #999;}
.sitemap a:hover{color: #093a96;}