﻿.all a{
    color: #444444;
}
.all a:hover{
    color: #1B618B;
}
.all{
	min-width: 1200px;
	height: 100%;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
}
.inside{
	width: 100%;
	height: 100%;
}
.content{
    position: relative;
	width: 1200px;
	margin:0 auto;
    text-align: center;
    overflow: hidden;
}
.top{
	width: 100%;
	background: #dcdcdc;
	height: 30px;
}
.top p{
	font-size: 16px;
	line-height: 30px;
	display: block;
	width: 1200px;
	margin: auto;
}
.logo-bg{
 background: rgb(246,246,246);
}
.logo{
	color: #ff7006;
	font-size: 18px;
}
.top-phone{
	width: 230px;;
	float: right;
}

.top-phone img{
    margin-top: 25px;
    float: left;
}
.top-phone .phone_wrapper{
	font-weight: bold;
	text-align: right;
	display: block;
	float: right;
	margin-top: 35px;
	letter-spacing:2px;
}

/*产品介绍*/
.content01{
	width: 100%;
	background-color: #fff;
	text-align: center;
}
.four-coin {
	margin: 50px 30px;
	height: 450px;
	width:240px;
	padding: 0 30px;
	float:left;
}
.clear{
	clear:both;
}
.four-coin div{
	float: left;
	width: 240px;
	color: #333333;
}
.four-coin-div{
	display: block;
	color: #333333;
	width: 237px;
	margin-left: 83px;
		transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}
.four-coin div h3{
	margin-top: 20px;
	font-size: 18px;
	
}
.four-coin div p{
	text-align: left;
	margin-top: 10px;
}
.four-coin div:hover{
	display: block;
	color: #ff7d05;
	margin-top: 20px !important;
	transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}
/*产品介绍*/
/*产品优势*/
.content02{
	width: 100%;
	height: 750px;
	background-image: url(../images/bg01.jpg);
	text-align: center;
}
.content02 p{
	color: #fff;
	margin-top: 40px;
	margin-bottom: 70px;
}
.ys-top{
	margin:auto;
	width: 1200px;
}
.ys{
	float: left;
	display: block;
	width: 196px;
	height: 226px;
	background-image:  url(../images/hexagon01.png);
	color:#ffffff;
		transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.ys h2{
	font-weight:500;
	margin-top: 55px;
}
.ys hr{
	width: 145px;
	filter:alpha(opacity:50); 
	opacity:0.5;  
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	margin-top: 15px;
	margin-bottom: 15px;
}
.ys p{
	margin: 20px;
}
.ys:hover{
	float: left;
	display: block;
	width: 196px;
	height: 226px;
	background-image:  url(../images/hexagon02.png);
	color:#ffffff;
	transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}
.bg-line{
	margin-top: -53px;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    text-align: center;
    height: 70px;
}
.bg-line div{
	background: url(../images/line01.png) no-repeat 50% 0;
    left: 0;
    top: 0;
    z-index: 100;
    min-width: 1200px;
    text-align: center;
    height: 70px;
}
/*产品优势*/
/*服务中心*/
.content03{
	width: 100%;
	height: 1360px;
	background-color: #fff;
	text-align: center;
}
.severce{
	width: 1200px;
	color: #333333;
	font-size: 14px;
	margin-top: 40px;
}
.severce-left{
	float: left;
	width: 330px;
	margin-top: 10px;
	height: 435px;
	text-align: right;
}
.severce-right{
	float: right;
		width: 330px;
	margin-top: 10px;
	height: 435px;
	text-align: left;
}
.severce-left li {
	margin-bottom: 110px;
}
.severce-right li {
	margin-bottom: 95px;
}
.severce-txt{
	margin-top: 50px;
	color: #1a30ff;
	line-height:24px;
	margin-bottom: 40px;
}
/*服务中心*/
.jionus{
	height: 180px;
	width: 100%;
	background: url(../images/join01.jpg) ;
}
.jionus div{
	width: 1200px;
	margin:0 auto;
}
.jionus div a{
	float: right;
	margin-right:200px;
	margin-top: 100px;
	color: #fff;
	padding: 8px 20px;
	border: 1px #ffffff solid;
	border-radius: 5px;
	font-size: 16px;
		transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.jionus div a:hover{
	float: right;
	margin-right:200px;
	margin-top: 100px;
	color: #fff;
	padding: 8px 20px;
	border-radius: 5px;
	font-size: 16px;
	background-color: #ffffff;
	color: #0054af;
		transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}
/*为什么加盟闪速推*/
.content04{
	width: 100%;
	height: 700px;
	text-align: center;
	margin-top: -4px;
 	background: url(../images/bg02.jpg);
}
.join-advantage{
	width: 1200px;
	margin-top: 50px;
}
.join-advantage li{
	width: 240px;
	height: 432px;
	float: left;
	background: #000;
}
.alpha-li-60{
 		filter:alpha(opacity:60); 
	opacity:0.6;  
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.alpha-li-80{
 		filter:alpha(opacity:80); 
	opacity:0.8;  
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	transition: all ease-in-out .8s;
    -o-transition: all ease-in-out .8s;
    -ms-transition: all ease-in-out .8s;
    -moz-transition: all ease-in-out .8s;
    -webkit-transition: all ease-in-out .8s;
}
.join-advantage li:hover{
	width: 240px;
	height: 432px;
	float: left;
	background: #0054af;
	 		filter:alpha(opacity:100); 
	opacity:1;  
	-moz-opacity:1;
	-khtml-opacity: 1;
	transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}
.advantage01{
	width: 240px;
	height: 432px;
	margin-top: 110px;
	color: #fff;
}
.advantage01 img{
	margin-bottom: 40px;
}
.advantage01 hr{
	margin:20px 40px;
	opacity:0.6;  
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
}
.advantage01-txt img{
	margin-bottom:20px;
}
.advantage01-txt hr{
	margin:20px 40px;
	opacity:0.6;  
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
}
.advantage01-txt p{
	font-size: 15px  !important;
	line-height: 30px;
	padding: 20px;
	letter-spacing: 1px;
}
.advantage01:hover .advantage01-txt{ 
	width: 240px;
	height: 432px;
opacity: 1; 
	margin-top: 40px;
	color: #fff;
	letter-spacing: 5px;
	background: #0054af;
	top:4380px; 
position:absolute; 
opacity: 0; 
display: block; 
-webkit-transition: .5s; 
-moz-transition: .5s; 
} 
.cent{ 
height:432px; 
width:240px; 
} 
.cs{ 
width:240px; 
height:432px; 
background:#0054af; 
top:4300px; 
position:absolute; 
opacity: 0; 
display: block; 
transition: 0.3s; 
-webkit-transition: .5s; 
-moz-transition: .5s; 
} 
.cent:hover .cs{ 
	color: #656e73; 
	opacity: 1; 
} 
.cent img{
	margin:70px auto 60px auto;
}
.cent h3{
	color: #fff;
	margin-bottom: 20px;
}
.cent p{
    color: #ffffff;
    font-size: 15px;
    margin: 15px;
    line-height: 30px;	
}
.cent hr{
	margin:0 30px;
}
.cs img{
	margin:40px auto 25px auto;
}
.cs h3{
	color: #fff;
	margin-bottom: 10px;
}
.cs hr{
	margin:0 30px;
}
.cs p{
	color: #ffffff;
	font-size: 15px;
	margin:40px 15px;
	line-height: 30px;
}
/*为什么加盟闪速推*/
/*合作流程*/
.content05{
	width: 100%;
	height: 410px;
	text-align: center;
 background: #fff;
 margin:0 auto;
}
.lc li{
	width: 300px;
	float: left;
	text-align: center;
}
.lc li p{
	display: block;
}
/*合作流程*/
/*精彩案列*/
.content06{
	width: 100%;
	text-align: center;
 margin:0 auto;
	background: #005097;
	color:#ffffff;
}
.case{
	margin-top: 40px;
    margin-bottom: 50px;
    
}
.case li{
	float: left;
    width: 380px;
    margin: 20px 10px;
}
.case li h1{
	font-size: 18px;
	margin: 20px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.case li img{
	width: 380px;
	height: 450px;
    margin-bottom: 30px;
	box-shadow: 0 0 10px #fff;
}
.case li span{
    margin-top: 20px;
    color: #005097;
    padding: 8px 20px;
    border-radius: 5px;
    background: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.case li b{
    margin-top: 20px;
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 5px;
    font-weight:bold;
    background: #005097;
    font-size: 16px;
    cursor: pointer;
    transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
/*精彩案列*/
