#banner{width:100%; height:100%; position:fixed; z-index:1; left:0; top:0;}
#banner .swiper-container{height:100%;}
#banner .swiper-wrapper{height:100%;}
#banner .swiper-slide{width:100%; height:100%;}
#banner .swiper-slide>div.img{width:100%; height:100%; transform:scale(1.1); position:absolute; z-index:2; left:0; top:0; background-size:cover; background-position:center top; background-repeat:no-repeat; transition:transform 15s;}
#banner .swiper-slide.normal>div.img{transform:scale(1);}
#banner .swiper-slide>div.con{position:absolute; z-index:3; left:155px; top:38%;}
#banner .swiper-slide h1{color:#fff; font-size:7.2rem; display:block; margin:0; transform:translateY(100px); opacity:0;transition:all .5s ease;}
#banner .swiper-slide p{color:#fff; font-size:2.8rem; font-weight:300; margin-top:15px; transform:translateY(100px); opacity:0;transition:all .5s ease;}
#banner .swiper-slide.normal>div.con h1{transform:translateY(0px); opacity:1; transition:all .8s;}
#banner .swiper-slide.normal>div.con p{transform:translateY(0px); opacity:1; transition:all .8s .2s;}

#banner .swiper-pagination{bottom:30px;}
#banner .swiper-pagination-bullet{width:8px; height:8px; margin:0 7px; opacity:1; background:none; transition:all .25s; border:2px solid #33b371;}
#banner .swiper-pagination-bullet-active{width:32px; opacity:1; border-radius:100px; background:#33b371;}

@media (max-width:1680px){
  #banner .swiper-slide>div.con{left:125px;}
}
@media (max-width:1440px){
  #banner .swiper-slide>div.con{left:100px;}
  #banner .swiper-slide h1{font-size:6.8rem;}
}
@media (max-width:1366px){
  #banner .swiper-slide>div.con{top:39%;}
  #banner .swiper-slide>div.con{left:80px;}
  #banner .swiper-slide h1{font-size:6.6rem;}
  #banner .swiper-slide p{font-size:2.6rem;}
}
@media (max-width:1280px){
  #banner .swiper-slide>div.con{top:40%;}
  #banner .swiper-slide h1{font-size:6rem;}
  #banner .swiper-slide p{font-size:2rem;}
}
@media (max-width:1080px){
  #banner{height:380px;}
  #banner .swiper-slide>div.img{transform:scale(1.2); transition:transform 13s;}
  #banner .swiper-slide>div.con{left:0; width:100%; top:42%; text-align:center;}
  #banner .swiper-slide h1{font-size:4rem;}
  #banner .swiper-slide p{font-size:1.6rem; padding:0 20px; margin-top:5px; line-height:1.3;}
  #banner .swiper-pagination{bottom:20px;}
  #banner .swiper-pagination-bullet{width:6px; height:6px; margin:0 5px; border:1px solid #33b371;}
  #banner .swiper-pagination-bullet-active{width:20px;}
}


#space{height:100%;}

#m1{position:relative; z-index:3; background:url('../image/m1.png') no-repeat center bottom; background-color:#fff; padding:85px 155px 90px 155px;}
#m1 .left{width:40%; float:left;}
#m1 .tit{color:#464646; font-size:4.6rem; letter-spacing:normal; font-weight:bold; position:relative;}
#m1 .tit:before{content:''; display:block; height:4px; width:48px; background:#33b371; position:absolute; left:0; bottom:-30px;}
#m1 .con{font-size:1.7rem; margin-top:70px;}
#m1 .con p{margin-bottom:16px; line-height:1.5; font-weight:300;}
#m1 .more{display:block; width:150px; height:45px; line-height:44px; background:#33b371; color:#fff; font-size:1.5rem; text-align:center; border-radius:0 0 10px 0; margin-top:50px;}
#m1 .more i{margin-left:.6rem; transition:all .2s;}
#m1 .more:hover i{margin-left:1.1rem;}

#m1 .right{width:50%; float:right; padding-right:5%; box-sizing:border-box; position:relative; text-align:right;}
#m1 .right .logo{position:absolute; right:20px; top:120px; animation:logo 1.4s ease-out infinite alternate;}
#m1 .right .shadow{position:absolute; right:0; top:280px; animation:shadow 1.4s ease-out infinite alternate;}
@keyframes logo{
  0%   {transform:translateY(0);}
  100% {transform:translateY(-25px);}
}
@keyframes shadow{
  0%   {transform:translateY(0);}
  100% {transform:translateY(-2px) scale(.8); opacity:.7;}
}

@media (max-width:1680px){
  #m1{padding:85px 155px 90px 125px;}
}
@media (max-width:1440px){
  #m1{padding:80px 125px 85px 100px;}
  #m1 .left{width:50%;}
  #m1 .tit{font-size:4.2rem;}
  #m1 .con{font-size:1.6rem;}

  #m1 .right .logo{width:300px;}
  #m1 .right .shadow{width:310px; right:5px;}
}
@media (max-width:1366px){
  #m1{padding:70px 100px 75px 80px;}
  #m1 .con{font-size:1.5rem;}

  #m1 .right .logo{width:280px;}
  #m1 .right .shadow{width:300px; right:5px;}
}
@media (max-width:1080px){
  #space{height:380px;}

  #m1{position:relative; z-index:3; padding:40px 20px;}
  #m1 .left{width:100%; float:none;}
  #m1 .tit{font-size:3.2rem;}
  #m1 .tit:before{height:3px; width:33px; bottom:-20px;}
  #m1 .con{font-size:1.6rem; margin-top:55px;}
  #m1 .more{width:130px; height:43px; line-height:41px; margin-top:40px;}

  #m1 .right{width:100%; float:none; height:250px; padding-right:0; text-align:center;}
  #m1 .right .logo{right:0; left:0; width:100%; text-align:center; top:100px;}
  #m1 .right .logo>img{height:60px;}
  #m1 .right .shadow{position:absolute; right:0; width:100%; text-align:center; top:180px;}
  #m1 .right .shadow>img{height:25px;}
}



#m2, #m3{height:650px; position:relative; z-index:3; background:#fff;}
#m2 .left{width:50%; height:100%; float:left; color:#fff; overflow:hidden; position:relative;}
#m2 .swiper-container, #m3 .swiper-container{width:100%; height:100%; transition:all .5s;}
#m2 .swiper-slide:after, #m3 .swiper-slide:after{content:''; display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.35); transition:all .3s; z-index:1;}
#m2 .swiper-slide .img, #m3 .swiper-slide .img{width:100%; height:100%; background-size:cover; background-position:center; transition:all .5s;}
#m2 .left:hover .swiper-container, #m3 .right:hover .swiper-container{transform:scale(1.08);}
#m2 .left:hover .swiper-slide:after, #m3 .right:hover .swiper-slide:after{opacity:0;}
#m2 .left:hover:after, #m3 .right:hover:after{background:rgba(0,0,0,.1);}
#m2 .swiper-pagination, #m3 .swiper-pagination{width:100%; bottom:35px; z-index:2; text-align:center;}
#m2 .swiper-pagination-bullet, #m3 .swiper-pagination-bullet{width:8px; height:8px; margin:0 7px; opacity:.6; background:#fff; transition:all .25s;}
#m2 .swiper-pagination-bullet-active, #m3 .swiper-pagination-bullet-active{width:22px; opacity:1; border-radius:100px; background:#33b371;}

#m2 .right{width:50%; height:100%; float:right; padding:80px 155px 80px 155px; box-sizing:border-box; background:#f4f5f6;}
#m3 .left>.tit, #m2 .right>.tit{font-size:4.6rem; font-weight:bold; position:relative;}
#m2 .right>.tit, #m3 .left>.tit{color:#464646;}
#m2 .right>.desc, #m3 .left>.desc{font-size:1.6rem; margin-top:20px; font-weight:300; line-height:1.6;}
#m2 .item, #m3 .item{margin-top:50px;}
#m2 .item>a, #m3 .item>a{display:block; background:#fff; width:290px; height:70px; margin:10px 20px 10px 0; font-size:1.6rem; color:#464646; float:left; position:relative; transition:all .25s; overflow:hidden;}
#m2 .item>a:before, #m3 .item>a:before{content:''; display:block; position:absolute; width:200px; height:200px; background:rgba(255,255,255,.0); transform:rotate(45deg); left:-80px; top:-100px; transition:all .45s ease;}
#m2 .item>a>p, #m3 .item>a>p{display:inline-block; width:70px; height:70px; text-align:center; line-height:70px; vertical-align:middle;}
#m2 .item>a>p img, #m3 .item>a>p img{width:60px; height:60px; vertical-align:middle;}
#m2 .item>a>span, #m3 .item>a>span{display:inline-block; vertical-align:middle; width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#m2 .item>a:after, #m3 .item>a:after{display:inline-block; content:''; vertical-align:middle; height:100%;}
#m2 .item>a:hover, #m3 .item>a:hover{background:#33b371; color:#fff;}
#m2 .item>a:hover:before, #m3 .item>a:hover:before{left:-30px; background:rgba(255,255,255,.16);}


#m3 .left{width:50%; height:100%; float:left; background:#f4f5f6; padding:80px 155px 80px 155px; box-sizing:border-box;}
#m3 .right{width:50%; height:100%; float:right; overflow:hidden; position:relative;}
#m3 .left>.tit, #m3 .right>.tit{font-size:4.6rem; font-weight:bold; position:relative;}

#m2 .tit .more, #m3 .tit .more{display:block; background:#33b371; width:100px; height:37px; line-height:35px; position:absolute; right:0; bottom:5px; color:#fff; font-size:1.3rem; font-weight:normal; text-align:center; border-radius:0 0 10px 0;}
#m2 .tit .more i, #m3 .tit .more i{font-size:1rem; vertical-align:top; margin-left:.1rem; transition:all .2s;}
#m2 .tit .more:hover i, #m3 .tit .more:hover i{margin-left:.5rem;}

@media (max-width:1680px){
  #m2 .right, #m3 .left{padding:80px 125px 80px 125px;}
  #m2 .item>a, #m3 .item>a{width:280px; height:66px;}
  #m2 .item>a:nth-child(2n+0), #m3 .item>a:nth-child(2n+0){margin-right:0;}
  #m2 .item>a>p, #m3 .item>a>p{width:66px; height:66px; line-height:66px;}
  #m2 .item>a:hover:before, #m3 .item>a:hover:before{left:-40px;}
}
@media (max-width:1440px){
  #m2, #m3{height:600px;}
  #m2 .right, #m3 .left{padding:70px 100px;}
  #m3 .left>.tit, #m2 .right>.tit{font-size:4.2rem;}
  #m2 .right>.desc, #m3 .left>.desc{font-size:1.5rem; margin-top:20px;}

  #m2 .item>a, #m3 .item>a{width:245px; height:65px; font-size:1.4rem;}
  #m2 .item>a:nth-child(2n+0), #m3 .item>a:nth-child(2n+0){margin-right:0;}
  #m2 .item>a>p, #m3 .item>a>p{width:65px; height:65px; line-height:65px;}
  #m2 .item>a>p img, #m3 .item>a>p img{width:50px; height:50px; margin-top:-2px;}
  #m2 .item>a>span, #m3 .item>a>span{width:165px;}
  #m2 .item>a:hover:before, #m3 .item>a:hover:before{left:-56px;}
}
@media (max-width:1366px){
  #m2, #m3{height:560px;}
  #m2 .right, #m3 .left{padding:60px 80px;}
  #m3 .left>.tit, #m2 .right>.tit{font-size:4rem;}
  #m2 .right>.desc, #m3 .left>.desc{font-size:1.4rem;}
}
@media (max-width:1280px){
  #m2, #m3{height:535px;}
  #m2 .right, #m3 .left{padding:60px 80px;}
  #m3 .left>.tit, #m2 .right>.tit{font-size:3.6rem;}
  #m2 .right>.desc, #m3 .left>.desc{font-size:1.4rem;}

  #m2 .tit .more, #m3 .tit .more{width:96px; height:34px; line-height:32px; font-size:1.2rem;}
  #m2 .tit .more i, #m3 .tit .more i{margin-left:.3rem;}

  #m2 .item>a, #m3 .item>a{width:225px; height:60px; font-size:1.3rem;}
  #m2 .item>a>p, #m3 .item>a>p{width:55px; height:50px; line-height:60px; padding-bottom:5px;}
  #m2 .item>a>p img, #m3 .item>a>p img{width:45px; height:45px; margin-top:-2px;}
  #m2 .item>a>span, #m3 .item>a>span{width:165px;}
  #m2 .item>a:hover:before, #m3 .item>a:hover:before{left:-66px;}
}
@media (max-width:1080px){
  #m2, #m3{height:auto;}
  #m2 .left{width:100%; height:320px; float:none;}
  #m2 .swiper-pagination, #m3 .swiper-pagination{bottom:20px;}
  #m2 .right{width:100%; height:auto; float:none; padding:40px 20px 60px 20px;}
  #m3 .left>.tit, #m2 .right>.tit{font-size:3.2rem;}
  #m2 .right>.desc, #m3 .left>.desc{font-size:1.5rem; margin-top:16px;}
  #m2 .item, #m3 .item{margin-top:30px; display:flex; flex-wrap:wrap;}
  #m2 .item>a, #m3 .item>a{width:48%; height:60px; margin:4% 4% 0 0; font-size:1.4rem; float:none; display:flex;}
  #m2 .item>a>p, #m3 .item>a>p{display:block; width:50px; height:50px; line-height:50px; flex:none; margin:5px 0 5px 5px;}
  #m2 .item>a>span, #m3 .item>a>span{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-box-pack:center; width:unset; flex:1; white-space:unset; height:35px; margin-top:11px; padding-right:5px; line-height:1.3;}
  #m2 .item>a:hover:before, #m3 .item>a:hover:before{left:-106px;}

  #m3 .right{width:100%; height:320px; float:none;}
  #m3 .left{width:100%; height:auto; float:none; padding:40px 20px 60px 20px;}

  #m2 .tit .more, #m3 .tit .more{width:86px; height:32px; line-height:30px; font-size:1.1rem;}
}



#m4{height:800px; background:url('../image/m4.jpg') no-repeat center; background-size:cover; background-color:#fff; position:relative; z-index:3; padding:80px 55px;}
#m4 .tit{color:#464646; font-size:4.6rem; letter-spacing:normal; font-weight:bold; position:relative; padding-left:100px;}
#m4 .tit:before{content:''; display:block; height:4px; width:48px; background:#33b371; position:absolute; left:100px; bottom:-30px;}

#m4 .wrap{overflow:hidden; height:580px; position:relative; margin-top:60px; padding:0 50px;}
#m4 .swiper-container{width:100%; height:100%; padding:50px; box-sizing:border-box;}
#m4 .swiper-slide{height:480px; transition:600ms; transform:scale(0.88); background:rgba(0,0,0,.03);}
#m4 .swiper-slide>a{display:block; width:100%; height:100%; transition:all .3s;}
#m4 .swiper-slide-active, #m4 .swiper-slide-duplicate-active{transform:scale(1); background:#fff; box-shadow:10px 10px 30px rgba(0,0,0,.1);}
#m4 .swiper-slide .img{height:300px; overflow:hidden; background-size:cover; background-position:center;}
#m4 .swiper-slide .title{font-size:1.9rem; color:#464646; padding:35px 32px 0 32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .25s;}
#m4 .swiper-slide .desc{font-size:1.5rem; line-height:1.6; padding:10px 32px; height:42px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; transition:all .25s;}
#m4 .swiper-slide .date{color:#ccc; font-size:1.4rem; padding:5px 32px; transition:all .25s;}
#m4 .swiper-slide .date i{display:inline-block; margin-right:.5rem; font-size:1.4rem;}
#m4 .swiper-slide>a:hover{background:#33b371;}
#m4 .swiper-slide>a:hover p{color:#fff;}
#m4 .swiper-slide>a:hover .date{color:rgba(255,255,255,.5);}

#m4 .ctrl{padding-left:96px;}
#m4 .next, #m4 .prev{display:inline-block;}
#m4 .prev{transform:scaleX(-1); margin-right:5px;}
#m4 .next i, #m4 .prev i{font-size:3.6rem; color:#464646; transition:all .2s;}
#m4 .next:hover i, #m4 .prev:hover i{color:#33b371;}

@media (max-width:1680px){
  #m4{padding:80px 25px;}
}
@media (max-width:1440px){
  #m4{padding:70px 0;}
}
@media (max-width:1366px){
  #m4 .tit{padding-left:80px;}
  #m4 .tit:before{left:80px;}
  #m4 .wrap{padding:0 35px;}

  #m4 .ctrl{padding-left:80px;}
}
@media (max-width:1280px){
  #m4{height:760px;}
  #m4 .wrap{margin-top:45px;}
  #m4 .swiper-slide .img{height:265px;}
}
@media (max-width:1080px){
  #m4{height:auto; padding:40px 0;}
  #m4 .tit{font-size:3.2rem; padding-left:20px;}
  #m4 .tit:before{height:3px; width:33px; left:20px; bottom:-20px;}

  #m4 .wrap{height:auto; margin-top:0px; padding:0 0 20px 0;}
  #m4 .swiper-container{width:100%; height:100%; padding:20px 20px 30px 20px; box-sizing:border-box; margin-top:50px;}
  #m4 .swiper-slide{width:100%; height:450px; transition:600ms; transform:scale(1); box-shadow:10px 10px 30px rgba(0,0,0,.1);}

  #m4 .ctrl{padding-left:0; text-align:center; margin-top:0px; padding-bottom:30px;}
}



#m5{height:450px; position:relative; z-index:3; background:#fff;}
#m5 .left{width:38%; float:left; background:#33b371; height:100%; padding:80px 155px; box-sizing:border-box;}
#m5 .left .tit{color:#fff; font-size:4.6rem; font-weight:bold; letter-spacing:normal; position:relative;}
#m5 .left .tit:before{content:''; display:block; height:4px; width:48px; background:#fff; position:absolute; left:0; bottom:-30px;}
#m5 .left .desc{color:#fff; font-size:1.6rem; margin-top:60px; font-weight:300; line-height:1.7;}
#m5 .more{display:block; width:150px; height:45px; line-height:44px; background:#ffffff; color:#1B1B1B; font-size:1.5rem; text-align:center; border-radius:0 0 10px 0; margin-top:50px;}
#m5 .more i{margin-left:.6rem; transition:all .2s;}
#m5 .more:hover i{margin-left:1.1rem;}

#m5 .center{width:40%; height:100%; float:left; position:relative; overflow:hidden;}
#m5 .center .img{width:100%; height:100%; background-position:center; background-size:cover; transition:all .5s ease;}
#m5 .center:hover .img{transform:scale(1.08);}
#m5 .center:after{content:''; display:block; width:100%; height:100%; position:absolute; z-index:1; background:rgba(0,0,0,.4); left:0; bottom:0; transition:all .4s ease; opacity:0;}
#m5 .center:hover:after{opacity:1;}
#m5 .center .txt{color:#fff; font-size:1.6rem; width:100%; height:50px; position:absolute; z-index:2; left:0; bottom:20px; padding:0 30px 0 52px; box-sizing:border-box; transition:all .3s ease; opacity:0;}
#m5 .center .txt:after{content:''; display:block; width:1rem; height:1rem; position:absolute; z-index:1; background:#fff; left:30px; top:5px;}
#m5 .center:hover .txt{opacity:1; bottom:0;}

#m5 .right{width:22%; height:100%; float:left; position:relative; overflow:hidden;}
#m5 .right .img{width:100%; height:100%; background-position:center; background-size:cover; transition:all .5s ease;}
#m5 .right:hover .img{transform:scale(1.08);}
#m5 .right:after{content:''; display:block; width:100%; height:100%; position:absolute; z-index:1; background:rgba(0,0,0,.4); left:0; top:0; transition:all .4s ease; opacity:0;}
#m5 .right:hover:after{opacity:1;}
#m5 .right .txt{color:#fff; font-size:1.6rem; width:100%; height:50px; position:absolute; z-index:2; left:0; bottom:20px; padding:0 30px 0 52px; box-sizing:border-box; transition:all .3s ease; opacity:0;}
#m5 .right .txt:after{content:''; display:block; width:1rem; height:1rem; position:absolute; z-index:1; background:#fff; left:30px; top:5px;}
#m5 .right:hover .txt{opacity:1; bottom:0;}

@media (max-width:1680px){
  #m5 .left{padding:80px 125px;}
}
@media (max-width:1440px){
  #m5{height:430px;}
  #m5 .left{padding:60px 100px;}
}
@media (max-width:1366px){
  #m5{height:400px;}
  #m5 .left{padding:50px 80px;}
  #m5 .left .tit{font-size:4.2rem;}
  #m5 .left .desc{font-size:1.5rem;}

  #m5 .center .txt, #m5 .right .txt{font-size:1.5rem;}
}
@media (max-width:1280px){
  #m5 .left, #m5 .center, #m5 .right{width:33.333333%;}
}
@media (max-width:1080px){
  #m5{height:auto;}
  #m5 .left{width:100%; float:none; padding:40px 30px 50px 30px; height:auto;}
  #m5 .left .tit{font-size:3.2rem;}
  #m5 .left .tit:before{width:33px; height:3px; bottom:-20px;}
  #m5 .left .desc{margin-top:50px;}
  #m5 .more{width:130px; height:43px; line-height:41px; margin-top:40px;}

  #m5 .center{width:50%; height:150px; float:left;}
  #m5 .center .txt{opacity:0 !important;}

  #m5 .right{width:50%; height:150px; float:right;}
  #m5 .right .txt{opacity:0 !important;}
}


#m6{height:450px; position:relative; z-index:3; background:#fff;}
#m6 .left{width:38%; height:100%; float:left; position:relative; overflow:hidden;}
#m6 .left .img{width:100%; height:100%; background-position:center; background-size:cover; transition:all .5s ease;}
#m6 .left:hover .img{transform:scale(1.08);}
#m6 .left:after{content:''; display:block; width:100%; height:100%; position:absolute; z-index:1; background:rgba(0,0,0,.4); left:0; top:0; transition:all .4s ease; opacity:0;}
#m6 .left:hover:after{opacity:1;}
#m6 .left .txt{color:#fff; font-size:1.6rem; width:100%; height:50px; position:absolute; z-index:2; left:0; bottom:20px; padding:0 30px 0 52px; box-sizing:border-box; transition:all .3s ease; opacity:0;}
#m6 .left .txt:after{content:''; display:block; width:1rem; height:1rem; position:absolute; z-index:1; background:#fff; left:30px; top:5px;}
#m6 .left:hover .txt{opacity:1; bottom:0;}

#m6 .center{width:22%; height:100%; float:left; background:#d8ae5d; color:#fff; padding:60px; box-sizing:border-box; overflow:hidden;}
#m6 .center p{margin-bottom:20px; font-size:1.5rem; font-weight:300; line-height:1.7;}
#m6 .center div{padding-top:30px; padding-bottom:40px;}
#m6 .center div>i{font-size:15rem; margin-left:-10px;}

#m6 .right{width:40%; height:100%; float:left; position:relative; overflow:hidden;}
#m6 .right .img{width:100%; height:100%; background-position:center; background-size:cover; transition:all .5s ease;}
#m6 .right:hover .img{transform:scale(1.08);}
#m6 .right:after{content:''; display:block; width:100%; height:100%; position:absolute; z-index:1; background:rgba(0,0,0,.4); left:0; top:0; transition:all .4s ease; opacity:0;}
#m6 .right:hover:after{opacity:1;}
#m6 .right .txt{color:#fff; font-size:1.6rem; width:100%; height:50px; position:absolute; z-index:2; left:0; bottom:20px; padding:0 30px 0 52px; box-sizing:border-box; transition:all .3s ease; opacity:0;}
#m6 .right .txt:after{content:''; display:block; width:1rem; height:1rem; position:absolute; z-index:1; background:#fff; left:30px; top:5px;}
#m6 .right:hover .txt{opacity:1; bottom:0;}

@media (max-width:1440px){
  #m6{height:430px;}
  #m6 .center{padding:50px;}
  #m6 .center div{padding-bottom:30px;}
}
@media (max-width:1366px){
  #m6{height:400px;}
  #m6 .left .txt, #m6 .right .txt{font-size:1.5rem;}
  #m6 .center{padding:40px;}
  #m6 .center div{padding-bottom:20px;}
}
@media (max-width:1280px){
  #m6 .left, #m6 .center, #m6 .right{width:33.333333%;}
}
@media (max-width:1080px){
  #m6{height:auto;}
  #m6 .left{width:100%; height:280px; float:none;}

  #m6 .center{width:50%; float:left; height:300px; padding:0 20px;}
  #m6 .center div{padding:25px 0 0 0;}
  #m6 .center div>i{font-size:12rem;}

  #m6 .right{width:50%; float:left; height:300px;}
  #m6 .right .txt{opacity:0 !important;}
}



#m7{height:100%; background:url('../image/m7.jpg') no-repeat center; background-size:cover; position:relative; z-index:3;}
#m7 .wrap{width:1332px; height:654px; position:absolute; left:50%; top:50%; margin:-327px 0 0 -666px;}
#m7 .wrap .left{width:654px; height:100%; position:relative; float:left; overflow:hidden; display:block;}
#m7 .wrap .right{width:654px; height:100%; float:right;}
#m7 .wrap .right .top{width:100%; height:315px; display:block; position:relative; overflow:hidden;}
#m7 .wrap .right .btm{width:100%; height:315px; display:block; margin-top:24px; position:relative; overflow:hidden;}
#m7 .img{width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; transition:all .45s;}
#m7 i{position:absolute; left:30px; bottom:30px; color:#fff; font-size:5.2rem; z-index:2; transition:all .45s ease;}
#m7 .tit{position:absolute; left:90px; bottom:35px; color:#fff; font-size:2.8rem; z-index:2; transition:all .35s ease;}
#m7 .wrap .right .btm .tit{left:96px;}
#m7 .wrap .left:after, #m7 .wrap .right .top:after, #m7 .wrap .right .btm:after{content:''; display:block; width:100%; height:100%; position:absolute; z-index:1; left:0; top:0; background:rgba(0,0,0,0); transition:all .35s;}
#m7 .wrap .left:hover:after,  #m7 .wrap .right .top:hover:after, #m7 .wrap .right .btm:hover:after{background:rgba(0,0,0,.4);}
#m7 .wrap .left:hover .img,  #m7 .wrap .right .top:hover .img, #m7 .wrap .right .btm:hover .img{transform:scale(1.06);}
#m7 .wrap .left:hover .tit,  #m7 .wrap .right .top:hover .tit, #m7 .wrap .right .btm:hover .tit{left:30px; bottom:30px; font-size:4.2rem;}
#m7 .wrap .left:hover i,  #m7 .wrap .right .top:hover i, #m7 .wrap .right .btm:hover i{left:212px; bottom:35px; font-size:2.6rem;}

@media (max-width:1366px){
  #m7 .wrap{width:1148px; height:564px; margin:-282px 0 0 -574px;}
  #m7 .wrap .left{width:564px;}
  #m7 .wrap .right{width:564px;}
  #m7 .wrap .right .top{height:272px;}
  #m7 .wrap .right .btm{height:272px; margin-top:20px;}
  #m7 i{font-size:4.2rem;}
  #m7 .tit{left:80px; font-size:2.4rem;}
  #m7 .wrap .right .btm .tit{left:86px;}
  #m7 .wrap .left:hover .tit,  #m7 .wrap .right .top:hover .tit, #m7 .wrap .right .btm:hover .tit{left:30px; bottom:30px; font-size:3.6rem;}
  #m7 .wrap .left:hover i,  #m7 .wrap .right .top:hover i, #m7 .wrap .right .btm:hover i{left:188px; bottom:35px; font-size:2.4rem;}
}
@media (max-width:1080px){
  #m7{height:auto; padding:50px 30px 80px 30px; box-sizing:border-box;}
  #m7 .wrap{width:100%; height:auto; position:relative; left:0; top:0; margin:0;}
  #m7 .wrap .left{width:100%; height:300px; float:none;}
  #m7 .wrap .right{width:100%; height:auto; float:none; margin-top:20px;}
  #m7 .wrap .right .top{height:200px;}
  #m7 .wrap .right .btm{height:200px;}

  #m7 i{left:20px; bottom:20px;}
  #m7 .tit{left:70px; bottom:25px; font-size:2rem;}
  #m7 .wrap .right .btm .tit{left:72px;}

  #m7 .wrap .left:hover .tit,  #m7 .wrap .right .top:hover .tit, #m7 .wrap .right .btm:hover .tit{left:20px; bottom:20px; font-size:3.2rem;}
  #m7 .wrap .left:hover i,  #m7 .wrap .right .top:hover i, #m7 .wrap .right .btm:hover i{left:158px; bottom:25px; font-size:2rem;}
}