@charset "utf-8";
@import "/font/webfont.css?v=1.15";
body{font-size:14px;font-weight:normal;color:#000;margin:0px;padding:0px; background:#fff;font-family: "poppins", "siyuan", sans-serif;}


html, body {margin:0;height: 100%;}

p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none;}
li{ list-style:none}
a{color:#333;text-decoration:none; outline: none;transition:all .3s;}
a:hover{color: #000;transition:all .3s;}
.clear{clear:both;}
input,button,select,textarea{outline: none;border:none;}
select::-ms-expand { display: none; }
select{appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;}
@font-face {
  font-family: 'lsfont';  /* Project id 752944 */
  src: url('//at.alicdn.com/t/font_752944_vuzbjsdip9.woff2?t=1644486845095') format('woff2'),
       url('//at.alicdn.com/t/font_752944_vuzbjsdip9.woff?t=1644486845095') format('woff'),
       url('//at.alicdn.com/t/font_752944_vuzbjsdip9.ttf?t=1644486845095') format('truetype');
}
.iconfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.lsfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.content{width:1360px; margin:0 auto;}
.bg{background-color: #dfdfdf;}
.layui-layer-setwin .layui-layer-close2{background: url(/images/cha.png) no-repeat center!important;right: 0!important;top: 0px!important;width: 16px!important;height: 16px!important;-webkit-transition:all ease-in-out 400ms;transition:all ease-in-out 400ms;-ms-transform:all ease-in-out 400ms;overflow:hidden;}
.layui-layer-setwin .layui-layer-close2:hover{background: url(/images/cha.png) no-repeat center!important;   -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);transform: rotate(180deg);}
.layui-layer.layui-layer-iframe{border-radius:0!important; box-shadow: 0px 0px 0px rgba(0,0,0,0);}

.noselect{
-webkit-touch-callout: none;-webkit-user-select: none;
-khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; 
}

.main{width:1795px; margin:0 auto;}
.banner{
	width:100%; 
	height: auto;
    min-height: 1000px;
    background-position: right 45% center;
    background-image: url(/images/ban.jpg);
	background-size: cover;
	margin:0 auto;
}
.logo{padding-top:85px;}
.logo a img{width:200px; height:56px;}
.banner .info{width:680px; padding-top:85px;}
.banner .info h2{font-size: 38px;line-height:22px; color:#ff0087;}
.banner .info p{padding:40px 0 30px;font-size: 16px;color: #2a275c;line-height: 26px;}
.banner .info a{display:inline-block; padding:2px 30px; background-color:#425bfe; border-radius:30px; color:#fff; font-size:16px;transition:all .3s;}
.banner .info a:hover{background-color:#e40980;transition:all .3s;}
.index01{display: flex;padding:60px 0;background-color:#fff;}
.index01 .tit{font-size:30px; color:#e40980; text-align:center;width:100%; font-weight:500;padding-bottom:30px;}
.index01 .info{height:378px;width:100%;box-shadow: 0 0 20px -1px rgba(0, 0, 0, .12);border-radius: 10px;}
.index01 .info .l{
    float: left;
    width: calc(750px - 110px);
    background-image: url(/images/index01_l.jpg);
	background-position: center;
	background-repeat: no-repeat;
    height:calc(100% - 20px);
    padding: 20px 55px 0;
    display: flex;
    align-items: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-size: 100%;
}

.index01 .info .l .about p{color: #2a275c;line-height: 26px;font-size: 16px; padding-bottom:15px;}
.index01 .info .l a{display:inline-block; padding:2px 30px; background-color:#425bfe; border-radius:30px; color:#fff; font-size:16px;transition:all .3s;}
.index01 .info .l a:hover{background-color:#e40980;transition:all .3s;}

.index01 .info .r{
	float:right;width:610px; height:100%;
    background-image: url(/images/index01_r.jpg);
	background-position: center;
	background-repeat: no-repeat;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-size: 100%;
}
.index01 .info .r img{max-height:100%;}

.index02{display: flex;padding:0 0 60px;background-color:#fff;}
.index02 .tit{font-size:30px; color:#e40980; text-align:center;width:100%; font-weight:500;padding-bottom:30px;}
.index02 .info{height:378px;width:100%;box-shadow: 0 0 20px -1px rgba(0, 0, 0, .12);border-radius: 10px;}
.index02 .info .l{
	float:left;width:610px; height:100%;
    background-image: url(/images/index02_l.jpg);
	background-position: center;
	background-repeat: no-repeat;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-size: 100%;
}
.index02 .info .l img{max-height:100%;}

.index02 .info .r{
    float: right;
    width: calc(750px - 110px);
    background-image: url(/images/index02_r.jpg);
	background-position: center;
	background-repeat: no-repeat;
    height:calc(100% - 20px);
    padding: 20px 55px 0;
    display: flex;
    align-items: center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-size: 100%;
}

.index02 .info .r .about p{color: #2a275c;line-height: 26px;font-size: 16px; padding-bottom:15px;}
.index02 .info .r a{display:inline-block; padding:2px 30px; background-color:#425bfe; border-radius:30px; color:#fff; font-size:16px;transition:all .3s;}
.index02 .info .r a:hover{background-color:#e40980;transition:all .3s;}

.index03{background-color:#fce3eb; padding:40px 0;}
.index03 .info{text-align:center;}
.index03 .info h3{color:#e40980; font-weight:500;}
.index03 .info h2{color:#425bfe; font-size:30px; font-weight:500;}
.index03 .info h4{color:#555; font-weight:500; margin:10px 0;}
.index03 .info a{display:inline-block; padding:2px 30px; background-color:#425bfe; border-radius:30px; color:#fff; font-size:16px;transition:all .3s;}
.index03 .info a:hover{background-color:#e40980;transition:all .3s;}

.foot_bg{position:relative;}
.foot{
	background-color:#232050; 
	padding:40px 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.foot:after{
	content: '';
    background-image: url(/images/mask.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
	filter: grayscale(100%);
    opacity: 0.12;
	top: 0;
	z-index: -1;
}
.foot .up{text-align:center;padding-bottom:30px;}
.foot .up .tit{font-size:30px; font-weight:500; color:#e40980; padding-bottom:5px;}
.foot .up a{color:#fff;}
.foot .up .lan{color:#fff;}
.foot .up .lan span{margin:0 15px;}
.foot .up .lan a{color:#e40980;}
.foot .up .lan a:hover{color: #fff;}
.foot .content .foot01{display:flex;justify-content: space-between;}
.foot .content .foot01 .foot_logo a img{width:200px; height:56px;}
.foot .content .foot01 .qr{text-align:right;}
.foot .content .foot01 .qr img{width:80px; height:80px;}
.foot .content .foot01 .qr p a{color:#fff;}
.foot .content .foot01 .qr p a:hover{color: #e40980;}
.foot01 .icon ul{display:flex;}
.foot01 .icon li a i{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
	display:block;
}
.foot01 .icon li a i.linkedin {
    background-image: url(/images/linkedin.svg);
	width: 20px;
    height: 20px;
    margin-left: 3px;
    margin-right:20px;
}
.foot01 .icon li a i.twitter {
    background-image: url(/images/twitter.svg);
	width: 20px;
    height: 20px;
    margin-right:20px;
}
.foot01 .icon li a i.instagram {
    background-image: url(/images/instagram.svg);
	width: 20px;
    height: 20px;
    margin-right:20px;
}
.foot01 .icon li a i.bluesky {
    background-image: url(/images/bluesky.svg);
	width: 20px;
    height: 20px;
    margin-right:20px;
}
.foot01 .icon li a i.wechat {
    background-image: url(/images/wechat.svg);
	width: 20px;
    height: 20px;
}
.foot02{display:flex;justify-content: space-between; padding-top:20px;}
.foot02 .l{color:#fff; font-size:16px;}
.foot02 .l a{color:#fff; margin-left:10px; font-size:16px;}
.foot02 .l a:hover{color: #e40980;}
.foot02 .r ul{display:flex;}
.foot02 .r li a{color:#fff; margin-left:30px; font-size:16px;}
.foot02 .r li a:hover{color: #e40980;}