@charset "utf-8";
/* CSS Document */

article, aside, details, figcaption, figure, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; }
.section { display: block;}
.container { display: block; width: 79%; min-width: 1200px; margin: 0px auto 20px auto; }
.bussiness { overflow: hidden; position: relative; }
.section-header { position: relative; display: block; padding-top:50px; height:auto; margin-bottom:40px; }
.section-header h3 {font-size: 24px; color: #383838; font-weight: bold; height:40px; line-height:40px; text-align:center; }
.section-header h4{font-size: 18px; color: #a0a0a0; height:40px; line-height:40px; text-align:center;}
.bussiness-body {display: block; overflow: hidden; height:400px; padding-top:460px; position:relative; margin-top:-460px; z-index:100; }
.clearfix { *zoom:1;
}
.bussiness-body .item { position: relative; display: block; float: left; width: 16.666%; opacity: 0; filter:alpha(opacity=0); overflow: hidden; }
.bussiness-body .item1 { left:200px; -webkit-transition: left 0.3s 0.5s linear, opacity 0.3s 0.5s linear, background 0.3s linear, width 0.3s linear; -o-transition: left 0.3s 0.5s linear, opacity 0.3s 0.5s linear, background 0.3s linear, width 0.3s linear; transition: left 0.3s 0.5s linear, opacity 0.3s 0.5s linear, background 0.3s linear, width 0.3s linear; }
.bussiness-body .item2 { left:300px; -webkit-transition: left 0.5s 0.5s linear, opacity 0.5s 0.5s linear, background 0.3s linear, width 0.3s linear; -o-transition: left 0.5s 0.5s linear, opacity 0.5s 0.5s linear, background 0.3s linear, width 0.3s linear; transition: left 0.5s 0.5s linear, opacity 0.5s 0.5s linear, background 0.3s linear, width 0.3s linear; ; }
.bussiness-body .item3 { left:400px; -webkit-transition: left 0.7s 0.5s linear, opacity 0.7s 0.5s linear, background 0.3s linear, width 0.3s linear; -o-transition: left 0.7s 0.5s linear, opacity 0.7s 0.5s linear, background 0.3s linear, width 0.3s linear; transition: left 0.7s 0.5s linear, opacity 0.7s 0.5s linear, background 0.3s linear, width 0.3s linear; }
.bussiness-body .item4 { left:500px; -webkit-transition: left 0.9s 0.5s linear, opacity 0.9s 0.5s linear, background 0.3s linear, width 0.3s linear; -o-transition: left 0.9s 0.5s linear, opacity 0.9s 0.5s linear, background 0.3s linear, width 0.3s linear; transition: left 0.9s 0.5s linear, opacity 0.9s 0.5s linear, background 0.3s linear, width 0.3s linear; }
.bussiness-body .item5 { left:600px; -webkit-transition: left 1.1s 0.5s linear, opacity 1.1s 0.5s linear, background 0.3s linear, width 0.3s linear; -o-transition: left 1.1s 0.5s linear, opacity 1.1s 0.9s linear, background 0.3s linear, width 0.3s linear; transition: left 1.1s 0.5s linear, opacity 1.1s 0.9s linear, background 0.3s linear, width 0.3s linear; }
.bussiness-body .item.on { width: 32.33%; }
.bussiness .bussiness-body.show .item { left:0; opacity: 1; filter:alpha(opacity=100); }
.bussiness-body .item .service { display: block; height: 358px; border: 1px solid #e8e8e8; border-width: 1px 0px 1px 1px; text-align: center; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.bussiness-body .item.on .service { width: 50%; }
.bussiness-body .item5 .service { border-width: 1px 1px 1px 1px; }
.bussiness-body .item.on .service { background-color: #0166ce; border-color: #0166ce; }
.bussiness-body .item .service .content { display: block; height: 240px; padding-top: 46px; line-height: 1; }
.bussiness-body .item .service .content h4 { display: block; font-size: 18px; font-weight: bold; }
.bussiness-body .item .service .content h4 a { color: #333; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.bussiness-body .item.on .service .content h4 a { color: #fff; }
.bussiness-body .item .service .content p { display: block; margin-top: 11px; color: #4b4b4b; white-space: nowrap; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.bussiness-body .item.on .service .content p { color: #fff; }
.bussiness-body .item .service .content .icon { display: inline-block; margin-top: 56px; }
.bussiness-icon1 { background:url(../images/icon.png) no-repeat 0px -822px; height:72px; padding-left:88px; }
.bussiness-body .item.on .service .content .bussiness-icon1 { background:url(../images/icon.png) no-repeat 0px -894px; }
.bussiness-icon2 { background:url(../images/icon.png) no-repeat 0px -750px; height:72px; padding-left:42px; }
.bussiness-body .item.on .service .content .bussiness-icon2 { background:url(../images/icon.png) no-repeat 0px -678px; }
.bussiness-icon3 { background:url(../images/icon.png) no-repeat 0px -1254px; height:72px; padding-left:54px; }
.bussiness-body .item.on .service .content .bussiness-icon3 { background:url(../images/icon.png) no-repeat 0px -1326px; }
.bussiness-icon4 { background:url(../images/icon.png) no-repeat 0px -966px; height:72px; padding-left:75px; }
.bussiness-body .item.on .service .content .bussiness-icon4 { background:url(../images/icon.png) no-repeat 0px -1182px; }
.bussiness-icon5 { background:url(../images/icon.png) no-repeat 0px -1038px; height:72px; padding-left:74px; }
.bussiness-body .item.on .service .content .bussiness-icon5 { background:url(../images/icon.png) no-repeat 0px -1110px; }
.bussiness-body .item .service .info { display: block; padding: 16px 20px 0 20px; border-top: 1px dashed #cdcdcd; font-size: 12px; line-height: 20px; color: #6c6c6c; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.bussiness-body .item.on .service .info { color: #fff; border-top: 1px dashed #4e94dd; }
.bussiness-body .item .price { position: absolute; display: block; width: 100%; height: 360px; left:100%; top:0; }
.bussiness-body .item.on .price { width: 50%; left:50%; }
.bussiness-body .item .price ul { display: block; position: relative; z-index: 5; }
.bussiness-body .item .price ul li { display: block; height: 71px; line-height: 71px; width:100%;  *height: 69px;
 *line-height: 69px;
border-bottom: 1px solid #565758; white-space: nowrap; }
.bussiness-body .item .price ul li a { display: block; padding: 0 20px 0 10px; color: #999; background: url(../images/enter-icon.png) no-repeat right 10px center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.bussiness-body .item .price ul li a:hover { color: #fff; background: url(../images/enter-icon-on.png) no-repeat right 10px center; }
.bussiness-body .item .price ul li a .num { padding-left: 10px; }
.bussiness-body .item .price .mask { position: absolute; width: 100%; height: 100%; top:0; left:0; background-color: #000; opacity: 0.8; filter:alpha(opacity=80); z-index: 2; }


.strength { display: block; width: 100%; height:286px; padding:230px 0px 30px 0px; overflow: hidden; background: url(../images/bbg.jpg) no-repeat center top; margin-bottom:50px;}
.strength .item { position: relative; display: block; float: left; width: 33.333%;  *width: 33.32%;
height: 132px; text-align: center; top:200px; opacity: 0; filter:alpha(opacity=100); }
.strength .item1 { -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.strength .item2 { -webkit-transition: 0.3s 0.5s ease; -o-transition: 0.3s 0.5s ease; transition: 0.3s 0.5s ease; }
.strength .item3 { -webkit-transition: 0.6s 0.5s ease; -o-transition: 0.6s 0.5s ease; transition: 0.6s 0.5s ease; }
.strength.show .item { top:0; opacity: 1; filter:alpha(opacity=100); }
.strength .item .item-box { display: block; }
.strength .item3 .item-box { border-right: none; }
.strength .item .num { position: relative; display: block; text-align: center; line-height: 1; font-size: 0; font-family: "Microsoft Yahei"; }
.strength .item .num .num-item { display: inline-block;  *display: inline; *zoom:1;  height: 86px; line-height:86px; margin: 0 2px; color: #dedede; font-size:86px; overflow: hidden; font-family:Arial; font-weight:bold; }
.strength .item .num .num-item .box { display: block; }
.strength .item .num .num-item span { display: block; height: 86px; text-align: center; }
.strength .item .num .icon {position: absolute; width:106px; height:106px; top:-106px; left:50%; margin-left:-80px; z-index:100; background: url(../images/nicon_1.png) repeat-x center; }
.strength .item .num .iconx {position: absolute; width:106px; height:106px; top:-106px; left:50%; margin-left:-53px; z-index:100; background: url(../images/nicon_2.png) repeat-x center; }
.strength .item .num .iconxx {position: absolute; width:106px; height:106px; top:-106px; left:50%; margin-left:-53px; z-index:100; background: url(../images/nicon_3.png) repeat-x center; }
.strength .item p { display: block; text-align: center; font-size: 16px; color: #fff; margin-top: 20px; }


@media (max-width: 1200px) {
.section{display:none;}	
}