@charset "utf-8";
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; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.container{ width: 1440px;}
.logo{ padding:10px 0; }
.banner-box{padding-top: 190px;}
.banner-bottom{height: 210px;background: url(../images/back01.png) center right no-repeat;}
.banner-bottom-top{padding: 20px;}
.tabs-ul li a{ display: block;  color: #fff; background: #1161b8; width: 120px; height: 46px; text-align: center; line-height: 46px; font-size: 16px;  border-radius: 46px 0 0 46px; }
.tabs-ul li a.r{ border-radius: 0 46px 46px 0; }
.tabs-ul li.active a{ background: #ffd43b; color: #333; }
.tabs-ul li{ float: left; }
.search-box-c .form-control{ background: #fff; padding-right: 145px; border-radius: 46px; height: 46px; box-shadow: none; border:none; width: 100%; }
.search-box-c{ width: 860px; margin-left: 30px; position: relative;}
.btn-search{ position: absolute; right: 3px; top: 3px; width: 120px; height: 40px; border-radius: 40px; font-size: 16px; color: #333; background: #ffd43b;}
.btn-search span{ padding-left: 30px; background: url(../images/search.png) left center no-repeat; }
.search-date{ font-size: 14px; color: #fff; margin-left: 100px; margin-top: -5px; }
.search-date span{ padding-left: 20px; background: url(../images/icon-date.png) left center no-repeat; }
.search-date p{ font-size: 20px; font-weight: bold; display: inline-block; margin-top: 6px; }
.banner-bottom-b{ border-top: solid 1px #97c3da; }
.banner-link li{ float: left; width: 220px; border-right: solid 1px #97c3da; }
.banner-link li a{display: block;padding-top: 20px;font-size: 16px;color: #fff;height: 120px;}
.banner-link li a span{ display: inline-block; height: 55px; }
.banner-link li a:hover{ background: #97c3da; }
.banner-link li.last{ border:none; }
.user-a a{ display: inline-block; margin-right: 100px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; margin-top: 20px; position: relative; }
.user-a a img{ margin-bottom: 15px; }
.user-a a span{ position: absolute; left: 55px; top: 30px; font-size: 14px; color: #333;font-weight: normal; background: #ffd43b; line-height: 28px; border-radius: 28px; width: 80px; text-align: center; }
.index-left-box{width: 81.8%;margin-top: 30px;}
.img-slick{ width: 51.28%; overflow:hidden; margin:0;}
.img-slick a{ display: block; position: relative; padding-top: 60%; }
.img-slick a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.img-slick a span{ position: absolute; left: 0; right: 0; bottom: 0; font-size: 16px; background: #000; background: rgba(0,0,0,0.3); color: #fff; line-height: 46px; padding:0 100px 0 20px; }
.img-slick .slick-dots{ right: 10px; bottom: 17px; width: auto; left: auto }
.img-slick .slick-dots li,.img-slick .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; }
.img-slick .slick-dots li button{ background: #fff;  }
.img-slick .slick-dots li.slick-active button{ background: #3baedb; }

.xw-width{ width: 46.15%; }
.xw-title{ border-bottom: solid 1px #ebdcbd; }
.xw-title span{ display: inline-block; font-size: 22px; color: #69a6c6; font-weight: bold; border-bottom: solid 1px #69a6c6; padding-bottom: 15px; margin-bottom: -1px; }
.xw-title a{ float: right; margin-top: 5px; }
.xw-ul li{position: relative;padding-right: 160px;margin-top: 22px;}
.xw-ul li span{ position: absolute; right: 0; top: 0; font-size: 14px; color: #999; }
.xw-ul li a{ font-size: 16px; color: #555; background: url(../images/icon-xw.png) left center no-repeat; padding-left: 27px; }
.xw-ul li a:hover{ color: #69a6c6; }
.xw-ul{ padding-top: 3px; }
.lj-ul{width: 16%;margin-top: 30px;}
.lj-ul a{display: block;color: #fff;transition: 0.3s all;height: 80px;line-height: 80px;margin-bottom: 10px;position: relative;padding-left: 100px;font-size: 16px;}
.lj-ul a.lj01{ background: #8dc153; }
.lj-ul a.lj02{ background: #f6bb43; }
.lj-ul a.lj03{ background: #3baedb; }
.lj-ul a.lj04{background: #ec87c1;margin-bottom: 0;}
.lj-ul a:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.2); }

.lj-ul a i{ position: absolute; left: 40px; top: 0; }
.back-box{background: url(../images/back-box.png) center bottom no-repeat;background-size: cover;padding-bottom: 30px;}
.tabs-width{ width: 65%; margin-top: 25px; }
.ts-slick-box{ overflow:hidden; margin-top: 25px;  }
.ts-box{ padding:0 10px; border-bottom: solid 1px #ebdcbd;}
.ts-slick{ margin:0 -10px; }

.ts-img a{ display: block; position: relative; padding-top: 137%; }
.ts-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ts-img-tt a{ font-size: 16px; color: #555; display: block; line-height: 55px; border-bottom: solid 1px #ebdcbd; }
.ts-img-tt{ margin-bottom: -1px; }
.ts-box:hover .ts-img-tt a{ color: #69a6c6; border-color: #69a6c6; }
.zy-box{ width: 230px; background: #e8f7ff; height: 363px; margin-top: 25px; margin-left: 15px; padding-top: 25px; }
.zy-title span{ display: inline-block; font-size: 22px; color: #fff; font-weight: bold; }
.zy-title{ background: url(../images/tt-span.png) left center no-repeat; margin-bottom: 18px; line-height: 44px; padding-left: 20px; padding-right: 20px; }
.zy-title a{ float: right; }
.zy-ul{ padding:0 20px; }
.zy-ul li a{ line-height: 40px; font-size: 16px; color: #555; margin-bottom: 10px; display: block; }
.zy-ul li a span{ display: block; padding-left: 14px; background: url(../images/lind.png) left center no-repeat;}
.zy-ul li a:hover{ background: #fff; color: #69a6c6; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; padding-top: 35px; }
.footer-tt{ font-size: 18px; color: #fff; font-weight: bold; }
.footer-p p{ color: #fff; line-height: 35px;}
.footer-p p img{ margin-right: 10px; }
.footer-p p span{ display: inline-block; margin-left: 48px; }
.footer-p{ padding-top: 15px; }
.logo-b{ margin-left: 150px; padding-top: 25px; }
.footer-ul li{ float: left; width: 25%; padding-right: 10px; margin-bottom: 15px; }
.footer-ul li a{ color: #fff; }
.footer-ul li a:hover{ text-decoration: underline!important; }
.footer-right{ width: 380px; }
.footer-ul{ margin-top: 25px; }
.footer-bottom{ color: #fff; line-height: 46px; background: #0c3e59; margin-top: 20px; }


.left-c{ width: 280px; margin-top: 40px; }
.left-c-top{ font-size: 22px; color: #fff; background: #005388; line-height: 70px;}
.left-nav{margin-bottom:30px;}
.left-nav li a{ display: block; font-size: 18px; color: #333; line-height: 55px; text-align: center; border-bottom: solid 1px #ddd; position: relative; background: #f6f6f5; }
.left-nav li.active a,.left-nav li a:hover{ background: #fff; color: #005388; }
.left-nav li.active a:before,.left-nav li a:hover:before{ display: block; content: ""; position: absolute; left: 0;top: 0; bottom: 0; width: 4px; background: #005388; }
.right-c{ width: 1080px; margin-top: 40px; padding-bottom: 30px; }
.right-c-title{ font-size: 18px; color: #333; }
.right-c-top{ padding-bottom: 15px; border-bottom: solid 1px #ddd; }
.nav-home{ color: #777; background: url(../images/icon-home.png) left center no-repeat; padding-left: 28px; }
.right-list-txt li{ position: relative; padding-right: 225px; line-height: 42px; }
.right-list-txt li a{ font-size: 16px; color: #555; padding-left: 20px; background: url(../images/li02.png) left center no-repeat; }
.right-list-txt li > span{ position: absolute; right:0; top: 0; font-size: 14px; color: #999; }
.right-list-txt{ padding:15px 0; border-bottom: solid 1px #ddd; }
.page-box{ margin-top: 30px; }
.right-list-txt li a:hover,.right-c-nav a:hover{ color: #025393; }
.article-p{ padding-top: 10px; }
.img-ul-list li{ float: left; width: 33.333333%; padding:0 15px; margin-top: 20px; }
.img-ul-list{ margin:0 -15px; }
.img-ul-list li a{ position: relative; display: block; padding-top: 60%; }
.img-ul-list li img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.img-ul-list .img-ul-tt{ height: 40px; background: #ddd; margin-top: 0; line-height: 40px; display: block; font-size: 16px; color: #333; padding:0 10px; }
.img-ul-list .img-ul-tt:hover{ background: #025393; color: #fff; }
/*图书推荐*/
.tuijian .img-ul-list li{width:20%;}
.tuijian .img-ul-list li a{padding-top: 130%;overflow:hidden;}
.tuijian .img-ul-list li img{height:auto;}
.tuijian .img-ul-list .img-ul-tt{padding:0 10px;}

.article-p p{ font-size: 16px; color: #333; text-indent: 2em; text-align: justify; line-height: 45px; }
.list-box:after{ display: block; content: ""; position: absolute; left: 50%; margin-left: -375px; top: 0; bottom: 0px; border-right: solid 1px #eee; }
.jg-list li{ font-size: 18px; color: #333; margin-bottom: 35px; }
.jg-list li span{ font-weight: bold; }
.jg-list{ padding-top: 10px; }
.xw-ul-list li{ height: 180px; border-bottom: solid 1px #ddd; padding-left: 37px; padding-top: 20px; }
.xw-ul-date{ font-size: 16px; margin-top: 5px; color: #b4b4b4; padding-bottom: 10px; border-bottom: solid 3px #d1d7e4; }
.xw-ul-date span{ font-size: 36px; color: #b4b4b4; }
.xw-ul-width{ width: 615px; margin-left: 55px; }
.xw-ul-tt a{ font-size: 18px; color: #333; font-weight: bold; }
.xw-ul-p{ color: #888; line-height: 25px; height: 50px; overflow:hidden; margin-top: 25px; }
.xw-ul-img img{ width: 195px; height: 135px; }
.xw-ul-list li:hover{ background: #f4f8fe; }
.xw-ul-list li:hover .xw-ul-tt a,.xw-ul-list li:hover .xw-ul-p,.xw-ul-list li:hover .xw-ul-date,.xw-ul-list li:hover .xw-ul-date span{ color: #025393; }
.xw-ul-list li:hover .xw-ul-date{ border-color:#025393;  }
.page{ margin-top: 50px; }
.lb-list li{ position: relative; border-bottom: dashed 1px #ddd; line-height: 60px; }
.lb-list li a{ font-size: 16px; color: #333; padding-left: 20px;}
.lb-list{ margin-top: -10px; }
.lb-list li span{ position: absolute; right: 0; top: 0; font-size: 16px; color: #666; }
.article-tt{ font-size: 24px; color: #010101; font-weight: bold; margin-top: 40px; }
.article-sm{ color: #848484; padding:15px 0 25px 0; border-bottom: solid 1px #ddd; }
.article-txt p{ font-size: 16px; color: #333; line-height: 45px; margin-bottom: 15px; }
.article-txt{ padding-top: 20px; }
.article-link a{ font-size: 16px; color: #737475; }
.article-link a span{ font-size: 16px; color: #000; font-weight: bold; }
.article-link{ margin-top: 50px; }
.article-link p{ margin-bottom: 20px; }

.news-list li:hover{ box-shadow: 0 0 23px rgba(0,0,0,0.3); }
.news-list-tt a:hover,.xw-ul li a:hover,.lb-list li a:hover,.article-link a:hover{ color: #025393; }
.xw-list li:hover span{ background: #132785; color: #fff; }
.xw-list li a:hover,.jy-list-tt a:hover{ text-decoration: underline!important; }
.img-link-p{ color: #fff; line-height: 25px; height: 50px; overflow:hidden; margin-top: 10px; }

.slick-dots li button:before{ display: none; }
.slick-prev:before,.slick-next:before{ display: none; }
.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);}

@media( max-width: 1439px){
    .container{ width: 1230px; }
    .right-c{ width: 880px; }
    .search-box-c{ width: 630px; }
    .banner-link li{ width: 180px; }
    .xw-ul li{ margin-top: 14px; }
    .lj-ul a{ height: 64px; line-height: 64px; }
    .tabs-width{ width: 59%; }
    .zy-box{ height: 300px; }
    .zy-ul li a{ margin-bottom: 0; }
    .logo-b{ margin-left: 30px; }
    .banner-box{ padding-top: 350px; }
}

@media( max-width: 1279px){
    .right-c{ width: 630px; }
    .container{ width: 970px; }
    .search-box-c{ width: 370px; }
    .banner-link li{ width: 130px; }
    .index-left-box{ width: 100%; margin-top: 30px; float: none!important; }
    .xw-ul li{ margin-top: 12px; }
    .lj-ul{ width: auto; float: none!important; margin-top: 30px; margin-left: -15px; margin-right: -15px; }
    .lj-ul li{ float: left; width: 25%; padding:0 15px; }
    .tabs-width{ width: 100%; }
    .tabs-right{width: auto; float: none!important; margin-left: -15px; margin-right: -15px; }
    .zy-box-c{ width: 50%; padding:0 15px; margin:0; }
    .zy-box{ width: 100%; margin-left: 0; }
    .logo-b{ display: none; }
}

@media( max-width: 991px){
.container{ width: 750px; }
.right-c,.left-c{ width: 100%; }
.logo{ padding:0; line-height: 50px; }
.logo img{ height: 30px; }
.banner-box{ padding-top: 250px; }
.banner-link li{ width: 90px; }
.tabs-ul li a{ width: 80px; }
.search-box-c{ width: 245px; }
.btn-search{ width: 90px; }
.search-box-c .form-control{ padding-right: 100px; }
.img-slick{ width: 100%; }
.xw-width{ width: 100%; margin-top: 30px; }
.lj-ul a i{ left: 15px; }
.lj-ul a{ padding-left: 55px; }
}
@media( max-width: 768px){
    .banner .slick-dots{ right: 15px; bottom: 10px; margin-right: 0; }
    .banner .slick-dots li button{ font-size: 14px; }
    .banner .slick-dots li.slick-active{ padding-right: 50px; }
    .banner .slick-dots li.slick-active:before{ width: 30px; }
.index-left-sm{ width: 100%; }
.title{ font-size: 24px; line-height: 24px; }
.title span{ font-size: 16px; }
.title a{ font-size: 14px; }
.back-tow-top{ height: 80px; line-height: 80px; }
.pt-list li{ width: 50%; }
.pt-list li a i{ right: 0; bottom: 0; }
.pt-list li:last-child{ margin-bottom:10px; }
.back-three{ padding-top: 10px; margin-bottom: 10px; }
.title-b{ margin-bottom: 10px; }
.back-four{ padding-bottom: 30px; }
.sj-back{ padding:30px 0; }
.sj-back-title{ font-size: 24px; margin-bottom: 30px; }
.sj-back-title span{ font-size: 16px; }
.tabs-img li{ width: 50%; margin-top: 20px; }
.footer{ padding-top: 30px; }
.footer .pull-left{ width: 100%; }
.logo-b{ text-align: center; margin-bottom: 20px; }
.footer .footer-b-p{ width: 50%; }
.footer .ewm-c{ width: auto; }
.footer-bottom{ padding:10px 15px; margin-top: 15px; }
.back-tow{ padding-bottom: 20px; }
.tabs-xw li a span{ margin-right: 10px; }
.tabs-xw li{ font-size: 14px; }
.tabs-xw li .date{ display: none; }
.tabs-xw li{ padding-right: 120px; }
.tabs-xw{ padding-right: 10px; }
.right-list-txt li{ padding-right: 100px; }
.nav-home{ display: none; }
.right-c,.left-c{ margin-top: 20px; }
.img-ul-list li{ width: 50%; }
.article-p p{ font-size: 14px; line-height: 25px; }
.tuijian .img-ul-list li{width:50%;}
.article-p p {font-size: 14px;line-height: 25px;}
.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; }
    .container{ width: 100%; }
    .banner-box{ padding-top: 50px; }
    .tabs-ul{ float: none!important; }
    .tabs-ul li a{ width: 100px; font-size: 14px; height: 34px; line-height: 34px; }
    .search-box-c{ width: 100%; margin:20px 0 0 0; float: none!important; }
    .banner-bottom-top{ padding:20px; }
    .search-box-c .form-control{ height: 40px; }
    .btn-search{ height: 34px; }
    .search-date{ margin-top: 15px; }
    .banner-bottom{ height: auto; background-size: cover; }
    .banner-link li{ width: 20%; }
    .banner-link li a{ font-size: 12px; height: auto; padding:20px 0; }
    .banner-link{ width: 100%;border-bottom: solid 1px #97c3da; }
    .user-a a{ font-size: 16px; margin-right: 0; }
    .user-a a img{ height: 50px; margin-bottom: 10px; }
    .user-a a span{ font-size: 12px; left: 30px; top: 10px; }
    .user-a{ width: 64px; margin:0 auto; float: none!important; padding-bottom: 20px; }
    .banner-link li a span img{ height: 30px; }
    .banner-link li a span{ height: 40px; }
    .search-date{ width: 120px; margin:15px auto 0 auto; float: none!important; }
    .xw-ul li{ padding-right: 100px; }
    .lj-ul li{ width: 50%; padding:0 5px; }
    .lj-ul{ margin:20px -5px 0 -5px; }
    .zy-box-c{ width: 100%; }
    .footer-left{ margin-bottom: 15px; }
    .footer-right{ width: 100%; }
    .back-box{ padding-bottom: 30px; }
}