/**
 * 功能：CSS样式
 * 作者：吴建波
 * 时间：20019-11-05
 */
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;}
html,body{ font-size:12px;  font-family:"\5FAE\8F6F\96C5\9ED1" ,"\9ED1\4F53"; color:#333;}
body{ 	background: #f1f1f1;}
input, button, textarea, select, optgroup, option { font-family:"\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px; outline:none;}
ol, ul, dd, dl{ list-style:none;}
table { border-collapse:collapse; border-spacing:0;}
caption, th { text-align:left;}
img {border:0;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration: underline; color:#00BE6E;}
a.current{text-decoration:none; color: #00BE6E;}
b{font-family: "\5FAE\8F6F\96C5\9ED1";}
.wrap{ width: 1200px; margin: auto; }
.clearfix:before,.clearfix:after { display: table;content: " ";}
.clearfix:after {clear: both;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.gy{width:1200px;margin:0 auto;overflow:hidden;}


/*排版*/
.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;}

/*字体加粗与否*/
.fsn {font-weight:normal; font-style:normal;}
.fsb {font-weight:bold;}

/*内边距*/
.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;}
.pb60 {padding-bottom:60px;}

/*外边距*/
.mr0{ margin-right:0px;}
.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;}
.mt40 {margin-top:40px;}
.mr40 {margin-right:40px;}
.mb40 {margin-bottom:40px;}
.ml40 {margin-left:40px;}
.mb50 {margin-bottom:50px;}
.mr50 {margin-right:50px;}
.mb50 {margin-bottom:50px;}
.ml50 {margin-left:50px;}
.mb60 {margin-bottom:60px;}
.mr60 {margin-right:60px;}
.mb40 {margin-bottom:60px;}
.ml60 {margin-left:60px;}

.ml400 {margin-left:400px;}
.ml600 {margin-left:600px;}
.ml800 {margin-left:800px;}

.mr100 {margin-right:100px;}
.mr200 {margin-right:200px;}
.mr300 {margin-right:300px;}

/*字体*/
.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: #ff934b;}
.blue{ color: #1a8cde;}
.white{ background:#ffffff;}

/*实用字体库*/
@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;
}
.icon-home:before{content:'\e001'}
.icon-logistics:before{content:'\e002'}
.icon-goods:before{content:'\e003'}
.icon-estate:before{content:'\e004'}
.icon-finance:before{content:'\e005'}
.icon-information:before{content:'\e006'}
.icon-research:before{content:'\e007'}

/*输入框*/
.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: #00BE6E;
  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;
}
		
/******************************************nav公共样式*****************************************/

.top-blank{height:90px;overflow:hidden;background:none;}
.top-head{height:90px;position:fixed;top:0;width:100%;z-index:1000;background:none;}

.top{
	height:90px;
	width:100%;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
.logo{width:500px; height:90px; float:left;}
.nav{width:800px; height:90px; float:right;}
.nav ul{width:800px;}
.nav li{width:90px;margin:0 10px 0 0px;float:left;text-align:center;/* position:relative;*/}
.nav a{width:90px;height:50px;padding-top:37px;  display:block;font-size:1.33em;/*overflow:hidden;*/}
.nav a.bold{ font-weight: bold;}
.nav a:hover{text-decoration: none;}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color: #00BE6E;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.nav a.sel{border-bottom:3px solid #00BE6E;color:#00BE6E;}
.nav a.sel:hover:after{opacity: 0;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:90px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:rgba(10,190,110,0.75);}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding:30px 0;margin:0 auto;}

.nav .sub .nav_xiao .xiao_one{float:left; width:auto; height: 120px; border-right: 1px solid #51d49c;}
.nav .sub .nav_xiao .xiao_one p{ box-shadow: none;padding: 0; }
.nav .sub .nav_xiao .xiao_one p a{text-align: left;width: 90px;display: inline-block; height:auto;padding: 0; margin-left: 10px; line-height: 30px; font-size:15px; color: #fff;}
.nav .sub .nav_xiao .xiao_one p a:hover{color:#cdf6e4; text-decoration: underline;}
.nav .sub .nav_xiao .xiao_one2{float:left; width:220px;overflow:hidden;margin-left:30px;}
.nav .sub .nav_xiao .xiao_one2 a{float:left;width:220px;height:120px;padding:0; }
.nav .sub .nav_xiao .xiao_one2 img{width:220px;height:120px;}

.nav .sub .nav_xiao .xiao_two{float:right; width:auto; height: 120px;margin-left:30px; border-left: 1px solid #51d49c;}
.nav .sub .nav_xiao .xiao_two p{ box-shadow: none;padding: 0; }
.nav .sub .nav_xiao .xiao_two p a{text-align: left;width: 90px;display: inline-block; height:auto;padding: 0; margin-left: 30px; line-height: 30px; font-size:15px; color: #fff;}
.nav .sub .nav_xiao .xiao_two p a:hover{color:#cdf6e4; text-decoration: underline;}
.nav .sub .nav_xiao .xiao_two2{float:right; width:220px;overflow:hidden;}
.nav .sub .nav_xiao .xiao_two2 a{float:left;width:220px;height:120px;padding:0; }
.nav .sub .nav_xiao .xiao_two2 img{width:220px;height:120px;}

.nav .sub .nav_xiao .xiao_three{width:1200px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{width:1200px;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:172px;height:190px;overflow:hidden;margin-right:19px;text-align:center;position:inherit;line-height:46px;margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:138px;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#ffffff;width:100%;font-size:14px;height:100%;padding-top:17px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:rgba(12,171,16,1.00)}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}


/******************************************foot 公共样式*****************************************/
.footer{float: left; 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-about{float:left; width:35%;}
.ft-about h3{ font-size:18px; font-weight:normal; line-height:30px; color:#fff; position:relative}
.ft-about h3 span{ position:absolute; right:0;top:0; font-size:14px; font-weight:normal}
.ft-about p{ font-size:15px; line-height:30px;color:#acbdbd; }
.ft-about .links{ position:relative; height:45px; background-color:#3e5555;font-size:14px; margin-top:20px; max-width:320px;}
.ft-about .links dt{ height:45px; line-height:45px; padding-left:20px; font-weight:normal; color:#aaa; cursor:pointer; position:relative}
.ft-about .links dt i{ width:45px; height:45px; position:absolute; right:0px;top:0px; background-color:#2f4444 }
.ft-about .links dt i:before{content:"";display:block;width: 0;height: 0;border-left:6px solid transparent;border-right: 6px solid transparent;border-top:9px solid #aaa; position:absolute; left:50%; margin-left:-5px; top:21px;}
.ft-about .links ul{ display:none; position:absolute; left:0;top:45px; background-color:#4a6464; width:100%; padding:10px 0;}
.ft-about .links:hover ul{ display:block; z-index: 10;}
.ft-about .links:hover ul li a{ padding-left: 30px; font-size: 15px; line-height: 30px; color:#acbdbd}
.ft-about .links:hover ul li a:hover{ text-decoration:underline; color:#fff}

.ft-helper{ float:left; width:50%; height:auto; /*border-right:1px solid #38424c;*/}
.ft-helper dl{float:left; width:150px;}
.ft-helper dd{float:left; width:150px; font-size:18px; font-weight:100; color: #fff;}
.ft-helper a{display:block;font-size:15px; line-height: 30px; color: #acbdbd;}
.ft-helper a:hover{ color:#fff;}
.ft-helper .fz a{display:block;font-size:16px; color:#fff; line-height: 30px; margin-bottom: 5px; }
.ft-helper .fz a:hover{ color: #acbdbd;}

.ft-wap{ float:left; width:15%;  height:auto; /*border-left:1px solid #182429;*/}
.ft-wap dl{ float:right; width:120px; }
.ft-wap h3{ font-size:18px; text-align: center; color: #ffffff; }
.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: #acbdbd;color: #acbdbd; 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;
	overflow:hidden;
	cursor:pointer;
	width:50px;
	height:50px;
	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 0;
}
.toolbar-item-top:hover{
	background-position:0 -60px;
}

/******************************************************** 页面不存在 **********************************************************/ 
.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;
}