﻿.index-body {
   background: #f5f8fa;
}
.index {
    position: relative;
}
.index-banner-1,
.index-banner-1 img {
    display: block;
    margin-bottom: 20px;
    width: 100%;
}
.index-left-imgs {
    position: absolute;
    width: 95px;
    top: 0;
    left: -115px;
}
.index-right-imgs {
    position: absolute;
    top: 0;
    right: -115px;
    width: 95px;
}
.index-left-imgs a,
.index-left-imgs img,
.index-right-imgs img {
    display: block;
    width: 95px;
} 
.close-img {
    margin: 0 0 10px;
    color: #666;
    font-size: 12px;
    cursor: pointer;
}


.banner img,
.banner {
    float: left;
    width: 597px;
    height: 398px;
    overflow: hidden;
}
.index-list {
    float: right;
    width: 603px;
    height: 398px;
    background: #fff;
}
.index-list .esint-tab-items {
    width: 550px;
    padding: 0 10px;
    margin: 15px 11px 0 22px;
}
.index-list .esint-tab-items .more {
    top: 10px;
}
.index-list .esint-tab-item {
    height: 40px;
    line-height: 40px;
}
.index-list .esint-tab-contents {
    margin: 0 11px 0 22px;
}
.index-list .esint-tab-content {
    font-size: 16px;
    height: 308px;
    overflow: hidden;
    color: #3b3b3b;
}
.index-list .esint-tab-content a {
    line-height: 38px;
}


/* 商贸流通、使用外资、对外贸易。。。。 */
.index-list-2 {
    height: 403px;
    margin: 28px 0 20px;
    background: #fff;
}
.index-list-2 .tabs,
.index-list-2 .esint-tab {
    height: 283px;
}
.index-list-2 .tabs-header p,
.index-list-2 .esint-tab-items .esint-tab-item {
    width: 200px;
    margin: 0;
    text-align: center;
}
.index-list-2 .icon-1,
.index-list-2 .icon-2,
.index-list-2 .icon-3,
.index-list-2 .icon-4,
.index-list-2 .icon-5,
.index-list-2 .icon-6 {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 3px;
    vertical-align: middle;
    background: url("01-01-index-tab-icon.png") no-repeat;
}
.index-list-2 .esint-tab-item .icon-1 {
    background-position: -25px -18px;   
}
.index-list-2 .current .icon-1,
.index-list-2 .esint-tab-item:hover .icon-1 {
    background-position: -25px -60px;   
}

.index-list-2 .esint-tab-item .icon-2 {
    background-position: -91px -18px;   
}
.index-list-2 .current .icon-2,
.index-list-2 .esint-tab-item:hover .icon-2 {
    background-position: -91px -60px;   
}

.index-list-2 .esint-tab-item .icon-3 {
    background-position: -158px -18px;   
}
.index-list-2 .current .icon-3,
.index-list-2 .esint-tab-item:hover .icon-3 {
    background-position: -158px -65px;   
}

.index-list-2 .esint-tab-item .icon-4 {
    background-position: -225px -18px;   
}
.index-list-2 .current .icon-4,
.index-list-2 .esint-tab-item:hover .icon-4 {
    background-position: -225px -64px;   
}

.index-list-2 .esint-tab-item .icon-5 {
    background-position: -294px -17px;   
}
.index-list-2 .current .icon-5,
.index-list-2 .esint-tab-item:hover .icon-5 {
    background-position: -294px -65px;   
}

.index-list-2 .esint-tab-item .icon-6 {
    background-position: -372px -20px;   
}
.index-list-2 .current .icon-6,
.index-list-2 .esint-tab-item:hover .icon-6 {
    background-position: -372px -63px;   
}
.index-list-2 .esint-tab-content,
.index-list-2 .tabs-main {
    margin: 12px 0 0;
}
.index-list-2 .esint-tab-content a,
.index-list-2 .tabs-main li {
    width: 549px;
    float: left;
    line-height: 38px;
}
.index-list-2 .esint-tab-content a:nth-child(odd),
.index-list-2 .tabs-main li:nth-child(odd) {
    margin-right: 70px;
}
.index-list-2 .imgs a {
    float: left;
}
.index-list-2 .imgs a,
.index-list-2 .imgs img {
    display: block;
    width: 386px;
    height: 100px;
}
.index-list-2 .imgs a + a {
    margin-left: 21px;
}


/* 平台服务 常用办事 专区指南 */
.index-content .esint-tab-items {
    float: left;
    width: 170px;
    border: none;
}
.index-content .esint-tab-contents {
    float: left;
}
.index-content .esint-tab-items .esint-tab-item {
    margin: 0;
}
.index-content.esint-tab .esint-tab-contents,
.index-content.esint-tab .esint-tab-content {
    width: 1030px;
    margin: 0;
}
.index-content .title {
    display: block;
    width: 170px;
    height: 71px;
    line-height: 71px;
    font-size: 18px;
	font-weight: bold;
    text-align: center;
    color: #fff;
	background-color: #32a5a4;
}
.index-content .title .icon-1,
.index-content .title .icon-2,
.index-content .title .icon-3 {
    width: 30px;
    height: 30px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    background: url("01-01-common-sprint-icon.png") no-repeat;
}
.index-content .title .icon-1 {
    background-position: 0 -261px;
}
.index-content .title .icon-2 {
    background-position: -40px -261px;
}
.index-content .title .icon-3 {
    background-position: -80px -261px;
}
.index-content .title.current,
.index-content .title:hover {
    background-color: #1d9695;
    color: #fff;
}
.index-content .title + .title{
    border-top: 1px solid #40bab9;
}
.index-content .card {
    float: left;
    width: 174px;
    height: 174px;
    margin-left: 10px;
    padding: 44px 11px 0;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    overflow: hidden;
    background-color: #ffffff;
    color: #3b3b3b;
    opacity: 0.96;	
}
.index-zqzn .card {
    padding: 44px 37px 0;
    width: 173px;
}
.index-content .card:hover {
    box-shadow: 0 4px 10px 0 #e5e5e5;
}
.index-content .card img {
    display: block;
    width: 64px;
    margin: 0 auto 39px;
}


/* 政策法规 解读回应 */
.index-list-3 {
    float: left;
    margin: 30px auto 20px;
    width: 542px;
    height: 320px;
    padding: 0 20px;
	background-color: #fff;
}
.index-list-3 .esint-tab-contents {
    height: 216px;
    overflow: hidden;
}
.zmhd-zfxxgk {
    margin: 30px auto 20px;
    float: right;
}
.zmhd-zfxxgk > div {
    float: left;
}
.zmhd-zfxxgk .esint-tab-items .esint-tab-item {
    position: relative;
    clear: both;
    display: block;
    margin: 0;
    color: #fff;
}
.zmhd-zfxxgk img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 55px;
    margin: -35px auto 0;
}
.zmhd-zfxxgk .esint-tab-contents.content {
    margin-top: 0;
}
.zmhd-zfxxgk .title {
    font-size: 16px;
    margin: 0;
	font-weight: bold;
    text-align: center;
    color: #fff;
}
.zmhd-zfxxgk .esint-tab-item.current {
    height: 220px;
    line-height: 265px;
}
.zmhd {
    display: block;
    width: 132px;
    height: 100px;
    line-height: 140px;
    background: url("01-01-zmhd-bg.jpg") no-repeat;
    background-size: 100% 100%;
}
.zwxxgk {
    display: block;
    width: 132px;
    height: 100px;
    line-height: 140px;
    background: url("01-01-zfxxgk-bg.jpg") no-repeat;
    background-size: 100% 100%;
}
.zmhd-zfxxgk .content {
    width: 456px;
	height: 320px;
	background-color: #fff;
}
.zmhd-zfxxgk .card {
    height: 40px;
    width: 112px;
    float: left;
    padding: 110px 15px 0;
    font-size: 14px;
    text-align: center;
    color: #3b3b3b;
    cursor: pointer;
}
.xxgk-content .card-1 {
    background: url("01-01-zfxx-ico-1.png") no-repeat;
    background-position: 50% 30px;
}
.xxgk-content .card-1:hover {
    background: url("01-01-zfxx-ico-1-hover.png") no-repeat;
    background-position: 50% 30px;
}
.xxgk-content .card-2 {
    background: url("01-01-zfxxgk-zdm.png") no-repeat;
    background-position: 50% 30px;
}
.xxgk-content .card-2:hover {
    background: url("01-01-zfxxgk-zdm-hover.png") no-repeat;
    background-position: 50% 30px;
}
.xxgk-content .card-3 {
    background: url("01-01-zfxxgk-nrm.png") no-repeat;
    background-position: 50% 30px;
}
.xxgk-content .card-3:hover {
    background: url("01-01-zfxxgk-nrm-hover.png") no-repeat;
    background-position: 50% 30px;
}
.xxgk-content .card-4 {
    background: url("01-01-zfxxgk-nb.png") no-repeat;
    background-position: 50% 30px;
}
.xxgk-content .card-4:hover {
    background: url("01-01-zfxxgk-nb-hover.png") no-repeat;
    background-position: 50% 30px;
}
.xxgk-content .card-5 {
    background: url("01-01-zfxxgk-gkm.png") no-repeat;
    background-position: 50% 30px;
}
.xxgk-content .card-5:hover {
    background: url("01-01-zfxxgk-gkm-hover.png") no-repeat;
    background-position: 50% 30px;
}
.xxgk-content .card-6 {
    background: url("01-01-zfxxgk-blm.png") no-repeat;
    background-position: 50% 30px;
}
.xxgk-content .card-6:hover {
    background: url("01-01-zfxxgk-blm-hover.png") no-repeat;
    background-position: 50% 30px;
}


.zmhd-content .card-1{
    background: url("01-index-right-ico-4.png") no-repeat;
    background-position: 50% 30px;
}
.zmhd-content .card-1:hover{
    background: url("01-index-right-ico-4-hover.png") no-repeat;
    background-position: 50% 30px;
}
.zmhd-content .card-2{
    background: url("01-index-right-ico-5.png") no-repeat;
    background-position: 50% 30px;
}
.zmhd-content .card-2:hover{
    background: url("01-index-right-ico-5-hover.png") no-repeat;
    background-position: 50% 30px;
}
.zmhd-content .card-3{
    background: url("01-index-right-ico-6.png") no-repeat;
    background-position: 50% 30px;
}
.zmhd-content .card-3:hover{
    background: url("01-index-right-ico-6-hover.png") no-repeat;
    background-position: 50% 30px;
}
.zmhd-content .card-4{
    background: url("01-index-right-ico-1.png") no-repeat;
    background-position: 50% 30px;
}
.zmhd-content .card-4:hover{
    background: url("01-index-right-ico-1-hover.png") no-repeat;
    background-position: 50% 30px;
}
.zmhd-content .card-5{
    background: url("01-index-right-ico-2.png") no-repeat;
    background-position: 50% 30px;
}
.zmhd-content .card-5:hover{
    background: url("01-index-right-ico-2-hover.png") no-repeat;
    background-position: 50% 30px;
}
.zmhd-content .card-6{
    background: url("01-index-right-ico-3.png") no-repeat;
    background-position: 50% 30px;
}
.zmhd-content .card-6:hover{
    background: url("01-index-right-ico-3-hover.png") no-repeat;
    background-position: 50% 30px;
}


/* 专题专栏 */
.ztzl {
    padding: 20px 0 0;
    background: #fff;
}
.ztzl .ztzl-title {
    float: left;
    width: 221px;
    padding: 25px 32px;
    height: 50px;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
    text-align: center;
}
.ztzl .ztzl-title:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.ztzl .ztzl-title-1 {
    background: url("01-index-bottom-bg-1.jpg") no-repeat;
    background-size: 285px 100px;
    margin-right: 20px;
}
.ztzl .ztzl-title-2 {
    background: url("01-index-bottom-bg-2.jpg") no-repeat;
    background-size: 285px 100px;
    margin-right: 20px;
}
.ztzl .ztzl-title-3 {
    background: url("01-index-bottom-bg-3.jpg") no-repeat;
    background-size: 285px 100px;
    margin-right: 20px;
}
.ztzl .ztzl-title-4 {
    background: url("01-index-bottom-bg-4.jpg") no-repeat;
    background-size: 285px 100px;
}
.ztzl .ztzl-title-5 {
    background: url("01-index-bottom-bg-5.jpg") no-repeat;
    background-size: 285px 100px;
    margin-right: 20px;
}
.ztzl .ztzl-title-6 {
    background: url("01-index-bottom-bg-6.jpg") no-repeat;
    background-size: 285px 100px;
    margin-right: 20px;
}
.ztzl .ztzl-title-7 {
    background: url("01-index-bottom-bg-7.jpg") no-repeat;
    background-size: 285px 100px;
    margin-right: 20px;
}
.ztzl .ztzl-title-8 {
    background: url("01-index-bottom-bg-8.jpg") no-repeat;
    background-size: 285px 100px;
}

.index-title {
    margin: 0 auto 19px;
    font-size: 20px;
    font-weight: 600;
    color: #3b3b3b;
}
