@charset"utf-8";
.content{
  padding: 0 0 50px;
}
.spe-left .focusBox{
  width: 350px;
  height: 236px;
}
.focusBox .slide-box,.focusBox .slide-box li {
  height: 236px;
}
.focusBox .mask{
  padding: 0 10px;
}
.focusBox .disc {
    bottom: 10px;
    right: 10px;
}
.focusBox .disc li{
  width: 8px;
  height: 8px;
  margin: 3px;
}
.news {
    width: 510px;
    height: auto;
    margin: 0 20px;
}
.news ul {
    margin-top:0;
}

.panel .bottom .box{
  width: 350px;
  height: 54px;
  background-image: url(28-title-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 10px;
   box-shadow: -2.5px 4.33px 4px 0px rgba(55, 0, 0, 0.4);
}
.panel .bottom .box a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 18px;
  padding-top: 14px;
}
.panel .bottom .box a span{
  vertical-align: top;
  margin-left: 6px;
}
.panel .video{
  width: 300px;
  height: 235px;
}

.panel .right .bottom  .box{
  width: 300px;
  border: 1px solid rgb(215, 228, 235);
  background-image: -moz-linear-gradient( 90deg, rgb(208,208,208) 11%, rgb(255,255,255) 31%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(208,208,208) 11%, rgb(255,255,255) 31%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(208,208,208) 11%, rgb(255,255,255) 31%, rgb(255,255,255) 100%);
}
.panel .right .bottom  .box a{
  color: #333333;
  font-size: 18px;
}
.panel .right .bottom  .box a:hover{
  color: #D50B0B;
}
.panel2,.panel3,.panel4{
  margin-top: 30px;
}
.panel2 .list-box{
  float: left;
  width: 386px;
  margin-right: 20px;
}
.panel2 .last-box{
  margin-right: 0;
}
.panel2  .list-content{
  margin-top: 20px;
}
.panel2  .list-content .pic-box{
  width: 136px;
  height: 182px;
}
.panel2  .list-content .desc-box{
  margin-left: 30px;
}
.panel2  .list-content ul li{
  position: relative;
  margin-bottom: 16px;
}
.panel2  .list-content ul li i{
  display: block;
  width: 10.9px;
  height: 10.9px;
  background-color: #EEEEEE;
  position: absolute;
  left: 0;
  top: 6px;
}
.panel2  .list-content ul li a{
  display: block;
  width: 100%;
  color: #333;
  font-size: 16px;
  padding-left: 20px;
}
.panel2  .list-content ul li:hover a{
  color: #1d6dab;
}
.panel2  .list-content ul li:hover i{
    background-color: #1d6dab;
}

.panel3 .content-box{
  margin-top: 20px;
}
.panel3 .content-box ul{
  margin: 0 -60px -30px 0;
}
.panel3 .content-box ul li{
  float: left;
  width: 255px;
  height: 234px;
  margin: 0 60px 30px 0;
}
.panel3 .content-box ul li a{
  display: block;
  width: 100%;
  height: 100%;
}
.panel3 .content-box ul li .pic-box{
  width: 100%;
  height: 176px;
}
.panel3 .content-box ul li a p{
  line-height: 58px;
  color: #333;
  text-align: center;
}
.panel3 .content-box ul li a:hover{
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 5px 24px 0px rgba(41, 0, 0, 0.1);
}
.panel4 .link-content{
  margin-top: 29px;
}
.panel4 .link-content a{
  font-size: 18px;
  color: #333;
  margin-left: 10px;
  margin-right: 20px;
}
.panel4 .link-content a:hover{
  color: #1d6dab;
}

@media screen and (max-width: 1200px) {

.watch-more{
  margin-top: .2rem;
}
.panel2, .panel3, .panel4 {
    margin-top:.5rem;
}
.spe-left .focusBox{
  width: 100%;
  height: 4.654rem;
}
.focusBox .slide-box,.focusBox .slide-box li {
  height: 4.654rem;
}

.focusBox .disc {
    bottom: .2rem;
    right: .2rem;
    width: 26%;
}
.focusBox .disc li{
  width: .158rem;
  height: .158rem;
  margin:.05rem .1rem;
}
.focusBox .mask{
  height: .75rem;
  line-height: .75rem;
  padding: 0 .2rem;
}
.focusBox .hd-desc {
	height: .75rem;
	padding: 0 .2rem ;
}
.focusBox .hd-desc a{
    left: 0.2rem;
    height: .75rem;
  	line-height: .75rem;
		font-size: .28rem;
    width:60%;
}

.news {
    width: 100%;
    margin: 0;
}
.left.news{
  margin-top: .5rem;
}
.news ul{
  margin-top: .4rem;
}
.panel .bottom .box{
  width:100%;
  height: 1.06rem;
  background-size: 100% 100%;
  margin-top: .25rem;
}
.panel .bottom .box a{
  font-size: .34rem;
  padding-top: .3rem;
}
.panel .bottom .box a img{
  width: .42rem;
  height: .47rem;
}
.panel .bottom .box a span{
  margin-left: .37rem;
}
.panel .video{
  width: 100%;
  height: 5.407rem;
  margin-top: .5rem;
}
.panel .right .bottom  .box{
  width: 100%;
}
.panel .right .bottom  .box a{
  font-size: .34rem;
}

.panel2 .list-box{
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: .5rem;
}

.panel2  .list-content{
  margin-top:.3rem;
  display: flex;
  justify-content: space-between;
}
.panel2  .list-content .pic-box{
  width: 2.4rem;
  height: 3.21rem;
}
.panel2  .list-content .desc-box{
  margin-left: -.5rem;
}
.panel2  .list-content ul li{
  margin-bottom: .3rem;
}
.panel2  .list-content ul li i{
  width: .19rem;
  height: .19rem;
  top:.12rem;
}
.panel2  .list-content ul li a{
  width: 100%;
  font-size: .28rem;
  padding-left: .4rem;
}
.panel3 .content-box{
  margin-top: .26rem;
}
.panel3 .content-box ul{
  margin: 0 0 0 0;
}
.panel3 .content-box ul li{
  width: 46.4%;
  height: auto;
  margin: 0 .46rem 0 0;
}
.panel3 .content-box ul li:nth-of-type(2n){
  margin-right: 0;
}
.panel3 .content-box ul li .pic-box{
  height:2.225rem;
}
.panel3 .content-box ul li a p{
  line-height: .77rem;
  font-size: .26rem;
}

.panel4 .link-content{
  margin-top: .3rem;
  display: flex;
  flex-wrap: wrap;
}
.panel4 .link-content a{
  font-size: .26rem;
  margin-left: 0;
  margin-right: 0;
  width: 50%;
  text-align: left;
  margin-bottom: .3rem;
}

}