@charset "utf-8";
/* CSS Document */
.header {height:528px; background:none;}
.header_top {height:66px; position: absolute; left:50%; margin-left:-500px; z-index: 400;}
.banner {width:100%; height:528px; background:url(../image/index/banner.jpg) no-repeat center; position:absolute; left:0px; right:0px; overflow:hidden}

.Af_content , .Bf_content , .Cf_content , .Df_content {padding-top:48px;}

/*服务*/
.Af_content {padding-bottom:80px;}
.Af_content .common_title {width:936px; margin:0px auto;}
.Af_list {width:936px; height:259px; margin:40px auto 0px auto;}
.Af_list li {width:252px; height:259px; float:left; margin-left:90px;}
.Af_list li a {width:100%; height:225px; padding-top:34px; position: relative; background:#f0f0f0; display: block;}
.Af_list li:first-child {margin-left:0;}
.icon_box {width:100%;}

/*图标样式*/
.pc_icon {width:106px; height:61px; margin:0px auto 18px auto; background:url(../image/common/all_icon.png) no-repeat 0px 0px; display: block;}
.mobile_icon {width:68px; height:61px; margin:0px auto 18px auto; background:url(../image/common/all_icon.png) no-repeat -107px 0px; display: block;}
.res_icon {width:78px; height:65px; margin:0px auto 18px auto; background:url(../image/common/all_icon.png) no-repeat -176px 0px; display: block;}
/*图标样式*/

.Af_list_title {width:100%; text-align: center;}
.Af_list_title h1 {font-size:18px;}
.Af_list_title h2 {margin-top:1px; font-size:12px; color:#8c8c8c;}
.Af_info {width:252px; height:72px; line-height: 21px; padding-top:14px; position: absolute; bottom:4px; text-align: center;}

/*鼠标移入样式*/
.Af_list li a.Af_hover {background:#1b71ff;}
.Af_list li a.Af_hover h1 {color:#fff;}
.Af_list li a.Af_hover h2 {color:#fff;}
.Af_list li a.Af_hover .Af_info {background:#3e3e3e; color:#fff;}
.Af_list li a.Af_hover .pc_icon {background:url(../image/common/all_icon.png) no-repeat 0px -65px;}
.Af_list li a.Af_hover .mobile_icon {background:url(../image/common/all_icon.png) no-repeat -107px -65px;}
.Af_list li a.Af_hover .res_icon {background:url(../image/common/all_icon.png) no-repeat -176px -65px;}


/*案例*/
.Bf_content {padding-bottom:24px; background:#f2f2f2;}
.Bf_list {width:1108px; margin-top:32px;}
.Bf_list li {width:230px; float:left; margin:0px 27px 20px 0px}
.pro_image {width:216px; height:140px; padding:6px; border:1px solid #e0e0e0; background:#fff; overflow: hidden;}
.pro_image:hover {border:1px solid #1b71ff;}
.pro_image img {width:100%;}
.pro_image a {width:216px; height:140px; display: block;}
.pro_text {width:100%; font-size:14px;}
.pro_text p {display:none;}
.pro_name {width:100%; line-height: 45px; text-align: center; display: block;}

/*新闻*/
.Cf_content {padding-bottom:24px; background:#fff;}
.Cf_title {width:100%; height:28px; position: relative;}
.Cf_title h1 {float:left; font-size:24px; color:#3591ee;}
.Cf_line {width:625px; height:1px; position: absolute; top:17px; left:111px; background:#e0e0e0;}
.title_list {height:26px; float:right; margin-top:4px;}
.title_list li {width:74px; height:26px; line-height: 26px; float:left; margin-left:12px; background:#ebebeb; border-radius: 4px; text-align: center; cursor: pointer;}
.title_list li.choose_news {background:#1b71ff; color:#fff;}
.Cf_list {width:1112px; margin-top:42px;}
.Cf_list li {width:470px; height:80px; float:left; margin:0px 56px 44px 0px;}
.Cf_time {width:72px; height:72px; float:left; margin-right:16px; background:#ebebeb; text-align: center;}
.Cf_time p {margin-top:9px; font-size:26px;}
.Cf_time span {margin-top:4px; display: block; color:#a3a3a3;}

.news_box h1 {margin-top:-1px; font-size:14px;}
.news_box h1 a {color:#000;}
.news_box h1 a:hover {color:#1b71ff;}
.news_box p {height:44px; line-height:24px; margin-top:9px; color:#666; overflow: hidden;}


/*简介*/
.Df_content {height:352px; background:url(../image/index/Df_bg.png) no-repeat center;}
.Df_text {width:844px; line-height:28px; margin:25px auto 0px auto; font-size:14px;}
.Df_text p {margin-top:15px;}
a.Df_btn {width:102px; height:35px; line-height: 35px; margin:18px auto 0px auto; border:1px solid #333333; font-size:14px; border-radius: 5px; text-align: center; display: block;}
a.Df_btn:hover {background:#333; color:#fff;}

.bdsharebuttonbox a {margin-right:50px;}

@media screen and (max-width:767px) and (min-width:320px) {
	.header {height:auto; background:#242424;}
	.header_top {height:45px; position: static; margin-left:0;}
	.banner {width:100%; height:166px; background-size:auto 166px; position:static; left:0px; right:0px; overflow:hidden}
	.Af_content , .Bf_content , .Cf_content , .Df_content {padding-top:24px;}
	.Cf_content {display:none;}

	/*服务*/
	.Af_content .common_title {width:auto; margin:0px auto 20px auto;}
	.Af_content {padding-bottom:30px;}
	.Af_list {width:auto; height:auto; margin:11px auto 0px auto;}
	.Af_list li {width:33.3333333333%; height:auto; float:left; margin-left:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.Af_list li a {width:100%; height:100%; padding:16px 0px; position: relative; background:#f0f0f0;}
	.Af_list li:nth-child(odd) {padding-left:8px;}
	.Af_list li:nth-child(even) {padding:0px 4px;}
	.Af_list li:first-child {padding-left:0px; padding-right:8px;}
	.icon_box {width:100%;}

	/*图标样式*/
	.pc_icon , .mobile_icon , .res_icon {height:39px; margin:9px auto 18px auto;}
	.pc_icon {width:68px; background:url(../image/common/icon_phone.png) no-repeat 0px 0px;}
	.mobile_icon {width:24px; background:url(../image/common/icon_phone.png) no-repeat -68px 0px;}
	.res_icon {width:47px; background:url(../image/common/icon_phone.png) no-repeat -111px 0px;}
	/*图标样式*/

	.Bf_content {padding-bottom:5px; background:#f7f7f7;}
	.Bf_list {width:100%; height:300px; padding-bottom:18px; margin-top:14px; overflow: hidden;}
	.Bf_list li {width:100%; height:76px; padding:16px 0px; border-top:1px solid #ebebeb; display:block; margin:0;}
	.Bf_list li:first-child {padding-top:0; border-top:none;}
	.pro_image {width:106px; height:69px; padding:3px; float:left; margin-right:12px;}
	.pro_image a {width:106px; height:69px;}
	.pro_text {padding-top:6px; white-space: normal;}
	.pro_text p {height:40px; line-height: 20px; margin-top:13px; font-size:12px; color:#666; display:block; overflow: hidden;}
	.pro_name {width:auto; line-height:normal; display: block; text-align: left;}

	.Df_content {height:auto; padding-bottom:25px; background:#fff;}
	.Df_text {width:auto; line-height:24px; margin:0px auto 0px auto; font-size:12px;}
	.Df_text p {margin-top:12px;}
	a.Df_btn {display: none;}

	.Af_list_title h1 {font-size:14px;}
	.Af_list_title h2 , .Af_info {display:none;}
}