/**
 * 鍔熻兘锛欳SS鏍峰紡
 * 浣滆�咃細鍚村缓娉�
 * 鏃堕棿锛�20018-09-01
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0;}
fieldset, img { border:0;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
input, button, textarea, select, optgroup, option { font-family:"\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:14px; outline:none;}
html,body{ font-size:14px;  font-family:"\5FAE\8F6F\96C5\9ED1" ,"\9ED1\4F53"; color:#333;}
body{ background:#ffffff;}
ol, ul, dd, dl{ list-style:none;}
table { border-collapse:collapse; border-spacing:0;}
caption, th { text-align:left;}
a{ color:#333; text-decoration:none; outline:none;}
a:hover{text-decoration: underline; color: #2998ff;}
a.current{text-decoration:none; color: #2998ff;}
.wrap{ width: 1200px; margin: auto; overflow:hidden;}
b{ font-size: 18px; font-family: "\5FAE\8F6F\96C5\9ED1"; font-weight: normal;}
.clearfix:before,.clearfix:after { display: table;content: " ";}
.clearfix:after {clear: both;}

/*鎺掔増*/
.clear {clear:both;} /*娓呴櫎娴姩*/
.fl {float:left;} /*宸︽诞鍔�*/
.fr {float:right;} /*鍙虫诞鍔�*/
.oh { overflow:hidden;} /*闃叉婧㈠嚭*/

/*鏂囧瓧瀵归綈鏂瑰紡*/
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}

/*瀹氫綅鏂瑰紡*/
.pr {position:relative;}
.pa {position:absolute;}
.fixed{ position:fixed;}

/*瀛椾綋澶у皬*/
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}
.fs28 {font-size:28px;}
.fs30 {font-size:30px;}
.fs36 {font-size:36px;}
/*瀛椾綋鍔犵矖涓庡惁*/
.fsn {font-weight:normal; font-style:normal;}
.fsb {font-weight:bold;}

/*鏍囬涓嬫柟鐨勭煭涓嬪垝绾�*/
.line{
    border-top: 1px solid #2998ff;
    width: 30px;
}
.line-big{
    margin: 15px auto 0;
    border-width: 2px;
    width:80px;
}

/*鍐呰竟璺�*/
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.pt5 {padding-top:5px;}
.pr5 {padding-right:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}
.pt15 {padding-top:15px;}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pl15 {padding-left:15px;}
.pt20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pl20 {padding-left:20px;}

/*澶栬竟璺�*/
.m5{ margin:5px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.m20{ margin:20px;}
.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}
.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}
.mt15 {margin-top:15px;}
.mr15 {margin-right:15px;}
.mb15 {margin-bottom:15px;}
.ml15 {margin-left:15px;}
.mt20 {margin-top:20px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}
.mt30 {margin-top:30px;}
.mr30 {margin-right:30px;}
.mb30 {margin-bottom:30px;}
.ml30 {margin-left:30px;}
.mb40 {margin-bottom:40px;}
.mb60 {margin-bottom:60px;}
.mt70 {margin-top:70px;}

/*瀛椾綋*/
.f-meb{ font-family:"\5FAE\8F6F\96C5\9ED1" ,"\9ED1\4F53";} /*寰蒋闆呴粦*/
.f-ari{ font-family:"\5B8B\4F53", Arial, Helvetica, sans-serif;}/*瀹嬩綋*/
.f-bck{ font-family: "\9ED1\4F53";} /*榛戜綋*/

/*棰滆壊*/
.orange{ color: #ed8730;}
.blue{ color: #2998ff;}
.red{color: #ff504b;}

.bgf5 {background: #f5f5f5;}

/*瀹炵敤瀛椾綋搴�*/
@font-face{
	font-family:"fonticon";
	font-weight:100;
	font-style:normal;
	src:url(../fonts/fonticon.ttf) format('truetype')
}
.iconfont {
	font-family:"fonticon" !important;
	font-style:normal;
	display: inline-block;
    color:#666;
    font-size: 16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.iconfont-goods:before{content:'\e040'}
.iconfont-truck:before{content:'\e041'}
.iconfont-amount:before{content:'\e042'}
.iconfont-trade:before{content:'\e043'}

.icon-culture1:before{content:'\e048'}
.icon-culture2:before {content:'\e049'}
.icon-culture3:before {content:'\e050'}
.icon-culture4:before {content:'\e051'}

.icon-product1:before{content:'\e014'}
.icon-product2:before{content:'\e015'}
.icon-product3:before{content:'\e016'}
.icon-product4:before{content:'\e017'}
.icon-product5:before{content:'\e018'}

.icon-product-dr1:before{content:'\e034'}
.icon-product-dr2:before{content:'\e035'}
.icon-product-dr3:before{content:'\e036'}
.icon-product-dr4:before{content:'\e037'}
.icon-product-dr5:before{content:'\e038'}
.icon-product-dr6:before{content:'\e039'}

.icon-solution1:before{content:'\e020'}
.icon-solution2:before{content:'\e019'}
.icon-solution3:before{content:'\e021'}
.icon-solution4:before{content:'\e029'}
.icon-solution5:before{content:'\e005'}

.icon-solution6:before{content:'\e025'}
.icon-solution7:before{content:'\e002'}
.icon-solution8:before{content:'\e003'}
.icon-solution9:before{content:'\e004'}
.icon-solution10:before{content:'\e005'}
.icon-solution11:before{content:'\e006'}

.icon-solution12:before{content:'\e022'}
.icon-solution13:before{content:'\e019'}
.icon-solution14:before{content:'\e020'}
.icon-solution15:before{content:'\e013'}
.icon-solution16:before{content:'\e026'}

.icon-solution17:before{content:'\e022'}
.icon-solution18:before{content:'\e019'}
.icon-solution19:before{content:'\e025'}
.icon-solution20:before{content:'\e021'}
.icon-solution21:before{content:'\e023'}
.icon-solution22:before{content:'\e020'}

.icon-way1:before{content:'\e019'}
.icon-way2:before{content:'\e015'}
.icon-way3:before{content:'\e024'}

.icon-flow1:before{content:'\e044'}
.icon-flow2:before{content:'\e045'}
.icon-flow3:before{content:'\e046'}
.icon-flow4:before{content:'\e047'}

.icon-benefit1:before{content:'\e052'}
.icon-benefit2:before{content:'\e053'}
.icon-benefit3:before{content:'\e011'}

.icon-contact1:before{content:'\e007'}
.icon-contact2:before{content:'\e008'}
.icon-contact3:before{content:'\e009'}

/*杈撳叆妗�*/
.ipt, .i-txt{
	border: 0 none;
	display: inline-block;
	float: left;
  	border: 1px solid #bbb;
  	border-radius: 3px;
  	background: #fff;
  	color: #333;
  	padding: 0 5px;
}
.ipt{
	height: 28px;
	line-height: 28px;
}
.ipt:hover, .i-txt:hover, .i-slt:hover,
.ipt:focus, .i-txt:focus, .i-slt:focus{
	border: 1px solid #666;
}
.i-txt{ padding: 5px;}
.ipt-60{ width: 50px;}

/*鎸夐挳*/
.btn{
  	display: inline-block;
  	border: 0 none;
  	height: 30px;
  	line-height: 30px;
  	font-size: 14px;
  	text-align: center;
  	padding: 0 15px;
  	cursor: pointer;
  	transition: background 0.3 ease-out;
  	-webkit-transition: background 0.3 ease-out;
  	-moz-transition: background 0.3 ease-out;
  	-o-transition: background 0.3 ease-out;
}
.btn:before,
.btn:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:1px;
  width:0;
  background: #2998ff;
  transition:400ms ease all;
}
.btn:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn:hover:before,
.btn:hover:after{
  width:100%;
  transition:800ms ease all;
}
.btn1{ background: #3f8ad5; color: #fff;}
.btn1:hover{ background: #70a6dc;}

/*鍗曢�夋銆佸閫夋*/
.fa-box{
	float: left;
	position: relative;
	height: 30px;
  	line-height: 30px;
  	overflow: hidden;
}
.fa-box label{
	cursor: pointer;
}
.fa-box input{
  	position: absolute;
  	left: 0;
  	top: 8px;
  	*top: 4px;
}
.fa-box span{
  	padding-left: 12px;
  	*padding-left: 15px;
}
/*涓嬫媺妗�*/
.slt-box{
	position: relative;
	float: left;
	z-index: 2;
	width: 165px;
	height: 28px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.slt-box .slt{
	width: 132px;
	height: 28px;
	line-height: 28px;
	border: 0 none;
	background: none;
	padding: 0 28px 0 5px;
	cursor: pointer;
	*position: absolute;
	*top: 0;
	*left: 0;
}
.slt-box .tal-box{
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 28px;
	overflow: hidden;
	border-left: 1px solid #ccc;
	margin: 0;
	cursor: pointer;
}
.slt-box .tal-box .tal{
	display: inline-block;
    width:0;
	height:0;
    overflow: hidden;
    margin: 10px 0 0 7px;
    font-size: 0;
    line-height: 0;
    border-color:#777 transparent transparent transparent;
    border-style:solid dashed dashed dashed;
    border-width: 7px;
}
.slt-box .slt-list{
	display: none;
	position: absolute;
	left: -1px;
	top: 29px;
	z-index: 9999;
	width: 165px;
	height: 100px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ccc;
	border-top: 0;
}
.slt-box .slt-list li{
	width: 160px;
	height: 24px;
	line-height: 24px;
	padding-left: 5px;
}
.slt-box .slt-list li:hover, .slt-box .slt-list li.select{
	background: #666;
	color: #fff;
}

/*hover 杈圭嚎*/
.hover-border{
	display: inline-block;
	position: absolute;
	z-index: 100
}
.left-right-border{
	height: 0;
}
.left-border{ 
	left: 0px;
	top: 0px;
}
.right-border{
	right: 0px;
	bottom: 0px;
}
.left-right-top-bottom-border{
	width: 0;
}

.left-top-border{
	right: 50%;
	top: 0px;
}
.left-bottom-border{
	left: 0px;
	bottom: 0px;
}
.right-top-border{
	right: 0px;
	top: 0px;
}
.right-bottom-border{
	left: 50%;
	bottom: 0px;
}
		
/******************************************瀵艰埅鍏叡鏍峰紡*****************************************/
.header{
	position: fixed;
	width: 100%;
	top:0px;
	background:#fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	/*visibility: hidden;*/
	z-index:999;
}
.banner-box{
	width: 1200px;
	margin: 0 auto;
}
.header-nav{
	width: 1200px;
	height: 70px;
	margin: 0 auto;
}
.header-nav .logo{
	float: left;
	width:382px;	
}
.header-nav .logo-img{
	width:220px;
	height:70px;	
}
.header-nav .nav{
	float: left;
	width:818px;
	height:70px;	
}

.nav-menu {
  display: block;
  width:818px;
  margin-top:10px;
}
.nav-menu li {
  float:left;
}
.nav-menu li a {
  display: block;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-transform: capitalize;
  line-height: 18px;
  font-size: 18px;
  padding: 15px 25px !important;
}

.three-d {  
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  -ms-perspective: 200px;
  -o-perspective: 200px;
  perspective: 200px;
  -webkit-transition: all .07s linear;
  -moz-transition: all .07s linear;
  -ms-transition: all .07s linear;
  -o-transition: all .07s linear;
  transition: all .07s linear;
  position: relative;
}





.three-d-box {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transform: translatez(-25px);
  -moz-transform: translatez(-25px);
  -ms-transform: translatez(-25px);
  -o-transform: translatez(-25px);
  transform: translatez(-25px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.front {
  -webkit-transform: rotatex(0deg) translatez(25px);
  -moz-transform: rotatex(0deg) translatez(25px);
  -ms-transform: rotatex(0deg) translatez(25px);
  -o-transform: rotatex(0deg) translatez(25px);
  transform: rotatex(0deg) translatez(25px);
}

.back {
  -webkit-transform: rotatex(-90deg) translatez(25px);
  -moz-transform: rotatex(-90deg) translatez(25px);
  -ms-transform: rotatex(-90deg) translatez(25px);
  -o-transform: rotatex(-90deg) translatez(25px);
  transform: rotatex(-90deg) translatez(25px);
}

.front, .back {
  display: block;
  position: absolute; 
  top: 0;
  left: 0;
  width: 122px;
  text-align: center;
  padding: 15px 0 !important;
  background:#fff;
  color: #333;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-menu li .active .front,
.nav-menu li .active .back,
.nav-menu li a:hover .front,
.nav-menu li a:hover .back {
  color:#2998ff;
  background: #fff;
}
.nav-menu li:hover ul{
/*	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;*/
	display: block;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.drop-menu{
  display: none;
  position:relative;
/*  filter:alpha(opacity=0);
  -webkit-opacity: 0;
  opacity: 0;
  -moz-opacity: 0;*/
  margin:10px 0;
  width:122px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform-origin: 0px 0px;
  -moz-transform-origin: 0px 0px;
  -ms-transform-origin: 0px 0px;
  -o-transform-origin: 0px 0px;
  transform-origin: 0px 0px;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/******************************************foot 鍏叡鏍峰紡*****************************************/
.footer{ width:100%; height:auto;background:url(../images/bg-footer.jpg) repeat;  bottom: 0; bottom:0\0;/*IE8*/  *bottom:0;/*IE7*/ }
.ft-inner{ position: relative; width:1200px; margin-left:-600px; left:50%; border-bottom:1px solid #38424c; height:auto; padding:50px 0; color:#aaa;}

.ft-helper{ float:left; width:900px; height:180px; border-right:1px solid #38424c;}
.ft-helper dl{float:left; width:225px;}
.ft-helper dd{float:left; width:225px; font-size:18px; font-weight:100; color: #fff;}
.ft-helper a{display:block;font-size:16px;color:#aaa; line-height: 30px; }
.ft-helper a:hover{ color:#fff;}

.ft-wap{ float:left; width:290px;  height:180px; border-left:1px solid #182429;}
.ft-wap dl{ float:left; width:120px;padding:0 89px; }
.ft-wap h3{ font-size:20px; text-align: center;}
.ft-wap .ft-code{ margin-top:20px;}

.ft-record{position: relative;width:1200px; margin-left:-600px; left:50%; border-top:1px solid #182429;}
.ft-identity{padding:10px 0 20px;width:auto; height:30px; line-height:30px; color:#aaa; font-size:14px; font-weight:100; text-align:center; }

/******************************************tab鍏叡鏍峰紡*****************************************/
.tab-box{
	width: 100%;
	height: auto;
	overflow: hidden;
	border: 1px solid #ccc;
}
.tab-box tr, .tab-box td{
	border: 1px solid #ccc;
	text-align: center;
	padding: 10px 0;
}
.tab-box thead tr{
	background: #5e5f61;
	color: #fff;
}
.tab-box tbody tr:nth-child(even){
	background: #d9eaec;
}
.tab-box tbody tr:hover{
	background: #d9eaec;
}


/******************************************************** 鍙宠竟瀵艰埅 **********************************************************/ 
.toolbar-item{
	background:url(../images/toolbar.png) no-repeat;
}
.toolbar{
	position:fixed;
	right:0px;
	bottom:100px;/*鍋囪缃戦〉瀹藉害涓�1200px锛屽鑸潯鍦ㄥ彸渚ф偓娴�*/
}
.toolbar-item{
	display:block;
	width:52px;
	height:52px;
	margin-top:1px;
	position:relative;
	-moz-transition:
	background-position 1s;
	-ms-transition:background-position 1s;
	-o-moz-transition:background-position 1s;
	-webkit-moz-transition:background-position 1s;
	transition:background-position 1s;
}
.toolbar-item-top{
	background-position:0 -300px;
}
.toolbar-item-top:hover{
	background-position:0 -362px;
}

/******************************************************** 椤甸潰涓嶅瓨鍦� **********************************************************/ 
.auto {
	width: 1200px;
	margin: 250px auto;
}
.container {
	background:url(../images/404-bg.png) no-repeat 660px top;
}
.settings {
	padding-left: 200px;
	padding-bottom: 50px;
}
.settings .icon {
	display: block;
	width: 242px;
	height: 106px;
	background: url(../images/404.png) no-repeat 0 0;
}
.settings h4 {
	margin: 30px 0 15px 0;
	font-size: 18px;
	color: #2998ff;
}
.settings p {
	font-size: 14px;
	color: #999;
}
.settings > div {
	margin-top: 40px;
	font-size: 0;
}
.settings > div a {
	display: inline-block;
	padding: 10px 40px;
	border: 1px solid #2998ff;
	font-size: 15px;
	color: #2998ff;
	text-decoration: none;
}
.settings > div a:first-child {
	margin-right: 20px;
	color: #fff;
	background-color: #2998ff;
}