.wrap{width:auto;padding-left:8.8%;padding-right: 8.8%;max-width: 1920px;margin:auto;} 

.container {
    font-family: Arial,sans-serif;
    max-width: 1456px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px #0000001a
}

 
.content1 {
    padding: 110px 0;
    /*max-width: 1456px;
    height: 778px;*/
    background-image: url(../images/img1-Da9DfyWt.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff
}

.content1 .imgbox {
    width: 80px;
    height: 80px;
    border-radius: 6px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px
}
.content1 .title2 br{display:none;}
.content1 .btnbox {
    display: flex;
    align-items: center
}

.content1 .btnbox .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 178px;
    height: 48px;
    background-color: #9d2374;
    border-radius: 30px;
    font-size: 20px;
    color:#fff;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.content1 .btnbox .btn:hover {
    background-color: #8a1c66
}

.toast {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) translateY(-20px);
    background-color: #333;
    color: #fff;
    padding: 16px 24px;
    border-radius: 8px;
    font-size: 16px;
    z-index: 1000;
    opacity: 0;
    transition: opacity .3s,transform .3s;
    box-shadow: 0 4px 12px #00000026;
    text-align: center;
    min-width: 200px
}

.toast.show {
    opacity: 1;
    transform: translate(-50%,-50%) translateY(0)
}

.content2 {
    padding: 110px 0;
    /*max-width: 1456px;*/
    height: 900px;
    background-image: url(../images/img2-tI2CVIaw.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #000
}

.content3 {
    padding: 40px 0;
    /*max-width: 1456px;*/
    height: 391px;
    background-color: #1a1a1a;
    color: #fff;
    
}
.content3 .wrap{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;  
}
.content3 .left {
    padding: 45px 0;
    max-width: 56%;
}

.content3 .right,.content3 .right img {
    width: 380px
}

.content4 {
    padding: 80px 0;
    /*max-width: 1456px;*/
    height: 440px;
    background-image: url(../images/img4-D1VaaTqE.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff
}
.content4 .left{
	max-width: 56%;
}
.content5 {
    padding: 80px 0;
    /*max-width: 1456px;*/ 
    background-color: #f4f4f4;
    color: #000
}

ol {
    margin: 15px 0 30px 20px;
    font-size: 16px
}
ol li,ul li{list-style: inherit;word-break: break-word;} 
.title1{font-size:36px;line-height:1.5;margin-bottom:10px;}
.title2{font-size:30px;line-height:1.5;margin-bottom:90px;}
.font1{font-size:36px;line-height:1.5;margin-bottom:20px;font-weight:bold;}
.font2{font-size:24px;line-height:1.5; }
.font3{font-size:24px;line-height:1.5;margin-bottom:35px;}
.font4{font-size:20px;line-height:1.5;margin-bottom:35px;}
@media only screen and (max-width:1440px) {
.wrap{padding-left:5%;padding-right:5%;}
 
}
@media only screen and (max-width:1256px) {
 
.content2 p br,.content3 p br,.content4 p br{display: none;}
}
@media only screen and (max-width:820px) {
 
}
@media only screen and (max-width:640px) { 
	.top img{max-width: 90px;}
	.content1 .imgbox{width:60px;height:60px;padding:15px;}
	.content1,.content3,.content4,.content5{padding:40px 0;height:auto;}
	.content1{background-position: 56% 35%;}
	.content2{padding:30px 0;height:400px; position:relative;}
	.content2:before{width:100%;height:70%;background:linear-gradient(180deg, rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0) 100%);content:'';position:absolute;left:0;top:0;z-index:0;}
	.content2 .wrap{position:relative;z-index:10;}
	.content1 .title2 br{display:block;}
	.content3 .wrap{flex-direction:column-reverse;}
	.content3 .right{width:100%;text-align: center;}
	.content3 .right img{width:80%;margin:auto;}
	.content3 .left{max-width: 100%;padding-top: 0;}
	.content4{background-size:auto;}
	.title1{font-size:28px;}
	.title2{font-size:20px;margin-bottom:40px;}
	.font1{font-size:24px;margin-bottom: 10px;}
	.font2{font-size:16px;}
	.font3,.font4{font-size:16px;}
	.font3{width:53%;}
	.content1 p br{display:none;}
	.content1 .btnbox .btn{font-size:16px;}
}