html {
    font-size: 18px;
    font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei UI Light","Microsoft YaHei UI","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei UI Light","Microsoft YaHei UI","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
.wid { width: 1022px; margin: 0 auto; }
.header-container {
    height: 4.5rem;
}
.header-hd {
    position: relative;
    *zoom: 1;
}
.header-main {
    float: left;
    margin: 1rem 0;
}
.header-logo {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2rem;
    display: inline-block;
    margin-right: .5rem;
    vertical-align: middle;
}
.header-logo a {
    display: block;
    color: #0d1c28;
    text-decoration: none;
    background: url(/szglobal/gdzwfww_logo2x.png) no-repeat left center transparent;
    background-size: 10.45rem 2.15rem;
    width: 10.45rem;
    height: 2.15rem;
    color: transparent!important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.header-title {
    display: inline-block;
    height: 1.8rem;
    font-size: .9rem;
    font-weight: 700;
    border-left: 1px solid #c5c8ca;
    padding-left: .9rem;
    margin-left: .25rem;
    margin-right: .5rem;
}
.header-aside {
    margin-top: 1.9rem;
    float: right;
    list-style: none;
    line-height: 1;
    font-size: 14px;
}
.header-aside li a {
    color: #727475;
    text-decoration: none;
    display: inline-block;
    font-style: initial;
    vertical-align: top;
}
.banner {
    background-image: url(/szglobal/gdzwfww_banner.jpg);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.banner .container {
    position: relative;
    color: #fff;
    padding-top: 4.2rem;
    padding-bottom: 4.2rem;
}
.banner .container h3 {
    margin-bottom: 1rem;
    font-size: 2.1rem;
    line-height: 2.25rem;
}
.banner .container p {
    font-size: .7rem;
    line-height: 1.2rem;
    opacity: .9;
    max-width: 27em;
}


#topic-swiper a {
    margin: 0 5px;
    display: block;
    text-align: center;
    height: 180px; width: 330px; float: left;
    background-color: #fff;
    transition: all .3s ease;
    box-shadow: 0 0 1.5rem rgba(9,41,77,.12);
    position: relative;
    
}

/* #topic-swiper a {
    margin: 0 5px;
    display: block;
    text-align: center;
    height: 180px; width: 330px; float: left;
    background-color: #fff;
    transition: all .3s ease;
    box-shadow: 0 0 1.5rem rgba(9,41,77,.12);
    position: relative;
    
} */
#topic-swiper a:hover, #topic-swiper .active a{
    background-color: #4293f4;
    -webkit-transform: translate3d(0,-.3rem,0);
    transform: translate3d(0,-.3rem,0);
    box-shadow: 0 0.25rem 1.25rem rgba(62,151,223,.3);
    color: #3784c2;
    cursor: pointer;
}
.bizcard-item .bizcard-info {
	display: block;
	box-sizing: border-box;
    margin-top: 2.5rem;
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0 1.5rem;
    text-align: center;
    margin-top: .5rem;
}
.swiper-item-title {
    font-weight: bolder;
    display: block;
    color: #0d1c28;
    font-size: 18px;
    font-style: normal;
    line-height: 1;
    margin-bottom: .5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swiper-item-img {
    overflow: hidden;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-bottom: 3rem;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: 0;
    margin-left: 0;
    background: center center no-repeat;
    background-size: 100%;
}
.swiper-item-img-shui {background-image: url(/szglobal/ztfw-item-shui.png);  }
.swiper-item-img-dian {background-image: url(/szglobal/ztfw-item-dian.png);  }
.swiper-item-img-qi {background-image: url(/szglobal/ztfw-item-qi.png);  }
.swiper-item-info { position: absolute; transform: translate(-50%,-50%); top: 70%; left: 50%; }
#topic-swiper a:hover .swiper-item-img , #topic-swiper .active .swiper-item-img {
    opacity: .9;
}
#topic-swiper a:hover .swiper-item-img-shui , #topic-swiper .active .swiper-item-img-shui { background-image: url(/szglobal/ztfw-item-shui-on.png); }
#topic-swiper a:hover .swiper-item-img-dian , #topic-swiper .active .swiper-item-img-dian { background-image: url(/szglobal/ztfw-item-dian-on.png); }
#topic-swiper a:hover .swiper-item-img-qi , #topic-swiper .active .swiper-item-img-qi { background-image: url(/szglobal/ztfw-item-qi-on.png); }

#topic-swiper a:hover .swiper-item-title , #topic-swiper .active .swiper-item-title{ color: #fff; }

.fr { float: right; }
.fl { float: left; }
.cl { clear: both; }
.mt20 { margin-top: 20px; }
.blank20 { height:20px; font-size:0; clear:both;　}
.sx-title { padding-bottom: 10px; border-bottom: 3px solid #1f3b52; }
.lkbl { 
    background: #4293f4; color: #fff;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 700;
    line-height: 2.4rem;
    min-width: 7.5rem;
    text-align: center;
    display: inline-block;
  
    text-decoration: none;
    border: none; }
.pad-hd { font-size: 1.2rem;
    font-weight: 700;
    line-height: 2.4rem;
    color: #0d1c28;
    border-bottom: 2px solid #365874;
   
    margin-bottom: 1rem; }
.pad-bd table { width: 100%; font-size: 16px; border-spacing: 0px;
    border-collapse: collapse; }
.pad-bd table th { text-align: left; border: 1px solid #e2e2e2;  padding: 0 10px; line-height: 30px;  background-color: #f2f2f2; }
.pad-bd table td { text-align: left;  border: 1px solid #e2e2e2; padding: 0 10px; line-height: 30px;}
.pad-bd table a { color: #4293f4; font-weight: bold; text-decoration: none; }
.pad-bd p { line-height: 30px; font-size: 16px; }

.inner-box:after { display: block; height: 0; clear: both; }
.inner-box-left { float: left; width: 160px; }
.inner-box-left .tabs a { text-align: center;
    color: #0472c8;
    font-size: 15px;
    display: block;
    text-decoration: none;
    line-height: 36px;
    font-weight: bold;
}
.inner-box-left .tabs a.active { background: #0472c8; color: #fff; }
.inner-box-right { float: right; border-left: 1px solid #ccc; padding-left: 20px; width: 820px; }
.inner-box-right .swiper-slide { background: #fff; }

.lkbl2 { background: #4293f4; color: #fff; cursor: pointer; font-size: .8rem; font-weight: 700; line-height: 2rem; min-width: 7.5rem; text-align: center; display: inline-block; text-decoration: none; border: none; }