@charset "gb2312";
/* CSS Document */
* { padding: 0px; margin: 0px;}
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
li { list-style: none; }
img{ border:0; }
body {  font-family:"ºÚÌå", Arial, tahoma, Srial, helvetica, sans-serif; }
#main { width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto;}

.banner{ width:100%; margin:0 auto; position:relative; }
.banner img{ width:100%;}
.ban_p1{ position:absolute;top:81.5%; left:33%; width:50%;font-size:25px; color:#494949;}
.main_p1{ width:94%; margin:0 auto; font-size:18px; color:#494949; line-height:36px; margin-top:5%;}
.main_p1 span{ display:block; width:40%; float:left; font-size:20px; text-align:center; color:#fff; background:#f35080; line-height:36px; border-radius:10px;}
.box1{ width:100%; margin:0 auto; background:#eeeeee; margin-top:3%;}
.box1_p1{ width:75%; margin:0 auto; padding-top:3%;}
.box1_p1 img{ width:100%;}
.box1_u1{ width:100%; margin:0 auto; overflow:hidden;}
.box1_u1 li{ width:30%; float:left; margin-left:2.5%;margin-top:3%;}
.a1{ background:#ef9a7c;}
.a2{ background:#81afd0;}
.a3{ background:#a1bc7c;}
.a4{ background:#d5b66d;}
.a5{ background:#d88580;}
.a6{ background:#cba9c9;}
.box1_u1 li dl{ width:100%; margin:0 auto;}
.box1_u1 li dl dd{ width:33%; margin:0 auto; padding-top:2%;}
.box1_u1 li dl dd img{ width:100%;}
.box1_u1 li dl dt{ width:100%; margin:0 auto; text-align:center; font-size:23px; color:#fff; padding:3% 0%;}
.box_p2{ width:36%; margin:0 auto; line-height:40px; text-align:center; font-size:20px; color:#fff; background:#7da04f; border-radius:25px; margin-top:3%;}
.b1_1{ width:100%; margin:0 auto; position:relative;}
.b1_1 img { width:100%;}
.b1_1_p1{ position:absolute; top:12%; left:5%; width:67%; text-indent:2em; font-size:18px; color:#5f5f5f; line-height:30px;}
.box2{ width:100%; margin:0 auto;}
.box2 img{ width:100%;}
.box3{ width:100%; margin:0 auto;}
.b3_p1{ width:89%; margin:0 auto;}
.b3_p1 img{ width:100%; padding:3% 0%;}
.b3_1{ width:100%; margin:0 auto; overflow:hidden; background:#f4f4f4;}
.b3_1_p1{ width:100%; margin:0 auto; text-align:center; font-size:18px; color:#282727; margin-top:3%;}
.b3_1_p2{ width:100%; font-size:22px; color:#ff2c66; margin-top:3%; display:inline-block;}
.b3_1_p2 img{  width:13%; float:left; margin-top:-1.5%; margin-left:24%; }
.b3_1_p3{ width:100%; margin:0 auto; text-align:center; font-size:18px; color:#282727; margin-top:3%; padding-bottom:2%;}
.b3_p2{ width:100%; margin:0 auto; text-align:center; font-size:22px; color:#ff2c66; padding-top:3%;}
.b3_p3{ width:100%; margin:0 auto;}
.b3_p3 img{ width:100%;}
.box4{ width:100%; margin:0 auto;}
.b4_p1{ width:100%;}
.b4_p1 img{ width:100%;}
.b4_p2{ width:80%; margin:0 auto;}
.b4_p2 img{ width:100%; margin-top:3%;}
.b4_p3{ width:100%; margin:0 auto; overflow:hidden; margin:4% 0%;}
.b4_p3 li{ width:31%; float:left; margin-left:1.75%; position:relative;}
.b4_p3 li img{ width:100%;}
.b4_s1{ position:absolute; top:11%; left:0%; display:block; text-align:center; width:100%; font-size:20px; color:#fff;}
.b4_s2{ position:absolute; top:60%; left:0%; display:block; text-align:center; width:100%; font-size:20px; color:#0f0f0f;}
.b4_p4{ width:100%; margin:0 auto;}
.b4_p4 img{ width:100%;}
.box5{width:100%; margin:0 auto;}
.b5_p1{ width:77%; margin:0 auto; margin-top:4%;}
.b5_p1 img{ width:100%;}
.b5_1{ width:100%; margin:0 auto; position:relative; margin-top:3%;}
.b5_1 img{ width:100%;}
.b5_p2{ width:60%; font-size:18px; color:#404040;}
.b1{ position:absolute; top:6%; left:39%;}
.b2{ position:absolute; top:18.2%; left:24%;}
.b3{ position:absolute; top:31.2%; left:39%;}
.b4{ position:absolute; top:43.2%; left:29%;}
.b5{ position:absolute; top:56.2%; left:39%;}
.b6{ position:absolute; top:68.2%; left:35%;}
.b5_p3{ position:absolute; top:89%; left:17%; width:40%; font-size:20px; line-height:30px; text-align:center; color:#fff;}
.b5_p4{ position:absolute; top:89%; left:57%; width:20%; font-size:24px; line-height:30px; color:#fff000;}
.b5_p5{ width:95%; margin:0 auto;}
.b5_p5 img{ width:100%; margin-top:4%;}
.b5_p6{ width:94%; margin:0 auto; font-size:18px; color:#404040; line-height:30px; text-indent:2em; margin-top:0%;}
.b5_p7{ width:100%; margin:0 auto; background:#fee6db; text-align:center; color:#3d302a; line-height:70px; font-weight:bold; font-size:36px;}
.b5_p7 span{ color:#ed486e;}
.b5_p8{ width:70%; margin:0 auto; margin-top:2%;}
.b5_p8 img{ width:100%;}
.b5_ul{ width:100%; margin:0 auto; overflow:hidden; margin-top:2%;}
.b5_ul li{ width:100%; color:#5f5f5f; font-size:22px; line-height:34px;font-weight:bold; margin-top:2%;}
.b5_ul li span{ display:block; float:left; width:14%; line-height:34px; text-align:center; font-size:24px; color:#fff; background:#fe327d; border-radius:25px; margin-left:8%; margin-right:1%; }
.box6{ width:100%; margin:0 auto;}

.focus6 { width:84%; margin: 0 auto; position: relative; overflow: hidden; z-index:100; margin-top:4%; }
.focus6 .hd6 { width: 60%; height: 12px; position: absolute; z-index: 1; bottom: 5px; text-align: center; top: 76%; left:21%; }
.focus6 .hd6 ul { display: inline-block; height: 12px; padding: 3px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 0; vertical-align: top; }
.focus6 .hd6 ul li { display: inline-block; width: 12px; height: 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  margin: 0 5px; vertical-align: top; overflow: hidden; font-size: 12px; color: #FFF; border-radius: 50%; line-height: 12px; text-indent:9999px; background:#b5b5b5;}
.focus6 .hd6 ul li.on { background: #fe327d; }
.bd6 ul li { width: 100%; position: relative;}
.focus6 .bd6 {  z-index: 0; }
.bd6 ul li img{ width:100%;}
.bd6 ul li dl{ width:100%; margin-top:10%;}
.bd6 ul li dl dd{ width:100%; text-align:center; font-size:20px; color:#000;}
.bd6 ul li dl dt{  font-size:18px; line-height:36px;}




@media screen and (min-width:320px) and (max-width:370px) {
.ban_p1 {font-size: 13px;}
.main_p1 {font-size: 12px;line-height:24px; margin-top: 3%;}
.main_p1 span {width: 54%;font-size: 15px;line-height: 24px;}
.box1_u1 li dl dt {font-size: 18px;}
.box_p2 {width: 56%;line-height: 30px;font-size: 16px;}
.b1_1_p1 {font-size: 12px;line-height: 14px;}
.b3_1_p1 {font-size: 14px;}
.b3_1_p2 {font-size: 16px;}
.b3_1_p2 img {margin-top: -0.5%;margin-left: 16%;}
.b3_1_p3 {font-size: 13px;}
.b4_s1 {top: 5%;font-size: 14px;}
.b4_s2 {top: 56%;font-size: 13px;}
.b5_p2 {font-size: 12px;}
.b2 {top: 17%;left: 2%;}
.b3 {top: 30%;left: 39%;}
.b4 {top: 42%;left: 10%;}
.b5 {top: 55%;}
.b6 {top: 67%; left: 19%;}
.b5_p3 {left: 16%;font-size: 12px;line-height: 14px;}
.b5_p4 {font-size: 16px;line-height: 16px;}
.b5_p6 {font-size: 14px;line-height: 20px;}
.b5_p7 {line-height: 38px;font-size: 24px;}
.b5_ul li span {width: 18%;line-height: 28px;font-size: 16px; margin-left:4%;}
.b5_ul li {font-size: 13px;line-height: 28px;}

.bd6 ul li dl dd { font-size: 16px;color: #000;}
.bd6 ul li dl dt {font-size: 14px;line-height: 20px;}
.focus6 .hd6 {top: 66%;}
}

 @media screen and (min-width:371px) and (max-width:413px) {
.ban_p1 {font-size: 16px;}
.main_p1 {font-size: 14px;line-height: 26px; margin-top: 3%;}
.main_p1 span {width: 54%;font-size: 17px;line-height: 26px;}
.box1_u1 li dl dt {font-size:20px;}
.box_p2 {width: 56%;line-height: 34px;font-size: 18px;}
.b1_1_p1 {font-size: 14px;line-height: 17px;}

.b3_1_p1 {font-size: 16px;}
.b3_1_p2 {font-size: 18px;}
.b3_1_p2 img {margin-top: -0.5%;margin-left: 16%;}
.b3_1_p3 {font-size: 15px;}
.b4_s1 {top: 5%;font-size: 16px;}
.b4_s2 {top: 56%;font-size: 15px;}

.b5_p2 {font-size: 15px;}
.b2 {top: 17%;left: 6%;}
.b3 {top: 30%;left: 39%;}
.b4 {top: 42%;left: 10%;}
.b5 {top: 55%;}
.b6 {top: 67%; left: 19%;}
.b5_p3 {left: 16%;font-size: 14px;line-height: 16px;}
.b5_p4 {font-size: 18px;line-height: 18px;}
.b5_p6 {font-size: 16px;line-height: 24px;}
.b5_p7 {line-height:44px;font-size: 26px;}
.b5_ul li span {width: 18%;line-height: 28px;font-size: 18px;margin-left:4%;}
.b5_ul li {font-size: 14px;line-height: 28px;}

.bd6 ul li dl dd { font-size: 16px;color: #000;}
.bd6 ul li dl dt {font-size: 14px;line-height: 24px;}
.focus6 .hd6 {top: 66%;}
}
 @media screen and (min-width:414px) and (max-width:640px) {
.ban_p1 {font-size: 18px;}
.main_p1 {font-size: 16px;line-height: 30px; margin-top: 3%;}
.main_p1 span {width: 54%;font-size: 18px;line-height: 30px;}
.box1_u1 li dl dt {font-size:22px;}
.box_p2 {width: 58%;line-height: 38px;font-size: 20px;}
.b1_1_p1 {font-size: 16px;line-height: 19px;}

.b3_1_p1 {font-size: 16px;}
.b3_1_p2 {font-size: 18px;}
.b3_1_p2 img {margin-top: -0.5%;margin-left: 16%;}
.b3_1_p3 {font-size: 15px;}
.b4_s1 {top: 5%;font-size: 16px;}
.b4_s2 {top: 56%;font-size: 15px;}

.b5_p2 {font-size: 16px;}
.b2 {top: 17%;left: 6%;}
.b3 {top: 30%;left: 39%;}
.b4 {top: 42%;left: 10%;}
.b5 {top: 55%;}
.b6 {top: 67%; left: 19%;}
.b5_p3 {left: 16%;font-size: 16px;line-height: 18px;}
.b5_p4 {font-size:20px;line-height: 20px;}
.b5_p6 {font-size: 18px;line-height: 28px;}
.b5_p7 {line-height:44px;font-size: 26px;}
.b5_ul li span {width: 18%;line-height: 28px;font-size: 18px;margin-left:4%;}
.b5_ul li {font-size: 16px;line-height: 28px;}
.bd6 ul li dl dd { font-size: 18px;color: #000;}
.bd6 ul li dl dt {font-size: 14px;line-height: 24px;}
.focus6 .hd6 {top: 72%;}
}
.yymy{margin-top:3%;}
.yymy img{width:100%;}