@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1199px)  {
html,body{max-width:750px; margin:0 auto; font-size:1.2rem;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.clear{clear:both; height:1px !important; font-size:1px !important;}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}

    .w1200{ margin-left: 10px !important; margin-right: 10px !important;}
 
/* 导航 */
.wap-nav{}
.drawer-nav{z-index:200;}
.drawer-nav li{line-height:3.5rem; text-align:left;  border-bottom:1px solid #efefef; font-size:1.4rem; position:relative}
.drawer-nav li .link{ padding-left:15px;}
.drawer-nav li i{  
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
       top: 1.3rem;
    right: 1rem;

    border-color: rgba(255,255,255,.4);
    transform: rotate(135deg);
} 
.drawer-nav li .sub-nav{display:none;}
.drawer-nav li:hover .sub-nav{display:block; background:#fff;}
.drawer-nav li:hover .sub-nav a{display:block; height:3.5rem; line-height:3.5rem; font-size:1.2rem; border-bottom:1px dotted #fff; padding-left:15px; font-size:12px;     border-bottom: #e5e5e5 1px solid; color: #333;
 }

.drawer-nav li:hover .sub-nav a:last-child{ border-bottom:none;}


 
/* --- 内容 --- */
 
    
    .header{ padding: 10px;}
 .header .logo { height: 40px;
   
}
      .swiper-containera,.swiper-containerb,.swiper-containerc { position:relative;
      width: 100%;
      height: 100%;  overflow: hidden;
    }
    
    
    .swiper-containera  .swiper-paginationa { position: absolute; bottom: 15px; z-index: 9; left: 0; width: 100%; text-align: center;}
    .swiper-containera  .swiper-paginationa span{ display: inline-block;}
    .swiper-containera .swiper-pagination-bullet{ background: #fff;     opacity:1;}
    .swiper-containera .swiper-pagination-bullet-active{ background:#e8bc2d;}
    
    
    .box0 { background-image:none !important;  background-color:#e5bf46 ; color: #fff; padding: 0 0 20px 0;}
 
 
.title{ text-align: center;}
   .title .titleen{ font-size: 30px; font-weight: 700;}
    .title  span{ height: 2px; background: #000; width:15px; height: 2px; margin:5px auto; display:block;}
 
    .title .titlecn{font-size: 20px; font-weight: 700;}
    .box0tit{ padding: 20px 0;}
    .box0left {   color: #fff; padding-top: 20px;}
    .box0lefttit{color: #fff; font-size: 18px; font-weight: 700; margin-bottom:10px}
    .box0leftmore{     text-align: center;}
    .box0leftmore a{  display:inline-block; background: #ffffff; border: #fff 1px solid;width: 130px; text-align: center; height: 40px; line-height: 40px; margin-top: 30px;}
    .box0leftmore a:hover{ background: #e5bf46; color:#fff;}
    .box0lefttxt p{   line-height: 30px;}
    
    
    .boxsy { background:url("../images/lanbg.png") repeat-x #f2f2f2; padding: 20px 0; }
    .boxsy .title{ color: #fff; margin-bottom: 30px;}
    .boxsy .title span{ background: #fff;}
    .boxsy .title .titlecn{color: #fff; }
    .boxsyul{ }
    .boxsyul li{ width: 100%;  background: #e6bf46;  }
    .boxsyul li a{ display: block; display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;  color: #fff;  align-items: stretch;
  -webkit-align-items:stretch;}
    .boxsyul li .boxsytxt{ text-align: center; color: #fff; padding: 10px; width: 50%;  }
    .boxsyul li .boxsytxt span,.boxsyul li .boxsytxt b{ display:block; text-align: center ; }
    .boxsyul li .boxsytxt span{ font-size: 20px; font-weight: 700; line-height: 30px; padding-bottom: 10px; }
    .boxsyul li .boxsytxt b{font-size: 18px; font-weight: 700; padding-bottom: 10px;}
    .boxsyul li .boxsytxt p{ line-height: 21px; height: 105px; overflow: hidden; text-align: left;}
    .boxsyul li .boxsypic{width: 50%;}
    .boxsyul li .boxsypic img { width: 100%;}
    
    .box1{ background: #f2f2f2; padding: 0 10px 20px 10px ;}
    .box1 .title{ padding-bottom: 30px;}
 
      .swiper-containerc {
      width: 100%;
      height: 100%; overflow: hidden; padding-top: 30px; padding-bottom: 70px;  position: relative;
    }
    .swiper-containerc .swiper-button-prevc,.swiper-containerc .swiper-button-nextc{ border:#e8bc2d 1px solid; border-radius: 6px;  width: 50px; height: 50px; background: url("../images/pre1.png") no-repeat center center; position: absolute;  bottom: 0; left: 30%; cursor: pointer;  }
    
    .swiper-containerc .swiper-button-nextc{background: url("../images/next1.png") no-repeat center center; left:auto; right: 30%;}
     .swiper-containerc .swiper-slide { 
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms; 
	    
    }
	 .swiper-containerc .swiper-slide-active, .swiper-containerc .swiper-slide-duplicate-active{
      
	}
    .swiper-containerc .swiper-slide a{ display: block; position: relative;}
    .swiper-containerc .swiper-slide a .data{ position: absolute; left:50%; margin-left: -60px; top: -20px; background:#e9bc2d; display: none; color: #fff; font-size: 16px; width: 120px; height: 40px; line-height: 40px; text-align: center;}
     .swiper-containerc  .swiper-slide-active  a .data{ display: block;}
    
    .swiper-containerc .swiper-slide h4{   padding: 10px; text-align: left;       }
    
    .swiper-containerc .swiper-slide  p{ color: #999; padding:0 10px 10px 10px; line-height: 22px;     font-size: 14px; text-align: left; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;}
    
    
    
    
    
    
    
    
    
    
	 
    .box3{ background: #fff; padding: 20px 0;}
    .box2right1txt{ padding:15px; }
    .box3tit{ font-size: 22px; color: #e6bc2a; font-weight: 700; text-align: center;}
    .box3txt{ color: #666666; text-align: center;}
    .box3pic{ margin: 10px 0 0 0;}
    
    .box3pic ul li{ float: left; margin-right: 2%;  margin-bottom: 2%; width: 48%;}
    .box3pic ul li:nth-child(2n){ margin-right: 0;}
    .box3pic ul li img{    border:#dadada 1px solid; border-radius:5px;}
    
     .box3pic .listhez li{ float: left; margin-right: 30px; margin-bottom: 30px; width: 175px;}
    .box3pic .listhez li:nth-child(6n){ margin-right: 30px;}
    .box3pic .listhez li:nth-child(4n){ margin-right: 0;}
    .box3pic .listhez li img{ width:  173px;  border:#dadada 1px solid; border-radius:5px;}
    
    
    
    .footer{ 
    width: 100%;
    background: #004888;
     
   }
    
    
    .BottomUp{ padding-top: 33px;}
.ColumnName{margin-right:51px; float:left; position:relative;}
    
    .footerlx{  text-align: center; padding-bottom: 20px;}
.ColumnName h4{color:#fff; font-size:16px;background:url(../images/b_line.png) no-repeat center bottom; width:131px; padding-bottom:10px; margin-bottom:15px; text-indent:12px;}
.ColumnName li{background:url(../images/san.png) no-repeat left center; padding-left:10px; line-height:30px;}
.ColumnName li a{color:#cccccc; font-size:14px;}
    .ColumnName:last-child{ margin-right: 0;}
    .BottomDown{border-top:#4c7fab 1px dotted;color:#fff; padding: 20px 0;  }
    .footerlx-wz{ color: #fff;}
    .footerlx-wx img{ border: 5px solid #fff;  border-radius: 5px;}
    .footerlx-tb { margin: 20px 0;}
    .footerlx-tb a{ display: inline-block; margin-right: 10px; width: 30px; height: 30px; line-height: 30px ;border-radius:30px; background:#fff; opacity: 0.6; color: #245d98; font-size: 16px; text-align: center;}
    .footerlx-tb .footerlx-tel{font-size: 20px; }
    .footerlx-tb .footerlx-sj{font-size: 22px;}
    
    .nybanner{  width: 100%; }
    
    
    .sub-nav {
  background: #f4f4f4;
    }
    
    .sub-nav ul {
    margin: 0 auto;
    width: 100%;
}
    
    
    
    
    
    
    
    .clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
    
    .clearfix:after {
    clear: both;
}
    
  .sub-nav ul li.active {
    
    border-bottom: 2px solid #eabc29;
}  
    
    .sub-nav ul.ul-6 li {
    width: 25%;
}
    
    .sub-nav ul.fuwuul li{ width: 20%;  }
    .sub-nav ul li {
    float: left;
    text-align: center;
}
    
    .sub-nav ul li.active a {
    color: #333;
}
.sub-nav ul li a {
    display: block;
    font-size: 16px;
    color: #333;
    padding: 20px 0;
}
    
    .pdCon {
    padding: 20px 0;
}
    .gray-bg {
    background: rgba(249,249,249,1);
}
   .pageWrap .pageTit {
    margin-bottom: 20px;
}
.pageTit {
    position: relative;
}
    
.pageTit .t-ch {
    font-size: 24px;
    color: #333; line-height: 40px;
}
    .pageTit .t-en {
    font-size: 16px;
    color: #ddd;
    
    text-transform: uppercase;
}
    .data-display-list {
    margin-bottom: 18px;
    width: 100%;
    text-align: justify;
    text-align-last: justify;
    padding-bottom: 2%;
    border-bottom: 1px solid #d0d1d2;
}
    .data-display-list .item {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 0;
    text-align: center;
}
    .data-display-list .item .num {
       color: #c79147;
    font-size: 30px;
   
    font-weight: 100;
   
    line-height: 1;
  
     font-family: Arial;    
}
    .data-display-list .item .num span {
    font-size: 18px;
    text-align: left;
    text-align-last: left;
    display: inline-block;
}
    .data-display-list .item .name {
    color: #666666;
    font-size: 16px;
    text-align: center;
    text-align-last: center;
    padding-right: 30px;
}
    
     .data-display-list .item {
    width: 48%;
    margin-bottom: 15px;
  }

  .data-display-list .item .num {
    font-size: 40px;
    text-align: center;
    text-align-last: center;
  }

  .data-display-list .item .name {
    text-align: center;
    text-align-last: center;
    padding-right: 0;
  }
    
    .text-content-container p {
    
    color: #666666;
    
    margin-bottom: 1em;text-indent: 2em;
    text-align: justify;
    text-align-last: left;
}
    .pdCon {
    padding: 20px 0;
}
    
 .intro-shadow-box {
    margin-bottom: 5%;
    vertical-align: middle;
    box-shadow: 0px 0px 10px 0px rgba(55, 55, 55, 0.1);
}
    .intro-shadow-box-l {
   
    vertical-align: middle;
    display: inline-block;
}
    .intro-shadow-box-r {
    
    vertical-align: middle;
    display: inline-block;
    padding: 10px;
}
    .intro-shadow-box-r h4 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 500;
    color: rgba(73, 73, 73, 1);
    line-height: 40px;
    position: relative;
}
    .intro-shadow-box-r h4::after {
    content: " ";
    display: block;
    width: 42px;
    position: absolute;
    bottom: -10px;
    left: 0;
    background:#d2a96b;
    height: 1px;
}
    .text-content-container p {
     
    color: #666666;
    
    margin-bottom: 1em;
    text-align: justify;
    text-align-last: left;
}
    .intro-border-text-con {
    padding-left: 10px;
    border-left: 2px solid #d2a96b;
}
    .intro-border-text-con p {
    font-weight: 500;
}
 
    
     
    
    
    .listsyblok{
  position: relative; margin-bottom: 20px;
}
    .listsyblok a{ display: block;}
    
.listsyblok .thumbs {
  overflow: hidden;
}

.listsyblok .figure {
    width: 100%;
    display: none;
}
.listsyblok  .figure:nth-child(2) {
    display: block;
}
 
 

.listsyblok .cover {
   
osition: static;
    width: 100%;
    padding-top: 15px;
    background: #ffffff !important;
}

.listsyblok .cover .caption {
  
}
  

.listsyblok .cover .caption h6 {
  font-size: 24px;
  font-weight: 500;
    color: rgb(0, 0, 0);
  line-height: 24px;
  margin-bottom: 3%;
}

  
 
    
    
    
    
    
    .news-wrap ul li {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    overflow: hidden;
}.news-wrap ul li .news-img {
   
     
    position: relative;
}
    
    .news-wrap ul li .news-img a {
    display: block;
}
    .news-wrap ul li .news-img img {
    display: block;
    width: 100%;
}
    .news-wrap ul li .news-img .newsImgCon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
}
    .imgnone img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
}
    .news-wrap ul li .news-txt { padding-top: 10px;
   
    
}
    .news-wrap ul li .news-txt h4 { font-weight: 700; font-size: 16px;
     
}
    .news-wrap ul li .news-txt h4 a {
    font-size: 18px;
    color: #333;
}
    .news-wrap ul li .news-txt .sj {
    font-size: 14px;
    color: #666;
  
}
    .news-wrap ul li .news-txt p {
    font-size: 16px;
    color: #666;
    margin-top: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
    
    
    
    
    .news-details-l {
    width: 100%;
    position: relative;
}
    
    
    
    .news-details-l h2 {
    font-size: 20px;
    color: #333;
    font-weight: normal;
    text-align: center; font-weight: 700;
}
    .news-details-l span.sj {
       display: block;
  
    color: #b8b8b8;
    position: relative;
 
    text-align: center
 
}
    
    #BodyLabel{} 
    
    .fucontent{ margin-bottom: 30px;}
     
    .nvajiantou{ width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #e9e9e9;
    position: absolute;
    top: 11px;
    margin-left: 5px;}
    .nav2 li:hover .link{color: #e6bc2a;}
    .nav2 li:hover .nvajiantou{transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); }
    .page-number{ text-align: center; padding-top: 30px;}
    .page-number a,.page-number span{ display: inline-block; margin: 0 5px; padding: 0 10px;}
    .page-number span{color: #fff;
    background: #dc0d2a;
    border: 1px solid #dc0d2a;}
    
    
    .pagelianxright2tit{ font-weight: 700px; font-size: 22px; margin-bottom: 10px;}
    .pagelianxright2{margin-top: 30px; }
    .lytit{ width: 100%; padding: 10px; border: #d3d4d5 1px solid; margin-bottom: 10px;}
    .lytxt{width: 100%; height: 140px; line-height: 30px; padding: 10px; border: #d3d4d5 1px solid; margin-bottom: 10px;}
    .submit { text-align: center; }
    .submit #dosubmit{ background: #e8bc2d; color: #fff; width: 130px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; border: none; cursor: pointer;}
    
    
    
      .news-wrap .list-ul li{  text-align: center; margin-bottom: 20px; }
   
    
    
     .news-wrap  .list-ul li h4{margin-top: 10px;}
    
 
}