a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}
body{font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; font-size:12px; color:#666; line-height:1.6; background:#fff;}
a:hover img,img{border:none; vertical-align: bottom;}
ol,ul{list-style: none}
input,button,select,textarea{outline:none;font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; font-size:14px; color: #666;}
table input,table button,table select,table textarea{ vertical-align:middle;}
button,html input[type=button],input[type=submit]{-webkit-apperance: button; cursor: pointer}
button[disabled],html input[disabled]{cursor: default}
textarea{resize:none}
table{ border-collapse:collapse;}
a{text-decoration:none; color:#666;}
h1,h2,h3,h4,h5,h6{font-weight:400; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;}
th{font-weight: normal;}
.fl{float: left}
.fr{float: right}
.al{text-align: left}
.ac{text-align: center}
.ar{text-align: right}
.hide{display: none}
.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.cf:before,.cf:after{content:""; display: table;}
.cf:after{clear: both;}
.cf, .cf2{*zoom:1;}
.cf2:after{display: block; content: ""; clear: both; height: 0; visibility: hidden;}
/*-------------------------结束公用样式--------------------------*/
body{background-color: #f8f8f8;}
.mw{margin: 0 auto; width: 1000px;}
.topcut, .header, .footer, .whfloor, .gyfloor, .gnfloor{margin: 0 auto; min-width: 1000px; _width:expression((documentElement.clientWidth < 1000) ? "1200px" : "auto" );}
.row{margin: 30px auto; width: 1000px;}
.whfloor{padding: 40px 0; background-color: #fff;}
.gyfloor{padding: 40px 0; background-color: #f8f8f8;}
.gnfloor{padding: 40px 0; color: #fff; background: url(../images/icon/gnfloor.png) repeat;}
.tc{display: table-cell; width: 9999px; zoom: 1; *width: auto;}
.overHide{overflow: hidden;}
.tab_i{display: none;}
.tab_i:first-child{display: block;}
/*顶部*/
.topcut{height: 35px; line-height: 20px; font-size: 13px; color: #fff; background-color: #333;}
.topcut a{color: #fff;}
.topcut a:hover{color: #5dca87;}
.topcut_info{float: left;}
.topcut_tool{float: right;}
.topcut_info li, .topcut_tool li {float: left; padding: 8px 0; height: 20px;}
.topcut_info li{margin-left: 20px;}
.topcut_tool li{margin-right:7px;}
.topcut .ico{margin-right: 5px; display: inline-block; width: 20px; height: 20px; background-image: url(../images/icon/topcut.png); background-repeat: no-repeat; vertical-align: top; vertical-align: middle\9;}
.worktime_topcut .ico{background-position: 0 0;}
.tel_topcut .ico{background-position: 0 -20px;}
.login_topcut .ico{background-position: 0 -40px;}
.topcut_tool .ico{background-position: 0 -40px;}
.reg_topcut .ico{background-position: 0 -60px;}
.notice_topcut .ico{background-position: 0 -80px;}
.tel_topcut{ font-size:14px;}
/*头部*/
.header{height: 120px; background-color: #fff; position: relative; z-index: 99999999999999995; box-shadow: 0 5px 10px -5px rgba(0,0,0,.5);}
.headlogo{float: left; padding-top: 5px; padding-left: 15px;}
.headlogo img{height: 108px; vertical-align: bottom;}
.tnav{position: relative; float: right; margin-top: 45px; text-align: center;}
.tnav a{float: left; position: relative; z-index: 5; display: block; padding: 0 15px; height: 32px; line-height: 32px; font-size: 14px; color: #000; transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
.tnav:hover a{color: #000;}
.tnav a:hover, .tnav .current_nav{color: #fff;}
.tavline{position: absolute; top: 0; left: 0; display: block; width: 25px; height: 32px; line-height: 0; font-size: 0; background-color: #5dca87; border-radius: 20px;}
/*底部*/
.footer{padding: 25px 0; line-height: 2; font-size: 12px; color: #999; background-color: #333;}
.footer a{color: #999;}
.footer a:hover{color: #eee;}
.foot_ml{float: left;}
.footright_ico{margin-right: 2px; vertical-align: text-bottom;}
.footlink{float: right;}
.footlink a{margin-left: 10px;}
/*banner*/
.inbn{position: relative; display: block; min-width: 1000px; height: 260px; overflow: hidden;}
.inbn_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 0; background-repeat: no-repeat;}
.inbn_bg{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.inbn_cur .inbn_bg, .floor_cur .inbn_bg{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: transform 3s linear 0s; -webkit-transition: -webkit-transform 3s linear 0s; -moz-transition: -moz-transform 3s linear 0s;}
.inbn_mw{position: relative; margin: 0 auto; width: 1000px; height: 100%; font-size: 18px; color: #fff; z-index: 5;}
.inbn_dec{position: absolute; bottom: 35px; right: 0; text-align: right;}
.inbn_title{font-size: 30px;}
.title{ position:relative;}
.ico-play{position: absolute;left: 222px;top: 5px;float: left;width: 42px;height: 42px; background:url(../images/icon/index.png) no-repeat; cursor:pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.ico-play:hover{background-image:url(../images/icon/play1.png);}
.icon-play-new {background-image: url("../images/icon/play_new.png") !important;}
.pause {background-image:url(../images/icon/playing_new.gif) !important;}
.clard{margin-left: -30px; padding:2.5em 0 2em 0;}
.clard li{position: relative; float: left; margin: 20px 0 20px 30px; _display: inline; width: 310px; height: 540px;}
.clard_dec{position: absolute; bottom: 0; left: 0; right: 0; display: block; padding: 10px 35px; height: 320px; font-size: 14px; color: #666; background-color: #fff; transition: height .3s ease 0s; -moz-transition: height .3s ease 0s; -webkit-transition: height .3s ease 0s;}
.clard_mt{margin-bottom: 30px;}
.clard_mt .name{font-size: 18px; color: #333; font-weight: bold;}
.clard_mt .gt{margin-top: 8px; display: block; width: 20px; height: 3px; line-height: 0; font-size: 0; background-color: #61cb8a;}
.clard_mc{margin-bottom: 20px; height: 150px; overflow: hidden;}
.clard .btn{display: block; text-align: center; padding: 10px 0; width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #fff; background-color: #61cb8a;}
.clard .btn:hover{background-color: #45b06e;}
.video20_ico{margin-right: 10px; display: inline-block; width: 20px; height: 20px; background: url(../images/icon/video20.png) 0 0 no-repeat; vertical-align: top; vertical-align: middle\9;}
.clard_cut{display: block; background-color: #000; height: 200px; overflow: hidden; transform-origin: 0px 0px 0px; -moz-transform-origin: 0px 0px 0px; -webkit-transform-origin: 0px 0px 0px; transition: transform .5s ease 0s; -moz-transition: -moz-transform .5s ease 0s; -webkit-transition: -webkit-transform .5s ease 0s;}
.clard>li{perspective: 800px; -moz-perspective: 800px; -webkit-perspective: 800px;}
.clard>li:hover .clard_cut{transform: rotateX(-30deg); -moz-transform: rotateX(-30deg); -webkit-transform: rotateX(-30deg);}
.clard>li:hover .clard_cut img{opacity: .8;}
.clard>li:hover .clard_dec{height: 340px; box-shadow: 0 15px 30px rgba(0,0,0,.3); -moz-box-shadow: 0 15px 30px rgba(0,0,0,.3); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.3); transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0);}
.clard>li:hover .clard_mc{height: 170px;}
.artdp{padding: 30px; line-height: 2; background-color: #fff;}
.artdp_mt{margin-bottom: 30px; border-bottom: 1px solid #ebebeb;}
.artdp_title{padding: 0 0 20px 0; text-align: center; font-size: 24px; color: #333;}
.artdp_aside{position: relative; padding: 20px 90px; font-size: 14px; color: #555; border-top: 1px solid #ebebeb; zoom: 1\9;}
.artdp_aside_lt, .artdp_aside_gt{position: absolute; display: block; width: 50px; height: 25px; line-height: 0; font-size: 0; background-image: url(../images/icon/asidegt.png); background-repeat: no-repeat;}
.artdp_aside_lt{top: 20px; left: 10px; background-position: 0 0;}
.artdp_aside_gt{bottom: 20px; right: 10px; background-position: 0 -25px;}
.artdp_mc{font-size: 15px;}
.artdp_mc .pic{margin: 20px 0; text-align: center;}
.artdp_mc img{max-width: 100%;}
.artdp_mc p{margin: 20px 0; text-indent: 2em;}
.artvideo_wrap{position: relative; padding-left: 160px; zoom: 1\9; margin:3em 0 4em 0;}
.videohd{position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 0\9; display: block; width: 160px; text-align: center; font-size: 22px; color: #555;}
.videohd li{margin: 30px 0; cursor: pointer;}
.videohd .on{color: #61cb8a;}
.videohd .on .cc{background-color: #61cb8a; border-color: #61cb8a;}
.videohd .cc{margin: 0 auto; display: block; width: 60px; height: 60px; border: 1px solid #9b9b9b; border-radius: 50%; overflow: hidden;}
.videohd .ico{display: block; width: 60px; height: 60px; background-image: url(../images/icon/videohd.png); background-repeat: no-repeat;}
.class_ico{background-position: 0 0;}
.on .class_ico{background-position: 0 -60px;}
.teacher_ico{background-position: 0 -120px;}
.on .teacher_ico{background-position: 0 -180px;}
.artvideo{position: relative; text-align: center; height: 420px; overflow: hidden;}
.artvideo img{width: 100%;}
.videoctl{position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 60px; background: url(../images/icon/videoctl.png) 50% 50% no-repeat; background-color: rgba(0,0,0,.8); background-color: #000\9;}
.rowhead{margin-bottom: 10px; text-align: center; font-size: 20px; color: #666;}
.rowtitle{margin-bottom: 5px; text-align: center; font-size: 34px; color: #61cb8a;}
.gy_rowtitle{color: #bfbfbf;}
.rowhead_gt{margin: 10px auto 0; display: block; width: 120px; height: 14px; line-height: 0; font-size: 0; background: url(../images/icon/rowhead_gt.png) 50% 50% no-repeat;}
.rowhead .small{font-size: 14px;}
.rowins{position: relative; margin-bottom: 8px; display: inline-block; padding: 0 140px; font-size: 18px; font-weight: bold;}
.rowins_lt, .rowins_gt{position: absolute; top: 50%; display: block; width: 120px; height: 0; line-height: 0; font-size: 0; border-bottom: 1px solid #eee;}
.rowins_lt{left: 0;}
.rowins_gt{right: 0;}
.rowbn .rowhead, .rowbn .rowtitle, .gnfloor .rowhead, .gnfloor .rowtitle{color: #fff;}
.rowbn .rowins_lt, .rowbn .rowins_gt, .gnfloor .rowins_lt, .gnfloor .rowins_gt{border-bottom-color: rgba(255,255,255,.4);}
.rowart{display: table-cell; width: 9999px; *zoom: 1; *width: auto; font-size: 16px;}
.rowart .rowtitle{margin-bottom: 20px; text-align: left;}
.rowpic{text-align: center;}
.rowpic img{max-width: 100%;}
.rowbn{position: relative; color: #fff; overflow: hidden;}
.zoomBg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 0; background-repeat: no-repeat; animation:zoom1 15s linear 0s infinite;-webkit-animation:zoom1 15s linear 1s infinite;}
@-webkit-keyframes zoom1{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.1);}100%{-webkit-transform:scale(1);}}
@keyframes zoom1{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}
.rowbn .mw{position: relative; z-index: 5;}
.ie_h700{min-height: 700px\9; _height: 700px; _overflow-y: visible;}
.clstep{margin-left: -47px; font-size: 14px; color: #666;}
.clstep li{position: relative; float: left; margin: 20px 0 20px 47px; _display: inline; _zoom: 1; padding: 50px 25px 10px 25px; width: 250px; height: 320px; background-color: #fff; border: 1px solid #dfdfdf; box-shadow: 0 3px 5px -3px #d1d1d1; border-radius: 10px; overflow: hidden;}
.clstep .tt{margin-bottom: 15px; text-align: center; font-size: 22px; color: #333; position: relative; z-index: 5;}
.clstep .p{height: 72px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; position: relative; z-index: 5;}
.clstep .tt, .clstep .p{transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;}
.clstep .bg{position: absolute; top: 50%; left: 50%; display: block; width: 50px; height: 50px; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); border-radius: 50%; background-color: #61cb8a; transition: all .4s linear; -moz-transition: all .4s linear; -webkit-transition: all .4s linear; display: none\9;}
.clstep>li:hover .bg{width: 500px; height: 500px;}
.clstep>li:hover .tt, .clstep>li:hover .p{color: #fff;}
.clstep>li:hover .num{box-shadow: 0 15px 30px rgba(0,0,0,.2); -moz-box-shadow: 0 15px 30px rgba(0,0,0,.2); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.2);}
.clstep .num:active{transform: scale(.95); -moz-transform: scale(.95); -webkit-transform: scale(.95);}
.clstep .ico, .clstep .num{display: block; background-image: url(../images/icon/clstep.png); background-repeat: no-repeat; position: relative; z-index: 5;}
.clstep .ico{margin: 0 auto 30px; width: 80px; height: 80px;}
.clstep .num{margin: 0 auto 20px; text-align: center; width: 60px; height: 60px; line-height: 0; font-size: 0; border-radius: 50%;}
.clstep01 .ico{background-position: 0 0;}
.clstep01:hover .ico{background-position: 0 -80px;}
.clstep02 .ico{background-position: 0 -160px;}
.clstep02:hover .ico{background-position: 0 -240px;}
.clstep03 .ico{background-position: 0 -320px;}
.clstep03:hover .ico{background-position: 0 -400px;}
.clstep01 .num{background-position: 0 -480px;}
.clstep01:hover .num{background-position: 0 -540px;}
.clstep02 .num{background-position: 0 -600px;}
.clstep02:hover .num{background-position: 0 -660px;}
.clstep03 .num{background-position: 0 -720px;}
.clstep03:hover .num{background-position: 0 -780px;}
.pledgelist{margin-left: -110px; text-align: center; font-size: 14px; color: #666;}
.pledgelist li{float: left; margin: 30px 0 0 110px; _display: inline; width: 260px;}
.pledgelist .p{height: 100px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.pledgelist .ico{margin: 0 auto 25px; display: block; width: 200px; height: 150px; font-size: 0; background-image: url(../images/icon/pledge.png); background-repeat: no-repeat;}
.pledge01 .ico{background-position: 0 0;}
.pledge02 .ico{background-position: 0 -150px;}
.pledge03 .ico{background-position: 0 -300px;}
.getstep li{float: left; margin: 5px 0;}
.getstep a{display: inline-block; text-align: center; padding: 6px 4px; width: 80px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; font-size: 16px; color: #55bbeb; border: 1px solid #55bbeb; background-color: #fff; border-radius: 4px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease;}
.getstep a:hover{color: #fff; background-color: #55bbeb;}
.getstep .gt{margin: 5px 0; padding: 0; width: 2.375%; width: 23px\9; height: 44px; line-height: 0; font-size: 0; background: url(../images/icon/ngt.png) 50% 50% no-repeat; opacity: 0; /*opacity: 100\9; filter: alpha(opacity=100)\9;*/}
.bkcover{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%\9; height: 100%\9; background-color: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); display: none;}
.picintro_wrap{margin-top: 10px; position: relative; zoom: 1\9;}
.picintro_wrap .prev, .picintro_wrap .next{position: absolute; top: 50%; margin-top: -25px; display: block; text-align: center; width: 50px; height: 50px; line-height: 50px; font-size: 40px; color: #fff; font-weight: bold; font-family: simsun; background-color: #6cce92; border-radius: 50%;}
.picintro_wrap .prev{left: -90px;}
.picintro_wrap .next{right: -90px;}
.picintro{margin-left: -20px; _zoom: 1;}
.picintro li{position: relative; float: left; margin: 10px 0 10px 20px; _display: inline; _zoom: 1; border-bottom: 2px solid #6cce92; overflow: hidden;}
.picintro .big{width: 660px; height: 300px;}
.picintro .mid{width: 320px; height: 300px;}
.picintro .small{width: 320px; height: 170px;}
.picintro .tt{position: absolute; top: 20px; font-size: 13px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.5);}
.picintro .tt .name{line-height: 1.2; font-size: 24px;}
.picintro .tt .name span{ font-size:16px; padding-left:.3em;}
.picintro .text{position: absolute; top: 100px; line-height: 2; font-size: 14px; color: #fff; opacity: 0; filter: alpha(opacity=0);}
.picintro .tr .tt, .picintro .tr .text{right: 25px; text-align: right;}
.picintro .tl .tt, .picintro .tl .text{left: 25px; text-align: left;}
.picintro .small .text{top: 75px;}
.picintro .small .text p{ font-size:13px; line-height:1.4em; margin:.3em 0;}
.picintro .text p{transform: translateY(500%); -moz-transform: translateY(500%); -webkit-transform: translateY(500%); transition-property: transform; transition-timing-function: ease-in; -moz-transition-property: transform; -moz-transition-timing-function: ease-in; -webkit-transition-property: transform; -webkit-transition-timing-function: ease-in;}
.picintro .text p:nth-of-type(1){transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s;}
.picintro .text p:nth-of-type(2){transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.picintro .text p:nth-of-type(3){transition-duration: .6s; -moz-transition-duration: .6s; -webkit-transition-duration: .6s;}
.picintro .text p:nth-of-type(4){transition-duration: .7s; -moz-transition-duration: .7s; -webkit-transition-duration: .7s;}
.picintro .text p:nth-of-type(5){transition-duration: .8s; -moz-transition-duration: .8s; -webkit-transition-duration: .8s;}
.picintro .hover .bkcover{display: block; animation:opacity .5s linear both;-webkit-animation:opacity .5s linear both;}
@keyframes opacity{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity{0%{opacity:0}100%{opacity:1}}
.picintro .hover .text{opacity: 1; filter: alpha(opacity=100);}
.picintro .hover .text p{transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
.tadvantage .rowart{padding: 60px 90px 0 0;}
.tadvantage_list{float: right; position: relative; width: 340px; height: 310px;}
.tadvantageitem{position: absolute; text-align: center; padding-top: 30px; width: 180px; height: 150px; font-size: 18px; color: #fff; border-radius: 50%;}
.tadvantage01{z-index: 5; left: 50%; margin-left: -90px; top: 0; background-color: #ffc148;}
.tadvantage02{z-index: 4; left: 0; bottom: 0; background-color: #61cb8a;}
.tadvantage03{z-index: 3; right: 0; bottom: 0; background-color: #32ccfe;}
.tadvantageitem .ico{margin: 0 auto 8px; display: block; width: 80px; height: 80px; font-size: 0; background-image: url(../images/icon/tadvantage.png); background-repeat: no-repeat;}
.tadvantage01 .ico{background-position: 0 0;}
.tadvantage02 .ico{background-position: 0 -80px;}
.tadvantage03 .ico{background-position: 0 -160px;}
.rowart_pad{margin: 40px 0 60px 0;}
.rowdtpic{display: inline-block; box-shadow: 0 2px 8px -2px #cdcdcd; border: 1px solid #efefef\9; overflow: hidden;}
.clflow{position: relative; display: block; padding-top: 20px; height: 540px; font-size: 14px; color: #fff; zoom: 1\9;}
.clflow_road, .clflowlab{display: block; background-image: url(../images/icon/clflow.png); background-repeat: no-repeat;}
.clflow_road{margin: 0 auto; width: 500px; height: 400px; background-position: 0 0;}
.clflowlab{position: absolute; left: 50%; margin-left: -50px; text-align: center; padding: 10px; width: 80px; height: 80px; line-height: 80px; font-size: 24px; color: #fff; background-position: 0 -400px;}
.clflowlab01{z-index: 8; top: 35px;}
.clflowlab02{z-index: 7; top: 178px;}
.clflowlab03{z-index: 6; top: 320px;}
.clflowtext{position: absolute;}
.clflowtext .dt{margin-bottom: 10px; font-size: 24px;}
.clflowtext01{top: 80px; left: 0; width: 260px;}
.clflowtext02{top: 210px; right: 0; width: 260px;}
.clflowtext03{top: 450px; left: 50%; margin-left: -240px; width: 480px;}
.clflowtext02 .dt{text-align: right;}
.clflowtext03 .dt{text-align: center;}
.clflowlab{transition-property: transform; transition-timing-function: linear; -moz-transition-property: transform; -moz-transition-timing-function: linear; -webkit-transition-property: transform; -webkit-transition-timing-function: linear; opacity: 0; /*opacity: 100\9; filter: alpha(opacity=100)\9;*/}
.clflowlab01{transform: translateY(-100px); -moz-transform: translateY(-100px); -webkit-transform: translateY(-100px); transition-duration: .8s; -moz-transition-duration: .8s; -webkit-transition-duration: .8s;}
.clflowlab02{transform: translateY(-243px); -moz-transform: translateY(-243px); -webkit-transform: translateY(-243px); transition-duration: 1.6s; -moz-transition-duration: 1.6s; -webkit-transition-duration: 1.6s;}
.clflowlab03{transform: translateY(-385px); -moz-transform: translateY(-385px); -webkit-transform: translateY(-385px); transition-duration: 2.5s; -moz-transition-duration: 2.5s; -webkit-transition-duration: 2.5s;}
.floor_cur .clflowlab{transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
.childcomment_floor{padding: 120px 0 0 0; height: 310px; }
.childcomment{position: relative; margin: 0 auto; padding: 30px 30px 10px 120px; display: block; width: 630px; background-color: rgba(255,255,255,.7); background-color: #fff\9; border-radius: 20px; *zoom: 1;}
.childcomment_gt{position: absolute; left: 30px; top: 50%; margin-top: -30px; display: block; width: 65px; height: 60px; line-height: 0; font-size: 0; background: url(../images/icon/gnasidegt.png) 0 0 no-repeat;}
.childcomment .ctl{position: absolute; top: -19px; right: 30px;}
.childcomment .prev, .childcomment .next{margin-left: 4px; display: inline-block; text-align: center; width: 38px; height: 38px; line-height: 38px; font-size: 32px; color: #61cb8a; font-weight: bold; font-family: simsun; background-color: #fff; border-radius: 8px; -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.childcomment .prev:hover, .childcomment .next:hover{box-shadow: 0 0 5px rgba(0,0,0,.1);}
.childcomment_list{line-height: 25px; font-size: 14px; color: #333;}
.childcomment_list li{position: relative; padding-left: 120px;}
.childcomment_list .cut{position: absolute; left: 0; top: 0; display: block; width: 100px; height: 100px; overflow: hidden; border-radius: 50%;}
.childcomment_list .cut img{border-radius: 50%; overflow:hidden;}
.childcomment_list .cut::before{position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; content: ""; border: 8px solid rgba(255,255,255,.5); border-radius: 50%; z-index: 5;}
.childcomment_list .cut::before, .childcomment_list .cut img{transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease;}
.childcomment_list .cut:hover::before{border-width: 0;}
.childcomment_list .cut:hover img{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);}
.childcomment_list .p{height: 90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.childcomment_list .name{text-decoration: underline; color: #333; }
.childcomment_list .name:hover{ color:#fff; background:#61cb8a; text-decoration:none;}
.features_floor{padding: 40px 0; min-height: 620px; _height: 620px;}
.features_wrap{margin: 40px 0;}
.features_bd{margin: 30px auto; display: block; width: 820px; text-align: center; line-height: 2; font-size: 16px;}
.features_hd{margin-bottom: 30px; padding-bottom: 40px; text-align: center; font-size: 24px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid #fff\9;}
.features_hd li{float: left; width: 25%; cursor: pointer;}
.features_hd .cc{margin: 0 auto 15px; display: block; padding: 24px; width: 100px; height: 100px; border: 1px solid #fff; border-radius: 50%; overflow: hidden;}
.features_hd .on .cc{background-color: #5dca87; border-color: #5dca87;}
.features_hd .ico{display: block; width: 100px; height: 100px; background-image: url(../images/icon/features.png); background-repeat: no-repeat;}
.features_hd .fore1 .ico{background-position: 0 0;}
.features_hd .fore2 .ico{background-position: 0 -100px;}
.features_hd .fore3 .ico{background-position: 0 -200px;}
.features_hd .fore4 .ico{background-position: 0 -300px;}
.ser4floor{padding: 40px 0 0 0;}
.ser4list{position: relative; height: 460px;}
.ser4list .job{text-align: center; font-size: 18px; color: #333; max-width: 100%; _width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ser4list .p{margin: 0 auto; width: 120px; font-size: 13px; display: none;}
.ser4list .ser{position: absolute; bottom: 40px; left: 36%; display: block; width: 210px; opacity: 0;}
.floor_cur .ser4list .ser{opacity: 1;}
.ser4list .ser01, .ser4list .ser04{transition: all .8s .3s linear; -moz-transition: all .8s .3s linear; -webkit-transition: all .8s .3s linear;}
.ser4list .ser02, .ser4list .ser03{transition: all .5s .3s linear; -moz-transition: all .5s .3s linear; -webkit-transition: all .5s .3s linear;}
.floor_cur .ser4list .ser01{left: -60px;}
.floor_cur .ser4list .ser02{left: 120px;}
.floor_cur .ser4list .ser03{left: 650px;}
.floor_cur .ser4list .ser04{left: 860px;}
.ser4list .ser05{left: 50%; right: auto; margin-left: -160px; bottom: 0; width: 320px;}
.ser4list .peo{margin: 0 auto 8px; display: block; width: 210px; height: 280px; background-image: url(../images/banner/row/ser4.png); background-repeat: no-repeat;}
.ser4list .ser01 .peo{background-position: 0 0;}
.ser4list .ser02 .peo{background-position: 0 -280px;}
.ser4list .ser03 .peo{background-position: 0 -560px;}
.ser4list .ser04 .peo{background-position: 0 -840px;}
.ser4list .ser05 .peo{margin-bottom: 0; width: 320px; height: 440px; background-position: 0 -1120px;}
.ser4list .serA{position: absolute; top: 5px; right: 40px; display: block; width: 70px; height: 80px;}
.serA.inlightpic:before{width: 100%;}
.childget_floor{min-height: 540px; _height: 540px; background: #fff url(../images/banner/row/04.jpg) 50% 100% no-repeat;}
.childget_box{padding-left: 400px;}
.childget_box .rowtitle{text-align: left; font-size: 38px; font-weight: bold;}
.childgetlist{margin: 30px 0 60px 0; line-height: 32px; font-size: 22px; color: #333;}
.childgetlist li{position: relative; margin: 20px 0; padding-left: 50px; *zoom: 1;}
.childgetlist .sign, .advantagelist .sign{position: absolute; left: 0; top: 0; display: block; width: 32px; height: 32px; line-height: 0; font-size: 0; background-image: url(../images/icon/list_sign.png); background-repeat: no-repeat;}
.childgetlist .sign{background-position: 0 0;}
.advantagebox{padding: 0 440px 40px 50px; min-height: 520px; _height: 520px; _overflow-y: visible; background: url(../images/banner/row/05.jpg) 100% 100% no-repeat;}
.advantagelist{margin-bottom: 50px; font-size: 14px;}
.advantagelist li{position: relative; margin: 20px 0; *zoom: 1;}
.advantagelist .title{margin-bottom: 5px; line-height: 32px; font-size: 22px; color: #333;}
.advantagelist .sign{left: -50px;}
.advantagelist .item01 .sign{background-position: 0 -64px;}
.advantagelist .item02 .sign{background-position: 0 -96px;}
.advantagelist .item03 .sign{background-position: 0 -128px;}
.advantagelist .item04 .sign{background-position: 0 -160px;}
.advantagelist .item05 .sign{background-position: 0 -192px;}
.advantagelist .item06 .sign{background-position: 0 -224px;}
.classtype{margin: 0 0 0 -50px; font-size: 14px;}
.classtype li{float: left; margin: 30px 0 0 150px; _display: inline; width: 300px;}
.classtype .cut{margin-bottom: 10px; display: block; width: 300px; height: 180px; background-color: #000; border-radius: 12px; overflow: hidden;}
.classtype .cut:hover img{opacity: .8; filter: alpha(opacity=80);}
.classtype .title{margin-bottom: 10px; text-align: center; font-size: 22px; color: #0099ff;}
.classtype .title a{color: #0099ff;}
.classtype .title a:hover{color: #f60;}
.methodlist{margin: 0 0 0 -35px; font-size: 14px;}
.methodlist li{position: relative; float: left; margin: 25px 0 25px 35px; _display: inline; padding-left: 120px; width: 190px; height: 120px;}
.methodlist .title{margin-bottom: 10px; height: 40px; line-height: 40px; font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%\9;}
.methodlist .title a{color: #fff;}
.methodlist .p{height: 60px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.methodlist .cc{position: absolute; top: 10px; left: 0; display: block; padding: 18px; width: 60px; height: 60px; border: 2px solid #fff; border-radius: 50%; overflow: hidden; transition-name: all .3s 0s ease; -moz-transition: all .3s 0s ease; -webkit-transition: all .3s 0s ease;}
.methodlist .cc:hover{box-shadow: 0 15px 30px rgba(0,0,0,.2); -moz-box-shadow: 0 15px 30px rgba(0,0,0,.2); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.2); transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0);}
.methodlist .fore01 .cc{background-color: #0099cc;}
.methodlist .fore02 .cc{background-color: #99cc99;}
.methodlist .fore03 .cc{background-color: #ed7552;}
.methodlist .fore04 .cc{background-color: #fedc00;}
.methodlist .fore05 .cc{background-color: #ed7550;}
.methodlist .fore06 .cc{background-color: #0099cb;}
.methodlist .ico{display: block; width: 60px; height: 60px; line-height: 0; font-size: 0; background-image: url(../images/icon/methodlist.png); background-repeat: no-repeat;}
.methodlist .fore01 .ico{background-position: 0 0; transition-delay: .5s; -moz-transition-delay: .5s; -webkit-transition-delay: .5s;}
.methodlist .fore02 .ico{background-position: 0 -60px; transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s;}
.methodlist .fore03 .ico{background-position: 0 -120px; transition-delay: 1.5s; -moz-transition-delay: 1.5s; -webkit-transition-delay: 1.5s;}
.methodlist .fore04 .ico{background-position: 0 -180px; transition-delay: 2s; -moz-transition-delay: 2s; -webkit-transition-delay: 2s;}
.methodlist .fore05 .ico{background-position: 0 -240px; transition-delay: 2.5s; -moz-transition-delay: 2.5s; -webkit-transition-delay: 2.5s;}
.methodlist .fore06 .ico{background-position: 0 -300px; transition-delay: 3s; -moz-transition-delay: 3s; -webkit-transition-delay: 3s;}
.methodlist .ico{filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); -o-filter: blur(5px); transition-name: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease;}
.floor_cur .methodlist .ico{filter: blur(0); -webkit-filter: blur(0); -moz-filter: blur(0); -ms-filter: blur(0); -o-filter: blur(0);}
.methodlist .cc:hover .ico{filter: drop-shadow(10px 10px 2px rgba(0,0,0,0.5)); -webkit-filter: drop-shadow(10px 10px 2px rgba(0,0,0,0.5)); -moz-filter: drop-shadow(10px 10px 2px rgba(0,0,0,0.5));}
.ibn{position: relative; height: 530px; background-color: #5dca87; overflow: hidden;}
.ibn_wave1, .ibn_wave2{position: absolute; background-image: url(../images/banner/ibn_wave.png); background-repeat: repeat-x; z-index: 5;}
.ibn_wave1{position: absolute; bottom: 0; height: 200px; -webkit-animation: moveWave 1.5s linear infinite alternate; -o-animation: moveWave 1.5s linear infinite alternate; animation: moveWave 1.5s linear infinite alternate;}
.ibn_wave1_01{left: 0; width: 270px; background-position: 0 0;}
.ibn_wave1_02{right: 400px; width: 500px; background-position: -870px 0;}
.ibn_wave1_03{right: 0; width: 400px; background-position: 100% 0;}
.ibn_wave2{bottom: 0; left: 0; width: 3840px; height: 130px; background-position: 0 -200px; animation: moveWave2 100s linear infinite; -webkit-animation: moveWave2 100s linear infinite; -o-animation: moveWave2 100s linear infinite;}
@-webkit-keyframes moveWave{0%{bottom:0}50%{bottom:-6px}100%{bottom:-12px}}@keyframes moveWave{0%{bottom:0}50%{bottom:-6px}100%{bottom:-12px}}@-webkit-keyframes moveWave2{0%{-webkit-transform:translateX(0)}50%{-webkit-transform:translateX(-30%)}100%{-webkit-transform:translateX(-50%)}}@keyframes moveWave2{0%{transform:translateX(0)}50%{transform:translateX(-30%)}100%{transform:translateX(-50%)}}
.ibn .bd, .ibn .bd li{width: 100%!important; min-width: 1000px; height: 530px;}
.ibn .prev, .ibn .next{position: absolute; top: 50%; margin-top: -30px; display: block; text-align: center; width: 60px; height: 60px; line-height: 60px; font-size: 40px; color: rgba(0,0,0,.2); font-weight: bold; font-family: simsun; background-color: rgba(255,255,255,.5); border-radius: 10px; z-index: 7;}
.ibn .prev:hover, .ibn .next:hover{background-color: rgba(255,255,255,.8);}
.ibn .prev{right: 50%; margin-right: 550px;}
.ibn .next{left: 50%; margin-left: 550px;}
.ibn01{background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/ibn01_bg.png);}
.ibn02{background-color: #fff45c;}
.ibn03{background-color: #7573e1;}
.ibn04{background-color: #5dca87;}
/*.ibn05{background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/ibn05_bg.png);}*/
.ibn05{ background-color: #fd6363;background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/7.jpg);}
.ibn07{	 background-color: #e8f9cd; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/spring.jpg);}
.ibn08{	 background-color: #6aecd2; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/favorable.jpg);}
.ibn09{	 background-color: #fff45c; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/pronounce.jpg);}
.ibn10{	 background-color: #57d991; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/qqgroup.jpg);}
.ibn11{	 background-color: #fff45c; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/england.jpg);}
.ibn12{	 background-color: #f97171; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/united.jpg);}
.ibn13{	 background-color: #ffe984; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/free1.jpg);}
.ibn14{	 background-color: #6ad8ed; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/coupon.jpg);}
.ibn15{	 background-color: #fffbdb; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/banner3.jpg);}
.ibn16{	 background-color: #bafbff; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/overturn.png);}
.ibn17{	 background-color: #ff9281; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/openClass1.png);}
.ibn20{	 background-color: #75dcfb; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/fayinqun.png);}


.ibn19{	 background-color: #fddc6b; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/pets.png);}
.ibn21{	 background-color: #e0e0b3; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/health.jpg);}
.ibn22{	 background-color: #89dbf3; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/hongkong.jpg);}
.ibn23{  background-color: #ffbdeb; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/fireproofing.jpg);}
.ibn24{  background-color: #d9f4ed; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/summer.jpg);}
.ibn25{  background-color: #c6e6f3; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/onlyyou.jpg);}
.ibn26{  background-color: #c6e6f3; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/school.jpg);}
.ibn27{  background-color: #a3e0ff; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/dog.jpg);}
.ibn28{  background-color: #a3e0ff; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/walking.jpg);}
.ibn29{  background-color: #a3e0ff; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/aircraft.jpg);}
.ibn30{  background-color: #a3e0ff; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/openclass3.png);}
.ibn40{  background-color: #a3e0ff; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/newbanner.png);}

.ibn31{  background-color: #a3e0ff; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/banner-02.jpg);}
.ibn32{  background-color: #a3e0ff; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/jieyuenengyuan.png);}
/* .ibn33{  background-color: #a3e0ff; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/brithday_party1.png);} */
.ibn33{  background-color: #a3e0ff; background-position: 50% 0; background-repeat: no-repeat; background-image: url(../images/banner/ThanksgivingDay1.png);}

.bnmw{position: relative; display: block; margin: 0 auto; width: 1000px; height: 530px;}
.ibn_peo{position: absolute; z-index: 4; right: 0; bottom: 0; width: 1000px; height: 530px; background-image: url(http://qiniu.biteabc.com/ibn_peo.png); background-position: 50% 0; background-repeat: no-repeat;}
.ibn01 .ibn_peo{background-position: 0 0;}
.ibn02 .ibn_peo{background-position: 0 -530px;}
.ibn03 .ibn_peo{background-position: 0 -1060px;}
.ibn04 .ibn_peo{right: -200px; bottom: -20px; background-position: 0 -1590px;}
.ibn05 .ibn_peo{right: -200px;background-position: 0 -2120px;}
.ibn_ts{position: absolute; display: block; background-image: url(../images/banner/ibn_ts.png); background-repeat: no-repeat;}
.ibn01_ts1{left: -100px; bottom: 20px; width: 700px; height: 440px; background-position: 0 0;}
.ibn01_ts2{left: -100px; bottom: 20px; width: 700px; height: 440px; background-position: 0 -440px;}
.ibn01_ts3{left: 650px; bottom: -50px; width: 700px; height: 440px; background-position: 0 -880px;}
.ibn01_ts4{left: 650px; bottom: -50px; width: 700px; height: 440px; background-position: 0 -1320px;}
.ibn01_peo_text{top: 45px; left: 555px; width: 250px; height: 40px; background-position: 0 -1760px;}
.ibn02_ts1{right: -70px; bottom: 150px; width: 700px; height: 250px; background-position: 0 -1800px;}
.ibn02_ts2{right: -70px; bottom: 180px; width: 700px; height: 250px; background-position: 0 -2050px;}
.ibn03_ts1{right: -60px; bottom: 150px; width: 700px; height: 280px; background-position: 0 -2300px;}
.ibn03_ts2{right: -60px; bottom: 150px; width: 700px; height: 280px; background-position: 0 -2580px;}
.ibn04_ts1{left: 440px; bottom: 240px; width: 700px; height: 260px; background-position: 0 -2860px;}
.ibn04_ts2{right: -100px; bottom: 240px; width: 700px; height: 260px; background-position: 0 -3120px;}
.ibn_text{position: absolute; z-index: 9; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 80px\9; font-size: 18px; color: #333;}
.ibn_text .mt{margin-bottom: 60px;}
.ibn_text .p{margin: 15px 0;}
.ibn_text .title{line-height: 1.2; font-size: 42px;}
.ibn03 .ibn_text, .ibn04 .ibn_text .title{color: #fff;}
.ibn_text .gt{margin: 0 10px 0 8px; font-size: 12px; }
.ibn_text .md_bubtn{min-width: 180px; _width: 180px; font-size: 16px; color: #fff; border-bottom-color: rgba(0,0,0,.2)}
.ibn_text a{color: #333;}
.ibn_text .ntext{margin-top: 10px; font-size: 16px; color: #fff;}
/*----------lucy sss start-------*/
/*倒计时 banner*/
.ibn06{background: #0099ff url(../images/banner/timeBanner.jpg) no-repeat top center;text-align: center;}
.ibn06 .time-hd{margin-top:30px;}
#countdownbox{margin-top: 50px;}
/*----------lucy sss end-------*/
.labtitle, .labtitle_lt, .labtitle_gt{background-image: url(../images/icon/labtitle.png); background-repeat: no-repeat; outline: 0;}
.labtitle{position: relative; display: inline-block; *display: inline; *zoom: 1; margin: 0 60px; padding: 0 1px 5px 1px; min-width: 250px; _width: 250px; _overflow-x: visible; height: 50px; line-height: 50px; font-size: 25px; color: #fff; background-repeat: repeat-x;}
.labtitle_lt, .labtitle_gt{position: absolute; top: 0; display: block; width: 60px; height: 65px; background-repeat: no-repeat;}
.labtitle_lt{left: -59px;}
.labtitle_gt{right: -59px;}
.bu_labtitle{background-position: 0 0;}
.bu_labtitle .labtitle_lt{background-position: 0 -55px;}
.bu_labtitle .labtitle_gt{background-position: 0 -120px;}
.og_labtitle{background-position: 0 -185px;}
.og_labtitle .labtitle_lt{background-position: 0 -240px;}
.og_labtitle .labtitle_gt{background-position: 0 -305px;}
.featurehd{margin: 40px 0 40px -1px; text-align: center; font-size: 24px; color: #999;}
.featurehd li{float: left; padding: 20px 0; width: 332px; height: 190px; border-left: 1px solid #e1e1e1;}
.featurehd .cc{display: inline-block; padding: 34px 4px; width: 180px; height: 120px; color: #999; border: 1px solid #a4a4a4; border-radius: 50%; overflow: hidden;}
.featurehd .on .cc1{color: #ffc148; border-color: #ffc148;}
.featurehd .on .cc2{color: #61cb8a; border-color: #61cb8a;}
.featurehd .on .cc3{color: #ed7551; border-color: #ed7551;}
.featurehd .ico{margin: 0 auto 10px; display: block; width: 70px; height: 70px; line-height: 0; font-size: 0; background-image: url(../images/icon/featurehd.png); background-repeat: no-repeat;}
#icos{margin: 0 auto 10px; display: block; width: 20px; height: 20px; line-height: 0; font-size: 0; background-image: url(../images/icon/horn.png); background-repeat: no-repeat;}
.featurehd .cc1 .ico{background-position: 0 0;}
.featurehd .on .cc1 .ico{background-position: 0 -70px;}
.featurehd .cc2 .ico{background-position: 0 -140px;}
.featurehd .on .cc2 .ico{background-position: 0 -210px;}
.featurehd .cc3 .ico{background-position: 0 -280px;}
.featurehd .on .cc3 .ico{background-position: 0 -350px;}
.getbox{position: relative; padding: 15px 40px; margin-bottom:3em; border-radius: 100px;}
.oggetbox{background-color: #ffc148;}
.gngetbox{background-color: #61cb8a;}
.rdgetbox{background-color: #ed7551;}
.getbox_arrow{position: absolute; top: -18px; left: 80px; display: block; line-height: 40px; font-style: normal; font-size: 30px; font-family: simsun; color: #ffc148;}
.oggetbox .getbox_arrow{left: 150px; color: #ffc148;}
.gngetbox .getbox_arrow{left: 483px; color: #61cb8a;}
.rdgetbox .getbox_arrow{left: 815px; color: #ed7551;}
.bkgetlist{line-height: 20px; font-size: 14px; color: #000;}
.bkgetlist li{position: relative; margin: 3px 0; padding-left: 25px; *zoom: 1;}
.bkgetlist .gt{position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; font-size: 0; background: url(../images/icon/bkget.png) 0 0 no-repeat;}
.whrbox{margin-top: 40px; display: block; padding: 20px; font-size: 14px; color: #666; background-color: #fff; border-radius: 10px;}
.about_text{ padding:15px 10px; line-height:2em;}
.slogan_text_tow{margin: 30px 0; text-align: center; font-size: 16px; color: #000;}
.slogan_text{font-size: 20px; color: #ff6666;}
.dthead{height: 60px; border-bottom: 1px solid #e5e5e5;}
.dthead_title{float: left; position: relative; padding: 15px 0 0 20px; line-height: 30px; font-size: 20px; color: #666;}
.dthead_bd{position: absolute; top: 20px; left: 0; display: block; width: 4px; height: 20px; line-height: 0; font-size: 0; background-color: #66cc99;}
.gn_dthead_bd{background-color: #66cc99;}
.lvshow_hd{margin: 20px 0 0 -12px; text-align: center; font-size: 20px; color: #666; font-family: impact; padding:0 0 14px 0\9;}
.lvshow_hd li{float: left; margin: 0 0 20px 12px; _display: inline; padding: 9px 4px; width: 140px; height: 30px; border: 1px solid #33ccff; border-radius: 30px; cursor: pointer;}
.lvshow_hd .on{color: #fff; background-color: #33ccff;}
.lvshow_hd .on .ico{display: inline-block;}
.lvshow_hd .ico{margin: 8px 5px 0 0; display: inline-block; width: 15px; height: 20px; background: url(../images/icon/whsite15.png) 0 0 no-repeat; vertical-align: top; *vertical-align: middle; display: none;}
.lvshow_dl{position: relative; overflow: hidden; *zoom: 1; padding-bottom: 10px; background-color: #f8f8f8;}
.lvshow_dl .dl{float: left;}
.lvshow_dl .dl1{width: 250px;}
.lvshow_dl .dl2{margin: 0 3px; width: 454px;}
.lvshow_dl .dl3{width: 250px;}
.lvshow_dl .dt{margin-bottom: 10px; text-align: center; width: 100%\9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background-color: #6bda8f;}
.lvshow_dl .dl1 .dt{background-color: #ffd040;}
.lvshow_dl .dl2 .dt{background-color: #6bda8f;}
.lvshow_dl .dl3 .dt{background-color: #c589cf;}
.lvshow_dl::before, .lvshow_dl::after{position: absolute; top: 60px; bottom: 10px; display: block; content: ""; width: 0; font-size: 0; border-left: 1px solid #dfdfdf;}
.lvshow_dl::before{left: 251px;}
.lvshow_dl::after{right: 251px;}
.lvshow_dl .dotlist{margin: 0 20px;}
.dotlist{line-height: 20px; font-size: 14px; color: #333;}
.dotlist li{position: relative; margin: .5em 0; padding-left: 20px; *zoom: 1;}
.dotlist a{color: #333;}
.dotlist a:hover{color: #ffd040;}
.og_dotlist a:hover{color: #ffd040;}
.gn_dotlist a:hover{color: #6bda8f;}
.pk_dotlist a:hover{color: #c589cf;}
.dotlist .dot{position: absolute; left: 0; top: 8px; display: block; width: 4px; height: 4px; line-height: 0; font-size: 0; background: url(../images/icon/dotlist.gif) 0 0 no-repeat;}
.og_dotlist .dot{background-position: 0 0;}
.gn_dotlist .dot{background-position: 0 -4px;}
.pk_dotlist .dot{background-position: 0 -8px;}
/*join*/
.joinfloor{padding: 70px 0 300px 0; text-align: center; font-size: 14px; background: #fff url(../images/banner/row/join.jpg) 50% 100% no-repeat;}
.join_title{margin: 0 auto 20px; display: block; width: 250px; height: 80px; background: url(../images/icon/join_title.png) 50% 0 no-repeat;}
.joinfloor .imtext{margin: 30px 0; font-size: 18px; color: #f38504;}
.joinfloor .joinrow{margin-top: 60px;}
/*页码*/
.page{margin: 20px auto; padding:1em 0 2em 0; text-align: center;}
.page a{display: inline-block; text-align: center; width: 36px; height: 36px; line-height: 36px; font-size: 12px; color: #999; transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; vertical-align: middle;}
.page a:hover, .page .cur{color: #fff; background-color: #61cb8a;}
.page .cur{cursor: default;}
.page .ctl{font-size: 14px; font-weight: bold; font-family: simsun;}
/*btn*/
.joinwrap{margin: 20px 0; text-align: center;}
.joinrow{margin-top: 30px;}
.joinwrap, .joinrow{perspective: 800px; -moz-perspective: 800px; -webkit-perspective: 800px;}
.joinbtn, .md_bubtn, .md_yebtn{display: inline-block; text-align: center; _overflow-x: visible; height: 30px; line-height: 30px; color: #fff; border-bottom-width: 3px; border-bottom-style: solid; border-radius: 8px; outline: 0; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s;}
.joinbtn{padding: 20px; min-width: 300px; _width: 300px; font-size: 24px; background-color: #33ccff; border-bottom-color: #56c0ec;}
.md_bubtn{padding: 15px 10px; min-width: 280px; _width: 280px; font-size: 20px; background-color: #33ccff; border-bottom-color: #56c0ec;}
.md_yebtn{padding: 15px 10px; min-width: 280px; _width: 280px; font-size: 20px; color: #333; background-color: #fedc00; border-bottom-color: rgba(0,0,0,.2);}
.joinbtn:hover, .md_bubtn:hover, .md_yebtn:hover{-moz-box-shadow: 0 15px 30px rgba(0,0,0,.2); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.2); box-shadow: 0 15px 30px rgba(0,0,0,.2); background:#16a2f3\9;/* border-bottom-color: #0d90dc\9;*/
 box-shadow: 0 0px 0px rgba(0,0,0,.2); 
transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0);
}
.md_yebtn:hover{background:#ffe71a\9;  border-bottom-color: rgba(0,0,0,.2)\9;}
.joinbtn:active, .md_bubtn:active, .md_yebtn:active{box-shadow: 0 10px 50px rgba(0,0,0,.4); -moz-box-shadow: 0 10px 50px rgba(0,0,0,.4); -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.4); transform: translateZ(-10px); -moz-transform: translateZ(-10px); -webkit-transform: translateZ(-10px);}
/*-----------------------star课程介绍*/
.list1 { background:url(../images/icon/list1_bg.jpg) no-repeat center bottom; overflow:hidden; height:530px; }
.list1 .bg { height:532px; width:1000px; margin:0 auto;position:relative; z-index:22; }
.list1 .people { width:357px; height:499px; background:url(../images/icon/list1_p.png) no-repeat; left:484px; top:30px; position:absolute; z-index:3;}
.list1 .text1 { background:url(../images/icon/list1_text1.png) no-repeat; background-size:100%; width:200px; height:5px; position:absolute; top:80px; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); transition: all 0.8s ease 0s; opacity:0;z-index:3;}
.list1 .btn { position:absolute; top:330px; transition: all 0.8s ease 0s; opacity:0; transform:translate3d(-300%,0,0); -webkit-transform:translate3d(-300%,0,0); }
.list1 .btn a { display:block; }
.list1 .btn p { line-height:40px; height:40px; color:#fff; font-size:16px;}
.list1 .left { width:640px; position:absolute; top:0px; left:0; margin-left:-160px; z-index:2; opacity:0.8; transform:translate3d(40px,27px,0);
     -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -webkit-animation: left 3s linear infinite;
    animation: left 3s linear infinite;
}
.list1 .right { width:630px; position:absolute; top:0px; left:412px; z-index:2; opacity:0.8; transform:translate3d(-40px,27px,0);
     -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -webkit-animation: left 4s linear infinite;
    animation: left 4s linear infinite;
}
/*动画*/
.list1.active .text1 { transform:rotateY(0); -webkit-transform:rotateY(0); transition-delay:0.4s;  width:415px; height:194px; opacity:1; }
.list1.active .btn { transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); opacity:1; z-index: 33; }
@keyframes left {
    0% {
        width:640px;
       
    }
    50% {
         width:692px;
         opacity:1;
         filter:Alpha(opacity=100);
         transform:translate3d(0,0,0);
    }
    100% {
        width:640px;
    }
}
@-webkit-keyframes left {
    0% {
        width:640px;
       
    }
    50% {
         width:692px;
         opacity:1;
         filter:Alpha(opacity=100);
         -webkit-transform:translate3d(0,0,0);
    }
    100% {
        width:640px;
    }
}
.list4 .text { line-height:25px; margin:4em 0 0 0px; font-size:16px;}
.list4 ul { width:100%; margin:60px 0 3em 0; overflow:hidden;}
.list4 li { float:left; display:inline-block; margin:0 65px; }
.list4 .pic { width:138px; height:137px; position:relative;}
.list4 .pic_bg { width:118px; height:118px; position:absolute;  top:10px; left:10px; opacity:0;filter:Alpha(opacity=0); transition: all 0.8s ease 0s; }
.list4 li  p { text-align:center; color:#666666; font-size:13px; line-height:25px; }
.list4 .h2 { color:#333333; font-size:17px; line-height:30px; margin-top:10px; }
.list4 .pic.active .pic_bg { opacity:1; filter:Alpha(opacity=60);}
.list5 .table ul{ width:840px; margin:0 auto 0px auto; overflow:hidden; }
.list5 .table li { height:168px; border-bottom:1px solid #eee; line-height:168px; overflow:hidden; }
.list5 .table .icon {  float:left; display:inline-block; width:80px; height:80px; border-radius:40px;  overflow:hidden; margin-top:42px;  }
.list5 .table .icon i {background:url(../images/icon/list5_icon.png) no-repeat; width:80px; height:80px; display:block; }
.list5 .table .text1 { float:left; display:inline-block; width:200px; padding-left:20px; font-size:19px; color:#333; }
.list5 .table .text1 strong { font-size:14px;}
.list5 .table .text2 { float:right; display:inline-block; width:335px; font-size:14px; line-height:25px; margin-top:55px;}
.list5 .table .active .icon i {	animation: landr 0.8s ease-in-out; -webkit-animation: landr 0.8s ease-in-out;}
.list6 .text { text-align:center;  margin:3em 0 0 0; color:#666; font-size:14px; } 
.list6 .cmp { width:540px; height:450px; position:relative; background:url(../images/icon/list6_cmp.png) no-repeat; margin:4em auto 60px; }
.list6 .cmp-tra {  width:490px; height:275px;  /*background:url(../images/icon/list3_bg.png);*/ position:absolute; top:23px; left:23px;}
.list6 .nav { width:760px; margin:20px auto; overflow:hidden; }
.list6 .nav li { float:left; width:140px; height:43px; color:#999999; font-size:16px; line-height:43px; padding-left:50px; cursor:pointer;}
.list6 .nav li:hover,.list6 .nav li.active{color:#33ccff; background-position:0 -43px !important; }
.list6 .nav li a{ color:#999999;}
.list6 .pic_show{ position:relative; /*top:100px;*/ display:none; z-index:222; }
.list6 .pic_show img { width:100%; }
.list6 .pic_show2 { width:60%;   left:20%;}
.list6 .pic_show3 { width:80%;   left:10%;}
.list7 .table-list { background:url(../images/icon/free_lesson.jpg) no-repeat; width:1900px; height:698px; margin: 0px auto;}
/*-----------------star文字的样式*/
/*距离*/
.mr30{margin-right: 30px;}
.mt20{margin-top: 20px;}
.pb0{padding-bottom: 0!important;}
/*color*/
.ogtxt{color: #ffc148;}
/*-------效果------*/
.inlightpic{position: relative; overflow: hidden;}
.inlightpic:before{position: absolute; top: 0px; left: -80%; display: block; content: ""; width: 40%; height: 100%; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-gradient(linear,left top,right top, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), to(rgba(255,255,255,0))); background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.inlightpic:hover:before, .ser4list:hover .serA::before{-moz-transition: left 1s ease 0s; -webkit-transition: left 1s ease 0s; transition: left 1s ease 0s; left: 140%;}
.videohd>li:hover .ico, .featurehd .cc:hover .ico{animation: landr 0.8s ease-in-out; -webkit-animation: landr 0.8s ease-in-out;}
@keyframes landr{0%{transform: rotate(0deg);transform-origin: right bottom 0;}39%{transform: rotate(5deg);transform-origin: right bottom 0;}40%{transform: rotate(5deg);transform-origin: left bottom 0;}75%{transform: rotate(-10deg);transform-origin: left bottom 0;}100%{transform: rotate(0deg);transform-origin: left bottom 0;}}
@-webkit-keyframes landr{0%{-webkit-transform: rotate(0deg);-webkit-transform-origin: right bottom 0;}39%{-webkit-transform: rotate(5deg);-webkit-transform-origin: right bottom 0;}40%{-webkit-transform: rotate(5deg);-webkit-transform-origin: left bottom 0;}75%{-webkit-transform: rotate(-10deg);-webkit-transform-origin: left bottom 0;}100%{-webkit-transform: rotate(0deg);-webkit-transform-origin: left bottom 0;}}
.features_hd li:hover .ico{animation:tada 1s .2s ease both; -webkit-animation:tada 1s .2s ease both;}
@keyframes tada{0%{transform:scale(1);}10%, 20%{transform:scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);}40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);}}
.delay2{
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.delay3{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.delay4{
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.delay5{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.delay6{
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.delay7{
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.delay8{
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}
.delay9{
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.animated,.bounceInLeft,.bounceInRight,.rollInRight,.bounceInDown,.rollIn,.zoomIn,.flip,.flipInX,.flipInY,.swing,.fadeIn       ,.bounce,.fadeInUp,.rotateInDownRight{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; }
@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.floor_cur .bounceInLeft,.inbn_cur .bounceInLeft{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.floor_cur .bounceInRight,.inbn_cur .bounceInRight{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.floor_cur .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn; opacity: 1;}
@-webkit-keyframes rollInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.floor_cur .rollInRight{-webkit-animation-name:rollInRight;animation-name:rollInRight;}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.floor_cur .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.floor_cur .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.floor_cur .flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.active .flipInX,.floor_cur .flipInX,.inbn_cur .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-animation-duration:1.5s;animation-duration:1.5s}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.active .flipInY,.floor_cur .flipInY,.inbn_cur .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.floor_cur .swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.floor_cur .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.floor_cur .bounce,.inbn_cur .bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.inbn_cur .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.inbn_cur .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
/*----------圆角*/
.classtype img,.classtype .cut{ border-radius:.5em;}
.round_m{ border-radius:30em;}
.round_r{border-radius:50%;}
.round_r,.joinbtn,.prev,.next,.getstep a,.classtype .cut,.classtype img,.md_bubtn,.md_yebtn,.methodlist .cc,.features_hd .cc,.childcomment,.childcomment_list img,.featurehd .cc,.round_m,.lvshow_hd li,.round_r,.videohd .cc,.whrbox{behavior: url(pie.htc);position:relative\9;}
.methodlist .cc,.round_r{   position:absolute\9; }
.childcomment{ height:140px\9;}

/*文章发布系统*/
.banner_welfare{text-align: center;}
.banner_welfare>img{width:920px;}
.issue-section1 .issue-title{font-style:italic;font-size: 16px;margin-top: 8px;margin-bottom: 8px;}
.issue-section2 .issue-map p{width: 50%;float: right;}
.issue-section2 .issue-map .font_black{color: #3c3c3c;}
.issue-section2 .issue-left article{background-color: #F7F8FA !important;margin-bottom: 0px !important;}
.issue-section2 .issue-left article .article-title{color:#000;}
.article_icons>div{display: inline-block; padding-left: 25px;height: 18px;width: 100px;font-size: 12px;line-height: 18px;}
.article_icons .good_icon{background:url(../images/article/good_hand.png) no-repeat;}
.article_icons .love_icon{background:url(../images/article/love_icon.png) no-repeat;}
.article_icons p{float: right;color: #000;}
.share_container{line-height: 36px;color: #000;border-bottom:1px dotted #777;padding-top:60px;padding-bottom: 13px;}
.share_container a{display:inline-block; height: 36px;}
.share_container img{width: 36px;height: 36px;}
.next_article{padding:30px 15px 0 15px;}
.next_article p{color: #000;line-height: 28px;cursor:pointer;}
.comment_title{background-color: #5DCA87;color: #fff;padding:8px 13px;margin-bottom: 6px;}
.comment_title a{float: right;color: #fff;}
.text_box{padding:15px 9px; background: #eee;overflow: hidden;}
.text_box textarea{width: 100%;padding:5px;box-sizing: border-box;border: 1px solid #9d9d9d;}
.comment_list{overflow: hidden;padding:13px;border-bottom: 1px solid #dcdcdc;}
.comment_list img{width: 44px;height: 44px;float: left;margin-right: 10px;}
.comment_submint{float: right;background: #5DCA87;color: #fff;width: 78px;height: 25px;line-height: 25px;text-align: center;border-radius: 5px;margin-top:11px;}
.text_box ul{margin-top: 50px;border-top: 1px solid #dcdcdc;}
.comment_list p span.userImg{ color :#EF8342;}
.comment_list p{line-height: 24px; text-overflow: ellipsis;overflow: hidden; white-space:nowrap;}
.like-title{text-align: center;margin:50px 0;}
.like-title p{color:#C06668;position: relative;display: inline-block;font-size: 20px;}
.like-title p:before{content: '';position: absolute;width: 31px;height: 1px;background: #C06668;left:-40px;top:15px;}
.like-title p:after{content: '';position: absolute;width: 31px;height: 1px;background: #C06668;left:87px;top:15px;}
.like_content1 {overflow: hidden;padding-bottom: 30px;}
.like_content1 li{width:50%;float: left;box-sizing: border-box;padding-left: 20px;margin-bottom: 16px;font-size: 14px; white-space:nowrap; 
    text-overflow:ellipsis;
    overflow: hidden; }
.like_content2 {overflow: hidden;}
.like_content2 ul {margin-bottom: 40px;overflow: hidden;}
.like_content2 .sub-title{color:#000;font-weight: bold;margin-bottom: 20px;}
.like_content2 li {float: left;margin-right: 20px;margin-bottom: 15px;}
.like_content2 li a{display: block;padding:3px 15px; border-radius: 8px;background: #60C685;color: #fff;text-align: center;}
.issue-title p{color: #7E7E7E !important;}
 .reg_select {width: 190px;padding: 0 10px;
	height: 35px;line-height: 35px;border-radius: 10px;border: 1px solid #ccc;}


/*后期改*/
.issue-section2 .issue-map .font_black,.issue-section2 .issue-map a{color: #989896 !important;}
.article_box{position:relative;padding-right: 0 !important;}
.article_box .img_ul{position: absolute;border: 1px solid #EFEFF0;width: 40px;    left: -64px;}
.article_box .img_ul li{border-bottom: 1px solid #EFEFF0;width: 40px;height: 40px;text-align: center;line-height: 31px;background: #fff;}
.article_box .img_ul li:last-child{border: none;}
.article_box .img_ul li a{width:100%;display: inline-block;}
.issue-section2 .issue-content{padding-right: 285px !important;}
.issue-section2 .issue-left .joinus{margin-right: 35px;}
.issue-section2 .issue-right{right: 40px !important;}
.comment_div .issue_con{height: 110px;background-color: #E5E5E5;border-top-right-radius: 4px;border-bottom-right-radius: 4px;margin-bottom: 10px;}
.comment_div .con_left{display: inline-block;width: 95px;background-color: #5DCA87;height: 110px;float: left;}
.comment_div .con_left p{color: #fff;text-align: center;margin-top: 11px;}
.comment_div .con_left p span{font-size: 8px;}
.comment_div .con_right{display: inline-block;float: left;    max-width: 507px;padding-left: 15px; padding-right: 0; padding-top: 7px; color: #000; /* font-weight: 600; */ line-height: 32px;}
.comment_div .con_left p span{display: block;}
.comment_div .con_right h4{    font-size: 18px;}
.comment_div .con_right p{    font-size: 13px;}
.page_div{text-align: center;margin-bottom: 90px;}
.page_div ul{height: 24px;margin-top: 15px;}
.page_div ul li{ border-radius: 5px; margin: 0 2px;   line-height: 24px;width: 24px;height: 24px;border:1px solid #E6E7E7;color: #000;background-color: #fff;display: inline-block;}
.page_div ul li.nobox{border:none;background-color: transparent;}
.page_div ul li.page_text{width:40px;}
.page_div ul li.active{color: #fff;background-color: #5DCA87;}
.page_div ul li img{position: relative;top: -6px;}
.page_a {text-align: center;margin-bottom: 90px;padding: 1em 0 2em 0;}
.issue-desc img{margin-left: -7px;} 
/*.issue-title img {width: 700px;}*/
.join_us img {padding: 20px 0 10px 0px;}
.bulletin li {width: 49%;display: block;float: left;}
.center_left { background-color: #32ccfe;}
.center_right { background-color: #61cb89;}
.container_left {background-color: #f8f8f8; }
.container_right {background-color: #ffffff; }
#consult ::before {left: -80px;}
#consult ::after {right: -80px;}