.m-demob2{overflow:hidden;position:relative;background-color:#f9fcfe;}
.m-demob2::after{content:"";display:block;width:57.6%;border-right:1px solid #dee7f4;position:absolute;left:0;top:0;height:100%;background-color:#fff}
.m-demob2 .left{float:left;width:60%;background-color:#fff;position:relative;z-index:1;overflow:hidden;padding-bottom:190px}
.m-demob2 .tit{font-size:28px;color:#505468;text-align:center;line-height:1.62;margin-top:140px;margin-bottom:-12px}
.m-demob2 .img{display:block;max-width:509px;margin:0 auto}
.m-demob2 .right{height:100%;padding:132px 143px 10px 58px;overflow:hidden}
.m-demob2 .right .title{text-align:center;font-size:30px;color:#282a38;margin-bottom:48px}
.m-demob2 .line{background-color:#fff;padding:0 12px;overflow:hidden;margin-bottom:12px;border:1px solid #e1e8ed}
.m-demob2 .line .s{float:left;font-size:0;line-height:34px;margin-right:10px}
.m-demob2 .s em,.m-demob2 .s span{display:inline-block;vertical-align:middle;line-height:1.5}
.m-demob2 .s em{font-size:17px;color:#ff5956;width:12px;margin-bottom:-8px}
.m-demob2 .s span{font-size:14px;color:#7f8798}
.oh{overflow:hidden}
.m-demob2 .inp{display:block;width:100%;height:34px;font-size:14px}
.m-demob2 .last{padding-top:12px}
.m-demob2 .area{resize:none;height:77px}
.m-demob2 .placeholder::-webkit-input-placeholder{color:#7f8798}
.m-demob2 .placeholder::-moz-placeholder{color:#7f8798}
.m-demob2 .placeholder::-ms-input-placeholder{color:#7f8798}
.m-demob2 .submit{display:block;text-align:center;background-color:#006bd6;border:1px solid #dee7f4;width:100%;height:40px;line-height:38px;color:#fff;font-size:14px;transition:.4s;border-radius:2px;margin:24px auto 0;cursor:pointer}
.m-demob2 .submit:hover{opacity:.8}
.m-demob2 .code{background-color:transparent;padding:0}
.m-demob2 .code .oh{float:left;width:76%;background-color:#fff;padding-left:12px;padding-right:10px}
.m-demob2 .code .btn{float:right;width:24%;height:36px;line-height:36px;text-align:center;font-size:12px;color:#006bd6;background-color:#dee7f4;cursor:pointer}
.m-chodemo{padding-top:86px;padding-bottom:84px;background-color:#eef2f6;overflow:hidden}
.m-chodemo .title{text-align:center;font-size:40px;color:#1e2128;margin:92px 0 18px}
.m-chodemo .title::after{content:"";display:block;width:48px;height:6px;border-radius:8px;background-color:#006bd6;margin:16px auto 0}
.ul-conbox{margin:0 -10px;padding:20px 0}
.ul-conbox li{float:left;margin-bottom: 20px; width:50%}
.ul-conbox .con{margin: 0 10px; position:relative;margin:0 10px;overflow:hidden;padding:18px 20px 0px;border-radius:8px;border: 1px solid #E5E8EF; background-color: #fff; box-shadow:0 10px 20px rgba(101,115,165,.12)}
.ul-conbox .tags{position:absolute;top:27px;right:32px}
.ul-conbox .tags .tag{display: inline-block; font-size:14px;color:#545e71;font-weight:600;width:45px;height:24px;line-height:24px;background:#cbe3f4;border-radius:4px;margin-left:8px;text-align:center}
.ul-conbox .tags .tag.new{background:#75e0b5;color:#fff}
.ul-conbox .box{overflow: hidden;border-bottom: 1px solid #E5E6EB;}
.ul-conbox .icon{float: left;width: 120px; height:120px;line-height:120px;font-size:0;overflow:hidden;margin-right: 24px; margin-bottom:22px;text-align:center}
.ul-conbox .icon img{display:inline-block;vertical-align:top;max-width:120px}
.ul-conbox .top{overflow: hidden;}
.ul-conbox .tit{font-size:28px;font-weight: 500; color:#1e2128;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:1.5em}
.ul-conbox .en{line-height: 1;margin-bottom: 17px; font-size:16px;color:#1e2128;text-transform:capitalize;font-weight:300}
.ul-conbox .line{width:20px;height:3px;background-color:#2469c2;margin:26px 0 9px}
.ul-conbox .desc{font-size:16px;color:#1e2128;font-weight:300;line-height:1.4;height: 2.8em;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow: ellipsis;}
.ul-conbox .link{display:block;text-align:center;font-weight: 500;cursor: pointer;
  font-size: 18px;color:#006BD6;height:58px;line-height:58px;transition:.4s;border-radius:4px;margin:0 auto}
.ul-conbox .link:hover{opacity:.8}
@media screen and (max-width:1800px){
.m-demob2 .right{padding:7.3333vw 7.9444vw 10px 3.222vw}
.m-chodemo .wp2{width:75%;max-width:1200px}
}
@media screen and (max-width:1500px){
.m-demob2 .right{padding:4vw 3vw 10px}
}
@media screen and (max-width:1199px){
.m-demob2{margin-top:15px}
.m-demob2 .left{float:none;width:auto;border:none;border-bottom:1px solid #dee7f4;padding-bottom:3vw}
.m-demob2::after{display:none}
.m-demob2 .tit{font-size:20px;margin:3vw 0}
.m-demob2 .img{max-width:60%}
.m-demob2 .right{padding:4vw}
.m-demob2 .right .title{font-size:20px;margin-bottom:3vw}
.m-chodemo .wp2{width:96%}
.m-chodemo .title{font-size:28px;margin:40px 0 8px}
.m-chodemo .title::after{width:32px;height:3px;border-radius:5px;margin-top:8px}
}
@media screen and (max-width:960px){
  .m-chodemo{padding-top:60px;padding-bottom:12px}
  .ul-conbox{margin:0 -10px}
  .ul-conbox .tit{font-size:18px}
  .ul-conbox .en{font-size:12px}
  .ul-conbox .con{padding:10px 20px 0px;margin:0 10px;min-height:188px}
  .ul-conbox .top{margin-bottom:10px}
  .ul-conbox .icon{height:60px;line-height:60px;margin-bottom:8px}
  .ul-conbox .icon img{max-width:60px}
  .ul-conbox .tags{top:28px;right:20px}
  .ul-conbox .tags .tag{width:45px;height:22px;line-height:22px;font-size:10px}
  .ul-conbox .desc{font-size:11px;line-height:1.8;height:auto;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;overflow:hidden;margin-bottom:8px;height:5.4em}
  .ul-conbox .br{display:none}
  .ul-conbox .link{width:120px;height:36px;line-height:36px;font-size: 16px;}
  }
  @media screen and (max-width:767px){
  .ul-conbox{margin:0}
  .ul-conbox li{float:none;width:auto}
  .ul-conbox .con{background:#fff;box-shadow:0 5px 15px rgba(101,115,165,.12);margin:0 0 12px}
  .ul-conbox .icon{text-align:center;margin-right: 0;float: none;width: 100%;
  }
  .ul-conbox .en { margin-bottom: 8px;}
  .ul-conbox .link{font-size: 14px;}
  /* .ul-conbox .tags .tag.new{display:none} */
  .ul-conbox .top{margin-left:8px;display:block;overflow:hidden;text-align:left}
  .ul-conbox .desc{display: block;height: auto;}
  .m-chodemo{padding-bottom:0px}
  }