﻿@charset "utf-8";
/* CSS Document */
html{
	position:relative;
	background:#181A1B url(../images/dian-1.png) top left repeat;
}

body{
	position:relative;
	background:url(../images/bg-2.png) center  center fixed no-repeat;
	
}
.body-wrap{
	width:920px;
	margin:0px auto;
	position:relative;
}
/*head*/
.top{
	width:100%;
	overflow:hidden;
	position:absolute;
	top:33px;
	left:0px;
	height:126px;
}

.logo-real{
	width:180px;
	height:116px;
	position:absolute;
	left:24px;
	z-index:100;
}
.logo-real a{
	background:url(../images/logo.gif) left top no-repeat;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	text-indent:-10000px;
}
.logo-real a:hover{
	background:url(../images/logo.png) left top no-repeat;
}
.head{
	overflow:hidden;
	margin:auto auto 37px;
	position:relative;
	padding-top:30px;
	*padding-top:23px;
}
.logo{
	width:188px;
	height:126px;
	border-bottom:2px solid #1c8f6e;
	float:left;
}
.logo a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-10000px;
	white-space:nowrap;
}
.head-nav-wrap{
	float:left;
	border-bottom:1px dotted #1c8f6e;
	width:732px;
	height:127px;
}
.head-nav{
	float:left;
	margin-top:50px;
	*margin-top:60px;
	width:800px;
}
/*head end*/
.img-1,
.img-2{
	
	margin:0px auto;
	padding:18px ;
	position:relative;
	text-align:center;
}
.img-1{
	width:99px;
}
.img-2{
	overflow:hidden;
	width:470px;
}
.img-1 img{
	height:100%;
	margin:0px auto;
	opacity:0;
	filter:alpha(opacity=0);
}
.img-2 img{
	width:90%;
	margin:0px auto;
	opacity:0;
	filter:alpha(opacity=0);
}
.nav{
	width:100%;
	text-align:center;
	position:relative;
	float:left;
	height:52px;
	margin:10px auto;
}
.nav ul{
	position:absolute;
	left:50%;
	float:left;
	margin-left:-268px;
	_margin-left:-328px;
	width:800px;
}
.nav ul li,
.head-nav li{
	width:65px;
	float:left;
	cursor:pointer;
	text-align:left;
	margin: 10px auto 10px auto;
	opacity:0;
	filter:alpha(opacity=0);
	_display:inline;
	overflow:hidden;
	display:none;
}
.nav ul li a,
.head-nav li a{
	display:block;
	overflow:hidden;
}
.nav ul li span,
.head-nav li span{
	display:block;
	width:40px;
}
.nav ul li span.third-span,
.head-nav li span.third-span{
	width:2px;
	height:2px;
	background:#1c8f6e;
	margin-top:2px;
	line-height:2px;
	overflow:hidden;
}
.nav ul li.active span.third-span,
.head-nav li.active span.third-span{
	width:100%;
}
.line{
	width:100%;
	margin:10px  auto;
	background:#4d5051;
	height:1px;
	line-height:1px;
	overflow:hidden;
}
/*nav-bg*/
.nav-bg-1,
.nav-bg-2,
.nav-bg-3,
.nav-bg-4,
.nav-bg-5,
.nav-bg-6{
	display:block;
	height:29px;
	background-image:url(../images/nav.png);
	background-repeat:no-repeat;
}
.nav-bg-1{
	background-position:0px 0px;
}
.nav-bg-2{
	background-position:-100px 0px;
}
.nav-bg-3{
	background-position:-202px 0px;
}
.nav-bg-4{
	background-position:-306px 0px;
}
.nav-bg-5{
	background-position:-408px 0px;
}
.nav-bg-6{
	background-position:-509px 0px;
}
.nav ul li.w-1,
.head-nav li.w-1{
	width:34px;
	margin-right:65px;
}
.nav ul li.w-2,
.head-nav li.w-2{
	width:40px;
	margin-right:58px;
}
.nav ul li.w-3,
.head-nav li.w-3{
	width:35px;
	margin-right:57px;
}
.nav ul li.w-4,
.head-nav li.w-4{
	width:31px;
	margin-right:70px;
}
.nav ul li.w-5,
.head-nav li.w-5{
	width:35px;
	margin-right:67px;
}
.nav ul li.w-6,
.head-nav li.w-6{
	width:38px;
	margin-right:21px;
}
/*sub-head*/
.sub-head{
	overflow:hidden;
	margin:auto auto 20px 24px;
	/* position:fixed;
	top:188px; */
	position:relative;
	width:920px;
}
.sub-logo,
.sub-nav-wrap{
	float:left;
	overflow:hidden;
}
.sub-logo{}
.sub-logo span{
	float:left;
}
.sub-logo .second-child{
	margin-left:25px;
}
.sl-words,
.brand-words,
.contact-words,
.ye-ji-words,
.team-words,
.works-words,
.sl-img,
.brand-img,
.contact-img,
.ye-ji-img,
.team-img,
.works-img
{
	height:65px;
	display:block;
	text-indent:-1000px;
	white-space:nowrap;
	overflow:hidden;
}
.sl-words,
.brand-words,
.contact-words,
.ye-ji-words,
.team-words,
.works-words{
	border-left:1px solid #1c8f6e;
}
.sl-words{
	width:167px;
	background:url(../images/sl-words.gif) right  center no-repeat;
}
.brand-words{
	width:127px;
	background:url(../images/brand-words.gif) right  center no-repeat;
}
.contact-words{
	width:160px;
	background:url(../images/contact-words.gif) right  center no-repeat;
}
.ye-ji-words{
	width:110px;
	background:url(../images/news-words.gif) right  center no-repeat;
}
.team-words{
	width:102px;
	background:url(../images/team-words.gif) right  center no-repeat;
}
.works-words{
	width:131px;
	background:url(../images/works-words.gif) right  center no-repeat;
}
.sl-img{
	width:87px;
	background:url(../images/serv-logo.gif) center top no-repeat;
}
.brand-img{
	width:134px;
	background:url(../images/brand-logo.gif) center top no-repeat;
}
.contact-img{
	width:155px;
	background:url(../images/contact-logo.gif) center top no-repeat;
}
.ye-ji-img{
	width:122px;
	height:82px;
	background:url(../images/ye-ji-logo.gif) center top no-repeat;
}
.team-img{
	width:240px;
	background:url(../images/team-logo.gif) center top no-repeat;
}
.works-img{
	width:120px;
	background:url(../images/works-logo.gif) center top no-repeat;
}
/*sub-nav*/
.sub-nav-wrap{
	float:right;
	margin-top:40px;
	overflow:hidden;
}
.sub-nav{
	overflow:hidden;
	margin-right:22px;
}
.sub-nav li{
	float:left;
	color:#666363;
	font-size:12px;
	margin-right:12px;
	display:inline;
	height:18px;
	overflow:hidden;
}
.sub-nav li a{
	color:#cbcbcb;
	font-size:12px;
	display:block;
	float:left;
	margin-top:0px;
}
.sub-nav li a div{
	height:18px;
	line-height:18px;
}
.sub-nav li a .s-nav-second-child{
	color:#1BAB81;
}
.sub-nav li.active a{
	margin-top:-18px;
}

.jp-container{width:100%;background:transparent;float:left;/*  position:fixed;top:280px; */ position:relative; 
}
.ul_team{ margin:0px; padding:0px; width:350px; height:60px; display:inline-block; float:right; font-size:12px;} 
.ul_team li{ float:left; list-style:none;}
.ul_team .li_one{ width:130px; height:15px; font-size:14px; line-height:15px; margin-left:30px; color:#1BAB81; font-family:"微软雅黑";} 
.ul_team .li_two{ width:150px;height:15px; margin-left:15px; line-height:15px;color:#fff; font-family:"微软雅黑";}
.ul_team .li_three{ width:100%; height:15px; line-height:15px; color:#fff; font-family:"微软雅黑";} 
.ul_team .li_four{ width:428px; margin-left:20px; height:15px; line-height:15px; color:#1BAB81; font-family:"微软雅黑";}


/*serv-content Brand页面样式*/
.serv-content{
	overflow:hidden;
	width:100%;
	font-family:'宋体';
	margin:auto auto auto auto;
}



.sc-left{
	width:384px;
	float:left;
	margin:auto auto auto 24px;
	overflow:hidden;
	margin-left:-424px;
	opacity:0;
	filter:alpha(opacity=0); 
	overflow:hidden;
}
.sc-left h1{
	color:#1BAB81;
	font-size:16px;
}
.sc-left p,
.sc-right p{
	font-size:12px;
	color:#cbcbcb;
	line-height:25px;
	margin-top:20px;
}
.sc-left p em,
.sc-left p em.big,
.sc-right p em,
.sc-right p em.big{
	color:#1B8E6D;
}
.sc-left p em.big,
.sc-right p em.big{
	font-size:14px;
}
.sc-right{
	float:right;
	width:480px;
	min-height:270px;
	overflow:hidden;
	margin-right:-495px;
	*margin-right:0px;
	display:inline;
	opacity:0;
	filter:alpha(opacity=0); 
	overflow:hidden;
}
.sc-right .video{
	width:100%;
	 height:280px;
}
/* .sc-right img{
	height:270px;
} */
.sc-left-brand{
	width:410px;

}
.sc-right-brand{
	width:456px;
}
.sc-left-brand,
.sc-right-brand{
	margin-top:-20px;
}
.sc-right-brand p{
	float:right;
}
.sc-right-brand img{
	float:right;
	max-width:100%;
	margin-top:20px;
}
.sc-right p{
	width:410px;
}

/*左侧内容*/
.bander_left{width:100%;
	float:left;
	margin:auto auto auto 24px;
	overflow:hidden;
	margin-left:-424px;
	opacity:0;
	filter:alpha(opacity=0); 
	overflow:hidden;
	}
.bander_left p{ margin: 0px; padding: 0px; width: 100%;display: inline-block; float: left;}
.bander_left .p_one{ font-size: 18px; font-family: "宋体"; color: #C9C9C9; width: 247px;  height: 110px; margin: 0px auto 10px;margin-left: 323px;
 text-align: center;}
.bander_left .p_two{ height:25px; font-size: 13px; font-family: "宋体"; color: #CBCCCC; 
 text-align: center;} 
.bander_left .p_line{width:80px; height: 15px; margin-left: 420px; text-align: center;border-top: 3px solid #818384;}
.bander_left .p_three{height:25px; font-size: 18px; text-align: center; }
.bander_left .p_three em{font-family: "宋体"; font-family:"微软雅黑"; font-weight: bold;}
.bander_left .p_four{width:700px; margin:auto;height:25px; font-size: 12px; text-align: center;  color: #ACACAC;
				font-family: "宋体"; }
/*右侧内容*/
.bander_right{
	float:right;
	width:100%;
	min-height:270px;
	overflow:hidden;
	margin-right:-495px;
	*margin-right:0px;
	display:inline;
	opacity:0;
	filter:alpha(opacity=0); 
	overflow:hidden;
}
.bander_right p{width: 100%; height: auto; display: inline-block; float: left;}
.bander_right .p_one{ width: 57%; height:16px; line-height: 10px; display: inline-block; float: left; 
	text-align: right;}
.view_video{width: 98px; height: 22px; margin:10px auto;background: url("../images/video.png") 0px -1px no-repeat;margin-left: 432px; cursor: pointer}
.view_video:hover{ background: url("../images/video.png") 0px -26px no-repeat;}
.bander_right .p_one em{ cursor:pointer; height:16px; line-height: 16px; padding-right: 10px; font-size: 12px; font-family: "微软雅黑"; color: #ACACAC;}
.bander_right .p_two{ width: 43%; height: 16px; display:inline-block; float: left;  }
.bander_right .p_two img{cursor: pointer;}
.bander_right p{

    cursor: pointer;
    width: 52px; height: 52px;
}
.bander_right .p_three{width: 100%; height:6px; display: inline-block; float: left;}
.bander_right .year_01{width: 53px; height: 49px; display: inline-block; float: left; margin-left: 60px; background: url(../images/year_01.png) no-repeat;}
.bander_right .year_02{ display: inline-block; float: left;
	 background: url(../images/time.png) -57px -7px no-repeat;}
.bander_right .year_02:hover{ background: url(../images/time.png) -57px -75px no-repeat;}
.bander_right .year_03{width: 120px; height: 49px; display: inline-block; float: left; background: url(../images/year_03.png) repeat;}
.bander_right .year_04{float: left; background: url(../images/time.png) -238px -7px no-repeat;}
.bander_right .year_04:hover{ background: url(../images/time.png) -238px -75px no-repeat;}
.bander_right .year_05{width: 120px; height: 49px; float: left; background: url(../images/year_05.png) repeat;}
.bander_right .year_06{float: left; background: url(../images/time.png) -418px -7px no-repeat;}
.bander_right .year_06:hover{ background: url(../images/time.png) -418px -75px no-repeat;}
.bander_right .year_07{width: 120px; height: 49px; float: left; background: url(../images/year_07.png) repeat;}
.bander_right .year_08{ float: left; background: url(../images/time.png) -597px -7px  no-repeat;}
.bander_right .year_08:hover{ background: url(../images/time.png) -597px -75px  no-repeat;}
.bander_right .year_09{width: 120px; height: 49px; float: left; background: url(../images/year_09.png) repeat;}
.bander_right .year_10{ float: left; background: url(../images/time.png) -776px -7px  no-repeat;}
.bander_right .year_10:hover{ background: url(../images/time.png) -776px -75px  no-repeat;}
.bander_right .year_11{width: 49px; height: 49px; float: left; background: url(../images/year_11.png) no-repeat;}

.img_list{ width:880px; margin-left:20px; height:auto; overflow:hidden;}
.ul_list_one{ margin:0px; padding:0px;position: relative; margin-left:57px; margin-right:4px;  margin-top:16px;width:167px; height:auto; display:inlin-block; float:left;}
.ul_list_one .li_one{ height:107px; float:left; opacity:0.85; margin-bottom: 5px;}
.ul_list_one .li_one:hover{ opacity:1;}
.ul_list_one .li_one img{ width:165px;  border:none;}
.ul_list_one .li_two{ width:100%; height:18px; line-height:18px; text-align:center; font-size:12px;
		font-family:"微软雅黑"; color:#AFAFB1; float:left; color:#A7A7A9;}
		
.ul_list_two{ margin:0px; padding:0px;position: relative; width:167px; margin-right:4px; margin-top:16px; height:auto; display:inlin-block; float:left;}
.ul_list_two .li_one{ width:100%; height:107px; float:left; opacity:0.85; margin-bottom: 5px;}
.ul_list_two .li_one:hover{ opacity:1;}
.ul_list_two .li_one img{ width:165px;  border:none;}
.ul_list_two .li_two{ width:100%; height:18px; line-height:18px; text-align:center; font-size:12px;
		font-family:"微软雅黑"; color:#AFAFB1; float:left; color:#A7A7A9;}

.b_line{position: absolute; left: 50%; height: 16px; border-left: 1px dotted #1c8a6b; top: -16px;}

/*brand 页面弹出层，遮罩层 start */
.zhezhao_div{  display:none;  position: absolute;  top: 0%;  left: 0%;  width: 100%;  height: 200%;  background:url("../images/mask-bg.png") left top repeat;
  					z-index:999;  }

.tanchu_div {  display:none;  position:fixed;  top: 50%;  left: 50%; width: 560px; height: 340px; margin-left: -280px; margin-top:-170px;
  					 z-index:1200;  overflow: auto;  }
.tanchu_div .div_one{ width: 100%; height: 25px; float: left;} 
.tanchu_div .div_one .div_close{ width: 25px; height: 25px; float: right; cursor: pointer;}
.tanchu_div .div_one .div_close img{ cursor: pointer;}
.tanchu_div .div_two{ width: 520px; height: 294px; float: left;border:2px solid #727272;   background-color: #fff; }
/*弹出层，遮罩层 end */


/*dongtai 页面弹出层，遮罩层 start */
.zhezhao_div1{   position: absolute;  top: 0%;  left: 0%;  width: 100%;  height: 200%;
    background: url("../images/mask-bg.png") left top repeat;z-index:999;   }

.tanchu_div1 {  position:fixed;  top: 50%;  left: 50%;  width:656px;height:600px; margin-left: -328px; margin-top: -300px;
  					 z-index:1200;  overflow: hidden;  }
.tanchu_div1 .div_one{ width: 100%; height: 25px; float: left;} 
.tanchu_div1 .div_one .div_close{ width: 25px; height: 25px; float: right; cursor: pointer;}
.tanchu_div1 .div_one .div_close img{ cursor: pointer;}
.tanchu_div1 .div_two{ width: 97.2%; height: 85%; float: left; background-color: #2F3032; }
.tanchu_div1 .div_two .div_01{ width:100%; height:auto; float:left;}
.tanchu_div1 .div_two .div_01 .ul_con{margin:0px; padding:0px; width:96%; margin-top:20px; margin-bottom:15px; margin-left:2%; 
			height:60px; 	display:inline-table; border-bottom:1px dashed #1D8F6E; }
.tanchu_div1 .div_two .div_01 .ul_con li{ list-style:none; float:left; width:100%;text-align:center; font-size:12px; 
	font-family:"微软雅黑";}
.tanchu_div1 .div_two .div_01 .ul_con .li_one{ line-height:30px; color:#1D8F6E; font-size:16px; font-weight:bold; }
.tanchu_div1 .div_two .div_01 .ul_con .li_two{ height:25px; line-height:25px; color:#848484; }
.tanchu_div1 .div_two .div_02{ width:100%; height:390px; padding-bottom:20px; float:left; overflow: auto}
.tanchu_div1 .div_two .div_02 .div_left{ width:96%; margin-left:2%; float:left; height:auto; color:#BDBDBD; line-height:20px; font-size:12px;}
.tanchu_div1 .div_two .div_02 .div_left label{ width:22px; height:22px; display:inline-table; background:none; border:none;}
.tanchu_div1 .div_two .div_02 .div_left img{max-width: 100%}
.tanchu_div1 .div_two .div_02 .div_right{ width:46%; margin-left:10px; height:auto; float:left; display: none;}
.tanchu_div1 .div_two .div_02 .div_right img{ border:none; width:330px; height:250px;}
/*弹出层，遮罩层 end */

/*content-wrap*/
.contact-left{
	width:470px;
}
.contact-right{
	width:400px;
}
.contact-left img{
	width:100%;
}
.content-wrap{
	overflow:hidden;
	width:100%;
	margin-left:25px;
}
.content-wrap h1{
	background:url(../images/company-name.png) center center no-repeat;
	width:261px;
	height:26px;
	overflow:hidden;
	text-indent:-1000px;
	white-space:nowrap;
	margin:auto auto 20px 30px;
	position:relative;
	float:left;
}
.contact-title {
	width:100%;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
}
.contact-title a{
	display:block;
	float:left;
	left:0px;
	top:0px;
	width:52px;
	height:52px;
}
.content-wrap p{
	margin:0px;
	width:100%;
	line-height:24px;
	overflow:hidden;
}
.content-wrap p span{
	float:left;
	display:block;
	font-size:14px;
	color:#CBCBCB;
	word-break:break-all;
	width:310px;
	font-family:'宋体';
	
}
.content-wrap p span.first-child{
	width:80px;
	color:#1B8F6D;
	font-size:12px;
}
.content-wrap p span a{
	float:right;
	margin:5px;
	margin-right:80px;
	*margin-top:-20px;
	display:inline;
	background:url(../images/contact_xz.png) left top no-repeat;
	width:60px;
	height:15px;
	overflow:hidden;
	text-indent:-1000px;
}
.contact-content a{
	display:block;
	margin:5px auto;
	float:left;
}
/*achi-lists*/
.achi-lists{
	overflow:hidden;
	width:100%;
	*width:99%;
	_width:99%;
	margin:0 auto;
}
.achi-lists li{
	width:24%;
	display:inline;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
}
.achi-lists li h1,
.achi-lists li p{
	font-family:'宋体';
	line-height:24px;
	padding-left:15px;
}
.achi-lists li.pd-left h1,
.achi-lists li.pd-left p{
	padding-left:24px;
}
.achi-lists li.short{
	width:21%;
}
.achi-lists li.short h1,
.achi-lists li.short p{
	padding-left:0px;
}
.achi-lists li.last-child h1,
.achi-lists li.last-child p{
	padding-left:25px;
}
.achi-lists li.long{
	width:28%;
}
.achi-lists li h1{
	color:#1B8F6D;
	font-size:14px;
	height:24px;
	margin:0px auto 10px;
	font-weight:bold;
}
.achi-lists li p{
	color:#CACACA;
	font-size:12px;
}
#BackToTop{
	/* width:32px;
	height:32px;
	display:block;
	background:url(../images/back-to-top.png) 0px 0px no-repeat; */
	width:34px;
	height:100px;
	background:url(../images/goTop.png) center center no-repeat;
	position:fixed;
	right:182px;
	bottom:100px;
}
#BackToTop span{
	/* width:32px;
	height:32px; */
	width:34px;
	height:100px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:-1000px;
}
.back-to-top:hover{
	background:url(../images/back-to-top.png) 0px -58px no-repeat;
}
/*room-proceed*/
.room-left{
	width:360px;
	_width:350px;
}
.room-proceed{
	width:515px;
	overflow:hidden;
	margin-right:-495px;
}
.room-proceed .div_house{ width: 430px; height: 500px; overflow: hidden; float: right; background: none;}
.room-proceed .div_house img{width: 430px; height: 302px;}
.room-proceed h1{
	color:#E9E9E9;
	font-size:14px;
	margin-bottom:16px;
	overflow:hidden;
}
.proceed{
	width:100%;
	overflow:hidden;
	border-top:1px solid #adaeb0;
	border-bottom:1px solid #adaeb0;
	padding-top:16px;
	padding-bottom:24px;
	position:relative;
}
.proceed-up,
.proceed-down{
	overflow:hidden;
	height:80px;
}
.proceed-up{
	padding-top:10px;
}
.proceed-down{
	padding-bottom:10px;
}
.proceed-up li,
.proceed-down li{
	float:left;
	width:70px;
	height:77px;
	overflow:hidden;
	display:inline;
	cursor:pointer;
}
.proceed-up li div,
.proceed-down li div{
	display:table-cell; overflow:hidden; width:70px; height:70px; vertical-align:middle; *font-size:61px;*line-height:61px; *display:block; 
}
.proceed-up li{
	background:url(../images/proceed-bg-1.png) 0px 0px no-repeat;
	margin-right:26px;
}
.proceed-up li:hover,
.proceed-up li.active{
	background:url(../images/proceed-bg-1.png) -75px 0px no-repeat;
}
.proceed-down li{
	background:url(../images/proceed-bg-2.png) -73px 0px no-repeat;
	margin-left:26px;
}
.proceed-down li.first-child{
	margin-left:50px;
}
.proceed-down li:hover,
.proceed-down li.active{
	background:url(../images/proceed-bg-2.png) 0px 0px no-repeat;
}
.proceed-up li p,
.proceed-down li p{
	color:#FFFFFF;
	font-size:12px;
	width:50px;
	margin:0px auto;
	word-break:break-all;
	text-align:center;
	line-height:18px;
	vertical-align:middle;
}
.proceed-down li p{
	margin-top:7px;
}
.proceed-line{
	width:100%;
	height:22px;
	overflow:hidden;
	background:transparent;
	position:relative;
}
.proceed-dot{
	margin:4px auto;
}
.proceed-dot li.first-child{
	margin-left:30px;
}
.proceed-dot li{
	float:left;
	background:url(../images/dot-icon.png) center center no-repeat;
	width:13px;
	height:13px;
	margin-right:35px;
	display:inline;
}
.proceed-line-bg{
	width:100%;
	background:url(../images/proceed-line.png) left top no-repeat;
	height:3px;
	position:absolute;
	z-index:-1;
	left:0px;
	top:9px;
}
.proceed-up li p.fixed-margin-1,
.proceed-down li p.fixed-margin-1{
	*margin-top:16px;
}
.proceed-up li p.fixed-margin-2,
.proceed-down li p.fixed-margin-2{
	*margin-top:10px;
}
/*team*/
.team{
	width:100%;
	overflow:hidden;
	padding-left:24px;
	*+padding-left:0px;
	padding-top:20px;
}
.team li{
	background:#1c8f6e;
	width:81px;
	height:81px;
	float:left;
	margin:auto 7px 7px auto;
	overflow:hidden;
	position:relative;
	opacity:0;
	filter:alpha(opacity=0); 
}
.team li a{
	position:absolute;
	cursor:default;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	background:transparent;
}
.team li div{
	display:table-cell; overflow:hidden; width:100%; height:81px; vertical-align:middle; *font-size:71px;*line-height:61px; *display:block; 
}
.team li img{
	width:100%;
	background:url(../images/loading.gif) center center no-repeat;
}
.team li p{
	color:#e9e9ea;
	font-size:12px;
	font-family:'宋体';
}
.team li.team-horizontal div p{
	width:80%;
	margin:0px 10%;
	vertical-align:middle;
}
.team li.team-vertical{
	width:81px;
	height:169px;
}
.team li.team-horizontal{
	width:345px;
	height:81px;
}
/*works*/
.works{
	width:896px;
	overflow:hidden;
	margin:5px auto 5px 24px; 
}
.works li{
	width:140px;
	height:140px;
	float:left;
	margin:5px 12px 5px auto;
	display:inline;
	position:relative;
	opacity:0;	
	filter:alpha(opacity=0); 
}
.works li a{
	display:block;
	width:140px;
	height:140px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
}
.works li a.first-child{
	z-index:100;
}
.works li a img{
	width:100%;
	opacity:0.8;	
	filter:alpha(opacity=80); 
}

/*新加的样式 abbr014-09-27*/
.works li{ width: 140px; height: 130px; float: left; margin-left: 50px; margin-bottom:20px; }
.works li img {
    width: 128px;
    height: 104px;
    border: none;
}

.works-lists  li a img{width:139px;height: auto; position: absolute; left: 0px; top:0px}
.works-lists  li a .img1{display: none}
.works-lists  li{
    margin-left: 58px;
    margin-bottom: 58px;
}

.works .li_one {
    margin: 0; padding:0;
    width: 164px;
    height: 130px;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
    position: relative;
}
.works .li_one a{
	display:block;
	width:164px;
	height:104px;
	overflow:hidden;
	position:absolute;
}
.works .li_one font {
    width: 100%;
    height: 35px;
    line-height: 35px;
    display: block;
    text-align: left;
    color: #6D6D6E;
    font-size: 12px;
    font-family: "微软雅黑";
    position: absolute; top: 104px; left: 0px;
}
.works .li_one p{ display: none;}
.works .li_one a.first-child{
	z-index:100;
}
.works .li_one a img{
	width:100%;
	opacity:0.8;
    height: 104px;
	filter:alpha(opacity=80); 
}
/*联系页面*/
	/*左侧 01*/
.works .li_two,.works .li_three,.works .li_four{ margin: 0px; padding: 0px; float: left; list-style: none;}
.works .li_two{ width: 347px; height: 347px; margin-right: 5px; float: left;}
.works .li_two img{ width: 347px; height: 347px; border: none;}
.works .li_two a{display:block;width:347px;height:347px;overflow:hidden;}
/*右侧 02  05*/
.contacts li{overflow: hidden;}
.works .li_three{ width: 346px; height: 171px; margin-right: 5px; margin-bottom: 5px; float: left; background: url("../images/contact-bg.png") 0px 0px no-repeat;}
.works .li_four{ width: 171px; height: 171px; margin-right: 5px; margin-bottom: 5px; float: left; background: url("../images/contact-bg.png") -351px 0px no-repeat;}
.works .li_five{ width: 171px; height: 171px; margin: 0px 5px 5px 0px; float: left; background: url("../images/contact-bg.png") 0px -176px no-repeat;}
.works .li_six{ width: 346px; height: 171px; margin: 0px 5px 5px 0px; float: left; background: url("../images/contact-bg.png") -176px  -176px no-repeat;}

/*.works li .slider-content{  -webkit-transition: all 0.5s;*/
    /*-moz-transition: all 0.5s;*/
    /*-ms-transition: all 0.5s;*/
    /*-o-transition: all 0.3s;*/
    /*transition: all 0.5s;}*/
/*.works li:hover .slider-content {*/
    /*top: -171px;*/

/*}*/

.slider-content{width: 100%; height: 342px; position: absolute; left: 0px; top:0px;}
.slider-content div{width: 100%; height: 171px; position: relative;}
.slider-content div span{display: block; position: absolute; left: 50%; top:50%; }
.icon-up-1,.icon-up-2,.icon-up-3,.icon-up-4{
    background: url("../images/contact-icon.png") no-repeat;
}
.icon-up-1{width: 61px; height: 88px; margin-left: -30px; margin-top: -44px; background-position: -7px 0px;}
.icon-up-2{width: 56px; height: 88px; margin-left: -28px; margin-top: -44px; background-position: -132px 0px;}
.icon-up-3{width: 60px; height: 88px; margin-left: -30px; margin-top: -44px; background-position: 0px -116px;}
.icon-up-4{width: 60px; height: 88px; margin-left: -30px; margin-top: -44px; background-position: -113px -116px;}
.icon-down-1,.icon-down-2,.icon-down-3,.icon-down-4{
    background: url("../images/contact-icon-down.png") no-repeat;
}
.icon-down-1{width: 250px; height: 81px; margin-left: -116px; margin-top: -40px; background-position: -28px -7px;}
.icon-down-2{width: 126px; height: 126px; margin-left: -63px; margin-top: -63px; background-position: -338px 0px;}
.icon-down-3{width: 136px; height: 65px; margin-left: -68px; margin-top: -32px; background-position: 0px -204px;}
.icon-down-4{width: 256px; height: 78px; margin-left: -128px; margin-top: -39px; background-position: -204px -185px;}

#li_weixin a{
	display:block;	
	width:153px;
	height:153px;
	background-image:url(../images/map/map_03.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-1000px;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
}
#li_weixin a:hover{background-position:0px -153px;}


#li_phone a{
	display:block;	
	width:313px;
	height:155px;
	background-image:url(../images/map/map_05.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-1000px;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
}
#li_phone a:hover{background-position:0px -155px;}

/*pic-scroll*/
.pic-scroll{
	width:100%;
	height:280px;
	overflow:hidden;
	position:relative;
	padding-bottom:30px;
}
.pic-scroll .div_house{ width: 430px; height: 500px; overflow: hidden; float: right; background: none;}
.pic-scroll .div_house img{width: 430px; height: 302px;}
.big-pic li{
	position:relative;
	height:280px;
	overflow:hidden;
}
.big-pic li div{
	position:absolute;
	bottom:0px;
	width:100%;
	background:rgba(0,0,0,.5);
	line-height:35px;
	color:#FFFFFF;
	font-size:12px;

}
.big-pic li div p{
	width:80%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-indent:10px;
}
.big-pic li a img{
	width:100%;
	height:100%;
}
.small-icon{
	position:absolute;
	bottom:-10px;
	overflow:hidden;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.small-icon li{
	display:inline-block;
	width: 22px;
	height: 22px;
	background: url(../images/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin: 0 2px;
	*float:left;
}

.small-icon li.on{
	background-position: 0 -22px;
}
/*联系方式和地址*/
.address-contact{
	width:30px;
	height:297px;
	overflow:hidden;
	text-indent:-1000px;
	/* position:fixed; */
	position:absolute;
	left:33px;
	bottom:33px;
}
.address-contact span.first-child{
	width:30px;
	height:30px;
	display:block;
	background:url(../images/left-foot1.png) center center no-repeat;
	position:absolute;
	bottom:0px;
	left:0px;
}
.address-contact span.second-child{
	width:30px;
	height:0px;
	display:block;
	background:url(../images/left-foot2.png) center center no-repeat;
	position:absolute;
	bottom:30px;
	left:0px;
}
/*收藏  微信*/
.collect{
	position:absolute;
	right:50px;
	width:77px;
	height:auto;
}
.collect .collectOne a{
	display:block;
	margin:0px 8px;
	width:60px;
	height:18px;
	float:left;
	background-image:url(../images/shoucan.png);
	background-position:0px -22px;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-1000px;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
}
.collect .collectOne a:hover{background-position:0px 0px;}
.collectOnehover{background-position:0px 0px;}
.collect .collectTwo{ width:77px; margin-left:20px; height:81px; float:left;
background-image:url(skins/images/works/weixin.png); display:none;
}

/*收藏  微博  weibo weiboOne weiboTwo*/
.weibo{
	position:absolute;
	right:-10px;
	width:77px;
	height:auto;
}
.weibo .weiboOne a{
	display:block;
	width:16px;
	margin-left:20px;
	height:19px;
	float:left;
	background-image:url(../images/shoucan_shot.png);
	background-position:0px -22px;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-1000px;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
}
.weibo .weiboOne a:hover{background-position:0px 0px;}
.weiboOnehover{background-position:0px 0px;}
.weibo .weiboTwo{ width:77px; height:81px;margin-left: -10px; float:left;
background-image:url(skins/images/works/weibo.png); display:none;
}
.weibo .weiboTwo img{display: none;}
/*sanjiao*/
.gongshang{
	width:20px;
	height:24px;
	overflow:hidden;
	bottom:0px;
	left:0px;
	position:absolute;
}
.sanjiao{
	width:111px;
	height:111px;
	overflow:hidden;
	bottom:0px;
	right:0px;
	/* position:fixed; */
	position:absolute;
}
.sanjiao a{
	width:100%;
	height:100%;
	display:block;
	background:url(../images/sanjiao.png) center center no-repeat;
	overflow:hidden;
	text-indent:-1000px;
}
.sanjiao a:hover{
	background:url(../images/sanjiao_action.png) center center no-repeat;
}

/*service-optimize*/
.service-optimize  ul{
	overflow:hidden;
}
.service-optimize  ul li{
	float:left;
	width:480px;
}
.service-optimize  ul li img{
	width:100%;
}
.team-introduce{
	margin-top:0px;
}
.team-introduce p{
	color:#d3d3d3;
	font-size:12px;
	line-height:22px;
	text-align:right;
	padding-right:24px;
}
.team-introduce p.green{
	color:#1c8f6e;
}
/*footer*/
.footer {
	margin:15px auto auto;
	overflow:hidden;
	/* position:fixed;
	bottom:10px; */
	position:relative;
	bottom:10px;
	width:920px;
}
.footer p{
	width:100%;
	text-align:center;
	color:#6B6B6B;
	font-size:10px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.footer p a{color:#6B6B6B;}
.footer p a:hover em{color:#0A7355;}

@media only screen and (max-width:1000px ){
.head-nav{
	margin-left:10%;
}
.address-contact{
	left:0px;
}
}
@media only screen and (max-width:800px ){
.sanjiao,.address-contact{
	display:none;
}
}
.mask{width:100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 200}