/*主体基本样式*/
.banner{width:100%;height:620px;position:relative; background: url(../img/banner/banner_bg.png) center 0 no-repeat;overflow:hidden;}
.banner .space {width: 100%;height:620px;}
.banner .balls{position:absolute;}
.banner .ball1{width:111px;height:111px;background:url(../img/banner/banner_icons.png) -8px -11px no-repeat;left:162px;top:360px;}
.banner .ball2{width:123px;height:123px;background:url(../img/banner/banner_icons.png) -130px -12px no-repeat;left:1637px;top:77px;}
.banner .ball3{width:122px;height:139px;background:url(../img/banner/banner_icons.png) -272px -4px no-repeat;left:1798px;top:86px;}
.banner .dir{width:116px;height:59px;background:url(../img/banner/banner_icons.png) -428px -15px no-repeat;left:1467px;top:574px;}
.banner .thebg{ width:1145px; height:389px; background:url(../img/banner/banner_bg_thebg.png) 0 0 no-repeat; margin-left:-572.5px; left:50%; top:115px;}

.banner_lj{position:absolute;width:904px;height:621px;background:url(../img/banner/banner_lj.png) 0 0 no-repeat;right:0;top:0px;}
.banner_wrap{width:1200px;position:absolute;left:50%;margin-left:-600px;top:0px;perspective: 1200px;}
.banner .roundBall{position:absolute;width:531px;height:531px;background:url(../img/banner/roundBall.png) no-repeat;left:293px;top:47px;}
.banner_font1{position:absolute;width:1027px;height:339px;background:url(../img/banner/banner_font1.png) no-repeat;left:107px;top:164px;}
.banner_font2{position:absolute;width:733px;height:50px;background:url(../img/banner/banner_font2.png) no-repeat;left:240px;top:523px;}
.banner .roundBall{
	-webkit-backface-visibility:visible;
	-webkit-transform-origin:center center;
	-webkit-animation:demo 15s 0s infinite linear normal none ;
	-moz-backface-visibility:visible;
	-moz-transform-origin:center center;
	-moz-animation:demo 15s 0s infinite linear normal none ;
	-ms-backface-visibility:visible;
	-ms-transform-origin:center center;
	-ms-animation:demo 15s 0s infinite linear normal none ;
	-o-backface-visibility:visible;
	-o-transform-origin:center center;
	-o-animation:demo 15s 0s infinite linear normal none ;
	backface-visibility:visible;
	transform-origin:center center;
	animation:demo 15s 0s infinite linear normal none ;
} 
@-webkit-keyframes demo{0%{-webkit-transform:rotateZ(0deg);} 100%{-webkit-transform:rotateZ(360deg);}}
@-moz-keyframes demo{0%{-moz-transform:rotateZ(0deg);} 100%{-moz-transform:rotateZ(360deg);}}
@-ms-keyframes demo{0%{-ms-transform:rotateZ(0deg);} 100%{-ms-transform:rotateZ(360deg);}}
@-o-keyframes demo{0%{-o-transform:rotateZ(0deg);} 100%{-o-transform:rotateZ(360deg);} }
@keyframes demo{0%{transform:rotateZ(0deg);} 100%{transform:rotateZ(360deg);} }
/*banner 按钮*/
.banner_wrap .position{margin-left:auto;margin-right:auto;text-align:center;margin-top:636px;position:relative;}
.banner_wrap .spot{position:absolute;width:100%;height:100%;top:0;left:0;font-size:28px;}
.banner_wrap .svg-wrapper{margin-top:0;position:absolute;width:150px;height:40px;display:inline-block;border-radius:3px;margin-left:5px;margin-right:5px}
.banner_wrap .shape{stroke-width:6px;fill:transparent;stroke:#009FFD;stroke-dasharray:105 400;transition:1s all ease}
.banner_wrap .shape1{stroke-dashoffset:-276;}
.banner_wrap .shape2{stroke-dashoffset:-276;}
.banner_wrap .text{margin-top:-47px;text-align:center;margin-left:40px;}
.banner_wrap .text a{color:#12a5e9;text-decoration:none;font-weight:100;/*font-size:1.1em;*/font-size: 24px;}
.banner_wrap .svg-wrapper:hover .shape{stroke-dasharray:50 0;stroke-width:3px;stroke-dashoffset:0;stroke:#06D6A0}

/*banner底部*/
.banner .about{position:absolute;left:0px;width:100%;z-index:10;bottom: 0px;height: 110px;}
.banner .parallax > use{
  animation:move-forever 4s linear infinite;
}
.banner .parallax > use:nth-child(1){animation-delay:-2s}
.banner .parallax > use:nth-child(2){animation-delay:-4s; animation-duration:5s}

@keyframes move-forever{
  0%{transform: translate(-90px , 0%)}
  100%{transform: translate(85px , 0%)} 
}


/*全国火爆开班*/
.infor{width:100%;height:694px;position:relative; background: url(../img/part1_bg.jpg) center 0 no-repeat;overflow:hidden;}
.infor .space {width: 100%;height:694px;}
.infor .what_wrap {
    position: absolute;
    width: 100%;
    height: 1004px;
    left: 0px;
    top: 0px;
    background: rgba(1,17,42,0.6);
}
.infor .balls{position:absolute;}
.infor .ball1{width:182px;height:360px;background:url(../img/part1_ball1.png) -166px 0px no-repeat;left:0px;top:133px;}
.infor .ball2{width:252px;height:333px;background:url(../img/part1_icons.png) 0px -18px no-repeat;left:0px;top:258px;}
.infor .ball3{width:62px;height:64px;background:url(../img/part1_icons.png) -366px -16px no-repeat;left:161px;top:123px;}
.infor .ball4{width:109px;height:109px;background:url(../img/part1_icons.png) -442px -4px no-repeat;left:1655px;top:73px;}
.infor .ball5{width:62px;height:62px;background:url(../img/part1_icons.png) -578px -4px no-repeat;left:1730px;top:150px;}
.infor .ball6{width:62px;height:62px;background:url(../img/part1_icons.png) -280px -18px no-repeat;left:1710px;top:120px;}
.infor .ball7{width:137px;height:136px;background:url(../images/part2_icons.png) 0 0 no-repeat;right:73px;top:93px;}
.infor .chwo_wrapMidle{width:1200px;position:absolute;left:50%;margin-left:-600px;top:0px;text-align:center;padding-top:40px;}
.infor .chwo_wrapMidle h1{font-size:36px;color:#1fa8ef;}
.infor .chwo_wrapMidle p.wow{font-size:17px;color:white;margin-top:14px;}
.infor .chwo_wrapMidle .tit{ width:1120px; margin:44px auto 0;}
.infor .chwo_wrapMidle .tit li{ float:left; background:url(../images/chwo_wrapmMidle_tit_li_bg.png) 0 0 no-repeat; width:85px; height:43px; margin:0 12.5px; font-size:15px; line-height:43px; text-align:center; color:#fefefe; cursor:pointer}
.infor .chwo_wrapMidle .tit li.active{ color:#3bf8c6;background:url(../images/chwo_wrapmMidle_tit_li_bg_act.png) 0 0 no-repeat;}

.infor .chwo_wrapMidle .cont{ width:1170px; margin:41px auto 0; height:329px; display:none}
.infor .chwo_wrapMidle .cont.disblo{ display:block;}
.infor .chwo_wrapMidle .cont li{ margin:0 8px 10px 35px; float:left;}
.infor .chwo_wrapMidle .cont li p{ margin-top:0px; color:#fefefe; font-size:16px; line-height:26px; width:262px; overflow:hidden; float:left; text-align:left}
.infor .chwo_wrapMidle .cont li div{ width:50px; height:26px; line-height:26px; text-align:center; color:#fefefe; float:left; margin-left:18px; background:#f35c17;}
.infor .chwo_wrapMidle .cont li div.active{ background:#13a7e9;}

/**/


/*第二部分：改变世界*/
.change_world{width:100%;height:824px;position:relative; background: url(../img/part1_bg.jpg) center 0 no-repeat;overflow:hidden;}
.change_world .space {width: 100%;height:824px;}
.change_world .chwo_wrap{position:absolute;width:100%;height:603px;left:0px;top:0px;background:rgba(17,24,39,0.6);}
.change_world .balls{position:absolute;}
.change_world .ball1{width:182px;height:360px;background:url(../img/part1_ball1.png) -166px 0px no-repeat;left:0px;top:133px;}
.change_world .ball2{width:252px;height:333px;background:url(../img/part1_icons.png) 0px -18px no-repeat;left:0px;top:258px;}
.change_world .ball3{width:62px;height:64px;background:url(../img/part1_icons.png) -366px -16px no-repeat;left:161px;top:123px;}
.change_world .ball4{width:109px;height:109px;background:url(../img/part1_icons.png) -442px -4px no-repeat;left:1655px;top:73px;}
.change_world .ball5{width:62px;height:62px;background:url(../img/part1_icons.png) -578px -4px no-repeat;left:1730px;top:150px;}
.change_world .ball6{width:62px;height:62px;background:url(../img/part1_icons.png) -280px -18px no-repeat;left:1710px;top:120px;}
.change_world .chwo_wrapMidle{width:1200px;position:absolute;left:50%;margin-left:-600px;top:0px;text-align:center;padding-top:40px;}
.chwo_wrapMidle h1{font-size:36px;color:#1fa8ef;}
.chwo_wrapMidle p{font-size:17px;color:white;margin-top:14px;}
.chwo_wrapMidle ul{width:1164px;margin:0 auto;margin-top:68px;}
.chwo_wrapMidle ul li{float:left;margin:0 48px;}
.chwo_wrapMidle ul li div{width:195px;height:195px;position:relative;}
.chwo_wrapMidle ul li .part1_li01{background:url('../img/part1_li01.png');position:relative;}
.chwo_wrapMidle ul li .part1_li02{background:url('../img/part1_li02.png');position:relative;}
.chwo_wrapMidle ul li .part1_li03{background:url('../img/part1_li03.png');position:relative;}
.chwo_wrapMidle ul li .part1_li04{background:url('../img/part1_li04.png');position:relative;}

/*.chwo_wrapMidle ul li .part1_li img{position:absolute;left:58px;top:50px;}
*/
.chwo_wrapMidle ol li{font-size:17px;color:white;float:left;text-align:left;width:223px; margin:0 34px; line-height:27px;}
.chwo_wrapMidle ol li span{ font-size:23px; line-height:42px; text-align:center; width:100%; display:block}
.chwo_wrapMidle ol{width:1168px;margin:0 auto;margin-top:34px;}
.chwo_wrapMidle ul li .part1_li img:hover{
	-webkit-backface-visibility:visible;
	-webkit-transform-origin:center center;
	-webkit-animation:pics 1s 0s 1 linear normal none;
	-moz-backface-visibility:visible;
	-moz-transform-origin:center center;
	-moz-animation:pics 1s 0s 1 linear normal none;
	-ms-backface-visibility:visible;
	-ms-transform-origin:center center;
	-ms-animation:pics 1s 0s 1 linear normal none;
	-o-backface-visibility:visible;
	-o-transform-origin:center center;
	-o-animation:pics 1s 0s 1 linear normal none;
	backface-visibility:visible;
	transform-origin:center center;
	animation:pics 1s 0s 1 linear normal none;
}
@-webkit-keyframes pics{0%{-webkit-transform:rotateY(0deg);} 100%{-webkit-transform:rotateY(180deg);}}
@-moz-keyframes pics{0%{-moz-transform:rotateY(0deg);} 100%{-moz-transform:rotateY(180deg);}}
@-ms-keyframes pics{0%{-ms-transform:rotateY(0deg);} 100%{-ms-transform:rotateY(180deg);}}
@-o-keyframes pics{0%{-o-transform:rotateY(0deg);} 100%{-o-transform:rotateY(180deg);}}
@keyframes pics{0%{transform:rotateY(0deg);} 100%{transform:rotateY(180deg);}}
.change_world .button a{display:block;}
.change_world .button a:hover{color:white;display:block;height:100%;}
/*第三部分：感受力量*/
.feel_power{width:100%;height:724px;background-color:#ffffff;position:relative;overflow:hidden;}
.feel_power .balls{position:absolute;}
.feel_power .ball1{width:68px;height:68px;background:url(../img/part3_ball1.png) 0px 0px no-repeat;left:153px;top:321px;}
.feel_power .ball2{width:137px;height:137px;background:url(../img/part3_icons.png) 1px 1px no-repeat;left:182px;top:244px;}
.feel_power .ball3{width:94px;height:98px;background:url(../img/part3_icons.png) -160px -7px no-repeat;left:1550px;top:42px;}
.feel_power .ball4{width:95px;height:95px;background:url(../img/part3_icons.png) -334px -10px no-repeat;left:1574px;top:70px;}
.feel_power .ball5{width:34px;height:34px;background:url(../img/part3_icons.png) -275px -23px no-repeat;left:1734px;top:511px;}
.feel_power .flpo_wrapMidle{width:1200px;position:absolute;left:50%;margin-left:-600px;top:0px;text-align:center;padding-top:42px;}
.feel_power .flpo_wrapMidle h1{font-size:36px;color:#1fa9f0;font-weight:bold;}
.feel_power .flpo_wrapMidle p{font-size:18px;color:#0b5eb3;margin-top:14px;}
.feel_power .flpo_wrapMidle .cont{ width:1066px; margin:20px auto 0;}
.feel_power .flpo_wrapMidle .cont.disblo{ display:block;}
.feel_power .flpo_wrapMidle .cont li{ float:left; width:350px; text-align:center}
.feel_power .flpo_wrapMidle .cont li img{ width:272px; height:353px;}
.feel_power .flpo_wrapMidle .cont li p{ font-size:18px; color:#555555; line-height:32px; display:block}
/*.feel_power .flpo_wrapMidle ul{width:1050px;margin:0 auto;margin-top:34px;}
.feel_power .flpo_wrapMidle ul li{float:left;margin-right:28px;height:384px;}

.part3_li{padding:6px;}
.feel_power .flpo_wrapMidle .button--pipaluk {
	width: 215px;
	font-size:24px;
	padding: 1.5em 3em;
	color: #fff;
}*/
/*边框线变化*/
/*.flpo_wrapMidle ul .part3_li{position:relative;overflow:hidden;background:#fff;}
.flpo_wrapMidle ul li .border_top,.flpo_wrapMidle ul li .border_left{position:absolute;font-size:0;background-color:#3dfdc4;}
.flpo_wrapMidle ul li .border_bottom,.flpo_wrapMidle ul li .border_right{position:absolute;font-size:0;background-color:#0e9ded;}
.flpo_wrapMidle ul li .border_top{height:3px;width:242px;top:0px;left:-242px;}
.flpo_wrapMidle ul li .border_bottom{height:3px;width:242px;bottom:0px;right:-242px;}
.flpo_wrapMidle ul li .border_left{height:384px;width:3px;left:0px;top:-384px;}
.flpo_wrapMidle ul li .border_right{height:384px;width:3px;right:0px;bottom:-384px;}
.flpo_wrapMidle strong{display:block;font-size:28px;color:#180849;text-align:center;margin-top:19px;}
*/
/*背景图文字变换*/
/*.he_slideCaptionDown{background:#fff;width:226px;height:367px;padding:6px;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}*/
.part_liall{width:226px;height:367px;position:relative;}
.part3_li .part3_li_caption{color:#fff;background:#e0534f;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-103%,0);-moz-transform:translate3d(0,-103%,0);-o-transform:translate3d(0,-103%,0);-ms-transform:translate3d(0,-103%,0);transform:translate3d(0,-103%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.part3_li:hover .part3_li_caption{background:rgb(224,83,79);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.part3_li .part3_li_caption, .part3_li .part3_li_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.part3_li .part3_li_caption_p{font-size:1em;text-align:left;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.part3_li:hover .part3_li_caption_p{color:#fff;opacity:1;font-size:18px;line-height:30px;top:117px;}
.part3_li:hover .part3_li_caption_p span{display:inline-block;color:#e40909;font-size:30px;}


/*第四部分：什么是html5*/
.what{width:100%;height:1004px;position:relative;overflow:hidden;background: url(../img/what_bg.jpg) center 0 no-repeat;overflow:hidden;}
.what .space{width: 100%;height:1004px;}
.what .what_wrap{position:absolute;width:100%;height:1004px;left:0px;top:0px;background:rgba(1,17,42,0.6);}
.what .lx{position:absolute;top:0;left:0;}
.lx1 {-webkit-transform: translate(1000px, -200px);-ms-transform: translate(1000px, -200px);transform: translate(1000px, -200px);-webkit-animation: move1 2s .5s infinite backwards;animation: move1 2s .5s infinite backwards;}
@-webkit-keyframes move1 {
	from {-webkit-transform: translate(1000px, -200px);-ms-transform: translate(1000px, -200px);transform: translate(1000px, -200px);}
	to {-webkit-transform: translate(-100%, 150px);-ms-transform: translate(-100%, 150px);transform: translate(-100%, 150px);}
}
@keyframes move1 {
	from {-webkit-transform: translate(1000px, -200px);-ms-transform: translate(1000px, -200px);transform: translate(1000px, -200px);}
	to {-webkit-transform: translate(-100%, 150px);-ms-transform: translate(-100%, 150px);transform: translate(-100%, 150px);}
}
.lx3 {-webkit-transform: translate(800px, -200px);-ms-transform: translate(800px, -200px);transform: translate(800px, -200px);-webkit-animation: move3 3s 1.5s infinite both;animation: move3 3s 1.5s infinite both;}
@-webkit-keyframes move3 {
	from {-webkit-transform: translate(800px, -200px);-ms-transform: translate(800px, -200px);transform: translate(800px, -200px);}
	to {-webkit-transform: translate(-200px, 500px);-ms-transform: translate(-200px, 500px);transform: translate(-200px, 500px);}
}

@keyframes move3 {
	from {-webkit-transform: translate(800px, -200px);-ms-transform: translate(800px, -200px);transform: translate(800px, -200px);}
	to {-webkit-transform: translate(-200px, 500px);-ms-transform: translate(-200px, 500px);transform: translate(-200px, 500px);}
}
.lx4 {-webkit-transform: translate(1500px, -100px);transform: translate(1500px, -100px);-ms-transform: translate(1500px, -100px);-webkit-animation: move4 1.5s 1s infinite both;animation: move4 1.5s 1s infinite both;}

@-webkit-keyframes move4 {
	from {-webkit-transform: translate(1500px, -100px);transform: translate(1500px, -100px);opacity: 1;filter: alpha(opacity=100);}
	to {-webkit-transform: translate(300px, 500px);transform: translate(300px, 500px);opacity: 0;filter: alpha(opacity=0);}
}

@keyframes move4 {
	from {-webkit-transform: translate(1500px, -100px);transform: translate(1500px, -100px);opacity: 1;filter: alpha(opacity=100);}
	to {-webkit-transform: translate(300px, 500px);transform: translate(300px, 500px);opacity: 0;filter: alpha(opacity=0);}
}

.lx5 {-webkit-transform: translate(2000px, 200px);-ms-transform: translate(2000px, 100px);transform: translate(2000px, 100px);-webkit-animation: move5 2s 1s infinite both;animation: move5 2s 1s infinite both;}

@-webkit-keyframes move5 {
	from {-webkit-transform: translate(2000px, 200px);transform: translate(2000px, 100px);opacity: 1;filter: alpha(opacity=100);}
	to {-webkit-transform: translate(800px, 600px);transform: translate(800px, 600px);opacity: 0;filter: alpha(opacity=0);}
}

@keyframes move5 {
	from {-webkit-transform: translate(2000px, 200px);transform: translate(2000px, 100px);opacity: 1;filter: alpha(opacity=100);}
	to {-webkit-transform: translate(800px, 600px);transform: translate(800px, 600px);opacity: 0;filter: alpha(opacity=0);}
}
.lx2 {-webkit-transform: translate(2000px, 200px);-ms-transform: translate(2000px, 200px);transform: translate(2000px, 200px);-webkit-animation: move6 3s .5s infinite both;animation: move6 3s .5s infinite both;}

@-webkit-keyframes move6 {
	from {-webkit-transform: translate(2000px, 200px);transform: translate(2000px, 200px);opacity: 1;filter: alpha(opacity=100);}
	to {-webkit-transform: translate(200px, 600px);transform: translate(200px, 600px);opacity: 0;filter: alpha(opacity=0);}
}

@keyframes move6 {
	from {-webkit-transform: translate(2000px, 200px);transform: translate(2000px, 200px);opacity: 1;filter: alpha(opacity=100);}
	to {-webkit-transform: translate(200px, 600px);transform: translate(200px, 600px);opacity: 0;filter: alpha(opacity=0);}
}
.what .balls{position:absolute;}
.what .ball1{width:123px;height:127px;background:url(../img/part4_icons.png) -11px -13px no-repeat;left:194px;top:246px;}
.what .ball2{width:105px;height:236px;background:url(../img/part4_icons.png) -168px -12px no-repeat;left:1815px;top:770px;}
.what .what_wrapmm{width:1200px;position:absolute;left:50%;margin-left:-600px;top:0px;text-align:center;padding-top:42px;}
.what .what_wrapmm h1{font-size:36px;color:#1fa8ef;font-weight:bold;}
.what .what_wrapmm>p{font-size:16px;color:#ffffff;margin:0 auto;margin-top:26px;line-height:30px;width:980px;text-align:left;}
.what_wrapmm .round{width:986px;height:654px;margin:0 auto;position:relative;}
.round_bg{width:532px;height:532px;background:url('../img/part4_round.png') no-repeat;position:absolute;left:215px;top:90px;font-size:16px;color:white;line-height:30px;text-align:center;}
.round_bg p{width:312px;position:absolute;left:116px;top:274px;}
.round2{width:394px;height:394px;background:url('../img/part4_round1.png') no-repeat;position:absolute;left:284px;top:160px;}
/*中间转圈部分*/
.what .round2{
	-webkit-backface-visibility:visible;
	-webkit-transform-origin:center center;
	-webkit-animation:sircle 7s 0s infinite linear normal none;
	-moz-backface-visibility:visible;
	-moz-transform-origin:center center;
	-moz-animation:sircle 7s 0s infinite linear normal none;
	-ms-backface-visibility:visible;
	-ms-transform-origin:center center;
	-ms-animation:sircle 7s 0s infinite linear normal none;
	-o-backface-visibility:visible;
	-o-transform-origin:center center;
	-o-animation:sircle 7s 0s infinite linear normal none;
	backface-visibility:visible;
	transform-origin:center center;
	animation:sircle 7s 0s infinite linear normal none;
}
@-webkit-keyframes sircle{0%{-webkit-transform:rotateZ(0deg);} 100%{-webkit-transform:rotateZ(360deg);}}
@-moz-keyframes sircle{0%{-moz-transform:rotateZ(0deg);} 100%{-moz-transform:rotateZ(360deg);}}
@-ms-keyframes sircle{0%{-ms-transform:rotateZ(0deg);} 100%{-ms-transform:rotateZ(360deg);}}
@-o-keyframes sircle{0%{-o-transform:rotateZ(0deg);} 100%{-o-transform:rotateZ(360deg);}}
@keyframes sircle{0%{transform:rotateZ(0deg);} 100%{transform:rotateZ(360deg);}}
.what_wrapmm span{position:absolute;width:109px;height:126px}
.what_wrapmm .part4_detail{background:url('../img/part4_icons2.png') -284px -11px no-repeat;left:191px;top:150px;}
.what_wrapmm .part4_detail1{background:url('../img/part4_icons2.png') -160px -11px no-repeat;left:421px;top:15px;}
.what_wrapmm .part4_detail2{background:url('../img/part4_icons2.png') -8px -11px no-repeat;left:664px;top:150px;}
.what_wrapmm .part4_detail3{background:url('../img/part4_icons2.png') -538px -11px no-repeat;left:191px;top:409px;}
.what_wrapmm .part4_detail4{background:url('../img/part4_icons2.png') -411px -11px no-repeat;left:421px;top:558px;}
.what_wrapmm .part4_detail5{background:url('../img/part4_icons2.png') -673px -11px no-repeat;left:664px;top:409px;}
.what_wrapmm strong{display:block;position:absolute;width:153px;height:52px;border:1px solid white;color:white;font-size:16px;text-align:center;line-height:52px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.part4_font1{left:244px;top:29px;}
.part4_font2{left:21px;top:177px;}
.part4_font3{left:21px;top:447px;}
.part4_font4{left:788px;top:177px;}
.part4_font5{left:788px;top:447px;}
.part4_font6{left:565px;top:620px;}
.what_wrapmm .round span:hover{
	-webkit-backface-visibility:visible;
	-webkit-transform-origin:center center;
	-webkit-animation:diamond 0.5s 0s 1 linear normal none;
	-moz-backface-visibility:visible;
	-moz-transform-origin:center center;
	-moz-animation:diamond 0.5s 0s 1 linear normal none;
	-ms-backface-visibility:visible;
	-ms-transform-origin:center center;
	-ms-animation:diamond 0.5s 0s 1 linear normal none;
	-o-backface-visibility:visible;
	-o-transform-origin:center center;
	-o-animation:diamond 0.5s 0s 1 linear normal none;
	backface-visibility:visible;
	transform-origin:center center;
	animation:diamond 0.5s 0s 1 linear normal none;
}
@-webkit-keyframes diamond{0%{-webkit-transform:rotateZ(0deg);} 100%{-webkit-transform:rotateZ(360deg);}}
@-moz-keyframes diamond{0%{-moz-transform:rotateZ(0deg);} 100%{-moz-transform:rotateZ(360deg);}}
@-ms-keyframes diamond{0%{-ms-transform:rotateZ(0deg);} 100%{-ms-transform:rotateZ(360deg);}}
@-o-keyframes diamond{0%{-o-transform:rotateZ(0deg);} 100%{-o-transform:rotateZ(360deg);}}
@keyframes diamond{0%{transform:rotateZ(0deg);} 100%{transform:rotateZ(360deg);}}

/*第五部分：HTML5有多火*/
.fire{width:100%;height:656px;background-color:#ffffff;position:relative;overflow:hidden;}
.fire .balls{position:absolute;}
.fire .ball1{width:68px;height:68px;background:url(../img/part3_ball1.png) 0px 0px no-repeat;left:153px;top:321px;}
.fire .ball2{width:137px;height:137px;background:url(../img/part3_icons.png) 1px 1px no-repeat;left:182px;top:244px;}
.fire .ball3{width:94px;height:98px;background:url(../img/part3_icons.png) -160px -7px no-repeat;left:1550px;top:42px;}
.fire .ball4{width:95px;height:95px;background:url(../img/part3_icons.png) -334px -10px no-repeat;left:1574px;top:70px;}
.fire .ball5{width:34px;height:34px;background:url(../img/part3_icons.png) -275px -23px no-repeat;left:1734px;top:511px;}
.fire .flpo_wrapMidle{width:1200px;position:absolute;left:50%;margin-left:-600px;top:0px;text-align:center;padding-top:42px;}
.fire .flpo_wrapMidle h1{font-size:36px;color:#1fa9f0;font-weight:bold;}
.fire .flpo_wrapMidle ul{width:1050px;margin:0 auto;margin-top:30px;margin-left:141px;}
.fire .flpo_wrapMidle ul li{}
.fire .flpo_wrapMidle ul li span{display:block;font-size:24px;color:white;width:198px;height:56px;background:url('../img/fire_icon.png') no-repeat;line-height:56px;text-align:center;}
.fire .flpo_wrapMidle ul li p{font-size:16px;color:#241e5c;width:521px;text-align:left;line-height:5px;font-weight:bold;}
.fire .flpo_wrapMidle li strong{color:#ff4200;font-size:16px;display:inline-block;}
.fire .flpo_wrapMidle .jzt{width:450px;height:415px;background:url('../img/part5_jzt.png') no-repeat;position:absolute;left:670px;top:156px;}
.fire .flpo_wrapMidle i{font-size:16px;color:#241e5c;font-style:normal;font-weight:bold;position:absolute;}
.fire .flpo_wrapMidle .first1{left:590px;top:497px;}
.fire .flpo_wrapMidle .first2{left:1068px;top:412px;}
.fire .flpo_wrapMidle .first3{left:684px;top:326px;}
.fire .flpo_wrapMidle .first4{left:959px;top:222px;}
.fire .flpo_wrapMidle .fire_line{position:absolute;}
.fire .flpo_wrapMidle .fire_line em{color:#9a47d9;font-size:20px;position:absolute;left:-2px;top:-13px;}
.fire .flpo_wrapMidle .fire_line div{width:97px;height:2px;background-color:#944cd9;}
.fire .flpo_wrapMidle .fire_line1{left:563px;top:523px;}
.fire .flpo_wrapMidle .fire_line2{left:1056px;top:437px;}
.fire .flpo_wrapMidle .fire_line3{left:656px;top:351px;}
.fire .flpo_wrapMidle .fire_line4{left:949px;top:247px;}

/*第六部分：学html5选蓝鸥*/
.chose{width:100%;height:879px;position:relative;overflow:hidden;background: url(../img/chose_bg.jpg) center 0 no-repeat;overflow:hidden;}
.chose .space{width: 100%;height:879px;}
.chose .lx{position:absolute;top:0;left:0;}
.chose .balls{position:absolute;}
.chose .ball1{width:197px;height:360px;background:url(../img/part6_ball1.png) 0px 0px no-repeat;left:0px;top:501px;}
.chose .ball2{width:62px;height:64px;background:url(../img/part1_icons.png) -366px -16px no-repeat;left:131px;top:526px;}
.chose .ball3{width:35px;height:35px;background:url(../img/part6_ball2.png) no-repeat;left:1812px;top:102px;}
.chose .choseWrap{width:1200px;position:absolute;left:50%;margin-left:-600px;top:0px;text-align:center;padding-top:40px;}
.chose .choseWrap1{width:922px;margin:0 auto;text-align:center;position:relative;}
.chose .choseWrap1 h1{font-size:36px;color:#1fa8ef;font-weight:bold;}
.chose .choseWrap1 p{color:white;font-size:16px;margin-top:8px;}
.chose .choseWrap1 .chose_zx{width:392px;height:388px;background:url('../img/part6_zx.png') no-repeat;position:absolute;left:261px;top:278px;}
.chose .choseWrap1 .chose_zx{
	-webkit-backface-visibility:visible;
	-webkit-transform-origin:center center;
	-webkit-animation:choose 10s 0s infinite linear normal none;
	-moz-backface-visibility:visible;
	-moz-transform-origin:center center;
	-moz-animation:choose 10s 0s infinite linear normal none;
	-ms-backface-visibility:visible;
	-ms-transform-origin:center center;
	-ms-animation:choose 10s 0s infinite linear normal none;
	-o-backface-visibility:visible;
	-o-transform-origin:center center;
	-o-animation:choose 10s 0s infinite linear normal none;
	backface-visibility:visible;
	transform-origin:center center;
	animation:choose 10s 0s infinite linear normal none;
}
@-webkit-keyframes choose{0%{-webkit-transform:rotateZ(0deg);} 100%{-webkit-transform:rotateZ(360deg);}}
@-moz-keyframes choose{0%{-moz-transform:rotateZ(0deg);} 100%{-moz-transform:rotateZ(360deg);}}
@-ms-keyframes choose{0%{-ms-transform:rotateZ(0deg);} 100%{-ms-transform:rotateZ(360deg);}}
@-o-keyframes choose{0%{-o-transform:rotateZ(0deg);} 100%{-o-transform:rotateZ(360deg);}}
@keyframes choose{0%{transform:rotateZ(0deg);} 100%{transform:rotateZ(360deg);}}
.chose .choseWrap1 img{position:absolute;left:407px;top:443px;}
.chose .choseWrap1 .chose_zx span{font-size:28px;color:white;position:absolute;}
.chose .choseWrap1 .chose_zx .cho_q1{left:42px;top:49px;}
.chose .choseWrap1 .chose_zx .cho_q2{left:234px;top:54px;font-size:29px;}
.chose .choseWrap1 .chose_zx .cho_q3{left:42px;top:275px;}
.chose .choseWrap1 .chose_zx .cho_q4{left:250px;top:275px;}
.chose .choseWrap1 ul{margin-top:42px; width:1018px;}
.chose .choseWrap1 li{position:absolute;overflow:hidden}
.chose .choseWrap1 li strong{display:block;width:198px;height:56px;background:url('../img/part6_icon.png') no-repeat;font-size:30px;line-height:56px;color:white;text-align:center;}
.chose .choseWrap1 li p{width:190px;margin:0 auto;text-align: left;line-height:24px;}
.chose .choseWrap1 li .lastdiv {width:216px;height:181px;padding-top:11px;margin-top:28px;}
.chose .choseWrap1 li p em{color:#ef690f;}
/*chose边框线变化*/
.chose .choseWrap1 ul li .top,.chose .choseWrap1 ul li .bottom,.chose .choseWrap1 ul li .left,.chose .choseWrap1 ul li .right{position: absolute;z-index:1;}
.chose .choseWrap1 ul li .top{width: 0%;height: 1px;top: 75px;}
.chose .choseWrap1 ul li .bottom{width: 0%;height: 1px;bottom: 0px;right: 0px;}
.chose .choseWrap1 ul li .left{width: 1px;height: 0%;left: 0px;top: 75px;}
.chose .choseWrap1 ul li .right{width: 1px;height: 0%;right: 0px;bottom: 0px;top: 75px;}

/*第七部分：霸气涨薪*/
.increase{width:100%;height:717px;background-color:#ffffff;position:relative;overflow:hidden;}
.increase .balls{position:absolute;}
.increase .ball1{width:68px;height:68px;background:url(../img/part3_ball1.png) 0px 0px no-repeat;left:153px;top:321px;}
.increase .ball2{width:137px;height:137px;background:url(../img/part3_icons.png) 1px 1px no-repeat;left:182px;top:244px;}
.increase .ball3{width:94px;height:98px;background:url(../img/part3_icons.png) -160px -7px no-repeat;left:1550px;top:42px;}
.increase .ball4{width:95px;height:95px;background:url(../img/part3_icons.png) -334px -10px no-repeat;left:1574px;top:70px;}
.increase .in_wrapMidle{width:1200px;position:absolute;left:50%;margin-left:-600px;top:0px;text-align:center;padding-top:42px;}
.increase .in_wrapMidle h1{font-size:36px;color:#1fa9f0;font-weight:bold;}
.increase .in_wrapMidle p{font-size:18px;color:#294971;margin-top:11px;margin-bottom:40px;}
.in_wrap2{width:1016px;margin:0 auto;}
.in_wrap2 ul{float:left;}
.in_wrap2 li{width:162px;height:53px;text-align:center;line-height:53px;color:#1fa9f0;margin-bottom:28px;cursor:pointer;background:url('../img/incre_btn00.png') no-repeat;}
.in_wrap2 .incre_btn{background:url('../img/incre_btn.jpg') no-repeat;color:white;border:none;}
.in_detail{width:828px;height:382px;background-color:#cbe3fd;float:right;}
.in_detail5,.in_detail2,.in_detail3,.in_detail4{display:none;}

/*第八部分:讲师团队*/
.teacher{width:100%;height:626px;position:relative;overflow:hidden;background: url(../img/tea_bg.jpg) center 0 no-repeat;overflow:hidden;}
.teacher .space{width: 100%;height:626px;}
.teacher .what_wrap {
    position: absolute;
    width: 100%;
    height: 626px;
    left: 0px;
    top: 0px;
    background: rgba(1,17,42,0.6);
}
.teacher .lx{position:absolute;top:0;left:0;}
.teacher .balls{position:absolute;}
.teacher .ball1{width:123px;height:127px;background:url(../img/part8_ball1.png) 0px 0px no-repeat;left:116px;top:188px;}
.teacher .ball2{width:60px;height:62px;background:url(../img/part8_ball2.png) 0px 0px no-repeat;left:1622px;top:448px;}
.teacher .teacher_wrap{width:1200px;position:absolute;left:50%;margin-left:-600px;top:0px;text-align:center;padding-top:40px;}
.teacher .teacher_wrap h1{font-size:36px;color:#1fa8ef;font-weight:bold;}
.teacher .teacher_wrap>p{color:white;font-size:14px;margin-top:8px;}
/*讲师部分*/
#s_dk_body {width:998px;height:392px;margin:0 auto;margin-top: 39px;background:rgba(52,52,61,0.6);cursor: pointer;padding-top:14px;padding-left:20px;overflow:hidden;}
#s_dk_body ul {overflow: hidden;}
#s_dk_body ul li {overflow: hidden;height: 431px;float: left;}
#s_dk_body ul li:nth-child(n+2) {margin-left: 3px;}
#s_dk_body ul li .s_per_box {position: relative;display: inline-block;}
#s_dk_body ul li .s_per_box span {position: absolute;bottom:4px;left: 0;width: 100%;height:67px;background-color:rgba(0,0,0,0.6);font-size:16px;color: white;text-align: center;line-height:24px;padding-top:18px;}
#s_dk_body ul li .s_des_box {width:246px;width: 0;overflow: hidden;height:376px;float: right;}
#s_dk_body ul li .s_des_box div {padding:15px 20px 0 19px;}
.s_des_box h3 {color:white;font-size:24px;display:inline-block;margin-right:6px;}
.s_des_box span{display:inline-block;color:white;font-size:16px;}
.s_des_box img {padding: 21px 0 18px 0;width: 100%;}
.s_des_box p {font-size: 14px;color: white;line-height: 24px;margin-top:14px;text-align:left;}
.s_des_box strong{display:block;width:172px;height:44px;background-color:#ef690f;text-align:center;line-height:44px;color:white;margin:0 auto;margin-top:20px;font-size:16px;}
.s_des_box strong a{display:block;color:white;}

/*就业薪资*/
.employ{width:100%;height:994px;position:relative;overflow:hidden;background: url(../img/last_bg.jpg) center 0 no-repeat;overflow:hidden;}
.employ .space{width: 100%;height:994px;}
.employ .em_wrap{position:absolute;width:100%;height:918px;left:0px;top:0px;background:rgba(1,17,42,0.7);}
.employ .lx{position:absolute;top:0;left:0;}
.employ .balls{position:absolute;}
.employ .ball1{width:197px;height:360px;background:url(../img/part6_ball1.png) 0px 0px no-repeat;left:0px;top:501px;}
.employ .ball2{width:28px;height:28px;background:url(../img/last_icons.png) -2px -3px no-repeat;left:1733px;top:180px;}
.employ .ball3{width:35px;height:35px;background:url(../img/last_icons.png) -35px -3px no-repeat;left:1710px;top:188px;}
.employ .em_wrap2{width:1095px;position:absolute;left:50%;margin-left:-548px;top:0px;text-align:center;padding-top:40px;}
.employ .em_wrap2 h1{font-size:36px;color:#1fa8ef;font-weight:bold;}
.employ .em_wrap2>p{color:white;font-size:14px;margin-top:8px;}
.employ .em_wrap3{width:1095px;margin:0 auto;}
/*薪资滚动*/
.em_wrap2 .jy_zxjy{padding-top:40px;}
.em_wrap2 .jy_zxjyTle{width:100%;height:36px;background-color:#36a8ff;}
.em_wrap2 .jy_zxjyTle li{font-size:15px;line-height:36px;color:white;float:left;text-align:center;}
.mxy_colee1{display:inline-block;}
.mxy_colee1 .gd_nr_ml{height:39px;line-height:39px;width:100%;border-bottom:2px solid white;}
.mxy_colee1 .gd_nr_ml p{float:left;font-size:13px;color:white;text-align:center;}
/*.em_wrap2 .jy_zxjyTle li:nth-child(1){width:139px;}
.em_wrap2 .jy_zxjyTle li:nth-child(6){width:300px;}
*/
/*底部按钮样式*/
/* Common button styles */
.button {cursor:pointer;min-width: 150px;max-width: 250px;display: block;padding: 1em 2em;margin:0 auto;margin-top:48px;border: none;background: none;color: inherit;vertical-align: middle;position: relative;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.button:focus {outline: none;}
.button > span {vertical-align: middle;}

/* Typography and Roundedness */
.button--text-upper {letter-spacing: 2px;text-transform: uppercase;}
.button--text-thick {font-weight: 600;}
.button--round-l {border-radius: 40px;}

/* Borders */
.button--border-thin {border: 1px solid;}
.button--border-medium {border: 2px solid;}
.button--border-thick {border: 3px solid;}

/* Pipaluk */
.button--pipaluk {width: 215px;padding: 1.5em 3em;color: #fff;}
.button--pipaluk.button--inverted {color: #ffffff;}
.button--pipaluk::before,
.button--pipaluk::after {content: '';border-radius: inherit;position: absolute;top:0px;left: 0;width: 100%;height: 100%;z-index: -1;-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s;-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);}
.button--pipaluk::before {border: 2px solid #9f4675;}
.button--pipaluk.button--inverted::before {border-color: #9f4675;}
.button--pipaluk::after {background: #a14572;}
.button--pipaluk.button--inverted::after {background:url('../img/last_btn.png') no-repeat; background-size:100% auto; }
.button--pipaluk:hover::before {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.button--pipaluk::before,
.button--pipaluk:hover::after {-webkit-transform: scale3d(0.7, 0.7, 1);transform: scale3d(0.7, 0.7, 1);}
.button--pipaluk:hover::after {background-color: #3f51b5;}

.feel_power .button {font-size:20px;cursor:pointer;min-width: 260px;max-width: 280px;height:56px;line-height:6px;display: block;padding: 1em 1em;margin:0 auto;margin-top:29px;border: none;background: none;color: inherit;vertical-align: middle;position: relative;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.feel_power .button--pipaluk.button--inverted::after {background:url('../img/last_btn2.png') no-repeat;}
.feel_power .button--pipaluk.button--inverted::before {border-color: #5396eb;}

/*footer*/
.content13{background-color:#262829;height:387px;overflow:hidden;}
.footer{padding-top:36px;border-bottom:1px solid #585859;height:194px;}
.footer li{float:left;}
.footer li:nth-of-type(1){width:209px;}
.footer li:nth-of-type(2){width:398px;}
.footer li:nth-of-type(3){width:257px;}
.footer li:nth-of-type(4){width:331px;}
.footer li a{display:block;font-size:14px;line-height:30px;color:#838b8c;}
.xqfb{height:120px;}
.xqfb a{width:79px;float:left;}
/*底部悬浮*/
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.fixed_foot{ width:100%; height:70px; background:rgba(40,40,40,0.84); position:fixed; bottom:0px; left:0px; z-index:999999999;min-width:1200px;}
.fixed_foot_1200{ width:1200px; margin:0 auto; height:80px;}
.fixed_foot_l{ height:auto; overflow:hidden;}
.fixed_foot_l ul{ position:relative; height:80px;}
.fixed_foot_l ul li{ margin-right:97px; float:left;}
.fixed_foot_l ul li .thebg{ margin-top:15px; margin-right:14px; width:43px; height:43px; float:left}
.fixed_foot_l ul li .thebg01{ background:url(../img/fixed_foot_01.png) 0 0 no-repeat;}
.fixed_foot_l ul li .thebg02{ background:url(../img/fixed_foot_02.png) 0 0 no-repeat;}
.fixed_foot_l ul li .thebg03{ background:url(../img/fixed_foot_03.png) 0 0 no-repeat;}
.fixed_foot_l ul li .thebg04{ background:url(../img/fixed_foot_04.png) 0 0 no-repeat;}
.fixed_foot_l ul li .thebg05{ background:url(../img/fixed_foot_05.png) 0 0 no-repeat;}
.fixed_foot_l ul li .thebg01.active{ background:url(../img/fixed_foot_01_act.png) 0 0 no-repeat;}
.fixed_foot_l ul li .thebg02.active{ background:url(../img/fixed_foot_02_act.png) 0 0 no-repeat;}
.fixed_foot_l ul li .thebg03.active{ background:url(../img/fixed_foot_03_act.png) 0 0 no-repeat;}
.fixed_foot_l ul li .thebg04.active{ background:url(../img/fixed_foot_04_act.png) 0 0 no-repeat;}
.fixed_foot_l ul li .thebg05.active{ background:url(../img/fixed_foot_05_act.png) 0 0 no-repeat;}


.fixed_foot_wz{ font-size:14px; color:#fff; margin-top:18px;}
.fixed_foot_wz.active{ color:#36a8ff;}
.fixed_foot_r{ width:126px; height:43px; line-height:42px; text-align:center; color:#ffffff; border-radius:5px; background:#f2a633; margin-top:15px; font-size:16px; cursor:pointer;}
.fixed_foot_r img{ vertical-align:middle; margin-right:6px;display: inline-block;}

.top_one .w1{width: 600px;height: 390px;}
.top_one .w2{width: 300px;height: 390px;}


/*弹窗*/
.themask{ width:100%; height:100%; background:#000;filter:alpha(opacity=35); -moz-opacity:0.35;opacity:0.35; position:fixed; left:0;top:0; z-index:19; display:none}
.thepop{ width:596px; height:323px; background:url(../img/tanchuang666.png) 0 0 no-repeat;-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius:5px; position:fixed; top:0; left:50%; margin-left:-298px; z-index:20; display:none;
}
.thepop .close{ background:url(../img/thepop_close.png) 0 0 no-repeat; width:60px; height:54px; position:absolute; right:-21px;top:-21px; cursor:pointer}
.thepop .tit{ color:#007ee6; font-size:18px; text-align:center; line-height:123px; height:98px;}
.thepop .cont{ width:369px; margin:0 auto}
.thepop .cont li{ float:left; margin:0 12px; font-size:14px; color:#393f5b; text-align:center; width:99px;}
.thepop .cont li .thebg{ width:48px; height:48px; margin:0 auto}
.thepop .cont li .bg01{ background:url(../img/thepop_cont_img01.png) 0 0 no-repeat}
.thepop .cont li .bg02{ background:url(../img/thepop_cont_img04.png) 4px 0 no-repeat}
.thepop .cont li .bg03{ background:url(../img/thepop_cont_img03.png) 0 0 no-repeat}
.thepop .cont li p{ line-height:40px;}
.thepop .cont li img{ display:block;}
.thepop h2{ color:#393f5b; font-size:18px; text-align:center; height:67px; line-height:53px; text-align:center}
.thepop .thebtn{ position:absolute; width:126px; height:34px; text-align:center; line-height:34px; font-size:16px;}
.thepop .thebtn01{ background:url(../img/thepop_thebth01.png) 0 0 no-repeat; left:148px; top:253px; color:red;}
.thepop .thebtn02{ background:url(../img/thepop_thebth02.png) center 0 no-repeat; height:55px;left:317px; top:253px; color:white; cursor:pointer}

/*左侧悬浮*/
.ni_left{ position:fixed; left:0;top:50%; height:580px; margin-top:-278px; z-index:10;-webkit-box-shadow:0.7px 0.7px 27px 0 rgba(39, 40, 42, 0.15); -moz-box-shadow: 0.7px 0.7px 27px 0 rgba(39, 40, 42, 0.15); box-shadow:0.7px 0.7px 27px 0 rgba(39, 40, 42, 0.15);}
.ni_left li{  background:#ffffff; font-size:13px; color:#4f5362;}
.ni_left li a{width:79px; height:83px; display:block; overflow:hidden;color: #4f5362;}
.ni_left li i{ font-size:24px; color:#00abf7; margin:24px auto 0; display:block; width:24px;}
.ni_left li p{ line-height:28px; text-align:center;}
.ni_left li:hover{ background:#00abf7}
.ni_left li:hover i{color:#ffffff;}
.ni_left li:hover a{color:#ffffff;}
.ni_left li.active{ background:#00abf7}
.ni_left li.active i{color:#ffffff;}
.ni_left li.active i.i01{&#xe604}
.ni_left li.active a{color:#ffffff;}

@media screen and (max-width: 1366px) 
{
.ni_left{ position:fixed; left:0;top:50%; height:475px; margin-top:-227px; z-index:10;-webkit-box-shadow:0.7px 0.7px 27px 0 rgba(39, 40, 42, 0.15); -moz-box-shadow: 0.7px 0.7px 27px 0 rgba(39, 40, 42, 0.15); box-shadow:0.7px 0.7px 27px 0 rgba(39, 40, 42, 0.15);}
.ni_left li{  background:#ffffff; font-size:10px; color:#4f5362;}
.ni_left li a{width:65px; height:68px; display:block; overflow:hidden;}
.ni_left li i{ font-size:20px; color:#00abf7; margin:20px auto 0; display:block; width:20px;}
.ni_left li p{ line-height:23px; text-align:center;font-size:10px;}
.ni_left li:hover{ background:#00abf7}
.ni_left li:hover i{color:#ffffff;}
.ni_left li:hover a{color:#ffffff;}
.ni_left li.active{ background:#00abf7}
.ni_left li.active i{color:#ffffff;}
.ni_left li.active i.i01{&#xe604}
.ni_left li.active a{color:#ffffff;}


}