.banner {
    width: 100%;
    height: auto;
    margin: 0;
    overflow: hidden;
    position: relative;
}

div.banner.pc .center{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left:-600px;
    z-index: 1;

}
.swiper-pagination-bullet-active{
    background: #EEF6F3;
    width: 30px;
    border-radius: 5px;
}
div.login {
    width: 327px;
    height: 360px;
    float: right;
    background: #fff;
    border-radius: 10px;
    margin: 0;
    padding: 70px 45px;
    position: absolute;
    bottom:20%;
    right: 0;
    z-index: 1;
    overflow: hidden;
}

.login h2 {
    text-align: center;
    color: #20b573;
    font-weight: 400;
    margin: 0;
    font-size: 26px;
}

.login h2:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #20b573;
    margin: 5% auto 8%;
}

.login p {
    border-radius: 8px;
    background: #f4f8f8;
    width: 327px;
    height: 54px;
    margin-bottom: 25px;
}

.login p i {
    display: inline-block;
    width: 16px;
    height: 18px;
    margin: 18px 10px 18px 40px;
    float: left;
}

.login p i.name {
    background: url("../images/icon-name.png") center no-repeat;
    background-size: 100%;
}

.login p i.key {
    background: url("../images/icon-key.png") center no-repeat;
    background-size: 100%;
}

.login span.checkbox {
    background: url("../images/checkbox.png") center no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 4px 5px 0 2px;
    float: left;
}

.login span.checkbox.on {
    background: url("../images/checkbox-on.png") center no-repeat;
    background-size: cover;
}

.login b {
    height: 15px;
    margin: 0;
    font-weight: 400;
    color: #999999;
    font-size: 14px;
    width: 41%;
    display: inline-block;
}

.login p input {
    display: inline-block;
    width: 180px;
    height: 18px;
    line-height: 18px;
    border: 0;
    float: left;
    margin-top: 18px;
    background: transparent;
    outline: none;
}

.login a.wjmm {
    display: inline-block;
    color: #20b573;
    text-align: right;
    width: 50%;
}

.login a.login {
    display: block;
    width: 327px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #20b573;
    border-radius: 8px;
    margin-top: 50px;
    text-align: center;
    font-size: 20px;
}

div.quickEntry {
    width: 100%;
    background: url("../images/bg-fz.png") bottom no-repeat;
    background-size: cover;
    height: auto;
    margin: 0;

}

div.quickEntry a {
    display: inline-block;
    text-align: center;
    width: 540px;
    height: 158px;
    position: relative;
    margin-bottom: 60px;
}

div.quickEntry a.bmdj {
    background: url("../images/bg-green.png") top no-repeat;
    background-size: 100%;
    margin-right: 30px;
}

div.quickEntry a.jwgl {
    background: url("../images/bg-yellow.png") top no-repeat;
    background-size: 100%;
}

div.quickEntry a span {
    font-size: 28px;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 50px;
    left: 188px;
    text-align: left;

}

div.quickEntry a.jwgl span {
    top: 34px;
}

div.quickEntry a span b {
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: left;
}

div.quickEntry div div {
    width: 100%;
    text-align: center;
    margin: 0 0 75px;
}

div.quickEntry img {
    display: inline-block;
    text-align: center;
    margin: 0 60px;
}

div.user {
    width: 100%;
    background: url("../images/bg2.png") bottom no-repeat;
    background-size: 100%;
    margin: 0;
}

div.user div div {
    display: inline-block;
    margin-top: 80px;
}

div.user div.hzxx {
    width: 250px;
    border-right: 1px #e5e5e5 solid;
}

div.user div.yh {
    width: 270px;
    padding-left: 75px;
}

div.user div.zb {
    width: 550px;
    float: right;
position: relative;
}
.dian1 {
     position: absolute;
     top: -64px;
     left: 124px;
 }
.dian2 {
    position: absolute;
    top: 41px;
    left: 157px;
}
.dian3 {
    position: absolute;
    top: -79px;
    right: 130px;
}
.dian4 {
    position: absolute;
    top: -9px;
    right: 221px;
}


.one {
    position: absolute;
    top: 20px;
    left: 20px;
    border-radius: 50%;
    background: #20b573;
    width: 10px;
    height: 10px;
    -webkit-animation: sun 2s linear infinite;
    animation: sun 2s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.two {
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 50%;
    background: rgba(28, 161, 102, 0.3);
    width: 30px;
    height: 30px;
    -webkit-animation: sun 2s linear infinite;
    animation: sun 2s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    /*规定动画延迟1秒开始*/
    -webkit-animation-delay: 0.2s; /* Safari 和 Chrome */
    animation-delay:0.2s;
    opacity: 0;
}

.three {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: rgba(28, 161, 102, 0.2);
    width: 50px;
    height: 50px;
    -webkit-animation: sun 2s linear infinite;
    animation: sun 2s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    /*规定动画延迟1秒开始*/
    -webkit-animation-delay:0.4s; /* Safari 和 Chrome */
    animation-delay: 0.4s;
    opacity: 0;
}

.four {
    position: absolute;
    top: -25px;
    left: -25px;
    border-radius: 50%;
    border: 1px solid rgba(28, 161, 102, 0.5);
    width: 100px;
    height: 100px;
    -webkit-animation: sun 2s linear infinite;
    animation: sun 2s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    /*规定动画延迟1秒开始*/
    -webkit-animation-delay: 0.6s; /* Safari 和 Chrome */
    animation-delay: 0.6s;
    opacity: 0;
}

.five {
    position: absolute;
    top: -75px;
    left: -75px;
    border-radius: 50%;
    border: 1px solid rgba(28, 161, 102, 0.5);
    width: 200px;
    height: 200px;
    -webkit-animation: sun 2s linear infinite;
    animation: sun 2s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    /*规定动画延迟1秒开始*/
    -webkit-animation-delay:0.8s; /* Safari 和 Chrome */
    animation-delay: 0.8s;
    opacity: 0;
}
.dian2 .two,.dian3 .two{
    -webkit-animation-delay: 0.6s; /* Safari 和 Chrome */
    animation-delay:0.6s;
}
.dian2 .three,.dian3 .three{
    -webkit-animation-delay: 0.8s; /* Safari 和 Chrome */
    animation-delay:0.8s;
}
.dian2 .four,.dian3 .four{
    -webkit-animation-delay:1s; /* Safari 和 Chrome */
    animation-delay:1s;
}
.dian2 .five,.dian3 .five{
    -webkit-animation-delay: 1.2s; /* Safari 和 Chrome */
    animation-delay:1.2s;
}
@-webkit-keyframes sun {
    from {
        -webkit-transform: scale(0.1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes sun {
    from {
        transform: scale(0.1);
        opacity: 1;
    }

    to {
        transform: scale(1);
        opacity: 0;
    }
}
div.user div i {
    display: block;
    width: 100%;
    color: #666666;
    font-size: 16px;
    margin: 14px 0 10px;
    font-style: normal;
}

div.user div span {
    color: #333333;
    font-size: 16px;

}

div.user div span b {
    font-size: 60px;
    color: #20b573;

}

div.case {
    background: #20b573;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
}

div.case .tit {
    color: #fff;
}

div.case ul {
    width: 100%;
}

div.case ul li {
    opacity: 0;
    float: left;
    width: 25%;
    display: inline-block;
    height: 390px;
    background: #fff;
    box-shadow: 0 0 10px rgba(78, 144, 136, 0.1);
    padding: 35px 0;
    text-align: center;
    border-radius: 10px;
    position: relative;
    top:0;
}

div.case ul li:hover {
    background: #f4fbf8;
    position: relative;
    top: -10px;
}

div.case img {
    margin-bottom: 20px;
}

div.case dl dt {
    color: #333333;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 10px;
}

div.case dl dd {
    margin: 0;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}
.index_banner{width:100%; max-width:1917px; height:auto; text-align:center; font-size:0px;}
.index_banner img{width:100%; height:auto; margin:0 auto;}
.index_banner_w1024{width:1024px; height:100%; margin:0 auto; position:relative;}
.index_introduction{ background-color:#F0F0F0; overflow:hidden; padding:20px 0 50px 0;}
.index_introduction h3{ text-align:center; margin:60px 0 40px 0;}
.introduction{width:1024px; margin:0 auto; overflow:hidden;}
.introduction dl{width:238px; height:318px; position:relative; float:left; margin-right:24px; background:url(../images/index_xc_bj.png) no-repeat center bottom;}
.introduction dt{width:126px; height:126px; position:absolute; top:0; left:56px;}
.introduction dd{ margin-top:150px; text-align:center;}
.introduction h4{ font-size:18px; font-weight:bold; color:#4a4a4a;}
.introduction p{ font-size:16px; color:#888888; line-height:28px; padding:10px 10px 0 10px;}

.index_banner_w1024 a{
	position: absolute;
	width: 194px;
    height: 61px;
    top: 424px;
    left: 420px;
	border:1px solid #ddd;
}
.login-content{ background-image:url(../images/index_login_pic.jpg); background-position:center top; background-repeat:no-repeat; background-size:auto 100%; background-color:#C8E4FF; height:617px;width:100%; border-top:2px solid #EFBE19;}
.login-content-w{ width:1024px; margin:0 auto; height:617px; position:relative;}


.login-box{width:322px; height:370px; position:absolute; top:110px; right:48px;overflow: hidden;}
.login-box-tp{ height:10px; background:url(../images/login-br_r1_c1.png) no-repeat;}
.login-box-bt{ height:10px; background:url(../images/login-br_r3_c1.png) no-repeat;}
.login-box-cn{ padding-top:20px; padding-bottom:20px;overflow:hidden; background:url(../images/login-br_r5_c1.png) repeat-y;}
.login-right-user, .login-right-user{ position:relative;width:270px; height:45px;background:url(../images/login-input_r1_c2.png) no-repeat right center; margin:0 auto;}
.login-right-user images, .login-right-user images{ position:absolute; top:0; left:0;}
.login-right-user input, .login-right-user input{ outline: none;position:absolute; top:0; left:45px; width:213px; padding:0 0 0 10px; line-height:43px; height:43px; border:0; top:1px; font-size:16px; font-family:Arial, Helvetica, sans-serif;background-color: #ffffff;}
.login-box-cn input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login-box-cn input[type=text]:focus, input[type=password]:focus {
    -moz-box-shadow: 0px 0px 0px #cccccc;
    -webkit-box-shadow: 0px 0px 0px #cccccc;
    box-shadow: 0px 0px 0px #cccccc;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login-box-cn input[type=text]:blur, input[type=password]:blur {
    -moz-box-shadow: 0px 0px 0px #cccccc;
    -webkit-box-shadow: 0px 0px 0px #cccccc;
    box-shadow: 0px 0px 0px #cccccc;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login-tit-pic{ margin:0 auto 20px auto; text-align:center;font-family:'Microsoft YaHei',arial,helvetica,sans-serif; font-size:24px; color:#1EB5FA; font-weight:bold;}
.login-rmb-pass{ position:relative; width:270px; margin:15px auto; line-height:30px; font-size:16px;}
.login-rmb-pass a{ position:absolute; right:0; color:#0B99E2;}
.login-rmb-pass span{color:#7C7C7C;}
.login-right-check{width:270px;overflow: hidden; height:45px; background:url(../images/login-btn.png) no-repeat; margin-left:auto; margin-right:auto; text-align:center; color:#ffffff; line-height:45px; cursor:pointer;    position: relative; font-family:'Microsoft YaHei',arial,helvetica,sans-serif; font-size:24px;}
.login-right-check:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}
#userLoginBtn{position: absolute; left: -400px;}
.login-pic{ position:absolute; left:35px; top:55px;}
.div-distance {margin-top: 20px;}
.msg-box{position: absolute;top: -22px;right: 0px;text-align: right;}