/*youshi*/
.index_adv{width:100%;float:left;height:674px;background: url(../ZERO/img/adv.jpg) no-repeat center;}
.index_advmain{width:1190px;margin:auto;}
/*.index_advmain_top{width:100%;height:346px;float:left;}*/
.index_advmain_bottom{
    width:100%;float:left;display:none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 1s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: 1s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: 1s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}
.advmain_bottomtit{width:100%;height:60px;float:left;}
.advmain_bottommain{width:100%;float:left;margin-top:158px;}
.bottom_main1{width:100%;height:302px;float:left;margin-top:10px;}
.index_advleft{width:288px;float:left;}

.index_advright{width:288px;float:left;}
.index_advleft li{width:270px;height:145px;text-align:center;line-height:226px;color:#333;font-size:14px;float:left;margin-left:9px;margin-top:7px;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.leftli1{background: url(../ZERO/img/left1.png) no-repeat center;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.leftli1:hover{background: url(../ZERO/img/left1on.png) no-repeat center;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.leftli2{background: url(../ZERO/img/left2.png) no-repeat center;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.leftli2:hover{background: url(../ZERO/img/left2on.png) no-repeat center;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.leftli3{background: url(../ZERO/img/left3.png) no-repeat center;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.leftli3:hover{background: url(../ZERO/img/left3on.png) no-repeat center;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.index_advleft li:hover p{color:#fff;
    -webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.index_advright li:hover p{color:#fff;
    -webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.advmain_top{width:842px;height:240px;margin:auto;margin-top:55px;}
.advv1{width:833px;height:184px;border:1px solid #d0d0d0;margin-top:-20px;}
.advv1 img{float:left;margin-left:16px;margin-top:14px;}
.advv2{width:626px;height:117px;float:right;margin-top:35px;margin-right:21px;text-align:left !important;}
.advv2 p{color:#ff6600;font-size:24px;font-weight:bold;text-align:left;padding-bottom:20px;}
.advv2 span{font-size:14px;color:#333;line-height:24px;text-align:left;}
.advmain-pagination .swiper-pagination-bullet-active{
    background:none;width:8px;height:8px;border:2px solid #ff6600;  }
.index_advright li{width:270px;height:145px;text-align:center;line-height:226px;color:#333;font-size:14px;float:left;margin-left:9px;margin-top:7px;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.rightli1{background: url(../ZERO/img/rightli1.png) no-repeat center;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.rightli1:hover{background: url(../ZERO/img/rightli1on.png) no-repeat center;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.rightli2{background: url(../ZERO/img/rightli2.png) no-repeat center;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.rightli2:hover{background: url(../ZERO/img/rightli2on.png) no-repeat center;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.rightli3{background: url(../ZERO/img/rightli3.png) no-repeat center;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.rightli3:hover{background: url(../ZERO/img/rightli3on.png) no-repeat center;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.index_advcenter1{width:614px;height:463px;float:left;background: url(../ZERO/img/advcenter.jpg) no-repeat center;}
.index_advcenter1 span{display:block;height:56px;line-height:56px;width:82px;float:left;margin-left:20px;font-size:60px;color:#fff;margin-top:393px;}
.index_advcenter1 em{display:block;width:470px;float:right;margin-right:26px;font-style:normal;font-size:16px;color:#fff;line-height:28px;margin-top:393px;}

/* 必要布局样式css */
.serve-content {
    position: relative;
}

.serve-content-box {
    width: 1200px;
    margin: 0 auto;
}

.serve-content-title {
    text-align: center;
    font-size: 32px;
    color: #333;
    padding-top: 124px;
    padding-bottom: 15px;
}

.serve-content-text {
    width: 184px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    background: url(../images/icon-line.jpg) repeat-x left center;
}

.serve-content-text em {
    display: inline-block;
    padding: 0 10px;
    background: #FFF;
    font-size: 14px;
    color: #777;
    font-style: normal;
}

.serve-content-btn {
    text-align: center;
    padding: 45px 0 104px;
}

.serve-content-btn a {
    display: inline-block;
    width: 190px;
    height: 55px;
    background-color: rgb(0, 162, 255);
    color: rgb(255, 255, 255);
    box-shadow: rgba(4, 195, 255, 0.5) 0px 5px 15px;
    border-radius: 8px;
    font: 400 16px/55px 微软雅黑;
}

.serve-content-list {
    float: left;
    width:270px;height:145px;
    margin-left:9px;
}

.serve-content-info {
    width: 614px;
    height: 463px;
    margin-left:9px;
    float: left;
    position: relative;
}

.serve-content-btn a:hover {
    background: #41b8fc;
}

.serve-content-middle {
    overflow: hidden;margin-top:159px;
}

.serve-content-list ul li {
    display: block;
    background: url(../ZERO/img/leftli.jpg) no-repeat center;
    margin-top: 6px;
    cursor: pointer;
    width:270px;height:145px;text-align:center;line-height:226px;color:#333;font-size:14px;
}

.serve-content-list ul .on {
    background: url(../ZERO/img/leftli1.jpg) no-repeat center;
}

.serve-content-list ul li span {
    display: block;
    margin-top:23px;
    width: 65px;
    height: 71px;
    float: left;
    margin-left: 103px;
    overflow: hidden;
}

.serve-content-list ul li span img {
    display: block;
    float: left;
}

.serve-content-list ul li p {
    display: block;
    overflow: hidden;
    line-height: 28px;
    color: #212121;
    font-size: 14px;
    width:100%;
}

.serve-content-list ul .on p {
    color: #fff;
}

.serve-content-list ul .on span img {
    margin-top: -71px;
}

.serve-content-info ul {
    width: 614px;
    height: 463px;
    position: absolute;
    left: 0;
    top: 0;
}

.serve-image-img {
}

.serve-image-box {
    width: 100%;
    height: 195px;
    position: absolute;
    top: 72px;
    left: 0;
}

.serve-image-comm1 {
    width: 48px;
    height: 29px;
    position: absolute;
    left: 80px;
    top: 28px;
}

.serve-image-comm2 {
    width: 48px;
    height: 29px;
    position: absolute;
    right: 95px;
    bottom: 35px;
}

.serve-image-info {
    width: 100%;
    height: 75px;
    margin-top:316px;
    background:rgba(0,0,0,0.6);
}

.serve-image-info-title {
    overflow: hidden;
    width:80px;float:left;margin-left:19px;
}

.serve-image-info-title span {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.serve-image-info-title span img {
    display: block;
    float: left;
}

.serve-image-info-title p {
    width:80px;float:left;
    line-height: 75px;
    display: block;
    font-size: 60px;
    color: #fff;
    font-weight:bold;
}

.serve-image-info strong {
    width:465px;float:left;margin-left:20px;
    display: block;
    font-size: 16px;
    color: #FFF;
    line-height: 24px;
    padding-top: 14px;
    font-weight:normal;
}