/* 基础样式清空 */
* {
    margin: 0;
    padding: 0
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal
}

a {
    text-decoration:none;
}
html,body {
    /* 方法一 */
    scroll-behavior: smooth;
}
@media screen and (max-width: 769px) { 
    .logo{
        padding: 1.5rem 0 0 0 !important;
    } 
    .logo img{
        width: 90% !important;
        height: unset !important;
    }
    .content{
        width: 90% !important;
        margin: 0 auto !important;
        font-size: .875rem !important;
        line-height: 1.5625rem !important;
        color: #fff !important;
        text-indent: 2rem !important;
    }
    .header_content{
        padding: 2rem 0 0rem 0 !important;
    }
    .header_content .title{
        width: 17.875rem !important;
        height: 6.25rem !important;
    }
    .header_content .title .img1{
        width: 3.25rem !important;
    }
    .header_content .title p{
        font-size: 2rem !important;
    }
    .header_content .title .img2{
        width: 0.725rem !important;
        bottom: 3.8rem !important;
        right: 3.525rem !important;
    }
    .small-title{
        letter-spacing: 0.3em !important;
        font-size: .675rem !important;
    }
    .small-title::after,.small-title::before{
        width:1.5rem !important;
        top:.425rem !important;
    }
    .small-title::before{
        right:.875rem !important;
    }
    .small-title::after{
        left:.875rem !important;
    }
    .zong_content{
        width: 100% !important;
        flex-direction:column;
		gap:1rem;
    }
    .content_left,.content_right{
        width: 100% !important;
    }
    .content_right{
        width: 100% !important;
		margin-bottom: 2rem !important;
    }
    .content_right_img{
     width:100% !important;
	 height:100% !important;
	 margin:0 !important;
    }
 
    .content_left_img{
        width: 100% !important;
		height:100% !important;
        margin: 0!important;
    }
    .img_left,.img_right{
        width: 10.125rem !important;
        height: 2rem !important;    
		bottom:-1px !important;
    }
   
    .right_text {
        margin-top: -2rem !important;
		margin-bottom: 2rem !important;

    }
    .header_content .title .xgtitle_img1 {
        left: -0.875rem !important;
    }
    .header_content .title .xgtitle_img2 {
        right: -0.475rem !important;
    }
    .gradient::after{
        left:5rem !important;
    }
    .gradient::before{
        right:5rem !important;
    }
    .sumRz img {
        width: 95% !important;
        height: 100% !important;
        margin: 0.5rem !important;
    }
    .gradient1::after{
        left:2.8rem !important;
    }
    .gradient1::before{
        right:2.8rem !important;
    }
    .wx_box{
        display: none !important;
    }
    .lj{
        display: none !important;
    }
    .zong_friend {
        background-size: 133% !important;
    }
    .qualifications {
        width: 98% !important;
        height: 100% !important;
        margin: 0 auto !important;
        display: flex;
        justify-content: space-around !important;
		flex-wrap:wrap;
    }
    .qualifications img {
        width: calc((100% - 1rem) / 2) !important;
    }
    .content_text {
        padding: 1rem 0rem 0 0 !important;
    }
    .box_footer {
        margin-top: 1.1875rem !important;
    }
    .footrer_content {
        height: 100% !important;
    }
    .footer_box{
        width: 100% !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (max-width: 57.3125rem) {  
    .tab {   
        display: none !important;
    }
}
body{
    width: 100%;
    height: 100%;
    background-color: #165EE9;
}
.Box{
    width: 100%;
    height: 100%;
}
.box_header{
    width: 100%;
    background-repeat:no-repeat;
    background-image: url("../image/容器\ 54.png");
    background-size: 100%;
}

.logo{
    padding: 1.5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo img{
    width: 31.25rem;
    height: 6.75rem;
}
.tab{
    width: 36.25rem;
    line-height: 3rem;
    display: flex;
    justify-content:space-around;
}
.tab1{
    display: none;
}

.tab a{
    color: rgba(255, 255, 255, 0.5);
    background: linear-gradient(to right, #fff, #fff, #fff) no-repeat right bottom;
    background-size: 0 2px;
	transition: background-size 10ms;
}
.tab a:hover{
    color: #fff;
    /* font-size: 1.125rem; */
	background-position-x: left;
    background-size: 100% 2px;
}
.header_content{
    width: 100%;
    padding: 3rem 0 5rem 0;
}
.header_content .title{
    width: 21.875rem;
    height: 6.25rem;
    margin: 0 auto;
    position: relative;
}
.header_content .title .img1{
    position: absolute;
    width: 4.25rem;
    top: 0;
    left: 3.125rem;
}
.header_content .title .img2{
    position: absolute;
    width: 0.925rem;
    bottom: 2.8rem;
    right: 3.425rem;
}
.header_content .title p{
    font-size: 45px;
    color: #fff;
    text-align: center;
}
.small-title{
    bottom:-0.625rem;
    color: #fff;
    letter-spacing: 0.4em;
    font-size: .875rem;
    text-align: center;
    position: relative;
}
.small-title::after,.small-title::before{
    position: absolute;
    width:35px;
    height:1px;
    content:'';
    top:.625rem;
}
.small-title::after{
    background:linear-gradient(-47deg, rgba(255, 255, 255, 1), rgba(216, 216, 216, 0));
    left:0;
}
.small-title::before{
    background:linear-gradient(47deg, rgba(255, 255, 255, 1), rgba(216, 216, 216, 0));
    right:0;
}
.adjust::after{
    left:2.5rem !important;
}
.adjust::before{
    right:2.5rem !important;
}
.content{
    width: 62.5rem;
    margin: 1.5rem auto;
    font-size: .875rem;
    line-height: 1.5625rem;
    color: #fff;
    text-indent: 2rem;
}
.zong_head{
    width: 100%;
    /* height: 43.75rem; */
    position: relative;
}
.zong_content{
    width: 64.5rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.unpadding{
    padding-bottom: 0;
}
.content_left{
    width: 45%;
    height: 100%;
}
.content_left_img{
    width: 30.0625rem;
    height: 19.6875rem;
    margin-left: 4rem;
}
.text{
    width: 100%;
    height: 14.5rem;
    color: #fff;
    position: relative;
}
.text .title{
    position: absolute;
    font-size: 18px;
    left: 2.825rem;
    top: 2.5rem;
}
.text .xian{
    position: absolute;
    width: 2.5rem;
    height: .125rem;
    background-color: #fff;
    left: 2.825rem;
    top: 4.5rem;
}
.text .content{
    width: 24.6875rem;
    /* height: 8.75rem; */
    font-size: 14px;
    position: relative;
    top: 6rem;
    left: .5rem;
    line-height: normal;
    text-indent: 0;
    margin: 0 auto;
}
.text .img1{
    position: absolute;
    top: 0;
    left: 0;
    width: 5.25rem;
    height: 4rem;
    z-index: -1;
}
.text .img2{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5.25rem;
    height: 4rem;
    z-index: -1;
}
.content_right{
    width: 45%;
    height: 100%;
}
.content_right_img{
    width: 23.4375rem;
    margin: -1.4rem 3rem;
    z-index: -1;
}
.right_text{
    margin-top: -4rem;
}
.img_left{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 39.125rem;
    height: 7rem;
}
.img_right{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 39.125rem;
    height: 7rem;
}
.zong_friend{
    width: 100%;
    background-repeat:no-repeat;
    background-image: url("../image/下背景.png");
    background-size: 100%;
	background-position: bottom center
}
.xgtitle{
    /* width: 33.875rem !important; */
}
.text_color{
    color: rgb(22, 94, 233) !important;
}
.gradient::after{
    background:linear-gradient(-47deg, rgba(22, 94, 233, 1), rgba(216, 216, 216, 0));
    left:5rem;
}
.gradient::before{
    background:linear-gradient(47deg, rgba(22, 94, 233, 1), rgba(216, 216, 216, 0));
    right:5rem;
}
.sumRz{
    width: 80rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.sumRz img{
    /* width: 12.5rem; */
    height: 2.625rem;
    margin: 1rem;
}
.gradient1::after{
    background:linear-gradient(-47deg, rgba(22, 94, 233, 1), rgba(216, 216, 216, 0));
    left:2.8rem;
}
.gradient1::before{
    background:linear-gradient(47deg, rgba(22, 94, 233, 1), rgba(216, 216, 216, 0));
    right:2.8rem;
}
.qualifications{
    width: 62.1875rem;
    height: 17.8125rem;
    margin: 1.2rem auto;
    display: flex;
    justify-content: space-between;
}
.qualifications img{
    width: 12.5rem;
    height: 100%;
}
.box_zong{
    width: 100%;
}
.zong_conter{
    width: 100%;
}
.box_footer{
    width: 100%;
    /* height: 15rem; */
    margin-top: -2.8125rem;
    border-radius: 50px 50px 0px 0px;
    background-color: #165EE9;
}
.footrer_content{
    width: 100%;
    height: 12rem;
    display: flex;
    border-bottom: 1px solid rgba(249, 252, 255,0.5);
}
.content_box{
    /* width: 62.5rem; */
    height: 100%;
    margin: 0 auto;
    display: flex;
}
.content_text{
    /* width: calc(100% / 4); */
    padding: 2rem 5rem 0 0 ;
    color: #fff;
}
.content_text .title{
    font-size: 18px;
    margin-bottom: 1.625rem;
}
.minTitle{
    color: #fff;
    font-size: 14px;
    display: block;
    margin-bottom: .5rem;
}
.footer_box{
    width: 60%;
    margin: 1rem auto;
    display: flex;
    font-size: 14px;
    color: #fff;
    justify-content: space-between;
}
.footer_ba{
    /* width: 25.875rem; */
    /* height: 1.25rem; */
}.footer_fw{
    /* width: 8.375rem;
    height: 1.25rem; */
}
.wx{
    display: flex;
	align-items: center;
	width: .18rem;
	color: #fff;
    font-size: 12px;
	line-height: 1.2rem;
    margin-top: -2.9375rem;
	text-align: center;
	word-break: break-all;
}
.wxQrcode{
    width: 6.805rem;
    height: 6.8625rem;
    position: absolute;
    top: 2.5625rem;
    left: 1.6875rem;
}
.wx_order{
    width: 8rem;
    height: 8rem;
    margin-left: .9375rem;
}