body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑", "Arial", Helvetica, "黑体", Arial, Tahoma;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    background: #fffefe
}
.img-hide{ overflow:hidden; display: block; }

.img-hide img,.div-img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,.img-hide:hover .div-img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{max-width:100%;display: inline-block;vertical-align: middle;}
.slick-dots li button:before{ display: none; }
.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: 1510px;}

.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.header{ position: relative; overflow:hidden; }
.header:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; height:787px; background: url(../images/header.png) center no-repeat; background-size: cover; }
.header:after{ display: block; content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 787px; background: url(../images/back01.png) center no-repeat; background-size: cover; }
.logo{ padding-top: 30px; }
.header .container{ position: relative; z-index: 1000; }
.header-right{ padding-top: 28px;  }
.header-top{ position: relative; z-index: 100000; }
.home-a{color: #fff;line-height: 36px;background: url(../images/icon01.png) left center no-repeat;padding-left: 33px;font-size: 16px;margin-right: 10px;}
.home-a:hover,.home-a:focus{color: #fff;}

.search-top{ position: relative; width: 225px; margin-left: 50px; }
.search-top .form-btn{cursor: hand;
border: none;
box-shadow: none;
background: url(../images/search.png) 12px center no-repeat;
position: absolute;
left: 0;
top: 0;
width: 36px;
height: 36px;ursor: pointer;}

.jdjs_app .tj{background: url(../images/search.png) 12px center no-repeat;}
.search-top .form-control{ /*! border:solid 1px rgba(255,255,255,0.5); */ /*! box-shadow: none; */ background: none; border-radius: 0; height: 36px; padding-left: 40px; color: #fff; }
.search-top .form-control::-webkit-input-placeholder{color:#fff;}
.search-top .form-control::-moz-placeholder{/* Mozilla Firefox 19+ */color:#fff;}
.search-top .form-control:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#fff;}
.search-top .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff;}


.nav-list li{float: left;margin-left: 60px;position: relative;}
.nav-list li a{display: block;padding: 15px 7px;font-size: 18px;color: #fff;font-weight: bold;}
.container{ width: 1590px; }
.img-slick{ width: 74%; }
.img-slick a{ display: block; position: relative; height: 635px; overflow:hidden; }
.img-slick a img{ position: absolute; left: 0; top: 0; width: 100%; height: auto;    object-fit: cover; }
.img-span span{ color: #fff; line-height: 30px; display: inline-block; padding:0 10px; border-radius: 6px; background: #9c010f; }
.img-tt{ font-size: 20px; color: #fff; font-weight: bold; margin-top: 15px; }
.img-p{ color: #ccc; font-size: 16px; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 10px; line-height: 30px;  }
.img-slick-mask{ position: absolute; left: 0; right: 0; bottom: 0; height: 220px; background: url(../images/txt-mask.png) center no-repeat; background-size: 100% 100%; padding:50px 35px 35px 35px; }
.img-ul{ width: 26%; position: relative; z-index: 1000; height: 637px; background: url(../images/ul-back.png) center bottom no-repeat; background-size: cover; }
.img-ul li a{ display: block; padding:19px 35px 20px 35px; position: relative; }
.img-ul li a:before{ display: block; content: ""; position: absolute; left: 35px; right: 35px; bottom: 0; border-top: dashed 1px #ddd; }
.img-ul-tt{ position: relative; z-index: 100; font-size: 18px; line-height: 28px; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; height: 56px; color: #333; text-align: justify; }
.img-ul-date{ position: relative; z-index: 100; background: url(../images/icon-date.png) left center no-repeat; margin-top: 10px; font-size: 16px; color: #255295; padding-left: 30px; }
.img-ul li:last-child a:before{ display: none; }

.img-ul li.on a i{ position: absolute; left: -30px; right: 0; top: 0; bottom: 0; background: url(../images/on.png) left center no-repeat; background-size: cover; }
.img-ul li.on a .img-ul-tt{ color: #fff; font-weight: bold; }
.img-ul li.on a .img-ul-date{ background: url(../images/icon-date02.png) left center no-repeat; color: #fff; }
.title{ font-size: 36px; color: #333; line-height: 36px; margin:80px 0 35px 0; }
.title a{ float: right; font-size: 16px; color: #666; }
.tabs-box{ min-height: 360px; position: relative; padding-left: 195px; height: 755px; padding-bottom: 25px; }
.tabs-ul{ position: absolute; left: 0; top: 0; width: 195px; }
.tabs-ul li a{ display: block; padding-left: 35px; position: relative; line-height: 50px; font-size: 24px; color: #666; }
.tabs-ul li.active a{ color: #fff; background: url(../images/tabs-hover.png) center no-repeat; background-size: 100% 100%; }
.tabs-ul li{ padding-bottom: 15px; border-left: solid 1px #c6d0de; }
.news-top-ul li{ float: left; width: 33.333333%; padding:0 32px; margin-bottom: 40px; }
.news-top-ul{ margin:0 -32px; }
.news-top-img{ position: relative; padding-top: 58.5%; }
.news-top-img img{ position: absolute; left: 0; top: 0; width: 100%; height: auto;object-fit: cover; }
.news-top-b{ height: 125px; background: #fff; padding:20px 30px; }
.news-top-tt{ font-size: 18px; color: #333; text-align: justify; line-height: 30px; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; height: 60px;  }
.news-top-b .img-ul-date{ padding-left: 22px; }
.news-top-ul li a{ display: block; }
.news-top-ul li a:hover .news-top-b{ background: url(../images/back-hover.png) center no-repeat; background-size: cover; }
.news-top-ul li a:hover .news-top-tt{ color: #fff; }
.news-top-ul li a:hover .img-ul-date{ background: url(../images/icon-date02.png) left center no-repeat; color: #fff; }
.news-bottom-ul li{ float: left; width: 50%; padding:0 32px; margin-bottom: 40px; }
.news-bottom-ul li a{ display: block; height: 117px; background: #fff; position: relative; padding-left: 130px; padding-right: 50px; padding-top: 30px; }
.news-bottom-date{ position: absolute; padding-top: 20px; font-size: 16px; height: 117px; color: #255295; left: 0; top: 0; width:111px; background: url(../images/date-back01.png) center no-repeat; background-size: 100% 100%;  }
.news-bottom-date span{ font-size: 36px; position: relative; display: inline-block; margin-bottom: 5px; }
.news-bottom-date span:before{ display: block; content: ""; position: absolute; left: 50%; top: 100%; width: 20px; height: 2px; margin-left: -10px; background: #9c010f; }
.news-bottom-ul-tt{ font-size: 18px; color: #333; }
.news-bottom-p{ font-size: 16px; color: #666; margin-top: 10px; overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; }
.news-bottom-ul li a:hover{ background: url(../images/back-hover02.png) center no-repeat; background-size: cover; }
.news-bottom-ul li a:hover .news-bottom-ul-tt{ color: #fff; }
.news-bottom-ul li a:hover .news-bottom-p{ color: #ccc; }
.news-bottom-ul li a:hover .news-bottom-date{ background: url(../images/date-back02.png) center no-repeat; background-size: 100% 100%; color: #fff; }
.news-bottom-ul{ margin:0 -32px; }
.zt-list li{ float: left; width: 33.333333%; padding:0 20px; margin-bottom: 60px; }
.zt-list-img{ position: relative; padding-top: 53.75%; }
.zt-list-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;    object-fit: cover; }
.zt-list-tt{ line-height: 80px; border-bottom: solid 1px #ddd; font-size: 18px; color: #333; }
.zt-list li a:hover .zt-list-tt{ color: #255295; font-weight: bold; border-color: #255295; }
.page-tow:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; height: 318px; background: #efefef; }
.page-tow{ position: relative; padding-top: 80px; overflow:hidden;    z-index: 1; }
.page-tow:after{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; height: 318px; background: url(../images/back-top.png) center no-repeat; background-size: cover; border-radius: 0 156px 0 0; }
.page-tow .container{ position: relative; z-index: 100; }
.tow-title{ color: #fff; font-size: 36px; line-height: 36px; }
.tow-title a{ float: right; font-size: 16px; color: #fff; }
.title-box{ position: relative; }
.tow-tabs{ position: absolute; top: 5px; left: 245px; }
.tow-tabs li a{ display: block; position: relative; font-size: 24px; color: #fff; padding:0 25px; border-radius: 6px; line-height: 38px; }
.tow-tabs li.active a{ background: #fff; color: #1f4a8e; }
.tow-tabs li{ float: left; margin-right: 20px; }
.tow-tabs li.active a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 20px; background: url(../images/tabs-top.png) center no-repeat; }
.tow-bottom{ position: relative; z-index: 100; margin-top: 40px; height: 640px; }
.tow-bottom .tabs-more{ color: #fff!important; }
.tow-bottom:before{ display: block; content: ""; position: absolute; left: 50%; right: 0; top: 0; bottom: 0; background: #fff; margin-left: -870px; }
.tow-bottom .container{ position: relative; z-index: 100; }

.tow-ul{ margin-right: -1px; padding-top: 70px; padding-bottom: 80px; height: 640px; }
.tow-ul li{ float: left; width: 22%; border-right: solid 1px #fff; }
.tow-ul li a{ display: block; position: relative; }
.tow-ul li:nth-of-type(2){ width: 56%; }
.tow-ul li:nth-of-type(1) a{ margin-bottom: 1px; }
.tow-ul li:nth-of-type(3) a{ margin-bottom: 1px; }
.tow-ul li:nth-of-type(3) a img{ width: 100%; height: 247px; }
.tow-ul li:nth-of-type(2) a img,.tow-ul li:nth-of-type(1) a img{ height: 495px; width: 100%; }
.tow-ul li:nth-of-type(1) a img{ height: 247px;}
.tow-ul li a .tow-ul-tt{ position: absolute; font-size: 18px; color: #fff; left: 0; right: 0; bottom: 0; background: url(../images/txt-mask02.png) center no-repeat; background-size: 100% 100%; height: 96px; padding-top: 60px; }
.tow-ul li a .tow-ul-tt:before{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; width: 20px; height: 2px; margin-left: -10px; background: #9c010f; }

.tabs-slick-box{ width: 295px; padding-top: 120px; background: #e9edf4; height: 640px; position: relative; }
.tabs-slick a{ display: block; line-height: 60px; font-size: 18px; color: #333; }
.tabs-slick .slick-current a{ color: #255296; font-weight: bold; text-decoration: underline!important; }
.tabs-slick .slick-list{ padding:120px 0 0 0!important; }
.tabs-slick-box:before{ display: block; content: ""; position: absolute; left: -90px; top: 0; bottom: 0; width: 90px; background: #e9edf4; }
.slick-right{ margin-left: 295px; padding-left: 55px; }
.slick-ul-list li{ float: left; width: 25%; padding:0 27px; padding-top: 105px; }
.slick-ul-list{ margin:0 -27px; position: relative; overflow: hidden; }
.slick-ul-list li a{ display: block; position: relative; }
.right-img{ position: relative; padding-top: 134.8%; }
.right-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.right-tt{ font-size: 18px; color: #333; margin-top: 85px; }
.slick-ul-list:before{ display: block; content: ""; position: absolute; left: 27px; right: 27px; bottom: 55px; border-top: solid 1px #ddd; }
.slick-ul-list li a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 44px; height: 23px; background: url(../images/dian01.png) center no-repeat; }
.slick-ul-list li a:hover .right-img{ box-shadow: 0 0 10px rgba(39,86,156,0.7); }
.slick-right-c .slick-list{ overflow:visible!important; }
.slick-ul-list li a:hover:before{ background: url(../images/dian02.png) center no-repeat; }
.slick-ul-list li a:hover .right-tt{ color: #255397; font-weight: bold; }
.tabs-slick .slick-prev{ width: 34px; height: 34px; margin-left: -47px; background: url(../images/top.png) center no-repeat; left: 50%; top: -50px; }
.slick-prev:before,.slick-next:before{ display: none; }
.tabs-slick .slick-next{ width: 34px; height: 34px; margin-left: -47px; top: auto; background: url(../images/bottom.png) center no-repeat; left: 50%; bottom: -50px; }
.video-box{ position: relative; height: 640px; }
.video-box:before{ display: block; content: ""; position: absolute; left: -90px; top: 0; bottom: 0; right: 0; background: url(../images/video-a.png) left center no-repeat; }
.video-right{ width: 780px; padding-top: 68px; }
.video-slick .slick-slide{ padding:0 36px;  }
.video-slick{ margin:0 -36px; }
.video-slick a{ display: block; position: relative; padding-top: 57.5%; }
.video-slick a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.video-slick a span{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/txt-mask02.png) center bottom no-repeat; background-size: 100% auto; }
.video-slick a span p{ position: absolute; left: 0; right: 0; bottom: 10px; font-size: 18px; color: #fff; padding:0 20px; }
.video-slick a span p:before{ display: block; content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 3px; background: #9c010f; }
.video-slick .slick-prev{ width: 54px; height: 54px; background: url(../images/left.png) center no-repeat; margin-top: -27px; left: 10px; z-index: 100; }
.video-slick .slick-next{ width: 54px; height: 54px; background: url(../images/right.png) center no-repeat; margin-top: -27px; right: 10px; z-index: 100; }
.video-ul li a{ display: block; padding-left: 30px; background: url(../images/li01.png) left center no-repeat; font-size: 18px; color: #333; position: relative; padding-right: 160px; line-height: 70px; border-bottom: dashed 1px #ddd;  }
.video-ul li a span{ position: absolute; font-weight: normal!important; right: 0; top: 0; padding-left: 30px; font-size: 16px; color: #255295; background: url(../images/icon-date.png) left center no-repeat; padding-left: 25px; }
.video-ul li a:hover{ color: #255295; font-weight: bold; }
.video-ul{ margin-top: 20px; }
.logo-b{ padding-top: 85px; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; padding-bottom: 40px; position: relative; z-index: 2; }
.footer-p p{ font-size: 16px; color: #fff; margin:0; line-height: 30px; }
.footer-p p.p{ margin-top: 25px; }
.footer-p p a {color: #fff;}
.footer-right{ padding-top: 70px; }
.footer-down{ width: 282px; margin-left: 100px; }
.down-a{ display: block; font-size: 16px; position: relative; border:solid 1px #7994bf; line-height: 44px; padding-left: 20px; color: #fff!important; }
.down-a:before{ display: block; content: ""; position: absolute; right: 20px; top: 0; bottom: 0; width:11px; background: url(../images/dir-right.png) center no-repeat;  }
.dropdown-menu{ width: 100%; top: auto; bottom: 100%; }
.dropdown{ margin-bottom: 25px; }
.footer-a a{ display: inline-block; position: relative; margin-left: 20px; }
.footer-a{ margin-left: 90px; padding-top: 30px; }
.footer-a a span{ position: absolute; left: 50%; bottom: 140%; width: 105px; margin-left: -60px; display: none; padding: 10px;background: #fff;text-align: center;border-radius: 10px;}
.footer-a a span::before {
    content: "";
    width: 8px;
    border-left: 8px solid #0000;
    border-right: 8px solid #0000;
    border-bottom: 9px solid #fff;
    bottom: -9px;
    right: 40px;
    transform: rotate(180deg);
    position: absolute;
    display: block;
}

.footer-a a:hover span{ display: block; }
.page-one{ margin-top: 30px; }
.close{ display: none; opacity: 1; }
.search-a{ display: none; }
.nav-down{ position: absolute; display: none; padding:10px 0;background: rgba(255,255,255,0.7); left: 50%; margin-left: -70px; top: 100%; width: 140px; }
.nav-down li{ float: none; padding:0; margin:0!important; }
.nav-down li a{ height: auto; color: #333!important; text-align: center; display: block; background: none!important; line-height: 40px; padding:0; }
.nav-down li a:hover{ color: #255295!important; }
.nav-list li:hover .nav-down{ display: block; }
/************内容页*************/
.list-header{ height: 120px; background: url(../images/listheader.png) center top no-repeat; background-size: cover; }
.list-banner img{ width: 100%; }
.list-left{ width: 290px; margin-top: 45px; }
.left-top{ height: 133px; line-height: 133px; color: #fff; font-weight: bold; font-size: 36px; background: url(../images/left-top.png) center no-repeat; }
.left-nav{ background: #fff; }
.left-nav li a{ display: block; position: relative; line-height: 40px; border-left: solid 4px #316bc3; font-size: 24px; color: #222; padding-left: 75px;  padding: 20px 0 20px 75px; }
.left-nav li a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-top: solid 1px #ddd; }
.left-nav li a:hover{ background: url(../images/nav-back.png) center no-repeat; background-size: 100% 100%; color: #fff; font-weight: bold; }
.left-nav li:last-child a:before{ display: none; }
.left-nav li a:hover:after{ display: block; content: ""; position: absolute; left: -4px; top: 50%; width: 4px; height: 40px; background: #9c010f; margin-top: -20px; }
.list-right{ width: 1200px; margin-top: 45px; }
.list-right-top{ border-bottom: solid 1px #ddd; padding-bottom: 20px; position: relative; }
.list-right-tt{ background: url(../images/icon-tt.png) left top no-repeat; padding:15px 0 0 40px; font-size: 34px; color: #212020; font-weight: bold; }
.list-right-top:before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 65px; height: 3px; background: #265296; }
.nav-b{ font-size: 16px; margin-top: 40px; color: #666; line-height: 23px; background: url(../images/icon-b.png) left center no-repeat; padding-left: 27px; }
.article-tt{ margin-top: 40px; font-size: 21px; font-weight: bold; color: #072e68; background: #f3f6fb; padding:35px 15px; border-radius: 50px 0 50px 0; line-height: 26px;}
.article-sm{ color: #757575; }
.article-sm span{ display: inline-block; padding:0 20px; margin-top: 10px; }
.article-p{ border-top: solid 1px #ddd; padding-top: 20px; margin-top: 25px; }
.article-p p{ font-size: 16px; color: #101010; text-align: justify; line-height: 30px; margin-bottom:15px; }
.article-p video {    margin: 0 auto;  max-width: 100%; display: block; height: auto !important;}
.article-p img {    margin: 0 auto;  max-width: 100%; display: block; height: auto !important;}
.article-bottom p{ color: #5e5e5e; margin:0; line-height: 25px; }
.article-bottom{ margin-top: 70px; }
.article-bottom p a{ color: #5e5e5e; }
.article-link{ border-radius: 50px 0 50px 0; padding:35px 20px; margin-top: 50px; color: #042d69; background: url(../images/link-back.png) center no-repeat; background-size: cover; }
.article-link a{ color: #042d69;float: left;width: 100%;text-align: left;  display: block;  white-space: nowrap;text-overflow: ellipsis; overflow: hidden;    line-height: 26px;}
.article-link span{ font-weight: bold; }
.list-back{ padding-bottom: 100px; background: url(../images/list-b.png) center bottom no-repeat; }
/****************图片列表页****************/
.img-list li{ float: left; width: 50%; padding:0 38px; margin-bottom: 55px; }
.img-list{ margin:0 -38px; padding-top: 40px; }
.img-list li a{ display: block; position: relative; padding-top: 58%; }
.img-list li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.img-list li a span{ position: absolute; left: 0; font-size: 18px; right: 0; bottom: 0; background: rgba(0,0,0,0.5); color: #fff; padding:10px 15px; }
/**************图文列表**************/
.txt-ul-img img{ width: 287px; height: 183px; }
.txt-ul li a{ display: block; border-radius: 0 50px 0 50px; padding:45px; position: relative; }
.txt-ul-right{ margin-left: 320px; padding-top: 15px; }
.date-txt{ font-size: 16px; line-height: 27px; color: #295ba4; padding-left: 40px; background: url(../images/date03.png) left center no-repeat; }
.txt-ul li a:hover .date-txt{ font-size: 16px; color: #fff; padding-left: 40px; background: url(../images/date02.png) left center no-repeat; }
.txt-ul-tt{ font-size: 18px; color: #03070c; font-weight: bold; margin-top: 25px; }
.txt-ul-p{ font-size: 16px; color: #6a6a6a; line-height: 30px; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; margin-top: 10px;
-webkit-box-orient: vertical; }
.txt-ul li a:hover{ background: url(../images/hover-back.png) center no-repeat; background-size: cover; box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.txt-ul{ margin-top: 40px; margin-bottom:50px; }
.txt-ul li a:before,.wb-ul li a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-top: solid 1px #ddd; }
.txt-ul li a:hover:before,.wb-ul li a:hover:before{ display: none; }
.txt-ul li a:hover .txt-ul-tt{ color: #fff; }
.txt-ul li a:hover .txt-ul-p{ color: #dad8d8; }
/***************文字列表***************/
.wb-ul li {position: relative;}
.wb-ul li a{ display: block; position: relative; line-height: 115px; padding-right: 220px; padding-left: 55px; font-size: 18px; color: #1b1b1b; }
.wb-ul li a:after{ display: block; content: ""; position: absolute; left: 30px; top: 50%; height: 26px; width: 3px; background: #9e0815; margin-top: -13px; }
.wb-ul li a em{ position: absolute; right: 50px; color: #1b1b1b; background: url(../images/rl01.png) left center no-repeat; padding-left: 30px;font-style: normal;display: block; top: 0;}
.wb-ul li a:hover em{ background: url(../images/rl02.png) left center no-repeat; color: #fff; }
.wb-ul li a:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.2); color: #fff; background: url(../images/wz-back.png) right center no-repeat; background-size: cover; }
.wb-ul{ margin:40px 0; }
/******************校报****************/
.xb-list li{ float: left; width: 33.333333%; padding:0 42px; margin-bottom:45px; }
.xb-list{ margin:0 -42px; padding:40px 0; }
.xb-img{ position: relative; padding-top:128.5%; margin-bottom: 20px;  }
.xb-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.xb-tt{ font-size: 16px; color: #1d0e0e; }

.xb-list li a:hover .xb-tt,.title a:hover{ color: #255295; }
.article-link a:hover{ font-weight: bold; }

.tabs-more{ position: absolute; right: 0; top: -60px;     font-size: 16px; color: #666; }
.zt-list{ margin:0 -20px; }

.header:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; height:787px; background: url(../images/header.png) center no-repeat; background-size: cover; }
.header:after{ display: block; content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 787px; background: url(../images/back01.png) center no-repeat; background-size: cover; }


@media( max-width: 1620px){
    .container{width: 90%;}
    .img-slick a{ height: 490px; }
    .img-ul li a{ padding:8px 35px; }
    .img-ul-tt{ font-size: 16px; line-height: 25px; height: 50px; }
    .img-ul{ height: 491px; }
    .nav-list li{margin-left: 9px;}
    .tabs-box{ height: 650px; }
     .tow-ul li:nth-of-type(3) a img{ height: 188px; }
    .tow-ul li:nth-of-type(2) a img, .tow-ul li:nth-of-type(1) a img{ height: 377px; }
    .tow-ul li:nth-of-type(1) a img{ height: 188px; }
    .logo-b{ width: 100%; text-align: center; }
    .footer-right{ width: 100%; }
    .list-right{ width: 850px; }
.header:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; height:656px; background: url(../images/header.png) center no-repeat; background-size: cover; }
.header:after{ display: block; content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 656px; background: url(../images/back01.png) center no-repeat; background-size: cover; }

}
@media( max-width: 1279px){
    .container{width: 90%;}
    .logo{ width: 250px; }
    .nav-list li a{ font-size: 16px; }
    .nav-list li{margin-left: 14px;}
    .tabs-box{ height: auto; }
    .tow-ul li:nth-of-type(3) a img{ height: 147px; }
    .tow-ul li:nth-of-type(2) a img, .tow-ul li:nth-of-type(1) a img{ height: 295px; }
    .tow-ul li:nth-of-type(1) a img{ height: 147px; }
    .video-box:before{ display: none; }
    .video-right{ width: 100%; }
    .tow-ul,.tow-bottom{ height: auto; }
    .footer-down{ margin-left: 50px; }
    .footer-a{ margin-left: 30px; }
    .list-right{ width: 620px; }
    .article-sm span{ padding:0 15px; }
    }

@media( max-width: 1024px){
    .container{ width: 100%; }
    .header{ padding-top: 50px; }
    .header-top{ height: 50px; z-index: 10000; position: fixed; left: 0; right: 0; top: 0; background: #255295; }
    .logo{ padding:0; line-height: 50px; width: auto; }
    .logo img{height: 35px;}
    .search-top{ display: none; }
    .nav-list{position: fixed;border-top: solid 1px #466fab;overflow-y: auto;display: none;z-index: 1000;left: 0;top: 50px;right: 0;bottom: 0;padding-top: 10px;background: #255295;}
    .header-right{ padding-top: 0; }
    .nav-list li{ float: none; width: 100%; margin:0; padding:0; }
    .nav-list li a{ display: block; font-size: 16px; padding:0px 15px; line-height: 40px; }
    .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; width: 100%; padding:0; border:none; background: none; transform: translate(0,0); }
    .nav-down li a{ text-align: left; padding:0 25px; color: #fff; }
    .nav-list li:hover .nav-down{ display: none; }
    .menu-button{ display: block; }
    .home-a{ line-height: 50px; font-size: 14px; padding-left: 25px; margin-right: 70px; }
    .search-a{ display: block; position: absolute; right: 55px; z-index: 10000; line-height: 50px; }
.layer{background:rgba(0,0,0,0.8);display: none;position: fixed;left:0;top:0;right:0;bottom:0;z-index:1000000;opacity:0;z-index: -1;transition:all 0.3s ease-out 0s;}
.layer.showdiv{opacity:1;visibility:visible;z-index: 100000;display:-ms-flexbox;display: block;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content: space-evenly;}
.layer .close{display: block;position:absolute;top: 10px;right: 5px;text-align: center;cursor:pointer;color:#ccc;width: 25px;padding: 10px;box-sizing: content-box;}
.layer .close img{
    vertical-align: top;
}
.layer .search_box{height:45px;line-height:45px;width:90%; margin-left: 5%; display:-ms-flexbox;display:flex;transform:translateY(-50px);opacity:0;margin-top:-100px;}
.layer.showdiv .search_box{transform:none;transition:all 0.5s ease-out 0s;opacity:1;}
.layer .search_box .kw{background:#fff; border:none; -ms-flex:1;flex:1;padding:0 12px;font-size:16px;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer .search_box .ok{background:#94070a;color:#fff; box-shadow: none; border:none; width:120px;text-align: center;font-size:18px;cursor: pointer;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer.active{ opacity: 1; z-index: 1000000; }
.layer .jdjs_app{
    margin: auto;
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: -10%;
}
.layer #txt{
    width: 100%;
    height: 40px;
    min-width: auto;
    max-width: none;
}
.layer #btn{
    height: 41px;
    padding: 0 30px;
    width: 100px;
    text-align: center;
    letter-spacing: normal;
} 
.layer .close{}
.nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-down{ position: static; margin:0; width: 100%; padding:0; border:none; background: none; transform: translate(0,0); }
    .nav-down li a{ text-align: left; padding:0 25px; color: #fff!important; }
    .nav-list li:hover .nav-down{ display: none; }

}

@media( max-width: 991px){
   
    .img-slick{ width: 100%; }
    .img-slick a img{ position: static; height: auto; }
    .img-slick a{ height: auto; }
    .img-ul{ height: auto; width: 100%; }
    .img-ul li a{ padding:15px 20px; }
    .tabs-ul{ position: static; width: 100%; }
    .tabs-box{ padding:0; }
    .tabs-ul li{ float: left; width: 25%; padding-bottom: 0; margin-bottom:20px; }
    .zt-list li{ padding:0 10px; margin-bottom: 15px; }
    .zt-list{ margin:0 -10px; }
    .tow-tabs{ left: 170px; }
    .tow-ul li:nth-of-type(3) a img{ height: 113px; }
    .tow-ul li:nth-of-type(2) a img, .tow-ul li:nth-of-type(1) a img{ height: 227px; }
    .tow-ul li:nth-of-type(1) a img{ height: 113px; }
    .footer-p p{ font-size: 14px; line-height: 25px; }
    .footer-down{ margin-left: 20px; width: 160px; }
    .footer-a{ margin-left: 10px;    margin-right: 10px; }
    .slick-ul-list li{ width: 50%; padding-top: 30px; position: relative; }
    .slick-ul-list:before{ display: none; }
    .slick-ul-list li:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 55px; border-top: solid 1px #ddd; }
    .right-tt{ margin-top: 60px; }
    .list-right{ width: 400px; }
    .nav-b{ display: none; }
    .txt-ul-img{ float: none!important; }
    .txt-ul-right{ margin-left: 0; }
    .xb-list li{ width: 50%; }
    .tabs-more{ top: -132px; }
    .tow-bottom .tabs-more{ top: -60px; }
}
@media( max-width:767px){
   
    .article-p p {word-break: break-all;}

    
    .img-p{ -webkit-line-clamp: 1; font-size: 14px; margin-top: 5px; }
    .img-slick-mask{ height: auto; bottom: 0; padding:15px; }
    .img-tt{ font-size: 16px; }
    .title{ font-size: 24px; line-height: 24px; margin:30px 0; }
    .tabs-ul li{ margin:0; }
    .tabs-ul{ margin-bottom:20px; }
    .tabs-ul li a{ font-size: 16px; line-height: 25px; padding:10px 5px; text-align: center; }
    .zt-list li{ width: 50%; }
    .zt-list-tt{ line-height: 40px; font-size: 15px; }
    .news-top-ul li{ width: 100%; margin-bottom: 15px; }
    .news-top-b{ height: auto; padding:15px; }
    .news-top-tt{ font-size: 15px; line-height: 25px; height: auto; }
    .news-bottom-ul li{ width: 100%; margin-bottom: 15px; }
    .news-bottom-date{ width: 80px; font-size: 14px; }
    .news-bottom-ul li a{ padding-left: 95px; padding-right: 20px; }
    .page-tow:after{ border-radius: 0; }
    .tow-title{ font-size: 24px; line-height: 24px; }
    .tow-tabs{ position: static; margin-top: 50px; margin-left: -10px; margin-right: -10px; }
    .page-tow{ padding-top: 30px; }
    .tow-tabs li{ margin:0; width: 33.333333%; padding:0 10px; }
    .tow-tabs li a{ font-size: 16px; padding:0; }
    .tow-ul{ padding:0; }
    .tow-bottom{ margin-top: 30px; }
    .tow-ul li,.tow-ul li:nth-of-type(2){ width: 100%; }
    .tow-ul li:nth-of-type(3) a img,.tow-ul li:nth-of-type(2) a img, .tow-ul li:nth-of-type(1) a img{ height: auto; }
    .tabs-slick a{ font-size: 15px; line-height: 40px; text-align: center; }
    .tabs-slick-box{ width: auto; padding:50px 0 30px 0; height: auto; float: none!important; margin:0 -15px; }
    .tabs-slick .slick-list{ padding: 40px 0!important; }
    .tabs-slick .slick-prev,.tabs-slick .slick-next{ margin-left: -17px; }
    .slick-right{ margin:0; padding:0; }
    .right-tt{ margin-top: 40px; font-size: 16px; }
    .slick-ul-list li a:before{ bottom: 30px; }
    .slick-ul-list li:before{ bottom: 41px; }
    .tabs-slick .slick-prev{ top: -35px; }
    .slick-ul-list li{ padding:15px 10px 0 10px; }
    .slick-ul-list{margin: 0 -10px 15px;}
    .video-right{ padding-top: 30px; }
    .video-slick .slick-next{ right: 20px; }
    .video-slick .slick-prev{ left: 20px; }
    .video-ul li a{ font-size: 16px; line-height: 45px; }
    .video-box{ height: auto; }
    .logo-b{ padding-top: 30px; }
    .footer-right{ padding-top: 30px; }
    .footer-p p.p{ margin-top: 15px; }
    .footer-down{ width: 100%; margin-left: 0; margin-top: 20px; }
    .dropdown{ margin-bottom: 15px; }
    .footer-a{ width: 100%; text-align: center; margin:0; padding-top: 0; }
    .footer-a a{ margin:0 10px; }
    .page-tow:after{ height: 160px; }
    .tow-bottom{ margin-top: 10px; padding-top: 0px; }
    .tow-ul{padding-top: 15px;padding-bottom: 15px;}
    .page-one{ margin-top: 15px; }

    
    .list-right{ width: 100%; margin-top: 30px; }
    .list-left{ width: 100%; margin-top: 30px; }
    .left-top{ background-size: cover; height: 45px; line-height: 45px; font-size: 18px; }
    .left-nav li a{ font-size: 16px; line-height: 40px; padding-left: 25px; padding: 10px 0 10px 25px; }
    .list-right-tt{ font-size: 24px; }
    .article-tt{ margin-top: 20px; padding:20px; }
    .article-sm span{ margin-top: 5px; }
    .article-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
    .article-bottom{ margin-top: 30px; }
    .article-link{ margin-top: 30px; padding:20px; }
    .list-back{ padding-bottom: 50px; }
    .img-list li{ padding:0 5px; margin-bottom: 10px; }
    .img-list{ margin:0 -5px; padding-top: 30px; padding-bottom: 20px; }
    .img-list li a span{ font-size: 16px; padding:6px 15px; }
    .txt-ul li a{ padding:20px; border-radius: 20px; }
    .txt-ul-img img{ width: 100%; height: auto; max-width: 300px; }
    .txt-ul-img{ text-align: center; }
    .txt-ul-tt{ font-size: 16px; margin-top: 10px; }
    .txt-ul-p{ font-size: 14px; line-height: 25px; }
    .txt-ul{ margin:20px 0; }
    .wb-ul li a{ line-height: 55px; padding:0 130px 0 15px; font-size: 16px; }
    .wb-ul li a:after{ left: 0; }
    .wb-ul li a em{ right: 5px; font-size: 14px; padding-left: 18px;  }
    .wb-ul{ margin:20px 0; }
    .xb-list li{ padding:0 8px; margin-bottom: 15px; }
    .xb-list{ margin:0 -8px; padding:30px 0 20px 0; }
    .xb-tt{ font-size: 14px; }
    .xb-img{ margin-bottom: 10px; }
    .tabs-more{ top: -120px; font-size: 14px; }
    .tow-bottom .tabs-more{ top: -120px; }
    }
@media( max-width:480px){
   .wb-ul li a {padding: 0 130px 0 15px;}
}

.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a{
    margin: 0px 0px 0px 5px !important;
}


/* 新闻列表2 */
.wl { position: relative; z-index: 1; transition: 0.5s }
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; }
.flex{display: flex;flex-wrap: wrap;}
.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.imged { position: relative; padding-bottom: 65%; width: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: cover !important; }
.imged img {display: none; }
.scale { overflow: hidden;}
a:hover .imged { transform: scale(1.1); }
.newlist2{margin-bottom: 35px;}
.newlist2 li a{align-items: center;border-bottom: 1px solid #e6e6e6;padding: 40px 30px;}
.newlist2 li a::after{background: url(../images/newbg.jpg) no-repeat center/cover;width: 100%;height: 100%;border-radius: 30px 0 30px 0;box-shadow: 0px 0px 16px 0px rgba(37, 82, 149, 0.76);opacity: 0;}
.newlist2 li .date{width: 120px;border-right: 1px solid #ddd;white-space: nowrap;padding: 10px 25px 10px 0;text-align: center;}
.newlist2 li .con{width: calc(100% - 120px);padding-left: 30px;align-items: center;}
.newlist2 li .date p{font-size: 24px;color: #045fbd;line-height: 32px;margin-bottom: 10px;}
.newlist2 li .date span{font-size: 16px;color: #999;display: inline-block;padding: 5px 15px;border: 1px solid #999;}
.newlist2 li h3{font-size: 18px;color: #333;line-height: 1.5;margin-bottom: 15px;margin-top: 0;font-weight: 400;}
.newlist2 li p{font-size: 14px;color: #666;line-height: 26px;max-height: 52px\0;}
.newlist2 li *{transition: 0.5s;}
.newlist2 li .scale{width: 180px;}
.newlist2 li .zh{width: calc(100% - 180px);padding-right: 60px;}


@media(min-width: 1024px){
  .newlist2 li a:hover{border-bottom: 1px solid rgba(0,0,0,0);}
  .newlist2 li a:hover::after{opacity:1;}
  .newlist2 li a:hover .date{border-right: 1px solid #fff;}
  .newlist2 li a:hover .date p,.newlist2 li a:hover .date span{color: #fff;}
  .newlist2 li a:hover h3,.newlist2 li a:hover p{color: #fff;}
  .newlist2 li a:hover .date span{border: 1px solid #fff;}
}
@media(max-width: 1024px){
  .newlist2 li .scale{width: 30%;}
  .newlist2 li .zh{width: 70%;padding-right: 30px;}
  .newlist2 li a{height:auto;padding: 25px 0px;}
  .newlist2 li a::before{left: 15px;bottom: 20%;}
}
@media(max-width: 768px){
.newlist2 li .date p{font-size:20px;margin-bottom: 5px;}
.newlist2 li .date span{padding:3px 10px;}
 .newlist2 li .date{width: 80px;padding:10px 10px 10px 0;}
 .newlist2 li .con{width:calc(100% - 80px);padding-left:15px}
 .newlist2 li .zh{width:100%;padding-right:0;}
 .newlist2 li .scale{width:100%;order:-1;margin-bottom:20px;}
 .newlist2 li h3{margin-bottom:10px;font-size: 16px;}
}