@charset "utf-8";
*{ font-family: "微软雅黑"; font-size: 14px; line-height: 1.8; margin: 0 auto; padding: 0px;}
ul,li,ol{ list-style: none;}
a{color: #666;}
a,a:hover,a:link,a:active,a:visited{ text-decoration: none;}
a{ -webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;outline: 0;cursor: pointer;}
img{ max-width: 100%; height: auto;}
em{font-style: normal;font-weight: normal;}
body{position: relative;}
.pull-left{float: left;}
.pull-right{float: right;}
.fl_l{float: left;}
.fl_r{float: right;}
.clear{ clear: both;}

/*logo*/
.nav_logo{height: 130px;border-top: 4px solid #3F88D5;}
.nav_logo .container{padding: 24px 0px;}

.nav_logo .logoin div{color: #666666;font-size: 16px;font-weight: normal;border-left: 1px solid #d2d2d2;padding-left: 24px;margin-top: 15px;}
.nav_logo .logoin div span{font-weight: bold;font-size: 20px;line-height: 1;}
.nav_logo .logoin div em{display: block;color: #3F88D5;font-size: 18px;font-weight: bold;line-height: 1.2;}

.nav_logo .logoright p{padding: 0 0 0 52px;background: url(/uploads/carousel/tel.jpg) no-repeat left top;color: #999999;font-size: 12px;font-family: "Microsoft Yahei";}
.nav_logo .logoright span{display: block;font-size: 24px;color: #3F88D5;font-family: '微软雅黑', Arial, Helvetica, sans-serif;font-weight: bold;letter-spacing: 1px;line-height: 1.2;}










/*banner*/
.swiper-pagination{
  width: 20%!important;
  bottom: 20px!important;
}
/* .swiper-pagination-bullet{
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  color: white;
  opacity: 1;
  background: none;
  border: 1px solid white;
  border-radius: 0;
  border-radius: 50%;
  opacity: .75;
}
.swiper-pagination-bullet-active{
  opacity: 1;
  } */

  .mySwiper{
    position: relative;
  }
  .mySwiper,.swiper-wrapper{
        overflow: hidden;
    }
    .swiper-slide img{
		width:100%;
		height:auto;
		min-height:100%;
		transition:1s linear 2s;
		transform:scale(1.1,1.1);
		}
	.swiper-slide-active img,.swiper-slide-duplicate-active img{
		transition:6s linear;
		transform:scale(1,1);
		}


/*Universal*/
.Universal .tit{font-weight: bold;padding-left: 20px;background: url(/uploads/carousel/tit.jpg) no-repeat left bottom;height: 39px;line-height: 39px;color: #3F88D5;font-size: 14px;}



/*tongyong*/
.headlist{border: 1px solid #ccc;padding: 5px 10px;border-radius: 5px;}
.headlist span,.headlist a{color: #666;font-size: 12px;}



/*pages*/
.pages{text-align:center;padding-top: 15px;}
.pages span,.pages a{padding: 3px 8px;margin: 0px 5px;color: #595959;border: #929292 1px solid;}
.pages .current{background: #3F88D5;color: #fff;padding: 3px 8px;}
.pages .disabled:hover,.pages a:hover{background: #3F88D5;color: #fff;padding: 3px 8px;}


/*footer*/
footer{color:#999;position: relative;}
footer div{font-size: 13px;padding: 15px 0;}
footer div img{margin: 5px 0px;}
footer .ft_ewm{position: absolute;max-width: 110px;right: 30%;top: 20px;text-align: center;}
footer .ft_ewm span{font-size: 13px;}


@media (min-width:960px){
    .nav1{
      position: fixed;
      width: 100%;
      z-index: 200;
      line-height: 65px;
      top: 0;
      left: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.26);
    }
    .navbar-expand-lg{padding: 0;}
    .nav1 .navbar_nav{display: flex;width: 100%;text-align: center;margin-bottom: 0;}
    .nav1 .list-nav-top{width: 100%;}
    .nav1 .navbar_nav>li{flex: 1;float: left;}
    .nav1 .navbar_nav>li>a{font-size: 14px;display: block;line-height: 91px;font-weight: bold;color: white;position: relative;}
    .nav1 .navbar_nav>li>a:hover{
      color: #336395;
    }
    .nav1 .navbar_nav>li>a::after{
      content: "";
      bottom: -1px;
      left: 0;
      height: 1px;
      background: #336395;
      opacity: 0;
      position: absolute;
      width: 70%;
      right: 0;
      margin: 0 auto;
      transition: all .36s ease;
    }
    .nav1 .navbar_nav>li>a:hover::after{
      opacity:1;
    }
    .nav1 .logo2{
      display: none;
    }
    .bg_nav_top{
      box-shadow: 0 0.26vw 1.041vw 0 rgb(0 0 0 / 8%);
      background: #fff;
    }
    .bg_nav_top .navbar_nav li a{
      color: black;
    }
    .bg_nav_top .logo1{
      display: none;
    }
    .bg_nav_top .logo2{
      display: block;
    }
    /* .nav1 .navbar_nav>li>a:hover{background: url(/uploads/carousel/hover.jpg) repeat-x;} */

    .nav2{background: url(/uploads/carousel/navbg.jpg) repeat-x;}
    .nav2 ul{display: flex;width: 100%;text-align: center;margin-bottom: 0;}
    .nav2 ul>li{flex: 1;float: left;}
    .nav2 ul>li>a{font-size: 12px;display: block;line-height: 40px;font-weight: bold;color: white!important;background: url(/uploads/carousel/line2.jpg) no-repeat left center;}

    .nav1 .navlib{text-align: center;margin: 0;position: relative;}
    .nav1 .navlib .lista{display: block;color: #fff;transition: all .3s ease-in-out 0s;}
    .navlib .navdown{position: absolute;width: 100%;background: #009A44;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);z-index: 999;}
    .nav1 .navlib ul{padding:0;}
    .navlib .navdown li{font-size: 14px;padding: 5px 0px;border-bottom: 1px solid #ddd;}
    .navlib .navdown li:hover{background:#1AA256;}
    .navlib .navdown li a{color: white;}
    .navopen:hover .navdown{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
    .navopen li .nta1 i{float: right;margin-right: 5px;}
    .navlib .navdown ul{position: absolute;top: 1px;left: 169px;width: 100%;background: #009A44;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);visibility: hidden;opacity: 0;cursor: pointer;}
    .navlib .navdown li:hover ul{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}


}





@media (max-width: 767px) {
  .hidden-xs {display: none !important;}




  .nav1 ul{position: fixed;width: 280px;height: 355px;overflow: auto;padding: 15px 0;top: 50%;left: 50%;margin: -290px 0 0 -140px;z-index: 9999999999;background-color: #fff;box-shadow: 0 0 10px #f1f1f1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
  .nav1 ul li a{font-size: 18px;display: block;color: #333;position: relative;line-height: 40px;border-bottom: 1px solid #f9f9f9;text-align: center;}

  .nav1 .nav-block ul{transform: scale(1);}

  #cloud{display: none;position: fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;top: 0;}


  .nav1 .navbar-hover{position: absolute;right:15px;top:26px;vertical-align: middle;width:24px;height:2px;cursor:pointer;background-color:#00ac21;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
  .nav1 .navbar-hover::after, .nav1 .navbar-hover::before{content:'';width:24px;height:2px;position: absolute;z-index:99999999;right:0;background-color:#00ac21;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
  .nav1 .navbar-hover::after{top:9px;}
  .nav1 .navbar-hover::before{top:-9px;}
  .nav1 .navbar-box.on .navbar-hover{width:0;}
  .nav1 .navbar-box.on .navbar-hover::before{-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
  .nav1 .navbar-box.on .navbar-hover::after{-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}

  .nav1 .logo1{
    display: none;
  }

}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {display: none !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {display: none !important;}
}
@media (min-width: 1200px) {
  .hidden-lg {display: none !important;}
}
@media (min-width: 1400px) {
  .container{max-width: 1390px!important;}
  .nav2 .container{max-width: 1030px!important;}
}
