body{
	background: url(../images/y-bg1.png);
	width: 100%;
	font-family: Microsoft Yahei;
	position: relative;
	padding-bottom: 0;
	margin-bottom: 0;
}
/*子页-page*/
.ziye_page_box{
	margin-top: 25px;
	margin-left: 10px;
	text-align: left;
	padding-left: 0;
}
.ziye_page_box li{	
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: auto 1px;
}
.ziye_page_box li a{	
	width: 30px;
	height: 30px;
	display: block;
	background: #f9f9f9;
	color: #a1a1a1;
	font-size: 1.6rem;
	line-height: 30px;
	text-align: center;
	transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
}
.ziye_page_box li a:hover,
.ziye_page_box .select a{
	color: #fff;
	background: #2C93CE;
}
.ziye_page_box .ellipsis a{
	background: none;
}
.ziye_page_box .last a{
	background: #f9f9f9 url(../images/y_ziye_page1.png) no-repeat center;
}
.ziye_page_box .last a:hover{
	background: #2C93CE url(../images/y_ziye_page1_1.png) no-repeat center;
}
/*后台page样式*/
.ziye_page_box span,
.ziye_page_box a{
	float: left;
	margin-right: 5px;
}
.ziye_page_box span:hover,
.ziye_page_box a:hover{
	color: #fff;
	background: #2C93CE;
}
.ziye_page_box .current{
	width: 30px;
	height: 30px;
	display: block;
	color: #fff;
	background: #2C93CE;
	font-size: 1rem;
	line-height: 30px;
	text-align: center;
	transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
}
.ziye_page_box .num,
.ziye_page_box .end,
.ziye_page_box .first{
	width: 30px;
	height: 30px;
	display: block;
	background: #f9f9f9;
	color: #a1a1a1;
	font-size: 1rem;
	line-height: 30px;
	text-align: center;
	transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
}
.ziye_page_box .next,
.ziye_page_box .prev{
	width: 30px;
	height: 30px;
	display: block;
	color: #a1a1a1;
	font-size: 0;
	line-height: 30px;
	text-align: center;
	transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
}
.ziye_page_box .next{
	background: #f9f9f9 url(../images/y_ziye_page1.png) no-repeat center;
}
.ziye_page_box .next:hover{
	background: #2C93CE url(../images/y_ziye_page1_1.png) no-repeat center;
}
.ziye_page_box .prev{
	background: #f9f9f9 url(../images/y_ziye_page2.png) no-repeat center;
}
.ziye_page_box .prev:hover{
	background: #2C93CE url(../images/y_ziye_page2_1.png) no-repeat center;
}

/*头部*/
header{
	width: 100%;
	height: 108px;
	background-color: #fff;
	position: fixed;
	top: 0;
	z-index: 20000000;
}
.top{
	width: 1366px;
	height: 108px;
	margin: 0 auto;
}
.top-logo{
	float: left;
	padding: 24px 28px 18px 42px;
}
.top-logo img{
	/*width: 198px;*/
	/*width: 96px;*/
	width: 369px;
	height: 62px;
}
.top-phone{
	float: left;
	height: 44px;
	/*margin: 32px 122px 32px 0px;*/
	margin: 32px 40px 32px 0;
	/*margin: 32px 224px 32px 0;*/
	font-size: 17px;
	line-height: 22px;
}
.top-phone span{
	display: block;
}
.top-phone-rexian{
	color: #5e5d5d;
}
.top-phone-haoma{
	color: #24b8e8;
	margin-top: 4px;
}
.top-menu li{
	float: left;
	line-height: 108px;
	font-size: 15px;
	color: #838383;
	text-align: center;
}
.top-menu li a{
	width: 85px;
	display: block;
	color: #838383;
	/*background: #f00;*/
}
.top-menu li a:hover{
	color: #24b7e7;
}
.top-share{
	float: right;
}
.top-share li{
	float: left;
	margin: 36px 2px 37px 2px;
}
.top-share li a{
	width: 35px;
	height: 35px;
	display: block;
	transition: all .6s ease-in;
	-moz-transition: all .6s ease-in;
	-webkit-transition: all .6s ease-in;
	-o-transition: all .6s ease-in;
}
.top-share li a:hover{
	transform: rotate(360deg) scale(0.8);
	-ms-transform: rotate(360deg) scale(0.8);
	-moz-transform: rotate(360deg) scale(0.8);
	-webkit-transform: rotate(360deg) scale(0.8);
	-o-transform: rotate(360deg) scale(0.8);
}	
.top-kongjian{
	background: url(../images/y-top-icon1.png);	
}
.top-kongjian:hover{
	background: url(../images/y-top-icon4.png);
}
.top-weixin{
	background: url(../images/y-top-icon2.png);
}
.top-weixin:hover{
	background: url(../images/y-top-icon5.png);
}
.top-weibo{
	background: url(../images/y-top-icon3.png);
}
.top-weibo:hover{
	background: url(../images/y-top-icon6.png);
}
@media screen and (max-width: 1400px){
	header{
		height: 80px;
	}
	.top{
		width: 1200px;
		height: 80px;
		margin: 0 auto;
	}	
	.top-logo{
		padding: 13px 28px 0 20px;
	}
	.top-logo a img{
		/*width: 180px;
		height: 56px;*/
		width: 300px;
		height: 50px;
	}
	.top-phone{
		font-size: 14px;
		/*margin: 20px 180px 0 0px;*/
		margin: 17px 40px 0 0;
		/*background: #f00;*/
	}
	.top-phone-haoma{
		margin-top: 2px;
	}
	.top-menu li{
		line-height: 85px;
	}
	.top-menu li a{
		width: 80px;
	}
	.top-share li{
		margin: 26px 1px 37px 1px;
	}
	.top-share li a,
	.top-share li a:hover{
		width: 30px;
		height: 30px;
		background-size: 100%;
		background-repeat: no-repeat;
	}
}
/*banner部分*/
.DB_tab25_2{
	display: none;
}
.DB_tab25 {
	width:100%;
	height:500px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	margin-top: 113px;
}
.DB_tab25 .DB_bgSet{
	position:relative;
	background: #f00;
}
.DB_tab25 .DB_bgSet li{
	position:absolute;
	width:100%;
	height:500px;
	display:none;
}
.DB_tab25 .DB_imgSet{
	position:absolute;
	width:1300px;
	left:50%;
	margin-left:-650px;
}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:20px;top:118px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:20px;top:220px}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:20px;top:280px}
.DB_tab25 .DB_imgSet .DB_1_4{position:absolute;left:20px;top:340px}
.DB_tab25 .DB_imgSet .DB_1_5{position:absolute;left:330px;top:210px}

.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:20px;top:96px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:20px;top:180px}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:20px;top:260px}
.DB_tab25 .DB_imgSet .DB_2_4{position:absolute;left:470px;top:30px}

.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:10px;top:120px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:560px;top:130px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:626px;top:260px}


.DB_tab25 .DB_menuWrap{
	position:absolute;
	width:1300px;
	left:50%;
	margin-left:-650px;
}
.DB_tab25 .DB_menuWrap .DB_menuSet{
	position:absolute;
	width:100%;
	top:450px;
	text-align:center;
	font-size:0; 
	border-radius:20px;
}
.DB_tab25 .DB_menuWrap .DB_menuSet li{
	cursor:pointer;
	margin:0 3px;
	display:inline;
}
.DB_tab25 .DB_prev{
	position:absolute;
	left:-100px;
	top:220px;
	cursor:pointer;
	display:none
}
.DB_tab25 .DB_next{
	position:absolute;
	right:-100px;
	top:220px;
	cursor:pointer;
	display:none
}
@media screen and (max-width: 1400px){
	.DB_tab25{
		display: none;
	}
	.DB_tab25_2{
		display: block;
	}
	.DB_tab25_2 {
		width:100%;
		height:432px;
		position:relative;
		overflow:hidden;
		cursor:pointer;
		margin-top: 83px;
	}
	.DB_tab25_2 .DB_bgSet{
		position:relative;
		background: #f00;
	}
	.DB_tab25_2 .DB_bgSet li{
		position:absolute;
		width:100%;
		height:432px;
		display:none;
	}
	.DB_tab25_2 .DB_imgSet{
		position:absolute;
		width:1200px;
		left:50%;
		margin-left:-600px;
		background: #f00;
	}
	.DB_tab25_2 .DB_imgSet .DB_1_1{position:absolute;left:112px;top:90px;}
	.DB_tab25_2 .DB_imgSet .DB_1_2{position:absolute;left:112px;top:178px}
	.DB_tab25_2 .DB_imgSet .DB_1_3{position:absolute;left:112px;top:228px}
	.DB_tab25_2 .DB_imgSet .DB_1_4{position:absolute;left:112px;top:288px}
	.DB_tab25_2 .DB_imgSet .DB_1_5{position:absolute;left:400px;top:186px}

	.DB_tab25_2 .DB_imgSet .DB_2_1{position:absolute;left:60px;top:78px;}
	.DB_tab25_2 .DB_imgSet .DB_2_2{position:absolute;left:60px;top:156px}
	.DB_tab25_2 .DB_imgSet .DB_2_3{position:absolute;left:60px;top:240px}
	.DB_tab25_2 .DB_imgSet .DB_2_4{position:absolute;left:520px;top:80px}

	.DB_tab25_2 .DB_imgSet .DB_3_1{position:absolute;left:36px;top:80px;}
	.DB_tab25_2 .DB_imgSet .DB_3_2{position:absolute;left:567px;top:108px}
	.DB_tab25_2 .DB_imgSet .DB_3_3{position:absolute;left:634px;top:210px}

	.DB_tab25_2 .DB_menuWrap{
		position:absolute;
		width:1100px;
		left:50%;
		margin-left:-550px;
	}
	.DB_tab25_2 .DB_menuWrap .DB_menuSet{
		position:absolute;
		width:100%;
		top:390px;
		text-align:center;
		font-size:0; 
		border-radius:20px;
	}
	.DB_tab25_2 .DB_menuWrap .DB_menuSet li{
		cursor:pointer;
		margin:0 3px;
		display:inline;
	}
	.DB_tab25_2 .DB_prev{
		position:absolute;
		left:-80px;
		top:180px;
		cursor:pointer;
		display:none
	}
	.DB_tab25_2 .DB_next{
		position:absolute;
		right:-80px;
		top:180px;
		cursor:pointer;
		display:none
	}	
}
/*首页大标题*/
.index-title{
	width: 618px;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}
/*首页案例展示*/
.index-anli{
	width: 100%;
	height: 874px;
	background: url(../images/y-bg2.png);
}
.index_case_tab_box ul.icons{
	margin-top: -30px;
	margin-bottom: 20px;
	text-align: center;
}
.index_case_tab_box ul.icons li{
	width: 115px;
	height: 32px;
	display: inline-block;
	margin: auto 10px;
	border: 1px solid #c9c7c8;
	border-radius: 16px;
	-o-border-radius: 16px;
	-ms-border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	color: #333;
	font-size: 16px;
	line-height: 32px;
	cursor: pointer;
}
.index_case_tab_box,
.index_case_tab_box .slider{
	width: 1296px;
	height: auto;
	margin: auto;
}
.index_case_tab_box .slider ul{
	
}
.index_case_tab_box ul.icons li.on{
	color: #24b7e7;
	border: 1px solid #24b7e7;
}
.index-anli-main{
	width: 1280px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.index-anli-main li{
	float: left;
	margin: 0 11px 24px 11px;
	border: 1px solid rgba(231,231,231,.8);
}
.index-anli-main li:hover{
	box-shadow: 0 0 15px #ccc;
	-moz-box-shadow: 0 0 15px #ccc;
	-webkit-box-shadow: 0 0 15px #ccc;
}
.index-anli-main li img{
	width: 296px;
	height: 201px;
	display: block;
}
.index-anli-title{
	text-align: center;
	font-size: 16px;
	line-height: 52px;
}
.index-anli-title span{
	width: 52px;
	height: 52px;
	display: inline-block;
	background-color: #e8e8e8;
	color: #010101;
	font-weight: bold;
	border-right: 1px solid #dbdbdb;
	float: left;
}
.index-anli-title a{
	width: 243px;
	height: 52px;
	color: #333;
	background-color: #f4f4f4;
	float: right;
}
.index-anli-more{
	width: 243px;
	height: 49px;
	display: block;
	background: rgba(255,255,255,0);
	border: 1px solid #e1e1e1;
	border-radius: 120px;
	color: #24b8e8;
	text-align: center;
	line-height: 51px;
	transition: all .8s ease-in;
	-moz-transition: all .8s ease-in;
	-webkit-transition: all .8s ease-in;
	-o-transition: all .8s ease-in;
	margin: 30px auto auto auto;
	display: block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.index-anli-more span{
	width: 10px;
	height: 15px;
	position: absolute;
	top: 17px;
	left: 150px;
	background: url(../images/y-icon1.png) no-repeat;
	opacity: 0;
	transition: all .8s ease-in;
	-moz-transition: all .8s ease-in;
	-webkit-transition: all .8s ease-in;
	-o-transition: all .8s ease-in;
}
.index-anli-more:hover{
	border-color: #24b8e8; 
	background: #24b8e8;
	color: #fff;
	padding-right: 20px;
}
.index-anli-more:hover span{
	opacity: 1;
	left: 160px;
}
@media screen and (max-width: 1400px){
	.index-anli{
		height: 824px;
	}
	.index-anli-main{
		width: 1000px;
	}
	.index-anli-main li{
		width: 230px;
		margin: 0 9px 25px 9px;
	}
	.index-anli-main li img{
		width: 230px;
		height: 156px;	
	}
	.index-anli-title{
		font-size: 12px;
	}
	.index-anli-title span{
		width: 45px;
	}
	.index-anli-title a{
		width: 184px;
	}
}
/*首页服务项目*/
.index-fuwu{
	width: 100%;
	height: 430px;
	background: #fff;
}
.index-fuwu ul{
	width: 1123px;
	margin: auto;
}
.index-fuwu ul li{
	float: left;
}
.index-fuwu-main-li{
	width: 280px;
	text-align: center;
	cursor: pointer;
}
.index-fuwu-main-li a{
	width: 84px;
	height: 80px;
	margin: auto;
	display: block;
}
.index-fuwu-wangluo{
	background: url(../images/y-fuwu-image1.png);
}
.index-fuwu-wangluo:hover{
	background: url(../images/y-fuwu-image1-1.png);
}
.index-fuwu-ruanjian{
	background: url(../images/y-fuwu-image2.png);
}
.index-fuwu-ruanjian:hover{
	background: url(../images/y-fuwu-image2-1.png);
}
.index-fuwu-weixin{
	background: url(../images/y-fuwu-image3.png);
}
.index-fuwu-weixin:hover{
	background: url(../images/y-fuwu-image3-1.png);
}
.index-fuwu-xianshang{
	background: url(../images/y-fuwu-image4.png);
}
.index-fuwu-xianshang:hover{
	background: url(../images/y-fuwu-image4-1.png);
}
.index-fuwu-main-li h1{
	font-size: 26px;
	line-height: 60px;
	color: #666;
}
.index-fuwu-main-li span{
	padding: 0 25px;
	display: block;
	color: #999;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
}
/*首页小程序*/
.index-fuwu1{
	width: 100%;
	height: 730px;
	background: #fff;
}
.index-fuwu1 ul{
	width: 1123px;
	margin: auto;
}
.index-fuwu1 ul li{
	float: left;
}
.index-fuwu-main-li1{
	width: 280px;
	height: 260px;
	text-align: center;
	cursor: pointer;
}
.index-fuwu-main-li1 a{
	width: 128px;
	height: 128px;
	margin: auto;
	display: block;
}
.index-fuwus1{
	background: url(../images/111.png);
	background-size: 128px 128px;

}

.index-fuwus2{
	background: url(../images/222.png);
	background-size: 128px 128px;
}

.index-fuwus3{
	background: url(../images/333.png);
	background-size: 128px 128px;
}

.index-fuwus4{
	background: url(../images/444.png);
	background-size: 128px 128px;
}
.index-fuwus5{
	background: url(../images/555.png);
	background-size: 128px 128px;
}
.index-fuwus6{
	background: url(../images/666.png);
	background-size: 128px 128px;
}
.index-fuwus7{
	background: url(../images/777.png);
	background-size: 128px 128px;
}
.index-fuwus8{
	background: url(../images/888.png);
	background-size: 128px 128px;
}
.index-fuwu-main-li1 h1{
	font-size: 26px;
	line-height: 60px;
	color: #666;
}
.index-fuwu-main-li1 span{
	padding: 0 25px;
	display: block;
	color: #999;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}
/*首页技术资质*/
.index-zizhi{
	width: 100%;
	height: 640px;
	background: url(../images/y-bg2.png);
}
.index-zizhi-box{
	width: 1100px;
	margin: 0 auto;
}
.index-zizhi-box li{
	width:  230px;
	height: 158px;
	background: #fff;
	margin: 0 10px 20px 10px;
	display: inline-block;
	padding: 10px;
	box-shadow: 0 0 15px #ddd;
	-moz-box-shadow: 0 0 15px #ddd;
	-webkit-box-shadow: 0 0 15px #ddd;
}
.index-zizhi-box li img{
	width: 230px;
	height: 158px;
}
.index-zizhi-box li a,
.index-zizhi-box li a img {
	display: block;
	position: relative;
}
.index-zizhi-box li a {
	overflow: hidden;
}
.index-zizhi-box li a div {
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.hot_info p{
	text-align: center;
	margin-top: 65px;
	font: normal 18px/24px "Microsoft Yahei";
	color: #fff;
}
#zoom {
	z-index: 999999990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url('../images/loading.gif');
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 4px;
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('../images/close.png') no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 49px;
	height: 49px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url('../images/arrows.png') no-repeat 0 0;
	border-radius: 0 4px 4px 0;
}
#zoom .next {
	right: 0;
	background: url('../images/arrows.png') no-repeat 100% 0;
	border-radius: 4px 0 0 4px;
}
#zoom .close:hover {
	background-color: #da4f49;
}
#zoom .previous:hover,
#zoom .next:hover {
	background-color: #0088cc;
}
/*首页媒体资讯*/
.index-zixun{
	width: 100%;
	height: 780px;
	background: #fff;
}
.index-zixun-main{
	width: 1260px;
	height: 458px;
	padding: 30px 20px;
	margin: auto;
	background: #fff;
	box-shadow: 0 0 15px #f1f1f1;
	-moz-box-shadow: 0 0 15px #f1f1f1;
	-webkit-box-shadow: 0 0 15px #f1f1f1;
}
.index-zixun-left{
	width: 637px;
	height: 459px;
	float: left;
	position: relative;
}
.index-zixun-left a {
	float:left;
	position:absolute;
}
.index-zixun-left a img {
	border:none;
	width: 637px;
	height: 459px;
}
.index-zixun-left a.show {
	z-index:500
}
.index-zixun-left .caption {
	z-index:600; 
	background-color:rgba(0,0,0,.7);
	color:#FFF; 
	width: 627px;
	height:60px; 
	position:absolute;
	bottom:0;
	line-height: 60px;
	font-size: 20px;
	padding-left: 10px;
}
.index-zixun-left .caption .content {
	margin:5px
}
.index-zixun-right{
	width: 600px;
	height: 458px;
	float: right;
}
.index-zixun-right li{
	height: 148px;
}
.index-zixun-teli{
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 12px;
}
.index-zixun-right li img{
	width: 137px;
	height: 136px;
	display: inline-block;
	float: left;
}
.index-zixun-right li div{
	width: 450px;
	height: 136px;
	float: right;
}
.index-zixun-right li div a{
	font-size: 20px;
	line-height: 50px;
	color: #444;
	display: inline-block;
}
.index-zixun-right li div a:hover{
	color: #24b8e8;
	padding-left: 10px;
}
.index-zixun-right li div h3{
	font-size: 14px;
	line-height: 50px;
	color: #cbcbcb;
	display: inline-block;
	float: right;
}
.index-zixun-right li div h6{
	font-size: 18px;
	line-height: 24px;
	color: #666;
}
@media screen and (max-width: 1400px){
	.index-zixun-main{
		width: 1120px;
		height: 404px;
	}
	.index-zixun-left{
		width: 537px;
		height: 402px;
	}
	.index-zixun-left a img {
		width: 558px;
		height: 402px;
	}
	.index-zixun-left .caption {
		width: 548px;
		font-size: 18px;
	}
	.index-zixun-right{
		width: 540px;
		height: 404px;
	}
	.index-zixun-right li{
		height: 128px;
	}
	.index-zixun-right li img{
		width: 120px;
		height: 119px;
	}
	.index-zixun-right li div{
		width: 400px;
		height: 120px;
	}
	.index-zixun-right li div a{
		font-size: 18px;
	}
	.index-zixun-right li div a,
	.index-zixun-right li div h3{
		line-height: 46px;
	}
	.index-zixun-right li div h6{
		font-size: 15px;
	}	
}
/*子页公用部分*/
.about_banner_box{
	width: 100%;
	height: 260px;
	position: relative;
	overflow: hidden;
	margin-top: 113px;
}
.about_banner{
	width: 1920px;
	height: 260px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.about-title-box{
	width: 100%;
	height: 110px;
	background: #f0f1f2;
	text-align: left;
}
.about-title{
	width: 1274px;
	margin: 0 auto;
}
.about-main-box{
	width: 100%;
	height: auto;
	padding: 40px 0;
	margin: auto;
}
@media screen and (max-width: 1400px){
	.about_banner_box{
		margin-top: 83px;
	}
	.about-title{
		width: 1180px;
	}
}
/*案例展示页面*/
.case-main-title-box{
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #e6e7ea;
	margin-bottom: 20px;
}
.case-main-title{
	width: 1274px;
	margin: auto;
	line-height: 60px;
	color: #24b8e8;
	font-size: 30px;
	position: relative;
}
.case-main-title span{
	border-bottom: 4px solid #24b8e8;
	padding-bottom: 8px;
}
.case-title-style{	
	height: 4px;
	position: absolute;
	left: 0;
	bottom: -2px;
	/*background: url(../images/y-case-bg1.png) repeat-x;*/
}
/*1500元起*/
.case-main-title .case_price{
	display: block;
	position: absolute;
	top: 13px;
	left: 150px;
}
.case-title-moban{
	width: 120px;
}
.case-title-website{
	width: 268px;
}
.case-title-zhizunA{
	width: 234px;
}
.case-title-app{
	width: 180px;
}
.case-title-commerce{
	width: 246px;
}
.case-title-jingpingcase{
	width: 150px;
}
.case-title-yiqixiu{
	width: 250px;
}
.case-title-ruanjian{
	width: 240px;
}
.anli-main{
	width: 1296px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.anli-main li{
	float: left;
	margin: 0 15px 24px 11px;
	width: 296px;
	overflow: hidden;
	border: 1px solid rgba(231,231,231,.5);
}
.anli-main li:hover{
	box-shadow: 0 0 15px #ccc;
	-moz-box-shadow: 0 0 15px #ccc;
	-webkit-box-shadow: 0 0 15px #ccc;
}
.anli-main li img{
	width: 296px;
	height: 201px;
	display: block;
}
.anli-title{
	text-align: center;
	font-size: 16px;
	line-height: 52px;
}
.anli-title span{
	width: 52px;
	height: 52px;
	display: inline-block;
	background-color: #e8e8e8;
	color: #010101;
	font-weight: bold;
	border-right: 1px solid #dbdbdb;
	float: left;
}
.anli-title a{
	width: 243px;
	height: 52px;
	color: #333;
	background-color: #f4f4f4;
	float: right;
}
.anli-more{
	width: 243px;
	height: 49px;
	background: rgba(255,255,255,0);
	border: 1px solid #e1e1e1;
	border-radius: 120px;
	color: #24b8e8;
	text-align: center;
	line-height: 51px;
	transition: all .8s ease-in;
	-moz-transition: all .8s ease-in;
	-webkit-transition: all .8s ease-in;
	-o-transition: all .8s ease-in;
	margin: 30px auto auto auto;
	display: block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.anli-more span{
	width: 10px;
	height: 15px;
	position: absolute;
	top: 17px;
	left: 150px;
	background: url(../images/y-icon1.png) no-repeat;
	opacity: 0;
	transition: all .8s ease-in;
	-moz-transition: all .8s ease-in;
	-webkit-transition: all .8s ease-in;
	-o-transition: all .8s ease-in;
}
.anli-more:hover{
	border-color: #24b8e8; 
	background: #24b8e8;
	color: #fff;
	padding-right: 20px;
}
.anli-more:hover span{
	opacity: 1;
	left: 160px;
}
@media screen and (max-width: 1400px){
	.case-main-title{
		width: 1160px;
	}
	.anli-main{
		width: 1160px;
	}
	.anli-main li{
		width: 270px;
		margin: 0 18px 25px 0;
	}
	.anli-main li img{
		width: 270px;
		height: 183px;	
	}
	.anli-main li .index-anli-title{
		width: 270px;
	}
	.anli-title{
		font-size: 16px;
	}
	.anli-title a{
		width: 217px;
	}
}
/*案例页面-左侧链接悬浮窗*/
.case_left_float_box{
	width: 220px;
	height: auto;
	background: rgba(0,0,0,0.5);
	position: fixed;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 20px 0;
	z-index: 1000000000;
}
.case_left_float_box li a{
	display: block;
	padding-left: 50px;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
}
.case_left_float_box li a:hover{
	color: #24b8e8;
}
.case_left_float_box li .case_left_float_1{

}
.case_left_float_box li .case_left_float_2{
	
}
.case_left_float_box li .case_left_float_3{
	
}
.case_left_float_box li .case_left_float_4{
	
}
.case_left_float_box li .case_left_float_5{
	
}
.case_left_float_box li .case_left_float_6{
	
}
.case_left_float_box li .case_left_float_7{
	
}
.case_left_float_box li .case_left_float_8{
	
}
.case_left_float_box li .case_left_float_9{
	
}
/*服务项目页面*/
.service-box{
	width: 100%;
	height: auto;
	margin-bottom: -40px;
}
.servicetitle ul{
	width: 1112px;
	height: 108px;
	margin: 0 auto 40px auto;
}
.servicetitle ul li{
	display: inline-block;
	width: 266px;
	height: 108px;
	margin: 0 4px;
}
.servicetitle ul li a{
	width: 146px;
	height: 108px;
	padding-left: 120px;
	display: block;
	line-height: 108px;
	color: #666;
	font-size: 26px;
	transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
}
.servicetitle-web{
	background: #fff url(../images/y-service-title1.png) no-repeat 20px center;
}

.servicetitle ul li.select .servicetitle-web{
	color: #fff;
	background: #1eb2e2 url(../images/y-service-title1-1.png) no-repeat 20px center;
}
.servicetitle-software{
	background: #fff url(../images/y-service-title2.png) no-repeat 20px center;
}

.servicetitle ul li.select .servicetitle-software{
	color: #fff;
	background: #1eb2e2 url(../images/y-service-title2-1.png) no-repeat 20px center;
}
.servicetitle-wechat{
	background: #fff url(../images/y-service-title3.png) no-repeat 20px center;
}

.servicetitle ul li.select .servicetitle-wechat{
	color: #fff;
	background: #1eb2e2 url(../images/y-service-title3-1.png) no-repeat 20px center;
}
.servicetitle-online{
	background: #fff url(../images/y-service-title4.png) no-repeat 20px center;
}

.servicetitle ul li.select .servicetitle-online{
	color: #fff;
	background: #1eb2e2 url(../images/y-service-title4-1.png) no-repeat 20px center;
}
.servicecontent-box{
	width: 100%;
	height: auto;
	background: #fff;
}
.servicecontent{
	width: 1100px;
	margin: auto;
}
.service-main{
	padding-top: 20px;
	padding-bottom: 40px;
}
.service-main li{
	vertical-align: top;
	width: 100%;
	height: auto;
	display: block;
	padding-top: 38px;
	padding-bottom: 18px;
	overflow: auto;
	position: relative;
}
.service-main li:hover{
	background: #1eb2e2;
	padding-left: 20px;
}
.service-main-style{
	border-bottom: 1px dashed #cacaca;
}
.service-main li span{
	float: left; 
	width: 140px;
	height: 138px;
	text-align: center;
	color: #e8e9ec;
	font-size: 72px;
	line-height: 68px;
}
.service-main li div{
	float: right;
	width: 890px;
	padding-right: 40px;
}
.service-main li div h1{
	color: #333;
	font-size: 24px;
	line-height: 30px;
	display: block;
	margin-bottom: 10px;
}
.service-main li div p{
	color: #666;
	font-size: 18px;
	line-height: 40px;
}
.service-main li,
.service-main li span,
.service-main li div h1,
.service-main li div p{
	transition: all .8s ease-in;
	-moz-transition: all .8s ease-in;
	-webkit-transition: all .8s ease-in;
	-o-transition: all .8s ease-in;	
}
.service-main li:hover span,
.service-main li:hover div h1,
.service-main li:hover div p{	
	color: #fff;
}
@media screen and (max-width: 1400px){
	.servicetitle ul{
		width: 927px;
		height: 80px;
	}
	.servicetitle ul li{
		width: 220px;
		height: 80px;
		margin: 0 4px;
	}
	.servicetitle ul li a{
		width: 130px;
		height: 80px;
		padding-left: 90px;
		line-height: 80px;
		font-size: 22px;
	}
	.servicetitle-web{
		background: #fff url(../images/y-service-title1_1.png) no-repeat 10px center;
	}
	.servicetitle-web:hover,
	.servicetitle ul li.select .servicetitle-web{
		color: #fff;
		background: #1eb2e2 url(../images/y-service-title1_1-1.png) no-repeat 10px center;
	}
	.servicetitle-software{
		background: #fff url(../images/y-service-title2_1.png) no-repeat 10px center;
	}
	.servicetitle-software:hover,
	.servicetitle ul li.select .servicetitle-software{
		color: #fff;
		background: #1eb2e2 url(../images/y-service-title2_1-1.png) no-repeat 10px center;
	}
	.servicetitle-wechat{
		background: #fff url(../images/y-service-title3_1.png) no-repeat 10px center;
	}
	.servicetitle-wechat:hover,
	.servicetitle ul li.select .servicetitle-wechat{
		color: #fff;
		background: #1eb2e2 url(../images/y-service-title3_1-1.png) no-repeat 10px center;
	}
	.servicetitle-online{
		background: #fff url(../images/y-service-title4_1.png) no-repeat 10px center;
	}
	.servicetitle-online:hover,
	.servicetitle ul li.select .servicetitle-online{
		color: #fff;
		background: #1eb2e2 url(../images/y-service-title4_1-1.png) no-repeat 10px center;
	}
	.servicecontent{
		width: 927px;
	}
	.service-main li{
		padding-top: 28px;
	}
	.service-main li span{
		width: 120px;
		height: 118px;
	}
	.service-main li div{
		width: 720px;
	}
	.service-main li div h1{
		font-size: 22px;
	}
	.service-main li div p{
		font-size: 16px;
		line-height: 32px;
	}
}
/*技术资质页面*/
.zizhi_box{
	width: 1100px;
	margin: auto;
}
.zizhi_title{
	margin-bottom: 70px;
}
.zizhi_title ul li{
	width: 550px;
	height: 64px;
	display: inline-block;
	float: left;
	line-height: 64px;
	border-bottom: 3px solid #e0e0e0;
	text-align: center;
}
.zizhi_title ul li a{
	font-size: 18px;
	color: #999;
	display: block;
	font-weight: bold;
}
.zizhi_title ul .select{
	border-bottom: 2px solid #24b8e8;
}
.zizhi_title ul .select a{
	color: #24b8e8;
}
.qualification-box{
	width: 1210px;
	margin: 20px auto;
	background: #f00;
}
.qualification-box li{
	width:  370px;
	height: 254px;
	background: #fff;
	margin: 0 5px 20px 5px;
	display: inline-block;
	padding: 10px;
	box-shadow: 0 0 15px #ddd;
	-moz-box-shadow: 0 0 15px #ddd;
	-webkit-box-shadow: 0 0 15px #ddd;
	-o-box-shadow: 0 0 15px #ddd;
}
.qualification-box li img{
	width:  370px;
	height: 254px;
}
.qualification-box li a,
.qualification-box li a img {
	display: block;
	position: relative;
}
.qualification-box li a {
	overflow: hidden;
}
.qualification-box li a div {
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.hot-info-qualification p{
	text-align: center;
	margin-top: 110px;
	font: normal 18px/24px "Microsoft Yahei";
	color: #fff;
}
@media screen and (max-width: 1400px){
	.qualification-box{
		width: 970px;
	}
	.qualification-box li{
		width:  280px;
		height: 192px;
		margin: 0 10px 20px 10px;
	}
	.qualification-box li img{
		width:  280px;
		height: 192px;
	}
	.hot-info-qualification p{
		margin-top: 85px;
	}
}
/*媒体资讯列表页*/
.media-box{
	width: 1210px;
	margin: 0 auto;
}
.mediatitle{
	width: 566px;
	margin: 0 auto;
	background: url(../images/y-media-bg2.png) repeat-x left bottom;
}
.mediatitle ul{
	text-align: center;
}
.mediatitle ul li{
	display: inline-block;
	margin: 0 28px;
}
.mediatitle ul li a{
	display: block;
	color: #484848;
	font-size: 20px;
	line-height: 50px;
}
.mediatitle ul li a:hover,
.mediatitle .select a{
	color: #24b8e8;
	background: url(../images/y-media-bg1.png) repeat-x;
	background-position: bottom;
}
.media-main li{
	display: block;
	border-bottom: 1px dashed #cacaca;
	transition: all .6s ease-in;
	-moz-transition: all .6s ease-in;
	-webkit-transition: all .6s ease-in;
	-o-transition: all .6s ease-in;	
	padding: 36px 0;
}
.media-main li:hover{
	padding-left: 20px;
}
.media-main li:hover div h1{
	color: #0daadd;
}
.media-main li img,
.media-main li div,
.media-main li span{
	display: inline-block;
	vertical-align: top;
}
.media-main li img{
	width: 254px;
	height: 165px;
	padding: 4px;
	background: #fff;
	box-shadow: 0 0 15px #ddd;
	-moz-box-shadow: 0 0 15px #ddd;
	-webkit-box-shadow: 0 0 15px #ddd;
	-o-box-shadow: 0 0 15px #ddd;
	margin-right: 20px;
}
.media-main li div{
	width: 740px;
	height: auto;
	margin-right: 40px;
}
.media-main li div h1{
	color: #303030;
	font-size: 18px;
	line-height: 40px;
	margin-bottom: 10px;
	transition: all .6s ease-in;
	-moz-transition: all .6s ease-in;
	-webkit-transition: all .6s ease-in;
	-o-transition: all .6s ease-in;	
}
.media-main li div p{
	color: #666;
	font-size: 16px;
	line-height: 34px;
}
.media-main li span{
	width: 100px;
	color: #999;
	font-size: 14px;
	line-height: 38px;
}
.media-page{
	text-align: center;
	margin-top: 40px;
}
.media-page li{
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
}
.media-page li a{
	width: 36px;
	height: 36px;
	display: block;
	line-height: 36px;
	color: #7f7f7f;
	font-size: 16px;
}
.media-page li .media-page-select,
.media-page li a:hover{
	color: #fff;
	background: #24b8e8;
}
.media-page li .media-page-arrow{
	background: url(../images/y-media-page1.png) no-repeat center center;
}
.media-page li .media-page-arrow:hover{
	background: url(../images/y-media-page2.png) no-repeat center center;
}
.media-page-last{
	padding: 0 5px;
}
@media screen and (max-width: 1400px){
	.media-box{
		width: 1000px;
	}
	.mediatitle ul li a{
		font-size: 18px;
	}
	.media-main{
		width: 1000px;
	}
	.media-main li{
		padding: 26px 0;
	}
	.media-main li img{
		width: 200px;
		height: 130px;
	}
	.media-main li div{
		width: 600px;
	}
	.media-main li div h1{
		line-height: 36px;
	}
	.media-main li div p{
		line-height: 30px;
		font-size: 14px;
	}
	.media-page li a{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
}
/*媒体资讯内容页*/
.media-content-box{
	width: 1000px;
	margin: 0 auto;
	font-size: 20px
}
.media-content-title{
	text-align: center;
	color: #303030;
	font-size: 24px;
	line-height: 40px;
	margin-top: 40px;
	margin-bottom: 36px;
}
.media-content-share-top{
	padding-left: 20px;
	padding-right: 20px;
	width: 959px;
	height: 50px;
	margin: 0 auto;
	background: #ededed;
	border-bottom: 1px dashed #d6d6d6;
	line-height: 50px;
	font-size: 14px;
	color: #999;
	margin-bottom: 20px;
}
.media-share-top-date{
	float: left;
}
.media-share-top-date span{
	margin-right: 20px;
}
.media-share-top-right{
	float: right;	
	height: 50px;
}
.media-content-share-bottom{
	height: 50px;
	line-height: 50px;

}
.media-share-top-right span
.media-content-share-bottom span{
	vertical-align: top;
	display: inline-block;
}
.media-share-top-right a,
.media-content-share-bottom a,
.media-share-top-right a span,
.media-content-share-bottom a span{
	width: 28px;
	height: 50px;
	vertical-align: top;
	display: inline-block;
}
.media-share-kongjian{
	background: url(../images/y-share1.png) no-repeat left;
}
.media-share-weixin{
	background: url(../images/y-share2.png) no-repeat left;
}
.media-share-weibo{
	background: url(../images/y-share3.png) no-repeat left;
}
.media-bottom-link{
	margin: 30px auto;
}
.media-bottom-link li{
	width: 45%;
	display: inline-block;
	color: #000;
}
.media-bottom-link li a{
	color: #666;
}
.media-bottom-link li a:hover{
	color: #24b8e8;
}
.media-bottom-back{
	display: block;
	width: 100%;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #ededed;
	margin-top: 30px;
	margin-bottom: 40px;
	color: #24b8e8;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}
.media-bottom-back:hover{
	color: #fff;
	background: #24b8e8;
}
.media-content-main{
	color: #666;
	font-size: 16px;
	line-height: 38px;
	text-indent: 2em;
	margin: 25px auto;
	width: 90%;
}
.media-content-image{
	width: 90%;
	height: auto;
	display: block;
	margin: 20px auto;
}
/*联系我们页面*/
.contact-main-box{
	width: 1200px;
	height: auto;
	margin: auto;

}
.contact-map-top{
	width:790px;
	height: 480px;
	float: left;
}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.contact-right{
	float: right;
	width: 400px;
	height: 480px;
	background: #14a7d7;
}
.contact-right h1{
	color: #f8f8f8;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	margin-top: 60px;
}
.contact-right div{
	width: 122px;
	height: 5px;
	background: url(../images/y-contact1.png) no-repeat;
	margin-top: 12px;
	margin-left: 80px;
}
.contact-right table{
	width: 330px;
	margin: 40px auto 30px auto;
}
.contact-right table tr{
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 14px;
}
.contact-td-left{
	width: 36px;
}
.contact-right h2{
	width: 300px;
	padding: 5px 15px;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	border: 1px solid #fff;
	margin: auto;
}
.contact-td-right:hover{
	padding-left: 5px;
}
.contact-bottom{
	width: 1200px;
	height: 96px;
	margin-top: 10px;
	background: #f2f2f2;
	margin: 10px auto;
	line-height: 96px;
	color: #666c72;
	font-size: 16px;
	text-align: center;
}
.contact-bottom ul li span{
	color: #4b95cf;
}
.conatct-bus{
	width: 600px;
	float: left;
}
.contact-underground{
	width: 600px;
	float: right;
}
.conatct-bus li,
.contact-underground li{
	padding: 0 10px;
	display: inline-block;
}
@media screen and (max-width: 1400px){
	.contact-map-box{
		height: 550px;
	}
}
/*首页联系我们*/
.index-lianxi{
	width: 100%;
	height: 580px;
	margin: auto;
	background: url(../images/y-bg4.png);
}
.index-lianxi-logo{
	width: 194px;
	height: 75px;
	margin: auto;
	margin-top: -30px;
	display: block;
	background: url(../images/y-index-contact1.png);
	cursor: pointer;
	transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
}
.index-lianxi-logo:hover{
	background: url(../images/y-index-contact1-1.png);
}
.index-lianxi-bottom{
	width: 994px;
	height: 240px;
	border-top: 1px solid #cacacb;
	margin: 20px auto auto auto;
	padding-top: 20px;
}
.index-lianxi-bottom img{
	width: 1px;
	float: left;
	display: inline-block;
	margin: auto 20px auto 10px;
}
.index-lianxi-title{
	color: #333;
	font-size: 18px;
	line-height: 40px;
	text-align: left;
	margin-bottom: 15px;
}
.index-lianxi-left{
	width: 376px;
	float: left;
}
.index-lianxi-left ul li{
	padding-left:30px;
	color: #666;
	font-size: 16px;
	line-height: 30px;
	cursor: pointer;
}
.index-lianxi-left ul li:hover{
	padding-left: 40px;
	color: #141414;
}
.index-lianxi-bg-address{
	background: url(../images/y-index-lianxi1.png) no-repeat left;
}
.index-lianxi-bg-mobile{
	background: url(../images/y-index-lianxi2.png) no-repeat left;
}
.index-lianxi-bg-telephone{
	background: url(../images/y-index-lianxi3.png) no-repeat left;
}
.index-lianxi-bg-email{
	background: url(../images/y-index-lianxi4.png) no-repeat left;
}
.index-lianxi-middle{
	width: 378px;
	float: left;
	position: relative;
	z-index: 10;
}
.index-lianxi-middle ul li{
	display: block;
	text-align: left;
	width: 120px;
	padding-left: 2px;
}
.index-lianxi-middle ul li a{
	color: #666;
	font-size: 16px;
	line-height: 35px;
}
.index-lianxi-middle ul li a:hover{
	color: #000;
	padding-left: 10px;
}
.index-lianxi-right{
	width: 165px;
	float: left;
	margin: 0;
}
.index-lianxi-right div{
	width: 105px;
	height: 105px;
	padding: 4px;
	margin: 0;
	background: #fff;
	float: right;
}
.index-lianxi-right div img{
	width: 105px;
	height: 105px;
	margin: 0;
}
.index-lianxi-bottom-renzheng{
	text-align: center;
}
.index-lianxi-bottom-renzheng a,
.index-lianxi-bottom-renzheng img{
	width: 127px;
	height: 47px;
	display: inline-block;
	margin: 0 5px;
}
/*版权信息*/
.index-bottom{
	width: 100%;
	height: 44px;
	background: #2d2d2d;
	overflow: hidden;
}
.index-bottom div{
	width: 1200px;
	margin: auto;
	color: #858b8f;
	line-height: 44px;
	font-size: 16px;
	text-align: center;
}

.index-bottom h2{
	display: inline-block;
	text-align: right;
	float: right;
}
.index-bottom h3{
	display: inline-block;
	text-align: left;
	float: left;
}
/*右侧QQ部分*/
.toolbar{
	right: 0;
	top:62%;
	position: fixed;
	z-index: 100000;
}
.item{
	display: block;
	width: 60px;
	height: 60px;
	position: relative;
	background-image: url(../images/y-toolbar1.png);
	background-repeat: no-repeat;
	transition:background-position 0.5s;
	-moz-transition:background-position 0.5s;
	-webkit-transition:background-position 0.5s;
	-o-transition:background-position 0.5s;
	cursor: pointer;
	margin-bottom: 2px;
}
.layer{
	position: absolute;
	right: 62px;
	background-repeat: no-repeat;
	opacity: 0;  /*透明度=0*/
	filter:alpha(opacity=0);   /*兼容ie的透明度为0*/
	transform:scale(0.01);   /*变化到最小（css3里的）*/
	transform-origin:right bottom;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}
.qqk{
	width: 387px;
	height: 209px;
	background-image: url(../images/y-toolbar2.png);
	bottom: 0;
}
.qq-top span{
	color: #000;
	line-height: 22px;
	font-size: 12px;
	display: block;
	font-weight: bold;
	padding-left: 24px;
}
.qq-bottom{
	margin-top:20px;
}
.qq-bottom h1{
	color: #000;
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
	padding-left: 50px;
	display: block;
	background: url(../images/y-toolbar4.png) no-repeat 20px;
	margin-bottom: 5px;
}
.qq-bottom span{
	display: block;
	padding-left: 30px;
	line-height: 20px;
	color: #585858;
	font-size: 12px;
}
.qq-bottom input{
	width: 153px;
	height: 28px;
	border: 1px solid #e7e7e7;
	display: inline-block;
	margin-left: 30px;
	margin-top: 10px;
	color: #585858;
	font-size: 12px;
	line-height: 28px;
	padding-left: 15px;
}
.qq-bottom a{
	display: inline-block;
	width: 92px;
	height: 28px;
	background: #ef241c;
	text-align: center;
	font-size: 12px;
	line-height: 28px;
	color: #fff;
}
.weixink{
	width: 296px;
	height: 189px;
	background-image: url(../images/y-toolbar5.png);
}
.weixin-top img,
.weixin-top span{
	float: left;
	margin-top: 30px;
	margin-left: 20px;
}
.weixin-top img{
	width: 92px;
	height: 92px;
}
.weixin-top span h1{
	color: #000;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
.weixin-top span h2{
	color: #333;
	font-size: 14px;
	line-height: 22px;
}
.weixin-bottom{
	margin-top: 24px;
	color: #000;
	font-size: 14px;
	line-height: 16px;
}
.weixin-bottom span{
	padding-left: 20px;
}
.weixin-bottom a{
	color: #1477dc;
	padding-left: 5px;
}
.item:hover .layer{
	z-index: 10000000000000;
	opacity: 1;
	filter:alpha(opacity=100);
	transform:scale(1);
}
.liuyan{
	background-position: 0 0;
}
.liuyan:hover{
	background: url(../images/y-toolbar6.png);
}
.weixin{
	background-position: 0 -120px;
}
.weixin:hover{
	background-position: 0 -180px;
}
.qq{
	background-position: 0 -240px;
}
.qq:hover{
	background-position: 0 -300px;
}










/*微信案例-2016-05-24*/
.case_0524_box{
	width: 1200px;
	height: auto;
	margin: auto;
	margin-top: 113px;
	padding-bottom: 40px;
}
.case_0524_box .case_0524_title{
	color: #666;
	font-size: 26px;
	line-height: 70px;
	font-family: SimHei;
}
.case_0524_box .case_0524_main{
	width: 1200px;
	height: 650px;
	background: #fff;
	position: relative;
}
.case_0524_slide_box{
	width: 1005px;
	height: auto;
	margin: auto;
	padding-top: 88px;
	/*overflow: hidden;*/
}
.case_0526_slide_box{
	padding-top: 50px;
}
/*图片*/
.case_0524_slide_box .case_0524_slide_images_box{
	width: 1005px;
	height: auto;
	overflow: hidden;
}
.case_0524_slide_box .case_0524_slide_images_box ul li{
	width: 255px;
	height: auto;
	float: left;
	margin: auto 40px;
}
/*pc*/
.case_0526_slide_images_box{
	width: 930px;
	height: auto;
	margin: auto;
}
.case_0526_slide_images_box ul li{
	width: 930px;
	height: auto;
	float: left;
}
.case_0526_slide_images_box ul li img{
	width: 100%;
	height: auto;
	display: block;
}
/*按钮*/
.case_0524_slide_icon_box{
	/*position: absolute;
	width: 1200px;
	top: 0;
	left: 0;*/
}
.case_0524_slide_icon_box a{
	width: 74px;
	height: 74px;
	display: block;
	position: absolute;
	top: 260px;
}
.case_0524_slide_icon_box .prev{
	left: 20px;
	background: url(../images/y_case_0524_1.png) no-repeat center;
}
.case_0524_slide_icon_box .next{
	right: 20px;
	background: url(../images/y_case_0524_2.png) no-repeat center;
}
.case_0524_slide_icon_box ul{
	height: 9px;
	position: absolute;
	right: 100px;
	bottom: 40px;
}
.case_0524_slide_icon_box ul li{
	float: left;
}
.case_0524_slide_icon_box ul li li{
	width: 9px;
	height: 9px;
	background: #c7c7c7;	
	font-size: 0;
	border-radius: 50%;
	margin: auto 6px;
	cursor: pointer;
}
.case_0524_slide_icon_box ul .on{
	background: #43a8e9;
}
/*手机*/
.case_0524_phone{
	position: absolute;
	top: 14px;
	left: 435px;
}



/*微信案例-2016-05-24*/
.case_0524_box1{
	width: 1200px;
	height: auto;
	margin: auto;
	margin-top: 113px;
	padding-bottom: 40px;
}
.case_0524_box1 .case_0524_title{
	color: #666;
	font-size: 26px;
	line-height: 70px;
	font-family: SimHei;
}
.case_0524_box1 .case_0524_main{
	width: 1200px;
	height: 650px;
	background: #fff;
	position: relative;
}
.case_0524_slide_box1{
	width: 1005px;
	height: auto;
	margin: auto;
	padding-top: 88px;
	/*overflow: hidden;*/
}
.case_0526_slide_box1{
	padding-top: 50px;
}
/*图片*/
.case_0524_slide_box1 .case_0524_slide_images_box{
	width: 1005px;
	height: auto;
	overflow: hidden;
}
.case_0524_slide_box1 .case_0524_slide_images_box ul li{
	width: 255px;
	height: auto;
	float: left;
	margin: auto 40px;
}
/*pc*/
.case_0526_slide_images_box{
	width: 930px;
	height: auto;
	margin: auto;
}
.case_0526_slide_images_box ul li{
	width: 930px;
	height: auto;
	float: left;
}
.case_0526_slide_images_box ul li img{
	width: 100%;
	height: auto;
	display: block;
}
/*按钮*/
.case_0524_slide_icon_box{
	/*position: absolute;
	width: 1200px;
	top: 0;
	left: 0;*/
}
.case_0524_slide_icon_box a{
	width: 74px;
	height: 74px;
	display: block;
	position: absolute;
	top: 260px;
}
.case_0524_slide_icon_box .prev{
	left: 20px;
	background: url(../images/y_case_0524_1.png) no-repeat center;
}
.case_0524_slide_icon_box .next{
	right: 20px;
	background: url(../images/y_case_0524_2.png) no-repeat center;
}
.case_0524_slide_icon_box ul{
	height: 9px;
	position: absolute;
	right: 100px;
	bottom: 40px;
}
.case_0524_slide_icon_box ul li{
	float: left;
}
.case_0524_slide_icon_box ul li li{
	width: 9px;
	height: 9px;
	background: #c7c7c7;	
	font-size: 0;
	border-radius: 50%;
	margin: auto 6px;
	cursor: pointer;
}
.case_0524_slide_icon_box ul .on{
	background: #43a8e9;
}
/*手机*/
.case_0524_phone{
	position: absolute;
	top: 14px;
	left: 435px;
}