﻿body{background:none;}
/*图片滚动*/
.scroll_img{position: relative;*zoom:1;_width:300px;margin-right:15px }
.pic li {width:320px; height:260px;} 
.pic li img{width:100%;height:260px;}
.tit { bottom:0; height:35px; left:0; overflow: hidden; position: absolute;z-index: 10; _width:300px; line-height:26px;*zoom:1;text-align:center;background:RGB(242,241,242)}
.tit li a{ color:#333 !important; line-height:35px; padding:0 0 0 10px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s ;-webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;font-size: 14px;}
.num{ height:16px; overflow:hidden; position:absolute; right:0px; bottom:26px;width:auto!important; z-index: 10;*zoom:1;display:none;}
.num li{ float:left; color:#fff; width:23px; height:13px; line-height:13px; text-align:center; font-size:12px; background:url(/Content/Areas/Common/images/Article/op_bg.png) repeat;cursor:pointer;margin:3px 0 0 2px;}
.num li.s{ background:#1297f1; color:#fff;height:16px; line-height:18px; font-size:12px;background:url(/Content/Areas/Common/images/Article/icon_7.png) no-repeat center;margin-top:0;border:none}
.flicking_con{ width:60px !important;}
.flicking_con span{ float:left; width:10px; height:10px; font-size:0; background:#fff; font-size:0; line-height:0;cursor:pointer;margin-left:5px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s ;-webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s}
.flicking_con .on{ background:#1297f1;}
.op_bg{ position:absolute; width:100%; height:26px; bottom:0;_ bottom:-2px; left:0; background:#ccc !important;*zoom:1}
.dis{display: block;}
.undis{display: none;}

.Min_T {

  margin: 0 auto;
  padding-top: 20px;
  /* background: #fff; */
}

.Min_T .news{position: relative;width:54%;float:left;margin-top: 10px;}
.news .pic li,.news .pic li img{width:100%;height:295px;}
.news .tit{position:inherit;/*bottom: -15px;*/}
.news .tit a{font-size:16px;color:#666666 !important;}
.news .tit li a{line-height: 30px;padding:0;}
.news .num li.s{background:url(../img/20190417135519.png) no-repeat center !important;}
.news .num{bottom:-11px;}
.news .op_bg{display:none;}

.Min_T .news_list{float:right;width:44%;}
.Min_T .news_list li{background:url(../img/20190417151447.png) no-repeat left center;display:flex;align-items: center;justify-content: space-between;/*line-height: 37px;*/}
/* .Min_T .products .news_list li{line-height: 34px;} */
.mainss .news{width:31%;}
.mainss .news_list{width:65%;}
.Min_T .news_list li span{font-size:14px;color:#999999;line-height:37px;}
.Min_T .news_list li a{
  font-size: 16px;
  color: #666666;
  /* padding-right: 28px; */
  display: inline-block;
  line-height: 34px;
  width: 80%;
  overflow: hidden;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Min_T .news_list li a.addFlag{}
.Min_T .news_list li a.addFlag::after{
  content: " ";
  width:26px;
  height:13px;
  background: url(../img/20190425111442.png) no-repeat right;
  background-size: 100% 100%;
  position: absolute;
  right: 62px;
}
.Min_T .news_list li:hover{background:url(../img/20190417152033.png) no-repeat left center;}
.Min_T .news_list li:hover span,.Min_T .news_list li:hover a{/*color:#003e7c;*/color:#096ad9;font-weight:bold}
.more_btns{/*float:right;*/font-size: 14px;color:#999999;position: absolute;right: 28px;
  top: 35px;}

.middle_body{
  width:1280px;
  margin:0 auto;
  display: flex;
  padding:30px 0;
}
.middle_body a{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color:#fff;
  padding:30px 55px;
  background-size: 100% 100% !important;
}
.middle_body a img,.middle_body a span{
  transition: all 1.5s;
}
.middle_body a:hover img,.middle_body a:hover span{
  transform: scale(1.2);
}
.middle_body a span{
  margin-top: 15px;
}
.middle_body .yygh{background: #5bc0de;}
.middle_body .czxx{background: #5DB1B5;}
.middle_body .hzfw{background: #66F4DF;}
.middle_body .jsyl{background: #BBBBBB;}
.middle_body .tsyl{background: #afd9ee;}
.middle_body .yygh,.middle_body .czxx,.middle_body .hzfw,.middle_body .jsyl{margin-right: 33px;}

.Min_btm{margin:30px auto 0px;padding-bottom:20px;}
.Min_btm>div.fl,.Min_btm>div.fr{width:49%;height:auto;overflow:hidden;margin-bottom: 20px;}
.Min_btm>div.fl img,.Min_btm>div.fr img,.Min_btm .Img_Box{width:100%;height:100%;}
.Min_btm .djzt ul{overflow: hidden;}
.Min_btm .pagination{position: absolute;left:50%;bottom: 20px;transform: translateX(-50%);}
.Min_btm .pagination span{display:inline-block;width:25px;height:8px;margin-right: 10px;background:rgba(255, 255, 255, .5);font-size:0;border-radius:15px;}
.Min_btm .pagination span:hover,.Min_btm .pagination span.active{background:#fff;color:#fff;}
.Min_btm .djzt .swiper-box{height:300px;}

.yszg,.djzt,.jsyl,.hlyd{position: relative;}
.yszg>a,.djzt>a,.jsyl>a,.hlyd>a{
  display:inline-block;
}
.yszg>a.linked,.djzt>a.linked,.jsyl>a.linked,.hlyd>a.linked{
  position: absolute;
  top:0;
  left:0;
  background:rgba(0, 64, 124, 0.5);
  width:100%;
  height:0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.8s;
}
.yszg>a.linked>img,.djzt>a.linked>img,.jsyl>a.linked>img,.hlyd>a.linked>img{width:auto;height:auto;}
.yszg:hover>a.linked,.djzt:hover>a.linked,.jsyl:hover>a.linked,.hlyd:hover>a.linked{height:100%;}

@media  (max-width:1366px){
  /* .wrap{width:1200px;margin:0 auto;} */
  /* .Min_T .products .news_list li{line-height: 28px;} */
  .news .num{
 bottom: 6px;
 right: 50%;
 transform: translateX(60%);
 width: 100% !important;
  }
  .news .tit{text-align: center;}
  .colnavs #navBar li{width:75px;}
  .new_ul{width: 666px;}
  .new_ul .arrow-btn-news{top: 80px}
  .new_ul .swiper-box,.new_ul .swiper-wrapper{
   width: 686px;
   height: 394px;
  }
  .new_ul .Img_Box .pic{
   width: 333px;
   height: 230px;
  }
  .Min_T .hos_des .col_B .list_col li a{
   font-size: 14px;
  }
}
@media {
  .new_ul .arrow-btn-news{display: none;}
  .new_ul{
   width: 415px;
   margin: 0 auto;
  }
  .new_ul .Img_Box .pic{
   width: 100%;
  }
  .new_ul .swiper-box,.new_ul .swiper-wrapper{
  width: 850px;
  height: 392px;
  }

.video_list li .video_img img, .video_list li a.video_btn {
    width: 100%;
    height: 155px;
}
  
}
@media  (max-width:420px){
  .Min_con6 .tab_tit span.No_active,h2.title_header.tab_tit span{margin-left:0;}
  .new_ul{
   width: 360px;
  }
  .new_ul .swiper-box,.new_ul .swiper-wrapper{
   width: 760px;
  }
}
@media  (max-width:375px){
  .new_ul{
   width: 340px;
   }
  .new_ul .swiper-box,.new_ul .swiper-wrapper{
   width: 740px;
  }
}
@media  (max-width:320px){
  .new_ul{
   width: 300px;
  }
  .new_ul .swiper-box,.new_ul .swiper-wrapper{
   width: 700px;
  }
}

.Min_T .hos_des .pic_T,
.new_ul li>a {
  overflow: hidden;
}

.img_list li a,
.Journal_list li a {
  display: block;
  overflow: hidden;
}

.Min_T .hos_des .pic_T a img,
.new_ul li a img {
  width: 100%;
  height: 255px;
  transition: all 0.6s;
}

.img_list li a img,
.Journal_list li img {
  transition: all 0.6s;
}

.Min_T .hos_des .pic_T a img:hover,
.new_ul li a img:hover,
.img_list li a img:hover,
.Journal_list li img:hover {
  transform: scale(1.1);
}

.col_ewm {
  position: absolute;
  right: 3px;
  top: 3px;
}

.title_header {
  font-size: 26px;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
}

.title_headers {
  font-size: 24px;
  font-weight: bold;
  /* height: 70px; */
  position: relative;
  white-space: nowrap;
}
.title_headers a{
  color:/*#003e7c*/ #337ab7;
  /* border-left: 5px solid #003e7c; */
  background: url(../img/20190425094750.png) no-repeat left;
  padding-left: 10px;
}
.title_headers span{
  font-size: 36px;
  color:#CAD1DD;
  font-family: '微软雅黑';
  font-weight: bold;
  font-style: italic;
  position: absolute;
  left:0;
  top:-55px;
}

.head_parent{
  display: flex;
  border-bottom: 1px solid #CCC;
  padding-bottom: 15px;
  margin-bottom: 20px;
  align-items: center;
}

.colnavs {
  /* height: 45px; */
  background-color: #fff;
  position: relative;
  /* float: left; */
  top: 0px;
  left: 10px;
}

.colnavs #navBar li {
  font-size: 18px;
  font-weight: 500;
  width: 110px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
}

.colnavs span {
  position: absolute;
  top: 33px;
  left: 0;
  width: 105px;
  height: 4px;
  background: #0087cd;
}

#navBar {
  position: relative;
}

.products, .mainss {
  width: 100%;
  height: 370px;
    margin-bottom: 20px;
  overflow: hidden;
}

.mainss {
  float: left;
  display: none;
}

.active {
  color: #fff !important;
  border-radius: 5px;
  background: #337ab7;
    background-image: url(../img/xuanzhong.jpg);
    background-position: 5px 9px;
    background-repeat: no-repeat;
    padding-left: 13px;
}
.active a{color: #fff !important;}

.selected {
  display: block !important;
}

.new_ul li {
  float: left;
  width: 405px;
}

.new_ul li.Li_Odd {
  float: left;
}
.new_ul li.Li_Even {
  float: right;
}

.new_ul li a img {
  width: 100%;
  height: 275px;
}
.ul-tzgg:after{
  content:"";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.ul-tzgg>li{
  float:left;
  width: 50%;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.ul-tzgg>li.odd{
  padding-right:10px; 
}
.ul-tzgg>li.even{
  padding-left: 10px;
}
.ul-tzgg>li h2 a{
  font-size: 16px;
  display: block;
  padding-left: 10px;
  border-left: 2px solid #0087cd;
}

.new_ul li .title_type {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  display: block;
  margin: 7px 0;
  height: 55px;
  line-height: 55px;
}

.new_ul li .title_type:hover {
  color: #1993d2
}

.new_ul li p {
  font-size: 14px;
  color: #999;
  line-height: 24px;
}

.readmore {
  float: right;
  color: #333;
  font: 18px/33px "微软雅黑";
  border-radius: 20px;
  text-align: center;
  width: 100px;
  border: 1px solid #999;
  height: 33px;
  transition: all 0.2s;
  position: absolute;
  right: 40px;
  bottom: 6px;
  font-size:15px;
}

.readmore:hover {
  background: #0087cd;
  color: #fff;
  border: 1px solid #0087cd;
}

.img_list li {
  width: 205px;
  float: left;
  margin: 0 10px;
}

.img_list li a img {
  width: 205px;
  height: 155px;
}

.img_list li .title_type {
  font-size: 16px;
  color: #333;
  display: block;
  margin: 5px 0;
  /* 不换行 */
    white-space:nowrap;
    /*  换行省略   */
    text-overflow: ellipsis;
    overflow: hidden;
}

.img_list li .title_type:hover {
  color: #1993d2
}

.video_list li {
  position: relative;
  float: left;
  margin: 0 10px;
  width: 47%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.video_list li .video_img img {
  width: 100%;
  height: 230px;
  display: block;
}

.video_list2 li {
  height: 75px;
  padding-left: 10px;
}
.video_list li a.video_btn:hover {
    background-color: rgba(0,0,0,.8);

  opacity:.8;

}
.video_list li a.video_btn {
    background: url(../img/play-btn.png) no-repeat center center;
    top: 0px;
    right: 0;
    display: block;
    height: 230px;
    z-index: 1;
    left: 1px;
    position: absolute;
}
.video_list li h2 {
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
}

.Count,
.play_time {
  display: inline-block;
  width: 100px;
  float: left;
  line-height: 30px;
}

.video_list2 li {
  line-height: 40px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.video_list2 li h2 {
  font-size: 14px;
  color: #666;
}

.video_list2 li a.video_btn {
  display: none;
}

.video_list2 .Count,
.video_list2 .play_time {
  display: none;
}

.Min_office {
  width: 1280px;
  margin: 0px auto;
  position: relative;
  background: #fff;
  padding-top:10px;
  background-size: 100% 100%;
}
.Min_office .title_headers{position: absolute;top:30px;left:25px;}
.Min_office .more_btns{top:38px;right:30px;}

.Min_con6 {
  /* background: #fff;
  box-shadow: 1px 1px 15px #ddd;
  height: 392px;
  border: 1px solid #ddd; */
  padding: 0px 20px;
  overflow: hidden;
}

.Min_con6 .tab_tit {
  /* width: 160px;
  height: 100%;
  border-right: 1px solid #e3e3e3;*/
  float: right;
  border-bottom: none;
  margin-left:137px;
}

.Min_con6 .tab_tit .more {
  display: none;
}

.Min_con6 .tab_box {
  float: left;
  /* margin-left:137px; */
  width: 100%;
  padding-top: 30px;
}

.Min_con6 .tab_tit span {
  font-size: 16px;
  font-family: "微软雅黑";
  color: #fff;
  font-weight: normal !important;
  /* width: 140px;
  height: 38px; */
  padding:0 10px;
  line-height: 38px;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
  border: none;
  border-radius: 5px;
  position: relative;
  color: #fff !important;
  background: #337ab7;
  border-radius: 5px;
}
.Min_con6 .tab_tit span a{
  /* display: block; */
  color: #fff;
}
.Min_con6 .tab_tit span.No_active a{
  color: #000;
}

.Min_con6 .tab_tit span:after {
  /* content: "";
  width: 130px;
  height: 1px;
  background: #f5f5f5;
  position: absolute;
  top: 43px;
  left: 0; */
}

.Min_con6 .tab_tit span.No_active {
  border-bottom: none;
  background: none;

  box-sizing: border-box;
  color: #000;
}

.Min_con6 .tab_box .Dep_list li {
  /* min-width: 150px; */
  width:150px;
  height: 50px;
  float: left;
  margin-right: 28px;
  margin-bottom: 20px;
  padding-left: 20px;
  /* padding-right: 30px; */
  box-sizing: border-box;
  border:1px solid #CACACA;
  border-radius: 5px;
  position: relative;
  color:#666666;
  display: flex;
  align-items: center;
  position: relative;
}
/* .Min_con6 .tab_box .Dep_list li:nth-child(5n){margin-right: 0;} */
.Min_con6 .tab_box .Dep_list li::after{

}
.Min_con6 .tab_box .Dep_list li:hover::after
{
  background:url(../img/20190425094129.png) no-repeat center center;
}
.Min_con6 .tab_box .Dep_list li a{
  font-size:18px;
  color:#666666;
}

.Min_con6 .tab_box .Dep_list li:hover {
  color:#00417C;
  border-color:#00417C;
}

.Min_con6 .tab_box .Dep_list li:hover a {
  color: #00417C;
}


ul.Dep_list_2 {
  display: none;
  position: absolute;
  top: 48px;
  left: 0px;
  border-radius: 5px;
  background: #0087cd;
  width: auto;
  z-index: 11111;
}

ul.Dep_list_2 li {
  width: 100%;
  background: none !important;
  margin: 0 !important;
}

ul.Dep_list_2 li a {
  color: #fff;
  font-size: 14px !important;
}

/* .officemore {
  color: #333;
  font: 18px/33px "微软雅黑";
  border-radius: 20px;
  text-align: center;
  width: 124px;
  border: 1px solid #999;
  margin: 20px auto;
  height: 33px;
  transition: all 0.2s;
  display: block;
} 

.officemore:hover {
  background: #0087cd;
  color: #fff;
  border: 1px solid #0087cd;
} */
@media (max-width: 768px) {

  .Min_T .products .news, .Min_T .products .news_list {
    width: 100%;
    float: none;
  }
}

