/*
@author: sunke
*/
@charset "gb2312";
body{font:14px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.pr{ position:relative;}
.abs{position:absolute;}
.ico,.blessing .con .list p i{ background:url("/images/zhuanti/2019anniversary/ico.png") no-repeat;}
.title01{ width:637px; height:60px; line-height:60px; text-align:center; font-size:32px; font-weight:bold; color:#ffe4ae; left:50%; margin-left:-318px; top:-18px; background:url("/images/zhuanti/2019anniversary/title-ico.png") no-repeat 0 0;}
.title01.t2{ width:717px; margin-left:-358px; background-position:0 -61px;}
.title01.t3{ background-position:0 -122px;}

/**/
.header-wrap{ width:100%; height:691px; background:url("/images/zhuanti/2019anniversary/header.jpg") no-repeat center top;}
.header .logo{ display:block; width:230px; height:60px; font-size:0; line-height:0; left:85px; top:6px;}
.header .noLogin{ display:block; width:103px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#fff; text-decoration:none; background:#9e1829; opacity:.6; filter:alpha(opacity=60); right:44px; top:29px; border-radius:50px;}
.header .noLogin a{ color:#fff;}
.header .yesLogin{ display:inline-block; padding:0 15px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#fff; text-decoration:none; background:#9e1829; opacity:.6; filter:alpha(opacity=60); right:44px; top:29px; border-radius:50px;}
.header .yesLogin a{ color:#fff;}
.header .flower-ico01{ display:block; opacity:0; filter:alpha(opacity=0); width:133px; height:133px; position:absolute; left:-150px; top:26px; background:url("/images/zhuanti/2019anniversary/ico01.png") no-repeat; animation:firecracker 4s 1s infinite; -webkit-animation:firecracker 4s 1s infinite; -ms-animation:firecracker 4s 1s infinite;}
.header .flower-ico02{ display:block; opacity:0; filter:alpha(opacity=0); width:64px; height:64px; position:absolute; left:15px; top:245px; background:url("/images/zhuanti/2019anniversary/ico02.png") no-repeat; animation:firecracker 4s 3s infinite; -webkit-animation:firecracker 4s 3s infinite; -ms-animation:firecracker 4s 3s infinite;}
.header .flower-ico03{ display:block; opacity:0; filter:alpha(opacity=0); width:96px; height:96px; position:absolute; left:1028px; top:65px; background:url("/images/zhuanti/2019anniversary/ico03.png") no-repeat; animation:firecracker 4s 2s infinite; -webkit-animation:firecracker 4s 2s infinite; -ms-animation:firecracker 4s 2s infinite;}
/*.header .flower-ico04{ display:block; opacity:0; filter:alpha(opacity=0); width:49px; height:49px; position:absolute; right:-279px; top:100px; background:url("/images/zhuanti/2019anniversary/ico04.png") no-repeat; animation:firecracker 4s 4s infinite; -webkit-animation:firecracker 4s 4s infinite;}*/
.header .top-nav{  font-size:18px; color:#761607; line-height:32px; left:132px; top:451px; }

/**/
.teacher-wrap{ width:100%; background:#feca87; padding-bottom:40px;}
.teacher{ background:#fffaef; border-radius:10px; border:5px solid #f9b154; box-shadow:0 4px 8px #fdc177;}
.teacher .tit{ line-height:80px; font-size:16px; text-align:center; color:#761607; padding-top:47px;}
.teacher .con{ margin:0 20px; padding-bottom:40px; height:396px;}
.teacher .con .video{ width:585px; height:329px; border:14px solid #ae142e; border-radius:8px; cursor:pointer; overflow:hidden;}
.teacher .con .video img{ display:block; width:585px; height:366px;}
.teacher .con .video.none{ border:0;}
.teacher .con .list{ height:356px; width:350px; padding:38px 0 0 60px; background:#ffe9cb; border-radius:8px; position:absolute; left:650px; top:0; overflow:hidden;}
.teacher .con .list ul{width:1000px;}
.teacher .con .list li{ float:left; _display:inline; width:219px; height:87px; margin:0 65px 30px 0; color:#690705; background:#fff3e9; border-radius:8px; padding:0 0 0 63px; box-shadow:0 4px 8px #ffdeb7; position:relative;}
.teacher .con .list li.w{ width:425px;}
.teacher .con .list li.ml140{ margin-left:140px;}
.teacher .con .list li.none{ margin-right:0;}
.teacher .con .list h4{ line-height:26px; font-size:18px; padding-top:12px;}
.teacher .con .list p{ line-height:18px; padding-top:2px;}
.teacher .con .list img{ display:block; width:90px; height:90px; position:absolute; left:-37px; top:-3px;}
.teacher .con .list li:hover img{animation:teacherPic 1s; -webkit-animation:teacherPic 1s; -ms-animation:teacherPic 1s;}
.teacher .con .btn{ display:block; width:85px; height:58px; font-size:16px; text-decoration:none; z-index:2; color:#ffead8; line-height:24px; box-shadow:0 2px 4px #d8aba3; border-radius:50px; padding:10px 52px 0 45px; top:161px; left:620px; background-position:0 0;}
.teacher .con .btn:hover{ background-position:-186px 0;}
.teacher .con .btn.on{ background-position:-83px -274px; padding:10px 33px 0 64px;}
.teacher .con .btn.on:hover{ background-position:-83px -349px;}
.teacher .con .list .bg{ width:100%; height:393px; background:#170407;opacity:.3;filter:alpha(opacity=30); left:0; top:0; border-radius:8px; z-index:1;}

/**/
.blessing-wrap{ width:100%; background:url("/images/zhuanti/2019anniversary/body-bg01.png") no-repeat center top #fd9b52;}
.blessing{ background:#fffaef; border-radius:10px; border:5px solid #f9b154; padding-bottom:40px; box-shadow:0 4px 8px #fd8d3c;}
.blessing .tit{ line-height:80px; font-size:16px; text-align:center; color:#761607; padding-top:47px;}
.blessing .con{ padding:0 0 0 52px;}
.blessing .con .tit01{ width:59px; height:620px; background:url("/images/zhuanti/2019anniversary/blessing-ico01.jpg") no-repeat center 13px #2d3237;}
.blessing .con .other-list{ width:188px; height:620px; overflow-y:auto; background:url("/images/zhuanti/2019anniversary/blessing-ico02.png") no-repeat center 14px #e3e3e3;}
.blessing .con .other-list ul{ padding-top:62px;}
.blessing .con .other-list li{ padding:0 0 9px 68px; position:relative;}
.blessing .con .other-list h4{ color:#28292d; padding-top:2px; line-height:22px; font-weight:normal}
.blessing .con .other-list p{ font-size:12px; color:#666; line-height:18px; height:36px;}
.blessing .con .other-list img{ display:block; width:45px; height:45px; position:absolute; left:14px; top:0;}
.blessing .con .list{ width:740px; height:620px; background:#f1f1f1;}
.blessing .con .list .tit02{ margin:0 23px; font-size:16px; color:#28292d; font-weight:bold; height:52px; line-height:52px; text-indent:19px; border-bottom:1px solid #e5e5e7;}
.blessing .con .list .list-wrap{ height:429px; padding:0 52px 0 26px; overflow:hidden;}
.blessing .con .list .bd{ height:429px; padding:0 52px 0 26px; overflow:hidden;}
.blessing .con .list li{ padding:21px 71px 0; position:relative;}
.blessing .con .list .time{ width:152px; height:21px; line-height:21px; text-align:center; background:#e6e6e6; border-radius:3px; font-size:12px; color:#666; margin:0 auto;}
.blessing .con .list h4{ line-height:26px; font-weight:normal;}
.blessing .con .list p{ display:block; background:#fff; padding:10px 17px; line-height:24px; position:relative; border-radius:5px;word-wrap:break-word; box-shadow:0 4px 8px #ededed;}
.blessing .con .list p i{ display:block; width:8px; height:14px; position:absolute; left:-8px; top:15px; background-position:-46px -274px;}
.blessing .con .list .head{ display:block; width:50px; height:50px; position:absolute; left:0; top:46px;}
.blessing .con .list li.my{}
.blessing .con .list li.my h4{ text-align:right;}
.blessing .con .list li.my p{ background:#b9e88a;}
.blessing .con .list li.my i{ left:auto; right:-8px; background-position:-56px -274px;}
.blessing .con .list li.my .head{ left:auto; right:0;}
.blessing .con .list .input-box{ border-top:1px solid #d8d8d8; padding:49px 0 0 23px; background:url("/images/zhuanti/2019anniversary/blessing-ico03.jpg") no-repeat 26px 7px}
.blessing .con .list .input-box .ipt{ width:549px; height:48px; line-height:24px; font-size:14px; resize:none; background:#fff; border:0; padding:6px 100px 6px 15px; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.blessing .con .list .input-box .btn{ display:block; width:110px; height:60px; line-height:60px; text-align:center; font-size:18px; color:#ffead8; text-decoration:none; background-position:-3px -76px; right:15px; top:49px; box-shadow:0 4px 8px #d6b3b1; border-radius:50px;}
.blessing .con .list .input-box .btn:hover{ background-position:-119px -76px;}
.blessing .con .list .input-box .bg{ display:block; width:100%; height:60px; position:absolute; left:0; top:49;}

/**/
.soliciting-articles{ height:346px; background:url("/images/zhuanti/2019anniversary/blessing-bg.png") no-repeat; margin-top:40px;}
.soliciting-articles .tit{ width:172px; text-align:center;}
.soliciting-articles .tit h3{ line-height:46px; font-size:32px; color:#e42c3f; padding-top:52px;}
.soliciting-articles .tit h4{ line-height:32px; font-size:20px; color:#e42c3f;}
.soliciting-articles .tit p{ line-height:30px; padding-top:14px; font-size:18px; color:#82352c;}
.soliciting-articles .con{ width:920px;}
.soliciting-articles .con h4{ font-weight:normal; color:#761607; padding-left:67px; line-height:88px;}
.soliciting-articles .con .list{ padding:9px 0 0 137px; width:304px;}
.soliciting-articles .con .list li{ font-size:16px; line-height:40px;}
.soliciting-articles .con .list li a{ color:#761607;}
.soliciting-articles .con .list .tit02{ width:92px; height:79px; line-height:79px; text-align:center; text-indent:13px; font-size:26px; color:#761607; font-weight:bold; left:34px; top:0; background-position:-252px -76px;}

/**/
.course-wrap{ width:100%; background:url("/images/zhuanti/2019anniversary/body-bg02.png") no-repeat center top #e9483c; padding:145px 0 30px;}
.course .tit{ line-height:80px; font-size:16px; text-align:center; color:#fff; padding-top:47px;}
.course .list{ padding-bottom:40px;}
.course .list li{ width:522px; border:4px solid #ffb86c; border-radius:10px; background:#fffdf4; position:relative;}
.course .list li.mt40{ margin-bottom:40px;}
.course .list h3{ line-height:58px; font-size:30px; padding:8px 25px 0 ;background:-webkit-linear-gradient(left,#480606,#a20804 40%,#a20804 60%,#a20804);-webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#a20804;}
.course .list .icon01{ display:block; width:153px; height:36px; text-align:center; line-height:36px; font-size:18px; color:#fff3e9; right:0; top:21px; background-position:0 -170px;}
.course .list .icon01 em{ font-size:26px; vertical-align:-3px;}
.course .list .icon02{ display:block; width:153px; height:36px; text-align:center; text-indent:9px; line-height:36px; font-size:14px; color:#690705; right:0; top:21px; background-position:-168px -170px;}
.course .list .box{ margin:0 20px; height:28px; border-bottom:1px dashed #fcddbe; padding:12px 0; line-height:28px; color:#690705; font-size:18px;}
.course .list .box .tags{ display:inline-block; width:70px; height:28px; vertical-align:1px; line-height:28px; text-align:center; font-size:12px; color:#fff; border-radius:50px; margin-right:15px;}
.course .list .box .tags.c1{ background:#c62526;}
.course .list .box .tags.c2{ background:#eaa54e;}
.course .list .box .tags.c3{ background:#f6862d;}
.course .list .box.none{ border-bottom:0;}
.course .list .btn-wrap{ padding:12px 0; text-align:center; background:#ffd4a2;}
.course .list .buy-btn{ display:inline-block; width:382px; height:52px; line-height:52px; text-align:left; font-size:16px; color:#fff; text-decoration:none; background-position:0 -214px;}
.course .list .buy-btn em{ display:inline-block; width:213px; text-align:left; padding-left:28px; vertical-align:2px;}
.course .list .buy-btn span{ font-size:20px; color:#660705;}
.course .list .buy-btn:hover{ background-position:0 -441px;}
.course .list .more-btn{ height:52px; line-height:52px; color:#660705;}

/**/
.student-wrap{ width:100%; background:url("/images/zhuanti/2019anniversary/body-bg03.png") no-repeat center top #ffeac6; padding:127px 0 57px;}
.student .tit{ line-height:94px; font-size:16px; text-align:center; color:#761607; padding-top:47px;}
.student .list01{ padding:0 0 36px 86px;}
.student .list01 .tit01{ width:69px; height:160px; line-height:160px; text-align:center; font-size:22px; font-weight:bold; color:#761607; background:#fec86b; left:0; top:0;}
.student .list01 .tit01 i{ display:block; width:10px; height:160px; background-position:0 -271px; right:-10px; top:0;}
.student .list01 li{ float:left; _display:inline; width:320px; height:160px; margin-right:27px; background:#fff; position:relative; overflow:hidden;}
.student .list01 li.none{ margin-right:0;}
.student .list01 .pic{ float:left; width:126px; height:160px;}
.student .list01 .text{ float:left; width:168px; padding:0 0 0 18px; color:#761607;}
.student .list01 .text h4{ font-size:20px; line-height:40px; padding-top:17px;}
.student .list01 .text p{ line-height:28px; font-size:16px;}
.student .list01 .bg{ display:block; width:100%; height:160px; background:#000;opacity:.6;filter:alpha(opacity=60); position:absolute; left:320px; top:0;}
.student .list01 .more{ position:absolute; left:320px; top:0; width:264px; font-size:16px; color:#fff; line-height:28px; padding:19px 28px 0;}
.student .list01 .btn{ display:block; width:100%; height:160px; line-height:0; font-size:0; position:absolute; left:0; top:0;}
.student .list01.list02{ padding-left:0;}
.student .list01.list02 .tit01{ line-height:30px; left:auto; right:0; padding-top:30px; height:130px;}
.student .list01.list02 .tit01 i{ left:-10px; right:auto; background-position:-15px -271px;}
.student .list03{}
.student .list03 li{ float:left; _display:inline; width:126px; height:160px; margin-right:36px; position:relative; overflow:hidden;}
.student .list03 li.none{ margin-right:0;}
.student .list03 h3{ display:block; width:100%; height:30px; line-height:30px; text-align:center; color:#fff; position:absolute; left:0; bottom:0; z-index:1;}
.student .list03 .bg01{ display:block; width:100%; height:30px; background:#000;opacity:.6;filter:alpha(opacity=60); position:absolute; left:0; bottom:0;}
.student .list03 .btn{ display:block; width:100%; height:160px; line-height:0; font-size:0; position:absolute; left:0; top:0;}
.student .list03 .more{ position:absolute; left:0; top:-160px; font-size:14px; color:#fff; height:154px; line-height:24px; padding:26px 8px 0;}
.student .list03 .more-bg{ display:block; width:100%; height:160px; position:absolute; left:0; top:-160px; background:#000;opacity:.6;filter:alpha(opacity=60);}

/**/
.jointly-wrap{width:100%; background:url("/images/zhuanti/2019anniversary/body-bg04.png") no-repeat center top #fd9b52; padding:100px 0 57px;}
.jointly .tit{ line-height:60px; padding-bottom:18px; text-align:center; font-size:16px; color:#761607; padding-top:42px;}
.jointly .con{ height:389px; background:url("/images/zhuanti/2019anniversary/jointly-bg.png") no-repeat center 144px;}
.jointly .con ul{ position:absolute;}
.jointly .con li{ float:left; _display:inline; width:140px; margin-right:10px; height:42px; line-height:42px; font-size:16px; color:#fff; text-align:center; text-decoration:none; border-radius:5px; background-image:-webkit-linear-gradient(45deg, #e12544, #e54b38); background-image:-ms-linear-gradient(45deg, #e12544, #e54b38); background-image:linear-gradient(45deg,#e12544,#e54b38); background:#e54b38\9;}
.jointly .con li:hover{background-image:-webkit-linear-gradient(45deg, #e54b38, #e12544); background-image:-ms-linear-gradient(45deg, #e54b38, #e12544); background-image:linear-gradient(45deg,#e54b38,#e12544); background:#e12544\9;}
.jointly .con li a{ color:#fff; display:block; width:140px; height:42px; line-height:42px; text-decoration:none;}
.jointly .p01{ left:0; top:0;}
.jointly .p02{ left:0; top:52px;}
.jointly .p03{ left:0; top:104px;}
.jointly .p04{ left:0; top:156px;}
.jointly .p05{ right:0; top:189px;}
.jointly .p06{ right:0; top:241px;}
.jointly .p07{ right:0; top:293px;}
.jointly .p08{ right:0; top:345px;}
.jointly .ot{}
.jointly .ot li{ float:right;}

/**/
.footer-bottom-wrap{ width:100%; height:388px; background:url("/images/zhuanti/2019anniversary/body-bg05.png") no-repeat center top;}
.footer-bottom{ height:388px;}
.footer-bottom .text{ padding-top:103px; width:690px;}
.footer-bottom .text h3{ line-height:82px; font-size:30px; color:#ffe4ae; font-weight:normal;}
.footer-bottom .text p{ font-size:16px; color:#fff; line-height:26px;}
.footer-bottom .ewm{}

/**/
.fix-nav{ width:96px; height:303px; z-index:9; background:url("/images/zhuanti/2019anniversary/fix-nav.png") no-repeat; position:absolute; right:10px; top:600px;}
.fix-nav.fix{ position:fixed; right:10px; top:200px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.fix-nav ul{ padding:22px 0 0 0;}
.fix-nav li{ width:90px; height:38px; line-height:38px; text-align:center; color:#fff; cursor:pointer; margin-bottom:9px;}
.fix-nav li.on{ background:#c41e36;}
.fix-nav .back{ display:block; width:104px; height:32px; line-height:0; font-size:0; margin:10px auto 0; color:#fff;}
.fix-nav li a{ color:#fff;}
.fix-nav .close-btn{ display:block; width:24px; height:24px; line-height:0; font-size:0; position:absolute; right:0; top:0;}

@-webkit-keyframes firecracker {
    0%{
        transform: scale(0);
        opacity:0;
    }
    98%{
        transform: scale(1);
        opacity:1;
    }
    100%{
        transform: scale(0);
        opacity:0;
    }
}

@keyframes firecracker {
    0%{
        transform: scale(0);
        opacity:0;
    }
    98%{
        transform: scale(1);
        opacity:1;
    }
    100%{
        transform: scale(0);
        opacity:0;
    }
}

@-webkit-keyframes teacherPic {
    0%{
        transform:rotateY(0deg);
    }
    100%{
        transform:rotateY(360deg);
    }
}
@keyframes teacherPic {
    0%{
        transform:rotateY(0deg);
    }
    100%{
        transform:rotateY(360deg);
    }
}