@charset "utf-8";
*{margin:0;padding: 0;}
body{
	min-width: 360px;
	overflow-x: hidden;
	font: 15px/1.5 Arial,Helvetica,"微软雅黑", "Microsoft YaHei", sans-serif, STXihei, "Microsoft JhengHei;";
}
img{border:none;}
ul{list-style-position:inside;list-style-type:none;margin:0px;padding:0px;list-style-image:none;}
li{list-style:none;}
input{font-family: Helvetica,"微软雅黑",Arial, "Microsoft YaHei", sans-serif, STXihei, "Microsoft JhengHei;";}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color: #FF0000;text-decoration: none;}
a:active{color: #FF0000;text-decoration: none;}
.ta{text-align:center !important;}
.nomr{ margin-right:0px !important}
.tac{ text-align:center !important;}

#nav {
	width: 100%;
	background-color: #1d1d1d;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0px 2px 10px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0px 2px 10px;
	box-shadow: rgba(0,0,0,0.3) 0px 2px 10px;
	position: relative;
	z-index: 4;
	height: 70px;
	overflow: hidden;
}
#nav .int
{
	width: 96%;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#nav .logo {
	float: left;
	padding-top: 20px;
	height: 30px;
}
#nav .nl {
	height: 70px;
	float: right;
	position: relative;
}
#nav .nl a.bid{
	display:block;
	color: #fff;
	height: 70px;
	line-height: 70px;
	font-size:16px;
	padding-left:20px;
	padding-right:20px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;	
}
#nav .nl a.bid:hover{color: #ff0000;}
#nav .nl a.bid.onthis{color: #ff0000;}
#nav .line {
	background-color: #F00;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	height: 2px;
	width: 200px;
	right: -1000px;
	bottom: 0px;
}
#searchform {
	height: 30px;
	width: 200px;
	float: right;
	position: relative;
	margin-top: 20px;
	background-color: #333;
	margin-left: 10px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow:hidden;	
}
#searchform .searchtxt {
	line-height: 30px;
	height: 30px;
	width: 94%;
	padding-left: 6%;
	position: absolute;
	background-color: transparent;
	border: none;
	color: #999;
}
#searchform .searchbut {
	position: absolute;
	z-index: 2;
	height: 30px;
	width: 30px;
	top: 0px;
	border: none;
	background-color: transparent;
	right: 0px;
	background-image: url(../image/searchbut.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor:pointer;	
	transition: background-color 0.5s ease-in-out;
	-moz-transition: background-color 0.5s ease-in-out;
	-webkit-transition: background-color 0.5s ease-in-out;
	-o-transition: background-color 0.5s ease-in-out;
}
#searchform:hover .searchbut {background-position: -30px 0px;}

#language {
	height: 70px;
	color: #FFF;
	width: 65px;
	text-align: center;
	float: right;
	position:relative;
	margin-left:10px;
}
#language a{
	color: #CCC;
	height: 30px;
	width: 30px;
	line-height: 30px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	left: 5px;
	top: 20px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:#333;
	font-size:12px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;	
}
#language a.onthis{color: #fff;background-color: #F00;}
#language a.cn
{
	left:5px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
#language a.en
{
	left:30px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
#language:hover a.cn{left:0px;}
#language:hover a.en{left:35px;}




#nav .mbtn {
	position: absolute;
	width: 60px;
	top: 17px;
	right: 0px;
	cursor: pointer;
	height: 35px;
	z-index: 7;
	display:none;
}
#nav .mbtn span {
	background-color: #ff0000;
	display: block;
	height: 7px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	left:0px;
}
#one{top:0px;}
#nav .mbtn #one
{
	animation: myone 0.5s forwards;
	-moz-animation: myone 0.5s forwards;
	-webkit-animation: myone 0.5s forwards;
	-o-animation: myone 0.5s forwards;	
}
@keyframes myone
{
0%   {height:0px;}
100% {height:7px;}
}
#nav .mbtn.onthis #one
{
	animation: myoneonthis 0.5s forwards;
	-moz-animation: myoneonthis 0.5s forwards;
	-webkit-animation: myoneonthis 0.5s forwards;
	-o-animation: myoneonthis 0.5s forwards;	
}
@keyframes myoneonthis
{
0%   {height:7px;}
100% {height:0px;}
}
#two{top:14px;}
#nav .mbtn #two
{
	animation: mytwo 0.5s forwards;
	-moz-animation: mytwo 0.5s forwards;
	-webkit-animation: mytwo 0.5s forwards;
	-o-animation: mytwo 0.5s forwards;	
}
@keyframes mytwo
{
0%   {height:0px;}
100% {height:7px;}
}
#nav .mbtn.onthis #two
{
	animation: mytwoonthis 0.5s forwards;
	-moz-animation: mytwoonthis 0.5s forwards;
	-webkit-animation: mytwoonthis 0.5s forwards;
	-o-animation: mytwoonthis 0.5s forwards;	
}
@keyframes mytwoonthis
{
0%   {height:7px;}
100% {height:0px;}
}
#three{top:28px;}
#nav .mbtn #three
{
	animation: mythree 0.5s forwards;
	-moz-animation: mythree 0.5s forwards;
	-webkit-animation: mythree 0.5s forwards;
	-o-animation: mythree 0.5s forwards;	
}
@keyframes mythree
{
0%   {height:0px;}
100% {height:7px;}
}
#nav .mbtn.onthis #three
{
	animation: mythreeonthis 0.5s forwards;
	-moz-animation: mythreeonthis 0.5s forwards;
	-webkit-animation: mythreeonthis 0.5s forwards;
	-o-animation: mythreeonthis 0.5s forwards;	
}
@keyframes mythreeonthis
{
0%   {height:7px;}
100% {height:0px;}
}

#menu {
	background-color: #ff0000;
	height: 0%;
	width: 0%;
	overflow: hidden;
	position: fixed;
	z-index: 12;
	left: -100%;
	top: 50%;
	-webkit-box-shadow: rgba(0,0,0,0.6) 0px 2px 20px;
	-moz-box-shadow: rgba(0,0,0,0.6) 0px 2px 20px;
	box-shadow: rgba(0,0,0,0.6) 0px 2px 20px;
	text-align: center;
	font-size: 16px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ff0000;
	background-image: url(../image/menubg.jpg);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
#menu .meunbg
{
	position: absolute;
	z-index: 1;
	height: 100%;
	top: 0px;
	right: 0px;	
}
#menu .int{
	padding: 20px;
	padding-bottom: 0px;
	min-height: 400px;
	position: relative;
	z-index: 2;
}
#menu p {line-height:40px;height:0px;overflow:hidden;padding-top:40px;}
#menu p a{
	color: #FFF;
	line-height: 40px;
	display: inline-block;
	position: relative;
	height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	overflow: hidden;
}
#menu p a span{
	overflow: hidden;
	position: absolute;
	height: 2px;
	width: 0%;
	left: 0px;
	bottom: 4px;
	background-color: #FFF;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;	
}
#menu .close {
	position: absolute;
	z-index: 9;
	top: 5px;
	right: 10px;
	cursor:pointer;
}
#menu .language{text-align:center;padding-top:20px;}
#menu .language a
{
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #000;
	color: #fff;
	height: 0px;
	width: 0px;
	margin-left: 30px;
	margin-right: 30px;
	display: inline-block;
	line-height: 40px;
	overflow: hidden;
	position: relative;
}
#menu .language a.onthis{background-color:#fff;color:#ff0000;}




#focus {
	height: 750px;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
}
#focus img.bgimg
{
	position: relative;
	left: 0px;
	z-index: 1;
	width: 1920px;
}
#webpage {
	text-align: center;
	height: 36px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 80px;
	background-color: #FFF;
	padding-top: 80px;
	position: relative;
	z-index: 2;
}
#webpage.line {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;
}
#webpage a {
	height: 36px;
	width: 36px;
	margin-right: 2px;
	margin-left: 2px;
	line-height: 36px;
	display: inline-block;
	border: 1px solid #dfdfdf;
	background-color:#fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
	position:relative;
	z-index:1;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#webpage a:hover {
	border: 1px solid #FF0000;
	background-color: #ffe5e5;
	color: #FF0000;
	z-index: 2;
}
#webpage a.onthis {
	border: 1px solid #FF0000;
	background-color:#FF0000;
	color:#fff;
	cursor:default;
}
#webpage a.none {
	border: 1px solid #ddd;
	background-color:#efefef;
	color:#666;
	cursor:default;
}
#webpage div.list
{
	width:50px; 
	position:relative;
	height: 36px;
	margin-right: 2px;
	margin-left: 2px;
	line-height: 36px;
	display: inline-block;
	border: 1px solid #dfdfdf;
	background-color:#fff;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	vertical-align: middle;
	cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#webpage div.list:hover
{
	border: 1px solid #FF0000;
	background-color: #ffe5e5;
	color: #FF0000;
}
#webpage div.list div.box
{
	width: 672px;
	left: -310px;
	position: absolute;
	vertical-align: middle;
	padding-bottom: 14px;
	bottom: 5px;
	filter: alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	display: none;
}
#webpage .list div.box .jiao {
	margin-left: -10px;
	position: absolute;
	left: 50%;
	bottom: 6px;
}
#webpage div.list div.box div
{
	padding: 10px;
	width: 650px;
	vertical-align: middle;
	background-color:#FFF;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 2px 15px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 2px 15px;
	box-shadow: rgba(0,0,0,0.1) 0px 2px 15px;	
}
#webpage div.list div.box div a{margin-bottom:10px;}
#webpage input
{
	padding-left: 8px;
	height: 36px;
	width: 38px;
	margin-left: 30px;
	line-height: 36px;
	display: inline-block;
	border: 1px solid #dfdfdf;
	background-color: #fcfcfc;
	vertical-align: middle;
	background-image: url(../image/inputBg.png);
	background-repeat: repeat-x;
	-moz-border-radius: 5px;
	border-radius: 5px;		
}
#webpage .int {
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
#webpage .int a.jumpbut {text-decoration: none;width:46px;background-color:#e6e6e6;}
#webpage .int a.jumpbut:hover {	background-color:#ff0000;color:#fff;}




.dialog {
	overflow: hidden;
	position: fixed;
	z-index: 9;
	height: 0%;
	width: 0%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.dialog .bg {
	background-color: #FFF;
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;		
}
.dialog .com
{
	position: relative;
	z-index: 2;
	background-color: #FFF;
	width: 300px;
	top: 200px;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 15px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 15px;
	box-shadow: rgba(0,0,0,0.2) 0px 2px 15px;
}
.dialog .title {
	height: 40px;
	line-height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
	position: relative;
	padding-left:10px;
}
.dialog .content {
	padding:20px;
	text-align:center;
	
}
.dialog span.close {
	background-image: url(../image/close.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	height: 16px;
	width: 16px;
	top: 12px;
	right: 12px;
	cursor:pointer;
}
.dialog span.close:hover{background-position: -16px 0px;}
.dialog .content p
{
	font-size:13px;
	line-height:18px;
}
.dialog .content p span{color:#F00; display:none; font-size:12px;}




#flash {
	background-image: url(../image/flashbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 520px;
	width: 100%;
	position: relative;
	color: #FFF;
	padding-top: 70px;
	background-color: #000;
	padding-bottom: 50px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 3px 16px;
	-moz-box-shadow: rgba(0,0,0,0.5) 0px 3px 16px;
	box-shadow: rgba(0,0,0,0.5) 0px 3px 16px;	
}
#flash h1 {
	line-height: 30px;
	position: relative;
	margin-bottom: 40px;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
#flash .swiper-container{
	height: 450px;
	max-width:1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
}
#flash .swiper-pagination-bullet{
	width: 40px;
	height: 3px;
	display: inline-block;
	border-radius: 0%;
	background: #fff;
	opacity: 1;
	border:none;
}
#flash .swiper-pagination-bullet-active{opacity:1;background:#FF0000}
#flash .ibox {
	float: left;
	height: 320px;
	width: 50%;
	text-align:center;
}
#flash .tbox {
	float: left;
	height: 270px;
	width: 50%;
	padding-top: 50px;
}
#flash a{color: #FFF;}
#flash a:hover{color:#F00;}
#flash .tbox h2 {margin-bottom: 20px;}
#flash .tbox pre{font-family: Arial,Helvetica,"微软雅黑", "Microsoft YaHei", sans-serif, STXihei, "Microsoft JhengHei;" !important;}
#flash .tbox a.but {
	border: 1px solid #F00;
	color: #FFF;
	display: block;
	height: 30px;
	width: 140px;
	margin-top: 30px;
	line-height: 30px;
	text-align: center;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;		
}
#flash .tbox a.but:hover {background-color:#F00;}


.item{position:relative;}
.item.ir{width:50%;padding-left:50%;}
.item.il{width:50%;padding-right:50%;}
.item .ibox{position: relative;}
.item img{display:block;width:100%;}
.item .ibox img.ondown{position: absolute;z-index: 2;width: 30px;left: 20px;top: 0px;display:none;}
.item .box{position: absolute;height: 100%;width: 50%;top:0px;}
.item.ir .box{left:0%;}
.item.il .box{right:0%;}
.item .text {
	position: absolute;
	height: 76%;
	width: 76%;
	font-size: 17px;
	top:12%;
	left:12%;
}
.item .text div{color:#888;}
.item .text h1 {font-weight: normal;margin-bottom: 10px;}
.item .text p {color: #666;}
.item  a.but {
	border: 1px solid #333;
	color: #333;
	display: block;
	height: 36px;
	width: 170px;
	margin-top: 20px;
	line-height: 36px;
	text-align: center;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;		
}
.item  a.but:hover {background-color:#F00;border: 1px solid #F00; color:#FFF}
.item a.bclass {
	color: #333;
	display: inline-block;
	position: relative;
	text-decoration: underline;
	overflow:hidden;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;	
}
.item a.bclass:hover{color: #f00;}
.item a.bclass span
{
	background-color: #F00;
	position: absolute;
	height: 100%;
	width: 100%;
	left: -100%;
	top: 0px;	
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;	
}
.item a.bclass:hover span{left: 100%;}


#foot {
	background-color: #000;
	padding-top: 40px;
	padding-bottom: 60px;
	color: #999;
}
#foot .int {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#foot a.bid {
	color: #FFF;
	display: inline-block;
	margin-right: 20px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#foot a.bid:hover {color: #F00;}
#foot .cominfo {
	padding-top: 20px;
	width: 100%;
	padding-bottom: 15px;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	margin-top: 10px;
}
#foot .cominfo span {display: inline-block;}
#foot .cominfo .sep {padding-right: 14px;padding-left: 14px;}
#foot .box {
	position: absolute;
	width: 320px;
	top: 20px;
	right: 0px;
}
#foot .box .it{
	margin-left:6%;
	float:right;
	text-align:center;
	background-color:#393939;
	line-height:18px;
	font-size:13px;
	color:#fff;
	max-width:140px;
}
#foot .box .it div{background-color:#393939;padding:10px;}
#foot .box .it img{display:block; margin-bottom:5px; margin-left:auto; margin-right:auto}
#foot img.sns {display: inline-block;margin-right:20px;}
#foot .bar {
	position: absolute;
	top: 0px;
	right: 0px;
}
#foot .bar  a.bid 
{
	margin-left:20px;
	margin-right:0px;
}


.banner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.banner .bg
{
	position: relative;
	width: 100%;
	left: 0px;
	display: block;
}
.mbanner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.mbanner .bg
{
	position: relative;
	width: 100%;
	left: 0px;
	display: block;
}
#company .txt {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 22%;
	text-align: center;
	z-index: 2;
	color: #fff;
}
#company .txt h1{
	font-size: 60px;
	margin-bottom: 30px;
	line-height: 60px;
}
#company .txt h1 span{color:#F00;}
#company .txt p {
	text-align: left;
	text-indent: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 900px;
}


#four {
	position: relative;
	height: 300px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 220px;
	padding-bottom: 200px;
	background-color: #F00;
	color: #FFF;
	overflow: hidden;
}
#four .int
{
	width: 94%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#four .it {
	width: 22%;
	padding-right: 1.5%;
	padding-left: 1.5%;
	float: left;
	height: 200px;
}
#four .it img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
#four .it p {
	text-indent: 0;
	text-align: center;
}
#four .it h2 {
	font-size: 38px;
	line-height: 50px;
	height: 50px;
	font-weight: normal;
}
#four .line {
	height: 2px;
	width: 300%;
	position: absolute;
	background-color: #FFF;
	left: -100%;
	top: 130px;
}


#ceo {
	position: relative;
	width: 100%;
	background-color: #ebebeb;
	overflow:hidden;
}
#ceo .int {
	position: relative;
	z-index: 2;
	width: 96%;
	max-width:1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 150px;
	padding-bottom:150px;
}
#ceo .bg {
	display: block;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}
#ceo h2{font-family: Georgia, "Times New Roman", Times, serif;}


#organization {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 60px;
	text-align: center;
	overflow: hidden;
	position: relative;
}
#organization img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	max-width:630px;
}


#environment {
	height: 600px;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color: #000;
}
#environment .bg {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;		
}
#environment .int {
	background-color: #FFF;
	height: 600px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#environment .l {
	float: left;
	height: 600px;
	width: 400px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#environment .l .border {
	border: 4px solid #F00;
	position: absolute;
	z-index: 2;
	height: 60%;
	width: 40%;
	left: 30%;
	top: 20%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;		
}
#environment .int:hover .l .border {
	height: 80%;
	width: 60%;
	left: 20%;
	top: 10%;	
}
#environment .l img {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;		
}
#environment .int:hover .l img {
	width: 120%;
	left: -10%;
	top: -10%;		
}
#environment .l .txt {
	position: absolute;
	left: 10%;
	top: 25%;
	color: #FFF;
	z-index: 3;
}
#environment .l .txt h1 {line-height: normal;}
#environment .l .txt h3 {width: 300px;}
#environment .l .txt .line {
	background-color: #FFF;
	height: 3px;
	width: 100px;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

#environment .r {
	float: left;
	height: 600px;
	width: 800px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#environment .r img {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}
#environment .r img.onthis {z-index: 2;}
#environment .l .ctrl {
	width: 160px;
	height: 40px;
}
#environment .l .ctrl a {
	display: block;
	height: 40px;
	width: 70px;
	line-height: 40px;
	text-align: center;
	float: left;
	color: #FFF;
	font-size: 30px;
	margin-right: 10px;
	background-color: #000;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	font-weight: bold;
}
#environment .l .ctrl a:hover {background-color: #f00;}
#environment .l .txt h2 {
	display: inline-block;
	overflow: hidden;
	position: relative;
	height: 30px;
	line-height: 30px;
	float: left;
	margin-bottom:5px;
}
#environment .l .txt h4 {
	display: inline-block;
	overflow: hidden;
	position: relative;
	height: 24px;
	line-height: 24px;
	margin-bottom: 20px;
}
#environment i {
	background-color: #F00;
	position: absolute;
	height: 100%;
	width: 100%;
	left: -100%;
	top: 0px;
	z-index: 2;
}
#environment .r .box {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 20px;
	top: 20px;
	overflow: hidden;
	z-index: 3;
	padding: 20px;
	line-height: 15px;
	-moz-border-radius: 50%;
	border-radius: 50%;	
}
#environment .r .box .bg {
	background-color: #FFF;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;	
}
#environment .r .box h3 {
	position: relative;
	z-index: 2;
	font-weight: normal;	
}
#environment .r .box p {
	text-align: center;
	position: relative;
	z-index: 2;
}
#environment .r .box h2 {
	text-align: right;
	position: relative;
	z-index: 2;
}


#contact .txt {
	position: absolute;
	width: 100%;
	left: 0%;
	top: 15%;
	text-align: center;
	z-index: 2;
	color: #fff;
	font-size: 17px;
}
#contact .txt .it {
	width:100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#contact .txt .it .l {
	float: left;
	width: 42%;
	padding-right: 3%;
	text-align: right;
}
#contact .txt .it .r {
	width: 48%;
	float: left;
	text-align: left;
	padding-left: 3%;
}
#contact .txt .it .r h2
{
	font-weight: normal;
	line-height: normal;
}
#contact .txt .it .r h2 a{color: #fff;text-decoration: underline;}
#contact .txt .it .r h2 a:hover{color: #000;}


.webmore {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 80px;
	z-index: 9;
}
.webmore a {
	position: relative;
	height: 48px;
	width: 48px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/pass.png);
	background-repeat: no-repeat;
}
.webmore span {
	position: absolute;
	height: 46px;
	width: 46px;
	left: 0px;
	top: 0px;
	border: 1px solid #fff;
	-moz-border-radius: 50%;
	border-radius: 50%;		
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	animation: myyun 3s infinite;
	-moz-animation: myyun 3s infinite;
	-webkit-animation: myyun 3s infinite;
	-o-animation: myyun 3s infinite;	
}
@keyframes myyun
{
0% {opacity: 0.8;height: 46px;width: 46px;left: 0px;top: 0px;}	
100% {opacity: 0;height: 120px;width: 120px;left: -36px;top: -36px;}
}
@-moz-keyframes myyun
{
0% {opacity: 0.8;	height: 46px;width: 46px;left: 0px;top: 0px;}	
100% {opacity: 0;height: 120px;width: 120px;left: -36px;top: -36px;}
}
@-webkit-keyframes myyun
{
0% {opacity: 0.8;	height: 46px;width: 46px;left: 0px;top: 0px;}	
100% {opacity: 0;height: 120px;width: 120px;left: -36px;top: -36px;}
}
@-o-keyframes myyun
{
0% {opacity: 0.8;	height: 46px;width: 46px;left: 0px;top: 0px;}	
100% {opacity: 0;height: 120px;width: 120px;left: -36px;top: -36px;}
}

#inquiry {
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}
#inquiry .box {
	padding: 30px;
	display: inline-block;
}

#book {
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	background-color: #000;
}
#book .int {
	padding: 1%;
	width: 98%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #fff;
}
#book form {
	display: block;
	padding-top: 20px;
	position: relative;
}
#book p.box {
	line-height: 46px;
	height: 46px;
	width: 46%;
	display: block;
	margin-bottom: 20px;
	position: relative;
	margin-right: 2%;
	margin-left: 2%;
	float: left;
}
#book p.hint
{
	clear:both;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
#book p.box input
{
	line-height: 44px;
	height: 44px;
	width: 97%;
	padding-left: 3%;
	border: none;
	position: absolute;
	z-index: 2;
	top: 0px;
	border: 1px solid #888;
	background-color: transparent;
	left: 0px;
}
#book p.box span
{
	line-height: 46px;
	height: 46px;
	width: 97%;
	padding-left: 3%;
	border: none;
	position: absolute;
	z-index: 1;
	top: 0px;
	color: #333;
	left: 0px;
	text-align: left;
	background-color: #fff;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
#book p.box.onthis span
{
	height: 12px;
	width: auto;
	font-size:12px;
	line-height:12px;
	top:-6px;
	padding-left: 2%;
	padding-right:2%;
	z-index:4;
	left: 2%;
}
#book input.but {
	line-height: 48px;
	height: 48px;
	width: 96%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	color: #000;
	background-color: #888;
	border: 1px solid #888;
	font-size:18px;
	cursor:pointer;
	margin-bottom:5px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#book input.but:hover
{
	color: #fff;
	background-color: #f00;
	border: 1px solid #f00;	
}
#book input.but.onthis
{
	color: #fff;
	background-color: #f00;
	border: 1px solid #f00;	
}
#book form h1 {
	text-align: center;
	height: 50px;
	margin-bottom:20px;
}
#book em
{
	font-style: normal;
	display: inline-block;
	padding-left: 5px;
	color:#f00;
}
#book strong{color:#f00; display:inline-block; margin-right:2px;}
#book form textarea {
	background-color: transparent;
	overflow: hidden;
	height: 140px;
	width: 100%;
	padding-left:1%;
	border: none;
	position: relative;
	line-height: 20px;
	z-index: 2;
	padding-top:10px;
	border: 1px solid #888;
}
#book form .box.textarea {height: 150px;width: 95%;}
#book form .box.textarea span {
	width: 98.5%;
	padding-left: 1%;
	left: 0.5%;
	height: 24px;
	margin-top:14px;
	width: auto;
	line-height:24px;
	line-height:20px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#book form .box.textarea.onthis span
{
	height: 12px;
	width: auto;
	font-size:12px;
	line-height:12px;
	top:-6px;
	z-index:4;
	left: 1%;
	margin-top:0px;
}
#book form .box .vcode{
	cursor: pointer;
	position: absolute;
	top: 1px;
	right: -1px;
	z-index: 5;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #560000;
}
#map {
	width: 100%;
	height: 800px;
	margin-right: auto;
	margin-left: auto;
}



#news h1 {
	color: #FFF;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 40%;
	text-align: center;
	font-size:48px;
}
.newclass {
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
	background-color: #FFF;
	text-align:center;
}
.newclass a {
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 17px;
	line-height: 30px;
}
.newclass a.onthis {color: #F00;text-decoration: underline;}
.newclass .onup {
	text-align: center;
	position: absolute;
	height: 24px;
	width: 100%;
	left: 0px;
	top: -23px;
}
.newbox {
	width: 25%;
	float: left;
	position: relative;
	overflow: hidden;
	background-color: #3d3d3d;
}
.newbox img{display: block;}
.newbox em
{
	background-color: #ddd;
	position: absolute;
	height: 100%;
	width: 1px;
	left: 0px;
	top: 0px;	
}
.newbox .bg {
	position: absolute;
	z-index: 2;
	height: 200px;
	width: 100%;
	left: 0px;
	bottom: -30px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	/*background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);*/
	/*filter: alpha(Opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;	*/
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;	
}
.newbox:hover .bg {bottom: 0px;background-image: linear-gradient(to bottom, rgba(255,0,0,0) 0%, rgba(255,0,0,0.9) 100%);}
.newbox .txt {
	position: absolute;
	z-index: 3;
	width: 94%;
	left:3%;
	bottom: 0px;
	overflow: hidden;
	color: #FFF;
	line-height: 18px;
	height: 68px;
}
.newbox .txt a{
	color: #FFF;
	max-height:36px;
	width: 100%;
	display: inline-block;
	position: absolute;
	overflow: hidden;
	left: 0px;
	bottom:33px;
}
.newbox .txt a:hover{text-decoration: underline;}
.newbox .txt div {
	position: absolute;
	width: 100%;
	left: 0%;
	bottom: -20px;
	overflow: hidden;
	color: #fff;
	line-height: 16px;
	height: 16px;
	font-size: 14px;
	filter: alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;	
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;	
}
.newbox:hover .txt div
{
	bottom: 12px;
	filter: alpha(Opacity=100);
	-moz-opacity:1;
	opacity:1;		
}
.newbox .txt div span {
	position: absolute;
	right: 0%;
	bottom: 0px;
	transition: all 0.8s 0.5s;
	-moz-transition: all 0.8s 0.5s;
	-webkit-transition: all 0.8s 0.5s;
	-o-transition: all 0.8s 0.5s;	
}
.newbox:hover .txt div span {bottom: 0px;}
.newbox i.time
{
	background-image: url(../image/newicon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	height: 16px;
	width: 18px;
	margin-right: 2px;
	margin-bottom:-3px;
}
.newbox i.eye
{
	background-image: url(../image/newicon.png);
	background-repeat: no-repeat;
	background-position: -18px 0px;
	display: inline-block;
	height: 16px;
	width: 18px;
	margin-right: 2px;
	margin-bottom:-3px;
}



#products h1 {
	color: #FFF;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 40%;
	text-align: center;
	font-size:48px;
}
.proclass {
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	text-align:center;
}
.proclass .onup {
	text-align: center;
	position: absolute;
	height: 24px;
	width: 100%;
	left: 0px;
	top: -23px;
}
.proclass a.bid {
	font-size: 17px;
	line-height: 24px;
	padding-left: 20px;
}
.proclass a.bid.onthis {color: #F00;text-decoration: underline;}
.proclass a.sid{
	display: block;
	padding-left: 30px;
	color: #666;
	font-size: 14px;
}
.proclass span{
	display: block;
	height: 34px;
	width: 220px;
	background-color:#C00;
	color:#FFF;
	margin-top: 30px;
	line-height: 34px;
	text-align: center;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	margin-right: auto;
	margin-left: auto;
	cursor:pointer;
}
.proclass span:hover {background-color: #F00;color: #FFF}
#promenu
{
	position: fixed;
	height:0%;
	width:0%;
	left: 0px;
	top: 0px;
	overflow: hidden;
	z-index: 9;	
	filter: alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;		
}
#promenu .bg
{
	position:absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color:#F00;	
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;	
}
#promenu .com
{
	position: relative;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	height: 80%;
	max-width: 500px;
	width: 98%;
	top: 10%;
}
#promenu .com .int{
	overflow: hidden;
	height: 100%;
	position: relative;
}
#promenu .com .int .box{
	overflow-y: scroll;
	height: 100%;
	position: relative;
}
#promenu .com .int .box div{padding:20px; padding-top:0px;}
#promenu .com .int .title{
	padding: 10px;
	padding-left: 30px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
}
#promenu .com .int .title span
{
	overflow: hidden;
	position: absolute;
	height: 20px;
	width: 20px;
	top: 11px;
	right: 10px;
	background-image: url(../image/close_small.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor:pointer;
}
#promenu .com .int .title span:hover{background-position: -20px 0px;}
#promenu a{display:block;padding-left:10px;margin-bottom:1px; line-height:26px;}
#promenu a.bid{margin-top:20px;}
#promenu a.bid.onthis{background-color:#ff0000;color:#FFF;}
#promenu a.sid{margin-left: 20px;padding-left: 20px;background-image: url(../image/left.png);background-position: 3px 0px; background-repeat:no-repeat}
#promenu a.sid.onthis{background-color:#ff0000;color:#FFF;background-position: 3px -26px;}
#promenu a.mid{margin-left:40px;padding-left:20px;background-image: url(../image/left.png);background-position: 3px -52px; background-repeat:no-repeat}
#promenu a.mid.onthis{background-color:#ff0000;color:#FFF;background-position: 3px -78px;}

.probox {
	width: 25%;
	float: left;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.probox .border
{
	position: relative;
	z-index: 1;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
	border-left-color: #FFFFFF;
}
.probox:hover .border{border: 1px solid #f00;}
.probox img {
	display: block;
	position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
}
.probox .tag
{
	position: absolute;
	z-index: 6;
	width: 100%;
	left: 0px;
	top: 0px;
	text-align:center;	
}
.probox .tag span
{
	display:inline-block;
	height:24px;
	line-height:24px;
	padding-left:15px;
	padding-right:15px;
	background-color:#F00;
	font-size:12px;
	color:#fff;
	position:relative;
	overflow:hidden;
}
.probox .tag span i
{
	background-color: #fff;
	position: absolute;
	height: 300%;
	width: 20%;
	left: 100%;
	top: -20%;
	z-index: 3;	
	filter: alpha(Opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	transform: rotate(40deg);
	-ms-transform: rotate(40deg); /* Internet Explorer */
	-moz-transform: rotate(40deg); /* Firefox */
	-webkit-transform: rotate(40deg); /* Safari 和 Chrome */
	-o-transform: rotate(40deg); /* Opera */
}
.probox .tag span i.i3
{
	animation: mygo 1.6s 3s infinite backwards;
	-moz-animation: mygo 1.6s 3s infinite backwards;
	-webkit-animation: mygo 1.6s 3s infinite backwards;
	-o-animation: mygo 1.6s 3s infinite backwards;	
}
.probox .tag span i.i4
{
	animation: mygo 1.6s 4s infinite backwards;
	-moz-animation: mygo 1.6s 4s infinite backwards;
	-webkit-animation: mygo 1.6s 4s infinite backwards;
	-o-animation: mygo 1.6s 4s infinite backwards;	
}
.probox .tag span i.i5
{
	animation: mygo 1.6s 5s infinite backwards;
	-moz-animation: mygo 1.6s 5s infinite backwards;
	-webkit-animation: mygo 1.6s 5s infinite backwards;
	-o-animation: mygo 1.6s 5s infinite backwards;	
}
.probox .tag span i.i6
{
	animation: mygo 1.6s 6s infinite backwards;
	-moz-animation: mygo 1.6s 6s infinite backwards;
	-webkit-animation: mygo 1.6s 6s infinite backwards;
	-o-animation: mygo 1.6s 6s infinite backwards;	
}
@keyframes mygo
{
0% {left: 100%;top: -20%;}	
100% {left: -100%;top: -100%;}
}
@-moz-keyframes mygo
{
0% {left: 100%;top: -20%;}	
100% {left: -100%;top: -100%;}
}
@-webkit-keyframes mygo
{
0% {left: 100%;top: -20%;}	
100% {left: -100%;top: -100%;}
}
@-o-keyframes mygo
{
0% {left: 100%;top: -20%;}	
100% {left: -100%;top: -100%;}
}
/*.probox .bg {
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 100%;
	left: 0px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
	filter: alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	background-color: #000;
	top: 0px;
}
.probox:hover .bg {	
	filter: alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	background-image: linear-gradient(to bottom, rgba(255,0,0,0) 0%, rgba(255,0,0,1) 100%);
}*/
.probox .txt {
	position: absolute;
	z-index: 3;
	width: 92%;
	left: 0px;
	bottom: -50px;
	overflow: hidden;
	color: #999;
	padding-left: 4%;
	padding-right: 4%;
	line-height: 18px;
	height: 80px;
	font-size: 14px;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;	
}
.probox:hover .txt {bottom: 0px;}
.probox .txt p
{
	height: 36px;
	overflow: hidden;
	width: 80%;
}
.probox .txt a{
	line-height:24px;
	font-size:17px; 
	margin-bottom:6px; 
	display:inline-block;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;	
}
.probox .txt span {
	position: absolute;
	height: 90px;
	width: 1px;
	top: 90px;
	right: 40px;
	background-color: #f00;
	overflow: hidden;
	transition: all 1.8s;
	-moz-transition: all 1.8s;
	-webkit-transition: all 1.8s;
	-o-transition: all 1.8s;		
}
.probox:hover .txt span {top: 25px;}
.probox .txt em {
	line-height: 24px;
	height: 24px;
	width: 60px;
	position: absolute;
	top: 0px;
	right: 10px;
	font-style: normal;
	text-align: center;
	color: #d8d8d8;
}
.probox .txt em i {
	background-image: url(../image/i_work_icon.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 24px;
	width: 24px;
	margin-right: 2px;
	margin-bottom: -7px;
}




#info {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-top: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;	
}
#info .int {
	padding-bottom: 15px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	padding-top: 20px;
}
#info .int .l {width: 70%;}
#info h3.title {
	line-height: normal;
	font-size: 19px;
	margin-bottom: 5px;
}
#info .infoclass {color:#888;line-height:24px;}
#info .infoclass a {display:inline-block; padding-left:10px; padding-right:10px;}
#info .r {
	position: absolute;
	top: 0px;
	right: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e6e6e6;
	height: 100%;
	width: 30%;
}
#info .r .pd20 {
	padding: 15px;
	position: relative;
	height: 65px;
	text-align: center;
}
#info .r .but {
	position: relative;
	height: 24px;
	width: 100%;
	padding-top: 7px;
}
#info .r .but a {
	height: 24px;
	line-height:24px;
	width: 80px;
	text-align: center;
	color: #FFF;
	display: inline-block;
	margin-right: 10px;
	background-color:#444;
}
#info .r .but a:hover{background-color:#000;}
#info .r .but a.orange {background-color:#ffa800;}
#info .r .but a.orange:hover{background-color:#ff0000;}
#info .r .but a i {
	background-image: url(../image/e.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 9px;
	width: 13px;
	display: inline-block;
	margin-right: 4px;
}
#info .r .but a.orange i {
	background-image: url(../image/+.png);
	height: 11px;
	width: 11px;	
}
#info .acbox {padding: 40px;text-align: center;}
#info .acbox .qrcode {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#info .acbox ul {
	height: 80px;
	width: 732px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#info .acbox ul li {
	height: 60px;
	width: 160px;
	padding: 10px;
	float: left;
	background-color: #333;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFF;
	color: #FFF;
	text-align: center;
	line-height: 20px;
}
#info .tbox {
	width: 50%;
	height: 700px;
	float: left;
	position: relative;
	background-color: #F00;
	color: #FFF;
	overflow:hidden;
}
#showimg {
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 800px;
	cursor:pointer;
}
#info .tbox .pd60 {padding: 60px;}
#info .tbox .pd60 p {
	padding-left: 34px;
	line-height: 27px;
	height: 26px;
	margin-bottom: 15px;
	position:relative;
	width:94%;
	overflow:hidden;
}
#info .tbox .pd60 p img {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	max-width:26px;
}
#info .tbox a.but {
	border: 1px solid #fff;
	color: #FFF;
	display: block;
	height: 36px;
	width: 170px;
	margin-top: 30px;
	line-height: 36px;
	text-align: center;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;		
}
#info .tbox a.but:hover {background-color:#fff; color:#000}

#info .ibox {
	width: 50%;
	height: 700px;
	float: left;
	position: relative;
	overflow: hidden;
}
#info .ibox .com {
	overflow: hidden;
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	bottom: -140px;
	background-color: #000;
	padding-top: 10px;
	padding-bottom: 5px;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;	
}
#info .ibox:hover .com{bottom: 0px;}
#info .ibox .com div
{
	width: 300%;
	left: -100%;
	text-align: center;
	position: relative;
}
#info .ibox .com img {
	border: 2px solid #000;
	display:inline-block;
	width:80px;
	cursor:pointer;
	filter: alpha(Opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#info .ibox .com img.onthis {
	border: 2px solid #F00;
	cursor:default;
	filter: alpha(Opacity=100);
	-moz-opacity:1;
	opacity:1;		
}
#info .ibox .quantity {
	position: absolute;
	left: 30px;
	top: 30px;
	font-size: 21px;
	color: #666;
}
#info .ibox .quantity em {
	color: #F00;
	font-size: 28px;
	display: inline-block;
	margin-right: 3px;
	font-style: normal;
	font-weight: bold;
}
#info .ibox .quantity span {display:inline-block;margin-left:3px;}


#labal {
	background-color: #efefef;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
}
#labal .int {padding: 30px;line-height: 24px;}
#labal .int strong {font-family: Georgia, "Times New Roman", Times, serif;display:inline-block;margin-right:16px;}
#labal .int a{display:inline-block;margin-right:16px;color:#777;}
#labal .int a:hover{color:#333;}
#icon {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	padding-top:60px;
}
#icon .box
{
	width: 20%;
	height: 160px;
	float: left;
	position: relative;
	text-align: center;
}
#icon .box img 
{
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:8px;
	max-width:100px;
}
#icon .box p 
{
	display:block;
	height:20px;
	line-height:20px;
	position:relative;
	overflow:hidden;
}


#idesigner {
	min-height:401px;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #e6e6e6;
	background-color: #FFF;
	margin-bottom: 60px;
	margin-top:60px;
}
#idesigner .title {
	height: 50px;
	line-height:50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	position: relative;
}
#idesigner .title a.tag {
	float: left;
	height: 50px;
	width: 160px;
	font-size: 16px;
	display: block;
	text-align: center;
	position: relative;
	top: 0px;
	line-height:50px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e6e6e6;	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#idesigner .title a.tag.onthis {
	color: #FFF;
	background-color: #FF0000;
	height: 54px;
	top: -4px;
	line-height: 54px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF0000;
}
#idesigner .int {padding: 30px;}
#idesigner .bbox {
	position: relative;
	width: 100%;
	display: none;
}
#idesigner .bbox.onthis {display: block;}
#pro {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	position: relative;
}
.proh3
{
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	width: 90%;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-align:center;
}
.proh3 span
{
	line-height:40px;
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	background-color:#fff;
	height:40px;
}







.showbox {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #e6e6e6;
	background-color: #FFF;
	margin-bottom: 60px;
}
.showbox .title {
	height: 50px;
	line-height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	position: relative;
}
.showbox .title h3{padding-left:20px;}
.showbox .title a.more
{
	position: absolute;
	top: 0px;
	width: 120px;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e6e6e6;
	right: 0px;
}
/*.showbox .title a.tag {
	float: left;
	height: 50px;
	width: 140px;
	font-size: 16px;
	display: block;
	text-align: center;
	position: relative;
	top: 0px;
	line-height:50px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e6e6e6;	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
.showbox .title a.tag.onthis {
	color: #FFF;
	background-color: #ffa800;
	height: 54px;
	top: -4px;
	line-height:54px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffa800;	
}
.showbox .int {padding-top: 20px; padding-bottom:20px; padding-left:10px; padding-right:10px;}*/
/*#comment .acbox {padding: 20px;position: relative;}
#comment .acbox a.onthis {font-size:17px;color:#F30;vertical-align: bottom;}*/
#comment .cbox
{
	padding:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	position: relative;
	min-height: 60px;
}
#comment .cbox .state {
	line-height: 25px;
	color: #777;
	position: relative;
}
#comment .cbox .state span {display: inline-block;margin-left: 16px;}
#comment .cbox .state span.storey {
	line-height: 20px;
	color: #333;
	background-color: #ddd;
	height: 20px;
	padding-right: 15px;
	padding-left: 15px;
	position: absolute;
	top: 2px;
	right: 0px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;				
}
#comment .cbox:hover .state span.storey {color: #fff;background-color: #FF0000;}
#comment .cbox .txt {
	color: #999;
	padding-top:10px; 
	padding-bottom:10px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#comment .cbox:hover .txt {color: #333;}





#service .txt {
	position: absolute;
	width: 100%;
	left: 0%;
	top: 22%;
	text-align: center;
	z-index: 2;
	color: #333;
}
#service .txt h1{
	font-size: 60px;
	margin-bottom: 30px;
	line-height: 60px;
}
/*#company .txt h1 span{color:#F00;}*/
#service .txt p {
	text-align: left;
	text-indent: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 900px;
}
#business {
	width: 94%;
	padding-top: 80px;
	padding-bottom: 30px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#business ul {margin-bottom: 80px;}
#business ul li {
	padding-top: 20px;
	padding-bottom: 30px;
	float: left;
	width: 27.3332%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left:1%;
	margin-right:1%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	background-color: #FFF;
}
#business ul li:hover
{
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 3px 20px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 3px 20px;
	box-shadow: rgba(0,0,0,0.2) 0px 3px 20px;
}
#business ul li p {color: #666;}
#business ul li h2 {
	width: 50%;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
#business .line {
	height: 60px;
	width: 1px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	background-color: #F00;
	margin-top: 20px;
	margin-bottom: 20px;
}


#conditions {
	background-color: #000;
	background-image: url(../image/bg_conditions.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}
#conditions .int
{
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#conditions .bg
{
	background-color: #F00;
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;	
	filter: alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;		
}
#conditions .txt {
	position: relative;
	z-index: 2;
	color: #FFF;
	padding: 100px;
	padding-top: 50px;
}
#conditions .txt h1 {
	text-align: center;
	margin-bottom: 30px;
}
#conditions .txt h4 {
	padding-left: 38px;
	position: relative;
}
#conditions .txt h4 span {
	background-color: #FFF;
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 30px;
	left: 0px;
	top: 48%;
}
#conditions .txt p {padding-left: 38px;}
#conditions .txt .tr {
	border: 1px solid #FFF;
	line-height: 24px;
	max-width: 500px;
	margin-left: 40px;
	position: relative;
}
#conditions .txt .tr.nobt
{
	border-top-style: none;
	border-top-width: 0px;
}
#conditions .txt .tr .td30 {
	float: left;
	width: 26%;
	padding: 2%;
}
#conditions .txt .tr .td70 {
	float: left;
	width: 66%;
	padding: 2%;
}
#conditions .txt .tr span {
	position: absolute;
	height: 100%;
	width: 1px;
	left: 30%;
	top: 0px;
	background-color: #FFF;
}
#conditions .line {
	height: 60px;
	width: 1px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
}


#foundry {
	width: 94%;
	padding-top: 80px;
	padding-bottom: 30px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#foundry .line {
	height: 60px;
	width: 1px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	background-color: #F00;
	margin-top: 20px;
	margin-bottom: 20px;
}
#foundry ul {margin-bottom: 80px;}
#foundry ul li {
	padding-top: 20px;
	padding-bottom: 30px;
	float: left;
	width: 27.3332%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left:1%;
	margin-right:1%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	background-color: #FFF;
}
#foundry ul li:hover
{
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 3px 20px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 3px 20px;
	box-shadow: rgba(0,0,0,0.2) 0px 3px 20px;
}
#foundry ul li p {color: #666;}
#foundry ul li h2 {
	width: 50%;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
#foundry ul.four li {
	padding-top: 20px;
	padding-bottom: 30px;
	float: left;
	width: 21%;
	padding-right: 1%;
	padding-left: 1%;
	margin-left:1%;
	margin-right:1%;
	background-color: #FFF;
}



#support .txt {
	position: absolute;
	width: 100%;
	left: 0%;
	top: 22%;
	text-align: center;
	z-index: 2;
	color: #FFF;
}
#support .txt h1{
	font-size: 60px;
	margin-bottom: 30px;
	line-height: 60px;
}
#support .txt p {
	text-align: left;
	text-indent: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 900px;
}


#s4 {
	width: 96%;
	position: relative;
	padding-top: 100px;
	padding-bottom: 60px;
	background-color: #e6e6e6;
	padding-right: 2%;
	padding-left: 2%;
}
#s4 .box {
	float: left;
	width: 50%;
	margin-bottom: 80px;
}
#s4 .box .int {
	width: 92%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FF0000;
	-webkit-box-shadow: rgba(0,0,0,0.0) 0px 3px 10px;
	-moz-box-shadow: rgba(0,0,0,0.0) 0px 3px 10px;
	box-shadow: rgba(0,0,0,0.0) 0px 3px 10px;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
}
#s4 .box:hover .int {
	-webkit-box-shadow: rgba(0,0,0,0.35) 0px 8px 40px;
	-moz-box-shadow: rgba(0,0,0,0.35) 0px 8px 40px;
	box-shadow: rgba(0,0,0,0.35) 0px 8px 40px;
}
#s4 .box .int img 
{
	display: block;
	transition: all 4s;
	-moz-transition: all 4s;
	-webkit-transition: all 4s;
	-o-transition: all 4s;	
}
#s4 .box:hover .int img 
{
	filter: alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#s4 .box .int .txt {
	padding: 30px;
	padding-bottom:50px;
	color: #888;
	line-height: 24px;
	background-color: #FFF;
}
#s4 .box .int .txt .line {
	height: 2px;
	width: 100px;
	margin-bottom: 15px;
	background-color: #F00;
}
#s4 .box .int .txt h3 {
	font-weight: normal;
	margin-bottom: 8px;
}
#s4 .box .int .txt p {
	height: 72px;
	overflow: hidden;
	position: relative;
}
#info .pd20 span.sp {
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 40px;
}
#info #ckepop {
	height: 25px;
	width: 210px;
	margin-right: auto;
	margin-left: auto;
}


#newifno {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
}
#newifno .int {padding: 80px;background-color: #e8e8e8;}
#newifno .int .border {border: 1px solid #666;}
#newifno .int .border_w{padding:80px;border: 1px solid #fff;}
#newifno .int .border_w img{max-width:100%; height:auto}
#newifno .title {
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}
#newifno .state
{
	margin-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-bottom: 10px;
}
#newifno .state span {
	display: inline-block;
	margin-right: 40px;
	color: #888;
}
#newifno .state em.time
{
	background-image: url(../image/newinfoicon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	height: 16px;
	width: 18px;
	margin-right: 2px;
	margin-bottom:-2px;
}
#newifno .state em.eye
{
	background-image: url(../image/newinfoicon.png);
	background-repeat: no-repeat;
	background-position: -18px 0px;
	display: inline-block;
	height: 16px;
	width: 18px;
	margin-right: 2px;
	margin-bottom:-2px;
}





#jionus {
	width: 94%;
	padding-top: 80px;
	padding-bottom: 100px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: none;
}
#jionus .txt {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	color: #999;
	font-size:15px;
	line-height:26px;
}
#jionus p.sshr {
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff503f;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
	overflow: hidden;
	margin-bottom: 20px;
}
#jionus .inputtext {
	height: 52px;
	width: 29%;
	border: 2px solid #eef4f6;
	background-color: #eef4f6;
	line-height: 54px;
	padding-left: 1%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 30px;
	font-size: 16px;
	color: #777;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: bottom;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;	
}
#jionus .inputtext.mini{width: 20.8%;}
#jionus .inputtext:hover
{
	border: 2px solid #ff0000;
	background-color: #fff;
	color: #444;
}
#jionus .inputtext.onthis {
	border: 2px solid #ff0000;
	background-color: #fff;
}
#jionus #bookbtn {
	height: 46px;
	width:100%;
	max-width: 360px;
	background-color: #cf0000;
	border: none;
	cursor: pointer;
	font-size: 16px;
	line-height: 46px;
	color: #FFF;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#jionus #bookbtn:hover{background-color: #ff0000;}






#faq {
	width: 94%;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
	padding-bottom: 100px;
}
#faq .l {float: left;width: 20%;}
#faq .r {float: left;width: 80%;}
#faq .l a {
	display: block;
	height: 30px;
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 20px;
	position: relative;
}
#faq .l a.onthis{color:#F00;}
#faq .l a span {
	background-color: #CCC;
	overflow: hidden;
	position: absolute;
	height: 2px;
	width: 20%;
	left: 0px;
	bottom: 0px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#faq .l a:hover span {background-color: #ff0000;width: 70%;}
#faq .l a.onthis span {background-color: #ff0000;width: 70%;}
#faq .r .title {
	line-height: 24px;
	padding-left: 30px;
	margin-bottom: 10px;
	font-weight: normal;
	cursor: pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	position: relative;
	padding-top: 4px;
}
#faq .r .title.onthis{color:#F00;}
#faq .r .title span {
	overflow: hidden;
	position: absolute;
	height: 24px;
	width: 24px;
	left: 0px;
	top: 3px;
	background-image: url(../image/fa.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#faq .r .title.onthis span {background-position: -24px 0px;}
#faq .r .it {
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
	height: 0px;
}
#faq .r .it .text {
	background-image: url(../image/fq.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 30px;
	color:#666;
	min-height:30px;
}


#certificates {
	width: 94%;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 100px;
}
#certificates .box
{
	margin-bottom: 50px;
	width: 31.332%;
	padding-left: 1%;
	padding-right: 1%;
	text-align: center;
	float:left;
}
#certificates .box img{display:block; margin-bottom:6px;}


#sos {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 100px;
}
#sos .it {
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
	width: 100%;
	text-align: center;
	overflow: hidden;
}
#sos .it h3{color:#000;}
#sos .it .time{color:#888;}
#sos .it .line {
	background-color: #F00;
	height: 2px;
	width: 180px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#sos .it .nirf {
	width: 100%;
	max-width:1000px;
	margin-right: auto;
	margin-left: auto;
	color: #666;
	margin-bottom: 15px;
}
#sos .it .nirf .img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 10px;
}

#sos a.but {
	border: 1px solid #333;
	color: #333;
	display: block;
	height: 36px;
	width: 170px;
	margin-top: 20px;
	line-height: 36px;
	text-align: center;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	margin-right: auto;
	margin-left: auto;
}
#sos  a.but:hover {background-color:#F00;border: 1px solid #F00; color:#FFF}



#exhibition {
	width: 100%;
	padding-top: 140px;
	padding-bottom: 140px;
	overflow: hidden;
	position: relative;
	background-color: #f6f6f6;
	/*background-image: url(../image/ebg.jpg);
	background-repeat: no-repeat;
	background-position: center center;*/
}
#exhibition .int {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 3;
}
#exhibition .ebg {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	z-index: 1;
}
#exhibition .ibg {
	/*background-image: url(../image/ibg.jpg);*/
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 100%;
	left: 0px;
	bottom: 0px;
	filter: alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#exhibition .box {
	float: left;
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
	background-color: #FFF;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 20px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 20px;
	box-shadow: rgba(0,0,0,0.1) 0px 1px 20px;
}
#exhibition .box img{display:block;}
#exhibition .box .text {
	padding: 20px;
	padding-top: 15px;
	padding-bottom:0px;
	margin-bottom:20px;
	color: #888;
	line-height:20px;
	font-size:13px;
	height:90px;
	overflow:hidden;
	position:relative;
}
#exhibition .box .text a {
	font-size: 15px;
	display: block;
	margin-bottom: 8px;
	max-height:40px;
	position:relative;
	overflow:hidden;
}
#exhibition .box .text .state
{
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
	padding-bottom: 5px;
}
#exhibition .box .text .state span {display: inline-block;margin-right: 20px;}
#exhibition .box .text .state em.time
{
	background-image: url(../image/newinfoicon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	height: 16px;
	width: 18px;
	margin-right: 2px;
	margin-bottom:-2px;
}
#exhibition .box .text .state em.eye
{
	background-image: url(../image/newinfoicon.png);
	background-repeat: no-repeat;
	background-position: -18px 0px;
	display: inline-block;
	height: 16px;
	width: 18px;
	margin-right: 2px;
	margin-bottom:-2px;
}


#ader img {
	display: block;
	position: relative;
	width: 100%;
	left: 0px;
	
}



#thevideo{
	width: 100%;
	background-color: #000;
	position: relative;
	background-image: url(../image/ragbg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
#thevideo .cbox{
	position: relative;
	float: left;
	width: 50%;
	overflow: hidden;
}
#thevideo .in{
	position: relative;
	border: 30px solid #000;
	/*border-image:url(../image/thevideoborderbg.jpg) 30 stretch;*/
}
#thevideo .in img{
	display: block;
	height:auto;
	width: 100%;
	-webkit-box-shadow: rgba(255,255,255,1) 12px 12px 0px;
	-moz-box-shadow: rgba(255,255,255,1) 12px 12px 0px;
	box-shadow: rgba(255,255,255,1) 12px 12px 0px;
	/*	-moz-border-radius: 40px;
	border-radius: 40px;*/
	transform: scale(1,1);
	transition: all 1.5s;
	-moz-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;	
}
/*#thevideo:hover .in img{
	display: block;
	height:auto;;
	width: 100%;
	transform: scale(1.25,1.25);
}*/
#thevideo video{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	left: 0px;
	top: 0px;
	background-color: #000;
	display: none;
}
#thevideo .text{
	width: 80%;
	left: 10%;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	text-align: center;
}
#thevideo .text h1{
	font-size: 50px;
}
#thevideo .play{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -40px;
	margin-top: -40px;
	padding: 15px;
	padding-left: 18px;
	padding-right: 12px;
	background-color: #ff0000;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	z-index: 3;
}
#thevideo .play img{
	display: block;
	width: 50px;
	height: 50px;
}
#thevideo .play span {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	border: 1px solid #ff0000;
	-moz-border-radius: 50%;
	border-radius: 50%;		
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	animation: myplay 2s infinite;
	-moz-animation: myplay 2s infinite;
	-webkit-animation: myplay 2s infinite;
	-o-animation: myplay 2s infinite;	
}
@keyframes myplay
{
0% {opacity: 0.8;transform: scale(1,1);}	
100% {opacity: 0;transform: scale(2,2);}
}
@-moz-keyframes myplay
{
0% {opacity: 0.8;transform: scale(1,1);}	
100% {opacity: 0;transform: scale(2,2);}
}
@-webkit-keyframes myplay
{
0% {opacity: 0.8;transform: scale(1,1);}	
100% {opacity: 0;transform: scale(2,2);}
}
@-o-keyframes myplay
{
0% {opacity: 0.8;transform: scale(1,1);}	
100% {opacity: 0;transform: scale(2,2);}
}

#ivideo{
	position: fixed;
	background-color: #000000;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow: hidden;
	z-index: 9;
	display: none;
}
#ivideo video{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 1;
}
#ivideo .close{
	width: 20px;
	height: 20px;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 10px;
	line-height: 20px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}



@media only screen and (max-width: 1400px)
{
	#nav .nl a.bid{padding-left:15px;padding-right:15px;}
	#ader img {width: 110%;left: -5%;}	
	
	#focus {height: 600px;}
	#focus .swiper-container{height: 600px;}
	#focus .swiper-slide{height: 600px;}	
}
@media only screen and (max-width: 1280px)
{
	body{font: 14px/1.5 Arial,Helvetica,"微软雅黑", "Microsoft YaHei", sans-serif, STXihei, "Microsoft JhengHei;";}
	#nav .int{width: 98%;}
	#nav .nl a.bid{padding-left:10px;padding-right:10px;}
	#searchform {width: 150px;}	
	
	#focus {height: 500px;}
	#focus .swiper-container{height: 500px;}
	#focus .swiper-slide{height: 500px;}
	
	#showbox .int {width: 98%;}
	#i_news .tr{padding-right: 20px;padding-left: 20px;}
	#i_news h1.title{padding-left: 20px;}
	#i_news h1.title a{right: 20px;	font-size: 13px;}
	
	.item .box .text {height: 86%;width: 86%;left: 7%;top: 7%;font-size: 15px;}
	
	#foot {padding-bottom: 40px;}
	#foot .int {width: 98%;}
	
	/*.banner .bg{width: 120%;left:-10%;}*/
	.mbanner .bg{width: 120%;left: -10%;}
	#company .txt h1{font-size: 40px;margin-bottom: 30px;line-height: 40px;}
	#service .txt h1{font-size: 40px;margin-bottom: 30px;line-height: 40px;}
	#support .txt h1{font-size: 40px;margin-bottom: 30px;line-height: 40px;}
	
	#products h1 {top: 40%;font-size:40px;}
	#news h1 {top: 40%;font-size:40px;}
	
	#four .int{width: 98%;}
	
	#book .int {padding: 2%;width: 96%;}	
	#map {height:600px;}
	

	#info {width: 98%;}
	#info h3.title {font-size: 17px;}
	#info .ibox {height: 600px;}
	#info .tbox {height: 600px;}
	#info .tbox .pd60 {padding: 40px;}
	#icon {width: 98%;padding-top:50px;}
	#labal {width: 98%;}
	#labal .int {padding: 25px;line-height: 24px;}
	#labal .int strong {margin-right:12px;}
	#labal .int a{margin-right:12px;}
	
	#idesigner {width: 98%;margin-bottom: 50px;margin-top:50px;}
	
	.showbox {width: 98%;margin-bottom: 50px;}
	
	#faq {width: 98%;padding-top: 80px;padding-bottom: 80px;}
	#certificates {width: 98%;padding-top: 30px;padding-bottom: 80px;}
	
	#sos {padding-bottom: 80px;}
	#sos .it {padding-top: 40px;padding-bottom: 40px;}
	
	#exhibition {padding-top: 100px;padding-bottom: 100px;}
	#exhibition .int {width: 100%;}
	#ader img {width: 120%;left: -10%;}	
	
	
	#thevideo .cbox{float: none;width: 100%;}
	#thevideo .in{border: 25px solid #ff0000;border-image:url(../image/thevideoborderbg.jpg) 25 stretch;}
}
@media only screen and (max-width: 1000px)
{
	body{font: 13px/1.4 Arial,Helvetica,"微软雅黑", "Microsoft YaHei", sans-serif, STXihei, "Microsoft JhengHei;";}
	#nav .mbtn{display:block}
	#nav .nl {display:none;}
	#nav .line {display:none;}
	#searchform {display:none;}
	#language {display:none;}
	#focus {height: 400px;}
	#focus .swiper-container{height: 400px;}
	#focus .swiper-slide{height: 400px;}
	
	#showbox {height: 1240px;padding-top: 50px;padding-bottom: 50px;}
	#showbox .int {height: 1240px;width: 98%;}
	#showbox .box {width: 50%;}
	#showbox .box.p50 {width: 100%;}
	#shbox1{top:140px !important;}
	#shbox2{float:right !important;}
	#shbox3{top:140px !important;}
	
	
	#flash {padding-top: 40px;height: 570px;}
	#flash h1 {width: 98%;}
	#flash .tbox {height: 300px;padding-top: 20px;}
	
	.item.ir{width:100%;padding-left:0%;}
	.item.il{width:100%;padding-right:0%;}
	.item img{display:block;width:100%;}
	.item .ibox img.ondown{display:block;}
	.item .box{position:relative;height:auto;width:92%; padding:4%;}
	.item .box .text {position:relative;height:auto;width:auto;padding:0px;top:0%;left:0%;padding-top:20px;padding-bottom:20px; font-size: 13px;}
	.item .box .text p {color: #666; line-height:18px;}
	.item  a.but {height: 30px;width: 150px;margin-top: 10px;line-height: 30px;	}
	
	#foot a.bid { line-height:30px;}
	#foot .box {position: relative;width: 100%;top: 15px;right: 0px;}
	#foot .box .it{margin-left:0%;margin-right:2%; float:left}
	#foot .box .it img{display:block; margin-bottom:5px;}
	#foot img.sns {margin-right:10px;}
	#foot .bar {position:relative;}
	#foot .bar a.bid {margin-left:0px;margin-right:20px;}
	
	/*.banner .bg{width: 160%;left:-30%;}*/
	.mbanner .bg{width: 160%;left: -30%;}
	#company .txt h1{font-size: 30px;margin-bottom: 20px;line-height: 30px;}
	#company .txt {top:16%;}
	#service .txt h1{font-size: 30px;margin-bottom: 20px;line-height: 30px;}
	#support .txt {top: 16%;}
	#support .txt h1{font-size: 30px;margin-bottom: 20px;line-height: 30px;}
	
	#products h1 {top: 40%;font-size:36px;}
	#news h1 {top: 40%;font-size:36px;}
	
	#four {height: 480px;padding-top: 100px;padding-bottom: 100px;}
	#four .it {width: 46%;padding-right: 2%;padding-left: 2%;height:240px}
	#four .it img {margin-bottom: 20px;}
	#four .line {display:none;}
	
	.webmore {bottom: 50px;}
	
	.probox {width: 50%;}
	.probox .txt {bottom: 0px;}
	.probox .txt a{font-size:16px;}
	.probox .txt span {top: 25px;}
	
	#info h3.title {font-size: 16px;}
	#info .infoclass {line-height: 20px;}
	#info .infoclass a {padding-left:6px; padding-right:6px;}
	#info .int .l {width: 100%;}
	#info .r {position:relative;border-left-width: 0px;height:auto;width: 100%;}
	#info .r .pd20 {padding: 0px;height:auto;text-align:left;}
	#info .pd20 span.sp {margin-right: 20px;margin-left: 0px;}
	#info #ckepop {margin-right:inherit;margin-left: inherit; width:100%;}
	
	#info .ibox {width:100%; height:auto;float:none; padding-bottom:0px;}
	#info .ibox .com {padding-top: 6px;padding-bottom: 0px; bottom:0px;}
	#info .ibox .com img {border: 2px solid #000;width:60px;}
	#info .ibox .com img.onthis {border: 2px solid #F00;}
	#info .tbox {width: 100%;height:auto;}
	#info .tbox .pd60 {padding: 30px;}
	#info .tbox .pd60 p {padding-left: 28px;line-height: 20px;height: 20px;margin-bottom: 10px;}
	#info .tbox .pd60 p img {max-width:20px;}
	#info .ibox .quantity {left: 20px;top: 20px;}
	#icon {width: 98%;padding-top:40px;}
	#icon .box{width: 25%;height: 160px;}
	
	#labal {width: 98%;}
	#labal .int {padding: 20px;line-height: 20px;}
	#labal .int strong {margin-right:8px;}
	#labal .int a{margin-right:8px;}

	
	
	#business {width: 98%;padding-top:50px;}
	#business ul {margin-bottom: 50px;}
	#business ul li {float:none;width: 90%;margin-left:3%;margin-right:3%; margin-bottom:20px;}
	
	#conditions {padding-top: 80px;padding-bottom: 80px;}
	#conditions .int{width: 98%;}
	#conditions .txt {padding: 50px;}
	#conditions .txt h1 {margin-bottom: 20px;}
	#conditions .txt h4 {padding-left: 28px;}
	#conditions .txt h4 span {width: 20px;}
	#conditions .txt p {padding-left: 28px;}
	#conditions .txt .tr {margin-left: 28px;}
	
	#foundry {width: 98%;padding-top: 50px;}

	#foundry ul {margin-bottom: 50px;}
	#foundry ul li {float:none;width: 90%;margin-left:3%;margin-right:3%; margin-bottom:20px;}
	#foundry ul.four li {float:none;width: 90%;margin-left:3%;margin-right:3%; margin-bottom:20px;}
	
	#s4 {padding-top: 60px; padding-bottom:20px;}
	#s4 .box {float:none;width: 84%;margin-left:auto;margin-right:auto;margin-bottom: 50px;}
	#s4 .box .int {width:100%;}
	#s4 .box .int .txt {padding: 20px;padding-bottom:40px;line-height: 22px;}
	#s4 .box .int .txt .line {margin-bottom: 10px;}
	#s4 .box .int .txt p {height: 66px;}
	
	#jionus .inputtext {width: 45%;}
	#jionus .inputtext.mini{width: 45%;}
	
	.newbox {width: 50%;}
	.newbox .bg {bottom: 0px;background-image: linear-gradient(to bottom, rgba(255,0,0,0) 0%, rgba(255,0,0,0.9) 100%);	}
	.newbox .txt div {bottom: 20px;filter: alpha(Opacity=100);-moz-opacity:1;opacity:1;	}
	.newbox .txt div span {bottom: 0px;	}
	
	#newifno {width: 96%;}
	#newifno .int {padding: 30px;}
	#newifno .int .border_w{padding:30px;}
	.newclass.newinfo{padding-top:20px;padding-bottom:20px;}
	#newifno .state span {margin-right: 30px;}
	#newifno .title {font-size: 15px; line-height:17px;}
	
	
	#map {height:500px;}
	
	#contact .txt {width: 92%;left: 4%;top: 8%;font-size: 15px;}
	#contact .txt .it {margin-bottom:10px;}
	#contact .txt .it .l {float:none;width: 100%;padding-right: 0%;text-align:center;}
	#contact .txt .it .r {width: 100%;float: none;padding-left: 0%;text-align:center}
	#inquiry {padding-top: 70px;padding-bottom: 70px;}
	#inquiry .box {padding: 20px;}
	#focus .swiper-container .swiper-button-next,#focus .swiper-container .swiper-button-prev{display:none;}
	
	
	
	#idesigner {width: 98%;margin-bottom: 40px;margin-top:40px;}
	#idesigner .title {height: 40px;line-height:40px;}
	#idesigner .title a.tag {height: 40px;width: 130px;font-size: 15px;line-height:40px;}
	#idesigner .title a.tag.onthis {height: 44px;top: -4px;line-height: 44px;}
	#idesigner .int {padding: 10px;}
	
	.showbox {margin-bottom: 50px;}
	.showbox .title {height: 40px;line-height: 40px;}
	.showbox .title h3{padding-left:10px;}
	.showbox .title a.more{width: 90px;}
	
	#comment .cbox{padding:10px; padding-top:20px;}
	
	#faq {width: 98%;padding-top: 60px;padding-bottom: 60px;}
	#faq .l {float:none;width: 100%; text-align:center; padding-bottom:20px;}
	#faq .r {float:none;width: 100%;}
	#faq .l a {display: inline-block;padding-left:10px;padding-right:10px;height: 30px;font-size: 16px;line-height: 30px;margin-bottom: 10px;}
	#faq .l a span {width: 20%;left: 40%;transition: all 0.5s;}
	#faq .l a:hover span {background-color: #ff0000;width: 70%;left:15%;}
	#faq .l a.onthis span {background-color: #ff0000;width: 70%;left:15%;}
	
	#certificates {width: 98%;padding-top: 20px;padding-bottom: 60px;}
	#certificates .box{margin-bottom: 40px;width: 48%;padding-left: 1%;padding-right: 1%;}
	
	#sos {padding-top: 30px;padding-bottom: 60px;}
	#sos .it {padding-top: 30px;padding-bottom: 30px;}	
	#sos  a.but {height: 30px;width: 150px;margin-top: 10px;line-height: 30px;	}

	#exhibition {padding-top: 60px;padding-bottom: 60px;}
	#exhibition .box {width: 48%;margin-right: 1%;margin-left: 1%; margin-bottom:20px}
	#exhibition .box .text {padding: 15px;padding-bottom:0px;margin-bottom:20px;line-height:18px;height:132px;}
	#exhibition .box .text a {font-size: 14px;max-height:36px;}
	#exhibition .box .text .state span {margin-right: 10px;}
	
	#ader img {width: 130%;left: -15%;}	
	

	#thevideo .cbox{float: none;width: 100%;}
	#thevideo .in{border: 20px solid #ff0000;border-image:url(../image/thevideoborderbg.jpg) 20 stretch;}
}
@media only screen  and (max-width: 600px)
{
	#focus {height: 250px;}
	#focus .swiper-container{height: 250px;}
	#focus .swiper-slide{height: 250px;}
		
	#showbox {height:1780px;padding-top: 50px;padding-bottom: 50px;}
	#showbox .int {height: 1780px;width: 98%;}
	#showbox .box {width: 100%;}
	#showbox .box.p50 {width: 100%;}
	#shbox1{top:0px !important;}
	#shbox2{float:right !important;}
	#shbox3{top:0px !important;}
	#i_news .tr{padding-right:7px;padding-left:7px;}
	#i_news h1.title{padding-left:7px; padding-top:10px;}
	#i_news h1.title a{right:7px;font-size:12px;top:10px;}
	#i_news .time {padding-left:2%;padding-right:2%;width: 21%;}
	#i_news .tr .text {padding-left:2%;width: 73%;}
	
	
	#flash {padding-top: 30px;height: 540px;}
	#flash .swiper-container{height: 470px;}
	#flash .ibox {height: 200px;width: 100%;}
	#flash .tbox {height: 250px;width: 100%;padding-top: 20px;text-align:center;}
	#flash .tbox h2 {margin-bottom: 10px;}
	#flash .tbox a.but {margin-left:auto;margin-right:auto;margin-top:10px;}
	
	/*.banner .bg{width:280%;left:-90%;}*/
	.mbanner .bg{width:280%;left: -90%;}
	#company .txt {width: 96%;left: 2%;top: 5%; line-height:20px}
	#service .txt {width: 96%;left: 2%;top: 16%;}
	#support .txt {width: 96%;left: 2%;top: 16%;}


	#products h1 {font-size:24px;}
	#news h1 {font-size:24px;}

	#four {height:auto;padding-top:70px;padding-bottom:70px;}
	#four .it {width: 96%;padding-right: 2%;padding-left: 2%;}
	
	.webmore {bottom: 20px;}
	
	.probox {width: 100%;}
	
	#conditions .txt {padding: 15px;}
	#conditions .txt h1 {margin-bottom: 10px;}
	

	#s4 .box {float:none;width:100%;}
	#s4 .box .int .txt {padding: 10px;padding-bottom:30px;line-height: 20px;}
	#s4 .box .int .txt .line {margin-bottom: 7px;}
	#s4 .box .int .txt p {height: 60px;}
	
	#jionus .inputtext {width: 95%;	margin-bottom: 10px;}
	#jionus .inputtext.mini{width: 95%;}
	
	.newbox {width: 100%;}
	
	#newifno {width: 98%;}
	#newifno .int {padding: 10px; padding-top:20px; padding-bottom:30px;}
	#newifno .int .border_w{padding:10px; padding-top:10px; padding-bottom:30px;}
	.newclass.newinfo{padding-top:15px;padding-bottom:15px;}
	#newifno .state span {margin-right: 20px;}
	#newifno .title {font-size: 14px;}
	
	
	#book p.box {width: 96%;margin-bottom: 10px;}
	#map {height:400px;}
	
	#contact .txt {width: 94%;left: 3%;top: 5%;font-size: 13px;}
	#contact .txt .it {margin-bottom:6px;}
	#contact .txt .it .r h2{font-size:15px;line-height:17px;}
	
	#inquiry {padding-top: 50px;padding-bottom: 50px;}
	#inquiry .box {padding: 20px; display:block}
	
	#info {padding-top:20px;}
	#info .ibox {width:100%; height:auto;float:none;}
	#info .ibox .com img {border: 1px solid #000;width:50px;}
	#info .ibox .com img.onthis {border: 1px solid #F00;}
	#info .tbox {width: 100%;height:auto;}
	#info .tbox .pd60 {padding: 15px;}
	#info .tbox .pd60 p {padding-left: 28px;line-height: 20px;height: 20px;margin-bottom: 10px;}
	#info .tbox .pd60 p img {max-width:20px;}
	#info .ibox .quantity {left: 10px;top: 10px;}
	#icon {width: 98%;padding-top:30px;}
	#labal .int {padding: 15px;}
	
	
	#icon .box{width: 33.33332%;height: 160px;}
	
	#idesigner {width: 98%;margin-bottom: 30px;margin-top:30px;}
	#idesigner .title {height: 40px;line-height:40px;}
	#idesigner .title a.tag {height: 40px;width: 80px;font-size: 12px;line-height:40px;}
	#idesigner .title a.tag.onthis {height: 44px;top: -4px;line-height: 44px;}
	#idesigner .int {padding: 5px;}
	
	.showbox {margin-bottom: 30px;}
	
	#comment .cbox{padding:5px; padding-top:10px;}
	
	#faq {width: 98%;padding-top: 40px;padding-bottom: 40px;}
	#faq .l a {font-size: 15px;}
	
	#certificates .box{margin-bottom: 30px;width: 98%;padding-left: 1%;padding-right: 1%;}

	#sos {padding-bottom: 40px;}
	#sos .it {padding-top: 20px;padding-bottom: 20px;}		
	
	#exhibition {padding-top: 30px;padding-bottom: 30px;}
	#exhibition .box {width:98%;margin-right: 1%;margin-left: 1%;}
	#exhibition .box .text {padding: 10px;padding-bottom:0px;margin-bottom:20px;line-height:18px;height:132px;}
	
	#ader img {width: 140%;left: -20%;}	
	

	#thevideo .cbox{float: none;width: 100%;}
	#thevideo .in{border: 10px solid #ff0000;border-image:url(../image/thevideoborderbg.jpg) 10 stretch;}
}



.tablediv
{
	width:100%;
	overflow:hidden;
	overflow-x:auto;
	position:relative;
	padding-bottom:30px;
}
.table{background-color:#333; width:100%;font-size:12px; min-width:1200px; margin-bottom:40px}
.table td{background-color:#FFFFFF;padding:5px;height:40px;word-wrap:break-word;word-break:break-all;vertical-align: middle;}
.table tr.tdh td{background-color:#993366;color:#FFFFFF;}
.table td.tdl{background-color:#efefef; min-width:20%;}



#bigimagebox {
	overflow: hidden;
	position: fixed;
	z-index: 9;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	display: none;
	filter: alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;	
}
#bigimagebox .bg {
	background-color: #000;
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;	
}
#bigimagebox .com {
	overflow: hidden;
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}
#bigimagebox .com img
{
	position: absolute;
	z-index: 2;
	height: auto;
	width: auto;
	left: 0px;
	top: 0px;
	display:none;	
}
#bigimagebox .com img.onthis{display:block; cursor:move}
#bigimagebox .close {
	background-image: url(../image/close_big.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 40px;
	width: 40px;
	cursor: pointer;
	z-index: 9;
	position: absolute;
	top: 20px;
	right: 20px;
	overflow:hidden;
}
#bigimagebox .close:hover {
	background-image: url(../image/close_big.png);
	background-repeat: no-repeat;
	background-position: -40px 0px;
	height: 40px;
	width: 40px;
}
#bigimagebox ul {
	text-align: center;
	position: absolute;
	height: 10px;
	width: 100%;
	left: 0px;
	bottom: 40px;
	z-index:8;
}
#bigimagebox ul li {
	background-color: #000;
	display: inline-block;
	height: 10px;
	width: 60px;
	margin-right: 5px;
	margin-left: 5px;
	cursor: pointer;
	overflow: hidden;
	text-indent: 1999px;	
}
#bigimagebox ul li.onthis {background-color: #ff3c00;}


#search
{
	position: absolute;
	width: 100%;
	top: 30%;	
}
#searchbigform
{
	display: block;
	height: 40px;
	width: 100%;
	width:96%;
	max-width: 500px;
	border: 2px solid #000;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	margin-right: auto;
	margin-left: auto;
	background-color: #000;
}
#searchbigform:hover{border: 2px solid #ff0000;}
#searchbigform .searchtxt {
	height: 40px;
	width: 100%;
	line-height: 36px;
	padding-left: 10px;
	border: none;
}
#searchbigform .searchbut {
	height: 46px;
	border: none;
	background-color: #000;
	width: 20%;
	position: absolute;
	top: -2px;
	right: -3px;
	color: #FFF;
	line-height:46px;
	cursor:pointer;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family: "微软雅黑", Helvetica, Arial, "Microsoft YaHei", sans-serif, STXihei, "Microsoft JhengHei;";
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
#searchbigform:hover .searchbut{background-color: #ff0000;}