/*项目主体样式*/

.bg-home{ background:url(../images/bg.jpg) top center no-repeat; background-size:100% 100%;}

.home-menu{width:100%; height:76px; position:relative; z-index:999;}

.home-footer{

	height:60px;

	width:100%;

	 position:fixed;

	 left:0px;

	 bottom:0px;

	 color:#fff;

	 font-size:14px;

	 line-height:60px;

	 z-index:9;

	}

.home-footer a{

	color:#fff;

	margin:0 5px;

	}

.home-footer a:hover{

	color:#ff0000;

	}	

.home-footer .home-footerl{

	margin-left:20px;

	}

.home-footer .home-footerr{

	margin-right:20px;

	}

.home-content{

	width:300px;

	height:180px;

	position:absolute;

	left:50%;

	margin-left:-150px;

	top:50%;

	margin-top:-90px;

	text-align:center;

	}

.text-home{

	color:#cdcdcd;

	font-size:30px;

	height:50px;

	line-height:50px;

	letter-spacing:3px;

	margin:30px auto;

	position:absolute;

	z-index:9;

	width:276px;

	text-align:center;

	left:50%;

	margin-left:-138px;

	top:50%;

	margin-top:-25px;

	}

.home-logo{

	width:80px;

	height:80px;

	display:inline-block;

	}				



.header{width:100%; background:#000; height:76px;}

.header-content{width:1200px; height:76px; margin:auto;} 

.menu{width:852px; height:76px; }

.menu ul li{float:left; text-align:center;margin:0 1px;}

.menu ul li a{height:76px; line-height:76px; text-align:center;color:#fff; font-size:18px;width:140px; display:block;}

.menu ul li a:hover{ 

background:#ff0000;

-moz-transition:ease-in-out 0.2s;

	-ms-transition:ease-in-out 0.2s;

	-webkit-transition:ease-in-out 0.2s;

}

.menu ul li a.active{background:#ff0000;}

/*图片放大开始*/



.FocusImg {

	width: 100%;

	height: 650px;

	position: relative;

	z-index: 10;

	margin: 0 auto;

}



.FocusImg .pic {

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 98;

	overflow: hidden;

	background: #eee;

}



.FocusImg .pic li {

	width: 100%;

	height: 100%;

	background-position: center center;

	background-repeat: no-repeat;

	position: absolute;

	z-index: 100;

	opacity: 0;

}



.FocusImg .num {

	width: 100%;

	height: 24px;

	bottom: 20px;

	position: absolute;

	z-index: 101;

	left: 0;

	font-size: 0px;

	text-align: center;

}



.FocusImg .num a {

	width: 24px;

	height: 24px;

	line-height: 24px;

	text-align: center;

	font-size: 14px;

	display: inline-block;

	margin: 0 6px;

	background: #fff;

	color: #999;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	-ms-border-radius: 100%;

	border-radius: 100%;

}



.FocusImg .num a.current {

	background: #ff4539;

	color: #FFF;

}



.FocusImg .bun {

	width: 34px;

	height: 68px;

	position: absolute;

	top: 50%;

	margin-top: -34px;

	z-index: 100;

	display: block;

	cursor: pointer;

	background: url(../images/bun.png) no-repeat left top;

	opacity: 0;

	transition: opacity 0.5s;

}



.FocusImg:hover .bun {

	opacity: 1;

}



.FocusImg .lbun {

	left: 10px;

	background-position: 0 0;

}



.FocusImg .lbun:hover {

	background-position: 0px -68px;

}



.FocusImg .rbun {

	right: 10px;

	background-position: -34px 0px;

}



.FocusImg .rbun:hover {

	background-position: -34px -68px;

}





/*焦点图样式结束*/



.about-box{

	width:1200px; 

	min-height:630px;

	 background:#fff; 

	 margin:auto;

	 }

.name-box{

	width:200px; 

	margin:auto; 

	height:auto;

	margin-top:50px;

	margin-bottom:50px;

	}	

.name-box .line{

	width:200px; 

	height:4px; 

	margin:auto; 

	background:url(../images/line_03.png) top center no-repeat; 

	margin-top:12px;



	} 

.name-box .name{

	width:200px; 

    margin:auto; 

    text-align:center; 

    font-size:28px;

    color:#333;

}	

.about-txt{}

.about-txtl{

	width:448px;

	height:auto;

	}

.about-txtl .tit{

	font-size:30px;

	color:#666;

	font-weight:800;

	letter-spacing:3px

	}

.about-txtl .tit font{color:#333;}		

.about-txtl .tit-red{

	font-size:28px;

	color:#e40012;

	font-weight:800;

	letter-spacing:3px

	}

.about-body{

	font-size:16px;

	color:#666;

	line-height:32px;

}	

.about-body p{

	 text-indent:20px;

	 padding-top:25px;

	 }

.about-txtr{

	width:718px;

	height:420px;

	overflow:hidden;

	}	 

.ys-box{

width:100%;

min-height:616px;

background:#eee;	

	}	

.ys-boxs{

	width:1200px;

	height:auto;

	margin:auto;

	}	

.h60{

	height:5px;

	clear:both;

	}

.ys-boxs ul{

	margin-left:-13.33px;

	}		

.ys-boxs ul li{

	float:left;

	width:290px;

	height:339px;

	margin-left:13px;

	}	

.ys-boxs ul li .name{

	font-size:16px; 

	text-align:center;

	height:60px;

	line-height:60px;

	}

.ys-boxs ul li .lst-pic{

	width:290px;

	height:339px;

	overflow:hidden;

	position:relative;

	} 		

.ys-boxs ul li .lst-pic img{

	width:100%;

	height:100%;

	}	

.ys-boxs ul li .lst-pic .ys-dsp{

	width:100%;

	position:absolute;

	background:rgba(0,0,0,0.75);

	color:#fff;

	line-height:28px;

	font-size:14px;

overflow:hidden; 

visibility:hidden;

-webkit-transform:scaleY(0);

-o-transform:scaleY(0);

-ms-transform:scaleY(0);

transform:scaleY(0);

-webkit-transition:all 0.2s ease-in-out;

-o-transition:all 0.2s ease-in-out;

-ms-transition:all 0.2s ease-in-out;

transition:all 0.2s ease-in-out;

z-index:9;

	

	}

.ys-boxs ul li .lst-pic .ys-dsp p{

	text-indent:20px;

	}	

.ys-boxs ul li:hover .ys-dsp{

/*	-moz-transition:ease-in-out 0.2s;

	-ms-transition:ease-in-out 0.2s;

	-webkit-transition:ease-in-out 0.2s;*/

	height:100%;opacity: 1;

visibility:visible;

-webkit-transform:scaleY(1);

-o-transform:scaleY(1);

-ms-transform:scaleY(1);

transform:scaleY(1);

	}

.ys-boxs ul li a .lst-pic img{

		transition:all 0.6s;

		}

.ys-boxs ul li a:hover .lst-pic img{

	transform:scale(1.1,1.1);

	}		

.m20{

	margin:20px;

	}	

.sevice-box{

	width:100%;

	min-height:560px;

	background:#fff;

	}	

.sevice-boxs{

	width:766px;

	height:auto;

	margin:auto;

	}	

.sevice-boxs ul li{ 

display:block;

width:766px;

height:97px;

position:relative;

}

.sevice-boxs ul li .lstline{

	height:97px;

	background:url(../images/line-l_03.png) top center no-repeat;

	width:12px;

	left:50%;

	position:absolute;

	margin-left:-6px;

	display:block;

	}

.sevice-boxs ul .yuan{

	background:url(../images/yuan-pic_03.png) top center no-repeat;

	width:12px;

	height:12px;

	display:block;

	margin:auto;

	}		

.left-sevice{

	width:360px;

	height:97px;

	overflow:hidden;

	}	

.left-sevice h1{

	font-size:18px;

	color:#666;

	

	}	

.left-sevice .dsp{

	font-size:14px;

	color:#999;

	line-height:28px;

	margin-top:10px;

	}	

.sevice-boxs ul li .fl{

	text-align:right;

	}	

.wap-box{

	width:100%;

	height:536px;

	background:url(../images/map-bg_02.jpg) top center no-repeat;

	}

.wap-boxs{

	width:980px;

	height:auto;

	margin:auto;

	}

.wap-boxsl{

	width:345px;

	height:auto;

	}	

.wap-boxsl .name{

	font-size:30px;

	color:#fff;

	}

.wap-boxsl .en-name{

	font-size:24px;

	color:#fff;

	}

.wap-boxsl .dsp{

	font-size:14px;

	color:#fff;

	line-height:28px;

	text-align:right;

	margin-top:35px;

	}

.wap-boxsr{

	background:url(../images/map-img_03.png) top center no-repeat;

	width:528px;

	height:426px;

	margin-top:-60px;

	}

.wap-boxsr .map-i1{ position:absolute; color:#fff; top:190px; left:180px; width:50px; text-align:center;}	

.wap-boxsr .map-i1 em{font-size:18px; display:block;}

.wap-boxsr .map-i2{ position:absolute; color:#fff; top:250px; left:250px; width:50px; text-align:center;}	

.wap-boxsr .map-i2 em{font-size:18px; display:block;}	

.wap-boxsr .map-i3{ position:absolute; color:#fff; top:290px; left:280px; width:50px; text-align:center;}	

.wap-boxsr .map-i3 em{font-size:18px; display:block;}	

.wap-boxsr .map-i4{ position:absolute; color:#fff; top:290px; left:340px; width:50px; text-align:center;}	

.wap-boxsr .map-i4 em{font-size:18px; display:block;}

.wap-boxsr .map-i5{ position:absolute; color:#fff; top:150px; right:110px; width:50px; text-align:center;}
.wap-boxsr .map-i6{ position:absolute; color:#fff; top:160px; right:90px; width:50px; text-align:center;}	
.wap-boxsr .map-i7{ position:absolute; color:#fff; top:140px; right:120px; width:50px; text-align:center;}	
.wap-boxsr .map-i8{ position:absolute; color:#fff; top:200px; right:80px; width:50px; text-align:center;}
.wap-boxsr .map-i9{ position:absolute; color:#fff; top:230px; right:70px; width:50px; text-align:center;}
.wap-boxsr .map-i10{ position:absolute; color:#fff; top:220px; right:80px; width:50px; text-align:center;}
.wap-boxsr .map-i11{ position:absolute; color:#fff; top:250px; right:40px; width:50px; text-align:center;}
.wap-boxsr .map-i12{ position:absolute; color:#fff; top:280px; right:50px; width:50px; text-align:center;}
.wap-boxsr .map-i13{ position:absolute; color:#fff; top:310px; right:70px; width:50px; text-align:center;}
.wap-boxsr .map-i5 em{font-size:18px; display:block;}				

.footer{

	width:100%;

	height:40px;

	background:#0f131f;

	

	}	

.foot-text{

	width:1200px;

	margin:auto;

	color:#fff;

	line-height:40px;

	}	

.foot-text a{

	color:#fff;

	}	

.foot-textr i{

	display:inline-block;

	width:18px;

	height:18px;

	}

.foot-textr i.icon-tel{

	background:url(../images/tel-icon_03.png) top center no-repeat;

	width:18px;

	height:18px;

	vertical-align:-2px;

	}

.foot-textr i.icon-add{

	background:url(../images/map-icon_03.png) top center no-repeat;

	width:18px;

	height:18px;

	vertical-align:-1px;

	}			



.n-banner{

	width:100%;

	height:350px;

	background:#eee;

	}	

	

.brands-list li{

	float:left;

	width:275px;

	height:200px;

	margin:20px 20px 0px 0;

}

.brands-list .li1{

	margin-right:0 !important;

}

.brands-list li a {

	position:relative;

	width:275px;

	height:200px;

	display:block;

	overflow:hidden;

	cursor:pointer;

}

.brands-list li a .shine{

	z-index:3;

	position:absolute;

	top:0;

	left:0;

	width:275px;

	height:200px;

	background:url(../images/shine_brands.png) no-repeat -275px 0;

}

.brands-list li a .shine {

	_background:none;

}





.in_main1{

	width:1160px;

	height:auto;

	overflow:hidden;

	padding:20px;

	background:#fff;

	margin:0 auto 25px;

}

.in_title1{

	width:100%;

	height:45px;

	background:url(../images/yy_xian.png) no-repeat left bottom;

	margin-bottom:15px;

}

.in_main_ul1 li{

	float:left;

	height:35px;

	line-height:35px;

	margin-right:41px;

}

.in_main_ul1 li a{

	color:#666;

	font-size:14px;

}

.in_main_ul1 li a:hover{

	color:#bf0000;

}

	

.dongtaiN{margin:30px 0; }

.dongtaiN a{ width:1160px; margin:0 auto; display:block; position:relative; }

.dongtaiN li{ padding:15px 10px;  border-bottom:#ebebeb dashed 1px;

transition:ease-in-out 0.2s;

-moz-transition:ease-in-out 0.2s;

-ms-transition:ease-in-out 0.2s;

-o-transition:ease-in-out 0.2s;

-webkit-transition:ease-in-out 0.2s;

margin-bottom:20px;

}

.dongtaiN li img{ float:left; width:200px; height:130px;}

.dongfrN{ width:900px; float:right;}

.riqiN{ float:left; width:70px; text-align:center; margin-top:40px;}

.riqiN strong{ font-size:30px; color:#999; font-weight:normal; line-height:20px;}

.riqiN span{ font-size:12px; color:#999; border-top:#CCC solid 1px; padding-top:3px;}

.wen{ width:810px; float:right;

transition:ease-in-out 0.2s;

-moz-transition:ease-in-out 0.2s;

-ms-transition:ease-in-out 0.2s;

-o-transition:ease-in-out 0.2s;

-webkit-transition:ease-in-out 0.2s;

}

.wen h5{ font-size:18px; font-weight:normal; margin-bottom:20px; color:#333; margin-top:15px;}

.wen p{ line-height:24px; color:#666; font-size:14px;}

.gengduo{ width:30px; line-height:30px; line-height:30px; text-align:center; border:#999 solid 1px; position:absolute; bottom:10px; right:10px; color:#999; background:#FFF;

border-radius:25px;

-moz-border-radius:25px;

-ms-border-radius:25px;

-o-border-radius:25px;

-webkit-border-radius:25px;

}

.dongtaiN li:hover{ background:#ff0000;}

.dongtaiN li:hover span,.dongtaiN li:hover strong,.dongtaiN li:hover h5,.dongtaiN li:hover p{ color:#FFF;}

.dongtaiN li:hover .gengduo{ border:#FFF solid 1px; }

.dongtaiN li:hover .wen{ width:790px; }	



.content-text{

	width:1160px;

	min-height:420px;

	margin:auto;

	}

.contbody{

	font-size:16px;

	line-height:28px;

	color:#333;

	}	

.week_container{margin:0 auto; padding:0 12px; max-width:1164px; min-width:1024px;}

.week_contact{width:100%; min-width:1024px;}

.contact-ways{overflow:hidden;}

.contact-ways li{float:left; width:33%; height:420px;  border-left:1px solid #E9E9E9;}

.contact-ways li:last-child{border-right:1px solid #E9E9E9;}

.contact-ways li a,.contact-ways li a:hover{display:block; padding:88px 0;text-align:center; text-decoration:none; }

.contact-ways li h4{font-size:16px; color:#666; line-height:30px; margin:0; font-weight:100; }

.contact-ways li p.cway-txt{font-size:30px; line-height:50px; color:#121212;}

.contact-ways li:hover p.cway-txt { color:#DE262E; }

.contact-ways li a i{margin:0 auto 20px; display:block; width:128px; height:128px; background-color:#f8f8f8; border-radius:64px; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -webkit-tap-highlight-color:rgba(0,0,0,0);}



.contact-ways li a:hover i{background-color:#DE262E; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -webkit-tap-highlight-color:rgba(0,0,0,0);}

.contact-ways li a i.i-phone{background-image:url(../images/icon_phone.png);background-size:128px; background-repeat:no-repeat; background-position:0 0;}

.contact-ways li a:hover i.i-phone{background-position:0 -128px;}

.contact-ways li a i.i-qq{background-image:url(../images/icon_qq.png);background-size:128px; background-repeat:no-repeat; background-position:0 0;}

.contact-ways li a:hover i.i-qq{background-position:0 -128px;}

.contact-ways li a i.i-mail{background-image:url(../images/icon_mail.png);background-size:128px; background-repeat:no-repeat; background-position:0 0;}

.contact-ways li a:hover i.i-mail{background-position:0 -128px;}



.week_weixin{background:url(../images/bg_weixin.jpg) no-repeat center; background-size:cover; background-attachment:fixed; padding:80px 0;}

.week_weixin h3{margin:0 auto; font-size:32px; width:60%; line-height:1.75; text-align:center;color:#FFF; font-weight:normal; }

.week_weixin p{margin:0 auto 20px; font-size:16px;width:80%; line-height:1.75; text-align:center;color:#eee;}

.week_weixin-p img{display:block; margin:0 auto; width:160px; height:160px;}

.week_weixin p span{display:inline-block; margin:0 20px;}



.week_map{position:relative; height:520px; min-width:1024px; margin-bottom:-5px; }

#allmap{width:100%;height: 100%; overflow: hidden;margin:0;}

.mark-info{position:absolute; bottom:0px; left:0; width:100%; text-align:center; padding:25px 0; background:url(tmbg.png) repeat; color:#FFF;}

.mark-info h4 { margin:0; line-height:36px; font-size:26px; font-weight:normal; }

.mark-info p { font-size:16px; line-height:32px;}	



.newsXq{margin-top:40px;}

.newsXq h5{ font-size:16px; margin-bottom:15px; text-align:center;}

.newsXq span{ display:block; margin-bottom:20px; text-align:center;}

.newsXq span em{ color:#999; font-size:14px; margin:0 10px; font-style:normal;}

.newsXq p{ font-size:14px; line-height:30px; color:#666; }	



.demo{width:180px; position:relative;right:30px;}

.search_bar{

	position: relative;

    margin-top: 22px;

	width: 0%;

	min-width: 40px;

	height: 40px;

	float: right;

	overflow: hidden;

	-webkit-transition: width 0.3s;

	-moz-transition: width 0.3s;

	transition: width 0.3s;

	-webkit-backface-visibility: hidden;

	background:#ff0000;

	border-radius:36px;



	color:#fff;

}



.inputs{

	position: absolute;

	top: 0;

	right: 0;

	border: none;

	outline: none;

	width: 98%;

	height: 40px; 

	line-height:40px;

	z-index: 10;

	font-size: 14px;color: #fff;

	background:transparent;

		text-indent:20px;

}





.search_ico,.search_btn  {

	width: 40px;height: 40px;display: block;

	position: absolute;right: 0;top: 0;

	padding: 0;margin: 0;line-height: 40px;cursor: pointer;

}



.search_ico{background: #fe7777 url(../images/icon.png) no-repeat 10px 10px;z-index:90; border-radius:100%;}

.search_open{width: 100% !important; z-index:1002}





/*----首页动画----*/

.layer-home{

	position:fixed;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	z-index:99;

	overflow:hidden;

	}

.layer-home .item{

	width:100%;

	height:100%;

	position:absolute;

	left:0;

	top:0;

	z-index:1;

	transition:all 1s linear;

	}

.layer-home .item img{

	width:100%;

}



.layer-home.active .item-1{

	transform:translate(-100%,-100%);

	opacity:0;

	}

.layer-home.active .item-2{

	transform:translate(0,100%);

	opacity:0;

	}

.layer-home.active .item-3{

	opacity:0;

	transform:translate(100%,-100%);

	}



.layer-home .logos{

	width:80px;

	height:80px;

	position:absolute;

	left:50%;

	margin-left:-40px;

	bottom:50%;

	margin-bottom:-120px;

	background:url(../images/logo-home_03.png) ;

	z-index:3;

	transition:all 1s linear;

	}

.layer-home.active .logos{

	opacity:0;

	}

.noscroll{

	height:100%;

	overflow:hidden;

	}



.w{width:1200px;margin:auto;}	

.designerTab{ position:relative; padding-bottom:70px;}



.designerTab .hd{width: 459px; float:left; margin-top:21px;}



.designerTab .hd ul li{ width: 153px;height: 202px; float:left; cursor:pointer;}



.designerTab .hd ul li img{ width:153px; height:202px;-webkit-filter: grayscale(100%);



    -moz-filter: grayscale(100%);



    -ms-filter: grayscale(100%);



    -o-filter: grayscale(100%);



    filter: grayscale(100%);



    filter: opacity(50%);-webkit-transition: all .53s ease-out;



    -moz-transition: all .53s ease-out;



    -o-transition: all .53s ease-out;



    -ms-transition: all .53s ease-out;}



.designerTab .hd ul li.on img{-webkit-filter: grayscale(0%);



    -moz-filter: grayscale(0%);



    -ms-filter: grayscale(0%);



    -o-filter: grayscale(0%);



    filter: grayscale(0%);



    filter:none;}



.designerTab .hd .arrow	 a{ width:40px; height:40px; display:block; background:url(../images/arrow.png) no-repeat; position:absolute; bottom:0px; cursor:pointer;}



.designerTab .hd .arrow	 a.next{ background-position:0 -40px; left:50%; margin-left:200px;}



.designerTab .hd .arrow	 a.prev{ background-position:0 0; left:50%; margin-left:-200px;}



.designerTab .bd{ width:741px; float:right;}



.designerTab .bd .BigDimg{ width:340px; height:448px; float:left; border:4px solid #fff; float:left;}



.designerTab .bd .designIntro{ width:401px; border:1px solid #fff; margin-left:340px; margin-top:21px; height:404px;}	



.designerTab .bd .designIntro h4{ font-size:26px; color:#fff; font-weight:400; margin-bottom:12px;}

.mj{margin: 35px 20px;}

.designerTab .bd .designIntro h4 span{ font-size:14px; margin-left:26px; color:#bebebe;}



.designerTab .bd .designIntro p{ font-size:14px; color:#fff; margin-bottom:16px;}



.designerTab .bd .designIntro .Btnblock a{ display:inline-block; *display:inline;*zoom:1; width:120px; height:38px; border-radius:19px; -webkit-border-radius:19px; text-align:center; font-size:16px; color:#121210; line-height:38px;}



.designerTab .bd .designIntro .Btnblock a.designOrderA{ background-color:#fff; margin-right:40px;}



.designerTab .bd .designIntro .Btnblock a.designPlanA{ background-color:#ff0000; margin-right:40px; color:#fff;}

.Morebtn{ width:200px; height:52px; display:block; margin:30px auto; background-color:#ff0000; text-align:center; color:#fff!important; font-size:16px; line-height:52px;}



.innerNav{ padding:30px 0; text-align:center; border-bottom:1px solid #d2d2d2;}



.innerNav a{ font-size:14px; color:#525252; padding:6px 25px; border-radius:2px; -webkit-border-radius:2px; margin:0 16px;}



.innerNav a.on{ background-color:#ff0000; color:#fff;}



.innerNav a:hover{ color:#ff0000;}



.teamList{margin:30px auto;}

.teamList ul{ margin-left:-36px;}



.teamList ul li{ width:273px; float:left; margin-left:36px; margin-bottom:36px; }



.teamList ul li .designImg{ width:273px; height:370px;overflow:hidden;position:relative;}



.teamList ul li img{ width:273px; height:370px;}



.teamList ul li .alpha50Bg{ width:100%; height:370px; background:url(../images/alpha50.png) repeat center center; position:absolute; left:0; top:0; padding:20px; display:none;}



.teamList ul li:hover .alpha50Bg{ display:block;}



.teamList ul li .alpha50Bg h4{ font-size:14px; color:#fff; line-height:26px;}



.teamList ul li .alpha50Bg p{ font-size:14px; color:#fff; margin-bottom:16px;}



.teamList ul li h3{ font-size:18px; color:#050505; font-weight:400; text-align:center; margin-bottom:6px; line-height:36px;}



.teamList ul li h3 span{ font-size:16px;}



.Btncenter{ text-align:center;}



.Btncenter a{ display:inline-block; *display:inline; *zoom:1; width:104px; height:26px; line-height:24px; margin:0 10px; font-size:14px; color:#fff;}



.Btncenter a.freeBtn1{ border:1px solid #000; color:#4a4a4a;} 



.Btncenter a.freeBtn2{ border:1px solid #ff0000; color:#ff0000;}