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


}

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

.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.container{ width: 1430px; }
.header{ position: absolute; left: 0; top: 0; right: 0; background: #fff; z-index: 10000; }
.logo{ width: 550px; background: #2267b1; height: 100px; line-height: 100px; }
.nav-list li a{ font-size: 18px; color: #333; }
.nav-list li{margin-left: 150px;position: relative;line-height: 100px;float: left;height: 100px;}
.nav-list li a:hover{ color: #2267b1; }
.header-a a{ display: inline-block; margin-left: 18px; }
.header-a{ line-height: 100px; height: 100px; }
.header-right{ padding-right: 60px; }
.banner img{ width: 100%; }
.banner{ margin:0; overflow:hidden; }
.banner .slick-dots{ bottom: 35px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 70px; height: 5px; padding:0; }
.banner .slick-dots li button{ background: #fff; }
.banner .slick-dots li{ margin:0 8px; }
.banner .slick-dots li.slick-active button{ background: #ec9d1f; }
.back-one{ background: url(../images/back.png) center no-repeat; padding-bottom: 70px; background-size: cover; padding-top: 70px; }
.title-box{ font-size: 30px; color: #333; line-height: 30px; margin-bottom: 40px; }
.title-box a{ float: right; font-size: 14px; color: #2267b1; }
.back-sm{ background: #fff; padding:30px 30px 70px 30px; }
.back-sm-left{ width: 41.8%; margin-bottom: 0; }
.back-sm-img{ position: relative; padding-top: 63%; }
.back-sm-img img{ position: absolute; left: 0; top: 0; width: 100%; }
.back-sm-img span{ position: absolute; left: 0; bottom: 0; font-size: 16px; color: #fff; font-family: "Georgia"; width: 76px; height: 76px; background: rgba(238,146,0.8); text-align: center; }
.back-sm-img span font{ font-size: 34px; }
.back-sm-tt{ font-size: 18px; color: #333; margin-top: 25px; }
.back-sm-p{ color: #808080; line-height: 25px; height: 75px; overflow:hidden; margin-top: 20px; }
.back-list li a{ display: block; padding:19px 5px; border-bottom: dashed 1px #ddd; }
.back-list-date{ font-size: 15px; color: #2267b1; font-family: "Georgia"; }
.back-list-date font{ font-size: 34px; }
.back-list{ width: 54.4%; }
.back-list-tt{ font-size: 18px; color: #333; }
.back-list-right{ margin-left: 80px; }
.back-list-p{ color: #808080; line-height: 25px; height: 50px; text-align: justify; overflow:hidden; margin-top: 10px; }
.back-list li a:hover{ background: url(../images/li-back.png) center no-repeat; background-size: cover; }
.back-list li a:hover .back-list-tt,.back-list li a:hover .back-list-date{ color: #ec9d1f; }
.back-list li a:hover .back-list-p{ color: #808080; }
.news-row .col-xs-6{ padding:0 30px; }
.news-row{ margin:0 -30px; margin-top: 90px; }
.title-box-tow,.title-box-tow a{ color: #fff; }
.news-xy-tt{ font-size: 18px; color: #333; }
.news-xy-date{ font-size: 15px; color: #6396cd; position: relative; margin-top: 10px; font-family: "Georgia"; }
.news-xy-list{ background: #fff; height: 600px; padding:35px 25px; }
.news-xy-date:before{ display: block; content: ""; position: absolute; left: 90px; top: 50%; right: 0; border-top: solid 1px #6396cd; }
.news-xy-list li{ margin-bottom: 40px; }
.news-xy-list li a:hover .news-xy-tt,.news-xy-list li a:hover .news-xy-date{ color: #ec9d1f; }
.news-xy-list li a:hover .news-xy-date:before{ border-color: #ec9d1f; }
.tabs-ul li{float: left; margin-right: 40px; margin-bottom: 40px;}
.tabs-ul li a{ display: block; color: #fff; font-size: 30px; line-height: 30px; }
.tabs-ul li.active a{ color: #ec9d1f; }
.jl-ul li a{ display: block; background: #fff; height: 80px; padding:15px 30px; margin-bottom: 7px; }
.jl-ul-tt{ font-size: 18px; color: #333; }
.jl-ul-p p{ color: #808080; padding-left: 30px; margin-top: 5px; }
.jl-ul-p01{ background: url(../images/icon-p01.png) left center no-repeat; }
.jl-ul-p02{ background: url(../images/icon-p02.png) left center no-repeat; }
.jl-ul-p03{ background: url(../images/icon-p03.png) left center no-repeat; }
.jl-ul-p{ padding-top: 5px; }
.jl-ul li a:hover{ background: url(../images/li-back02.png) center no-repeat; background-size: cover; }
.jl-ul li a:hover .jl-ul-tt,.jl-ul li a:hover .jl-ul-p p{ color: #fff; }
.jl-ul li a:hover .jl-ul-p01{ background: url(../images/icon-p01-1.png) left center no-repeat; }
.jl-ul li a:hover .jl-ul-p02{ background: url(../images/icon-p02-1.png) left center no-repeat; }
.jl-ul li a:hover .jl-ul-p03{ background: url(../images/icon-p03-1.png) left center no-repeat; }
.jl-more{ position: absolute; right: 0; top: -65px; color: #fff; }
.sp-box{ position: relative; padding-top: 85px; padding-bottom: 55px; }
.sp-box .container{ position: relative; z-index: 100; }
.sp-box:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 575px; background: #eef3f9; }
.video-width{ width: 57.14%; }
.video-width a{ display: block; position: relative; padding-top: 57%; }
.video-width a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.video-width a span{ position: absolute; left: 0; right: 0; bottom: 0; padding:15px 20px; font-size: 18px; color: #fff; }
.video-width a:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background: url(../images/play.png) center no-repeat; }
.gs-width{ width: 39.28%; }
.gs-tabs li{ float: left; line-height: 26px; margin-right: 25px; margin-bottom: 40px; }
.gs-tabs li a{ font-size: 26px; color: #808080; }
.gs-tabs li.active a,.gs-tabs li a:hover{ color: #2267b1; }
.gs-slick a{ display: block; position: relative; padding-top: 64%; }
.gs-slick a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.gs-slick a span{ position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); color: #fff; font-size: 18px; padding:0 15px; line-height: 45px; }
.gs-slick .slick-dots li,.gs-slick .slick-dots li button{ width: 6px; padding:0; height: 6px; border-radius: 6px; }
.gs-slick .slick-dots li button{ background: #2267b1; }
.gs-slick .slick-dots li.slick-active button{ background: #ec9d1f; width: 30px; }
.gs-slick .slick-dots li.slick-active{ width: 30px; }

.gs-slick .slick-dots{ bottom: -30px; }
.bottom-left{ width: 510px; margin-top: 80px; }
.logo-b{ border-bottom: solid 1px #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.bottom-left-p p{ font-size: 16px; color: #666; line-height: 35px; margin:0; }
.bottom-center-tt{ font-size: 16px; margin-bottom: 10px; color: #2267b1; margin-top: 125px; }
.bottom-center{ margin-left: 135px; }
.bottom-ul-list li a{ font-size: 16px; color: #666; line-height: 40px; display: inline-block; }
.ewm-c{ margin-left: 35px; font-size: 16px; color: #666; }
.ewm-c img{ height: 145px; margin-bottom: 10px; }
.bottom-right{ margin-top: 130px; }
.footer{ background: #2267b1; font-size: 16px; color: #fff; padding:15px 0; }
.gs-more{ position: absolute; right: 0; top: -65px; color: #2267b1; }

.bottom-ul-list li a:hover,.back-sm-left a:hover .back-sm-tt{ color: #2267b1; }


.link li{width:22%;height:9rem;background:#efc27c;text-align:center;line-height:9rem;float:left;margin:0 20px;borer-radius:10px;}
.link li a{font-size:20px;font-weight:bold; color:#fff !important;}
.link li a:hover{color:#337ab7 !important;}









.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: #333; 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-down{position: absolute;display: none;left: -70px;top: 100%;width:200px; right: -20px; background: #3d9ebf;white-space: nowrap;}
.nav-down li{ float: none; width: 100%; height: auto; margin:0!important; padding:0!important; }
.nav-down li a{ display: block; font-size: 15px; color: #fff; line-height: 40px; text-align: center; }
.nav-down li a:hover{ background:#337ab7; color: #fff; }
.nav-list li:hover .nav-down{ display: block; }
.news-list li a:hover .news-list-tt{     color: #007cc2; }
.dt-ul li a:hover .dt-ul-tt{ text-decoration: underline!important; }
.three-ul li a:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.zd-ul li a:hover .zd-right-tt,.dt-slick a:hover .dt-title,.three-title a:hover{     color: #007cc2; }
.three-title a:hover,.header-right a:hover{ color: #fff; }
.nav-list a:hover{ font-weight: bold; }

.search-box-c{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; }
.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search-c,.btn-search-c:hover,.btn-search-c:focus{color:#ffffff; position: absolute; right: 0; background: #1567b1; top: 0; width: 84px; 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);}
 
/*****************单页面***************/
.list-banner{ height: 450px;overflow:hidden; }
.list-left{ width: 240px; position: relative; z-index: 100; }
.list-left-top{ position: absolute; bottom: 100%; left: 0; width: 100%; font-size: 24px; color: #fff; font-weight: bold; height: 94px; line-height: 94px; text-align: center; background: #2267b1; background: rgb(51 117 142 / 75%); }
.list-left-nav li a{ display: block; font-size: 16px; color: #313131; line-height: 69px; border-bottom: dashed 1px #eae8e2; padding-left: 22px; }
.list-left-nav li a.active,.list-left-nav li a:hover{ background: #f4f4f4; color:#2267b1; font-weight: bold; position: relative; }
.list-left-nav li a.active:before,.list-left-nav li a:hover:before{ display: block; content: ""; height: 30px; width: 4px; background:#2267b1; position: absolute; left: 0; top: 50%; margin-top: -15px; }





.list-right{ width: 1120px; margin-top: 25px; }
.list-right-tt{ border-bottom: solid 1px #eceae4; margin-bottom: 20px; }
.list-right-l{ font-size: 22px; color: #2267b1; font-weight: bold; border-bottom: solid 5px #2267b1; padding-bottom: 10px; margin-bottom: -3px; }
.nav-b a,.nav-b{ font-size: 15px; color: #888; }
.nav-b a.active,.nav-b a:hover{ color: #2267b1; }
.nav-b{ padding-top: 5px; }
.about-txt p{ margin-bottom: 0; text-align: justify; text-indent: 2em; line-height: 38px; font-size: 16px; color: #313131; }
.list-content{ position: relative; padding-bottom: 100px;min-height:450px; }

/*******************历史沿革***********************/
.ls-ul-tt{ font-size: 16px; color: #2267b1; font-weight: bold; }
.ls-ul{ margin-left: 25px; margin-top: 60px; position: relative; padding-bottom: 1px; }
.ls-ul-p{ font-size: 16px; color: #858985; margin-top: 15px; }
.ls-ul li{ position: relative; padding-left: 65px; margin-bottom: 47px; }
.ls-ul li:before{ display: block; content: ""; position: absolute; left: 0; top: 0px; width: 47px; height: 21px; background: url(../images/quan.png) left center no-repeat; }
.ls-ul:before{ display: block; content: ""; position: absolute; left: 0; top: 9px; background: url(../images/lind.png) left top repeat-y; bottom: 0; width: 22px; }
/*******************列表******************/
.gg-list li{ position: relative; line-height: 49px; padding-right: 160px; border-bottom: dashed 1px #f4f3f0; font-size: 16px; color: #313131; }
.gg-list li span{ position: absolute; right: 0; top: 0; font-size: 16px; color: #969696; }
.gg-list li a{ font-size: 16px; color: #313131; padding-left: 15px; background: url(../images/icon-gg.png) left center no-repeat; }
.page-box{ margin-top: 80px; }
/**************内容页***************/
.article-nav{position: absolute;
    bottom: 100%;
    left: 15px;
    width: 240px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    height: 94px;
    line-height: 94px;
    text-align: center;
    background: #2267b1;
    background: rgba(52,142,51,0.75);
}
.article-nav span{ display: inline-block; height: 94px; padding-left: 56px; background: url(../images/icon-tt02.png) left center no-repeat; }
.article-tt{ font-size: 26px; color: #222; margin-top: 40px; }
.article-sm{ font-size: 16px; color: #666; }
.article-sm span{ padding:0 25px; }
.article-sm{ padding:20px 0 30px 0; border-bottom: solid 1px #f4f4f4; }
.article-txt p{ font-size: 16px; color: #222; line-height: 40px; margin-bottom: 30px;    text-indent: 2em; }
.vsbcontent_img{text-align: center;}
.article-txt img{
    height: auto !important;
width: 600px !important;
    display: block;
    margin: 0 auto;
}
.article-txt{ padding:30px 0; border-bottom: solid 1px #f4f4f4; }
.article-link p,.article-link p a{ font-size: 16px; color: #313131; }
.article-link p span{ font-size: 16px; color: #a0a09f; font-weight: bold; }
.article-link p{ margin-bottom: 15px; }
.article-link{ margin-top: 25px; }
.article-right{ width: 305px; padding-left: 20px; z-index: 100; position: relative; background: #f4f4f4; padding-bottom: 1px; }
.right-tt{ position: relative; margin-bottom: 10px; padding-left: 35px; margin-top: 50px; font-size: 18px; color: #000; font-weight: bold; background: url(../images/icon-tt01.png) left center no-repeat; background-size: 20px auto; }
.list-content-article .list-right{ width: 1235px; padding-bottom: 70px; }

.list-content-article .nav-b{ padding-right: 15px; }
.right-tt:before{ position: absolute; display: block; content: ""; left: 135px; right: 0; top: 50%; border-top: solid 1px #eceae4; }
.article-list li a{ font-size: 16px; color: #313131; padding-left: 12px; background: url(../images/icon-gg.png) left center no-repeat; }
.article-list li{ line-height: 35px; margin-right: 5px; }
.article-bottom{ padding-right: 15px; }
.list-content-article{ padding-bottom: 0; }
/**************图片列表**************/
.list-left-nav li{ position: relative; }
.list-left-nav li a span{ display: inline-block; padding-right: 35px; }
.list-left-nav-down li a{ font-size: 16px; line-height: 40px; padding-left:10px; }
.list-left-nav-down li a,.list-left-nav-down li a:before{ border:none!important; }
.list-left-nav-down li a font{  background: url(../images/icon-gg.png) left center no-repeat; padding-left:15px; }
.list-left-nav-down li a.on font,.list-left-nav-down li a:hover font{  background: url(../images/icon-gg.png) left center no-repeat; color:#2267b1; }
.list-left-nav-down li a.on{ color: #2267b1; }
.list-left-nav-down li a:before{ display: none!important; }
.list-left-nav-down li a:hover{ background: none!important; font-weight: normal; }
.list-left-nav-down{ display: none; }
.img-ul-img a{ display: block; position: relative; padding-top: 135%; }
.img-ul li{ float: left; width: 18%; padding:0 18px; margin-top: 35px; }
.img-ul{ margin:0 -18px; margin-top: -15px; }
.img-ul img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.img-ul-tt a{ font-size: 16px; color: #000; }
.img-ul-tt{ margin-top: 10px;font-size:22px; font-weight:bold; line-height:35px; }
.img-ul p{font-size:16px;margin-top:5px;}
/******************学校领导********************/
.ld-list li{ float: left; width: 50%; padding:0 15px; margin-top: 30px; }
.ld-list li img{width:35%;max-height:250px;float: left;}
.ld-list{ margin:0 -15px; }
.ld-list-box{ padding:20px 25px 0 40px;width: 62%;float: left; }
.ld-list-name{ background: #fff;font-size: 20px;color: #000;font-weight: bold;margin-bottom: 15px; }
.ld-list-zw{ font-size: 16px; color: #888; }
.ld-txt{ color: #888; line-height: 25px; height: 75px; overflow:hidden; margin-top: 20px; }
.ld-a{ display: inline-block; margin-top: 15px; color: #709c6e;}
/****************友情链接*****************/
.list-right-lg{ width: 100%!important; margin-top: 0; padding-top: 25px; }
.list-content-no:before{ display: none; }
.friend-ul li{ float: left; width: 25%; padding:0 7px; margin-bottom: 20px; }
.friend-ul{ margin:0 -7px; }
.friend-ul li a{ display: block; border:solid 1px #f3f3f3; line-height: 52px; padding:0 35px; font-size: 16px; color: #858985; }
.friend-ul li a:hover{ background: #2267b1; box-shadow: 0 0 7px rgba(52,142,51,0.75); color: #fff; border-color: #2267b1; }
/*****************专题专栏*****************/
.zt-list-lg li{ margin-bottom: 40px; }
.zt-list-lg{ padding-top: 20px; }
.page-box-sm{ margin-top: 0; }
.jg-ul li{ width: 33.333333%; padding:0 10px; margin-bottom: 25px; float: left; }
.jg-box{ border:solid 1px #f4f4f4; border-radius: 4px; padding:20px; }
.jg-logo{ width: 61px; height: 61px; background: url(../images/jg-logo.png) center no-repeat; }
.jg-name{ font-size: 16px; color: #000; font-weight: bold; margin-top: 10px; }
.jg-right{ margin-left: 75px; }
.jg-p{ font-size: 15px; color: #888; margin-top: 3px; }
.jg-ul{ margin:0 -10px; }
.jg-box:hover{ background: #f4f4f4; }

.nav-list-two-nav-item:hover,.news-list-tt a:hover,.notice-list a,.gg-list li a:hover,.article-list li a:hover,.img-ul-tt a:hover,.ld-a:hover{ color: #2267b1 !important; }
.mt-list-tt a:hover,.bottom-tt a:hover,.bottom-ul li a:hover,.friends-list li a:hover,.nav-list li a:hover{ text-decoration: none !important; }
.logo img.logo-s{ display: none; }
.home-link a:hover,.more-box a:hover,.friends-box a:hover{ text-decoration: underline!important; }
.news-ul-tt a:hover,.news-txt li div a:hover,.tz-ul-tt a:hover,.cg-ul-tt a:hover{ color: #2267b1; }
.tz-ul-box:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.title a:hover,.list-more:hover{ color: #2267b1; }
.dt-ul li a:hover,.dt-list-p a:hover,.bottom-ul li a:hover,.img-slick-tt a:hover,.article-link p a:hover{ color: #2267b1; }
.home-a a:hover{ text-decoration: underline!important; }
.zt-list li {
    float: left;
    width: 33.333333%;
    padding: 0 16px;
}
.zt-list {
    margin: 0 -16px;
    padding-bottom: 0px;
}
.zt-list li img{ width: 100%; position: absolute; left: 0; top: 0; height: 100%; }
.zt-list li a{ display: block; position: relative; padding-top: 26%; }
.dt-list li:hover .dt-list-date{ background: #2267b1; }
.logo-nav{ display: none; }
.list-left-top .nav-click{ color: #fff; }

.list-left-top-phone{ display: none; }

@media( max-width: 1799px){
    .logo{ width: 450px; }
    .header-right{ padding-right: 15px; }
}












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


@media( max-width: 1479px){
  .container{ width: 1230px; }
  .logo img{ width: 400px; }
  .nav-list li{ margin-left: 15px; }
  .banner .slick-prev{ margin-left: -626px; }
  .banner .slick-next{ margin-right: -626px; }
  .link-ul li a i{ left: 30px; }
  .link-ul li a{ padding-left: 120px; }
  .news-list li a{ margin-bottom: 14px; height: 74px; }
  .news-list li:last-child{ display: none; }
  .three-left{ width: 70%; }
  .footer-right{ width: 100%; text-align: center; margin-top: 20px; }
  .footer-right .footer-img{ display: inline-block; float: none!important; margin:0 20px; }

  .list-right{ width:920px; }
  .list-content-article .list-right{ width: 870px;}
  .bottom-center{ margin-left: 30px; }
  .ewm-c{ margin-left: 20px; }
.ld-list li{width:100%;}
.ld-list li img{width:22%;}

}

@media( max-width: 1479px){
    .logo{ width: 300px; padding:0 15px; }
    .nav-list li{margin-left: 150px;}
}

@media( max-width: 1279px){
  .container{ width: 970px; }
    .logo{ width: 200px; padding:0 15px; }
  .nav-list li a{ font-size: 15px; }
    .nav-list li{margin-left: 116px;}
    .back-list li:last-child{ display: none; }
  .news-list li:nth-child(4){ display: none; }
  .news-list li a{ margin-bottom: 17px; height: 77px; }
  .three-left{ width: 60%; }
  .dt-ul li{ width: 50%; }
  .dt-ul li:nth-child(5),.dt-ul li:nth-child(6){ display: none; }
  .footer-left{ width: 400px; }
  .footer-center{ padding:0 39px; }

  .list-right{ width:670px; }
.link li{width:46%;margin:0 20px 20px 0;}
    .list-content-article .list-right{ width: 635px; }
    .jg-ul li{ width: 50%; }
    .tz-ul li{ width: 50%; }
    .friends-box span{ padding:0 5px; }
    .bottom-right{ width: 100%; float: none!important; padding-top: 60px; }
    .ewm-c{ display: inline-block; float: none!important; margin:0 15px; }

  }
@media( max-width: 991px){
    .tabs-ul li{ margin-right: 15px; }
    .tabs-ul li a,.title-box{ font-size: 24px; }
  .container{ width: 750px; }
  .bottom-right{ padding-top: 0; }
  .sp-box:before{ display: none; }
  .bottom-center-tt,.bottom-right{ margin-top: 50px; }
  .gs-width{ width: 100%; margin-top: 50px; }
  .video-width{ width: 100%; }
  .bottom-left{ width: 100%; text-align: center; float: none!important; }
  .header .container{ width: 100%; }
  .link-ul li{ padding:0 10px; }
  .link-ul{ margin:0 -10px; }
  .logo,.header-a{ height: 50px; line-height: 50px; }
  .header-a{ margin-right: 38px; }
  .link-ul li a i{ left: 15px; }
  .link-ul li a{ padding-left: 90px; }
  .tow-left{ width: 100%; }
  .tow-right,.three-left,.three-right{ width: 100%; }
  .news-slick{ margin-bottom: 0; }
  .news-list li a{ margin-bottom: 22px; height: 82px; }
  .dt-ul li:nth-child(5),.dt-ul li:nth-child(6){ display: block; }
  .zd-ul li{ width: 50%; }
  .footer-left{ width: 100%; float: none!important; text-align: center; }
  .footer-center{ width: 100%; margin:0; border:none; float: none!important;  text-align: center; padding:0; }
  .nav-list{ position: absolute; margin-top: 0; left: 0; max-height: 120vh; overflow-y: auto; display: none; top: 100%; right: 0; border-top: solid 1px #fff; background: #f6f6f6; }
  .nav-list li{ float: none; width: 100%; height: auto; line-height: 1; margin:0; padding:0; }
  .nav-list li a{ text-align: left; padding:0 15px; font-size: 14px; line-height: 40px; color: #333; }
  .nav-list li.active a{ color: #fff; }


  .menu-button{ display: block; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-down{ position: static; margin:0; padding:0; width: 100%; background: none; }
    .nav-down li{ text-align: left; padding:0; }
    .nav-down li a{ text-align: left; padding:0 25px; font-size: 14px; line-height: 30px; text-align: left; }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-down:before{ display: none; }


  .header-top{ margin-left: -15px; padding-left: 15px; line-height: 30px; margin-right: -15px; padding-right: 15px; border-bottom: solid 1px rgba(255,255,255,0.5); }
  .banner .slick-prev{ margin-left: -0px; left: 15px; }
  .banner .slick-next{ margin-right: -0px; right: 15px; }
  body{ padding-top: 50px; }

  .list-right{ width:420px; }

.list-content-article .list-right{ width: 100%; }
.list-content-article:before,.article-right{ display: none; }
.friend-ul li{ width: 33.333333%; }
.jg-ul li{ width: 100%; }
.nav-list li{ padding-bottom: 0; }
.title-lg{ font-size: 24px; margin:20px; height: 100px; background-size: auto 100px; line-height: 100px; }
.news-ul li{ width: 100%; margin-bottom: 20px; }
.news-txt li{ width: 100%; margin-bottom: 15px; }
.news-txt li div a{ font-size: 16px; }
.news-txt li div{ padding-right: 95px; }
.news-txt li div span{ font-size: 14px; }
.tz-ul li{ width: 100%; margin-bottom: 15px; }
.tz-ul-box{ height: auto; padding:15px; }
.cg-row .col-xs-4{ width: 100%; height: auto; border:none; margin-bottom: 0; padding-bottom: 0; padding-top: 0; }
.cg-ul li{ margin-bottom: 15px; }
.img-slick{ margin-bottom: 15px; }
.cg-ul-txt {

    height: 60px;

    -webkit-line-clamp: 2;

}
.fc-sm,.fc-lg{ width: 100%; }
.friends-box font{ display: block; text-align: left; margin-bottom: 10px; }
.friends-box{ text-align: left; border:none; margin-bottom: 20px; }
.friends-box a{ font-size: 16px; display: inline-block; }
.friends-box span{ font-size: 16px; display: inline-block; padding:0 15px; }
.friends-box{ padding:15px 0; }

}
@media( max-width: 768px){
  
  .container{ width: 100%; }
  .link-ul li{ margin-bottom: 15px; text-align: center; }
  .page-one{ padding:25px 0 10px 0; }
  .link-ul li a i{ position: static; display: block; line-height: 40px; }
  .link-ul li a i img{ width: 40px; }
  .link-ul li a{ padding-left: 0px; font-size: 16px; line-height: 40px; padding:10px; }
  .banner .slick-dots{ bottom: 10px; }
  .news-slick{ width: 100%; margin-bottom: 20px; }
  .news-list{ width: 100%; }
  .title{ margin:30px 0 20px 0; }
  .news-list li:last-child a{ margin-bottom: 0; }
  .news-list li{ display: block!important; }
  .dt-ul li{ width: 100%; margin-bottom: 15px; }
  .three-title{ margin-bottom: 20px; }
  .page-three{ padding:30px 0 20px 0; }
  .three-ul{ margin:0 -5px; }
  .three-ul li{ float: left; width: 33.333333%; padding:0 5px; }
  .three-ul li a{ height: auto; text-align: center; }
  .three-ul li a span i{ position: static; display: block; line-height: 45px; margin-bottom: 5px; text-align: center; }
  .three-ul li a span{ padding:15px; height: auto; line-height: 20px; font-size: 12px; }
  .four-tabs li a{ font-size: 24px; }
  .four-tabs li{ float: left; margin-left: 0; margin-right: 20px; margin-bottom: 30px; }
  .four-tabs{ margin-top: 25px; }
  .zd-ul li{ width: 100%; margin-bottom: 20px; }
  .tabs-more{ top: -68px; }
  .dt-slick a{ height: auto; padding:15px; }
  .dt-title{ margin-left: 50px; }
  .page-five{ padding:30px 0; }
  .footer{ padding:20px 0; }
  .footer-left{ padding-top: 0; }
  .footer-left p{ margin:0; line-height: 25px; }
  .footer-center img{ width: 250px; }
  .footer-center{ height: auto; line-height: 1; margin-top: 20px; }
  .title{ font-size: 24px; line-height: 24px; }
  .header-left{ display: none; }
  .search-box-c{ width: 90%; left: 5%; margin-left: 0; }
.link li{width:100%;}

.list-left,.list-right{ width: 100%; }
.list-left-top,.article-nav{ height: 50px; line-height: 50px; text-align: left; padding-left: 20px; font-size: 18px;  }
.list-banner{ height: auto;  }
.list-content:before{ display: none; }
.list-left-nav li a{ font-size: 16px; line-height: 40px; padding-left: 20px; }
.list-left-nav{ display: none; }
.list-left-top .nav-click{ height: 50px; line-height: 50px; }
.list-right{ width: 100%; }
.nav-b{ display: none; }
.about-txt p{ font-size: 14px; line-height: 25px; }
.list-content{ padding-bottom: 30px; }
.ls-ul{ margin:20px 0 0 0; }
.ls-ul li{ margin-bottom: 20px; }
.gg-list li{ padding-right: 100px; }
.page-box{ margin-top: 30px; }
.gg-list li{ line-height: 40px; }
.gg-list li a{ font-size: 14px; }
.gg-list li span{ font-size: 14px; }
.article-tt{ font-size: 18px; margin-top: 20px; }
.article-sm{ font-size: 12px; padding-bottom: 20px; }
.article-sm span{ padding:0 5px; }
.article-txt p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
.article-txt{ padding:20px 0; }
.article-bottom{ padding-right: 0; }
.article-link p, .article-link p a,.article-link p span{ font-size: 14px; }
.list-content-article .list-right{ padding-bottom: 0; }
.article-nav span{ line-height: 50px; height: 50px; }
.article-nav{ width:auto; right: 15px; }
.img-ul li{ width: 50%; padding:0 5px; margin-top: 5px; margin-bottom: 10px; }
.img-ul{ margin:0 -5px; }
.img-ul-tt a{ font-size: 14px; }
.ld-list li{ width: 100%; }
.ld-list li img{width:40%}
.ld-list-box{padding:10px 10px; width:58%;}



.friend-ul li{ width: 100%; }
.friend-ul li a{ font-size: 16px; padding:0 20px; line-height: 45px; }
.zt-list-lg{ padding:0; }


.banner .slick-dots li, .banner .slick-dots li button{ width: 20px; }
.back-one{ padding:30px 0; }
.title-box{ margin-bottom: 20px; }
.back-sm-left{ width: 100%; }
.back-list{ width: 100%; }
.back-sm{ padding:20px; }
.back-list li:last-child{ display: block; }
.news-row .col-xs-6{ width: 100%; }
.news-row{ margin-top: 30px; }
.news-xy-list{ height: auto; padding:20px 20px 1px 20px; }
.news-xy-list li{ margin-bottom: 20px; }
.tabs-ul li{ margin-top: 30px; margin-bottom: 20px; }
.jl-more{ top: -45px; }
.sp-box{ padding:30px 0; }
.gs-width{ margin-top: 30px; }
.gs-tabs li{ margin-bottom: 20px; }
.gs-more{ top: -45px; }
.bottom-left{ margin-top: 50px; }
.bottom-left-p p{ font-size: 14px; line-height: 25px; }
.bottom-center{ width: 100%; margin:0; float: none!important; }
.bottom-ul-list li a{ font-size: 14px; line-height: 30px; }
.bottom-center-tt, .bottom-right{ margin-top: 30px; }
.ewm-c img{ height: 100px; margin-bottom: 5px; }
.ewm-c{ font-size: 14px; }
.gs-tabs li a{ font-size: 24px; }
.footer{ font-size: 14px; padding:10px 0; }
.footer span{ display: inline-block; }
.list-left-top{ display: none; }
.list-left-top-phone{ display: block; }

}

@media( max-width: 330px){
.header-a{margin-right:30px;}
.header-a a{margin-left:0;}

}