/* @charset "gb2312"; */
html { font-size: 62.5%; } 
body{font-size: 14px; font-size: 1.4rem; font-family:"Microsoft Yahei",tahoma,"Srial",helvetica,sans-serif; overflow-x: hidden;}
body,ul,p,h1,h2,dl,dd,form,input,textarea,select { padding:0; margin:0;}
ul,li{ list-style:none; }
img { border:none; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; }
.clear{ clear: both;}
.bfd img{display: block; width: 100%; vertical-align: bottom;}
.wrap { width:640px; margin:0 auto; position:relative;}

.sec01{ width: 100%; padding: 3.5rem 0px 1.875rem; }
.s1_case{ margin-top: 3.75rem; }

.sec03{ padding: 3.4375rem 0px 2.875rem;}
.s3_swt{ margin-top: 4.625rem; } 

.s4_t{ width: 100%; background: #000; padding: 3.25rem 0px 3.3125rem;}

.sec07{width: 100%; padding-bottom: 2rem; }
.sec07 .thumbs_p2{display: none;}
.swiper-container,.swiper-wrapper,.swiper-slide{width: 100%;}
.swiper-slide {background-size: cover; background-position: center; } 
.sec07 .gallery-thumbs div{ width: 47%; float: left; }
.sec07 .swiper-slide-active .thumbs_p1{display: none;}
.sec07 .swiper-slide-active .thumbs_p2{display: block; border: 2px solid #f2e1d0;}
.s7_bott{ width: 100%; position: relative; }
.s7_sld{width: 100%; position: absolute !important; top: 0%; left: 2%; }

.s8_zj{ margin-top: 2.0rem; }
.sec08 p{ width: 94%; text-align:justify;text-justify:inter-ideograph; margin: 0 auto; font-size: 1.6rem; color: #b1a38e; margin-bottom: 2rem; margin-top: 0.8rem;}

.sec09{width: 100%; position: relative; margin: 2.375rem 0px 2.9375rem; }
.swiper1{ position: absolute !important; top: 6rem; left: 0px; padding-bottom: 3.6rem;}

@media (min-width:320px) and  (max-width:480px){
	html{font-size:58% !important}
	.wrap { width:100%; }
}

@media (min-width:480px) and  (max-width:640px){
	html{font-size:58% !important}
	.wrap { width:100%; }
}