@charset "utf-8";

/* CSS Document */



body, ol, ul, li, table, tr, td, dt, dd, dl, p, h1, h2, h3, h4, h5, h6, form, input, select, textarea {

	margin:0;

	padding:0;

	font-family: "MS Serif", "New York", Microsoft YaHei;

	font-weight:normal;

}

body {

	font-size:12px;

	color:#030303;

	margin:0;

	padding:0;

}

input, button, select, textarea {

	outline:none

}

html {

	overflow-x:hidden;

}

a img {

	border:none;

	display:block;

}

li {

	list-style-type:none;

}

a {

	text-decoration:none;

	color:#000;

}

input {

	vertical-align:middle;

	font-family:"微软雅黑"

}

table {

	border-collapse:collapse;

	font-family:"微软雅黑";

}

a:hover {

	cursor:pointer;

}

a, area {

blr:expression(this.onFocus=this.blur())

} /* for IE */

:focus {

	-moz-outline-style: none;

} /* for Firefox */

a {

	outline:none;

} /* for FF Chrome */

.clear {

	clear:both;

}

img {

	display:block;

}

textarea {

	resize:none;

}

p img {

	display:inline;

}

b {

	font-weight:500;

	font-family:"Arial";

}

/*翻页*/



.page {

	height:23px;

	padding-top:46px;

	text-align:center;

	clear:both;

	background:#FFF;

}

.page a {

	color:#333;

	width:15px;

	height:21px;

	line-height:21px;

	text-align:center;

	display:inline-block;

}

.page a:hover {

	color:#f26f03;

	text-decoration:underline;

}

.page .hover {

	color:#f26f03;

	text-decoration:underline;

}

.page .up {

	width:64px;

	text-align:center;

	height:23px;

	line-height:23px;

	font-size:12px;

	font-family:"微软雅黑", "Arial";

	color:#333;

	background:#e5e5e5;

	display:inline-block;

	margin-right:10px;

}

.page .up:hover {

	background:url(../images2/pu_47.jpg) no-repeat;

	color:#FFF;

	text-decoration:none;

}

.page .next {

	width:64px;

	text-align:center;

	height:23px;

	line-height:23px;

	font-size:12px;

	font-family:"微软雅黑", "Arial";

	color:#333;

	background:#e5e5e5;

	display:inline-block;

	margin-left:10px;

}

.page .next:hover {

	background:url(../images2/pu_47.jpg) no-repeat;

	color:#FFF;

	text-decoration:none;

}

#metop {

	width:100%;

	background:#fff;

	position:fixed;

	top:0;

	z-index:999;

	

	border-bottom:1px solid #f2f2f2;

}

#metop2 {

	width:100%;

	background-color:rgba(0,0,0,0.25);

	position:fixed;

	top:-126px;

	height:86px;

	z-index:999;

/*	border-bottom:1px solid #000;*/

}

#header {

	min-height:86px;

	width:100%;

	min-width:320px;

	margin:0 auto;

	position:relative;

}

#header .logo {

	margin-top:25px;

}

#header2 {

	min-height:86px;

	width:100%;

	min-width:320px;

	margin:0 auto;

	position:relative;

}

.head_left {

	float:left;

	padding-left:30px;

	padding-top:15px;

}

.head_right {

	float:right;

	height:34px;

	width:34px;

	margin-right:30px;

	background:url(../images2/nv.png) no-repeat 14px 34px;

	margin-top:20px;

	position:relative;

	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	cursor:pointer;

}

.head_right.toggle {

	transform: rotate(90deg)

}





a.open_menu {

	background-color: #fff;

	display: block;

	height: 4px;

	margin-top: -2px;

	position: relative;

	top: 50%;

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	width: 100%;

}

.head_right:hover a.open_menu:before {

	transform: translateY(-2px) rotate(0deg);

}

.head_right:hover a.open_menu:after {

	transform: translateY(2px) rotate(0deg);

}

.toggle:hover a.open_menu:before {

	transform: translateY(0px) rotate(-55deg);

}

.toggle:hover a.open_menu:after {

	transform: translateY(0px) rotate(55deg);

}

a.open_menu:after, a.open_menu:before {

	background-color: #fff;

	content: "";

	display: block;

	height: 4px;

	left: 0;

	position: absolute;

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	width:100%;

}

a.open_menu:after {

	top:10px;

}

a.open_menu:before {

	top:-10px;

}

.toggle a.open_menu:after, .toggle a.open_menu:before {

	top: 0;

}

.toggle a.open_menu:before {

	transform: translateY(0px) rotate(-45deg)

}

.toggle a.open_menu:after {

	transform: translateY(0px) rotate(45deg);

}

.toggle a.open_menu {

	background-color: transparent !important;

}



.nav_top a.open_menu:after, .nav_top a.open_menu:before{ background-color:#fff;}











#header .common {

	min-width:1040px;

	padding:0 10px;

	margin: 0 auto;

	position: relative;

	min-height:86px;

}

#header .common .logos {

	float:left;

	margin-top:15px;

	margin-left:20px;

}

#header .common .navs {

	display:inline;

	float:right;

	padding-top:45px

}

#header .common .navs ul li {

	float:right;

	width:90px;

	height:40px;

	/*padding-left:12px;*/

}

#header .common .navs ul li a {

	font-size:16px;

	font-family:"微软雅黑", "Arial";

}

#header .common .pull_down {

	float:right;

	display:none;

	position:absolute;

	right:10px;

	top:85px;

	width:100%;

	height:195px;

}

#header .common .pull_down ul li {

	float:right;

	width:102px;

}

#header .common .pull_down ul li p {

	height:30px;

	background:url(../images2/pull_down_05.jpg) left no-repeat;

	padding-left:12px;

	width:103px;

	line-height:30px;

}

#header .common .pull_down ul li p a {

	font-size:12px;

	color:#737373;

	font-family:"微软雅黑", "Arial";

}

#header .common .pull_down ul li p a:hover {

	color:#9a73af;

	text-decoration:underline;

}

#nav {

	position:fixed;

	top:0;

	width:0;

	width:100%;

	height:100%;

	background:#282828;

	z-index:9999;

	display:none;

}

.nav_top {

	width:100%;

}

.nav_main {

	max-width:1040px;

	height:514px;

	margin:0 auto;

	position:relative;

	top:50%;

	margin-top:-300px;

	display:table;

}

.nav_main h1 {

	color:#fff;

	font-size:48px;

	clear:both;

	padding-left:10px;

	font-style:italic;

}

.nav_main ul {

	width:100%;

	padding-top:80px;

	display:table;

}

.nav_main ul li {

	width:26%;

	height:130px;

	padding-left:76px;

	float:left;

	color:#fff;

}

.nav_main ul li a {

	font-size:18px;

	color:#fff;

}

.nav_main ul li h2 {

	height:50px;

	line-height:50px;

	font-size:15px;

}

.nav_main ul li h2 a em {

	color:#949494;

	margin-left:20px;

	font-size:12px;

	font-style:normal;

	font-family:Verdana, Geneva, sans-serif;

}

.nav_main ul li div a {

	color:#dbdbdb;

	display:block;

	line-height:22px;

	font-size:12px;

}

.nav_main ul li div a:hover {

	color:#fff;

}

.nav_main ul li.homes {

	background:url(../images2/homes.png) no-repeat 10px 12px;

}

.nav_main ul li.services {

	background:url(../images2/services.png) no-repeat 10px 12px;

}

.nav_main ul li.cases {

	background:url(../images2/cases.png) no-repeat 10px 12px;

}

.nav_main ul li.abouts {

	background:url(../images2/abouts.png) no-repeat 10px 12px;

}

.nav_main ul li.news {

	background:url(../images2/news.png) no-repeat 10px 12px;

}

.nav_main ul li.Advantages {

	background:url(../images2/Advantages.png) no-repeat 10px 12px;

}

.nav_main ul li.Experiences {

	background:url(../images2/tiyans.png) no-repeat 10px 12px;

}

.nav_main ul li.Jobs {

	background:url(../images2/jobs.png) no-repeat 10px 12px;

}

.nav_main ul li.Contacts {

	background:url(../images2/contacts.png) no-repeat 10px 12px;

}

.nav_main ul li div a:after {

	-webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

	transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.nav-toggle {

	background-color: #fff;

	position: fixed;

	-webkit-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	transform: rotate(0deg);

	-webkit-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

	cursor: pointer;

	border-radius: 50%;

	width: 36px;

	height: 36px;

	top: 15px;

	right: 13px;

	z-index: 30;

	overflow: hidden;

}

.nav-toggle span {

	width: 16px;

	display: block;

	height: 2px;

	position: absolute;

	left: 10px;

	background-color: #24252f;

	opacity: 1;

	-webkit-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	transform: rotate(0deg);

	-webkit-transition: 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);

	transition: 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

 .nav-toggle span:nth-child(1) {

 top: 13px;

}

 .nav-toggle span:nth-child(2) {

 top: 18px;

}

 .nav-toggle span:nth-child(3) {

 top: 23px;

}

 .nav-toggle.close span:nth-child(1) {

 top: 18px;

 -webkit-transform: rotate(135deg);

 -ms-transform: rotate(135deg);

 transform: rotate(135deg);

}

 .nav-toggle.close span:nth-child(2) {

 opacity: 0;

 left: -30px;

}

 .nav-toggle.close span:nth-child(3) {

 top: 18px;

 -webkit-transform: rotate(-135deg);

 -ms-transform: rotate(-135deg);

 transform: rotate(-135deg);

}





a.logo_menu {

	margin-top:21px;

	display:inline-block;

	margin-left:31px;

}

a.close_menu {

	width:50px;

	height:48px;

	display:inline-block;

	margin-top:20px;

	background:url(../images2/close.png) no-repeat;

	float:right;

	margin-right:30px;

	-moz-transition:-moz-transform 0.5s; /* Firefox 4 */

	-webkit-transition: -webkit-transform 0.5s; /* Safari and Chrome */

	-o-transition: -o-transform 0.5s; /* Opera */

}

a.close_menu:hover {

	-moz-transform:rotate(90deg); /* Firefox 4 */

	-webkit-transform:rotate(90deg); /* Safari and Chrome */

	-o-transform:rotate(90deg); /* Opera */

}

/*#footer{width:100%;height:100px; background:#222324;overflow:hidden;}



#footer .foot{width:1180px;height:100px; margin:0 auto;}



#footer .foot .affiliated{width:11620;padding-top:23px; padding-left:18px;}



#footer .foot .affiliated a{color:#cecece; margin-right:41px; font-size:13px;font-family:"微软雅黑","Arial";}



#footer .foot .affiliated a:hover{color:#FFF;}



#footer .foot .affiliated .sina{width:22px;height:17px; background:url(../images2/sina_46.jpg) no-repeat; display:inline-block;}



#footer .foot .affiliated .sina:hover{background:url(../images2/sina_45.jpg) no-repeat;}



#footer .foot .affiliated span{color:#8e8e8e; font-size:12px;font-family:"微软雅黑","Arial";}



#footer .foot .icp{width:11620;padding-top:20px; padding-left:18px;}



#footer .foot .icp p{color:#8e8e8e; font-size:12px;font-family:"微软雅黑","Arial";}



#footer .foot .icp p span{padding-left:108px;}



*/







.browser-mask {

	position: fixed;

	_position: absolute;

	left: 0;

	top: 0;

	z-index: 99999999999;

	width: 100%;

	height: 100%;

	background: #000;

	filter: alpha(opacity = 90);

	-moz-opacity: .9;

	opacity: .9;

}

.browser-box {

	position: absolute;

	position: fixed;

	_position: absolute;

	z-index: 9999999999999;

	width: 730px;

	height: 340px;

	left: 50%;

	top: 50%;

	margin: -170px 0 0 -365px;

	padding: 0;

	background: #fff;

	border: 2px #808080 solid;

	-moz-border-radius: 8px;

	-khtml-border-radius: 8px;

	-webkit-border-radius: 8px;

	border-radius: 8px;

}

.browser-box h2 {

	color: #000;

	font-size: 24px;

	margin: 30px 25px 10px 25px;

	line-height: 1.2em;

	clear: both;

}

.browser-box h3 {

	color: #333;

	font-size: 16px;

	margin: 20px 25px;

	clear: both;

}

.browser-box div {

	color: #333;

	font-size: 14px;

	margin: 0 25px;

	padding-top: 20px;

	border-top: 1px #ccc dotted;

	clear: both;

}

.browser-box div span {

	color: #666;

	font-size: 12px;

	float: right;

}

.browser-box div span a {

	color: #369;

}

.browser-box div span a:hover {

	color: #0884CD;

}

.browser-box ul {

	height: 100px;

	width: 540px;

	_width: 580px;

	margin: 20px auto 0 auto;

	clear: both;

}

.browser-box ul li {

	float: left;

	width: 105px;

	height: 80px;

	margin: 0 15px;

	text-align: center;

}

.browser-box ul li a {

	height: 80px;

	display: block;

	clear: both;

}

.ico {

	background:url(../images2/icon.png) no-repeat 0 0;

}

.icoChrome {

	background-position: 0 -228px;

	height: 80px;

	width: 105px;

	display: inline-block;

	margin-right: 20px;

}

.icoOpera {

	background-position: -115px -228px;

	height: 80px;

	width: 73px;

	display: inline-block;

	margin-right: 20px;

}

.icoFirefox {

	background-position: -197px -228px;

	height: 80px;

	width: 61px;

	display: inline-block;

	margin-right: 20px;

}

.icoSafar {

	background-position: -267px -228px;

	height: 80px;

	width: 69px;

	display: inline-block;

}

.browser-box p {

	border-top: 1px #ccc dotted;

	padding-top: 15px;

	position: relative;

	margin: 0 25px;

}

.browser-box p a {

	color: #666;

	font-size: 16px;

	height: 32px;

	line-height: 32px;

}

.browser-box p a:hover {

	color: #0884CD;

}

.icoGt {

	height: 32px;

	text-indent: 40px;

	display: inline-block;

	background-position: -298px 0;

}

.footer {

	width:100%;

	background:#000;

	overflow:hidden;

	position:relative;

	top:100px;

	left:0;

}

.footer .fgf {

	width:1px;

	display:inline-block;

	background:#7e7e7e;

	height:10px;

	margin:0 15px;

}

.bottom {

	width:1180px;

	margin:0 auto;

	padding:25px 0;

	color:#c3c3c3;

	line-height:20px;

	position:relative;

}

.bottom .wlk {

	position:absolute;

	right:30px;

	top:80px;

}

.bottom a {

	color:#c3c3c3;

}

.bottom a:hover {

	color:#fff;

}

.bottom ul {

	display:table;

	padding-top:15px;

}

.bottom ul li {

	float:left;

}

.bottom ul li span {

	display:block;

	margin-top:8px;

}

.bottom ul li span a {

	margin-right:15px;

	font-family:'微软雅黑';

}

.bottom ul li img {

	display:block;

}

.lk {

	width:100%;

	padding:15px 0;

	border-top:1px solid #333;

	color:#7d7e7e;

}

.footer .links {

	line-height:26px;

	width:1148px;

	margin:0 auto;

	padding-left:32px;

}

.footer .links a {

	color:#7d7e7e;

	margin:0 15px;

}

.footer .links a:Hover {

	color:#fff;

}