@import url(common.css);
/* flexslider start */
.flexslider,
.slides li{
	height:570px;
}
.flexslider{
	position:relative;
	overflow:hidden;
	background:url(../images/loading.gif) 50% no-repeat;
}
.slides{
	position:relative;
	z-index:1;
}
.slides li{
	background-position: center top;
	position: relative;
}
.slides li a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.flex-control-nav{
	position:absolute;
	bottom:30px;
	z-index:2;
	width:100%;
	text-align:center;
}
.flex-control-nav li{
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 5px;
	*display:inline;
	zoom:1;
}
.flex-control-nav a{
	display:inline-block;
	width:14px;
	height:14px;
	line-height:40px;
	overflow:hidden;
	cursor:pointer;
	border-radius: 50%;
	font-size:0px;
	background-color: #00bdaa;
	border: 1px solid #FFF;
}
.flex-control-nav .flex-active{
	border: 1px solid #00bdaa;
	background-color: #FFF;
}
.flex-direction-nav{
	position:absolute;
	z-index:3;
	width:100%;
	top:45%;
	display: none;
}
.flex-direction-nav li a{
	display:block;
	width:0px;
	height:0px;
	text-align: center;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	opacity: .5;
	filter:alpha(opacity=10);
	border: 20px solid #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.flex-direction-nav li a:hover {
	opacity: .7;
	filter:alpha(opacity=70);
}
.flex-direction-nav li a.flex-prev{
	left:50px;
	border-left-color: transparent;
}
.flex-direction-nav li a.flex-next{
	right:50px;
	border-right-color: transparent;
}
/* flexslider end */

.flexslider {
	box-shadow: 0 5px 10px #999;
	text-align: center;
}

.category {
	position: relative;
	z-index: 2;
	padding-bottom: 95px;
	padding-bottom: 20px;
	background-color: #f5f5f5;
}
.category .wrap {
	top: -75px;
	position: relative;
}
.category li a:hover {
	border-color: #e0e0e0;
}
.category li a {
	display: block;
	float: left;
	width: 270px;
	margin: 0 13px 0;
	border-radius: 2px;
	height: 300px;
	padding-top: 55px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	border: 1px solid #FFF;
	background-color: #fff;
}
.category li.i1 a {
	background: #fff url(../images/category1.jpg) center bottom no-repeat;
}
.category li.i2 a {
	background: #fff url(../images/category2.jpg) center bottom no-repeat;
}
.category li.i3 a {
	background: #fff url(../images/category3.jpg) center bottom no-repeat;
}
.category li.i4 a {
	background: #fff url(../images/category4.jpg) center bottom no-repeat;
}
.category .next,
.category .prev {
	position: absolute;
	bottom: -50px;
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 26px;
	border-radius: 50%;
	color: #CCC;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prevAndNext.jpg) 0 0 no-repeat;
}
.category .prev {
	left: 565px;
	background-position: left top;
}
.category .next {
	right: 570px;
	background-position: right top;
}
.category .prev:hover {
	background-position: left bottom;
}
.category .next:hover {
	background-position: right bottom;
}

.about {
	padding: 35px 0;
}
.about .name {
	float: left;
	width: 260px;
	margin-right: 25px;
	line-height: 240%;
}
.moreBtn:hover {
	border-color: #00bdaa;
}
.moreBtn {
	display: block;
	width: 158px;
	height: 53px;
	color: #00bdaa;
	font-size: 16px;
	text-align: center;
	line-height: 53px;
	border: 1px solid #c7c7c7;
	border-radius: 2px;
}
.about .name .moreBtn {
	float: right;
	margin-top: 125px;
}
.about .name .cn {
	font-size: 26px;
	color: #00bdaa;
}
.about .name .en {
	font-size: 20px;
	color: #838383;
	border-bottom: 1px solid #c7c7c7;
}
.about img {
	float: right;
}
.about .cnt {
	float: left;
	width: 476px;
	color: #666;
	line-height: 200%;
	text-indent: 2em;
}

.case {
	padding: 115px 0 40px;
	background: #fff url(../images/case_banner.jpg) center 36px no-repeat;
}
.case .moreBtn {
	margin: 0 auto 20px;
}
.caseList {
	background-color: #fff;
	padding: 0;
	width: 1260px;
}
.caseList .wrap {
	overflow: hidden;
}
.caseList li img {
	width: 369px;
	height: 233px;
	border-radius: 2px;
}
.caseList li img:hover{
	border-radius:  0 3px;
    display: block;
    transform: scale(1.1);
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    box-shadow: 0 18px 25px 0 rgba(7,7,7,.1);
}
.caseList li {
	float: left;
	width: 373px;
	margin-right: 41px;
	text-align: center;
}
.caseList li a.title {
	display: block;
	line-height: 52px;
}

.brand {
	padding: 185px 0 40px;
	background: #fff url(../images/brand_banner.jpg) center 0 no-repeat;
}
.brandList li img {
	width: 270px;
	height: 180px;
}
.brandList li img:hover{
	border-radius:  0 3px;
    display: block;
    transform: scale(1.1);
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    box-shadow: 0 18px 25px 0 rgba(7,7,7,.1);
}
.brandList li {
	float: left;
	width: 270px;
	margin: 0px 12px;
	font-size: 12px;
	text-align: center;
}
.brandList li a.thumb {
	display: block;
}
.brandList li a.title {
	display: block;
	color: #333;
	line-height: 24px;
	padding: 15px 0;
	font-size: 16px;
}

.news {
	padding: 30px 0;
}
.news dt {
	line-height: 240%;
	text-align: center;
}
.news dt .en {
	font-size: 20px;
	color: #838383;
}
.news dt .cn {
	font-size: 26px;
	color: #00bdaa;
}
.news dd {
	padding: 20px 0;
	overflow: hidden;
}
.news dd ul {
	width: 1260px;
}
.news dd li {
	float: left;
	width: 570px;
	margin-right: 60px;
	margin-bottom: 28px;
}
.news dd li img {
	float: left;
	width: 205px;
	height: 122px;
	margin-right: 15px;
}
.news dd li img:hover{
	border-radius:  0 3px;
    display: block;
    transform: scale(1.1);
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    box-shadow: 0 18px 25px 0 rgba(7,7,7,.1);
}
.news dd li .date {
	font-size: 12px;
	display: block;
	line-height: 200%;
	color: #999;
}
.news dd li .title {
	color: #333;
}
.news dd li .description {
	margin-top: 10px;
	font-size: 12px;
	color: #999;
	line-height: 180%;
}

.categories {
	text-align: center;
	padding: 48px 0;
}
.categories li {
	display: inline;
}
.categories a {
	color: #666;
	background-color: #e6e6e6;
	line-height: 60px;
	padding: 12px 20px;
	margin: 0 5px;
	font-size: 18px;
	border-radius: 2px;
}
.categories li.hover a,
.categories a:hover {
	background-color: #00bdaa;
	color: #FFF;
}

/*End*/