@charset "utf-8";
.fl {
    float: left;
}
.fr {
    float: right;
}
.wrap {
    width: 1200px;
    margin: 0 auto;
}

img {
    display:block;
}

*{box-sizing: border-box;}
/*inbanner*/
.inbanner{height: 500px; }
.inbanner_about{ background: url(../images/inbanner_about.jpg) no-repeat center; }
.inbanner_help{ background: url(../images/inbanner_help.jpg) no-repeat center; }
.inbanner_serv{ background: url(../images/inbanner_serv.jpg) no-repeat center; }
.inbanner_news{ background: url(../images/inbanner_news.jpg) no-repeat center; }

/*innav*/
.innav{background-color: #f1f1f1;margin-bottom: 20px;}
.innav ul li{float: left;text-align: center;position:relative;margin-right: 10px;}
.innav ul li a{font-size:16px;padding: 16px 0;display:inline-block;width: 140px;}
.innav ul li.on a{color: #027eff;}
.innav ul li.on:before{background-size: 100% 100%; }
.innav ul li:before{content:"";display:block;position:absolute;width:100%;height:2px;text-align: center;color: #027eff;background: linear-gradient(269deg,#027eff,#027eff) no-repeat;background-size: 0 100%;transition: all .35s;cursor: pointer;bottom: 0px;}
.innav ul li:hover:before{background-size: 100% 100%;  }



/*news*/
.news_page {
    width: 100%;
    min-height: 500px;
    padding: 0 0 30px 0;
}
.news_page .item {
    width: 100%;
    height: 165px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
    margin-bottom: 20px;
}
.news_page .item a {
    display: block;
    width: 100%;
    height: 100%;
}
.news_page .item .imgbox {
    width: 200px;
    height: 100%;
    float: left;
    overflow: hidden;
}
.news_page .item .imgbox .img {
    width: 100%;
    height: 100%;
}
.news_page .item .txtbox {
    width: calc(100% - 200px);
    height: 100%;
    float: left;
    padding: 20px;
    background-color: #f1f1f1;
}
.news_page .item .txtbox .title {
    font-size: 16px;
    color: #1e1e1e;
    line-height: 2;
    font-weight: bold;
}
.news_page .item .txtbox .txt {
    font-size: 14px;
    color: #515151;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 10px;
}
.news_page .item .txtbox .date {
    display: block;
    font-size: 14px;
    color: #9f9f9f;
    margin-top: 10px;
}
.news_page .item:hover .txtbox {
    background-color: #aec708;
}
.news_page .item:hover .txtbox .title{color: #FFFFFF;}
.news_page .item:hover .txtbox .txt{color: #FFFFFF;}
.news_page .item:hover .txtbox .date{color: #FFFFFF;}



/*新闻分页*/
.pagination { text-align: center; line-height: 30px; }
.pagination a:nth-child(1), .pagination a:nth-child(2), .pagination a:nth-last-child(2), .pagination a:last-child{ padding: 0 10px; font-size: 14px; border: 1px solid #e9e9e9; display: inline-block; color: #555; margin: 4px; text-decoration: none; }
.pagination .number {width: 34px;font-size: 14px;border: 1px solid #e9e9e9;display: inline-block;color: #555;margin: 4px;text-decoration: none;}
.pagination .number.current {width: 48px;font-size: 14px;border: 1px solid #02285e;display: inline-block;color: #fff;background: #02285e;margin: 0 4px;}
.pagination a:hover { text-decoration: underline; }

/*in left*/
.in_left{ width:310px;}



/*left news*/

.t_sytitle {
    height: 50px;
    border-bottom: 1px solid #f9f9f9;
    padding: 0 15px;
    position: relative;
    border-top: 4px solid #214d8c;
}
.t_sytitle span {
    font-size: 19px;
    color: #000;
    line-height: 50px;
}
.t_sytitle a {
    padding-top: 5px;
    line-height: 40px;
    font-size: 14px;
    color: #000;
}
.t_sytitle a:hover { color:#214d8c;}
.t_wid330 {
    width: 310px;
    padding: 0 15px 8px 15px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}
.t_firstnew {
    height: 220px;
    width: 310px;
    position: relative;
    text-align: center;
}
.t_firstnew span {
    position: absolute;
    z-index: 10;
    height: 44px;
    line-height: 44px;
    left: 0;
    padding: 0 8px;
    bottom: 0;
    width: 310px;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.t_firstnew span:hover{background-color: #214d8c;}
.t_wid330 li {
    line-height: 38px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 15px;
    position:relative;
}
.t_wid330 li:before {content:"";position:absolute;width:4px;height:4px;border-radius:20px;background-color:#999;left:0;top: 17px;}
.t_wid330 li a{ font-size:14px;}

/*right*/
.con_rig{width: 870px;padding: 20px;}
.con_rig.rig_txt{/* box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%); */border: 1px solid #eee;}
.con_rig img{ display:inline-block;}
/*photo*/
.pho_box{padding: 10px 0;}
.pho_box .pho_co{float: left;width: 190px;text-align: center;margin: 0 23px 20px 0;}
.pho_box .pho_co:nth-child(4n){ margin-right:0;}
.pho_box .pho_co img{width:100%;height: 140px;}
.pho_box .pho_co .pho_tit{display:inline-block;font-size:14px;color: #666;border:1px solid #ddd;width:100%;line-height: 38px;padding: 0 5px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;height: 38px;overflow: hidden;}
.pho_box .pho_co .pho_tit:hover{ background-color:#214d8c; color:#fff;}

.photo_img{ width: 400px; margin:0 auto; }
.photo_img img{ width: 100%; }

/* 文章页 */
.article{
}
.article .a-title{
  padding-bottom: 14px;
  text-align: center;
  border-bottom: 1px solid #f5f5f5;
}
.article .a-title .h1{
  width: 100%;
  line-height: 24px;
  font-size: 28px;
  margin-bottom: 8px;
  color: #333;
  padding: 10px 10px;
  font-weight: bold;
}
.article .a-title .info{
  width: 100%;
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
.article .a-title .info em{
  margin-right: 18px;
}
.article .a-dd{
  padding: 10px;
  background: #f5f5f5;
  color: #666;
  font-size: 13px;
  line-height: 1.6em;
  border-radius: 4px ;
  border: 1px solid #eee;
  margin-bottom: 20px;
}
.article .a-body{
  padding: 10px;
}

.page_control{
  width: 100%;
  margin-top: 30px;
  padding-top: 16px;
  border-top: 1px dashed #ddd;
}
.page_control .button{
  width: 66px;
  height: 36px;
  line-height: 34px;
  margin: 0 auto;
  font-size: 14px;
  padding: 0;
  text-align: center;
  margin-top: -18px;
  background: #fff;
}
.page_control .page_go{
  width: 50%;
  font-size: 12px;
}
.page_control .page_go a{
  line-height: 33px;
  font-size: 13px;
  color: #666;
}
.page_control .page_go a:hover{
      color: #214d8c;
}



.con_rig p{line-height: 24px;font-size: 14px;}

/* help */
.faq_contain {width: 100%;}
.qamain { width: 100%; }
.qarside { width: 318px; }
.qarside .imgb { width: 100%; padding-bottom: 30px; }
.qarside .imgb img { width: 100%; height: auto; }
.qamain .b {margin-bottom: 10px;width: 100%;padding: 0 20px;border: 1px solid #ddd;box-sizing: border-box;}
.qamain .b:hover { border-color:#aec708;}
.qamain .b.on { border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.qamain .b .q {    /*! margin-bottom: 10px; */cursor: pointer;line-height: 46px;height: 44px;font-size: 15px;color: #333;}
.qamain .b .q em{display:inline-block;background-color: #aec708;height:20px;color:#fff;line-height: 19px;padding: 0 5px;border-radius: 3px;margin-right: 10px;width: 22px;text-align: center;}
.qamain .b.on .q { color: #aec708; font-weight: bold; }
.qamain .b .a {display: none;padding: 18px 30px;border-top: 1px dashed #aaa;font-size: 14px;line-height: 28px;color: #666;position: relative;}
.qamain .b .a em{display:inline-block;background-color:#ddd;height:20px;color:#fff;line-height: 19px;padding: 0 5px;border-radius: 3px;margin-right: 10px;position:absolute;left: 0;top: 23px;width: 22px;text-align: center;}
.qamain .b .q:hover span.txt { color: #aec708; }