@charset "utf-8";
/* CSS Document */
/* 总定义 */
body, div, h1, h2, h3, h4, h5, h6, p, ul, li, img {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "微软雅黑";
  font-size: 14px;
  line-height: 28px;
  font-weight: normal;
  color: #2c2a2a;
  display: block;
  list-style: none;
}
body {
  background: #fff;  overflow-x: hidden;
}
a {
  text-decoration: none;
  color: #2c2a2a;
}
a:hover {
  color: #B30002;
}
.q0 {
  margin-right: 0 !important;
}
/* 第一栏 */
.l_box1 {
  width: 100%;
  height: 820px;
  margin: 0 auto;
  background: url("../images/bg_1.png") no-repeat top center #f3efff;
}
.l_top {
  width: 100%;
  height: 82px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
 /* padding: 0px 260px;*/
 /* background-color:#FFFFFF;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
transition: background 0.3s ease, box-shadow 0.3s ease;
*/
}
/*.l_top:hover{ height: 82px; background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);transition: background 0.3s ease, box-shadow 0.3s ease;}*/
.l_logo {
  width: 153.67px;
  height: 35px;
  z-index: 0;
}

.l_top_r{width: 371px;height: 48px;z-index: 1;display: flex;  justify-content: space-between; align-items: center;}
.l_language{width: 189px;height: 48px; background: url("../images/language_1.png"); background-repeat:no-repeat;}
.l_language:hover { background: url("../images/language_2.png");
}
.l_contactus{ width: 211px;}
.l_banner{ width: 1337px; margin: 0 auto; align-content: center;padding: 170px 0 0 0; }
.l_font{font-family: PingFang SC;font-size: 32px;text-align: center;color: #411175; margin-top: 20px}
.m_center{ text-align: center; margin-top: 40px;}
.l_but{
    width: 230px;
    height: 57px;
    margin: 0 auto;
    background: linear-gradient(90deg, #ff23ed, #5c2cfc);
    color: #FFFFFF;
    border: none;
    border-radius: 30px;
    font-family: PingFang SC;
    font-size: 20px;
    cursor: pointer;
    transition: box-shadow 0.3s ease; /* 添加过渡效果 */
}

.l_but:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);/* 添加阴影效果 */
} 
.l_kuang{ width: 1400px; height: 130px; margin: 0 auto; background: #FFFFFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; align-items: center;border: none; border-radius: 20px;/* 添加圆角效果 */ margin-top: 160px;}
.l_k{ width: 25%; display: flex; justify-content:  center; align-items: center; }
.l_k_pp{ width:78px; height: 78px;}
.l_k_r{ margin-left: 10px;}
.l_k_r h1{ font-size: 18px; color: #CCCCCC; line-height: 20px;}
.l_k_h2{ font-size: 36px;font-weight: bold;line-height: normal;letter-spacing: normal;color: #252B37;}
.l_k_h3{ font-size: 24px;font-weight: normal;line-height: normal;text-transform: uppercase;letter-spacing: 0.04em;color: #717680;}

/* 第二栏 */
.l_box2{width: 100%;
  min-height: 540px;
  height: auto;
  margin: 0 auto;
  background: #f3efff;}
.l_kuang2{ width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items:flex-start; }
.l_k2_l{ width:620px; }
.l_k2_r{ width:750px; }
.l_tit{ margin-top: 40px;}
.text-container {
    font-size: 52px; font-weight: bold;
}

.gradient-text {
    background: linear-gradient(90deg, #007BFF, #DA22FF);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.l_k2{ width: 605px;  background: #FFFFFF; border-radius: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 20px 30px; box-sizing: border-box; margin-top: 25px;}
.l_k2_tit{ display: flex; justify-content: flex-start; align-items: center;}
.l_k2_p{ width:32px; height: 32px; }
.l_k2_h1{font-size: 20px;font-weight: bold;line-height: normal;letter-spacing: 0.04em;color: #181D27;  margin-left: 10px;}
.l_k2_nr{font-family: Microsoft YaHei UI;
font-size: 16px;
font-weight: normal;
line-height: 24px;
text-align: justify; 
letter-spacing: 0.04em;
color: #535862; margin-top: 15px;}
.l_k2_but{ margin-top: 20px;}
.l_but2{
    width: 210px;
    height: 57px;
    margin: 0 auto;
    background: linear-gradient(90deg, #ff23ed, #5c2cfc);
    color: #FFFFFF;
    border: none;
    border-radius: 30px;
    font-family: PingFang SC;
    font-size: 20px;
    cursor: pointer;
    transition: box-shadow 0.3s ease; /* 添加过渡效果 */
}

.l_but2:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);/* 添加阴影效果 */
} 

/* 第三栏 */
.l_box3{width: 100%;
  
  margin: 0 auto;
  background: #fff;}
.l_kuang3{ width: 1400px; margin: 0 auto; padding: 60px 0; }
.l_k3_tit{text-align: center;}
.l_k3_h3{  text-align: center; font-size: 16px; color: #535862;margin-top: 20px;line-height: 24px;}
.l_m1_box{ width: 1400px; margin: 0 auto; margin-top: 30px;  display: flex; justify-content: space-between; align-items:flex-start;}
.l_tit3{margin-top: 20px; width: 580px;}
.l_tit3 h1{font-size: 32px;font-weight: bold;line-height:70px;letter-spacing: 0.04em;color: #181D27;}
.l_tit3 h3{font-size: 16px;font-weight:normal;line-height:normal;letter-spacing: 0.04em;color: #535862;}
.l_k3{ width:620px; display: flex; justify-content: space-between; align-items:center; margin-top: 20px;}
.l_k3_box2{ width: 49%; display: flex; justify-content: space-between; align-items:center; }
.l_k3_pp{ width:55px; height: 55px;}
.l_k3_nr{ width:235px; margin-left: 6px;}
.l_k3_nr h1{font-size: 16px;font-weight: bold;line-height: 35px;letter-spacing: 0.04em;color: #181D27;}
.l_k3_nr h3{font-size: 14px;font-weight: normal;line-height: normal;letter-spacing: 0.04em;color: #535862;}
.l_k3_but{ margin-top: 50px;}
.l_but3{
    width: 158px;
    height: 48px;
    margin: 0 auto;
    background: linear-gradient(90deg, #ff23ed, #5c2cfc);
    color: #FFFFFF;
    border: none;
    border-radius: 30px;
    font-family: PingFang SC;
    font-size: 20px;
    cursor: pointer;
    transition: box-shadow 0.3s ease; /* 添加过渡效果 */
}

.l_but3:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);/* 添加阴影效果 */
} 

.l_k3_menu{ width: 1400px; display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.l_m1{ width: 355px; height: 90px; background: url("../images/l_r9_c2.png") no-repeat;}
.l_m1:hover{ background: url("../images/l_r9_c2_2.png")}
.l_m2{ width: 355px; height: 90px; background: url("../images/l_r9_c11.png") no-repeat;}
.l_m2:hover{ background: url("../images/l_r9_c11_2.png")}
.l_m3{ width: 355px; height: 90px; background: url("../images/l_r9_c24.png") no-repeat;}
.l_m3:hover{ background: url("../images/l_r9_c24_2.png")}
.l_m4{ width: 355px; height: 90px; background: url("../images/l_r9_c33.png") no-repeat;}
.l_m4:hover{ background: url("../images/l_r9_c33_2.png")}


/* 第四栏 */
.l_box4 {
  width: 100%;
  height: 651px;
  margin: 0 auto;
  background: url("../images/bg_3.png") no-repeat top center;
}
.l_kuang4{ width: 1440px;margin: 0 auto; text-align: center; padding: 70px 0 0 0;}

.l_font2{font-size: 22px; margin-top: 35px}
.gradient-text2 {
    background: linear-gradient(90deg, #fa267e, #6b62ee);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.l_font3{font-size: 18px;font-weight: normal;line-height:55px;text-align: center;letter-spacing: 0.04em;color: #535862;}

/* 第五栏 */
.l_box5 {
  width: 100%;
  min-height: 300px;
  height: auto;
  margin: 0 auto;
  background:#FFFFFF;
  padding: 90px 0;
}
.l_k5_tit0{ font-size: 35px; text-align: center; }
.l_kuang5{ width: 1440px;margin: 0 auto; text-align: center; padding: 30px 0 0 0;  display: flex; justify-content: center; align-items: flex-start;}
.l_font4{ font-size: 18px;text-align: center;  letter-spacing: 0.04em; color: #535862; margin-top: 30px;}
.l_k5{width: 30%; min-height: 200px; height: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 30px 20px 20px 20px; box-sizing: border-box; border-radius: 15px; margin: 15px;}
.l_k5_tit{ display: flex; justify-content: space-between; align-items: center;}
.l_k5_tit_l{ width: 120px;}
.l_k5_tit_l h3{ font-size:14px; color: #535862; text-align: left; }
.l_k5_tit_l h1{ font-size:30px; line-height: 50px; font-weight: bold; color: #181D27; text-align: left; }
.l_k5_tit_r{ width: 80px;}
.l_font5{ font-size: 18px;line-height: 50px;text-align:left;  letter-spacing: 0.04em; color: #535862; padding:10px}

/* 第六栏 */
.l_box6 {
  width: 100%;
  min-height: 300px;
  height: auto;
  margin: 0 auto;
  background:#FFFFFF;  
}
.l_kuang6{ width: 1420px;margin: 0 auto; text-align: center; padding: 30px 0 0 0;  display: flex; justify-content: space-between; align-items: flex-start; height:550px;}
.l_k6_l{width: 463px;}
.l_k6_c{ width: 466px;}
.l_k6_c_box{ width: 450px; height: 236px; padding:15px; display: flex; justify-content: center; align-items: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 15px; margin:18px; box-sizing: border-box;}
.l_k2_b_l{ width: 109px; margin-right: 15px;}
.l_k2_b_r h1{font-size: 30px;font-weight: 600;line-height:70px;letter-spacing: normal;color: #414651; text-align: left;}
.l_k2_b_r h2{font-size: 18px;font-weight: 500;line-height: 140%;letter-spacing: normal;color: #737180;text-align: left;}

/* 第七栏 */
.l_box7 {
  width: 100%;
  min-height: 300px;
  height: auto;
  margin: 0 auto;
  background:#FFFFFF; 
  padding: 90px 0;
}
.l_kuang7{display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      padding: 20px;
      font-family: Arial, sans-serif;}
.l_k7_box{width: 240px;
      height: 100px;
      margin: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      text-align: center;}
.l_k7_box img {
      max-width: 100%; height: auto;
	
    }

/* 第八栏 */
.l_box8 {
  width: 100%;
  min-height: 300px;
  height: auto;
  margin: 0 auto;
  background:#FFFFFF; 
  padding: 50px 0;
}
.l_kuang8{ width: 1440px;margin: 0 auto; text-align: center; padding: 30px 0 0 0;  display: flex; justify-content: space-between; align-items: flex-start;}
.l_k8_box{ width: 330px; height: 420px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 20px;} 
.l_k8_box img{ width: 99%; margin: 0 auto; padding-left:1px; padding-top:2px;  }
.l_k8_info{ padding: 10px 20px;}
.l_k8_info h1{ font-size: 24px;font-weight: bold;line-height: normal;letter-spacing: 0.04em;color: #000000;text-align: left;}
.l_k8_info img{ width: 100%;} 
.l_k8_info h3{font-size: 18px;font-weight: normal;line-height: normal;letter-spacing: 0.06em;color: #535862; text-align: left;}

/* 第九栏 */
.l_box9 {
  width: 100%;
  min-height: 550px;
  height: auto;
  margin: 0 auto;
  background: url("../images/bg_2.png") no-repeat bottom center #FFFFFF; 
  padding: 50px 0;
}
.l_kuang9{ width: 1000px; min-height: 200px; height: auto; margin: 0 auto; padding: 50px 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 10px; margin-top: 50px; background: #FFFFFF;}
.form-container {
            width: 900px;
            margin: 0 auto;
        }

        .form-group {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
        }
.l_cc{ width: 450px；}

        .l_cc label {
            min-width: 60px;
            color: #333;
            font-size: 14px;
            font-weight: bold;
            margin: 10px 0;
			display: block;
        }

        .l_cc input {
            flex: 1;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 14px;
            background: #fff;
            transition: border 0.3s ease;
			width: 400px;
        }

        .l_cc input:hover {
            border: 1px solid transparent;
            border-image: linear-gradient(90deg, #FF66CC, #6666FF) 2; /* 渐变边框 */
        }

        .l_cc input:focus {
            outline: none;
        }

        .l_but9 {
            width: 100%;
            height: 55px;
            background: linear-gradient(90deg,#ff23ed, #5c2cfc);
            color: #FFFFFF;
            border: none;
            border-radius: 30px;
            font-size: 18px;
            cursor: pointer;
            transition: box-shadow 0.3s ease;
			margin-top: 20px;
        }

        .l_but9:hover {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }
.l_red{ color: #FF0004; font-weight: bold;}


/* 页脚 */
.l_foot{ width: 1920px;
  min-height: 327px;
  height: auto;
  margin: 0 auto;
  background: url("../images/bg_4.png"); 
}
.l_f_box{ width: 1400px; height: auto; margin: 0 auto; padding: 30px 20px; display: flex; justify-content: space-between; align-items: flex-start;}
.l_f_logo{ width: 300px;}
.l_f_c{ width:800px; display: flex; justify-content: flex-start; align-items: flex-start;}
.f_nr{ width: 120px; }
.f_nr h1{ font-size: 16px; font-weight: bold; line-height: 35px;color: #FFFFFF;}
.f_nr h3{ font-size: 16px; line-height: 35px; color: #FFFFFF;}
.f_nr a{color: #FFFFFF;}
.f_nr a:hover{color: #c7aef6;}
.l_f_r{ width: 400px;}
.l_f_tu{ width: 400px; display: flex;justify-content: space-between; align-items: flex-start;}
.l_f_pp{ width: 112px;}
.l_f_pp img{ width: 100%; border-radius:10px;}
.l_f_pp p{font-size: 14px; text-align: center; color: #FFFFFF;}
.l_p_tit{ background: url("../images/l_phone.png") no-repeat 270px; padding-left: 35px; font-size: 16px; color: #FFFFFF; text-align: right; margin-top: 15px;}
.l_number{font-size: 32px;font-weight: bold;line-height: normal;letter-spacing: normal;color: #FFFFFF;text-align: right;}
.l_copy{text-align: center; font-size: 14px; color: #FFFFFF; margin-top: 10px; }







/* 浮动样式 */
 .right-float {
            position: fixed; /* 固定定位，使元素始终在页面右侧 */
            right: 20px; /* 距离右侧20px */
            top: 50%; /* 初始在垂直方向中间 */
            transform: translateY(-50%); /* 向上移动自身高度一半，实现垂直居中 */
            z-index: 1000; /* 确保在其他内容之上 */
	        display: flex; justify-content: flex-end; align-items: flex-start;
	 
        }
.f_l{  display: flex; justify-content: flex-end;flex-direction:column;}
.f_k1{ width: 185px; height: 104px; background: url("../images/k_1.png"); text-align: left; padding: 20px 0 0 30px; box-sizing: border-box; float: right;}
.f_k1 h1{font-size: 14px;}
.f_k1 p{ font-size: 18px !important; font-weight: bold !important;}
.f_k2{ width: 352px; height: 190px; background: url("../images/k_2_2.png"); text-align:center; padding: 35px 35px 0 35px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 60px;}
.f_k2 img{width: 80px; height: 80px;border-radius:10px; }
.f_k2 h1{ font-size: 14px; line-height: 35px;}

.f_r{ background: #FFFFFF; border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.right-float img{ margin: 0 auto;}

        .contact-btn {
            width: 80px;
            height: 80px;
            margin: 10px 0;
            background: #FFFFFF; /*背景 */
            border-radius: 15px; /* 圆角 */
            display: flex;
            flex-direction: column; /* 垂直排列 */
            align-items: center; /* 水平居中 */
            justify-content: center; /* 垂直居中 */
            cursor: pointer; /* 鼠标样式为指针 */
            transition: transform 0.2s ease; /* 鼠标悬停时的过渡效果 */
        }

        .contact-btn:hover {
            transform: translateY(-5px); /* 鼠标悬停时向上轻微移动 */
        }


        .contact-btn p {
            font-size: 12px;
            color: #333;
            text-align: center;
        }