﻿@media (min-width: 768px){
	.navbar-brand{
	    float: left;
	    margin:15px;
	    height: 50px;
	    padding: 0px;
	    font-size: 18px;
	    line-height: 20px;
	}
}


h4,h5,h6{
	margin: 0;
	padding: 0;
}
dl,ul{
	margin: 0;
}
.cpfw_tit{
	font-size: 30px;
	color: #4c4c4c;
	line-height: 30px;
	margin-top: 80px;
	margin-bottom: 18px;
}
.cpfw_p{
	font-size: 18px;
	color: #666666;
	line-height: 18px;
}

.cof{
	color: #FFFFFF;
}
.pm10{
	padding-bottom: 10px;
}
@media (min-width: 1368px){
	.container{
		width: 1200px;
		margin: 0 auto;
	}
}
/*内容+流量*/
.nrll_con{
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	margin-top: 77px;
	margin-bottom: 60px;
}
.nrll_con img{
	display: inline-block;
}
.nrll_con span{
	height: 120px;
	line-height: 120px;
}
.nrll_con dl{
	float: left;
	padding: 0 60px;
	width: 19%;
}
.nrll_con dl dd{
	font-size: 20px;
	line-height: 20px;
	color: #4C4C4C;
	margin: 26px 0;
}

/*小于1200px尺寸*/
@media (max-width: 1200px){
	.nrll_con dl{
	    padding: 0 30px;
	}
	
}
/*大于992px尺寸 小于1200px尺寸 	*/
@media (min-width: 992px) and (max-width: 1200px){
	.nrll_con dl{
		float: left;
		padding: 0 60px;
		width: 18%;
	}
}

/*大于999px尺寸 小于1200px*/
@media (min-width: 999px) and (max-width:1200px){
	.nrll_con span{
		line-height: 54px;
	}
	.nrll_con dl{
		float: left;
		padding: 0 30px;
		width: 18%;
	}
}
/*小于992px尺寸*/
@media (max-width: 992px){
	.nrll_con dl{
		width: 50%;
	}
}
	
	
/*小于999px尺寸*/
@media (max-width: 999px){
	.nrll_con span{
		line-height: 100px;
	}
	.nrll_con span img{
		width: 60px;
	}
	.nrll_con dl{
		padding: 0 20px;
	}
	.nrll_con dl dt img{
		width: 100px;
	}	
	
}
/*大于768px尺寸 小于999px*/
@media (min-width: 768px) and (max-width:999px){
	.zxgj_main .zxgj_img{
		width: 50%;
	}
	.zxgj_main .zxgj_info{
		margin-top: 95px !important;
	}
}

/*小于768px尺寸*/
@media (max-width: 768px){
	.nrll_con span{
		display: none;
	}
	.nrll_con dl{
		padding: 0 43px;
	}
	
}


/*网站搭建*/
.wzdj_con{
	width: 100%;
	display: inline-block;
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
	position: relative;
}
/*.wzdj_con .wzjs01{
	margin-left: 0 !important;
}*/
.wzdj_con .wzjs{
	padding: 0;
	width:100%;
	height: 430px;
	display: inline-block;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}
.wzjs01{
	background: url(../images/cpfw/wzjs_011.png) no-repeat center;
	background-size: cover;
}
.wzjs02{
	background: url(../images/cpfw/wzjs_022.png) no-repeat center;
	background-size: cover;
}
.wzjs03{
	background: url(../images/cpfw/wzjs_033.png) no-repeat center;
	background-size: cover;
}
.wzjs04{
	background: url(../images/cpfw/wzjs_044.png) no-repeat center;
	background-size: cover;
}


.wzdj_con .wzdj_tit{
	padding-top: 54px;
	font-size: 24px;
	line-height: 24px;
	color: #FFFFFF;
	font-weight: bold;
}
.wzdj_con .wzdj_p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	padding: 0 50px;
	margin-top: 150px;
}
.wzdj_con .wzdj_p p{
	margin: 0;
	font-size: 14px;
}
.wzdj_con a{
	width: 118px;
	height: 36px;
	line-height: 34px;
	border-radius: 10px;
	text-align: center;
	display: inline-block;
	position: absolute;
	bottom: 10%;
	left: 50%;
    margin-left: -59px;
}
.wzjs01 a{
	border: 1px solid #7fc137;
}
.wzjs02 a{
	border: 1px solid #1ac6cb;
}

.wzjs03 a{
	border: 1px solid #63b7f0;
}

.wzjs04 a{
	border: 1px solid #9185f7;
}
.link01:hover{
	background: #7fc137;
	color: #FFFFFF;
}
.link02:hover{
	background: #1ac6cb;
	color: #FFFFFF;
}
.link03:hover{
	background: #63b7f0;
	color: #FFFFFF;
}
.link04:hover{
	background: #9185f7;
	color: #FFFFFF;
}

/*全网营销*/

.qwyx_con{
	width: 100%;
	margin-top: 58px;
	display: inline-block;
	margin-bottom: 93px;
}
.qwyx_con_lr{
	float: none !important;
}
.qwyx_con_lr ul li{
	/*width: 270px;*/
	padding: 37px 0;
	background-color: #F5F5F5;
	border: 2px solid #F5F5F5;
	margin-bottom: 10px;
	cursor: pointer;
}
.qwyx_con_lr ul li span{
	width: 24px;
	height: 24px;
	float: left;
	margin-left: 12%;
	margin-right: 15px;
	overflow: hidden;
}
.qwyx_con_lr ul li p{
	font-size: 18px;
	color: #333333;
	margin: 0;
}
.qwyx_con_lr .on{
	background: #FFFFFF;
	border: 2px solid #4998f2;
}
.qwyx_con_lr .on span img{
	margin-top: -28px;
}
.qwyx_con_lr .on p{
	color: #4998f2;
}

.qwyx_con_c{
	width: 100%;
	/*padding: 0 10px;*/
	position: relative;
}
.qwyx_con_c ul{
	display: none;
}
.qwyx_con_c .show3{
	display: block;
}
.qwyx_img_box{
	background: url(../images/cpfw/cclarity-bg.png);
	width: 100%;
	padding: 10% 15%;
	position: absolute;
	top: 15%;
	left: 0;
}
.qwyx_yhl{
	width: 28px;
	height: 23px;
	position: absolute;
	left: 5%;
	top: 20px;
}
.qwyx_yhr{
	width: 28px;
	height: 23px;
	position: absolute;
	right: 5%;
	bottom: 27px;
}

.qwyx_info{
	width: 100%;
}
.qwyx_info_tit{
	overflow: hidden;
}
.qwyx_info_tit span{
	width: 24px;
	height: 24px;
	margin-right: 15px;
	display: inline-block;
}
.qwyx_info_tit p{
	font-size: 18px;
	color: #FFFFFF;
	display: inline-block;
}
.qwyx_info strong{
	display: inline-block;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 30px;
}
.qwyx_img img{
	width: 100%;
}
/*小于999px尺寸*/
@media (max-width: 999px){
	.qwyx_con{
		width: 100%;
	}
	.qwyx_con_c{
		width: 100%;
	}
	.qwyx_img_box{
		width: 100%;
		top: 70px;
	}
	.qwyx_yhl{
		left: 82px;
	}
	/*.qwyx_info{
		width: 360px;
	}*/
	/*.qwyx_yhr{
		right: 175px;
	}
	.qwyx_img_box{
		padding: 47px 159px;
	}*/
	
	/*.fll{
		float: left;
		margin-top: 10px;
	}*/
}

/*小于768px尺寸*/
@media (max-width: 768px){
	.qwyx_img_box{
	    width: 100%;
    	top: 10%;
	    padding: 5% 10%;
	}
	/*.qwyx_info{
		width: 300px;
	}*/
}
	
	

/*增效工具*/

.zxgj_con{
	width: 100%;
	margin-top: 58px;
	display: inline-block;
}

.zxgj_con_tit span{
	width: 172px;
	height: 44px;
	line-height: 44px;
	display: inline-block;
	text-align: center;
	background: url(../images/cpfw/ico_tab_h.png) no-repeat;
	color: #7f7f7f;
	cursor: pointer;
	font-size: 18px;
	margin-bottom: 20px;
}
.zxgj_con_tit span:hover,.zxgj_con_tit span.on{
	background: url(../images/cpfw/ico_tab_b.png) no-repeat;
	color: #FFFFFF;
}

.zxgj_main{
	width: 100%;
	margin-top: 40px;
	padding-bottom: 80px;
	display: inline-block;
}
.zxgj_main ul{
	display: none;
}
.zxgj_main .show4{
	display: block;
}
.zxgj_main img{
	display: inline-block;
}
.zxgj_main .zxgj_img{
	margin-left: 207px;
	
}
.zxgj_main .zxgj_info{
	margin-top: 95px;
	margin-left: 118px;
}
.zxgj_main .zxgj_info h5{
	font-size: 24px;
	color: #4a4a4a;
	margin-bottom: 29px;
}
.zxgj_main .zxgj_info p{
	color: #4a4a4a;
	line-height: 30px;
	background: url(../images/cpfw/ico_blue.png) no-repeat left;
	padding-left: 20px;
	margin-bottom: 0;
}

/*效果监测*/
.bjt{
	background: url(../images/cpfw/bjt_ban.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
}
.xgjc_con{
	margin-top: 58px;
	display: inline-block;
	width: 100%;
	position: relative;
}
.xgjc_con .xgjc_line{
	background: url(../images/cpfw/ico_line.png) no-repeat center;
	height: 136px;
	margin-top: 51px;
	margin-left: 115px;
	margin-bottom: 266px;
}
.xgjc_con_box{
	position: absolute;
	top: 0;
}
.xgjc_con_box dl{
	float: left;
	
}
.xgjc_con_box dl.se01{
	position: absolute;
	top: 0;
	left: 69px;
}
.xgjc_con_box dl.se02{
	position: absolute;
	top: 80px;
	left: 374px;
}
.xgjc_con_box dl.se03{
	position: absolute;
	top: 0;
	left: 680px;
}
.xgjc_con_box dl.se04{
	position: absolute;
	top: 80px;
	left: 987px;
}
.xgjc_con_box dd{
	margin-top: 38px;
}
.xgjc_con_box dd h5{
	font-size: 24px;
	margin-bottom: 20px;
}
.xgjc_con_box dd p{
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 0;
}

/*小屏下*/
.se0 dd{
	margin-top: 38px;
	color: #FFFFFF;
	margin-bottom: 30px;
}
.se0 dd h5{
	font-size: 24px;
	margin-bottom: 20px;
}
.se0 dd p{
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 0;
}

/*E销宝产品推荐*/
.cptj_con{
	margin-top: 60px;
	display: inline-block;
	width: 100%;
	margin-bottom: 50px;
}
.cptj{
	border: 1px solid #cccccc;
	display: inline-block;
    float: left;
    margin-bottom: 20px;
    height: 494px;
    position: relative;
}
.cptj_fot{
    padding-bottom: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -75px;
}

/*小于1200px 大于992px尺寸*/
@media (min-width:993px) and (max-width: 1200px){
	.cptj{
		height: 625px;
	}
}
/*小于992px尺寸*/
@media (max-width: 992px){
	.cptj{
		height: 525px;
	}
}
/*小于768px尺寸*/
@media (max-width: 768px){
	.cptj{
		height: 615px;
	}
}

.cptj .on{
	
}

.cptj:hover,.cptj.on{
	border: 1px solid #79b2f2;
	box-shadow:0 0 10px rgba(73, 152, 242, 0.3); 
}
.cptj:hover h5,.cptj.on h5{
	background: url(../images/cpfw/cptj_tit2.png) repeat-x;
	color: #FFFFFF;
}
.cptj:hover p,.cptj.on p{
	background: url(../images/cpfw/ico_blue.png) no-repeat 0 9px;
}
.cptj h5{
	height: 70px;
	line-height: 70px;
	background: #F9F9F9;
	color: #4c4c4c;
	text-align: center;
	font-size: 18px;
}
.cptj strong{
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	text-align: center;
	width: 100%;
	display: inline-block;
}
.cptj_info{
	padding: 30px 19px 0;
}
.cptj_info p{
	background: url(../images/cpfw/ico_gray.png) no-repeat 0 9px;
	padding-left: 20px;
	color: #4c4c4c;
	line-height: 24px;
}

.link_tj{
	width: 100%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.link_tj a{
	width: 118px;
	text-align: center;
	border: 1px solid #79b2f2;
	display: inline-block;
	color: #79b2f2;
}





















/*小于1200px尺寸*/
@media (max-width: 1200px){
	.wzdj_con .wzdj_p{
		padding: 0 17px;
	}
	.wzdj_con a{
	    position: absolute;
	    bottom: 10%;
	    left: 50%;
	    margin-left: -59px;
	}
	.bjt{
		background: url(../images/cpfw/bjt_ban.jpg) no-repeat center;
		background-size: cover;
		width: 100%;
	}
	.xgjc_con .xgjc_line{
		display: none;
	}
}


/*小于999px尺寸*/
@media (max-width: 999px){
	.wzdj_con .wzdj_p{
		margin-top: 150px;
	}
	.wzdj_con a{
	    position: absolute;
	    bottom: 10%;
	    left: 50%;
	    margin-left: -59px;
	}
	
	.wzdj_con .wzjs{
		margin-bottom: 20px;
	}
	.wzdj_con{
		margin-bottom: 60px;
	}
	.zxgj_con_tit {
		text-align: left !important; 
	}
	.xgjc_con .xgjc_line{
		display: none;
	}
	.bjt{
		background: #3e4e65;
		padding-bottom: 40px;
	}
	.zxgj_main .zxgj_img{
		margin-left: 0;
		margin-top: 35px;
	}
	.zxgj_main .zxgj_info{
		margin-top: 0px;
	}
	.nrll_con dl{
		padding: 0 30px;
	}
	.zxgj_main{
		margin-top: 0;
	}
}

/*小于768px尺寸*/
@media (max-width: 768px){
	.wzdj_con .wzjs{
		margin-bottom: 20px;
	}
	.wzdj_con{
		margin-bottom: 60px;
	}
	.zxgj_con_tit {
		text-align: left !important; 
	}
	.xgjc_con .xgjc_line{
		display: none;
	}
	.bjt{
		background: #3e4e65;
		padding-bottom: 40px;
	}
	.zxgj_main .zxgj_img{
		margin-left: 0;
		margin-top: 35px;
	}
	.zxgj_main .zxgj_info{
		margin-top: 0px;
	}
	.nrll_con dl{
		padding: 0 30px;
	}
	.zxgj_main{
		margin-top: 0;
	}
	.zxgj_con_tit span{
	    margin-left: 2%;
	}
	.qwyx_con_lr ul li p{
		padding-left: 15px;
	}
	.qwyx_con_lr ul li span{
		display: none;
	}
	.qwyx_con_lr ul li{
	    padding: 24px 0;
	}
}




