#index_about>a{
    background: #ee8e20;
}
.about_t{
    width:100%;
    margin:1.364% 0;
    text-align: right;
}
.about_t a{
    float: right;
    margin-left:0.5%;
}
.about_t span{
    margin-top: 0.2%;
    margin-right: 5px;
    display: block;
    float: right;
    font-size: 1.156em;
}
.about_l{
    width:20%;
}
.about_l p{
    font-size:1.927em;
    border-bottom: 1px solid #DDDDDD;
    padding: 2% 10%;
    background: url("../images/cases_01_03.jpg") no-repeat left center;
}
.about_l li{
    padding:4% 10%;
    border-bottom: 1px solid #F0F0F0;
    background: url("../images/cases.png") no-repeat 4% center;
    font-size: 1.349em;
}
.about_r{
    width:76%;
    margin-bottom: 8%;
}
#about_r>div>img{
    width:100%;
}
.about_r div{
    color:#363636;
    text-indent: 2em;
    margin-top: 3%;
    line-height: 200%;
    font-size: 1.156em;
}

.join_r{
    width:76%;
    margin-bottom: 8%;
    color:#373737;
}
.join_r s{
    display: block;
    width:99.8%;
    height:38px;
    border:1px solid #f0f0f0;
    font-size:1.542em;
    line-height: 38px;
    text-indent: 1.5em;

}
.join_r>div{
    color:#363636;
    text-indent: 2em;
    margin-top: 3%;
    line-height: 200%;
}
.join_b{
    width: 100%;
}
.join_bl{
    width:76.78%;
}

.join_bl li{
    float: left;
    width: 24%;
    height:35px;
    line-height: 35px;
    text-align: center;
    background: #F6F6F6;
    font-size:1.35em;
}
.join_bl ul:first-child li{
    background: #DEDEDE;
}
.join_br{
    width:23%;
    background: #F3F3F3;
}
.join_br div{
    height:40px;
    line-height: 40px;
    font-size:1.542em;
    color:#ee8e20;
    text-indent: 1.5em;
    border-bottom: 1px solid #D4D4D4;
}
.join_br ul{
    border-top: 1px solid #fff;
    line-height:266%;
    padding: 4% 0;
}
.join_br a{
    color:#373737;
    font-size: 1.156em;
}
.call_r{
    width:76%;
    margin-bottom: 8%;
    color:#373737;
}
.call_r s{
    display: block;
    width:99.8%;
    height:38px;
    border:1px solid #f0f0f0;
    font-size:1.542em;
    line-height: 38px;
    text-indent: 1.5em;
}
.call_r p{
    font-size:1.356em;
    color:#ee8e20;
    text-indent: 3em;
    margin:2.4% 0;
}
.call_r ul{
    float: left;
    margin-left:5%;
    color:#7F7F7F;
    line-height:233%;
    font-size: 1.156em;
}
/*
.call_bl {
    margin-top: 3.25%;
}
*/
.history_r{
    width:76%;
    margin-bottom: 8%;
    color:#373737;
}
.history_r s{
    display: block;
    width:99.8%;
    height:38px;
    border:1px solid #f0f0f0;
    font-size: 1.541em;
    line-height: 38px;
    text-indent: 1.5em;

}
.history_b div{
    width: 99.8%;
    border: 1px solid #E6E6E6;
    border-top:none;
}
.history_b p{
    font-size:2.312em;
    color: #ee8e20;
    padding:4.6% 8%;
}
.history_b ul{
    width:69%;
    padding:4.6% 0;
    line-height: 191%;
    font-size: 1.156em;
}
.glory_r{
    width:76%;
    margin-bottom: 8%;
    color:#373737;
}
.glory_r s{
    display: block;
    width:99.8%;
    height:38px;
    font-size:1.542em;
    line-height: 38px;
    text-indent: 1.5em;
    border: 1px solid #F0F0F0;
}
.glory_b{
    padding-bottom:3%;
    border: 1px solid #F0F0F0;
    border-top: none;
    border-bottom: 5px solid #f0f0f0;
}
.glory_b ul{
    width:100%;
}
.glory_b li{
    float: left;
    margin:1.68% 2.28%;
    width: 20.4%;
    text-align: center;
    font-size: 1.156em;
}
.glory_b li div{
    width:100%;
    height:140px;
}
.glory_b li img{
    margin-bottom: 4%;
}
.cooperation_r{
    width: 76%;
    margin-bottom: 8%;
    color: #373737;
}
.cooperation_r div span{
    display: inline-block;
    border-bottom: 2px solid #ee8e20;
    color: #000;
    margin-left: 2%;
    padding: 0.4%;
    font-size:1.541em;
    position: relative;
    top: 1px;
    z-index: 1;
}
.cooperation_b{
    width:100%;
    border-top:1px solid #E0E0E0;
}
.cooperation_b div{
    margin:2% 5%;
    line-height:333%;
    text-align:left;
}
.cooperation_b div p{
    font-size:1.541em;
    color:#ee8e20;
}
.cooperation_b div s,.cooperation_b div b,.cooperation_b div u{
    display: block;
    font-size: 1.156em;
}
.cooperation_b div s{
    text-align: center;
}
.cooperation_b div b{
    margin-top: 2%;
    width:23%;
}
.cooperation_b div img{
    margin: 1% 0;
}
.marke_r{
    width: 76%;
    margin-bottom: 8%;
    font-size: 1.35em;
}
.marke_r ul{
    width:100%;
}
.marke_r li{
    float: left;
    width: 13%;
    margin: 2% 6.5%;
    text-indent:1.166em;
    background: url("../images/marke_07.jpg") no-repeat left center;
    background-size: 12px;
}
.marke_r #main{
    height:768px;
}
.culture_r{
    width:76%;
    margin-bottom: 8%;
    color:#373737;
}
.culture_b h1 {
    width: 100%;
    font-size: 2.313em;
    color: #EE932D;
    text-align: center;
    margin: 3% 0;
}
.culture_b div{
    width: 100%;
    line-height: 180%;
    font-size:1.735em;
}
.join_bl li {
    width: 16%;
    text-indent: 0;
}
.join_bl li:nth-child(1){
    min-width:39%;
}
.join_bl li:nth-child(4){
    min-width:26%;
}
@media screen and (max-width:1782px){
    .marke_r li {
        width:100px;
    }
}
@media screen and (max-width:1606px){
    .glory_b li {
        height: 157px;
    }
}
@media screen and (max-width:1636px){
    .marke_r #main{
        height:703px;
    }
    .marke_r li {
        margin-right: 0;
        margin-left: 12%;
    }
}
@media screen and (max-width:1510px){
    .marke_r #main {
        height: 667px;
    }
    .marke_r li {
        margin-left: 11%;
    }
}
@media screen and (max-width:1402px){
    .marke_r #main {
        height: 616px;
    }
    .marke_r li {
        margin-left: 10%;
    }
}
@media screen and (max-width:1309px){
    .marke_r #main {
        height: 583px;
    }
    .marke_r li {
        margin-left: 9%;
    }
}
@media screen and (max-width:1222px){
    .marke_r #main {
        height: 750px;
    }
    .marke_r li {
        margin-left: 13%;
    }
}
@media screen and (max-width:1191px){
    .marke_r #main {
        height: 698px;
    }
    .marke_r li {
        margin-left: 12%;
    }
}
@media screen and (max-width:1100px){
    .marke_r #main {
        height: 644px;
    }
    .marke_r li {
        margin-left: 11%;
    }
}
@media screen and (max-width:1021px){
    .marke_r #main {
        height: 611px;
    }
    .marke_r li {
        margin-left: 10%;
    }
}
@media screen and (max-width:991px){
    .glory_b li {
        height: 136px;
    }
    .marke_r #main {
        height: 590px;
    }
}
@media screen and (max-width:953px){
    .marke_r #main {
        height: 580px;
    }
    .marke_r li {
        margin-left: 9%;
    }
}
@media screen and (max-width:893px){
    .marke_r #main {
        height:535px;
    }
    .marke_r li {
        margin-left:8%;
    }
}
@media screen and (max-width:856px){
    .join_br {
        text-indent: 1em;
    }
    .join_br div {
        text-indent: 1em;
    }
}
@media screen and (max-width:841px){
    .marke_r #main {
        height:500px;
    }
    .marke_r li {
        margin-left:7%;
    }
}
@media screen and (max-width:841px){
    .marke_r #main {
        height: 484px;
    }
    .marke_r li {
        margin-left:6%;
    }
}
@media screen and (max-width:768px){
    .glory_b li {
        height: 135px;
    }
    #index_about>a {
        color: #ee8e20;
    }
    .about_l {
        display: none;
    }
    #about_r>div{
        width: 100%;
        margin-top:3%;
    }
    .cooperation_b div b {
        width: 155px;
    }
    .cooperation_b div {
        margin: 2% 2%;
    }
    .marke_r li {
        margin: 2% 0;
        width:25%;
        text-align: center;
        background: url(../images/marke_07.jpg) no-repeat 25% center;
    }
    .join_br {
        display: none;
    }
    .join_bl {
        width: 100%;
    }
}
@media screen and (max-width:660px){
    .glory_b li {
        height: 128px;
    }
}
@media screen and (max-width:600px){
    .marke_r li {
        background: url(../images/marke_07.jpg) no-repeat 20% center;
    }
}
@media screen and (max-width:560px){
    .glory_b li {
        height: 108px;
    }
}
@media screen and (max-width:533px){
    .history_b p {
        padding: 19% 6%;
        width: 15%;
    }
    .marke_r li {
        background: url(../images/marke_07.jpg) no-repeat 16% center;
    }
}
@media screen and (max-width:460px){
    .glory_b li {
        height: 100px;
    }
    .marke_r #main{
        height:350px;
    }
}
@media screen and (max-width:420px){
    .about_r {
        margin-top: 6%;
    }
    .history_b p {
        font-size: 1.8em;
        padding: 85px 6%;
    }
    #about_r>div {
        font-size: 0.7em;
    }
    .glory_b li {
        width: 45%;
        height: auto;
    }
    .marke_r li {
        background: url(../images/marke_07.jpg) no-repeat 12% center;
    }
}
@media screen and (max-width:350px){
    .history_b p {
        font-size:12px;
        padding: 90px 1%;
        width: 44px;
    }
    .history_b ul {
        width: 81%;
    }
    .cooperation_b div s {
        line-height: 20px;
    }
    .marke_r li {
        width: 50%;
        background: url(../images/marke_07.jpg) no-repeat 26% center;
    }
    .marke_r #main {
        height: 250px;
    }
}