@charset "utf-8";
/* ===============
		全局 
============== */

html,body { height:100%; }
body { margin:0; padding:0; border:0; background:#222 url(images/bg2.jpg) no-repeat center 0; font:12px/20px Arial, Helvetica, sans-serif ; color:#ccc; }
body.home{ background:#222 url(images/bg.jpg) no-repeat center 0;}
table { margin:0 auto; font:12pt/20px Arial, Helvetica, sans-serif; }
img{ margin:0; padding:0; border:0; }
a { color:#ccc; text-decoration:none; font:12px/22px Arial, Helvetica, sans-serif; }
a:hover { color:#c00; }
ul { margin:0; padding:0; list-style:none; }
.clear { clear:both; font:0/0 ""; height:0; }
.fl{ float:left;}
.fr{ float:right;}

input,
textarea{ font-family: "Calibri", Arial, Helvetica, sans-serif; color:#fff; background:#222;}
.input { width:280px; height:28px; line-height:28px; border:solid #444 1px; padding:0 5px; }
.input1 { width:360px; height:28px; line-height:28px;  border:solid #444 1px; padding:0 5px; }
.input2 { width:220px; height:28px; line-height:28px; border:solid #444 1px; padding:0 5px; }
.input4{ width:30px; height:28px; line-height:28px; border:solid #444 1px; padding:0 5px;}
.input41 { width:310px; height:28px; line-height:28px; border:solid #444 1px; padding:0 5px; }
.input5{ width:50px; height:28px; line-height:28px; border:solid #444 1px; padding:0 5px;}
.error{ border:solid #f00 2px;}

/* ===============
		基础框架 
============== */

#wrapper { width:1002px; margin:0 auto; }
.box{ width:1002px; margin:0 auto; }
#main { *zoom:1; }


/* ===============
		Header 头部 
============== */

#header { position:relative; z-index:9; }
#top{ height:86px;}
.logo { display:block; float:left; margin:10px 0 0 0; }
.emaill{ position:absolute; display:block; background:url(images/i_maill_s.jpg) no-repeat 0 center; top:51px; right:10px; padding-left:40px;}
.emaill a{line-height:24px; color:#CB7E38; font-size:20px; }
.topad{ float:right; text-align:right; padding-right:10px; margin-top:15px; line-height:14px; }

.kf{ margin-top:10px; text-align:right;}
.kf img{  margin-left:10px;}

.lang{ float:right; line-height:16px; background:url(images/lang.jpg) no-repeat 0 center; margin:40px 38px 0 0; position:relative;}
.lang a{background:url(images/ico_down.jpg) no-repeat right 8px; padding:0 20px; display:block; font-size:12px; font-weight:bold;}

/* nav */
.nav { height:30px; position:absolute; left:350px; top:33px;}
.nav li { float:left; position:relative; background:url(images/nav_line.png) no-repeat 0 center; padding-left:4px;}
.nav li a { display:block; font-size:14px; line-height:30px; padding:0 15px; margin:0; color:#ccc; text-transform:Uppercase; white-space:nowrap; text-align:center; _float:left; text-shadow: #000 1px 1px 1px;}
.nav li a:hover,
.nav li a.ov{ color:#c00; }
.nav li:hover>a{ color:#c00; }
.nav li a.cur{ color:#fff; background-color:#a80000; }

.nav li.menu01,
.nav li.menu06{ background:none; padding:0; }
.nav li.menu0{ margin-right:40px;}
.nav li.menu0 a{ width:190px; padding:0;}

.nav li.menu02 ul,
.nav li.menu03 ul{ min-width:150%;}
.nav li.menu04 ul{ min-width:250%;}
.nav li a.login{ width:74px; height:32px; background:url(images/btn1.png) no-repeat; padding:0;}


/*lv2*/
.nav li ul{ position:absolute; top:100%; left:0; background-color:#181818; display:none;}
.nav li li{ float:none; background:none; padding:0;}
.nav li li a{ line-height:24px; border-bottom:solid #333 1px;  text-transform:none; text-align:left; text-indent:15px; padding:0; zoom:1; }
.nav li li a:hover{ background-color:#333;}


/* search form */
.search-form{ position:absolute; width:195px; height:22px; background:url(images/search_bg.jpg) no-repeat; bottom:5px; right:24px; }
.search-form h3{ display:none; }
.search-form input{ height:22px; line-height:22px; padding:0; background:url(images/spacer.gif) no-repeat;  border:none; }
.search-form .s{ float:left; width:160px; margin-left:5px; color:#666;}
.search-form .btn{ float:right; width:26px; text-indent:-999px; overflow:hidden; cursor:pointer; }

/*Focus*/
.banner{ clear:both; height:425px; position:relative; overflow:hidden; margin-bottom:5px;}

.banner img{ display:block; }
#slide_text {position:absolute; z-index:2; bottom:42px; width:100%; text-align:right; }
#slide_text ul {list-style-type:none;}
#slide_text ul li { display:inline-block; width:12px; height:12px; font:12px/50px Arial, Helvetica, sans-serif; margin:0 5px; cursor:pointer; background-color:#000; color:#000; text-align:center; *display:inline; *text-indent:0; zoom:1; border-radius:6px; overflow:hidden; box-shadow: #666 0 1px 0; }
#slide_text ul li.cur{ background-color:#c00; color:#c00; box-shadow: #000 0 1px 0;}
#slide_list div{ display:none; position:absolute; height:425px; width:100%;}
.bnty{ height:32px; background:url(images/bn_ty.jpg) no-repeat center 0;}


/* ===============
		Footer 底部
============== */

#footer { clear:both; overflow:hidden; color:#666; background-color:#000; font-size:12px; padding:10px 0; line-height:25px; margin-top:20px; }
#footer .footerMain { clear:both;  position:relative; }
#footer .footerMain a{ color:#666;}
#footer .footerMain a:hover{ color:#fff;}

.author{ position:absolute; right:10px; bottom:10px; color:#666; display:none;}

.footnav{ float:right; overflow:hidden; }
.footnav ul{ margin:20px 30px; }
.footnav ul ul{ margin:0;}
.footnav li{ float:left; width:25%; text-align:left;  }
.footnav li li{ float:none; width:100%;}
.footnav li a{ color:#fff; font-weight:bold;}
.footnav li li a,
.footnav li p a{ color:#aaa; font-weight:normal;}
.footnav li a:hover{ color:#ff0;}
.footnav li li a:hover{ color:#fff;}
.footnav li p{ margin:0; color:#aaa; line-height:24px;}


/* ===============
		sidebar / 侧边
============== */

.sidebar { float:left; width:210px; padding:0; }
.sidebar h3 { height:30px; margin:0; background-color:#ddd; color:#000; font-size:14px; line-height:30px; padding:0; border-radius:5px; text-transform:uppercase; text-align:center;  }
.sidebar ul { margin:0; padding:0;  }

.leftnav { float:left; width:210px; overflow:hidden; margin-top:60px;}
.leftnav li a { display:block; line-height:25px; padding:0 0 0 10px; border-bottom:solid 1px #444; background:url(images/ico_1.png) no-repeat 200px center; color:#fff; }
.leftnav li a:hover,
.leftnav li.cur a { background-color:#a80000; color:#ff0; }

.leftnav li ul{ display:none; border:none; }
.leftnav li li { border:0; }
.leftnav li li a { padding:0 0 0 40px; color:#555; background-position: 24px center; }

.leftad { clear:both; padding-top:24px; font-size:12px;}
.leftad h2{ border-bottom:solid #ccc 1px; border-top:solid #ccc 1px; margin:0;}
.leftad h2 a{ line-height:32px; font-weight:bold;}

/* ===============
		HOME
============== */
.zt{ float:left; position:relative; overflow:hidden;}
.zt h2 {margin:0 0 25px 0; line-height:24px; background:url(images/t1.png) no-repeat; }
.zt h2 a{ font:12px/24px ""; color:#fff; display:block; width:192px; height:24px; margin:0 auto; text-indent:-500px; overflow:hidden;}
.zt .more{ position:absolute; top:0; right:10px; line-height:42px;}
.zt h2 .ico{ float:left; display:block; width:40px; height:24px; background-color:#E82C2D; margin-right:10px; cursor:pointer; }
.about h2{ background-position:center 0;}
.newProduct h2{ background-position:center center;}
.lx h2{ background-position:center bottom;}


.about{ width:274px; padding:0 30px;}
.about a{ color:#c00;}


.fgx{ height:3px; background-color:#E82C2D; }


/* newProduct 新品推荐 */
.newProduct { float:left; width:340px; border-right:dashed #444 1px; border-left:dashed #444 1px; }
.newProduct .li { clear:both; margin:0 20px 15px 20px; overflow:hidden; }
.newProduct .li img { float:left; display:block; width:120px; height:90px; margin-right:15px; }
.newProduct .li a{ font-size:12pt; line-height:20px;}
.newProduct p{ margin:5px 0 0 0; color:#666; line-height:16px;}

#demo {overflow:hidden;width: 690px;}
#demo1,#demo2{ float:left; }
#indemo{float: left; width:800%;}


/* lx */
.lx{ float:left; width:325px;}
.lx .text{ padding:0 18px; background:url(images/contact_bg.png) no-repeat center 0; }
.lx li{ margin:5px 0; text-align:center; font-size:16px; line-height:1.2em;}
.lx li a{ font-size:16px;}

.login{ background:url(images/login_bg.jpg) no-repeat; width:287px; height:172px; margin:30px auto 0 auto; overflow:hidden; text-align:center;}
.login p{ font:bold 24px/24px Arial, Helvetica, sans-serif; color:#f90; margin:20px;}
.login a{ display:inline-block; line-height:28px; background-color:#3F3F3F; border:solid #666 1px; padding:0 20px; margin:0 5px;}
.login a:hover{ color:#ccc; box-shadow: #DF0000 0 0 9px;}


/* flexslider */
.flexslider{ position:relative;width:320px;height:165px; margin:0 auto; overflow:hidden;zoom:1;}
.flex-viewport{height:124px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:20px;height:20px; text-indent:-99px; overflow:hidden;display:block;background:url(images/ico_2.png) no-repeat center center;position:absolute;bottom:11px;z-index:10;cursor:pointer; }
.flex-direction-nav .flex-next{right:0;}
.flex-direction-nav .flex-prev{left:0; display:none;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%; height:42px; border-top:solid #D3D3D3 2px; margin:0; padding:16px 0; }
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{ background-color:#474747; width:13px; height:10px; display:block; overflow:hidden;text-indent:-99em; cursor:pointer;}
.flex-control-paging li a.flex-active{background-color:#E94141;}

#demo03.flexslider{width:620px;height:32px; float:left; margin:0;}
#demo03 .flex-viewport{height:32px; }
#demo03 .flex-control-nav{ display:none;}
#demo03 .flex-direction-nav a{ bottom:6px;}


/* ===============
		Content / 内页
============== */

.site-content { width:750px; float:right; min-height:300px; position:relative; font:12pt/24px "";  }
.home .site-content{ background:none; box-shadow:none; border:none;}
.odd-column{ width:100%; float:none; overflow:hidden;}

.site-content h1,
.odd-column h1 { margin:0; text-transform:uppercase; padding-top:60px; font-size:32px; line-height:40px; color:#ccc; font-family:Georgia, "Times New Roman", Times, serif;}
.odd-column h1{ text-align:center;}

.content { padding:30px 0 15px 0; min-height:200px; _height:200px; }


/* 分页 */
.pagenav{ clear:both;margin-top:20px; color:#999; font-size:12px;}
.pagenav b{color:#f00; font-weight:normal;}
.pagenav span,.pagenav a{ display:inline-block; border:solid #444 1px; padding:3px 8px;}
.pagenav a{ text-decoration:none;}
.pagenav a:hover,
.pagenav a.cur{ background:#666; color:#fff;}


/* 当前位置 */
.path{ clear:both; color:#999; margin-bottom:20px;  padding:0 10px; line-height:24px; border-bottom:dashed #444 1px; font-size:12px; }

/** post-news内页新闻列表 **/
#post-news { margin:0 0 20px 0; }
#post-news .newslist ul{ margin:12px 0 0 0; padding:0; list-style:none;}
#post-news .newslist li{ overflow:hidden; padding:15px 0; border-bottom:solid #eee 1px; }
#post-news .newslist li img{ float:left; width:140px; margin-right:20px;}
#post-news .newslist li a{font:14px/18px ""; text-decoration:none; cursor:pointer; color:#0E73FF; }
#post-news .newslist li a:hover{ color:#0cf;}
#post-news .newslist li span.date{ display:block; color:#999;}
#post-news .newslist li p{ margin:10px 10px 0 0; color:#666; }
.list-t{ height:25px; background:url(images/bg_t1.jpg) repeat-x; font-size:14px; line-height:25px;}
.list-t span{ float:left; display:block; width:100px; text-align:center;}
.list-t span.t{ width:auto;}


.newscontent { vertical-align:top; line-height:22px; text-align:left; overflow:hidden;  }
.pborder { }
.pborder h2 { color:#311F11; font-size:14px; line-height:24px; margin:0; }
.pborder .news_date { color:#666; height:35px; border-bottom:solid 1px #ddd; margin-bottom:20px; }

#post-info { margin:20px 0; }
#post-info ul{ margin:12px 0 0 0; padding:0; list-style:none;}
#post-info li{ background:url(images/i_4x.jpg) no-repeat 30px center; padding-left:60px;}
#post-info li a{ display:block; font-size:14px; line-height:25px; text-decoration:none; cursor:pointer; }
#post-info li a:hover{ }
#post-info .list-t span.t{ width:100px; text-align:center;}

/** prolist 内页产品列表 **/
.prolist { margin:20px 0; overflow:hidden; }
.prolist ul { margin:0; padding:0; list-style:none; overflow:hidden; }
.prolist li { float:left; width:33%; text-align:center; margin-bottom:10px;}
.prolist li img { display:block; width:200px; height:150px; margin:0 auto 5px auto; }
.prolist li a{ font-size:12px; line-height:20px;}
.member .prolist li{ width:25%;}

/** prodetail 内页产品详细介绍 **/
.prodetail .album{ height:380px;}
.prodetail .maximg{height:300px;}
.prodetail .maximg img.small{ max-width:400px; max-height:300px; border:solid #ddd 1px; margin:0 auto;}
.prodetail .maximg img{ max-width:none;}
.prodetail .gallery{ clear:both; overflow:hidden; margin:10px 0;}
.gallery img{ float:left; width:60px; height:60px; border:solid #ccc 1px; padding:1px; display:block; max-width:none; margin:0 2px;}
.gallery a.cur img{ border-color:#c00; border-width:2px;}


/*放大镜*/
.zoomPad{
	position:relative;
	float:left;
	z-index:2;
	cursor:crosshair;
}

.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:solid #f00 1px;
  z-index:101;
  cursor:crosshair;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:999;
	width:100%;
	height:100%;
	display:none;
}

.zoomWindow{
	position:absolute;
	right:-100%;
	top:40px;
	background-color:#FFF;
	height:auto;
  z-index:999;
}
.zoomWrapper{
	position:absolute;
	border:1px solid #999;
  z-index:999;
  left:0;
  top:0;
	background-color:#FFF;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

.album-text{ float:right; width:300px;}
.album-text .sc{ display:inline-block; background:#f2f2f2 url(images/i_sc.png) no-repeat 6px center; border:solid #ddd 1px; padding:0 20px 0 40px; line-height:28px; margin:10px 0; border-radius:5px;}

.prodetail h2 { clear:both; margin:20px 0; padding:0 0 0 10px; background:none;  font-size:14px; line-height:40px; color:#666; border-bottom:dashed 1px #444; text-transform:uppercase; }
.prodetail .album-text h2 { margin:0;}
.prodetail .album-text ul { margin:0 0 50px 0; padding:0; list-style:none; }
.prodetail .album-text li { line-height:30px; border-bottom:dashed #ddd 1px; padding-left:10px; }
.prodetail .album-text li b { font-size:16px; line-height:30px; }
.prodetail .album-text li strong { font-size:14px; line-height:30px; color:#f00; }
.prodetail .album-text li span { width:350px; float:left; padding:10px; }
.prodetail .album-text li pre{width:350px; display:block; white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */word-wrap: break-word; /* Internet Explorer 5.5+ */  }
.prodetail .contents { overflow:hidden; }
.prodetail .contents table { width:90%; margin:0 auto; border:solid #000 1px; border-collapse:collapse; }
.prodetail .contents table th,
.prodetail .contents table td {border:solid #000 1px; padding:3px;}


/** back **/
.back { margin-top:20px; }
.back a{ display:block; width:80px; height:24px; line-height:24px; padding:0; border:solid #000 1px; border-top:solid #444 1px; border-left:solid #444 1px; background-color:#333; text-align:center; color:#fff; cursor:pointer; font-size:14px; text-transform:uppercase; border-radius:5px; position:relative; }
.back a:hover{ border:solid #444 1px; border-top:solid #000 1px; border-left:solid #000 1px;}


/** Message Form **/
.well{ margin:20px 100px; padding:20px; background-color:#ffc; border-radius:5px; color:#00AB4E;  font-size:18px; line-height:24px;  text-align:center;}
.messageForm{ color:#666; font-size:12px;}
.messageForm .css input,
.messageForm .css textarea{ border:solid #444 1px; padding:3px; width:400px; background-color:#111; color:#ccc;}
.messageForm .btn input{ width:80px; height:24px; line-height:24px; padding:0; border:solid #111 1px; border-top:solid #666 1px; border-left:solid #666 1px; background-color:#444; text-align:center; color:#fff; cursor:pointer; font-size:14px; text-transform:uppercase; border-radius:5px; }
.messageForm .btn input:hover{border:solid #666 1px; border-top:solid #111 1px; border-left:solid #111 1px; }
#captchacode{ width:80px;}

/** contact **/
.contact .fl{ width:240px;}
.contact .fr{ width:730px;}
.contact li{background:url(images/t_ico.jpg) no-repeat 5px 6px; padding-left:20px; }

.cform{ margin-top:30px; padding-top:30px; border-top:dashed #444 1px;}


/** gallery **/
/*.gallery{ position:relative; }
.gallery h1{ background:#f7f7f7; border:solid #EEF3FA 3px; height:60px;  font-size:18px; line-height:60px;  margin-bottom:20px;}*/
.caselist li{ overflow:hidden; padding:24px 0; border-bottom:solid #ddd 1px; }
.caselist li img{ float:left; width:240px; height:160px; margin-right:20px;}
.caselist li a.t{ color:#0667B4; font:22px/24px "";}
.caselist li a.t:hover{ color:#09f;}
.caselist li em{ font-style:normal; color:#666; display:block;}
.caselist li p{ margin:10px 0 0;}
.caselist .more{ color:#0667B4; background:url(images/i_3j2.jpg) no-repeat 0 center; padding-left:10px;}
.caselist .more:hover{ color:#09f;}


/*.caselist li:nth-child(4n+5){ clear:left;}
.casenav{}
.casenav li{ }
*/

/** dowloads **/
#post-down table{ width:100%; border-collapse:collapse; }
#post-down table,
#post-down th,
#post-down td{ border:solid #ccc 1px; text-align:center;}
#post-down th{ background-color:#eee; color:#666; line-height:30px;}
#post-down td{ line-height:24px;}
#post-down td a{ text-decoration:underline;}

.down-search{ margin-bottom:20px;}
.down-search .key{ width:200px; height:30px; line-height:30px; padding:0 12px; border:solid #ccc 1px;}
.down-search .btn{ height:30px; line-height:30px; border:solid #ccc 1px; background-color:#999; color:#fff; }


/** sitemap **/

.sitemap img{    }
.sitemap .odd-column{ width:1002px; margin:0 auto;}
.sitemap .odd-column  h1{ padding:0; text-align:center; font-size:32px; line-height:86px; margin:0 0 30px 0; overflow:hidden; }
.sitemap ul{ margin:10px 20px;}
.sitemap li a{ background:url(images/i_lnav.png) no-repeat 0 center; padding-left:20px;}

/* login form */
.loginform{ border:solid #444 1px; font-size:12px;}
.loginform td b{ font:16px/50px "";}
.loginform .btn{ border:none; background-color:#c00; color:#fff; width:100px; font-size:14px; line-height:30px; text-align:center; margin:10px 0; cursor:pointer;}
.loginform .btn:hover{ background-color:#f00;}


/* register */
.register .f2{color: #c00; font-size:16px; }
.register .btn3 {
width: 220px;
height: 47px;
line-height: 47px;
color: white;
font-size: 20px;
background: #c00;
border: 0;
cursor: pointer;
display:block;
margin:10px 0;
}
.login_tab{ font-size:12px; margin-top:30px;}
.login_tab input{ margin-bottom:10px;}