@charset "gb2312";
/* CSS Document */

/* ☆ reset ======================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
body {line-height: 1;font-family:'Microsoft YaHei';color:#333;
}
ol, ul {list-style: none;
}
blockquote, q {quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;
}

/* remember to define focus styles! */
:focus {outline: 0;
}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;
}
del {text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;
}
a{text-decoration:none;}
input,textarea{font-family:'Microsoft YaHei';}
/* ☆ pub Class==================================================================*/
.clearfix {zoom: 1;display: table;width: 100%;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
/* ☆ common Class=============================================================*/
.mainwrap{position:relative;background:#5b67fe;}
.topOuter {width:100%;margin:0 auto;padding:2px 0;background:#fff;font-size:12px;}
.topInner {width:1200px;height:40px;margin:0 auto;position:relative;}
.topNav {width:375px;padding:20px 0 0 0;float:right;}
.topNav a {color:#000;font-size:12px;}
.footer{font-size:12px;color:#a4abff;text-align:center;height:50px;line-height:50px;padding:0 0 70px 0;}
/* ☆ 页面模式部分===========================================================*/
.banner{height:449px;background:url(../images/banner.jpg) no-repeat center center;}
.contwrap{background:#fff;width:1160px;border-radius:40px;padding:20px 0 0 0;margin:0 auto;}
.commtitle{width:360px;height:60px;line-height:60px;color:#fff;font-size:30px;text-align:center;background:#64abff;border-radius:200px;margin:0 auto;}
.showtxt{padding:10px 40px;line-height:220%;font-size: 14px;}
.useable{width:518px;height:60px;line-height:60px;color:#fff;font-size:28px;text-align:center;background:#3d65ff;margin:0 auto;}
.kzfllist{width:1164px;position:relative;overflow:hidden;margin:30px auto;}
.kzfllist .longhide{width:1200px;overflow:hidden;float:left;}
.kzfllist .box{width:194px;float:left;}
.kzfllist .box .ico{width:80px;height:80px;float:left;margin:0 0 0 57px;background:url(../images/img3.png?ver=20200515001) no-repeat;}
.kzfllist .box .ico_1{background-position:0 0;}
.kzfllist .box .ico_2{background-position:0 -80px;}
.kzfllist .box .ico_3{background-position:0 -160px;}
.kzfllist .box .ico_4{background-position:0 -240px;}
.kzfllist .box .ico_5{background-position:0 -320px;}
.kzfllist .box .ico_6{background-position:0 -400px;}
.kzfllist .box .txt{margin:20px 0 0 0;float:left;width:194px;text-align:center;line-height:150%;font-size:14px;}
.specont{background:#ff2e6e;padding:20px 40px;font-size:18px;color:#fff;line-height:200%;margin:0 0 30px 0;}
.specont img{vertical-align:middle;}
.lessontable{margin:0 auto;text-align:center;font-size:16px;width:100%;}
.lessontable th{height:58px;line-height:58px;background:#fb725a;color:#fff;border-left:2px solid #fb725a;border-right:2px solid #fb725a;}
.lessontable td{border-left:2px solid #999;border-bottom:2px solid #999;line-height:58px;text-align:center;vertical-align:middle;}
.biaoti{width:1080px;height:40px;line-height:40px;font-size:22px;text-align:center;color:#000;margin:0 auto;}
.contus{background:#3a33be;color:#fff;font-size:18px;line-height:200%;padding:20px 40px;border-radius:0 0 40px 40px;}
.telIntter {position: fixed;bottom: 0;left: 50%;margin: 0 0 0 -580px;z-index: 100;width: 1040px;line-height: 200%;color: #fff;font-size: 16px;text-align: center;padding: 0 50px 0 70px;}
#bottom {position: fixed;width: 1160px;height: 70px;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;background: #000;bottom: 0;left: 50%;margin: 0 0 0 -580px;z-index: 99;}
.qrcoderight{width: 210px;height: 262px;background: url(../images/qrcode.png) no-repeat center center;position: fixed;right: 0;top: 50%;margin: -131px 0 0 0;}