﻿
/*global css*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height:1.6;
	color: #333;
}
/*font,span{font-size:12px;}*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, form, fieldset, input, textarea, blockquote {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
li {
	list-style-type: none;
}
img {
	border: none;
	max-width:100%;
}
.fz_12px {
	font-size: 12px;
}
.fz_14px {
	font-size: 14px;
}
.fz_16px {
	font-size: 16px;
}
.fc_red {
	color: #ff0000;
}
.fc_gory {
	color: #666;
}
.fc_white {
	color: #fff;
}
.fc_yellow {
	color: #ff6600;
}
.flh_150 {
	line-height: 150%;
}
.flh_180 {
	line-height: 180%;
}
/*form*/
.form_input {
	border: 1px solid #ccc;
	color: #333;
	background: url(../img/input_bg.gif) #fff repeat-x;
	height: 20px;
	line-height: 20px;
}
.form_area {
	border: 1px solid #ccc;
	color: #333;
	background: url(../img/input_bg.gif) #fff repeat-x;
	line-height: 180%;
}
.form_button {
	border: none;
	background: #505050;
	color: #fff;
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	overflow: hidden;
	width: 80px;
}
.form_button_130 {
	width: 130px;
}
.form_focus {
	border-color: red;
}
.form_gory_button {
	border: none;
	background: url(../img/button_grey.gif);
	width: 110px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	color: #555;
	text-align: center;
}
select.form_focus {
	background: #ccc;
}
/* padding */
.clear {
	margin: 0px auto;
	clear: both;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
}
.blank3 {
	margin: 0px auto;
	clear: both;
	height: 3px;
	font-size: 1px;
	overflow: hidden;
}
.blank6 {
	margin: 0px auto;
	clear: both;
	height: 6px;
	font-size: 1px;
	overflow: hidden;
}
.blank9 {
	margin: 0px auto;
	clear: both;
	height: 9px;
	font-size: 1px;
	overflow: hidden;
}
.blank12 {
	margin: 0px auto;
	clear: both;
	height: 12px;
	font-size: 1px;
	overflow: hidden;
}
.blank15 {
	margin: 0px auto;
	clear: both;
	height: 15px;
	font-size: 1px;
	overflow: hidden;
}
.blank20 {
	margin: 0px auto;
	clear: both;
	height: 20px;
	font-size: 1px;
	overflow: hidden;
}
.blank30 {
	margin: 0px auto;
	clear: both;
	height: 30px;
	font-size: 1px;
	overflow: hidden;
}
/*a*/
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #dd3940;
	text-decoration: none;
}
a.red {
	color: red;
	text-decoration: none;
}
a.red:hover {
	color: red;
	text-decoration: none;
}
/*turn page*/
#turn_page {
	text-align: center;
	padding: 25px 0;
}
#turn_page li {
	font-size: 14px;
	margin: 3px 1px;
	height: 32px;
	width: auto;
	line-height: 32px;
	display: inline-block;
	background: #fff;
	color: #666;
	border: 1px solid #ddd;
	outline: none;
}
#turn_page li span { padding:0px 12px; }
#turn_page li a { padding:0px 12px; display:block; }
#turn_page li.thisclass { border:1px solid #dd3940; color:#dd3940 }
#turn_page li.thisclass a { color:#dd3940 }

#turn_page .page_button {
	padding: 0 20px;
	width: auto;
}
#turn_page .page_item {
}
#turn_page .page_item_current {
	border: 1px solid #0199dc;
	color: #fff;
	background: #0199dc;
}
#turn_page .page_item:hover, #turn_page .page_button:hover {
	text-decoration: none;
	border: 1px solid #0199dc;
	color: #0199dc;
}

.pagebanner { height:300px; background-color:#f4f4f4; background-position:center; background-repeat:no-repeat; background-size:cover}
#nav-smartSetup {  background-color:#f4f4f4; }
@media screen and (max-width: 768px) {
.pagebanner { height:160px; }
}




/* 发展历程*/
.join { margin:0px auto; padding: 10px 3%; max-width: 1200px;}
.joinnav { cursor:pointer; line-height:48px; height:48px; margin-top:10px; padding:0px 20px; font-size:20px; background:#eee }
.joinnav i { display:inline-block; width:50px; height:48px; float:right; background:url(/skin/img/joinnav.png) no-repeat center }
.joinnav.currentDt i { 
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* Internet Explorer */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */
} 
.jobcontent { display: none; padding:30px;}
#jobon { display:block }



/*荣誉证书*/

#top{width:100%;height:139px;  position:relative; display:none }
#top .small{width:634px;height:56px;position:absolute;top:56px;left:50%;display:inline;margin:0 0 0 -310px;}
#top .small ul{margin:0;padding:0px;}
#top .small li{width:65px;height:48px;float:left;border:1px solid #000;display:inline;margin:3px 0 0 3px;padding:0px;filter:alpha(opacity=40);opacity:0.4;cursor:pointer;}
#top .small li.hove{filter:alpha(opacity=100);opacity:1;}
#box{width:1200px; margin:0 auto;height:602px; overflow:hidden;position:relative;}
#box .bg{width:100%;height:340px; filter:alpha(opacity=70); opacity:0.7; position:absolute; top:132px; left:0px;}
#list{width:1004px;height:446px;position:absolute;top:75px;left:50%;display:inline;margin-left:-502px;}
#list ul {margin:0px;padding:0px; float:left;}
#list li {width:100px; position:absolute;list-style-type:none;overflow:hidden;cursor:pointer; background-repeat:no-repeat; background-position:center; background-size: 100% auto; background-color:#fff; border:1px solid #ddd; }
#list li .imgbox { display:table-cell; width:100%; height:440px; text-align:center; vertical-align:middle }
#list li img{width:100%;max-height:100%;vertical-align: middle;}
#list li div{width:100%;height:100%; filter:alpha(opacity=20); opacity:0.2; position:absolute; z-index:1; top:0px; left:0px;}
#list li .b_tit{width:100%;height:120px;position:absolute; z-index:1; bottom:-100%; left:0px;margin:0px;padding:0px;}
#list li .opacity{width:100%;height: auto; position:absolute; z-index:1; bottom:0px; left:0px;}
#list li .tit{ height: auto; background:#999;filter:alpha(opacity=80); opacity:0.8; padding:12px 20px;position:absolute; z-index:2; bottom:0px; left:0px; right:0; color:#fff }
 
#list a{width:39px;height:80px;background:url(/skin/img/btn.png) no-repeat;text-decoration:none;position:absolute;z-index:20;top:190px;}
#list a.prev{background-position:0 0; left:-54px;}
#list a.next{background-position:-39px 0; right:-100px;}