@charset "utf-8";

#banner{width:100%; height:650px; background:url('../img/b_about.jpg') center/cover no-repeat; position:relative;}


#m1{width:1200px; margin:60px auto 70px auto;}
#m1 ul>li{width:33.3333333%; float:left; text-align:center;}
#m1 ul>li .iconfont{font-size:5.2rem; color:#d8ae5d;}
#m1 ul>li .num{font-size:5rem; font-family:Montserrat; font-weight:900; color:#464646; margin-top:10px;}
#m1 ul>li .num span{display:inline-block;}
#m1 ul>li .desc{font-size:1.6rem; font-weight:300; width:80%; margin:5px auto;}



#m2{padding:88px 0 120px 0; background:url('../img/about_m2.jpg') center/cover no-repeat;}
#m2 .wrap{width:860px; margin-left:150px;}
#m2 .wrap .since{color:#e9e9e9; font-size:9rem; font-family:Montserrat; position:relative;}
#m2 .wrap .since>span{position:absolute; left:0; font-size:3.2rem; color:#464646; margin-top:33px;}
#m2 .wrap .con{margin-top:40px; line-height:1.8; letter-spacing:.03rem; font-size:1.5rem;}
#m2 .wrap .con p{margin-bottom:1.2rem;}
#m2 .wrap .con p strong{display:inline-block; font-size:2.2rem;}



#m3{padding:130px 150px;}
#m3 .item{width:33.333333%; float:left; background:#eee; height:350px; box-sizing:border-box; display:table;}
#m3 .item .box{display:table-cell; height:100%; vertical-align:middle; padding:0 60px;}
#m3 .item .box .tit{font-size:3.2rem; margin-top:-20px;}
#m3 .item .box .con{margin-top:18px; font-size:1.6rem; font-weight:300; line-height:1.8;}

#m3 .blue{background:url('../img/about_c2.jpg') center/cover no-repeat; color:#464646;}
#m3 .c2{background:url('../img/about_brown.jpg') center/cover no-repeat; color:#fff;}
#m3 .c3{background:url('../img/about_c6.jpg') center/cover no-repeat; color:#464646;}
#m3 .c4{background:url('../img/about_c7.jpg') center/cover no-repeat; color:#464646;}
#m3 .brown{background:url('../img/about_c8.jpg') center/cover no-repeat; color:#464646;}
#m3 .c6{background:url('../img/about_black.jpg') center/cover no-repeat; color:#fff;}

#m3 .c7{background:url('../img/about_c7.jpg') center/cover no-repeat; color:#464646;}
#m3 .c8{background:url('../img/about_c8.jpg') center/cover no-repeat; color:#464646;}
#m3 .black{background:url('../img/about_black.jpg') center/cover no-repeat;}


@media (max-width:1440px){
  #m1 ul>li .num{font-size:4.6rem;}
  #m2 .wrap{width:800px; margin-left:100px;}
  #m3{padding:100px 100px;}
  #m3 .item{height:335px;}
}
@media (max-width:1366px){
  #banner{height:600px;}

  #m1 ul>li .num{font-size:4.2rem;}
  #m2 .wrap{width:780px; margin-left:80px;}
  #m3{padding:80px;}
  #m3 .item{height:320px;}
}
@media (max-width:1280px){
  #banner{height:580px;}

  #m1 ul>li .num{font-size:4rem;}
  #m1 ul>li .desc{font-size:1.5rem;}
  #m3 .item{height:300px;}
  #m3 .item .box .con{font-size:1.5rem;}
}
@media (max-width:1080px){
  #banner{height:260px;}

  #m1{width:100%;}
  #m1 ul>li{width:100%; float:none; margin-bottom:30px;}
  #m1 ul>li .num{font-size:3.2rem;}

  #m2{padding:40px 20px 40px 20px; background:#f8f8f8;}
  #m2 .wrap{width:100%; margin-left:0;}
  #m2 .wrap .since{font-size:4.6rem;}
  #m2 .wrap .since>span{font-size:2.6rem; margin-top:52px;}
  #m2 .wrap .con{margin-top:60px; font-size:1.4rem;}

  #m3{padding:50px 0;}
  #m3 .item{width:100%; float:none; height:240px;}
  #m3 .item .box{padding:0 40px;}
  #m3 .item .box .tit{font-size:3rem;}
  #m3 .item .box .con{font-size:1.4rem;}
}