* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    box-shadow: none; }
  
  :root{
  --bg1: transparent linear-gradient(-120deg, #00d5be 0%, #00d5be 100%) 0% 0% no-repeat padding-box;
  --bg1_on: transparent linear-gradient(-30deg, #00d5be 0%, #00d5be 100%) 0% 0% no-repeat padding-box;
  --txt_black:#1f1f1f;
  }
  body{-webkit-text-size-adjust:none;-webkit-text-size-adjust:none; font-size:16px;background: #fff; color: #111 }
  ::-webkit-scrollbar {
      width: 10px;
      background-color: #efee;
  }
  .txt_bg{text-transform: uppercase;
  position: relative;
  background-image:-webkit-linear-gradient(left,#8ffafe,#aafdd1,#8ffafe 100%);
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-background-size: 200% 100%;
      -webkit-animation: masked-animation 5s forwards linear infinite;}
  
  @keyframes masked-animation {
      from {
      background-position:0 0
  }
  to {
      background-position:-200% 0
  }}
  
.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;justify-content: center;}
.flexE{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:flex-end; flex-wrap:wrap;}
.fl-bet_cen{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
  
  ::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #041318;
  }
  
  a > h1, a > h2, a > h3, a > h4, a > h5, a > h6 {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  
  p{ margin:0px; padding:0px}
  
  a {
   color: #1f1f1f;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; display: inline-block; 
  }
  
  a:hover, a:focus, a:active, a:visited {
    text-decoration: none;
    outline: none; }
  
  
  a{ text-decoration:none}
  dl, ol, ul {margin: 0; padding: 0px}
  
  li{ list-style:none}
  /*-----------------共用------------*/
  .space1{ overflow:hidden; clear:both; height:10px; width:100%}
  .space2{ overflow:hidden; clear:both; height:20px; width:100%}
  .space3{ overflow:hidden; clear:both; height:30px; width:100%}
  .space4{ overflow:hidden; clear:both; height:40px; width:100%}
  .space_kong{ overflow:hidden; clear:both; height:120px; width:100%}
  .space_kong1{ overflow:hidden; clear:both; height:88px; width:100%}
  
  
  @media only screen and (max-width:1200px) {
  .space_kong1{ overflow:hidden; clear:both; height:66px; width:100%}
  }
  
  @media only screen and (max-width:1050px) {
  .space_kong{ overflow:hidden; clear:both; height:80px; width:100%}
  .space_kong1{ overflow:hidden; clear:both; height:60px; width:100%}
  
  
  .space2{ overflow:hidden; clear:both; height:10px; width:100%}
  .space3{ overflow:hidden; clear:both; height:10px; width:100%}
  .space4{ overflow:hidden; clear:both; height:20px; width:100%}
  }
  
  .wrap_k{width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
  
  @media only screen and (max-width:1400px) {
  .wrap_k{width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
  }
  
  @media only screen and (max-width:1050px) {
  .wrap_k{width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
  }
  
  
  .hui_bg{ background:#f6f6f6; width:100%; padding:100px 0px 100px 0px; overflow:hidden;  position: relative;}
  .bai_bg{ background:#fff; width:100%; padding:100px 0px 100px 0px; overflow:hidden; position: relative; }
  @media only screen and (max-width: 1400px) {
  .bai_bg{width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
  .hui_bg{width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
  }
  
  @media only screen and (max-width:1190px) {
  .bai_bg{ width:100%; padding:40px 0px 40px 0px; overflow:hidden; }
  .hui_bg{  width:100%; padding:40px 0px 40px 0px; overflow:hidden; }
  }
  
  @media only screen and (max-width:900px) {
  .bai_bg{ background:#fff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
  .hui_bg{width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
  }
  
  .main_box1{ height:auto; max-width:1400px; width:90%; margin:0 auto; overflow: hidden;display: flex;display:-webkit-flex;justify-content: space-between;
  align-items: center;}
  @media only screen and (max-width:1600px) {	
  .main_box1{ height:auto; max-width:1300px; width:90%; margin:0 auto; overflow: hidden}	
  }
  
  .main_box{ height:auto; max-width:1500px; width:94%; margin:0 auto; overflow: hidden}
  @media only screen and (max-width:1600px) {	
  .main_box{ height:auto; max-width:1400px; width:94%; margin:0 auto; overflow: hidden}	
  }
  
    
  /* actGotop */
  .actGotop{position:fixed;_position:absolute;bottom:60px;right:2%;width:40px;height:40px;display:none; z-index:999999;background: #47ccce; border-radius: 40px;text-align:center; }
  .actGotop a,.actGotop a:link{width:40px;height:40px;text-align:center;color: #fff;display: inline}
  .actGotop a:hover{outline:none;}
  .actGotop i{color: #fff;font-size:22px; line-height: 40px;}
  .actGotop:hover{ color: #ff9804;background: #fcbc2e;} 
      
  




.xy_section1{  background-image: url("../images/home-bg.svg");
    background-position: center top ;
    background-repeat: no-repeat;min-height: 900px; background-size:cover;}

    .xy_main_info{margin: 0;padding: 0;overflow: hidden; margin-top: 6%;}
    .xy_main_info{width: 50%;}
    
    .xy_main_info dl{margin: 0;padding: 0;overflow: hidden}
    .xy_main_info dl dt{margin: 0;padding: 0;overflow: hidden;font-size:3vw;margin-bottom: 20px;color: #334758;font-weight: bold;}
    .xy_main_info dl dd{margin: 0;padding: 0;overflow: hidden;color: #555;font-size: 1.5vw;margin-bottom: 15px;font-weight: normal; line-height: 180%;} 
    
.m_r_tu{width: 48%;overflow: hidden;padding: 0px; margin: 0px; position: relative;animation: myfirst4 3s infinite;}
.m_r_tu img{width: 100%; height: auto;}


@keyframes myfirst4 {
  0% {
   transform: translate(0px, 0px);
  }
   50% {
   transform: translate(0px, -15px);
  }
   100% {
   transform: translate(0px, 0px);
  }
  }
   @keyframes myfirst2 {
  0% {
   transform: translate(0px, 0px);
  }
   50% {
   transform: translate(0px, -10px);
  -webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);
  }
   100% {
   transform: translate(0px, 0px);
  -webkit-transform: scale(1.0);transform: scale(1.0);-moz-transform: scale(1.0);
  }
  }
  
  
    @media only screen and (max-width:2000px) {	
      .xy_main_info dl dt{font-size: 3vw;}
      .xy_main_info dl dd{font-size: 1.4vw;}
    }
     
    @media only screen and (max-width:1400px) {	
      .xy_section1{ min-height: 800px; }
    }

    @media only screen and (max-width:1300px) {	
      .xy_section1{ min-height: 700px; }
    }

    @media only screen and (max-width:1250px) {	
      .xy_section1{ min-height: 600px; }
      .xy_main_info{width: 80%;}
    }

    @media only screen and (max-width:1100px) {	

      .xy_section1{ min-height: 550px; }
      .xy_main_info dl dt{font-size: 30px;}
      .xy_main_info dl dd{font-size: 18px;}
    }


    @media only screen and (max-width:1000px) {	
      .xy_section1{ min-height: 350px; height: auto; padding-bottom: 80px; }
      .xy_main_info dl dd{font-size: 16px;}
    }
    @media only screen and (max-width:750px) {	
.xy_main_info{margin: 0 auto;width: 50%;}
.xy_main_info{ padding-top: 5vh;}
    }
    
    @media only screen and (max-width:640px) {	
      .main_box1{display: block;}
      .xy_main_info{width: 100%; text-align: center;}
      .m_r_tu{width: 100%; margin: 0px; margin-top: 20px;}
    }


    .btn_xz_k{padding: 0px;margin:0 auto; overflow: hidden; width:240px;line-height: 60px; }
    .btn_xz_k a{display: inline}
    .btn_xz{ text-align: center;font-size: 18px; border-radius: 50px;font-weight: 600;background:#00d5be;color:#fff}
    .btn_xz span{vertical-align: middle;  margin-right: 5px }
    .btn_xz:hover{background: var(--bg1_on); color: #fff;}
    
  
  
    
  .xy_vpn_top_box{padding:20px 0px;margin:0; overflow: hidden;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between; }
  
  .xy_vpn_L{padding: 0px;margin:0; overflow: hidden;float: left;}
  .xy_vpn_L img{height: 52px; width: auto; vertical-align: top}
  
  .xy_vpn_R{padding: 0px;margin:0; overflow: hidden;float: right;}
  .top_logon{background:#00d5be;
  width: 120px;text-align: center; line-height: 40px; font-size: 16px; color: #fff; border-radius: 40px;display: inline-block}
  .top_logon:hover{background:#fff; color: #00d5be}
  
  .t_pc_btn{width: 120px; line-height: 38px;border: 1px #00d5be solid;font-size: 16px; color: #00d5be;display: inline-block; margin: 0px 10px;border-radius: 40px;text-align: center}
  .t_pc_btn:hover{ background: #1f64de;background:#fff;color: #00d5be;}
    
  .m-img{text-align: center; width: 80%;margin: 0 auto;}
  .m-img img{max-width: 100%; width: auto; height: auto;}
  


  
    @media only screen and (max-width:1000px) {
      .main_txt h1 {font-size:6vw;margin-bottom: 20px;}
      .main_txt{margin-top:50px; }
      .btn_xz{ font-size: 16px;}
      .btn_xz_k{line-height: 46px; width:220px; display: none;}
      .main_txt h4 {font-size: 16px;}
  
      .top_logon{line-height: 36px;font-size: 14px;width:110px;}
      .m-img{text-align: center; width: 85%;margin: 0 auto;}
    }
    @media only screen and (max-width:600px) {
      .main_txt h1 {font-size:7vw;}
    }
  
  
  
  @media only screen and (max-width:1200px) {
  .xy_vpn_L img{height: 45px;}	
  }
  @media only screen and (max-width:1100px) {
  .t_pc_btn{display: none}
  }
  
  @media only screen and (max-width:680px) {
  .top_logon{width: 100px}
  .btn_xz_k{ margin:0 auto}
  }
  
  .m_xz_bg{ overflow: hidden;margin: 0px; padding: 0px 0px; padding-top: 40px; }
  .xz_list{ overflow: hidden;margin: 0px; padding:0px}
  .xz_list li{ overflow: hidden;margin: 0px; padding:0px 0px;float: left;width: 33.33%; }
  .xz_list li dl{ overflow: hidden;margin: 0 auto; padding:14px 0px; background: #00d5be;width: 88%;; line-height: 40px; margin-bottom: 20px; border-radius: 80px;}
  .xz_list li dl dt{ overflow: hidden;margin: 0px; padding:0px;display: flex;display:-webkit-flex;flex-wrap: wrap;justify-content: center;align-items: center;}
  .xz_list li dl dt img{ max-width: 40px; height: auto;vertical-align: top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
  .xz_list li dl dt h3{ overflow: hidden;margin: 0px; padding:0px;font-size: 18px; font-weight: 600; color: #fff;font-family:'Aileron-Regular'; margin-left: 5px; }
  .xz_list li dl dd { overflow: hidden;margin: 0px; padding:0px;}

  .xz_list li a{display:block}
  .xz_list li dl:hover{ background:#1f64de}
  
  .xz_list li dl:hover dt img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
  
  .btn_box{padding: 0px;margin:0 auto; overflow: hidden;}
  
  .btn_box{width:180px;line-height:50px;}
  .btn_down{font-size:18px; border-radius: 40px;background: var(--bg1); color:#fff;box-shadow:0 0 8px 1px rgba(0,0,0,.1) ; margin: 10px;font-family:  Arial, sans-serif;}
  
  
  .xz_list li:hover .btn_down{background: var(--bg1); color:#fff}
  
  @media only screen and (max-width:1300px) {	
    .xz_list li dl{ padding:8px 0px;  line-height: 36px; }
    .xz_list li dl dt img{ max-width: 34px;}
  }


  .xz_list_w{ overflow: hidden;margin: 0px; padding:0px;display: none; }
  .xz_list_w li{ overflow: hidden;margin: 0px; padding:0px; display: inline-block}
  .xz_list_w li dl{ overflow: hidden;margin: 0px; padding:0px; text-align: center;color: #fff;}
  .xz_list_w li dl dt{ overflow: hidden;margin: 0px; padding:0px; margin-bottom: 10px;text-align: center;}
  .xz_list_w li dl dt img{ max-width: 100px; height: auto;}
  .xz_list_w li dl dt h3{ overflow: hidden;margin: 0px; padding:0px;font-size: 18px; font-weight: 700; color: #fff;}
  .xz_list_w li dl dd { overflow: hidden;margin: 0px; padding:0px;color: #fff;}
  .xz_list_w li a{display:block;color: #fff;}
  .xz_list_w li a{display:block;color: #fff;}

  
  @media only screen and (max-width:1200px) {	
.xz_list li dl dt h3{ font-size: 16px;}
  }


  @media only screen and (max-width:1000px) {	
  .m_xz_bg{display: none}	
  .xz_list_w{display: block}
  .xz_list_w li dl dt img{ max-width: 80px; height: auto;}
  .xz_list_w li dl dt h3{ overflow: hidden;margin: 0px; padding:0px;font-size: 16px; font-weight: 700; color: #4d5071;font-family:Helvetica, Arial, "sans-serif"}
  }
  @media only screen and (max-width:600px) {	
    .xz_list_w{ text-align: center;}
  }

  
  @media only screen and (max-width:750px) {
  .xz_list_w li dl dt img{ max-width: 60px;}
  }

.prt_box{margin: 0; padding: 0px;overflow: hidden;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center; position: relative;z-index: 2;}
.p1_L{width: 45%; margin: 0; padding: 0px;overflow: hidden;text-align: center;}
.p1_L img{width: 90%; height: auto;vertical-align: top; margin: 0 auto;}
.p1_R{width: 45%; margin: 0; padding: 0px;overflow: hidden;}

.p1_L dl{margin: 0; padding: 0px;overflow: hidden; margin-top: 20px;}
.p1_L dl dt{margin: 0; padding: 0px;overflow: hidden;font-size: 1.8vw; margin-bottom: 15px; color: #111;font-weight: bold; text-align: center;}
.p1_L dl dd{margin: 0; padding: 0px;overflow: hidden;font-size:16px;color: #666; margin-bottom: 20px;line-height: 1.5;}

.R_aside{  background:url("../images/aside2.svg") no-repeat right center;background-size: auto 100%;
  position: absolute;top:0;right: -10px; z-index: 1;width: 30%; height: 100%;
}

.L_aside{  background:url("../images/aside.svg") no-repeat left center;background-size: auto 100%;
  position: absolute;top:0;left: -10px; z-index: 1;width: 40%; height: 100%;
}

.dz_sm_box{margin: 0;overflow: hidden;padding:0}
.dz_sm_box li{width: 48.5%; margin-right: 3%; margin-bottom: 3%;float: left;}
.dz_sm_box li:nth-child(2n){ margin-right: 0px;}

.dz_sm{ margin: 0;overflow: hidden;padding: 45px 10px;border-radius: 5px;
  border: 1px solid #e6e7eb; transition: all .5s ease-in-out; background: #fff;}
.dz_sm dl{ margin: 0;overflow: hidden;padding:0px;text-align: center;}
.dz_sm dl dt img{ margin: 0;overflow: hidden;padding:0px;height: 80px; width: auto; margin-bottom: 10px;}
.dz_sm dl dd{ margin: 0;overflow: hidden;padding:0px;font-weight: bold;font-size: 20px; line-height: 30px;}


.dz_sm:hover { border: 1px solid #00d5be; color: #00d5be;}
@media only screen and (max-width:1200px) {
  .p1_L{width: 48%; }
  .p1_R{width: 48%; }
  .p1_L dl dd{font-size: 14px;}
  .dz_sm dl dd{font-size: 18px; }
  .p1_L dl dt{font-size: 18px;}
}

@media only screen and (max-width:900px) {
  .dz_sm dl dt img{ height: 50px; }
  .dz_sm dl dd{font-size: 16px; }
  .p1_L dl dt{font-size: 16px;}
}

@media only screen and (max-width:750px) {
  .p1_L{width: 100%;  margin-bottom: 20px;}
  .p1_R{width: 100%; }
  .prt_box{display: block;}
}

.magic_sj_bg{background:#f2f5fe url(../images/sjbj.webp) no-repeat center fixed; background-size:cover; position: relative;}
.magic_sj_bg::before{ position: absolute;width: 100%; height: 100%; z-index: 1; opacity: 0.3;top:0;left:0; background: #00d5be; content:"";}
@media only screen and (max-width:1100px) {
.magic_sj{background:#f2f5fe url(../images/sjbj.webp) no-repeat center;background-size:cover; }
}
.magic_sj_list{margin: 0;overflow: hidden;padding:0px; position: relative;z-index: 2;}
.magic_sj_list li{margin: 0;overflow: hidden;padding:0px;width: 25%;float: left;}
.magic_sj_list li dl{margin: 0;overflow: hidden;padding:0px; text-align: center;}
.magic_sj_list li dl dt{margin: 0;overflow: hidden;padding:0px;font-weight: bold;font-size: 24px; margin-bottom: 10px;color: #fff;}
.magic_sj_list li dl dt h3{margin: 0;overflow: hidden;padding:0px;font-weight: bold;font-size: 38px; color: #ffc904;}
.magic_sj_list li dl dd{margin: 0;overflow: hidden;padding:0px;font-size: 18px;line-height: 190%;color:#fff;}

@media only screen and (max-width:1100px) {
    .magic_sj_list li dl dt{font-size: 20px; }   
    .magic_sj_list li dl dt h3{font-size: 30px; }  
    .magic_sj_list li dl dd{font-size: 16px;} 
}


@media only screen and (max-width:750px) {
    .magic_sj_list li { padding: 10px 0px;}
    .magic_sj_list li dl dt{font-size: 18px; margin-bottom: 5px; }   
    .magic_sj_list li dl dt h3{font-size: 26px; }  
    .magic_sj_list li dl dd{font-size: 14px;} 
}

@media only screen and (max-width:600px) {
    .magic_sj_list li dl dt{font-size: 16px; }   
    .magic_sj_list li dl dt h3{font-size: 24px; }  
    .magic_sj_list li{width: 50%;float: left;}
}


.xyly_box{justify-content:space-between;align-items:center;display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;margin: 0; padding: 0px;overflow: hidden; }
.xyly_L{width: 47%; margin: 0; padding: 0px;overflow: hidden;}
.xyly_R{width: 53%; margin: 0; padding: 0px;overflow: hidden;}
.xyly_R img{width: 100%; height: auto;vertical-align: top; }

.xzly{ overflow:hidden; margin:0px; padding:0px}
.xzly li{ overflow:hidden; margin:0px; padding:0px; float:left; width:31.3333%; padding:20px 0px;}
.xzly li dl{ overflow:hidden; margin:0px; padding:0px 10px;text-align: center;}
.xzly li dl dt{ overflow:hidden; margin:0px; padding:0px; color:#fff;line-height:30px;font-size:20px}
.xzly_tu1{ overflow:hidden; margin:0px; padding:0px; margin-bottom: 10px;text-align: center;}
.xzly_tu1 img{ width:90px; height:90px; vertical-align:top;}

@media only screen and (max-width:1300px) {
  .xzly li dl dt{ font-size:16px; }
}

@media only screen and (max-width:1120px) {
  .xzly li dl dt{ font-size:16px; line-height: 24px; min-height: 48px; }
  .xzly li{  padding:10px 0px;}
  .xzly_tu1 img{ width:80px; height:80px; vertical-align:top;}
}

@media only screen and (max-width:700px) {
 .xzly_tu1 img{ width:60px; height:60px; vertical-align:top;}
.xyly_L{width: 100%; margin: 0; padding: 0px;overflow: hidden;}
.xyly_R{width: 90%; margin: 0 auto; padding: 0px;overflow: hidden;}
}




.content_txt{line-height:200%; color:#333333; font-size:16px; overflow:hidden; }
.content_txt p{line-height:200%; color:#333333; font-size:16px; overflow:hidden;}
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}


.content_img{overflow:hidden; width:100%; text-align:center;font-size:16px;}
.content_img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.content_txt table{ table-layout: fixed;word-break: break-all; }
.content_txt table td{border:1px solid #999;}



  
  .xy_title_box{ text-align: center;width: 94%; margin: 0 auto; padding: 0px; margin-bottom: 10px; position: relative;z-index: 4;}
  .xy_title{font-size: 2.6vw; line-height: 180%; text-align: center; margin-bottom: 20px;color: #111;font-weight: bold;}
  .txt_sm{font-size: 1.2vw;font-weight: normal; line-height: 190%; color:#555;text-align: center;}
  .xy_title span{position: relative;
  transform:rotate(45deg);
      -ms-transform:rotate(45deg); /* IE 9 */
      -webkit-transform:rotate(45deg); display: inline-block; margin: 0px 15px}
  .xy_title i{ font-size: 30px}
  
  @media only screen and (max-width:1500px) {	
      .xy_title{font-size: 3.2vw;}
      .txt_sm{font-size: 1.4vw;}
  }
  @media only screen and (max-width:1300px) {	
      .txt_sm{font-size: 18px;}
  }
  @media only screen and (max-width:1200px) {	
      .xy_title{font-size: 30px; margin-bottom: 15px}
      .txt_sm{font-size: 16px;}
  }
  @media only screen and (max-width:1000px) {	
      .xy_title{font-size: 24px;line-height: 34px}
      .txt_sm{font-size: 16px;font-weight: normal;}
  
  }
  
  .xz_yslist{ overflow: hidden;margin: 0px; padding:0px}
  .xz_yslist li{ overflow: hidden;margin: 0px; padding:30px 30px;float: left;width: 32%; margin-right: 2%;background: #e2ecff; border-radius: 5px;}
  .xz_yslist li dl{ overflow: hidden;margin: 0px; padding:0px;}
  .xz_yslist li dl dt{ overflow: hidden; padding:0px;margin-bottom:10px; color: #111;font-size: 20px;font-weight: 600; }
  .xz_yslist li dl dd{ overflow: hidden;margin: 0px; padding:0px;color: #555;line-height: 24px;min-height: 48px;}
  
  .xz_yslist li:nth-child(3n){ margin-right:0}
  .icon_sy1{width: 50px; height: 50px; margin-right: 20px;float: left;}
  .icon_sy1 img{width: 100%; height: auto}
  
  .xz_yslist li:nth-child(1){ background: #e2ecff;}
  .xz_yslist li:nth-child(2){ background: #dbf4ff;}
  .xz_yslist li:nth-child(3){ background: #fff3dd;}
  
  
  @media only screen and (max-width:1200px) {	
      .xz_yslist li dl dt{font-size: 18px;}
      .xz_yslist li{ padding:30px 20px;}
      .xz_yslist li dl dd{font-size: 14px;}
  }
  
  @media only screen and (max-width:1100px) {	
  
      .xz_yslist li{ padding:25px 12px;}
      .xz_yslist li dl dd{font-size: 14px;}
      .icon_sy1{width: 50px; height: 50px; margin-right:15px;}
  }
  
  @media only screen and (max-width:980px) {	
      .xz_yslist li dl dt{font-size: 16px;}
      .xz_yslist li{ padding:25px 12px; text-align: center;}
      .xz_yslist li dl{ text-align: center;}
      .icon_sy1{width: 50px; height: 50px; margin-right:0px; margin: 0 auto; margin-bottom: 10px;float: none;}
  }
  @media only screen and (max-width:750px) {	
      .xz_yslist li{ min-height: 225px;}
  }
  
  @media only screen and (max-width:600px) {	
      .xz_yslist li{width: 100%; margin-right: 0; margin-bottom: 15px; min-height: 24px; height: auto;}
      .xz_yslist li dl dd{min-height: 24px; height: auto;}
      .xz_yslist li:nth-child(3n){ margin-bottom:0}
  }
  
  .txt_bg0{color:#fff;}
  
  

  
  .show_k{overflow: hidden;margin: 0px; padding:0px ; position: relative;}
  .show_k img{ width: 100%; height: auto;vertical-align: top}
  .show_k .title{ position: absolute; z-index: 2;background: rgba(0, 0, 0, 0.3); padding: 15px 0;
      text-align: center;color: #fff;font-size: 22px;font-weight: bold;
  left:0; bottom:0;width: 100%;}
  
  
  .yx_logo_box{overflow: hidden;margin: 0px; padding:0px; background: #fff; border-radius: 8px;height: 70px; min-width:175px; 
  display: flex;justify-content: center;align-items: center;}
  .yx_logo_box .yx_logo{height: 44px; width: auto; margin-right: 8px;}
  .yx_logo_box .yx_logo img{height: 100%; width: auto;}
  .yx_logo_box span{font-size: 16px;}
  
  @media only screen and (max-width:980px) {	
      .yx_logo_box{ min-width:100%;}
  }
  
  
  @media only screen and (max-width:850px) {	
      .yx_logo_box{ min-width:100%;height: 60px;}
      .yx_logo_box .yx_logo{height: 42px; }
      .yx_logo_box span{font-size: 14px;}
  }
  
  
  
  
  .xy_price{padding:0px 15px ;margin:0; overflow: hidden; }
  .xy_price li{padding:0px;margin:0; overflow: hidden;float: left; width: 32%; margin-right: 2%;  background: #fff;box-shadow: -1px 3px 20px 0px rgba(172, 230, 226, 0.1);
      transition: all 0.4s ease 0s; margin-bottom: 20px; border-radius: 8px;}
  .xy_price li dl{padding:10px 30px 40px 30px;;margin:0; overflow: hidden;}
  .xy_price li dl dt{padding:0px;margin:0; overflow: hidden; color: #333; margin-bottom: 10px}
  
  .xy_price li dl dd{padding:0px;margin:0; overflow: hidden;color: #333;font-size: 16px; line-height: 190%;font-family:Helvetica, Arial, "sans-serif";text-align: center;}
  .xy_price li dl dd i{font-size: 18px; margin-right: 4px}
  .xy_price li dd a{display: inline}
  .xy_price li:hover{ box-shadow: inset 0px 0px 18px 4px rgba(95, 233, 238, 0.2);}
  
  
  
  .pricing-top-bg {
      padding: 30px 0;
      padding-bottom: 45px;
      min-height: 245px;
      background: url(../images/pricing-wave.svg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }
  
  .price-title { text-align: center;margin-bottom: 10px;}
  .price-title h3 { color: #ffffff;font-size: 25px;margin: 0px;}
  .price-amount {text-align: center;margin-bottom: 30px;}
  .price-amount h2 {color: #ffffff;font-size: 40px;font-weight: 700;margin: 0px;}
  .price-amount .price-period {color: #ffffff;font-size: 15px;font-weight: 500;display: block;}
  
  
  .xy_price li:nth-child(3n){ margin-right: 0}
  
  .xy_price_btn{width: 160px; margin: 0 auto;  text-align: center; color: #fff; line-height: 52px; border-radius: 45px;font-weight: normal;font-size: 18px; overflow: hidden;cursor: pointer;background:#57d2d3;}
  
  .xy_price li:hover .xy_price_btn{  color: #fff;background: linear-gradient(0deg, #ffb20d 10%,#ffb20d 100%);}
  
  .xy_price_btn1{width: 160px; text-align: center; color: #2632ce; line-height: 52px; border-radius: 45px;font-weight: normal;font-size: 18px; overflow: hidden;cursor: pointer;background:#fff;box-shadow: inset 0px 0px 7px 4px rgba(95, 233, 238, 0.5);}
  .xy_price_btn1:hover{  color: #fff;background: linear-gradient(0deg, #99ffff 10%,#7ceff7 100%);}
  
  @media only screen and (max-width:1000px) {	
      .xy_price li dl{padding:10px 20px 30px 20px;}
      .price-title h3 {font-size: 20px;}
  }
  
  @media only screen and (max-width:900px) {
      .xy_price_btn{line-height: 42px;font-size: 16px;}
      .xy_price_btn1{line-height: 42px;font-size: 16px;}
      .xy_price li dl dd{font-size: 14px;}
      .price-amount h2 {font-size: 30px;}
      .pricing-top-bg {padding-bottom: 35px;min-height: 200px;}
  
  }
  @media only screen and (max-width:640px) {
  .xy_price li{width:100%; margin-right: 0%; margin-bottom: 20px}
  .xy_price{margin:0 auto;width: 80% }
  }
  @media only screen and (max-width:500px) {
  .xy_price{margin:0 auto;width: 100% }
  }
  
  
  
  
  
  .tu_txt_list{padding:0px 15px;margin:0 auto; overflow: hidden; max-width: 90%;}
  .tu_txt_list li{padding:0px;margin:0; overflow: hidden; display: flex;flex-wrap: wrap; 
      justify-content:space-between; align-items: center; margin-bottom: 20px;}
  .tu_pic{width: 40%; }
  .tu_pic img{width: 100%;height: auto;}
  .txt_info{padding:0px;margin:0; overflow: hidden;width: 55%;}
  .txt_info dl{padding:0px;margin:0; overflow: hidden;}
  .txt_info dl dt{padding:0px;margin:0; overflow: hidden;color: #111; font-size: 24px; margin-bottom:15px;font-weight: bold;}
  .txt_info dl dd{padding:0px;margin:0; overflow: hidden; color: #666; line-height: 190%;}
  .txt_info dl dd a{display: inline;}
  .tu_txt_list li:nth-child(2n){
      display: -webkit-flex; /* Safari */
  -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
  display: flex;
  flex-direction: row-reverse;
  }
  
  @media only screen and (max-width:900px) {
      .txt_info dl dt{font-size: 20px;}
      .txt_info dl dd{font-size: 14px;}
  }
  
  
  @media only screen and (max-width:800px) {
      .txt_info{width: 60%;}
  }
  @media only screen and (max-width:550px) {
      .txt_info dl dt{font-size: 18px;text-align: center;}
      .txt_info{width: 100%;}
      .tu_pic{width: 100%; margin-bottom: 15px;}
      .xy_price_btn1{ margin: 0 auto;}
      .tu_txt_list{max-width: 94%;}
  }
  
  
  
  .yf_plbox {margin: 0;padding: 20px 20px;overflow: hidden;background: #f7f7f7;border-radius:8px; width: 100%;}
  .yf_plbox dl{overflow: hidden; padding:0 }
  
  .yf_plbox dl dt{margin: 0;padding: 0px;overflow: hidden;color: #111;font-weight: 600; margin-top:4px;font-size: 17px;text-align: left;line-height: 24px;}
  .yf_plbox dl dd{font-size: 16px;margin: 0;padding: 0px;overflow: hidden;color: #333;text-align: left; }
  .yf_plbox dl dd p{font-size: 14px;margin: 0;padding: 0px;overflow: hidden; color: #666; line-height: 24px}
  .yf_plbox dl dd p span{ margin-left: 5px}
  .yf_plbox dl dd p i{ color:#ffa200 }
  .yf_pl_tu{margin: 0;padding: 0px;overflow: hidden;float:left; margin-right:14px;border-radius:50%;}
  .yf_pl_tu img{border-radius:50%;width: 50px; height:50px}
  
  .yfsm{overflow: hidden; padding:0; margin: 0;color: #333;line-height: 24px; min-height: 96px; padding-top: 10px; text-align: left;}
  
  
  
  
  
  
  
  
  
  
  .d_ys{padding:0px;margin:0; overflow: hidden;}
  .d_ys li{padding:0px;margin:0; overflow: hidden;float: left; width: 16.666%; }
  .d_ys li dl{padding:0px;margin:0; overflow: hidden;}
  .d_ys li dl dt{padding:0px;margin:0; overflow: hidden;font-size: 16px; line-height: 60px;font-weight: bold; color: #fff}
  
  .d_ys_tu{width: 60px; height:60px; float: left; margin-right: 10px; border-radius: 50%;background: linear-gradient(0deg, #5a80e7 10%,#acbbf4 100%);}
  .d_ys_tu img{width: 100%; height: 100%; vertical-align: top}
  
  
  @media only screen and (max-width:1100px) {
      .d_ys_tu{width: 60px; height:60px; float: none; margin-right: 0px; margin: 0 auto;} 	
      .d_ys li dl dt{ text-align: center}
  }
  
  @media only screen and (max-width:720px) {
  .d_ys_tu{width: 50px; height:50px; }
  .d_ys_tu{ margin-bottom: 10px}
  .d_ys li{ width: 33.333%; margin-bottom: 20px }	
  .d_ys li dl dt{ line-height: 24px;}
  }
  

  
  
  .weizinr{padding:40px 5%;max-width: 1200px;margin:0 auto; overflow: hidden;background: #fff; border-radius: 20px}
  .weizinr h1{font-size: 30px; line-height: 180%;  margin-bottom: 10px;color: #111;}
  .weizinr h2{font-size: 30px; line-height: 180%;  margin-bottom: 10px;color: #111;}
  .weizinr p{font-size: 16px; line-height: 180%; margin-bottom: 20px; font-family: Helvetica, Arial, "sans-serif";color: #444}
  .weizinr li{line-height: 180%;}
  
  
  @media only screen and (max-width:1200px) {
  .weizinr{ width:100%}
  .weizinr h2{font-size:24px; }
  .weizinr{padding:30px 5%;}
  }
  
  
  
  .box_sm{overflow: hidden; padding: 25px 0px; background: #f2f2f2; font-size: 18px; line-height: 190%; border-bottom: 1px solid #ccc; color: #222}
  
  @media only screen and (max-width:1000px) {
  .box_sm{font-size: 16px;}	
  }
  
  
  .bzlist{overflow: hidden; padding: 0px 0px; margin: 0px;}
  
  .bzlist dl{overflow: hidden; padding:20px; margin: 0px;}
  .bzlist dl dt h3{ color: #0027B4}
  .bzlist dl dt{overflow: hidden; padding:0px; margin: 0px; font-size: 18px; line-height: 190%; font-weight: bold; color: #222}
  .bzlist dl dd{overflow: hidden; padding:0px; margin: 0px; font-size: 16px; line-height: 190%;  }
  .bzlist dl dd a{display: inline-block}
  .btn_1{overflow: hidden; padding:2px; margin: 0px; font-size: 16px; line-height: 190%;color: #fff; background: #000; border-radius: 20px;width: 110px; text-align: center; font-weight: 300; margin-bottom: 5px}
  .btn_2{
  background: #1c83ed;
      color: #fff!important;
      width: 180px;
      border-radius: 30px;
      padding:2px;;
      border: none; text-align: center;
      margin: 10px 0px 10px 0px; line-height: 42px}
  .btn_3{
  background: #1c83ed;
      color: #fff!important;
      width: 200px;
      border-radius: 30px;
      padding:2px;;
      border: none; text-align: center;
      margin: 10px 0px 10px 0px; line-height: 42px}
  
  
  .bzlist dl dd span{ color:  #1c83ed;font-weight: bold}
  
  
  .top_box{overflow: hidden; padding: 10px 0px; border-bottom: 1px solid #ccc;text-align: center;font-size:32px;color: #222; line-height: 48px}
  .top_box a{ color: #222;}
  .top_box img{vertical-align: middle}
  
  
  
  
  
  
  .tdbg{overflow: hidden;}
  .tdbg .swiper-container {
        
         height:auto; padding-bottom: 50px;
       }
       .tdbg .swiper-slide {
         background-position: center;
         background-size: cover;
         width: auto;text-align: center;
       }
    
       .tdbg .bgImg{
         position: fixed;
         left: 0;
         right: 0;
         bottom: 0;
         top: 0;
  
       }
  
  
       .xylogo{overflow: hidden;}
  .xylogo .swiper-container {
        
         height:auto; 
       }
       .xylogo .swiper-slide {
         background-position: center;
         background-size: cover;
         width: auto;text-align: center;
       }
    
       .xylogo .bgImg{
         position: fixed;
         left: 0;
         right: 0;
         bottom: 0;
         top: 0;
  
       }
  
  
  
  
  .yhpl{overflow: hidden;}
  .yhpl .swiper-container {
        
         height:auto; 
       }
  .yhpl .swiper-slide {
         background-position: center;
         background-size: cover;
         width: auto;text-align: center;
       }
    
  .yhpl .bgImg{
         position: fixed;
         left: 0;
         right: 0;
         bottom: 0;
         top: 0;
  
       }
  
  
  
  
  
       .swiper-container {width: 100%;padding-bottom:40px;}
       .xylogo .swiper-container {width: 100%;padding-bottom:0px;}
       .swiper-slide {
         text-align: center;
  
         /* Center slide text vertically */
         display: -webkit-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         -webkit-justify-content: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         -webkit-align-items: center;
         align-items: center;
       }
   
       .swiper-slide-active .product_k dl dd{color: #c5f2ff;}
       .swiper-slide-active,.swiper-slide-duplicate-active{
         transform: scale(1);
       }
   
   .swiper-pagination-bullet-active{ background:#c5f2ff;}
       .swiper-button-prev { 
             width: 30px;
             height: 30px;
             border-radius: 50%;
             background: rgba(0, 0, 0, 0.2)
           }
  
          .swiper-button-next { 
              font-size: 14px;
              width: 30px;
              height: 30px;
              border-radius: 50%;
              background: rgba(0, 0, 0, 0.2)
            }
       
  
          .swiper-button-next:hover {
              background: rgba(0, 0, 0, 0.5)
           }
         
         .swiper-button-prev:hover {
          background: rgba(0, 0, 0, 0.5)
  
           }
  .tdbg .swiper-button-next{display: none;}
  .tdbg .swiper-button-prev{display: none;}
  
   
  @media (max-width:750px) {
           .swiper-button-prev {
             font-size: 14px;
             width: 30px;
             height: 30px;
             border-radius: 50%;
             background: rgba(0, 0, 0, 0.3);
             transform: scale(0.7);}
  .swiper-button-next {
             font-size: 14px;
             width: 30px;
             height: 30px;
             border-radius: 50%;
             background: rgba(0, 0, 0, 0.3);
             transform: scale(0.7); 
  }
  
  }
  
  
      
        .swiper-slide {
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      
        .swiper-slide img {
          height:auto;
          object-fit: cover;
        }
          
      .my-button-disabled{ opacity:0.2; } 
  
      .swiper-button-next:after,.swiper-button-prev:after {
        font-family:swiper-icons;
        font-size:18px;
        text-transform:none!important;
        letter-spacing:0;
        font-variant:initial;
        color: #ddd;
        line-height:1
      }
      
  
  


      
.jjbnt{ overflow:hidden; margin:0px; padding:0px}
.jjbnt li{ overflow:hidden; margin:0px; padding:0px; float:left; width:31.3333%; padding:0px; background:#fff; margin-left:1%; margin-right:1%; margin-bottom:5%;}
.jjbnt li dl{ overflow:hidden; margin:0px; padding:0px;}
.jjbnt li dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:18px; color:#000; margin-bottom:5px; line-height:30px; font-weight:700}
.jjbnt li dl dd{ overflow:hidden; margin:0px; padding:0px;font-size:16px; color:#888; line-height:26px;}

.jjbnt_tu1{ float:left; margin-right:12px; overflow:hidden;}
.jjbnt_tu1 img{ width:90px; height:90px; vertical-align:top}

.jjbnt li:hover dl dt{ color:#0acbc4}
.jjbnt li:hover dl dd{ color:#444}
.jjbnt li:hover .jjbnt_tu1 img{animation: tada 2s infinite;}


@media screen and (max-width:1400px) {
.jjbnt li dl dd{ overflow:hidden; margin:0px; padding:0px;font-size:14px; color:#888; line-height:22px; min-height:66px}
}


@media screen and (max-width:1090px) {
.jjbnt li dl dt{font-size:16px;}
.jjbnt li dl dd{ font-size:14px; color:#888; line-height:24px; min-height:96px}


}

@media screen and (max-width:1000px) {
.jjbnt_tu1 img{ width:60px; height:60px; vertical-align:top}


}

@media screen and (max-width:900px) {
.jjbnt_tu1 img{ width:60px; height:60px; vertical-align:top}
.jjbnt li{ overflow:hidden; margin:0px; padding:0px; float:left; width:48%;  margin-left:1%; margin-right:1%; margin-bottom:20px}


}


@media screen and (max-width:660px) {
.jjbnt li dl dt{font-size:16px;}
}


@media screen and (max-width:600px) {
.jjbnt li{ overflow:hidden; margin:0px; padding:0px; float:left; width:48%; background:#fff; margin-left:1%; margin-right:1%; margin-bottom:10px}
.jjbnt_tu1{ float: none; margin-right:0px; overflow:hidden; text-align:center}
.jjbnt li dl dt{ text-align:center}
.jjbnt li dl dd{ font-size:14px; color:#888; line-height:24px; min-height:72px}
.jjbnt li dl{ overflow:hidden; margin:0px; padding:0px 10px;}
}


@media screen and (max-width:480px) {
.jjbnt_tu1{ float:left; margin-right:12px; overflow:hidden; text-align:left}
.jjbnt_tu1 img{ width:70px; height:70px; vertical-align:top}
.jjbnt li dl dt{ text-align:left}
.jjbnt li{ overflow:hidden; margin:0px; padding:0px; float:left; width:98%; margin-left:1%; margin-right:1%; margin-bottom:10px}
.jjbnt li dl dd{ min-height:20px; height:auto}
.jjbnt li dl{ overflow:hidden; margin:0px; padding:0px 0px;}
}

.xy_section2{  background-image: url("../images/home-bg.svg");
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;}

  
.xy_down{padding:80px  0px  80px  0px;margin:0; overflow: hidden; background-image: linear-gradient(to right, #081828, #081828);
 }
.justify-down{   display: flex;display: -webkit-flex;justify-content:space-between;}
  
    
.down_L{ margin: 0px; padding: 0px}
.down_L dl{overflow: hidden; padding: 0px; margin: 0px; color: #fff}
.down_L dl dt{overflow: hidden; padding: 0px; margin: 0px;font-size: 20px; line-height:30px; margin-bottom: 10px}
.down_L dl dd{overflow: hidden; padding: 0px; margin: 0px;font-size: 14px; line-height:24px}
.down_L dl dt img{ width:auto; height: 50px; vertical-align: top}
.down_R{ width: 55%; float:right; margin: 0px; padding: 0px}

.down_hm_nav{ overflow:hidden; margin:0px; padding:0px;color: #fff; text-align: center; margin-top: 5px;}
.down_hm_nav a{font-size: 14px;color: #fff; line-height: 190%; padding: 0px 5px}
.down_hm_nav h2{ margin: 0px; padding: 0px; overflow: hidden; font-size: 20px; margin-bottom: 15px}
.x_icon{ margin-top: 20px;}
.x_icon i{ font-size:30px; margin:4px 3px;}

.cp_d_xx{display: block;}

@media only screen and (max-width:1200px) {
    .xy_down{padding:60px  0px  60px  0px;}
.down_hm_nav h2{font-size: 18px;}
.x_icon i{ font-size:24px; margin:4px 3px;}
}

@media only screen and (max-width:1000px) {
.cp_d_xx{display: none}
.x_icon{ margin-top: 10px;}
}
@media only screen and (max-width:550px) {
    .down_L dl dt img{ width:auto; height: 40px; vertical-align: top}
.xy_down{padding:40px  0px  40px  0px;}
.down_hm_nav h2{font-size: 16px;}

}





.list3{height:auto; margin: 0 auto; padding: 0px; position: relative; z-index: 3;}
.list3 li{margin: 0px;padding:0;list-style: none;float: left; width: 32%; }
.list3 li dl{ margin: 0px;padding:5px  15px; text-align: center; }
.list3 li dl dt{margin: 0px;padding:0;font-size: 24px; margin-bottom: 10px;font-weight: bold; color: #142149;}
.list3 li dl dd{margin: 0px;padding:0;font-size: 18px; line-height: 190%;color: rgb(94, 114, 144);}

.list3 li dl dt img{max-width: 60px; height: auto; vertical-align: top;}
.list3 li:nth-child(3n){margin-right: 0;}

.ser_tu_k{display: flex;display: -webkit-flex;justify-content: center; margin-bottom: 15px; }
.ser_tu{display: flex;display: -webkit-flex;justify-content: center;align-items: center; }
.ser_tu img{ max-width:100px; height:auto;}

@media only screen and (max-width:1300px) {
    .list3 li dl dt{font-size: 20px;}
    .list3 li dl dd{font-size: 16px;}

}

@media only screen and (max-width:1100px) {
    .list3 li dl dt{font-size: 18px;}
    .list3 li dl dd{font-size: 14px;}

}

@media only screen and (max-width:640px) {
    .list3 li dl dt{font-size: 16px;}
    .list3 li dl dd{font-size: 14px;}
    .list3 li{margin: 0px;padding:0;list-style: none;float: none; width: 100%; margin-bottom: 20px;}
}



.magic_ls_list{margin: 0;overflow: hidden;padding:0px; position: relative;z-index: 2;}
.magic_ls_list li{margin: 0;overflow: hidden;padding:0px;width: 32%;float: left; margin-right: 2%; margin-bottom: 2%;}
.magic_ls_list li dl{margin: 0 auto;overflow: hidden;padding:30px 20px; text-align: center; background:#fff; border-radius: 6px;}
.magic_ls_list li dl dt{margin: 0;overflow: hidden;padding:0px;font-weight: bold;font-size: 24px; margin-bottom: 10px;}
.magic_ls_list li dl dt h3{margin: 0;overflow: hidden;padding:0px;font-weight: normal;font-size: 18px; color: rgb(94, 114, 144);}
.magic_ls_list li dl dd{margin: 0;overflow: hidden;padding:0px;display:flex;display: -webkit-flex;align-content: center;justify-content:center;line-height:30px;}
.magic_ls_list li dl dd p{margin: 0;overflow: hidden;padding:0px;font-size: 16px; color: #222;}
.magic_ls_list li dl dd span{ margin-right: 5px;width:20px;overflow: hidden;padding:0px;display: block;}
.magic_ls_list li dl dd span img{width: 100%; height: auto;vertical-align:middle;}
.magic_ls_list li dl dt img{height: 50px; width: auto;vertical-align: top;}
.magic_ls_list li dl:hover{ box-shadow:4px 10px 15px 0 rgba(0,0,0,.06); background: #fff;}
.magic_ls_list li:nth-child(3n){ margin-right:0}

@media only screen and (max-width:1100px) {
    .magic_ls_list li dl dt{font-size: 20px; }   
    .magic_ls_list li dl dt h3{font-size: 16px; }  
    .magic_ls_list li dl dd p{font-size: 14px;} 
    .magic_ls_list li dl dd span{width: 16px;}
}

@media only screen and (max-width:900px) {
    .magic_ls_list li dl dt{font-size: 18px; }   
    .magic_ls_list li dl dt h3{font-size: 14px; }  
    .magic_ls_list li dl dd p{font-size: 14px;} 
    .magic_ls_list li dl{margin: 0 auto;overflow: hidden;padding:20px 0px;}

}

@media only screen and (max-width:700px) {
    .magic_ls_list li{width:49%;float: left;}
    .magic_ls_list li dl dt{font-size: 16px; }  
    .magic_ls_list li:nth-child(3n){ margin-right:2%}
    .magic_ls_list li:nth-child(2n){ margin-right:0}
}


@media only screen and (max-width:500px) {
    .magic_ls_list li{width:100%;float: none;border-radius: 5px;
        border: 1px solid #e6e7eb; transition: all .5s ease-in-out;  margin-bottom: 20px; background: rgba(252, 252, 252, 0.8);}
    .magic_ls_list li dl{margin: 0 auto;overflow: hidden;padding:20px 25px;max-width:100%}
    .magic_ls_list li dl{text-align: center;}
    .magic_ls_list li dl dd{justify-content: center;}
    .magic_ls_list li:last-child{margin-bottom: 0;}
}


.xy_jgbg{  background: url("../images/pricing-shape1.png") no-repeat top center;background-size: 100% auto;}
.xy_lsdz{  background: url("../images/page-title-bg.jpg") no-repeat top center;background-size: cover; position: relative;}

.xy_lsdz::before{ position: absolute;width: 100%; height: 100%; z-index: 1; opacity: 0.8;top:0;left:0; background: #263d40; content:"";}