/* CSS Document */

*{margin: 0px;padding: 0px;}
body,html { font-family: 'Microsoft YaHei',Arial,Helvetica,sans-serif,SimSun; color:#4a4a4a;  }
body{ background:#fff; font-size:0.875rem; line-height:1.5rem;}
ul,li,p,h1,h2,h3,h4,h5,h6,img,video{ margin:0px; padding:0px; list-style:none;}
a{ text-decoration:none; color: #4a4a4a; cursor:pointer}
a:hover{ text-decoration:none; color: #08a5c4; cursor:pointer}
img{ display: block; border:0px;}
.fl{ float:left}
.fr{ float:right;}

.navbar-light .navbar-nav .nav-link {
  font-size:1rem; color: rgba(74, 74, 74, 1);
}

.navbar-light .navbar-nav  .nav-link:hover{ color: rgba(24, 44, 87, 1); font-weight:bolder;}
@media (min-width: 1200px) {
	.nav-link{ width:115px;text-align:right;}
	.navbar-light .navbar-nav  .nav-link:hover{ background:url(../img/line.jpg) bottom 0px right 4px no-repeat;}
}



.bgimg{ background:url(../img/ban1.jpg) no-repeat center; background-size:auto 100%; height:200px;}

@media (min-width: 480px) {
  .bgimg{ background:url(../img/ban1.jpg) no-repeat center; background-size:auto 100%; height:300px;}
}

@media (min-width: 768px) {
	.bgimg{ background:url(../img/ban1.jpg) no-repeat center;background-size:auto 100%;  height:400px;}
}
@media (min-width: 1200px) {
	.bgimg{ background:url(../img/ban1.jpg) no-repeat center; height:488px;}
}

.btn-blue2 {
  color: #fff;
  background-color: #182c57;
  border-color: #182c57; font-size:0.875rem;
}

.sec2bg{padding-top:35px; padding-bottom:35px; background: url(../img/sec2bg.jpg) no-repeat bottom center;}
@media (max-width: 767.98px) {
.sec2bg{padding-top:15px; padding-bottom:15px; }
	}
.sec2bg .col-md-6{padding-top:15px; padding-bottom:15px;}
.sec2bg p{ line-height:1.375rem; padding-bottom:25px;}
h2{ font-weight:bolder;}
.sec2bg h4{ line-height:3rem}
.sec2bg img{ margin-top:40px;}

.sec3{padding-top:50px; padding-bottom:50px;}
@media (max-width: 767.98px) {
	.sec3{padding-top:30px; padding-bottom:20px;}
}
.sec3 .row{ padding:0px 15px; }
.sec3 .swiper-container {
      width: 100%;
      height: 100%;
    }
.sec3 .swiper-slide {
      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: space-between;
      justify-content:space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  flex-wrap: wrap;
	  padding-bottom:10px;
    }
.tit{ background:url(../img/line2.jpg) no-repeat bottom left; height:65px;}

.col4-2{ width:48%;  padding:10px 20px; box-sizing:border-box; border-radius:8px; -moz-box-shadow:0px 3px 15px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 3px 15px rgba(0, 0, 0, 0.1); box-shadow:0px 3px 15px rgba(0, 0, 0, 0.1); margin:50px 0px 0px 0px; line-height:1.5;}
@media (min-width: 768px) {
	.col4-2{ width:23.5%;}
}
.col4-2 div{height:8rem;}
.col4-2 p{ font-weight:bolder;}
.col4-2 img{ width:100%; height:auto;border-radius:8px; margin-top:-40px; margin-bottom:10px;}

.col4-2:hover {  background: #182c57; color:#FFF}
.col4-2:hover a{color:#FFF}




.sec4{ background:url(../img/sec4bg.jpg) no-repeat center bottom #f7f7f7; padding:80px 0px 50px 0px;}
.sec4 .maoj{ padding-right:50px; background:url(../img/line3.jpg) no-repeat left 15px bottom 36px; height:528px; }
.sec4 h2{ color:#FFF; padding-bottom:25px; padding-top:40px;}
.sec4 a{ display:flex; flex-direction: row; color:#FFF; padding:8px 0px}
.sec4 a span{ float:left}
.sec4 a:hover{color:#fba726}

@media (max-width: 767.98px) {
	.sec4{ background:url(../img/sec4bg.jpg) no-repeat center top 0px #f7f7f7; padding:40px 0px 30px 0px;}
	.sec4 h2{ color:#FFF; padding-bottom:25px; padding-top:0px;}
	.sec4 .maoj{ padding-right:50px; background:url(../img/line3.jpg) no-repeat left 30px bottom 66px; height:488px; }
}
.conbox{ margin-top:-30px; background:#FFF; height:530px;overflow-y:auto; padding:20px 30px; box-sizing:border-box; border-radius:10px;  -moz-box-shadow:2px 2px 20px rgba(0, 0, 0, 0.3); -webkit-box-shadow:2px 2px 20px rgba(0, 0, 0, 0.3); box-shadow:2px 2px 20px rgba(0, 0, 0, 0.3);}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.conbox::-webkit-scrollbar  
{  
    width: 8px;  /*滚动条宽度*/
    height: 8px;  /*滚动条高度*/
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
.conbox::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  /*滚动条的背景区域的圆角*/
    background-color: #e9e9e9;/*滚动条的背景颜色*/  
}  
  
/*定义滑块 内阴影+圆角*/  
.conbox::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color:  #182c57;  /*滚动条的背景颜色*/
}
.conbox h5{font-weight:bolder;}
.conbox h6{ font-weight:bolder;padding:8px 0px;}
.conbox p{ padding:8px 0px; text-indent:2em;}
.conbox img{ padding:8px 0px; width:100%}
@media (max-width: 767.98px){
.conbox{ height:380px;margin-top:-90px;}
}


.sec5{ padding:50px 0px;}
@media (max-width: 767.98px) {
.sec5{ padding:30px 0px;}
}
.sec5 img{ width:100%; margin-top:30px;}

.tab02{ clear:both; padding-top:25px; padding-bottom:0px;   height:auto; }
.tab02 .tab-content{ clear:both; height: auto;  margin:0 auto; }
.tab02 .tab-title{ margin:0px auto; text-align:center; width:100%; font-size:1.125rem; font-weight:bolder}
.tab02 .tab-title ul{ width:100%;display:flex;display: -webkit-flex; /* Safari */flex-direction: row;flex-wrap:wrap; justify-content:flex-end;} 
@media (max-width: 767.98px){
.tab02 .tab-title ul{justify-content:center;}
}
.tab02 .tab-title li{  width:90px; margin:0px 5px; height:36px; line-height:36px; text-align:center;  }
.tab02 .tab-title ul li.on{color:#ffffff; height:36px; background:#182c57; border-radius:10px;}
.tab02 .tab-title ul li:hover{color:#ffffff;   background:#182c57; border-radius:10px; cursor: pointer;}
.tab02 .tab-middle{ clear:both; padding-top:20px; height:310px;  box-sizing:border-box; }


.tab-middle .swiper-container {width: 100%; }
.tab-middle .swiper-container {height:auto;}
.tab-middle .swiper-slide {text-align: center;font-size: 0.875rem; 
 /* Center slide text vertically */ display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: flex-start;justify-content: flex-start; padding: 0rem 0rem; height:290px; flex-direction:column; }
.tab-middle .swiper-slide a{ width:91%;  text-align:left; display:flex;flex-direction:row; height: auto;align-items:center; margin:5px 0px;  }

@media (max-width: 767.98px){
.tab02 .tab-middle{ clear:both; padding-top:20px; height:350px;  box-sizing:border-box }
.tab-middle .swiper-slide{ height:330px;}
}


.tab-middle .swiper-slide a div{ width:6%; height:33px; display:block; text-align:center; line-height:33px;}
.tab-middle .swiper-slide a p{ padding-left:8px; width:94%; box-sizing:border-box}
.tab-middle .swiper-slide a:hover{ color:#182c57;}
.tab-middle .swiper-slide a:hover div{ border:1px solid #faa82a; border-radius:50%;}
.tab-middle .swiper-button-next,.tab-middle .swiper-button-prev{width:30px;height:30px;z-index:10;cursor:pointer;background-size:30px 30px;}
.tab-middle .swiper-button-next{background-image: url(../img/ic_next.png); right:0px;left:auto;top:50%;margin-top:-50px;}
.tab-middle .swiper-button-prev{background-image: url(../img/ic_prve.png); right:0px;left:auto; bottom:50%; margin-bottom:-50px;}

.sec6{ padding:50px 0px; }
.sec6 .more{ float:right; line-height:55px}
.nbox{ padding:0px 15px;}
.newsli{ clear:both; display:flex;flex-direction:row;flex-wrap:wrap; padding-top:15px;}
.newsli li{ width:50%; padding:5px 0px 5px 15px; background:url(../img/dot.png) no-repeat 0px 13px; background-size:6px }

@media (max-width: 767.98px){
.sec6{padding:30px 0px;}
.newsli li{ width:100%}
}


.sec7{ background:url(../img/sec7bg.jpg) no-repeat center bottom ; padding:30px 0px 30px 0px; height:540px;}
.sec7 .row{ padding:0px 15px; height:400px; }

	.sec7 h2{ color:#FFF;  margin-bottom:20px;}
	 .sec7 .swiper-container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .sec7 .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .sec7 .gallery-top {
      height: 80%;
      width: 100%;
    }
   .sec7 .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .sec7 .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }
    .sec7 .gallery-thumbs .swiper-slide-active {
      opacity: 1;
    }
	.sec7 .gallery-top .swiper-slide p{ padding-top:0px;color:#FFF; background:  rgba(0, 0, 0, 0.5); padding:5px 10px;}
.sec7 .swiper-button-next,.sec7 .swiper-button-prev{width:37px;height:25px;z-index:10;cursor:pointer;background-size:37px 25px;top: auto; margin-top:0px; bottom:140px;}
.sec7 .swiper-button-next{background-image: url(../img/ic_next2.png); right: 5px;left: auto; }
.sec7 .swiper-button-prev{background-image: url(../img/ic_prve2.png); right: auto;left:5px; }

@media (min-width: 1200px) {
.sec7{ background:url(../img/sec7bg.jpg) no-repeat center bottom ; padding:50px 0px 50px 0px; height:500px;}
.sec7 .row{ padding:0px 15px; height:404px; position:relative;}
.sec7 h2{ color:#FFF; position:absolute; top:0px; left:15px; z-index:9999999; margin-bottom:0px;}

    .sec7 .swiper-container {
      margin-left: auto;
      margin-right: auto; 
    }
    .sec7 .swiper-slide {
      
    }
    .sec7 .gallery-top {
      height: 100%;
      width: 100%;
	  background: url(../img/hdbox.png) no-repeat right top;
    }
	.sec7 .gallery-top .swiper-slide {
	  background-position:right 8px top 8px;
      background-size: auto 384px;
	  background-repeat:no-repeat;
    }
	.sec7 .gallery-top .swiper-slide p{color:#FFF; width:350px; background: none;padding:0px 0px; padding-top:100px;}
	
    .sec7 .gallery-thumbs {
	  
	  position:absolute; bottom:0px; left:15px; height:125px; width:365px;
      box-sizing: border-box;

    }
    .sec7 .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.3;
	  background-size: cover;
      background-position: center;
    }
    .sec7 .gallery-thumbs .swiper-slide-active {
      opacity: 1;
    }
	
.sec7 .swiper-button-next,.sec7 .swiper-button-prev{width:37px;height:25px;z-index:10;cursor:pointer;background-size:37px 25px;top: auto; margin-top:0px; bottom:140px;}
.sec7 .swiper-button-next{background-image: url(../img/ic_next2.png); right: auto;left:45px; }
.sec7 .swiper-button-prev{background-image: url(../img/ic_prve2.png); right: auto;left:0; }
}	

/*返回顶部开始*/

#gotop{ z-index:999999999999;background-position:-276px -310px;bottom:30px;_margin-bottom:30px;
    width:40px;height:40px;position:fixed;right:10px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

/*返回顶部结束*/
@media (min-width: 768px){
	.adimg{ padding:0px 15px;}
}
.adimg img{ width:100%;}