.intro {

    padding: 3rem 0 0;

}

.intro-title {

    margin-bottom: .2rem;

    font-family: 'Montserrat-SemiBold';

    font-size: 60px;

    line-height: 60px;

    color: #000;

    text-align: center;

}

.intro-name {

    margin-bottom: .5rem;

    font-family: 'Montserrat-Light';

    font-size: 24px;

    line-height: 36px;

    color: #333;

    text-align: center;

}

.intro-desc {

    font-family: 'Montserrat-Light';

    font-size: 18px;

    line-height: 36px;

    color: #333;

    text-align: center;

}







.culture {

    padding: 3.5rem 0 4rem;

    background-color: #f9f9f9;

}

.culture-title {

    margin-bottom: .5rem;

    font-family: 'Montserrat-SemiBold';

    font-size: 60px;

    line-height: 60px;

    color: #000;

    text-align: center;

}

.culture-desc {

    font-family: 'Montserrat-Light';

    font-size: 18px;

    line-height: 36px;

    color: #333;

    text-align: center;

}

.culture-list {

    padding: 1.4rem 0 0;

}

.culture-item {

    position: relative;

    float: left;

    width: 49.342105%;

    margin: 0 1.31579% .5rem 0;

    /* border-bottom: 1px solid #d4d4d4; */

}

.culture-item:nth-child(2n) {

    margin-right: 0;

}

.culture-item-img {

    display: block;

    overflow: hidden;

}

.culture-item-img img {

    -webkit-transition: transform .5s;

    -ms-transition: transform .5s;

    -o-transition: transform .5s;

    transition: transform .5s;

}

.culture-item-text {

    position: absolute;

    left: 0;

    bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    /* background-color: rgba(0, 0, 0, .5); */

}

.culture-item-title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    margin-bottom: .5rem;

    padding: 0 .3rem;

    font-family: 'Montserrat-Bold';

    font-size: 30px;

    line-height: 40px;

    color: #fff;

    overflow: hidden;

}

.culture-item-desc {

    display: none;

    width: 60%;

    font-family: 'Montserrat-Light';

    font-size: 18px;

    line-height: 30px;

    color: #fff;

    text-align: center;

}

.culture-item:hover .culture-item-img img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}

.culture-item:hover .culture-item-text {

    height: 100%;

    background-color: #b00e10;

}

.culture-item:hover .culture-item-desc {

    display: block;

}



@media (max-width: 768px){

    .culture-item {

        width: 100%;

        margin: 0 0 .5rem 0;

    }

}





.history {

    padding: 3.4rem 0 2.8rem;

    background: url('../images/history_bg.png') no-repeat;

    background-size: 100% 100%;

}

.history-top-title {

    font-family: 'Montserrat-SemiBold';

    font-size: 60px;

    line-height: 60px;

    color: #fff;

    text-align: center;

}

#gallery {

	padding: 2.5rem 0;

}

#gallery .swiper-slide {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: flex-start;

}

#gallery .ht-text {

    width: 66.447368%;

    padding-right: .9rem;

    box-sizing: border-box;

}

#gallery .ht-year {

    padding: .3rem 0;

    font-family: 'Montserrat-Bold';

    font-size: 60px;

    line-height: 60px;

    color: #fff;

    border-bottom: 1px solid #c2ccd3;

}

#gallery .ht-desc {

    padding: .8rem 0;

    font-family: 'Montserrat-Light';

    font-size: 24px;

    line-height: 40px;

    color: #fff;

}

#gallery .ht-img {

	width: 33.552632%;

}

.history-bot {

    border-bottom: 3px dashed #fff;

}

.thumbs-wrap {

	position: relative;

	/* width: 100%; */

	/* padding: 0 3.815789%; */

}

#thumbs {

	padding: .4rem 0;

    margin: 0 3.815789% -.2rem;

}



#thumbs .swiper-slide {

	width: 10.263158%;

    min-width: 80px;

    font-family: 'Montserrat-SemiBold';

    font-size: 24px;

    line-height: 60px;

    color: #fff;

    text-align: center;

    cursor: pointer;

}

#thumbs .swiper-slide-thumb-active {

	/* position: relative;

	border-color: #bb0404; */

}

#thumbs .swiper-slide-thumb-active::after {

	content: "";

	position: absolute;

	left: 50%;

	bottom: -.4rem;

    width: .4rem;

    min-width: 12px;

    height: .4rem;

    min-height: 12px;

    background-color: #bb0404;

	border: .06rem solid #fff;

    border-radius: 50%;

	transform: translateX(-50%);

}

@media (max-width: 768px){

    #gallery .swiper-slide {

        flex-direction: column-reverse;

    }

    #gallery .ht-text {

        width: 100%;

        padding-right: 0;

    }

    #gallery .ht-img {

        width: 100%;

    }

}







.vision {

    padding: 3.2rem 3.64583333333333% 5rem;

}

.vision-top-title {

    font-family: 'Montserrat-SemiBold';

    font-size: 60px;

    line-height: 60px;

    color: #000;

    text-align: center;

}

.vision-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    padding-top: 3rem;

}

.vision-item {

    position: relative;

    width: 27.71535580524345%;

    margin: 0 2.80898876404494%;

    padding: 5.73033707865169% 0 6.26516853932584%;

}

.vision-text {

    position: absolute;

    left: 0;

    top: 30%;

    /* transform: translateY(-50%); */

}

.vision-target {

    display: block;

    font-family: 'Montserrat-Light';

    font-size: 18px;

    line-height: 24px;

    color: #333;

    text-align: center; 

}

.vision-step {

    display: block;

    margin-bottom: .6rem;

    font-family: 'Montserrat-Bold';

    font-size: 36px;

    line-height: 36px;

    color: #333;

    text-align: center; 

}

.vision-desc {

    display: block;

    margin: 0 auto;

    width: 71.44897959183673%;

    font-family: 'Montserrat-Light';

    font-size: 16px;

    line-height: 30px;

    color: #333;

    text-align: center; 

}

.vision-num { 

    position: absolute;

    right: -1.5%;

    top: 50%;

    font-family: 'Montserrat-Medium';

    font-size: 72px;

    color: #000;

    transform: translateY(-50%);

}

.vision-item img {

    /* position: absolute;

    left: 0;

    top: 0; */

    width: 100%;

}

@media (max-width: 1650px){

    .vision-item {

        width: 44.4%;

        margin: 0 2.8%;

    }

}

@media (max-width: 992px){

    .vision-list {

        justify-content: center;

    }

    .vision-item {

        width: 60%;

        margin: 0;

    }

}

@media (max-width: 768px){

    .vision-item {

        width: 100%;

    }

}







.contact {

    padding: 3.4rem 0 2rem;

    background: url('../images/about_c_bg.png') no-repeat;

    background-size: 100% 100%;  

}

.contact-top-title {

    color: #fff;

}

.contact-info-label {

    color: #fff;

}

.contact-info-cont {

    color: #fff;

}

.ewms-item {

    width: 19.73684210526316%;

    min-width: 140px;

    margin: 0 2% .4rem;

}

.ewms-text {

    color: #fff;

}

@media (max-width: 768px){

    

}