@charset"utf-8";
.wsbs-box{
  width: 999px;
  height: 107px;
}
.wsbs-box a,.panel .right a{
  display: block;
  width: 100%;
  height: 100%;
}
.wsbs-box a img,.panel .right a img{
  display: block;
  width: 100%;
  height: 100%;
}
.panel .right{
  width: 184px;
  height: 107px;
}
.panel2 {
  margin-top: 28px;
}
.panel2 ul li{
  float: left;
  margin-right: 17px;
  width: 156.8px;
  height: 197px;
  border: 1px solid rgb(215, 228, 235);
  background-image: -moz-linear-gradient( 90deg, rgb(237,237,237) 18%, rgb(255,255,255) 63%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(237,237,237) 18%, rgb(255,255,255) 63%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(237,237,237) 18%, rgb(255,255,255) 63%, rgb(255,255,255) 100%);
}
.panel2 ul li.last-list{
  margin-right: 0;
}
.panel2 ul li a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  font-size: 18px;
  color: #333;
  padding-top: 53px;
}
.panel2 ul li a img{
  display: block;
  margin: 0 auto 30px;
}
.panel2 ul .two-list a{
  padding-top: 57px;
}
.panel2 ul .three-list a{
  padding-top: 56px;
}
.panel2 ul .four-list a{
  padding-top: 62px;
}
.panel2 ul .five-list a{
  padding-top: 60px;
}
.panel2 ul .six-list a,.panel2 ul .last-list a{
  padding-top: 52px;
}
@media screen and (max-width: 1200px) {
.panel{
  display: flex;
  justify-content: space-between;
}
.panel .left{
  width: 100%;
}
.wsbs-box{width: 100%!important;height: 1.19rem;}

.panel .right{
  width: 28%;
  height: 1.19rem;
  margin-left: .1rem;
}
.wsbs-box a,.panel .right a,
.wsbs-box a img,.panel .right a img{
  display: block;
  width: 100%;
  height:100%;
}
.panel2 {
  margin-top: .5rem;
}
.panel2 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.panel2 ul li{
  float: none;
  margin-right: 0!important;
  width: 48%;
  height: 2.69rem;
  margin-bottom: .3rem;
}
.panel2 ul li a{
  font-size: .28rem;
  
}

.panel2 ul .three-list a{
  padding-top:.77rem;
}
.panel2 ul .four-list a{
  padding-top: .84rem;
}
.panel2 ul .five-list a{
  padding-top: .78rem;
}
.panel2 ul li a img{
  margin: 0 auto .4rem;
}
.panel2 ul .first-list,.panel2 ul .two-list,.panel2 ul .six-list,.panel2 ul .last-list{
  width: 48%;
}
.panel2 ul .first-list a,.panel2 ul .six-list a,.panel2 ul .last-list a{
  padding-top: .42rem;
}
.panel2 ul .two-list a{
  padding-top:.47rem;
}
.panel2 ul .first-list a img,.panel2 ul .two-list a img{
  margin-bottom: .74rem;
}
.panel2 ul .six-list a img,.panel2 ul .last-list a img{
  margin-bottom: .64rem;
}
.panel2 ul .first-list a img{
  width: .73rem;
  height: .86rem;
}
.panel2 ul .two-list a img{
  width: .94rem;
  height: .77rem;
}
.panel2 ul .three-list a img{
  width: .54rem;
  height: .53rem;
}
.panel2 ul .four-list a img{
  width: .53rem;
  height: .44rem;
}
.panel2 ul .five-list a img{
  width: .53rem;
  height: .51rem;
}
.panel2 ul .six-list a img,.panel2 ul .last-list a img{
  width: .96rem;
  height: .96rem;
}
.panel2 ul li.last-list {
    margin-right: 0;
    margin-left: .26rem;
}
}