@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {

  margin: 0;

  padding: 0; }



body,html {

  font-family: "微软雅黑","Lucida Grande",Helvetica,Arial,"Microsoft YaHei","FreeSans,Arimo","Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;

  background: #ffffff; overflow-x: hidden;}



html{-webkit-text-size-adjust:none;}
input {-webkit-appearance:none; }
fieldset, img {

  border: 0; }



ol, ul {

  list-style: none; }

*{

}

h1, h2, h3, h4, h5, h6,b{

  font-size: 100%;

  font-weight: 400; }

*:active{



     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);



}

em {

  font-style: normal; }



input, button, select, textarea {

  outline: none; }



textarea {

  resize: none; }


a {

  color: #333333;

  text-decoration: none; }

*{transition: all 0.3s}

a:hover {

  text-decoration: none; }



.hidden {

  display: none !important; }



img {

  max-width: 100%;display: block; }

#dituContent img{max-width: initial;}

.fl {

  float: left; }



.fr {

  float: right; }

.box{width: 1182px;margin:0 auto;position: relative;}

.text-center {

  text-align: center; }
.flex{display: flex;}
.clear {

  clear: both; }
.mob-btn {display: none;}
.header{display: flex;justify-content: space-between;align-items: center;}
.header .logo img{height:87px;}
.header .nav ul{align-items: center;margin-top: 10px;}
.header .nav {padding-bottom: 10px}
.header .nav .login{text-align: right;padding-top: 20px;}
.header .nav .login a{display: inline-block;padding:0 20px;line-height: 21px;border:1px solid #cccccc;color: #666666;margin-left: 11px}
.header .nav ul li dl{display: none;transition:initial; position: absolute;top:45px;background: #fff;border-radius: 5px;padding:5px 0;    border: 1px solid rgba(0,0,0,.15);}
/*.header .nav ul li.on dl{display: block;}*/
.header .nav ul dl a{white-space: nowrap;}
.header .nav ul li{
  /* line-height: 40px; */
  position: relative;}
.header .nav ul li a{padding:0 15px;line-height: 40px;display: block;border-radius: 4px}
.header .nav ul li a i{top: -2px;position: relative;}
.header .nav ul li.on>a{background: #eeeeee;}

.header .nav ul li dl a{line-height: 35px;padding:0 20px;}
.header .nav ul li dl a:hover{background: #eeeeee;}

.index-banner{background: url(../images/banner-1.jpg) no-repeat center;height:720px;background-size: cover;display: flex;justify-content:center;align-items: center;color: #fff}
.banner-content .data{display: flex;justify-content: center;margin-top: 120px;}
.banner-content .data span{margin:0 35px;font-size: 23px;}
.banner-content .data span em{font-size: 40px;}
.search{
  background: rgb(100 126 104 / 62%);
  border-radius: 10px;
  padding: 40px; /* 20px */
  width: 835px;
  margin: 0 auto;
  box-sizing: border-box;
  border-bottom: solid 1px #032c12;
  border-top: solid 1px #69816e;
}
.search-input{display: flex;background: #fff;padding-left:20px;border-radius: 4px;overflow: hidden;}
.search-input input{line-height: 52px;height:52px;border:0;font-size: 16px;}
.search-input input.input{flex: 1}
.search-input input.submit{background: url(../images/icon-search.png) no-repeat center;width:60px;margin-left: 20px;}
.search .msg{margin-top: 25px;font-size: 16px;}
.special-bg{background: #123c6c;padding:35px 0 48px 0;}
.special-bg .item-box{display: flex;}
.special-bg .item-box a{flex: 1}
.special-bg .item-box img{width:100%;}
.special-bg .title{line-height: 28px;color: #fff;font-size: 18px;margin-bottom: 15px}
.new-data{display: flex;margin-top: 15px;}
.new-data .left{flex: 1; width:830px; /*background: #eeeeee*/}
.new-data .left .title{
    padding:5px 15px 0 15px;line-height: 40px; font-size: 20px; 
    /*border-bottom: 1px solid #244e80;*/
    display: flex;
    justify-content: space-between;}
.new-data .left .title h1{
    color: #0f2e54;
    font-size: 1rem;
    padding: 1rem;
    padding-bottom:0;
    font-weight: bold;
}
.new-data .left .title a{color: #254f81;font-size: 15px;}
.new-data .left .title a:hover{text-decoration: underline;}
.new-data .left ul{display: flex;flex-wrap: wrap;}
.new-data .left ul{padding:7.5px;}
.new-data .left ul li{
    width:18.7%; /*width:32%;*/
    box-sizing:border-box;margin:0.65%;
    background: #fff;
    /* border:1px solid #bfbfbf; */
    border:1px solid #c3d6f1;
  }
.new-data .left ul li h1{
    line-height: 48px;text-align: center;
    /* color: #244e80; */
    color:#000;
    overflow:hidden;white-space: nowrap;
    text-overflow: ellipsis;padding:0 3px;font-size:14px;}
.new-data .right{width: 380px;margin-left: 15px;}
.new-data .left ul li:hover{
    border-top:none;
    border-left:none;
    border-right:1px solid #313335;
    border-bottom:1px solid #313335;
}

.new-data .left ul li .img{
  overflow: hidden;
  width:100%;
}

.new-data .left ul li .img::before {
  content: '';
  padding-top: 75%;
  float: left;
}
.new-data .left ul li .img::after {
  content: '';
  display: block;
  clear: both;
}

.new-data .right .title{line-height: 40px;color: #fff;background: #244e80;padding:5px 10px 0 10px;font-size: 20px;}

.new-recommend{background: #eeeeee;text-align: center;padding:8px 15px;margin-bottom: 15px}
.new-recommend a img{margin:8px auto;}
.function .img{display: flex;padding:15px;background: #eeeeee;justify-content: space-between;}
.function .img img {max-height:300px;padding:2px;}
.icon-box{display: flex;background: #eeeeee;text-align: center;padding:15px 0;padding-top: 0}
.icon-box .icon{display: flex; justify-content: center;border-radius: 6px; align-items: center;background: #244e80;width:42px;height:40px;margin:0 auto;}
.icon-box a{flex: 1;font-size: 14px;padding-bottom: 5px;border-left:1px solid #244e80;padding-top: 5px}
.icon-box a:nth-child(1){border:0;}
.icon-box a h1{margin-top: 5px;}
.news-box{margin-top: 20px;}
.news-box .tab{line-height: 67px;padding-bottom: 4px;border-bottom: 1px solid #4776af;display: flex;}
.news-box .tab span.on{background: #123c6c;color: #fff}
.news-box .tab span{
    /* background: #eeeeee; */
    background-color: #c7e6ef;
    flex: 1;
    text-align: center;
    margin-left: 2px;
    cursor: pointer;}
.news-box .tab span:nth-child(1){margin:0;}
.news-box .tab span:hover{background: #22b2da;}
.news-box .tab span.on:hover{background: #123c6c;}
.news-box .content ul{display: flex;margin-top: 10px;flex-wrap: wrap;}
.news-box .content ul li{width: 275px;margin-left: 27px;box-sizing:border-box;
    margin-bottom: 27px;
    /* border:1px solid #d2d2d2; */
    border:1px solid #c3d6f1;
}
/*.news-box .content ul li .img{height:188px;}*/
.news-box .content ul li .img img{width:100%;height: 180px;}
.news-box .content ul li:nth-child(4n+1){margin-left:0;}
.news-box .content ul li h1{
    height:86px;display: flex;align-items: center;padding:0 5px;text-align: center;
    /* color: #4776af */
    color:#000;
}
.news-box .content ul li:hover{
    border-top:none;
    border-left:none;
    border-right:1px solid #313335;
    border-bottom:1px solid #313335;
    font-weight:bold;
}
.news-box .content ul .more{width: 100%}
.news-box .content ul .more a{width:190px;display: block;text-align: center;margin:0 auto;line-height: 45px;background: #113d6a;color: #fff;}

.cooperate-bg{margin-top: 40px;background: #092c55;padding-bottom:90px;}
.cooperate-bg .title{width:510px;margin:0 auto;padding-top: 25px; text-align: center;  font-size: 22px;color: #fff;line-height: 60px;position: relative;border-bottom: 1px solid #fff;}
.cooperate-bg .title:after{width:52px;height:5px;position: absolute;bottom:-3px;display: block;left:50%;margin-left: -26px;content: '';background: #fff;}
.cooperate-bg ul{display: flex;flex-wrap: wrap;margin-top: 45px;}
.cooperate-bg ul li{width:25%;box-sizing:border-box;border-left:1px solid #0e3461;border-top:1px solid #0e3461;background: #fff;height:98px;}
.cooperate-bg ul li:nth-child(4n+1){border-left:0;}
.cooperate-bg ul li:nth-child(1),.cooperate-bg ul li:nth-child(2),.cooperate-bg ul li:nth-child(3),.cooperate-bg ul li:nth-child(4){border-top:0;}

.cooperate-bg ul li a{height:100%;display: flex;align-items: center;justify-content: center;}
.cooperate-bg ul li a img{max-width: 95%;max-height: 95%;}
.company{margin-top: 20px;}
.company .title{width:510px;margin:0 auto;text-align: center;  font-size: 22px;color: #254f81;line-height: 60px;position: relative;border-bottom: 1px solid #123c6c;}
.company .title:after{width:52px;height:5px;position: absolute;bottom:-3px;display: block;left:50%;margin-left: -26px;content: '';background: #123c6c;}
.company ul{
    display: flex;
    flex-wrap: wrap;
    padding:15px;
    /* background: #f6f6f6; */
    margin-top: 20px;}
.company ul li{width:10%;box-sizing:border-box;padding:3px;}
.company ul li img{width: 100%}
.footer{background: url(../images/footer-bg.jpg) no-repeat center; background-size: cover;margin-top: 55px;}
.footer .foot{padding:90px 0;display: flex;color: #fff;justify-content: space-between;width:1025px;}
.footer .foot h1{line-height: 40px;font-size: 15px;}
.footer .foot p{margin-top: 10px;line-height: 30px;font-size: 12px;}
.footer .foot h1:after{content: "";bottom: 0px;width: 45px;height:2px;background: #fff;display: block;}
.footer .foot .bgs img,.footer .foot .logo img:nth-child(2){margin-top:30px }
.footer .foot .code img{width:130px;}
.footer .copy{text-align: center;color: #f8fbff;background: #182c45;line-height: 42px;font-size: 12px}
.footer .copy a,.footer .copy span{margin:0 10px;color: #f8fbff}
.footer .copy a:hover{text-decoration: underline;}

@media (max-width: 1200px){
  .box{max-width: 960px;}
  .header .logo img{height: 65px}
  .banner-content .data span em{font-size: 35px;}
  .banner-content .data span{font-size: 20px}
  .news-box .content ul li{width:225px;margin-left: 20px;margin-bottom: 20px;}
  .new-data .right{width:320px;}
  /*.news-box .content ul li .img{height:160px;}*/
}

@media (max-width: 960px){
  .box{max-width: 100%;box-sizing:border-box;}
  .header .nav{display: none}
  .search{width:80%;}
  .index-banner{height:500px;}
  .special-bg{padding:30px 20px;}
  .special-bg .title{font-size: 26px;}
  .header{padding:15px 20px;}
  .search-input input,.search .msg{font-size: 24px;}
  .banner-content .data{margin-top: 60px}
  .banner-content .data span{margin:0 20px;font-size: 24px}
  .search-input input{line-height: 64px;height:64px;}
  .new-data{display: block;}
  .new-data .left .title h1,.new-data .right .title{font-size: 28px;}
  .new-data .left .title a{font-size: 24px}
  .new-data .left ul {justify-content: space-between;}
  .new-data .left ul li:nth-child(9){display: none}
  .new-data .left ul li{width:48.5%;}
  .new-data .left ul li .img img{width:100%;}
  .new-data .left ul li h1{font-size: 26px;}
  .new-data .left .title,.new-data .right .title{line-height: 64px}
  .new-data .left ul li h1{line-height: 64px;}
  .new-data .right{width:100%;margin-left: 0px}
  .new-recommend a img{width:100%;}
  /*.function .img a{width:100%;}*/
    .function .img a img{height: 340px}
    .icon-box .icon{height:80px;width:88px;}
    .icon-box .icon img{width:40px;}
    .icon-box a h1{font-size: 26px;}
    .news-box{padding:0 15px;box-sizing:border-box;}
    .news-box .tab span{font-size: 28px;}
    .news-box .content ul li{width: 48.5%;}
    .news-box .content ul li h1{font-size: 26px;height:130px;}
    .news-box .content ul li:nth-child(3n+1){margin-left: 20px}
    .news-box .content ul li:nth-child(2n+1){margin-left: 0}
    .news-box .content ul .more a{font-size: 28px;line-height: 64px;}
    .cooperate-bg{padding:0 20px 90px 20px;}
    .cooperate-bg .title,.company .title{font-size: 30px;}
    .company ul li{width:20%;}
    .footer .foot{display: block;padding:0 20px;padding-top: 30px;}
    .footer .foot .logo{display: flex;justify-content: center;align-items: center;}
    .footer .foot .logo img:nth-child(2){margin-top: 0;margin-left: 40px;}
    .footer .foot h1{font-size: 26px;}
    .footer .foot p{font-size: 24px;line-height: 48px}
    .footer .foot .item{margin-bottom: 40px;}
    .footer .foot .code img{width: 200px;}
    .footer .copy{font-size: 24px;padding:25px 0;}
    .footer .copy a{display: inline-block;}

    .mob-btn {display: block;}
    .mob-btn span{width:50px;display: block;background: #113d6a;height:4px;margin-bottom: 10px}
    .mob-btn span:nth-child(3){margin-bottom: 0}
    .header .nav{position:absolute;top:95px;background: #fff;width:100%;margin:0;left:0;z-index: 99999;}
    .header .nav .login{text-align: center;font-size: 30px;}
    .header .nav .login a{line-height: 54px;}
    .header .nav ul {display: block;text-align: center;font-size: 30px;padding: 30px 0}
    .header .nav ul li{width: 100%;margin-top: 10px}
    .header .nav{transition: initial;}
     .header .nav ul li a{line-height: 64px;}
     .header .nav ul li dl{position: relative;border:0;top:0;}
     .header .nav ul li dl a{line-height: 64px;}
  /*.news-box .content ul li .img{height:160px;}*/
}

/* 宽高比例固定的响应式图像框：宽高比例固定为 4:3  */
.DB-thumb-box{
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0;
}
.imgbox {
  position: relative;
  width:100%;
  padding-bottom:60%;
  background-color: rgb(52 108 67);
  overflow: hidden;
}
.imgbox img{
  position: absolute;
  width:100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
.imgbox .statis_capsu{
    position: absolute;
    background-color: #00000061;
    color: #fff;
    z-index: 1000;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 12px;
}
.imgbox .statis_capsu_lt{
    left: 10px;
    top: 10px;
}
.imgbox .statis_capsu_rb{
    right: 10px;
    bottom: 10px;
}
.imgbox .statis_capsu_cb{
    right: 60px;
    bottom: 5px;
}
/***************************/

.blue-panel h1{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 10px 30px;
    margin-top: 10px;
}
.blue-panel .entry-panel{
    padding-right: 25px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-top: 0;
}
.app_entry_item{
    position: relative;
    padding: 1px;
    height: 170px;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    margin: 10px;
}
.app_entry_item img {
    width:100%;
}
.app_entry_item .entry-title{
    padding: 15px 0;
    text-align: center;
    color: #4c5b7e;
    font-size: 16px;
    font-weight: bold;
    background-color: rgb(255 255 255 / 90%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}