@charset"utf-8";
.panel1{
  height: 315px;
}
.panel2{
  height: 322px;
  margin-top: 20px;
}
.panel3,
.panel4,
.panel5,
.zt-panel{
  margin-top: 20px;
}
.panel4{
  margin-top: 0;
}
.panel2 .news{
  width: 926px;
  height: 322px;
}
.panel2 .news .news-list li a{
  width: 70%;
}


.panel3 .panel3-box{
  margin-top: 20px;
}
.panel3 .panel3-box .focusBox{
  width: 506px;
  height: 301px;
}
.panel3 .panel3-box.focusBox .slide-box,.panel3 .panel3-box .focusBox .slide-box li {
  height: 301px;
}
.panel3 .panel3-box .focusBox .disc li{
  width: 12px;
  height: 6px;
  border-radius: 6px;
}
.panel3 .panel3-box .focusBox .disc .on{
  width: 26px;
}
.zsyz-list{
  width: 694px;
  height:301px ;
}
.zsyz-list li{
  float: left;
  width:325.9px ;
  height: 139.5px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0  0 20px 20px;
  border: 1px solid #D7E4EB;
}
.zsyz-list li a{
  display: block;
  padding: 28px 164px 22px 30px;
}
.zsyz-list li a h3{
  color: #DF0606;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
}
.zsyz-list li a p{
  font-size: 16px;
  color: #999;
}
.zsyz-list .zs-list1{
  background-image: url(zsyz-pic1.jpg);
}
.zsyz-list .zs-list2{
  background-image: url(zsyz-pic2.jpg);
}
.zsyz-list .zs-list3{
  background-image: url(zsyz-pic3.jpg);
}
.zsyz-list .zs-list4{
  background-image: url(zsyz-pic4.jpg);
}
.panel4-box{
  margin-top: 20px;
}
.panel4-box ul li{
  float: left;
  width: 224px;
  height: 166px;
  margin-left: 20px;
}
.panel4-box ul .zmfirst-list{
   margin-left: 0;
}
.post{
  height: 129px;
  margin-top: 20px;
}
.panel4-box ul .zmhd-list ,.panel5-box .bottom ul li{
  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%);
}
.panel4-box ul .zmhd-list a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 24px 20px 19px;
}
.panel4-box ul .zmhd-list img{
  display: block;
  margin: 0 auto 28px;
}
.panel4-box ul .zmhd-list .zmhd-icon1{
  width: 70px;
  height: 71px;
}
.panel4-box ul .zmhd-list .zmhd-icon2{
  width: 63px;
  height: 73px;
}
.panel4-box ul .zmhd-list .zmhd-icon3{
  width: 59px;
  height: 71px;
}
.panel4-box ul .zmhd-list .zmhd-icon4{
  width: 80px;
  height: 63px;
}
.panel4-box ul .zmhd-list span{
  color: #333;
  font-size: 20px;
}

.panel5-box{
  margin-top: 20px;
}
.yj-box{
  width: 214px;
  height: 375px;
  position: relative;
}
.yj-box .yj-bg{
  position: absolute;
  top: 0;
  left: 0;
}
.panel5-box .right-box{
  width: 958px;
  height: 375px;
}
.panel5-box .top-content .focusBox{
  width: 413px;
  height: 244px;
}
.panel5-box .top-content .focusBox .slide-box,
.panel5-box .top-content .focusBox .slide-box li {
  height: 244px;
}

.panel5-box .top-content .focusBox .prev,.panel5-box .top-content .focusBox .next{
  top:122px ;
  width: 46px;
  height: 54px;
  background-color: rgb(0, 0, 0,0.26);
}

.panel5-box .top-content .focusBox .prev img,.panel5-box .top-content .focusBox .next img{
  width: auto;
  height:30px;
  margin-top: 12px;
}
.panel5-box .txt-box{
 width: 522px;
}

.panel5-box .txt-box h3{
  font-size: 16px;
  color: #CF0E0D;
  margin-bottom: 14px;
  position: relative;
  padding-left: 12px;
}
.panel5-box .txt-box h3 i{
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 4px;
  height: 16px;
  background-color:  #CF0E0D;
  
}
.panel5-box .txt-box p{
  font-size: 14px;
  color: #333;
  line-height: 27px;
  text-indent: 2em;
  
}

.panel5-box .txt-box p a{
  color: #0D9BE2;
}
.panel5-box .bottom ul {
  margin-top: 12px;
}
.panel5-box .bottom ul li{
  width: 225.2px;
  height: 112px;
  margin-right:19px;
  float: left;
}
.panel5-box .bottom ul .zjhb-lastli{
  margin-right: 0;
}

.panel5-box .bottom ul li a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 16px 0 20px;
  text-align: center;
}
.panel5-box .bottom ul .stcq-list a{
  padding-top: 4px;
}
.panel5-box .bottom ul li a img{
  margin-bottom: 12px;
}
.panel5-box .bottom ul li a span{
  font-size: 18px;
  color: #333;
  display:block;
}
/* 专题专栏 */

.zt-panel .five_banner{
  height: 145px;
  position: relative;
  width: 100%;
  margin-top: 20px;
}
.zt-panel .five_banner .prev,
.zt-panel .five_banner .next{
  position: absolute;
  top:70px;
  width: 38px;
  height: 38px;
  background-color: rgba(0,0,0,.26);
  z-index: 99;
  text-align: center;
}
.zt-panel .five_banner .prev img,
.zt-panel .five_banner .next img{
  width: 15px;
  height: 21px;
  margin-top: 9px;
}
.zt-panel .five_banner .prev{
  left: 0;
}
.zt-panel .five_banner .next{
  right: 0;
}
.zt-panel .five_banner .fivebanner a{
  display: block;
  width: 392px;
  height: 145px;
  margin-right: 12px;
}
/* 侧面菜单 */
.side-menu{
  position: fixed;
  top: 40%;
  right: 100px;
  z-index: 1001;
  background-color: #fff;
}
.side-menu ul{
 border: 1px solid #E1E1E1;
}
.side-menu ul li{
  width: 100px;
  height: 100px;
  border-bottom:1px solid #E1E1E1;
}
.side-menu ul .last-menu{
  border-bottom: none;
}
.side-menu ul li a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 16px 8px;
}
.side-menu ul li a img{
  display: block;
  margin: 0 auto;
}
.side-menu ul li a span{
  color: #333;
  font-size: 14px;
  display: block;
  margin-top:10px;
}
.side-menu ul li .smenu-active{
  display: none;
}
.side-menu ul li a:hover span{
  color: #DF0606;
}
.side-menu ul li a:hover .smenu-yellow{
  display: none;
}
.side-menu ul li a:hover .smenu-active{
  display: block;
}
@media screen and (max-width: 1200px) {	 
  .panel1{
    height:auto;
  }
  .panel2{
  height: auto;
  margin-top: .3rem;
  }
  .panel3,
  .panel4,
  .panel5,
  .zt-panel{
  margin-top: .5rem;
  }
  .panel2 .news{
  width: 100%;
  height: auto;
  }
  .right .first-list{
    margin-top: 0;
  }
  .panel2 .news-list .watch-more {
    margin-top: .2rem;
  }
  .panel3 .panel3-box {
    margin-top: .33rem;
  }
  .panel3 .panel3-box .focusBox{
  width: 100%;
  height:4.10rem;
}
.panel3 .panel3-box.focusBox .slide-box,.panel3 .panel3-box .focusBox .slide-box li {
  height:4.10rem;
}
.panel3 .panel3-box .focusBox .disc li{
  width: .16rem;
  height: .08rem;
  border-radius: .08rem;
}
.panel3 .panel3-box .focusBox .disc .on{
  width:.4rem;
}
.panel3 .panel3-box .focusBox .disc {
    width: 28%;
}
.panel3 .panel3-box .right{
  margin-top: .3rem;
}
.zsyz-list{
  width: 100%;
  height:auto;
}
.zsyz-list li{
  width:48.4%;
  height: 1.46rem;
  margin: 0  0 .2rem .2rem;
  border: none;
}
.zsyz-list li:nth-of-type(2n-1){
  margin-left: 0;
}
.zsyz-list li a{
  display: block;
  padding: .2rem 1.2rem .16rem .34rem;
}
.zsyz-list li a h3{
  font-size: .26rem;
  margin-bottom: .2rem;
}
.zsyz-list li a p{
  font-size: .22rem;
}
.panel4-box{
  margin-top: .32rem;
}

.panel4-box ul li{
  width: 47.6%;
  height:2.44rem;
  margin-left: .3rem;
  margin-bottom: .35rem;
}
.panel4-box ul li.zmhd-list1,.panel4-box ul li.zmhd-list3{
  margin-left: 0;
}
.panel4-box ul .zmfirst-list{
   width: 100%;
  height: 2.4rem;
  margin-bottom: .42rem;
}
.panel4-box ul .zmfirst-list a{
  display: block;
  width: 100%;
  height: 100%;
}
.post{
  width: 100%;
  height: 1.29rem;
  margin-top: .25rem;
}
.panel4-box ul .zmhd-list a{
  padding: .35rem .2rem .29rem;
}
.panel4-box ul .zmhd-list img{
  margin: 0 auto .42rem;
}
.panel4-box ul .zmhd-list:nth-of-type(3) img,.panel4-box ul .zmhd-list:nth-of-type(4) img{
  margin: 0 auto .4rem;
}
.panel4-box ul .zmhd-list:nth-of-type(5) img{
  margin: 0 auto .52rem;
}
.panel4-box ul .zmhd-list .zmhd-icon1{
  width: 1.04rem;
  height:1.05rem;
}
.panel4-box ul .zmhd-list .zmhd-icon2{
  width:.94rem;
  height: 1.08rem;
}
.panel4-box ul .zmhd-list .zmhd-icon3{
  width:.94rem;
  height: 1.08rem;
}
.panel4-box ul .zmhd-list .zmhd-icon4{
  
  width: 1.18rem;
  height: .93rem;
}
.panel4-box ul .zmhd-list span{
  font-size: .28rem;
}
.panel5-box{
  margin-top: .5rem;
}
.yj-box{
  width: 100%;
  height: 3.75rem;
  margin-bottom: .3rem;
}
.yj-box a,.yj-box a img{
  display: block;
  width: 100%;
  height:100%;
}
.yj-box .yj-bg {
    width: 45%;
}
.panel5-box .right-box{
  width: 100%;
  height: auto;
}
.panel5-box .top-content .focusBox{
  width: 100%;
  height: 4.08rem;
}
.panel5-box .top-content .focusBox .slide-box,
.panel5-box .top-content .focusBox .slide-box li {
  height: 4.08rem;
}

.panel5-box .top-content .focusBox .prev,.panel5-box .top-content .focusBox .next{
  top:50% ;
  transform: translateY(-50%);
  width: .77rem;
  height: .9rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.panel5-box .top-content .focusBox .prev img,.panel5-box .top-content .focusBox .next img{
  width: auto;
  height:.49rem;
  margin-top: .2rem;
}
.panel5-box .txt-box{
 width:100%;
 margin-top: .4rem;
}

.panel5-box .txt-box h3{
  font-size: .38rem;
  margin-bottom: .36rem;
  padding-left: .3rem;
}
.panel5-box .txt-box h3 i{
  top: .08rem;
  left: 0;
  width: .094rem;
  height: .376rem;
  
}
.panel5-box .txt-box p{
  font-size: .26rem;
  line-height: 2;
}
.panel5-box .txt-box p a {
    float: right;
    display: block;
}
.panel5-box .bottom ul {
  margin-top: .4rem;
}
.panel5-box .bottom ul li{
  width: 47%;
  height: 1.64rem;
  margin-right:.29rem;
  margin-bottom: .3rem;
}
.panel5-box .bottom ul li:nth-of-type(2n){
  margin-right: 0;
}


.panel5-box .bottom ul li a{
  padding: .26rem 0 .29rem;
}
.panel5-box .bottom ul .stcq-list a{
  padding-top: .05rem;
}
.panel5-box .bottom ul li a img{
  margin-bottom: .2rem;
  width: .58rem;
  height: .58rem;
}
.panel5-box .bottom ul li:nth-of-type(2) a img{
  width: .62rem;
  height: .61rem;
}
.panel5-box .bottom ul li:nth-of-type(3) a img{
  width: .64rem;
  height: .8rem;
}
.panel5-box .bottom ul li:nth-of-type(4) a img{
  width: .56rem;
  height: .6rem;
}
.panel5-box .bottom ul li a span{
  font-size: .26rem;
}

.zt-panel .mfive_banner{
  height: 2.56rem;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top:.3rem;
}
.tempWrap{
  width: 100%!important;
  height: 2.56rem!important;
}
.zt-panel .mfive_banner .prev,
.zt-panel .mfive_banner .next{
  position: absolute;
  top: 50%;
  width: .38rem;
  height: .38rem;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,.2);
  z-index: 99;
  text-align: center;
}
.zt-panel .mfive_banner .prev img,
.zt-panel .mfive_banner .next img{
  width: auto;
  height: .21rem;
  margin-top: .09rem;
}
.zt-panel .mfive_banner .prev{
  left: 0;
}
.zt-panel .mfive_banner .next{
  right: 0;
}
.zt-panel .mfive_banner .mfivebanner{
  height: 2.56rem;
}
.zt-panel .mfive_banner .mfivebanner a{
  display: block;
  width: 100%;
  height: 2.56rem;
  margin-right: 0;
}
.zt-panel .mfive_banner .mfivebanner a img{
  display: block;
  width: 100%;
  height:100%;
}
}