/*基础样式*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe {
    display: block;
}

ul, li, dl, dt, dd, ol {
    list-style: none;
    margin: 0;
}

input[type="text"], input[type="search"] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: #fff;
    outline: 0
}

body, button, input, select, textarea {
    outline-style: none;
    font: 400 14px/1.5 "Microsoft YaHei",hei,Arial,"Lucida Grande",Verdana;
}

img {
    vertical-align: middle;
}

a, a:visited {
    text-decoration: none;
    outline: 0;
    color: #4178be;
}

    a:active {
        background: none;
    }

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500
}

html, body {
    font-family: "Microsoft YaHei",hei,Arial,"Lucida Grande",Verdana;
    color: #333;
}
*{box-sizing:border-box;}


/*通用样式*/
.w1200{width:1200px; margin:0 auto;}
.baseTit{text-align:center; background:url(../img/baseTit.png) center center no-repeat; font-size:36px; font-weight:bold; color:#1A1A1A; padding:50px 0;}
.baseTit.white{background-image:url(../img/baseTit_white.png); color:#fff;}

/* 放大动画 */
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

/* 弹跳动画 */
@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}



/* 顶部banner */
.topBanner{background:url(../img/topBanner.png) center top no-repeat; height:405px; padding-top:22px;}
.logo{background:url(../img/logo.png) left top no-repeat; padding-left:108px; color:#fff;}
.logo .cn{font-size:28px;text-shadow: 0px 0px 8px 0px rgba(30,121,237,0.8); font-weight:bold;}
.logo .en{font-size:14px;opacity: 0.8;}


/* 政策通 */
.module01{background:url(../img/bg1.png) center bottom no-repeat #f8fbff;}
.module01 ul{overflow:hidden;}
.module01 ul li{width:25%; text-align:center; color:#2D3766; font-size:24px; float:left;}
.module01 ul li a:hover img{-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-name: pulse;
	animation-name: pulse}

/* 办事通 */
.module02{background:#fff; padding:0 0 18px 0;}
    .module02 .w1200 .banner {
        overflow: hidden;
        margin: 0 auto;
        width: 1200px;
        padding-bottom: 10px;
    }
  
        .module02 .w1200 ul li {
            width:33.33%;
            float:left;
            text-align:center;
        }
    .module02 .w1200 .line {
        width: 1200px;
        height: 4px;
        background: linear-gradient(270deg,rgba(207,228,253,0.2) 1%, rgba(145,190,244,0.6) 27%, rgba(165,203,247,0.6) 75%, rgba(207,228,253,0.2));
        margin:0 auto
    }
    
    .module02 .w1200 .step ul {
        width: 1200px;
        padding-bottom:80px;
        margin:0 auto
    }
        .module02 .w1200 .step ul li {
            width: 33.33%;
            float: left;
            text-align:center;

        }

            .module02 .w1200 .step  ul  li .em{
                width: 16px;
                height: 16px;
                background: #2f7beb;
                margin:0 auto;
                margin-top:-10px;
                border-radius:8px;
            }

            .module02 .w1200 .step ul li  .current {
                width: 16px;
                height: 16px;
                background: #fff;
                margin: 0 auto;
                margin-top: -10px;
                border: 4px solid #2f7beb;
                border-radius: 8px;
                box-shadow: #dadee2 0px 0px 5px 5px;
            }

            .module02 .w1200 .step ul li .text {
                width: 100px; 
                height:80px;
                margin:0 auto;
                margin-top:10px;
                font-size:24px;


            }
    .module02 .w1200 .content{
        width:100%;
        margin-top:20px;
        margin: 0 auto;
        display:inline-block;
    }

        .module02 .w1200 .content  li {
            float: left;
            width:300px;
            height:90px;
        }
            .module02 .w1200 .content li .item {
                width: 284px;
                height: 70px;
                background: #ffffff;
                border: 1px solid #e6edf5;
                border-radius: 4px;
                padding-left: 10px;


            }
                .module02 .w1200 .content  li .item img {
                    width:46px;
                    height:46px;
                    max-width:100%;
                    max-height:100%;
                    float:left;
                    margin-top:10px;
                }

                .module02 .w1200 .content li .item .mutiline {
                    font-size: 16px;
                    font-weight: Regular;
                    margin-left: 10px;
                    float: left;
                    width: 200px;
                    margin-top: 10px;

                }
                .module02 .w1200 .content li .item .oneline {
                    font-size: 16px;
                    font-weight: Regular;
                    line-height: 70px;
                    margin-left: 10px;
                    float: left;
                    width: 200px;
                    vertical-align: middle;
                    text-align: left;

                }




        .module02 ul li a {
            display: block;
            width: 280px;
            margin: 0 auto;
            box-shadow: 0px 6px 20px 0px rgba(26,64,147,0.1);
            background: #fff;
            font-size: 24px;
            color: #424242;
            overflow: hidden;
        }
.module02 ul li a img{width:100%; transition: all .4s; width:66px; height:66px;}
.module02 ul li a:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
.module02 ul li a span{display:block; padding:18px 0 25px 0; text-align:center;}

/* 服务通 */
.module03{background:url(../img/bg2.png) center bottom no-repeat #2e9bff; min-height:638px;}
.module03 ul{overflow:hidden; zoom:1;}
.module03 ul li{width:25%; float:left; text-align:center; color:#fff; font-size:20px; margin-bottom:40px; font-weight:600;}
.module03 ul li a{display:block; width:120px; height:120px; line-height:110px; background:#fff; margin:0 auto 10px auto; border-radius:50%;}
.module03 ul li a:hover img{-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-name: pulse;
	animation-name: bounce}

/* 互动通 */
.module04{background:url(../img/bg3.png) center bottom no-repeat #fff; padding-bottom:105px;}
.module04 .imgBox{text-align:center;}



/*业务详情*/

.entranceWarp {
    background: url(../img/banner.png) center top no-repeat;
    padding: 112px 0 0 400px;
    width: 100%;
    font-size: 40px;
    font-weight: Semibold;
    height: 250px;
    color: white;
    background-size: 100% 100%;
}
.entranceBox {
    width: 100%;
    margin: 0 auto;
    background-color:#FFFFFF;
    padding: 34px;
    height: 100%;
    display:inline-block;
}
.entranceBox  .content {
    width: 1300px;
    margin: 0 auto;
}
    .entranceBox .content .left {
        width: 84px;
        font-size: 16px;
        color: #666666;
        font-weight: 500;
        height: 191px;
        float:left;
        padding:200px,0;
        border-right: 1px solid #d4d4d4;
        position:fixed;
    }
        .entranceBox .content .left div {
             margin-top:19px;
             color:black;
        }
        .entranceBox .content .left .current {
            color: #2D7DFF;
            border-right: 3px solid #2d7dff
        }

.entranceBox .content .right {
    width:1200px;
    padding:0 0;

}

    .entranceBox .content .right .title {
        font-size: 24px;
        font-weight: Semibold;
        line-height: 34px;
        vertical-align: middle;
        margin-top:20px;
    }

    .entranceBox .content .right table {
        width: 100%;
        border: 1px solid #d4d4d4;
        margin-top:20px
    }
    .entranceBox .content .right table tr {
        height:50px
        
    }
        .entranceBox .content .right table th {
            width: 150px;
            background-color: #FAFAFA;
            font-size: 16px;
            padding-left: 25px;
            vertical-align: middle;
            border: 1px solid #d4d4d4;
        }
        .entranceBox .content .right table td {
            font-size: 16px;
            padding-left: 25px;
            vertical-align: middle;
            border: 1px solid #d4d4d4;
        }

    .entranceBox .content .right .more {
        text-align: center;
        background-color: #FAFAFA;
        width:100%;
        height:40px;
        text-align:center;
        vertical-align:middle;
        line-height:40px;
        margin-top:10px;
    }

    .entranceBox .content .right .progress {
        width: 100%;
        border: 2px solid rgba(175,188,202,0.24);
        margin-top:20px;
        padding:29px;

    }