@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
list-style: none;
}
body {
line-height: ;
}
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #FFFF99;
color: #000000;
text-decoration: none;
}
mark {
background-color: #FFFF99;
color: #000000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #CCCCCC;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
*zoom: 1;
}

body {
font-family: "Microsoft YaHei", "Helvetica Neue", Simsun, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
}
a {
text-decoration: none;
}
.container {
width: 1301px;
margin: 0 auto;
}
.w1200{
width: 1301px;
margin: 0 auto;
}

.top-line {
height: 32px;
background-color: #005faf;
}
.top-line a {
line-height: 32px;
color: #eeeeee;
font-size: 14px;
margin: 0 10px;
}
.top-line a:hover {
color: #ffffff;
}
.top-line .social-icon {
width: 20px;
height: 20px;
display: inline-block;
background-size: 40px 20px;
border-radius: 10px;
vertical-align: middle;
}
.social-icon.wechat {
background-position: -20px 0;
}
.top-line .wechat-QR {
display: none;
width: 150px;
height: 150px;
position: relative;
z-index: 9999;
margin-left: -75px;
margin-top: 36px;
padding: 10px;
background-color: #ffffff;
border-radius: 5px;
border: 1px solid lightgray;
box-shadow: 1px 1px 1px #aaa;
}
.wechat-QR .svg-triangle {
width: 12px;
height: 12px;
position: absolute;
margin-left: 68px;
margin-top: -22px;
z-index: -99;
}
.wechat-QR .svg-triangle polygon {
fill: #ffffff;
stroke: lightgray;
stroke-width: 1;
}
.top-line .wechat-QR img {
width: 150px;
height: 150px;
}
.top-line .left {
float: left;
}
.top-line .menu-icon {
display: none;
}
.top-line .right {
float: right;
}
.top-line .top-search {
display: none;
}
.logo-search {
height: 100px;
}
.logo-search .logo {
float: left;
width: 342px;
margin-left:28px;
margin-top:5px
}
.logo-search .map {
float: right;
width: 670px;
height: 100px;
background:url(/images/2017050802_02.jpg) no-repeat;
position:relative;
}
.logo-search .map p{position:absolute; height:30px; line-height:30px;font-size:14px; color:#006c9b; top:35px; left:250px}
.logo-search .map p a{font-size:14px; color:#006c9b;}
.logo-search .map p a:hover{text-decoration:underline;}
.logo-search .search {
float: right;
margin-top: 35px;
margin-right: 20px;
}
.search .input {
height: 18px;
width: 180px;
border: 1px solid #B1B1B1;
padding: 5px;
float: left;
_display: inline;
border-right: 0;
-webkit-appearance: none;
}
.search .btn {
background: #006c9c;
height: 30px;
padding: 0 8px;
line-height: 29px;
text-align: center;
border: 0;
float: left;
font-size: 16px;
_display: inline;
color: #FFF;
cursor: pointer;
}
@media screen and (max-width: 800px) {
.top-line .top-search {
display: inline;
}
.logo-search .logo {
display: block;
float: none;
margin: 0 auto;
padding-top: 10px;
}
.logo-search .map {
display: none;
}
}
@media screen and (max-width: 720px) {
.logo-search .logo {
width: 310px;
}
}
@media screen and (max-width: 600px) {
.logo-search {
height: 90px;
}
.logo-search .logo {
width: 280px;
}
}
@media screen and (max-width: 480px) {
.logo-search {
height: 80px;
}
.logo-search .logo {
width: 250px;
}
.top-line .left {
display: none;
}
.top-line .right a {
font-size: 12px;
}
}
@media screen and (max-width: 375px) {
.logo-search {
height: 70px;
}
.logo-search .logo {
width: 220px;
}
}

.top-line .menu-icon {
display: none;
position: relative;
z-index: 1;
background: no-repeat 50% 46%;
-webkit-tap-highlight-color: transparent;
}
.menu-icon-toggle {
display: block;
float: left;
}
.menu-icon-toggle.enhance {
background: none;
}
.menu-icon-toggle.enhance .svg-wrapper {
display: block;
position: absolute;
height: 32px;
width: 32px;
padding: 0;
margin: 0;
border: 0;
-webkit-transform: translateZ(0) rotate(0deg);
-ms-transform: translateZ(0) rotate(0deg);
transform: translateZ(0) rotate(0deg);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
outline: none;
-webkit-tap-highlight-color: transparent;
background-color: rgba(0, 0, 0, 0);
}
.menu-icon-toggle.enhance .svg {
position: absolute;
left: 0;
top: 0;
width: 100%;
-webkit-transform: translateZ(0) rotate(0deg);
-ms-transform: translateZ(0) rotate(0deg);
transform: translateZ(0) rotate(0deg);
fill: white;
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
font-size: 18px;
}
.menu-icon-toggle.enhance .svg-rect {
left: 0;
top: 0;
-webkit-transition: -webkit-transform 0.2s 0.2s;
transition: transform 0.2s 0.2s;
}
.menu-icon-toggle.enhance .svg-rect-top {
-webkit-transform: translate3d(0, -8px, 0);
-ms-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0);
}
.menu-icon-toggle.enhance .svg-rect-bottom {
-webkit-transform: translate3d(0, 8px, 0);
-ms-transform: translate3d(0, 8px, 0);
transform: translate3d(0, 8px, 0);
}

.show-nav .menu-icon-toggle.enhance {
background: none;
}
.show-nav .menu-icon-toggle.enhance .svg-wrapper {
-webkit-transform: translateZ(0) rotate(90deg);
-ms-transform: translateZ(0) rotate(90deg);
transform: translateZ(0) rotate(90deg);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.show-nav .menu-icon-toggle.enhance .svg {
-webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transform: translateZ(0) rotate(45deg);
-ms-transform: translateZ(0) rotate(45deg);
transform: translateZ(0) rotate(45deg);
}
.show-nav .menu-icon-toggle.enhance .svg-top {
-webkit-transform: translateZ(0) rotate(45deg);
-ms-transform: translateZ(0) rotate(45deg);
transform: translateZ(0) rotate(45deg);
}
.show-nav .menu-icon-toggle.enhance .svg-bottom {
-webkit-transform: translateZ(0) rotate(-45deg);
-ms-transform: translateZ(0) rotate(-45deg);
transform: translateZ(0) rotate(-45deg);
}
.show-nav .menu-icon-toggle.enhance .svg-rect {
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.show-nav .menu-icon-toggle.enhance .svg-rect-top, .show-nav .menu-icon-toggle.enhance .svg-rect-bottom {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 480px) {
.top-line .menu-icon-toggle {
display: block;
}
}

.wgt-navbar {
position: relative;
z-index: 1000;
overflow: hidden;
height: 45px;
}
@media screen and (max-width: 480px) {
.wgt-navbar {
display: none;
}
}
.wgt-navbar .navbar-bg {
position: absolute;
width: 100%;
height: 365px;
-webkit-transition: .3s;
transition: .3s;
}
.wgt-navbar .navbar-content {
position: relative;
border-top: 1px solid #e1e1e1; 
border-top: 1px solid rgba(0, 0, 0, .1);
}
.wgt-navbar .navbar-content-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.navbar-content-box dl {
position: relative;
float: left;
}
.navbar-content-box dl dt {
-webkit-transition: .3s;
transition: .3s;
height: 43px;
line-height: 43px;
font-size: 16px;
text-align: center;
letter-spacing: 1px;
cursor: pointer;
background:#006c9b;
}
.navbar-content-box dt a {
display: block;
color:#FFF;
}
@media screen and (max-width: 667px) {
.navbar-content-box dl dt {
font-size: 14px;
}
}
@media screen and (max-width: 568px) {
.navbar-content-box dl dt {
font-size: 12px;
}
}
.navbar-content-box dl dd {
-webkit-transition: .3s;
transition: .3s;
filter: alpha(opacity=0);
opacity: 0;
padding: 11px 0 10px;
height: 235px;
border-left: 1px solid #d7d7d7;
}
.navbar-content-box dl dd a{ font-family:"ËÎÌå"; font-size:12px}
.navbar-content-box dl:last-child dd {
border-right: 1px solid #d7d7d7;
}
.navbar-content-box dl dd div {
height: 30px;
line-height: 30px;
text-align: left;
font-size: 14px;
margin-left:20px;
}
.navbar-content-box dl dd div a {
padding-bottom: 3px;
color: #666;
}
.navbar-content-box dl:hover dd div a {
color: #282828;
}
.navbar-content-box dl dd div a:hover {
color: #005aa0;
border-bottom: 2px solid #005aa0;
}
.navbar-content-box dl:hover dt {
background: #3c8cd7;
}
.navbar-content-box dl:hover dt a {
color: #ffffff;
}
.navbar-content-box dl:hover dd {
background-color: #a0d2fa;
background-color: rgba(60, 170, 250, .5);
border-color: #a0d2fa;
}
.navbar-content-box dl {
width: 11.11%;
line-height: 45px;
}
.wgt-navbar a {
text-decoration: none;
cursor: pointer;
color: #000;
}

.wgt-navbar-hover {
overflow: visible;
}
.wgt-navbar-hover .navbar-bg {
background-color: #ffffff;
background-color: rgba(255, 255, 255, .9);
filter:Alpha(opacity=90);
height:300px;
}
.wgt-navbar-hover .navbar-content-box dl dd {
filter: alpha(opacity=100);
opacity: 1;
}

nav.mobile-nav {
display: none;
padding: 10px 0;
border-bottom: 1px solid #cbcbcb;
box-shadow: inset 0 -1px 10px #BBBBBB;
}
.mobile-nav ul {
width: 50%;
float: left;
text-align: center;
}
.mobile-nav li a {
color: #333;
font-size: 14px;
line-height: 30px;
}
.mobile-nav .wechat {
width: 100px;
}
.mobile-nav li a:hover {
color: #005aa0;
text-decoration: underline;
}

footer {
margin-top: 20px;
height: 120px;
padding: 15px 0;
background: url(/images/footer_background.png) repeat-x;
background-image: linear-gradient(to bottom, rgb(20, 90, 155), rgb(15, 105, 180), rgb(17, 116, 200));
background-size: 1px 150px;
}
footer div div {
float: left;
height: 100%;
}
footer .logo {
border-left: 1px solid #ffffff;
border-left: 1px solid rgba(255, 255, 255, .2);
padding: 11px 104px 12px 104px;
}
footer .logo .logo-horizontal {
display: inline-block;
width: 110px;
height: 95px;
background: url("/images/logo_horizontal.png") no-repeat;
background-size: 100% 100%;
}

footer .copyright-small {
display: none;
}
footer .copyright {
width: 560px;
padding: 0;
text-indent: 120px;
border-left: 1px solid #ffffff;
border-left: 1px solid rgba(255, 255, 255, .2);
border-right: 1px solid #ffffff;
border-right: 1px solid rgba(255, 255, 255, .2);
}
footer .copyright p {
font-size: 13px;
color: #ffffff;
line-height: 24px;
}
footer .copyright p a {
text-decoration: underline;
color: #ffffff;
}
footer .share {
width: 240px;
padding: 0 39px;
border-right: 1px solid #ffffff;
border-right: 1px solid rgba(255, 255, 255, .2);
}
footer .share:after {
content: "";
}
footer .share li {
float: left;
width: 80px;
height: 60px;
text-align: center;
}
footer .share a {
display: inline-block;
float: none;
width: 30px;
height: 30px;
background-size: 100px 135px;
border-radius: 20px;
margin: 15px 0 0 0;
padding: 0;
}
footer .share a:hover {
opacity: 1;
filter: alpha(opacity=100)
}

@media screen and (max-width: 1024px) {
footer .logo {
padding: 11px 70px 12px 70px;
}
footer .copyright {
width: 495px;
text-indent: 85px;
}
footer .share {
padding: 0 5px;
}
}
@media screen and (max-width: 960px) {
footer .logo {
padding: 11px 75px 12px 75px;
}
footer .copyright {
width: 436px;
text-indent: 55px;
}
footer .share {
padding: 0 10px;
}
}
@media screen and (max-width: 800px) {
footer .logo {
padding: 11px 38px 12px 38px;
}
footer .copyright {
width: 424px;
text-indent: 49px;
}
footer .share {
width: 180px;
padding: 0 3px;
}
footer .share li {
width: 60px;
}
}
@media screen and (max-width: 768px) {
footer .copyright {
width: 392px;
text-indent: 33px;
}
}
@media screen and (max-width: 736px) {
footer .copyright {
width: 360px;
text-indent: 17px;
}
}
@media screen and (max-width: 720px) {
footer .copyright {
width: 344px;
text-indent: 9px;
}
}
@media screen and (max-width: 667px) {
footer .logo {
width: 50%;
padding: 11px 0 12px 0;
box-sizing: border-box;
text-align: center;
border-right: 1px solid #ffffff;
border-right: 1px solid rgba(255, 255, 255, .2);
}
footer .share {
width: 50%;
padding: 0;
box-sizing: border-box;
}
footer .share li {
width: 33%;
}
footer .copyright {
display: none;
}
footer .copyright-small {
display: block;
padding: 10px 0;
margin-top: 15px;
font-size: 12px;
color: #ffffff;
background-color: #000000;
}
footer .copyright-small p {
line-height: 18px;
text-indent: 28%;
}
footer .copyright-small a {
color: #ffffff;
text-decoration: underline;
}
footer .copyright-small .small {
display: none;
}
}
@media screen and (max-width: 600px) {
footer .copyright-small p {
text-indent: 22%;
}
}
@media screen and (max-width: 480px) {
footer {
height: 100px;
padding: 10px 0;
}
footer .logo {
padding: 6px 0;
}
footer .logo .logo-horizontal {
width: 100px;
height: 86px;
}
footer .share li {
height: 50px;
}
footer .share a {
margin-top: 10px;
}
footer .copyright-small {
margin-top: 10px;
}
footer .copyright-small p {
text-indent: 17%;
}
}
@media screen and (max-width: 414px) {
footer .copyright-small p {
text-indent: 10%;
}
}
@media screen and (max-width: 375px) {
footer .copyright-small p {
text-indent: 5%;
}
}
@media screen and (max-width: 320px) {
footer .copyright-small p {
text-indent: 10px;
}
footer .copyright-small .big {
display: none;
}
footer .copyright-small .small {
display: block;
}
}
footer .share .weibo {
background-position: 0 0;
}
footer .share .weibo:hover {
background-position: 0 -70px;
}
footer .share .moments {
background-position: -35px 0;
}
footer .share .moments:hover {
background-position: -35px -70px;
}
footer .share .qq {
background-position: -70px 0;
}
footer .share .qq:hover {
background-position: -70px -70px;
}
footer .share .tencent-weibo {
background-position: 0 -35px;
}
footer .share .tencent-weibo:hover {
background-position: 0 -105px;
}
footer .share .qzone {
background-position: -35px -35px;
}
footer .share .qzone:hover {
background-position: -35px -105px;
}
footer .share .renren {
background-position: -70px -35px;
}
footer .share .renren:hover {
background-position: -70px -105px;
}
@media screen and (max-width: 1024px) {
footer .share .weibo {
background-position: 0 -70px;
}
footer .share .moments {
background-position: -35px -70px;
}
footer .share .qq {
background-position: -70px -70px;
}
footer .share .tencent-weibo {
background-position: 0 -105px;
}
footer .share .qzone {
background-position: -35px -105px;
}
footer .share .renren {
background-position: -70px -105px;
}
}

#main-swiper {
width: 100%;
max-width: 1300px;
position: relative\0;
height: 480px\0;
overflow: hidden\0;
}
.swiper-button-prev,
.swiper-button-next {
width: 37px;
height: 60px;
margin-top: -30px;
background-size: 37px 60px;
}
.swiper-button-prev {
left: 30px;
}
.swiper-button-next {
right: 30px;
}
.swiper-slide {
position: relative;
width: 100%;
height: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-slide img {
width: 100%;
}
.swiper-slide a {
width: 100%;
}
.swiper-slide .description {

}
.swiper-slide .description span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.swiper-slide .more {
position: absolute;
bottom: 7%;
right: 0;
padding: 5px;
font-size: 14px;
background-color: white;
background-color: rgba(255, 255, 255, .6);
}
.swiper-slide .more a {
color: #000;
}

.swiper-button-next{
background-image: url("/images/swiper-arrow-right.png"); 
}
.swiper-button-prev{
background-image: url("/images/swiper-arrow-left.png"); 
}

.swiper-pagination {
position: absolute\0;
left: 0\0;
text-align: center\0;
bottom: 15px\0;
width: 100%\0;
z-index: 999\0;
}
.swiper-pagination .swiper-pagination-switch {
display: inline-block\0;
width: 10px\0;
height: 10px\0;
border-radius: 10px\0;
background: white\0;
filter:alpha(opacity=50);
margin: 0 3px\0;
cursor: pointer\0;
}
.swiper-pagination .swiper-active-switch {
filter:alpha(opacity=100);
}

@media screen and (max-width: 1024px) {
.swiper-slide .description {
padding: 10px 15px;
font-size: 20px;
}
.swiper-container-horizontal > .swiper-pagination {
left: 25%;
width: 50%;
}
}
@media screen and (max-width: 800px) {
.swiper-slide .description {
font-size: 18px;
}
}
@media screen and (max-width: 667px) {
.swiper-slide .description {
display: none;
}
.swiper-slide .more {
font-size: 13px;
}
}

.news {
padding-top: 20px;
}
.section-head {
float: left;
width: 60%;
}
.section-head h1 {
margin-bottom: 15px;
line-height: 42px;
font-size: 20px;
font-weight:bold;
color: #333;
letter-spacing: 1px;
border-bottom: 2px solid #006c9c;
font-family:"ËÎÌå";
}
.section-head h3 {
float: right;
font-weight: normal;
margin-bottom: 15px;
}
.section-head h3 a {
font-size: 16px;
color: #005aa0;
line-height: 42px;
}
.section-head h3 a:hover {
color: #0091f4;
}
.headline-pic {
float: left;
margin-right: 15px;
}
.headline-pic img {
width: 300px;
height: 220px;
}
.headline.section-head .content .title {
display: block;
line-height: 30px;
height: 60px;
overflow: hidden;
font-size: 18px;
}
.headline.section-head .content .title a {
color: #333333;
}
.headline.section-head .content .title a:hover {
color: #005aa0;
}
.headline.section-head .content .date {
display: block;
text-align: right;
font-size: 16px;
line-height: 25px;
color: #333333;
font-family:Arial;
padding-right: 10px;
}
.headline.section-head .content .summary {
display: block;
height: 125px;
font-size: 14px;
line-height: 25px;
color: #666666;
overflow: hidden;
}
.notice-list {
float: left;
width: 38%;
margin-left: 2%;
}
.notice-list .notice li {
border-bottom: 1px solid lightgray;
line-height: 34px;
margin-top: 11px;
}
.notice-list .notice a {
color: #333333;
}
.notice-list .notice a:hover {
color: #005aa0;
}
.notice-list .notice .title {
display: inline-block;
width: 370px;
font-size: 15px;
vertical-align: top;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.notice-list .notice .date {
float: right;
font-size: 14px;
line-height: 30px;
color: #333333;
font-family:Arial;
}
@media screen and (max-width: 1024px) {
.notice-list .notice .title {
width: 320px;
}
}
@media screen and (max-width: 800px) {
.section-head {
width: 94% !important;
margin: 0 !important;
padding: 0 3%;
}
.notice-list, .key-access {
margin-top: 20px !important;
float: none;
}
.notice-list .notice .title {
width: 80%;
}
}
@media screen and (max-width: 480px) {
.headline-pic {
float: none;
text-align: center;
margin-bottom: 10px;
}
.headline.section-head .content .title {
height: auto;
}
.notice-list .notice .title {
font-size: 14px;
}
.notice-list .notice .date {
font-size: 12px;
}
}

.latest-news {
padding-top: 20px;
width: 100%;
}
.section-head .news-content {
margin-top: 10px;
padding-bottom: 5px;
border-bottom: 1px solid lightgray;
}
.section-head .news-pic {
float: left;
margin-right: 15px;
}
.section-head .news-pic img {
float: left;
width: 150px;
height: 95px;
}
.section-head .content .title {
display: block;
width: auto;
line-height: 25px;
height: 25px;
overflow: hidden;
font-size: 16px;
}
.section-head .content .title a {
width: 95%;

}
.section-head .content .title a:hover {
color: #005aa0;
}
.section-head .content .summary {
display: block;
height: 75px;
font-size: 14px;
line-height: 25px;
color: #666666;
overflow: hidden;
}
.news-content .title {
display: inline-block;
width: 80%;
line-height: 26px;
font-size: 16px;
vertical-align: top;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.news-content .title a {
color: #333333;
}
.news-content .title a:hover {
color: #005aa0;
}
.news-content .date {
float: right;
font-size: 14px;
line-height: 26px;
color: #333333;
font-family:Arial;
}
@media screen and (max-width: 480px) {
.section-head .content .title {
font-size: 14px;
}
.section-head .content .summary {
font-size: 12px;
}
.news-content .title {
font-size: 14px;
}
}
@media screen and (max-width: 414px) {
.latest-news .news-content .news-pic {
float: none;
display: block;
text-align: center;
}
.latest-news .news-content .news-pic img {
float: none;
width: 200px;
height: auto;
}
.latest-news .news-content .content .title {
font-size: 15px;
}
.latest-news .news-content .content .title,
.latest-news .news-content .content .summary {
height: auto;
}
}

.key-access {
float: rigth;
width: 38%;
margin-left: 2%;
margin-top: 40px;
position:relative;
text-align:right;
}
.key-access a{min-width:124px;min-width:335px;display:block;margin-bottom:1px;float:right;margin-bottom: 5px;margin-right:3px;margin-top: 5px;}
.key-access a.ab{position:absolute; top:0; left:0; height:324px; width:350px}
.key-access a.ab img{height:324px; width:360px;}
.key-access .list-tab {
float: left;
}
.key-access .list-tab li {
display: block;
width: 80px;
height: 110px;
background: #ffffff;
border-left: 1px solid lightgray;
border-right: 1px solid lightgray;
border-bottom: 1px solid lightgray;
cursor: pointer;
}
.key-access .list-tab li:first-child {
border-top: 1px solid lightgray;
}
.key-access .list-tab i {
display: block;
color: #aaaaaa;
text-align: center;
padding-top: 16px;
padding-bottom: 5px;
}
.key-access .list-tab span {
display: block;
text-align: center;
font-size: 14px;
color: #aaaaaa;
}
.key-access .list-tab li.current {
background: #006c9c;
}
.key-access .list-tab .current i, .key-access .list-tab .current span {
color: #ffffff;
}
.key-access .list-image {
float: left;
}
.key-access .list-image div {
display: none;
width: 374px;
height: 324px;
background: no-repeat center;
background-size: 100%;
}
.key-access .list-image .title {
display: none;
}
.key-access .list-image a:first-child div {
display: block;
}
@media screen and (max-width: 1024px) and (min-width: 801px) {
.key-access {
margin-top: 10px;
}
.key-access .list-tab li {
float: left;
width: 94px;
height: 65px;
border-left: none;
border-bottom: 1px solid lightgray;
border-top: 1px solid lightgray;
}
.key-access .list-tab li:first-child {
width: 93px;
border-left: 1px solid lightgray;
}
.key-access .list-tab i {
padding-top: 6px;
}
.key-access .list-image div {
width: 380px;
height: 288px;
}
}
@media screen and (max-width: 960px) and (min-width: 801px) {
.key-access .list-tab li {
width: 90px;
}
.key-access .list-tab li:first-child {
width: 89px;
}
.key-access .list-image div {
width: 364px;
}
}
@media screen and (max-width: 800px) {
.key-access .list-tab {
display: none;
}
.key-access .list-image a div {
position: relative;
}
.key-access .list-image .title {
display: block;
position: absolute;
width: 100%;
height: 40px;
bottom: 0;
text-align: center;
border: none !important;
background-color: rgba(255, 255, 255, .8);
}
.key-access .list-image .title i, .key-access .list-image .title span {
color: #545454;
display: inline-block;
}
.key-access .list-image .title i {
padding-top: 6px;
font-size: 30px;
}
.key-access .list-image .title span {
font-size: 16px;
margin-left: 10px;
font-weight: bold;
margin-top: -14px;
vertical-align: middle;
}
.key-access .list-image {
float: none;
width: 100%;
}
.key-access .list-image a {
display: block;
width: 24.25%;
float: left;
margin-left: 1%;
}
.key-access .list-image a:first-child {
margin-left: 0;
}
.key-access .list-image div {
display: block;
width: auto;
height: 158px;
}
}
@media screen and (max-width: 736px) {
.key-access .list-image .title {
height: 35px;
}
.key-access .list-image .title i {
font-size: 25px;
}
.key-access .list-image div {
height: 145px;
}
}
@media screen and (max-width: 667px) {
.key-access .list-image .title {
height: 34px;
}
.key-access .list-image div {
height: 130px;
}
}
@media screen and (max-width: 600px) {
.key-access .list-image .title {
height: 30px;
}
.key-access .list-image .title i {
padding-top: 6px;
font-size: 20px;
}
.key-access .list-image .title span {
margin-top: -8px;
}
.key-access .list-image div {
height: 118px;
}
}
@media screen and (max-width: 480px) {
.key-access .list-image .title {
height: 35px;
}
.key-access .list-image .title i {
padding-top: 7px;
font-size: 22px;
}
.key-access .list-image .title span {
margin-top: -7px;
margin-left: 10px;
}
.key-access .list-image div {
height: 170px;
}
.key-access .list-image a {
width: 49%;
margin-left: 2%;
margin-top: 2%;
}
.key-access .list-image a:nth-child(odd) {
margin-left: 0;
}
}
@media screen and (max-width: 414px) {
.key-access .list-image .title {
height: 35px;
}
.key-access .list-image .title i {
padding-top: 7px;
}
.key-access .list-image div {
height: 150px;
}
}
@media screen and (max-width: 375px) {
.key-access .list-image div {
height: 135px;
}
}
@media screen and (max-width: 320px) {
.key-access .list-image div {
height: 115px;
}
}

.quick-link {
margin-top: 20px;
overflow: hidden;
}

.quick-link li {
float: left;
width: 240px;
text-align: center;
padding: 10px 0;
margin-left:25px
}

.quick-link li a {
display: block;
color:#FFF;
}
.quick-link li i {
font-size: 20px;
color: #ffffff;
}
.quick-link li span {
color: #ffffff;
font-size: 18px;
margin-left: 10px;
}

.quick-link .ql1 {
background-color: #58b530;
}
.quick-link .ql2 {
background-color: #fabe10;
}
.quick-link .ql3 {
background-color: #f18200;
}
.quick-link .ql4 {
background-color: #dd2b37;
}
.quick-link .ql5 {
background-color: #982a8b;
}
.quick-link .ql6 {background-color:#3494bc}
.footer{height:103px; background:url(/images/2017050802_03.jpg) center no-repeat; padding-top:30px; width:1301px; margin:0 auto}
.footer ul{margin:0 150px 0 230px;}
.footer ul span{float:left; width:66px; text-align:center; margin:10px 0}
.footer ul a{font:"ËÎÌå"; font-size:15px; color:#333; height:10px; width:65px; float:left; display:block; margin:10px 0}
.footer ul a:hover{text-decoration:underline; color:#006c9b}
.lanse{ height:30px; width:1300px; background:#006c9b; margin:0 auto;}
.banquan{height:30px; width:1281px;background:#006c9b; margin:0 auto;text-align:center; padding-top:20px; padding-right:20px; color:#fff; font-size:14px;clear:both}
.banquan i{color:#960; font-style:normal;}
.detail{height:100px; border-bottom:#999 1px dashed; text-align:center; margin-bottom:10px;}
.detail h1{font-size:18px; line-height:40px; font-weight:100}.detail h4{font-size:14px; color:#666; font-weight:100; margin-top:15px; line-height:26px}

#vsbcontent_start{padding-left:0px;}

.content ul span p{float:right; width:170px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}