body{ color:#333}
.nbanner {width: 100%;height: 500px; position: relative;}
.nbanner img { width: 1920px; position: absolute;left: 50%;top: 0px; display: block;margin-left: -960px;}
h2{ font-size:36px; line-height:46px; color:#333; text-align:center; margin-bottom:54px}
.w_1180{ margin:0 auto; width:1180px; padding:80px 0}
.about{ height:455px; overflow:hidden}
.about h2{ margin-bottom:17px}
.about p.bd{ line-height:30px; font-size:16px; text-align:center; margin-bottom:76px}
.about ul li{ width:222px; padding:0 36px; border-right:1px solid #eee; float:left; text-align:center; height:226px;cursor:pointer; }
.about ul li span{ width:92px; height:67px; background:#0068b7; padding-top:25px;display:block; margin:0 auto 30px;border-radius:46px;}
.about ul li span i{ width:36px; height:43px; background:url(../images/xcx_01.png) no-repeat; display:inline-block}
.about ul li span i.i1{ background-position:0 0}
.about ul li span i.i2{ background-position:0 -43px}
.about ul li span i.i3{ background-position:0 -86px}
.about ul li span i.i4{ background-position:0 -129px}
.about ul li h3{ line-height:24px; margin-bottom:14px; font-size:18px}
.about ul li p{ color:#555; font-size:13px; line-height:22px}
.about ul li:hover span{ background:#f5a100}
.function{ width:100%; background:url(../images/xcx_24.jpg) center 0 no-repeat; height:670px; overflow:hidden}
.function h2{ color:#fff} 
.function ul li{ padding:0 20px 30px; width:212px; height:125px; border-left:1px solid #5e5e5e;border-right:1px solid #5e5e5e;border-bottom:1px solid #5e5e5e; margin:0 15px 78px; text-align:center; position:relative; float:left; cursor:pointer;}
.function ul li::before,.function ul li::after {content: "";position: absolute;top: 0;width: 30%;border-top: solid 1px #5e5e5e;z-index: 1;}
.function ul li::before{left: 0;}
.function ul li::after{ right: 0;}
.function ul li i{ background:url(../images/xcx_02.png) no-repeat; display:inline-block; width:45px; height:49px;position:absolute; top:-25px; left:104px;}
.function ul li i.i1{ background-position:0 0}
.function ul li i.i2{ background-position:0 -49px}
.function ul li i.i3{ background-position:0 -98px}
.function ul li i.i4{ background-position:0 -147px}
.function ul li i.i5{ background-position:0 -196px}
.function ul li i.i6{ background-position:0 -245px}
.function ul li i.i7{ background-position:0 -294px}
.function ul li i.i8{ background-position:0 -343px}
.function ul li h3{ font-size:18px; line-height:24px; color:#fff; padding-top:48px; padding-bottom:8px}
.function ul li p{ line-height:22px; color:#cecece}
.function ul li:hover,.function ul li:hover::before,.function ul li:hover::after{ border-color:#fff}
.why{ height:590px; overflow: hidden}
.why img{ float:left; margin-right:60px}
.why ul{ float:left; width:584px; padding-top:32px}
.why ul li{ margin-bottom:30px; width:100%; display: inline-block;}
.why ul li i{ width:45px; height:45px; background:url(../images/xcx_04.png) no-repeat; display: inline-block; float:left; margin-right:14px}
.why ul li i.i1{ background-position:0 0 }
.why ul li i.i2{ background-position:0 -45px }
.why ul li i.i3{ background-position:0 -90px }
.why ul li i.i4{ background-position:0 -136px }
.why ul li i.i5{ background-position:0 -180px }
.why ul li div{ float:left; width:525px;}
.why ul li h3{ font-size:22px; line-height:28px; padding-bottom:4px}
.why ul li p{ color:#555; line-height:22px; font-size:14px}
.scene{ background:#0068b7; height:581px; overflow:hidden}
.scene h2{ color:#fff}
.scene ul{ padding-left:44px}
.scene ul li {display: inline-block;color: #333;transform: skew(-15deg); width:113px; height:327px; margin-right:5px; cursor:pointer; float:left}
.scene ul li .mask{width: 100%; height: 100%; position: relative; top: 0;left: 0px; background-color: rgba(0,104,183,.6); text-align: center; display: block;}
.scene ul li .mask span{display: block;height:44px;position: absolute; border: 2px solid rgba(0,0,0,0);line-height:44px; color: #fff; font-size:18px; width: 95px; left:  10px ; top:50%;margin-top: -22px;}
.scene ul li .mask:hover{ background-color: rgba(0,104,183,0);}
.scene ul li .mask:hover span{ color: #fff;background-color: rgba(0,104,183,.6);}
.axis{ height:479px; overflow:hidden}
.axis h2{ margin-bottom:8px}
.axis p.hd{ text-align:center; font-size:16px; margin-bottom:48px}
.axis ul{ background: url(../images/xcx_25.png) center 131px no-repeat; position:relative; height:392px;}
.axis ul li{ width:88px; text-align:center; position:absolute}
.axis ul li span{ width:88px; height:66px; background:url(../images/xcx_27.png) no-repeat; text-align:center; display:block; padding-top:22px}
.axis ul li a:hover span{background:url(../images/xcx_16.png) no-repeat;}
.axis ul li span i{ width:44px; height:42px; background:url(../images/xcx_26.png) no-repeat; display:inline-block}
.axis ul li.icon1{ top:45px; left:58px}
.axis ul li.icon2{ top:215px; left:178px}
.axis ul li.icon3{ top:40px; left:326px}
.axis ul li.icon4{ top:165px; left:520px}
.axis ul li.icon5{ top:-14px; left:650px}
.axis ul li.icon6{ top:200px; left:765px}
.axis ul li.icon7{ top:60px; left:900px}
.axis ul li.icon8{ top:235px; left:1035px}
.axis ul li.icon1 span i{ background-position:4px 2px}
.axis ul li.icon2 span i{ background-position:4px -166px}
.axis ul li.icon3 span i{ background-position:4px -40px}
.axis ul li.icon4 span i{ background-position:2px -210px}
.axis ul li.icon5 span i{ background-position:2px -84px}
.axis ul li.icon6 span i{ background-position:4px -250px}
.axis ul li.icon7 span i{ background-position:4px -125px}
.axis ul li.icon8 span i{ background-position:4px -291px}
.axis ul li p{ line-height:44px; font-size:16px}
.axis ul li a{ text-decoration:none; color:#333}
.program{ background:url(../images/xcx_19.jpg) 0 center no-repeat;}
.program .tab-hd{ width:120px; margin:0 40px 0 0; float:left}
.program .tab-hd li{ width:118px; height:60px; line-height:60px; color:#333; text-align:center; cursor:pointer; background:#fff; margin:0 0 26px; font-size:18px; border:1px solid #0068b7;border-radius:4px}
.program .tab-hd li.active,.program .tab-hd li:hover{ background:#0068b7; color:#fff}
.program .tab-bd{width:935px; border-left:1px solid #a5c6dd; padding-left:84px; float:left;}
.program .tab-bd li{display:none;}
.program .tab-bd li.thisclass{ display:list-item; vertical-align:top; float:left}
.program h3{ font-size:26px; line-height:32px; margin-bottom:21px}
.program p.hd{ color:#868787; line-height:22px; font-size:14px; }
.program .tab-bd li ul li{ width:174px; float:left; margin-right:76px; display:block; text-align:center; padding-top:41px}
.program .tab-bd li ul li i{ width:59px; height:54px; background:url(../images/xcx_18.png) no-repeat; display:inline-block;}
.program .tab-bd li ul li i.i2{ background-position:-59px 0}
.program .tab-bd li ul li i.i3{ background-position:-118px 0}
.program .tab-bd li ul li i.i4{ background-position:-177px 0}
.program .tab-bd li ul li i.i5{ background-position:0 -54px}
.program .tab-bd li ul li i.i6{ background-position:-59px -54px}
.program .tab-bd li ul li i.i7{ background-position:-118px -54px}
.program .tab-bd li ul li i.i8{ background-position:-177px -54px}
.program .tab-bd li ul li i.i9{ background-position:0 -108px}
.program .tab-bd li ul li i.i10{ background-position:-59px -108px}
.program .tab-bd li ul li i.i11{ background-position:-118px -108px}
.program .tab-bd li ul li i.i12{ background-position:-177px -108px}
.program .tab-bd li ul li i.i13{ background-position:0 -162px}
.program .tab-bd li ul li i.i14{ background-position:-59px -162px}
.program .tab-bd li ul li i.i15{ background-position:-118px -162px}
.program .tab-bd li ul li i.i16{ background-position:-177px -162px}
.program .tab-bd li ul li i.i17{ background-position:0 -324px}
.program .tab-bd li ul li i.i18{ background-position:-59px -324px}
.program .tab-bd li ul li i.i19{ background-position:-118px -324px}
.program .tab-bd li ul li i.i20{ background-position:-177px -324px}
.program .tab-bd li ul li i.i21{ background-position:0 -378px}
.program .tab-bd li ul li i.i22{ background-position:-59px -378px}
.program .tab-bd li ul li i.i23{ background-position:-118px -378px}
.program .tab-bd li ul li i.i24{ background-position:-177px -378px}
.program .tab-bd li ul li i.i25{ background-position:0 -216px}
.program .tab-bd li ul li i.i26{ background-position:-59px -216px}
.program .tab-bd li ul li i.i27{ background-position:-118px -216px}
.program .tab-bd li ul li i.i28{ background-position:-177px -216px}
.program .tab-bd li ul li i.i29{ background-position:0 -270px}
.program .tab-bd li ul li i.i30{ background-position:-59px -270px}
.program .tab-bd li ul li i.i33{ background-position:0 -432px}
.program .tab-bd li ul li i.i34{ background-position:-59px -432px}
.program .tab-bd li ul li i.i35{ background-position:-118px -432px}
.program .tab-bd li ul li i.i36{ background-position:-177px -432px}
.program .tab-bd li ul li h4{ font-size:18px; line-height:24px; padding:4px 0 9px 0}
.program .tab-bd li ul li p{ color:#7d7d7d; font-size:14px; line-height:22px}
.free{ width:100%; height:140px; position:relative}
.free img{width: 1920px;position: absolute; left: 50%;top: 0px;display: block; margin-left: -960px;}
.footinfo{ margin-top:53px}