body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;


}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover 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; }
audio, canvas, progress, video{ display: block; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.container{ width: 1230px; }
.header{ border-top: solid 5px #0087cf; height: 195px; position: absolute; left: 0; top: 0; right: 0; z-index: 1000000; background: url(../images/mask.png) center no-repeat; background-size: 100% 100%; padding:0 5%; }
.logo{ padding-top: 20px; }
.header-top{ padding-top: 25px; }
.header-a{ line-height: 34px; }
.header-a a{ color: #fff; }
.header-a span{ padding:0 15px; color: #fff; opacity: 0.3; }
.search-box{ position: relative; margin-left: 35px; }
.search-box .form-control{ border:solid 1px #fff;       padding-right: 30px; color: #fff; border:solid 1px rgba(255,255,255,0.6); border-radius: 34px; width: 190px; background: none; box-shadow: none; }
.search-box .form-control::-webkit-input-placeholder{
            color:#eee;
        }
.search-box .form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#eee;
        }
.search-box .form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#eee;
        }
.search-box .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#eee;
  
      }
.btn-ss{ position: absolute; right: 10px; top: 0; width: 16px; height: 34px; background: url(../images/icon-ss.png) center no-repeat!important; box-shadow: none; border:none;  }
.nav-list li{ float: left; margin-left: 35px; margin-top: 15px; }
.nav-list li a{ font-size: 17px; color: #fff; display: block; }
.nav-list li.active a,.nav-list li a:hover{ padding-bottom: 8px; border-bottom: solid 3px #0085cb; }
.banner{ overflow:hidden; margin:0; }
.banner a{ display: block; position: relative; height: 700px; overflow:hidden; }
.banner a img{ position: absolute; left: 50%; top: 0; margin-left: -960px; max-width: 1920px; width: 1920px; height: 700px; }
.banner .slick-dots{ bottom: 160px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 42px; height: 42px; padding:0;  }
.banner .slick-dots li button{ opacity: 0.5; background: url(../images/li01.png) center no-repeat; }
.banner .slick-dots li.slick-active button{background: url(../images/li01-1.png) center no-repeat; opacity: 1;}
.back-one{ background: url(../images/back01.png) center top no-repeat; padding-bottom: 50px; background-size: cover; margin-top: -75px; position: relative; z-index: 10000; }
.nav-box li{ float: left; width: 13.5%; position: relative; }
.nav-box li a{ font-size: 17px; color: #555; display: inline-block; }
.nav-box{ height: 140px; margin-top: -50px; padding-top: 20px; background: #fff; border-radius: 4px; box-shadow: 4px 0 16px rgba(0,0,0,0.15); }
.nav-box li:before{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 10px; border-right: dashed 1px #ddd; }
.nav-box li:last-child:before{ display: none; }
.nav-box li img{ margin-bottom: 10px; }
.dt-left{ width: 65%; }
.title{ font-size: 24px; color: #0087cf;font-weight: bold; height: 28px; line-height: 28px; margin-top: 70px; margin-bottom: 40px; }
.title a{ float: right; font-size: 18px; color: #0087cf; font-weight: normal; padding-right: 12px; background: url(../images/raw.png) right center no-repeat; }
.news-list li{ float: left; width: 50%; padding:0 15px; }
.news-list{ margin:0 -15px; }
.news-list-img a{ position: relative; display: block; padding-top: 66%; border-radius: 0 50px 0 0; }
.news-list-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.news-list-tt a{ font-size: 16px; color: #333; }
.news-list-tt{ line-height: 30px; height: 60px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2; margin:20px 0 15px 0;
overflow: hidden; }
.news-list-p{ color: #666; line-height: 25px; height: 50px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2; 
overflow: hidden; }
.dt-right{ width: 35%; padding-left: 30px; }
.dt-tabs li{ float: left; height: 28px; line-height: 28px; margin-top: 70px; margin-bottom: 40px; }
.dt-tabs li a{ font-size: 24px; font-weight: bold; }
.dt-tabs li.active a{ color: #0087cf; }
.dt-tabs li span{ font-size: 24px; padding:0 20px; display: block; height: 28px; line-height: 28px; }
.dt-date{ width: 82px; height: 86px; padding:0 8px; border-radius: 4px 20px 4px 4px; border:solid 1px #ddd; color: #0087cf; font-family: "Verdana"; font-size: 30px; }
.dt-date span{ display: block; font-size: 18px; text-transform:uppercase; font-weight: bold; border-top:solid 1px #ddd; margin-top: 5px; padding-top: 5px; }
.dt-ul-right{ margin-left: 100px; }
.dt-ul-tt a{ font-size: 16px; color: #333;font-weight: bold; }
.dt-ul-p{ color: #555; line-height: 25px; height: 50px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2; 
overflow: hidden; margin-top: 10px; }
.dt-ul li{ margin-bottom: 20px; }
.back-tow{ padding-top: 50px; position: relative; overflow:hidden; background: url(../images/back03.png) center repeat; padding-bottom: 70px; }
.back-tow:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; height: 317px; background: url(../images/back02.png) center no-repeat; background-size: cover; }
.title-lind{ font-size: 30px; color: #fff; background: url(../images/tt-lind.png) center top no-repeat; padding-top: 15px; }
.back-tow .container{ position: relative; z-index: 100; }
.title-p{ margin:25px auto 40px auto; max-width: 1200px; font-size: 16px; color: #fff; line-height: 35px; }
.tabs-left{ float: left; }
.tabs-box{ margin:0 -18px; }
.tabs-left{ width: 31.333333%; padding:0 18px; }
.tabs-left li a{ display: block; position: relative; padding-left: 50px; border-radius: 4px; background: url(../images/tabs-back01.png) center no-repeat; background-size: cover; margin-bottom: 30px; }
.tabs-left li a.tabs02{ background: url(../images/tabs-back02.png) center no-repeat; background-size: cover; }
.tabs-left li a.tabs03{ background: url(../images/tabs-back03.png) center no-repeat; background-size: cover; }
.tabs-left li a span{ display: block; font-weight: bold; background: url(../images/tabs01.png) left center no-repeat; height: 140px; font-size: 26px; color: #fff; padding-top: 30px; padding-left: 80px; }
.tabs-left li a span font{ display: block; font-weight: normal; padding-top: 5px; font-family: "Georgia"; font-size: 18px; }
.tabs-left li a.tabs02 span{ background: url(../images/tabs02.png) left center no-repeat; }
.tabs-left li a.tabs03 span{ background: url(../images/tabs03.png) left center no-repeat; }
.tabs-left li a:before{ content: ""; display: none;  position: absolute; left: 100%; margin-top: -5px; top: 50%;    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #00b3d8;
    border-bottom: 10px solid transparent; }
.tabs-left li a.tabs02:before{  border-left: 10px solid #0088c9; }
.tabs-left li a.tabs03:before{  border-left: 10px solid #0067bd; }
.tabs-left li.active a:before{ display: block; }
.tabs-right{ width: 68.666666%; padding:0 18px; }
.tabs-back{ height: 480px; position: relative; border-radius: 4px; }
.tabs-back-left{ background: rgba(255,255,255,0.6); border-radius: 4px 0 0 4px; height: 480px; padding:30px 10px; width: 40%; }
.tabs-link li{ float: left; width: 50%; padding-right: 10px; margin-bottom: 12px; }
.tabs-link li a{ display: block; border:solid 1px #a3a9ad; border-radius: 4px; font-size: 17px; color: #333; padding:0 15px; }
.tabs-link{ max-height: 420px; overflow-y: auto; }
.tabs-link::-webkit-scrollbar {/*滚动条整体样式*/

        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
		border-radius: 10px;
        height: 1px;

    }

.tabs-link::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 10px;


        background: #00b3d8;

    }

.tabs-link::-webkit-scrollbar-track {/*滚动条里面轨道*/

        

        border-radius: 10px;

        background: #97a3aa;

}
.tabs-link li a span{ display: block; line-height: 40px; padding-right: 15px; background: url(../images/raw02.png) right center no-repeat; }
.tabs-link li a:hover{ background: url(../images/tabs-sm.png) center no-repeat; background-size: cover; border-color: #00b3d8; color: #fff; }
.tabs-link li a:hover span{ background: url(../images/raw03.png) right center no-repeat; }
.tabs-more{ position: absolute; right: 25px; background: #00b3d8; bottom: 30px; width: 124px; height: 44px; line-height: 44px; text-align: center; font-size: 18px; color: #fff; border-radius: 4px; }
.tabs-more span{ padding-right: 13px; background: url(../images/raw04.png) right center no-repeat; }
.zj-back{ background: url(../images/zj-back.png) center no-repeat; background-size: cover; padding-top: 60px; overflow:hidden; padding-bottom: 50px; }
.zj-back .title-lind{ background: url(../images/tt-lind02.png) center top no-repeat; color: #333; overflow:hidden; margin-bottom: 60px; }
.zj-box{ margin:0 -55px; }
.slick-left{ width: 62.5%; padding:0 55px; }
.slick-w{ position: relative; padding-top: 50px; height: 480px; }
.slick-img{ position: absolute; left: 30px; top: 0; width: 46.5%; padding-top: 63.5%; z-index: 100;}
.slick-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.slick-n{ height: 430px; border:solid 5px #0087cf; border-right: none; position: relative; padding-left: 46.5%; }
.slick-n-r{ margin-left: 30px; position: relative; padding-top: 70px; padding-left: 20px; padding-right: 20px; }
.slick-label{ position: absolute; left: 20px; top: 0; width: 50px; line-height: 25px; font-size: 22px; color: #fff; text-align: center; padding:10px; height: 158px; background: url(../images/label.png) center no-repeat;     background-size: 44px 158px;}
.slick-name{ font-size: 32px; color: #333; font-weight: bold; }
.slick-zw{ font-size: 20px; color: #38b6b8; margin-top: 39px; padding-bottom: 20px; border-bottom: solid 1px #ededed; }
.slick-p{ font-size: 15px; color: #666; text-align: justify; line-height: 25px; height: 100px; overflow:hidden; margin:10px; }
.slick-more{ display: inline-block; width: 126px; height: 46px; border-radius: 4px; margin-top: 10px; text-align: center; line-height: 46px; font-size: 17px; color: #fff; background: #d59550; }
.slick-n:before{ display: block; content: ""; position: absolute; right: 0; top: 0; width: 5px; height: 40px; background: #0087cf; }
.slick-n:after{ display: block; content: ""; position: absolute; right: 0; bottom: 0; width: 5px; height: 40px; background: #0087cf; }
.slick-ul{ width: 37.5%; padding:0 55px; height: 480px; overflow:hidden; position: relative; }
.slick-box{ background: #f5f5f5; position: relative; height: 146px; margin-bottom: 20px; padding-left: 135px; }
.slick-right-ul{ margin-top: -51px; }

.slick-box-img{ position: absolute; left: 0; top: 0; bottom: 0; width: 117px; }
.slick-box-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.slick-name{ font-size: 20px; color: #333; padding-top: 10px; }
.slick-box-p{ color: #666; line-height: 25px; height: 50px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2; 
overflow: hidden; margin-right: 20px; text-align: justify; margin-top: 10px; }
.slick-box-more{ color: #0087cf; display: inline-block; margin-top: 10px; margin-left: -5px; }

.slick-slide{ border:none!important; outline: none!important; }
.slick-box:before{ display: block; content: ""; position: absolute; right: 0; top: 27px; width: 33px; height: 5px; background: #0087cf; }
.slick-current .slick-box{ background: #0087cf; }
.slick-right-ul .slick-current .slick-name,.slick-right-ul .slick-current .slick-box-p{ color: #fff; }
.slick-current .slick-box-more{ color: #ffcb70; }
.slick-current .slick-box:before{ background: #fff; }
.slick-left-box .slick-prev{ width: 42px; height: 42px; background: url(../images/top.png) center no-repeat; left: 100%; margin-left: 35px; top: 20px; z-index: 100; }
.slick-left-box .slick-next{ width: 42px; height: 42px; background: url(../images/bottom.png) center no-repeat; left: 100%; margin-left: 35px; top: 70px; z-index: 100; }
.slick-prev:before, .slick-next:before{ display: none; }
.zt-back{ padding-top: 60px; position: relative; overflow:hidden; background: url(../images/zt-back02.png) center repeat; padding-bottom: 115px; }
.zt-back .container{ position: relative; z-index: 1000; }
.zt-back:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; height: 450px; background: url(../images/zt-back.png) center no-repeat; background-size: cover; }

.zt-list li{ padding:40px 28px; }
.zt-list{ margin:0 -28px; margin-top: 50px; padding-bottom: 50px; }
.zt-list li img{ transition: 0.3s all; }
.zt-list li a{ display: block;}
.zt-list li a:hover img{ transform: scale(1.2,1.2); }
.zt-list .slick-dots li{ padding:0; margin:0 25px; position: relative; }
.zt-list .slick-dots li,.zt-list .slick-dots li button{ width: 16px; height: 16px; border-radius: 50%; background: #ccc; }
.zt-list .slick-dots{ bottom: 0; }
.slick-dots li button:before{ display: none; }
.zt-list .slick-dots li:before{ display: block; content: ""; position: absolute; left: -45px; width: 40px; border-top: solid 1px #ccc; top: 50%; }
.zt-list .slick-dots li:after{ display: block; content: ""; position: absolute; right: -45px; width: 40px; border-top: solid 1px #ccc; top: 50%; }
.zt-list .slick-dots li.slick-active button{ background: #0087cf; }
.footer{ background: url(../images/footer.png) center top no-repeat; margin-top: -65px; position: relative; z-index: 100; padding-top: 110px; position: relative; }
.footer:before{ display: block; content: ""; background: #0087cf; position: absolute; left: 0; top:67px; right: 0; bottom: 0; z-index: -1;  }
.footer-p{ line-height: 40px; font-size: 16px; color: #fff; }
.footer-p span.icon-f01{ padding-left: 30px; background: url(../images/icon-f01.png) left center no-repeat; }
.footer-p span.icon-f02{ padding-left: 30px; background: url(../images/icon-f02.png) left center no-repeat; display: inline-block; margin:0 35px; }
.footer-p span.icon-f03{ padding-left: 30px; background: url(../images/icon-f03.png) left center no-repeat; }
.footer-txt{ margin-bottom: 20px; }
.friends-link{ font-size: 15px; color: #fff; margin-top: 15px; }
.friends-link a{ color: #fff; }
.friends-link span{ padding:0 20px; }
.footer-b{ border-top: solid 1px #0077b6; color: #fff; margin-top: 40px; padding:15px; }
.footer-b a{ display: inline-block; color: #fff; margin-left:4px; }
.footer-b a img{ margin-right: 5px; }
.footer .container{ position: relative; }
.ewm{ position: absolute; right: 15px; top: 0px; color: #fff; width: 80px; }
.ewm img{ margin-bottom: 5px; }
.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);}
/****************简介页******************/
.list-banner{ height: 500px; padding-top: 290px; }
.list-banner span{ display: block; font-size: 32px; color: #fff; font-weight: bold; background: url(../images/banner-lind.png) center no-repeat; }
.list-back{ background: url(../images/list-back.png) center repeat; padding-bottom: 90px; }
.nav-b-box{ border-bottom: solid 2px #e1e1e1; margin-bottom: 30px; }
.nav-b{ padding-top: 30px; padding-bottom: 30px; font-size: 18px; color: #2a2a2a; padding-left: 40px; background: url(../images/icon-home.png) left center no-repeat; }
.article-box img{  max-width: 50%; margin-left: 40px; margin-bottom: 20px; }
.article-box p{ font-size: 16px; text-indent: 2em; color: #2a2a2a; line-height: 45px; margin-bottom:0; }
.article-box h1{ font-size: 28px; color: #0087cf; padding-left: 32px; margin-bottom: 20px; }
.article-box h2{ font-size: 20px; color: #0087cf; font-weight: bold; margin-top: 50px; }
/************科室导航**************/
.dh-title{ font-size: 28px; color: #0087cf; margin-bottom: 40px; border-left: solid 3px #0087cf; height: 40px; line-height: 40px; padding-left: 20px; }
.ks-list li{ float: left; width: 20%; padding:0 10px; margin-bottom: 20px; }
.ks-list{ margin:0 -10px; padding-bottom: 30px; }
.ks-list li a{ display: block; border:solid 1px #ddd; background: #fff; font-size: 16px; color: #333; line-height: 60px; padding:0 10px; }
.ks-list li a:hover{ background: #0087cf; color: #fff; }
.nav-right li{ float: left;padding: 2px; }
.nav-right li a{ display: block; height: 85px; line-height: 85px; font-size: 20px; color: #2a2a2a; padding:0 25px; }
.nav-right li.active a,.nav-right li a:hover{ background: #0087cf; color: #fff; }
/*****************列表页***************/
.list-date{ width: 108px; height: 108px; padding:10px 20px; border-radius: 4px 20px 4px 4px; background: #ececec; text-align: center; font-size: 30px; color: #a1a1a1;}
.list-date span{ display: block; font-size: 18px; color: #a1a1a1; margin-top: 5px; padding-top: 10px; font-weight: bold; border-top: solid 1px #c8c8c8; }
.link-right{ margin-left: 135px; padding-top: 10px; }
.link-right-tt a{ font-size: 18px; color: #000; }
.link-p{ color: #a4a4a4; line-height: 25px; height: 50px; margin-top: 10px; overflow:hidden; }
.list-link li{ border-bottom: dashed 1px #c1c1c1; padding-bottom: 25px; padding-top: 25px; }
.list-link li:hover .list-date{ background: #0087cf; color: #fff; }
.list-link li:hover .list-date span{ color: #fff; border-color: #c8c8c8; }
.list-link li:hover .link-right-tt a{ color: #0087cf; }
.news-list-lg li{ width: 33.333333%; margin-bottom: 70px; }
.news-list-lg{ padding-top: 40px; }
/**************专家详细页************/
.zj-img img{ width: 300px; height: 410px; }

.slick-n-lg{ height: 410px; margin-bottom: 50px; width: auto; padding-left: 115px; padding-right: 65px; margin-left: 345px; position: relative; background: url(../images/zj-back02.png) center no-repeat; background-size: cover; }
.label-lg{ position: absolute; left: 0; top: 0; width: 50px; font-size: 22px; color: #fff; height: 309px; padding:20px 8px; text-align: center; background: url(../images/label02.png) center bottom no-repeat; background-size: 100% 100%; }
.zj-name{ border-bottom: solid 2px #eae9e9; font-size: 20px; color: #0087cf; padding-bottom: 30px; margin-top: 60px; }
.zj-name span{ font-size: 32px; color: #333; font-weight: bold; padding-right: 35px; }
.date-box{ background: url(../images/icon-date.png) left center no-repeat; min-height: 53px; margin-top: 35px; padding-left: 95px; font-size: 16px; color: #414141; }
.date-box span{ font-size: 20px; color: #0087cf; padding-top: 5px; display: inline-block; }
.js-article p{ font-size: 16px; color: #666; text-align: justify; line-height: 40px; margin:0; }
.js-article{ margin-top: -20px; }
.header-a a:hover,.friends-link a:hover{ text-decoration: underline!important; }
.tab-content{ position: relative; }
.tabs-more-a {
    position: absolute; right: 0; top: -67px;
    font-size: 18px;
    color: #0087cf;
    font-weight: normal;
    padding-right: 12px;
    background: url(../images/raw.png) right center no-repeat;
}
.nav-box li a:hover,.dt-tabs li a:hover,.dt-ul-tt a:hover,.news-list-tt a:hover,.nav-b a:hover{ color: #0087cf; }
.slick-more:hover{ background: #0087cf; color: #fff; }
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}

.zj-ul li{ float: left; width: 50%; padding:0 30px; margin-bottom: 45px; }
.zj-ul{ margin:0 -30px; }
.zj-ul li .slick-box-img{ width: 175px; height: 220px; padding:0; }
.zj-ul li .slick-box{ height: 220px; margin:0; padding-left: 200px; padding-top: 15px; }
.zj-ul li .slick-box:before{ top: 42px; }
.zj-ul li .slick-box-p {
    color: #666;
    line-height: 25px;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-right: 20px;
    text-align: justify;
    margin-top: 20px; margin-bottom: 10px;
}
.zj-ul li .slick-box:hover{ background: #0087cf; }
.zj-ul li .slick-box:hover .slick-name,.zj-ul li .slick-box:hover .slick-box-p{ color: #fff; }
.zj-ul li .slick-box:hover .slick-box-more{ color: #ffcb70; }
.zj-ul li .slick-box:hover:before{ background: #fff; }







@media( max-width: 1700px){
    .nav-list li{ margin-left: 10px; }

}



@media( max-width: 1279px){
	.container{ width: 970px; min-height: 300px;}
	.tabs-left li a{ padding-left: 10px; }
	.tabs-link li a{ font-size: 14px; padding:0 5px; }
	.ewm{ top: -45px; }
    .header{ padding-left: 15px; padding-right: 15px; }
	.friends-link span{ padding:0 5px; }
	.nav-box li a{ font-size: 15px; }
	.nav-list li{ margin-left: 5px; }
	.nav-list li a{ font-size: 15px; }
	.ks-list li{ width: 25%; }
	.dt-tabs li span{ padding:0; }
    .logo{ width: 250px; }
    .menu-button{ top: 60px; }
}
@media( max-width: 991px){
	.container{ width: 750px; min-height: 300px;}
	.slick-ul{ display: none; }
	.slick-left{ width: 752px; }
	.footer-p span.icon-f02{ display: block; width: 189px; margin:5px auto; }
	.ewm{ top: 0; }
	.dt-left{ width: 100%; }
	.dt-right{ width: 100%; padding-left: 0; }
	.nav-box li a{ font-size: 12px; }
	.logo{ width: 250px; }
	.nav-list{ position: absolute; display: none; left: 0; top: 100%; right: 0; background: #fff; }
	.nav-list li{ float: none; margin:0; }
	.nav-list li a{ color: #333; line-height: 40px; padding:0 15px; }
	.header-top{ padding-top: 10px; }
	.header{ padding:0 15px; height: 100px; }
	.banner a img{ position: static; width: 100%; max-width: 100%; margin:0; height: auto;}
	.banner a{ height: auto; }
	.nav-box li img{ height: 35px; margin-bottom: 5px; }
	.nav-box{ height: 90px; margin-top: -25px; }
	.tabs-left{ width: 100%; }
	.tabs-left li{ float: left; width: 33.333333%; padding:0 5px; }
	.tabs-right{ width: 100%; }
	.tabs-left li a:before{ left: 50%; top: 100%; margin-top: -5px; margin-left: -5px; transform: rotate(90deg); }
	.tabs-left li a span font{ font-size: 12px; }
	.tabs-left li a span{ height: 120px; }
	.menu-button{ display: block; }
	.nav-list li.active a{ padding-bottom: 0; border:none; color: #0085cb; }
	.ks-list li{ width: 33.333333%; }
	.slick-n-lg{ padding-left: 70px; padding-right: 10px; }
    .banner .slick-dots{ bottom: 110px; }
    .zj-ul li{ width: 100%; }
	}
@media( max-width: 768px){
#vsb_content_2 TABLE{    width: 94%}
#vsb_content_2 TABLE TD IMG{    margin: 0 !important;}
#vsb_content_2 .vsbcontent_img{width: 341px !important;height: auto !important}
    .menu-button{ top: 18px; }
	.container{ width: 100%; }
	.header{ height: 55px; }
	.back-one{ margin-top: 0; padding-bottom: 10px; padding-top: 20px;  background: url(../images/back01.png) center no-repeat; background-size: cover; }
	.nav-box{ margin-top: 0; height: auto; padding:15px 0;   }
	.nav-box li{ width: 25%; margin-bottom: 15px; }
	.logo{ width: 150px; padding-top: 10px; }
	.header-top{ display: none; }
	.title{ margin:25px 0; }
	.news-list li{ padding:0 10px; }
	.news-list{ margin:0 -10px; }
	.dt-tabs li{ margin:25px 0 25px 0; }
	.news-list-tt{ margin:10px 0 5px 0; }
	.title-p{ font-size: 14px; line-height: 25px; margin:20px 0; }
	.tabs-left li a span{  padding-left: 0; height: auto; font-size: 18px; padding-top: 45px; text-align: center; background: url(../images/tabs01.png) center top no-repeat; background-size: auto 40px; }
	.tabs-left li a span font{ display: none; }
	.tabs-left li a{ padding:10px 0; }
	.tabs-left li a.tabs02 span {background: url(../images/tabs02.png) center top no-repeat; background-size: auto 40px;
}
	.tabs-left li a.tabs03 span {background: url(../images/tabs03.png) center top no-repeat; background-size: auto 40px;
}
.back-tow{ padding:25px 0; }
.tabs-right{ padding:0 3px; }
.tabs-back-left{ width: 100%; height: 230px; padding-top: 15px; }
.tabs-link{ max-height: 200px; }
.tabs-link li{ width: 33.333333%; }
.slick-left{ width: 100%; }
.slick-n{ padding-left: 0; }
.slick-img{ width: 180px; height: 244px; left: 50%; margin-left: -90px;padding: 0; }
.slick-n-r{ padding-top: 190px; margin-left: 0; }
.slick-p{ height: 75px; margin-bottom:0;}
.slick-more{ width: 80px; height:30px; line-height: 30px; font-size: 16px; }
.slick-zw{ padding-bottom: 10px; margin-top: 0px;}
.zj-back .title-lind{ margin-bottom: 25px; }
.zj-back{ padding:30px 0; }
.zt-list .slick-dots{ display: none!important; }
.zt-list{ padding-bottom: 0; }
.footer{     background: #0087cf; padding-top: 25px; }
.ewm{ position: static; margin:0 auto 10px auto; }
.footer-p{ font-size: 13px; }
.footer-p span.icon-f02{ width: 159px; }
.friends-link{ display: none; }
.footer-b{ margin-top: 15px; }
.footer-txt img{ width: 250px; }
.zt-back:before{ height: 200px; }
.zt-back{ padding:30px 0; }
.title-lind{ font-size: 24px; }
.zt-list{ margin-top: 0; }
.back-tow:before{ height: 240px; }
.tabs-back{ height: 300px; }
.tabs-more{ width: 80px; height: 30px; line-height: 30px; font-size: 16px; bottom: 15px; }
.slick-label{ left: 0; }
.article-box img{     float: none;
  width: 300px !important;
    width: 268px !important;
    max-width: 100%;
    height: 245px !important;
    margin: 0;
    margin: 2px;}
.nav-b{ font-size: 14px; }
.article-box p{ font-size: 14px; line-height: 25px; }
.article-box h1{ font-size: 24px; padding-left: 28px; margin-bottom: 15px; }
.article-box h2{ margin-top: 20px; }
.list-banner{ height: 200px; padding-top: 120px; }
.list-banner span{ margin:0 15px; background-size: 100% auto; font-size: 18px; }
.ks-list li{ width: 50%; margin-bottom: 10px; }
.dh-title{ font-size: 24px; height: 26px; line-height: 26px; margin-bottom: 25px; }
.ks-list li a{ line-height: 48px; font-size: 14px; }
.nav-right{ width: 100%; display: flex; }
.nav-right li{ flex: 1; text-align: center; }
.nav-right li a{ height: auto; line-height: 20px; padding:8px 5px; font-size: 16px; }
.nav-b{ padding-top: 15px; padding-bottom: 15px; }
.list-date{ width: 80px; height: 80px; font-size: 24px; padding:0 10px; }
.link-right{ margin-left: 95px; padding-top: 0; }
.list-link li{ padding:20px 0; }
.list-link{ margin-top: -20px; }
.news-list-lg li{ width: 50%; margin-bottom: 15px; }
.news-list-lg{ padding-top: 0; }
.zj-img{ width: 100%; text-align: center; float: none!important; }
.zj-img img{ width: 200px; height: 273px; }
.slick-n-lg{ margin:20px 0 30px 0; }
.slick-n-lg{ padding-left: 70px; height: auto; min-height: 410px; }
.date-box{ padding-left: 65px; }
.zj-name span{ padding-right: 10px; }
.js-article p{ font-size: 14px; line-height: 25px; }
.js-article{ margin-top: 0; }
.dt-tabs li a{ font-size: 22px; }
.title{ font-size: 22px; }
.tabs-more-a{ top: -52px; }
.banner .slick-dots{ bottom: 10px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 20px; height: 20px; background-size: 100% 100%!important; }
.zj-ul li{ margin-bottom: 15px; }
.zj-ul li .slick-box-img{ width: 120px; height: 150px; }
.zj-ul li .slick-box{ height: 150px; padding-left: 130px; padding-top: 0; }
.zj-ul li .slick-box-p{ height: 50px; margin:10px 15px 10px 0;-webkit-line-clamp: 2; }
.zj-ul li .slick-box:before{ top: 27px; }
}