.pull-left {float: left;}
.pull-right{float: right;}

.xcx-top{padding-bottom: 5.2rem;}
.xcx-top .list li{float:left;width:240px;text-align:center;margin-top:60px;cursor:pointer;}
.xcx-top .list li .pictrue{background:url("../images/functionBg.png") no-repeat 100% 100%;width:83px;
height:93px;text-align:center;line-height:93px;font-size:44px;color:#008cda;margin:0 auto;}
.xcx-top .list li .name{font-size:18px;color:#282828;margin-top:15px;}
.xcx-top .list li .infor{font-size:14px;color:#999;padding:0 30px;line-height: 1.7;margin-top:10px;}

.wrapper_1200 {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}


.xcx-view-show {background: url(../images/crmeb.jpg) center 0 no-repeat;width: 100%;padding: 85px 0 68px;}
.xcx-view-show .crmebPhone{position:relative;}
.xcx-view-show .crmebPhone .bd{position:relative;z-index:0;height:514px;width:257px;margin-left:165px;}
.xcx-view-show .crmebPhone .bd li{zoom:1;vertical-align:middle;height:514px;width:257px;}
.xcx-view-show .crmebPhone .hd{width:586px;margin-left:184px;color:#fff;}
.xcx-view-show .crmebPhone .dis{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.xcx-view-show .crmebPhone .hd .dis{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin-top: 25px;}
.xcx-view-show .crmebPhone .hd .dis~.dis{margin-left:20px;}
.xcx-view-show .crmebPhone .hd .dis .name{text-align:center;font-size:14px;height:40px;line-height:40px;}
.xcx-view-show .crmebPhone .hd .name{font-size:32px;}
.xcx-view-show .crmebPhone .hd ul{width:487px;overflow:hidden; margin: 43px 0 20px 0;}
.xcx-view-show .crmebPhone .hd ul li{float:left;margin:0 20px 25px 0;width:100px;height:100px;display:table;
cursor:pointer;}
.xcx-view-show .crmebPhone .hd ul li .item{display:table-cell;vertical-align:middle;}
.xcx-view-show .crmebPhone .hd ul li.on{background-color:#fff;border-radius:10px;color:#2a7efb;}
.xcx-view-show .crmebPhone .hd ul li .pictrue{background:url("../images/model.png") no-repeat 100% 100%;
width:36px;height:41px;text-align:center;line-height:49px;color:#fff;font-size:14px;margin:0 auto;}
.xcx-view-show .crmebPhone .hd ul li.on .pictrue{background-image:url("../images/model2.png");}
.xcx-view-show .crmebPhone .hd ul li .name{font-size:14px;margin-top:10px;text-align:center;}
.xcx-view-show .crmebPhone .hd .ewm{width:120px;height:120px;border:1px dashed #fff;display: table-cell;
vertical-align: middle;}
.xcx-view-show .crmebPhone .hd .ewm img{width:100px;display:block;height:100px;margin:0 auto;}
.xcx-view-show .prev,.xcx-view-show .next{position:absolute;top:50%;color:#fff;font-size:45px;
    margin-top: -50px;}
.xcx-view-show .prev{left:65px;}
.xcx-view-show .next{left:475px;}
.xcx-view-show .prev:hover{color:#6f9ffe;}
.xcx-view-show .next:hover{color:#6f9ffe;}
.marketing{display: block;overflow: hidden;}
.marketing .container{overflow: hidden;}
.marketing .TiTle{margin:60px 60px 0;}
.marketing .list li{height:500px;}
.marketing .list li.bgColor{background-color:#f5f9ff;}
.marketing .list li .text{width:580px;height:500px;display:table;}
.marketing .list li .text .tableCell{display: table-cell;vertical-align: middle;}
.marketing .list li .text .num{width:68px;height:46px;}
.marketing .list li .text .num img{width:100%;height:100%;}
.marketing .list li .text .name{font-size:28px;color:#282828;margin-top:22px;}
.marketing .list li .text .infor{font-size:16px;color:#999;margin-top:28px;line-height:1.7;}
.marketing .list li .pictrue{width:533px;height:500px;display:table;}
.marketing .list li .pictrue .img{display: table-cell;vertical-align: middle;}
.marketing .list li .pictrue .img img{width: 100%;height: 100%;}
.source{background:url("../images/proBg.jpg") no-repeat 100% 100%;width:100%;height:220px;color:#fff;text-align:center;padding:35px 0;}

.xcx-top .list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xcx-top .list:after {
  content: "";
  width: 220px;
}







@media screen and (max-width:1267px){
  .xcx-view-show{
    background-size: cover;
  }
  .xcx-view-show .prev, .xcx-view-show .next{
    top: 28%;
    margin-top: 0;
  }
  .xcx-view-show .crmebPhone .hd ul{
    margin-left:auto;
    margin-right:auto;
  }
  .xcx-view-show .prev{
    left: 26%;
  }
  .xcx-view-show .next {
    right: 26%;
    left:auto;
  }
  .xcx-view-show .crmebPhone .hd .name{
    margin-top: 40px;
    text-align: center;
  }
  .xcx-view-show .crmebPhone .hd .dis2{
    display: none;
  }
  .wrapper_1200{
    width: 100%;
  }
  .xcx-view-show .crmebPhone{
    display: flex;
    flex-direction: column;
  }
  .xcx-view-show .crmebPhone .hd,
  .xcx-view-show .crmebPhone .bd{
    margin:0 auto !important;
  }
  .marketing .list li{
    height: auto;
  }
  .marketing .list li .pictrue{
    width: 50%;
    display: block;
  }
  .marketing .list li .text{
    width: 50%;
  }
  .min_wrapper_1200 .wrapper_1200{
    display: flex;
  }
  .marketing .list li .pictrue .img img{
    height: auto;
  }
  .marketing .list li .pictrue .img{
    height: 100%;
    display: flex;
    align-items: center;
  }
}




@media screen and (max-width:850px){
  .xcx-top .list li{
    width: 220px;
  }
  .xcx-view-show .prev {
    left: 14vw;
  }
  .marketing .list li .pictrue,
  .marketing .list li .text{
    height: 400px;
  }
  .xcx-view-show .next {
    right: 14vw;
  }
}

@media screen and (max-width:767px){
  .marketing .list li .pictrue,
  .marketing .list li .text{
    width: 100%;
  }
  .marketing .list li .text{
    padding-top: 50px;
    height: auto;
  }
  .marketing .list li .pictrue .img{
    justify-content: center;
  }
  .marketing .list li .pictrue{
    height: 300px;
  }
  .marketing .list li .pictrue .img img{
    height: 100%;
    width: auto;
  }
  .marketing .list li .text .name{
    font-size: 20px;
  }
  .marketing .list li .text .num {
    width: 55px;
    height: 34px;
  }
  .xcx-top .list li{
    width: 50%;
  }
  .xcx-view-show .prev{
    left: 0;
  }
  .xcx-view-show .next{
    right: 0;
  }
  .xcx-view-show .crmebPhone .hd{
    width: 100%;
  }
  .xcx-view-show .crmebPhone .hd ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .xcx-view-show .crmebPhone .hd ul li{
    margin-left:0;
    margin-right:0;
  }
  .xcx-view-show .crmebPhone .hd ul:after {
    content: "";
    width: 100px;
  }

  .xcx-top .list li .name{
    font-size: 16px;
  }
  .xcx-view-show .crmebPhone .hd .name{
    font-size: 24px;
  }
  
}

@media screen and (max-width:370px){
  .xcx-view-show .prev,
  .xcx-view-show .next{
    display: none;
  }
  .xcx-view-show .crmebPhone .hd ul li{
    width: 88px;
    height: 88px;
  }
}