*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{color:#000;background:#fff;overflow-x: hidden;overflow-y: auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body{width:100%;height:100%;font: 14px/1.5 "Lucida Sans Typewriter","Helvetica Neue",Helvetica,Arial,"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","\5B8B\4F53";color:#333;}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
input,select,textarea{font-size:100%}
ol li,ul li,ul li li{list-style:none}
caption,th{text-align:left}
.h1, h1{font-size: 36px;}
.h2, h2{font-size: 30px;}
.h3, h3{font-size: 24px;}
.h4, h4{font-size: 18px;}
.h5, h5{font-size: 14px;}
.h6, h6{font-size: 12px;}
q:after,q:before{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a{color:#222;}
a:hover{text-decoration:none;color: #FF565B}
a,ins{text-decoration:none}
a:active,a:focus,a:hover,a:link,a:visited{outline:0;text-decoration:none}
.h2 { font-size: 40px; font-weight: 700; }
.text-black { color: #000; }
.text-red { color: #ff5a78; }
.text-white { color: #fff; }


.fa-headphones:before {
    content: "\e75a";
}

.fa-weixin:before {
    content: "\e60a";
}
.fa-tel:before {
    content: "\e603";
}

/* header */
.header{background:#fff;position:relative;z-index:19;width:100%}
.header .container{height:43px;border-bottom: 1px solid #DEDEDE;}
.header.shadow{background:#f5f5f5;border-bottom:1px solid #D5D5D5;box-shadow:0 1px 4px 1px rgba(0,0,0,.1)}
.header .site-links{float:left}
.header .share-entry{float:right;width:150px;height:35px;margin:6px 20px 6px 0;border-radius:3px;overflow:hidden}
.header .user-links{float:right}
.header .link,.header .split{display:inline-block;vertical-align:middle}
.header .split2{width:1px;height:12px;background:#e1e1e1;display:inline-block;vertical-align:middle;margin-top:3px}
.header .link{height:43px;line-height:43px;font-size:14px;color:#484848;text-decoration:none;padding:0 14px}
.header .link b,.header .link:after{display:inline-block;font-weight:400;font-style:normal;vertical-align:middle;color:#FF565B}
.header .link b{margin-left:6px;color:#000}
.header .link i{width:17px;color:#F33;font-size: 17px;}
.header .link:hover{transition:all ease .2s;color:#ef4c01}
.header .link:hover i{transition:all ease .2s}
.header .link:hover b{color:#FF565B}
.header .tel:hover{color:#FF565B;text-decoration:none}
.header .tel i{display:inline-block;position:relative;background-size:contain;}
.header .tel b{font-size:14px;color:#FF565B;font-family:'Times New Roman',"Microsoft YaHei";font-size:22px;font-weight:bold;}
.header .split{width:1px;height:12px;background:#e1e1e1}
.header .split-long{height:20px;background:#666;position:relative}
.header .site-links .wechat{position:relative;padding-left:0}
.header .site-links .wechat .dropdown:after,.header .site-links .wechat .dropdown:before,.header .site-links .wechat:after{content:"";width:0;height:0;font-size:0;border-style:solid}
.header .site-links .wechat:after{margin-left:2px;border-width:3px 3px 0;border-color:#bbb transparent transparent;transition:all ease .2s;transform:rotate(-90deg)}
.header .site-links .wechat:hover:after{transform:rotate(0);border-top-color:#EF4C01}
.header .site-links .wechat:hover .dropdown{display:block;-webkit-animation:dropdownShow ease .4s;animation:dropdownShow ease .4s}
.header .site-links .wechat .dropdown{position:absolute;padding:5px;border:1px solid #e4e4e4;border-radius:2px;box-shadow:0 1px 2px 1px rgba(0,0,0,.1);background:#fff;top:95%;left:0;display:none}
.header .site-links .wechat .dropdown:after,.header .site-links .wechat .dropdown:before{position:absolute;border-width:0 8px 8px;border-color:transparent transparent #e4e4e4;top:-8px;left:30px;z-index:1}
.header .site-links .wechat .dropdown:after{z-index:2;border-bottom-color:#fff;top:-6px}
.header .site-links .wechat .dropdown img{width:161px;height:161px;vertical-align:bottom}
.header .user-links .link{padding:0 10px}
.header .user-links .link i{font-size:14px;margin-right:3px;min-width:14px}
.header .user-links .login-btn,.header .user-links .register-btn{font-weight:400}
.header .user-links .client-down,.header .user-links .client-down2,.header .user-links .open-lessons,.header .user-links .open-lessons2,.header .user-links .question-bank,.header .user-links .question-bank2,.header .user-links .sitemap{margin-left:15px}
.header .user-links .client-down a,.header .user-links .client-down2 a,.header .user-links .open-lessons a,.header .user-links .open-lessons2 a,.header .user-links .question-bank a,.header .user-links .question-bank2 a,.header .user-links .sitemap a{display:inline-block;color:#848386;font-size:14px;height:43px;line-height:43px;text-decoration:none;vertical-align:middle;font-weight: 600;}
.header .user-links .sitemap:hover a{color:#666}
.header .user-links .question-bank:hover a{color:#666}
.header .user-links .open-lessons:hover a{color:#666}
.header .user-links .client-down:hover a{color:#666}
.header .user-links .question-bank2:hover a{color:#666}
.header .user-links .open-lessons2:hover a{color:#666}
.header .user-links .client-down2:hover a{color:#666}
.header .user-links .user .avatar{width:24px;height:24px;border-radius:100%;display:inline-block;vertical-align:middle;margin-right:6px;outline:0;overflow:hidden}
.header .user-links .msg{position:relative}
.header .user-links .msg .count{position:absolute;background-color:#ff6161;color:#fff;text-align:center;font-size:12px;font-family:SimSun;width:16px;height:16px;border-radius:100%;line-height:19px;top:4px;left:5px}



/* nav*/
.nav{ width: 100%; background: #fff; }
.logo{float: left;height: 72px;}
.logo::before{content: '';display: inline-block;height: 100%;vertical-align: middle;}
.logo img{max-height: 50px;padding-top: 0;padding-bottom: 0;vertical-align: middle;}
.menu{float: right;}
.menu > li{position: relative;display: inline-block;padding-left: 35px;}
.menu > li > a{position: relative;display: block;font-size: 15px;line-height: 72px;z-index: 99;}
.sub-menu{position: absolute;top: 100%;left: 50%;width: 200px;padding: 10px 0;margin-left: -90px;background-color: #FFF;zoom: 1;z-index: 99;box-shadow: 0 1px 3px rgba(0,0,0,0.15);visibility: hidden;opacity: 0;transition: transform 0.05 linear 0.2s, opacity 0.05 linear 0.2s, visibility 0.05 linear 0.2s;transform: translateY(20px);box-shadow: 0 0 3px rgba(0,0,0,.3);}
.sub-menu li{text-align: left;}
.sub-menu li a{display: block;padding: 0 20px;line-height: 45px;}
.menu > li:hover .sub-menu{opacity: 1;visibility: inherit;transform: translateY(0);}
.nav-line{position: absolute;left: 0;bottom: 0;height: 4px;line-height: 4px;font-size: 0;width: 52px;background: #FF565B;}
/* .fixed{position: fixed;top: 0;left: 0;height: 50px;padding-top: 0;z-index: 999;}
.fixed .logo{height: 50px;}
.fixed .menu > li > a{line-height: 50px;} */





/* footer */
.footer {
    background-image: url(../images/footer.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-position: center 0;
    position: relative;
    transition: all 1s;
    color: #707070;
    background-size: cover;
}

.hotline{margin: 80px 0;}
.hotline span{display: block;margin-bottom: 15px;font-size: 20px;}
.hotline h3{display: block;font-size: 36px;color: #FF565B;line-height: 54px;}
.hotline p{display: block;font-size: 14px;}
.hotline a{display: inline-block;width: 166px;height: 38px;margin-top: 35px;line-height: 38px;font-size: 16px;color: #707070;border: 1px solid #707070;text-align: center;}
.hotline small{display: block;margin-top: 20px;color: #FF565B;font-size: 20px;}
.hotline a:hover{border-color: #FF565B;background-color: #FF565B;color: #FFF;}
.copyright{padding: 50px 0;border-top: 1px solid #444;}
.copyright .float-left{display: inline-block;}
.copyright a{margin: 0 5px;color: #707070;}
.copyright .float-left a.red{color: #FF565B;}
.footer-menu{float: right;}
.footer-menu a{display: inline-block;margin-left: 10px;color: #999;}
.totop{width: 40px;height: 40px;bottom: 10px;right: 0px;position: fixed;cursor: pointer;z-index: 999999;display: block;background: #1B1B1B;}
.baoming{position: fixed;top: 20%;right: 0;width: 165px;height: 432px;padding: 10px;background: url("../images/baoming.png") no-repeat center center;z-index: 98;}
.baoming .form{width: 100%;margin-top: 105px;overflow: hidden;}
.baoming input, .baoming button{outline: 0;width: 100%;padding: 0 5px;background: transparent;font-size: 12px;}
.baoming button{height: 30px;background-color: #ff565b;border: 0;color: #FFF;}
.baoming input{height: 22px;line-height: 22px;border: 1px solid #d6d6d6;border-radius: 4px;}
.baoming li{padding: 0 12px;margin-bottom: 5px;}



/* banner */
.banner{width: 100%;overflow: hidden;}
.slider{position: relative;width: 100%;background: #999;}
.slider .bd a{display: block;font-size: 0;line-height: 1;}
.slider .hd{position: absolute;bottom: 45px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;z-index: 9;}
.slider .hd li{position: relative;display: inline-block;width: 100px;height: 6px;margin: 0 5px;padding: 0;cursor: pointer;background: rgba(255,255,255,.8);}
.slider .hd li.on{background: #FF565B;}
.slider a i{font-size: 50px;line-height: 60px;}
.slider .prev, .slider .next{position: absolute;top: 50%;display: block;width: 45px;height: 60px;margin-top: -30px;color: #FFF;text-align: center;}
.slider .prev{left: 50px;}
.slider .next{right: 50px;}



/* mod */
.mod { width: 100%; padding-bottom: 80px; background: url("../images/home/mod.jpg") no-repeat 50% 50%; }
.mod-1 { padding-right: 60px; }
.mod-1 h2 { margin-top: 89px; }
.mod-1 p { display: block; margin-top: 30px; line-height: 36px;font-size: 18px; color: #333; text-align: justify; }
.mod-1 a { margin-top: 50px; display: block; width: 150px; height: 46px; line-height: 50px; text-align: center; background: #ff5a78; font-size: 16px; color: #fff; }
.mod-2 { padding-left: 102px; }
.mod-2 h2 { margin-top: 89px; }


/* section */
.section { padding: 70px 0; }
.section-title { position: relative; width: 100%; }
.section-link { position: absolute; right: 15px; top: 36px; font-size: 16px; text-decoration: underline!important; }
.section-text { font-size: 19px; color: #676767; margin-top: 15px;}
.cm-red-left, .cm-red-right, .cm-white-left, .cm-white-right { position: relative; display: inline-block; width: 19px; height: 40px; background-repeat: no-repeat; background-position: 50%; }
.cm-red-left { top: 5px; background-image: url("../images/cm-red-left.png"); }
.cm-red-right { bottom: -12px; background-image: url("../images/cm-red-right.png"); }
.cm-white-left { top: 5px; background-image: url("../images/cm-white-left.png"); }
.cm-white-right { bottom: -12px; background-image: url("../images/cm-white-right.png");   }
.word { width: 100%; margin-bottom: 30px; background: #f5f5f5; }
.word-img { width: 100%; display: block; font-size: 0; line-height: 1; }
.word-img img { font-size: 0; line-height: 1; }
.word-text { position: relative; padding: 35px 20px 20px 20px; }
.word-text p { font-size: 16px; text-align: center; }
.word-text .word-tt { position: absolute; left: 50%; top: -25px; display: inline-block; width: 170px; height: 50px; margin-left: -85px; line-height: 50px; font-size: 22px; color: #fff; background-color: #ff5a78; text-align: center; font-weight: 600; }
.luncheng { position: relative; height: 1045px; padding: 80px 0; background: url("../images/home/luncheng.jpg") no-repeat; }
.luncheng-link { position: absolute; left: 50%; bottom: 70px; margin-left:-75px; display: block; width: 150px; height: 46px; line-height: 46px; background-color: #ff5a78; font-size: 16px; text-align: center; color: #fff; }
.luncheng-link:hover { color: #fff; }
.bili { background-color: #f5f5f5; }
.bili-img { font-size: 0; line-height: 1; }
.bili-img:hover { box-shadow: 0 0 10px #bbb; }
.duibi { padding: 25px 0; margin-bottom: 35px; overflow: hidden; } 
.duibi-bg-1 { background: url("../images/home/duibi_bg_1.jpg") no-repeat; }
.duibi-bg-2 { background: url("../images/home/duibi_bg_2.jpg") no-repeat; }
.duibi-text { float: left; width: 50%; padding-left: 30px; }
.duibi-text h2 { margin-top: 25px; font-size: 16px; font-weight: 700; }
.duibi-text p { margin-top: 20px; line-height: 25px; text-align: justify; color: #666; }
.duibi-img { float: right; width: 50%; padding-left: 30px; font-size: 0; line-height: 1; }
.duibi-link { position: absolute; left: 50px; bottom: 15px; width: 150px; height: 45px; line-height: 45px; padding-left: 25px; display: block; color: #fff; }
.duibi-link.a { background-color: #ff5a78; background-image: url("../images/ch-right.png"); background-repeat: no-repeat; background-position: 125px 15px; }
.duibi-link.b { background-color: #ad33c6; background-image: url("../images/ch-right.png"); background-repeat: no-repeat; background-position: 125px 15px;}
.duibi-link:hover { color: #fff; }
.slide-group{width: 100%;}
.slide-group .par-hd { height:35px; line-height: 35px;  }
.slide-group .par-hd ul { text-align: center;}
.slide-group .par-hd ul li { width: 120px; display: inline-block; border: 1px solid #ff5a78; cursor: pointer; font-size: 16px; color: #ff5a78; }
.slide-group .par-hd ul li.on { background: #ff5a78; color: #fff; }
.slide-group .par-bd{width: 100%;margin-top: 30px;zoom: 1;position: relative;}
.slide-group .slide-box{margin-left: -6px;margin-right: -6px;z-index: 10;overflow:hidden; }
.slide-group .slide-box > a{position: absolute;top: 50%;display: block;width: 30px;height: 45px;margin-top: -20px;text-align: center;background: #FFF;}
.slide-group .slide-box > a.prevs {left: -60px; background: url("../images/chevron-left.png") no-repeat; }
.slide-group .slide-box > a.nexts {right: -60px; background: url("../images/chevron-right.png") no-repeat;}
.slide-group .slide-box ul{ zoom: 1;}
.slide-group .slide-box ul li{ float: left;width: 275px; margin: 0 6px;  padding-top: 70px; padding-bottom: 30px; }
.top { position: relative; width: 100%; padding-bottom: 135px; background: #f5f5f5; }
.top-box {  box-shadow: 0 0 10px #bbb;background: #fff; }
.top-header { text-align: center; }
.top-header img { margin-top: -40px; }
.top-header h2 { font-size: 18px; color: #ff5a78; font-weight: 700; line-height: 30px; }
.top-mian { padding: 0 10px 30px 10px; }
.top-list { position: relative; padding: 10px 0 10px 38px ;  }
.top-list-line { border-bottom: 1px solid #eee; }
.top-list img { position: absolute; top: 15px; left: 0; width:25px; height:25px; } 
.top-list strong { display: block; }
.top-list small { display: block; font-size: 9px; color: #a0a0a0; font-family: Arial; white-space:nowrap; overflow : hidden; text-overflow: ellipsis; }
.top-link { position: absolute; left: 50%; bottom: 60px; display: block; width: 180px; margin-left: -90px; line-height: 50px; background: #ff5a78; color: #fff; font-size: 16px; text-align: center; }
.top-link:hover { color: #fff; }
.aojiao { background: #fff url("../images/home/aojiao.jpg") no-repeat; }
.aojiao-box { background: #fff; text-align: center; box-shadow: 0 0 5px #bbb}
.aojiao-box img {}
.aojiao-box h2 { margin-top: 25px; font-size: 24px; font-weight: 700; }
.aojiao-box p { margin-top: 25px; line-height: 25px; font-size: 16px; color: #666; }
.aojiao-box a { display: inline-block; width: 120px; margin-top: 50px; margin-bottom: 30px; line-height: 32px; font-size: 16px; color: #666; text-align: center; border: 1px solid #ff5a78; }
.aojiao-box:hover { box-shadow: 0 0 5px #bbb; }
.team { position: relative; padding-bottom: 160px; border-top: 2px solid #eee; background: #fff; }
.team-list {}
.team-list ul { margin: 0; padding: 0; }
.team-list ul li { float: left; width: 20%; text-align: center; background: #fff; }
.team-list ul li h2 { margin-top: 20px; font-size: 16px; font-weight: 600; }
.team-list ul li p { margin-top: 12px; line-height: 25px; color: #999; }
.team-link { position: absolute; left: 50%; bottom: 60px; display: block; width: 180px; margin-left: -90px; line-height: 50px; background: #ff5a78; color: #fff; font-size: 16px; text-align: center; }
.team-link:hover { color: #fff; }
.yuanwang { padding-bottom: 0; background: url("../images/home/yuanwang.jpg") no-repeat; }
.yuanwang-form { margin: 0 auto; width: 540px; }
.yuanwang-form input { width: 100%; height: 48px; line-height: 48px; font-size: 16px; border: 1px solid #eee; background: #fff; padding: 0 15px;
    color: #999; margin-top: 16px; }
.yuanwang-form button { width: 150px; margin: 50px 0 50px 190px; display: inline-block; line-height: 45px; color: #fff; background: #ff5a78; font-size: 16px; text-align: center; border: 0; outline: 0; cursor: pointer; }
.faq { background: #e9e9e9; }
.faq-list { display: block; margin: 0 -8px; }
.faq-list li { float: left; width: 20%; padding: 0 8px; }
.faq-list li a { display: block; width: 100%; padding: 60px 0; line-height: 30px; font-size: 18px; background: #443c45 url("../images/icon.png") no-repeat 145px 0; color: #fff; text-align: center; }
.faq-list li a:hover { color: #ff5a78; }







/* footbar */
.footbar { position: fixed; bottom: 0; width: 100%; height: 120px; background: url('../images/footbar.png') no-repeat; overflow: hidden; }
.footbar-form { width: 100%; height: 40px; margin-top: 73px; overflow: hidden; }
.footbar-form label, .footbar-form input[type="text"], .footbar-form button { float: left; display: inline-block; line-height: 32px; font-size: 16px; }
.footbar-form label { margin-right: 10px; color: #FFF; }
.footbar-form input[type="text"] { width: 12%; margin-right: 15px; border: 0; }
.footbar-form button { width: 12%; margin-left: 15px; border: 0; outline: 0; background-color: #ff565b; color: #FFF; text-align: center; cursor: pointer; font-weight: 700 }
.footbar-close { float: right; position: relative; top: -60px; width: 27px; height: 26px; display: block; z-index: 100; background: url(../images/b_close.png) no-repeat center center; }