/* @charset "gb2312"; */
body{ font:16px/1.5em 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; }
.clear{ clear: both;}
.bfd img{ width: 100%; vertical-align: bottom;}
.left{ float: left; }
.right{ float: right; }
.oop{ width: 100%; height: 500px; background: red; }
.wrap { width:640px; margin:0 auto; position:relative;}


/*common*/
.s_swt a{ display: block; width: 84%; height: 4.625rem; margin: 0 auto; background: #cfa972; font-size: 1.625rem; color: #fff; text-align: center; line-height: 4.625rem; border-radius: 1.25rem;}

.sec01{  width: 100%; background: #fff4e3; padding: 4.625rem 0.0rem 5.625rem; }
.s1_txt{ width: 100%; height: 8.5625rem; background: url(../images/s1_bg.jpg) center no-repeat; -webkit-background-size: cover;
background-size: cover;}
.s1_txt p{ width: 82%; margin: 0 auto; font-size: 1.25rem; line-height: 2.125rem; color: #000;}
.s1_swt{ margin-top: 2.375rem; }


.sec02{ width: 100%; background: #fff4e3; padding-bottom: 6.0625rem; }
.smt{ margin: 2.125rem 0.0rem 1.0625rem; }
.s2_con img{ margin-bottom: 3.0rem; }
.s2_con p{ width: 88%; margin: 0 auto; font-size: 1.375rem; color: #000; line-height: 2.125rem; }
.s2_swt{ margin-top: 1.75rem;}

.sec03{ width: 100%; background: #fff4e3; padding-bottom: 3.625rem; }
.s3_con{ margin: 2.375rem 0.0rem 4.625rem; }
 .dp_txt{ width: 100%; height: 13.375rem; background: url(../images/s3_bg.jpg) center no-repeat; position: relative; -webkit-background-size: contain; background-size: contain;}
 .dc_dp p{ width: 71%; font-size: 1rem; color: #423e3e;  line-height: 2rem; position: absolute; right: 5%; top: 13.5%;}


.s3_swt{ margin-top: 3.5rem; }

.sec04{ width: 100%; background: #333333; padding:5.125rem 0.0rem 6.25rem;}
.s4_t{ margin-bottom: 1.375rem; }
.sec04 p{ width: 84%; margin: 0 auto; font-size: 1.25rem; line-height: 2.125rem; color: #fff; margin-top: 2.25rem; }

@media (min-width:320px) and  (max-width:480px){
	.wrap { width:100%; }
}

@media (min-width:480px) and  (max-width:640px){
	.wrap { width:100%; }
}