@charset "utf-8";* {margin:0;padding:0;box-sizing:border-box;list-style:none;-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select:none;}
body {font-family:Microsoft YaHei,"微软雅黑";}
a {outline:0;text-decoration:none;}
a:hover {color:#00A2DD;}
strong {font-weight:400}
section {background:#ffffff;}
.block {width:1200px;margin:0 auto;}
section.content1,.content5 {width:100%;}
.strong {font-weight:700}
::selection {background:#1eacdf;color:#fff}
img {border:0}
::-moz-selection {background:#1eacdf;color:#fff}
::-webkit-selection {background:#1eacdf;color:#fff}
.autoWidth {margin:0 auto;min-width:1000px;max-width:1200px}
.auto {margin:0 auto;min-width:1000px;max-width:1200px}
.banner {margin-top:60px;text-align:center;}
@media screen and (max-width:1233px) {.auto {padding-left:10px}
}
.fuSlide {width:100%;height:560px;position:relative;z-index:1;}
.fuSlide .imgs {width:100%}
.ck-slide,.ck-slide ul.ck-slide-wrapper li,.ck-slide ul.ck-slide-wrapper li a img {transition:all 1s ease}
.ck-slide {position:relative;overflow:hidden;width:100%;}
.ck-slide ul.ck-slide-wrapper {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}
.ck-slide ul.ck-slide-wrapper li {position:absolute;width:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%}
.ck-slide ul.ck-slide-wrapper li:first-child {z-index:1111}
.ck-slide ul.ck-slide-wrapper li.current {z-index:1112}
.ck-slide ul.ck-slide-wrapper li a {display:block;color:#fff;}
.ck-slide ul.ck-slide-wrapper li a:hover {color:#00A2DD;}
.ck-slide ul.ck-slide-wrapper li a .img {width:100%;height:auto;opacity:0;filter:alpha(opacity='0')}
.ck-slide ul.ck-slide-wrapper li .leftto {filter:alpha(opacity=0);opacity:0}
.ck-slide ul.ck-slide-wrapper li.current .leftto {animation:mymove8 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s}
.ck-slide ul.ck-slide-wrapper li .rightto {filter:alpha(opacity=0);opacity:0}
.ck-slide ul.ck-slide-wrapper li.current .rightto {animation:mymove7 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.5s}
.ck-slide ul.ck-slide-wrapper li.current .danim-3 {animation:mymove10 .8s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s}
.ck-slide ul.ck-slide-wrapper li.current .anim-1 {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s}
.ck-slide ul.ck-slide-wrapper li.current .anim-2 {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.6s}
.ck-slide ul.ck-slide-wrapper li.current .anim-3 {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.9s}
.banner_con {top:0;left:0;width:100%;height:100%;/* position:absolute */}
.banner1_one {text-align:center;color:#fff;margin-top:6%;font-family:Microsoft YaHei}
.banner1_one h2 {font-weight:400;margin-bottom:.5%;font-family:Microsoft YaHei}
.banner1_two {text-align:center;color:#fff;margin-top:3%;opacity:0;filter:Alpha(opacity=0)}
.banner1_two span {display:inline-block;padding-left:60px;padding-right:60px;height:112px}
.banner1_two span:first-child {border-right:1px solid #677794}
.banner1_two span b {font-weight:400;color:#ffc600;display:block}
.banner_con .f90 {font-size:90px}
.banner_con .f72 {font-size:72px}
.banner_con .f48 {font-size:48px}
.banner_con .f36 {font-size:36px}
.banner_con .f30 {font-size:30px}
.banner2_one {color:#fff;right:20%;bottom:3%;position:absolute;}
.banner2_one h2 {font-weight:400;margin-bottom:1%;font-family:Microsoft YaHei;margin-top:35%;opacity:0;filter:Alpha(opacity=0)}
.banner2_one p {color:#fff;font-family:Microsoft YaHei;opacity:0;filter:Alpha(opacity=0)}
.banner2_one em {display:block;width:208px;height:46px;line-height:46px;border:1px solid #fff;border-radius:30px;font-size:16px;text-indent:50px;background:url(/static/images/i_bg9.png) 138px center no-repeat;font-style:normal;margin-top:85%;margin-left:58%;transition:all .3s;cursor:pointer;}
.banner2_one em:hover {background-position:150px center;margin-left:5%;}
.ck-slide ul.ck-slide-wrapper li.current .banner2_one .leftto {animation-delay:1s}
.banner4_one {float:left;width:60%;color:#fff}
.banner4_one h2 {font-weight:400;margin-bottom:1%;font-family:Microsoft YaHei;margin-top:15%;opacity:0;filter:Alpha(opacity=0)}
.banner4_one p {color:#fff;font-family:Microsoft YaHei;opacity:0;filter:Alpha(opacity=0)}
.banner4_one em {display:block;width:208px;height:46px;line-height:46px;border:1px solid #000;border-radius:30px;font-size:16px;text-indent:50px;background:url(/static/images/i_bg10.png) 138px center no-repeat;font-style:normal;margin-top:6%;transition:all .3s;cursor:pointer}
.banner4_one em:hover {background-position:150px center;margin-left:10px}
.ck-slide ul.ck-slide-wrapper li.current .banner4_one .leftto {animation-delay:1s}
.index-waper-box {position:absolute;bottom:0;width:100%;height:100px;overflow:hidden;z-index:9;perspective:800px;transform-style:preserve-3d}
.index-back-box {z-index:2;width:100px;margin:0 auto;transform-origin:bottom;transform:rotateX(0) translate3d(0,0,0);transition:all .65s cubic-bezier(.55,.65,.55,1) 0s;position:relative;top:510px;}
.index-back-box.active {background:url(/static/images/i_banner_bg.png) left bottom repeat-x}
.index-back-box .sub-arrows {position:absolute;left:0;top:0;width:auto;height:100%;line-height:100px;padding-left:10px;font-size:0}
.sub-arrows i.icom {display:block;vertical-align:top;width:60px;height:100%;cursor:pointer;position:relative;}
.sub-arrows i.next:before,.sub-arrows i.prev:before {content:'';display:inline-block;position:absolute;top:50%;width:13px;height:22px;background-image:url(/static/images/sub-arrows.png);background-position:0 0;background-repeat:no-repeat;}
.sub-arrows i.prev:before {background-position:0px 0px;}
.sub-arrows i.next:before {background-position:-14px 0;right:0px;}
.sub-arrows i.icom:after {position:absolute;content:'';top:290px;width:30px;height:2px;background-color:#fff;transform:scale(0,1);transition:all .3s ease-out 0s;}
.sub-arrows i.next:after {right:0px;}
.sub-arrows i.prev:after {left:3px;}
.sub-arrows i.icom font {color:#000;transition:all .3s ease-out 0s}
.sub-arrows i.icom.prev font {position:absolute;left:9px}
.sub-arrows i.icom.next font {position:absolute;left:6px}
.sub-arrows i:hover:after {transform:scale(1,1)}
.sub-arrows i.icom.prev:hover font {left:-7px}
.sub-arrows i.icom.next:hover font {left:20px}
.sub-arrows.bx-controls-direction {display:inline-block;vertical-align:top;width:60px;height:100%;cursor:pointer;position:relative;z-index:2;}
div.next {right:10%;float:right;}
div.prev {float:left;left:10%;}
.index-back-box .sub-mouse {width:100px;position:absolute;/*;sor:pointer;/* z-index:1;*/zoom:.7;text-align:center;}
.index-back-box .sub-mouse:after {display:none;z-index:-1;position:absolute;content:'';top:-30px;left:50%;height:53px;border-right:1px solid #333;margin-left:-1px}
.index-back-box .sub-mouse span {text-align:center;display:inline-block;animation:ani-svg .85s linear 0s alternate infinite;}
@keyframes ani-svg {0% {opacity:.4;transform:translateY(-20px)}
15% {opacity:.65;transform:translateY(-15px)}
25% {opacity:.8;transform:translateY(-10px)}
50% {opacity:1;transform:translateY(0)}
65% {opacity:.8;transform:translateY(5px)}
75% {opacity:.65;transform:translateY(10px)}
100% {opacity:.4;transform:translateY(15px)}
}
.i_bg {overflow:hidden}
.i_one {background-color:#fff;overflow:hidden;height:266px;margin:0 auto;}
.i_service_t {text-align:center;padding-top:15px;color:#666;font-size:18px;line-height:32px;}
.i_service_t h1 {height:66px;line-height:66px;font-size:40px;color:#000;font-weight:400;letter-spacing:1px;font-family:Microsoft YaHei}
.i_service_t p {font-size:18px}
.advantage {text-align:center;overflow:hidden}
.num_box {width:50%;float:left;height:124px;background:url(/static/images/i_one_bg1.png) right center no-repeat}
.num_box:last-child {background:0 0}
.num_box .num {font-weight:700;color:#1b77b9;font-family:Microsoft YaHei;font-weight:400;font-size:60px;width:100%;height:70px;line-height:70px;text-align:center;position:relative;z-index:2;letter-spacing:1px;margin-top:10px;}
.num_box span {position:absolute;top:38px;color:#1b77b9;font-size:32px;}
span.ns4,span.ns1,span.ns5 {right:90px;}
span.ns3 {right:180px;}
span.ns2 {right:200px;}
.num_box h3 {font-size:16px;color:#333;font-weight:400;line-height:30px;padding-left:60px;}
.section-title {text-align:center;padding:30px 0;}
.section-title p {font-size:36px;color:#333333;text-align:center;line-height:50px;letter-spacing:5px;}
.section-title span {display:inline-block;margin-top:10px;font-size:18px;line-height:22px;letter-spacing:2px;color:#666a75;}
.mainbox {box-shadow:0px 8px 20px 0px rgba(0,0,0,.12);margin-bottom:30px;}
.main1 {background:#FFF;padding:28px 0}
.main1 ul {padding:0 117px;overflow:hidden}
.main1 ul li {float:left;width:322px;text-align:center}
.main1 ul li i {display:block;margin:0 auto;width:55px;height:55px;border-radius:55px;background:url(/static/images/lcon.png) no-repeat #00A2DD;}
.main1 ul li p:nth-child(2) {font-size:16px;color:#00A2DD;line-height:32px;padding-top:10px;}
.main1 ul li p:nth-child(2) span {font-size:30px;padding-right:22px;position:relative}
.main1 ul li p:nth-child(2) span:before {content:"+";font-size:24px;color:#00A2DD;width:14px;height:14px;text-align:center;line-height:14px;position:absolute;top:0;right:6px;}
.main1 ul li p {font-size:14px;color:#555555;line-height:18px}
.main1 ul li:nth-child(1) i {background-position:0 -307px}
.main1 ul li:nth-child(2) i {background-position:-55px -307px}
.main1 ul li:nth-child(3) i {background-position:-110px -307px}
.certi {overflow:hidden;box-shadow:0px 8px 20px 0px rgba(0,0,0,.12);margin-bottom:30px;}
.certi .left {float:left;width:658px}
.certi .left .certi-title {height:240px;background:url(/static/images/certi-title-back.jpg) no-repeat;overflow:hidden}
.certi .left .certi-title b {display:block;font-size:30px;color:#00A2DD;line-height:40px;padding:0 0 0 94px;margin-top:52px;font-weight:normal;background:url(/static/images/lcon.png) 22px -362px no-repeat;}
.certi .left .certi-title p {width:392px;font-size:14px;color:#666;line-height:22px;letter-spacing:3px;margin:24px 0 0 22px;}
.certi .left ul {overflow:hidden}
.certi .left ul li {float:left;background:#FFFFFF;width:219px;height:193px;color:#4c4c4c;transition:all 0.3s linear;overflow:hidden}
.certi .left ul li:last-child {width:219px;}
.certi .left ul li a {text-decoration:none;display:block;width:100%;height:100%;}
.certi .left ul li a:hover {color:#FFF}
.certi .left li i {display:block;height:60px;top:20px;position:relative;}
.certi .left li i:before {content:"";width:60px;height:60px;background:url(/static/images/lcon.png) no-repeat;position:absolute;top:0;right:17px}
.certi .left li p {padding:0 26px 0 16px;font-size:12px;line-height:24px}
.certi .left li p span {display:block;font-size:20px;color:#00A2DD;line-height:36px;}
.certi .left li:nth-child(1) i:before {background-position:0 -412px}
.certi .left li:nth-child(2) i:before {background-position:-60px -412px}
.certi .left li:nth-child(3) i:before {background-position:-120px -412px}
.certi .left li:hover {background:#00A2DD;color:#FFF;box-shadow:0px 0px 10px 2px rgba(0,0,0,.12);}
.certi .left li:hover p span {color:#FFF}
.certi .left li:hover:nth-child(1) i:before {background-position:0 -472px}
.certi .left li:hover:nth-child(2) i:before {background-position:-60px -472px}
.certi .left li:hover:nth-child(3) i:before {background-position:-120px -472px}
.certi .right {float:left;width:542px}
.certi .right ul {overflow:hidden}
.certi .right li {float:left;width:271px;height:204px;position:relative;overflow:hidden;background:url(/static/images/bg_time.jpg) center;}
.certi .right li img {transition:all 0.3s linear}
.certi .right li .table {position:absolute;top:0;left:0;height:219px;padding:0 22px;font-size:14px;color:#777777;line-height:28px}
.certi .right li .table .table-cell {margin-top:20px;}
.certi .right li .table span {display:block;font-size:18px;color:#00A2DD;padding-bottom:6px;}
.certi .right li .table .table-cell p {line-height:24px;margin-bottom:5px;color:#666;}
.certi .right li:hover img {transform:scale(1.3,1.3)}
.certi .right .certi-roll {background:#00A2DD;height:229px;}
.certi .right .cr-title {font-size:22px;color:#FFF;line-height:60px;border-bottom:solid 1px #dfdfdf;padding-left:70px;background:url(/static/images/lcon.png) -242px -410px no-repeat;}
.certi .right .certi-roll dl {padding:33px 0 0 25px;overflow:hidden}
.certi .right .certi-roll dd {float:left;width:123px;height:123px;text-align:center;padding-top:10px;}
.certi .right .certi-roll dd:hover {box-shadow:0px 0px 10px 2px rgba(0,0,0,.12);margin-bottom:40px;}
.certi .right .certi-roll dd a {text-decoration:none}
.certi .right .certi-roll dd i {display:block;width:40px;height:40px;margin:0 auto 12px;background:url(/static/images/lcon.png) no-repeat}
.certi .right .certi-roll dd:nth-child(1) i {background-position:0 -536px}
.certi .right .certi-roll dd:nth-child(2) i {background-position:-40px -536px}
.certi .right .certi-roll dd:nth-child(3) i {background-position:-80px -536px}
.certi .right .certi-roll dd:nth-child(4) i {background-position:-120px -536px}
.certi .right .certi-roll dd span {display:block;font-size:16px;color:#FFF;line-height:19px}
/*footer*/.clearfix:after,.clearfix:before {display:table;line-height:0;content:""}
.clearfix:after {clear:both}
.clear-float {clear:both;padding-top:20px;height:100%;color:#b6e2f2;font-size:12px;}
.clear-float p a {color:#b6e2f2;display:inline-block;padding:0 10px;}
.clear-float p a:hover {text-decoration:underline;color:#fff;}
.footer-floor2 img {margin:0 15px;}
/*热门班型部分*/.course-class {padding-bottom:1px;text-align:center;}
.hot-class {font-family:"microsoft yahei";box-shadow:0px 8px 20px 0px rgba(0,0,0,.12);margin-bottom:30px;}
.hot-class-little {position:relative;overflow:hidden;margin-bottom:10px;border-bottom:1px solid #dcdcdc;z-index:0;height:70px;transition:all .4s;}
.hot-class-little:hover {transform:translateY(-10px);overflow:visible;z-index:2;}
.hot-class-little:nth-last-child(2) {padding-bottom:0px;}
/*.hot-class-little:nth-last-child(1) {overflow:visible;}
*/.hot-class-little:hover + .hot-class-little {opacity:0.7;}
/*.hot-class-little:nth-last-child(1) .point-a {opacity:1;}
*/.hot-class-little:hover .point-a {opacity:1;}
.hot-class-little:hover .point-cont {display:block;line-height:22px;}
.hot-class-little-hover {overflow:hidden;background-color:#fff;box-shadow:0 0 15px #dcdcdc;}
.hot-cont-img {float:left;width:260px;height:126px;}
.hot-img {width:100%;height:auto;float:left;}
.hot-cont-little {float:left;width:940px;height:100%;padding:10px 0;border:1px solid #dcdcdc;border-left:none;box-sizing:border-box;padding-bottom:15px;border-bottom:1px solid #fff;}
.hot-list {overflow:hidden;}
.hot-list-li {float:left;width:270px;color:#333333;padding-left:80px !important;text-align:left;font-size:18px;}
.hot-list-free {font-size:18px;float:right;margin-right:160px;}
.hot-course {width:315px;display:block;font-weight:bold;font-size:20px;color:#333;}
.hot-week {font-size:14px;color:#333;margin:5px auto;display:block;}
.icon-time {display:inline-block;width:15px;height:15px;margin-right:5px;background:url(/static/images/hot-time.png) no-repeat center;vertical-align:-3px;}
.hot-class-big {overflow:hidden;display:none;}
.hot-class-img {float:left;width:260px;height:136px;}
.hot-cont-title {float:left;width:940px;}
.hot-point {overflow:hidden;width:940px;}
.point-cont {float:left;line-height:22px;/*display:none;*/width:350px;margin-left:85px;text-align:left;font-size:14px;color:#999999;}
.point-a {width:112px;height:34px;opacity:0;transition:all 0.3s;border:1px solid #00A2DD;-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px;text-align:center;line-height:34px;color:#00A2DD;font-size:14px;float:right;margin-right:140px;}
.point-a:hover {background:#00A2DD;color:#fff;}
/*中部表单*/.form {background:url(/static/images/form-back.jpg) center no-repeat;height:160px;padding-top:30px;}
.form .form-cont {background:#FFF;height:100px;width:1200px;margin:0 auto;}
.form .form-title {float:left;background:#00A2DD;width:116px;height:78px;text-align:center;line-height:78px;font-size:22px;color:#FFF;margin:11px 46px 0 12px;position:relative}
.form .form-title:before {content:"";width:0;height:0;border-top:39px solid transparent;border-left:19px solid #00A2DD;border-bottom:39px solid transparent;position:absolute;top:0;right:-19px}
.form .form-cont .ipt {float:left;width:169px;height:40px;margin:30px 15px 0}
.form .form-cont .ipt input {display:block;width:160px;height:38px;line-height:38px;margin:0;padding:0;border:solid 1px #D1D1D1;border-radius:3px;outline:none;padding-left:7px;font-size:16px;color:#555}
.form .form-cont .form-down {float:left;width:220px;height:40px;margin:30px 15px 0;position:relative}
/*.form .form-cont .form-down:before {content:">";width:26px;height:38px;text-align:center;line-height:38px;font-size:18px;color:#A9A9A9;position:absolute;top:0;right:0;transform:rotate(90deg)}
*/.form .form-cont .form-down input,.form .form-cont .form-down select {width:220px;height:38px;padding:0;border:solid 1px #D1D1D1;text-align:right;font-size:16px;color:#555;outline:none;}
.form .form-cont .form-down ul {position:absolute;top:40px;left:0;width:126px;background:#FFF;text-align:center;border:solid 1px #EBEBEB;padding:10px 0 6px 0;display:none}
.form .form-cont .form-down li {font-size:14px;color:#999;line-height:24px;margin-bottom:6px;cursor:pointer}
.form .form-cont .form-down li:hover {background:#00A2DD;color:#FFF}
.form .form-cont .submit {float:left}
.form .form-cont .submit input {display:block;width:130px;height:40px;background:#00A2DD;border-radius:3px;border:none;padding:0;font-size:16px;color:#FFF;margin:30px 0 0 22px;outline:none;cursor:pointer}
/*资讯tag*/.main2 {margin-top:21px;overflow:hidden;box-shadow:0px 8px 20px 0px rgba(0,0,0,.12);margin-bottom:30px;}
.main2 .left {float:left;width:856px;min-height:447px;background:#FFF}
.main2 .left .instr-click {margin-top:24px;line-height:30px;padding:0 0 0 18px;overflow:hidden}
.main2 .left .instr-click a {float:left;width:85px;text-align:center;font-size:16px;color:#555555;text-decoration:none;margin-right:22px;transition:all 0.3s linear}
.main2 .left .instr-click a.current {color:#FFF;filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00A2DD,endcolorstr=#00A2DD,gradientType=0);-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00A2DD,endcolorstr=#00A2DD,gradientType=0);/*IE8*/ background:#00A2DD;/* 一些不支持背景渐变的浏览器 */ background:-moz-linear-gradient(top,#00A2DD,rgba(26,119,243,1));background:-webkit-gradient(linear,0 0,0 bottom,from(#00A2DD),to(rgba(26,119,243,1)));background:-o-linear-gradient(top,red,rgba(26,119,243,1));}
.main2 .left .instr-cont {padding:25px 18px 0}
.main2 .left .instr-cont ul {}
.main2 .left .instr-cont li {overflow:hidden;display:none}
.main2 .left .instr-cont li:nth-child(1) {display:block}
.main2 .left .instr-img img {width:100%;display:block}
.main2 .left .instr-img a {background:url(/static/images/bkxz.jpg);display:block;width:156px;height:273px;float:left;padding:20px;}
.main2 .left .instr-img p {font-size:24px;width:116px;height:233px;line-height:45px;color:#fff;text-align:center;letter-spacing:5px;padding:50px 20px;z-index:1;}
.main2 .left .instr-img .link.link--kumya::after {background:rgba(27,119,185,.4);}
.main2 .left .instr-info {float:right;width:632px}
.main2 .left .instr-name {min-height:99px;font-size:14px;color:#777777;line-height:30px;padding-bottom:12px}
.main2 .left .instr-name span {display:block;text-decoration:none;font-size:16px;color:#555555;line-height:30px;padding-bottom:4px}
.main2 .left .instr-name p {max-height:60px;line-height:30px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;}
.main2 .left .instr-name .more {color:#fff;background:#00A2DD;display:inline-block;width:80px;height:30px;text-align:center;float:right;}
.main2 .left .instr-name .more:hover {background:#1b77b9;}
.main2 .left .instr-info dl {padding-top:10px;/*overflow:hidden*/}
.main2 .left .instr-info dt {font-size:16px;color:#555555;border-bottom:solid 1px #F3F3F3;line-height:20px;padding-bottom:9px;margin-bottom:10px}
.main2 .left .instr-info dd {float:left;width:290px;overflow:hidden;font-size:14px;color:#4c4c4c;line-height:22px;padding:9px 0px 9px 26px;position:relative;margin-right:20px;}
.main2 .left .instr-info dd:before {content:">";background:#ADADAD;width:15px;height:15px;text-align:center;line-height:14px;font-size:14px;color:#FCFCFC;position:absolute;top:13px;left:0}
.main2 .left .instr-info dd a {font-size:14px;color:#777777;width:265px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main2 .right {float:right;width:325px}
.main2 .right .near-live {background:#FFF;min-height:447px;position:relative;width:325px;}
.main2 .right .near-live h3:before {background-position:0px -152px;}
.main2 .right .nl-btn {position:absolute;top:19px;right:16px}
.main2 .right .nl-btn i {font-style:normal;float:left;width:22px;height:20px;text-align:center;line-height:18px;border:solid 1px #EFEFEF;font-size:18px;color:#737373;cursor:pointer}
.main2 .right .nl-btn i:hover {background:#00A2DD;color:#FFF;border:solid 1px #00A2DD}
.main2 .right .nl-cont {padding-top:10px;overflow:hidden}
.main2 .right .nl-cont li {padding-bottom:15px;overflow:hidden}
.main2 .right .nl-cont li .nlc-img {float:left;width:76px;height:110px;border-radius:76px;margin:0 24px}
.main2 .right .nl-cont li .nlc-img img {width:76px;height:100%;display:block;}
.main2 .right .nl-cont li .nlc-info {float:left;width:176px}
.main2 .right .nl-cont li .nlci-date {font-size:15px;color:#333;line-height:20px;text-align:left;}
.main2 .right .nl-cont li .nlc-info p {font-size:14px;color:#777;line-height:20px;margin:10px 0;text-align:left;}
.main2 .right .nl-cont li .nlci-name {font-size:14px;color:#777;line-height:26px;overflow:hidden;text-align:left;}
.main2 .right .nl-cont li .nlci-name a {float:right;font-size:14px;color:#00A2DD;line-height:24px;border:solid 1px #00A2DD;border-radius:5px;padding:0 6px;text-align:center;width:50%;}
.title {border-left:solid 3px #00A2DD;border-bottom:solid 1px #F5F5F5;line-height:56px;font-size:22px;color:#00A2DD;padding-left:14px;overflow:hidden}
.title span {float:left}
.title i {float:left;font-size:16px;color:#777;font-style:normal;margin-left:40px}
.near-live h3 {font-size:20px;color:#555;line-height:56px;padding-left:55px;border-bottom:solid 1px #F5F5F5;font-weight:normal;position:relative}
.near-live h3:before {content:"";width:46px;height:46px;background:url(/static/images/lcon.png) no-repeat;position:absolute;top:6px;left:4px}
.clear {clear:both}
.title_cn {text-align:center;font-weight:bold;font-size:30px}
#new_box {width:100%;margin:0 auto;overflow:hidden;padding-bottom:0}
.new_con {max-width:1200px;margin:0 auto;}
.newtel {height:40px;border-bottom:1px solid #e7e7e7;font-family:"Microsoft YaHei";font-size:18px;color:#666}
.new_telst {width:100%;position:relative;top:6px;text-align:center}
.new_telst li {width:85px;line-height:30px;text-align:center;float:left;display:inline;font-family:"Microsoft YaHei";cursor:pointer;font-size:16px;margin:0 11px;}
.new_telst li.newon {color:#00A2DD;}
.new_telst p {position:absolute;top:34px;left:0;width:96px;height:7px;border-top:1px solid #00A2DD;overflow:hidden;text-align:center;}
.new_telst b {display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color:#217af0 #fff #fff #fff;overflow:hidden;zoom:1;font-size:0}
.new_lst {height:315px;position:relative;overflow:hidden;display:none;}
.new_lst ul {position:absolute;left:0}
.new-wrap .show {display:block}
li.new_cnlf {width:370px;float:left}
li.new_cnlf p {width:100%}
p.newlf_tel a {color:#217af0;font-size:18px;line-height:50px;text-align:center;display:block}
p.newlf_tel a:hover {color:#C33}
p.newlf_tx {font-size:14px;line-height:26px;color:#999;height:105px;overflow:hidden}
li.new_cnrf {float:right;width:820px;margin-left:10px}
.newrf_lst dd {width:368px;height:85px;border:1px solid #e4e4e4;float:left;margin-left:35px;margin-bottom:20px}
p.new_rq {width:65px;height:65px;background:#969393;float:left;text-align:center;color:#FFF;margin-top:10px;margin-left:10px;margin-right:15px;font-family:Arial,Helvetica,sans-serif}
p.new_rq span {display:block;font-size:24px;text-align:center;font-weight:bold;line-height:35px;padding-top:5px}
p.newrf_tx {float:left;width:270px;margin-top:8px}
p.newrf_tx a {color:#333;font-size:14px;display:block;line-height:30px}
p.newrf_tx span {display:block;font-size:12px;color:#999;height:60px;overflow:hidden}
.newrf_lst dd:hover {width:366px;height:83px;border:2px solid #217af0;box-shadow:0 0 15px rgba(37,125,242,.27)}
.newrf_lst dd:hover p.newrf_tx a {color:#217af0}
.newrf_lst dd:hover p.new_rq {background:#217af0;margin-top:9px;margin-left:9px}
.newrf_lst dd:hover p.newrf_tx {margin-top:7px}
.mr0 {margin-right:0}
/*精彩课程*/.clearfix:after {content:".";display:block;height:0;visibility:hidden}
.clearfix {display:inline-block}
.clearfix {display:block}
.clearfix:after,.fix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {zoom:1}
.mr20 {margin-right:20px}
.zq-icon {display:inline-block;background:url(/static/images/icon.png) no-repeat}
.icon40x40 {width:40px;height:40px}
.crad-area-icon1 {background-position:0 0}
.crad-area-icon2 {background-position:-40px 0}
.crad-area-icon3 {background-position:-80px 0}
.crad-area-icon4 {background-position:-120px 0}
.card-area {height:520px;position:relative;box-shadow:0px 8px 20px 0px rgba(0,0,0,.12);margin-bottom:30px;}
.card-area .bg-e8e8e8 {background:#e8e8e8}
.card-area .bg-e1e1e1 {background:#e1e1e1}
.card-area .card-item {z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:205px;height:521px;background-color:transparent;}
.card-area .card-item+.card-item {margin-left:-1px}
.card-area .card-item .card {transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff;}
.card-area .card-item .card .card-content {width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first {transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second {transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li {float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title {position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title {padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:145px;line-height:26px;font-size:14px;top:0;background:#1b77b9;border-left:1px solid #3285c0}
.card-area .card-item .card .card-title .content {position:absolute;bottom:-2px;width:100%}
.card-area .card-item .card .card-title h2 {font-size:22px;font-weight:700;color:#d9efff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info {color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img {width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img {position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover {z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover {z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h2 {transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content {height:376px;position:absolute;top:145px;}
.card-area .card-item .card .card-content.content-first .content-first-list {width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li {margin-bottom:30px}
.card-area .card-item .card .card-content.content-second {width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px;overflow:hidden;}
.card-area .card-item .card .card-content.content-second .main-head {color:#3db1ea;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p {margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip {color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc {color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn {cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out;}
button.main-btn.mr20.left {width:100px !important;margin-right:10px;}
.card-area .card-item .card .card-content.content-second .main-btn:hover {color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn {cursor:pointer;width:100px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out;}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover {color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info {width:105%;/*height:70px;*/overflow:hidden;line-height:22px;padding-top:20px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list {width:30%;height:70px;background:#f2f2f2;margin:0 10px 10px 0;padding:0 10px;position:relative;overflow:hidden;}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow {position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover {background:#3db1ea}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow {background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head {color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context {color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head {font-size:16px;font-weight:400;color:#000;margin:13px 0 0}
.card-area .card-item .card .card-content .other-info .other-desc {margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active {z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:49%;height:535px;}
.card-area .card-item.active .card .card-title {background-color:#3db1ea;height:159px;top:-15px;border:none}
.card-area .card-item.active .card .card-title .short-info {color:#9ed8f5}
.card-area .card-item.active .card .card-title h1 {color:#fff}
.card-area .card-item.active .card .card-content.content-first {transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second {transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.main-info.left {float:left;width:45%;padding:0 10px;border-right:1px solid #c9c9c9;}
.main-info.right {float:right;width:45%;padding:0 10px;}
.news-body a {box-sizing:border-box;}
.cui-btn {display:inline-block;height:40px;padding:0 30px;border:solid 1px transparent;border-radius:2px;background:0;font-weight:400;font-size:14px;line-height:38px;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;transition:.2s}
.cui-btn-small {height:32px;padding-left:20px;padding-right:20px;font-size:12px;line-height:30px}
.cui-icon {font-family:cui-icon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;vertical-align:middle;font-size:16px}
.cui-icon-play:before {content:"\EA1A"}
.section-wrapper {max-width:1280px;/*padding-left:30px;padding-right:30px;*/margin-left:auto;margin-right:auto}
.news-body {height:540px;box-shadow:0px 8px 20px 0px rgba(0,0,0,.12);}
.news-body:before,.news-body:after {content:" ";display:table;box-sizing:inherit}
.news-main {float:left;height:100%;width:32.5%}
.news-main-card {display:block;position:relative;height:100%;overflow:hidden}
.news-main-card:hover .news-main-card-bg {transform:scale(1.1)}
.news-main-card-bg {position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:.2s}
.news-main-card-bg {position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:.2s}
.news-main-card-bg-mb {display:none}
.news-main-card-top {position:relative;height:310px}
.news-play-btn {display:none;position:absolute;top:70px;right:0;bottom:0;left:0;width:40px;height:30px;background-color:rgba(255,255,255,.3);border-radius:2px;margin:auto;font-size:0;line-height:30px;text-align:center;cursor:pointer;transition:.2s}
.news-play-btn .cui-icon-play {font-size:16px;color:#fff}
.news-main-card-bottom {position:relative;height:230px;padding:5px 40px}
.news-main-card-bottom .h2 {margin-bottom:10px;font-size:20px;line-height:28px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-main-card-bottom .p {max-height:40px;font-size:14px;line-height:20px;color:rgba(255,255,255,.7);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-main-card-bottom .sub-p {position:relative;padding-left:10px;font-size:14px;line-height:20px;color:#fff}
.news-main-card-bottom .sub-p-date {margin-top:10px}
.news-main-card-bottom .sub-p:before {content:"";display:block;position:absolute;left:0;top:10px;border:solid 2px;border-radius:50%;margin-top:-2px}
.news-main-card-bottom .sub-p-author {margin-top:5px}
.news-main-card-bottom .btn-group {position:absolute;bottom:30px}
.cui-btn-outline-light {border:solid 1px #fff;color:#fff}
.cui-btn-outline-light:hover {border-color:#00A2DD;background-color:#00A2DD;color:#fff}
.news-main-card-bottom .btn-group .cui-icon {margin-top:-2px;margin-right:8px;font-size:inherit}
.news-sub {float:left;position:relative;height:100%;width:67.5%}
.news-list-v {position:absolute;height:100%;width:100%;visibility:hidden;opacity:0;transition:0s .2s}
.news-list-v.show {z-index:1;visibility:visible;opacity:1;transition:.2s}
.news-list-v:before,.news-list-v:after {content:" ";display:table;box-sizing:inherit}
.news-list-v:after {clear:both}
.news-list-v>li {float:left;width:33.33333333%;height:50%}
.news-list-card {display:block;position:relative;height:100%;padding:70px 40px 0;background-color:#fff}
.news-list-card:hover .h3,.news-list-card:hover .p {transform:translate(0,-26px)}
.news-list-card:hover .more {opacity:1;color:#6f7479}
.news-list-v>li:nth-child(1) .news-list-card,.news-list-v>li:nth-child(5) .news-list-card {background-color:#00A2DD}
.news-list-v>li:nth-child(2) .news-list-card {background-image:url(/static/images/homepage-news-card-bg.jpg);background-size:cover}
.news-list-v>li:nth-child(4) {width:66.66666667%}
.news-list-card .h3 {max-height:56px;margin-bottom:20px;font-size:20px;line-height:28px;color:#252b3a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:transform .2s}
.news-list-card .p {max-height:60px;font-size:14px;line-height:20px;color:#666a75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;transition:transform .2s}
.news-list-v>li:nth-child(1) .news-list-card .h3,.news-list-v>li:nth-child(2) .news-list-card .h3,.news-list-v>li:nth-child(5) .news-list-card .h3 {color:#fff}
.news-list-v>li:nth-child(1) .news-list-card .p,.news-list-v>li:nth-child(2) .news-list-card .p,.news-list-v>li:nth-child(5) .news-list-card .p,.news-list-v>li:nth-child(1) .news-list-card .more,.news-list-v>li:nth-child(2) .news-list-card .more,.news-list-v>li:nth-child(5) .news-list-card .more {color:rgba(255,255,255,.7)}
.news-list-card .more {position:absolute;bottom:30px;opacity:0;transition:opacity .2s;color:rgba(255,255,255,.7)}
.news-list-card .more i {margin-left:5px;transition:transform .2s}
.news-list-card .more:hover i {transform:translate(5px,0)}
.cui-icon-more:before {content:"\EA19"}
.section-bottom {padding:30px 0;}
.section-more-wrap {text-align:center}
.section-more-wrap a {display:inline-block;font-size:16px;line-height:24px;color:#666a75;cursor:pointer;user-select:none;transition:.2s}
.section-more-wrap a:hover {color:#00A2DD}
.section-more-wrap .news-more {display:none}
.section-more-wrap a .cui-icon {margin-top:-2px;margin-left:10px;transition:transform .2s}
.section-more-wrap .news-change {padding-right:20px;background-image:url(/static/images/homepage-news-icon-change.png);background-repeat:no-repeat;background-position:right center}
.section-more-wrap .news-change:before,.section-more-wrap .news-change:hover {content:"";background-image:url(/static/images/homepage-news-icon-change-active.png)}
section.content7 {background:url("/static/images/bg04.jpg") center bottom no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;padding-bottom:50px;}
.ztwrap {max-width:1200px;}
.ztwrap > ul {display:-webkit-box;/* iOS 6-,Safari 3.1-6 */  display:-webkit-flex;/* Chrome */  display:-moz-box;/* Firefox 19 */  display:-ms-flexbox;display:flex;/*flex容器*/  -webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;margin-bottom:35px;}
.ztwrap > ul > li {cursor:pointer;width:118px;text-align:center;height:40px;line-height:40px;font-size:18px;color:#00A2DD;margin:0 10px;border-radius:20px;border:solid 1px #00A2DD;position:relative;}
.ztwrap > ul > li.check {color:#fff;background:-webkit-linear-gradient(left,#00A2DD,#1b77b9);/* Safari 5.1 - 6.0 */  background:-o-linear-gradient(right,#00A2DD,#1b77b9);/* Opera 11.1 - 12.0 */  background:-moz-linear-gradient(right,#00A2DD,#1b77b9);/* Firefox 3.6 - 15 */  background:linear-gradient(to right,#00A2DD,#1b77b9);/* 标准的语法 */}
.ztwrap > ul > li.check::before {display:block;}
.ztwrap div.mainbox > ul > li {display:none;}
.ztwrap div.mainbox > ul > li.check {display:block;}
.ztwrap div.mainbox > ul > li .box {display:-webkit-box;/* iOS 6-,Safari 3.1-6 */  display:-webkit-flex;/* Chrome */  display:-moz-box;/* Firefox 19 */  display:-ms-flexbox;display:flex;/*flex容器*/  -webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;}
.ztwrap div.mainbox > ul > li .box .left {width:291px;height:452px;background:url(/static/images/p04_bg.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;box-shadow:0px 0px 16px 0px rgba(231,73,56,0.1);}
.ztwrap div.mainbox > ul > li .box .left > a {display:block;padding-top:50px;}
.ztwrap div.mainbox > ul > li .box .left > a > h2 {width:284px;height:74px;line-height:70px;text-align:center;background:url(/static/images/bg_title.png) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;font-size:28px;font-weight:bold;color:#fff;margin-left:-24px;}
.ztwrap div.mainbox > ul > li .box .left > a > p {padding:15px 85px 120px 25px;font-size:18px;color:#666;}
.ztwrap div.mainbox > ul > li .box .left > a > span {display:block;margin-left:150px;width:120px;text-align:center;height:44px;line-height:44px;border-radius:22px;border:solid 1px #00A2DD;box-sizing:border-box;color:#00A2DD;font-size:18px;}
.ztwrap div.mainbox > ul > li .box .right {height:452px;width:910px;padding:40px 30px;background-color:#ffffff;box-shadow:0px 0px 10px 0px rgba(95,98,101,0.3);box-sizing:border-box;}
.ztwrap div.mainbox > ul > li .box .right > ol {display:-webkit-box;/* iOS 6-,Safari 3.1-6 */  display:-webkit-flex;/* Chrome */  display:-moz-box;/* Firefox 19 */  display:-ms-flexbox;display:flex;/*flex容器*/  -webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}
.ztwrap div.mainbox > ul > li .box .right > ol > li {width:100%;}
.ztwrap div.mainbox > ul > li .box .right > ol > li > a {display:-webkit-box;/* iOS 6-,Safari 3.1-6 */  display:-webkit-flex;/* Chrome */  display:-moz-box;/* Firefox 19 */  display:-ms-flexbox;display:flex;/*flex容器*/  -webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;padding:15px 15px 25px;border-bottom:solid 1px #eeeeee;}
.ztwrap div.mainbox > ul > li .box .right > ol > li > a > img {width:180px;height:120px;}
.ztwrap div.mainbox > ul > li .box .right > ol > li > a > div {width:380px;margin-left:15px;margin-right:60px;}
.ztwrap div.mainbox > ul > li .box .right > ol > li > a > div > h3 {font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;margin-bottom:10px;}
.ztwrap div.mainbox > ul > li .box .right > ol > li > a > div > p {font-size:14px;line-height:24px;height:45px;color:#999;overflow:hidden;display:-webkit-box;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;}
.ztwrap div.mainbox > ul > li .box .right > ol > li > a > div > p {font-size:12px;color:#999999;}
.ztwrap div.mainbox > ul > li .box .right > ol > li > a > span {display:-webkit-box;/* iOS 6-,Safari 3.1-6 */  display:-webkit-flex;/* Chrome */  display:-moz-box;/* Firefox 19 */  display:-ms-flexbox;display:flex;/*flex容器*/  -webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;background:-webkit-linear-gradient(left,#00A2DD,#1b77b9);/* Safari 5.1 - 6.0 */  background:-o-linear-gradient(right,#00A2DD,#1b77b9);/* Opera 11.1 - 12.0 */  background:-moz-linear-gradient(right,#00A2DD,#1b77b9);/* Firefox 3.6 - 15 */  background:linear-gradient(to right,#00A2DD,#1b77b9);/* 标准的语法 */  border-radius:20px;padding-right:6px;}
.ztwrap div.mainbox > ul > li .box .right > ol > li > a > span > em {font-size:16px;color:#fff;width:100px;box-sizing:border-box;padding:0 12px 0 24px;text-align:center;height:40px;line-height:40px;}
.ztwrap div.mainbox > ul > li .box .right > ol > li > a > span > b {display:-webkit-box;/* iOS 6-,Safari 3.1-6 */  display:-webkit-flex;/* Chrome */  display:-moz-box;/* Firefox 19 */  display:-ms-flexbox;display:flex;/*flex容器*/  -webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;width:28px;height:28px;border-radius:100%;background-color:#fff;}
.ztwrap div.mainbox > ul > li .box .right > div.bottom_des {padding-top:25px;display:-webkit-box;/* iOS 6-,Safari 3.1-6 */  display:-webkit-flex;/* Chrome */  display:-moz-box;/* Firefox 19 */  display:-ms-flexbox;display:flex;/*flex容器*/  -webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}
.ztwrap div.mainbox > ul > li .box .right > div.bottom_des > a {width:48%;display:block;position:relative;}
.ztwrap div.mainbox > ul > li .box .right > div.bottom_des > a > p {width:100%;position:relative;padding-left:29px;line-height:40px;font-size:14px;color:#666666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ztwrap div.mainbox > ul > li .box .right > div.bottom_des > a > p::before {content:"";position:absolute;left:7px;top:50%;transform:translateY(-50%) rotateZ(45deg);width:8px;height:8px;background-color:#eeeeee;}
.ztwrap div.mainbox > ul > li .box .right > div.bottom_des > a:hover > p {color:#00A2DD;}

section.content3 {background: url(/static/images/bg04.jpg) center bottom no-repeat #fdfdfd;}
.center {width:1200px;margin:0 auto;position:relative}
.center>span {display: block;text-align: center;margin-top: 10px;font-size: 18px;line-height: 22px;letter-spacing: 2px;color: #666a75;}
.items {padding:60px 0;overflow:hidden}
.transition {transition:all .3s ease}
.main-title {font-size:36px;text-align:center;line-height: 50px;letter-spacing:5px;}
.items-steps .items-block {height:432px;position:relative;margin:90px 0 30px}
.img-block {margin:0 auto;display:block}
.img-block img {display:block;width: 52px;height: 52px;margin:0 auto;max-width:100%;border-radius:50px}
.items-steps .item:nth-child(odd) .img-block img {background: #2196f3;}
.items-steps .item:nth-child(even) .img-block img {background: #1b77b9;}
.items-steps .item {position:absolute;top:-30px;width:267px;height:216px;background-color:#fff;border-radius:5px;transform:translateX(-78px);z-index:1;box-shadow:0 0 5px 2px rgba(135,135,135,.15);backface-visibility:hidden}
.items-steps .item a {display: block;height: 100%;width: 100%; color: #333;}
.items-steps .item:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:5px;z-index:-1}
.items-steps .item:after {content:"";position:absolute;width:15px;height:15px;left:50%;bottom:-7px;box-shadow:0 0 5px 2px rgba(135,135,135,.15);background-color:#fff;z-index:-2;transform:translateX(-50%) rotateZ(135deg)}
.items-steps .item.cur {margin-top:-10px}
.items-steps .item.even {top:auto;bottom:-30px;}
.items-steps .item.even:after {top:-7px;bottom:auto}
.items-steps .item.even.cur {margin-bottom:-10px}
.items-steps .item:nth-child(1) {left: 80px;}
.items-steps .step:nth-child(1) {left: 135px;}
.items-steps .item:nth-child(2) {left: 255px;}
.items-steps .step:nth-child(2) {left: 310px;}
.items-steps .item:nth-child(3) {left: 435px;}
.items-steps .step:nth-child(3) {left: 490px;}
.items-steps .item:nth-child(4) {left: 610px;}
.items-steps .step:nth-child(4) {left: 665px;}
.items-steps .item:nth-child(5) {left: 785px;}
.items-steps .step:nth-child(5) {left: 840px;}
.items-steps .item:nth-child(6) {left: 1020px;}
.items-steps .step:nth-child(6) {left: 1020px;}
.items-steps .img-block {width:70px;height:70px;border-radius:50%;background-color:#fff;margin-top:-35px;position:relative;transition-duration:1s}
.items-steps .img-block:before {content:"";width:100%;height:100%;box-shadow:0 0 5px 2px rgba(135,135,135,.15);position:absolute;z-index:-2;border-radius:50%;left:0;top:0}
.items-steps .img-block img {position:relative;top:50%;transform:translateY(-50%)}
.items-steps .item:hover .img-block {transform:rotateZ(360deg)}
.items-steps .item-title {height: 48px;font-size:18px;text-align:center;margin-bottom:10px;padding: 0 20px;}
.items-steps .item-p {color:#999;text-align:center;}
.items-steps .item-p:nth-last-of-type(1) {margin: 0 auto;width: 60%;height: 30px;line-height: 30px;background: #3db1ea;color: #fff;border-radius: 20px;margin-top: 5px;}
.items-steps .item-p.end {background: #5089a5;}
.items-steps .item.cur .item-p:nth-last-of-type(1) {background: #1b77b9;}
.items-steps .item.even .item-title {margin-top:15px}
.items-steps .item.even .img-block {margin:0 0 0 -35px;position:absolute;left:50%;bottom:-35px}
.items-steps .item-col2 {width:267px;transform:translateX(-133.5px)}
.items-steps .item-col2 .flex-row {justify-content:space-around;display:flex;flex-direction:row;align-items:center}
.items-steps .item-col2 .item-p {text-align:left}
.items-steps .steps-block {position:absolute;height:24px;width:100%;top:50%;left:0;transform:translateY(-50%)}
.items-steps .steps-block:before {content:"";position:absolute;width:99.4%;height:8px;background-color:rgba(61, 177, 234, .2);border-radius:2px;left:0;top:50%;transform:translateY(-50%)}
.items-steps .steps-block:after {content:"";position:absolute;width:26px;height:38px;background:url(/static/images/items-steps-arrow.png) no-repeat center;right:0;top:50%;transform:translateY(-50%)}
.items-steps .step {position:absolute;width:24px;height:24px;background-color:#fff;border-radius:50%;transform:translateX(-12px);box-shadow:0 0 8px 0 rgba(0,0,0,.2)}
.items-steps .step:before {content:"";position:absolute;width:10px;height:10px;background-color:#3db1ea;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}
.items-steps .step.cur:before {width:100%;height:100%}
.rollInLeft {animation-name:rollInLeft}
.rollInLeft1 {animation-name:rollInLeft1}
@keyframes rollInLeft {0% {opacity:0;transform:translateX(-100%) rotateY(-180deg)}
100% {opacity:1;transform:translateX(-78px) rotateY(0deg)}
}
@keyframes rollInLeft1 {0% {opacity:0;transform:translateX(-100%) rotateY(-180deg)}
100% {opacity:1;transform:translateX(-133.5px) rotateY(0deg)}
}

.product-section {
    padding-bottom:50px;
    position:relative;
    background-size:cover
}
.product-title {
    padding:50px 10px 30px;
    font-weight:400;
    font-size:36px;
    line-height:46px;
    color:#252b3a;
    text-align:center;
}
.product-wrapper {
    max-width:1200px;
    padding-left:10px;
    padding-right:10px;
    margin-left:auto;
    margin-right:auto;
    position:relative
}
.swiper-container {
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    z-index:1
}
.product-features .product-body {
    margin:0 25px
}
.product-features .product-body:after {
    content:"";
    width:100%;
    height:3px;
    background:url(/static/images/productBase-features-model.png) no-repeat;
    background-size:100% auto;
    background-position:center;
    position:absolute;
    top:50px;
    left:0;
    z-index:0
}
.features-item {
    position:relative;
    float:left
}
.features-slide .features-item>* {
    text-align:center
}
.features-item h3 {
    font-size:16px;
    line-height:28px;
    margin-bottom:50px;
    color:#999;
    opacity:.7;
    transition:all .1s
}
.features-item i {
    position:absolute;
    width:75%;
    height:33px;
    background:url(/static/images/productBase-features-timeline.png) no-repeat;
    background-size:contain;
    background-position:right center;
    left:-25%;
    margin-left:10px;
    top:35px;
    z-index:3
}
.features-item .features-info {
    display:block;
    margin:0 auto;
    padding:0 20px;
    transition:all .3s;
    border-radius:2px
}
.features-item .features-info .features-info-i {
    font-size:14px;
    color:#a0a2a8;
    line-height:22px;
    margin-bottom:10px
}
.features-item .features-info .features-info-s {
	height: 48px;
    font-size:16px;
    color:#333;
    line-height:24px;
    overflow:hidden
}
.features-item.dark i {
    background:url(/static/images/productBase-features-timeline-dark.png) no-repeat;
    background-size:contain;
    background-position:right center
}
.features-item:hover h3 {
    font-size:22px;
    line-height:28px;
    opacity:.9
}
.features-item:hover i {
    width:75%;
    margin-left:13px;
    background:url(/static/images/productBase-features-timeline-hover.png) no-repeat;
    background-size:contain;
    background-position:right center
}
.features-item:hover a {
    background:url(static/images/bg04.jpg) no-repeat;
    background-size:100% 100%
}
.product-features .swiper-button-prev {
    width:30px;
    height:40%;
    left:-15px;
    top:60%;
    background:0 0
}
.product-features .swiper-button-prev:after {
    content:"";
    display:inline-block;
    position:absolute;
    width:15px;
    height:30px;
    background:url(/static/images/productBase-features-left.png) no-repeat;
    background-size:100% 100%;
    top:50%;
    margin-top:-15px;
    left:50%;
    margin-left:-7px
}
.product-features .swiper-button-next {
    width:30px;
    height:40%;
    right:-15px;
    top:60%;
    background:0 0
}
.product-features .swiper-button-next:after {
    content:"";
    display:inline-block;
    position:absolute;
    width:15px;
    height:30px;
    background:url(/static/images/productBase-features-right.png) no-repeat;
    background-size:100% 100%;
    top:50%;
    margin-top:-15px;
    left:50%;
    margin-left:-7px
}
.img-block {width:70px;height:70px;border-radius:50%;background-color:#fff;margin-top:-35px;position:relative;transition-duration:1s;margin:0 auto;display:block}
.img-block:before {content:"";width:100%;height:100%;box-shadow:0 0 5px 2px rgba(135,135,135,.15);position:absolute;z-index:-2;border-radius:50%;left:0;top:0}
.img-block img {display:block;width: 52px;height: 52px;margin:0 auto;max-width:100%;border-radius:50px;position:relative;top:50%;transform:translateY(-50%);background:#2196f3;}
.product-section{background: url(/static/images/bg04.jpg) center bottom no-repeat #fdfdfd;}
.item {position: relative;top: 10px;width:267px;height: 236px;background-color:#fff;border-radius:5px;transform: translateX(50px);z-index:1;box-shadow: 0px 0px 5px 2px rgba(135,135,135,.15);backface-visibility:hidden;margin: 15px 0;left: 129px;}
.item:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:5px;z-index:-1}
.item:after {content:"";position:absolute;width:15px;height:15px;left:50%;bottom:-7px;box-shadow:0 0 5px 2px rgba(135,135,135,.15);background-color:#fff;z-index:-2;transform:translateX(-50%) rotateZ(135deg);top:-7px;bottom:auto;}
.features-item .features-info .features-info-i span {display: block;}
.features-info-i .item-p {margin: 0 auto;width: 60%;height: 30px;line-height: 30px;background: #3db1ea;color: #fff;border-radius: 20px;margin-top: 5px;}
.features-info-i .item-p.end{background: #5089a5;}