section{position:relative}
section .bg img{display:block;width:100%}
section .wp{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.logo{display:block;height:.34rem}
.logo img{display:block;height:100%}
.sec1 .logo{position:absolute;top:.46rem;left:1.68rem;z-index:2}
.sec1 .p1{font-family:Source Han Sans CN;font-weight:400;font-size:.33rem;color:#fff;background:linear-gradient(90deg,#efb0a9 0,#db719f 48.75488281%,#994383 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}
.sec1 h3{font-family:Source Han Sans CN;font-weight:700;font-size:.97rem;color:#fff;background:linear-gradient(90deg,#efb0a9 0,#db719f 48.75488281%,#994383 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.sec1 h4{font-family:Source Han Sans CN;font-weight:700;font-size:.57rem;color:#fff;background:linear-gradient(90deg,#efb0a9 0,#db719f 48.75488281%,#994383 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}
.sec1 h2{font-family:Source Han Sans CN;font-weight:700;font-size:1.92rem;color:#fff;background:linear-gradient(90deg,#efb0a9 0,#db719f 48.75488281%,#994383 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.sec1 .tag{padding:0 .55rem;height:.56rem;background:linear-gradient(-90deg,#efb0a9,#db719f,#994383);border-radius:.28rem;font-family:Source Han Sans CN;font-weight:500;font-size:.34rem;color:#fff;margin:.3rem 0 .9rem}
.sec1 .p2{font-family:Source Han Sans CN;font-weight:400;font-size:.27rem;color:#fff}
.sec2{line-height:1}
.sec2 h1{font-family:Source Han Sans CN;font-weight:700;font-size:1.12rem;color:#fff;margin-top:.8rem}
.sec2 h3{font-family:Source Han Sans CN;font-weight:400;font-size:.64rem;color:#fff;margin:.3rem 0 .36rem;position:relative;left:-.3rem}
.sec2 h3 span{font-weight:700}
.sec2 .tag{display:flex;align-items:center;justify-content:center;height:.78rem;background:#fff;border-radius:.37rem;padding:0 .55rem;font-family:Source Han Sans CN;font-weight:700;font-size:.41rem;color:#811bc5}
.sec3 .wp{display:block;padding-top:1.4rem}
.sec3 h1{font-family:Source Han Sans CN;font-weight:700;font-size:1.01rem;color:#fff;width:100%;text-align:center;line-height:1}
.sec3 h2{font-weight:400;font-size:.74rem;color:#fff;text-align:center}
.sec3 p{text-align:center;font-weight:400;font-size:.2rem;color:#fff;text-transform:uppercase}
.sec3 .item{position:absolute;text-align:left;padding-bottom:.2rem;border-bottom:1px solid #c04fdb}
.sec3 .item h3{font-family:Source Han Sans CN;font-weight:700;font-size:.4rem;color:#c04fdb}
.sec3 .item p{text-align:left;max-width:3rem;font-family:Source Han Sans CN;font-weight:400;font-size:.27rem;color:#fff}
.sec3 .item1{top:25%;left:0}
.sec3 .item1:after{content:'';width:2rem;height:1px;background:#c04fdb;position:absolute;bottom:0;right:-67%;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;transform:rotate(45deg)}
.sec3 .item2{top:30%;right:0}
.sec3 .item2:after{content:'';width:1.58rem;height:1px;background:#c04fdb;position:absolute;bottom:-88%;left:-22%;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;transform:rotate(-64deg)}
.sec4 .wp{align-items:flex-end;color:#fff}
.sec4 .wp p{font-size:.31rem;margin-bottom:.5rem}
.sec4 .wp h1{line-height:1;font-size:1.06rem}
.sec4 .wp h3{font-size:.69rem}
.sec4 .wp .circle{width:3.28rem}
.sec4 .wp .circle img{display:block;width:100%}
.sec5 .wp{align-items:flex-end;color:#fff}
.sec5 p{font-size:.33rem;text-transform:uppercase}
.sec5 h1{line-height:1;font-size:1.28rem;margin:.3rem 0 .8rem}
.sec5 ul{max-width:5.4rem;margin:0 -.08rem;display:flex;flex-wrap:wrap;justify-content:flex-end}
.sec5 ul li{margin:0 .08rem .12rem;flex:0 0 1.63rem;white-space:nowrap;height:.45rem;background:#fff;border-radius:.23rem;display:flex;align-items:center;justify-content:center;padding:0 .28rem;font-size:.27rem;color:#9f24b4}
.sec5 ul .f1{flex:1}
.sec6 h1{font-family:Source Han Sans CN;font-weight:700;font-size:.87rem;color:#000;background:linear-gradient(90deg,#efb0a9 0,#db719f 48.75488281%,#994383 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sec6 .tags{display:flex;flex-wrap:wrap;max-width:7.2rem;margin:.45rem 0}
.sec6 .tags .tag{margin-bottom:.23rem;width:3.31rem;height:.49rem;background:linear-gradient(90deg,#feb7b6,#d43ea4);border-radius:.24rem;display:flex;align-items:center;justify-content:center;margin-right:.28rem;font-weight:500;font-size:.3rem;color:#000}
.sec6 ul{color:#fff}
.sec6 ul li{padding-right:.2rem;font-size:.29rem;padding-bottom:.1rem;border-bottom:1px solid #fff;margin-bottom:.2rem;padding-left:.2rem;position:relative}
.sec6 ul li:after{content:'';height:.5rem;width:1px;background-color:#fff;position:absolute;left:0;bottom:0;-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;transform:rotate(-45deg)}
.sec6 ul li em{margin-right:.1rem;font-style:italic;font-size:.36rem}
.sec7{height:auto;padding:1.1rem 0 1rem;background-color:#05010f}
.sec7 .wp{position:static;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);display:block}
.sec7 .title{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}
.sec7 .title .logo{height:.5rem}
.sec7 .title h1{line-height:1;font-family:Source Han Sans CN;font-weight:700;font-size:.6rem;color:#9f24b4;background:linear-gradient(90deg,#efb0a9 0,#db719f 48.75488281%,#994383 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sec7 .pic{width:100%;max-width:9.67rem;margin:0 auto}
.sec7 .pic img{display:block;width:100%}
.footer{padding:.5rem 0;background-color:#fff;color:#000;text-align:center;font-size:.27rem}
.footer a{color:#9f24b4}
.footer p{font-size: 12px;}
.footer p a{color: #333;}
.forMob{display:none!important}
body{padding-bottom:1rem}
.fixed-footer{position:fixed;bottom:0;left:0;width:100%;z-index:999;background-color:#003d69;color:#fff;font-size:.24rem;padding:.2rem 0}
.fixed-footer .wp{display:flex;align-items:center;justify-content:center}
.fixed-footer .tel{margin-right:.6rem;display:flex;align-items:center;font-size:.3rem;font-weight:700}
.fixed-footer .tel img{margin-right:.1rem;display:block;width:.6rem;height:.6rem}
.fixed-footer .tel a{color: #fff;}
.fixed-footer .btn+.btn{margin-left:.6rem}
.fixed-footer .btn{cursor:pointer;border-radius:5px;background-color:#fff;color:#003d69;width:1.5rem;height:.45rem;display:flex;align-items:center;justify-content:center;position:relative}
.fixed-footer .btn:after{content:'';position:absolute;left:-.3rem;top:0;height:100%;width:1px;background-color:#fff;opacity:.5}
.m-pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}
.m-pop .pop-mask{display:block;width:100%;height:100%;background:#000;opacity:.6}
.m-pop .pop-con{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;background-color:#fff;border-radius:10px;padding:.3rem;color:#000}
.m-pop .pop-title{text-align:center;color:#000;font-size:.24rem}
.m-pop .label{font-size:.18rem}
.m-pop .input{display:block;width:100%;height:.4rem;border:none;border-bottom:1px solid #003d69;background:0 0;padding:0 .2rem;font-size:.18rem;color:#000}
.m-pop .form-item+.form-item{margin-top:.4rem}
.m-pop .btn-group{margin-top:.4rem;display:flex;align-items:center;justify-content:center}
.m-pop .btn-group .close,.m-pop .btn-group input{width:1.5rem;height:.45rem;display:flex;align-items:center;justify-content:center;background-color:#003d69;color:#fff;border-radius:5px;cursor:pointer;font-size:.18rem}
.m-pop .btn-group .close{margin-left:.2rem;background-color:#fff;color:#003d69;border:1px solid #003d69}
.m-pop1{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}
.m-pop1 .pop-mask{display:block;width:100%;height:100%;background:#000;opacity:.6}
.m-pop1 .pop-con{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;background-color:#fff;border-radius:10px;padding:.3rem;color:#000}
.m-pop1 .pop-title{text-align:center;color:#000;font-size:.24rem}
.m-pop1 .label{font-size:.18rem}
.m-pop1 .input{display:block;width:100%;height:.4rem;border:none;border-bottom:1px solid #003d69;background:0 0;padding:0 .2rem;font-size:.18rem;color:#000}
.m-pop1 .form-item+.form-item{margin-top:.4rem}
.m-pop1 .btn-group{margin-top:.4rem;display:flex;align-items:center;justify-content:center}
.m-pop1 .btn-group .close,.m-pop1 .btn-group input{width:1.5rem;height:.45rem;display:flex;align-items:center;justify-content:center;background-color:#003d69;color:#fff;border-radius:5px;cursor:pointer;font-size:.18rem}
.m-pop1 .btn-group .close{margin-left:.2rem;background-color:#fff;color:#003d69;border:1px solid #003d69}
.m-pop2{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}
.m-pop2 .pop-mask{display:block;width:100%;height:100%;background:#000;opacity:.6}
.m-pop2 .pop-con{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;background-color:#fff;border-radius:10px;padding:.3rem;color:#000}
.m-pop2 .pop-title{text-align:center;color:#000;font-size:.24rem}
.m-pop2 .label{font-size:.18rem}
.m-pop2 .input{display:block;width:100%;height:.4rem;border:none;border-bottom:1px solid #003d69;background:0 0;padding:0 .2rem;font-size:.18rem;color:#000}
.m-pop2 .form-item+.form-item{margin-top:.4rem}
.m-pop2 .btn-group{margin-top:.4rem;display:flex;align-items:center;justify-content:center}
.m-pop2 .btn-group .close,.m-pop2 .btn-group input{width:1.5rem;height:.45rem;display:flex;align-items:center;justify-content:center;background-color:#003d69;color:#fff;border-radius:5px;cursor:pointer;font-size:.18rem}
.m-pop2 .btn-group .close{margin-left:.2rem;background-color:#fff;color:#003d69;border:1px solid #003d69}
 input[type="radio"] {
			border-radius: .05rem;
			width: .28rem;
			height: .28rem;
			border: .02rem solid #003d69;
			color: #003d69;
			vertical-align: middle;
			margin: 5px;
        }


@media only screen and (max-width:1300px){
.wp{padding:0 40px}
}
@media only screen and (max-width:767px){

	body{
		padding-bottom: 70px;
	}
.forPc{display:none!important}
.sec6 .tags{display:block}
.forMob{display:block!important}
html{font-size:25px!important}
.sec1 .p1{font-size:9px}
.sec1 h3{font-size:27px}
.sec1 h4{font-size:14px}
.sec1 .tag{height:16px;font-size:9px}
.sec1 .p2{font-size:8px}
.sec3 .item h3{font-size:17px}
.sec3 .item p{font-size:11px;max-width:130px}
.sec3 .item1{left:50px;top:30%}
.sec3 .item2{right:50px}
.sec3 .item1,.sec3 .item2{border-bottom:none}
.sec3 .item1:after,.sec3 .item2:after{display:none}
.sec5 ul li{font-size:8px}
.sec5 ul{max-width:150px}
.sec3 h1,.sec3 h2{font-size:29px}
.sec3 p{font-size:9px}
.fixed-footer{padding:20px 0}
.fixed-footer .wp{padding:0 20px}
.fixed-footer .tel{font-size:12px}
.fixed-footer .btn{width:90px;height:30px;font-size:12px}
.m-pop .pop-con{width:80%;padding:20px}
.m-pop .pop-title{font-size:18px}
.m-pop .label{font-size:16px}
.m-pop .input{font-size:16px;padding:0 10px;height:30px}
.m-pop .btn-group .close,.m-pop .btn-group input{width:90px;height:30px;font-size:12px}
.m-pop .btn-group{margin-top:20px}
.m-pop .form-item+.form-item{margin-top:20px}
.m-pop1 .pop-con{width:80%;padding:20px}
.m-pop1 .pop-title{font-size:18px}
.m-pop1 .label{font-size:16px}
.m-pop1 .input{font-size:16px;padding:0 10px;height:30px}
.m-pop1 .btn-group .close,.m-pop1 .btn-group input{width:90px;height:30px;font-size:12px}
.m-pop1 .btn-group{margin-top:20px}
.m-pop1 .form-item+.form-item{margin-top:20px}
.m-pop2 .pop-con{width:80%;padding:20px}
.m-pop2 .pop-title{font-size:18px}
.m-pop2 .label{font-size:16px}
.m-pop2 .input{font-size:16px;padding:0 10px;height:30px}
.m-pop2 .btn-group .close,.m-pop2 .btn-group input{width:90px;height:30px;font-size:12px}
.m-pop2 .btn-group{margin-top:20px}
.m-pop2 .form-item+.form-item{margin-top:20px}
}