@charset "UTF-8";

/*author:Z.Zhao (切图)*/

/* reset */
*{margin:0; padding:0;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li {list-style:none;}
table{width:100%;border-collapse:collapse;border-spacing:0; }
table td{word-break: break-all; word-wrap:break-word;}
em, i {font-style:normal;}
a, a:visited, a:active {text-decoration:none; border:none; outline:none; color: #333; cursor: pointer;}
a,img { display:block; border:none;}
input, textarea {outline:none;}
select,input{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(3, 3, 3, 0); }
select {outline: medium none;}
textarea {resize: vertical;}
body {-webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(3,3,3,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 14px;overflow-x: hidden; color: #333;}
body, button, input, select, textarea {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, "Microsoft YaHei", "Source Han Sans CN", "PingFang SC", 'Noto Sans', "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
input[type="button"] {cursor: pointer;}
::-webkit-input-placeholder {color:#666;} /*placeholder 字体颜色*/
:-moz-placeholder {color:#666;} /*placeholder 字体颜色*/
::-moz-placeholder {color: #666;} /*placeholder 字体颜色*/
:-ms-input-placeholder {color: #666;} /*placeholder 字体颜色*/
.none{display:none;}
.left {float:left;}
.right {float:right;}
.clearfix::after {content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.clearfix {zoom:1;}
.clear{clear: both;}
.wrapper {padding: 0;margin: 0;}
.cont {width: 1100px; margin: auto;}

/*按钮悬停*/
a, input[type=button]{
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
a:hover, a:active, 
input[type=button]:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/* 隐私协议条款 */
.xieyi {font-size: 14px;text-align: center; line-height: 20px; color: #fff;}
.xieyi .xy {border: none;}
.xieyi span {vertical-align: top;}
.xieyi input[type=checkbox] {position: relative; left: 5px; top: -1px; width: 18px; height: 18px; padding: 0; margin-right: 5px; margin-bottom: 0; border: none; vertical-align: bottom;  -webkit-appearance: checkbox;-webkit-appearance: none;}
.xieyi input[type=checkbox]::before {position: absolute; content: ""; top: 0; left: 0; background: url(../images/unchecked.png) no-repeat center; width: 100%; height: 100%;}
.xieyi input[type=checkbox]:checked::before {position: absolute; background: url(../images/checked.png) no-repeat center; top: 0; left: 0; width: 100%;}
.xieyi a {display: inline; background: transparent; font-size: 14px; line-height: 18px; color: #fff;}

/* 协议弹窗样式 */
.es_arg_mask {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000;filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3; opacity: 0.3;z-index: 2000;}
.es_agr_box {position: fixed;top: 50%;left: 50%;width: 500px;margin: -210px 0 0 -270px;padding: 10px 20px 20px;background: #ffffff;border-radius: 6px;z-index: 2001;}
.es_agr_title {text-align: center;font-size: 18px;font-weight: bold;padding: 10px 20px;}
.es_agr_main {height: 262px; overflow: auto;}
.es_agr_con {font-size: 14px;color: #3a3d4b;line-height: 25px;word-break: break-all;}
.es_agr_btn {text-align: center;padding: 10px 20px 0;}
.es_button {line-height: 40px;border: none;outline: none;cursor: pointer;color: #ffffff;font-size: 16px;border-radius: 4px;padding: 0 30px;background: #1890FF;background: -webkit-linear-gradient(left, #1890FF, #90CAFF);background: -o-linear-gradient(left, #1890FF, #90CAFF);background: -moz-linear-gradient(left, #1890FF, #90CAFF);background: linear-gradient(left, #1890FF, #90CAFF);}
.es_cancel {display: block;font-size: 14px;color: #3a3d4b;cursor: pointer; margin-top: 10px;}
.agreement {padding: 10px;}
.agreement p {font-size: 14px; line-height: 30px; text-indent: 2em; text-align: justify;}

/* header */
.header {margin: 0; padding: 0;}
.header .top {height: 26px; padding: 6px 0; background: #363636;}
.header .top span {display: block; float: left; font-size: 14px; text-align: center; line-height: 24px; color: #f5f5f5;}
.header .top a{display: inline-block; position: relative; width: 88px; height: 22px; margin: 0 3px; border:1px solid #fff; border-radius: 5px; color: #f5f5f5; line-height: 22px;}
.btn-border-o:before, .btn-border-o:after {-webkit-transition: all 0.3s;transition: all 0.3s;}
.btn-border-o:before, .btn-border-o:after {content: '';border-style: solid;position: absolute;z-index: 5;border-radius: 5px;box-sizing: content-box;}
.btn-border-o:before {width: 0;height: 100%;border-width: 1px 0 1px 0;top: -1px;left: 0;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.btn-border-o:after {width: 100%;height: 0;border-width: 0 1px 0 1px;top: 0;left: -1px;}
.btn-border-o:hover:before {width: 100%;}
.btn-border-o:hover:after {height: 100%;}
.btn-border-o.btn-orange:before, .btn-border-o.btn-orange:after {border-color: #f30;}
.btn-border-o.btn-orange:hover {color: #f30;background-color: rgba(255,255,255,.15)}
.header .top span:nth-of-type(1) {width: 120px;}
.header .top span:nth-of-type(2) {width: 870px;}
.header .top span:nth-of-type(3) {width: 110px;}
.header .main {padding: 12px 0; overflow: hidden;}
.header .main .slogen {float: left; width: 396px; height: 60px;}
.header .main .slogen .logo {float: left; width: 182px;}
.header .main .slogen .logo img {width: 170px;}
.header .main .slogen .logo p {padding-left: 2px; font-size: 14px; letter-spacing: 16px; line-height: 25px; color: #999;}
.header .main .slogen .line {float: left; width: 1px; height: 60px; margin-right: 12px; background: linear-gradient(rgba(143,143,143,0),rgba(143,143,143,1),rgba(143,143,143,0));}
.header .main .slogen .yl {float: left; width: 200px; height: 24px; margin: 18px 0; border-radius: 12px; background: #f5f5f5; font-size: 16px; text-align: center; line-height: 24px;}
.header .main .nav {float: right; width: 700px;}
.header .main .nav ul {float: right; padding: 20px 0;}
.header .main .nav ul li {float: left; width: 90px; border-right: 1px solid #ccc; text-align: center; line-height: 20px;}
.header .main .nav ul li:last-child {border-right: none;}
.header .main .nav ul li a {font-size: 16px;}
.header .main .nav ul li a:hover {color: #f30;}

/* wrapper */
/* banner */
.banner {padding: 50px 0; background: url(../images/banner_bg.png) no-repeat center;}
.banner .left {width: 210px; height: 620px; background: #fff;}
.banner .left h1 {padding: 18px 0; background: url(../images/banner_left_1.png) no-repeat center; font-size: 24px; line-height: 32px; text-align: center; color: #fff;}
.banner .left h2 {padding-left: 18px; font-size: 0; height: 46px; background: #fff5eb;}
.banner .left h2 span {display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 20px; font-weight: bold; line-height: 46px; color: #ff921e;}
.banner .left h2 em {display: inline-block; vertical-align: middle; width: 130px; border-bottom: 2px dashed #ffb48b;}
.banner .left ul {padding: 12px 0 12px 8px; overflow: hidden;}
.banner .left ul li {float: left; margin-left: 12px;}
.banner .left ul li a {width: 78px; font-size: 18px; line-height: 34px; text-align: left;}
.banner .left ul li a.lang {width: 98px;}
.banner .middle {float: left; width: 640px; margin: 0 20px;}
.banner .middle .myform {height: 330px; background: rgba(0, 114, 255, .6); text-align: center;}
.banner .middle .myform h2 {padding-top: 16px; font-size: 0;}
.banner .middle .myform h2 img {display: inline-block; vertical-align: middle;}
.banner .middle .myform h2 span {display: inline-block; vertical-align: middle; margin: 0 20px; font-size: 28px; font-weight: bold; line-height: 50px; color: #fff;}
.banner .middle .myform ul {font-size: 0;}
.banner .middle .myform ul li {display: inline-block; margin: 10px;}
.banner .middle .myform ul li select {width: 280px; height: 50px; padding: 0 20px; border: none; background: url(../images/fomr_sel.png) no-repeat 250px center #fff; font-size: 18px;}
.banner .middle .myform ul li input[type=text] {width: 240px; height: 50px; padding: 0 20px; border: none; background: #fff; font-size: 18px;}
.banner .middle .myform input[type=button] {width: 320px; height: 50px; margin: 10px 0 16px; border: none; background: #ff921e; font-size: 20px; font-weight: bold;  color: #fff;}
.banner .middle .news {padding: 26px 10px 0;}
.banner .middle .news h2 {margin-bottom: 22px; font-size: 0; text-align: center;}
.banner .middle .news h2 img {display: inline-block; vertical-align: middle;}
.banner .middle .news h2 span {display: inline-block; vertical-align: middle; margin: 0 50px; font-size: 24px; font-weight: bold; line-height: 50px; color: #fff;}
.banner .middle .news ul {float: left; width: 306px;}
.banner .middle .news ul.list_l {border-right: 1px dashed #fff; margin-right: 20px;}
.banner .middle .news ul.list_r {width: 290px;}
.banner .middle .news ul li {margin-bottom: 10px; overflow: hidden;}
.banner .middle .news ul li:last-child {margin-bottom: 0;}
.banner .middle .news ul li span {display: block; float: left; width: 46px; height: 30px; margin-right: 10px; background: #3991ff; font-size: 16px; text-align: center; line-height: 30px; color: #fff;}
.banner .middle .news ul li a {float: left; font-size: 16px; line-height: 30px; color: #fff;}
.banner .right {width: 210px;}
.banner .right .right_1 {width: 210px; height: 330px; margin-bottom: 30px; background: url(../images/banner_right_1.png) no-repeat center; text-align: center;}
.banner .right .right_1 h2 {padding-top: 30px; font-size: 0;}
.banner .right .right_1 h2 span {display: inline-block; width: 185px; height: 52px; background: url(../images/banner_right_3.png) no-repeat center; font-size: 20px; font-weight: bold; line-height: 38px; color: #fff;}
.banner .right .right_1 h2 img {display: inline-block; margin: 20px 0 30px;}
.banner .right .right_1 a {display: inline-block; width: 160px; height: 50px; border-radius: 10px; background: #ff3c28; box-shadow: 0 13px 18px rgba(255, 102, 5, .36); font-size: 24px; font-weight: bold; line-height: 50px; color: #fff;}
.banner .right .right_2 {width: 210px; height: 260px; background: #fff; text-align: center;}
.banner .right .right_2 h2 {padding: 7px 0; background: url(../images/banner_right_4.png) no-repeat center; font-size: 18px; font-weight: bold; line-height: 25px; color: #fff;}
.banner .right .right_2 h2 span {display: inline-block; font-size: 16px; font-weight: normal;}
.banner .right .right_2 img {display: inline-block; margin-top: 15px;}

/* sec01 报名时间 */
.sec01 {padding: 70px 0 0;}
.sec01 .cont {padding: 40px 0 50px; background: url(../images/sec01_bg.png) no-repeat center;}
.sec01 h2 {position: relative; width: 1100px; height: 50px; font-size: 0; text-align: center;}
.sec01 h2 img {position: absolute;}
.sec01 h2 img.img_l {left: 30px; top: 20px;}
.sec01 h2 img.img_r {right: 30px; top: 20px;}
.sec01 h2 span {display: inline-block; font-size: 48px; font-weight: bold; line-height: 50px;}
.sec01 h2 span i {color: #ff921e;}
.sec01 h3 {width: 260px; height: 36px; margin: 30px auto 20px; background: url(../images/sec01_2.png) no-repeat center bottom; font-size: 0; text-align: center;}
.sec01 h3 img {display: inline-block; vertical-align: middle; margin-right: 10px;}
.sec01 h3 span {display: inline-block; vertical-align: middle; font-size: 20px; line-height: 36px; color: #4277dd;}
.sec01 h3 span i {font-size: 26px; font-weight: bold; color: #1a5fd7;}
.sec01 ul {width: 990px; padding: 20px 25px; margin: auto; background: rgba(255, 255, 255, .7); font-size: 0; text-align: center; overflow: hidden;}
.sec01 ul li {float: left; margin: 10px 5px;}
.sec01 ul li a {width: 78px; height: 48px; border: 1px solid #1a5fd7; font-size: 20px; line-height: 48px;}
.sec01 ul li a:hover {background: #1a5fd7; color: #fff;}
.sec01 ul li.on a {background: #1a5fd7; color: #fff;}
.sec01 .myform {margin-top: 30px; text-align: center;}
.sec01 .myform input[type=text] {width: 410px; height: 58px; padding: 0 20px; border: 1px solid #ff921e; background: #fff; font-size: 20px;}
.sec01 .myform input[type=button] {width: 270px; height: 60px; margin-left: 20px; border: none; background: #ff921e; font-size: 20px; font-weight: bold; color: #fff;}
.sec01 .myform .xieyi {margin-top: 20px; color: #666;}
.sec01 .myform .xieyi a {color: #f30;}
.sec01 .myform .xieyi input[type=checkbox]:checked::before {background: url(../images/checked2.png) no-repeat center;}

/* sec02 为什么都在考 */
.sec02 {padding: 60px 0 70px; background: url(../images/sec02_bg.png) no-repeat center;}
.sec02 h2 {position: relative; width: 1100px; height: 50px; margin: auto; font-size: 0; text-align: center;}
.sec02 h2 img {position: absolute;}
.sec02 h2 img.img_l {left: 30px; top: 20px;}
.sec02 h2 img.img_r {right: 30px; top: 20px;}
.sec02 h2 span {display: inline-block; font-size: 48px; font-weight: bold; line-height: 50px;}
.sec02 h2 span i {color: #ff921e;}
.sec02 h3 {margin: 20px 0 30px; font-size: 24px; text-align: center; line-height: 30px;}
.sec02 ul {display: flex; justify-content: space-between; margin-bottom: 20px;}
.sec02 ul li {width: 260px;}
.sec02 ul li h4 {font-size: 24px; font-weight: bold; text-align: center; line-height: 62px; color: #fff; background: url(../images/sec02_1.png) no-repeat center top;}
.sec02 ul li p {height: 180px; padding: 15px 20px; border: 6px solid #2f75ed; border-top: none; font-size: 18px; line-height: 26px; text-align: justify;}
.sec02 .myform {padding: 30px 0; background: url(../images/sec02_2.png) no-repeat center; font-size: 0; text-align: center;}
.sec02 .myform select {width: 340px; height: 60px; padding: 0 20px; border: none; background: url(../images/fomr_sel.png) no-repeat 310px center #fff; font-size: 20px; vertical-align: middle;}
.sec02 .myform input[type=text] {width: 360px; height: 60px; padding: 0 20px; margin: 0 20px; border: none; background: #fff; font-size: 20px; vertical-align: middle;}
.sec02 .myform input[type=button] {width: 260px; height: 60px; border: none; background: #ff921e; font-size: 20px; font-weight: bold; color: #fff; vertical-align: middle;}
.sec02 .myform .xieyi {margin-top: 20px;}

/* sec03 考试及分值分布 */
.sec03 {padding: 60px 0 70px; background: url(../images/sec03_bg.png) no-repeat center;}
.sec03 h2 {position: relative; width: 1100px; height: 50px; margin: auto; font-size: 0; text-align: center;}
.sec03 h2 img {position: absolute;}
.sec03 h2 img.img_l {left: 30px; top: 20px;}
.sec03 h2 img.img_r {right: 30px; top: 20px;}
.sec03 h2 span {display: inline-block; font-size: 48px; font-weight: bold; line-height: 50px; color: #fff;}
.sec03 table {width: 1060px; margin: 40px auto 30px; background: #fff;}
.sec03 table tr th {border-right: 1px solid #fff; background: #333; font-size: 20px; font-weight: bold; text-align: center; line-height: 50px; color: #fff;}
.sec03 table tr th:last-child {border-right: none;}
.sec03 table tr td {border-right: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; font-size: 18px; text-align: center; line-height: 45px;}
.sec03 table tr td:last-child {border-right: none;}
.sec03 table tr:last-child td {border-bottom: none;}
.sec03 table tr:nth-of-type(4) td:first-child {border-bottom: none;}
.sec03 table tr td:nth-of-type(3),
.sec03 table tr:nth-of-type(2) td:nth-of-type(4),
.sec03 table tr:nth-of-type(3) td:nth-of-type(2),
.sec03 table tr:nth-of-type(4) td:nth-of-type(4),
.sec03 table tr:nth-of-type(5) td:nth-of-type(2) {padding-left: 20px; text-align: left;}
.sec03 .btns {font-size: 0; text-align: center;}
.sec03 .btns a {display: inline-block; width: 260px; height: 60px; margin: 0 16px; background: #0c57d5; font-size: 20px; font-weight: bold; line-height: 60px; color: #fff;}

/* sec04 备考资料 */
.sec04 {padding: 60px 0 70px;}
.sec04 h2 {position: relative; width: 1100px; height: 50px; margin: 0 auto 40px; font-size: 0; text-align: center;}
.sec04 h2 img {position: absolute;}
.sec04 h2 img.img_l {left: 30px; top: 20px;}
.sec04 h2 img.img_r {right: 30px; top: 20px;}
.sec04 h2 span {display: inline-block; font-size: 48px; font-weight: bold; line-height: 50px;}
.sec04 h2 span i {color: #ff921e;}
.sec04 .cont {position: relative; width: 1100px; height: 520px; background: #f5f5f5;}
.sec04 ul {width: 760px; padding: 19px 0; font-size: 0; text-align: center;}
.sec04 ul li {display: inline-block; width: 130px; margin: 20px 5px;}
.sec04 ul li img {display: inline-block; margin-bottom: 20px;}
.sec04 ul li span {display: block; font-size: 18px; line-height: 20px;}
.sec04 .box {padding: 30px 0; background: #0c57d5;}
.sec04 .myform {width: 760px; font-size: 0; text-align: center;}
.sec04 .myform input[type=text] {width: 360px; height: 60px; padding: 0 20px; margin: 0 20px; border: none; background: #fff; font-size: 20px; vertical-align: middle;}
.sec04 .myform input[type=button] {width: 260px; height: 60px; border: none; background: #ff921e; font-size: 20px; font-weight: bold; color: #fff; vertical-align: middle;}
.sec04 .myform .xieyi {margin-top: 20px;}
.sec04 .stb {position: absolute; top: 40px; right: 40px; width: 268px; height: 442px; background: url(../images/sec04_2.png) no-repeat center;}

/* sec05 精讲课试听 */
.sec05 {padding: 60px 0 70px; background: url(../images/sec05_bg.png) no-repeat center top;}
.sec05 h2 {position: relative; width: 1100px; height: 50px; margin: auto; font-size: 0; text-align: center;}
.sec05 h2 img {position: absolute;}
.sec05 h2 img.img_l {left: 30px; top: 20px;}
.sec05 h2 img.img_r {right: 30px; top: 20px;}
.sec05 h2 span {display: inline-block; font-size: 48px; font-weight: bold; line-height: 50px;}
.sec05 h2 span i {color: #ff921e;}
.sec05 h3 {margin: 20px 0 30px; font-size: 24px; text-align: center; line-height: 30px;}
.sec05 .top {margin-bottom: 30px; overflow: hidden;}
.sec05 .top img:nth-of-type(1) {float: left;}
.sec05 .top img:nth-of-type(2) {float: right;}
/* Swiper */
.sec05 .mySwiper .swiper-slide-thumb-active{background: linear-gradient(#ff9421,#ffae00); opacity:1;}
.sec05 .box1 {height: 60px; background: #0c57d5;}
.sec05 .mySwiper {width: 1000px;}
.sec05 .swiper .slide_1 {width: 1000px; height: 60px; margin: auto; background: #0c57d5; text-align: center;}
.sec05 .swiper .slide_1 .swiper-slide {font-size: 20px; text-align: center; line-height: 60px; color: #fff; pointer-events: auto; cursor: pointer;}
.sec05 .swiper .slide_2 {width: 1000px !important; height: 422px;}
.sec05 .swiper .slide_2 .swiper-slide {background: #eaeaea;}
.sec05 .swiper .slide_2 .swiper-slide .list {float: right; width: 390px; height: 382px; margin: 20px 10px; background: #fff;}
.sec05 .swiper .slide_2 .swiper-slide .list ul {padding: 10px 20px;}
.sec05 .swiper .slide_2 .swiper-slide .list ul li {padding: 15px 0; border-bottom: 1px solid #f2f2f2;}
.sec05 .swiper .slide_2 .swiper-slide .list ul li h4 {font-size: 18px; line-height: 30px;}
.sec05 .swiper .slide_2 .swiper-slide .list ul li p {font-size: 14px; line-height: 30px; color: #a1a1a1;}
.sec05 .swiper .slide_2 .swiper-slide .list ul li p a {float: right; font-size: 14px; color: #ff441f;}
.sec05 .swiper .swiper-button-next {top: 30px; background: url(../images/next.png) no-repeat center;}
.sec05 .swiper .swiper-button-prev {top: 30px; background: url(../images/prev.png) no-repeat center;}
.swiper-button-next:after, .swiper-button-prev:after {content: none;}
.sec05 .swiper .video {position: absolute; z-index: 9999; left: 10px; top: 80px; width: 680px; height: 382px; background: #000;}
.sec05 .myform {width: 1066px; height: 346px; margin-top: 30px; background: url(../images/sec05_3.png) no-repeat center; font-size: 0; text-align: center;}
.sec05 .myform h4 {padding: 40px 0 20px; font-size: 40px; font-weight: bold; line-height: 50px; color: #fff;}
.sec05 .myform input[type=text] {width: 360px; height: 60px; padding: 0 20px; margin: 0 15px; border: none; background: #fff; font-size: 20px;}
.sec05 .myform input[type=button] {width: 400px; height: 60px; margin: 26px 0 16px; background: #ff921e; border: none; font-size: 30px; font-weight: bold; color: #fff;}

/* sec06 多模块、进阶式教学 */
.sec06 {padding: 0 0 70px;}
.sec06 h2 {position: relative; width: 1100px; height: 50px; margin: auto; font-size: 0; text-align: center;}
.sec06 h2 img {position: absolute;}
.sec06 h2 img.img_l {left: 30px; top: 20px;}
.sec06 h2 img.img_r {right: 30px; top: 20px;}
.sec06 h2 span {display: inline-block; font-size: 48px; font-weight: bold; line-height: 50px;}
.sec06 h2 span i {color: #ff921e;}
.sec06 h3 {margin: 20px 0 30px; font-size: 24px; text-align: center; line-height: 30px;}
.sec06 .box {position: relative; width: 1100px; height: 950px;}
.sec06 .box .sider {position: absolute; z-index: 3; bottom: 0; width: 220px; padding: 0 20px;}
.sec06 .box .sider1 {left: 0; height: 400px; background: url(../images/sec06_1.png) no-repeat center bottom;}
.sec06 .box .sider2 {left: 280px; height: 696px; background: url(../images/sec06_2.png) no-repeat center bottom;}
.sec06 .box .sider3 {left: 560px; height: 921px; background: url(../images/sec06_3.png) no-repeat center bottom;}
.sec06 .box .sider4 {left: 840px; height: 943px; background: url(../images/sec06_4.png) no-repeat center bottom;}
.sec06 .box .sider h4 {padding-left: 6px; font-size: 40px; letter-spacing: 3px; font-weight: bold; text-align: center; line-height: 100px; color: #fff;}
.sec06 .box .sider .info {position: absolute; bottom: 66px; width: 220px; background: #fff; text-align: center;}
.sec06 .box .sider .info h5 {font-size: 24px; font-weight: bold; line-height: 60px; border-bottom: 1px solid #d3d3d3;}
.sec06 .box .sider .info p {padding: 16px 20px; border-bottom: 1px solid #d3d3d3; font-size: 16px; line-height: 28px;}
.sec06 .box .sider .info p:last-child {border-bottom: none;}
.sec06 .box .sider1 .info {height: 236px;}
.sec06 .box .sider1 .info p {text-align: justify;}
.sec06 .box .sider h6 {position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; padding: 18px 0; font-size: 0; text-align: center;}
.sec06 .box .sider h6 a {display: inline-block; vertical-align: middle; width: 98px; height: 28px; background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.3)); border: 1px solid #fff; border-radius: 15px; font-size: 18px; line-height: 30px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);}
.sec06 .box .sider h6 em {display: inline-block; vertical-align: middle; width: 1px; height: 20px; margin: 0 10px; background: #fff;}
.sec06 .box .sider1 .info h5 {color: #1fa05d;}
.sec06 .box .sider2 .info h5 {color: #f28004;}
.sec06 .box .sider3 .info h5 {color: #1467e7;}
.sec06 .box .sider4 .info h5 {color: #f55b35;}
.sec06 .box .fd {position: absolute; z-index: 1; top: 30px; width: 455px; height: 381px; background: url(../images/sec06_5.png) no-repeat center;  animation: fudong2 ease-in-out .75s infinite alternate;}

/* sec07 招生简章 */
.zsjz {padding: 0 0 70px;}
.zsjz h2 {position: relative; width: 1100px; height: 50px; margin: 0 auto 40px; font-size: 0; text-align: center;}
.zsjz h2 img {position: absolute;}
.zsjz h2 img.img_l {left: 30px; top: 20px;}
.zsjz h2 img.img_r {right: 30px; top: 20px;}
.zsjz h2 span {display: inline-block; font-size: 48px; font-weight: bold; line-height: 50px;}
.zsjz h2 span i {color: #ff921e;}

/* 弹出层 */
.popups-greey{position: fixed;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 88;}
.popups-show{position: fixed;top: 50%;width: 100%;margin: -180px auto 0; z-index: 99;}
.popups {position: relative; width: 400px; height: 360px; margin: auto; border-radius: 12px; background: url(../images/popups_bg.png) no-repeat center; box-shadow: 0 0 20px rgba(51, 51, 51, .75);}
.popups h2 {font-size: 26px; font-weight: bold; text-align: center; line-height: 80px; color: #fff;}
.popups i{position: absolute;top: -30px;right: 0px;width: 26px;height: 26px;cursor: pointer;}
.popups .myform {font-size: 0; text-align: center;}
.popups .myform select {width: 360px; height: 60px; padding: 0 20px; margin-bottom: 10px; border: none; border-radius: 4px; background: url(../images/fomr_sel.png) no-repeat 330px center #fff; font-size: 18px;}
.popups .myform input[type=text] {width: 320px; height: 60px; padding: 0 20px; border: none; border-radius: 4px; font-size: 18px;}
.popups .myform input[type=button] {width: 360px; height: 60px; border: none; border-radius: 4px; background: linear-gradient(#ffb21e,#ff921e); box-shadow: 0 0 10px rgba(50, 115, 224, .3);  font-size: 24px; font-weight: bold; color: #fff;}
.popups .myform p {margin-top: 10px; font-size: 12px; line-height: 20px; color: #fff;}
.popups .myform .xieyi {margin: 8px 0; font-size: 12px;}
.popups .myform .xieyi a {font-size: 12px;}

/* lfNav */
.lfNav{position:fixed;width:150px;height:530px;display:block;background:url(../images/xuanfuchuang.png) no-repeat center;top:18%;z-index:9;box-sizing:border-box;right:10px;padding-top:125px;}
.lfNav .close{position:absolute;top:-3px;right:0;height:20px;width:20px;background:url(../images/xuanfuchuang_cha.png) no-repeat center;}
.lfNav h1{text-align:center;font-size:27px;color:white;font-weight:bolder;line-height:38px;margin-top:18px;}
.lfNav h1 span{color:#fff717;font-size:47px;}
.nav-bg{width:150px;height:42px;display:block;float:left;clear:both;margin-bottom:8px;}
.nav-bg a{display:block;margin:auto;font-size:18px;color:#333;text-align:center;line-height:42px;}
.nav-bg .liaojie{display:block;margin:auto;font-size:22px;color:#ff9100;text-align:center;line-height:42px;font-weight:bold;}
.left_top{display:block;text-align:center;font-size:26px;color:white;font-weight:bolder;margin-top:20px;float:left;margin-left:48px;}

/* 二级页 */
.ejy-bgd{height: 100%; height: 100vh; background: url(../images/ejy_bg.png) no-repeat center bottom;}
.ejy .logo {padding: 30px 0 10px;}
.ejy .logo img {width: 152px;}
.ejy h2 {font-size:68px;font-weight:bold;text-align:center;line-height:120px;background:-webkit-linear-gradient(#fff,#ffd571);background:linear-gradient(#fff,#ffd571);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.ejy h3{font-size: 18px; text-align: center; line-height: 50px; color: #fff; background: url(../images/ejy_1.png) no-repeat center;}
.ejy .myform {width: 920px; margin: 50px auto 0; padding: 0 0 50px; border-radius: 30px; background: #fff; text-align: center;}
.ejy .myform h4 {height: 90px; border-radius: 30px 30px 0 0; background: url(../images/ejy_2.png) no-repeat center; font-size: 40px; font-weight: bold; line-height: 90px; color: #fff;}
.ejy .myform ul {padding: 40px 0 0; font-size: 0; text-align: center;}
.ejy .myform ul li {display: inline-block; width: 600px; height: 80px; margin-bottom: 20px; border: none; border-radius: 4px; background: #f0f0f0;}
.ejy .myform ul li label {display: inline-block; width: 130px; font-size: 18px; line-height: 80px; text-align: right; vertical-align: middle;}
.ejy .myform ul li select {display: inline-block; width: 470px; height: 80px; margin-top: -1px; border: none; background: url(../images/fomr_sel.png) no-repeat 430px center; font-size: 18px; vertical-align: middle;}
.ejy .myform ul li input[type=text] {display: inline-block; width: 470px; height: 80px; background: transparent; border: none; font-size: 18px; vertical-align: middle;}
.ejy .myform input[type=button] {width: 400px; height: 70px; border: none; border-radius: 4px; background: #ff6744; box-shadow: 0 6px 9px rgba(255, 132, 104, .5); font-size: 24px; font-weight: bold; color: #fff;}
.ejy .myform input[type=button]:hover {box-shadow:0 20px 20px -5px rgba(255,100,111,.5);-webkit-transform:scale(1.1);transform:scale(1.1);}
.ejy .myform .xieyi {margin-top: 20px; color: #666;}
.ejy .myform .xieyi a {color: #f30;}
.ejy .myform .xieyi input[type=checkbox]:checked::before {background: url(../images/checked2.png) no-repeat center;}

/* footer */
.copyright{background: #f5f5f5; font-size: 12px; text-align: center; line-height: 60px; color: #666;}
.copyright a {display: inline; color: #999;}


/* @keyframes */
@keyframes fudong 
{ 0%{transform:translateY(-3px);} 100%{transform:translateY(0);}}
@keyframes fudong2
{ 0%{transform:translateY(-7px);} 100%{transform:translateY(0);}}
@keyframes fudong3
{ 0%{transform:translateX(-15px);} 100%{transform:translateX(0);}}
@keyframes fudong4
{ 0%{transform:translateX(5px);} 100%{transform:translateX(0);}}


/* 留咨工具 */
.qr_zz{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;z-index:9995;}
.qr-box{position:fixed;top:50%;left:50%;margin:-250px 0 0 -230px;z-index:9999;}
.qr_close{position:absolute;left:50%;bottom:-60px;width:50px;height:50px;margin-left:-25px;background:url(../images/qr_close.png)
no-repeat center;background-size:contain;cursor:pointer;}
.qr-con{position:relative;box-sizing:border-box;padding:60px 0
0;width:480px;height:450px;text-align:center;background:url('../images/qr-box.png') no-repeat
center;background-size:contain;}
.qr-title{position:absolute;top:-102px;left:50%;width:208px;height:205px;margin-left:-104px;background:url('../images/qr-title.png')
no-repeat center;background-size:contain;}
.qr-title img{width:208px;height:205px;margin:0 auto;}
.qr-con h2{font-size:26px;color:#333;line-height:60px;font-weight:600;}
.qr-con
h3{box-sizing:border-box;padding-left:6px;width:280px;height:28px;font-size:16px;color:#fff;text-align:right;line-height:28px;margin:0
auto 60px;background-color:#ff9d2e;border-radius:14px;}
.qr-con h3
span{display:inline-block;vertical-align:top;width:148px;height:28px;color:#fb2329;text-align:center;background-color:#fff;border-radius:14px;}
.qr_code{position:relative;}
.qr_img{box-sizing:border-box;padding:12px 0;width:140px;height:140px;margin:0 auto
12px;background:url('../images/qr_code.png') no-repeat center;background-size:contain;}
.qr_img img{width:117px;height:117px;margin:0 auto;border-radius:20px;}
.qr-con h4{font-size:18px;color:#916715;}
.tc_load_mask{position:absolute;left:0;right:0;top:15px;bottom:0;background:rgba(255,255,255,.7);border-radius:10px;}
.tc_loader{position:absolute;left:50%;top:50%;width:2em;height:2em;border-radius:50%;margin:-1.1em 0 0
-1.1em;text-indent:-9999em;color:#409eff;border-top:0.18em solid rgba(0,0,0,0.1);border-right:0.18em solid
rgba(0,0,0,0.1);border-bottom:0.18em solid rgba(0,0,0,0.1);border-left:0.18em solid
#409eff;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-moz-animation:loader 500ms
infinite linear;-webkit-animation:loader 500ms infinite linear;animation:loader 500ms infinite
linear;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;-webkit-transition:all 500ms ease;transition:all
500ms ease;}
@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes loader{0%{-moz-transform:rotate(0deg);transform:rotate(0deg);}
100%{-moz-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
/* 留咨工具 */