/*Tips*/
.tips_wind { display: none; width: 100%; position: fixed; z-index: 9999; left: 0; top: 33%; text-align: center; font-size: 14px; }

.tips_wind span { background: rgba(0, 0, 0, 0.7); border-radius: 6px; color: #fff; text-align: center; line-height: 30px; padding: 10px 12px; margin: 0 auto; display: inline-block; max-width: 180px; }

#loading { width: 100%; height: 100%; background-color: #000; position: fixed; left: 0; top: 0; z-index: 99998; }

#loadingAnim { width: 360px; height: 200px; position: fixed; left: 50%; top: 50%; margin: -180px 0 0 -180px; z-index: 99999; }

#loadingAnim .loadingtit { width: 100%; height: 50px; line-height: 50px; font-size: 20px; color: #999; text-align: center; }

#loadingAnim .loadingtxt { width: 100%; height: 60px; line-height: 60px; font-size: 40px; color: #fff; text-align: center; }

#loadingAnim .loadingAnim-img-wrap { position: absolute; left: 80px; top: 120px; width: 200px; height: 1px; }

#loadingAnim .loadingAnim-img-wrap .loadingAnim-img { position: absolute; right: 0; top: 0; width: 100%; height: 2px; background-color: #000; }

#loadingAnim .loadingAnim-img-wrap .loadingAnim-img-g { position: absolute; right: 0; top: 0; width: 100%; height: 2px; background-color: #fff; }

.comment { background: #151143 url("../images/bj.png") no-repeat center top; min-height: 2000px; width: 100%; }

.warpbox .center { background: no-repeat center  top; }

.box1 { padding: 40px 0 380px; }

.box1 .center { height: 532px; position: relative; }

.box1 .btnbox { position: absolute; width: 100%; left: 0; bottom: -120px; height: 75px; text-align: center; font-size: 0px; }

.box1 .btnbox a { display: inline-block; vertical-align: middle; background: url("/sw/ea3dm/images/ico_img.png") no-repeat center; }

.box1 .btnbox a:hover { opacity: 0.9; }

.box1 .btnbox .btn2 { height: 75px; width: 345px; background-position: 0 -233px; margin-left: -12px; }

.box1 .btnbox .btn1 { height: 75px; width: 377px; background-position: 0 -340px; margin-right: -12px; }

.box2 { padding: 30px 0 140px 0; }

.box2 .center { background-image: url("/sw/ea3dm/images/warpbox2.png"); width: 1090px; height: 1869px; position: relative; left: 50%; margin-left: -545px; }

.box3 { padding: 45px 0 400px 0; }

.box3 .center { background-image: url("/sw/ea3dm/images/warpbox3.png"); width: 1064px; height: 573px; position: relative; left: 50%; margin-left: -532px; padding-top: 530px; }

.swiperbox { height: 530px; margin: 0 auto; width: 900px; position: relative; text-align: center; }

.swiperbox .swiper-container { height: 100%; }

.swiperbox .swiper-container .swiper-slide { width: 235px; height: 180px; }

.swiperbox .swiper-container .img { width: 235px; height: 130px; display: block; position: relative; overflow: hidden; margin: 0 auto; }

.swiperbox .swiper-container .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.swiperbox .swiper-container .img .lab { height: 32px; line-height: 32px; display: block; position: absolute; padding: 0 10px; min-width: 50px; text-align: center; bottom: 0; font-weight: bold; }

.swiperbox .swiper-container .img .lab1 { left: 0; background: #4b0100; color: #e04f00; }

.swiperbox .swiper-container .img .lab2 { right: 0; background: #016e01; color: #61ce01; }

.swiperbox .swiper-container .name { display: block; width: 250px; margin: 0 auto; text-align: center; height: 50px; line-height: 50px; color: #fff; letter-spacing: 1px; overflow: hidden; }

.swiperbox .swiper-prev, .swiperbox .swiper-next { position: absolute; background: url("/sw/ea3dm/images/ico_img.png") no-repeat center; display: block; top: 50%; height: 199px; width: 98px; margin-top: -100px; outline: none; cursor: pointer; }

.swiperbox .swiper-next { background-position: -226px 0; right: -200px; }

.swiperbox .swiper-prev { background-position: 0 0; left: -200px; }

.swiperbox .swiper-pagination { width: 100%; bottom: -30px; left: 0; z-index: 100; }

.swiperbox .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 0.8; background: #fff; margin: 0 4px; outline: none; }

.swiperbox .swiper-pagination .swiper-pagination-bullet-active { background: #007aff; opacity: 1; }

@media screen and (max-width: 1310px) { .box3 .swiperbox .swiper-next { right: -150px; }
  .box3 .swiperbox .swiper-prev { left: -150px; } }