/* common */.bg-f3f3f3 {background-color:#f3f3f3;}
.text-f3f3f3 {color:#f3f3f3;}
.bg-e9e9e9 {background-color:#e9e9e9;}
.bg-fafafa {background-color:#fafafa;}
.bg-212121 {background-color:#212121;}
.bg-black {background-color:#000;}
.text-212121 {color:#212121;}
.text-white {color:#ffffff;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.d-flex {display:flex;}
.flex-warp {flex-wrap:wrap;}
.d-md-none {display:none;}
.text-blod {font-weight:600;}
.font36 {font-size: 36px;}

.img-auto {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.maximg900{max-width: 954px;}

.xk1 {position: relative; height:940px;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product9/xk1.jpg) center no-repeat;background-size:cover;}
.xk1-right {min-width:40%;float:right;height:100%;padding:160px 50px;}
.xk-title1 {font-size:36px;color:#3a3a3a;}
.xk-title1_2 {font-size:24px;color:#3a3a3a;}
.xk-title1_3 {font-size:36px;color:#3a3a3a;}
.xk-title2 {font-size:16px;}
.xk1-right .xk-title1 {line-height:55px;}
.xk1-right .xk-title2 {margin-top:60px;line-height:35px;font-weight:lighter;}
.xk1 .icon-container {width:100%;background-color:rgba(27,27,27,0.9);position:absolute;bottom:0;z-index:1000;padding:30px;}
.xk1 .icon-item {width:14%;text-align:center;}
.xk1 .icon-img {width:45px;height:45px;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.xk1 .icon-img img {width:auto;max-width:90%;}
.xk1 .icon-item .icon-text {width:auto;font-size:16px;color:#f3f3f3;margin-top:10px;}
.xk2 {height:780px;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product7/xk2.jpg) center no-repeat;background-size:cover;}
.xk2 .xk-title1,.xk2 .xk-title2 {padding-left:16.5%;}
.xk2 .xk-title1 {padding-top:80px;}
.xk2 .xk-title2 {padding-top:40px;line-height:25px;}
.xk3 {height:780px;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product7/xk3.jpg) center no-repeat;background-size:cover;}
.xk3 .xk-title1,.xk3 .xk-title2 {padding-left:20px;}
.xk3 .xk-title1 {padding-top:120px;line-height:60px;}
.xk3 .xk-title2 {padding-top:60px;line-height:25px;}
.xk4 {height:785px;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product9/07.jpg) bottom left no-repeat;background-size:cover;position:relative;}
.xk4-title-container {float:right;}
.xk4 img {position:absolute;right:0;bottom:0;width:auto;height:auto;max-width:85%;max-height:99%;}
.xk4 .xk-title1 {padding-top:100px;line-height:60px;}
.xk4 .xk-title2 {padding-top:40px;line-height:25px;}
.xk5 .xk-title1,.xk6 .xk-title1,.xk7 .xk-title1,.xk8 .xk-title1 {padding-top:90px;}
.xk5 .xk-title2,.xk6 .xk-title2,.xk7 .xk-title2,.xk8 .xk-title2 {padding-top:30px;}

.xk6 .xk-title2{padding-bottom:30px;}
.xk6{padding-bottom:80px;}
.xk6 img,.xk8 img {width:auto;max-width:100%;margin-top:15px;}
.newxk5 {position: relative;}
.text-container {position: absolute;left: 0;top: 0;width: 100%;}
.xk-container {width:60%;margin:0px auto;display: flex;align-items: center; justify-items:center;margin-top: 50px;}
.xk-item5 {flex:1;text-align: center;}
.xk-item5 img{width:70%;}
.xk7-img-container {display:flex;flex-wrap:wrap;margin-top: 15px;margin-bottom: 15px;}
.xk7-item {width:99.5%;margin-top:0.5%;position:relative;font-size:18px;padding-top:40px;}
.xk7-left,.xk7-right {width:50%;}
.xk7-item1 {height:388px;color:#212121;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product7/xk7-1.jpg) center no-repeat;background-size:cover;text-align:left;padding-left:40px;}
.xk7-cn::before,.xk7-cn::before,.xk7-cn::before,.xk7-cn::before {content:'';width:10px;height:10px;display:inline-block;border-radius:50px;margin-right:10px;background-color:#000;border:1px solid #000;}
.xk7-item3::before {background-color:#f3f3f3;border:1px solid #f3f3f3;}
.xk7-item2 {height:322px;color:#212121;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product7/xk7-2.jpg) center no-repeat;background-size:cover;text-align:right;padding-right:40px;}
.xk7-item3 {text-align:right;height:322px;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product7/xk7-3.jpg) center no-repeat;background-size:cover;padding-right:240px;}
.xk7-item4 {height:388px;color:#212121;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product7/xk7-4.jpg) center no-repeat;background-size:cover;text-align:left;padding-left:40px;}
.xk9 .xk-title1 {color: #ffffff;}
.xk9-container {display: flex;flex-wrap: wrap;}
.xk9-item {width: 25%;text-align: center;}
.xk9-item h5{font-size: 30px;color: #48a4fe;line-height: 1.5em;}
.xk9-item h6{font-size: 20px;color: #ffffff;}
.xk9-container2 {display: flex;flex-wrap: wrap;color:#cccccc; }
.xk9-container2 h6 {width:35%;font-size: 16px;color: #cccccc;margin-left:5.5%; text-align: center;font-weight: lighter;}
.xk10-container2 {display: flex;align-items: center;justify-content: space-around;}
.xk10-item {width: 19%;height: 23.7em; }
.xk10-item img{max-width: 80%;}
.xk10-container3 {display: flex;align-items: center;justify-content: center;}
.xk10-container3 h6 {font-size: 2em;color: #ffffff;}
.xk9-btn {background: #9f0f0d;color: #ffffff;height: 3em;line-height: 3em;text-align: center;padding: 0 2em;font-weight: bold;}

/* .section5{background-color: #c2c2c2;}
.section5 .text-container{padding-top:150px;} */
.section5 .text-container {
  position: absolute;
  left: 8%;
  top: 25%;
  width: 100%;
}
.section5 .ipad {display: none;}

.section5 .container {max-width: 100%; width: 94%;}
.section7 {position: relative;}
.section7 .font36 {font-size: 30px;}
.section7_1{position:absolute;width:45%; left:55%;top:10%;}
.section8 {position: relative;}
.section8 .font36 {font-size: 30px;}
.section8_1{position:absolute;width:100%; left:10%;top:15%;}
.banner-text-container2 {position: absolute;bottom: 0px;left: 0;width: 100%;height:60px;line-height: 60px;text-align: left;padding-left:30px;font-weight: bold;}
.banner-text-container3 {position: absolute;bottom: 0px;left: 0;width: 100%;height:130px;line-height: 24px;text-align: left;padding:30px 0px 10px 30px;}
.section20 .mk1{position: relative;margin-right:10px;}
.section20 .mk1:last-child{margin-right:0px;}
.section20 .mk3{position: relative;margin-right:10px;}
.section20 .mk2{position: relative;}
.section20 .mk2:first-child{margin-bottom: 10px;}
.section20 .mk4{font-size: 13px;line-height:20px;margin-top:20px;}
@media only screen and (max-width:1400px) {
  .xk-title1 {font-size:36px;}
  .xk1 {height:740px;}
  .xk1-right {padding:120px 50px;}
  .xk1-right .xk-title2 {margin-top:40px;}
  .xk2 {height:580px;}
  .xk2 .xk-title1 {padding-top:50px;}
  .xk2 .xk-title1,.xk2 .xk-title2 {padding-left:22%;}
  .xk2 .xk-title2 {padding-top:20px;}
  .xk3 {height:580px;}
  .xk3 .xk-title1 {padding-top:50px;line-height:45px;}
  .xk3 .xk-title2,.xk4 .xk-title2 {padding-top:20px;}
  .xk4 {height:585px;}
  .xk4 .xk-title1 {padding-top:50px;line-height:45px;}
  .img-container-left,.img-container-right {width:10%;}
}
@media only screen and (max-width:1200px) {
  .xk-title1 {font-size:30px;}
  .xk1 {height:640px;}
  .xk1-right {padding:100px 40px;}
  .xk1-right .xk-title2 {margin-top:30px;}
  .xk2 {height:480px;}
  .xk2 .xk-title1 {padding-top:40px;}
  .xk2 .xk-title1,.xk2 .xk-title2 {padding-left:23%;}
  .xk2 .xk-title2 {padding-top:20px;}
  .xk3 {height:480px;}
  .xk3 .xk-title1 {padding-top:40px;line-height:40px;}
  .xk3 .xk-title2,.xk4 .xk-title2 {padding-top:20px;}
  .xk4 {height:485px;}
  .xk4 .xk-title1 {padding-top:40px;line-height:40px;}
  .xk1 .icon-container {padding:15px;}
  .xk1 .icon-img {width:30px;height:30px;}
  .xk1 .icon-item .icon-text {font-size:14px;}
  .xk5 .xk-title1,.xk6 .xk-title1,.xk7 .xk-title1,.xk8 .xk-title1 {padding-top:60px;}
  /*.xk5 img,.xk6 img,.xk5 img,.xk8 img {width:80%;}*/
  .xk7-img-container {width:80%;margin:10px auto 0;}
  .xk7-item {font-size:16px;}
  .xk7-item1 {height:288px;}
  .xk7-item2 {height:222px;}
  .xk7-item3 {height:222px;}
  .xk7-item4 {height:288px;}

  .xk-item5 img{width:55%;}
  .section7_1{left:52%;top:6%;}
  .section7_1 .mt-50{margin-top:20px;font-size: 12px;}
  .section8_1{left:8%;top:6%;}
  .section8_1 .mt-50{margin-top:20px;font-size: 14px;}

}



@media only screen and (min-width: 992px)and (max-width: 1024px) {
  .web {display: block;}
  .xk1{ background: url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product9/xk1-ipad-en.png) center no-repeat;
    position: relative;background-size: cover;}
.xk2 {height:480px;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product9/xk2-ipad-en.png) center no-repeat;background-size:cover;}


    .xk2 .xk-title1, .xk2 .xk-title2 {
      padding-left: 28%;
      width: 78%;
  }
  .xk2 .xk-title1 {
    padding-top: 10px;
}
    .xk2 .xk-title2 {
      padding-top: 10px;
  }
    .xk5 .xk-title1, .xk6 .xk-title1, .xk7 .xk-title1, .xk8 .xk-title1 {
      padding-top: 40px;
      line-height: 40px;
  }
  .section5 .xk-title1_3 {
    font-size: 36px;
    color: #3a3a3a;
    width: 37%;
}
.section5 .xk-title2 {
  font-size: 16px;
  width: 30%;
}
  .xk9 .img-auto {max-width: 50%;}
  .xk9-container2 h6 {
    width: 40%;
    margin-top: 20px;}
    .xk10-item {
      width: 20%;
      height: 16.7em;
  }
  .banner-text-container3 {height: 160px;}
  .fuwu .mk1 {
    width: 60%;
    text-align: center;
    top: 5%;
  left: 5%;}
  .section5 .ipad {display: block;}

}
@media only screen and (min-width: 767px)and (max-width: 992px) {
  .pc {display: none;}
  .mobile {display: block}
  .xk1 {height:940px;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product9/xk1-mobile.jpg) center no-repeat;position:relative;background-size: cover;}
.xk2 {height:780px;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product9/xk2-mobile.jpg) center no-repeat;background-size:cover;} 
.xk1_icon {display: none;}
  .xk1 {height:1000px;}
  .xk1-right {text-align: center;}
  .xk1-right .xk-title1 {line-height:35px;}
  .xk1-right .xk-title2 {margin-top:20px;}
  .xk-title1 {font-size:24px;line-height: 25px;}
  .xk-title1_2 {font-size:18px;}
  .xk-title2 {font-size:14px;line-height:25px;}
  .xk1-right {padding:60px 20px;min-width:100%;}
  .xk1 .icon-container {padding:0 15px 15px 28px;}
  .xk1 .icon-container .container {flex-wrap:wrap;}
  .xk1 .icon-item {width:12.5%;margin-top:5%;}
  .xk5 img,.xk6 img,.xk5 img,.xk8 img {width:100%;}
  .xk2 .xk-title1,.xk2 .xk-title2,.xk3 .xk-title1,.xk3 .xk-title2 {padding-left:0;}
  .xk2 .xk-title1 {
    padding-top: 20px;
    text-align: center;
}
.xk2 .xk-title2 {
  padding-top: 0px;
  text-align: center;
}
  .xk3 .xk-title1 {line-height:30px;}
  .xk3 .xk-title2 {line-height:20px;}
  .xk4 {height:585px;background-position:center;}
  .xk4 img {max-width:100%;}
  .xk-item5 img {
    width: 46%;
}
  .xk5 .xk-title1 {line-height: 36px; padding-top: 70px;
    text-align: center;}
  .xk5 .xk-title2 {
    padding-top: 10px;
}
.xk5 .xk-title2 {
  padding-top: 20px;
  text-align: center;
}
.section5 .xk-title1_3 {
  font-size: 24px;
  text-align: center;
}
  .xk5 .xk-container {margin-top: 20px;}
  .xk6 .xk-title1 {line-height: 36px;}
  .xk6 .xk-title2 {padding-top: 20px;}
  .xk6 {
    padding-bottom: 50px;
}
  .xk7-img-container {width:100%;}
  .xk7-left,.xk7-right {width:100%;}
  .xk7-item1 {height:238px;}
  .xk7-item2 {height:182px;}
  .xk7-item3 {height:182px;}
  .xk7-item4 {height:238px;}
  .xk9 .imgh {height: 350px;}
  .xk9 .xk9-item h5{font-size: 14px;margin-bottom: 5px;}
  .xk9 .xk9-item h6{font-size: 14px;}
  .xk9 .xk9-container2 h6 {font-size: 12px;width: 55%; text-align: left; margin-top: 2px;}
  .xk9-container2 {
    display: flex;
    flex-wrap: nowrap;
    color: #cccccc;
    flex-direction: column;
}
.xk9 .img-auto {width: 50%;}
.xk10-item {
  width: 19%;
  height: 10.7em;
}

  .xk-item5 img{width:46%;}

  .section1 .font48 {font-size: 24px;}

  .xk5 .imgh {height: 400px;}
  .section5 .xk-title1_3{font-size: 24px;}
  .section5 .text-container{padding-top:0px;}
  .section5 {flex-direction: column;display: flex;}
  .section5 .text-container {
    position: absolute;
    left: 2%;
    top:0%;
    width: 100%;
}
  /* .section5 .text-container{ position: relative;padding-top:10px;padding-bottom:20px;} */


  .section7_1{position: relative; background-color: #f8f7f7; left:0%;width:100%; text-align: center;padding:20px 0px;}
  .section7_1 .font36{font-size: 24px;}
  .section7_1 .font16{font-size: 14px;}
  .section8_1 .font36{font-size: 24px;}
  .section8_1{position: relative; background-color: #d0d8de; left:0%;width:100%; text-align: center;padding:30px 0px;}

  .section20_1{ flex-direction: column;}
  .section20_2 .mk4p {padding: 15px 0 0 15px;}
  .section20_2 .mk2h {height: 150px;}

  .section20_2{ flex-direction: column;}
  .h86 {height: 48px;}
  .section20 .mk1,.section20 .mk2,.section20 .mk3{margin-right:0px;margin-bottom:10px;}




}
@media only screen and (max-width:767px) {
.xk1 { background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/proudct9/xk1.jpg) center no-repeat;position:relative;background-size: cover;}
.xk2 {height:660px;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product9/xk2-mobile.jpg) center no-repeat;background-size:cover;}

  .font16 {
    font-size: 14px;
}
.font18 {
  font-size: 14px;
}
.font36 {
  font-size: 18px;
}
  .xk-container {margin-top: 30px;}
  .xk1 {height:560px;}
  .xk1-right {text-align: center;}
  .xk1 .font24 {font-size: 16px;}
  .xk1 .mt-18 {margin-top: 8px;}
  .xk1-right .xk-title1 {line-height:35px;}
  .xk1-right .xk-title2 {margin-top:20px; line-height: 18px;}
  .xk2 .xk-title1 {padding-top: 30px;}
  .xk2 .xk-title2 {padding-top: 15px;line-height: 20px;}
  .xk-title1 {font-size:20px;line-height: 25px;}
  .xk-title1_2 {font-size:18px;}
  .xk-title2 {font-size:14px;line-height:20px;}
  .xk1-right {padding:40px 10px;min-width:100%;}
.xk1_icon .icon-container {width:100%;background-color:rgba(27,27,27,0.9);z-index:2;padding:30px;}
.xk1_icon .icon-item {width:14%;text-align:center;}
.xk1_icon .icon-img {width:45px;height:45px;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.xk1_icon .icon-img img {width:auto;max-width:60%;}
.xk1_icon .icon-item .icon-text {width:auto;font-size:10px;color:#f3f3f3;margin-top:10px;}
.xk1_icon .d-flex {flex-wrap: wrap;}

  .xk1_icon .icon-container {padding:0 15px 15px 15px;bottom: 0px;}
  .xk1_icon.icon-container .container {flex-wrap:wrap;}
  .xk1_icon .icon-item {width:25%;margin-top:5%;}
  .xk5 img,.xk6 img,.xk5 img,.xk8 img {width:100%;}
  .xk2 .xk-title1,.xk2 .xk-title2,.xk3 .xk-title1,.xk3 .xk-title2 {padding-left:0;}
  .xk3 .xk-title1 {line-height:30px;}
  .xk3 .xk-title2 {line-height:20px;}
  .xk4 {height:585px;background-position:center;}
  .xk4 img {max-width:100%;}

  .xk5 .xk-title1 {line-height: 25px;}
  .xk5 .xk-title1,.xk6 .xk-title1,.xk7 .xk-title1,.xk8 .xk-title1 {padding-top:40px;}
  .xk6 .xk-title1 {line-height: 36px;}
  .xk6 .xk-title2 {padding-top: 20px;}
  .xk6 {
    padding-bottom: 50px;
}
  .xk7-img-container {width:100%;}
  .xk7-left,.xk7-right {width:100%;}
  .xk7-item1 {height:278px;}
  .xk7-item2 {height:278px; text-align: center;padding-top: 10px;padding-right: 5px;}
  .xk7-item3 {height:278px; text-align: center; padding-top: 16px; padding-right: 0px;}
  .xk7-item4 {height:278px;text-align: center; padding-top: 16px;padding-left: 0px;}
  /* .xk7-item2 {height:322px;color:#212121;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product7/xk7-2.jpg) center no-repeat;background-size:cover;text-align:right;padding-right:40px;}
.xk7-item3 {text-align:right;height:322px;background:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product7/xk7-3.jpg) center no-repeat;background-size:cover;padding-right:80px;} */
/* .xk7-item4 {height:388px;color:#212121;background:url(https://open-media-file.os */
  .xk9 .imgh {height: 410px;}
  .xk9 .xk9-item h5{font-size: 14px;margin-bottom: 5px;}
  .xk9 .xk9-item h6{font-size: 14px;}
  .xk9 .xk9-container2 h6 {font-size: 12px;width: 55%; text-align: left; margin-top: 0px;}
  .xk9 .xk9h6 h6{ width: 80%;}

   .xk5 .xk-container {
    width: 80%;}
  .xk-item5 img{width:80%;}
  .xk5 .xk-title2 {padding-top: 10px;}

  .xk9-container .xk9-item { width: 50%;}

  .section1 .font48 {font-size: 24px;}

  .xk5 .imgh {height: 400px;}
  .section5 .xk-title1_3{font-size: 22px;}
  .section5 .mt-18 {margin-top: 6px;}
  .section5 .text-container{padding-top:0px;}
  .section5 {flex-direction: column;display: flex;}
  /* .section5 .text-container{ position: relative;padding-top:10px;padding-bottom:20px;} */

  .section5 .text-container {
    position: absolute;
    left: 2%;
    top: 0%;
    width: 100%;
}
.pc_icon {display: none;}
  .section7_1{position: relative; background-color: #f8f7f7; left:0%;width:100%; text-align: center;padding:20px 0px;}
  .section7_1 .font36{font-size: 21px;}
  .section7_1 .font16{font-size: 14px;}
  .section8_1 .font36{font-size: 21px;}
  .section8_1{position: relative; background-color: #d0d8de; left:0%;width:100%; text-align: center;padding:30px 0px;}
  .xk1-right {background-color: none!important;}

  .xk10-item {
    width: 19%;
    height: 100%;
}
.xk10-container3 h6 {
  font-size: 1.2em;
  color: #ffffff;
}
.xk9-btn {
  background: #9f0f0d;
  color: #ffffff;
  height: 3em;
  line-height: 1.5em;
  text-align: center;
  padding: 0 2em;
  font-weight: bold;
}
.xk9 .w-100 {height: 260px;}
  .section20 .banner-text-container3 {
    padding: 18px 0 10px 5px;
    line-height: 18px;
}
  .section20_1{ flex-direction: column;}
  .section20_2 .mk4p {padding: 15px 0 0 15px;}
  .section20_2 .mk2h {height: 150px;}

  .section20_2{ flex-direction: column;}
  .h86 {height: 48px;}
  .section20 .mk1,.section20 .mk2,.section20 .mk3{margin-right:0px;margin-bottom:10px;}
  .section20 .mk4 {margin-top: 2px;}

  .banner-text-container3 {padding: 18px 0 10px 30px;line-height: 18px;}


}