@charset "utf-8";
/* CSS Document */

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      /*width: 100%;
      height: 100%;*/
      object-fit: cover;
    }

  

    .swiper {
      width: 100%;
	/*  height:960px;*/
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
      width:calc(100% - 5rem - 20px); float:right;display: inline-block;
    }

    .mySwiper {
		float:left;
      width: 5rem;
	  margin-right:10px;
      box-sizing: border-box;display: inline-block;
     /* padding: 10px 0;*/
    }

    .mySwiper .swiper-slide {
    /*  width: 25%;*/
	width:100%;
      opacity: 0.6;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	.mySwiper .swiper-slide img{
	width: 5rem;
      height: 5rem;
	}
	
.show_boxleft { width:65%; float:left;}
.show_boxright { width:calc(35% - 20px); float:right; height: 500px;}
.show_boxright h3 { line-height:4rem; font-size:22px;}
.show_nr { width:100%;height: calc(100% - 240px - 3.125rem); overflow-y:scroll;}
.rwm_01 { width:100%; height:175px; text-align:center;}
.rwm_01 img{ width:175px; height:175px; line-height:130px; float:left;}
.rwm_01 p{ display:block;}
.lxwm_01 {   background-color:#010101; color:#FFF; margin-top: 0.5rem;font-size: .875rem; font-weight:600; text-align:center;justify-content: center;
   
    line-height: 2.625rem;
    min-height: 2.625rem; cursor:pointer;}
@media screen and (max-width:1440px){
	.swiper {
	 /* height:830px;*/
	}
}
@media screen and (max-width:1024px){
	.w1680 { width:96%; margin:0 auto;}
	.show_boxleft { width:98%;}
	.show_boxright { width:98%; font-size:1rem; line-height:2rem;height: auto !important;}
	.show_boxright h3 { line-height:3rem; font-size:1rem;}
	.mySwiper2 { width:100%;}
	
	.mySwiper { width:100%;height: 7rem !important; float:none;padding: 10px 0;}
	.mySwiper .swiper-wrapper { }
	.mySwiper .swiper-slide {  display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
	.mySwiper2 { height:auto !important;}
	
}
@media screen and (max-width:768px){
	
	.mySwiper { width:100%;height: 8rem; float:none;}

}
@media screen and (max-width:500px){
	
	.mySwiper { width:100%;height: 6rem; float:none;}

}
@media screen and (max-width:1024px){
/*	.w1680 { width:96%; margin:0 auto;}
	.show_boxleft { width:98%;}
	.show_boxright { width:98%; font-size:1rem; line-height:2rem;height: auto !important;}
	.show_boxright h3 { line-height:3rem; font-size:1rem;}
	 .mySwiper2 {
      width: 80%; float:right;
    }
	.mySwiper {
		float:left;
      width: 18%;
      box-sizing: border-box;
      padding: 10px 0;
	  height:auto;
    }
	.mySwiper .swiper-wrapper { }
	.mySwiper .swiper-slide { width:100%;  display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
	.mySwiper2 { height:auto !important;}
	*/
}