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: -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); }
.container{ width: 1530px;}

.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{ height: 130px; background: url(../images/header.jpg) center no-repeat; background-size: cover; }
.container{ width: 1330px; }
.logo{ line-height: 130px; }
.nav-list li{ float: left; width: 11%; position: relative; z-index: 100; }
.nav-list li:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; height: 10px; border-right: solid 1px #366cc5; margin-top: -5px; }
.nav-list li:after{ display: block; content: ""; position: absolute; right: -1px; top: 50%; height: 10px; border-right: solid 1px #366cc5; margin-top: -5px; }

.nav-box{ background: #0044b5; }
.nav-list li a{ display: block; position: relative; color: #fff; line-height: 50px;font-weight:bold;font-size:16px; }
.nav-list li:hover a{ background: #0a58da; }
.banner{ margin:0; overflow:hidden; }
.banner img{ width: 100%; }
.banner .slick-dots{ bottom: 30px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 12px; height: 12px; border-radius: 50%; }
.banner .slick-dots li button{ background: #fff; opacity: 0.5; }
.banner .slick-dots li.slick-active button{ opacity: 1; }
.img-slick a{ display: block; position: relative; }
.img-slick a div{ height: 400px; }
.img-slick{ margin-top: 60px; }
.img-slick a span{ position: absolute; left: 0; right: 0; bottom: 0; line-height: 50px; padding:0 120px 0 15px; font-size: 16px; color: #fff; background:url(../images/txt-mask.png) center no-repeat; background-size: 100% 100%; }
.img-slick .slick-dots{ left: auto; right: 15px; bottom: 20px; width: auto; }
.img-slick .slick-dots li,.img-slick .slick-dots li button{ width: 8px; height: 8px; border-radius: 50%;  }
.img-slick .slick-dots li button{ background: #fff; opacity: 0.5; }
.img-slick .slick-dots li.slick-active button{ opacity: 1; }
.title-left{ font-size: 24px; color: #000; }
.title-left span{ color: #0044b5; }
.title{ position: relative; margin-bottom: 15px; padding-left: 33px; padding-bottom: 15px; border-bottom: solid 1px #0044b5; margin-top: 60px; }
.title i{ position: absolute; left: 0; top: 0; line-height: 34px; }
.title-sm{ font-size: 12px; line-height: 14px; margin-top: 3px; color: #b1b1b1; margin-left: 10px; text-transform: uppercase;   }
.title a{ float: right; font-size: 14px; color: #999; text-transform: uppercase; margin-top: 8px; }
.news-top-tt a{ font-size: 20px; color: #0044b5; }
.news-top-date{ color: #999; margin-top: 5px; }
.news-top-p{ color:#999; line-height: 20px; margin-top: 5px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.news-ul li a{ display: block; border-top: solid 1px #eee; font-size: 16px; color: #363636; line-height: 45px; position: relative; padding-right: 110px; }
.news-ul li a span{ position: absolute; right: 0; top: 0; color: #999; font-size: 14px; }
.news-ul li a font{ color: #0044b5; padding-right: 10px; font-weight: bold; }
.news-ul{ margin-top: 15px; }
.img-slick{ margin-bottom:0; }
.page-tow{ background: url(../images/back02.png) center no-repeat; background-size: cover; margin-top: 40px; padding:1px 0 60px 0; }
.tow-ul li{ float: left; width: 25%; padding:0 12px; }
.tow-ul{ margin:0 -12px; padding-top: 5px; }
.tow-ul-img{ border-radius: 6px 6px 0 0; position: relative; padding-top: 65%;  }
.tow-ul li a{ display: block; background: #fff; border-radius: 6px;overflow:hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.tow-ul li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.tow-ul-bottom{ padding:10px 15px; }
.tow-ul-tt{ font-size: 16px; color: #363636; height: 50px; line-height: 25px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.tow-ul-date{ color: #999; margin-top: 10px; }
.tow-ul li a:hover .tow-ul-tt{ color: #0044b5; }
.news-ul-b li:first-child a{ border:none; }
.news-ul-b li a{ line-height: 48px; }
.img-ul-img img{ width: 155px; height: 96px; }
.img-ul-right{ margin-left: 170px; padding-top: 5px; }
.img-ul-tt{ font-size: 16px; color: #363636; }
.img-ul-right .news-top-p{ margin-top: 10px; }
.img-ul li{ margin-bottom: 15px; }
.img-ul{ padding-top: 10px; }
.page-four{ background: url(../images/back03.png) center no-repeat; background-size: cover; margin-top: 50px; padding:1px 0 50px 0; }
.py-list-date{ position: relative; width: 100px; height: 88px; background: #fff url(../images/lind01.png) center no-repeat; }
.py-list-date span{ position: absolute; left: 10px; top: 10px; font-size: 34px; line-height: 34px; }
.date-b{ position:absolute; right: 10px; bottom: 0px; font-size: 14px; color: #666; }
.date-b font{ font-size: 18px; }
.py-list-right{ margin-left: 125px; padding-top: 5px; }
.py-list li a{ display: block; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #eee; }
.py-list-right .news-top-p{ margin-top: 10px; }
.py-list li a:hover .py-list-date{ background: #e0e9f7 url(../images/lind02.png) center no-repeat; }
.py-list li a:hover .py-list-date .date-b,.py-list li a:hover .py-list-date span{ color: #0044b5; }
.py-list li a:hover .img-ul-tt{ color: #0044b5; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; padding-top: 50px; } 
.footer-nav li{ float: left; width: 16.666666%; margin-bottom: 15px; }
.footer-nav li a{ font-size: 16px; color: #fff; opacity: 0.75; }
.footer-nav{ width: 850px; }
.footer-nav li a:hover{ opacity: 1; }
.footer-p p{ margin-bottom: 15px; font-size: 16px; color: #fff; opacity: 0.75; }
.ewm img{ width: 80px; }
.ewm{ font-size: 14px; color: #fff; margin-left: 60px; }
.footer-bottom{ border-top: solid 1px rgba(255,255,255,0.2); margin-top: 30px; color: #fff; padding:20px 0; }
.title a:hover,.news-ul-b li a:hover,.img-ul li a:hover .img-ul-tt{ color: #0044b5; }
.news-top-tt a:hover{ font-weight: bold; }
.search-top{ width: 344px; margin-top: 47px; position: relative; }
.search-top .form-control{ border:solid 1px #ddd; border-radius: 30px; box-shadow: none; width: 100%; height: 36px; }
.btn-ss{ position: absolute; right: 10px; top: 0px; border:none; width:40px; height: 100%; background: url(../images/button.png) center no-repeat!important; }
.nav-down{ position: absolute; display: none; left: 50%; top: 100%; min-width: 100%; transform: translate(-50%,0); background: rgba(0,68,181,0.6); white-space:nowrap; }
.nav-down li a{ display: block; background: none!important; text-align: center; line-height: 45px; font-size: 16px; color: #fff; position: relative; padding:0 15px; }
.nav-down li:before,.nav-down li:after{ display: none!important; }
.nav-down li{ margin:0!important; float: none!important; padding:0!important; width: 100%; }
.nav-down li:last a:before{ display: none; }
.nav-list li:hover .nav-down{ display: block; }
.nav-down li a:hover{     background: #0a58da!important; }
.logo-phone,.search-a{ display: none; }
/***************列表带图**************/
.banner-list{ height: 320px; }
.list-back{ background: #f7f7f7; padding-bottom: 80px; }
.list-back .container{ position: relative; }
.nav-b{ padding:20px 0; color: #666; }
.nav-b a{ color: #666; }
.list-left{ background: #fff url(../images/back-b.png) right bottom no-repeat; padding:40px; width: 940px; }
.list-left-title{ font-size: 24px; line-height: 24px; color: #0044b5; padding-bottom: 20px; border-bottom: solid 1px #ddd; }
.gl-img img{ width: 184px; height: 121px; }
.gl-right{ margin-left: 205px; padding-top: 5px; }
.gl-right-tt{ font-size: 16px; color: #333; }
.gl-right-date{ color: #999; margin-top: 5px; }
.gl-right-p{ color: #999; line-height: 25px; height: 50px; overflow:hidden; margin-top: 5px; }
.gl-link{ margin-top: 30px; }
.dt-list-b{ padding-top: 10px; }
.dw-list-img img{ width: 184px; height: 121px; }
.dw-list li{ margin-bottom: 15px; }
.dw-list{ padding-top: 30px; }
.list-banner{ height:420px; }


.list-left{ position: relative; z-index: 100; }
.list-top{ height: 97px; padding-top: 25px; line-height: 25px; padding-left: 20px; font-size: 24px; color: #0044b5; background: url(../images/left-top.jpg) center no-repeat; background-size: cover; }
.list-top span{ color: #999; text-transform: uppercase; font-size: 14px; }
.nav-left li a{ display: block; line-height: 50px; border-bottom: solid 1px #f7f7f7; position: relative; font-size: 16px; color: #363636; padding-left: 20px; }
.nav-left li.active a,.nav-left li a:hover{ background: url(../images/nav-back.png) center no-repeat; background-size: cover; color: #075a91; }
.nav-left li.active a:before,.nav-left li a:hover:before{ display: block; content: ""; position: absolute; right: 20px; top: 0; bottom: 0; width: 22px; background: url(../images/nav-raw.png) center no-repeat; }
.nav-left li.active a:after,.nav-left li a:hover:after{ display: block; content: ""; position: absolute; left: 0; top: 50%; height: 20px; width: 5px; background: #0044b5; margin-top: -10px; }
.list-right{ background: #fff; padding:30px 40px; width: 1230px; }
.right-tt{ font-size: 24px; color: #0044b5; border-bottom: solid 1px #ddd; line-height: 24px; padding-bottom: 20px; }
.lb-ul li a{ display: block; position: relative; background: url(../images/dian.png) left center no-repeat; padding-left: 15px; border-bottom: solid 1px #ddd; line-height: 50px; font-size: 16px; color: #333; padding-right: 100px; }
.lb-ul li a span{ position: absolute; right: 0; top: 0; font-size: 14px; color: #999; }
.page-box{ margin-top: 40px; }
.list-c{ position: relative; }
.list-c:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 335px; background:#fff; bottom: 0; }
.dw-list-lb .dw-list-img img{ width: 193px; height: 135px; }
.dw-list-lb .gl-right-date{ background: url(../images/icon-date.png) left center no-repeat; padding-left: 20px; margin-top: 10px; }
.dw-list-lb .gl-right-p{ margin-top: 10px; }
.dw-list-lb .gl-right{ margin-left: 220px; }
.dw-list-lb li a{ display: block; padding:10px 0; }
.dw-list-lb li{ margin:0; }
.dw-list-lb{ padding-top: 15px; margin-top: 0; }
.dw-list li a:hover .gl-right-tt,.dt-list-tt a:hover,.gl-link a:hover .gl-right-tt,.title a:hover,.fc-slick-tt:hover{ color: #0044b5; }
.fc-slick-tt{ margin-top: 10px; }
.lb-ul li a:hover,.nav-b a:hover{ color: #0044b5; }
.article-tt{ font-size: 24px; color: #000; margin-top: 0; }
.article-tt-sm{ color: #999; margin-top: 20px; padding-bottom: 15px; border-bottom: solid 1px #ddd; }
.article-tt-sm span{ padding-right: 20px; }
.article-p p{ line-height: 35px; margin-bottom: 30px; text-align: justify; font-size: 16px; color: #666; }
.article-p{ padding-top: 25px; }
.article-link{ border-top: solid 1px #ddd; padding-top: 30px; }
.article-link a{ color: #666; font-size: 16px; }
.article-link a:hover{ color:#0054a9; }
.article-link p{ margin-bottom: 10px; }


.list-y{ width: 330px; position: relative; z-index: 10px; }
.list-y-tt{ font-size: 24px; color: #fff; padding:0 30px; line-height: 80px; background:#0044b5 url(../images/list-top.png) right top no-repeat; }
.list-back .container:before{ display: block; content: ""; width: 330px; position: absolute; right: 15px; top: 140px; bottom: 0; background: #fff; border-right: solid 5px #0044b5; border-bottom: solid 5px #0044b5; }
.list-nav-right li a{ display: block; border-bottom: solid 1px #eee; line-height: 54px; font-size: 18px; color: #666; }
.list-nav-right{ margin:0 30px; }
.list-nav-right li a:hover,.list-nav-right li.active a{ color: #0044b5; }


#vsb_content img{height:auto !important;}






@media( max-width: 1479px){
	.container{ width: 1230px; }
	.footer-nav{ width: 760px; }
	.list-y,.list-back .container:before{ width: 250px; }
	.list-left{ width: 920px; }
}
@media( max-width: 1279px){
	.container{ width: 970px; }
	.footer-nav{ width: 480px; }
	.list-left{ width: 660px; }
	}
@media( max-width: 991px){
	.container{ width: 750px; }
	.logo{ width: 400px; }
	.search-top{ width: 300px; }
	.footer-nav{ width: 100%; }
	.footer-right{ width: 100%; margin-top: 20px; }
	.list-left{ width: 440px; }
}
@media( max-width: 767px){
	.container{ width: 100%; }
	.col-xs-6{ width: 100%; }
	.img-slick a div{ height: auto; padding-top: 63.5%; }
	.title{ margin:20px 0 10px 0; padding-bottom: 10px; }
	.tow-ul li{ width: 50%; margin-bottom: 15px; }
	.page-tow{ padding-bottom: 20px; margin-top: 20px; }
	.img-slick{ margin-top: 20px; }
	.page-four{ margin-top: 10px; padding-bottom: 20px; }
	.footer-nav li{ width: 25%; }
	.footer-nav li a{ font-size: 14px; }
	.footer{ padding-top: 20px; }
	.footer-p p{ font-size: 14px; margin-bottom: 10px; }
	.footer-right{ text-align: center; margin-top: 0; }
	.footer-right .pull-left{ width: 100%; margin:0; }
	.footer-bottom{ font-size: 14px; margin-top: 15px; padding-top: 10px; }
	.nav-box{ height: 50px; position: relative; z-index: 10000; }
	.logo{ width: 100%; line-height: 1; padding:10px 0; text-align: center; }
	.logo img{ width: 250px; }
	.header{ height: auto; }
	.nav-list{ position: absolute; display: none; left: 0; right: 0; top: 100%; background: #0044b5; max-height: 75vh; overflow-y: auto; border-top: solid 1px #fff; }
	.nav-list li{ float: none; width: 100%; }
	.nav-list li a{ padding:0 15px; line-height: 40px; text-align: left; }
	.logo-phone{ display: block; position: absolute; left: 15px; top: 0; line-height: 50px; }
	.logo{ display: none; }
	.logo-phone img{ height: 30px; }
    .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; transform:translate(0,0); background: none; }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-down:before{ display: none; }
    .nav-down li a:before{ display: none; }
    .nav-down li a{ color: #fff; padding:0 25px; }
    .search-a{ line-height: 50px; margin-right: 50px; }
    .menu-button{ display: block; }
.search-box-c{ position: fixed; left: 5%; width: 90%; top: 50%; height: 54px; background: #fff; padding-right: 115px; 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{ position: absolute; right: 0; background: #0044b5 url(../images/button02.png) center no-repeat!important; top: 0; width: 115px; 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);}
	.search-a{ display: block; position: absolute; right: 5px; top: 0; line-height: 50px; }
	.list-y{ width: 100%; background: #fff; }
	.list-back .container:before{ display: none; }
	.list-left{ width: 100%; padding:20px; margin-top: 20px; }
	.list-nav-right li a{ font-size: 14px; line-height: 40px; }
        .dw-list-lb .dw-list-img img{ width: 130px; height: 100px; }
        .dw-list-lb .gl-right{ margin-left: 140px; }
        .dw-list-lb .gl-right-p{ height: 25px; }
        .article-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
        .article-link a{ font-size: 14px; }
        .list-left-title{ font-size: 18px; line-height: 18px; }
        .list-y-tt{ font-size: 18px; line-height: 50px; padding:0 15px; }
        .list-nav-right{ margin:0 15px; }
        .nav-b{ padding:10px 0; }
        .banner-list{ height: 150px; }
        .list-back{ padding-bottom: 15px; }
        .article-tt{ font-size: 18px; }
	}