.historybox {
    width: 1400px;
    margin: 0 auto;
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 50px;
    margin-bottom: 100px;
    box-shadow: 2px 2px 2px #e4e4e4;
}

.honor {
    display: flex;
    margin: 50px 0px 100px 0px;
    position: relative;
}

.xian2box {
    height: 363px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 20px;
    margin-left: -10px;
}

.history {
    width: 92%;
    margin: 0 auto;
}

.intro {
    width: 200px;
    height: 363px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.time {
    width: 100px;
    font-size: 18px;
    color: #32bd9e;
    font-weight: bold;
    position: relative;
    top: -8px;
}

.history_title {
    font-size: 18.75px;
    color: #32bd9e;
    font-weight: bold;
    text-indent: 10%;
}

.intro p {
    font-size: 16.67px;
    color: #7b7979;
    font-weight: bold;
}

.sclare {
    width: 32px;
    height: 32px;
    position: relative;
    left: -50px;
    top: 310px;
    transition: all 0.4s ease-in-out;
}

.moredmore {
    width: 723px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    box-shadow: 2px 2px 2px #c3c3c3;
    cursor: pointer;
    margin: 0 auto;
}

.more2 a {
    font-size: 10.42px;
    color: #46a993;
}

@media screen and (max-width: 1400px){
    .historybox{width: 100%;margin-bottom: 0;padding-bottom: 0;}
    .history{width: 100%;}
    .xian2box img{display: none}
}
@media screen and (max-width: 768px){
    .moredmore{width: 100%;}

    .history_title{display: none;}
    .honor{display: block;margin: 20px 0px;padding: 20px 2vw;}
    .honor> img{display: none;}
    .example1 img{width: 50%;margin: 0 auto;}
    /*.honor> img.pic2{display: block}*/
    .time{width: 100%;text-align: center;}
    .intro{width: 100%;height: auto;padding: 10px 0;}
    .xian2box{display: none;}
    .moredmore{height: 40px;background-color: #f5f5f5;}
    .more2 a{font-size: 14px;}
    #fancybox-content{transform: none!important;}
    #fancybox-close{top: -30px!important;right: -24px!important;}
}