.fsize30{ font-size:30px}
.fsize40{ font-size:40px;}
.c-orange{ color:#fdb900}
.b-gray{ background:#fafafa;}
.c-red{ color:#ec5f5f;}
.b-blue{ background:#edf7ff;}

/*=============hStyle=============*/
.ic_head_fixed {position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 999; background:#2e3136}
.header-bx.header-bx-collapse,.header-bx.nav-sub-show {background: #2e3136;/*background: rgba(0,0,0,.9);*/}
.header {border-bottom: 3px solid rgba(255,255,255,.1);height: 68px;}
.header-bx-collapse .header {border: none;height: 68px;}
.nav-sub-show .header {border: none;}
.header-bx-collapse .logo {width: 88px;}
.header-bx-collapse .nav-ul {padding-top: 5px;}
.header-bx-collapse .nav-ul li a {line-height: 60px;font-size: 18px;}
.header-bx-collapse .r-tel {margin-top: -18px;font-size: 18px;}
.lt-ie9.lt-ie8 .header,.lt-ie9 .header {border-bottom: 1px solid #121212;}
.h-bx-v {position: relative;}
.header-wrap {padding-left: 180px;padding-right: 210px;position: relative;height: 100%;z-index: 9;}
.logo {position: absolute;width: 88px;top: 6px;left: 0;}
.logo img {display: inline-block;max-width: 100%;font-size: 12px;color: #fff;}

.ic-sub-nav-bx {background: #e1e8ed;height: 40px;width: 100%;}
.ic-sub-nav-list {padding-left: 180px;}
.ic-sub-nav-list span,.ic-sub-nav-list a {line-height: 40px;display: inline-block;padding: 0 12px;font-size: 14px;color: #666;vertical-align: top;}
.ic-sub-nav-list a.current,.ic-sub-nav-list a:hover {color: #2f75bb;text-decoration: none;}
/*.nav{ padding:0; float:none}*/
.nav-ul {padding-top: 20px;}
.nav-ul li {display: inline-block;+display: inline;padding: 0 20px;}
.lt-ie9.lt-ie8 .nav-ul li {display: inline;font-size: 0;vertical-align: middle;}
.nav-ul li a {border-bottom: 3px solid transparent;display: inline-block;line-height: 48px;font-size: 20px;color: #f2f2f2;}
.lt-ie9.lt-ie8 .nav-ul li a,.f-link-ul li,.f-link-ul li a {display: inline;}
.lt-ie9.lt-ie8 .nav-ul li a,.lt-ie9 .nav-ul li a,.lt-ie9.lt-ie8 .tel-txt,.lt-ie9 .tel-txt {font-family: 'SimHei';}
.nav-ul li.current a {border-color: #2f75bb;color: #2f75bb;}
.nav-ul li a:hover,.nav-ul li.subShow a {color: #2f75bb;text-decoration: none;}
.r-tel {position: absolute;right: 0;top: 50%;margin-top: -15px;line-height: 40px;display: block;width: 208px;font-size: 20px;}
.r-tel *,.sc-btn * {vertical-align: middle;display: inline-block;}
.tel-icon {background: url("../images/tel.png") no-repeat scroll center center;width: 40px;height: 40px;}
.nav-sub {border-top: 1px solid rgba(255,255,255,0);position: fixed;top: -240px;right: 0;left: 0;width: 100%;z-index: -1;opacity: 0;filter: alpha(opacity=0);}
.nav-sub-bx {background: #2e3136;background: rgba(46,49,54,.9);padding: 20px 0;}
.nav-sub-show .nav-sub {top: 104px;border-top: 1px solid rgba(255,255,255,.12);opacity: 1;filter: alpha(opacity=100);z-index: 0;}
.header-bx-collapse.nav-sub-show .nav-sub {top: 67px;border-top: 1px solid rgba(255,255,255,.12);}
.nav-sub-dl dl {float: left;width: 33.33%;}
.nav-sub-dl dl dt,.nav-sub-dl dl dd {color: #ccc;padding: 0 20px;}
.nav-sub-dl dl dt {line-height: 40px;margin-bottom: 25px;}
.nav-sub-dl dl dt span {font-size: 20px;}
.nav-sub-dl dl dd {border-left: 1px solid rgba(255, 255, 255, 0.06);}
.nav-sub-dl dl:first-child dd {border: none;}
.nav-sub-link {float: left;width: 25%;margin: 0;}
.nav-ul .nav-sub-link a,.header-bx-collapse .nav-ul .nav-sub-link a {line-height: inherit;opacity: .6;filter: alpha(opacity=60);}
.lt-ie9.lt-ie8 .nav-ul .nav-sub-link a,.lt-ie9 .nav-ul .nav-sub-link a {filter: none;}
.nav-sub-link em {display: inline-block;width: 38px;height: 38px;vertical-align: middle;}
.nav-ul .nav-sub-link a:hover,.nav-ul .nav-sub-link a:hover * {color: #e2e2e2;text-decoration: none;opacity: 1;filter: alpha(opacity=100);}
.nav-sub-link a:hover em {transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
.nav-ul .nav-sub-link figcaption {color: #ccc;font-size: 16px;line-height: 40px;}
.viewport{ margin:0 auto;width: 1160px;}
@media (min-width: 1400px) {
  .viewport {width: 1200px;}
  .vp-pro-links dl {padding-left: 98px;}
  .vp-pro-links dl dt {left: 10px;}
  .other-case li {margin: 20px 10px;}
}

.lighting-body{
    background-color: white;
}
.lighting-system{
    width:100%;
    background: #988c82 url(../images/1.jpg) no-repeat 50% bottom;
	height:710px;
}
.main-nav{
    width: 1160px;
    margin: 0 auto;
    height:600px;
    position: relative;
	top:110px;
}
.w1000{
    width: 1160px;
    margin: 0 auto;
}
.bc-white{
    width:100%;
    padding-top: 74px;
}
.bc-blue{
    width:100%;
    background-color: #aedaff;
}
.main-nav-text h2{
    color: #fe7e57;
}
.main-nav-text h1{
    font-size: 78px;
	line-height:78px;
	padding-left:138px;
	position:absolute;
	top:86px;
	right:282px;
}
.lighting-main{
    width:100%;
    padding: 53px 0 67px;
}
.text-spacing{
    letter-spacing: 8px;
}
/*.lighting-course{ background:url(../images/online-exam.jpg) no-repeat 50% 50%; width:100%; height:240px;}*/
.lighting-course li{width: 488px; font-size:24px; color:#484c54; height:65px; line-height:65px; margin:0 0 26px 0;}
.lighting-course li.p1{ background:#a2ddf5; margin-left:73px; padding-left:79px;}
.lighting-course li.p2{ background:#82ced1; margin-left:152px;}
.lighting-course li.p3{ background:#f9d29d; padding-left:152px;}
.lighting-course li.p4{ background:#f19fb0; margin-left:87px; padding-left:65px;}
.borether-li{ padding: 0px; /*background:url(../images/adv-bg1.png) no-repeat center center;*/}
.lighting-course li p{ display:inline-block; padding-left:18px;}
.video{ background:url(../images/exam-video.png) no-repeat 0 center; width:30px; height:65px; display:inline-block; margin-left:31px;}

.app-link{
    /*left: 94px;*/
    height: 450px;
}
.app-link li{
    float: left;
    width: 187px;
    height:auto;
    color: #fff;
    font: 22px/36px 'Microsoft YaHei';
    font-size: 17px;
    padding-top:108px;
    /*margin-right: 188px;
    margin-top: 72px;*/
	margin:72px 64px 0;
}
.app-link .app-icon-1{
    background: url("../images/html5.png") no-repeat 50% 0px;
	margin-left:97px;

}
.app-link .app-icon-2{
    background: url("../images/school-app-icon.png") no-repeat 50% 0px;

}
.app-link .app-icon-3{
    background: url("../images/school-pad-icon.png") no-repeat 50% 0px;
	/*margin-right:97px;*/

}
.app-link a{
    display: inline-block;
    color: #ff784b;
    border:2px solid #ff784b;
    margin-top: 40px;
    border-radius: 5px;
    width: 183px;
    height:48px;
    line-height: 48px;
    font-size: 20px;
}
.app-link a:hover{
    text-decoration: none;
    color: orangered;
    border-color: orangered;
}
.we-goTop{
    background: url(../images/we-goTop.png) no-repeat 50% 50%;
    position: fixed;
    bottom: 2em;
    right: 2em;
    display: block;
    height: 57px;
    width: 57px;
}
.we-goTop:hover{  text-decoration: none;}

/*新增样式*/
.main-left{ background:url(../images/person.png) no-repeat 0 0; width:658px; height:593px; left:-47px; top:7px; z-index:5;}
.main-nav-text{ background:url(../images/polygon.png) no-repeat 0 0; width:1043px; height:600px; top:0; right:-202px;}
.main-nav-text p{ line-height:30px; padding-left:138px; position:absolute; top:210px; right:195px;}

/*柱形图*/
.c-charts{width:100%;/* margin:40px 0 0; */padding-top:15px;}

/*优势*/
.circle{ background:url(../images/semi-circle.png) no-repeat 50% 50%; width:40px; height:20px; margin:40px auto 0;}
.light-ul li{ width:50%;/* padding-top:21px;*/ float:left;}
.light-img{ width:528px; margin:0 auto; height:380px;}
.light-ul li .light-img-1{ background:url(../images/adv1.jpg) no-repeat 50% 50%;}
.light-ul li .light-img-2{ background:url(../images/adv2.jpg) no-repeat 50% 50%;}
.light-ul li .light-img-3{ background:url(../images/adv3.jpg) no-repeat 50% 50%;}
.light-ul li .light-img-4{ background:url(../images/adv4.jpg) no-repeat 50% 50%;}
.light-test{ padding:130px 30px 0;}
.light-test p{ /*padding-left:105px;*/ line-height:40px;}

/*流程架构*/
.lc-bg{ background:url(../images/lc.png) no-repeat 50% 50%; width:100%; height:553px; margin-top:100px;}

/*适用场景*/
.an-zd-box{ padding:65px 0 60px;}

/*案例*/
.contrast{/* width:1060px; margin:0 auto; */background:url(../images/contrast-bg.jpg) no-repeat 50% 50%; height:707px;}
.contrast h1{padding:72px 0 0; }
.case{ margin:46px 0 0;}
.case ul{ margin-left:-40px; overflow:hidden; clear:both;}
.case li{ height:70px;margin-bottom:10px; float:left; margin:60px 0 0 38px; +width:262px;}
.contrast-left,.contrast-right{ width:41%;}
.contrast-center{ width:18%; +width:17%}
.contrast-center li{ border-radius:30px; background:#7acbfe; font-size:20px; color:#fff; /*padding:0 54px;*/width:148px; margin:0 auto 10px;}
.contrast-right li{ background:url(../images/contrast-bg1.png) no-repeat 0 0;}

/*优势*/
.an-lc-text{ width:270px; bottom:24px;}

/*表单*/
.list{ background:url(../images/list-bg.jpg) no-repeat right bottom; width:100%; height:520px; padding-top:94px;}

.apply-form{ width:50%;}
.apply-form ul li{margin-top: 20px;overflow: hidden;clear: both;}
.apply-form ul li .ml10 {margin-left: 10px;}
.apply-form ul li input,.apply-form ul li textarea {border: 1px solid #e5e5e5;font-size: 20px;color: #ccc;text-indent: 20px;font-family: 'Microsoft YaHei';}
.apply-form ul li input{width: 578px;float: left;height: 58px;line-height: 58px;}
.apply-form ul li textarea {width: 558px;height: 150px;line-height: 180%;padding: 0 0 0 20px;text-indent: 0; max-height:400px;}
.apply-form ul li input:focus,.apply-form ul li textarea:focus {border-color: #3074BB;}
.applybtn {margin-top: 15px;text-align: center;}
.suBtn {background: #3f83e6;border-radius: 5px;color: #fff;display: inline-block;height: 59px;line-height: 55px;font-size: 26px;font-family: 'SimHei'; width:580px; padding:0; border:none;}
.suBtn:hover {border: 1px solid #2F75BA;color: #fff;}
.suBtn:focus {border-color: #3074BB;color: #fff;transform: translate3d(0, 1px, 0);outline:none;-moz-outline:none;}


/*新的样式*/
.triangle{ width:100%; height:30px; margin:67px 0 27px;}
.c-btn a{ display:block; width:210px; text-align:center; height:38px; line-height:38px; border-radius:30px; background:#fa8f03; color:#fff; margin:0 auto; font-size:20px; border:solid 1px transparent;}
.c-btn a:hover{ border-color:#fa8f03; color:#fa8f03; background:transparent; text-decoration:none;}

.an-li-box{ width:498px; border:dashed 1px #00a0e9; padding:33px 0; margin:66px 0 0;}
.an-li-text{ width:305px; +width:302px;}
.an-li-text p{ line-height:24px; height:72px; overflow:hidden; width:272px; margin:40px auto 0;}
.an-li-btw-box{ background:url(../images/num.png) no-repeat center center; width:160px; height:542px; margin:66px 0 0;}

.action-box{ padding:0 53px 0 62px; border:solid 1px #a2ddf5; margin:88px 0 0;}
.action-box li{ float:left;}
.p-action{ padding:12px 0 57px;}
.action-box-btw{ background:url(../images/action-box-btw.jpg) no-repeat center center; width:490px; height:566px; margin-top:-1px;}
.action-box-left,.action-box-right{ padding:70px 0 0;}
.action-box-num{ width:50px; height:50px; border-radius:50%; line-height:50px; display:inline-block; text-align:center; font-size:24px; color:#fbfcfd; background:#a2ddf5; margin:18px 0 0;}
.action-title{ line-height:46px; padding:0 57px 0 47px; font-size:22px; color:#484c54; text-align:center; border-bottom:solid 1px #a2ddf5;}
.action-box-text{ padding: 0 0 0 34px;}
.action-box-text ol{ padding:14px 0 0; height:116px; overflow:hidden;}
.action-box-text li{ float:none; line-height:29px; font-size:16px; color:#484c54; text-align:center; +width:192px;}


.main-nav-system{
    width:468px;
    height: 217px;
    position: absolute;
    right:52px;
    bottom:72px;
}
.main-nav-system-list li {float: left;width: 33.3%;height: 217px;text-align: center;position: relative; left:5px;}
.main-nav-system-list li a {display: block;height: 217px;border-radius:5px;-webkit-transition: .3s;transition: .3s;}
.main-nav-system-list li.m-n-s-l-1 a {background: #f19fb0;}
.main-nav-system-list li.m-n-s-l-2 a {background: #90c480;}
.main-nav-system-list li.m-n-s-l-3 a {background: #82ced1;}
.main-nav-system-list li em {background:url(../images/icon.png) no-repeat;display: inline-block;width: 71px;height: 55px;margin-top: 23px;}
.main-nav-system-list li.m-n-s-l-1 em {background-position: 50% 0;}
.main-nav-system-list li.m-n-s-l-2 em {background-position: 50% -83px;}
.main-nav-system-list li.m-n-s-l-3 em {background-position: 50% -166px;}
.main-nav-system-list li p {margin-top: 30px;}
.main-nav-system-list li p,.main-nav-system-list li a {font-size: 24px;color: #faf9f8; line-height:24px;}
.main-nav-system-list li a:hover,.main-nav-system-list li a:hover * {text-decoration: none;}
.main-nav-system-list li:hover {z-index: 3;}
.main-nav-system-list li:hover a {-webkit-transform: scale(1.1);transform: scale(1.1);}
.mnsl-pic {position: absolute;left: 0;top: 50%;margin-top: -75px;width: 150px;height: 150px;-webkit-transition: .3s;transition: .3s;opacity: 0;filter: alpha(opacity=0);z-index: 9;}
.main-nav-system-list li a:hover .mnsl-pic{left: -130px;opacity: 1;filter: alpha(opacity=100);}

.main-nav-system-list li a .a-btn{ height:28px; line-height:28px; width:108px; margin:0 auto; border:solid 1px #fff; border-radius:5px; font-size:14px; display:inline-block; margin-top:25px;}
.main-nav-system-list li.m-n-s-l-1 a .a-btn,.main-nav-system-list li.m-n-s-l-2 a .a-btn,.main-nav-system-list li.m-n-s-l-3 a .a-btn{background:none;}
.main-nav-system-list li.m-n-s-l-2{ position:relative; left:-2px;}
.main-nav-system-list li.m-n-s-l-3{ position:relative; left:-8px;}

.line{ background:#bce9fb; height:1px; width:970px; margin:0 auto;}
.an-m-5-line{ background:#bce9fb; height:380px; width:1px; top:0; left:50%;}
.f-line{ width:12px; height:12px; border-radius:50%; background:#a2ddf5; margin-left:-6px;}
.l-line{ position:absolute; bottom:0; +margin-left:23px}
.circle-line{ width:56px; height:56px; border-radius:50%; text-align:center; color:#f2f4f7; line-height:56px;position: relative;top: 50%;margin:-28px 0 0 -28px;}
.circle1{ background:#f19fb0;}
.circle2{ background:#a2ddf5;}
.circle3{ background:#ebba64;}
.circle4{ background:#82ced1;}