flatform@charset "utf-8";
/* ########################### Reset  Style ########################### */
input { margin: 0; padding: 0; }
.reset { margin: 0 !important; padding: 0 !important; }
/* fontStyle */ tt, i, b, u, s, strike, big, small, 
/* phrase */ em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym,
/* special */ a, img, applet, object, font, basefont, br, script, map, q, sub, sup, span, bdo, iframe, 
/* formctrl */ input, select, textarea, label, button, 
/* document */ address, div, 
p, h1, h2, h3, h4, h5, h6, pre, blockquote, ins, del, dl, dt, dd, ul, ol, li, dir, menu, form, option, fieldset, legend, th, td { margin: 0; padding: 0; }
table { width: 100%; border-collapse: collapse; margin: 0; padding: 0; border: 0; }
hr { display: none; }
img { font-size: 1%; line-height: 1; border: 0; }
ul, ol, li { list-style: none; }
/* ########################### Print Style ########################### */
@media print {
	
}
html { overflow-y: scroll; }
html, body { height: 100%;  /* Required */ }
body {
	margin: 0;
	padding: 0;
	border: 0;
	font:13px/1.3 'Arial','Microsoft YaHei';
	line-height: 1.5;
	}
body { background: #fff; margin: 0; padding: 0; border-top: 5px solid #e62805; }
a { text-decoration: none; color: inherit; }
#wrapper { width: 100%; height: 120px; background: url(/templates/zn/images/pbg.gif) repeat-x left bottom; overflow: visible; margin-bottom: 30px; position: relative; z-index: 2;}
body#main #wrapper { background: none; margin-bottom: 30px; position: relative; overflow: visible;}
header#header { width: 926px; margin: 0 auto; height: 120px; overflow: visible;  }
	#logo { float: left; width: 200px; padding-left: 16px; }
	#gnbWrap { float: left; width: 710px; }
	.util { padding-top: 6px; width: 155px; float: right; font-size:12px;color:Gray; text-align:right;}
	.util a{ color:Gray;}
		.util ul { width: 155px; overflow: hidden; }
		.util li { float: left; }
#contWrap { clear: both; width: 926px; margin: 0 auto; overflow: hidden; }
body#main #contWrap { clear: both; width: 100%; margin-top: -75px; overflow: hidden; z-index: 1; position: relative;}
	#lm { width: 216px; float: left; font-family: Tahoma, sans-serif; color: #775954; line-height: 21px; }
	#lm li:hover{ background-color:Red;}
	#cont { width: 709px; border-left: 1px solid #eaeaea; float: left; padding: 0 0 0px 0; min-height: 600px; margin-bottom: 60px; }
#footer { background: #f2f2f2;  }
.inner-foot { width: 926px; margin: 0 auto; padding:15px 0;}
.inner-foot .img_line1 { margin-left: 100px;  }
.inner-foot .img_line2 { margin-left: 261px;  }

.breadclumbs { text-align: right; font-size: 11px; line-height: 12px; color: #c8bfbd; }
.breadclumbs span.home { background: url("/templates/zn/images/icon_home.gif") no-repeat left center; padding-left: 15px; }
.breadclumbs span { margin-right: 3px; }
.title h1 { border-bottom: 1px solid #eaeaea; padding-left: 44px; margin-bottom: 20px; }
.inner-cont { padding-left: 44px; }

.sf-menu li ul { padding: 0 0 20px; width: 131px;}
.sf-menu li ul li { background: url(/img/nav/eng_smbgL.png) no-repeat left top; width: 111px; padding: 0 0 0 20px; }
.sf-menu li ul li.first { background: url(/img/nav/eng_smbgL.png) no-repeat left top; width: 111px; padding: 7px 0 0 20px; }
.sf-menu li ul li.last { background: url(/img/nav/eng_smbgL.png) no-repeat left bottom; width: 111px; padding: 0 0 15px 20px; }
.sf-menu li ul.sm2 { padding: 0 0 20px; width: 246px;}
.sf-menu li ul.sm2 li { background: url(/img/nav/eng_smbgW.png) no-repeat left top; width: 226px; padding: 0 0 0 20px; }
.sf-menu li ul.sm2 li.first { background: url(/img/nav/eng_smbgW.png) no-repeat left top; width: 226px; padding: 7px 0 0 20px; }
.sf-menu li ul.sm2 li.last { background: url(/img/nav/eng_smbgW.png) no-repeat left bottom; width: 226px; padding: 0 0 15px 20px; }
.sf-menu li ul li.sm-bg-l { }
.sf-menu li ul li.sm-bg-r { }

#lm h2 { margin-bottom: 10px; padding-top: 12px; border-bottom:1px solid #eaeaea;line-height:45px;  font-size:12px;}
#lm .lm { width: 201px; }
.lm { margin-bottom: 30px; }

.lm a { color: inherit; text-decoration: none; }
.lm li a { line-height: 18px; padding: 3px 0 4px 14px;/* color: #775954;*/ margin-bottom: 10px; display: block; font-weight: normal; font-size: 12px; letter-spacing: 0;  }
.lm li a.act { background: #e62805; color: #fff; }

.lm li ul { margin-bottom: 10px; display: none; }
.lm li ul.view { display: block; }
.lm li ul li a { line-height: 20px; padding: 0 0 0 24px; color: #a68e8b; margin-bottom: 0; display: block;  font-weight: normal; font-size: 13px; background: url("/img/share/icon_lm.gif") no-repeat 14px -13px; }
.lm li ul li a.act { background: url("/img/share/icon_lm.gif") no-repeat 14px 10px; color: #e83617; }

.resources, .case-study { border-top: 1px solid #eaeaea; background: #fcfcfc; padding: 25px 14px; margin-bottom: 0; }
.flatform { border-top: 1px solid #eaeaea; background: #fff;/* padding: 25px 14px;*/ margin-bottom: 0; }
.etc { background: #fcfcfc; padding: 25px 14px; margin-bottom: 0; border-bottom: 1px solid #eaeaea;}
.resources h2, .case-study h2 { color: #3b3b3b; font-size: 14px; margin-bottom: 8px; line-height: 21px; }

#lm .resources h2, #lm .case-study h2 { margin-bottom: 5px; }
.resources a[href$='pdf'] { text-decoration: none; background: url("/img/share/icon_pdf.gif") no-repeat 0 5px; padding-left: 20px; display: block; font-size: 12px; color: #747474; line-height: 16px; }
.resources li { margin-bottom: 15px; }
.case-study a { text-decoration: none; background: url("/img/share/dot.gif") no-repeat left 10px; padding-left: 10px; display: block; font-size: 12px; color: #747474; line-height: 21px; }

.board-list, .board-view { background: url(/img/share/news_bg.gif) no-repeat left top; }
.board-list th {background: url(/img/share/bar.gif) no-repeat right center; padding: 10px 0; color: #6e6e6e; line-height: 18px;  }
.board-list th.last {background-image: none;}
.board-list td {text-align: center; color: #a3a3a3; padding: 12px 0; border-bottom: 1px solid #e7e7e7;}
.board-list td a {text-decoration: none; color: #a3a3a3;}
.board-list td.title {text-align: left; color: #666666; padding: 12px 0 12px 15px; }
.board-list td.title a { color: #666666; }

.board-view th {background:#f1f1f1; font-size: 14px; color: #666; padding: 10px 0 10px 15px; text-align: left; line-height: 18px; }
	.board-view td.date {padding: 10px 0 10px 10px; color: #a3a3a3; font-size: 11px; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; }
	.board-view td.check {padding: 10px 0; color: #a3a3a3; font-size: 11px; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; }
	.board-view .main-letter {padding: 34px 15px; }
.view-list {border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
	.view-list a {text-decoration: none; color: #a3a3a3; }
	.view-list th,
	.view-list td {color: #a3a3a3; padding: 10px 0; }
	.view-list th.next-view, .view-list td.next-view { border-bottom: 1px solid #e9e9e9; }
.btn-list {text-align: center; margin-top: 20px;}
/* Pagination */
.pagination{ padding:15px 0; text-align:center; line-height:normal;}
.pagination a { position:relative; color:#747474; font: normal 12px/16px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:1px 8px; margin:0 -3px; background-color:#fff; z-index:2;}
.pagination strong { position:relative; color:#747474; font: bold 12px/16px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:1px 8px; margin:0 -3px; background-color:#fff; z-index:2;}
/* contact */
.etc dl { width: 100%; overflow: hidden; }
.etc dt { width: 136px; float: right; clear: both; margin-top: 20px;}
.etc dd { width: 136px; float: right; line-height: 16px;}
.etc dd a { text-decoration: none; color: #747474; }
.etc dd.img { width: 40px; float: left; margin-top: -35px; }
table.contact { width: 100%; padding: 0; border: 1px solid #dadada; margin-bottom: 20px; }
table.contact th { background: #f7f7f7; color: #757474; vertical-align: top; padding: 11px 0 11px 0; border-bottom: 1px solid #e9e9e9; text-align: left; }
table.contact th span { padding: 0 20px; }
table.contact td { background: #fff; color: #757474; vertical-align: top; padding: 11px 0 12px 20px; border-bottom: 1px solid #e9e9e9; }
table.contact th.last, table.contact td.last { border-bottom: 1px solid #dadada;}
.privacy_check{width:98%; height:80px; background:#fff; border:1px solid #ccc; overflow-y:scroll; line-height:25px; padding:5px; margin-top:5px; margin-bottom:5px;}
.privacy_check2{text-align:center; padding-top:5px;}


/* privacy */
.privacy{padding: 0 25px 50px; }
.privacy h3{font-size:14px; font-weight:bold; color:#000; line-height:30px;}
.privacy h4{font-size:12px; font-weight:bold;  padding-top:30px; padding-bottom:10px; color:#000;}
.privacy h5{font-size:12px; font-weight:normal; padding:10px 20px 5px; color:#000;}
.privacy .depth1{padding:0}
.privacy .depth2{padding:0 20px 0;}
.privacy p{padding:0 40px;}
.privacy ul{padding:5px 40px}



.cth1{ color:Red; line-height:45px;}
.listpro { margin-left:-20px;}
.listpro ul li{ float:left; width:200px; margin-left:20px; margin-bottom:15px;}
.a1{ width:200px; height:160px; overflow:hidden; display:block;}
.a1 img{ width:200px;}
.a2{ width:200px; height:25px; overflow:hidden; display:block; line-height:25px;}
.pl1{ height:80px; overflow:hidden;}

.c1{ display:block;  float:left; font-size:18px; padding:0px;}
.c2{ display:block;  float:left; margin-top:9px; height:24px;_margin-top:10px; padding:0px; width:200px;}
.c3{ height:26px; width:75px; display:block; float:left; margin-left:10px; margin-top:9px;padding:0px;}

/*浮动客服*/
#floatDivBoxs{width:120px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 4px;}
#floatDivBoxs .floatDqq li{height:30px;line-height:28px;font-size:12px;border-bottom:1px solid #e3e3e3; padding:0 0 0 16px;}
#floatDivBoxs .floatDtxt{font-size:16px;color:#333;padding:10px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/kf/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/kf/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:120px;z-index:999;}
#rightArrow a{display:block;height:45px;}
.floatDqq li a img{ padding-top:3px;}

.section{border:solid 1px #D6D6D6;margin-bottom:-1px;background:#fff;*zoom:1;position:relative}
.section .title{background:#F9F9F9;border-bottom:solid 1px #D6D6D6;height:24px;padding-top:6px;padding-left:24px;font-size:14px;font-weight:700;color:red}
.section .title a{color:#498949}
.section .list{font-size:14px;margin-right:-60px;margin-left:20px;width:620px;margin-top:10px;margin-bottom:15px;overflow:hidden}
.section .list .item{float:left;margin:6px 66px -1px 2px;border-bottom:1px solid #EFEFEF;text-align:center;padding:8px 0;white-space:nowrap}
.section .list .item .link{padding-top:2px;display:block;*zoom:1}
.section .list .item .link:hover{background:#e62508;color:#fff}
.section .title b{font-weight:700}
.section .hilight b{color:#F30}
.section .link b{position:relative;display:inline-block;cursor:pointer}
.section .list .link:hover b{font-weight:700;color:#fff}
.section .link:hover b{text-decoration:underline}
.section i.status-icon{position:absolute;right:-18px;top:-12px;width:16px;height:16px}


.top_2 .cn{display:block;  background:url(../images/cn.png) no-repeat left center; float:left; text-align:left;text-indent: 2em;}
.top_2 .en{display:block;  background:url(../images/en.png) no-repeat left center; float:left; text-align:left;text-indent: 2em;}