@charset "gb2312";
/* CSS Document */
body{ font-size:12px; font-family:Arial,"Microsoft YaHei", Helvetica, sans-serif;margin:0;padding:0;color:#323232;}
div,img,h3,h4,p,dd,dl,dt,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:-1px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:-1px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul{list-style:none;margin:0;padding:0}
form{margin:0}
#left{float:left}
#right{ float:right;}
a{text-decoration:none; color:#323232; font-style:normal;}
a:hover{text-decoration:underline;}
.clearfloat{clear:both;}
em,i{ font-style:normal;}

.menu02{ width:100%; padding:0 1%; overflow:hidden; background:#f0f0f0; box-sizing:border-box;}
.menu02 a{float:left; text-align:center; display:inline-block; font-size:22px; background:url(../images/special/new_phone/new_sj168.jpg) no-repeat center right;}
.menu02 .ding{font-size:24px; background:url(../images/special/new_phone/new_sj169.jpg) no-repeat center center; background-size:contain; color:#fff; text-indent:-5px;}
.menu02 .ww_none{ background:none;}
.wy_ban{ width:100%; overflow:hidden;}
.wy_ban img{ width:100%;}
.wy_dd{ width:100%;background:#32b57f; overflow:hidden; margin:0 0 4% 0;}
.wy_dd dt{ width:26%; float:left;}
.wy_dd dd{ width:72%; float:left;}
.wy_dd dd p{ font-size:14px; color:#fff; text-indent:2em; font-weight:normal; padding:10% 0 0 0;}
.wy_bt{ width:96%; margin:0 auto; overflow:hidden; background:url(../images/special/wyzzl/wyzzl03.jpg) repeat-x left bottom; padding:0 0 2.5% 0;}
.wy_bt dt{ float:left; margin:0 2% 0 0;}
.wy_bt dd{ float:left;}
.wy_bt dd strong{ font-size:21px; color:#f02366; line-height:20px;}
.wy_bt dd p{ color:#404040; font-size:28px; font-weight:bold; line-height:26px;}
.wy_con01{ width:96%; margin:0 auto 5%; overflow:hidden; padding:2% 0 0 0;}
.wy_con01 p{ text-indent:2em; color:#666; font-size:14px; margin:0 0 2% 0;}
.wy_con01 strong{ font-size:20px; color:#404040; display:block; margin:0 0 2% 8px;}
.wy_con01 .ul01{ width:100%; overflow:hidden; margin:0 auto 4%;}
.wy_con01 .ul01 li{ width:22%; float:left; height:54px; line-height:54px; font-size:18px; background:#32b57f; text-align:center; border-radius:5px; color:#4d4d4d; margin:0 1.5% 0 1.5%; color:#fff;}
.wy_con01 .ul02{ width:100%; overflow:hidden; margin:0 auto 3%;}
.wy_con01 .ul02 li{ width:30.3%; float:left; height:48px; line-height:48px; font-size:18px; background:#32b57f; text-align:center; border-radius:5px; color:#fff; margin:0 1.5% 2% 1.5%;}
.uul{ width:100%; overflow:hidden;}
.uul li{ width:46.9%; float:left; overflow:hidden;}
.uul li a{ width:161px; height:56px; line-height:56px; display:block; color:#fff; float:left; font-size:18px; text-align:center; overflow:hidden; font-weight:bold;}
.uul li .a01{ background:#f02366;}
.uul li .a02{ background:#ff7200;}
#pfa a{ float:right;}
.wy_con02{ width:96%; margin:0 auto 5%; overflow:hidden; padding:2% 0 0 0;}
.wy_con02 p{ text-indent:2em; color:#666; font-size:14px; margin:0 0 2% 0;}
.wy_con02 strong{ font-size:20px; color:#404040; display:block; margin:0 0 2% 8px;}
.wy_con02 .ul01{ width:100%; overflow:hidden; margin:0 auto 4%;}
.wy_con02 .ul01 li{ width:22%; float:left; height:54px; line-height:54px; font-size:18px; background:#32b57f; text-align:center; border-radius:5px; color:#4d4d4d; margin:0 1.5% 0 1.5%; color:#fff;}
.wy_con02 .ul03{ width:100%; overflow:hidden; margin:0 auto 4%;}
.wy_con02 .ul03 li{ width:22%; float:left;text-align:center;margin:0 1.5% 0 1.5%; color:#fff;}
.wy_con02 .ul03 li p{ text-indent:-8px; margin:3% 0 0 0;font-size:14px; color:#404040;}
.wy_con03{ width:96%; margin:0 auto 5%; overflow:hidden; padding:2% 0 0 0;}
.wy_con03 p{ text-indent:2em; color:#666; font-size:14px; margin:0 0 2% 0;}
.wy_con03 strong{ font-size:20px; color:#404040; display:block; margin:0 0 2% 8px;}
.wy_con03 .ul02{ width:100%; overflow:hidden; margin:0 auto 3%;}
.wy_con03 .ul02 li{ width:30.3%; float:left; height:48px; line-height:48px; font-size:18px; background:#32b57f; text-align:center; border-radius:5px; color:#fff; margin:0 1.5% 2% 1.5%;}
.wy_con04{ width:96%; margin:0 auto 5%; overflow:hidden; padding:2% 0 0 0;}
.wy_con04 p{ text-indent:2em; color:#666; font-size:14px; margin:0 0 2% 0;}
.wy_con04 strong{ font-size:20px; color:#404040; display:block; margin:0 0 2% 8px;}
.wy_con04 dl{ width:100%; overflow:hidden; margin:0 0 2% 1.5%; display: table; }
.wy_con04 dl dt{ display: table-cell; }
.wy_con04 dl dd{ display: table-cell; vertical-align: middle; padding-left: 2%; font-size:14px; color:#4d4d4d;width:75%; }
.wy_con04 .ul02{ width:100%; overflow:hidden; margin:0 auto 3%;}
.wy_con04 .ul02 li{ width:30.3%; float:left; height:48px; line-height:48px; font-size:16px; background:#32b57f; text-align:center; border-radius:5px; color:#fff; margin:0 1.5% 2% 1.5%;}
.wy_con05{ width:96%; margin:0 auto 5%; overflow:hidden; padding:2% 0 0 0;}
.wy_con05 .ul04{ width:100%; overflow:hidden; margin:0 auto 3%;}
.wy_con05 .ul04 li{ width:47.3%; float:left; height:48px; line-height:48px; font-size:16px; background:#32b57f; text-align:center; border-radius:5px; color:#fff; margin:0 1.2% 2% 1.2%;}

@media (min-width:320px)
{
.menu02 a{ width:24%; font-size:14px; padding:12px 0; background-size:1%; margin:2px 0;}
.menu02 .ding{ padding:12px 6px;}
.menu02 .ding{ font-size:14px;}
}
@media (min-width:400px)
{
.wy_con04 dl dd { font-size: 16px; }
}
@media (min-width:640px)
{
.menu02 a{ font-size:22px; height:50px; line-height:50px; padding:0; margin:5px 0; background-size:auto;}
.menu02 .ding{ font-size:24px; padding:0;}
.wy_con04 dl dd { width: 80%; }
}