/* 公司简介 */
.introduce{max-width: 1200px;margin: 70px auto;}
.introduce .introduce_img{width: 41.41%;}
.introduce .introduce_content{width: 53.33%;padding-top: 20px;}
.about_title {text-align: center;color: #000;line-height: 1;}
.about_title p{font-size: 36px;margin-bottom: 6px;}
.about_title span{display: block;font-size: 18px;}
.introduce .about_title{text-align: left;}
.introduce .introduce_content ul{margin-top: 45px;}
.introduce .introduce_content ul li{font-size: 18px; line-height: 30px;list-style: disc;}

/* 我们的优势 */
.advantage{min-height: 520px;background: url(../images/abolut1.jpg) no-repeat center center;background-size: cover; padding: 88px 0;}
.advantage .about_title{color: #fff;}
.advantage ul{font-size:0;width: 72.91%;margin: 60px auto 0;}
.advantage ul li{display: inline-block;width: 20%; cursor: pointer;}
.advantage ul li p{ font-size: 22px;color: #fff;line-height: 2;width:150px;margin: 0 auto; text-align: center;border-bottom-right-radius:20px ;transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;}
.advantage ul li:hover p{background-color: #08b79a;transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;}
.advantage ul li div{width: 100%;min-height: 160px; background-position: center center; background-repeat: no-repeat;}
.advantage ul li div.icon1{background-image: url(../images/trailer.png);background-size: 104px 97px;}
.advantage ul li div.icon2{background-image: url(../images/tvc.png);background-size: 109px 81px;}
.advantage ul li div.icon3{background-image: url(../images/3d.png);background-size: 100px 100px;}
.advantage ul li div.icon4{background-image: url(../images/video.png);background-size: 104px 83px;}
.advantage ul li div.icon5{background-image: url(../images/photography.png);background-size: 101px 81px;}

/* 我们的团队 */
.team{max-width: 1002px; margin: 80px auto 110px;position: relative;}
.team .about_title{margin-bottom: 56px;}
.swiper-pagination { text-align: center;width: 100%;bottom: -62px;}
.swiper-pagination-bullet {width: 16px;height: 16px;display: inline-block;border-radius: 100%;background: #dadada;margin: 0 10px; opacity: 1;}
.swiper-pagination-bullet-active {background: #08b79a;}

@media screen and (max-width:1440px){
    .introduce{max-width: 980px;margin: 50px auto;} 
    .about_title p{font-size: 32px;margin-bottom: 6px;}
    .about_title span{font-size: 16px;}
    .introduce .introduce_content ul{margin-top: 30px;}
    .introduce .introduce_content ul li{font-size: 16px; line-height: 24px;}

    .advantage{min-height: 460px;background: url(../images/abolut1.jpg) no-repeat center center;background-size: cover; padding:50px 0;}
    .advantage ul li p{ font-size: 20px;width:150px;}
}
@media screen and (max-width:1280px){

    .introduce{max-width:768px;margin: 50px auto;} 
    .about_title p{font-size: 24px;margin-bottom: 6px;}
    .about_title span{font-size: 12px;}
    .introduce .introduce_content ul{margin-top: 20px;}
    .introduce .introduce_content ul li{font-size: 12px; line-height: 24px;}
    

    .advantage ul li p{ font-size: 20px;width:120px;}
    .advantage ul li div{width: 100%;min-height: 128px; background-position: center center; background-repeat: no-repeat;}
    .advantage ul li div.icon1{background-image: url(../images/trailer.png);background-size: 83px 77px;}
    .advantage ul li div.icon2{background-image: url(../images/tvc.png);background-size: 87px 64px;}
    .advantage ul li div.icon3{background-image: url(../images/3d.png);background-size: 80px 80px;}
    .advantage ul li div.icon4{background-image: url(../images/video.png);background-size: 83px 66px;}
    .advantage ul li div.icon5{background-image: url(../images/photography.png);background-size: 80px 64px;}

    .team{max-width: 1002px; margin: 60px auto 80px;position: relative;}
    .team .about_title{margin-bottom: 36px;}
    .swiper-pagination { text-align: center;width: 100%;bottom: -42px;}

}
@media screen and (max-width:768px){
    .introduce{max-width:768px;margin: 30px ;}
    .introduce .introduce_img{width: 100%;}
    .introduce .introduce_content{width: 100%;padding-top: 10px;}
    .introduce .introduce_content ul li{list-style: none;}


    .advantage{min-height: 320px; padding: 30px 0;}
    .advantage ul{font-size:0;width: 100%;margin: 40px auto 0;}
    .advantage ul li p{ font-size: 12px;width:100px;}
    .advantage ul li div{width: 100%;min-height: 100px; background-position: center center; background-repeat: no-repeat;}
    .advantage ul li div.icon1{background-image: url(../images/trailer.png);background-size: 50px 61px;}
    .advantage ul li div.icon2{background-image: url(../images/tvc.png);background-size: 69px 51px;}
    .advantage ul li div.icon3{background-image: url(../images/3d.png);background-size: 64px 64px;}
    .advantage ul li div.icon4{background-image: url(../images/video.png);background-size: 66px 52px;}
    .advantage ul li div.icon5{background-image: url(../images/photography.png);background-size: 64px 51px;}

    .team{max-width: 1002px; margin: 40px auto 60px;position: relative;}
    .team .about_title{margin-bottom: 26px;}
    .swiper-pagination { text-align: center;width: 100%;bottom: -32px;}
}
@media screen and (max-width:515px){
    .introduce{max-width:768px;margin: 20px ;}

    .advantage{min-height: 260px; padding: 30px 0;}
    .advantage ul{font-size:0;width: 100%;margin: 20px auto 0;}
    .advantage ul li p{ font-size: 12px;width:60px;}
    .advantage ul li div{width: 100%;min-height: 80px; background-position: center center; background-repeat: no-repeat;}
    .advantage ul li div.icon1{background-image: url(../images/trailer.png);background-size: 40px 48px;}
    .advantage ul li div.icon2{background-image: url(../images/tvc.png);background-size: 56px 40px;}
    .advantage ul li div.icon3{background-image: url(../images/3d.png);background-size:51px 51px;}
    .advantage ul li div.icon4{background-image: url(../images/video.png);background-size: 52px 41px;}
    .advantage ul li div.icon5{background-image: url(../images/photography.png);background-size: 51px 40px;}

    .team{max-width: 1002px; margin: 20px auto 60px;position: relative;}
    .team .about_title{margin-bottom: 26px;}
    .swiper-pagination { text-align: center;width: 100%;bottom: -32px;}
}