.wrapper{
    width:100%;
    height:auto;
    background: #fff;
}
.wrapper .main-container{
    width:1200px;
    height:auto;
    margin: 0 auto;
}
.lr-layout-box{
    width:100%;
    padding-left: 288px;
    position: relative;
}
.plate-tag-box{
    position: sticky;
    top: 80px;
    left: 0;
    float: left;
    width:208px;
    height:auto;
    margin-left: -288px;
    background: #ffffff;
    z-index: 980;
}
.plate-tag-list{
    display: block;
    width:100%;
    border-right: 1px solid #e9e9e9;
}
.plate-tag-item{
    width:100%;
    height:48px;
    line-height: 48px;
    color:#666;
    font-size: 18px;
    text-align: right;
    padding-right: 24px;
    border-right: 4px solid transparent;
    cursor: pointer;
}
.plate-tag-item.active,.plate-tag-item:hover{
    background: #fff4ef;
    color:#df542f;
    border-right: 4px solid #df542f;
}
.content-box{
    width:100%;
    height:auto;
}
.plate{
    width:100%;
    margin-bottom: 60px;
}
.plate > .l{
    width:605px;
}
.plate > .r{
    width:267px;
    height:auto;
    padding-top: 80px;
}
@media (max-width: 768px) {
    .plate > .r{
        padding-top: 0;
    }
}
.plate > .r img{
    width:100%;
    height:auto;
}
.plate-content-box{
    width:100%;
}
.plate-content-box .m-title{
    width:100%;
    height:37px;
    border-bottom: 1px solid #e9e9e9;
}
.plate-content-box .m-title>span{
    display: inline-block;
    font-size: 20px;
    color:#222;
    border-bottom: 2px solid #df542f;
    transform: translateY(1px);
    height:100%;
    width:auto;
    line-height: 34px;
}
.plate-content-box .m-content{
    padding-top: 20px;
}
.plate-content-box .m-content>p{
    font-size: 16px;
    color:#666;
    text-indent: 2em;
    line-height: 1.5;
}
.page-title-box{
    width:100%;
    height:240px;
    background: url("../images/companyProfile/page-title.jpg") no-repeat center center;
    background-size: 100% 100%;
}
.page-title{
    width:1200px;
    margin: 0 auto;
    padding-top: 115px;
}
.page-title .en{
    color:#fff;
    font-size: 16px;
}
.page-title .ch{
    color:#fff;
    font-size: 40px;
    line-height: 60px;
}

.column-title-list{
    display: block;
    width:100%;
}
.column-title-list .column-title-item{
    width:50%;
    float:left;
    line-height: 1.5em;
    font-size: 16px;
    padding:0 1.5em;
    position: relative;
    margin:.5em 0;
}
.column-title-list .column-title-item i{
    position: absolute;
    top: 0.75em;
    left: 0;
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    margin-top: -3px;
    border-radius: 50%;
    background: #DF542F;
}
.column-title-list .column-title-item a{
    width:100%;
    color:#222;
    cursor: default;
}
.timer-shaft{
    width:100%;

}
.timer-item-box{
    width:calc(100% - 2em);
    margin-left:2em;
    position: relative;
    border-left:1px solid #e9e9e9;
}
.timer-item-box .time-year{
    width:3em;
    text-align: center;
    display: block;
    background: #fff;
    padding-bottom:0.5em;
    font-size: 20px;
    color:#222;
    position: absolute;
    top:0;
    left:-1.5em;
}
.timer-item{
    width:100%;
    margin-bottom: 1em;
}
.timer-list{
    display: block;
    width:100%;
    margin-bottom: 1em;
}
.timer-list .event-time{
    display: block;
    width:100px;
    float:left;
    font-size: 20px;
    color:#666;
    margin-right: 15px;
    text-align: right;
}
.timer-list .event-theme{
    float: left;
    width:calc(100% - 115px);
    font-size: 16px;
    color:#666;
    line-height: 1.5em;
}
.timer-list .event-theme img{
    width:50%;
    margin-bottom: 1em;
    margin-top: 1em;
}
@media (max-width:768px) {
    .page-title{
        width:100%;
        padding:20px;
        padding-top: 80px;
    }
    .page-title-box{
        height:180px;
    }
    .plate-tag-box{
        display: none;
    }
    .lr-layout-box{
        padding-left: 0;
    }
    .wrapper .main-container{
        width:100%;
        padding:0 20px;
    }
    .plate > .l{
        width:100%;
        float:none;
    }
    .plate > .r{
        width:50%;
        margin: 0 auto;
        float: none;
        padding-top: 20px;
    }
    .column-title-list .column-title-item{
        width:100%;
        float:left;
        line-height: 1.5em;
        font-size: 16px;
        padding:0 1.5em;
        position: relative;
        margin:.5em 0;
    }
    .timer-item-box .time-year{
        font-size: 18px;
    }
    .timer-list .event-time{
        font-size: 16px;
        width:70px;
        margin-right: 10px;
        line-height: 1.5em;
    }
    .timer-list .event-theme{
        width:calc(100% - 85px);
        font-size: 14px;
    }
    .timer-list .event-theme img{
        width:70%;
        margin-bottom: 1em;
        margin-top: 1em;
    }
}

/*鍏徃棰嗗*/
.profile-person-box{
    text-align: center;
    margin: 0 auto;
    margin-top: 26px;
}
.profile-person-box>div{
    display: inline-block;
    margin: 0 auto;
}
.profile-person-box:nth-child(1)>div>.profile-person:nth-child(1){
    margin-right: 75px;
}
.profile-person-box:nth-child(1)>div>.profile-person:nth-child(2){
    margin-left: 75px;
}
.profile-person-box:nth-child(3)>div>.profile-person:nth-child(1){
    margin-right: 75px;
}
.profile-person-box:nth-child(3)>div>.profile-person:nth-child(2){
    margin-left: 75px;
}
@media (max-width:768px) {
    .profile-person-box:nth-child(1)>div>.profile-person:nth-child(1){
        margin-right: 30px;
    }
    .profile-person-box:nth-child(1)>div>.profile-person:nth-child(2){
        margin-left: 30px;
    }
    .profile-person-box:nth-child(3)>div>.profile-person:nth-child(1){
        margin-right: 30px;
    }
    .profile-person-box:nth-child(3)>div>.profile-person:nth-child(2){
        margin-left: 30px;
    }
}
.profile-person{
    width: 145px;
    float: left;
    margin: 0 30px;
}
.profile-person .profile-person-img{
    width: 145px;
    height: 180px;
}
.profile-person .title-one,.profile-person .title-two,.profile-person .title-three{
    height: 32px;
    line-height: 22px;
    font-size: 16px;
    color: #222222;
}
.profile-person .title-one{
    margin-top: 6px;
    padding: 5px 0;
    font-weight: bold;
    background: #fff4ef;
    color: rgb(226, 90, 49);
    text-align: center;
}
.profile-person .title_two{
    background: rgb(226, 90, 49);
    color: #fff;
    padding: 4px;
    height:55px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}
.profile-person .title-three{
    margin-top: 25px;
}

.lishuchun{
    background: white url(../images/companyProfile/lisczong.png) no-repeat center center;
    background-size: 100% 100%;
}
.yuzong{
    background: white url(../images/companyProfile/yuzong.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.chaizong{
    background: white url(../images/companyProfile/chaizong.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.zhouzong{
    background: white url(../images/companyProfile/zhouzong.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.beizong{
    background: white url(../images/companyProfile/beizong.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.gongzong{
    background: white url(../images/companyProfile/gongzong.png) no-repeat center center;
    background-size: 100% 100%;
}
.zhuzong{
    background: white url(../images/companyProfile/zhuzong.png) no-repeat center center;
    background-size: 100% 100%;
}
.wangzong{
    background: white url(../images/companyProfile/wangzong.png) no-repeat center center;
    background-size: 100% 100%;
}
.huzong{
    background: white url(../images/companyProfile/huzong.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.lizong{
    background: white url(../images/companyProfile/lizong.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.sunzong{
    background: white url(../images/companyProfile/sunzong.png) no-repeat center center;
    background-size: 100% 100%;
}
.xuzong{
    background: white url(../images/companyProfile/xuzong.png) no-repeat center center;
    background-size: 100% 100%;
}
.tangtao{
    background: white url(../images/companyProfile/tangtao.png) no-repeat center center;
    background-size: 100% 100%;
}
.fanxiaokun{
    background: white url(../images/companyProfile/fangxiaokun.png) no-repeat center center;
    background-size: 100% 100%;
}
@media (max-width:768px) {
    .profile-person-box{
        margin-top: 10px;
    }
    .profile-person{
        width: 100px;
        margin: 0 5px;
    }
    .profile-person .profile-person-img{
        width: 100px;
        height:126px;
    }
    /*.profile-person .title-one,.profile-person .title-two,.profile-person .title-three{*/
    /*!*height: 14px;*!*/
    /*!*line-height: 14px;*!*/
    /*!*font-size: 12px;*!*/
    /*!*color: #222222;*!*/
    /*}*/
    /*.profile-person .title-one{*/
    /*margin-top: 8px;*/
    /*}*/
    /*.profile-person .title-two{*/
    /*margin-top: 5px;*/
    /*}*/
    .profile-person .title-three{
        margin-top: 12px;
    }
    .lishuchun{
        background: white url(../images/companyProfile/lisczong-mobile.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .yuzong{
        background: white url(../images/companyProfile/yuzong-mobile.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .chaizong{
        background: white url(../images/companyProfile/chaizong-mobile.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .zhouzong{
         background: white url(../images/companyProfile/zhouzong.jpg) no-repeat center center;
         background-size: 100% 100%;
     }
    .beizong{
        background: white url(../images/companyProfile/beizong-mobile.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .gongzong{
        background: white url(../images/companyProfile/gongzong-mobile.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .zhuzong{
        background: white url(../images/companyProfile/zhuzong-mobile.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .wangzong{
        background: white url(../images/companyProfile/wangzong-mobile.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .lizong{
        background: white url(../images/companyProfile/lizong-mobile.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .huzong{
        background: white url(../images/companyProfile/huzong-mobile.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .sunzong{
        background: white url(../images/companyProfile/sunzong-mobile.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .xuzong{
        background: white url(../images/companyProfile/xuzong-mobile.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .tangtao{
        background: white url(../images/companyProfile/tangtao-mobile.png) no-repeat center center;
        background-size: 100% 100%;
    }
}
@media (max-width: 580px) {
    .profile-person-box-four{
        padding-left: calc(50% - 165px);
    }
    .profile-person.pad-top{
        padding-top:15px;
    }
}
@media (max-width:360px) {
    .profile-person{
        width: 95px;
        margin: 0 5px;
    }
    .profile-person .profile-person-img{
        width: 95px;
        height:119px;
    }
}
@media (max-width:320px) {
    .profile-person-box-four{
        padding-left: calc(50% - 135px);
    }
    .profile-person{
        width: 80px;
        margin: 0 5px;
    }
    .profile-person .profile-person-img{
        width: 80px;
        height:107px;
    }
}
/*部分特定样式*/
.flex-direction-column{
    flex-direction: column !important;
}
.pc-show-flex{
    display: flex !important;
}
.m-show-flex{
    display: none !important;
}
.timer-list .event-theme img.min-img-pc{
    width: 30%;
}
@media (max-width: 768px) {
    .flex-direction-column{
        flex-direction: column !important;
    }
    .pc-show-flex{
        display: none !important;
    }
    .m-show-flex{
        display: flex !important;
    }
    .timer-list .event-theme img.min-img-pc{
        width: 70%;
    }
}