.slideContainer{ width: 100%;
    position: relative;}
.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { float: left; }
#b04 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#b04 .dots li
{
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    text-align: center;
    background: #fff;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    text-indent: 999;
    overflow: hidden;
    vertical-align: middle;
}
#b04 .dots li.active
{
    width: 15px;
    height: 15px;
}
.arrow { position: absolute; top:40%;border-radius: 50%;width:68px;height: 68px}
#al {left: 10px;}
#ar {right:10px;}

/*我们能做什么*/
.we-can{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding-bottom: 40px;
    text-align: center;
    margin-top: 50px;
}
.e-title{
    font-size: 30px;
    color: #35b60e;
}
.c-title{
    color: #666;
    margin-top: 20px;
    font-size: 30px;
}
.we-can-list ul li{
      width: 25%;
    float: left;
    /*background: #ccc;*/
}
.can-ico{
    width: 50%;
    margin: auto;
    margin-top: 30px;
}
.can-ico1{
    background: url("../images/1.png") no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.can-ico2{
    background: url("../images/2.png") no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.can-ico3{
    background: url("../images/3.png") no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.can-ico4{
    background: url("../images/4.png") no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.list-one-name-c{
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
}
.list-one-name-e{
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
/*案例*/
.cases{ width: 100%; background: #f4f4f4;}
.cases .cases-en-title{
    color: #ff6c6c;
    text-align: center;
    font-size: 30px;
}
.cases .cases-cn-title{
    color: #666;
    text-align: center;
    font-size: 30px;
}
.pt50{ padding-top: 50px;}
.case_list{ width: 90%; max-width: 1200px; margin: 0 auto; }
.case_list li{width: 31%; padding: 20px 1% 40px 1%; float: left;}
/*关于我们*/

.about-us{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    margin-top: 50px;
}

.about-us p{
    text-align: center;
    font-size: 30px;
}
.e-about-title{
    color: #ff6600;
}
.c-about-title{
    font-size: 14px;
    margin-top: 20px;
    color: #666;
}
.c-about-title a,.cases-cn-title a,.case_list a{ color:#666;}
.list-one-name-c a{ color:#333;}
.about-us-imgs{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    margin-top: 50px;
}
.about-us-imgs-left,.about-us-imgs-right{
    width: 50%;
    float: left;
    text-align: center;
}

.about-us-imgs-left img,.about-us-imgs-right img{
    width: 97%;
}


/*合作伙伴*/

.cooperation{
    width: 100%;
    max-width: 1280px;
    margin: auto;
    margin-top: 50px;
}
.cooperation p{
    font-size: 30px;
    text-align: center;
}

.e-coo-title{
    color: #1277ba;
}
.c-coo-title{
    color: #666;
    margin-top: 20px;
}
.partner {
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    width: 100%;
    max-width: 1200px;
    padding-bottom: 20px;
}
.partner a {
    display: inline-block;
    width: 210px;
    height: 70px;
    text-align: center;
    margin-left: 30px;
    margin-top: 30px;
}
.partner a:hover .partner_img,.partner a .partner_img_hover{
    display: none;
}
.partner a:hover .partner_img_hover{ display:inline-block;}


/*适应样式*/
@media screen and (max-width: 999px){
    .arrow { display: none;}
    #al {left: 5px;}
    #ar {right:5px;}
    #b04 .dots { bottom: 5px;}
    #b04 .dots li
    {
        width: 6px;
        height: 6px;
    }
    #b04 .dots li.active
    {
        width: 10px;
        height: 10px;
    }
    .partner a {
        display: inline-block;
        width: 25%;
        height: auto;
        text-align: center;
        margin-left: 3%;
        margin-top: 20px;
    }
    .partner a img{ width: 100%;}
}
@media screen and (max-width: 640px) {
    .we-can{
        width: 90%;
        margin: auto;
        margin-top: 20px;
    }
    .e-title{
        font-size: 1rem;
        text-align: left;
    }
    .c-title{
        font-size: 0.875rem;
        text-align: left;
        margin-top: 0;
    }
    .we-can-list ul li{
        width: 50%;
    }
    .can-ico{
        width: 60%;
    }
    .list-one-name-c{
        font-size: 1rem;
        margin-top: 10px;
    }
    .list-one-name-e{
        font-size: 0.875rem;
    }
    .cases .cases-en-title{
        color: #ff6c6c;
        font-size: 1rem;
        text-align: left;
        width: 90%;
        margin-left: 5%;
    }
    .cases .cases-cn-title{
        color: #666;
        font-size: 0.875rem;
        text-align: left;
        width: 90%;
        margin-left: 5%;
    }
    .case_list li{width: 98%; padding: 20px 1%; float: left;}
    .about-us{
        width: 90%;
        margin: auto;
        margin-top: 20px;
    }
    .about-us p{
        font-size: 0.875rem;
        text-align: left;
    }
    .e-about-title{
        font-size: 1rem;

    }
    .c-about-title{
        margin-top: 0;
    }
    .about-us-imgs{
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .about-us-imgs-left,.about-us-imgs-right{
        width: 100%;
        margin-top: 15px;
        text-align: center;
    }

    .about-us-imgs-left img,.about-us-imgs-right img{
        width: 100%;
    }
    .cooperation{
        width: 90%;
        margin: auto;
    }
    .cooperation p{
         margin-top: 0;
        text-align: left;
        font-size: 1rem;

    }
    .e-coo-title {
       font-size: 1rem;
        margin-top: 20px;
    }
    .partner img{
        width: 100%;
    }
}