/* CSS Document */
 
/*³õʼ»¯´úÂë*/
body { background: #f0f0f0 }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, button, p, blockquote, th, td { margin: 0; padding: 0; }
ol, ul { list-style: none; }
a{ text-decoration:none}
h1, h2, h3, h4, h5, h6, legend { font-size: 100%; font-weight: 400; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
/* --------base-------- */
body { font: 12px/1.5 "΢ÈíÑźÚ", "Microsoft YaHei",  Arial, sans-serif; background: #fff; color: #444; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
body { min-width: 320px; }
.banner { background: #1b68d3; width: 100% }
.bannbox { width: 100%; max-width: 1440px; margin: 0 auto; font-size: 0px; }
.bannbox img { width: 100% }
.note { background: #3e3a39; width: 100%; font-size: 0px; overflow:auto;zoom:1; padding:10px 0; color:#ffa800 }
.notebox { position:relative; width: 100%; max-width: 1200px; margin:0 auto }
.notebox p{ background:url(../image/ipone.jpg) 0 0 no-repeat; background-size:211px; padding-left:221px; float:left; font-size:30px;   }
.notebox a{   position:relative; z-index:11;border:1px solid #615e5d; font-size:16px; color:#fff; float:right; padding:1% 2%; float:right; margin-left:15px; }
.mainbox{position:relative; width: 100%; max-width: 1119px; margin:0 auto; min-width:320px; }
.sonbaner { margin-bottom:15px;}
.sonbaner  img{ width:100%;}
.tips ul li{ width:23%; float:left; margin-left:8%; margin-bottom:20px;}
.tips ul li p{ font-size:18px; text-align:center; line-height:30px;}

.tips ul li img{ width:100%; }

.lesson_img{ width:100%; background:#3e3a39; margin:30px 0}
.lesson_imgbox{  position:relative; font-size:0px; width: 100%; max-width: 1200px; margin:0 auto }
.lesson_imgbox img{ width:100%;}
.try{ text-align:center; margin-bottom:20px;}
.try a{ padding:5px 20px; display:inline-block; background:#ffff73; font-size:22px; color:#000; border:1px solid #000}
.lesson { padding:0 5px;}
.lesson ul{ clear:both}
.lesson ul li{ width:30%; font-size:14px; margin-right:5%; float:left; color:#7a7979; margin-bottom:15px;}
.lesson ul li h3{ font-size:0px; margin-bottom:10px;}
.lesson ul li img{ width:100%;}
.lesson ul li span{ color:#000}
.lesson ul li p{ line-height:24px;}
.lesson ul li a{ color:#7a7979}
.lesson ul li:nth-child(3n+0){ margin-right:0}
.text{ font-size:40px; padding:30px 0 50px; text-align:center}
.company ul{ text-align:center}
.company ul li{ display:inline; font-size:0}
.company ul li img{ word-wrap:break-word; margin:0 7px  5px 0;}
.iphone{ font-size:24px; color:#7c7878; line-height:32px; vertical-align:middle; text-align:center; padding:40px 0 30px;}
.iphone img{ vertical-align:middle}
.footer{ background:#242328; width:100%; font-size:0px; margin-bottom:50px; text-align:center}
.footerbox{ width:100%; max-width:1442px; margin:0 auto; }
.footerbox img{ width:100%;}
@media screen and (max-width:1060px) { 
 
.notebox a{ display:none }
} 
@media screen and (max-width: 980px) { 
  .tips ul li p{ font-size:14px; text-align:center; line-height:30px;}
} 
@media screen and (max-width: 800px) { 
 .tips ul li{ width:25.5%; float:left; margin-left:6%; margin-bottom:20px;}
 .tips ul li p{ font-size:12px; text-align:center; line-height:24px;}
 .notebox p{ background:none; padding-left:10px; float:left; font-size:16px;   }
.notebox a{ display:none;   position:relative; z-index:11;border:1px solid #615e5d; font-size:12px; color:#fff; float:right; padding:1px 2px; float:right; margin-left:5px; }
.lesson_img{ padding:5px 0; margin:20px 0;}
.try a { padding:5px 20px; display:inline-block; background:#ffff73; font-size:14px; color:#000; border:1px solid #000}
.text{ font-size:16px}
.iphone{ font-size:16px;padding:30px 0 20px;} 
}