/*关于我们 内容*/
.aboutMainContainer{
    width: 100%;
}
/*上部内容*/
.topContainer{

}
.topContent{
    max-width: 1200px;
    margin: auto;
    text-align: center;
    color: #ffffff;
}
.ledgement{
    display: inline-block;
    width: 7.5%;
    border-top: solid 1px #ffffff;
    vertical-align: middle;
}
.t_head{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    font-size: 44px;
}
.t_txt{
    font-size: 24px;
}
/*中部内容*/
.middleContainer{
    padding: 30px 0;
}
.middleContent{
    max-width: 1200px;
    margin: auto;
}
.m_head{
    font-weight: normal;
    color: #f66125;
    font-size: 28px;
    padding: 15px 0;
}
.m_txt{
    font-size: 16px;
    color: #333333;
}
.m_txt_pic{
    padding: 30px 0;
}
/*轮播部分*/
.slideContainer{
    width: 100%;
    background-color: #efefef;
    padding: 30px 0;
    position: relative;
}
.slide_head{
    text-align: center;
}
.s_head{
    font-weight: normal;
    color: #f66125;
    font-size: 34px;
}
.s_txt{
    font-size: 22px;
    color: #666262;
}

.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { float: left; }
#b04 { max-width: 1200px;margin: auto}
#b04 .dots { position: absolute; left: 0; right: 0; bottom: 0;}
#b04 .dots li
{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 8px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    background: #fff;
    color:#ff6600;
    border: 2px solid #fff;
    opacity: 1;
    /*opacity: .4;*/
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}
#b04 .dots li.active
{
    color:#ffffff;
    border: 2px solid #ff6600;
    background: #ff6600;
}
.arrow { position: absolute; top:40%;border-radius: 50%;width:68px;height: 68px}
#al {left: 10px;}
#ar {right:10px;}

.persons{
    padding: 40px 0;
}
.persons.computer{
    display: block;
}
.persons li{
    /*margin-right: 40px;*/
    margin-right: 3%;
}
.persons li:last-child{
    margin-right: 0px;
}
.person{
    /*width: 265px;*/
    height: 500px;
    width: 22%;
}
.per_pic{
    width: 100%;
    margin-bottom: 40px;
}
.per_pic img{
    width: 86.8%;
    margin: auto;
}
.per_name{
    font-size: 18px;
    color: #5f5b5b;
    margin-right: 10px;
}
.per_intro{
    text-align: left;
}
.per_job{
    font-size: 14px;
    color: #666666;
}
.per_detail{
    text-align: left;
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    padding: 10px 0;
    border-top: solid 1px #cacaca;
}
/*下部内容*/
.bottomContainer{
    padding: 30px 0 40px 0;
}
.bottomContent{
    margin: auto;
    text-align: center;
}
.b_contact{
    width: 90%;
    max-width: 900px;
    font-size: 16px;
    color: #999999;
    text-align: left;
    margin: auto;
}
.b_map_head{
    color: #666262;
    padding: 15px 0;
}
.map{
    /*width: 430px;*/
    width: 47.8%;
    height: 350px;
    margin-right: 10%;
}
.map img{
    width: 100%;
}
.t_contact_method{
    /*width: 380px;*/
    width: 42.2%;
}
.t_contact_method p{
    margin-bottom: 20px;
}
.i_tel,.tel_number{
    display: inline-block;
    vertical-align: middle;
}
.i_tel{
    margin-right: 10px;
}
.email{margin-right: 20px}
.copy{
    display: inline-block;
    cursor: pointer;
    padding: 3px 10px;
    border: solid 1px #c9c9c9;
    border-radius: 3px;
    font-size: 12px;
}
/*在线咨询按钮*/
.onlineConsulting{
    cursor: pointer;
}
/*不同分辨率下样式*/

@media screen and (max-width: 999px) and (min-width: 641px){
    /*上部内容*/
    .topContainer{
        padding: 20px 0;
    }
    .t_head{
        margin: 0 10px;
        font-size: 28px;
    }
    .t_txt{
        font-size: 18px;
    }
    /*中部内容*/
    .middleContainer{
        padding: 15px 0;
    }
    .m_head{
        font-size: 18px;
        padding: 7px 0;
        text-indent: 2em;
    }
    .m_txt{
        font-size: 14px;
        text-indent: 2em;
    }
    .m_txt_pic{
        padding: 15px 0;
    }
    /*轮播部分*/
    .slideContainer{
        padding: 15px 0;
    }
    .s_head{
        font-size: 24px;
    }
    .s_txt{
        font-size: 18px;
    }
    #b04 .dots {bottom: 10px;}
    #b04 .dots li
    {
        width: 20px;
        height: 20px;
        margin: 0 4px;
        line-height: 20px;
        font-size: 14px;
    }
    .arrow { display: none;}
    #al {left: 5px;}
    #ar {right:5px;}
    .persons{
        padding: 20px 0;
    }
    .person{
        height: auto;
    }
    .per_pic{
        margin-bottom: 20px;
    }
    .per_name{
        font-size: 16px;
        margin-right: 5px;
    }
    .per_detail{
        margin-top: 5px;
        padding: 5px 0;
    }
    /*下部内容*/
    .bottomContainer{
        padding: 15px 0;
    }
    .b_contact{
        font-size: 14px;
    }
    .b_map_head{
        color: #666262;
        padding: 7px 0;
    }
    .t_contact_method p{
        margin-bottom: 10px;
    }
    .i_tel{
        margin-right: 5px;
    }
    .email{margin-right: 5px}
    .copy{
        padding: 2px 5px;
    }
    /*在线咨询按钮*/
    .onlineConsulting img{
        width: 72px;
    }
}

@media screen and (max-width: 640px){
    /*上部内容*/
    .topContainer{
        padding: 10px 0;
    }
    .t_head{
        margin: 0 5px;
        font-size: 16px;
    }
    .t_txt{
        font-size: 14px;
    }
    /*中部内容*/
    .middleContainer{
        padding: 8px 0;
    }
    .m_head{
        font-size: 14px;
        padding: 4px 0;
        text-indent: 2em;
    }
    .m_txt{
        font-size: 12px;
        text-indent: 2em;
    }
    .m_txt_pic{
        padding: 8px 0 3px 0;
    }
    .m_txt_pic .left,.m_txt_pic .right{
        width: 100%;
        float: none;
        margin-bottom: 5px;
    }
    /*轮播部分*/
    .slideContainer{
        padding: 8px 0;
    }
    .s_head{
        font-size: 16px;
    }
    .s_txt{
        font-size: 14px;
    }
    .arrow { display: none;}
    #b04 .dots { bottom: 5px;}
    #b04 .dots li
    {
        width: 20px;
        height: 20px;
        margin: 0 4px;
        line-height: 20px;
        font-size: 14px;
    }
    #al {left: 5px;}
    #ar {right:5px;}
    .persons{
        padding: 10px 0;
    }
    .persons li{
        margin-right: 2%;
        margin-left: 3%;
    }
    .persons li:last-child{
        margin-right: 0px;
    }
    .person{
        height: auto;
        padding-bottom: 20px;
        width: 44%;
    }
    .per_pic{
        margin-bottom: 10px;
    }

    .per_name{
        font-size: 14px;
        margin-right: 5px;
    }
    .per_job{
        font-size: 12px;
    }
    .per_intro{ text-align: center;}
    .per_detail{
        display: none;
    }
    .slider_tip_bg{ width: 20%; margin-left: 40%;}
    .slider_tip_bg li{ width:40px; height: 40px; background: url("../images/slider_tip_bg.png") no-repeat 0px 0px; }
    /*下部内容*/
    .bottomContainer{
        padding: 8px 0;
    }
    .b_map_head{
        padding: 4px 0;
    }
    .b_contact{
        font-size: 12px;
    }
    .map{
        width: 100%;
        margin-right: 0;
    }
    .map img{
        width: 100%;
    }
    .t_contact_method{
        width: 100%;
        margin-top: 5px;
    }
    .t_contact_method p{
        margin-bottom: 5px;
    }
    .i_tel,.tel_number{
        display: inline-block;
        vertical-align: middle;
    }
    .i_tel{
        margin-right: 5px;
    }
    .email{margin-right: 5px}
    .copy{
        padding: 3px 5px;
    }
    .onlineConsulting img{
        width: 72px;
    }
}