body {

	min-width: 1170px;

	padding-bottom: 75px;

	padding-top: 53px;

}

.menuarea {

	top: 0;

	border-bottom: #292929 1px solid;

}



.imgareaouter {

	width: 100%;position:relative;

	text-align: center;

}



.imgarea {

	width: 1250px;

	height: 460px;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	position: relative;

}



.imgarea .imgitem {

	width: 100%;

	height: 100%;

	display: black;

	z-index: 1;

	margin: 0 auto;

	opacity: 0;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

}

.imgarea .active{
	display: black;
	opacity: 1;
}


.imgarea .imgitem img {

	max-width: 100%;

	max-height: 100%;

}

.indexarea1 {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 28px;z-index:10;

	text-align: center;

}



.indexarea1 .inner {

	margin: 0 auto;

	width: 90px;

}



.indexarea1 .inner:after {

	content: "";

	display: block;

	clear: both;

}



.indexarea1 .radius {

	float: left;

	width: 8px;

	height: 8px;

	-pie-box-shadow: 1px 1px 2px #7F7F7F;

	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);

	border: #fff 1px solid;

	background-color: #CCCCCC;

	border-radius: 4px;

	margin-right: 7px;

}



.indexarea1 .radius.active {

	background-color: transparent;

}



.indexarea1 .radius:last-child {

	margin-right: 0;

}


.slideouter {

	width: 100%;

	text-align: center;

	margin-top: 49px;

}



.slidearea {

	width: 1140px;

	height: 642px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}



.slidearea ul {

	width: 3420px;

	height: 642px;

}



.slidearea ul:after {

	clear: both;

	content: "";

	display: block;

}



.slidearea li {

	float: left;

	width: 1140px;

}



.slidearea li img {

	width: 100%;

	height: 100%;

}



.slidearea .btn {

	cursor: pointer;

	position: absolute;

	top: 0;

	bottom: 0;

	background-color: transparent;

	background-repeat: no-repeat;

	position: absolute;

	width: 90px;

	top: 0;

	bottom: 0;

	line-height: 642px;

	color: #111111;

	text-align: center;

	font-size: 16px;

	font-family: raleway, sans-serif;

	font-weight: 300;

}



.slidearea .pre {

	left: 0;

	padding-left: 12px;

	text-align: left;

	background-position: left center;

	background-image: url("../images/prev-btn-bg.png");

}



.slidearea .next {

	right: 0;

	text-align: right;

	padding-right: 12px;

	background-position: right center;

	background-image: url("../images/next-btn-bg.png");

}



.slidearea .btn:hover {

	opacity: 0.8;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	filter: alpha(opacity=80);

}



.indexarea {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 28px;

	text-align: center;

}



.indexarea .inner {

	margin: 0 auto;

	width: 90px;

}



.indexarea .inner:after {

	content: "";

	display: block;

	clear: both;

}



.indexarea .radius {

	float: left;

	width: 8px;

	height: 8px;

	-pie-box-shadow: 1px 1px 2px #7F7F7F;

	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);

	border: #fff 1px solid;

	background-color: #CCCCCC;

	border-radius: 4px;

	margin-right: 7px;

}



.indexarea .radius.active {

	background-color: transparent;

}



.indexarea .radius:last-child {

	margin-right: 0;

}



.txtlistouter {

	width: 100%;

	text-align: center;

	margin-top: 80px;

}



.txtlist {

	width: 1141px;

	margin: 0 auto;

}



.txtlist:after {

	content: "";

	display: block;

	clear: both;

}



.txtlist .item {

	float: left;

	width: 355px;

	margin-right: 38px;

}



.txtlist .item:last-child {

	margin-right: 0;

}



.txtlist .item .txt1 {

	width: 100%;

	height: 34px;

	color: #292929;

	text-transform: uppercase;

	text-align: center;

	letter-spacing: 6px;

	font-family: '__FZDaBiaoSong-B06_5';

	font-weight: 400;

}



.txtlist .item .txt2 {

	width: 100%;

	color: #777777;

	text-align: justify;

	font-size: 15px;

	line-height: 25px;

	font-family: '__FZLanTingHeiS-EL-GB_5';

	font-weight: 400;

	margin-top: 21px;

}



.txtline .txt1 {

	/*letter-spacing: 1px;*/

	font-size: 16px;

	font-family: '__FZLanTingHeiS-UL-GB_5';

	font-weight: 400;

	line-height: 22px;

	color: #333333;

	/*text-transform: uppercase;*/

}



.titleimgouter {

	width: 100%;

	text-align: center;

	margin-top: 59px;

	/*height: 267px;*/
}

.titleimgouter {
	width: 100%;
	text-align: center;
	margin-top: 75px;
}

.titleimglist, .titleimglistcp{
	width: 1293px;
	margin: 0 auto;
}

.titleimglist:after {
	content: "";
	display: block;
	clear: both;
}

.titleimglist .item ,.titleimglistcp .item{
	float: left;
	position: relative;
	width: 278px;
	height: 267px;
	margin-right: 60px;
	margin-bottom: 80px;
}

.titleimglist .item:nth-child(4n) {
	margin-right: 0;
}

.titleimglist .item .imgouter,.titleimglistcp .item .imgouter  {
	position: relative;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 2;
}

.titleimglist .item .pic ,.titleimglistcp .item .pic{
	width: 278px;
	height: 179px;
}

.titleimglist .item:hover .pic,.titleimglistcp .item:hover .pic  {
	opacity: 0.15;
}

.titleimglist .item .pic img,.titleimglistcp .item .pic img  {
	width: 100%;
	height: 100%;
}

.titleimglist .item .title ,.titleimglistcp .item .title{
	width: 100%;
	text-align: center;
	font-weight: 400;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 88px;
	z-index: 1;
}

.titleimglist .item:hover .title .inner ,.titleimglistcp .item:hover .title .inner{
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
}

.titleimglist .item .txt1,.titleimglistcp .item .txt1 {
	width: 100%;
	margin-top: 21px;
	min-height: 16px;
	color: #292929;
	line-height: 22px;
    /*letter-spacing: 2px;*/
	text-transform: uppercase;
	font-size: 18px;
	font-family: '__FZDaBiaoSong-B06_5';
}

.titleimglist .item .txt2 ,.titleimglistcp .item .txt2 {
	width: 100%;
	margin-top: 7px;
	min-height: 13px;
	color: #AAAAAA;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 14px;
	font-family: dosis, sans-serif;
} 

.pageline {

	width: 100%;

	margin-top: 59px;

	height: 64px;

	border-top: #aaa 1px solid;

	border-bottom: #aaa 1px solid;

}



.pageline .t-table {

	width: 100%;

	height: 100%;

}



.pageline .t-cell {

	height: 100%;

	vertical-align: middle;

	text-align: center;

}



.pageline .cell1,.pageline .cell3 {

	width: 154px;

	color: #AAAAAA;

	line-height: 13px;

	letter-spacing: 1px;

	text-transform: uppercase;

	font-size: 11px;

	font-family: '__FZLanTingHeiS-EL-GB_5';

	font-weight: 400;

}



.pageline .cell1 {

	padding-left: 42px;

}



.pageline .cell3 {

	padding-right: 42px;

}



.pageline .cell2 .icon {

	width: 19px;

	height: 19px;

	margin: 0 auto;

	cursor: pointer;

	background-repeat: no-repeat;

	background-position: center center;

	background-image: url('../images/services-fr.png');

	background-size: contain;

}



.pageline .cell2 .icon:hover {

	background-image: url('../images/services-fr-1.png');

}



.hoverimgarea {

	width: 100%;

	text-align: center;

	margin-top: 57px;

}



.worklist {

	width: 1160px;

	height: 400px;

	margin: 0 auto;

}



.workitem {

	float: left;

	width: 570px;

	height: 400px;

	margin-right: 20px;

	background-color: #fff;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

	position: relative;

	cursor: pointer;

}



.workitem:last-child {

	margin-right: 0;

}



.workitem .img {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	opacity: 0;

	background-color: rgba(255,255,255,0.95);

}



.workitem .img:after {

	clear: both;

	content: "";

	display: block;

}



.workitem:hover .img {

	opacity: 1;

}



.workitem:hover .img .t-table {

	opacity: 1;

}



.workitem .img .t-table {

	width: 100%;

	height: 100%;

	opacity: 0;

}



.workitem .img .t-cell {

	width: 100%;

	height: 100%;

	text-align: center;

	vertical-align: middle;

	padding: 10px;

}



.workitem .img img.icon {

}



.workitem .bigtxt {

	line-height: 31px;

	font-size: 24px;

	font-family: '__FZDaBiaoSong-B06_5';

}



.workitem .smalltxt {

	letter-spacing: 1px;

	font-size: 18px;

	font-family: '__FZLanTingHeiS-UL-GB_5';

	font-weight: 400;

	line-height: 22px;

	color: #333333;

	text-transform: uppercase;

}



.newslistarea {

	width: 100%;

	text-align: center;

	margin-top: 54px;

}



.newslist {

	width: 936px;

	margin: 0 auto;

}



.newslist .newsitem {

	width: 302px;

	float: left;

	margin-right: 15px;

	border: #E2E6D9 1px solid;

	box-shadow: 0px 1px 10px rgba(40,41,46,0.05);

}



.newslist .newsitem:last-child {

	margin-right: 0;

}



.newsitem .pic {

	width: 300px;

	height: 300px;

	cursor: pointer;

	position: relative;

	background-color: #fff;

	background-repeat: no-repeat;

	background-size: cover;

	backgroun-position: center center;

}



.newsitem .pic .hover {

	position: absolute;

	right: 0;

	left: 0;

	top: 0;

	bottom: 0;

	opacity: 0;

	background-color: #fff;

	transition: all 0.8s;

	-moz-transition: all 0.8s;

 /* Firefox 4 */

	-webkit-transition: all 0.8s;

 /* Safari 和 Chrome */

	-o-transition: all 0.8s;

}



.newsitem .pic:hover .hover {

	z-index: 1;

	opacity: 0.5;

}



.newsitem .newstxt {

	width: 100%;

	padding: 15px;

	text-align: left;

	font-family: '__FZDaBiaoSong-B06_5';

	font-weight: 400;

	color: #7F7F7F;

}



.newsitem .txt1 {

	line-height: 23px;

	margin-bottom: 5px;

}



.newsitem .txt2 {

	height: 44px;

	line-height: 22px;

	color: #28292E;

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 5px;

}



.newsitem .txt3 {

	text-align: left;

	margin-bottom: 5px;

	font-family: '__FZLanTingHeiS-EL-GB_5';

}



.newsitem .txt4 {

	line-height: 22px;

	color: #28292E;

	font-family: open-sans,sans-serif;

	font-weight: 600;

}



.newsitem .txt4 img {

	vertical-align: middle;

}







.image-slider{

	width:1230px;height:294px;margin:0 auto;

	padding:14px 16px 0px 16px;position:relative;

}

.image-slider-back, .image-slider-forward{

	float:left;width:23px;height:220px;color:#fff;

	position:relative;top:0;cursor:pointer;

}

.image-slider-back{

	background-image:url(../images/arrow-left1.png);

	background-repeat:no-repeat;background-position:left;

}

.image-slider-forward{

	background-image:url(../images/arrow-right1.png);

	background-repeat:no-repeat;background-position:right;

}

.image-slider-contents{

	width:1152px;height:280px;

	float:left;position:relative;

	overflow:hidden;

}

.image-slider-contents .contents-wrapper{

	position:absolute;padding-top:18px; left:0;

}

.image-slider-contents .item{

	background-color:#fff;float:left;

	width:288px;height:280px;margin:0px;

	cursor:pointer; position:relative;

}

.image-slider-contents .item a{display:block;width:100%;height:100%;}



.image-slider-contents .item .imgouter {

	position: relative;

	width: 100%;

	height: 100%;

	background: transparent;

	z-index: 2;

}



.image-slider-contents .item .pic {

	width: 278px;

	height: 179px;

	margin: 0 auto;

}



.image-slider-contents .item:hover .pic {

	opacity: 0.15;

}



.image-slider-contents .item .pic img {

	width: 100%;

	height: 100%;

}



.image-slider-contents .item .title {

	width: 100%;

	text-align: center;

	font-weight: 400;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	height: 88px;

	z-index: 1;

}



.image-slider-contents .item:hover .title .inner {

	position: absolute;

	top: -100px;

	left: 0;

	right: 0;

}



.image-slider-contents .item .txt1 {

	width: 100%;

	margin-top: 21px;

	min-height: 16px;

	color: #292929;

	line-height: 22px;

	/*    letter-spacing: 2px;    */

	text-transform: uppercase;

	font-size: 18px;

	font-family: '__FZDaBiaoSong-B06_5';

}



.image-slider-contents .item .txt2 {

	width: 100%;

	margin-top: 7px;

	min-height: 13px;

	color: #AAAAAA;

	letter-spacing: 3px;

	text-transform: uppercase;

	font-size: 14px;

	font-family: dosis, sans-serif;

}

.detailouter{
	margin-top: -60px;
}



.preview{z-index:1000;position:fixed;width:450px;height:450px;background-color:White;padding:2px;border:solid 1px black;}

.preview .img-large{width:330px;z-index:1000; margin:0 auto;}

.preview .img-large .left{position:absolute;left:8px;top:200px;width:16px;height:24px;z-index:1000;background:url(../images/arrow-left.png);cursor:pointer;}

.preview .img-large .right{position:absolute;left:428px;top:200px;z-index:1000;width:16px;height:24px;background:url(../images/arrow-right.png);cursor:pointer;}

.preview .close{position:absolute;left:434px;top:-16px;width:32px;height:34px;background:url(../images/close.png);float:right;cursor:pointer;z-index:2000;}

.preview .img-large img{width:330px;height:330px;}

.preview .label{width:434px;line-height:30px;float:left;position:absolute;top:316px; left:0;padding:8px;background-color:White;text-align:left;font-weight:bold;font-size:13px; text-align:center;}