﻿/** {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;}
html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body {color:#d0cdcd;font:14px/1.5 "Microsoft Yahei","Microsoft Yahei",Helvetica,Arial,sans-serif;overflow-x:hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}
audio,canvas,progress,video {display:inline-block; vertical-align:baseline }
h1 ,h2, h3, h4, h5, h6 {font-weight: normal;}*/



.bussiness{/*background: #f5f5f5;*/width:100%;}
.section_head {padding: 30px 0px 50px;}
.section_head .title {text-align: center;}
.section_head .title p {color: #333333;font-size:2.5rem;font-weight: bold;}
.section_head .title p i {color: #ff5500;}
.section_head .title span {display: block;color: #888;font-size: 13px;}

.bussiness-body{display: block;overflow: hidden;width: 90%;text-align: center;font-size: 0px;margin:auto;}
.bussiness-body .item{position: relative;display: inline-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 .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: #da251b;border-color: #da251b;}
.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(img/icon1.png) no-repeat 0px -822px;height:72px;padding-left:88px;}
.bussiness-body .item.on .service .content .bussiness-icon1{background:url(img/icon1.png) no-repeat 0px -894px;}
.bussiness-icon2{background:url(img/icon1.png) no-repeat 0px -750px;height:72px;padding-left:42px;}
.bussiness-body .item.on .service .content .bussiness-icon2{background:url(img/icon1.png) no-repeat 0px -678px;}
.bussiness-icon3{background:url(img/icon1.png) no-repeat 0px -1254px;height:72px;padding-left:64px;}
.bussiness-body .item.on .service .content .bussiness-icon3{background:url(img/icon1.png) no-repeat 0px -1326px;}
.bussiness-icon4{background:url(img/icon1.png) no-repeat 0px -966px;height:72px;padding-left:60px;}
.bussiness-body .item.on .service .content .bussiness-icon4{background:url(img/icon1.png) no-repeat 0px -1182px;}
.bussiness-icon5{background:url(img/icon1.png) no-repeat 0px -1038px;height:72px;padding-left:55px;}
.bussiness-body .item.on .service .content .bussiness-icon5{background:url(img/icon1.png) no-repeat 0px -1110px;}
.bussiness-body .item .service .info{display: block;padding: 16px 20px 0 20px;border-top: 1px dashed #cdcdcd;font-size: 13px;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 #cdcdcd;}
.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;*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;font-size: 14px;text-align: left;background: url(img/enter-icon.png) no-repeat right 10px center;cursor: pointer;-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(img/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;}

@media (max-width:768px) {
	
	.bussiness-body {padding: 0 10px;overflow: inherit;box-sizing:border-box;}
	.bussiness-body .item {margin-bottom: -1px;}
	.bussiness-body .item,.bussiness-body .item.on {width: 49%;}
	.bussiness-body .item .service {width: 100%;height: auto;border:1px solid #dcdcdc;border-width: 1px 0px 1px 1px;box-sizing:border-box;}
	.bussiness-body .item .service,.bussiness-body .item.on .service {border:1px solid #dcdcdc;border-width: 1px 0px 1px 1px;background: transparent;}
	.bussiness-body .item.item2 .service,.bussiness-body .item.item5 .service {border-width: 1px 1px 1px 1px;}
	.bussiness-body .item.on .service {width: 100%;}
	.bussiness-body .item .service .content {height: auto;padding: 30px 0px;}
	.bussiness-body .item .service .content .icon {margin-top: 30px;}
	.bussiness-body .item .price {display: none;}
	.bussiness-body .item .service .info {display: none;}
	.bussiness-body .item.item1,.bussiness-body .item.item2,.bussiness-body .item.item1.on,.bussiness-body .item.item2.on {width: 50%;}
		
	.bussiness-body .item .service .content h4 a {color: #4b4b4b;;font-size: 16px;}
	.bussiness-body .item.on .service .content h4 a {color: #4b4b4b;}
	.bussiness-body .item.on .service .content p {color: #4b4b4b;}

	.bussiness-body .item.on .service .content .bussiness-icon1{background:url(img/icon1.png) no-repeat 0px -822px;height:72px;padding-left:88px;}
	.bussiness-body .item.on .service .content .bussiness-icon2{background:url(img/icon1.png) no-repeat 0px -750px;height:72px;padding-left:42px;}
	.bussiness-body .item.on .service .content .bussiness-icon3{background:url(img/icon1.png) no-repeat 0px -1254px;height:72px;padding-left:64px;}
	.bussiness-body .item.on .service .content .bussiness-icon4{background:url(img/icon1.png) no-repeat 0px -966px;height:72px;padding-left:60px;}
	.bussiness-body .item.on .service .content .bussiness-icon5{background:url(img/icon1.png) no-repeat 0px -1038px;height:72px;padding-left:55px;}

	



	.bussiness-body .item.item1{
		width: 49% !important;
	}

	.bussiness-body .item.item2:nth-of-type(3){
		display: none;
	}

	.bussiness-body .item4 .service .content{
		border-right: 1px solid;
    	width: 99%;
	}

	


}
