.hide{display: none;}
.about-us-banner img{width:100%}
.about-us .info-body{width:80%;margin: auto;}
.about-us .alt-font{font-size: 20px;font-weight: bold;}
.about-us .title{font-size: 2em;font-weight: bold;}
.about-us .desc{font-size: 13px;color:#666;}
.about-us .info-tag span{color:#000;display: inline-block;padding-left: 20px;margin-right: 5%;}
.about-us .info-tag span.iconv-location{background: url("/images/aboutUs/location.png") no-repeat left center;}
.about-us .info-tag span.iconv-area{background: url("/images/aboutUs/area.png") no-repeat left center;}

.about-us .histroy{position: relative;}
.about-us .histroy .img-title{text-align: center;color:#fff;height:50%;width:100%;position: absolute;top:0;}
.about-us .histroy .img-title .img-txt-1{font-size: 2em;}
.about-us .histroy .img-title .img-txt-2{font-size: 16px;}
.about-us .histroy .histroy-content{position: absolute;top:50%;width:100%;z-index: 99;}
.about-us .histroy .histroy-content .item-list{background: #fff;padding:0;box-shadow: 0 0 30px 10px rgba(0, 0, 0, .2);}
.about-us .histroy .histroy-content .item-list .row{width:90%;margin: auto;position: relative;z-index: 2;}
.about-us .histroy .histroy-content .item-list .item{width:20%;margin: auto;text-align: center;padding:0 2%;min-height: 236px;}
.about-us .histroy .histroy-content .item-list .item .year{font-size: 30px;font-weight: bold;}
.about-us .histroy .histroy-content .item-list .item .h .t{margin:5% 0;}
.about-us .histroy .histroy-content .item-list .item .h-tag{width:100%;height:50px;background: url("/images/aboutUs/d-tag.png") no-repeat center;background-size:contain ;margin:5% 0;}
.about-us .histroy .histroy-content .item-list .line{height: 1px;padding:0;border-top:1px solid #eee;position: relative;position: absolute;
top: 33%;z-index: 0;}

.about-us  .certification{background: #fff;min-height: 500px;}
.about-us  .certification .content{margin-top:15%;}
.about-us  .content .c-alt{text-align: center;font-size: 2em;font-weight: bold;}
.about-us  .content .c-list{width:90%;margin: auto;}

.about-us  .certification .c-list .item{border: 1px solid #ddd;height: 400px;text-align: center;position: relative;}
.about-us  .certification .front{position: absolute;top:0;left:0;width:100%;height:100%;z-index: 2;background: #fff;}
.about-us  .certification .d3-img{position: absolute;top:0;left:0;width:100%;height:100%;z-index: 1;transform:rotateY(-180deg);}

.about-us  .certification .front,.about-us  .certification .d3-img{backface-visibility:hidden;}
.flip-container{perspective:1000;transform-style:preserve-3d;}
.flip{transition:0.6s;transform-style:preserve-3d;}
.flip-container:hover .flip{transform:rotateY(180deg);}

.about-us  .certification .d3-img img{width: 100%;height: 100%;}
.about-us  .our-strengths-culture{background: rgba(239, 242, 247, 1);}
.strengths .c-list .item{background: #fff;padding:0;position: relative;}
.strengths .c-list .item img.strimg{width: 100%;}
.strengths .c-list .item .str-div{height: 180px;position: relative;width:100%;}
.strengths .c-list .item .str-div .alt-font{height:30px;margin-bottom: 10px;}
.strengths .c-list .item .str-div p{color:#777;height: 20px;width:100%;text-overflow: ellipsis;overflow: hidden;}
.strengths .c-list .item .str-div .alt-font{line-height: 100%;position: relative;top:-5px;}
.strengths .c-list .item .str-div .icon{background: url("/images/aboutUs/str-icon-1.png") no-repeat left center;height: 20px;background-size: 15%;text-align: right;}

.strengths .c-list .item:hover .str-div{
    height: 100%;position: absolute;background: rgba(0, 176, 236, 1);color:#fff;
}
.strengths .c-list .item:hover .str-div p{
    height:auto;color:#fff;line-height: 200%;
}
.strengths .c-list .item:hover .str-div .icon{
    background: url("/images/aboutUs/str-icon-2.png") no-repeat 1em center;position: absolute;bottom: 30px;width:100%;left:0;padding-right: 1em;
}

.Culture .c-list .item{background: #fff;position: relative;padding:0 1em;}
.Culture .c-list .item .str-div{text-align: center;}
.Culture .c-list .item .img{width:100%;height:50px;background-repeat: no-repeat;background-position: center;}
.Culture .c-list .item .str-div .alt-font{margin: 1em 0;}
.Culture .c-list .item .str-div p{height:100px;width:100%}
.Culture .c-list .item .str-div .icon{height:50px;width:100%}
.Culture .c-list .item:hover{background: rgba(0, 176, 236, 1);position: relative;color:#fff;margin-top:-10px;transition: 300ms;}
.Culture .c-list .item:hover .img-1{background-image: url("/images/aboutUs/c-1-1.png") !important;transition: 300ms;}
.Culture .c-list .item:hover .img-2{background-image: url("/images/aboutUs/c-2-1.png") !important;transition: 300ms;}
.Culture .c-list .item:hover .img-3{background-image: url("/images/aboutUs/c-3-1.png") !important;transition: 300ms;}
.Culture .c-list .item:hover .img-4{background-image: url("/images/aboutUs/c-4-1.png") !important;transition: 300ms;}
.Culture .c-list .item .str-div .icon{
    background: url("/images/aboutUs/str-icon-3.png") no-repeat center bottom;
}
.company-acitivity .ab{position: relative;z-index: 1;}
.company-acitivity .ab .c-alt{color:#fff;position: absolute;height:100%;width:100%;top:30%;z-index: 1;}
.flex-slider{padding-bottom: 5%;position: relative;z-index: 2;}
.flex-slider .container{position: relative;}
.flex-slider .swiper-container {
    height:460px;width: 100%;
    margin-left: auto;margin-right: auto;
    position: relative;overflow: hidden;list-style: none;padding: 0;    
    z-index: 99; top:-50px;
}
.flex-slider .swiper-slide{height:360px;background-position: center;background-size:cover;background-repeat: no-repeat;margin-top: 50px;background-color: #eee;}
.flex-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(1);
}
.flex-slider .swiper-slide .screen{background-color:rgba(255, 255, 255, .8);display: block;height: 100%;width: 100%;}
.flex-slider .swiper-slide .alt{display: block;width: 100%;height: 58px;background: rgba(0, 0, 0, .2);color:#fff;position: absolute;z-index:100;bottom:0;backdrop-filter: saturate(180%) blur(6px);}
.flex-slider .swiper-slide .alt span{line-height: 20px;text-align: center;vertical-align:middle;display: block;margin-top:10px;;font-size: 16px;font-family: Helvetica;font-weight: 400;color: #FFFFFF;overflow: hidden;height:36px;}
.flex-slider .swiper-slide img{display: none;height: 100%;width: 100%;}
.flex-slider .swiper-slide-active .screen,.flex-slider .swiper-slide-prev .screen,.flex-slider .swiper-slide-next .screen{display: none;}
.flex-slider .swiper-slide-active img,.flex-slider .swiper-slide-prev img,.flex-slider .swiper-slide-next img{display: block;opacity: 0;}
.flex-slider .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1.2);position: relative;z-index: 99;
}
.flex-slider .swiper-slide-active:hover .alt,.flex-slider .swiper-slide-prev:hover .alt,.flex-slider .swiper-slide-next:hover .alt{height: 80px;transition: 300ms;}
.flex-slider .swiper-slide-active:hover .alt span,.flex-slider .swiper-slide-prev:hover .alt span,.flex-slider .swiper-slide-next:hover .alt span{height: 60px;transition: 300ms;}
.flex-slider .container .swiper-cl-next{width: 100px;height: 30px;float: right;background: url("/images/aboutUs/cl-next.png") no-repeat center;background-color: rgba(243, 243, 243, 1);}
.flex-slider .container .swiper-cl-prev{width: 100px;height: 30px;float: left;background: url("/images/aboutUs/cl-prev.png") no-repeat center;background-color: rgba(243, 243, 243, 1);}
.flex-slider .container .swiper-cl-next:hover{
    background: url("/images/aboutUs/cl-next-hover.png") no-repeat center;background-color: rgba(0, 176, 236, 1);
}
.flex-slider .container .swiper-cl-prev:hover{
   background: url("/images/aboutUs/cl-prev-hover.png") no-repeat center; background-color: rgba(0, 176, 236, 1);
}

@media (max-width: 768px){
    .about-us .info-body .col-xs-12{
        min-height: 300px;;
    }
    .about-us .histroy .histroy-content .item-list .item{width:100%}
    .about-us .histroy .histroy-content{position: static;}
    .about-us .histroy .img-title .img-txt-1{margin-top:5% !important;}
    .flex-slider .container{padding:10% 0;margin-top:-10%;}
    .flex-slider .swiper-slide-active,.swiper-slide-duplicate-active{
        transform: scale(1);position: relative;z-index: 99;
    }
    .about-us .histroy > img{height:150px}
    .company-acitivity .ab > img{height:150px}
    .Culture .c-list .item{margin-bottom: 1em;}
}