.banner{
    width: 100%;
    height: 100%;
}
.banner >img{
    max-width: 100%;
    height: auto;
}
.index_service{
    width: 100%;
    padding:80px 0;
    background-color: #f7f8fa;
    position: relative;
}
.index_service:after{
    content:'';
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: -35px;
    margin-left:-35px;
}
.index_service ul >li{
    float: left;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin-right:60px;
    margin-top: 20px;
    box-shadow: 0px 4px 8px rgba(53,53,54,0.3);
    position: relative;
    transition: 0.3s ;
}
/* .index_service ul >li:hover{
    transform:translateY(-5px);
    box-shadow: 0px 4px 8px rgba(53,53,54,0.5);
} */
.index_service ul >li:nth-of-type(1){
    background: url(../images/tongguan.png) no-repeat center 40px;
    background-color: #fff;
}
.index_service ul >li:nth-of-type(2){
    background: url(../images/wuliu.png) no-repeat center 40px;
    background-color: #fff;
}
.index_service ul >li:nth-of-type(3){
    background: url(../images/caigou.png) no-repeat center 40px;
    background-color: #fff;
}
.index_service ul >li:nth-of-type(4){
    background: url(../images/rongzi.png) no-repeat center 40px;
    background-color: #fff;
}
.index_service ul >li:nth-of-type(5){
    background: url(../images/fenxiao.png) no-repeat center 40px;
    background-color: #fff;
}
.index_service ul >li:last-child{
    margin-right: 0px;
    background: url(../images/zixun.png) no-repeat center 40px;
    background-color: #fff;
}
.index_service ul >li >p{
    color: #48acf9;
    position: absolute;
    left: 60px;
    bottom: 30px;
}

.index_service_two{
    width: 100%;
    padding:80px 0;
    position: relative;
}
.index_service_two >div >p:nth-of-type(1){
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
    letter-spacing:4px;
}
.index_service_two >div >p:nth-of-type(2){
    font-size: 16px;
    line-height: 16px;
    color:#484848;
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
}
.index_service_two >div >ul >li{
    float: left;
    width: 224px;
    height: 300px;
    margin-right: 20px;
    position: relative;
    transition: 0.2s ;
}
.index_service_two >div >ul >li:hover{
    box-shadow: 0px 7px 13px rgba(72,172,249,0.5);
    /* transform:scale(1.1,1.1) */
}
.index_service_two >div >ul >li >a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.index_service_two >div >ul >li >a >P{
    width: 100%;
    height: 50px;
    font-size: 18px;
    color:#fff;
    line-height: 50px;
    text-align: center;
    background-color: #48acf9;
    position: absolute;
    left:0px;
    bottom: 0px;
}
.index_service_two >div >ul >li:nth-of-type(1){
    background: url(../images/FW1.png) no-repeat center;
}
.index_service_two >div >ul >li:nth-of-type(2){
    background: url(../images/FW2.png) no-repeat center;
}
.index_service_two >div >ul >li:nth-of-type(3){
    background: url(../images/FW3.png) no-repeat center;
}
.index_service_two >div >ul >li:nth-of-type(4){
    background: url(../images/FW4.png) no-repeat center;
}
.index_service_two >div >ul >li:nth-of-type(5){
    margin-right: 0px;
    background: url(../images/FW5.png) no-repeat center;
}   

.index_dress{
    width: 100%;
    padding: 80px 0;
    background-color: #f7f8fa;
}
.index_dress >div >p{
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 48px;
    color:#363636;
    letter-spacing:4px;
}
.index_dress >div >div{
    width:calc(50% - 30px);
    position: relative;
}
.index_dress >div >div >p{
    font-size: 18px;
    color:#484848;
    margin-bottom: 20px;
}
.index_dress >div >div >input{
    width: calc(100% - 70px);
    height: 60px;
    border:1px solid #f86a2c;
    box-sizing: border-box;
    padding-left:10px;
}
.index_dress >div >div >a{
    display: inline-block;
    width: 70px;
    height: 60px;
    background: url(../images/chaxun.png) no-repeat center;
    background-color: #f86a2c;
    position: absolute;
    right:0px;
    bottom: 0px;
}

.index_advantages{
    width: 100%;
    padding:80px 0; 
}
.index_advantages >div >p:nth-of-type(1){
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 30px;
    color:#363636;
    position: relative;
    letter-spacing: 4px;
}
.index_advantages >div >p:nth-of-type(1)::after{
    content: "";
    width: 100px;
    height: 3px;
    background-color: #f86a2c;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -50px;
}
.index_advantages >div >p:nth-of-type(2){
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 50px;
    color:#484848;
}
.index_advantages >div >ul >li{
    float: left;
    width: 300px;
    height: 200px;
    border-top:1px solid #e9e9e9;
    border-left:1px solid #e9e9e9;
    box-sizing: border-box;
    position: relative;
}
.index_advantages >div >ul >li >p{
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 40px;
}
.index_advantages >div >ul >li:nth-of-type(1){
    background: url(../images/fuwu.png) no-repeat center 50px;
}
.index_advantages >div >ul >li:nth-of-type(2){
    background: url(../images/chengben.png) no-repeat center 50px;
}
.index_advantages >div >ul >li:nth-of-type(3){
    background: url(../images/guanli.png) no-repeat center 50px;
}
.index_advantages >div >ul >li:nth-of-type(4){
    border-right:1px solid #e9e9e9;
    background: url(../images/kuaisu.png) no-repeat center 50px;
}
.index_advantages >div >ul >li:nth-of-type(5){
    border-bottom:1px solid #e9e9e9;
    background: url(../images/tuandui.png) no-repeat center 50px;
}
.index_advantages >div >ul >li:nth-of-type(6){
    border-bottom:1px solid #e9e9e9;
    background: url(../images/jingyan.png) no-repeat center 50px;
}
.index_advantages >div >ul >li:nth-of-type(7){
    border-bottom:1px solid #e9e9e9;
    background: url(../images/xitong.png) no-repeat center 50px;
}
.index_advantages >div >ul >li:nth-of-type(8){
    border-right:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
    background: url(../images/jituan.png) no-repeat center 50px;
}

.index_service_process{
    width: 100%;
    height: 320px;
    padding-bottom:80px; 
}
.index_service_process >div >P{
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    color:#363636;
    position: relative;
    letter-spacing: 4px;
}
.index_service_process >div >P::after,
.index_service_process >div >P::before{
    content: "";
    width: 100px;
    height: 3px;
    background-color: #f86a2c;
    position: absolute;
    top:12px;
}
.index_service_process >div >P::before{
    right: 0;
}
.index_service_process >div >P::after{
    left:0;
}
.index_flow{
    width: 100%;
    height: 99px;
    border-bottom: 1px dashed #e9e9e9;
    position: relative;
}
.index_flow >ul{
    width: 100%;
    position: absolute;
    bottom: -50px;

}
.index_flow >ul >li{
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 83px;
    border-radius: 50%;
    position: relative;
}
.index_flow >ul >li >p{
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom:-38px;
}
.index_flow >ul >li::after{
    content: "";
    color:#fff;
    text-align: center;
    line-height: 28px;
    width:28px;
    height: 28px;
    background: url(../images/juxing576.png) no-repeat center;
    position: absolute;
    top:0;
    right: 0;
}
.index_flow >ul >li:nth-of-type(1){
    background: url(../images/sehnqing.png) no-repeat center;
    background-color: #f7f8fa;
}
.index_flow >ul >li:nth-of-type(1)::after{
    content: "1";
}
.index_flow >ul >li:nth-of-type(2){
    background: url(../images/shenhe.png) no-repeat center;
    background-color: #f7f8fa;
}
.index_flow >ul >li:nth-of-type(2)::after{
    content: "2";
}
.index_flow >ul >li:nth-of-type(3){
    background: url(../images/xieyi.png) no-repeat center;
    background-color: #f7f8fa;
}
.index_flow >ul >li:nth-of-type(3)::after{
    content: "3";
}
.index_flow >ul >li:nth-of-type(4){
    background: url(../images/duijie.png) no-repeat center;
    background-color: #f7f8fa;
}
.index_flow >ul >li:nth-of-type(4)::after{
    content: "4";
}
.index_flow >ul >li:nth-of-type(5){
    background: url(../images/xiadan.png) no-repeat center;
    background-color: #f7f8fa;
}
.index_flow >ul >li:nth-of-type(5)::after{
    content: "5";
}
.index_flow >ul >li:nth-of-type(6){
    background: url(../images/huowu.png) no-repeat center;
    background-color: #f7f8fa;
}
.index_flow >ul >li:nth-of-type(6)::after{
    content: "6";
}
.index_flow >ul >li:nth-of-type(7){
    margin-right: 0;
    background: url(../images/jiesuan.png) no-repeat center;
    background-color: #f7f8fa;
}
.index_flow >ul >li:nth-of-type(7)::after{
    content: "7";
}

.index_enter{
    display: block;
    width: 300px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #f86a2c;
    border: 1px solid #f86a2c;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0 auto;
    margin-top:135px;
}
@media screen and (max-width: 980px) {
    .index_service ul >li{
        margin-right:16px;
    }
    .index_service_two >div >ul >li{
        width: calc(20% - 16px)
    }
    .index_flow >ul >li{
        margin-right: 45px;
    }
    .index_advantages >div >ul >li{
        width: 25%;
    }
}
/* 分页 */
.Paging{
    width: 574px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -287px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination>li:first-child>a, 
.pagination>li:first-child>span {
    width: 80px;
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination>li:last-child>a, 
.pagination>li:last-child>span {
    width: 80px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination>li>a, 
.pagination>li>span {
    position: relative;
    float: left;
    width: 40px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    color: #428bca;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #48acf9;
    border-color: #48acf9;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > a, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

/* 轮播 */
.slideBox{ 
    width: 100%;
    overflow:hidden; 
    position:relative; 
}
.slideBox .hd{ 
    height:15px; 
    overflow:hidden; 
    position:absolute; 
    left:50%; 
    bottom:60px; 
    margin-left: -165px;
    z-index:1; 
}
.slideBox .hd ul{ 
    overflow:hidden; 
    zoom:1; 
    float:left;  
}
.slideBox .bd ul{
    width: 100%;
    height: 720px;
}
.slideBox .hd ul li{ 
    float:left; 
    margin-right:30px;  
    width:60px; 
    height:12px; 
    background:#000; 
    border-radius: 6px;
    opacity: 0.5;
    cursor:pointer; 
}
.slideBox .hd ul li:last-child{
    margin-right: 0px;
}
.slideBox .hd ul li.on{ 
    background:#fff; 
    opacity: 1;
}
.slideBox .bd{ 
    position:relative; 
    height:100%; 
    z-index:0;   
}
.slideBox .bd li{ 
    zoom:1; 

    vertical-align:middle; 
}
.slideBox .bd img{ 
    width:100%; 
    height:auto; 
    display:block;  
}



.maskLayer{
    position: absolute; 
    top: 0px; 
    filter: alpha(opacity=60); 
    background-color: #000;     
    z-index: 1002; 
    left: 0px;       
    opacity:0.3; 
    -moz-opacity:0.3;    
}
.HScode{
    width: 1000px;
    height: 580px;
    position: fixed;
    top: 50%;
    left:50%;
    margin-left:-500px;
    margin-top: -320px;
    background-color: #fff;
    display: none;
    z-index: 1003;
}
.HScode >span{
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/rem.png) no-repeat center;
    position: absolute;
    top:5px;
    right: 5px;
    cursor: pointer;
}
.HScode >h1{
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 40px;
}
.headerTop{
    width: 880px;
    height: 50px;
    padding: 0 30px;
    background-color: #48acf9;
    margin: 0 auto;
}
.headerTop >a{
    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 50px;
}
.headerTop >a:nth-of-type(1){
    width: 250px;
}
.headerTop >a:nth-of-type(2){
    width: 290px;
}
.headerTop >a:nth-of-type(3){
    width: 280px;
}
.headerTop >a:nth-of-type(4){
    width: 60px;
}
.InstallShield{
    width: 940px;
    margin: 0 auto;
}
.InstallShield >li{
    width: 880px;
    height: 50px;
    padding: 0 30px;
}
.InstallShield >li:nth-of-type(even){
    background-color: #f7f8fa;
}
.InstallShield >li >span{
    line-height: 50px;
    float: left;
    font-size: 14px;
    color: #484848;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.InstallShield >li >span:nth-of-type(1){
    width: 250px;
}
.InstallShield >li >span:nth-of-type(2){
    width: 290px;
}
.InstallShield >li >span:nth-of-type(3){
    width: 280px;
}
.InstallShield >li >span:nth-of-type(4){
    width: 60px;
}