@charset "utf-8";
/* CSS Document */
body{font-family:-apple-system, sans-serif, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', 微软雅黑;font-size:12px;overflow-x:hidden;background: #f8f9fd;}
*{padding:0px;margin:0px;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clear{clear:both;}
a{text-decoration:none;}
input,textarea{outline:none;}
input{background:#fff;}
input,button,textarea{font-family:-apple-system, sans-serif, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', 微软雅黑;outline: none;}
img{border:none;}
i,em{font-style:normal;}
input,textarea,button{-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance: none;border-radius: 0;}/*去除苹果默认样式*/
input::-webkit-input-placeholder{/* WebKit browsers*/ color:#bcbfcc;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18*/ color:#bcbfcc;}
input::-moz-placeholder{/* Mozilla Firefox 19+*/ color:#bcbfcc;}
input:-ms-input-placeholder{/* Internet Explorer 10+*/color:#bcbfcc;}
.fl{float:left;}
.fr{float:right;}
a:focus{outline:none;}
.w1200{width:1200px;margin: 0 auto;}

header{height:70px;line-height: 70px;position: sticky;left:0;top:0;right:0;z-index:999;backdrop-filter: saturate(180%) blur(6px);background: rgb(255 255 255 / 90%);/* box-shadow: 0 0 25px rgb(0 0 0 / 5%); */}
.h_grid{display: grid;gap: 32px;grid-template-columns: repeat(2, 1fr);}
.h_logo{}
.h_logo a{display: inline-block;}
.h_logo a img{display: block;position: relative;top:7px;}
.h_logo span{display: inline-block;margin-left:25px;font-size:16px;color:#000;}
.h_nav{text-align: right;}
.h_nav a{display: inline-block;font-size:16px;color:#000;margin:0 0 0 50px;}

.banner{position: relative;padding:85px 0 0;z-index:0;height:545px;overflow: hidden;}
.banner_video{position: absolute;left:0;top:-130px;right:0;bottom:0;z-index:-0;transform: rotate(-180deg);}
.banner_c{display: grid;gap: 0px;grid-template-columns: repeat(2, 1fr);position: relative;z-index:2;width:1080px;}
.banner_l{max-width:600px;min-width:600px;margin-top:45px;}
.banner_l h1{font-size: 50px;color:#181c29;}
.banner_l h3{font-size: 50px;color:#181c29;margin-top:10px;}
.banner_l p{margin-top:45px;}
.banner_l span{display: inline-block;font-size: 18px;color:#181c29;margin-right:15px;}
.banner_l i{display: inline-block;width:28px;height:28px;line-height:28px;color:#fff;font-size: 14px;text-align: center;border-radius:100px;margin-right:10px;}
.b_bu{border:0;background: linear-gradient(90deg, #348cff 0%, #7368f2 100%);border-radius:100px;padding:18px 60px;margin-top:65px;font-size: 18px;color:#fff;cursor: pointer;}
.banner_r{text-align: center;margin-top:85px;}
.banner_r img{display: inline-block;width: 100%;}

.animate_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  position: relative;
  overflow: hidden;
  border-radius: 10rem;
  transition: all 0.02s;
  color: #fff;
  font-size: 18px;
  z-index: 0;
  box-shadow: 0 0px 7px -5px rgba(0, 0, 0, 0.5);
  margin-top:65px;
}
.hoverEffect{position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
}
.hoverEffect div {
    background: rgb(222, 0, 75);
    background: linear-gradient( 90deg, rgba(222, 0, 75, 1) 0%, rgba(115, 104, 242, 1) 49%, rgba(0, 212, 255, 1) 100% );
    border-radius: 40rem;
    width: 10rem;
    height: 10rem;
    transition: 0.4s;
    filter: blur(20px);
    animation: effect infinite 1.5s linear;
    opacity: 0.5;
}

.animate_btn:hover .hoverEffect div {
  width: 8rem;
  height: 8rem;
}

@keyframes effect {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes zhuan {
	0% {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}

	100% {
		-webkit-transform: translate(0px, -15px);
		transform: translate(0px, -15px);
	}
}

.h_one{margin-top:85px;background:url(../images/p-0.png) no-repeat right top;background-size: 100%;height:465px; border-radius:25px;padding:45px 45px;width:1110px;}
.h_one_l{padding:15px 0;}
.h_one_l h1{font-size: 32px;color:rgb(132, 82, 213);}
.h_one_l h3{font-size: 32px;color:#000;margin-top:5px;}
.h_one_r{min-width:780px;border-radius:25px;background:linear-gradient(to right,#d9e7fd,#e8e2f6)}
.h_one_r img{width: 100%;display: block;}
.l_text{font-size: 16px;line-height: 28px;margin-top:20px;color:#4d5260;}
.l_text2{margin-top:65px;font-size: 16px;}
.l_text2 p{line-height: 40px;position: relative;padding-left:15px;}
.l_text2 p::before {content: '';position: absolute;top: 50%;left: 0;width: 4px;height: 4px;background-color: #7368f2;border-radius: 50%;transform: translateY(-50%);}
.l_text2 span{display: inline-block;font-size:16px;padding:10px 25px;text-align: center;border-radius:10px;background: rgba(255,255,255,.12);margin-bottom:15px;}


.h_two{margin-top:60px;}
.two_1{width:490px;float: left;background: #e0e6fc;border-radius:25px;padding:45px 45px;}
.two_1_t{padding-bottom:25px;}
.two_1_t h1{font-size: 32px;color:rgb(29, 128, 227);}
.two_1_t h3{font-size: 32px;color:#000;margin-top:5px;}
.two_1_t p{font-size: 16px;line-height: 28px;margin-top:15px;color:#4d5260;}
.two_1_b{margin-top:25px;}
.two_1_b h1{font-size: 16px;border-bottom:1px solid #d5dffd;padding-bottom:10px;}
.two_1_b p{padding-top:15px;}
.two_1_b p span{display: inline-block;background:#000;padding:5px 15px;border-radius:10px;}


.two_2{width:490px;float: right;background: #e0ddfd;border-radius:25px;padding:45px 45px;}
.two_r_s{display: grid;gap: 20px;grid-template-columns: repeat(3, 1fr);margin-top:25px;}
.two_r_s span{display: inline-block;width:140px;height:84px;border-radius:15px;background: #fff;padding:28px 0;text-align: center;font-size: 16px;}
.two_r_s span i{display: block;font-size: 68px;margin-bottom:5px;}
.i_cr1{  background: -webkit-linear-gradient(left, #4ecb87, #45b998); /* Chrome 10+, Safari 5.1+ */
  background: -moz-linear-gradient(left, #4ecb87, #45b998); /* Firefox 3.6+ */
  background: linear-gradient(to right, #4ecb87, #45b998); /* 标准的语法 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
  .i_cr2{  background: -webkit-linear-gradient(left, #e87394, #f76a5e); /* Chrome 10+, Safari 5.1+ */
    background: -moz-linear-gradient(left, #e87394, #f76a5e); /* Firefox 3.6+ */
    background: linear-gradient(to right, #e87394, #f76a5e); /* 标准的语法 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
	.i_cr3{  background: -webkit-linear-gradient(left, #6eb9df, #36a2db); /* Chrome 10+, Safari 5.1+ */
	  background: -moz-linear-gradient(left, #6eb9df, #36a2db); /* Firefox 3.6+ */
	  background: linear-gradient(to right, #6eb9df, #36a2db); /* 标准的语法 */
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;}

.two_3{width:490px;float: right;background: url(../images/p-2.png) no-repeat top center #141912; background-size: cover; border-radius:25px;padding:45px 45px;margin-top:40px;}
.two_4{width:490px;float: left;background: #e0ddfd;border-radius:25px;padding:45px 45px;margin-top:40px;}
.two_r_s2{margin-top:25px;}
.two_r_s2 span{display: inline-block;border-radius:15px;background: #fff;padding:20px 15px 25px;text-align: center;font-size: 16px;margin-right:15px;}
.two_r_s2 span i{display: inline-block;font-size: 24px;margin-right:8px;position: relative;top:5px;}
.i_cr4{color:#dd8169;}
.i_cr5{color:#6cb0ea;}
.i_cr6{color:#c975ac;}
.i_cr7{color:#dd9949;}

footer{padding:25px 0;text-align: center;font-size:14px;color:#000;margin-top:65px;border-top:1px solid #eee;}
footer a{display: inline-block;margin:0 15px;color:#000;}

#mask{position: fixed;left:0;top:0;right:0;bottom:0;z-index:9999;}
.pr-r{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.on_down{text-align: right;font-size: 16px;color:#000;position: absolute;top:25px;right:25px; cursor: pointer;}