:root {
    --zt_color--: #013378;
	--zt_deep_color--: #012352;
	--zt_tpt_color--: rgba(1, 35, 82,0.7);
    --zt_red_color--:#a61625;
}
@media screen and (min-width: 1400px) {
    body .width1400 {
        width: 14rem;
        margin: 0 auto;
    }
}

/* pc样式 */
@media screen and (min-width: 1024px) {
    .width1400 {
        box-sizing: border-box;
        padding: 0 10px;
        width: 80%;
        margin: 0 auto;
    }
    
    .move-navigation{
        display: none;
    }

    /* 头部 */

    .header2 {
        /* width: 1920px; */
        margin: 0 auto;
        position: relative;
    }
    .header2-top {
        background-color: var(--zt_color--);
    }

    .header2-top1 {
        background-image: url(../imgs/banner_top_bj.png);
        background-position: center;
        background-repeat: no-repeat;
    }
    

    .header2-top2 {
        background-image: url(../imgs/banner_top_img.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    .header2-top-box {
        position: relative;
        height: 1.4rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header2-top-left a{
        z-index: 1;
        display: flex;
        align-items: center;
    }
    .header2-top-left a>img{
        margin-right: 0.2rem;
        height: 0.7rem;
    }
    .header2-top-left a>h2{
        color: #ffffff;
        font-size: 0.28rem;
        font-family: 'HarmonyOS_Sans_SC';
    }
    .header2-top-right {
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1;
        width: 6rem;
    }
    .header2-top-right>ul {
        display: flex;
    }

    .header2-top-right>ul>li{
        margin-right: 0.25rem;
    }
    .header2-top-right>ul>li>a {
        display: block;
        height: 35px;
        font-family: 'HarmonyOS_Sans_SC';
        font-size: 0.24rem;
        color: #fff;
    }

    .header2-top-right>ul>li:hover>a {
        border-bottom: 2px solid #ffffff;
    }

    .header2-top-right-active>a {
        border-bottom: 2px solid #ffffff;
    }

    /* 搜索 */
    .ss {
        cursor: pointer;
        position: relative;
    }
    .ss-img {
        width: 0.25rem;
    }

    .ss>.ss-form {
        display: flex;
        position: absolute;
        left: 0.3rem;
        top: -0.05rem;
    }
    
    .ss-active {
        width: 1.7rem !important;
        border: 1px solid #bebebe !important;
    }
    .ss-input {
        width: 0px;
        border: none;
        height: 0.3rem;
        text-indent: 0.14rem;
        font-size: 0.14rem;
        outline: none;
        background-color: #fff;
        border-radius: 0.05rem;
        transition: all .5s ease;
    }


    .header2-img {
        position: relative;
    }
    .header2-img img {
        width: 100%;
    }
    .header2-img>h2 {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        font-size: 50px;
        color: var(--zt_color--);
    }

    /* 底部 */
    .bottom {
        margin: 0 auto;
        height: 2.6rem;
        background-image: url(../imgs/bottom_bj_quan.png); 
        background-color: var(--zt_color--);
        background-repeat: no-repeat;
        background-position: center 10px;
        background-size: cover;
    }

    .bottom-box {
        display: flex;
        justify-content: space-between;
    }

    .bottom-left {
        padding-top: 1.4rem;
    }

    .bottom-left>p {
        font-family: 'HarmonyOS_Sans_SC';
        font-size: 0.16rem;
        line-height: 0.36rem;
        color: #ffffff;
        opacity: 0.8;
    }

    .bottom-left>p>span {
        margin-right: 0.2rem;
        font-family: 'HarmonyOS_Sans_SC';
        font-size: 0.16rem;
        color: #ffffff;
    }

    .bottom-right {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-top: 1.4rem;
    }

    .bottom-right a {
        font-family: 'HarmonyOS_Sans_SC';
        font-size: 0.16rem;
        line-height: 0.34rem;
        color: #ffffff;
        opacity: 0.8;
        border-bottom: 1px solid #ffffff;
    }

    .bottom-right a:hover {
        color: #ffffff;
    }

    .bottom-right p {
        font-family: 'HarmonyOS_Sans_SC';
        font-size: 0.16rem;
        line-height: 0.34rem;
        color: #ffffff;
        opacity: 0.8;
    }




 /* 二级导航栏 */
    .two-nav {
		padding-bottom: 1.5rem;
	}

	.two-nav ul {
	}

	.two-nav ul li {
        border-bottom: 7px solid #fff;
		position: relative;
	}
    .two-nav ul .two-nav-active {
        
    } 
    .two-nav ul .two-nav-active>a {
        color: var(--zt_red_color--);
        font-weight: 700;
    } 
	.two-nav ul li>span.on {
		transform: rotateZ(90deg);
	}

	.two-nav ul li ul {
		display: none;
        background-color: #ffffff;
	}

	.two-nav ul li ul li {
		border: none;
	}

	.two-nav>ul>li>a {
		border-bottom: 0.01rem solid #dddddd;
        padding-left: 0.35rem;
		display: flex;
        align-items: center;
		font-size: 0.22rem;
		height: 0.75rem;
		position: relative;
		color: var(--zt_color--);
        background-color: #efefef;
	}

	.two-nav>ul>li>ul>li>a {
        display: flex;
        align-items: center;
        padding-left: 0.6rem;
		font-size: 0.18rem;
        height: 0.5rem;
		color: var(--zt_color--);
        background-image: url(../icon/list_icon1.png);
        background-repeat: no-repeat;
        background-position: 0.2rem center;
        background-size: 0.3rem auto;
	}
    .two-nav>ul>li>ul>li>a>span {
        margin-right: 0.1rem;
    }
    .two-nav>ul>.two-nav-active>ul>.two-nav-active-green>a {
        color: var(--zt_red_color--);
    }
    .two-nav>ul>.two-nav-active>span {
		background-image: url("../icon/two_nav_right_green.png");
        transform: rotate(90deg);
    }

	.two-nav>ul>li>span {
		position: absolute;
		width: 0.7rem;
		height: 0.75rem;
		background-image: url("../icon/two_nav_right.png");
        background-repeat: no-repeat;
		background-size: 0.1rem auto;
		background-position: center center;
		right: 0rem;
		top: 0;
		cursor: pointer;
		display: block;
		color: #fff;
		transition: all 0.3s;
	}

}

/* 移动端样式 */
@media screen and (max-width: 1024px) {
  .content-box-left {
        display: none;
    }

    .width1400 {
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%;
    }


    .header2-top{
        display: none;
    }
    .yd-form{
        position: relative;
        margin-top: 10px;
        padding-left: 5%;
        padding-right: 5%;
    }
    .yd-form>form{
        padding-left: 10px;
        background-color: rgb(255, 255, 255,0.7);
        border-radius: 5px;
    }
    .yd-input {
        width: 80%;
        height: 40px;
        border: none;
        outline: none;
        background: none;
    }
    .yd-submit {
        position: absolute;
        right: 5%;
        top: 0;
        height: 40px;
        width: 40px;
        border: none;
        background-repeat: no-repeat;
        background-color: rgb(255, 255, 255,0);
        background-image: url(../imgs/yd_ss.png);
        background-position: center;
        background-size: 25px;
    }


    .header2-img {
        overflow: hidden;
        position: relative;
    }

    .header2-img img {
        width: 100%;
    }

    .header2-img>h2 {
        position: absolute;
        left: 50%;
        top: 55%;
        transform: translate(-50%,0%);
        font-size: 30px;
        color: var(--zt_color--);
    }
     /* 底部 */
     .bottom {
        margin: 0 auto;
        width: 100%;
        height: 2.6rem;
        background-color: var(--zt_color--);
        background-repeat: no-repeat;
        background-position: center 5px;
        background-size: 100% auto;
        /* background-image: url(../imgs/bottom_bj_quan.png); */
    }

    .bottom-box {
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
    }

    .bottom-left {
        padding-top: 60px;
    }

    .bottom-left>p {
        font-family: 'HarmonyOS_Sans_SC';
        font-size: 12px;
        line-height: 36px;
        color: #ffffff;
        opacity: 0.8;
    }

    .bottom-left>p>span {
        margin-right: 20px;
        font-family: 'HarmonyOS_Sans_SC';
        font-size: 12px;
        color: #ffffff;
    }

    .bottom-right {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-top: 60px;
    }

    .bottom-right a {
        font-family: 'HarmonyOS_Sans_SC';
        font-size: 12px;
        line-height: 34px;
        color: #ffffff;
        opacity: 0.8;
        border-bottom: 1px solid #ffffff;
    }

    .bottom-right a:hover {
        color: #ffffff;
    }

    .bottom-right p {
        font-family: 'HarmonyOS_Sans_SC';
        font-size: 12px;
        line-height: 34px;
        color: #ffffff;
        opacity: 0.8;
    }
}

@media screen and (max-width: 768px){



 /* 底部 */
 .bottom {
    margin: 0 auto;
    width: 100%;
    height: 200px;
    background-image: url(../imgs/bottom_bj_quan.png); 
}

.bottom-box {
    display: block;
}

.bottom-left {
    padding-top: 30px;
}

.bottom-left>p {
    font-family: 'HarmonyOS_Sans_SC';
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    color: #ffffff;
    opacity: 0.8;
}

.bottom-left>p>span {
    margin-right: 20px;
    font-family: 'HarmonyOS_Sans_SC';
    font-size: 12px;
    color: #ffffff;
}

.bottom-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}

.bottom-right a {
    font-family: 'HarmonyOS_Sans_SC';
    font-size: 12px;
    line-height: 34px;
    color: #ffffff;
    opacity: 0.8;
    border-bottom: 1px solid #ffffff;
}

.bottom-right a:hover {
    color: #ffffff;
}

.bottom-right p {
    font-family: 'HarmonyOS_Sans_SC';
    font-size: 12px;
    line-height: 34px;
    color: #ffffff;
    opacity: 0.8;
}
}