@charset "utf-8";
/* CSS Document */
body, input, h1, h2, h3, h4, p, textarea, table, div, ul, li, select, form { font-family: Microsoft YaHei; margin: 0; padding: 0; }
img { border: 0; }
.fl { float: left; }
.fr { float: right; }
ul, li { list-style: none; }
a { text-decoration: none; color: inherit; }
:focus { outline: none; }
.auto { width: 1024px; margin: 0 auto; }
.clearfix { *zoom: 1; }
    .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
    .clearfix:after { clear: both; }
.inb { display: inline-block; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
.ml20 { margin-left: 20px; }
h3, h2 { font-weight: normal; }
.bold { font-weight: bold; }
.bg1 { background: #8bc01f; }
.bg2 { background: #ffc000; }
.hide { display: none; }

/**头部**/
.m-head { height: 470px; background: url(../images/head_bg.png) no-repeat center; background-size: cover; }

.m-head { height: 470px; background-image: url('../images/head_bg.png'); background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/head_bg.png', sizingMethod='scale'); }
    .m-head .hd-form { width: 260px; background: #1b9992; margin-top: 75px; }


.posrel { position: relative; }

.m-head .hd-form h3 { font-size: 24px; text-align: center; height: 75px; line-height: 75px; color: #fff; }
.m-head .hd-form .form-group { height: 30px; margin-bottom: 20px; }
    .m-head .hd-form .form-group > span { width: 65px; display: block; height: 30px; line-height: 30px; font-size: 13px; color: #fff; float: left; text-align: right; margin-right: 10px; }
    .m-head .hd-form .form-group > input { border: none; height: 30px; line-height: 30px; background: #fff; width: 150px; float: left; padding-left: 10px; }
.m-head .hd-form .form-group-radio.form-group { margin-bottom: 0px !important; }
.m-head .hd-form .form-group .radio-group { color: #fff; font-size: 13px; position: relative; }
    .m-head .hd-form .form-group .radio-group span { width: 8px; height: 8px; display: block; background: url(../images/radio_bg.png) no-repeat center; position: absolute; top: 7px; z-index: 10; }
    .m-head .hd-form .form-group .radio-group input { position: absolute; top: 4px; opacity: 0; filter: Alpha(opacity=0); }
.m-head .radio-select { background: url(../images/radio_select.png) no-repeat center !important; }
.m-head .hd-form .form-group input.submit { width: 100px; height: 35px; display: block; background: #ffc000; color: #fff; border-radius: 20px; text-align: center; line-height: 35px; padding-left: 0; cursor: pointer; }
.m-head .hd-form .form-group a { font-size: 13px; color: #fff; width: 100px; display: block; float: left; text-align: center; margin-top: -10px; }
.m-head .hdlink {  margin-top: 25px; margin-left: 80px;}
    .m-head .hdlink img {  border:none}


.m-head .hd-txt { margin-top: 75px; margin-left: 70px; }
    .m-head .hd-txt h2 { font-size: 38px; color: #1b9992; margin-bottom: 10px; }
    .m-head .hd-txt p { color: #444444; font-size: 16px; margin-top: 10px; }
.m-head .hd-txt-a { width: 215px; height: 45px; font-size: 24px; display: block; border-radius: 20px; color: #fff; text-align: center; line-height: 45px; background: url(../images/icon_01.png) no-repeat 35px center #009de6; padding-left: 25px; margin-top: 25px; }

/*2016-12-5重写登录窗口*/
.m-head .sfchoose { height: 60px; line-height: 60px; border-bottom: #ffc000 1px solid; width: 96%; margin: 20px auto; }
    .m-head .sfchoose li { width: 90px; float: left; color: #fff; font-size: 16px; cursor: pointer; }
        .m-head .sfchoose li.stu { background: url(../images/topstudent.png) no-repeat 2px center; padding-left: 32px; }
        .m-head .sfchoose li.tea { background: url(../images/topteacher.png) no-repeat 2px center; padding-left: 32px; }
        .m-head .sfchoose li.over { color: #ffc000; font-weight: bold; font-size: 18px; }
    .m-head .sfchoose input { display: none; }

/**底部**/
.footer { margin-top: 30px; }
.footer-t { margin: 0 auto; height: 50px; width: 500px; }
    .footer-t li { font-size: 13px; color: #1b9992; float: left; line-height: 50px; }
        .footer-t li a { padding: 0 10px; }
.footer-c { margin: 0 auto; height: 230px; background: #1b9992; color: #fff; }
    .footer-c .auto { width: 600px; text-align:center }
    .footer-c li {  width: 130px; margin: 0px auto; text-align: center; margin-top: 25px; }
        .footer-c li h3 { font-size: 16px; height: 30px; line-height: 30px; border-bottom: 1px solid #fff; margin-bottom: 10px; width: 100%; }
        .footer-c li p { font-size: 13px; width: 100%; }
.footer-b { padding-top: 20px; padding-bottom: 20px; }
    .footer-b p { font-size: 13px; color: #444; line-height: 30px; text-align: center; }

/* 在线客服 */
.side { position: fixed; width: 80px; height: 240px; right: 0; bottom: 100px; z-index: 100; }
    .side ul li { width: 80px; height: 60px; float: left; position: relative; border-bottom: 1px solid #fff; background: #279e98; text-align: center; padding-top: 10px; padding-bottom: 10px; }
    .side ul .li1 { height: 55px; padding-top: 15px; }
    .side ul .li2 { height: 55px; padding-top: 15px; }
    .side ul li .sidetop { width: 80px; line-height: 40px; display: inline-block; transition: all 0.3s; }
    .side ul li.totop { border: none; height: 40px; }
   
    .side ul li img { }
    .side ul li.weixin { position: relative; }
        .side ul li.weixin .weixin-img { width: 120px; height: 120px; position: absolute; left: -120px; top: -10px; display: none; }
        .side ul li.weixin:hover .weixin-img { display: block; }