/*头部图片滑动*/
.slideBox { width: 100%; overflow: hidden; margin-top: 38px;}
.banner { float: left; position: relative;}
.hoveimg {width: 100%;}
.active { background: #fff !important; }
.bannerIndexBox { margin: 0 auto; display: block; width: 100%; float:left; }
.bannerIndexList{margin: 0 auto; position: relative; margin-top: -30px; text-align: center; padding-left: 5px; }
.bannerIndexList li, .caseIndexList li { display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 8px; background: rgba(237, 237, 237, 0.6); cursor: pointer; }

.problemList {
    margin: 20px 0px;
    /*background: url("../img/index_02.png") no-repeat center top;*/
    /*width: 100%;*/
    /*height: 35.466vw;*/
    /*background-size: 100%;*/
    /*position: relative;*/
}
/*.problemList .list {position: absolute; text-align: center; font-size: 12px;}*/
/*.problemList .one {*/
    /*left: -2rem;*/
    /*top: 1.9333333333333333rem;*/
/*}*/
/*.problemList .two {*/
    /*left: -1.4666666666666666rem;*/
    /*top: 0.10666666666666667rem;*/
/*}*/
/*.problemList .three {*/
    /*left: 1.5733333333333333rem;*/
    /*top: -0.7466666666666667rem;*/
/*}*/
/*.problemList .four {*/
    /*right: -1rem;*/
    /*top: 0.08rem;*/
/*}*/
/*.problemList .five {*/
    /*right: -2.1333333333333333rem;*/
    /*top: 1.9466666666666668rem;*/
/*}*/
/*height:54vw;*/
.solution {width: 100%; padding-bottom: 10px;  background: url("../img/index_02.jpg") no-repeat left center; background-size: cover;}
.solution .comTitle {color: #ffffff; padding-top: 14px;}
.solution .btn {width: 80px; height: 30px; border:1px solid #fff; text-align: center; line-height: 30px;
    color: #fff; margin: 10px auto; text-decoration: none; font-size: 14px; display: block}
.solutionConent {margin-top: 14px;}

.solutionList {position: relative; padding: 10px;}
.solutionList li {float: left; padding: 0px 10px 10px; margin-left:-1px; margin-top:-1px;width:50%; background-repeat: no-repeat;border: 1px solid #e6e6e6; background-position: center 16px; background-size: 28px 30px; padding-top: 50px; text-align: center}
.solutionList li h4 {font-size: 14px; color: #333; font-weight: 700;}
.solutionList li p {font-size: 12px; color: #333; line-height: 24px; text-align: left}
.solutionList li.one {background-image: url("../img/solution11.png"); margin-left: 0; margin-top: 0;}
.solutionList li.two {background-image: url("../img/solution21.png");  margin-top: 0;}
.solutionList li.three {background-image: url("../img/solution33.png"); margin-left: 0; background-size: 27px 25px;}
.solutionList li.four {background-image: url("../img/solution44.png"); background-size: 25px 25px;}

.serve {padding: 0px 10px;}
.serveList {margin-top: 16px;}
.serveList .step{width:25%; float: left; font-size: 12px; text-align: center; color: #333; padding-top: 50px; padding-bottom: 15px; background-repeat: no-repeat; background-position: center 20px; background-size:24px; }
.serveList .step:nth-child(1) {background-color: #ff5f27; color: #fff; background-image: url("../img/list1.png")}
.serveList .step:nth-child(2) {background-color: #ffffff;background-image: url("../img/list2.png")}
.serveList .step:nth-child(3) {background-color: #eeeeee;background-image: url("../img/list3.png")}
.serveList .step:nth-child(4) {background-color: #ffffff;background-image: url("../img/list4.png")}
.serveList .step:nth-child(5) {background-color: #ffffff;background-image: url("../img/list5.png")}
.serveList .step:nth-child(6) {background-color: #eeeeee;background-image: url("../img/list6.png")}
.serveList .step:nth-child(7) {background-color: #ffffff;background-image: url("../img/list7.png")}
.serveList .step:nth-child(8) {background-color: #ff5f27; color: #fff;background-image: url("../img/list8.png")}

.serviceList{width: 100%; margin:15px auto 0;}
.serviceList li{width: 100%;float: left; }
.leftLi,.rightLi{width: 50%; float: left;}
.serveTitle{ font-size: 1em; display: inline-block; margin:10px 10px 0px;}
.serveEngTitle{color: #333;display: inline-block;font-size: 14px;font-weight: 300;}
.serveInfo{font-size:0.8em;padding-left: 5px; display: block;font-weight: 300; padding:0 10px;}
.rightLi{width: 50%;}
.rightLi>img,.leftLi>img{width: 100%; display: block}
.serviceList li:first-child {background: #242b3f;}
.serviceList li:last-child {background: #ededed;}
.serviceList li:first-child .leftLi { color: #ffffff; padding-top:10px;}
.serviceList li:last-child .rightLi { color: #333; padding-top:10px;}

.case img {width: 100%; padding: 0 10px; margin-top: 10px;}


.supportList{height: 260px; margin-top: 10px; width: 1740px;}
.supportList li{float:left;height: 200px;position: relative; margin: 10px;}
.supportList li img{height: 150px;float: left;}
.supportList li p{position: absolute;margin: 5px;top:150px;}

.news {position: relative;margin: 0px 10px;}
.newsList{margin-bottom:20px; margin-top: 20px;}
.newsList li{width: 100%;position: relative; margin-bottom: 10px;}
.dataBox{ width: 90px; height: 90px;word-break: keep-all;  color: #fff; background: #242b3f; font-size: 18px;display: inline-block; text-align: center; padding-top: 20px;}
.newsInfo{display: inline-block;
    width: auto;
    position: absolute;
    top: 0;right: 2%;
    left: 100px;}
.newsTitle{white-space: nowrap ; font-size:15px;overflow: hidden; text-overflow: ellipsis;color: #444;width: 100%; display: block;}
.newsHead{ margin: 5px 0; color: #999;}
.clickmore {
    width: 90%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0px auto;
    border: 1px solid #444;
    margin-bottom: 20px;
}

.fl {
    float: left;
}
.fr {
    float: right;
}

.wenjuan {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    width: 94%;
    margin-left:auto;
    margin-right:auto;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    -moz-box-shadow: 0 0 5px #888888; /* 老的 Firefox */
    box-shadow: 0 0 5px #888888;
    display: none;
}
.wenjuanHeader {
    height: 60px;
    background: url("../../web/img/wenjuan_bg.png") no-repeat #ffe1cc;
    background-size: contain;
    position: relative;
}
.close {
    position: absolute;
    right: 2px;
    top: 10px;
    cursor: pointer;
    width: 30px;
}
.wenjuanform  {
    padding: 10px;
    color: #333333
}
.wenjuanform .wenjuanlist {
    margin-bottom: 16px;
}
.wenjuanform .wenjuannum {
    width: 20px;
    height: 20px;
    background-color: #fd6802;
    text-align: center;
    line-height: 20px;
    color: #fff;
    margin-right: 16px;
    font-size: 14px;
}
.wenjuanform .info {
    line-height: 24px;
    font-size: 14px;
}
.wenjuanform .wenjuanchoose {
    margin-left: 34px;
}
.wenjuanform .wenjuanchoose .radio {
    float: left;
    font-size: 16px;
    margin: 4px 10px 0 0;
}
.radioinput {
    -webkit-appearance:none;
    -moz-appearance:none;
    outline: none;
    width:16px;
    height:16px;
    background-color:#ffffff;
    border:solid 1px #fd6802;
    border-radius:50%;
    margin:0;
    padding:0;
    position:relative;
    display:inline-block;
    /*文字对齐方式*/
    vertical-align:text-bottom;
    transition:background-color ease 0.1s;
    margin-right: 4px;
}
.radioinput:checked::after{
    content:'';
    position:absolute;
    height:10px;
    width:10px;
    border-radius: 100%;
    left: 2px;
    top: 2px;
    background-color: #fd6802;
}
.wenjuanform .shuru {
-webkit-appearance: none;
border-radius:0;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom: 1px solid #000;
    width: 100px;
    margin-left: 6px;
    padding-left:2px;
    font-size: 16px;
}
.w200 {
    width: 150px!important;
    margin-top: 12px;
}
.wenjuanform .btn {
    width: 100px;
    margin: 0 auto;
    display: block;
    border: none;
    height: 30px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    border-radius: 30px;
    background: #ff5f27;
    font-weight: normal;
}