@charset "utf-8";
#productView { width: 90%; margin: 0 auto; }
.proimg { width: 40%; position:relative; }
.mySwiper2, .mySwiper { width:80%; }
.mySwiper2 .swiper-slide { background-color:#F1F0F1; }
.mySwiper { padding-top:10px; margin-top:10px; }
.mySwiper .swiper-slide { background-color:#F1F0F1; }
.mySwiper .swiper-slide-thumb-active:before { border-width: 0 10px 10px 10px; border-style: solid; content: ''; border-color: transparent; border-bottom-color: #000000; border-bottom-color:;
position: absolute; top: -10px; left: 50%; margin-left: -10px }
.mySwiper .swiper-slide-thumb-active:after { border-width: 2px; border-style: solid; border-color: #000000;  border-color:;
left: 0; right: 0; top: 0; bottom: 0; content: ''; position: absolute; z-index: 2 }
.swiper-button-next,.swiper-button-prev { color:#999; }
.swiper-button-prev { }
.protxt { width: 45%; }
.protxt .h1 { font-size: 2.8rem; margin-top: 30px; }
.protxt .h2 { font-size: 1.8rem; padding: 20px 0; }
.protxt p { font-size: 1.4rem; line-height: 190%; padding: 20px 0; border-top: 2px #F1F0F1 solid; border-bottom: 2px #F1F0F1 solid; color: #666; }
.intro { width: 100%; margin: 100px 0; }
.intro img { max-width: 100%; }
 @media only screen and (max-width: 1280px) {
}
 @media only screen and (max-width: 960px) {
.proimg { width: 100%; }
.protxt { width: 100%; }
}
@media only screen and (max-width: 860px) {
.protxt .h1 { font-size: 1.8rem; margin-top: 30px; }
.protxt .h2 { font-size: 1.4rem; padding: 20px 0; }
.protxt p { font-size: 1.2rem; }

}
@media only screen and (max-width: 640px) {
.mySwiper2, .mySwiper { width:100%; }
.intro { margin: 50px 0; }
}
@media only screen and (max-width: 520px) {
}