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

}
.img-hide{ overflow:hidden; }

.img-hide img{ transition: 0.5s all; }
.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{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
img{ max-width:100%;}
.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);}
.nav-click{ display: none; }
.header{ height: 30px; background: #003e6d; color: #fff; line-height: 30px; }
.header a{ color: #fff; }
.header span{ color: #4f81a7; padding:0 10px; }
.logo-back{ background: #0b66ad; padding:20px 0 25px 0; }
.container{ width: 1230px; }
.search-box{ position: relative; width: 260px; margin-top: 25px; }
.search-box .form-control{ border-radius: 30px; border:solid 1px #fff; height: 30px; background: none; padding-left: 20px; color: #fff;line-height:16px; }
.search-box .form-control::-webkit-input-placeholder{ color:#fff !important;}
.search-box .form-control::-moz-input-placeholder{ color:#fff !important;}
.search-box .form-control::-ms-input-placeholder{ color:#fff !important;}
.btn-search{ position: absolute; right: 10px; top: 0; bottom: 0; width: 30px; background: url(../images/icon-ss.png) center no-repeat; border:none; }
.banner-box{ position: relative;}
.nav-box{ position: absolute; left: 0; top: 0; right: 0; z-index: 1000; background: #005690; background: rgba(0,86,144,0.9); }
.nav-list li{ float: left; width: 10%; }
.nav-list li a{ display: block; line-height: 50px; color: #fff; font-size: 16px; }
.nav-list li:hover{ background: #ffffff; }
.nav-list li:hover a{ color: #32a2e4; }
.nav-list{ position: relative; }
.nav-down{ position: absolute; display: none; left: 0; top: 100%; right: 0; padding:30px 100px; background: #fff; background: rgba(255,255,255,0.9); }
.down-img img{ width: 290px; height: 150px; }
.nav-down-ul li{ width: 33.333333%; margin: 10px 0; background: none!important; }
.nav-down-ul li a{ line-height: 25px; color: #000!important; font-size: 16px; }
.nav-down-ul li a:hover{ color: #005da4!important; }
.nav-list li:hover .nav-down{ display: block; }
.banner-txt{ background: #005690; position: absolute; left: 50%; margin-left: -585px; bottom: 60px; background: rgba(0,86,144,0.9); color: #fff; font-size: 30px; width: 510px; height: 60px; line-height: 60px; text-align: center;}
.width-l{ width: 36.666666%; padding-right: 3.5%; }
.slick a{ display: block; position: relative; }
.slick img{ width: 100%; }
.slick a span{ position: absolute; left: 0; right: 0; bottom: 0; background: #000; background: rgba(0,0,0,0.7); font-size: 16px; color: #fff; padding:5px 100px 5px 15px; }
.slick-dots{ left: auto; bottom: 10px; width: auto; right: 10px; }
.slick-dots li{ width: 9px; height: 9px; border:solid 1px #fff; background: #fff; margin-top: 1px; display: block; float: left; border-radius: 50%; }
.slick-dots li button{ opacity: 0; }
.slick-dots li.slick-active{ background: none; width: 11px; height: 11px; margin-top: 0; }
.title{ position: relative; margin-bottom:10px; padding-left: 23px; font-size: 18px; color: #333; margin-top: 40px; }
.title span{ font-size: 14px; color: #999; padding-left: 5px; } 
.title a{ float: right; font-size: 14px; color: #999; margin-top: 4px; }
.title:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; height: 20px; background: #ff8d72; width: 5px; margin-top: -10px;  }
.news-list li{ position: relative; line-height: 34px; padding-right: 100px; }
.news-list li span{ position: absolute; right: 0; top: 0; color: #999; }
.news-list li a{ font-size: 15px; color: #333; padding-left: 20px; position: relative; }
.news-list li a:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #ff8d72; margin-top: -2px; }
.slick{ margin-bottom: 10px;margin-top:18px; }
.title02:before{ background: #6ab5de; }
.width-r{ width: 26.6%;}
.title03:before{ background: #6fc794; }
.width-r-back{ background: #f9f9fa; padding:32px 20px; height: 460px; }
.nav-ks li{ float: left; width: 50%; padding:0 13px; margin-bottom: 30px; }
.nav-ks{ margin:0 -13px; }
.nav-ks li a{ display: block; height: 70px; line-height: 70px; color: #fff; text-align: center; }
.nav-ks li a span{ display: inline-block; height: 70px; padding-left: 34px; }
.nav-ks li a.nav01{ background: #df8fb8; }
.nav-ks li a.nav02{ background: #6fc794; }
.nav-ks li a.nav03{ background: #ff8d72; }
.nav-ks li a.nav04{ background: #6ab5de; }
.nav-ks li a.nav05{ background: #6fc794; }
.nav-ks li a.nav06{ background: #e87777; }
.nav-ks li a.nav07{ background: #6ab5de; }
.nav-ks li a.nav08{ background: #df8fb8; }
.nav-ks li a.nav01 span{ background: url(../images/nav01.png) left center no-repeat; }
.nav-ks li a.nav02 span{ background: url(../images/nav02.png) left center no-repeat; }
.nav-ks li a.nav03 span{ background: url(../images/nav03.png) left center no-repeat; }
.nav-ks li a.nav04 span{ background: url(../images/nav04.png) left center no-repeat; }
.nav-ks li a.nav05 span{ background: url(../images/nav05.png) left center no-repeat; }
.nav-ks li a.nav06 span{ background: url(../images/nav06.png) left center no-repeat; }
.nav-ks li a.nav07 span{ background: url(../images/nav07.png) left center no-repeat; }
.nav-ks li a.nav08 span{ background: url(../images/nav08.png) left center no-repeat; }
.lind-b{ position: relative; }
.lind-b:before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 70%; border-top: dashed 1px #dcdcdc; }
.wh-back{ background: #f9f9fa; margin-top: 40px; }
.wh-back .title:before{ background: #5991d7; }
.wh-back .title{ margin-top: 20px; margin-bottom: 30px; }
.wh-back .container{ overflow:hidden; }
.wh-list li{ float: left; width: 25%; padding:0 32px; margin-bottom: 30px; }
.wh-list{ margin:0 -32px; padding-bottom: 20px; }
.wh-list li img{ width: 100%; }
.wh-list li a{ display: block; position: relative; }
.wh-list li a span{ position: absolute; left: 0; right: 0 ; bottom: 0; background: #000; background: rgba(0,0,0,0.7); font-size: 16px; color: #fff; padding:5px 10px;}
.footer{ background: #005da5; padding:30px 0 20px; }
.footer-l{ width: 337px; height: 65px; margin-right: 30px;line-height: 78px; }
.footer-p{ color: #fff; margin-left: 70px; width: 542px; }
.ewm{ font-size: 12px; color: #fff; margin-left: 20px; } 
.ewm img{ margin-bottom:5px; }
.nav-down-ul{ margin-left: 320px; }
.nav-click {
    display: none;
}
.slick{ overflow:hidden; }
.slick-slide img{width:100%;}
.banner-img img{display:block;width:100%;margin:auto;}
/***********简介页面*********/
.left-box{ width: 280px; background: #f4f4f4; margin-top: 30px; padding:10px; margin-bottom:70px; }
.left-box-tt{ height: 48px; line-height: 48px; color: #fff; background: #0b66ad; padding:0 25px; font-size: 16px; }
.left-box-tt span{ float: right; font-size: 22px; }
.left-box-nav li a:hover,.left-box-nav li.on a{color:#0b66ad;}
.left-box-nav li a{ display: block; line-height: 52px; padding-left: 25px; border-bottom: solid 1px #dbdbdb; font-size: 16px; color: #555; }
.left-box-img img{ width: 100%; margin-top: 20px; padding-bottom: 10px; }
.right-box{ width: 890px; margin-top: 30px; margin-bottom:70px; }
.right-box-tt .pull-left{ font-size: 18px; color: #0b66ad; font-weight: bold; }
.right-box-tt{ border-bottom:solid 1px #dbdbdb; padding-bottom: 12px; margin-bottom: 15px;  }
.nav-b{ background: url(../images/nav-b.png) left center no-repeat; padding-left: 22px; margin-top: 3px; color: #999; }
.nav-b a{color: #999; }
.about-txt p{ color: #999; text-indent: 2em; line-height: 35px; margin-bottom: 25px; text-align: justify; }
/***********内容页面*********/
.right-box-lg{ margin-top: 35px; }
.right-box-lg .right-box-tt .pull-left{ font-size: 22px; color: #555; position: relative; }
.right-box-lg .right-box-tt{ padding-bottom: 25px; }
.right-box-lg .right-box-tt .pull-left:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: -25px; background: #0b66ad; height: 1px; }
.article-tt{ font-size: 22px; color: #555; margin-top: 55px; }
.article-date{ color: #999; margin:30px 0; }
.article-date>span{ padding-left: 40px; }
.article-box{ background: #f8f8f8; padding:50px 35px; margin-bottom: 50px; }
.article-box p{ line-height: 35px; text-align: justify; color: #999; margin:0; }
.article-bottom,.article-bottom a{ color: #999; }
.article-bottom{ margin-bottom: 50px; }
/**********图片列表页**********/
.img-list li{ float: left; width: 33.333333%; padding:0 15px; margin-bottom: 30px; }
.img-list{ margin:0 -15px; padding-top: 10px; }
.img-list-img img{ width: 100%; }
.img-list-bottom{ height: 96px; background: #f4f4f4; display: block; padding:15px 15px; font-size: 16px; color: #555; line-height: 30px; }
.img-list-bottom p{ margin:0; height: 60px; overflow:hidden; }
.pagination > li > a, .pagination > li > span{ margin:0 3px; border-radius: 0!important; color: #888; }
.pagination > li > a:hover,.pagination > li.active > a,.pagination > li.active > a:hover,.pagination > li.active > a:focus{ background: #005da5; border-color: #005da5; color: #fff;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; }
/************文章列表页*************/
.article-list li a{ display: block; position: relative; transition: 0.5s all; margin-bottom: 20px; height: 60px; background: #fafafa; line-height: 60px; padding:0 200px 0 30px; font-size: 16px; color: #555; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.article-list li a p{ position: absolute; right:15px; top: 0;display:inline-block;}
.article-list li a:hover,.img-list-box:hover,.nav-ks li a:hover,.wh-list li a:hover{   box-shadow: 3px 35px 77px -17px rgba(0, 0, 0, 0.8);
    transform: scale(1.06); position: relative; z-index: 100;}
.img-list-box,.nav-ks li a,.wh-list li a{transition: 0.5s all;}
.img-list-box p{font-size:16px;line-height:36px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-list li a:hover,.title a:hover{ color: #0b6bc9; }
.banner{ overflow:hidden; }
.slick-dots{ width: 100%; }
.slick-dots li{ display: inline-block; float: none; }
.search-box .form-control{ padding-right: 50px; }
.width-l .slick-dots{ left: auto; right: 10px; width: auto; }
.width-l .slick-dots li{ float: left; }



@media( max-width: 1279px){
	.container{ width: 970px; }
	.nav-down{ padding:30px; }
	.width-l{ width: 50%; }
	.width-r{ width: 100%; }
	.title03{ margin-top: 20px; }
	.nav-ks li{ width: 25%; margin-bottom:20px; }
	.width-r-back{ height: auto; padding-bottom: 1px; }
	.lind-b:before{ display: none; }
	.wh-back{ margin-top: 20px; }
	.wh-list li{ padding:0 15px; }
	.wh-list{ margin-left: -15px; margin-right: -15px; }
	.footer-l{ margin-right: 0; width: 200px; }
	.footer-p{ width: auto; margin-left: 30px; margin-right: 30px; }
	.banner-txt{ margin-left: -485px; bottom: 50px; }
	.right-box{ width: 630px; }
}
@media( max-width: 991px){
	.container{ width: 750px; }
	.down-img img{ width: 145px; height: 75px; }
	.nav-down-ul{ margin-left: 160px; }
	.banner-txt{ margin-left: -375px; bottom: 20px;width:300px;height:45px;line-height:45px;font-size:20px;}
	.right-box{ width: 410px; }
	}
@media( max-width: 768px){
	.container{ width: 100%; }
	.header .pull-left{ display: none; }
	.logo{ width: 100%; text-align: center;}
	.logo img{ height: 30px; }
	.logo-back{ position: relative; padding:10px 0; }
	.search-box{ width: 100%; }
	.nav-box{ position: relative; height: 50px; }
	.nav-list{ position: absolute; display: none; left: 0;top: 100%; right: 0; background: #005690; border-top: solid 1px #fff; }
	.nav-list li{ float: none; width: 100%; position: relative; }
	.nav-list li a{ line-height: 40px; padding:0 15px; font-size: 14px; text-align: left; }
	.menu-button{ display: block; }
        .footer-l img{height:35px;}
.nav-click {
    display: block;
    z-index: 10000;
    position: absolute;
    color: #fff;
    right: 0;
    top: 0;
    width: 60%;
    height: 40px;
    text-align: right;
    padding-right:5%;
    line-height: 40px;
    transition: 0.5s all;
}
.nav-click.active {
    
}
.nav-list li:hover{ background: none; }
.nav-list li:hover a{ color: #fff; }
.nav-list li:hover .nav-down{ display: none; }
.nav-down{ position: static; padding:0px; }
.down-img{ display: none; }
.nav-down-ul{ margin:0; }
.nav-down-ul li{ width: 100%; margin:0; }
.nav-down-ul li a{ color: #fff!important; padding-left: 20px; }
.banner-txt{display:none;}
.width-l{ width: 100%; padding:0; }
.title{ margin-top: 20px; }
.nav-ks li{ width: 50%; }
.width-r-back{ padding-top: 20px; }
.wh-list li{ width: 50%; margin-bottom: 15px; }
.footer-l{ width: 100%; text-align: center; border:none; }
.footer-p{ width: 100%; margin:0;text-align: center;}
.footer-r{ width: 100%; text-align: center; }
.ewm{ display: inline-block; margin:0 5px; float: none!important; }
.footer{ padding-top: 0; }
.right-box{ width: 100%; }
.left-box{ width: 100%; margin:20px 0 0 0; }
.left-box-img{ display: none; }
.about-txt p{ line-height: 30px; margin-bottom: 10px; }
.right-box{ margin-bottom: 20px; }
.logo{ position: absolute; left: 15px; top: 60px; width: auto; z-index: 100000; text-align: left; }
.search-box{ margin-top: 0; }
.right-box-lg .right-box-tt{ padding-bottom: 10px; }
.right-box-lg .right-box-tt .pull-left:before{ bottom: -10px; }
.right-box-lg .nav-b{ margin-top: 10px; }
.article-tt{ font-size: 18px; margin-top: 20px; }
.article-date>span{ padding-left: 30px; }
.article-date{ margin:20px 0; }
.article-box{ padding:25px; margin-bottom: 30px; }
.article-box p{ line-height: 28px; }
.article-bottom .col-xs-6{ width: 100%; margin-bottom: 25px; }
.article-bottom .col-xs-6 .text-right{ text-align: left; }
.article-bottom{ margin-bottom: 5px; }
.right-box-lg{ margin-top: 20px; }
.img-list li{ width: 50%; margin-bottom: 20px; }
.article-list li a{ height: 48px; line-height: 48px; padding:0 110px 0 15px; }
.article-list li a span{ right: 15px; }

}