body {
    color: #111;
    font-size: 14px;
    font-family: "Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;
    padding-top: 110px;


}

.slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; }
.img-hide{ overflow:hidden; display: block; }
.slick-slider{ touch-action: auto!important; }
.img-hide img{ transition: 0.3s all; transform: scale(1,1); }

.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.header{ position: fixed; left: 0; top: 0; right: 0; background: #fff; z-index: 10000; }

.logo{ width: 32.8%; text-align: center; }
.logo a{ display: block; padding:0 15px; line-height: 110px; background: #23439d; }
.nav-list li{ float: left; margin-left: 20px; padding-top: 35px; height: 110px; position: relative; }
.nav-list li a{display: block;line-height: 40px;padding:0 20px;/* border:solid 1px #333; */border-radius: 30px;font-size: 18px;color: #333;font-weight: bold;}
.header-right-box{ line-height: 110px; padding-right: 40px; padding-left: 20px; }
.header-right-box a{ display: inline-block; margin-left: 20px; }
.header.active{ background: #23439d; }
.header.active .nav-list li a{color: #fff!important;/* border:solid 1px #fff; */}
.header.active .header-right-box img,.header-right-box img.a{ display: none; }
.header.active .header-right-box img.a{ display: inline-block; }
.nav-down{ position: absolute; text-align: center; display: none; left: 50%; top: 100%; width: 150px; margin-left: -75px; background: rgba(255,255,255,0.8); border-top: solid 2px #23439d; padding:10px 0; }
.nav-down:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 7px; background: url(/images/nav-raw.png) center no-repeat; }
.nav-down li{ width: 100%; margin:0!important; height: auto; padding:0; }
.nav-down li a,.header.active .nav-down li a{ line-height: 40px; border:none!important; font-weight: normal; background: none!important; font-size: 18px; color: #333!important; }
.nav-down li a:hover,.nav-list li a:hover{ color: #23439d; }
.nav-list li:hover .nav-down{ display: block; }
.nav-down li a:hover,.header.active .nav-down li a:hover{ color: #23439d!important; }
.banner{ margin:0; overflow: hidden; }
.banner img{width: 100%;/* height: max-content; */}
.banner .slick-dots{ bottom: 30px; }
.banner .slick-dots li{ margin:0 25px; }
.banner .slick-dots li,.banner .slick-dots li button{ font-size: 18px; color: #fff; }
.slick-dots li button{ padding-left: 20px; }
.slick-dots li button:before{ display: block; content: "0"; font-size: 18px; color: #fff; opacity: 1!important; position: absolute; left: 0; top: 0; }
.banner .slick-dots li.slick-active:before{ position: absolute; display: block; content: ""; left: -25px; top: 50%; width: 20px; border-top: solid 1px #fff; }
.banner .slick-dots li.slick-active:after{ position: absolute; display: block; content: ""; right: -40px; top: 50%; width: 20px; border-top: solid 1px #fff; }
.banner-bottom{ background: #23439d; }
.banner-nav li a{ display: block; font-size: 26px; line-height: 120px; border-right: solid 1px #fff; color: #fff; font-weight: bold; }
.banner-nav li{ float: left; width: 16.666666%; }
.banner-nav li:first-child a{ border-left: solid 1px #fff; }
.banner-nav li:nth-child(1) a{ background: url(/images/nav01.png) center no-repeat; background-size: cover; }
.banner-nav li:nth-child(2) a{ background: url(/images/nav02.png) center no-repeat; background-size: cover; }
.banner-nav li:nth-child(3) a{ background: url(/images/nav03.png) center no-repeat; background-size: cover; }
.banner-nav li:nth-child(4) a{ background: url(/images/nav04.png) center no-repeat; background-size: cover; }
.banner-nav li:nth-child(5) a{ background: url(/images/nav05.png) center no-repeat; background-size: cover; }
.banner-nav li:nth-child(6) a{ background: url(/images/nav06.png) center no-repeat; background-size: cover; }
.page-one{ background: url(/images/back01.png) center no-repeat; background-size: cover; padding:100px 0 80px 0; }
.container{ width: 1550px; }
.title-left{ font-size: 20px; color: #777; }
.title-left span{ font-size: 40px; color: #23439d; font-weight: bold; }
.title-more{ border:solid 1px #999; margin-top: 35px; text-align: center; font-size: 18px; color: #999; width: 220px; line-height: 48px; }
.title-more span{ padding-right: 78px; background: url(/images/more.png) right center no-repeat; }
.one-left{ width: 67%; padding-right: 20px; }
.one-left-sm{ width: 50%; }
.one-left-sm div{ height: 280px; transition: 0.3s all; }
.title-box{ margin-bottom: 50px; }
.one-left-ul li a{ display: block; background: #fff; }
.one-left-sm-right{ width: 50%; height: 280px; padding:30px; position: relative; }
.one-left-tt{ font-size: 18px; color: #333; font-weight: bold; line-height: 35px; height: 70px; overflow: hidden; }
.one-left-date{ color: #999; margin-top: 10px; }
.one-left-p{ color: #555; line-height: 25px; height: 75px; overflow: hidden; margin-top: 20px; }
.one-left-sm-right:before{ display: block; content: ""; position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; background: url(/images/raw.png) center no-repeat; z-index: 10; }
.one-left-ul li{ margin-bottom: 20px; }
.one-left-ul li a:hover{ background: #23439d; }
.one-left-ul li a:hover .one-left-tt{ color: #fff; }
.one-left-ul li a:hover .one-left-date,.one-left-ul li a:hover .one-left-p{ color: #7187c6; }
.one-left-ul li a:hover .one-left-sm div{ transform: scale(1.1,1.1); }
.one-right{ width: 33%; background: #fff; height: 580px; }

.one-right a .one-left-sm{ width: 100%; }
.one-right a .one-left-sm div{ height: 300px; }
.one-right a .one-left-sm-right{ width:100%; height: 280px; }
.one-right a:hover{ background: #23439d; }
.one-right a:hover .one-left-tt{ color: #fff; }
.one-right a:hover .one-left-date,.one-right a:hover .one-left-p{ color: #7187c6; }
.one-right a:hover .one-left-sm div{ transform: scale(1.1,1.1); }
.tow-left-tt{ font-size: 40px; color: #fff; font-weight: bold; font-family: "Cambria"; }
.page-tow{ background: url(/images/back02.png) center no-repeat; background-size: cover; padding:85px 0 100px 0; }
.tow-left{ width: 430px; }
.tow-more{ border:solid 1px #fff; display: block; margin-top: 65px; text-align: center; font-size: 18px; color: #fff; width: 220px; line-height: 48px; }
.tow-more span{ padding-right: 78px; background: url(/images/more02.png) right center no-repeat; }
.tow-right{ margin-left:470px; }
.tow-right-ul li{ float: left; margin-top: 15px; width: 33.333333%; padding:0 15px; }
.tow-right-ul{ margin:0 -15px; }
.tow-right-ul li a{ display: block; background: rgba(255,255,255,0.16); height: 220px; padding:30px; }
.tow-right-date{ color: #b2c1eb; margin-top: 25px; }
.tow-right-ul li a:hover{ background: #fff; }
.tow-right-tt{  font-size: 18px; color: #fff; line-height: 30px; height: 120px; overflow:hidden; }
.tow-right-ul li a:hover .tow-right-tt{ color: #333; }
.tow-right-ul li a:hover .tow-right-date{ color: #999; }
.page-three{ background: #eee; padding:100px 0; position: relative; }
.three-left-box{ width: 33.333333%; padding:0 5px; }
.three-left-title{ background: #23439d; height: 130px; line-height: 130px; padding:0 40px; }
.three-left-title span{ color: #fff; font-weight: bold; font-size: 40px; font-family: "Georgia"; }
.three-left-title a{ float: right; font-size: 16px; color: #899ac8; }
.three-right{ width: 66.666666%; padding-left: 35px; padding-right: 5px; }
.three-ul li{ float: left; width: 33.3333333%; padding:0 5px; margin-bottom: 10px; }
.three-ul{ margin:0 -5px; }
.three-ul li a{ display: block; height: 280px; position: relative; }
.three-ul-mask{ height: 280px; opacity: 0; background: rgba(35,67,157,0.5); padding:40px; }
.three-ul-p{ font-size: 16px; color: #fff; line-height: 30px; height: 120px; overflow:hidden; }
.three-top{ margin:0 -5px; }
.three-ul-mask span{ display: inline-block; font-size: 16px; margin-top: 30px; text-align: center; color: #fff; border:solid 1px #8b9fd7; background: rgba(255,255,255,0.1); width: 180px; line-height: 45px; }
.three-ul li a:hover .three-ul-mask{ opacity: 1; }
.page-three:before{ display: block; content: ""; position: absolute; left: 0; right: 0; height: 280px; top: 230px; background: url(/images/back03.png) center no-repeat; background-size: cover; }
.page-three .container{ position: relative; z-index: 10; }
.three-ul-mask-sm{ height: auto; position: absolute; left: 50px; top: 50px; right: 50px; bottom: 50px; }
.three-ul-mask-sm font{ position: absolute; text-align: center; padding:0 15px; left: 0; top: 50%; right: 0; transform: translate(0,-50%); font-size: 24px; color: #fff; }
.footer{ background: url(/images/footer.png) center no-repeat; background-size: cover; padding:40px 0; }
.foter-nav li{ float: left; width: 25%; border-left: solid 1px #4d6ab8; padding:0 40px; }
.foter-nav li a{ display: block; line-height: 50px; font-size: 20px; color: #fff; }
.foter-nav li a.footer-a01{ background: url(/images/footer-a01.png) left center no-repeat; padding-left: 50px; }
.foter-nav li a.footer-a02{ background: url(/images/footer-a02.png) left center no-repeat; padding-left: 50px; }
.foter-nav li a.footer-a03{ background: url(/images/footer-a03.png) left center no-repeat; padding-left: 50px; }
.foter-nav li a.footer-a04{ background: url(/images/footer-a04.png) left center no-repeat; padding-left: 50px; }
.foter-nav{ border-right: solid 1px #4d6ab8; }
.footer-bottom{ border-top: solid 1px #4d6ab8; margin-top: 40px; padding-top: 40px; }
.footer-p p{ font-size: 16px; color: #fff; margin-bottom: 20px; }
.footer-a a{ display: inline-block; position: relative; margin-left:40px; margin-top: 15px; }
.footer-a div{ position: absolute; display: none; margin-left:-45px; left: 50%; bottom: 100%; width: 90px; height: 90px; margin-bottom: 15px; }
.footer-a div:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 7px; background: url(/images/raw-b.png) center no-repeat; }
.footer-a a:hover div{ display: block; }
.banner-nav li a:hover{ background: url(/images/back-hover.png) center no-repeat; background-size: cover; }
.search-box-c{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; }
.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background: #1567b1; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}
.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.search-a{ display: none; }
.tow-more:hover{ color: #fff; }
.foter-nav li a:hover{ text-decoration: underline!important; }
.xz-ul li a{ display: block; }
.xz-ul-tt{ font-size: 18px; color: #333; line-height: 30px; height: 60px; overflow:hidden; }
.xz-ul{ padding:30px; }
.xz-ul-date{ font-size: 14px; color: #999; margin-top: 8px; text-align: right; position: relative; }
.xz-ul-date:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; right: 90px; border-top: solid 1px #ddd; }
.xz-ul li{ margin-bottom: 18px; }
.xz-ul li:last-child{ margin-bottom: 0; }
.xz-ul li a:hover{ background: none; }
.xz-ul li a:hover .xz-ul-tt,.xz-ul li a:hover .xz-ul-date{ color: #23439d; }
.xz-ul li a:hover .xz-ul-date:before{ border-color:#23439d;  }


@media( max-width: 1749px){
    .nav-list li{ margin-left: 10px; }
  .header-right-box a{ margin-left: 10px; }
  .header-right-box{ padding-left: 0; }
    
  }
@media( max-width: 1599px){
    .container{ width: 1230px; }
    .nav-list li{ margin-left: 10px; }
    .nav-list li a{ padding:0 10px; }
    .three-left-title{ padding:0 20px; }
    .three-left-title span{ font-size: 28px; }
    .foter-nav li{ padding:0 20px; }
    .footer-p{ width: 900px; }
    .footer-a a{ margin-left: 30px; }
    .three-left-title{ height: 100px; line-height: 100px; }
    .page-three:before{ top: 200px; }
}
@media( max-width: 1430px){
    .nav-list li{ margin-left: 10px; }
    .header-right-box{ padding-right: 20px; padding-left: 0; }
    .nav-list li a{ padding:0 10px; font-size: 16px; }
    }
@media( max-width: 1279px){
    .container{ width: 970px; }
    .logo{ width: 20%; }
    .nav-list li{ margin-left: 10px; }
    .foter-nav li a{ font-size: 15px; }
    .footer-p{ width: 600px; }
    .nav-list li a{ padding:0 10px; font-size: 14px; }
}
@media( max-width: 991px){
  .header {
    background: #23439d;
}
body{ padding-top: 50px; }
.header-right-box img{ display: none!important; }
.header-right-box img.a{ display: inline-block!important; }
    .container{ width: 750px; }
    .logo{ width: auto; }
    .logo a{ line-height: 50px; width: 300px; }
  .menu-button{ display: block; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-down{ position: static; margin:0; padding:0; width: 100%; background: none; }
    .nav-down li{ text-align: left; padding:0; }
    .nav-down li a,.header.active .nav-down li a{ text-align: left; padding:0 25px; color: #fff!important; font-size: 14px!important; line-height: 30px; text-align: left; }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-down:before{ display: none; }
  .nav-list{ position: absolute; background: #23439d; margin-top: 0; left: 0; max-height: 120vh; overflow-y: auto; display: none; top: 50px; right: 0; border-top: solid 1px #fff; }
  .nav-list li{ float: none; display: block; width: 100%; height: auto; line-height: 1; margin:0; padding:0; }
  .nav-list li a{ text-align: left; border:none!important; background: none!important; height: auto; padding:0 15px; font-size: 14px; line-height: 40px; color: #fff!important; }
  .nav-list li.active a{ color: #fff; }
  .nav-list li a:before{ display: none!important; }
  .header-right-box{ line-height: 50px; margin-right: 50px; }
  .header-right-box img{ height: 30px; }
  .header-right-box a{ margin-left: 15px; }
  .one-left{ width: 100%; padding:0; }
  .one-right{ width: 100%; }
  .one-right a .one-left-sm{ width: 50%; height: 280px; float: left; }
  .one-right a .one-left-sm-right{ width: 50%; float: left; }

  .tow-left{ width: 100%; float: none!important; }
  .tow-left-tt{ width: 430px; float: left; }
  .tow-more{ float: right; margin-top: 35px; }
  .tow-right{ margin-left: 0; }
  .three-right{ display: none; }
  .three-left-box{ width: 50%; }
  .three-ul li{ width: 50%; }
  .foter-nav li{ width: 50%; margin-bottom: 15px; border-right: solid 1px #4d6ab8; }
  .foter-nav{ border:none; }
  .footer-p{ width: 500px; }
  .footer-a a{ margin-left:10px; }
  .title-left{ font-size: 16px; }
  .title-more{ margin-top: 25px; }
   .nav-down{ border:none!important; }
    }
@media( max-width: 768px){
    .container{ width: 100%; }
    .logo a{ width: 200px; }
    .search-box-c{ width: 90%; left: 5%; margin-left: 0; }
    .header-right-box{ margin-right: 40px; }
    .header-right-box a{ margin-left: 10px; }
    .banner-nav li{ width: 33.333333%; }
    .banner-bottom .container{ padding:0; }
    .banner-nav li:nth-child(1) a{ border-left: none; }
    .banner-nav li:nth-child(3) a,.banner-nav li:nth-child(6) a{ border-right: none; }
    .banner-nav li a{ font-size: 18px; line-height: 60px; }
    .page-one{ padding:25px 0; }
    .title-left font{ display: none; }
    .title-more span,.tow-more span{ background: none; padding:0; }
    .title-more,.tow-more{ width: auto; font-size: 14px; line-height: 30px; padding:0 15px; margin-top: 15px; }
    .title-box{ margin-bottom: 15px; }
    .one-left-sm{ width: 100%; }
    .one-left-sm-right,.one-right a .one-left-sm,.one-right a .one-left-sm-right{ width: 100%; }

    .tow-left-tt{ font-size: 20px; width: 200px; }
    .page-tow{ padding:25px 0; }
    .tow-right-ul li{ width: 100%; }
    .three-left-box{ width: 100%; }
    .three-left-title{ height: 60px; line-height: 60px; }
    .three-ul li{ width: 100%; }
    .page-three{ padding:25px 0; }
    .page-three:before{ top: 85px; }
    .foter-nav li{ width: 100%; border:none; }
    .footer-p{ width: 100%; }
    .footer-a{ width: 100%; text-align: center; }
    .footer-a a{ margin:0 5px; }
    .footer-bottom{ margin-top: 20px; padding-top: 20px; }
    .footer{ padding:20px 0; }
    .banner .slick-dots{ bottom: 10px; }

}