@charset "utf-8";



#banner{height:100%; position:fixed; width:100%; z-index:1; left:0; top:0;}
#banner_sm{height:600px; position:fixed; width:100%; z-index:1; left:0; top:0;}
#banner>div, #banner_sm>div{width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat;}
#banner_sm .menu{position:absolute; z-index:2; width:100%; text-align:center; margin-top:-65px;}
#banner_sm .menu>a{display:inline-block; color:#fff; font-size:1.8rem; margin:0 18px; transition:all .2s;}
#banner_sm .menu>a:hover,#banner_sm .menu>a.active{color:#ff4545;}


#space{height:100%;}
#space_sm{height:600px;}


#am1, #sm1{padding:102px 0 156px 0; position:relative; z-index:3; background:#fff; text-align:center;}
#am1 .watch{max-width:1280px; margin:75px auto 0 auto; padding:0 20px; box-sizing:border-box;}
#am1 .watch>div{width:372px; float:left; padding:0 20px; text-align:center;}
#am1 .watch .num{font-size:6.8rem; color:#2d2d2d; font-weight:bold; font-family:Arial; letter-spacing:-0.25rem;}
#am1 .watch .num>span{display:inline-block;}
#am1 .watch .num>sup{font-size:3.2rem; vertical-align:top; margin:0 0 0 5px; padding-top:2px; display:inline-block;}
#am1 .watch .num>sup.s{font-size:2.1rem; padding-top:5px;}
#am1 .watch .tit{color:#2d2d2d; font-size:2.4rem; margin-top:5px;}
#am1 .watch .desc{font-size:1.6rem; margin-top:12px;}
#am1 strong{display:inline-block;}

#am1 .contact .mp-br{display: inline-block;}

#am2{height:650px; position:relative; z-index:3; background:url('../img/am2.jpg') no-repeat fixed center/cover;}
#spm2{height:600px; position:relative; z-index:3; background:url('../img/spm2.jpg') no-repeat fixed center/cover;}


#am3, #sm3{padding:102px 0 156px 0; position:relative; z-index:3; background:#fff; text-align:center;}

#am3{padding-bottom: 186px;}
#am3 .box{width: 970px; margin: 70px auto auto auto;}
#am3 .box .item{width: 300px; float: left; margin-right: 35px; text-align: center;}
#am3 .box .item:last-child{margin-right: 0;}
#am3 .box .item .tit{width: 85px; height: 85px; border: 1px solid #777; border-radius: 50%; font-size: 2.4rem; color: #2d2d2d; text-align: center; line-height: 83px; margin: auto;}
#am3 .box .item .desc{font-size: 1.867rem; color: #777; margin-top: 18px;}


#am4{height:800px; position:relative; z-index:3; background-position: center; background-repeat: no-repeat; background-size: cover;}



#am5{padding:102px 0 156px 0; position:relative; z-index:3; background:#fff;}
#am5>.wrap>.tit{color:#2d2d2d; text-align:center; font-size:4rem; font-weight:bold;}
#am5>.wrap>.desc{color:#2d2d2d; text-align:center; font-size:2.4rem; margin-top:42px;}
#am5>.wrap>.text{font-size:1.8rem; text-align:center; margin-top:20px;}

#am5 .list{max-width:1500px; margin-top:60px;}
#am5 .list>a{display:block; width:220px; float:left; margin-right:75px; height:130px; line-height:130px; text-align:center; position:relative;}
#am5 .list>a:nth-child(5n){margin-right: 0;}
#am5 .list>a>img{max-width:186px; height:auto; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; transition:all .25s;}
#am5 .list>a>img.grey{z-index:1; opacity:1;}
#am5 .list>a>img.color{z-index:2; opacity:0;}
#am5 .list>a:hover>img.grey{opacity:0;}
#am5 .list>a:hover>img.color{opacity:1;}



#related{padding:100px 0 105px 0; background:#191919; position:relative; z-index:3;}
#related>.wrap>.tit{color:#666; font-size:1.8678rem;}
#related .block{margin-top:25px;}
#related .block>a{display:block; width:700px; float:left;}
#related .block>a{display:block; width:50%; float:left; position:relative; padding-bottom:30%; height:0; overflow:hidden;}
#related .block>a .img{width:100%; height:100%; position:absolute; z-index:1; left:0; top:0; background-position:50%; background-repeat:no-repeat; background-size:cover; transition:all 0.3s; transform:scale(1.0000000001);}
#related .block>a:after{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:2; transition:all .35s; opacity:0;}
#related .block>a .box{display:table; width:100%; height:100%; z-index:3; position:absolute; opacity:0; transition:all .36s; margin-top:-15px;}
#related .block>a .con{color:#fff; display:table-cell; vertical-align:middle; text-align:center;}
#related .block>a .con .tit{font-size:2.4rem;}
#related .block>a .con .desc{font-size:1.8rem; font-weight:300; margin-top:13px;}
#related .block>a:hover:after{opacity:1;}
#related .block>a:hover .img{transform:scale(1.05);}
#related .block>a:hover .box{margin-top:0; opacity:1;}



#cm1{background:#fff; position:relative; z-index:3;}
#cm1 a{display:block; width:50%; float:left; position:relative; padding-bottom:30%; height:0; overflow:hidden;}
#cm1 a .img{width:100%; height:100%; position:absolute; z-index:1; left:0; top:0; background-position:50%; background-repeat:no-repeat; background-size:cover; transition:all 0.3s; transform:scale(1.0000000001);}
#cm1 a:after{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:2; transition:all .35s; opacity:0;}
#cm1 a .box{display:table; width:100%; height:100%; z-index:3; position:absolute; opacity:0; transition:all .36s; margin-top:-15px;}
#cm1 a .con{color:#fff; display:table-cell; vertical-align:middle; text-align:center;}
#cm1 a .con .tit{font-size:2.4rem;}
#cm1 a .con .desc{font-size:1.8rem; font-weight:300; margin-top:13px;}
#cm1 a:hover:after{opacity:1;}
#cm1 a:hover .img{transform:scale(1.05);}
#cm1 a:hover .box{margin-top:0; opacity:1;}

#cm2{background:#fff; position:relative; z-index:3; padding-top:0px; padding-bottom:105px;}
#cm2 a{display:block; width:200px; height:44px; text-align:center; line-height:43px; border:1px solid #2d2d2d; color:#2d2d2d; font-size:1.6rem; margin:auto; transition:all .2s;}
#cm2 a:hover{background:#2d2d2d; color:#fff;}

#loading{background:#fff; position:relative; z-index:3; padding:50px 0 0 0;}
.loading-box{height:47px; text-align:center; line-height:47px; visibility:hidden;}
.loading-box>div{width:12px; height:12px; background-color:#ff4545; border-radius:100%; display:inline-block; animation:bouncedelay 1.4s infinite ease-in-out; animation-fill-mode:both; margin:0 3px;}
.loading-box .bounce1{animation-delay:-0.32s;}
.loading-box .bounce2 {animation-delay:-0.16s;}
@keyframes bouncedelay{
  0%,80%,100%{transform:scale(0.0);}
  40%{transform:scale(1.0);}
}


#cmv1{padding:100px 0 60px 0; background:#fff; position:relative; z-index:3;}
#cmv1 .l{width:550px; float:left;}
#cmv1 .r{width:700px; float:right; color:#2d2d2d; line-height:1.9; font-size:1.8rem;}

#cmv1 .l>.tit{color:#2d2d2d; font-size:2.4rem; font-weight:bold;}
#cmv1 .l>.con{color:#2d2d2d; font-size:1.6rem; line-height:1.9; margin-top:15px;}

#cmv1 .r strong,#cmv1 .r b{display:inline-block;}
#cmv1 .r p{margin-bottom:40px;}

#cmv2{background:#fff; position:relative; z-index:3; text-align:center;}
#cmv2 p{margin:0; padding:0;}
#cmv2 img{max-width:100%;}

#cmv3{background:#fff; position:relative; z-index:3; text-align:center; padding:46px 0 126px 0;}
#cmv3 a{display:inline-block; width:46px; height:46px; margin:0 20px;}



#sm1 .watch{max-width:1573px; text-align:left; padding:109px 0 0 0;}
#sm1 .watch>div{width:220px; float:left; margin-right:173px;}
#sm1 .watch>div:nth-child(5){margin-right: 0;}
#sm1 .watch>div .img{width:80px; height:80px; border:1px solid #2d2d2d; border-radius:50%; position:relative; transition:all .35s;}
#sm1 .watch>div .img img{position:absolute; width:100%; height:100%; left:0; top:0; transition:all .25s; z-index:2;}
#sm1 .watch>div .tit{font-size:3.5rem; color:#2d2d2d; margin-top:16px;}
#sm1 .watch>div .con{font-size:1.8rem; line-height:2; margin-top:20px;}
#sm1 .watch .clear{display: none;}


#sm2{height:520px; background:#070707 url('../img/sm2.jpg') center no-repeat; position:relative; z-index:3; background-size:cover;}

#sm3 .menu{margin-top:60px;}
#sm3 .menu>a{display:inline-block; width:166px; height:41px; line-height:40px; font-size:1.8rem; color:#2d2d2d; text-align:center; border:2px solid #2d2d2d; margin-right:-5px; transition:all .2s;}
#sm3 .menu>a:hover, #sm3 .menu>a.active{background:#2d2d2d; color:#fff;}
#sm3 .p1{display:none;}


#spm4{height:600px; background:#fff url('../img/spm4.jpg') center/cover no-repeat fixed; position:relative; z-index:3;}

#spm5, #spm7{padding:102px 0 156px 0; position:relative; z-index:3; background:#fff; text-align:center;}
#spm5 ul{width:1120px; margin:70px auto 0 auto; text-align:left; padding-left:20px; box-sizing:border-box;}
#spm5 ul>li{width:220px; margin-right:60px; float:left; font-size:1.8rem; margin-bottom:14px; list-style:disc;}
#spm5 ul>li:nth-child(4n+0){margin-right:0;}

#spm6{height:600px; background:#fff url('../img/spm6.jpg') center/cover no-repeat fixed; position:relative; z-index:3;}



#space_vw{height:200px;}
#space_vw_v{height:250px;}

#vm1 .menu a{font-size:1.6rem; display:inline-block; margin-right:23px; transition:all .2s;}
#vm1 .menu a:hover, #vm1 .menu a.active{color:#ff4545;}

#vm2{background:#f9f9f9; margin-top:30px; min-height:318px;}
#vm2 .list a{display:block; width:456px; float:left; margin-right:16px; margin-bottom:80px;}
#vm2 .list a:nth-child(3n+0){margin-right:0;}
#vm2 .list a .img{width:100%; height:295px; background:#eee; overflow:hidden;}
#vm2 .list a .img>p{width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all .25s; transform:scale(1.00000000001);}
#vm2 .list a .tit{font-size:2.134rem; color:#2d2d2d; margin-top:26px;}
#vm2 .list a .desc{font-size:1.6rem; color:#888; margin-top:18px; line-height:1.6; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#vm2 .list a:hover .img>p{transform:scale(1.06);}

#vm2 .pager{min-height:145px;}
#vm2 .pagination{text-align:center; padding-bottom:106px; font-size:1.6rem;}
#vm2 .pagination li{display:inline-block;}
#vm2 .pagination li:first-child, #vm2 .pagination li:last-child{display:none;}
#vm2 .pagination li span, #vm2 .pagination li a{display:inline-block; padding:8px;}
#vm2 .pagination li.active span{color:#2d2d2d; text-decoration:underline;}
#vm2 .pagination li a:hover, #vm2 .pagination li a:active{color:#ff4545;}
#vm2 .pagination li:after{display:none;}
#vm2 .pagination li span:after, #vm2 .pagination li a:after{display:none;}

#vm{background:#f9f9f9;}

#vm .l{width:425px; float:left; padding:18px 0 63px 0;}
#vm .l .tit{font-size:3.734rem; color:#2d2d2d; font-weight:bold;}
#vm .l .cls{margin-top:80px; font-size:1.875rem;}
#vm .l .date{margin-top:8px; font-size:1.875rem;}

#vm .r{width:915px; float:right;}
#vm .r .con{font-size:1.6rem; line-height:2;}
#vm .r .con strong, #vm .r .con b{display:inline-block;}
#vm .r .con p{margin-bottom:50px;}
#vm .r .ctrl{padding:20px 0 110px 0; margin-left:-7px;}
#vm .r .ctrl a{display:inline-block; margin-right:65px;}



@media (max-width:1440px){
  #vm2 .list a{width:429px;}
  #vm .l{width:400px;}
  #vm .r{width:845px;}

  #sm1 .watch>div{margin-right: 146px;}

  #am5 .list>a{width:200px; height:118px;}
  #am5 .list>a>img{max-width:170px;}
}
@media (max-width:1366px){
  #vm2 .list a{width:411px; margin-bottom:70px;}
  #vm .l{width:390px;}
  #vm .r{width:800px;}

  #sm1 .watch>div{margin-right: 128px;}

  #am5 .list>a{width:193px; height:114px;}
  #am5 .list>a>img{max-width:160px;}
}
@media (max-width:1280px){
  #cmv1 .l{width:500px;}
  #cmv1 .r{width:650px;}

  #vm2 .list a{width:382px; margin-bottom:60px;}
  #vm .l{width:380px;}
  #vm .r{width:730px;}

  #sm1 .watch>div{margin-right: 100px;}

  #am1 .watch>div{width:363px;}
  #am5 .list>a{width:176px; height:104px;}
  #am5 .list>a>img{max-width:150px;}
}
@media (max-width:1080px){
  #banner{height:80%;}
  #loading{padding:10px 0 0 0;}
  #space{height:80%;}

  #cm1 a{width:100%; float:none; padding-bottom:60%;}
  #cm1 a .con .tit{font-size: 2.0rem;}
  #cm1 a .con .desc{font-size: 1.45rem; padding: 0 20px; margin-top: 5px;}
  #cmv1{padding:30px 0 45px 0;}
  #cmv1 .l{width:100%; float:none; padding: 20px; box-sizing: border-box;}
  #cmv1 .r{width:100%; float:none; padding: 20px; box-sizing: border-box;}
  #cmv1 .l>.tit{font-size: 2.0rem;}
  #cmv1 .l>.con{font-size: 1.45rem;}
  #cmv1 .r strong, #cmv1 .r b, #cmv1 .r p{font-size: 1.45rem;}
  #cmv1 .r p{margin-bottom: 20px;}

  #cmv2 img{display: block; width: auto; max-width: 100%;}

  #am1, #sm1{padding:48px 0 58px 0;}
  #am1 .wrap, #sm1 .wrap{padding: 0 20px;}

  #sm1 .black1{text-align: left;}
  #sm1 .black1 strong{font-size: 2.6rem;}
  #sm1>.wrap>p{font-size: 1.45rem !important; text-align: left;}
  #sm1 .watch{max-width:100%; text-align:left; padding:48px 0 0 0;}
  #sm1 .watch>div{width:50%; float:none; margin-right:0; margin-bottom: 40px; float: left;}
  #sm1 .watch>div .img{width: 50px; height: 50px;}
  #sm1 .watch>div .tit{font-size: 2.0rem; margin-top: 10px;}
  #sm1 .watch>div .con{font-size: 1.45rem; margin-top: 10px;}
  #sm1 .watch .clear{float: none; clear: both; display: block;}

  #sm2{height:186px; background-size:cover;}

  #sm3 .wrap{padding: 0 0; text-align: left;}
  #sm3 .black1 strong{font-size: 2.6rem;}
  #sm3 .wrap p{font-size: 1.45rem !important;}
  #sm3 .wrap p:last-child{margin-top: 20px !important;}

  #sm3 .menu>a{width: 50%; box-sizing: border-box; font-size: 1.6rem; line-height:37px;}

  #space_vw{height:110px;}
  #space_vw_v{height:100px;}

  #vm1 .menu{padding: 0 20px;}
  #vm1 .menu a{margin-right:15px; font-size: 1.45rem;}

  #vm2{min-height:unset; padding: 0 20px; background: #fff; margin-top: 20px;}
  #vm2 .list a{width:100%; float:none; margin-right:0; margin-bottom:60px;}
  #vm2 .list a .tit{font-size: 2rem; margin-top: 16px;}
  #vm2 .list a .desc{font-size: 1.45rem; margin-top: 8px;}


  #vm2 .pager{min-height:145px; text-align: left; margin-left: -10px;}
  #vm2 .pagination{font-size:1.45rem; text-align: left; padding-top: 0; margin-top: -25px;}
  #vm2 .pagination li span, #vm2 .pagination li a{padding:12px;}

  #vm{background:#fff; padding: 20px;}

  #vm .l{width:100%; float:none; padding:18px 0 0 0;}
  #vm .l .tit{font-size: 2.6rem;}
  #vm .l .cls{margin-top:20px; font-size: 1.45rem;}
  #vm .l .date{font-size: 1.45rem;}
  #vm .r .con{font-size: 1.45rem;}
  #vm .r .con p{margin-bottom: 30px;}

  #vm .r{width:100%; float:none; margin-top: 40px;}
  #vm .r .ctrl, #cmv3{padding:20px 0 110px 0; text-align: left;}
  #cmv3{padding: 40px 20px 110px 13px;}
  #vm .r .ctrl a, #cmv3 a{display:inline-block; margin-right:35px; width: 20px; height: 20px; margin-left: 3px;}
  #vm .r .ctrl a:last-child, #cmv3 a:last-child{margin-right: 0;}

  #am1{padding-bottom: 50px;}
  #am1 .black1 strong{font-size: 2.6rem !important; text-align: left;}
  #am1 .wrap p{text-align: left; font-size: 1.45rem !important;}
  #am1 .wrap p:last-child{margin-top: 25px !important;}

  #am1 .watch{max-width:100%; padding:0 20px; margin-top: 55px;}
  #am1 .watch>div{width:100%; float:none; padding:0; margin-bottom: 40px; text-align: left;}
  #am1 .watch .num{}
  #am1 .watch .tit{font-size: 2.0rem; margin-top: 2px;}
  #am1 .watch .desc{font-size: 1.45rem; margin-top: 5px;}

  #am3 .wrap .black1 strong{font-size: 2.6rem !important; text-align: left !important; line-height: 1.3; display: block;}
  #am3 .wrap p:nth-child(2){text-align: left; font-size: 2rem !important; margin-top: 30px !important;}
  #am3 .wrap p:nth-child(3){text-align: left; font-size: 1.45rem !important; margin-top: 30px !important;}

  #am2, #am4{height: 450px !important;}

  #am2{height:300px; background: url('../img/am2.jpg') no-repeat center/cover;}

  #am3, #sm3{padding:48px 20px 56px 20px;}

  #am3{padding-bottom: 66px;}
  #am3 .box{width: 100%;}
  #am3 .box .item{width: 30%; float: left; margin-right: 3.33333%; margin-bottom: 40px;}
  #am3 .box .item:last-child{margin-right: 0; width: 33.3333333%;}
  #am3 .box .item .tit{width: 60px; height: 60px; font-size: 1.8rem; line-height: 60px; margin: unset;}
  #am3 .box .item .desc{font-size: 1.45rem !important; margin-top: 15px !important;}

  #am5{padding:62px 20px 86px 20px;}
  #am5>.wrap>.tit{font-size: 2.6rem; text-align: left;}
  #am5>.wrap>.desc{font-size: 2.0rem; margin-top: 26px; text-align: left;}
  #am5>.wrap>.text{font-size: 1.45rem; text-align: left; margin-top: 10px; line-height: 1.88;}
  #am5 .list{max-width:100%; margin-top: 40px;}
  #am5 .list>a{display:block; width:50%; float:left; margin-right:0; height:60px; line-height:60px;}
  #am5 .list>a>img{max-width:60%; margin: unset;}

  #am1 .contact{margin-top: 66px !important;}
  #am1 .contact>p{text-align: left !important;}
  #am1 .contact>p:last-child{margin-top: 0 !important;}
  #am1 .contact .mp-br{display: block;}

  #related{padding:60px 20px 75px 20px;}
  #related>.wrap>.tit{font-size: 1.6rem;}
  #related .block>a{display:block; width:100%; float:none; padding-bottom:60%; margin-bottom: 20px;}
  #related .block>a .con .tit{font-size: 2.0rem;}
  #related .block>a .con .desc{font-size: 1.45rem; margin-top: 5px; padding: 0 20px;}
}