@charset "utf-8";
.browserupgrade{display:block;position:fixed;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:1000;background-color:#666;color:#fff;text-align:center}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}

body{font-size: 16px;overflow-x: hidden;}

@media only screen and (max-width: 1400px){
  .w1280{width: 1100px;}
}
@media only screen and (max-width: 1200px){
  .w1280{width: 96%;}
  .fnt_48{font-size: 26px;}
}
@media only screen and (max-width: 700px){
  .fnt_48{font-size: 22px;}
}
.cai_banner{position: relative;width: 100%;min-height: 622px;}
.cai_banner>img{width: 100%;}
.cai_banner .banner_text{position: absolute;left: 50%;top:50%;transform:translate(-50%,-60%);}
.cai_banner .left{float: left;color: #fff;}
.cai_banner .left h2{font-weight: 700;margin-bottom: 30px;line-height: 1.3;}
.cai_banner .left h3{font-weight: 700;margin-bottom: 30px;}
.cai_banner .right{float:right;padding:35px;background-color: rgba(23,36,64,0.88);border-radius: 10px;margin-right: 0;}
.cai_banner .right h5{color: #fff;font-weight: 700;margin-bottom: 10px;}
.cai_banner .right>div{padding-bottom:20px;color: #a7a9af;position:relative;overflow: hidden;width:330px;font-size: 16px;}
.cai_banner .right label{
  height: 40px;display: inline-block;line-height: 40px;width: 100px;padding-left: 5px;
  float: left;margin-right: -100px;border-bottom: 1px solid #6b6f76;position: relative;z-index: 2;
}
.cai_banner .right label.ina_none{
  border-bottom: none;
}
.cai_banner .right .input-border-blur {
    border-bottom: 1px solid #ffffff !important;
}
.cai_banner .right .input-border-red {
    border-bottom: 1px solid #00fcff !important;
}
.cai_banner .right .apply-error {
  width: 100%;
    padding: 0;
    margin: 0 !important;
    text-align: right;
    font-size: 14px;
    color: #00fcff!important;
    line-height: 20px;
    display: block;
    position: absolute;
    bottom: -2px;
    right: 0;
    display: none;
}
.cai_banner .right input[type='text']{padding-left:100px;float: left;width: 100%;padding-left: 5px;border-bottom: 1px solid #6b6f76;}
.cai_banner .right .huoqu{
  position: absolute;right: 0px;top: 0px;
  height: 45px;display: inline-block;line-height: 45px;color: #fff;font-weight: 700;
  transition:all 0.3s ease-out;
}
.cai_banner .right .huoqu:hover{color: #3173df;}
.cai_banner .right .p1 label{width: 50px;}
.cai_banner .right .p1 input{padding-left: 50px;}
.cai_banner .right .p2 label{width: 85px;color: #fff;}
.cai_banner .right .p2 .s_phone{padding-left:100px;float: left;width: 100%;}
.cai_banner .right .p2 input{padding-left: 0px;}
.cai_banner .right .p3 input{padding-left: 100px;padding-right: 90px;}
.cai_banner .right .p4{border-bottom: 0px;background-color: #fff;border-radius: 5px;text-align: center;transition:all 0.3s ease-out;margin-top:20px;padding-bottom: 0;}
.cai_banner .right .p4 button{width: 100%;height: 60px;border:none;font-size: 20px;color: #0068dd;font-weight: 700;transition:all 0.3s ease-out;}
.cai_banner .right .p4 button:after {
    transform: translateY(-1px);
    content: "";
    transition: all .4s ease;
    font-family: "iconfont";
    display: inline-block;
    vertical-align: middle;
}
.cai_banner .right .p4 button:hover:after {content: "\e683"; margin-left: 5px;}
.cai_banner .right .p5 {padding-top: 6px;padding-left: 3px;padding-bottom: 6px;}
.cai_banner .right .p5.ty_policy img {
    top: 6px;
    left: 2px;
}
.cai_banner .right .p5.ty_policy i {
  margin-top: -1px;
}
.cai_banner .right input{border:0px;background-color: transparent;height: 40px;color: #ffffff;}
.cai_banner .right input::-webkit-input-placeholder {color: #fff;}
.cai_banner .right input::-moz-input-placeholder {color: #fff;}
.cai_banner .right input::-ms-input-placeholder {color: #fff;}
.cai_banner .ty_policy a {
    color: #a7a9af;
    text-decoration: underline;
}
.cai_banner .ty_policy a:hover {
    color: #ffffff;
}
.cai_banner .code-btn {
    pointer-events: none;
    cursor: ne-resize;
}
.cai_banner .code-btn.code-allow-get {
    pointer-events: unset;
    cursor: pointer;
}
#rectangle,
#rectangle1 {
  background: url( ../images/new-sem/rectangle.png) no-repeat center;
  background-size: cover;
  z-index: 36;
  height: 29px;
  align-self: flex-start;
  margin-top: -13px;
  width: 133px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0 8px;
  /* display: none; */
  visibility: hidden;
}
.txt4 {
  z-index: 37;
  width: 108px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 13px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}
@media only screen and (max-width: 1440px){
  .cai_banner .banner_text {
    top: 59%;
    transform: translate(-50%,-59%);
  }
   .cai_banner .right {
      padding: 30px;
  }
  .cai_banner .right .p4 button {
      height: 40px;
      font-size: 16px;
  }
  .cai_banner .right>div {
    width:290px;
    padding-bottom: 16px;
    font-size: 14px;
  }
  .cai_banner .right label {
    height: 40px;
    line-height: 40px;
  }
  .cai_banner .right input {
    height: 40px;
  }
  .cai_banner .right .p5 {
    padding-bottom: 6px;
    font-size: 14px;
  }
  .cai_banner .left h2 {
    font-size: 45px;
  }
  .case_r_title b {
    font-size: 30px;
  }
  .case_r_title span{
    margin: 15px 0 110px;
  }
}
@media only screen and (max-width: 1200px){
  .cai_banner .left h2{margin-bottom: 10px;margin-top: 20px;}
  .cai_banner .left h3{margin-bottom: 15px;}
  .cai_banner .right{padding:20px 30px 25px;}
  .cai_banner .right>div{margin-top: 10px;}
  .cai_banner .right .p4{margin-top: 20px;}
  .cai_banner .right .p4 input{height: 45px;}
}
@media only screen and (max-width: 1000px){
  .cai_banner{width: 100%;overflow-x: hidden;padding-bottom: 15px;}
  .cai_banner>img{height: 560px;width: auto;}
  .cai_banner .banner_text{top:70px;left:20px;transform:translate(0,0);}
  .cai_banner .left{float: none;margin-bottom:30px;}
  .cai_banner .right{padding:15px 15px 20px;float: none;width: 310px;box-sizing:border-box;}
  .cai_banner .right h5{font-size: 20px;}
  .cai_banner .right p{font-size: 14px;width: 280px;}
  .cai_banner .right label{width: 80px;}
  .cai_banner .right p.p4 button {
    height: 40px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 700px){
  .cai_banner{padding-bottom: 0;}
  .cai_banner>img{transform:translateX(-300px);}
}
.cai_con01{overflow: hidden;padding:20px;}
.cai_con01 h3{text-align: center;font-weight: 700;}
.cai_con01 p{text-align: center;color: #132842;margin-bottom: 30px;}
.cai_con01 .img{border-radius: 20px;box-shadow: 0 5px 20px #ebf1fa;}
.cai_con01 .img img{width:100%;max-width: 1280px;border-radius: 20px;}
@media only screen and (max-width: 900px){
  .cai_con01{margin-top: 40px;}
  .cai_con01 p br{display: none;}
  .cai_con01 .img{overflow-x:auto;}
  .cai_con01 .img img{width: 1000px;}
}
.cai_con02{overflow: hidden;}
.cai_con02 h3{text-align: center;font-weight: 700;}
.cai_con02 li{float: left;width: 16.65%;text-align: center;border-bottom: 2px solid #eff4fd;cursor: pointer;position: relative;}
.cai_con02 li:after{content: "";display: block;position: absolute;bottom: -2px;left: 0px;width: 0%;height:2px;transition:all 0.5s ease-in-out;background-color: #5f99ea;}
.cai_con02 li:hover:after{width: 100%;}
.cai_con02 li:hover p{font-weight: 700;}
.cai_con02 li.active p{font-weight: 700;}
.cai_con02 li.active:after{width: 100%;}
.cai_con02 li p{padding:15px 0;}
/*.cai_con02 .tab_con{position: relative;height: 580px;}*/
.cai_con02 .tab_con{position: relative;}
/*.cai_con02 .tab_con .text{opacity: 0;position: absolute;z-index: 0;}*/
.cai_con02 .tab_con .text{display: none;}
.cai_con02 .left{float: left;width: 48%;}
.cai_con02 .left h3{text-align: left;transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.cai_con02 .left p{color: #132842;padding-right: 85px;transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.cai_con02 .left dl{transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.cai_con02 .left dd{color: #132842;margin-bottom: 10px;padding-left: 40px;background: url( ../images/new-sem/w_img12.jpg) no-repeat left 6px;}
.cai_con02 .left .btn1{width: 300px;height: 50px;line-height: 50px;text-align: center;color: #fff;background-color: #0068dd;display: block;border-radius: 5px;transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.cai_con02 .left .btn1:after{transform: translateY(-1px);content: "";transition: all .4s ease;font-family: "iconfont";display: inline-block;vertical-align: middle;}
.cai_con02 .left .btn1:hover:after{content: "\e683";margin-left: 5px;}
.cai_con02 .right{float: right;width: 48%;text-align: right;transform: translateY(20%);opacity: 0;transition: all 0.6s ease-out;height: 0px;padding-bottom: 36%;overflow: hidden;}
.cai_con02 .right img{max-width: 100%;}
.cai_con02 .right:hover img{transform:scale(1.05);}
/*.cai_con02 .tab_con .text.active{opacity: 1;z-index: 1;}*/
.cai_con02 .tab_con .text.active{display: block;}
.cai_con02 .tab_con .text.active .left h3{transform: translateY(0);opacity: 1;}
.cai_con02 .tab_con .text.active .left p{transform: translateY(0);opacity: 1;}
.cai_con02 .tab_con .text.active .left dl{transform: translateY(0);opacity: 1;}
.cai_con02 .tab_con .text.active .left .btn1{transform: translateY(0);opacity: 1;}
.cai_con02 .tab_con .text.active .right{transform: translateY(0);opacity: 1;}
@media only screen and (max-width: 1400px){
  /*.cai_con02 .tab_con{height: 440px;}*/
  .cai_con02 .left{margin-top: 20px;}
  .cai_con02 .left dl{margin-bottom: 30px;}
  .cai_con02 .tab_con .text.active .left p{margin-bottom: 20px;}
}
@media only screen and (max-width: 1200px){
 /* .cai_con02 .tab_con{height: auto;}*/
  .cai_con02 .tab_con .text{position: static;display: none;}
  .cai_con02 .tab_con .text.active{display: block;}
}
@media only screen and (max-width: 900px){
  .cai_con02{margin-top: 50px;}
  .cai_con02 .right{width: 40%;}
  .cai_con02 .left{width: 55%;margin-top: 0px;}
  .cai_con02 .left p{padding-right: 20px;}
  .cai_con02 .left .btn1{height: 40px;line-height: 40px;width: 200px;}
}
@media only screen and (max-width: 700px){
  .cai_con02 .ul{width: 100%;overflow-x:auto;}
  .cai_con02 .ul ul{width: 900px;}
  .cai_con02 .ul li{width: 100px;}
  .cai_con02 .left{width: 100%;margin-bottom: 20px;}
  .cai_con02 .left p{padding-right: 0px;}
  .cai_con02 li p{padding:10px 0;}
  .cai_con02 .right{width: 100%;padding-bottom: 75%;}
}
.cai_con03{overflow: hidden;}
.cai_con03 h3{text-align: center;font-weight: 700;}
.cai_con03 ul{text-align: center;}
.cai_con03 li{display:inline-block;width: 11.11%;margin:0 40px;text-align: center;border-bottom: 2px solid #eff4fd;cursor: pointer;position: relative;}
.cai_con03 li:after{content: "";display: block;position: absolute;bottom: -2px;left: 0px;width: 0%;height:2px;transition:all 0.5s ease-in-out;background-color: #0f66e0;}
.cai_con03 li:hover:after{width: 100%;}
.cai_con03 li:hover p{color: #0068dd;}
.cai_con03 li.active p{color: #0068dd;}
.cai_con03 li.active:after{width: 100%;}
.cai_con03 li p{padding:15px 0;}
.cai_con03 .tab_con{position: relative;height: 380px;}
.cai_con03 .tab_con .text{opacity: 0;position: absolute;z-index: 0;width:100%;left:0px;top:0px;}
.cai_con03 .left{float: right;width: 51%;margin-top: 20px;}
.cai_con03 .left h3{text-align: left;transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.cai_con03 .left p{color: #132842;transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.cai_con03 .left dl{transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.cai_con03 .left dd{color: #132842;margin-bottom: 10px;padding-left: 40px;background: url(../images/cai_img/w_img12.jpg) no-repeat left center;}
.cai_con03 .left .a_btn a{width: 300px;height: 50px;line-height: 50px;text-align: center;display: block;float:left;border-radius: 5px;transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.cai_con03 .left .btn1{color: #fff;background-color: #0068dd;margin-right: 30px;}
.cai_con03 .left .btn1:after{transform: translateY(-1px);content: "";transition: all .4s ease;font-family: "iconfont";display: inline-block;vertical-align: middle;}
.cai_con03 .left .btn1:hover:after{content: "\e683";margin-left: 5px;}
.cai_con03 .left .btn2{color: #132842;border:1px solid #132842;}
.cai_con03 .left .btn2:after{transform: translateY(-1px);content: "";transition: all .4s ease;font-family: "iconfont";display: inline-block;vertical-align: middle;}
.cai_con03 .left .btn2:hover:after{content: "\e683";margin-left: 5px;}
.cai_con03 .right{float: left;text-align: left;transform: translateY(20%);opacity: 0;transition: all 0.6s ease-out;height: 0px;padding-bottom: 25%;overflow: hidden;}
.cai_con03 .right img{max-width: 100%;}
.cai_con03 .right:hover img{transform:scale(1.05);}
.cai_con03 .tab_con .text.active{opacity: 1;z-index: 1;}
.cai_con03 .tab_con .text.active .left h3{transform: translateY(0);opacity: 1;}
.cai_con03 .tab_con .text.active .left p{transform: translateY(0);opacity: 1;}
.cai_con03 .tab_con .text.active .left dl{transform: translateY(0);opacity: 1;}
.cai_con03 .tab_con .text.active .left .btn1{transform: translateY(0);opacity: 1;}
.cai_con03 .tab_con .text.active .left .btn2{transform: translateY(0);opacity: 1;}
.cai_con03 .tab_con .text.active .right{transform: translateY(0);opacity: 1;}
@media only screen and (max-width: 1400px){
  .cai_con03 ul{margin-top: 20px;}
  .cai_con03 .tab_con{height: 360px;}
  .cai_con03 .right{padding-bottom: 29%;}
  .cai_con03 .left .a_btn a{width: 40%;}
}
@media only screen and (max-width: 1200px){
  .cai_con03 .left{width: 50%;padding-left: 2%;}
  .cai_con03 .right{width: 48%;}
  .cai_con03 .tab_con{height: auto;}
  .cai_con03 .tab_con .text{position: static;display: none;}
  .cai_con03 .tab_con .text.active{display: block;}
}
@media only screen and (max-width: 900px){
  .cai_con03 li{width: 15%;}
  .cai_con03 ul{margin-top: 3px;}
  .cai_con03 .left{margin-top: 0px;}
  .cai_con03 .left .a_btn a{height: 40px;line-height: 40px;}
}
@media only screen and (max-width: 700px){
  .cai_con03{margin-top: 50px;}
  .cai_con03 li{width: 33.33%;margin:0;float: left;}
  .cai_con03 .left{float: none;width: 100%;margin-bottom: 20px;}
  .cai_con03 .right{float: none;width: 100%;padding-bottom: 62%;}
}
.cai_con04{overflow:hidden;background:#f5f8fc url( ../images/new-sem/cai_bg01.png) no-repeat center top;background-size: cover;}
.cai_con04 h3{text-align: center;font-weight: 700;}
.cai_con04 li{float: left;box-shadow: 0 5px 20px #dbe0e9;margin-right: 2%;width: 32%;position: relative;overflow: hidden;background: #fff;}
.cai_con04 li:nth-of-type(3n){margin-right: 0px;}
.cai_con04 li .img{padding-bottom: 78%;height: 0px;overflow: hidden;}
.cai_con04 li .img img{width: 100%;}
.cai_con04 li .p{text-align: center;font-weight: 700;padding:35px 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.cai_con04 li .li_hover{opacity:0;position: absolute;top: 50%;right: 0px;left: 0px;bottom: 0px;background-color: #fff;transition:all 0.5s ease-out;}
.cai_con04 li .li_hover .con{width: 74.5%;margin:65px auto 0;}
.cai_con04 li .li_hover .con h4{font-weight: 700;margin-bottom: 20px;}
.cai_con04 li .li_hover .con .p2{color: #132842;line-height: 1.6;height:11.2em;overflow: hidden;}
.cai_con04 li .li_hover .con a{display: block;width: 100%;height: 45px;line-height: 45px;text-align: center;color: #fff;background-color: #0068dd;border-radius: 5px;}
.cai_con04 li .li_hover .con a:after{transform: translateY(-1px);content: "";transition: all .4s ease;font-family: "iconfont";display: inline-block;vertical-align: middle;}
.cai_con04 li .li_hover .con a:hover:after{content: "\e683";margin-left: 5px;}
.cai_con04 li:hover .li_hover{opacity:1;top:0;}
.mCSB_container{margin-right: 20px;}
@media only screen and (max-width: 1400px){
  .cai_con04 li .p{padding:20px;width:86%;}
  .cai_con04 li .li_hover .con{margin-top:20px;}
  .cai_con04 li .li_hover .con h4{margin-bottom: 15px;}
  .cai_con04 li .li_hover .con a{margin-top: 20px;}
}
@media only screen and (max-width: 1200px){
  .cai_con04 li .li_hover .con .p2{font-size: 14px;}
}
@media only screen and (max-width: 900px){
  .cai_con04{margin-top: 50px;}
  .cai_con04 li .li_hover .con{width: 90%;margin-top: 5px;}
  .cai_con04 li .li_hover .con h4{margin-bottom: 5px;}
  .cai_con04 li .li_hover .con a{margin-top: 10px;height: 30px;line-height: 30px;width: 90px;font-size: 14px;}
}
@media only screen and (max-width: 700px){
  .cai_con04 li{width: 100%;margin-right: 0px;margin-bottom: 30px;}
  .cai_con04 li .p{width: 100%;}
}
.cai_con05{width: 100%;padding-bottom:140px;overflow: hidden;background:#f5f8fc url( ../images/new-sem/cai_bg02.png) no-repeat center bottom;background-size: cover;}
.cai_con05 .swiper-container-free-mode > .swiper-wrapper {transition-timing-function:linear;}
.cai_con05 .swiper-wrapper{padding:30px 0;}
.cai_con05 .swiper-slide{text-align: center;}
.cai_con05 .swiper-slide img{max-width:100%;border-radius: 8px;box-shadow:0 5px 20px #c8daf3;}
@media only screen and (max-width: 1366px){
  .cai_con05{padding-bottom:80px; }
}
@media only screen and (max-width: 1200px){
  .cai_con05{padding-bottom:60px; }
}
@media only screen and (max-width: 700px){
  .cai_con05 .swiper-wrapper{padding:15px 0;}
}
#videoPopup {position: fixed;width: 100%;height: 100%;top: 0;z-index: 1000;background-color: rgba(0, 0, 0, 0.4);display: none;}
#videoPopup .video-box {width: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#videoPopup .video-box video {width: 100%;}
#videoPopup .video-box .close {position: absolute;right: 20px;top: 20px;width: 40px;height: 40px;border-radius: 50%;background: rgba(0, 0, 0, 0.1);cursor: pointer;text-align: center;}
#videoPopup .video-box .close span {font-size: 16px;line-height: 40px;color: #fff;}
#videoPopup .video-box .close:hover {background: rgba(0, 0, 0, 0.5);}
@media screen and (max-width: 1024px) {
  #videoPopup .video-box {width: 96%;}
  #videoPopup .video-box .close {width: 36px;height: 36px;right: 0px;top: -50px;}
  #videoPopup .video-box .close span {font-size: 14px;line-height: 36px;}
}