@charset "utf-8";
#header,
#logo,
#logo h1,
#logo a {
	height: 121px;
}

#header {
	border-bottom: solid #f1f1f1 1px;
	z-index: 99999;
	zoom: 1;
}

#logo,
#logo h1,
#logo a {
	line-height: 121px;
}

#logo img {
	height: 86px;
	display: inline-block;
}

#nav {}

#nav li {
	float: left;
	padding-right: 36px;
}

#nav li.on a {
	border-style: solid;
	border-width: 0 0 4px 0;
}

#nav li .slideDown {
	position: absolute;
	z-index: 9999;
	display: none;
	left: 0;
	top: 121px;
	width: 100%;
	zoom: 1;
	background: #fff;
	background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0 !important;
	filter: Alpha(opacity=96);
	
					border-bottom: 1px solid #ebebeb;
					-webkit-box-shadow: 0 0 5px #ddd;
					-moz-box-shadow: 0 0 5px #ddd;
					box-shadow: 0 0 5px #ddd;
					behavior: url(css/PIE.htc);
}
#nav li .slideDown  a{
	border: none !important;
	width: 50%;
}
 #nav li .slideDown  a dd{
 	width: 444px;
 }
#search {
	width: 172px;
	height: 36px;
	border: 1px solid #ccc;
	border-radius: 36px;
	-webkit-box-shadow: 1px 1px 3px #aaa;
	-moz-box-shadow: 1px 1px 3px #aaa;
	box-shadow: 1px 1px 3px #aaa;
	-pie-background: linear-gradient(#fff, #fff);
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	behavior: url(css/PIE.htc);
	position: relative;
}

#search form {
	padding-right: 46px;
	overflow: hidden;
	position: relative;
	display: block;
}

#search input {
	display: block;
	width: 100%;
	height: 36px;
	text-indent: 6px;
	z-index: 0;
}

#search button {
	position: absolute;
	top: 0;
	right: 0;
	background: red;
	display: block;
	width: 46px;
	height: 36px;
	background: url(../images/search.png) center no-repeat;
	background-size: 28px;
}


/*banner*/

#banner {
	/*	height: 560px;
*/
	position: relative;
}

#bannerpagination {
	overflow: hidden;
}

#banner {
	width: 100%;
	float: left;
	/*height: 560px;*/
	text-align: center;
	overflow: hidden;
	position: relative;
}

#banner .swiper-container {}

#banner .swiper-slide {
	width: 100%;
	float: left;
	/*height:560px;*/
}

#banner .arrow-left {
	background: url(../images/banner_arrow.png) no-repeat left top;
	position: absolute;
	left: 20px;
	top: 52%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index: 999;
}

#banner .arrow-right {
	background: url(../images/banner_arrow.png) no-repeat left bottom;
	position: absolute;
	right: 20px;
	top: 52%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index: 999;
}

#banner .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 999;
}

#banner .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	opacity: 1;
	border-radius: 10px;
	background: white;
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}

#banner .swiper-pagination-bullet-active {
	background: #fdd000;
	width: 12px;
}


/**/

.lntitle {
	border-bottom: #f2f2f2 1px solid;
	text-align: center;
}

.lntitle h3 {
	display: inline-block;
	margin: auto;
	border-style: solid;
	border-width: 0 0 4px 0;
}


/**/

.Servicebottom dl dt,
.Servicetop dl dt {
	font-size: 24px;
	padding-top: 20px;
}

.Servicebottom dl dd,
.Servicetop dl dd {
	color: #999;
	padding: 30px 0;
}

.Servicebottom img,
.Servicetop img {
	padding-top: 36px;
}

.Servicetop {
	border: 1px solid #dadada;
	border-right: 0 !important;
}

.Servicetop li {
	float: left;
	width: 50%;
}

.Servicetop li a {
	display: block;
	border-right: 1px solid #dadada;
	overflow: hidden;
}

.Servicebottom {
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

.Servicebottom li {
	float: left;
	width: 25%;
	border-right: 1px solid #dadada;
}


/*Casescon*/

#Casescon .swiper-slide {
	position: relative;
}

#Casescon .swiper-slide a {
	display: block;
	border: 1px solid #f0f0f0;
}
#Casescon img{
	height: 354px;
}
#Casescon .swiper-slide .products {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0, 0, 0, 0.66) none repeat scroll 0 0 !important;
	filter: Alpha(opacity=66);
	display: none;
}

#Casescon .swiper-slide .products dl {
	padding: 10px;
	color: #fff;
}

#Casescon .swiper-slide .products dl dt {
	font-size: 20px;
	padding-top: 100px;
}

.see_more a {
	display: inline-block;
	width: 360px;
	height: 56px;
	line-height: 56px;
	color: #fff;
	-webkit-border-radius: 56px;
	-moz-border-radius: 56px;
	border-radius: 56px;
	behavior: url(css/PIE.htc);
}

.more {
	background: url(../images/bg52.jpg) left center no-repeat;
	padding-left: 16px;
	height: 30px;
	line-height: 30px;
	padding-right: 50px;
}

.new {
	width: 50%;
	float: left;
	margin-top: 20px;
	position: relative;
	padding-bottom: 20px;
}
.new:after {
	width: 90%;
	height: 1px;
	background-color: #dddddd;
	display: block;
	content: '';
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	z-index: 2;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	pointer-events: none;
}
.new dl,
.newinfo {
	width: 474px;
}

.newcon li {
	width: 50%;
	float: left;
	padding-bottom:20px ;
	position: relative;
	padding-top: 20px;
}

.newcon li:after {
	width: 90%;
	height: 1px;
	background-color: #dddddd;
	display: block;
	content: '';
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	z-index: 2;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	pointer-events: none;
}

.newcon dl {
	width: 136px;
	height: 136px;
	-webkit-border-radius: 136px;
	-moz-border-radius: 146px;
	border-radius: 156px;
	behavior: url(css/PIE.htc);
	background: #f3f3f3;
	border: 1px solid #ee;
}
/**/
#Contact{
	background: url(../images/contact-us-bg.png) center top no-repeat;
}
#footer{
	background: #444;
}