/* @charset "gb2312"; */
html { font-size: 62.5%; } /* 16px*0.625=10px         1rem= 10px; 2rem=20px; 1.4rem=14px;*/
body{font-size: 14px; font-size: 1.4rem; font-family:"Microsoft Yahei",tahoma,"Srial",helvetica,sans-serif;}
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; }
.c_jz{ position: absolute; top: 0px; left: 0px; right: 0px; margin: 0 auto;}
.clear{ clear: both;}
.bfd img{width: 100%; vertical-align: bottom;}
.wrap { width:640px; margin:0 auto; position:relative; overflow: hidden;}

.wrap .s_t{ width: 100%; position: relative; }
.wrap .s_t h1{ position: absolute; top: 0px; left: 0px; right: 0px; margin: 0 auto; font-size: 1.8rem; color: #000; text-align: center; }
.wrap .s_t h1:after{ display: block; content: ""; width: 60%; height: 1px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0 auto; margin-top: 2px;}
.wrap .s2_t h1:after{ width: 47%; }
.sec02 .s2_txt p{position: absolute; top: 0px; left: 0px; right: 0px; margin: 0 auto; width: 88%; font-size: 1.0rem; color: #a7a7a7; line-height: 2.0rem; text-align:justify;text-justify:inter-ideograph;}

.sec02 .vedio{ width: 85%;}
.s_swt{ display: block; width: 88%; height: 3.2rem; line-height: 3.2rem; text-align: center; font-size: 1.3rem; color: #fff; background: #000; border-radius: 1.4rem; box-shadow: 0px 0px 1rem #bcb6aa; top: 10.0rem;}
.sec03{ width: 100%; padding-bottom: 3.0rem; background: #f6f7f8; }
.s3_txt p{ position: absolute; top: 0px; left:6%; font-size: 0.9rem; color: #000; line-height: 1.9rem;}
.s3_txt p a{ font-size: 1.1rem; color: #cca268; }
.s3_swt{ margin: 0 auto; }

.sec04{ width: 100%; padding: 3.3rem 0px 3.5rem; }
.s4_t{ margin-bottom: 5rem; }
.wrap .s4_t h1:after{ width: 96%; }

.sec05 .s5_t h1{ color: #fff !important; top: 3.25rem; }
.wrap .s5_t h1:after{ width: 86%; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.s5_swt{ background: #d9b981; color: #000; top: 0px; box-shadow: none;}

.sec06{ width: 100%; padding-top: 2.7rem; position: relative;}
.sec06 .s6_t{margin: 0 auto; font-size: 1.8rem; color: #000; text-align: center;}
.wrap .s6_t:after{ display: block; content: ""; width: 74%; height: 1px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0 auto; margin-top: 2px; margin-bottom: 1.3rem;}
.swiper1 .swiper-pagination1{ bottom: 1.2rem !important; }
.swiper1 .swiper-pagination1 .swiper-pagination-bullet{ border: 1px solid #000; background: none; opacity: 1; }
.swiper1 .swiper-pagination1 .swiper-pagination-bullet-active{ background: #000 !important;}
.sec07{ width: 100%; background: #000; padding-bottom:3.4rem; }
.sec08{ width: 100%; background: #000; padding-bottom: 2.4rem; }
.sec09{ width: 100%; padding: 2.6rem 0px 2rem; }
.sec09 .s9_t{ font-size: 1.8rem; color: #000; text-align: center; }
.wrap .s9_t:after{ display: block; content: ""; width: 50%; height: 1px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0 auto; margin-top: 2px;}
.sec09 p{ font-size: 1.2rem; color: #000; text-align: center; margin-bottom: 2.5rem;}
.s9_swt{ width: 67%; margin: 0 auto; margin-top: 2.5rem;}









@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%; }
}