@charset "UTF-8";

/**
 *
 * @authors 孤灯侠影 (username@xxx.com)
 * @date    2019年6月12日
 */
 .contact-bg1 {
   padding-top: 60px;
    width: 100%;
    height: 300px;
    /* background: #989898; */
    /* background-size: cover; */
    background: url(/upload/banner/20170607150024.jpg) no-repeat center top #3282d8;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.contact-box1 {
    width: 40%;
    margin: 0 auto;
    height: auto;
    color: white;
    line-height: 3rem;
    padding: 70px;
}

.contact-box1 p:nth-child(1) {
    text-align: center;
    letter-spacing: 2px;
    font-size: 1.8rem;
}

.contact-box1 p:nth-child(2) {
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 2px;
}


.counter-wrap .reset-num {
    display: inline;
    float: left;
    width: 110px;
    height: 50px;
    text-align: right;
    font: normal normal 50px/50px "微软雅黑";
    color: #ff8d00;
}

.counter-wrap .reset-num span {
    font: normal normal 50px/50px "微软雅黑";
    color: #ff8d00;
}

.counter-wrap dl {
    height: 50px;
    float: left;
}

.counter-wrap dl dt {
    height: 30px;
    font: normal normal 26px/28px "微软雅黑";
}

.counter-wrap dl dt.reset-color {
    color: #ff8d00;
}

.counter-wrap dl dd {
    font: normal normal 12px/25px "微软雅黑";
    color: #999;
}

.client-box dl dd,
.elec-box dl dd {
    padding-top: 15px;
}

.count-txt {
    position: absolute;
}

.year-box {
    width: 35%;
    top: 5%;
    left: 5%;
}

.team-box {
    width: 23%;
    top: 8%;
    right: 5%;
}

.plan-box {
    width: 28%;
    top: 40%;
    left: 35%;
}

.partner-box {
    width: 21%;
    top: 50%;
    left: 0%;
}

.client-box {
    width: 28%;
    top: 80%;
    left: 8%;
}

.profit-box {
    width: 30%;
    top: 50%;
    right: 0%;
}

.elec-box {
    width: 32%;
    top: 80%;
    right: 8%;
}

.about-box3 {
    width: 96%;
    padding: 36px 2%;
    overflow: hidden;
    text-align: center;
}

.about-box3 .team-title {
    width: 100%;
    height: 64px;
    text-align: center;
    color: #333;
    font: normal lighter 20px/64px "微软雅黑";
}

.about-box3 .ad-des {
    font: normal lighter 16px/30px "微软雅黑";
    color: #666;
}

.about-bg4 {
    width: 100%;
    height: ;
    background: url(../images/aboutbanner3.png)no-repeat;
}

.about-box4 {
        width: 96%;
    padding: 36px 2% 36px 2%;
    overflow: hidden;
    font-size: 16px;
    line-height: 2;
    text-align: center;
}

.about-box4 .center-title {
    width: 725px;
    height: 64px;
    color: #000000;
    font: normal lighter 20px/64px "微软雅黑";
    margin: 0 auto;
    padding-left: 320px;
}

.about-box4 .adv {
    margin: 20px auto;
    width: 725px;
    font: normal normal 18px/50px "微软雅黑";
    color: #000000;
}

.about-box4 .adv b {
    padding-right: 35px;
}

.about-bg5 {
    width: 100%;
    overflow: hidden;
}

.about-box5 {
    padding: 36px 0;
    overflow: hidden;
}

.about-box5 .customer-title {
    width: 100%;
    height: 64px;
    text-align: center;
    color: #333;
    font: normal lighter 20px/64px "微软雅黑";
}

.about-box5 .brand-box {
    width: 96%;
    margin: 0 2%;
    padding-top: 40px;
    background: #fff;
}

.about-box5 .brand-box ul {
    overflow: hidden;
}

.about-box5 .brand-box ul li {
    float: left;
    width: 15%;
    height: 30px;
    margin-bottom: 40px;
    text-align: center;
}

.about-box5 .brand-box ul li+li {
    margin-left: 2%;
}

.about-box5 .brand-box ul li:nth-child(6n-5) {
    margin-left: 0;
}

/* gray-list 页面 */
.gray-bg {
    width: 100%;
    background: whitesmoke;
    background-size: cover;
}

.gray-list {
    width: 96%;
    padding: 0 2%;
    margin-top: 140px;
    overflow: hidden;
}

.gray-list ul li {
    float: left;
    width: 32%;
    color: #111107;
    text-align: center;
    margin-bottom: 80px;
}

.gray-list ul li+li {
    margin-left: 2%;
}

.gray-list ul li:nth-child(3n-2) {
    margin-left: 0;
}

.gray-list ul li span {
    display: inline-block;
    font: normal lighter 50px/80px "";
}

.gray-list ul li p {
    font: normal normal 18px/40px "微软雅黑";
}

@media screen and (max-width:1200px) {
    .year-box {
        width: 45%;
    }

    .team-box {
        width: 30%;
    }

    .plan-box {
        width: 35%;
        top: 30%;
    }

    .partner-box {
        width: 25%;
        top: 55%;
    }

    .client-box {
        width: 35%;
    }

    .profit-box {
        width: 35%;
        top: 55%;
    }

    .elec-box {
        width: 38%;
    }
    .gray-list ul li p {
        font: normal normal 15px/40px "微软雅黑";
    }
}

@media screen and (max-width:996px) {
    .gray-list ul li p {
        font: normal normal 15px/40px "微软雅黑";
    }
    .year-box {
        width: 55%;
        left: 0;
    }

    .team-box {
        width: 40%;
    }

    .plan-box {
        width: 50%;
    }

    .partner-box {
        width: 35%;
    }

    .client-box {
        width: 46%;
        left: 0;
    }

    .profit-box {
        width: 50%;
        right: 0;
    }

    .elec-box {
        width: 50%;
        right: 0;
    }
}

@media screen and (max-width:768px) {
    .contact-bg1 {
        position: relative;
        padding-top: 0;
        height: 230px;
        background: gray
		
		 
    /* background: #989898; */
    /* background-size: cover; */
    background: url(/upload/banner/20170607150024.jpg) no-repeat center top #3282d8;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    }
    
    .contact-box1 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        margin: 0 auto;
        line-height: none;
        padding: 0;
    
    }

    .contact-box1 p:nth-child(1) {
        font-size: 0;
        font: normal normal 1.3rem/28px "微软雅黑";
    }

    .contact-box1 p:nth-child(2) {
        font: normal normal 0.9rem/28px "微软雅黑";
        margin-top: 10px;;
    }

    /* gray-list  开始*/
    .gray-list {
        width: 96%;
        height: 560px;
        padding: 0 2%;
        margin-top: 0;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .gray-list ul li {
        float: left;
        width: 42%;
        height: 138px;
        color: #fff;
        text-align: center;
        margin: 8% 2% 0 13%;
    }

    .gray-list ul li:nth-of-type(2n) {
        float: right;
    }


    .gray-list ul li span {
        width: 73px;
        height: 73px;
        border: 1px solid #323232;
        border-radius: 50%;
        display: inline-block;
        font: normal normal 30px/73px "微软雅黑";
        color: #323232;
    }

    .gray-list ul li p {
        width: 73px;
        margin: 0 auto;
        font: normal normal 13px/20px "微软雅黑";
        color: #323232;
    }

    /* gray-list  结束*/

    .about-bg3 {
        height: 500px;
    }

    .about-bg3 .team-title {
        font: normal normal 25px/25px "微软雅黑";
    }

    .about-bg3 .ad-des {
        margin-bottom: 10%;
    }

    .about-box4 {
        padding: 36px 2% 40px 2%;
        background: #eeeeee;
    }

    .about-box4 .center-title {
        font: normal normal 25px/30px "微软雅黑";
        width: 100%;
        height: 76px;
        padding: 0;
        text-align: center;
        margin-top: 17px;
    }

    .about-box4 .adv {
        width: 100%;
        position: relative;
        height: 80px;
        margin: 10px auto;
    }

    .about-box4 .adv:nth-of-type(2n) {
        background: #ffffff;
    }

    .about-box4 .adv b {
        margin-left: 10px;
        padding-left: 20%;
        width: 30%;
        font: normal bold 19px/60px "微软雅黑";
        letter-spacing: 5px;
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .about-box4 .adv:nth-of-type(2) b {
        background: url(../images/专业.png) no-repeat left center;
        background-size: 60px 60px;
    }

    .about-box4 .adv:nth-of-type(3) b {
        background: url(../images/团队.png) no-repeat left center;
        background-size: 60px 60px;
    }

    .about-box4 .adv:nth-of-type(4) b {
        background: url(../images/策略.png) no-repeat left center;
        background-size: 60px 60px;
    }

    .about-box4 .adv:nth-of-type(5) b {
        background: url(../images/效率.png) no-repeat left center;
        background-size: 60px 60px;
    }

    .about-box4 .adv:nth-of-type(6) b {
        background: url(../images/服务.png) no-repeat left center;
        background-size: 60px 60px;
    }

    .about-box4 .adv>span {
        font: normal normal 11px/15px "微软雅黑";
        display: block;
        width: 53%;
        margin-left: 41%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
     /* mobile logo 客户群设置start */

     .brand-box>ul>li:nth-of-type(n+22) {
        /* 只显示21个 */
        display: none;
    }

    .brand-box {
        width: 96%;
        margin: 23px 2% 0 2%;
        padding-top: 20px;
        background: #fff;
    }

    .brand-box ul {
        overflow: hidden;
    }

    .brand-box ul li {
        float: left;
        width: 31%;
        height: 30px;
        margin-bottom: 40px;
        text-align: center;
    }

    .brand-box ul li+li {
        margin-left: 0;
        margin-right: 0;
    }

    .brand-box ul li:nth-child(3n) {
        margin-left: 5%;
    }

    /* mobile logo 客户群设置end */


}