@charset "utf-8";
html,
body{font-size: 16px;}
/* section-top */
/* header */
.header-wrapper{height: 36px;line-height: 36px;background: #f5f5f5;font-size: 14px;color: #09448f;}
.header-wrapper .user-menu-wrapper{font-size: 0;}
.header-wrapper .user-menu-item{display: inline-block;vertical-align: middle;}
.header-wrapper .user-menu-mail{width: 22px;height: 16px;background: url(./bg-email.png) center center no-repeat;margin-right: 20px;}
.header-wrapper .user-menu-enu{font-size: 15px;color: #09448f;}
/*  */
.banner-wrapper{height: 118px;background: #2a3c81;position: relative;}
.banner-wrapper .wrapper{height: 100%;}
.banner-wrapper .page-title{width: 406px;height: 100%;background: url(./logo-title.png) center center no-repeat;}
.banner-wrapper .page-title .home-link{display: block;height: 100%;}
.wap-menu-trigger,.wap-menu{display: none;}
.section-top .body-mask{display: none;}
/* search-container */
.search-container{height: 30px;position: absolute;right: 0;bottom: 44px;}
.search-container .search-text{height: 100%;padding-left: 30px;background: #fff url(./icon-search.png) 8px center no-repeat;}
.search-container .search-text .search-keyword{height: 30px;padding-left: 10px;}
.search-container .search-button{width: 70px;background-color: #094d9a;font-size: 14px;color: #fff;float: right;text-align: center;line-height: 30px;}
.search-container .search-button:hover{text-decoration: none;}
/* nav-wrapper */
.nav-wrapper{height: 50px;position: relative;background: #2a3c81;}
.nav{height: 100%;line-height: 50px;color: #f5f5f5;font-size: 18px;position: relative;z-index: 1;background: #3c63a9;}
.nav-item{width: 20%;float: left;position: relative;text-align: center;_display: inline;transition: all linear .25s;}
.nav-item:hover,
.nav-item.cur{background: #3e8bdb;}
.nav-item a{color: #f5f5f5;display: block;}
.nav-item a:hover{text-decoration: none;}
/* wap-nav-trigger */
.wap-nav-trigger{display: none;}
/* section-nav-wap */
.section-nav-wap{display: none;}
/* title-line */
.title-line{height: 50px;border-bottom: 1px solid #ddd;}
.title-line-text{line-height: 50px;display: inline-block;font-size: 22px;color: #09448f;position: relative;}
.title-line-text a{color: #09448f;}
.title-line-text:after{width: 100%;height: 3px;content: "";background: #09448f;position: absolute;left: 0;bottom: 0;}
.title-extra{display: inline-block;color: #707070;font-size: 12px;}
.title-extra a{color: #707070;display: inline-block;font-size: 14px;padding: 0 5px;}
.title-line-more{font-size: 13px;color: #999;float: right;padding-right: 15px;background: url(./icon-arr-more.png) right center no-repeat;line-height: 50px;}
/* pic-news */
.pic-news-container{margin-top: 18px;}
.pic-news-container .pic-news-item{margin: 0 0 17px 0;}
.pic-news-container a:last-child .pic-news-item{margin: 0;}
.pic-news-item{}
.pic-news-item.last-item{margin: 0;}
.pic-news-img{width: 157px;height: 88px;}
.pic-news-img.fl{margin-right: 12px;}
.pic-news-img img{width: 100%;height: 100%;}
.pic-news-text{font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;padding-top: 5px;}
.pic-news-info{line-height: 35px;}
.pic-news-date{font-size: 12px;color: #999;}
/* pic-mask-news */
.pic-mask-news-item{position: relative;}
.pic-mask-news-item.last-item{margin: 0;}
.pic-mask-news-img{width: 356px;height: 174px;}
.pic-mask-news-opa,
.pic-mask-news-text{width: 100%;height: 25px;line-height: 25px;position: absolute;bottom: 0;left: 0;}
.pic-mask-news-opa{background-color: #000000;opacity: 0.3;filter: alpha(opacity=30);}
.pic-mask-news-text{color: #fff;font-size: 16px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* text-news */
.text-news{}
.text-news-item{line-height: 30px;font-size: 14px;padding-left: 16px;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: url(./dot-green.png) 0 center no-repeat;}
.text-news-item a{color: #333;}
/* gallery */
.gallery-container{margin-top: 15px;padding-bottom: 5px;}
.gallery-item{position: relative;width: 356px;height: 200px;}
.gallery-item-image,
.gallery-item-image img{width: 100%;height: 100%;}
.gallery-item .gallery-item-mask,
.gallery-item .gallery-item-title{width: 100%;height: 50px;line-height: 50px;position: absolute;left: 0;bottom: 0;}
.gallery-item .gallery-item-mask{z-index: 0;background-color: #000000;opacity: 0.4;filter: alpha(opacity=40);}
.gallery-item .gallery-item-title{color: #fff;text-align: center;}

/* section-ad */
.section-ad img{width: 100%;height: 88px;}
/* mod-footer */
.mod-footer{background-color: #09448f;text-align: center;padding: 40px 0;margin-top: 30px;}
.mod-footer .web-site-info{font-size: 0;}
.mod-footer .logo-container,
.mod-footer .web-site-info{display: inline-block;vertical-align: middle;}
.mod-footer .logo-container{margin-right: 27px;font-size: 0;}
.mod-footer .logo-container img{width: 60px;height: 60px;margin: 0 5px;}
.mod-footer .web-site-info{font-size: 14px;line-height: 20px;color: #fff;text-align: left;}

/* pagination 分页 */
.text-c,
.pagination{text-align: center;margin: 30px 0;}
.text-c a,
.text-c span,
.pagination a,
.pagination span{height: 36px;line-height: 36px;text-align: center;display: inline-block;vertical-align: middle;margin: 0 9px 9px;padding: 0 10px;min-width: 16px;}
.text-c a,
.pagination a{border-radius: 5px;border: 1px solid #D0CFCF;color: #666;}
.text-c .prev,
.text-c .next,
.text-c .a1,
.pagination .prev,
.pagination .next,
.pagination .a1{padding: 0 10px;}
.text-c .active,
.pagination .active{background: #09448f;color: #fff;border-radius: 5px;}


@media screen and (max-width: 900px){
  .section-top{height: 1.02rem;position: relative;background: #fff;}
  .section-top .header-wrapper{display: none;}
  .section-top .banner-wrapper{height: 100%;background: #fff;}
  .section-top .page-title{display: block;width: 100%;height: 100%;background: url(./logo-title-wap.png) center center no-repeat;background-size: 3.21rem;}
  .section-top .body-mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 10;}
  .search-container{width: 100%;height: 1.2rem;position: fixed;top: 0;left: 0;background-color: #fff;z-index: 11;padding: .25rem;display: none;}
  .search-container .form-inner{display: flex;}
  .search-container .search-text{height: .7rem;line-height: .7rem;background-color: #f5f5f5;width: 100%;border-radius: .3rem;margin-right: .25rem;background-position: .3rem center;padding-left: .8rem;}
  .search-container .search-text .search-keyword{height: 100%;background-color: transparent;}
  .search-container .search-button{background-color: transparent;color: #084c9a;font-size: .32rem;}

  .wap-menu-trigger{width: .34rem;height: 100%;background: url(./menu-trigger.png) center center no-repeat;background-size: 100%;position: absolute;top: 0;right: .25rem;display: block;}
  .wap-menu{width: 1.94rem;height: 1.23rem;background: url(./bg-menu-down.png) center center no-repeat;background-size: 100%;position: absolute;top: 1.03rem;right: 0;z-index: 9999;padding-top: .05rem;}
  .wap-menu-item{height: .52rem;line-height: .52rem;font-size: .22rem;padding-left: .56rem;}
  .wap-menu-item:nth-of-type(1){background: url(./icon-search-wap.png) .18rem center no-repeat;background-size: .22rem;}
  .wap-menu-item:nth-of-type(2){background: url(./bg-email.png) .18rem center no-repeat;background-size: .22rem;}
  .wap-menu-item:nth-of-type(3){background: url(./icon-switch.png) .18rem center no-repeat;background-size: .22rem;}

  .wap-menu-item a{color: #09448f}
  .wap-nav-trigger{display: block;width: .36rem;height: 100%;background: url(./bg-nav-wap.png) center center no-repeat;background-size: 100%;position: absolute;top: 0;left: .25rem;}
  .nav-wrapper{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 999;display: none;background: transparent;}
  .nav-wrapper:after{display: none;}
  .nav-wrapper .wrapper{width: 3.45rem;height: 100%;background-color: #f5f5f5;margin: 0;box-shadow: 0px 3px 18px 0px rgba(65, 151, 176, 0.85);}
  .nav-wap-title{text-align: center;font-size: .4rem;font-weight: bold;line-height: 1rem;height: 1rem;}
  .nav-wap-close{width: 1rem;height: 1rem;float: right;background: url(./icon-close-wap.png) center center no-repeat;background-size: .33rem;}
  .nav{padding: 0;background: #f5f5f5;}
  .nav-item{width: 100%;text-align: center;height: 1rem;line-height: 1rem;font-size: .32rem;border-bottom: .01rem solid rgba(170, 170, 170, .2);background: #f5f5f5;}
  .nav-item:last-child{border-bottom: none;}
  .nav-item a{color: rgb(34, 32, 32, .64);}
  .nav-item.cur{background-color: #ffffff;background-image: none;width: 100%;}
  .nav-item.cur a{color: #333;}

  .title-line-text{font-size: .3rem;}
  .title-line-more{font-size: .24rem;}
  .title-extra{font-size: .3rem;}
  .title-extra a{font-size: .3rem;}

  .pic-news-img{width: 3.09rem;height: 1.74rem;}
  .pic-news-img.fl{margin-right: .22rem;}
  .pic-news-text{font-size: .3rem;line-height: .48rem;height: 1.06rem;padding: .1rem 0 0 0;color: #333;}
  
  .pic-mask-news-img{width: 100%;height: auto;}
  .pic-mask-news-opa{height: .56rem;}
  .pic-mask-news-text{font-size: .3rem;height: .56rem;line-height: .56rem;}

  .text-news-item{font-size: .3rem;line-height: .56rem;background: url(./dot-blue.png) 0 center no-repeat;background-size: .09rem;}
  .text-news .text-news-item:nth-of-type(7),
  .text-news .text-news-item:nth-of-type(8){display: none;}
  
  .gallery-item{width: 100%;height: 3.94rem;}
  .gallery-item .gallery-item-mask, 
  .gallery-item .gallery-item-title{height: .7rem;line-height: .7rem;}
  .gallery-item .gallery-item-title{font-size: .32rem;}

  .mod-footer{margin-top: .1rem;padding: .5rem 0 .4rem 0;font-size: 0;}
  .mod-footer .logo-container,
  .mod-footer .web-site-info{display: block;text-align: center;margin: 0;}
  .mod-footer .logo-container img{display: inline-block;width: 1.68rem;height: 1.68rem;margin: 0 .23rem;}
  .mod-footer .web-site-info{margin-top: .2rem;}
  .mod-footer .text-info{font-size: .26rem;line-height: .52rem;}

  .pagination{margin: .4rem 0;}
  .pagination a,
  .pagination span{min-width: .6rem;height: .6rem;line-height: .6rem;text-align: center;margin: 0 .1rem .1rem;font-size: .3rem;padding: 0 .2rem;}
  .pagination a{border-radius: 5px;border: 1px solid #D0CFCF;color: #666;}
  .pagination .prev,
  .pagination .next{padding: 0;width: 1rem;}

}