body {
    color: #000;
    font-size: 14px;
    font-family: "PingFangSC", "PingFang SC", "微软雅黑", "Arial", Helvetica, "黑体", Arial, Tahoma;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    background: #fffefe; 
 
}
.img-hide{ overflow:hidden; display: block; }

.img-hide img,.div-img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,.img-hide:hover .div-img{ transform: scale(1.05,1.05); }
.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;}

.slick-dots li button:before{ display: none; }

.container{ width: 1510px;}
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }
.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);}

  .layer{background:rgba(0,0,0,0.8);position: fixed;left:0;top:0;right:0;bottom:0;z-index:10;opacity:0;z-index: -1;transition:all 0.3s ease-out 0s;display: none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
  .layer.showdiv{opacity:1;visibility:visible; z-index: 100000; display:flex;}
  .layer .close{font-size:60px; font-family: "宋体"; position:absolute;right:50px;top:50px;width:80px;height:80px;text-align: center;line-height:80px;cursor:pointer;color:#ccc;}
  .layer .search_box{height:45px;line-height:45px;width:100%; max-width: 600px; display:-ms-flexbox;display:flex;transform:translateY(-50px);opacity:0;margin-top:-100px;}
  .layer.showdiv .search_box{transform:none;transition:all 0.5s ease-out 0s;opacity:1;}
  .layer .search_box .kw{background:#fff; border:none; height: 45px; -ms-flex:1;flex:1;padding:0 12px;font-size:16px;-webkit-appearance:none;appearance:none;border-radius:0;}
  .layer .search_box .ok{background:#0c4da2 url(../images/search.png) center no-repeat!important; right:0; height: 45px; color:transparent; box-shadow: none; border:none; width:120px;text-align: center;font-size:18px;cursor: pointer;-webkit-appearance:none;appearance:none;border-radius:0;}
  .layer.active{ opacity: 1; z-index: 1000000; }
  .layer.showdiv .search_box{ background: #fff; border-radius: 0; }

.container{ width:1530px; }


.header{ position: fixed; z-index: 10000; left: 0; right: 0; top: 0; background: url(../images/header.png) center top no-repeat; background-size: 100% auto; padding:0.3rem 1.8rem 0.3rem 3.125%; }
.nav-list li{ float: left; position: relative; margin-left: 0.6rem; }
.nav-list li a{ font-size: 0.26rem; color: #fff; display: block; line-height: 0.79rem; }
.nav-down{ position: absolute; text-align: center; display: none; left: 50%; transform: translate(-50%,0); top: 100%; min-width: 120%; background: #fff; }
.nav-down li{ float: none; width: 100%; margin:0!important; }
.nav-down li a{ line-height: 28px; background: #fff!important; color: #333!important; font-weight: normal; font-size: 16px;padding:8px 3px;}
.nav-list li:hover .nav-down{ display: block; }

.nav-down li a:hover{ background: #1c6aca!important; color: #fff!important; }
.logo img{ width: 5.56rem; }
.search-a{ position: absolute; right: 0; top: 0.3rem; width: 1.37rem; }
.banner{ overflow:hidden; margin:0; }
.banner img{ width: 100%; }
.banner .slick-prev{ left: 90px; z-index: 100; width: 72px; height: 72px; background: url(../images/left.png) center no-repeat; background-size: 100% auto; }
.banner .slick-next{ right: 90px; width: 72px; height: 72px; background: url(../images/right.png) center no-repeat; background-size: 100% auto;}
.slick-prev:before,.slick-next:before{ display: none; }
.fix-box{ position: fixed; right: 0; top: 50%; margin-top: 20px; z-index: 1000; transform: translate(0,-50%); }
.fix-ul li a{ display: block; border-bottom: solid 1px #3372bf; font-size: 16px; color: #fff; padding:15px 5px; width: 90px; }
.fix-ul{ background: #1c6aca; padding-top:50px; border-radius: 10px; }
.fix-ul li a img{ display: inline-block; margin-bottom: 10px; }
.logo-b{ position: absolute; left: 0; right: 0; top: -45px; }
.logo-b img{ box-shadow: 10px 10px 10px rgba(80,30,108,0.3); border-radius: 50%; }
.fix-ul li:last-child a{ border:none; }
.banner-box{ position: relative; }
.banner-b{ position: absolute; left: 50%; z-index: 100; bottom: 50px; width: 56px; margin-left: -28px; }
.page-one{ position: relative; background: url(../images/back-l.png) center no-repeat; background-size: cover; padding:80px 0 110px 0; }
.title-top{ font-size: 40px; color: #fff; font-family: "思源宋体 CN"; line-height: 1; padding-top: 52px; background: url(../images/title01.png) center top no-repeat; }
.title-bottom{ font-family: "思源宋体 CN"; color: #fff; font-size: 16px; opacity: 0.26; margin-top: 10px; text-transform: uppercase;  }
.title-bottom span{ display: inline-block; padding:0 15px; }
.title-more{ font-size: 18px; color: #fff; margin-top: 45px; background: url(../images/more.png) right center no-repeat; padding-right: 40px; line-height: 30px; }
.img-slick{ width: 760px; margin:0; margin-left: -10px; }
.img-slick a{ display: block; position: relative; padding-left: 10px; padding-bottom: 15px; }
.img-slick-img{ height: 487px; transition: 0.3s all; }
a:hover .img-slick-img{ transform: scale(1.05,1.05); }
.title-box{ margin-bottom: 70px; }
.img-slick a:before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 150px; height: 88px; background: #d89d42; }
.img-slick a .img-hide{ z-index: 20; position: relative; }
.img-slick-bottom{ z-index: 20; position: relative; font-size: 22px; color: #fff; padding:25px 100px 0 12px; line-height: 1; }
.img-slick-bottom span{ display: inline-block; width: 155px; }
.img-slick .slick-next{ top: auto; opacity: 0.5; bottom: 12px; right: 45px; width: 12px; height: 20px; background: url(../images/right02.png) center no-repeat; z-index: 99999;}
.img-slick .slick-prev{ top: auto; opacity: 0.5; left: auto; bottom: 12px; right: 77px; width: 12px; height: 20px; background: url(../images/left02.png) center no-repeat;z-index: 99999; }
.img-slick .slick-next:hover,.img-slick .slick-prev:hover{ opacity: 1; }
.page-one .container{ position: relative; z-index: 100; }
.page-one:before{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; left: 50%; background: url(../images/back-rr.png) center no-repeat; background-size: cover; }
.one-news li{ float: left; width: 50%; padding:0 0 23px 25px; }
.one-news li a{ display: block; height: 233px; background: url(../images/back-a.png) center no-repeat; background-size: cover; padding:50px 30px 0 30px; }
.one-news-tt{ font-size: 20px; color: #fff; text-align: justify; line-height: 30px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; height: 60px; }
.one-news{ width: 50%; }
.one-news-lind{ border-top: solid 1px #fff; opacity: 0.2; margin-top: 45px; }
.one-news-date{ background: url(../images/raw01.png) right center no-repeat; font-size: 18px; color: #fff; line-height: 1; margin-top: 25px; }
.one-news li a:hover{ background: url(../images/back-a02.png) center no-repeat; background-size: cover; }
.one-news li a:hover .one-news-tt{ color: #0950a2; }
.one-news li a:hover .one-news-lind{ border-color: #0950a2; }
.one-news li a:hover .one-news-date{ color: #0950a2; background: url(../images/raw02.png) right center no-repeat; }
.page-tow{ background: url(../images/back02.png) center no-repeat; background-size: cover; padding-bottom: 70px; padding-top: 110px; }
.page-tow .title-top{ color: #000; font-weight: bold; background: url(../images/title02.png) center top no-repeat;  }
.page-tow .title-bottom{ color: #00478d; opacity: 1; }
.page-tow .title-bottom span{ padding-left: 0; letter-spacing: 0; }
.title-box{ position: relative; }
.page-tow .title-box{ margin-bottom: 0; }
.tow-tabs{ position: absolute; left: 480px; top: 60px; }
.tow-tabs li{ float: left; margin-right: 35px; }
.tow-tabs li a{ display: block; position: relative; padding:0 35px; font-size: 22px; color: #222; }
.tow-tabs li.active a{ color: #024ba0; }
.tow-tabs li.active a:before{ display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 12px; background: url(../images/icon-tabs.png) center no-repeat; }
.tow-tabs li.active a:after{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 12px; background: url(../images/icon-tabs.png) center no-repeat; }
    .swiper-slide {
        background-position: center;
        background-size: cover;

        height: 480px;
        padding:90px 0;
        
    }
.swiper-slide-active{ height: 665px; position: relative; z-index: 10; }
.gd-back{ height: 485px; box-shadow: 0 0 50px rgba(46,84,178,0.4); padding:50px; background: url(../images/gd-back.png) right top no-repeat; background-size: cover; border-radius: 10px; }
.gd-hidden{ overflow:hidden; }
.swiper-container{ width: 2700px; transform: translate(-600px,0); }
.swiper-pagination-bullet{ width: 12px; margin:0 8px!important; height: 12px; position: relative; background: none; }
.swiper-pagination-bullet:before{ display: block; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; background: #fff; opacity: 0.5; border-radius: 50%; }
.swiper-pagination-bullet-active:before{ width: 12px; height: 12px; opacity: 1; }
.gd-back{ display: none; }
.swiper-button-prev{ left: 50%; z-index: 100; opacity: 0.5; top: auto; bottom: 4px; background: url(../images/left03.png) left center no-repeat; width: 19px; height: 33px; margin-left: -150px; }
.swiper-button-next{ right: 50%; z-index: 100; opacity: 0.5; top: auto; bottom: 4px; background: url(../images/right03.png) left center no-repeat; width: 19px; height: 33px; margin-right: -150px; }
.swiper-button-prev:hover,.swiper-button-next:hover{ opacity: 1; }
.swiper-slide-active .gd-back{ display: block; }
.gd-img{ width: 320px; display: none; height: 385px; margin-top: 50px; }
.swiper-slide-active .gd-img{ display: none; }
.swiper-slide-prev .gd-img{  
  float: right;
  display: block;
  --_f: calc(100%*var(--f)/(1 + var(--f)));
  --_a: calc(90deg*var(--f));
  margin-right: -22px;
  aspect-ratio: calc(1 + var(--f));
  object-fit: cover;
  clip-path: inset(0 var(--_f) 0 0 round var(--r));
  transform: perspective(200px) var(--_t,rotateY(var(--_a)));
  }
.swiper-slide-next .gd-img{  
display: block;
float: left;
  margin-left: -20px;
  --_f: calc(100%*var(--f)/(1 + var(--f)));
  --_a: calc(-90deg*var(--f));
 
  aspect-ratio: calc(1 + var(--f));
  object-fit: cover;
  clip-path: inset(0 var(--_f) 0 0 round var(--r));
  transform: perspective(200px) var(--_t,rotateY(var(--_a)));
  transition: .5s;}
.swiper-slide-next{ position: relative; z-index: 100; }
.gd-back-img img{ width: 296px; height: 385px; }
.gd-back-right{ width: 445px; padding-top: 35px; }
.gd-back-name{ font-size: 26px; color: #0c4da2; font-weight: bold; line-height: 1;      width: 100%;  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.gd-back-label{ font-size: 20px; color: #0c4da2; background: #b3d3f4; padding:0 20px; line-height: 34px; margin-left: 30px; border-radius: 17px; }
.gd-lind{ border-top: solid 1px #ddd; color: #888;
    font-size: 16px;
    line-height: 30px;
    padding-top: 10px;
    text-align: center;}
.gd-lind-sm{ margin-top: 30px; height: 3px; width: 30px; background: #d99c3e; }
.gd-p{ text-align: justify; color: #888; font-size: 16px; line-height: 30px; height: 150px; margin-top: 15px;  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.gd-more{ display: inline-block;font-size: 16px; margin-top: 50px; color: #0e5bb9; background: url(../images/more02.png) right center no-repeat; padding-right: 50px; line-height: 29px; }
.page-three{ position: relative; padding-top: 135px; overflow:hidden; background: url(../images/back03.png) center 40px no-repeat; }
.page-three .title-box{ padding-right: 330px; }
.page-three .title-top{ color: #000; font-weight: bold; background: url(../images/title02.png) center top no-repeat; }
.page-three .title-bottom{ color: #00478d; opacity: 1; }
.three-one{ position: absolute; left: 0; top: 144px; right: 50%; }
.three-one div{ height: 540px; }
.three-list{ position: relative; z-index: 100; padding-top: 25px; }
.three-list:before{ display: block; content: ""; position: absolute; left: 1150px; top: -30px; width: 569px; height: 131px; background: url(../images/Guide.png) center no-repeat; }
.three-list li{ float: left; width: 22%; }
.three-list li a{ display: block; transition: 0.3s all; height: 330px; padding-top: 90px; background: rgba(255,255,255,0.83); }
.three-list li a:hover{ transform: translate(0,-20px); box-shadow: 0 0 20px rgba(0,0,0,0.3); }
.three-list li:first-child{ margin-left: 28%; }
.three-list-tt{ font-size: 26px; color: #0953ae; line-height: 1; margin-top: 45px; }
.three-list li:nth-of-type(2) a{ background: url(../images/three-b02.png) center no-repeat; background-size: cover; }
.three-list li:nth-of-type(2) a .three-list-tt{ color: #fff; }
.three-list li:nth-of-type(3) a{ background: url(../images/three-b03.png) center no-repeat; background-size: cover; }
.three-list li:nth-of-type(3) a .three-list-tt{ color: #fff; }
.three-list li:nth-of-type(3){ width: 28%; }
.three-list li:nth-of-type(4) a{ background: url(../images/three-b04.png) center no-repeat; background-size: cover; }
.three-list li:nth-of-type(4) a .three-list-tt{ color: #fff; }
.three-list li:nth-of-type(4){ width: 28%; }
.three-list li:nth-of-type(5) a{ background: url(../images/three-b05.png) center no-repeat; background-size: cover; }
.three-list li:nth-of-type(5) a .three-list-tt{ color: #fff; }
.three-list li:nth-of-type(6){ width: 50%; }
.three-list li:nth-of-type(6) a{ height: auto; padding:0; }
.three-list li:nth-of-type(6) a div{ height: 420px; }
.title-four{ font-size: 30px; color: #333; line-height: 1; margin-bottom: 40px; position: relative; }
.title-four a{  font-size: 18px; color: #024ba0; float: right; background: url(../images/more.png) right center no-repeat; padding-right: 40px; line-height: 30px;  }
.page-four{ margin-top: 115px; padding-bottom: 140px; background: url(../images/back04.png) center bottom no-repeat; background-size: cover; }
.title-four:before{ display: block; content: ""; position: absolute; left: 0; bottom: -16px; width: 52px; height: 2px; background: #074c8f; }
.video-box{ display: block; position: relative; }
.video-box div{ padding-top: 60%; transition: 0.3s all; }
.video-box:hover div{ transform: scale(1.05,1.05); }
.video-box:before{ display: block; content: ""; z-index: 100; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/video.png) center no-repeat; }
.page-four .col-xs-4{ padding:0 23px; }
.page-four .row{ margin:0 -23px; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 80px;}
.footer-tt{ font-size: 20px; color: #fff; }
.footer-p{ font-size: 16px; color: #fff; margin-top: 15px; }
.footer-p span{ display: inline-block; padding-right: 35px; }
.footer-ul li{ float: left; margin-right: 35px; margin-top: 15px; }
.footer-ul li a{ font-size: 16px; color: #fff; }
.footer-tt-b{ margin-top: 20px; }
.footer-right-sm{ width:610px; }
.ewm-box a{ display: inline-block; position: relative; margin-left: 30px; }
.ewm-box a span{ position: absolute; display: none; text-align: center; padding-top: 10px; left: 50%; bottom: 100%; width: 124px; margin-left: -62px; height: 135px; background: url(../images/ewm-back.png) center no-repeat; }
.ewm-box a span img{ width: 100px; }
.ewm-box a:hover span{ display: block; }
.footer-ba{ font-size: 16px; color: #fff; margin-top: -20px; }
.search-a img.phone{ display: none; }
.tabs-more{ position: absolute; right: 0; top: -110px; color: #024ba0; }



.list-left { width: 290px; padding-bottom: 55px; margin-top: 40px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; background: rgb(255, 255, 255); }
.list-left-tt span { display: block; font-size: 24px; color: rgb(255, 255, 255); font-weight: bold; }
.list-left-tt { height: 88px; background: #0e4fe1; line-height: 88px; }
.left-nav li a { display: block; position: relative; line-height: 60px; font-size: 20px; color: rgb(51, 51, 51); text-align: center; }
.left-nav li { position: relative; }
.left-nav li a::before { display: block; content: ""; position: absolute; left: 25px; right: 25px; bottom: 0px; border-bottom: 1px solid rgb(221, 221, 221); }
.left-nav-down li a { line-height: 40px; font-size: 16px; color: rgb(51, 51, 51); padding-left: 25px; }
.left-nav-down li a::before { display: none; }
.left-nav li.active { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; background: rgb(255, 255, 255); margin-top: -1px; }
.left-nav li.active::before { display: block; content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 4px; background: #0e4fe1; }
.left-nav li.active a { color: #0e4fe1; font-weight: bold; }
.left-nav li.active .left-nav-down li a { color: rgb(51, 51, 51); font-weight: normal; }
.left-nav-down { padding: 10px 0px; display: none; }
.left-nav li a:hover { color: #0e4fe1 !important; }
.left-nav { padding-top: 20px; }
.container-list { max-width: 1330px; }
.list-ssjgy { width: 1300px; margin-top: 40px; }
.list-right { width: 1050px; margin-top: 40px; }
.nav-b { color: rgb(153, 153, 153); font-size: 14px; padding-left: 28px; background: url("../images/icon-home.png") left center no-repeat; }
.nav-b a { color: rgb(153, 153, 153); }
.list-top { border-bottom: 1px solid rgb(221, 221, 221); padding-bottom: 15px; }
.article-tt { font-size: 24px; color: rgb(51, 51, 51); font-weight: bold; margin-top: 20px; margin-bottom: 0px; }
.article-sm { border-top: 1px dashed rgb(221, 221, 221); max-width: 780px; margin: 30px auto 0px; border-bottom: 1px dashed rgb(221, 221, 221); padding: 15px 0px; font-size: 16px; }
.article-sm span {padding: 0px 4px;}
.article-p p,.article-p span {text-align: justify;font-size: 16px !important;color: rgb(51, 51, 51);line-height: 1.75 !important;margin-bottom: 10px;font-family: calibri!important;background:none !important;}

.article-p { margin-top: 40px; }
.article-link p a { font-size: 16px; color: rgb(51, 51, 51); display: block; }
.article-link p a span { font-weight: bold; }
.article-link { border-top: 1px dashed rgb(221, 221, 221); padding-top: 30px; }
.article-link p { margin-bottom: 20px; }
.list-box { background: url("../images/list-box.png") center bottom no-repeat; padding-bottom: 60px;}
.list-left-tt-phone { display: none; }
.img-lb li { padding: 0px 25px; margin-bottom: 50px; width: 50%; }
.img-lb { margin: 0px -25px; padding-top: 20px;     display: flex;
    flex-wrap: wrap;}
.img-lb-tt { font-size: 18px; color: rgb(51, 51, 51); margin-top: 20px;text-align:center; }
.img-lb-img { position: relative; padding-top: 67%; }
.img-lb-img img { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; }
.img-lb li a { display: block; }
.img-ul-left img { width: 260px; height: 175px; }
.img-ul-left a{ display: block; }
.img-ul-a li { padding: 35px 0px; border-bottom: 1px dashed rgb(221, 221, 221); transition: all 0.5s ease 0s; }
.img-ul-right { margin-left: 290px; }
.img-ul-tt a {display: block; font-size: 18px; color: rgb(51, 51, 51); }
.img-ul-p { color: rgb(153, 153, 153); font-size: 14px; line-height: 25px; height: 75px; overflow: hidden; margin-top: 15px; }
.img-ul-date { color: rgb(153, 153, 153); font-size: 14px; margin-top: 20px; background: url("../images/icon-date.png") left center no-repeat; padding-left: 20px; }
.img-ul-a li:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; background: rgb(255, 255, 255); border-color: transparent; padding: 35px; }
.img-ul-a li:last-child { border: none; }
.img-ul-a { padding-bottom: 30px; }
.wz-ul-date { width: 80px; height: 80px; background: rgb(246, 246, 246); padding-left: 15px; padding-top: 12px; line-height: 25px; }
.wz-ul-date span { font-weight: bold; font-size: 18px; }
.wz-ul li { padding: 20px 0px; border-bottom: 1px dashed rgb(221, 221, 221); }
.wz-ul-right { margin-left: 105px; padding-top: 5px; }
.wz-ul-tt a { font-size: 18px; color: rgb(51, 51, 51); font-weight: bold;}

.wz-ul-tt{font-size: 18px;}
.wz-ul-p { margin-top: 15px; color: rgb(153, 153, 153); font-size: 14px; }
.wz-ul { margin-bottom: 30px; font-size: 14px; }
.wz-ul li:hover .wz-ul-date { background: #0c4da2; color: rgb(255, 255, 255); }
.wz-ul li:hover .wz-ul-tt a { color: #0c4da2; }
.table-bordered { border: none; }
.table-bordered > thead > tr > th { background: rgb(233, 244, 255); font-size: 22px; color: rgb(51, 51, 51); font-weight: normal; padding: 20px 20px 20px 120px; border: none; }
.table-bordered > tbody > tr > td { font-size: 20px; color: rgb(51, 51, 51); padding: 20px 20px 20px 120px; border-color: rgb(243, 243, 243); background: rgb(255, 255, 255); }
.table-box { margin: 50px 40px; }
.ld-img img { width: 165px; height: 200px; }
.ld-right { margin-left: 190px; padding-top: 15px; }
.ld-name a { font-size: 22px; color: rgb(51, 51, 51); font-weight: bold; }
.ld-txt { color: rgb(153, 153, 153); line-height: 25px; margin-top: 15px; text-align: justify; }
.ld-ul li { border-bottom: 1px dashed rgb(221, 221, 221); font-size: 14px; padding: 40px 0px; }
.ld-ul { padding-bottom: 30px; }
.jg-title { font-size: 30px; padding-bottom: 20px; margin-top: 40px; border-bottom: 1px solid rgb(221, 221, 221); }
.jg-title span { float: left; width: 50px; }
.jg-ul li { float: left; padding: 0px 10px 0px 0px; height: 60px; width: 50%; }
.jg-ul li a { display: block; padding-left: 32px; font-size: 16px; color: rgb(51, 51, 51); margin-top: -13px; }
.jg-ul { margin-top: 40px; margin-bottom: -20px; }
.jg-ul li a:hover {color: #0e4fe1;); }
.img-ul-tt a:hover, .nav-b a:hover, .ld-name a:hover, a:hover .img-lb-tt { color: #0e4fe1;; }

.banner-list img{ width: 100%; }
.article-link p a:hover{ color: #A40909; }

.title-more-b{margin-top: 0.3rem;margin-left:0;}
.tow-title a{ color: #fff; }
.tow-title a:hover{ text-decoration: underline!important; }
    .cx-box-left{ width: 310px; }
    .cx-box-right{ width: 760px; }
.header-list.one{ background: #0e5bb9; }



      .list-right { width: calc(100% - 330px); }
  .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td { padding-left: 60px; }
  .xs-list li a{ height: 370px; }

  .nav-list-news li a{ font-size: 18px;padding: 0 31px; }
  .ss-list li{ width: 330px; }
  .ss-list-img img{ height: 122px; }

@media( max-width: 1690px){
  .container{ width: 1230px; }
  .img-slick{ width: 610px; }
.swiper-container {
    width: 2160px;
    transform: translate(-480px,0);
}
.gd-img{ width: 250px; height: 280px; }
.gd-back-img img{ width: 250px; height:325px; }
.gd-back-right{ padding-top: 10px; width: 390px; }
.gd-p{ margin-top: 20px; }
.gd-back{ padding:30px; height: 380px; }
.gd-more{ margin-top: 25px; }
.swiper-slide-next .gd-img{ margin-left: -10px; }
.swiper-slide-active{ height: 560px; }
.three-list:before{ left: 950px; }
.logo-footer{ width: 450px; }
.footer-right-sm{ width: 540px; }
}
@media( max-width: 1279px){
  .container{ width: 970px; }
  .page-one:before{ display: none; }
  .img-slick{ float: none!important; width: auto; }
  .one-news{ float: none!important; width: auto; margin:0 -12px; margin-top: 30px; }
  .one-news li{ padding-left: 12px; padding-right: 12px; }
.swiper-container {
    width: 300%;
    transform: translate(-33.333333%,0);
    padding-bottom: 60px;
}
.swiper-slide{ height: auto; padding:0; }
.swiper-slide-active{ height: auto; padding:0; }
.gd-hidden{ padding-top: 50px; }
.gd-img{ display: none!important; }
.gd-back-right{ width: 590px; }
.gd-back{ display: block!important; box-shadow: none; }
.tow-tabs{ left: 280px; }
.page-three .title-box{ padding-right: 150px; }
.three-list:before{ left: 750px; }
.footer-left,.footer-right{ float: none!important; }
.logo-footer{ width: 100%; text-align: center; margin-bottom: 20px; }
.logo-footer img{ width: 400px; }
.footer-ba{ margin:30px 0 0 0; text-align: center; }
.footer{ padding:30px 0; }
.fix-box{ display: none; }







  }
@media( max-width: 991px){
  .container{ width: 750px; }
.list-left{width:240px;}
.list-right {
    width: calc(100% - 270px);
}
  .gd-back-right{ width: 390px; }
  .title-four{ font-size: 18px; }
  .title-four a{ font-size: 16px; }
  .tow-tabs{ left: 230px; }
  .tow-tabs li{ margin-right: 10px; }
  .tow-tabs li a{ padding:0 20px; font-size: 18px; }
  .banner .slick-prev,.banner .slick-next{ width: 36px; height: 36px; }
  .banner-b{ display: none; }
  .page-one{ padding:30px 0; }
  .title-top{ font-size: 30px; background-size: 100% auto; }
  .title-bottom{ font-size: 13px; }
  .title-box{ margin-bottom: 30px; }
  .page-tow,.page-three{ padding-top: 50px; }
  .page-four{ margin-top: 50px; padding-bottom: 50px; }
  .tabs-more{ top: -100px; }




.login-tt{ display: none; }
.login-center{ width: auto; padding-left: 25px; }
.btn-login{ margin-left: 10px; }
.about-img{ width: 100%; text-align: center; }
.about-right{ width: 100%; margin-top: 20px; }
.link-box-tt{ border:none; line-height: 1; float: none!important; height: auto; padding:0; border:none; text-align: center; margin:30px 0; font-size: 36px; width: 100%; }
.link-ul{ position: static; transform: translate(0,0); } 
}
@media( max-width: 767px){
.banner .slick-next{right: 20px; margin-top: 2px;}
.banner .slick-prev{left:20px;margin-top: 2px;}
  body{ padding-top: 50px;}
  .container{ width: 100%; }
  .header{ height: 50px; padding:0 15px; background: #024ba0; }
  .logo img{ width: auto; height: 30px; }
  .logo{ line-height: 50px; }
  .nav-list{ position: fixed; left: 0; display: none; right: 0; top: 50px; bottom: 0; background:#024ba0; border-top: solid 1px #fff; overflow-y: auto;  }
  .nav-list li{ float: none; margin:0; }
  .nav-list li a{ font-size: 16px; padding:0 15px; line-height: 40px; }
  .title-top{ background: none; padding-top: 0; font-size: 24px; }
  .title-more{ font-size: 16px; margin-top: 10px; }
  .img-slick-img{ height: auto; padding-top: 65%; }
  .img-slick-bottom{ font-size: 16px; padding-right: 60px; }
  .img-slick-bottom span{ width: 100px; }
  .img-slick .slick-next{ right: 0; }
  .img-slick .slick-prev{ right: 30px; }
  .img-slick a:before{ width: 115px; }
  .one-news li{ width: 100%; padding-bottom: 15px; }
  .one-news li a{ height: auto; padding:20px; }
  .one-news-lind{ margin-top: 25px; }
  .one-news-tt{ font-size: 18px; }
  .one-news-date{ font-size: 16px; }
  .tow-tabs{ position: static; margin-top: 20px; }
  .tow-tabs li{ margin:0; width: 33.333333%; }
  .tow-tabs li a{ font-size: 16px; width: 100%; padding:0; text-align: center; background-size: 6px auto!important; }
  .gd-back{ height: auto; padding:20px; }
  .gd-back-img img{ width: 125px; height: 162px; }
  .gd-back-img{ width: 100%; text-align: center; }
  .gd-back-right{ width: 100%; padding-top: 25px; text-align: center; }
  .gd-back-name{ font-size: 18px; display: inline-block; float: none!important; line-height: 25px; }
  .gd-back-label{ font-size: 14px; display: inline-block; float: none!important; line-height: 25px; padding:0 10px; margin-left: 15px; }
  .gd-p{ font-size: 14px; line-height: 25px; height: 125px; margin-top: 15px; }
  .gd-lind-sm{ margin-top: 15px; }
  .gd-more{ font-size: 14px; margin-top: 15px; }
  .page-tow{ padding:30px 0; }
  .gd-hidden{ padding-top: 20px; }
  .swiper-pagination-bullet{ margin:0 10px!important; }
  .swiper-button-prev{ margin-left: -100px; }
  .swiper-button-next{ margin-right: -100px; }
  .page-three .title-box{ padding-right: 0; }
  .page-three .title-box .title-left{ float: left!important; }
  .page-three{ padding-top: 30px; }
  .three-one{ position: static; }
  .three-one div{ height: auto; padding-top: 56.25%; }
  .three-list li:first-child{ margin-left: 0; }
  .three-list li{ width: 50%!important; }
  .three-list li a{ height: auto; padding:30px 0; }
  .three-list-img img{ height: 80px; }
  .three-list-tt{ font-size: 18px; margin-top: 20px; }
  .three-list li:nth-of-type(6) a div{ height: 178px; }
  .page-four{ margin-top: 30px; padding-bottom: 15px; }
  .page-four .col-xs-4{ width: 100%; margin-bottom: 20px; }
  .title-four{ margin-bottom: 30px; }
  .footer-right-sm{ width: 100%; }
  .footer-p{ font-size: 14px; line-height: 25px; }
  .footer-ul li a{ font-size: 14px; }
  .footer-ul li{ margin:0 15px 15px 0; }
  .footer-ul{ margin-top: 15px; }
  .ewm-box{ width: 100%; text-align: center; }
  .ewm-box a{ margin:0 10px; }
  .footer-tt{ font-size: 16px; }
  .logo-footer img{ width: 250px; }
  .footer-ba{ margin-top: 20px; font-size: 14px; }
  .footer{ padding:20px 0; }
  .search-a img{ display: none; width: 20px; }
  .search-a img.phone{ display: inline-block; }
  .search-a{ width: 20px; right: 60px; top: 0; line-height: 50px; }
  .menu-button{ display: block; }
  .nav-click { display: block; transition: all 0.3s ease 0s; z-index: 10000; position: absolute; color: rgb(255, 255, 255); right: 0px; top: 0px; width: 40px; height: 40px; text-align: center; line-height: 40px; }
  .nav-click.active { transform: rotate(180deg); }
  .nav-down { position: static; transform: translate(0,0); margin: 0px; padding: 0px; width: 100%; background: none; }
  .nav-down li { text-align: left; padding: 0px; }
  .nav-down li a { padding: 0px 15px 0px 25px; font-size: 14px; line-height: 30px; text-align: left; }
  .nav-list li:hover .nav-down { display: none; }













.list-left { width: 100%; margin-top: 20px; padding: 0px; }
  .list-left-tt { height: 60px; line-height: 60px; font-size: 18px; text-align: left; padding-left: 20px; }
  .list-left-tt span { font-size: 18px; }
  .left-nav { padding: 0px; display: none; }
  .list-right { width: 100%; margin-top: 20px; }
  .article-tt { font-size: 18px; }
  .article-sm span { font-size: 14px; line-height: 25px; }
  .article-p p {font-size: 14px !important;line-height: 25px !important;margin-bottom: 10px;}
  .article-p { margin-top: 20px; }
  .article-link p a { font-size: 14px; }
  .article-link p { margin-bottom: 10px; }
  .article-link { padding: 20px 0px; }
  .list-left-tt { display: none; }
  .list-left-tt-phone { display: block; position: relative; }
  .list-left-tt-phone .nav-click { height: 60px; line-height: 60px; color: rgb(255, 255, 255); }
  .left-nav li a { line-height: 40px; font-size: 16px; }
  .img-lb-tt { font-size: 14px; margin-top: 10px; }
  .img-lb li {padding: 0px 8px;margin-bottom: 15px;width: 100%;height: auto !important;}
  .img-lb { margin: 0px -8px; padding-bottom: 15px; }
  .list-box { padding-bottom: 30px; }
  .img-ul-left img { width: 130px; height: 80px; }
  .img-ul-right { margin-left: 140px; }
  .img-ul-p { height: 50px; margin-top: 5px; }
  .img-ul-date { display: none; }
  .img-ul-a li { padding: 15px 0px; }
  .img-ul-a li:hover { padding: 15px; }
  .img-ul-tt a { font-size: 16px; }
  .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td { font-size: 14px; padding: 8px 15px; }
  .table-box { margin: 20px 0px; }
  .jg-title { margin-top: 20px; padding-bottom: 10px; font-size: 24px; }
  .ld-img { width: 100%; text-align: center; float: none !important; }
  .ld-right { margin: 20px 0px 0px; }
  .gd-slick { margin-top: 20px; }
  }