@charset "utf-8";
/* CSS Document */
body {
    color: #333;
    font-size: 14px;
    font-family: calibri,Arial,Helvetica,Arial,Tahoma;
    margin:0 auto;
    position:relative;
   overflow-x: hidden;
}
.slick-slider{ touch-action: auto!important; }
.slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; }
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transform: scale(1,1); transition: 0.3s all; }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    }
.swiper-button-next:after, .swiper-button-prev:after{ display: none!important; }
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; }
html{ overflow-x: hidden; font-size: 100px; }
img{ max-width:100%;}

.slick-dots li button:before{ display: none; }
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -10; 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); }
.container{ width: 1470px;}
.header{ height: 330px; position: relative; }
.header-slick{ position: absolute; margin:0; overflow:hidden; left: 0; top: 0; width: 100%; height: 330px; z-index: 10; }
.header-slick-img{ height: 330px; }
.header-top{ position: absolute; left: 0; top: 0; right: 0; line-height: 36px; z-index: 1000; font-size: 16px; color: #fff; background: rgba(14,79,255,0.4); }
.header-top-right a{ display: inline-block; margin-left: 45px; color: #fff; }
.header-top-a01{ padding-left: 25px; background: url(../images/icon-a01.png) left center no-repeat; }
.header-top-a02{ padding-left: 25px; background: url(../images/icon-a02.png) left center no-repeat; }
.header-top-a03{ padding-left: 25px; background: url(../images/icon-a03.png) left center no-repeat; }
.header-top-a04{ padding-left: 25px; background: url(../images/icon-a04.png) left center no-repeat; }
.header-bottom{ position: absolute; left: 0; right: 0; top: 36px; z-index: 50; }
.logo{ padding-top: 45px; }
.logo img{ display: block; margin:0 auto; }
.search-box-header{ margin:30px auto 0 auto; width: 660px; position: relative; }
.search-box-header .form-control{ background: #eff7fb; color: #004592; height: 50px; border-radius: 10px; box-shadow: none; border:none; }
.search-box-header .form-control::-webkit-input-placeholder{
            color:#004592;
        }
.search-box-header .form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#004592;
        }
.search-box-header .form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#004592;
        }
.search-box-header .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#004592;}


.btn-search-a{ font-size: 18px; color: #fff!important; background: #0e4fe1; width: 140px; border-radius: 10px; border:none; box-shadow: none; height: 50px; position: absolute; right: 0; top: 0; }
.nav-box{ background: #0e4fe1; position: relative; z-index: 1000; }
.nav-list li{ float: left; width: 14.285714%; position: relative; }
.nav-list li a{ display: block; color: #fff; font-size: 20px; line-height: 65px; }
.tz-left{ position: relative; padding-left: 135px; width: 1000px; height: 90px; }
.tz-left-tt{ position: absolute; left: 0; top: 0; line-height: 90px; }
.tt-link{ line-height: 90px; }
.tt-link a{ font-size: 18px; color: #004592; }
.tt-link a:hover{ color: #0e4fe1; }
.tz-box-c{ position: relative; }
.phone{ position: absolute; right: 0; top: 0; line-height: 90px; }
.back-box{ background: #edf1f5 url() center top no-repeat; padding-top: 40px; padding-bottom: 60px; }
.img-slick{ width: 55.55%; margin:0; }
.img-slick a{ display: block; position: relative; }
.img-slick a div{ height: 520px; transition: 0.3s all; }
.img-slick a:hover div{ transform: scale(1.05,1.05); }
.img-slick a span{ display: block; position: absolute; left: 0; right: 0; bottom: 0; line-height: 60px; background: rgba(0,0,0,0.5); font-size: 24px; color: #fff; padding:0 200px 0 30px;  }
.img-slick .slick-dots{ bottom: 17px; left: auto; right: 20px; width: auto; }
.img-slick .slick-dots li,.img-slick .slick-dots li button{ width: 26px; height: 26px; border-radius: 50%; padding:0; }
.img-slick .slick-dots li button{ background: #fff; text-align: center; color: #000; line-height: 26px; font-size: 18px; }
.img-slick .slick-dots li.slick-active button{ background: #e10e0e; color: #fff; }
.one-right{ background: #fff; height: 520px; width: 42.36%; position: relative; }
.title-left-c{ width: 234px; height: 64px; text-align: center; margin-top: -10px; background: url(../images/title-back.png) center no-repeat; font-size: 30px; color: #fff; line-height: 64px; }
.title-box-c{ padding:0 30px 0 20px; }
.tt-more{ background: url(../images/raw.png) right center no-repeat; float: right; padding-right: 20px; margin-top: 25px; font-size: 18px; color: #969fb2; }
.dt-ul li a{ display: block; padding-left: 20px; border-bottom: dashed 1px #ddd; position: relative; font-size: 18px; color: #000; line-height: 53px; }
.dt-ul li a:hover{ color: #0e4fe1; }
.dt-ul li{ margin-bottom: 10px; }
.dt-ul{ margin:20px 30px 0 30px; }
.dt-ul li a span{ display: inline-block; width: 115px; color: #003ac2; font-size: 20px; }
.dt-ul li a:before{ display: block; content: ""; position:absolute; left: 0; top: 50%; width: 5px; height: 20px; background: #e4e7ed; margin-top: -10px; }
.dt-ul li:last-child a{ border:none; }
.dt-row .col-xs-4{ padding:0 10px; margin-top: 40px; }
.dt-row { margin:0 -10px; }
.dt-row-box{ background: #fff; height: 770px; padding:30px; }
.dt-row-tt{ font-size: 30px; color: #000; font-weight: bold; line-height: 36px; border-left: solid 6px #cfd6e6; padding-left: 18px; }
.dt-row-tt .tt-more{ margin:0; font-weight: normal; }
.dt-link-a{ position: relative; margin-top: 35px; }
.dt-link-img{ height: 250px; transition: 0.3s all; }
a:hover .dt-link-img{ transform: scale(1.05,1.05); }
.dt-link-b{ font-size: 18px; position: absolute; left: 0; right: 0; bottom: 0; color: #fff; line-height: 60px; background: rgba(0,0,0,0.5); padding:0 25px; }
.dt-ul-list-tt{ font-size: 18px; color: #000; line-height: 30px; height: 60px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.dt-ul-date{ font-size: 20px; margin-top: 10px; position: relative; color: #003ac2; line-height: 20px; padding-left: 22px; background: url(../images/icon-date.png) left center no-repeat; }
.dt-ul-date:before{ display: block; content: ""; position: absolute; right: 0; top: 50%; left: 140px; border-top: solid 1px #d5dbe6; }
.dt-ul-list{ margin-top: 40px; }
.dt-ul-list li{ margin-bottom: 30px; }
.dt-link-img-b{ height: 130px; }
.cx-box{ background: url(../images/back-b.png) center no-repeat; margin-top: 40px; background-size: cover; padding:30px 40px; }
.cx-box-left{ width: 400px; padding-bottom: 15px; border-right: dashed 1px rgba(255,255,255,0.5); padding-right: 35px; }
.cx-box-title{ font-size: 30px; margin-bottom: 30px; line-height: 36px; color: #fff; font-weight: bold; position: relative; padding-left: 50px; background: url(../images/icon-cx01.png) left center no-repeat; }
.cx-input{ font-size: 18px; color: #0e4fe1; border-radius: 10px; box-shadow: none; border:none; height: 45px; margin-bottom: 15px; background: rgba(255,255,255,0.6); }
.cx-input::-webkit-input-placeholder{
            color:#004592;
        }
.cx-input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#004592;
        }
.cx-input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#004592;
        }
.cx-input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#004592;}

.btn-cx{ border:none; box-shadow: none; height:45px; font-size: 18px; color: #0e4fe1; width: 100%; border-radius: 10px; }
.btn-cx:hover{ background: #0e4fe1; color: #fff; }
a:hover .dt-ul-list-tt,.tt-more:hover,.friends-ul-list li a:hover{ color: #0e4fe1; }
.cx-box-right{ width: 910px; }
.cx-box-right .cx-box-title{ background: url(../images/icon-cx02.png) left center no-repeat; }
.fw-slick-img{ padding-top: 60%; transition: 0.3s all;  }
a:hover .fw-slick-img{ transform: scale(1.05,1.05); }
.fw-slick a .img-hide{ border-radius: 10px; }
.fw-slick-tt{ color: #fff; margin-top: 25px; font-size: 18px; }
.fw-slick a{ display: block; margin:0 20px; }
.fw-slick{ margin:0 -20px; }
.fw-slick .slick-prev{ left: 0px; top: 50%; margin-top: -35px; z-index: 100; width: 34px; height: 34px; background: url(../images/left.png) center no-repeat; }
.fw-slick .slick-next{ right: 0px; top: 50%; margin-top: -35px; z-index: 100; width: 34px; height: 34px; background: url(../images/right.png) center no-repeat; }
.link-img li{ float: left; width: 33.333333%; padding:0 15px; }
.link-img { margin:0 -15px; margin-top: 40px; }
.dt-row-box-sm{ height: 475px; }
.dt-row-box-sm .dt-ul-list{ margin-top: 30px; }
.dt-row-box-sm .dt-ul-list li{ margin-bottom: 30px; }
.dt-row-box-sm .dt-ul-list li .dt-ul-list-tt{-webkit-line-clamp: 1; height: 30px;}
.video-back{ background: #fff; margin-top: 60px; padding:0 30px 30px 30px; }
.video-tabs li{ float: left; margin-bottom: 35px; }
.video-tabs li a{ display: block; font-size: 24px; color: #003ac2; font-weight: bold; line-height: 54px; width: 236px; }
.video-tabs li.active a{ background: url(../images/title-back.png) center no-repeat; color: #fff; font-size: 30px; margin-top: -10px; }
.video-list li{ float: left; width: 33.333333%; padding:0 15px; }
.video-list{ margin:0 -15px; }
.video-list li a .img-hide{ display: block; position: relative; padding-top: 63.63%; }
.video-list li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.video-list li a .img-hide:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/play.png) center no-repeat; z-index: 100; }
.video-list-tt{ font-size: 18px; color: #000; margin-top: 25px; }
.friends-back{ margin-top: 75px; background: #fff; padding-right: 120px; padding-left: 280px; position: relative; min-height: 60px; }
.friends-title-c{ position: absolute; left: 0; font-size: 30px; padding-left: 35px; color: #fff; font-weight: bold; top:-16px; width: 234px; height: 70px; background: url(../images/tt-back02.png) center no-repeat; line-height: 70px; font-weight: bold; color: #fff; }
.friends-ul-list li{ float: left; line-height: 60px; width: 25%; padding-right: 60px; }
.friends-back .tt-more{ position: absolute; right: 30px; bottom: 0; margin-top: 0; line-height: 60px; }
.friends-ul-list li a{ font-size: 18px; color: #000; }
.footer{ background: #0e4fe1; border-top: solid 40px #003ac2; padding:40px 0; }
.footer-link li{ float: left; margin-right: 55px; }
.footer-link li a{ font-size: 16px; color: #fff; }
.footer-link li a img{ margin-bottom: 10px; }
.footer .container{ position: relative; }
.bq-p{ margin-top: 50px; }
.bq-p p{ font-size: 16px; color: #ccc; margin-bottom: 10px; }
.bq-p p a{color: #ccc; }
.ewm-box{ position: absolute; right: 15px; top: 55px; font-size: 16px; color: #fff; }
.ewm-box img{ margin-bottom: 15px; }
.ewm-box .ewm-c{ margin-left: 20px; }
.video-back .tt-more{ top: -60px; margin-top: 0; position: absolute; right: 0; }











.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: #003ac2; 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);}

.nav-list li:hover a{ color: #fff; background: #003ac2; }
.nav-down{ position: absolute; display: none; transform: translate(-50%,0); left: 50%; top: 100%; min-width: 100%; background: #003ac2; }
.nav-down li{ float: none; margin:0!important; padding:0!important; white-space:nowrap; width: 100%; }
.nav-down li:before{ display: none; }
.nav-down li a{ display: block; padding:0 25px; color: #fff!important; font-size: 16px; text-align: center; line-height: 55px; }
.nav-down li a:hover{ background: #1f5ff5!important; color: #fff!important; }
.nav-list li:hover .nav-down{ display: block; }


.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: auto;padding:20px 2px; background: #0e4fe1; line-height: 30px; }
.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: 950px; 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;text-indent: 2em;  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;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.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: 50px;}
.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; /*display: block; */}
.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: #0e4fe1; color: rgb(255, 255, 255); }
.wz-ul li:hover .wz-ul-tt a { color: #0e4fe1; }
.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: 260px; height: 200px; }
.ld-right { margin-left: 290px; 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; background: url("../images/icon-jg05.png") left center no-repeat; font-size: 16px; color: rgb(51, 51, 51); margin-top: -13px; }
.jg-ul { margin-top: 40px; margin-bottom: -20px; }
.jg-ul li a:hover { background: url("../images/icon-jg06.png") left center no-repeat; color: #0e4fe1;); }
.img-ul-tt a:hover, .nav-b a:hover, .ld-name a:hover, a:hover .img-lb-tt { color: #0e4fe1;; }
.header.one{ background: #0e4fe1; padding:0.2rem 0; }
.banner-list {
    height: 5rem;
}
.article-link p a:hover{ color: #A40909; }
.search-a{ display: none; }
.title-more-b{margin-top: 0.3rem;margin-left:0;}
.tow-title a{ color: #fff; }
.tow-title a:hover{ text-decoration: underline!important; }




.header-news{ background: url(../images/header-news.jpg) center no-repeat; background-size: cover; position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; }
.logo-news{ padding-top: 25px; }
.logo-news img{ display: block; }
.header-news-a span{ display: block; float: left; padding:0 10px; font-size: 18px; color: #fff; }
.header-news-a a{ font-size: 18px; display: block; color: #fff; float: left; text-transform: uppercase; }
.header-news-a{ padding-top: 25px; margin-bottom:20px; }
.modal-box-news{ width: 400px; }
.modal-box-news .search-box{ width: 400px; margin:0; height: 40px; background: #fff; }
.search-box .form-control{ font-size: 16px; height: 38px; color: #b02923; }
.search-box:before{ border-color: #b02923; }
.header-news-top{ border-bottom: solid 1px rgba(255,255,255,0.3); padding-bottom: 30px; }
.nav-list-news{ display: table; width: 100%; margin:0; }
.nav-list-news li{ display: table; }
.nav-list-news li a{ padding:0 33px; font-size: 22px; line-height: 80px; }

.banner-news{ margin:0; overflow:hidden; }
.banner-news img{ width:100%; }
.banner-news .slick-dots{ bottom: 0px; }
.banner-news .slick-dots li,.banner-news .slick-dots li button{ width: 12px; height: 12px; border-radius: 50%; }
.banner-news .slick-dots li button{ background: #fff; }
.banner-news .slick-dots li.slick-active button{ background: #af2823; }
.search-back{ background: url(../images/search-box.png) center no-repeat; background-size: cover; padding-bottom: 90px; }
.ss-list li{ float: left; width: 380px; margin-top: 50px; }
.ss-list li a{ display: block; background: #4899bb; height: 510px; padding:45px 75px 45px 45px; }
.ss-list-img img{ width: 100%; height: 160px; }
.ss-lind{ border-top: solid 1px rgba(255,255,255,0.5); margin-top: 35px; }
.ss-p{ font-size: 20px; color: #fff; line-height: 35px; font-weight: bold; margin-top: 25px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; 
}
.ss-date{ color: #fff; font-size: 16px; opacity: 0.5; margin-top: 30px; }
.ss-list{ padding-top: 35px; }
.ss-list li:nth-of-type(2){ margin-top: 110px; margin-left: -40px; }
.ss-list li:nth-of-type(2) a{ background: #dfb965; }
.ss-list li:nth-of-type(3){ margin-top: 0; margin-left: -40px; position: relative; z-index: 10; }
.ss-list li:nth-of-type(3) a{ background: #61c1cd; padding-right: 45px; }
.ss-list li:nth-of-type(4){ margin-top: 50px; margin-left: -40px; }
.ss-list li:nth-of-type(4) a{ background: #f08574; padding-left: 75px; padding-right: 45px; }



.logo-sj{ display: none; }



@media( max-width: 1499px){
    

    .container{ width: 1230px; }
    .cx-box-left{ width: 310px; }
    .cx-box-right{ width: 760px; }




      .list-right { width: 850px; }
  .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: 1279px){
.container{width:1000px;}
.ewm-box{ top: 0; }
.bq-p{ margin-top: 80px; }
.dt-row-box{ padding:20px; }
.dt-row-tt{ font-size: 24px; }
    .cx-box-left{ width: 270px; }
    .cx-box-right{ width: 560px; }
    .header-top-right a{ margin-left: 20px; }

  .list-right { width: 620px; }
  .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td { padding-left: 20px; }
  .xs-list-date{ margin-top: 20px; }
  .xs-list li a{ height: 330px; }
.tz-left{ width: 750px; }


.nav-list-news li a{ font-size: 16px; padding:0 19px; }
.logo-news img{ width: 500px; }
.ss-list li {
    width: 272px;
}
.ss-list-img img{ height: 92px; }
.nav-list-news li a{ line-height: 60px; }
.modal-box-news,.modal-box-news .search-box{ width: 330px; }
}
@media( max-width: 991px){
.ss-list li {
    width: 210px;
}
.left-nav li a{font-size:18px;}
.ss-list li a{ height: 390px; }
.ss-list-img img{ height: 61px; display: block; }

    .header-news-top{ border:none; }
    .nav-phone{ display: none; border-top: solid 1px #fff; position: fixed; left: 0; right: 0; top: 50px; bottom: 0; background:#0e4fe1;  }
    .nav-phone li{ float: none; }
    .modal-box-news .search-box{ height: 54px; }
    .header-news-a{ display: none; }

        .nav-list li:before{ display: none; }
        .nav-list{ z-index: 10000; }
        .header-news-top{ height: 50px; padding:0; }
        .logo-news{ padding:10px 0; }
        .logo-news img{ height: 30px; width: auto; }
        .header-news-top .container{ width: 100%; }


.btn-search-c,
.btn-search-c:hover,
.btn-search-c:focus {
    position: absolute;
    right: 0;
    background: #0e4fe1;
    top: 0;
    width: 54px;
    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)
}

.header-back{ padding-top: 80px; }
.search-a{position: absolute;display: block;right: 60px;top: 16px;line-height: 0;}
.btn-ss{ left: auto; top: -1px!important; right: -1px!important; background: #fff!important; }
.search-box-c .form-control{ border-radius: 0; padding-left: 12px; color: #333; }
.search-box{ border-radius: 0; }
.search-box:before{ display: none; }



    .container{ width: 750px; }
    
    .tow-tabs li{ margin:0 15px; }
    .header .container{ width: 100%; }



  .list-left { width: 200px; }
  .list-right { width: 480px; }

  .jg-ul li { width: 50%; }
  .xs-list li a{ height: auto; padding-bottom: 20px; }
  .nav-list li{ padding-bottom: 0; }



  .img-slick{ width: 100%; }
  .img-slick a div{ height: auto; padding-top: 65%; }
  .one-right{ width: 100%; margin-top: 40px; }
  .dt-row .col-xs-4{ width: 100%; margin-top: 30px; }
  .cx-box-left{ width: 100%; padding-right: 0; border:none; }
  .cx-box-right{ width: 100%; margin-top: 30px; }
  .ewm-box{ width: 100%; position: static; margin-top: 30px; }
  .ewm-box .pull-left{ margin:0 20px 0 0; }
  .bq-p{ margin-top: 30px; }
  .friends-ul-list li{ padding-right: 30px; width: 50%; }
  .header-top-left{ display: none; }
  .tz-left{ width:500px; }
}
@media( max-width: 767px){
.menu-button{ display: block; }

    .nav-phone li a{ font-size: 16px; line-height: 40px; }
    .nav-click { display: block; transition: 0.3s all; z-index: 100; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 22px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-down{ position: static; display: none; transform: translate(0,0); margin:0; padding:0; width: 100%; background: #f1f1f1; }
    .nav-down li{ text-align: left; padding:0; height: 40px; }
    .nav-down li a{ text-align: left; padding:0 25px; color: #fff!important; font-size: 14px; line-height: 30px; text-align: left;background:none; }
    .nav-down{ display: none; }
    .nav-down:before{ display: none; }
.search-box-c {
    position: fixed;
    left: 50%;
    width: 700px;
    transform: translate(-50%, -50%);
    top: 50%;
    height: 54px;
    background: #fff;
    padding-right: 115px;
    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
}





    .logo-news img{ height: 25px; }
    .ss-list li{ width: 100%; }
    .ss-list{ padding:0; }
    .ss-list-img img{ height: auto; }
    .ss-date{ margin-top: 10px; }
    .ss-list li a{ height: auto; }
    .search-back{ padding-bottom: 30px; }
    body{ padding-top: 50px; }
.article-p table{;overflow-x: auto;width: 103%;display:
block;}

.article-p table tbody{width:650px;>;
display: block;}
    .container{ width: 100%; }

.header-top{  }
.search-box-header{ width: 100%; }
.btn-search-a{ font-size: 14px; width: 60px; height: 40px; }
.search-box-header .form-control{ font-size: 14px; height: 40px; padding-right: 70px; }
.header{ height: 150px; }
.header-slick,.header-slick-img{ height: 150px; }
.logo{ padding-top: 0; }
.header-bottom{ bottom: 20px; top: auto; }
    .nav-list{ padding:0; background: #fff; border-top: solid 1px #ddd; display: none; position: fixed; left: 0; top: 50px; right: 0; bottom: 0; overflow-y: auto; }
    .nav-list li{ float: none; margin:0; width: 100%; padding:0; }
    .nav-list li a{ display: block; text-align: left; font-size: 16px; line-height: 40px; padding:0 15px; color: #333 !important;background:#f1f1f1 !important; }
    .nav-click { display: block; transition: 0.3s all; z-index: 100; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 22px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-down{ position: static; display: none; transform: translate(0,0); margin:0; padding:0; width: 100%; background: #f1f1f1 !important;; }
    .nav-down li{ text-align: left; padding:0; height: 40px; }
    .nav-down li a{ text-align: left; padding:0 25px; color: #333!important; font-size: 14px; line-height: 30px; text-align: left; }
    .nav-down{ display: none; }
    .nav-down:before{ display: none; }
    .nav-box{ position: fixed; left: 0; z-index: 1000; top: 0;right: 0; height: 50px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
    .search-box-header{ margin-top: 15px; }
    .back-box{ padding:30px 0; }
    .img-slick a span{ font-size: 16px; line-height: 50px; padding:0 80px 0 15px; }
    .img-slick .slick-dots{ display: none!important; }
    .title-left-c{ font-size: 24px; width: 176px; height: 48px; line-height: 48px; background-size: 100% 100%; margin-top: -7px; }
    .dt-ul li a{ font-size: 16px; }
    .dt-ul{ margin:15px 20px; }
    .dt-link-a{ margin-top: 20px; }
    .dt-link-img{ height: auto; padding-top: 61.5%; }
    .dt-link-b{ font-size: 16px; line-height: 50px; padding:0 15px; }
    .dt-ul-list{ margin-top: 20px; }
    .dt-row-box{ height: auto; padding-bottom: 5px; }
    .dt-ul-list-tt{ font-size: 16px; }
    .dt-ul-date{ font-size: 18px; }
    .dt-ul-list li{ margin-bottom: 20px; }
    .dt-link-img-b{ height: auto; padding-top: 32%; }
    .link-img li{ width: 100%; margin-top: 15px; }
    .link-img{ margin-top: 10px; }
    .dt-row-box-sm .dt-ul-list{ margin-top: 15px; }
    .video-tabs li a{ font-size: 20px; }
    .video-tabs li{ margin-right: 10px; margin-bottom: 15px; }
    .video-tabs li a{ width: auto; }
    .video-tabs li.active a,.friends-title-c{ font-size: 24px; width: 176px; height: 48px; line-height: 48px; background-size: 100% 100%; margin-top: -7px; }
    .video-back{ padding:0 15px 15px 15px; }
    .video-back .tt-more{ position: static; }
    .video-list li{ width: 100%; margin-top: 15px; }
    .video-list-tt{ font-size: 16px; margin-top: 15px; }
    .friends-title-c{ padding-left: 15px; }
    .friends-back{ margin-top: 40px; padding:40px 15px 45px 15px; }
    .friends-ul-list li a{ font-size: 16px; }
    .friends-ul-list li{ line-height: 40px; }
    .tt-more{ font-size: 16px; }
    .footer-link li{ width: 25%; margin:0; padding:0 5px; }
    .footer-link li a{ font-size: 14px; }
    .footer{ padding:20px 0; border-width: 10px; }
    .ewm-box .pull-left{ width: 50%; margin:0; font-size: 14px; text-align: center; }
    .ewm-box .pull-left:last-child{ width: 100%; margin-top: -30px; }
    .bq-p p{ font-size: 14px; text-align: center; margin:0; }
    .bq-p p span{ display: inline-block; }
    .bq-p{ margin-top: 0px; }
    .logo-sj{ display: block; line-height: 50px; position: absolute; left: 15px; top: 0; }
    .logo-sj img{ height: 30px; }
    .logo{ display: none; }
    .phone{ display: none; }
    .tz-left-tt{ position: static; line-height: 1px; text-align: left; }
    .tz-left{ padding:10px 0; width: 100%; }
    .tt-link{ line-height: 60px; }
    .tt-link a{ font-size: 16px; }
    .dt-ul li{ margin-bottom: 0; }
    .one-right{ height: auto; }
    .cx-box-title{ font-size: 24px; }
    .cx-box{ padding:20px; margin-top: 30px; }
    .video-back .tt-more{ float: none; display: inline-block; margin:20px 0 10px 0; }
    .cx-input{ font-size: 14px; height: 40px; }
    .btn-cx{ font-size: 14px; height: 40px; }
    .cx-box-right{ margin-top: 10px; }



.banner-list {height: 5rem;}
  .list-left { width: 100%; margin-top: 20px; padding: 0px; }
  .list-left-tt { height: 60px; line-height: 60px; font-size: 18px; text-align: left;padding:0px 0px; 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; }





    .container{ width: 100%!important; padding:0 15px; }
  .header-back{ padding:15px 0; }
  .banner-img{ width: 100%; }
  .banner-img div{ height:auto; padding-top: 50.8%; }
  .banner-right{ width: 100%; padding:0; }
  .banner-tt{ font-size: 18px; margin-top: 10px; }
  .banner-p{ font-size: 14px; margin-top: 5px; }
  .banner-lind{ display: none; }

  .title-left{ font-size: 24px; line-height: 24px; }
  .title-more{ font-size: 14px; width: 60px; background-size: 10px auto; margin-top: 5px; }
  .news-back{ padding:20px 0; margin:0; }
  .news-ul li{ width: 100%; margin-bottom: 15px; }
  .news-date{ font-size: 16px; width: 60px; top: 0; line-height: 25px; padding-top: 5px; height: 60px; }
  .news-ul-bottom{ height: auto; padding:15px; }
  .news-ul-tt{ font-size: 18px; height: auto; }
  .news-ul-p{ font-size: 14px; line-height: 20px; height:auto;}
  .news-ul-lind{ margin:10px 0; }
  .title-left.text-center{ font-size: 24px; }
  .title-left.text-center span, .title-left.text-center span font{ font-size: 24px; }
  .news-ul li:last-child{ margin-bottom: 0; }
  .title{ padding-top: 10px; }
  .title .text-center{ margin-top: 10px; }
  .notice-row .col-xs-6{ width: 100%; }
  .notice-ul li a{ padding:15px; margin-bottom: 15px; }
  .notice-tt{ font-size: 16px; }
  .notice-date{ font-size: 16px; width: 50px; margin-top: 10px; padding-top: 5px; }
  .notice-p{ font-size: 14px; line-height: 25px; height: auto; }
  .news-back{ padding-bottom: 5px; }
  .tow-left-back{ width: 100%; }
  .tow-title{max-width: 100%;margin-top: 20px;font-size: 18px;line-height: 1.2;}
  .tow-date{ font-size: 16px; margin-top: 10px; }
  .tow-right-box{ position: static; width: auto; margin:0 -15px; background: url(../images/back-sm.png) center no-repeat;
    background-size: cover; padding:15px; margin-top: 10px;}
  .tow-right-back{ display: none; }
  .tow-right-box-b{ background: #b02923; margin-top: 0; }
  .tow-right-box .tow-title{ font-size: 18px; line-height: 1.2; }
  .tow-right-box .tow-date{ font-size: 16px; }
  .about-left{ width: 100%; margin-top: 20px; }
  .tow-back{ height: auto; margin-top: 15px; }
  .about-left:before{ transform: rotate(2deg); }
  .about-right{ width: 100%; }
  .about-title{ font-size: 24px; margin-top: 10px; }
  .about-title span{ font-size: 28px; }
  .about-tt{ font-size: 14px; line-height: 25px; }
  .three-img{ display: none; }
  .three-title{ font-size: 24px; margin-top: 20px; }
  .three-title span{ font-size: 24px; }
  .pro-list li{ width: 100%; margin-bottom: 15px; }
  .pro-top{ height: auto; padding:15px; }
  .pro-title{ font-size: 16px; }
  .pro-p{ font-size: 14px; line-height: 22px; height:auto;}
  .pro-lind{ width: 20px; height: 4px; margin-top: 10px; }
  .pro-img img{ height: auto; }
  .friends-ul li{ width: 33.333333%; margin-bottom: 15px; border:none; }
  .friends-date{ font-size: 16px; }
  .friends-p{ font-size: 14px; }
  .friends-img img{ height: 30px; }
  .firends-title{ font-size: 24px; margin:10px 0 20px 0; }
  .footer-left{ width: 100%; }
  .footer-title{ font-size: 16px; }
  .footer-title a{padding-right: 20px;background-size: 10px auto;font-size: 14px;}
  .footer-list li a{ font-size: 14px; }
  .footer-right{ width: 100%; border-top:solid 1px #fff; margin-top: 20px; padding:20px 0 0 0; }
  .footer-right:before{ display: none; }
  .footer-p{ font-size: 14px; margin-bottom: 10px; padding-left: 50px; }
  .bottom-sm{ padding:15px 0; }
  .bottom-left{ width: 100%; padding:0; text-align: center; font-size: 14px; line-height: 22px; }
  .ewm img{ width: 80px; }
  .ewm{ width: 100%; margin-top: 10px; }
  .title-more-b{ margin-top: 25px; }
  .friends-ul{ border:none; margin:0; }
  .search-box-c{ width: 90%; left: 50%; }
.bottom-left p{font-size:14px;}
    }


@media( max-width:640px){
   .jg-ul li{width:100%;}
}