.header{background: url(../images/banner.png) no-repeat center/cover;padding-bottom: 84.5rem;height: 0;position: relative;}
.header .gp-container{padding-top: 10rem;}
.banner_title{display: block;margin: 0 auto 5.6rem;max-width: 80%;}
.banner_btn{
    margin: 0 auto;
    width: 26rem;
    line-height: 8rem;
    background: #e4ff1a;
    text-align: center;
    color: #505900;
    display: block;
    border-radius: 5rem;
    transition: all 0.3s ease;
    box-shadow: 0 0 15px rgba(228, 255, 26, 0.5);
    animation: pulse 2s infinite;
    position: relative;
    overflow: hidden;
	margin-top:290px;
}
/* .banner_btn:before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(30deg);
    pointer-events: none;
    transition: all 0.6s ease;
    opacity: 0;
} */
.banner_btn:hover {
    /* background: #c9df00; */
    color: #333;
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(228, 255, 26, 0.8);
}
/* .banner_btn:hover:before {
    left: 120%;
    opacity: 1;
} */
.banner_btn img{height: 1em;margin: 0 0 0 1.2rem;transition: transform 0.3s ease;vertical-align: text-bottom;}
.banner_btn:hover img {
    transform: translateX(5px);
}

.banner_btn.active {
    transform: scale(1.08);
    /* background: #d0ea00; */
}

.banner_btn.clicked {
    transform: scale(0.95);
    /* background: #aacc00; */
    transition: all 0.2s ease;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 10px rgba(228, 255, 26, 0.5);
    }
    50% {
        box-shadow: 0 0 20px rgba(228, 255, 26, 0.8), 0 0 30px rgba(228, 255, 26, 0.4);
    }
    100% {
        box-shadow: 0 0 10px rgba(228, 255, 26, 0.5);
    }
}

.nav{background: #0368ff;overflow: hidden;}
.nav ul{justify-content: center;}
.nav a{line-height: 8rem;color: #fff;padding: 0 2em;position: relative;display: block;cursor: pointer;transition: all 0.3s ease;}
.nav a:hover, .nav a.active{background-color: #0257d6;color: #fff;}

/* 导航按照选中项设置不同样式 */
.nav1 li:nth-child(1) a {background: #21e8ff;}
.nav2 li:nth-child(2) a {background: #c85ce6;}
.nav3 li:nth-child(3) a {background: #ffca3a;}
.nav4 li:nth-child(4) a {background: #27b7ff;}
.nav5 li:nth-child(5) a {background: #a2de78;}

/* 你可以根据需要为每个导航状态定义不同的样式 */
/* .nav.nav1 {background: rgba(0, 69, 77, 1);}
.nav.nav2 {background: rgba(200, 92, 229, 1);}
.nav.nav3 {background: rgba(102, 75, 0, 1);}
.nav.nav4 {background: rgba(255, 202, 58, 1);}
.nav.nav5 {background: rgba(54, 89, 18, 1);} */

/* 导航栏固定顶部样式 */
.wrap_nav.fixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
.wrap_nav.fixed + .content{padding-top: 8rem;} /* 添加与导航高度相同的内边距，防止内容被遮挡 */

.gotop{position: fixed;right: 2rem;bottom: 4rem;width: 8rem;height: 8rem;background: #fff;border-radius: 50%;box-shadow: 0rem 1rem 2rem 0rem rgba(0, 0, 0, 0.1);cursor: pointer;z-index: 9999;}
.gotop img{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 2.6rem;}



.index_title{overflow: hidden;align-items: flex-end;display: flex;}
.index_title .channel_title{flex-shrink: 0;color: #00454d;}
.index_title::after{content: '';display: block;flex: 1;background: url(../images/index_title.png) no-repeat left center/auto 100%;margin: 0 0 1rem 3.3rem;height: 2.1rem;}

.wrap_mode01{padding: 10rem 0 12rem;background: url(../images/mode01_bg.png) no-repeat center/cover;overflow: hidden;position: relative;}
.wrap_mode01::before{content: '';display: block;background: url(../images/mode01_bg2.png) no-repeat center/cover;width: 49rem;height: 45rem;position: absolute;right: 0;bottom: 0;}
.mode01{}

.index_01a{margin: 4.6rem 0 6.4rem;color: #00454c;line-height: 1.7em;}

.index_01b{margin: 0 0 2.9rem;}
.index_01b .item{width: calc(50% - 1.2rem);background: url(../images/mode01b_bg1.png) no-repeat top center/100% 5.7rem, url(../images/mode01b_bg2.png) no-repeat bottom center/100% 1.9rem;padding: 4rem 3.9rem 4.1rem;position: relative;}
.index_01b .item::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 5.6rem;bottom: 1.9rem;background: rgba(255, 255, 255, .9);border-left: .1rem solid #0467f4;border-right: .1rem solid #0467f4;z-index: -1;}
.index_01b .title{margin: 0 0 3.1rem;text-align: center;color: #00454c;}
.index_01b .article{color: #00454c;line-height: 1.7em;}

.index_01c{/*background: url(../images/mode01c_bg.png) no-repeat center/100% 100%;*/}
.index_01c .lf{background: url(../images/mode01c_title.png) no-repeat right center/2.7rem;position: relative;width: 12.5rem;}
.index_01c .lf::before{content: '';display: block;position: absolute;background: url(../images/mode01c_title1.png) no-repeat center/cover;width: 1.6rem;height: 5.4rem;left: 4.6rem;top: 1.2rem;}
.index_01c .lf::after{content: '';display: block;position: absolute;background: url(../images/mode01c_title2.png) no-repeat center/cover;width: 1.6rem;height: 5.4rem;left: 4.6rem;bottom: 2.5rem;}
.index_01c .lf .title{position: absolute;top: 50%;transform: translateY(-50%);color: #fff;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;right: 2.4rem;white-space: nowrap;letter-spacing: .3rem;}
.index_01c .rt{width: calc(100% - 19rem);padding: 2.6rem 11rem 3.5rem 0;}

.index_01c1{color: #fff;margin: 0 0 3.8rem;}

.index_01c2{}
.index_01c2 ul{margin: 0 0 -3rem -4.2rem;}
.index_01c2 .item{margin: 0 0 3rem 4.2rem;align-items: center;position: relative;padding: 1.4rem 0 1.3rem;z-index: 2;}
.index_01c2 .item::before{content: '';display: block;position: absolute;left: 5.2rem;right: -4.8rem;top: 0;bottom: 0;background: url(../images/mode01c_item.png) no-repeat center/100% 100%;z-index: -1;}
.index_01c2 .left{width: 10.3rem;}
.index_01c2 .right{margin: 0 0 0 2rem;flex: 1;}
.index_01c2 .title{margin: 0 0 .9rem;color: #fff;border-bottom: .1rem solid rgba(234, 253, 255, .3);padding: 0 0 .5rem .8rem;}
.index_01c2 .summary{margin: 0 0;color: #fff;padding: 0 0 2rem;}
.index_01c2 .summary span{font-size: .6em;/*opacity: .8;*/margin: 0 1em 0 0; font-weight:bold;}

.index_01c3{color: #fff;margin: 2.6rem 0 0;}

.wrap_mode02{padding: 7rem 0 20.4rem;overflow: hidden;background: #fff url(../images/mode02_bg.png) no-repeat bottom center/100% auto;}
.mode02{}
.mode02 .index_title .channel_title{color: #c85ce5;}
.fs20 a{ color: #FFFFFF;}
.index_02{padding: 5.4rem 0 0;}
.index_02 ul{margin: 0 0;}
.index_02 .item{margin: 0 0;position: relative;}
.index_02 .item::before{content: '';border-left: .2rem dotted #e291f7;position: absolute;top: 0;bottom: 0;left: 2rem;}
.index_02 li:last-child .item::before{bottom: -4rem;}
.index_02 .left{width: 24rem;position: relative; text-align:center;}
.index_02 .title{margin: 0 0;line-height:5rem;background-image: -moz-linear-gradient( 0deg, rgb(65,110,237) 0%, rgb(146,128,242) 47%, rgb(226,145,247) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(65,110,237) 0%, rgb(146,128,242) 47%, rgb(226,145,247) 100%);background-image: -ms-linear-gradient( 0deg, rgb(65,110,237) 0%, rgb(146,128,242) 47%, rgb(226,145,247) 100%);color: #fff;border-radius: 0 2rem;padding-left:0rem;overflow: visible;position: relative;z-index: 2;}
.index_02 .title::before{content: '';display: block;position: absolute;left: 1.3rem;bottom: -0.5rem;width: 1.6rem;height: 1.6rem;background: #4b70ee;border: .3rem solid #fff;border-radius: 50%;}
.index_02 .right{margin: 0 0 0 2.1rem;flex: 1;padding: .3rem 0 1.3rem;}
.index_02 .box{display: flex;padding: 0 0 1.8rem;line-height: 1.6em;}
.index_02 .time{white-space: nowrap;color: #416eed;margin: 0 1.6rem 0 0;}
.index_02 .summary{margin: 0 0;color: #333;flex: 1;}
.index_02 .summary a{color: #c85ce6;}

.wrap_mode03{padding: 11rem 0 26.6rem;background: #ffca3a url(../images/mode03_bg.png) no-repeat center/cover;position: relative;overflow: hidden;}
.mode03{}
.mode03 .index_title .channel_title{color: #664b00;}

.index_03{padding: 6.6rem 0 0;max-width: 87.6rem;}
.index_03 ul{margin: 0 0;}
.index_03 .item{margin: 0 0 3.3rem;}
.index_03 li:last-child .item{margin: 0;}
.index_03 .title{margin: 0 0 2.3rem;background: url(../images/mode03_title.png) no-repeat center/cover;width: 22.6rem;text-align: center;line-height: 6.5rem;color: #664b00;}
.index_03 .article{color: #664b00;line-height: 1.7em;}

.wrap_mode04{padding: 8.1rem 0 4.6rem;background: #ffca3a url(../images/mode04_bg.png) no-repeat center/cover;overflow: hidden;position: relative;}
.wrap_mode04::before{content: '';display: block;background: url(../images/mode04_bg2.png) no-repeat center/cover;width: 73.4rem;height: 52.1rem;position: absolute;right: -48rem;bottom: 6rem;}
.mode04{}
.mode04 .index_title .channel_title{color: #fff;}
.mode04 .index_title::after{opacity: .6;}

.index_04{display: block;padding: 5rem 0 0;}
.index_04 .box{background: url(../images/mode04_inner_bg.png) no-repeat top center/100% auto;padding: 5.7rem 3rem 4.2rem;}
.index_04 .box > .title{color: #fff;text-align: center;margin: 0 0 3rem;}
.index_04 .box > .article{padding: 0 3rem;color: #fff;line-height: 1.7em;}

.index_04a{margin: 0 0 3rem;padding: .4rem 0 0;}
.index_04a h3{color: #fff;font-weight: normal;padding: 0 0 0 7.2rem;background: url(../images/mode04_title.png) no-repeat left center/6rem auto;margin: 0 0 1.8rem;}
.index_04a ul{margin: 0 0 -1.5rem -3.5rem;}
.index_04a .item{margin: 0 0 1.5rem 3.5rem;background: url(../images/mode04_item.png) no-repeat center/100% 100%;/*display: flex;*/color: #fff;height: 9.2rem;padding: 2rem 2rem;overflow: hidden;}
.index_04a .title{/* margin: 0 2rem 0 0; */font-weight: bold;/* width: 3em; *//*flex-shrink: 0;*/float: left;}
.index_04a .summary{line-height: 1.5em;height: 3em;}
.index_04a .summary{margin-left: 9.2rem;}
.index_04a .summary p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/* .index_04a .summary::before{content: '';float: right;width: 1em;height: 1em;display: block;} */

.wrap_mode05{padding: 8rem 0 28rem;background: url(../images/mode05_bg.png) no-repeat bottom center/cover;}
.mode05{}
.mode05 .index_title .channel_title{color: #365912;}
.mode05 .index_title::after{background-image: url(../images/index_title2.png);}

.index_05a{display: block;position: relative;background: url(../images/mode05_inner_bg1.png) no-repeat top center/100% 1.4rem, url(../images/mode05_inner_bg2.png) no-repeat bottom center/100% 1.2rem;z-index: 2;padding: 6.6rem 5rem 12rem;margin: 4.5rem 0 7.5rem;}
.index_05a::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 1.4rem;bottom: 1.2rem;border-left: .2rem solid #b0e545;border-right: .2rem solid #b0e545;background: #fff;z-index: -1;}
.index_05a .cor1{position: absolute;left: -0.4rem;top: -0.4rem;border-top: 1.4rem solid #fff;border-right: 1.2rem solid transparent;}
.index_05a .cor2{position: absolute;right: -0.4rem;top: -0.4rem;border-top: 1.4rem solid #fff;border-left: 1.2rem solid transparent;}
.index_05a .cor3{position: absolute;left: -0.4rem;bottom: -0.4rem;border-bottom: 1.4rem solid #fff;border-right: 1.2rem solid transparent;}
.index_05a .cor4{position: absolute;right: -0.4rem;bottom: -0.4rem;border-bottom: 1.4rem solid #fff;border-left: 1.2rem solid transparent;}
.index_05a .article{color: #3f5912;line-height: 1.7em;}

.index_05a1{display: block;margin: 5.4rem 0 0;overflow: hidden;}
.index_05a1 .item{float: left;color: #3f5912;margin: 0 9rem 0 0;}
.index_05a1 .ico{width: 5rem;height: 5rem;background: #2e4c0f;border-radius: 50%;margin: 0 2rem 0 0;display: inline-block;vertical-align: middle;}

.index_05b{text-align: center;color: #3f5912;line-height: 1.6em;overflow: hidden;}

@media screen and (min-width:996px){

}
@media screen and (max-width:1640px){
	
}
@media screen and (max-width:1480px){
	
}
@media screen and (max-width:1280px){
	
}
@media screen and (max-width: 996px){
	.nav li > a{padding: 0 1rem;}
    .index_01b .item{width: 100%;margin: 0 0 20px;}

    .wrap_mode01{padding: 40px 0;}
    
    .index_01c{align-items: center;}
    .index_01c .lf{min-height: 220px;}
    .index_01c .lf::after{bottom: 1.2rem;}

    .wrap_mode02{padding-bottom: 70px;}
    .index_02 .left{width: 200px;}
    .index_02 .title{line-height: 1.8em;}

    .wrap_mode03{padding: 40px 0;}
    .index_04a .item{height: auto;}
    .index_04a .summary{margin-right: 1em;margin-left: 85px;height: auto;line-height: 1.5;}
    .index_04a .summary br{display: none;}

    /* 适配固定导航 */
    .wrap_nav.fixed{position: fixed;}
    .wrap_nav.fixed + .content{padding-top: 8rem;}

    .index_05b{font-size: 20px;}
}
@media screen and (max-width:767px){
    .header{padding-bottom: 80%;}
	.header .gp-container{padding-top: 0;position: absolute;top:30%;transform: translateY(-50%);}
    .nav li > a{font-size: 16px;line-height: 40px;}

    /* 移动端按钮样式优化 */
    .banner_btn {
        width: 20rem;
        line-height: 6rem;
        font-size: 20px;
		margin-top:0px;
    }
    .banner_btn:hover {
        transform: scale(1.03);
    }

    .index_02 .item,.index_02 .box{display: block;}
    .index_02 .right{margin: 10px 0 0 30px;}
    .index_02 .time{margin: 0 0 5px;}
    .index_02 .left{width: 170px;}
    .index_05a{padding-bottom: 30px;}
    .index_05a1 .item{float: none;margin: 0 0 15px;font-size: 16px;}

    .index_title .channel_title{font-size: 24px;}
    .index_title::after{margin-left: 10px;}
    
    /* 小屏幕导航适配 */
    .wrap_nav.fixed{height: auto;}
    .wrap_nav.fixed + .content{padding-top: 0;}
    .nav ul{display: flex;flex-wrap: wrap;justify-content: center;}
    .nav li{flex-grow: 1;text-align: center;}
    .nav a{padding: 0 5px;font-size: 15px;line-height: 4rem;}

    .index_05b{font-size: 16px;}
}
@media screen and (max-width:413px){
	.nav li > a{font-size: 13px;}

    /* 小屏幕按钮样式进一步优化 */
    .banner_btn {
        width: 16rem;
        line-height: 5rem;
        font-size: 16px;
        animation: pulse 1.5s infinite;
		margin-top:0px;
    }

    .index_01c .lf{display: none;}
    .index_01c .rt{width: 100%;padding: 20px;}
    .index_04 .box{padding: 20px 15px 25px;}
    .index_04 .box > .article{padding: 0;}

    .index_05a{padding: 10px;}
}