@charset "gb2312";



#content{
	height: auto;
	width: 1024px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow:auto;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #666;
	font-size: 15px;
	font-family: "΢���ź�";
	line-height: 25px;
}
#content p{
	color: #666;
	font-size: 15px;
	font-family: "΢���ź�";
	line-height: 28px;
}

#content p img{
	max-width: 100%;
}
.case{
	float: left;
	height: 330px;
	width: 320px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(../image/showcase.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.case_pic{
	margin: 0px;
	float: left;
	height: 215px;
	width: 300px;
	padding: 10px;
}
.case_pic img{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 215px;
	width: 300px;
}
.case h1{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 320px;
	line-height: 50px;
	color: #F90;
	font-family: "΢���ź�";
	font-size: 15px;
	font-weight: normal;
	text-align:center;
}
.case h1 a{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 320px;
	line-height: 50px;
	color: #F60;
	font-family: "΢���ź�";
	font-size: 15px;
	font-weight: normal;
}
.case h1 a:hover{
	color: #333;
}

.case h2{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 320px;
	line-height: 50px;
	color: #F90;
	font-family: "΢���ź�";
	font-size: 15px;
	font-weight: normal;
	text-align:center;
}
.case h2 a{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 320px;
	line-height: 50px;
	color: #F60;
	font-family: "΢���ź�";
	font-size: 15px;
	font-weight: normal;
}
.case h2 a:hover{
	color: #333;
}
.case_time{
	margin: 0px;
	float: right;
	height: 32px;
	width: 320px;
	overflow:auto;
	font-family: "����";
	font-size: 12px;
	color: #676767;
	line-height: 32px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}
.anli{
	float: left;
	min-height: 210px;
	height:auto;
	overflow:auto;
	width: 1000px;
	padding: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #f9f9f9;
}
.anli_pic{
	margin: 0px;
	float: left;
	height: 235px;
	width: 310px;
	background-image: url(../image/showanli.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.anli_pic img{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 215px;
	width: 300px;
}
.anli_title{
	margin: 0px;
	padding: 0px;
	float: right;
	height: 30px;
	width: 670px;
	color: #C63;
	font-family: "΢���ź�";
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
}

.anli_time{
	margin: 0px;
	float: right;
	height: 25px;
	width: 670px;
	overflow:auto;
	font-family: "����";
	font-size: 12px;
	color: #676767;
	line-height: 25px;
	padding: 0px;
}
.anli_website{
	margin: 0px;
	float: right;
	height: 25px;
	width: 670px;
	overflow:auto;
	font-family: "����";
	font-size: 12px;
	color: #676767;
	line-height: 25px;
	padding: 0px;
}
.anli_content{
	margin: 0px;
	padding: 0px;
	float: right;
	min-height: 105px;
	height:auto;
	overflow:auto;
	width: 670px;
	color: #666;
}

.anli_content p{
	font-family: "΢���ź�";
	font-size: 14px !important;
	line-height: 25px;
	font-weight: normal;
	color: #666;
}

.picbox{
	margin: 0px;
	padding: 12px;
	float: left;
	height: auto;
	width: 1000px;
	overflow:auto;
	text-align: center;
}
.picbox #bigimg{
	max-width: 1000px;
}
.pic{
	margin: 0px;
	float: left;
	height: auto;
	width: 1000px;
	overflow:auto;
	text-align: center;
	padding: 0px;
}
.title{
	margin: 0px;
	padding: 12px;
	float: left;
	height: 30px;
	width: 1000px;
	text-align: center;
	padding: 0px;
	line-height: 30px;
}

.pages{
	text-align: right;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 50px;
	width: 100%;
}
.pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.pages ul li{
	float:left;
	font-family:"΢���ź�";
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.pages ul li a:hover{
	color:#F60;
	text-decoration:none;
	padding:2px 4px 2px;
}
.pages ul li.thisclass,
.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F90;
	padding:1px 4px 2px;
	font-weight:bold;
	color: #FFF;
}
.pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#666;
}
.pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
.pagelist ul{
	margin: 30px 10px 50px;
}
.pagelist ul:after{
	display: block;
	height: 0;
	content: ".";
	overflow: hidden;
	clear: both;
}
.pagelist li{
	float: left;
	line-height: 25px;
	margin: 0 3px;
	text-align: center;
}
.pagelist li.thisclass{
	background: #FF7300;
	border: 1px #FF7300 solid;
	color: #fff;
	padding: 0 5px;
	min-width: 25px;
	font-weight: bold;
}
.pagelist li select{
	width: 50px;
	height: 27px;
	border-radius: 0;
}
.pagelist li a{
	display: block;
	padding: 0 5px;
	min-width: 25px;
	border: 1px #ccc solid;
}
.pagelist li a:hover{
	color: #fff;
	background: #FF7300;
	border: 1px #FF7300 solid;
	color: #fff;
}

.context{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
	width: 100%;
	font-size: 14px !important;
	text-align: left;
}


.Case_phonebox{width:1000px;margin:0px auto; padding-top:70px;position:relative;}
.Case_phone{ position:relative; width:850px; margin:0px auto; height:591px; padding-bottom:50px;}

.Case_phoneleft,.Case_phoneright{position:absolute;width:54px; height:101px; top:38%;z-index:9999;}

.Case_phoneleft{background:url(../image/icon.gif) no-repeat;left:150px;}
.Case_phoneleft a{display:block;width:54px; height:101px;}
.Case_phoneleft a:hover{background:url(../image/icon.gif) no-repeat 0px -103px;}

.Case_phoneright{ background:url(../image/icon.gif) no-repeat -60px 0;right:150px;}
.Case_phoneright a{display:block;width:54px; height:101px;}
.Case_phoneright a:hover{background:url(../image/icon.gif) no-repeat -60px -103px;}

.Case_phonelist{width:850px;overflow:hidden;position:relative; padding-top:70px;}
.Case_phonelist ul{ width:9999px; position:relative;}
.Case_phonelist ul li{ float:left; width:248px; height:439px; padding:0px 18px 0px 18px;}
.Case_phonelist ul li img{ display:block; width:248px; height:439px; opacity:0.5;filter:alpha(opacity=50)}
.Case_phonelist ul li.cur img{opacity:1;filter:alpha(opacity=100)}


.Case_phonepic{position:absolute; background:url(../image/iphone6s_box.png) no-repeat center; width:850px; height:591px; z-index:99}