.index-header{
	
	    background: url(../../img/bg_wx.png) center/100% 100% no-repeat;
}
.zd-search{
	
	opacity: 0.9;
}
.zd-search:hover{
	opacity: 1;
}
.bottom img{
	cursor: pointer;
	opacity: 0.7;
}
.bottom img:hover{ 
	opacity: 1;
	}
#forum{
	background-color: #f7f7f7;
}
.center01,.center02,.center03,.center04{
	// background-color: #f7f7f7;
}
.banner{
	background-color: #f7f7f7;
}
.header-menu-parent{
	background-color: #f7f7f7;
	display: flex;
	justify-content: center;
}
.article{
	padding:1rem 0;
}

.center01 .left_icon{
	top: 0;
}
.pc-header .width1720{
	
}
	
.title_qieh a:hover span{
	font-weight: bold;
}
.center02 {

    .width1720 {
        box-shadow: 0px 0px 9px 1px #CDCDCD;
        border-radius: 4px;
        background: url(../../img/center02_right.png) center/100% 100% no-repeat;

        .left {
            // width: 4.3%;
            // height: 100%;
            // margin-left: 0.4%;
        }

        .right {
            flex:1;
            // width: 95.7%;
            height: 100%;
            display: flex;
            justify-content: flex-start;

            .autor {
                width: 8.2%;
                height: 100%;
                margin-left: 3.44%;

                a {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    text-decoration: none;

                    img {
                        width: 100px;
                        background: #8FB966;
                        border-radius: 100px;
						height: 100px;
                    }

                    .name {
                        font-size: 18px;
                        font-family: Microsoft YaHei;
                        font-weight: bold;
                        color: #4B4B4B;
                        margin-top: 18px;
                    }

                    .chengwei {
                        font-size: 14px;
                        font-family: Microsoft YaHei;
                        font-weight: 300;
                        color: #138D1F;
                        margin-top: 7px;
                    }
                }

                &:nth-child(2n) {
                    a {
                        flex-direction: column-reverse;

                        .name {
                            margin-top: 8px;
                            margin-bottom: 16px;
                        }
                    }
                }
            }
        }
    }
}
//手机端


@media screen and (max-width: 960px) {
	.footer{
		background-color: #f7f7f7;
	}
	.info .title a{
		font-size: 22px;
	}
    .phone-header {
        position: relative;

        .bg-image {
            display: block;
            width: 100%;
            position: relative;
            z-index: 0;
        }

        .icon-wrap {
            position: absolute;
            top:0.3rem;
            right: 1rem;
            z-index: 1;

            .home-icon {
                display: inline-block;
                vertical-align: top;
                width: 0.5rem;
                height:0.5rem;
                background: url(../../image/home-icon.png) no-repeat center / cover;
            }

            .search-icon {
                display: inline-block;
                vertical-align: top;
                margin-left: 0.2rem;
                width: 0.5rem;
                height:0.5rem;
                background: url(../../image/search-icon.png) no-repeat center / cover;
				position: relative;
				z-index: 9999;
            }
        }

        .switch-image {
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
			cursor: pointer;
        }

        .text {
            font-size: 1.2rem;
            position: absolute;
            bottom: 0.4rem;
            left: 0.6rem;
            color: #fff;
            line-height: 1;
            margin: 0;
			img{
				width: 3rem;
			}
        }
    }

    .banner {
        padding: 0 0.3rem 0.15rem;
		a{
			border-radius: 15px;
		}
        img {
            display: block;
            width: 100%;
			border-radius: 15px;
        }
    }

    .header_menu {
        overflow: hidden;
        position: relative;
		height: 57px;
		line-height: 57px;
		padding-left: 20px;
		font-size: 22px;
		overflow-x: scroll;
		.tab-switch{
			position: absolute;
			right: 0;
			top: 0;
			background-color: #f7f7f7;
		}

        .flex-sb {
            width: 100%;
            overflow: hidden;
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

        a {
            white-space: nowrap;
        }

        a.active {
            span {
                font-weight: bold;
				color:#646464 ;
            }
        }

        a+a {
            margin-left: 0.6rem;
        }
		.child-nav{
			display: inline-block;
			width: 200%;
			overflow-x: scroll;
			display: flex;
			align-items: center;
		}

        .phone-nav {
			float: right;
            height: 100%;
            width: 1rem;
            background: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
			margin-right: 25px;
            .nav-icon {
                cursor: pointer;
                display: block;
                width: 35px;
                height: 35px;
				margin-right: 25px;
            }
			 .nav-icon img{
                width: 35px;
                height: 35px;
			 }
        }
    }

    .center01,
    .center03 {
        padding: 0.15rem 0.3rem;
	.left,.right{
		background-color: white;
	}
        .flex-sb {
            flex-direction: column;
        }

        .width1720 {
            .left,
            .right {
                width: 100%;
                box-shadow: 0px 0px 9px 1px #CDCDCD;

                .up {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 0.9rem;

                    .left_icon {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 0.8rem;
                        height: 0.8rem;
                    }

                    .title {
                        display: inline-block;

                        span {
                            font-size: 0.42rem;
                            color: #138D1F;
                            font-weight: bold;
                        }
                    }

                    .icon {
                        display: inline-block;
                        vertical-align: middle;
                        margin-left: .25rem;

                        img {
                            width: 0.43rem;

                        }
                    }
                }

                .down {
                    position: relative;
                    margin: 0 0.2rem;
                    padding-top: 0.2rem;

                    &:after {
                        content: "";
                        width: 100%;
                        height: 1px;
                        position: absolute;
                        top: 0;
                        right: 0;
                        background-color: #8FB966;
                    }

                    .article {
                        padding: 0.2rem 0;

                        .info {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;

                            &::before {
                                content: "";
                                width: 3px;
                                height: 3px;
                                border-radius: 50%;
                                background-color: #8FB966;
                            }

                            .title {
                                flex: 1;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                color: #535353;
                                padding-right: 0.2rem;
                            }

                            .right_date {
                                .datetime {
                                    color: #B1B1B1;
									font-size: 20px;
									padding-right: 15px;
                                }
                            }
                        }
                    }
                }
            }

            .right {
                margin-top: 0.3rem;

                .up {
                    .left_icon {
                        width: 0.45rem;
                        height: 0.41rem;
                        left: .34rem;
                        top: 0.26rem
                    }
                }

                .down {
                    .article {
                        .info {
                            .title {
                                &>img {
                                    display: none;
                                }
                            }
                        }
                    }
                }
            }
        }

    }

    .center02 {
        padding: 0.15rem 0.3rem;
        .width1720 {
			// background:#fff;
            .left {
                width: auto;
            }

            .right {
                flex: 1;
                width: auto;
                padding-right: 0.3rem;

                .autor {
                    display: none;
                }

                .autor:nth-child(2),
                .autor:nth-child(1) {
                    display: block;
                    width: 50%;
                    padding: 0.2rem 0;
                }
            }
        }
    }

    .center03 {
        .width1720 {
            .left {
                box-shadow: none;

                .left_left {
                    box-shadow: 0px 0px 9px 1px #CDCDCD;

                    .up {
                        .left_icon {
                            left: 0.3rem;
                            top: 0.25rem;
                            width: .49rem;
                            height: 0.45rem;
                        }
                    }

                    .down {
                        .article {
                            .info {
                                .title>img {
                                    display: none;
                                }
                            }
                        }
                    }
                }

                .left_right {
                    margin-top: 0.3rem;
                    box-shadow: 0px 0px 9px 1px #CDCDCD;

                    .up {
                        .left_icon {
                            left: 0.3rem;
                            top: auto;
                            bottom: 0;
                            width: .49rem;
                            height: 0.45rem;
                        }
                    }

                    .down {
                        .article {
                            .info {
                                .title>img {
                                    display: none;
                                }
                            }
                        }
                    }
                }
            }

            .right {
                .right_up {
                    border-radius: 6px;

                    .up {
                        .left_icon {
                            top: auto;
                            bottom: 0;
                        }
                    }
                }
            }
        }
    }
}
// PC版

@media screen and (min-width: 980px) and (max-width:8000px) {
	
	.center01 .width1720 .left{
		padding-bottom: 2rem;
	}
    .pc-header{
		width: 1400px;
		margin: 0 auto;
		height: 80px;
	}
	.phone {
        display: none !important;
    }

    .banner {
        // aspect-ratio: 1920 / 350;
        #banner_01 {
            // aspect-ratio: 1920 / 350;

            .swiper-slide {
                width: 71%;
                position: relative;
                border-radius: 4px;
                overflow: hidden;
                text-align: center;
                img {
                    width: 100%;
                    height: 100%;
					border-radius: 15px;
                }
            }
        }
    }
    .center01 {
        // aspect-ratio: 1920 / 570;
        display: flex;
        justify-content: center;
        padding-top: 40px;

        .width1720 {
            width: 90.6%;
            display: flex;
            justify-content: space-between;
            .left {
                width: 62%;
                height: 100%;
                background-color: #fff;
                box-shadow: 0px 0px 9px 1px #CDCDCD;
                border-radius: 4px;

                .up {
                    height: 9.09%;
                    border-bottom: 1px solid #8FB966;
                    width: 95.37%;
                    margin: 0 1.302vw;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    .left_icon {
                        width: 4.6%;
                        position: absolute;
                        left: -2.45%;
                    }

                    .title {
                       flex:1;
                        margin-left: 3.2%;
                        line-height: 1;
                        a{
                            text-decoration: none;
                          }

                        span {
                            font-size: 1.8rem;
                            font-family: Microsoft YaHei;
                            font-weight: bold;
                            color: #138D1F;
                        }

                    }

                    .icon {
                        // width: 4.6%;
                        margin-right: 2.23%;
                        // padding-top: 2.2%;
                    }

                }

                .down{
                    width: 95.37%;
                    // aspect-ratio: 1030 / 577;
                    margin: 18px 1.302vw 18px 1.302vw;
                    .article{
                        width: 100%;
                        height: 9.7%;
                        background-color: #fff;
                        border-bottom: 1px solid #f2f2f2;
                        margin-bottom: 0px;
                        border-bottom-style: solid;
                        display: flex;
                        justify-content: center;
                        flex-direction: column;
                       .info{
                         display: flex;
                         justify-content: space-between;
                         align-items: center;
                         width: 100%;
                        .title{
                            width: 90%;
                            a{
                                width: 100%;
                                text-decoration: none;
                                span{
                                    font-weight: normal;
                                    font-style: normal;
                                    font-size: 18px;
                                    font-family: inherit;
                                }
                            
                            }
                        }
                        .right_date{
                            width: 10%;
                        }
                        
                    }

                       &:hover{
                        .info{
                            .title{
                                a{
                                    span{
                                        color: #417505;
                                    }
                                }
                            }
                            .right_date{
                                .datetime{
                                    color: #B6B6B6
                                }
                            }
                        }
                       }
                    }
                }
            }

            .right {
                width: 35.74%;
                height: 100%;
                background: #FFFFFF;
                box-shadow: 0px 0px 9px 1px #CDCDCD;
                border-radius: 4px;

                .up {
                    height: 9.09%;
                    border-bottom: 1px solid #8FB966;
                    width: 92.2829%;
                    margin: 0 1.302vw;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    .left_icon {
                        width: 5.57%;
                        position: absolute;
                        left: 0%;
                        top: 30%;
                    }

                    .title {
                        flex:1;
                        margin-left: 9.05%;
                        line-height: 1;
                        a{
                            text-decoration: none;
                          }

                        span {
                            font-size: 1.8rem;
                            font-family: Microsoft YaHei;
                            font-weight: bold;
                            color: #138D1F;
                        }

                    }

                    .icon {
                        // width: 7.46%;
                        margin-right: 7.46%;
                        // padding-top: 3.6%;
                    }

                }
                .down{
                    width: 92.2829%;
                    // aspect-ratio: 586 / 581;
                    margin: 18px 1.302vw 18px 1.302vw;
                    .article{
                        width: 100%;
                        height: 9.7%;
                        background-color: #fff;
                        border-bottom: 1px solid #f2f2f2;
                        margin-bottom: 0px;
                        border-bottom-style: solid;
                        display: flex;
                        justify-content: center;
                        flex-direction: column;
                       .info{
                         display: flex;
                         justify-content: space-between;
                         align-items: center;
                         width: 100%;
                        .title{
                            width: 70%;
                            display: flex;
                            align-items: center;
                            img{
                                width: 1.194%;
                                margin-left: 1.194%;
                            }
                            a{
                                width: 100%;
                                text-decoration: none;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                span{
                                    font-weight: normal;
                                    font-style: normal;
                                    font-size: 18px;
                                    font-family: inherit;
                                }
                            
                            }
                        }
                        .right_date{
                            width: 18%;
							float: right;
                        }
                        
                    }

                       &:hover{
                        .info{
                            .title{
                                a{
                                    span{
                                        color: #417505;
                                    }
                                }
                            }
                            .right_date{
                                .datetime{
                                    color: #B6B6B6
                                }
                            }
                        }
                       }
                    }
                }
            }
        }
    }
        .center02 {
            // aspect-ratio: 1920 / 265;
            display: flex;
            justify-content: center;
            padding-top: 40px;
    
            .width1720 {
                width: 90.6%;
                // height: 100%;
            }
        }
    

    .center03 {
        // aspect-ratio: 1920 / 466;
        display: flex;
        justify-content: center;
        padding-top: 40px;
		.flex-sb{
			align-items:inherit;
		}
        .width1720 {
            width: 90.6%;
            height: 100%;

            .left {
                width: 65.86%;
                height: 100%;
                display: flex;
                justify-content: space-between;

                .left_left {
                    width: 48.32%;
                    height: 100%;
                    background: #FFFFFF;
                    box-shadow: 0px 0px 9px 1px #CDCDCD;
                    border-radius: 4px;

                    .up {
                        height: 5rem;
                        border-bottom: 1px solid #8FB966;
                        width: 91.87%;
                        margin: 0 1.146vw;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        .left_icon {
                            width: 5.89%;
                            position: absolute;
                            left: 0;
                            top: 30%;
                        }

                        .title {
                            flex:1;
                            margin-left: 10.216%;
                            line-height: 1;
                           a{
                             text-decoration: none;
                           }

                            span {
                                font-size: 1.8rem;
                                font-family: Microsoft YaHei;
                                font-weight: bold;
                                color: #138D1F;
                            }

                        }

                        .icon {
                            margin-right: 2%;
                            // padding-top: 4.2%;
                        }

                    }
                    .down{
                        width: 91.87%;
                        // aspect-ratio: 521 / 407;
                        margin: 18px 1.146vw 18px 1.146vw;
                        
                        .article{
                            width: 100%;
                            height: 14%;
                            background-color: #fff;
                            border-bottom: 1px solid #f2f2f2;
                            margin-bottom: 0px;
                            border-bottom-style: solid;
                            display: flex;
                            justify-content: center;
                            flex-direction: column;
                           .info{
                             display: flex;
                             justify-content: space-between;
                             align-items: center;
                             width: 100%;
                            .title{
                                flex:1;
                                display: flex;
                                align-items: center;
                                white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                img{
                                    width: 1.194%;
                                    margin-left: 1.194%;
                                }
                                a{
                                    width: 100%;
                                    text-decoration: none;
                                    white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                    span{
                                        font-weight: normal;
                                        font-style: normal;
                                        font-size: 18px;
                                        font-family: inherit;
                                    }
                                
                                }
                            }
                            .right_date{
                                // width: 10%;
                            }
                            
                        }
    
                           &:hover{
                            .info{
                                .title{
                                    a{
                                        span{
                                            color: #417505;
                                        }
                                    }
                                }
                                .right_date{
                                    .datetime{
                                        color: #B6B6B6
                                    }
                                }
                            }
                           }
                        }
                    }
                }

                .left_right {
                    width: 48.32%;
                    height: 100%;
                    background: #FFFFFF;
                    box-shadow: 0px 0px 9px 1px #CDCDCD;
                    border-radius: 4px;

                    .up {
                        height: 5rem;
                        border-bottom: 1px solid #8FB966;
                        width: 91.87%;
                        margin: 0 1.146vw;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        .left_icon {
                            width: 6.28%;
                            position: absolute;
                            left: 0;
                            bottom: 0;
                        }

                        .title {
                           flex:1;
                            margin-left: 10.216%;
                            line-height: 1;
                            a{
                                text-decoration: none;
                              }

                            span {
                                font-size: 1.8rem;
                                font-family: Microsoft YaHei;
                                font-weight: bold;
                                color: #138D1F;
                            }

                        }

                        .icon {
                            margin-right: 2%;
                        }

                    }
                    .down{
                        width: 91.87%;
                        // aspect-ratio: 521 / 407;
                        margin: 18px 1.146vw 18px 1.146vw;
                        
                        .article{
                            width: 100%;
                            height: 14%;
                            background-color: #fff;
                            border-bottom: 1px solid #f2f2f2;
                            margin-bottom: 0px;
                            border-bottom-style: solid;
                            display: flex;
                            justify-content: center;
                            flex-direction: column;
                           .info{
                             display: flex;
                             justify-content: space-between;
                             align-items: center;
                             flex:1;
                            white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                            .title{
                                width: 90%;
                                display: flex;
                                align-items: center;
                                img{
                                    width: 1.194%;
                                    margin-left: 1.194%;
                                }
                                a{
                                    width: 100%;
                                    text-decoration: none;
                                    white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                    span{
                                        font-weight: normal;
                                        font-style: normal;
                                        font-size: 18px;
                                        font-family: inherit;
                                    }
                                
                                }
                            }
                            .right_date{
                                width: 10%;
                            }
                            
                        }
    
                           &:hover{
                            .info{
                                .title{
                                    a{
                                        span{
                                            color: #417505;
                                        }
                                    }
                                }
                                .right_date{
                                    .datetime{
                                        color: #B6B6B6
                                    }
                                }
                            }
                           }
                        }
                    }
                }
            }

            .right {
                width: 31.839%;
                // height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;

                .right_up {
                    width: 100%;
                    height: 53.1187%;
                    background: #FFFFFF;
                    box-shadow: 0px 0px 9px 1px #CDCDCD;
                    border-radius: 4px;
					margin-bottom: 0.8rem;
                    .up {
                        height: 5rem;
                        border-bottom: 1px solid #8FB966;
                        width: 91.87%;
                        margin: 0 1.146vw;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        .left_icon {
                            width: 5.108%;
                            position: absolute;
                            left: 0;
                            bottom: 0;
                        }

                        .title {
                           flex:1;
                            margin-left: 10.216%;
                            line-height: 1;
                            a{
                                text-decoration: none;
                              }

                            span {
                                font-size: 1.8rem;
                                font-family: Microsoft YaHei;
                                font-weight: bold;
                                color: #138D1F;
                            }

                        }

                        .icon {
                            margin-right: 2%;
                        }

                    }
                    .down{
                        width: 91.87%;
                        // aspect-ratio: 521 / 144;
                        margin: 18px 1.146vw 18px 1.146vw;
                        
                        .article{
                            width: 100%;
                            height: 32.75%;
                            background-color: #fff;
                            border-bottom: 1px solid #f2f2f2;
                            margin-bottom: 0px;
                            border-bottom-style: solid;
                            display: flex;
                            justify-content: center;
                            flex-direction: column;
                           .info{
                             display: flex;
                             justify-content: space-between;
                             align-items: center;
                             width: 100%;
                            .title{
                               flex:1;
                            white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                display: flex;
                                align-items: center;
                                img{
                                    width: 1.194%;
                                    margin-left: 1.194%;
                                }
                                a{
                                    width: 100%;
                                    text-decoration: none;
                                    white-space:nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    span{
                                        font-weight: normal;
                                        font-style: normal;
                                        font-size: 18px;
                                        font-family: inherit;
                                    }
                                
                                }
                            }
                            .right_date{
                                // width: 10%;
                            }
                            
                        }
    
                           &:hover{
                            .info{
                                .title{
                                    a{
                                        span{
                                            color: #417505;
                                        }
                                    }
                                }
                                .right_date{
                                    .datetime{
                                        color: #B6B6B6
                                    }
                                }
                            }
                           }
                        }
                    }
                }

                .right_down {
                    width: 100%;
                    height: 39.839%;
                    #banner_02 {
                        width: 100%;
                        height: 100%;
                        .swiper-slide {
                            width: 100%;
                            .item{
                           width: 100%;
                           height: 100%;
                            .image_lunbo {
                                width: 100%;
                                height: 100%;
                                object-fit: none;
                                border-radius: 4px;
                            }
                        }
                        }
                        .swiper-pagination .swiper-pagination-bullet{
                            margin: 0 5px;
                            width: 13px;
                            height: 13px;
                            background-color: #fff;
                            opacity: unset;
                        
                      }
                      .swiper-pagination-bullet-active {
                          background: #008deb !important;
                      }
                    }

                }
            }
        }
    }

    .center04{
        display: flex;
        justify-content: center;
        padding-top: 75px;

        .width1720 {
            display: flex;
            justify-content: center;
            flex-direction: column;
            .up{
                width: 29.268%;
                // height: 20.869%;
                display: flex;
                justify-content: center;
                align-items: center;
               .youqing01{
                width: 28.9%;
                height: 1px;
                &::before{
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 1px;
                    background: #138D1F;;
                    bottom: 20%;
                    left: 0;
                }
               }
               .youqing02{
                //  width: 42.222%;
                //  height: 100%;
                 display: flex;
                justify-content: center;
                white-space: nowrap;
                span{
                    font-size: 24px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    color: #138D1F;
                }

               }
               .youqing03{
                width: 28.9%;
                height: 1px;
                &::before{
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 1px;
                    background: #138D1F;;
                    bottom: 20%;
                    left: 0;
                }
               }
            }
            .down{
                width: 1000px;
                height: 70.43%;
                margin-top: 13px;
                display: flex;
                justify-content: space-around;
                align-items: center;
                div{
                    height: 30.8%;
					margin-right: 35px;
                    a{
                        height: 100%;
                        img{
                            height: 100%;
                        }
                    }
                }

            }


        }

    }

   
}

@media screen and (min-width: 980px) and (max-width: 1200px){
	.pc-header{
		width: 1000px;
		margin: 0 auto;
		height: 80px;
	}
	.header_menu{
		width: 1000px;
	}
}

@media (min-width: 2560px) {
	.center01 .width1720 .left{
		padding-bottom: 2rem;
	}
	.pc-header{
		width: 1600px;
		margin: 0 auto;
		height: 80px;
	}
}