/* transition */
.trans {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);

	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter: gray;
}
@font-face {
	font-family: dinMedium;
	src: url("../fonts/DIN-Medium.otf");
}
@font-face {
	font-family: dinLight;
	src: url("../fonts/DIN-Light.otf");
}
@font-face {
	font-family: dinLightAlternate;
	src: url("../fonts/DIN-LightAlternate.otf");
}
@font-face {
	font-family: dinBlack;
	src: url("../fonts/DIN-Black.otf");
}
/* base */
.bc {
	margin: 0 auto;
}
.rel {
	position: relative;
}
.abs {
	position: absolute;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.dn {
	display: none;
}
.db {
	display: block;
}
.f-18 {
	font-size: 18px;
}
.f-24 {
	font-size: 24px;
}
.f-30 {
	font-size: 30px;
}
.progressBar {
	width:200px;
	height:5px;
	background-color:#c3c3c3;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-100px;
	display:none;
}
.progressBar .line {
	position:absolute;
	width:0;
	height:5px;
	background-color:#ff0000;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
body {
	background: url("../images/main_bg.png") repeat 0 0;
}
.wrapper {
	width:974px;
	margin: 0 auto;
	line-height: 1.5;
	font-family: "microsoft yahei";
}
/* header */
header {
	height: 75px;
	background-color: #fff;
}
header .wrapper {
	height: 75px;
	background-color: #fff;
}
header .logo {
	position: absolute;
	left: 0;
	top: 38px;
	font-family: "dinMedium", "microsoft yahei";
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	z-index:1;
}
header .logo a {
	height: 30px;
	padding-left: 110px;
	padding-top: 1px;
	display: block;
	background: url("../images/header_logo.png") no-repeat 0 0;
	color: #000000;
}
header .header-nav {
	position: relative;
	top: 43px;
}
header .header-menu {
	display: none;
}
header .nav-list {
	float:right;
}
header .nav-item {
	float: left;
	margin-right: 30px;
}
header .nav-item a {
	display: block;
	height: 32px;
	line-height: 32px;
	font-family: "dinMedium", "microsoft yahei";
	text-transform: uppercase;
	color: #282524;
}
header .nav-item a:hover,
header .nav-item.current a {
	color: #e60012;
}
header a.lang {
	color: #282524;
	height: 32px;
	line-height: 32px;
	font-family: "dinMedium", "microsoft yahei";
	float:right;
	text-transform: uppercase;
	font-size: 12px;
}
header a.lang:hover {
	color: #e60012;
}
.header-index {
}
.header-work .item-work a,
.header-client .item-client a,
.header-profile .item-profile a,
.header-services .item-services a,
.header-viewpoint .item-viewpoint a,
.header-contact .item-contact a {
	color: #e60012;
}
/* main */
main {
	padding: 20px 0 10px;
	border-top: 1px solid #000000;
}
footer {
	border-top: 1px solid #000000;
	font-family: "Verdana", "microsoft yahei";
	background-color: #fff;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:100;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
footer .wrapper {
	font-size: 10px;
	line-height:16px;
	height:16px;
	padding: 8px 0;
	background-color:#fff;
}
/* box
1: 72px
2: 154px
3: 236px
4: 318px
6: 482px;
7: 564px;
8: 646px;
12:974px;
 */
box-container {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#box-container .box img {
	visibility:hidden;
}
#box-container #map-baidu img {
	visibility:visible;
	
}
#box-side {
	margin-right:10px;
}
#box-data {
	display: none;
}
.box,
.box-stamp,
.box-sub {
	background-color: #fff;
	margin-bottom: 10px;
	color: #282524;
	font-family: "dinLight", "microsoft yahei";
	line-height: 24px;
	overflow: hidden;
	position: relative;/*cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
}
.box-mask a {
	background:#fff;
	height:100%;
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index:2;
	cursor:default;
}
.box-mask img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.box-mask a:hover {
	opacity:0.2;
	-moz-opacity:0.2;
	-webkit-opacity:0.2;
	filter:alpha(opacity=20);
}
.box-hover span {
	display:none;
	position: absolute;
	bottom: 5px;
	z-index: 1;
	font-size: 12px;
	padding: 0 10px;
	line-height: 1.5;
	color: #fff;
}
.box-hover:hover span {
	display:block;
}
/*.box-hover a .hover-img {
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	top:0;
	left:0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.box-hover a:hover .hover-img {
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	filter:alpha(opacity=100);
}*/
.box-11 {
	width: 72px;
	height: 72px;
	overflow: hidden;
}
.box-22 {
	width: 154px;
	height: 154px;
	overflow: hidden;
}
.box-40 {
	width: 318px;
	overflow: hidden;
}
.box-42 {
	width: 318px;
	height: 154px;
	overflow: hidden;
}
.box-44 {
	width: 318px;
	height: 318px;
	overflow: hidden;
}
.box-48 {
	width: 318px;
	height: 646px;
	overflow: hidden;
}
.box-412 {
	width: 318px;
	height: 974px;
	overflow: hidden;
}
.box-416 {
	width: 318px;
	height: 1302px;
	overflow: hidden;
}
.box-64 {
	width: 482px;
	height: 318px;
	overflow: hidden;
}
.box-80 {
	width: 646px;
	overflow: hidden;
}
.box-82 {
	width: 646px;
	height: 154px;
	overflow: hidden;
}
.box-84 {
	width: 646px;
	height: 318px;
	overflow: hidden;
}
.box-86 {
	width: 646px;
	height: 482px;
	overflow: hidden;
}
.box-812 {
	width: 646px;
	height: 974px;
	overflow: hidden;
}
.box-124 {
	height: 974px;
	height: 318px;
	overflow: hidden;
}
/*@media only screen and (min-width:1242px) {
.index-con .wrapper {
	width: 1242px;
}
}
@media only screen and (min-width:1024px) and (max-width:1241px) {
.box-outer {
	display: none;
}
}

@media only screen and (max-width:640px) {
.box-outer {
	display: none;
}
.box-inner {
	display: none;
}
.box-hover {
	display:none;
}
body {
	position: relative;
	font-family: "微软雅黑";
	height: 100%;
}
.wrapper {
	width: 640px;
}
header .logo {
	top: 20px;
}
header .header-menu {
	width:32px;
	height:32px;
	display:block;
}
header .nav-list {
	position:absolute;
	top:33px;
	left:0;
	width:640px;
	background-color:#fff;
	z-index:10;
	display:none;
}
header .nav-item {
	float:none;
}
}
*/