/*************************************全局*************************************/
*{
	margin: 0px;
	padding: 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	font-family: "Microsoft YaHei";
}
a{
	color: #fff;
	text-decoration: none;
}
a:hover{
	color: #fff;
}
.clearfix:after{
	clear: both;
}
.clearfix:before{
    display: table;
    content: " ";
}
/*************************************隐藏浏览器滚动条*************************************/
::-webkit-scrollbar { /* 滚动条整体部分 */
	width:0px;
	margin-right:2px
}
::-webkit-scrollbar-track-piece { /*内层轨道，滚动条中间部分 */
	background-color: white;
}
::-webkit-scrollbar:horizontal {
	height:0px;
	margin-bottom:2px
}
::-webkit-scrollbar-track-piece { /*内层轨道，滚动条中间部分 */
	background-color: white;
}
::-webkit-scrollbar-thumb { /* 滑块 */
	width:0px;
	background: #CBCBCB;
}
::-webkit-scrollbar-thumb:hover { /* 鼠标移入滑块 */
	background: #909090;
}
.row{
	width: 1510px;
	margin: auto;
}
.row2{
	width: 1254px;
	margin:auto;
}


/*************************************头部*************************************/
.header{
	width: 100%;
	height: 0px;
	position: relative;
	padding-bottom: 43.4375%;
	background-image: url('/static/banner.jpg');
	background-size: 100%;
}
/*************************************头部 栏目*************************************/
.header_nav{
	width: 100%;
	border-bottom: solid 1px #607178;
}
.header_row{
	height: 116px;
}
/*************************************头部 栏目 logo*************************************/
.header_nav_logo{
	float: left;
	margin-top: 41px;
}
.header_nav_logo>img{
	display: block;
	width: 100%;
}
/*************************************头部 栏目 菜单*************************************/
.header_nav_menu{
	float: right;
	list-style: none;
}
.header_nav_menu>li{
	display: block;
	float: left;
	width: 104px;
	line-height: 116px;
}
.header_nav_menu>li>a{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
}


/*************************************产品介绍*************************************/
			.product{
				width: 100%;
			}
/*************************************产品介绍 产品优点*************************************/
.product_advantage_row{
	height: 484px;
}
.product_advantage_list{
	float: left;
	width: 14.5%;
	margin-right: 14%;
	margin-top: 145px;
}
.product_advantage_list:last-child{
	margin-right: 0px;
}
.product_advantage_list>img{
	display: block;
	margin: 0px auto 12px auto;
}
.product_advantage_list>p{
	width: 100%;
	color: #6b6b6b;
	text-align: center;
}
.product_advantage_list>p:nth-child(2){
	font-size: 20px;
	line-height: 46px;
}
.product_advantage_list>p:last-child{
	font-size: 16px;
	line-height: 26px;
}
/*************************************产品介绍 seo合作*************************************/
.product_seo{
width: 100%;
background-image: url('/static/seo.png');
height: 0px;
position: relative;
padding-bottom: 26.875%;
background-size: 100%;
background-color: #222d32;
height: 516px;

}
.product_seo_row{
padding-top: 72px;
}
/*************************************产品介绍 seo合作 标题*************************************/
.product_seo_title{
	color: #fff;
}
.product_seo_title>p{
	text-align: center;
}
.product_seo_title>p:first-child{
	font-size: 32px;
	line-height: 88px;
	font-weight: 800;
}
.product_seo_title>p:first-child>span{
	font-weight: 100;
}
.product_seo_title>p:last-child{
	font-size: 18px;
}
/*************************************产品介绍 seo合作 内容*************************************/
.product_seo_list{
	width: 100%;
}
.product_seo_list_li{
	margin-right: 7.8%;
	width: 19.15%;
	float: left;
}
.product_seo_list_li:last-child{
	margin-right: 0px;
}
.product_seo_list_li>div{
	margin-top:100px;
	background-size: 85px 81px;
	background-repeat: no-repeat;
	height:81px;
	padding-left: 40px;
}
.product_seo_list_li>div>p{
	text-align: center;
}
.product_seo_list_li>div>p:first-child{
	font-size: 28.82px;
	color: #18bc9c;
	line-height: 60px;
}
.product_seo_list_li>div>p:last-child{
	font-size: 20px;
	color: #fff;
	line-height: 20px;
}
/*************************************产品介绍 用结果说话*************************************/
.product_results{
width: 100%;
}
.product_results_row{
height:750px;
margin-top: 97px;
}
/*************************************产品介绍 用结果说话 标题*************************************/
.product_results_title{
	color: #222d32;
}
.product_results_title>p{
	text-align: center;
}
.product_results_title>p:first-child{
	font-size: 32px;
	line-height: 88px;
	font-weight: 800;
}
.product_results_title>p:first-child>span{
	font-weight: 100;
}
.product_results_title>p:last-child{
	font-size: 18px;
}
/*************************************产品介绍 用结果说话 列表*************************************/
.product_results_list{
	margin-top: 66px;
}
.product_results_list_li{
	width: calc(25% - 16px);
	margin-right: 16px;
	float: left;
}
.product_results_list_li:last-child{
	margin-right: 0px;
}
.product_results_list_li>div:first-child{
	padding-top: 21px;
}
.product_results_list_li:nth-child(odd)>div:first-child{
	width: 100%;
	background-color: #1f5f56;
	height:130px;
}
.product_results_list_li:nth-child(even)>div:first-child{
	width: 100%;
	background-color: #18bc9c;
	height: 130px;
}
.product_results_list_li>div:first-child>img{
	display: block;
	margin: auto;
}
.product_results_list_li>div:last-child{
	width: 100%;
	height: 337px;
	padding-top: 47px;
	background-color: #222d32;
}
.product_results_list_li>div:last-child>p:first-child{
	color: #18bc9c;
	font-size: 24px;
	text-align: center;
}
.product_results_list_li>div:last-child>i{
	background-color: #18bc9c;
	display: block;
	width: 40px;
	height: 2px;
	margin:8px auto 20px auto;
}
.product_results_list_li>div:last-child>p{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
}
.product_results_list_li>div:last-child>p:last-child{
	margin: 0px  62px;
	line-height: 28px;
	font-size：14px;
}
/*************************************产品介绍 服务以结果为导向*************************************/
.product_service{
	width: 100%;
	background-image: url('/static/service_bg.jpg');
	position: relative;
	padding-bottom: 29.6875%;
	background-size: 100%;
	height:570px;
}
.product_service_row{
	padding-top: 44px;
}
/*************************************产品介绍 服务以结果为导向 标题*************************************/
.product_service_title{
	text-align: center;
	color: #fff;
	/*margin-top: 44px;*/
}
.product_service_title>p:first-child{
	font-size: 32px;
	line-height: 86px;
}
.product_service_title>p:last-child{
	font-size: 14px;
	color: #a3a3a3;
	line-height: 20px;
}
/*************************************产品介绍 服务以结果为导向 列表*************************************/
.product_service_list{
	width: 100%;
	margin-top: 30px;
}
.product_service_list2{
	display: none;
}
.product_service_list>div{
	float: left;
}

.product_service_list_left,.product_service_list_right{
	width: 432px;
}
.product_service_list>div>img{
	display: block;
	width: 100%;
}
.product_service_list>div>img:first-child{
	margin-bottom: 15px;
}
.product_service_list_left_img1::hover .product_service_list_middle{
	height:200px;
	background-color: red;

	width: 315px;
	height: 318px;
	background-size: 100%;
	margin:0px 5px;
}
.product_service_list_middle {
	width: 315px;
	height: 318px;
	background-size: 100%;
	margin:0px 5px;
	color: #fff;
	position: relative;
	/*padding: 25px;*/
}
.product_service_list_middle>p:first-child{
	margin:100px auto 0 auto;
	font-size: 20px;
	width: 216px;
}
.product_service_list_middle>p:last-child{
	margin:20px auto;
	font-size: 16px;
							width: 216px;

	line-height: 25px;
}
.middle1{
	background-image: url('/static/fuwu05.png');
}

.middle2{
	background-image: url('/static/fuwu06.png');
	display:none;
}

.middle3{
	background-image: url('/static/fuwu07.png');
	display:none;
}

.middle4{
	background-image: url('/static/fuwu08.png');
	display:none;
}
.product_service_list_left>img:first-child:hover .middle1{
	display: none;
}


/*************************************加盟合作 项目合作*************************************/
.cooperation_collaborate{
	height: 319px;
	margin-bottom: 60px;
}
/*************************************加盟合作 项目合作 标题*************************************/
.cooperation_collaborate_title{
	color: #666;
	text-align: center;
	margin: 70px 0px;
}
.cooperation_collaborate_title>p:first-child{
	font-size: 29px;
	font-weight: 700;
	line-height: 36px;
}
.cooperation_collaborate_title>p:last-child{
	font-size: 13px;
	line-height: 30px;
}
/*************************************加盟合作 项目合作 列表*************************************/
.cooperation_collaborate_list{
	width: 100%;
}
.cooperation_collaborate_list>div{
	width: 10%;
	float: left;
	margin-right: 8%;
}
.cooperation_collaborate_list>div:last-child{
	margin-right: 0px;
}
.cooperation_collaborate_list>div>img{
	display: block;
	width: 100%;
}
.cooperation_collaborate_list>div>p{
	text-align: center;
	font-size: 16px;
	color: #070707;
	padding-top: 5px;
}
/*************************************加盟合作 源码出售*************************************/
.cooperation_code{
	width: 100%;
	background-image: url('/static/code_bg.jpg');
	position: relative;
	height:0px;
	padding-bottom: 12%;
	background-size: 100%;
	height: 260px;
	padding-top: 30px;
}
/*************************************加盟合作 源码出售 标题*************************************/
.cooperation_code_title{
	color: #fff;
	text-align: center;
}
.cooperation_code_title>p:first-child{
	line-height: 60px;
	font-size: 29px;
	font-weight: 700;
}
.cooperation_code_title>p:last-child{
	font-size: 14px;
}
/*************************************加盟合作 源码出售 列表*************************************/
.cooperation_code_list{
	margin:auto;
	text-align: center;
	margin-top: 30px;
}
.cooperation_code_list2{
	display: none;
}
.cooperation_code_list a{
	display: inline-block;
}
.cooperation_code_list img{
	display: inline-block;
}


/*************************************联系我们*************************************/
#contact{
	border-top: solid 1px #fff;
	background-color: #071715;
}
.contact_list{
	height:336px;
}
.contact_list>div{
	margin-top: 85px;
	color: #9a9c9c;
	float: left;
	font-size: 12px;
	line-height: 28px;
	margin-left: 8%;
}
.contact_list>div:last-child{
	float: right;

	margin-top: 100px;
}
.contact_list>div>p:first-child{
	color: #fff;
	font-size: 16px;
	margin-bottom: 35px;
}
.contact_list>div>img{
	display: block;
	float: left;
	margin-right: 50px;
}
.contact_list>div>img:last-child{
	margin-right: 0px;
}





/*************************************media 1254px*************************************/
@media screen and (max-width: 1254px) {
	.row{
		width: 90%;
	}
	.row2{
		width: 80%;
	}
	/*产品介绍 产品优点*/
	.product_advantage_row{
		height: 968px;	
	}
	.product_advantage_list{
		width: calc(50% - 20px);
		margin-right: 20px;
	}
	.product_advantage_list:nth-child(2n){
		margin-right: 0px;
	}
	/*产品介绍 seo合作*/
	.product_seo{
		height: 688px;
	}
	.product_seo_list_li{
		width: calc(50% - 20px);
		margin-right:20px;
	}
	.product_seo_list_li:nth-child(2n){
		margin-right: 0px;
	}
	/*产品介绍 用结果说话*/
	.product_results_row{
		height: 1300px;
	}
	.product_results_list_li{
		width: calc(50% - 20px);
		margin-right: 20px;
	}
	.product_results_list_li:nth-child(2){
		margin-right: 0px;
	}
	.product_results_list_li{
		width: calc(50% - 20px);
		margin-right: 20px;
	}
	.product_results_list_li>div:last-child>p:last-child{
		text-align: center;
	}
	.product_results_list_li:first-child,.product_results_list_li:nth-child(2){
		margin-bottom: 30px;
	}
	.product_service_list_left, .product_service_list_right{
		width: calc(50% - 20px);
	}
	.product_service_list_right{
		/*margin-right: 20px;*/
		float: right!important;
	}
	.product_service_list_middle{
		display: none;
	}
	/*加盟合作 项目合作*/
	.cooperation_collaborate{
		height: 780px;
	}
	
	.cooperation_collaborate_list>div{
		width: 30%;
		margin-right: 3.33%;
	}
	.cooperation_collaborate_list>div:nth-child(-n+6){
		margin-bottom: 50px;
	}
	.cooperation_collaborate_list>div:nth-child(3n){
		margin-right: 0px;
	}
	.contact_list{
		height: 600px;
	}
	.contact_list>div:last-child{
		float: left;
	}
	
}

/*************************************media 900px*************************************/
@media screen and (max-width: 900px){
	.row{
		width: 95%;
	}
	.row2{
		width: 95%;
	}
	.header_row{
		display: none;
	}
	.product_advantage_row{
		height: 450px;
	}
	.product_advantage_list{
		margin-top: 50px;
		height: 150px;
	}
	.product_advantage_list img{
		width: 20%;
	}
	.product_seo{
		height: 380px;
	}
	.product_seo_list_li:nth-child(2n){
		margin-right: 0px;
	}
	.product_seo_title span{
		display: none;
	}
	.product_seo_row{
		padding-top:10px;
	}
	.product_seo_list_li>div{
		margin-top:20px;
	}
	.product_seo_list_li>div>p:first-child{
		font-size:16px;
	}
	.product_seo_list_li>div>p:last-child{
		font-size:16px;
	}
	
	.product_results_row{
		margin-top:30px;
		height: 2250px;
	}
	.product_results_title span{
		display: none;
	}
	.product_results_list_li{
		width: 100%;
		margin-right: 0px;
		margin-top: 10px;
	}
	.product_results_list_li:first-child{
		margin-top: 0px;
	}
	.product_service{
		height: 1405px;
	}
	
	.product_service_list1{
		display: none;
	}
	.product_service_list2{
		display: block;
	}
	.product_service_list2 img{
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}
	.product_service_list2 img:last-child{
		margin-bottom: 0px;
	}
	.contact_list{
		height: 650px;
	}
	.contact_list>div>img:last-child{
		clear: both;
    	margin-top: 20px;
	}
	.cooperation_collaborate_title span{
		display:none;
	}
	.cooperation_code_title>p:last-child span{
		display: none;
	}
}

/*************************************media 820px*************************************/
@media screen and (max-width: 820px){
	.product_service{
		height: 1314px;
	}
}

/*************************************media 756px*************************************/
@media screen and (max-width: 756px){
	.product_service{
		height: 1230px;
	}
	.cooperation_collaborate{
		height: 630px;
	}
}
/*************************************media 700px*************************************/
@media screen and (max-width: 700px){
	.product_service{
		height: 1146px;
	}
}
/*************************************media 640px*************************************/
@media screen and (max-width: 640px){
	.product_service{
		height: 1064px;
	}
}


/*************************************media 551px*************************************/
@media screen and (max-width: 551px){
	.cooperation_code{
		height: 325px;
	}
	.cooperation_code_list2{
		display: block;
	}
	.cooperation_code_list1{
		display: none;
	}
	.cooperation_collaborate{
		height: 550px;
	}
	.product_service{
		height: 985px;
	}
}

/*************************************media 447px*************************************/
@media screen and (max-width: 447px){
	.contact_list>div{
		margin-top: 20px;
	}
	.contact_list>div:first-child{
		display: none;
	}
	.contact_list>div:last-child{
		margin-top: 20px;
	}
	.contact_list>div>img{
		margin-right: 20px;
	}
	.contact_list{
		height: 510px;
	}
	.cooperation_collaborate{
		height:500px;
	}
	.product_service{
		height: 850px;
	}
}
@media screen and (max-width:361px){
	.row,.row2{
		width: 340px;
	}
	#header,.cooperation,#product,.product_service,.product_seo,.product_advantage_row,.cooperation_code,#contact{
		width: 360px;
	}
	.product_service{
		height: 782px;
	}
	.cooperation_collaborate{
		height: 450px;
	}


}