@media screen and (min-width: 1024px) {._banner {
    height: 995px;
    background: url('../images/bg.png');
    background-position: center;
}
.banner-content {
    padding-top: 195px;
    overflow: hidden;
}}
@media screen and (max-width: 1024px) {._banner {
    background: url('../images/bg.png');
    background-position: center;
}
.banner-content {
    padding-top: 195px;
    overflow: hidden;
}}


.banner-content-phone {
    float: left;
}
.banner-content-box {
    float: left;
    display: inline-block;
}
.banner-content-box-text {
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 10px;
}
.banner-content-box-btn-box {
    margin-top: 20px;
}
.banner-content-box-btn {
    margin: 0 12px;
    width: 154px;
    height: 45px;
    background: #4D78ED;
    border-radius: 23px;
    border: 0;
    color: #FFF;
}
.banner-content-box-btn img {
    margin-right: 8px;
}
.banner-content-box-func-box {
    margin: 0 auto;
    margin-top: 36px;
    width: 92%;
    overflow: hidden;
}
.banner-content-box-func-box p {
    float: left;
    width: 33.33%;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
}
.banner-content-box-show-box {
    margin-top: 30px;
    overflow: hidden;
}
@media screen and (min-width: 1024px) {.banner-content-box-show {
    float: left;
    width: 240px;
    height: 310px;
    background: #FDF8E8;
    border-radius: 10px;
    text-align: center;
}
.banner-content-box-show.center {
    margin-left: 40px;
    margin-right: 40px;
}
.banner-content-box-show img {
    margin: 20px;
}
.banner-content-box-show button {
    width: 154px;
    height: 45px;
    border: 1px solid #3860F4;
    border-radius: 2px;
    background: #FFF;
    font-size: 16px;
    font-weight: 400;
    color: #4975EC;
    transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari and Chrome */
    -o-transition: all 0.3s; /* Opera */
}
.banner-content-box-show button:hover {
    background: #3860F4;
    color: #FFF;
}

}

@media screen and (max-width: 1024px) {.banner-content-box-show {
    float: left;
    width: 100%;
    height: 310px;
    background: #FDF8E8;
    border-radius: 10px;
    text-align: center;
}
.banner-content-box-show.center {
    margin-top: 40px;
}
.banner-content-box-show img {
    margin: 20px;
}
.banner-content-box-show button {
    width: 154px;
    height: 45px;
    border: 1px solid #3860F4;
    border-radius: 2px;
    background: #FFF;
    font-size: 16px;
    font-weight: 400;
    color: #4975EC;
    transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari and Chrome */
    -o-transition: all 0.3s; /* Opera */
}
.banner-content-box-show button:hover {
    background: #3860F4;
    color: #FFF;
}

}



@media screen and (min-width: 1024px) {
	.content {
    max-width: 1200px;
    margin: 0 auto;
}

.function-relative {
    position: relative;
}
.function {
 width:100%;

    background: #FFFFFF;
    box-shadow: 0px 5px 23px 1px rgba(255, 170, 63, 0.35);
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
}
	.function-box {
    float: left;
    width: 25%;
    margin: 15px 0;
    text-align: center;
}}
@media screen and (max-width: 1024px) {
	
	.content {
    width: 100%;
    margin: 0 auto;
}

.function-relative {
    position: relative;
}
.function {
 width:100%;

    background: #FFFFFF;
    box-shadow: 0px 5px 23px 1px rgba(255, 170, 63, 0.35);
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
}
	.function-box {
    float: left;
    width: 50%;
    margin: 15px 0;
    text-align: center;
}}


@media screen and (min-width: 1024px) {
	.function-box p {
    margin-left: 8px;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
}

.desc {
    height: 520px;
    overflow: hidden;
}
	.desc-text-box {
    float: left;
    width: 75%;
    padding: 0 5%;
    padding-top: 200px;
}
.desc-text-box p {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 22px;
    margin-bottom: 20px;
}
.desc-wechat-box {
    float: right;
    padding-top: 140px;
    text-align: center;
}
.desc-wechat-box p {
    margin-top: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}}
@media screen and (max-width: 1024px) {
	.function-box p {
    margin-left: 8px;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
}

.desc {
    overflow: hidden;
}
	.desc-text-box {
    float: left;
    width: 100%;
    padding: 0 5%;
    padding-top: 14px;
}
.desc-text-box p {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 22px;
    margin-bottom: 20px;
}
.desc-wechat-box {
    padding-top: 140px;
    text-align: center;
}
.desc-wechat-box p {
    margin-top: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}}

@media screen and (min-width: 1024px) {.action-pc {
	width:1000px;
	height:100px;
	position:absolute;left:18%; bottom:15%;
}


.link{margin-top: 44px;}
.link a{float: left; width: 240px; margin-right:14px; display: block;  position: relative;}
.link a > img{float: left; width: 100%; display: block;}
.link a i{position: absolute; top: -240%; padding-top: 10px; width: 129px; height: 0; overflow: hidden; left: 50%; margin-left: -65px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.link a i img{float: left; width: 100%; height: 129px; display: block;}
.link a:hover{}
.link a:hover i{height: 139px;}
.link span{float: left; padding-left: 7px; font-size: 18px; color: #fff; font-family: Arial; font-weight: bold; line-height: 35px; height: 35px; display: inline-block;}}


@media screen and (max-width: 1024px) {.action-pc {
	width:100%;
	height:auto;
	position:absolute; zoom:0.4;
    bottom:15px;
    left:0;
}


.link{ float:left; width:90%; margin:0 5%; margin-top: 0;}
.link a{float: left; width: 31%; margin: 0 1%; display: block;  position: relative;}
.link a > img{float: left; width: 100%; display: block;}
.link a i{position: absolute; top:100%; padding-top: 0; width: 100%; height: 0; overflow: hidden; left: 0%;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.link a i img{float: left; width: 100%; height: auto; display: block;}
.link a:hover{}
.link a:hover i{height: auto;}
.link span{float: left; padding-left: 7px; font-size: 18px; color: #fff; font-family: Arial; font-weight: bold; line-height: 35px; height: 35px; display: inline-block;}


.py-5.border-radius.mb-5.px-3{border-radius:initial !important;}


.xiutubanner{overflow:initial !important; z-index:9;}
}