.container{
	width:100%;
	margin:0 auto;
}
/*左边固定的导航条*/
#sidebar{
	position:fixed;
	background-color:#242424;
	width:265px;
	height:100%;
	/*padding-top:5%;*/
	z-index: 10;
}
#sidebar .logo{
	display: block;
	width:166px;
	margin:20% auto;
	/*margin-bottom: 20%;*/
}
#sidebar .logo img{
	border:none;
	width:120px
}
#sidebar a{
	color:#fff;
}
#sidebar>.navbar{
	width:166px;
	margin:0 auto;
}
#sidebar>.navbar>li{
	margin-bottom:12%;
}

#sidebar>.navbar>li h3{
	font-size:16px;
	font-weight: 100;
	line-height: 30px;
	
}
#sidebar>.navbar>li p{
	color:#8e8e8e;
	
}
#sidebar>.navbar>li:hover>a{
	color:#BB0511;
}
#sidebar footer{
	position:absolute;
	bottom:0%;
	border-top:2px solid #8E8E8E;
	height: 90px;
	width:265px;
	display:none !important
}
#sidebar footer p{ font-size:18px; color:#fff; text-align:center; margin-top:30px}
#sidebar footer p img{ vertical-align:middle; margin-right:10px}
#sidebar footer>ul{
	width:135px;
	margin:15px auto;

}
#sidebar footer>ul>li{
	float:left;
	margin-left: 20px;
	text-align: center;
	color:#8e8e8e;
}
#sidebar footer>ul>li:first-child{
	margin-left: 0;
	position:relative;
}
#sidebar footer>ul>li:first-child div {
 	width:124px;
	height:124px;
	text-align:center;
	position:absolute;
	top:-120px;
	left:0;
	display:none;
}
#sidebar footer>ul>li:first-child div img {}
#sidebar footer>ul>li>p{
	margin-top: 8px;
}
#sidebar footer .hr{
	width:265px;
	height:2px;
	clear:both;
	background-color:#292929;
}
#sidebar footer .copy{
	width:205px;
	margin:15px auto;
}
#sidebar footer .copy p{
	color:#6d6d6d;
	
}

/*轮播图片*/
.top{
	width:100%;
	height:906px;
	position:relative;
}
.carousel{
	width:100%;
	overflow: hidden;
}
.carousel>li{
	color:#fff;
	float:left;
	height:906px;
	width:100%;
	overflow-x:hidden;
	overflow-y:hidden;
	position:absolute;
	top:0;
	right:0;
}
/*.carousel>li:nth-child(1){*/
	/*background: url("../images/index1.png") no-repeat center center;*/
/*}*/
/*.carousel>li:nth-child(2){*/
	/*background: url("../images/index2.png") no-repeat center center;*/
/*}*/
/*.carousel>li:nth-child(3){*/
	/*background: url("../images/index3.png") no-repeat center center;*/
/*}*/
/*.carousel>li>img{*/
	/*height:906px;*/
	/*width:auto;*/
	/*display: block;*/
/*}*/
.carousel>li>.shade{
	position: absolute;
	top:100px;
	left:50%;
	width:1020px;
	height:94px;
	/*IE8下*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
	margin-left: -365px;
}

.carousel>li>.shade h2{
	font-size:28px;
	line-height: 48px;
	font-weight:normal;
	padding:30px 0;
}

.carousel>li>.shade p{
	font-size:14px;
	
}

.carousel>li>a{
	color:#fff;
	position: absolute;
	left:450px;
	top:340px;
	padding:20px 70px;
	border: 2px solid #fff;
	font-size:24px;
}
.carousel>li>a:hover{ background:#b2996a; border:#b2996a 2px solid}
.top .carousel-num{
	position: absolute;
	right:100px;
	bottom:70px;
	float:right;
	overflow: hidden;
}
.top .carousel-num li{
	float: left;
	width:20px;
	height:20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/*behavior: url(ie-css3.htc); /!* 通知IE浏览器调用脚本作用于'box'类 *!/类 */
	margin-right:15px;
	background-color:rgba(255,255,255,0.7);
	/*IE8下*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF);

}
/*2016.5.23新添*/
.carousel-num>li.active{
	background-color:rgba(222,222,222,0.3);
}
/*主要内容*/


.main-content{
	padding-left:265px;
	background-color:#DEDEDE;
}
.main-four{
	width:100%;
	overflow: hidden;
}
.news{
	background-color: #dedede;
	float:left;
	margin-bottom: 10px;
	margin-top:30px;

}
.news .news-main{
	height:280px;
	margin:0 auto;
}
.news .news-main .title{
	width:87px;
	height:56px;
	background-color:#2a2a2a;
	color:#fff;
	font-size:18px;
	line-height:56px;
	text-align: center;
}
.news .news-main .news-left{
	float:left;
	margin-top: 15px;
	width:30%;
}
.news .news-main .news-left img{
	display:block;
	/*width:100%;*/
	height:auto;
	max-width: 100%;

}
.news .news-main .news-right{
	float:left;
	margin: 15px 0 0;
	width:100%;

}
.news .news-main .news-right h3{
	color:#b2996a;
	font-size:20px;
	font-weight:100;
	margin-bottom: 15px;
}

.news .news-main .news-right h3 span{/*2016.5.17陈婷修改*/
	font-size:12px;
	float:right;
	margin-top:8px;
}
.news .news-main .news-right>p{/*2016.5.23张钰修改*/
	color:#696969;
	font-size:14px;
	margin-bottom:20px;
	/*overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;*/
}
.news .news-main .news-right .news-list a{/*2016.5.17陈婷修改*/
	display:block;
	color:#828282;
	margin-bottom: 15px;
	overflow: hidden;
}
.news .news-main .news-right .news-list a:hover{ color:#b2996a}
.news .news-main .news-right .news-list a span{/*2016.5.17陈婷修改*/
	width:300px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	float:left;
}
.news .news-main .news-right .news-list a i{/*2016.5.17陈婷修改*/
	float:right;
	font-style: normal;
	width:140px;
}
/*2016.5.17陈婷修改*/
.service{
	float:left;
	padding-bottom: 40px;
	background: #FFF;
	padding-top:30px;
	position: relative;
	
}
.serv-main{
	margin:0 auto;
}
.service h3{
	text-align: center;
	color:#000;
	font-size: 18px;
	font-weight: 300;
}
.service .number{
	display: block;
	width:20px;
	margin:10px auto;
	height:3px;
	background-color:#bb0511;
}
.service p{
	margin-bottom:4.5%;
	line-height:25px;
}
.service .carousel-brand{
	width:80%;
	overflow: hidden;
	margin:0 auto;
	/*position:absolute;
	left:0;
	right:0;
	bottom:100px;*/
}

.service i{
	position: absolute;
	width:61px;
	height:61px;
	bottom:60px;
}
.service .prev{
	background:url(../images/icon-left.png) no-repeat;	
	left:0;
}
.service .prev:hover{
	background:url(../images/icon1-left.gif) no-repeat;
	left:0;
}
.service .next{
	background:url(../images/icon-right.png) no-repeat;
	right:0;
}
.service .next:hover{
	background:url(../images/icon1-right.png) no-repeat;
	right:0;
}
.service .carousel-brand ul{
	float:left;
}
.service .carousel-brand li{
	float:left;
	width:33.3%;
	
	/*margin-left:15%;*/
	width:195px;
	text-align:center;
	/*line-height:61px;
	height:61px;*/
	width:33.3%;
	padding:5px 0
}
.service .carousel-brand li span{ padding:0 5%; display:inline-block;}
.service .carousel-brand li.cancel{
	margin-left:0;
	}
	.service .carousel-brand li img{
		width:100%;
		height:auto;
		vertical-align:middle;
		}
		.service .carousel-brand li span:hover{ box-shadow:0 0 5px #b2996a}
/*2016.5.17陈婷修改结束*/
.case{
	float:left;
}
.case .case-main{
	margin:0 auto;
	height:435px;
	position:relative;
}
.case .case-main>a{
	display: block;
	width:120px;
	height:45px;
	background-color:#2a2a2a;
	color:#fff;
	text-align: center;
	font-size: 14px;
	line-height: 45px;
	position: absolute;
	top:0;
	right:0;
	z-index:999
}
.case .case-main>a:hover{ background:#b2996a}
.case .case-main>h3{
	text-align: center;
	color:#000;
	font-size: 18px;
	font-weight: 400;
	padding-top:60px;
}
.case .case-main .number{
	display: block;
	width:20px;
	margin:10px auto;
	height:3px;
	background-color:#bb0511;
}
.case .case-main .carousel-case{
	position: relative;
	text-align: center;
	padding-bottom: 50px;
}
.case .case-main .carousel-case>i{
	position: absolute;
	width:61px;
	height:61px;
	top:0;
	bottom:0;
	margin:auto;
}
.case .case-main .carousel-case>.case-prev{
	background:url(../images/icon-left.png) no-repeat;	
	left:0;
}
.case .case-main .carousel-case>.case-prev:hover{
	background:url(../images/icon1-left.gif) no-repeat;
	left:0;
}
.case .case-main .carousel-case>.case-next{
	background:url(../images/icon-right.png) no-repeat;
	right:1px;
}
.case .case-main .carousel-case>.case-next:hover{
	background:url(../images/icon1-right.png) no-repeat;
	right:0;
}
.case .case-main .carousel-case .changebox{
    width:560px;
	margin:0 auto; 
	position:relative;
	overflow:hidden;
	height:190px;
}
.case .case-main .carousel-case .changebox ul{
	position:absolute; left:0; top:0; z-index:9;
}
.case .case-main .carousel-case .changebox ul li{ float:left; list-style:none; width:560px;}
.case .case-main .carousel-case h3{
	color:#b2996a;
	font-size:20px;
	font-weight:100;
	margin: 10px auto;
}
.case .case-main .carousel-case p{	
	line-height:25px;
}
.case .black{
	width:100%;
	height:100px;
	background-color:#242424;
	clear: both;
	position:relative;
	bottom:0;
}
.show{
	height:435px;
	float:left;
	position: relative;
	background-color:#fff;
	text-align:center;
}
.show i{
	float:left;
	width: 46px;
	height:46px;
	background: url("../images/small-icon.gif") no-repeat;
	position: absolute;
	top:-1px;
	left:0;
}
.show img{
	/*height:435px;*/
	/*width:100%;*/
	margin:0 auto;
	max-width:100%
}
@media screen and (min-width:1745px){
	.news,.service,.case,.show{
		width:100%;
		zoom:1;
	}
	.serv-main{
	width:80%;
 	}
	.case{
		background-color:#fff;
	}
	.service .carousel-brand{
	/*width:610px;*/
	}
	.service .carousel-brand li{
		/*margin-left:12px;	*/
	}
}
@media screen and (max-width:1745px){
	.news,.service,.case,.show{
		width:100%;
		zoom:1;
	}
	.black{
		display:none;
	}
	.case{
		background-color:#DEDEDE;
	}
	.news-main,.serv-main,.case-main,.show-main{
		width:80%;
	}
	.service .carousel-brand{
		/*width:65%;*/
	}
	.service .carousel-brand li{
		/*margin-left:3.5%;*/
	}
}

@media screen and (max-width:1500px){
	.top,.carousel > li{ height:700px}
	}
.he_ZoomInImg,.news .news-main .news-left p{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.he_ZoomInImg .he_ZoomInImg_img,.news .news-main .news-left p img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img,.news .news-main .news-left p:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hover,.news .news-main .news-left p img{
  display: inline-block;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover:hover, .hover:focus, .hover:active,.news .news-main .news-left p img{
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

.carousel > li > img{-webkit-animation:scale-bg 6s linear forwards; animation:scale-bg 6s linear forwards; width:100%}

@media screen and (max-width:1500px){
.carousel > li > .shade{ width:700px;margin-left: -215px;}
.carousel > li > .shade h2 img{ width:100%}
}


.flexslider{position:relative;overflow:hidden;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li a{ display:block;}
.flexslider .slides li img{ width:100%; display:block}
.flex-control-nav{position:absolute;bottom:30px; right:0; z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:10px;height:10px; border-radius:10px; line-height:55px;overflow:hidden; background:#fff; cursor:pointer; opacity:.5}
.flex-control-nav .flex-active{ opacity:1}
#demo1{ display:none}
.header1{ display:none}


@media (max-width: 1024px){
.header1,#demo1{ display:block}
.navbar{ display:none}
#sidebar{ position:relative; width:100%; height:71px !important; overflow:hidden}
.top{ display:none}
#sidebar .logo{ margin:0 !important;padding:5px 4%;}
.mean-container a.meanmenu-reveal{ color:#fff !important}
.mean-container a.meanmenu-reveal span{ background:#fff !important}
#sidebar .logo img{ width:80px}
.mean-container .mean-nav{ margin-top:70px !important}
.main-content{ padding-left:0}
.news-main, .serv-main, .case-main, .show-main{ width:92%}
	}

@media (max-width: 640px){
#sidebar .logo img{ width:54px}
.mean-container .mean-nav{ margin-top:51px !important}
.flex-control-nav{ bottom:20px}
#sidebar{ height:52px !important}
	}