@charset "utf-8";
body{background: #fff;}
#header{
	background:none;
}
#header.suspend{
	background: #fff;
	background: rgba(255,255,255,0.9);
}
#header .menu ul li.home a span.cn{
	font-size:2rem;
	
}

#banner{
	width: 100%;
	min-width: 1000px;
	height: auto;
	min-height: 585px;
	position: relative;
	z-index: 0;
	margin-bottom:50px;
}
#banner .picblock{
	width: 100%;
	opacity: 0;
}
#banner .banner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}



.main {
	overflow: hidden;
	position: relative;
	margin-bottom:20px;
}
.main .pull-left{
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;	
	padding-right: 10px;
}
.main .pull-right{
	width: 50%;
	float: right;padding-left: 10px;
}
.module_01{
	height: 100%;
}
.module_01 a{
	line-height: 0;
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.module_01 a .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	line-height: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	-moz-transform:scale(1.01,1.01);
	-webkit-transform:scale(1.01,1.01);
	transform:scale(1.01,1.01);		
}
.module_01 a:hover .bg{
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);	
}
.module_01 a .more{
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 50px;
	top: 0;
	left: 0;
	background: rgba(115,115,115,0.7);	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.module_01 a:hover .more{
	opacity: 1;
}
.module_01 a .more span{
	display: block;
	width: 100%;
	height: 100%;
	border:1px solid #e1e1e1;
}
.module_01 a .more{
	text-align: center;
	color: #fff;
	overflow: hidden;
}
.module_01 a .more h2{
	font-size: 36px;
	line-height: 50px;
	margin-top: 45%;
}
.module_01 a .more p{
	font-size: 20px;
	line-height: 30px;
}
.module_01 a .more i.icon_more{
	width: 75px;
	height: 75px;
	display: block;
	margin:20px auto;
	background: url(../image/home_more.png);
}



.module_02 a{
	line-height: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
.module_02 a img{
	line-height: 0;
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	-moz-transform:scale(1.01,1.01);
	-webkit-transform:scale(1.01,1.01);
	transform:scale(1.01,1.01);	
}
.module_02 a:hover img{
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);	
}
.module_02 a .more{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 1%;
	left: 2%;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.module_02 a .more{
	overflow: hidden;
}
.module_02 a .more h2{
	font-size: 26px;
	line-height: 50px;
}
.module_02 a .more p{
	font-size: 16px;
	line-height: 24px;
}

.module_03{
	margin-top: 20px;
}
.module_03 a{
	line-height: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
.module_03 a img{
	line-height: 0;
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	-moz-transform:scale(1.01,1.01);
	-webkit-transform:scale(1.01,1.01);
	transform:scale(1.01,1.01);	
}
.module_03 a:hover img{
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);	
}
.module_03 a .more{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 1%;
	left: 2%;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.module_03 a .more{
	overflow: hidden;
}
.module_03 a .more h2{
	font-size: 26px;
	line-height: 50px;
}
.module_03 a .more p{
	font-size: 16px;
	line-height: 24px;
}


.module_04{	
}
.module_04 a{
	line-height: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
 .module_04 a img{
	line-height: 0;
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	transform:scale(1,1);	
}
.module_04 a:hover img{
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);	
}

.module_04 a .more{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 35%;
	left: 75%;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.module_04 a .more{
	overflow: hidden;
}
.module_04 a .more h2{
	font-size: 26px;
	line-height: 50px;
}
.module_04 a .more p{
	font-size: 16px;
	line-height: 24px;
}


.module_05{
}
.module_05 a{
	line-height: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
.module_05 a img{
	line-height: 0;
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	-moz-transform:scale(1.01,1.01);
	-webkit-transform:scale(1.01,1.01);
	transform:scale(1.01,1.01);	
}
.module_05 a:hover img{
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);	
}
.module_05 a .more{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 35%;
	left: 8%;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.module_05 a .more{
	overflow: hidden;
}
.module_05 a .more h2{
	font-size: 26px;
	line-height: 50px;
}
.module_05 a .more p{
	font-size: 16px;
	line-height: 24px;
}


#pro_more{
	margin:60px auto 0;
	overflow: hidden;
	width: 200px;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
}
#pro_more a{
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
#pro_more .icon_more{
	width: 40px;
	height: 40px;
	border:1px solid #ccc;
	border-radius: 40px;
	display: block;
	margin:0 auto;
	background:url(../image/pro_more.png) no-repeat center center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
#pro_more a:hover .icon_more{
	border:1px solid #ec141d;
	background:url(../image/pro_more_on.png) no-repeat center center;
}


@media screen and (max-width: 768px) {

#header{
	top: 0;
	background: #fff;
	background: rgba(255,255,255,0.9);
}
#focus{
	padding-top:60px;
	position: relative;
}
#focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
#focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; vertical-align:top;}
#focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 3px;  vertical-align:top; overflow:hidden;   }
#focus .hd ul .on{ background:#FE6C9C;  }
#focus .bd ul li{
	line-height: 0;
	position: relative;
}
#focus .bd ul li .banner-con{
	position: relative;
}
#focus .bd ul li img{
	width: 100%;
	line-height: 0;
	position: relative;
}


#focus .text{
  width: 100%;
  position: absolute;
  z-index: 2;
  padding-left: 0%;
  top: 30%;
  left: 5%;
}
#focus .text .content{
  width: 100%;
  margin: 0 auto;
  padding-left: 0px;
}
#focus .text h1{
  font-size: 20px;
  font-weight: bold;
  display: block;
  line-height: 30px;
  color: #e60012;
  padding-left: 0px;
  letter-spacing:1px;
  text-align: left;
  -moz-text-shadow:0px 0px 10px rgba(255,255,255,0.2);       
  -webkit-text-shadow:0px 0px 10px rgba(255,255,255,0.2);       
  text-shadow:0px 0px 10px rgba(255,255,255,0.2);  
}
#focus .text h3{
  color: #000;
  font-size: 14px;
  padding-left: 2px;
  font-weight: 400;
  letter-spacing: 0px;
  margin-top: 10px;
  text-align: left;
  -moz-text-shadow:0px 0px 10px rgba(255,255,255,0.2);       
  -webkit-text-shadow:0px 0px 10px rgba(255,255,255,0.2);       
  text-shadow:0px 0px 10px rgba(255,255,255,0.2); 
} 

.main {
	overflow: hidden;
	position: relative;
	margin:10px;
}
.main .pull-left{
	width: 100%;
	height: 100%;
	position: relative;
	left: 0;
	top: 0;	
	float: none;
	padding-right: 0px;
}
.main .pull-right{
	width: 100%;
	float: none;
	padding-left: 0px;
}
.module_00{
	height: 100%;
	margin-bottom: 10px;
}

.module_00 a{
	line-height: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
.module_00 a img{
	line-height: 0;
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	-moz-transform:scale(1.01,1.01);
	-webkit-transform:scale(1.01,1.01);
	transform:scale(1.01,1.01);	
}
.module_00 a:hover img{
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);	
}
.module_00 a .more{
	background: none;
	opacity: 1;
	position: absolute;
	width: 48%;
	height: 100%;
	top: 25%;
	left: 50%;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	overflow: hidden;
}
.module_00 a .more h2{
	margin:0;
	font-size: 20px;
	line-height: 40px;
}
.module_00 a .more p{
	font-size: 14px;
	line-height: 24px;
}
.module_00 a .more i.icon_more{
	display: none;
	width: 75px;
	height: 75px;
	margin:20px auto;
	background: url(../image/home_more.png);
}



.module_02 a{
	line-height: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
.module_02 a img{
	line-height: 0;
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	-moz-transform:scale(1.01,1.01);
	-webkit-transform:scale(1.01,1.01);
	transform:scale(1.01,1.01);	
}
.module_02 a:hover img{
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);	
}
.module_02 a .more{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 25%;
	left: 5%;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.module_02 a .more{
	overflow: hidden;
}
.module_02 a .more h2{
	font-size: 20px;
	line-height: 40px;
}
.module_02 a .more p{
	font-size: 14px;
	line-height: 24px;
}

.module_03{
	margin-top: 10px;
}
.module_03 a{
	line-height: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
.module_03 a img{
	line-height: 0;
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	-moz-transform:scale(1.01,1.01);
	-webkit-transform:scale(1.01,1.01);
	transform:scale(1.01,1.01);	
}
.module_03 a:hover img{
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);	
}
.module_03 a .more{
	position: absolute;
	width: 48%;
	height: 100%;
	top: 1%;
	left: 2%;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.module_03 a .more{
	overflow: hidden;
}
.module_03 a .more h2{
	font-size: 20px;
	line-height: 40px;
}
.module_03 a .more p{
	font-size: 14px;
	line-height: 24px;
}


.module_04{	
	margin-bottom: 10px;
}
.module_04 a{
	line-height: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
 .module_04 a img{
	line-height: 0;
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	transform:scale(1,1);	
}
.module_04 a:hover img{
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);	
}

.module_04 a .more{
	position: absolute;
	width: 48%;
	height: 100%;
	top: 25%;
	left: 50%;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.module_04 a .more{
	overflow: hidden;
}
.module_04 a .more h2{
	font-size: 20px;
	line-height: 40px;
}
.module_04 a .more p{
	font-size: 14px;
	line-height: 24px;
}


.module_05{
}
.module_05 a{
	line-height: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
.module_05 a img{
	line-height: 0;
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	-moz-transform:scale(1.01,1.01);
	-webkit-transform:scale(1.01,1.01);
	transform:scale(1.01,1.01);	
}
.module_05 a:hover img{
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);	
}
.module_05 a .more{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 25%;
	left: 8%;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.module_05 a .more{
	overflow: hidden;
}
.module_05 a .more h2{
	font-size: 20px;
	line-height: 40px;
}
.module_05 a .more p{
	font-size: 14px;
	line-height: 24px;
}


#pro_more{
	margin:30px auto 0;
	overflow: hidden;
	width: 200px;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
}
#pro_more a{
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
#pro_more .icon_more{
	width: 40px;
	height: 40px;
	border:1px solid #ccc;
	border-radius: 40px;
	display: block;
	margin:0 auto;
	background:url(../image/pro_more.png) no-repeat center center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
#pro_more a:hover .icon_more{
	border:1px solid #ec141d;
	background:url(../image/pro_more_on.png) no-repeat center center;
}



}