*{padding:0px;margin:0px;font-family:"微软雅黑";}

ul,li{list-style: none}

a{text-decoration:none;color:#666;}

html,body{width:100%;height: 100%;font-size:14px;}

.clear{clear:both;}





/* 网站建设 */

.web_logo{

	width: 100%;

	height: 400px;

	position: relative;

	bottom: 0px;

	z-index: 9;

	

}

.web_logo .web_l_tit{

	text-align: center;

	padding:140px 0px 35px;

	position: relative;

	left: 0px;

}

.web_logo .web_l_tit2 {

	text-align: center;

	position: relative;

}

.web_logo .web_l_tit2 p{

	display: inline-block;

	padding:30px 55px 35px;

	position: relative;

	right: 0px;

	

	bottom: 0px;

}

.web_logo .web_b_logo{

	width: 80px;

	height: 55px;

	border-radius: 45px;

	background: #fff;

	padding-top: 25px;

	position: absolute;

	bottom: -40px;

	left: 50%;

	margin-left: -40px;

}

/* 公司简介 */

.web_des{

	

	padding: 55px 0px 25px;

	position: relative;

	bottom: 0px;

}

.web_des_c{

	width: 1020px;

	margin: 0px auto;

	

}

.xxlg_left{width: 355px; height: 280px; float: left;}

.xxlg_left_tp{width: 100%; height:200px;}

.xxlg_left_bt{width: 100%; height:50px;}

.xxlg_left_tp1{width: 100%;font-size:18px; color: #eb7f01;font-weight:bold;line-height: 40px;}

.xxlg_left_tp2{width: 100%;font-size:14px; color: #666;line-height: 40px;}

.xxlg_center{float: left;margin: 0px 10px 0px 10px;}

.xxlg_right{width: 325px; height: 280px; float: left;margin-left: 30px;}

.web_head{

	text-align: center;

	padding: 35px 0px 25px;

}

.web_head .web_head_tit{

	height: 22px;

	position: relative;

}

.web_head .web_head_tit p{

	display: inline-block;

	

	padding:0px 35px;

	height: 10px;

	top: 16px;

}

.web_head .web_head_tit p span{

	position: relative;

	top: -24px;

	background: #fff;

	padding: 0px 28px;

	color:#333;

	font-size: 28px;

}

.web_head  .web_head_span{

	color: #666;

}

.web_adv{

	width: 1180px;

	margin: 0px auto;

	position: relative;

	bottom: 0px;

}

.web_adv .web_adv_list ul{

	width: 1220px;

}

.web_adv .web_adv_list ul li{

	width: 233px;

	height: 355px;

	float: left;

	margin-right: 40px;

	margin-bottom: 25px;

	text-align: center;

	padding:0px 15px;

	color: #666;

	position: relative;

	border: 1px solid #dddddd;

	

	transition: all 0.6s;

}

.web_adv .web_adv_list ul li:hover{

	border: 1px solid #959595;

	color: #0764cc;

	transform:translateY(-15px);

	box-shadow: 1px 1px 5px #aaa;

}

.web_adv .web_adv_list ul li p{

	padding: 24px 0px 10px;

}

.web_adv .web_adv_list ul li p img{

	transition: all 0.8s;

}



.web_adv .web_adv_list ul li b{

	position: absolute;

	width: 0%;

	bottom: 0px;

	left: 0px;

	transition: all 0.5s;

	border-bottom: 6px solid #959595;

}

.web_adv .web_adv_list ul li:hover b{

	width: 100%;

}

/* 标准化流程 */

.web_flow{

	position: relative;

	bottom: 0px;

	width: 1180px;

	margin: 0px auto;



}

.web_flow .web_flow_list{

	

}

.web_flow .web_flow_list ul li{

	float: left;

	display: inline-block;

	width: 190px;

	transition: all 0.5s;

}

.web_flow .web_flow_list ul li:hover{

	transform: translateX(-25px);

}

.web_flow .web_flow_list ul li:nth-child(2n){

	padding-top: 120px;

}





/* 快速建站 */

.web_fast{

	position: relative;

	bottom: 0px;

	

	

}

.web_fast .web_head .web_head_tit span{

	position: relative;

    top: -24px;

    padding: 0px 28px;

    color: #fff;

    font-size: 30px;

}

.web_fast .web_head .web_head_span{

	color: #fff;

}

.web_fast .web_fast_list{

	width: 1180px;

	margin: 0px auto;

	color: #fff;

	line-height: 45px;

}

.web_fast .web_fast_list .list_parent{

	width: 1346px;

	margin-top: 45px;

}

.web_fast .web_fast_list .web_fast_circle{

	float: left;

	margin-right: 166px;

	position: relative;

	font-size: 14px;

}

.web_fast .web_fast_list .web_fast_circle .web_fc_o{

	width: 48px;

	height: 48px;

	border: 5px solid rgba(255,255,255,0.8);

	border-radius: 30px;

	text-align: center;

	color: #fff;

	font-size: 24px;

	line-height: 48px;

	transition: all 0.5s;

}

.web_fast .web_fast_list .web_fast_circle .web_fc_o:hover{

	transform: scale(1.3) rotateY(45deg);

	box-shadow: 1px 1px 5px #666;

}

.web_fast .web_fast_list .web_fast_circle span{

	position: absolute;

	width: 166px;

	height: 4px;

	top: 27px;

	left: 58px;

	background: rgba(255,255,255,0.4);

}



.web_case{

	position: relative;

	bottom: 0px;

}

.web_case .web_case_list{

	width: 1180px;

	margin: 0px auto 35px;

}

.web_case .web_case_list ul{

	width: 1224px;

}

.web_case .web_case_list ul li{

	width: 260px;

	height: 492px;

	margin-right: 44px;

	float: left;

	border: 1px solid #ccc;

	transition: all 0.5s;

}

.web_case .web_case_list ul li:hover{

	transform: translateY(-15px);

}

.web_case .web_case_list ul li:first-child{

	border-top: 4px solid #32c2fe;

}

.web_case .web_case_list ul li:first-child+li{

	border-top: 4px solid #b1de2b;

}

.web_case .web_case_list ul li:first-child+li+li{

	border-top: 4px solid #ff765c;

}

.web_case .web_case_list ul li:first-child+li+li+li{

	border-top: 4px solid #ffc700;

}



.web_case .web_case_list ul li:first-child:hover{

	border: 1px solid #32c2fe;

	border-top: 4px solid #32c2fe;

}

.web_case .web_case_list ul li:first-child+li:hover{

	border: 1px solid #b1de2b;

	border-top: 4px solid #b1de2b;

}

.web_case .web_case_list ul li:first-child+li+li:hover{

	border: 1px solid #ff765c;

	border-top: 4px solid #ff765c;

}

.web_case .web_case_list ul li:first-child+li+li+li:hover{

	border: 1px solid #ffc700;

	border-top: 4px solid #ffc700;

}

.web_case .web_case_list ul li h2{

	font-size: 24px;

	color: #32c2fe;

	text-align: center;

	line-height: 99px;

}

.web_case .web_case_list ul li>p{

	text-align: center;

	height: 150px;

	margin-bottom: 5px;

}

.web_case .web_case_list ul li h3{

	font-size:18px;

	color: #fc7a2c;

	text-align: center;

	line-height: 40px;

}

.web_case .web_case_list ul li .info{

	padding:0px 40px;

	line-height: 25px;

	margin-bottom: 25px;

}

.web_case .web_case_list ul li .web_c_b{

	background:#f5f5f5;

	height: 100px;

	border-top: 1px solid #ccc;

	padding-top: 22px;

	text-align: center;

}

.web_case .web_case_list ul li .web_c_b p{

	padding-bottom: 15px;

}

.web_case .web_case_list ul li .web_c_b p span{

	padding-right: 20px;

}

.web_case .web_case_list ul li .web_c_b p span b{

	font-size: 24px;

	color: #fc7a2c;

}

.web_case .web_case_list ul li .web_c_b .web_btn{

	width: 100px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	background: #fc7a2c;

	color: #fff;

	margin: 0px auto;

	cursor: pointer

}







/* 底部 */

.web_bottom{

	width: 100%;

	height: 300px;

	background: #404143;

	position: relative;

	bottom: 0px;

}

.web_bottom .web_bot_cont{

	width: 1180px;

	margin: 0px auto;

	padding-top: 30px;

}

.web_bottom .web_bot_cont .web_bottom_item{

	width: 236px;

	float: left;

}

.web_bottom .web_bot_cont .tel24{

	width: 326px;

}

.web_bottom .web_bot_cont .tel24 b{

	display: block;

	font-weight: normal;

	padding-left: 25px;

	color: #ccc;

	font-size: 18px;

	line-height: 36px;

}

.web_bottom .web_bot_cont .list{

	width: 206px;

}

.web_bottom .web_bot_cont .list h2{

	font-weight: normal;

	font-size: 16px;

	color: #fff;

}

.web_bottom .web_bot_cont .list ul{

	padding-top: 10px;

}

.web_bottom .web_bot_cont .list ul li a{

	line-height: 25px;

	color: #ccc;

}

.web_bottom .web_bot_cont .list ul li a:hover{

	color: #fff;

}

.copyright{

	text-align: center;

	color: #fff;

	padding-top: 35px;

}

.ani_btt{

	animation: ani3 0.8s;

	-moz-animation:ani3 0.8s; /* Firefox */

	-webkit-animation:ani3 0.8s; /* Safari and Chrome */

	-o-animation:ani3 0.8s; /* Opera */

}

@keyframes ani3{

	from {bottom:-400px;opacity:0.4;}

	top {bottom:0;opacity:1;}

}

@-moz-keyframes ani3{

	from {bottom:-400px;opacity:0.4;}

	top {bottom:0;opacity:1;}

}

@-webkit-keyframes ani3{

	from {bottom:-400px;opacity:0.4;}

	top {bottom:0;opacity:1;}

}

@-o-keyframes ani3{

	from {bottom:-400px;opacity:0.4;}

	top {bottom:0;opacity:1;}

}







.ani_lt_t_rb{

	animation: ani4 1.2s;

	-moz-animation:ani4 1.2s; /* Firefox */

	-webkit-animation:ani4 1.2s; /* Safari and Chrome */

	-o-animation:ani4 1.2s; /* Opera */

}

@keyframes ani4{

	from {top:-150px;left:-300px;opacity:0.4;}

	top {top:0px;left:0px;opacity:1;}

}

@-moz-keyframes ani4{

	from {top:-150px;left:-300px;opacity:0.4;}

	top {top:0px;left:0px;opacity:1;}

}

@-webkit-keyframes ani4{

	from {top:-150px;left:-300px;opacity:0.4;}

	top {top:0px;left:0px;opacity:1;}

}

@-o-keyframes ani4{

	from {top:-150px;left:-300px;opacity:0.4;}

	top {top:0px;left:0px;opacity:1;}

}

.xxlg{width:1180px; margin: 0 auto; height: auto;}

.yzsj{width: 1180px;margin: 0 auto;height: auto;}

.yzsj1{width: 1180px; height: 70px; border-bottom: 1px solid #eee;}

.yzsj2{width: 1180px; height: 70px;}

.yzsj3{width: 33%;line-height:70px;text-align: center;float: left;color: #666;font-size: 20px;}

.web_zxxs{min-width: 1180px; max-width: 100%; background: url(../images/zxxs.jpg) center no-repeat; height: 604px;padding-top: 30px;}

.web_zxxs_top{width:435px;height:auto;text-align: center;margin: 0 auto;}

.web_zxxs_top2{color: #eb7f01;font-size: 28px; font-weight: bold;float: left;margin: 0px 5px 0px 5px;}

.web_zxxs_top1{background:#eb7f01;width: 155px;height: 2px;float: left;margin-top:20px;}

.zxxs{width: 930px;margin: 0 auto;height: auto;}

.zxxs1{width: 248px; height: 385px; float: left;}

.zxxs2{font-weight: bold;line-height: 30px; color: #545454;font-size: 18px;margin-top: 15px;}

ul li{    list-style: none;}

.sg-service-wrap{width: 1180px; margin: 0 auto;}

.sg-service-sys .brief-box {

	margin-top: 30px;

	margin-bottom: 30px;

}
.sogou_sugg_feedbackquan{
	visibility: hidden!important;
}

.sg-service-wrap h2 {

	text-align: center;

	margin-bottom: 40px;

}

.sg-service-wrap h2 span {

	color: #FD6853;

	font-size: 36px;

	margin-right: 15px;

	font-weight: normal;

}

.sg-service-wrap h2 em {

	color: #777;

	font-size: 26px;

	font-style: normal;

	font-weight: normal;

}

.brief-list .brief-outline {

	font-size: 14px;

	line-height: 26px;

	color: #777;

	margin-top: 15px;

}

.brief-list li {

	float: left;

	width: 42%;

	width: 43%\9;

	margin:0px 45px 0px 45px;

	margin-bottom: 40px;
	border: 1px solid #eeeeee;
	padding-bottom: 20px;
	padding-top: 20px;

}



.brief-list .brief-tit {

	font-size: 24px;

	color: #eb7f01;
	line-height: 36px;

}

.brief-list .brief-outline {

	font-size: 14px;

	line-height: 26px;

	color: #777;

	margin-top: 15px;

}

.brief-list ul li{float: left;}

.brief-list .text.first:before {

	background-image: url(../images/1.png);

}

.brief-list .text.second:before {

	background-image: url(../images/2.png);

}

.brief-list .text.third:before {

	background-image: url(../images/3.png);

}

.brief-list .text.fourth:before {

	background-image: url(../images/4.png);

}


.brief-list li:hover .text.first:before {

	background-image: url(../images/1.gif);

}

.brief-list li:hover .text.second:before {

	background-image: url(../images/2.gif);

}

.brief-list li:hover .text.third:before {

	background-image: url(../images/3.gif);

}

.brief-list li:hover .text.fourth:before {

	background-image: url(../images/4.gif);

}


.brief-list .text:before {

	float: left;

	content: '';

	width: 110px;

	height: 110px;

	background-repeat: no-repeat;

	background-position: 0 0;

	margin-right: 30px;

}


.bottom_float{

	height: 90px;

	background: rgba(0,0,0,0.6);

	width: 100%;

	position: fixed;

	bottom: 0px;

}

.bottom_float .bottom_float_form{

	width: 1180px;

	margin: 0px auto;

	position: relative;

}

.bottom_float .bottom_float_form span{

	width: 25px;

	height: 25px;

	text-align: center;

	line-height: 25px;

	position: absolute;

	border: 1px solid #eee;

	color: #fff;

	top: 5px;

	border-radius: 4px;

	right: -20px;

	cursor: pointer;

}

.bottom_float .bottom_float_form p{

	display: inline-block;

	margin-top:25px;

}

.bottom_float .bottom_float_form p input{

	width: 333px;

	outline: 0px;

	border: 0px solid #ccc;

	height: 40px;

	font-size: 18px;

	text-indent: 5px;

	margin-right: 10px;

	border-radius: 6px;

	background: rgba(255,255,255,0.6);

}

.bottom_float .bottom_float_form .btn{

	display: inline-block;

	width: 120px;

	text-indent: 0px;

	color: #fff;

	height: 40px;

	background: #fb4e23;

	border: 0px;

	text-align: center;

	line-height: 40px;

	cursor: pointer;

	border-radius: 6px;

}

.sogou_from{

	width: 1028px;

	margin: 0px auto;

	padding: 35px 0px 35px 80px;

}

.sogou_from .input{

	width: 514px;

	float: left;

	padding:10px 0px;



}

.sogou_from .input .sogou_input,.sogou_from .input p{

	display: inline-block;

	line-height: 35px;

}

.sogou_from .input .sogou_input input{

	width: 304px;

	height: 35px;

	border: 0px solid #ccc;

	outline: 0px;

	border-radius: 5px;

	text-indent: 5px;

}

.sogou_from .btn{

	width: 180px;

	margin: 0px auto;

	border: 1px solid #008de7;

	background: #eee;

	line-height: 35px;

	border-radius: 5px;

	text-align: center;

	margin-top: 25px;

	cursor: pointer;

	color: #008de7;

}
.sogou_aplay{

	background: #f1f1f1;

	padding-top: 20px;

	position: relative;

	bottom: 0px;

}
.sogou_head{

	text-align: center;

	line-height: 45px;

	font-size: 24px;

	color: #666;

}