* {margin:0; padding:0; box-sizing: border-box;}
body {
  margin:0;
  padding:0;
  font-family:"微软雅黑","宋体";
  font-size:15px;
  color:#333333;
  background:  no-repeat;
  width: 100%;
}
ul,li {list-style:none; margin:0; padding:0;}
a {
  text-decoration: none;
  color: #333333;
}
.clear{
  clear: both;
}
.left{
  float: left;
}
.right{
  float: right;
}
.block{
  display: block;
}
.none{
  display: none;
}
.margin_r0{
  margin-right: 0 !important;
}
/*局部样式*/
/*top*/
.top{
  height: 86px;
  width: 100%;
  border-bottom: 2px solid #7191d2;
  background:  no-repeat;
}
.top_box{
  width: 1200px;
  height: 86px;
  margin: 0 auto;
}
.top_logo{
  width: 204px;
  height: 84px;
  background:  no-repeat;
}
.top_gdxg{
  width: 676px;
  height: 84px;
  padding: 10px;
}
.top_dh{
  width: 320px;
  height: 84px;
}
.top_dh>ul>li{
  float: left;
  width: 80px;
  height: 84px;
}
.top_dh>ul>li>a{
  display: block;
  width: 80px;
  height: 84px;
  padding: 16px 25px;
}
.top_dh>ul>li>a:hover{
  background: #1f3d78;
}
.top_dh_01>i{
  display: block;
  width: 30px;
  height: 28px;
  background:  no-repeat;
}
.top_dh_01>span{
  display: block;
  color: #b4cafe;
  margin-top: 4px;
}
.top_dh_02>i{
  display: block;
  width: 30px;
  height: 28px;
  background:  no-repeat;
}
.top_dh_02>span{
  display: block;
  color: #b4cafe;
  margin-top: 4px;
}
.top_dh_03>i{
  display: block;
  width: 30px;
  height: 28px;
  background:  no-repeat;
}
.top_dh_03>span{
  display: block;
  color: #b4cafe;
  margin-top: 4px;
}
.top_dh_04>i{
  display: block;
  width: 30px;
  height: 28px;
  background:  no-repeat;
}
.top_dh_04>span{
  display: block;
  color: #b4cafe;
  margin-top: 4px;
}
/*主体*/
.zt{
  width: 100%;
  min-height: 435px;
}
/*视频*/
.zt_sp_box{
  width: 100%;
}
.zt_sp{
  width: 780px;
  margin: 0 auto;
  height: 435px;
  background-color: #000;
}
/*频道栏目*/
.pdlm_box{
  width: 100%;
  height: 115px;
  background: #0b0c0d;
}
.pdlm{
  width: 1200px;
  height: 115px;
  margin: 0 auto;
}
.pdlm>ul>li{
  float: left;
  width: 240px;
  height: 115px;
  border-right: 1px #4a4d59 solid;
}
.pdlm>ul>li:first-child{
  border-left: 1px #4a4d59 solid;
}
.pdlm>ul>li>a{
  display:flex;
  width: 238px;
  height: 115px;
  padding: 37px 0 37px 35px;
  color: #d9d9d9;

}
.pdlm>ul>li>a:hover{
  background: #1244a8;
}
.pdlm>ul>li>a>i{
  display: inline-block;
  width: 41px;
  height: 41px;
  margin-right: 15px;
}
.pdlm_01>i{
  background:  no-repeat;
}
.pdlm_02>i{
  background:  no-repeat;
}
.pdlm_03>i{
  background:  no-repeat;
}
.pdlm_04>i{
  background:  no-repeat;
}
.pdlm_05>i{
  background:  no-repeat;
}
.pdlm>ul>li>a>span{
  display: block;
  font-size: 20px;
  font-weight: 900;
  align-self:center;
}
/*导航*/
.zt_dh_box{
  background: #323643;
  width: 100%;
  height: 222px;
  border-bottom: 2px solid #838589;
}
.zt_dh{
  width: 1200px;
  height: 220px;
  margin: 0 auto;
  padding: 50px 0;
}
.zt_dh_left{
  width: 700px;
  height: 120px;
}
.zt_dh_center{
  width: 210px;
  height: 120px;
}
.zt_dh_right{
  width: 140px;
  height: 120px;
}
.zt_dh_left_01,.zt_dh_left_02,.zt_dh_left_03,.zt_dh_left_04,.zt_dh_left_05{
  width: 20%;
  height: 120px;
  float: left;
}
.zt_dh_left_01>ul>li>a,.zt_dh_left_02>ul>li>a,.zt_dh_left_03>ul>li>a,.zt_dh_left_04>ul>li>a,.zt_dh_left_05>ul>li>a{
  color: #9b9d9f;
  display: inline-block;
  line-height: 30px;
  font-size: 13px;
}
.zt_dh_center_01{
  width: 100%;
  height: 120px;
}
.zt_dh_center_01>ul>li>a{
  color: #9b9d9f;
  display: inline-block;
  line-height: 30px;
  font-size: 13px;
}
.zt_dh_right_01{
  width: 100%;
  height: 120px;
}
.zt_dh_right_01>ul>li>a{
  color: #9b9d9f;
  display: inline-block;
  line-height: 30px;
  font-size: 13px;
}


/*footer*/
.footer_box{
  width: 100%;
  height: 120px;
  background: #323643;
}
.footer{
  width: 1200px;
  height: 120px;
  margin: 0 auto;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer>span{
  color: #9b9d9f;
  display: inline-block;
  line-height: 30px;
  font-size: 13px;
}
/*媒体查询*/
@media screen and (max-width: 1200px) {
  .top_box{
    width: 100%;
    height: 86px;
    margin: 0 auto;
  }
  .top_logo{
    width: 204px;
    height: 84px;
    background:  no-repeat;
    margin-left: 15px;
  }
  .top_gdxg{
    display: none;
  }
  .top_dh{
    width: 320px;
    height: 84px;
  }
  .pdlm_box{
    width: 100%;
    height: 115px;
    background: #0b0c0d;
  }
  .pdlm{
    width: 100%;
    height: 115px;
    margin: 0 auto;
  }
  .pdlm>ul>li{
    float: left;
    width: 20%;
    height: 115px;
    border-right: 1px #4a4d59 solid;
  }
  .pdlm>ul>li:first-child{
    border-left: 1px #4a4d59 solid;
  }
  .pdlm>ul>li>a{
    display:flex;
    width: 100%;
    height: 115px;
    padding: 37px 0 37px 35px;
    color: #d9d9d9;

  }
  .zt_dh_box{
    background: #323643;
    width: 100%;
    height: 222px;
    border-bottom: 2px solid #838589;
  }
  .zt_dh{
    width: 100%;
    height: 220px;
    margin: 0 auto;
    padding: 50px 0;
  }
  .zt_dh_left{
    width: 62.5%;
    height: 120px;
    padding-left: 15px;
  }
  .zt_dh_center{
    width: 25%;
    height: 120px;
  }
  .zt_dh_right{
    width: 12.5%;
    height: 120px;
  }
  .footer{
    width: 100%;
    height: 120px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}