﻿body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
}
.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;}
#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}
.container{ width: 1330px; }
.logo{ line-height: 150px; height: 150px; padding:0!important; }
.header{ background: #1a4b9b; }
.nav-box{ position: relative; z-index: 1000; }
.search-box{ position: relative; margin-top: 55px; width: 240px; }
.search-box .form-control{ width: 100%; font-size: 16px; padding-right: 50px; color: #fff; height: 46px; background: #5378b4; border:none; box-shadow: none; border-radius: 6px; }
.btn-ss{ position: absolute; right: 18px; top: 0; bottom: 0; width: 27px; background: url(../images/icon01.png) center no-repeat!important; }
.nav-list li{ float: left; width: 12.5%; position: relative; }
.nav-list li a{ display: block; font-size: 20px; color: #333; line-height: 70px; }
.nav-list li.active a,.nav-list li a:hover{ background: #ffc100; }
.nav-down{ position: absolute; display: none; left: 0px; top: 100%; min-width: 100%; border-top: solid 3px #ffa800; background: rgba(0,0,0,0.5); }
.nav-down li{ float: none; width: 100%; margin:0!important; padding:0!important; }
.nav-down li a{ display: block; padding:0 18px; line-height: 50px; font-size: 16px; color: #fff; }
.nav-list li:hover .nav-down{ display: block; }
.banner img{ width: 100%; }
.banner{ overflow:hidden; margin:0; }
.banner .slick-next{ right: 50%; margin-right: -650px; width: 50px; height: 50px; background: url(../images/right.png) center no-repeat; top: auto; bottom: 85px; }
.banner .slick-prev{ left: auto; right: 50%; margin-right: -500px; width: 50px; height: 50px; z-index: 10; background: url(../images/left.png) center no-repeat; top: auto; bottom: 85px; }
.banner .slick-dots{ left: auto; right: 50%; margin-right: -570px; bottom: 105px; background: url(../images/lind.png) center no-repeat; height: 27px; width: 27px; }
.banner .slick-dots li{ position: absolute; left: -20px; top: -10px; z-index: 10; }
.banner .slick-dots li button{ font-size: 30px; color: #fff; }
.banner .slick-dots li button span{ display: none; }
.banner .slick-dots li button font{ display: none; }
.slick-dots li button:before{ display: none; }
.banner .slick-dots li.slick-active{ z-index: 20; }
.banner .slick-dots li.slick-active button font{ display: block; }
.banner .slick-dots li button span{ display: none; }
.banner .slick-dots li:last-child button span{ display: block; position: absolute; left: 30px; top: 40px; }
.slick-next:before,.slick-prev:before{ display: none; }
.link-box{ position: relative; z-index: 1000; margin-bottom: 40px; margin-top: -50px; background: #fff; box-shadow: 0 3px 79px rgba(0,0,0,0.26); padding:40px 0; }
.link-box li{ float: left; width: 20%; }
.link-box li a{ display: inline-block; font-size: 18px; color: #424242; }
.link-box li a span{ display: inline-block; height: 64px; line-height: 64px; margin-bottom: 15px; }
.title{ font-size: 34px; color: #1a4e97; line-height: 35px; }
.title span{ font-size: 18px; color: #7a7a7a; font-family: "Times New Roman"; }
.title a{ float: right; margin-top: 8px; }
.left-box{ width: 58.5%; padding-top: 30px; }
.zs-list-date{ font-size: 14px; color: #1a4e97; }
.zs-list-date span{ font-size: 36px; }
.zs-list{ padding-top: 20px; }
.zs-list li a{ padding:12px 20px; display: block; position: relative;border-bottom: solid 1px #e1e1e1; }
.zs-list-tt{ line-height: 70px; margin-left:120px; font-size: 18px; color: #424242; }
.zs-list li a:before{ display: block;  content: ""; position: absolute; left: 95px; top: 0; bottom: 0; width: 15px; background: url(../images/lind.png) center no-repeat; }
.zs-list li a:hover{ background: #18488a; }
.zs-list li a:hover .zs-list-date,.zs-list li a:hover .zs-list-tt{ color: #fff; }
.zs-list li a:hover:before{ background: url(../images/lind02.png) center no-repeat; }
.right-box{ width: 36%; background: #f5f5f5; border-top: solid 5px #194b92; padding:25px 35px; }
.notice-list li{ line-height: 55px; }
.notice-list li a{ font-size: 18px; color: #424242; }
.notice-list li a span{ color: #194b92; padding-right: 25px; }
.notice-list{ padding-top: 27px; }
.back-one{ background: url(../images/back01.png) center no-repeat; background-size: cover; padding-bottom: 40px; }
.back-tow{ background: url(../images/back02.png) center no-repeat; background-size: cover; padding-top: 70px; }
.back-tow .title{ color: #fff; }
.back-tow .title span{ color: #fff; }
.kx-list li{ padding:0 18px; float: left; width: 33.333333%; }
.kx-list{ margin:0 -18px; }
.kx-list-box{ border-bottom: solid 1px #6983a2; padding:30px; }
.kx-list-tt{ font-size: 18px; color: #fff; line-height: 35px; height: 70px; overflow:hidden; }
.kx-list-tt a{ font-size: 18px; color: #fff; }
.kx-list-date{ color: #fff; padding-left: 30px; background: url(../images/icon-date.png) left center no-repeat; margin-top: 10px; }
.kx-list li:nth-child(4) .kx-list-box,.kx-list li:nth-child(5) .kx-list-box,.kx-list li:nth-child(6) .kx-list-box{ border:none; }
.kx-list{ margin-top: 30px; }
.footer{ background: rgba(39,39,39,0.51); margin-top: 50px; font-size: 16px; color: #9e9e9e; padding:60px 0; }
.footer p{ margin:0; line-height: 35px; }
.header-txt{ font-size: 18px; color: #fff; margin-top: 50px; margin-left:35px; }
.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);}
.footer p span{ padding-left: 15px; }
.back-tow-sm{ padding-top: 0!important; }
.back-tow-sm .footer{ margin-top: 0!important; }
@media( max-width: 1379px){
    .container{ width: 1230px; }
    .banner .slick-next{ margin-right: -600px; }
    .banner .slick-dots{ margin-right: -520px; }
    .banner .slick-prev{ margin-right: -450px; }
}
@media( max-width: 1279px){
    .container{ width: 970px; }
    .banner .slick-next{ margin-right: -470px; }
    .banner .slick-dots{ margin-right: -390px; }
    .banner .slick-prev{ margin-right: -320px; }
    .logo{ width: 500px; }
    }
@media( max-width: 991px){
    .banner .slick-prev{ left: 15px; right: auto; margin:0; top: 50%; margin-top:-25px;  }
    .banner .slick-next{ right: 15px; margin:0; top: 50%; margin-top:-25px;  }
    .banner .slick-dots{ display: none!important; }
    .container{ width: 750px; }
    .header .container{ width: 100%; padding:0px 15px; }
    .nav-list{ position: absolute; margin:0; left: 0; display: none; border-top: solid 1px #fff; top: 100%; right: 0; background: #1a4b9b; }
    .nav-list li{ float: none; position: relative; margin:0; padding:0; width: 100%; text-align: left; }
    .nav-list li a{ display: block; font-size: 16px; width: 100%; height: 40px; line-height: 40px; padding:0 15px; color: #fff; }
    .nav-list li.active a,.nav-list li a:hover{ background: none; }
    .menu-button{ display: block; }
    .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; display: none; width: 100%; }
    .nav-list li:hover .nav-down{ position: static; display: none; width: 100%; }
    .nav-list li .nav-down li{ height: 40px!important; }
    .nav-list li .nav-down li a{ height: 40px; line-height: 40px; }
    .nav-list li:hover a{ background: none; color: #fff; }
    .nav-down li a{ font-size: 16px; padding-left: 25px; }
    .header-right{ display: none; }
    .logo{ height: 50px; line-height: 50px; width: auto; }
    .logo img{ height: 40px; }
    .menu-button{ display: block; }
    .nav-box{ position: relative; z-index: 10000; }
}
@media( max-width: 768px){
    .container{ width: 100%; }
    .link-box{ margin-top: 20px; padding:20px 0 10px 0; }
    .link-box li{ width: 33.333333%; margin-bottom: 10px; }
    .link-box li a span img{ height: 30px; }
    .link-box li a span{ line-height: 30px; height: 30px; margin-bottom: 5px; }
    .link-box li a{ font-size: 14px; }
    .left-box{ width: 100%; padding-top: 0; }
    .title{ font-size: 24px; line-height: 25px; }
    .title span{ font-size: 14px; }
    .zs-list{ padding-top: 0; }
    .zs-list-date{ font-size: 12px; }
    .zs-list-date span{ font-size: 20px; }
    .zs-list-tt{ line-height: 45px; margin-left:90px; font-size: 16px; }
    .zs-list li a:before{ left: 80px; }
    .right-box{ width: 100%; margin-top: 20px; padding:15px 20px; }
    .notice-list{ padding-top: 0; }
    .notice-list li a{ font-size: 16px; }
    .notice-list li{ line-height: 45px; }
    .back-tow{ padding-top: 30px; }
    .kx-list li{ width: 100%; }
    .kx-list-box{ padding:15px 0; }
    .kx-list-tt a{ font-size: 16px; }
    .kx-list{ margin-top: 10px; }
    .kx-list-box{ border-bottom: solid 1px #6983a2!important; }
    .footer{ padding:20px 0; margin-top: 20px; }
    .footer p{ font-size: 14px; line-height: 25px; }
    .footer p span{ display: block; padding:0; }
    .logo img{ height: 30px; }
    }