/* @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;}

.banner{ margin-top: 0.625rem; }
.sec01{ padding-bottom: 2.8125rem; }
.sec01 p{ width: 82%; margin: 0 auto; font-size: 1.25rem; color: #000; line-height: 2.0rem; margin-top: 2.5rem; }
.s1_tra img{ margin-top: 2.5rem; }
/* .ys_dp{ width: 100%; height: 100%; background: url(../images/s1_dp2.jpg) center no-repeat; background-size: 100%; }
.ys_dp p{width: 50%; font-size: 1.25rem; color: #333333; line-height: 2.25rem; float: right; } */

.ys_dp{ margin: 3.75rem 0.0rem; }


.sec02{ padding-bottom: 4.0rem; }
.gc1{ margin-top: 3.125rem; }
.gc1 p{width: 88%; margin: 0 auto; font-size: 1.25rem; color: #333333; line-height: 2.0625rem; margin-top: 2.0rem; margin-bottom: 2.1875rem; }
.gc{ margin-top: 2.25rem; }

.swt2{display: block; margin-top: 2.125rem; }

.cp_con{ margin: 2.3125rem 0rem 3.625rem; }


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