/*common*/
body {
    background: #ffffff;
    color: #606970;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.w540 {
    width: 540px;
}

.auto {
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

.red {
    border: 1px solid red;
}

/*banner*/
.fullSlide {
    width: 100%;
    position: relative;
    height: 500px;
    background: #000;
}

.fullSlide .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: 500px;
    overflow: hidden;
    text-align: center;
}

.fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 12px;
    left: 0;
    text-align: center;
}

.fullSlide .hd ul {
    text-align: center;
    padding-top: 5px;
}

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 10px;
    height: 10px;
    margin: 6px;
    overflow: hidden;
    line-height: 9999px;
    background-color: rgba(0, 0, 0, .6);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
}

.fullSlide .hd ul .on {
    background-color: #fff;
}

.banner-main-content {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 0px;
    height: 500px;
}

.banner-main-content .logo {
    width: 219px;
    height: 50px;
    padding: 42px 40px;
    background: url("../images/logo.png") no-repeat center center;
    background-size: 219px 50px;
}

.banner-main-content .prev, .banner-main-content .next {
    width: 32px;
    height: 56px;
    display: block;
    position: absolute;
    top: 216px;
    background-size: 32px 56px;
}

.banner-main-content .prev {
    left: 42px;
    background: url("../images/prev.png") no-repeat center;
}

.banner-main-content .prev:hover {
    background: url("../images/prev_on.png") no-repeat -1px center;
}

.banner-main-content .next {
    right: 42px;
    background: url("../images/next.png") no-repeat 1px center;
}

.banner-main-content .next:hover {
    background: url("../images/next_on.png") no-repeat center;
}

.banner-main-content .buy-service {
    width: 250px;
    height: 54px;
    line-height: 54px;
    left: 50%;
    margin-left: -125px;
    display: block;
    position: absolute;
    bottom: 55px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 3px solid #fff;
    text-align: center;
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .1);
}

.banner-main-content .buy-service:hover {
    background: rgba(255, 255, 255, .15);
}

.banner-main-content .buy-service a {
    font-size: 28px;
    color: #ffffff;
    letter-spacing: 3px;
}

/*partner*/
.partner {
    height: 295px;
}

.partner .h-title {
    height: 50px;
    border-bottom: 1px solid #e0e0e0;
}

.partner .h-title p {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
}

/* 本例子css */
.picScroll-left {
    width: 1000px;
    margin: 30px auto 0px;
    overflow: hidden;
    position: relative;
}

.picScroll-left .bd {

}

.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
    z-index: 99;
}

.picScroll-left .bd ul li {
    margin: 0 25px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.picScroll-left .bd ul li:first-child {
}

.picScroll-left .bd ul li .pic {
    margin: 0 auto;
}

.picScroll-left .bd ul li .pic img {
    display: inline;
    margin: 0 auto;
}

.picScroll-left .bd ul li .title {
    line-height: 20px;
}

.picScroll-left .bd ul li .title a {
    font-size: 14px;
    color: #a5a5a5;
}

/*service*/
.service {
    width: 100%;
    height: 562px;
    background-color: #f2f2f2;
}

.service-main {
    position: relative;
}

.service-main .title {
    position: absolute;
    left: 50%;
    margin-left: -67px;
    top: -102px;
    width: 133px;
    height: 133px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.service-main .title p {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    padding-top: 65px;
}

.service-list {
    padding: 70px 0px 0px 45px;
    overflow: hidden;
    font-size: 0;

}

.service-list li {
    display: inline-block;
    width: 175px;
    height: 240px;
    margin-left: 80px;
    position: relative;
    cursor: pointer;

}

.service-list li .pic {
    width: 173px;
    height: 173px;
    z-index: 999;
    border: 1px solid #e3e8e8;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    background-repeat: no-repeat;
    background-position: center center;

}

.service-list li:hover .pic {
    background-color: rgba(255, 255, 255, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fffffff, endColorstr=#7Fffffff);
}

.service-list li .service-name {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #919191;
    position: absolute;
    transition: all .2s;
    bottom: 25px;
}

.service-list li:hover .service-name {
    bottom: 30px
}

.service-list li:hover .pic {
    border: 1px dotted #7a6da0;
    -webkit-box-shadow: 0px 6px 27px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 6px 27px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 6px 27px rgba(0, 0, 0, 0.08);
}

.service-list li .pic1 {
    background-image: url("../images/serv1.png");
}

.service-list li .pic2 {
    background-image: url("../images/serv2.png");
}

.service-list li .pic3 {
    background-image: url("../images/serv3.png");
}

.service-list li .pic4 {
    background-image: url("../images/serv4.png");
}

.service-list li .pic5 {
    background-image: url("../images/serv5.png");
}

.service-list li .pic6 {
    background-image: url("../images/serv6.png");
}

.service-list li .pic7 {
    background-image: url("../images/serv7.png");
}

.service-list li .pic8 {
    background-image: url("../images/serv8.png");
}

.service-list li:hover .pic1, .service-list li.on .pic1 {
    background-image: url("../images/serv1_on.png");
}

.service-list li:hover .pic2, .service-list li.on .pic2 {
    background-image: url("../images/serv2_on.png");
}

.service-list li:hover .pic3, .service-list li.on .pic3 {
    background-image: url("../images/serv3_on.png");
}

.service-list li:hover .pic4, .service-list li.on .pic4 {
    background-image: url("../images/serv4_on.png");
}

.service-list li:hover .pic5,.service-list li.on .pic5 {
    background-image: url("../images/serv5_on.png");
}

.service-list li:hover .pic6,.service-list li.on .pic6 {
    background-image: url("../images/serv6_on.png");
}

.service-list li:hover .pic7,.service-list li.on .pic7 {
    background-image: url("../images/serv7_on.png");
}

.service-list li:hover .pic8,.service-list li.on .pic8 {
    background-image: url("../images/serv8_on.png");
}

/*footer*/
.footer {
    height: 325px;

}

.footer .nav {
    text-align: center;
    margin: 0 auto;
    padding-top: 120px;
}

.footer .nav a {
    display: inline;
    font-size: 14px;
    line-height: 14px;
    padding-right: 2px;
    color:#606970;
}

.footer .nav a:hover {
    color: #28abed;
}

.footer .nav i {
    font-style: normal;
    position: relative;
    top: -1px;
    padding: 0px 8px;
    font-size: 13px;
}

.footer .copyright {
    padding-top: 10px;
    text-align: center;
    font-size: 14px;
    color: #999999;
    font-family: "宋体";
}

.footer .copyright span {
    display: inline-block;
    padding: 10px 0px;
}
.footer .copyright .gsba{
    color:#999999;
}
.footer .copyright .gsba img{
    position: relative;
    top:5px;
    padding-right: 5px;
}
.blur {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.zhezhao {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
    display: none;
}

.popup-container {
    width: 600px;
    height: 540px;
    display: block;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    margin-top: -270px;
    z-index: 999;
    display: none;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);

}

.popup-main {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .9);
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff, endColorstr=#E5ffffff);
}

.popup-main .popup-main-title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #d1dde3;
    text-align: center;
    font-size: 16px;
    position: relative;

}

.popup-main-title .closebtn {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    background: url("../images/close.png") no-repeat center center;
}

.popup-main-title .closebtn:hover {
    background: url("../images/close_on.png") no-repeat center center !important;
}

.popup-main .code {
    width: 225px;
    height: 287px;
    display: block;
    margin: 40px auto 30px;
}

.popup-main .scan {
    width: 90%;
    height: 118px;
    margin: 0 auto;
    border-top: 1px solid #d1dde3;
    text-align: center;
}

.popup-main .scan p {
    font-size: 14px;
    padding-top: 50px;
}

/*服务弹窗*/
.show_service_bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
}

.show_service_bg .show_service_main {
    width: 600px;
    height: 750px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    margin-top: -375px;
}

.service_main_con {
    width: 600px;
    min-height: 695px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .9);
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff, endColorstr=#E5ffffff);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);

}

.service_main_con .popup-main-title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #d1dde3;
    text-align: center;
    font-size: 16px;
    position: relative;

}

.service_main_con .closebtn {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    background: url("../images/close.png") no-repeat center center;
}

.service_main_con .closebtn:hover {
    background: url("../images/close_on.png") no-repeat center center !important;
}

.service_main_con .img {
    margin: 0 auto;
    height: 312px;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}

.service_main_con .img img {
    height: 312px;
    overflow: hidden;
}

.service_main_con .txt {
    width: 507px;
    font-size: 14px;
    line-height: 30px;
    text-indent: 28px;
    padding: 15px 0;

}

.service_main_con .pop-code {
    text-align: center;
    padding-bottom: 45px;
    overflow: hidden;
}

.service_main_con .pop-code p {
    font-size: 14px;
    padding-top: 15px;

}