﻿/**首页**/
/*banner*/
.slideBox { width: 100%;  position: relative; height: 420px;}
.bannerWrapper { width: 100%; height: 420px;}
.bd { width: 100%; height: 420px; position:absolute; box-sizing: border-box}
.bd li { height: 420px; width: 100%;min-width: 1200px;}
.banner1{ background: url("../img/banner1_1212.png") no-repeat top center;background-size: cover}
.banner2{ background: url("../img/banner2_12121.png") no-repeat top center; background-size: cover}
.banner3{ background: url("../img/banner3_1901081.png") no-repeat top center;background-size: cover}
.banner4{ background: url("../img/banner4_1901081.jpg") no-repeat top center;background-size: cover}
.banner5{ background: url("../img/pcbanner.jpg") no-repeat top center;background-size: cover}
.banner6{ background: url("../img/workBanner.jpg") no-repeat top center;background-size: cover}
.bannerLogo {
    text-align: center;
    padding-top: 75px;
    margin-bottom: 10px;
}
.bannerLogo img {
    width: 110px;
}
.huPhone {
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-top: 10px;
}
.huPhone i {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("../img/h_phone.png");
    vertical-align: bottom;
    margin: 0 10px  0 16px;
}

.bd li span {padding-top: 160px;}
.bd li span{font-size: 42px; color: #fff; display: block;text-align: center;}
.bd li label{font-size: 16px; color: #fff; display: block;text-align: center; margin-top: 10px;}
.bd li a span{font-size: 42px; color: #fff; display: block;text-align: center;}
.bd li a label{font-size: 16px; color: #fff; display: block;text-align: center; margin-top: 10px;}

.bannerBox{height: 50px; background: rgba(0,0,0,0.3); border-radius: 3px;width: 670px;padding: 15px; margin: -200px -335px 20px;position: absolute;right:50%;left: 50%;}
.bannerInput{width: 475px;padding:13px 10px; font-size: 15px; height: 50px; border: none; background: url("../img/Dropdown.png") #fff no-repeat 400px center; border-radius: 3px;}
.selectBox{width: 460px;position: relative;overflow: hidden;height: 50px;border-radius: 3px; display: inline-block; float: left;}
.bannerInput option{height: 30px; -webkit-appearance: none; appearance:none; -moz-appearance: none;}

.bannerBtn{ width: 196px; height: 50px; cursor: pointer; line-height: 50px; color: #fff; background: #00aaff; border-radius: 3px; text-align: center; display: inline-block; margin-left: 14px;}
.slideBox .hd{ height: 8px; left: 50%; right: 50%; margin: 0 -90px; overflow: hidden; position: absolute; width: 240px; bottom: 20px; z-index: 1; }
.caseBox .hd { height: 8px; left: 0; right: 0; margin: auto; overflow: hidden; position: absolute; width: 1160px; bottom: 20px; z-index: 1; }
.slideBox .hd ul ,.caseBox .hd ul{ height: 8px; width: 240px; }
.slideBox .hd ul li , .caseBox .hd ul li{ height: 8px; width: 48px; margin-right: 10px; background-color: rgba(255,255,255,0.7); float: left; }
.slideBox .on,.caseBox .on  {background-color:#fff !important; background-color:rgba(255,255,255,1) !important; }

/**企业难题**/
.problem {position: relative; margin-bottom: 40px;}
.problemList {width: 590px; height: 508px; margin:0px auto; margin-right: 144px; background: url("../img/problemListBg.png") no-repeat center center; position: relative}
.problemList .list {background-color: #fff; font-size: 22px; line-height: 36px; position: absolute; text-align: center; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 20px; padding: 0px 20px; border-radius: 4px;}
.problemList .one {left: -206px; bottom: 147px;}
.problemList .two {left: -184px; top: 185px;}
.problemList .three {left: -184px; top: 256px;}
.problemList .four {left: -184px; top: 108px;}
.problemList .five {left: -314px; bottom: 74px;}

/**解决方案**/
.solution {width: 100%; height: 680px; position:relative; background: url('../img/solutionBg.png') no-repeat; background-size: cover}
.solution .comTitle {color: #ffffff; padding-top: 50px;}
.solution .more {width:134px; height: 42px; border:1px solid #ffffff; display: block; margin:56px auto 0px; line-height: 42px; text-align: center; color: #fff; cursor: pointer}

.solutionList {position: relative;margin-top: 60px; overflow: hidden;}
.solutionList .comsolution {box-sizing: border-box; width:50%;float:left;border:1px solid #dcdcdc; margin-left: -1px; margin-bottom:0px; text-align: center; background-repeat: no-repeat; background-position: center 32px; padding-top: 164px; padding-bottom: 30px;}
.solutionList .one {background-image: url("../img/solution1.png");}
.solutionList .two {background-image: url("../img/solution2.png");}
.solutionList .three {background-image: url("../img/solution3.png"); background-position-y: 50px; margin-bottom:0px;}
.solutionList .four {background-image: url("../img/solution4.png"); background-position-y: 50px; margin-bottom:0px;}
.solutionList .one:hover {background-image: url("../img/hsolution1.png");}
.solutionList .two:hover {background-image: url("../img/hsolution2.png");}
.solutionList .three:hover {background-image: url("../img/hsolution3.png");}
.solutionList .four:hover {background-image: url("../img/hsolution4.png");}
.solutionList .comsolution h4 {font-size:22px; margin-bottom: 16px; }
.solutionList .comsolution p {margin: 0px 70px; text-align: center; line-height: 38px; font-size: 18px;}

/**服务行业**/
.industry {position: relative; overflow: hidden}
.industryList {margin-top: 55px;}
.industryList li{width:25%;float: left; text-align: center; padding-top:84px; padding-bottom: 45px;}
.industryList li img {display: block; margin: 0px auto;}
.industryList li p {margin-top:44px; font-size: 22px;}
.industryList .bg-ee {background-color: #eeeeee;}
.industryList .active {background-color:#ff5f27; color: #fff }

/**增值服务**/
.serveList{margin:55px auto 0; width: 100%;}
.serveList li{height: 290px;}
.serveList .leftLi,.serveList .rightLi{width: 50%; float: left; height: 290px;}
.serveList .step {width:600px; height: 290px;}
.serveList .leftLi .step {float: right}
.serveTitle{ font-size: 22px; display: inline-block; margin: 32px 15px 0 106px;font-weight: 500;}
.serveEngTitle{display: inline-block;font-size: 12px;font-weight: 500;}
.serveInfo{font-size: 18px;display: block;margin: 20px 0px 24px 100px; line-height:30px; font-weight: 500;}
.serveList li .leftLi{background: #242b3f;}
.serveList li .step {color: #fff}
.serveList li.second .step{color: #333;}
.serveList li.second .leftLi{background: #ffffff}
.serveList li .rightLi{background: #ffffff}
.serveList li.second .rightLi{background: #ededed}

/**合作伙伴**/
.case img {width: 100%; margin-top: 44px;}

/**政府支持**/
#support {width: 100%; overflow: hidden;}
.supportList {position: relative; left:0;}
.supportList li {float:left; height: 350px; position: relative; margin: 20px;}
.supportList li img {height: 300px; float: left}
.supportList li p {position: absolute;margin: 5px;top: 304px;font-size: 16px;}

/**新闻**/
.news {position: relative; padding-bottom: 50px;}
/*.news .comTitle {padding-top:20px;}*/
/*.newsList{margin-top: 45px;}*/
/*.newsList dd{ width: 50%; float: left;font-size:14px;  overflow-y: hidden;height: 36px; line-height: 36px;}*/
/*.newsList a {color: #666;}*/
/*.moreNews {position: absolute; right:40px; top: 67px; font-size: 14px; font-weight: 500;}*/

.noticeBox{
    width: 100%;
}
.noticeBox label, .newsBox label {
    margin: 30px 0;
    display: block;
    border-left: 5px solid #ef7c30;
    color: #ef7c30;
    text-indent: 12px;
    height: 15px;
    line-height: 15px;
}
.infoList li {
    height: 54px;
    border-bottom: 1px dashed #ddd;
    line-height: 54px;
    font-size: 14px;
    cursor: pointer;
    width: 48%;
}
.infoList li a {
    text-decoration: none;
    display: block;
}
.name {
    text-decoration: none;
    color: #000;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.date {
    float: right;
    color: #000;
}

.wenjuan {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    width: 924px;
    margin-left:auto;
    margin-right:auto;
    z-index: 10000;
    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: 80px;
    background: url("../img/wenjuan_bg.png") no-repeat #ffe1cc;
    background-size: contain;
    position: relative;
}
.close {
    position: absolute;
    right: 2px;
    top: 10px;
    cursor: pointer;
}
.wenjuanform  {
    padding: 20px 34px;
    color: #333333
}
.wenjuanform .wenjuanlist {
    margin-bottom: 16px;
}
.wenjuanform .wenjuannum {
    width: 24px;
    height: 24px;
    background-color: #fd6802;
    text-align: center;
    line-height: 24px;
    color: #fff;
    margin-right: 26px;
    font-size: 16px;
}
.wenjuanform .info {
    line-height: 24px;
    font-size: 16px;
}
.wenjuanform .wenjuanchoose {
    margin-left: 50px;
}
.wenjuanform .wenjuanchoose .radio {
    float: left;
    font-size: 16px;
    margin: 10px 20px 0 0;
}
.radioinput {
    -webkit-appearance:none;
    -moz-appearance:none;
    outline: none;
    width:18px;
    height:18px;
    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: 3px;
    top: 3px;
    background-color: #fd6802;
}
.wenjuanform .shuru {
    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: 300px!important;
    margin-top: 12px;
}
.wenjuanform .btn {
    width: 120px;
    margin: 0 auto;
    display: block;
    border: none;
    height: 36px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    border-radius: 30px;
    background: #ff5f27;
    font-weight: normal;
}

.h_bg {
    background-image: url("../img/h_bg.jpg");
    height: 770px;
}
.h_bg img {
    padding-top: 50px;
}
.h_bg .more {width:134px; height: 42px; border:1px solid #ffffff; display: block; margin:16px auto 0px; line-height: 42px; text-align: center; color: #fff; cursor: pointer}
