.main_section{
  width:100%;
  background-color:#f8f8f8;
}
.ssxm-banner{
  display:block;
  width:100%;
}
.ssxm-banner img{
  display:block;
  width:100%;
}
.main{
  width:1400px;
  margin:0 auto;
}
.main .ssxm{
  width:100%;
  padding:50px 0 140px;
}
.main .ssxm-title{
  display:block;
  width:230px;
  margin-bottom:45px;
}
.main .ssxm-box{
  width:100%;
}
.ssxm-top{
  width:100%;
  overflow: hidden;
}
.ssxm-top .ssxm-top-item{
  width:300px;
  padding:30px 0;
  text-align:center;
  float:left;
  margin-right:66px;
  border-radius:10px;
  cursor: pointer;
}
.ssxm-top .jjx{
  background-image: linear-gradient(#3581ff,#0b62ff);
}
.ssxm-top .ql{
  background-image: linear-gradient(#19c6bb,#019cbb);
}
.ssxm-top .dkx{
  background-image: linear-gradient(#f6c681,#f5ac54);
}
.ssxm-top .ss{
  background-image: linear-gradient(#ff8b50,#ff3b43);
  margin-right:0;
}
.ssxm-top .ssxm-top-item.selected{
  background:#1d21a9;
  border-radius:20px;
}
.ssxm-top .ssxm-top-item .xm-total-title{
  color:#fff;
  font-size:36px;
}
.ssxm-top .ssxm-top-item .xm-num{
  color:#fff;
  font-size:22px;
  line-height:36px;
}
.ssxm-bottom{
  width:100%;
  margin-top:48px;
}
.ssxm-bottom-box{
  width:100%;
}
.ssxm-bottom-item{
  width:100%;
  overflow: hidden;
}
.ssxm-bottom-item .ssxm-item{
  width:420px;
  height:520px;
  float:left;
  margin-right:70px;
  margin-bottom: 30px;
  display:none;
}
.ssxm-bottom-item .ssxm-item img{
  display:block;
  width:420px;
  height:520px;
}
.ssxm-bottom-item .ssxm-item:nth-child(3n){
  margin-right:0;
}
.ssxm-bottom-item .more{
  width:100%;
  position:absolute;
  left:0;
  bottom:50px;
}
.ssxm-bottom-item .more img{
  display:block;
  width:280px;
  margin:0 auto;
}
@media screen and (max-width: 1600px){
  .main{
    width:1200px;
    margin:0 auto;
  }
  .main .ssxm{
    width:100%;
    padding:42px 0 120px;
  }
  .main .ssxm-title{
    display:block;
    width:197px;
    margin-bottom:38px;
  }
  .main .ssxm-box{
    width:100%;
  }
  .ssxm-top{
    width:100%;
    overflow: hidden;
  }
  .ssxm-top .ssxm-top-item{
    width:258px;
    padding:26px 0;
    text-align:center;
    float:left;
    margin-right:56px;
    border-radius:8px;
    cursor: pointer;
  }
  .ssxm-top .jjx{
    background-image: linear-gradient(#3581ff,#0b62ff);
  }
  .ssxm-top .ql{
    background-image: linear-gradient(#19c6bb,#019cbb);
  }
  .ssxm-top .dkx{
    background-image: linear-gradient(#f6c681,#f5ac54);
  }
  .ssxm-top .ss{
    background-image: linear-gradient(#ff8b50,#ff3b43);
    margin-right:0;
  }
  .ssxm-top .ssxm-top-item.selected{
    background:#1d21a9;
    border-radius:18px;
  }
  .ssxm-top .ssxm-top-item .xm-total-title{
    color:#fff;
    font-size:32px;
  }
  .ssxm-top .ssxm-top-item .xm-num{
    color:#fff;
    font-size:20px;
    line-height:32px;
  }
  .ssxm-bottom{
    width:100%;
    margin-top:42px;
  }
  .ssxm-bottom-box{
    width:100%;
  }
  .ssxm-bottom-item{
    width:100%;
    overflow: hidden;
  }
  .ssxm-bottom-item .ssxm-item{
    width:360px;
    height:446px;
    float:left;
    margin-right:60px;
    margin-bottom: 26px;
    display:none;
  }
  .ssxm-bottom-item .ssxm-item img{
    display:block;
    width:360px;
    height:446px;
  }
  .ssxm-bottom-item .ssxm-item:nth-child(3n){
    margin-right:0;
  }
  .ssxm-bottom-item .more{
    width:100%;
    position:absolute;
    left:0;
    bottom:40px;
  }
  .ssxm-bottom-item .more img{
    display:block;
    width:240px;
    margin:0 auto;
  }
}
@media screen and (max-width: 1400px){
  .main{
    width:1000px;
    margin:0 auto;
  }
  .main .ssxm{
    width:100%;
    padding:35px 0 100px;
  }
  .main .ssxm-title{
    display:block;
    width:164px;
    margin-bottom:32px;
  }
  .main .ssxm-box{
    width:100%;
  }
  .ssxm-top{
    width:100%;
    overflow: hidden;
  }
  .ssxm-top .ssxm-top-item{
    width:215px;
    padding:22px 0;
    text-align:center;
    float:left;
    margin-right:46.66px;
    border-radius:6px;
    cursor: pointer;
  }
  .ssxm-top .jjx{
    background-image: linear-gradient(#3581ff,#0b62ff);
  }
  .ssxm-top .ql{
    background-image: linear-gradient(#19c6bb,#019cbb);
  }
  .ssxm-top .dkx{
    background-image: linear-gradient(#f6c681,#f5ac54);
  }
  .ssxm-top .ss{
    background-image: linear-gradient(#ff8b50,#ff3b43);
    margin-right:0;
  }
  .ssxm-top .ssxm-top-item.selected{
    background:#1d21a9;
    border-radius:16px;
  }
  .ssxm-top .ssxm-top-item .xm-total-title{
    color:#fff;
    font-size:28px;
  }
  .ssxm-top .ssxm-top-item .xm-num{
    color:#fff;
    font-size:18px;
    line-height:28px;
  }
  .ssxm-bottom{
    width:100%;
    margin-top:35px;
  }
  .ssxm-bottom-box{
    width:100%;
  }
  .ssxm-bottom-item{
    width:100%;
    overflow: hidden;
  }
  .ssxm-bottom-item .ssxm-item{
    width:300px;
    height:372px;
    float:left;
    margin-right:50px;
    margin-bottom: 22px;
    display:none;
  }
  .ssxm-bottom-item .ssxm-item img{
    display:block;
    width:300px;
    height:372px;
  }
  .ssxm-bottom-item .ssxm-item:nth-child(3n){
    margin-right:0;
  }
  .ssxm-bottom-item .more{
    width:100%;
    position:absolute;
    left:0;
    bottom:40px;
  }
  .ssxm-bottom-item .more img{
    display:block;
    width:200px;
    margin:0 auto;
  }
}
.main_section_phone{
  display:none;
}
@media screen and (max-width: 480px){
  .main_section{
    display:none;
  }
  .main_section_phone{
    display:block;
    background-color:#fff;
    /* background-color:#e7e7e7; */
  }
  .ssxm-phone-banner{
    display:block;
    width:100%;
  }
  .ssxm-phone-banner img{
    display:block;
    width:100%;
  }
  .main-phone{
    width:100%;
    padding:25px 0 35px;
  }
  .ssxm-phone{
    width:100%;
  }
  .ssxm-phone-title{
    display:block;
    width:44%;
    margin-left:5%;
  }
  .ssxm-phone-box{
    width:100%;
  }
  .ssxm-fl{
    width:100%;
    padding:30px 0 40px;
    border-bottom:12px solid #e7e7e7;
  }
  .ssxm-fl-title{
    margin:0 auto 22px;
  }
  .ssxm-fl-title p{
    color:#000;
    font-size:24px;
    text-align:center;
    line-height:34px;
    font-weight:bold;
  }
  .ssxm-fl-title .flxm_num{
    color:#000;
    font-size:18px;
    line-height:28px;
    display:block;
    width:22%;
    text-align:center;
    margin:0 auto;
    padding-bottom:2px;
    border-bottom:3px solid #6921ff;
  }
  .ssxm-fl-box{
    width:92%;
    margin:0 auto;
  }
  .ssxm-fl-item{
    width:100%;
    display:none;
    /* display:block; */
    box-shadow: 0 0 20px #d9dad9;
    background-color:#fff;
    border-bottom-right-radius: 20px;
    margin-bottom:20px;
    padding:12px 0;
  }
  .ssxm-fl-item a{
    width:100%;
    height:100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content:center;
  }
  .ssxm-fl-item img{
    display:block;
    width:92%;
  }
  .ssxm-phone-more{
    width:46%;
    height:35px;
    text-align:center;
    margin:30px auto 0;
    border:1px solid #4d4845;
    border-radius:17.5px;
    line-height:35px;
    color:#4e4745;
    font-size:14px;
  }
}