﻿.panel{
  padding: 20px 100px;
  background: #F7F7F7;
}
.search_box{
  display: inline-block;
}
.hd .search_box form{
  display: flex;
}
.hd .search_box{padding: 25px;vertical-align: top;}
.hd .search_box input{ line-height: 20px;border-top-left-radius: 4px;border-bottom-left-radius: 4px; border:1px solid #ccc;  border-right:0;padding: 10px 15px;width:310px}
.hd .search_box button{line-height: 40px; padding: 0px 30px;border:1px solid #ccc;}


.panel .tab .hd ul li{ float: left; width: 95px; padding-top: 12px; height: 118px; box-sizing: border-box; font-size: 0; cursor: pointer;-webkit-transition: all .3s;transition: all .3s;}
.panel .tab .hd ul li i{ display: block; font-size: 37px; color: #a1a3a6; text-align: center; line-height: 60px;-webkit-transition: all .3s;transition: all .3s;}
.panel .tab .hd ul li span{ display: block; font-size: 13px; color: #666; text-align: center; line-height: 32px;-webkit-transition: all .3s;transition: all .3s;}
.panel .tab .hd ul li:hover,.panel .tab ul li.on{ background: url("../image/icon_57.png") repeat top center;}
.panel .tab .hd ul li:hover i,.panel .tab ul li.on i{ color: #fff;}
.panel .tab .hd ul li:hover span,.panel .tab ul li.on span{ color: #fff;}
.panel .content{
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.panel .content .bd .t_news .top{ 
  width: 760px;
  height: 320px;
  padding: 30px 30px 28px; 
  background: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}
  .panel .content .bd .t_news .top a{
    display: flex;
    justify-content: space-between;
  }
.panel .content .bd .t_news .top div.fl{ width: 388px; height: 278px; overflow: hidden;}
.panel .content .bd .t_news .top div.fl h4{ font-size: 20px; font-weight: bold;  line-height: 30px;-webkit-transition: all .3s;transition: all .3s;}
.panel .content .bd .t_news .top div.fl h5{ line-height: 54px;}
.panel .content .bd .t_news .top div.fl h5 span{ margin-right: 30px; font-size: 14px; color: #a9a9a9;}
.panel .content .bd .t_news .top div.fl p{ height: 112px; font-size: 12px; color: #60646a; line-height: 24px;}
.panel .content .bd .t_news .top div.fl h6{ line-height: 42px;}

.panel .content .bd .t_news .top div.fl h6 span{ font-size: 12px; color: #60646a;}
.panel .content .bd .t_news .top div.fl h6 a:hover{ color: #32bbed;}
.panel .content .bd .t_news .top div.fr{ width: 271px;
height: 263px; overflow: hidden;margin-left: 40px;}

.panel .content .bd .t_news .item{ 
  width: 760px;
  height: 161px;
  background: #FFFFFF; 
  margin-top: 24px; 
  padding: 30px 35px; 
  background: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;}
.panel .content .bd .t_news .item a{ display: block;}
.panel .content .bd .t_news .item .g1{ float: right; width: 76px;}
.panel .content .bd .t_news .item .g1 span{ display: block;  font: bold 52px/52px 'DIN Condensed Bold'; text-align: center;-webkit-transition: all .3s;transition: all .3s;}
.panel .content .bd .t_news .item .g1 span.b1{ color: #60646a;}
.panel .content .bd .t_news .item .g1 span.b2{ font-size: 13px; color: #d6d6d6; line-height: 14px;}
.panel .content .bd .t_news .item .g2{ float: left; width: 500px; padding-left: 35px; box-sizing: border-box;}
.panel .content .bd .t_news .item .g2 p{overflow:hidden; font-size: 18px; color: #60646a; line-height: 36px;white-space:nowrap; text-overflow:ellipsis;-webkit-transition: all .3s;transition: all .3s;}
.panel .content .bd .t_news .item .g2 h6{ line-height: 36px;}
.panel .content .bd .t_news .item .g2 h6 span{ margin-right: 30px; font-size: 14px; color: #a9a9a9;}
.panel .content .bd .t_news .item .g3{ 
  float: left;
  width: 100px;
  height: 100px;
}

.panel .content .bd .t_news .item:hover .g1 span{ color: #32bbed;}
.panel .content .bd .t_news .item:hover .g2 p{color: #32bbed;}
.panel .content .bd .t_news .item:hover .g3 span{ color: #32bbed;}
.panel .content .bd .t_news .item:hover{ box-shadow: 0 5px 12px #ccc;transform: translateY(-2px);-webkit-transform: translateY(-2px);}
.panel .content .bd .t_news .item:hover{ box-shadow: 0 5px 12px #ccc;transform: translateY(-2px);-webkit-transform: translateY(-2px);}

.panel .content div.fr{ width: 421px;}
.panel .content div.fr .headers{width: 421px;
height: auto;padding: 20px 10px 10px 10px;background-color: #fff;margin-bottom: 22px;}
.panel .content div.fr  .item{margin-top: 25px;}
.panel .content div.fr  .line{flex: 0 0 0px;height: 30px;border:2px solid #3bb6eb;border-radius: 3px;margin-right: 10px;  }
.panel .content div.fr  .title{display: flex;align-items: center;}
.panel .content div.fr  .title-detail{flex:1;font-size: 20px;font-weight: bold;color: #888;}
.panel .content div.fr .cheackAll{flex:0 0 75px;color: #3bb6eb;border: 1px solid #3bb6eb;border-radius:4px;padding: 4px;font-size: 15px;}
.panel .content div.fr  .topic{padding: 0;margin-bottom:5px;font-size: 17px;color: #333;display:flex;}

.panel .content div.fr  .topic a{
  display: block;
}
/*资讯 -详细页*/
.Newsxx_mian{ padding: 22px 0;    user-select: none;
background: #F7F7F7;}
.Newsxx_mian .a1{ padding: 20px ; background: #fff;height: 151px;}
.Newsxx_mian .a1>div{ float: left; height: 102px;}
.Newsxx_mian .a1>div.b1{ width: 11%; border-right: 1px solid #ededed; box-sizing: border-box; font-family: 'DIN Condensed Bold';color: #999ea2; text-align: center;}
.Newsxx_mian .a1>div.b1 span{ display: block; font-size: 52px; line-height: 64px;}
.Newsxx_mian .a1>div.b1 font{ display: block; font-size: 14px;}
.Newsxx_mian .a1>div.b2{ width: 81%; position: relative;}
.Newsxx_mian .a1>div.b2 p{ 
  margin: 20px 0 14px;
  font-size: 27px; font-weight: bold; color: #60646a; text-align: center; }
.Newsxx_mian .a1>div.b2 .info{
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #999;
}
.Newsxx_mian .a1>div.b2 .info span:first-child{
  margin-right: 10px;
}
.Newsxx_mian .a1>div.b3{ width: 8%; height: 94; padding-top: 22px; border: 1px solid #32bbed; box-sizing: border-box;text-align: center;}
.Newsxx_mian .a1>div.b3 span{ display: block; font-size: 14px; color: #999ea2; line-height: 24px;}
.Newsxx_mian .a1>div.b3 font{ display: block; font-size: 20px; font-weight: bold; color: #32bbed;}

.Newsxx_mian .content{ margin-top: 22px; padding: 30px 25px 88px; background: #fff;}
.Newsxx_mian .a2 p{ /* padding: 10px 0;  */font-size: 12px; color: #60646a; line-height: 24px;}
.Newsxx_mian .a2 div{ /* padding: 10px 0;  */font-size: 12px; color: #60646a; line-height: 24px;}
.Newsxx_mian .a2 img{ width: auto; max-width: 100%; text-align: center;}

.Newsxx_mian .a3{ margin-top: 22px; width: 100%; margin: 22px auto 0;}
.Newsxx_mian .a3 a{
  display: block;
}
.Newsxx_mian .a3 a.Nprev{ height: 55px;  padding: 0 20px; border-radius: 6px; background: #fff; font-size: 14px; color: #333;  line-height: 55px;-webkit-transition: all .3s;transition: all .3s;}
.Newsxx_mian .a3 a.Nnext{ height: 55px; padding: 0 20px; border-radius: 6px; background: #fff; font-size: 14px; color: #333;  line-height: 55px;-webkit-transition: all .3s;transition: all .3s;
margin-top: 10px;}
.Newsxx_mian .a3 a:hover.Nprev,.Newsxx_mian .a3 a:hover.Nnext{ background: #32BBED; color: #fff;}

.scheme {
    display: block;
    width: 180px;
    height: 50px;
    font-size: 17px;
    text-align: center;
    line-height: 50px;
    background-color: #3bb6eb;
    outline: none;
    border: 0;
    position: absolute;
    right: 0px;
    bottom: -40px;
}