.banner {
    height: 400px;
    background: url(../img/o2o-banner.jpg) no-repeat center top;
}
.title {
    text-align: center;
    padding: 20px 0;
}
.title h2 {
    line-height: 80px;
    font-size: 34px;
    color: #222;
}
.title p {
    line-height: 32px;
    font-size: 16px;
    color: #565656;
}
.title .special-tit {
    margin-top: 8px;
    display: inline-block;
    padding: 0 45px;
    line-height: 30px;
    height: 30px;
    background: #eee;
    border-radius: 15px;
    color: #555;
    font-size: 16px;
    margin-bottom: 20px;
}
.hot-mode-list{
	width:1200px;
	padding: 20px 0 30px;
	margin:0 auto;
	float: left;
}
.hot-mode-list li{
	width:352px;
	height:346px;
	float: left;
	border:1px solid #e1e1e1;
	border-bottom-width:2px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.hot-mode-list .hot-item-1{
	border-bottom-color:#25b7aa;
}
.hot-mode-list .hot-item-2{
	border-bottom-color:#f42e5e;
	margin: 0 69px;
}
.hot-mode-list .hot-item-3{
	border-bottom-color:#eb6100;
}
.hot-mode-list .hot-item-img{
	padding-top: 50px;
	overflow: hidden;
}
.hot-mode-list .hot-item-img img{
	height:100%;
	display: block;
	margin: 0 auto;
}
.hot-mode-list .hot-item-tit{
	margin-top: 30px;
	font-weight:bold;
	color:#262626;
	line-height: 60px;
	font-size:19px;
}
.hot-mode-list .hot-item-tip{
	color:#7e7e7e;
	line-height: 24px;
	font-size:15px;
}
.hot-mode-list .hot-info{
	width:354px;
	height:348px;
	top: 346px;
	left: -1px;
	position: absolute;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.hot-mode-list li:hover .hot-info{
	top: -1px;
}
.hot-mode-list .hot-info p{
	height:280px;
	color:#fff;
	padding:0 40px;
	text-align:left;
	font-size:16px;
	line-height: 24px;
	padding-top: 30px;
}
.hot-mode-list .hot-info .hot-btn{
	width:140px;
	line-height: 28px;
	display: block;
	margin: 0 auto;
	border:2px solid #fff;
	color:#fff;
}
.hot-mode-list .hot-item-1 .hot-info{
	background:#25b7aa;
}
.hot-mode-list .hot-item-2 .hot-info{
	background:#f42e5e;
}
.hot-mode-list .hot-item-3 .hot-info{
	background:#eb6100;
}
.field-list{
	width:1212px;
	margin: 30px auto;
}
.field-list li{
	width:88px;
	margin: 0 56px;
	height:154px;
	float: left;
	text-align: center;
	background-image:url(../img/field-bg.png);
	background-repeat:no-repeat;
}
.field-list .field-item-2{
	background-position:-88px 0;
}
.field-list .field-item-3{
	background-position:-176px 0;
}
.field-list .field-item-4{
	background-position:-264px 0;
}
.field-list .field-item-5{
	background-position:-352px 0;
}
.field-list .field-item-6{
	background-position:-440px 0;
}
.field-list .field-item-7{
	background-position:-528px 0;
}
.field-list .field-item-8{
	background-position:-616px 0;
}
.field-list .field-item-9{
	background-position:-704px 0;
}
.field-list .field-item-10{
	background-position:-792px 0;
}
.field-list .field-item-11{
	background-position:-880px 0;
}
.field-list .field-item-12{
	background-position:-968px 0;
}
.field-list .field-item-13{
	background-position:-1056px 0;
}
.field-list .field-item-14{
	background-position:-1144px 0;
}
.field-list .field-item-15{
	background-position:-1232px 0;
}
.field-list .field-item-16{
	background-position:-1320px 0;
}
.field-list .field-item-17{
	background-position:-1408px 0;
}
.field-list .field-item-18{
	background-position:-1496px 0;
}
.field-list li .field-ico{
	width:88px;
	height:88px;
	background-image:url(../img/field-ico.png);
	background-repeat:no-repeat;
}
.field-list .field-ico-2{
	background-position:-88px 0;
}
.field-list .field-ico-3{
	background-position:-176px 0;
}
.field-list .field-ico-4{
	background-position:-264px 0;
}
.field-list .field-ico-5{
	background-position:-352px 0;
}
.field-list .field-ico-6{
	background-position:-440px 0;
}
.field-list .field-ico-7{
	background-position:-528px 0;
}
.field-list .field-ico-8{
	background-position:-616px 0;
}
.field-list .field-ico-9{
	background-position:-704px 0;
}
.field-list .field-ico-10{
	background-position:-792px 0;
}
.field-list .field-ico-11{
	background-position:-880px 0;
}
.field-list .field-ico-12{
	background-position:-968px 0;
}
.field-list .field-ico-13{
	background-position:-1056px 0;
}
.field-list .field-ico-14{
	background-position:-1144px 0;
}
.field-list .field-ico-15{
	background-position:-1232px 0;
}
.field-list .field-ico-16{
	background-position:-1320px 0;
}
.field-list .field-ico-17{
	background-position:-1408px 0;
}
.field-list .field-ico-18{
	background-position:-1496px 0;
}
.field-list li:hover .field-ico{
	-webkit-animation: icon-bounce .5s alternate;
	   -moz-animation: icon-bounce .5s alternate;
	    -ms-animation: icon-bounce .5s alternate;
	     -o-animation: icon-bounce .5s alternate;
	        animation: icon-bounce .5s alternate;
}
.field-list li a{
	display: block;
}
.field-list p{
	line-height: 56px;
	margin-top: 10px;
	font-size:16px;
	color:#666;
}
.service-list{
	width:1132px;
	margin: 0 auto;
	background:url(../img/service-line.jpg) no-repeat center 150px;
}
.service-list ul{
	width:1068px;
	margin: 0 auto;
}
.service-list ul li{
	width:267px;
	float: left;
	margin-bottom:86px ;
	text-align: center;
}
.service-list .service-info{
	height:96px;
	margin-top: 8px;
}
.service-list .service-tit{
	line-height: 38px;
	font-size:18px;
	color:#333;
}
.service-list .service-tip{
	line-height: 20px;
	font-size:14px;
	color:#999;
}
.service-list .service-img{
	width:111px;
	height:111px;
	margin: 0 auto;
	background-image:url(../img/service-bg.png);
	background-repeat:no-repeat;
}
.service-list .service-img-2{
	background-position:0 -111px;
}
.service-list .service-img-3{
	background-position:0 -222px;
}
.service-list .service-img-4{
	background-position:0 -333px;
}
.service-list .service-img-5{
	background-position:0 -444px;
}
.service-list .service-img-6{
	background-position:0 -555px;
}
.service-list .service-img-7{
	background-position:0 -666px;
}
.service-list .service-img-8{
	background-position:0 -777px;
}
.service-list .service-ico{
	width:111px;
	height:111px;
	background-image:url(../img/service-ico.png);
	background-repeat:no-repeat;
}
.service-list li:hover .service-ico{
	-webkit-animation: icon-bounce .5s alternate;
	   -moz-animation: icon-bounce .5s alternate;
	    -ms-animation: icon-bounce .5s alternate;
	     -o-animation: icon-bounce .5s alternate;
	        animation: icon-bounce .5s alternate;
}
.service-list .service-ico-2{
	background-position:0 -111px;
}
.service-list .service-ico-3{
	background-position:0 -222px;
}
.service-list .service-ico-4{
	background-position:0 -333px;
}
.service-list .service-ico-5{
	background-position:0 -444px;
}
.service-list .service-ico-6{
	background-position:0 -555px;
}
.service-list .service-ico-7{
	background-position:0 -666px;
}
.service-list .service-ico-8{
	background-position:0 -777px;
}
.mode{
	background:url(../img/mode-bg.jpg) no-repeat center 120px;
	height:845px;
}
.rich{
	background:#f6f6f6;
	min-height:690px;
	padding-bottom: 60px;
}
.rich-box{
	width:1094px;
	margin: 0 auto;
}
.rich-tab{
	float: left;
	width:266px;
	margin:0 12px;
}
.rich-tab .tab-hd{
	background:#fff;
	line-height: 64px;
	text-align: center;
	font-size:18px;
	border-bottom:1px solid #eee;
	color:#666;
	cursor: pointer;
	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;
}
.rich-tab .tab-hd span{
	display: inline-block;
	vertical-align: top;
}
.rich-tab .tab-hd span{
	*display: inline; /* Fix for IE7 */
}
.rich-tab .tab-hd.bd0{
	border-bottom:0;
}
.rich-tab .tab-hd .rich-tab-ico{
	width:35px;
	height:64px;
	background-image:url(../img/rich-tab-ico.png);
	background-repeat:no-repeat;
	display: inline-block;
	vertical-align: top;
	margin-right: 14px;
	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;
}
.rich-tab .tab-hd .rich-tab-ico-2{
	background-position:-35px 0;
}
.rich-tab .tab-hd .rich-tab-ico-3{
	background-position:-70px 0;
}
.rich-tab .tab-hd .rich-tab-ico-4{
	background-position:-105px 0;
}
.rich-tab .tab-hd .rich-tab-ico-5{
	background-position:-140px 0;
}
.rich-tab .tab-hd .rich-tab-ico{
	*display:inline;
}
.rich-tab .active .tab-hd{
	color:#fff;
}
.rich-tab .rich-tab-1.active .tab-hd{
	background:#fb5b58;
	border-color:#fb5b58;
}
.rich-tab .rich-tab-2.active .tab-hd{
	background:#f0a914;
	border-color:#f0a914;
}
.rich-tab .rich-tab-3.active .tab-hd{
	background:#1bbc9b;
	border-color:#1bbc9b;
}
.rich-tab .rich-tab-4.active .tab-hd{
	background:#ea603b;
	border-color:#ea603b;
}
.rich-tab .rich-tab-5.active .tab-hd{
	background:#4a85e6;
	border-color:#4a85e6;
}
.rich-tab .rich-tab-1.active .rich-tab-ico{
	background-position:0 -65px;
}
.rich-tab .rich-tab-2.active .rich-tab-ico{
	background-position:-35px -65px;
}
.rich-tab .rich-tab-3.active .rich-tab-ico{
	background-position:-70px -65px;
}
.rich-tab .rich-tab-4.active .rich-tab-ico{
	background-position:-105px -65px;
}
.rich-tab .rich-tab-5.active .rich-tab-ico{
	background-position:-140px -65px;
}
.rich-tab .tab-bd{
	height:0;
	padding: 0;
	overflow: hidden;
	line-height: 32px;
	color:#666;
	font-size:16px;
}
.rich-tab .active .tab-bd{
	height:136px;
	padding:20px 25px;
}
.rich-tab .rich-tab-1 .tab-bd{
	background:#f8c7c6;
}
.rich-tab .rich-tab-2 .tab-bd{
	background:#f4dfb2;
}
.rich-tab .rich-tab-3 .tab-bd{
	background:#b4e4db;
}
.rich-tab .rich-tab-4 .tab-bd{
	background:#f2c9be;
}
.rich-tab .rich-tab-5 .tab-bd{
	background:#c2d4f1;
}
.rich-info{
	width:804px;
	display:none;
	float: left;
}
.rich-info.active{
	display:block;
}
.rich-info li{
	background:#fff;
	width:244px;
	height:230px;
	padding-top: 14px;
	float: left;
	margin: 0 12px 12px;
}
.rich-info .rich-ico{
	height:100px;
	background-repeat:no-repeat;
}
.rich-info li:hover{
	box-shadow:0 0 10px rgba(0, 0, 0, .1);
}
.rich-info li:hover .rich-ico{
	-webkit-animation: icon-bounce .5s alternate;
	   -moz-animation: icon-bounce .5s alternate;
	    -ms-animation: icon-bounce .5s alternate;
	     -o-animation: icon-bounce .5s alternate;
	        animation: icon-bounce .5s alternate;
}
.rich-info .rich-ico-2{
	background-position:-244px 0;
}
.rich-info .rich-ico-3{
	background-position:-488px 0;
}
.rich-info .rich-ico-4{
	background-position:-732px 0;
}
.rich-info .rich-ico-5{
	background-position:-976px 0;
}
.rich-info .rich-ico-6{
	background-position:-1220px 0;
}
.rich-info .rich-ico-7{
	background-position:-1464px 0;
}
.rich-info .rich-ico-8{
	background-position:-1708px 0;
}
.rich-info .rich-ico-9{
	background-position:-1952px 0;
}
.rich-info-1 .rich-ico{
	background-image:url(../img/rich-ico-1.png);
}
.rich-info-2 .rich-ico{
	background-image:url(../img/rich-ico-2.png);
}
.rich-info-3 .rich-ico{
	background-image:url(../img/rich-ico-3.png);
}
.rich-info-4 .rich-ico{
	background-image:url(../img/rich-ico-4.png);
}
.rich-info-5 .rich-ico{
	background-image:url(../img/rich-ico-5.png);
}
.rich-info .rich-tit{
	line-height: 40px;
	color:#333;
	text-align: center;
	font-size:18px;
}
.rich-info .rich-tip{
	line-height: 22px;
	color:#999;
	font-size:14px;
	padding:0 25px;
}