@charset "utf-8";
/**
 * global.css 网站全局样式文件
 * @author Sam<353375095@qq.com>
 * @create 2013-09-5
 *
 * #reset
 * #common
 * ------- icons -------
 * #icon
 * #icon-contact 		联系我们的几个图标
 *
 * ------- form -------
 * #searchform
 *
 * ------- button -------
 * #btn-topsearch
 *
 * ------- component -------
 * #menubox 			用于页脚的RTX、Snip导航
 *
 * ------- layout -------
 * #topbar      		顶部区域******************
 * #topbarnav   		顶部导航
 * #content     		内容区域*****************
 * content-leftbar		内页左侧区域
 * content-rightbar		内页右侧区域
 * 
 * 
 * #mainbanner  		#p-index首页-头部深色背景大banner
 * #noticeboard 		#p-index首页-公告栏
 * #showcase    		#p-index首页-三列的大展示模块
 *  
 * #footer      		底部页脚区域***************
 * #footer-inner
 *
 * ------- page -------
 * #p-index 			首页
 * #page1				静态页面模版
 * #page2				新闻页面模版
 * #page3				方案页面模版
 * #page7				常见问题页面模版
 *
 *
 * ------- option -------
 * #locale-zh 			中文
 * #locale-en 			英文
 *
 *
 * #function 			通用方法，放在文件的最末尾，尽量提高规则的优先级
 */
 
@font-face {
    font-family: 'Trajan';
    src: url('../fonts/trajanpro-regular-webfont.eot');
    src: url('../fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trajanpro-regular-webfont.woff') format('woff'),
         url('../fonts/trajanpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'Garamond';
    src: url('../fonts/agaramondpro-regular-webfont.eot');
    src: url('../fonts/agaramondpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/agaramondpro-regular-webfont.woff') format('woff'),
         url('../fonts/agaramondpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/agaramondpro-regular-webfont.svg#AdobeGaramondProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
/* #reset */
html {*overflow-y:auto;
	height: 100%;	/* 去掉IE7下默认出现的滚动条 */
	overflow: hidden;
}
body {
	color: #3e3e3e;
	font: 14px/1.5 Garamond,Tahoma, Geneva, sans-serif;
	background-color: #dcdcdc;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	overflow: hidden;
}
body,dl,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend {margin: 0;}
p,ul,ol,fieldset {margin:0;padding:0;}
table {font-size: inherit;}
fieldset,img {border: none;}
address,caption,cite,code,dfn,th,var {font-style: normal;font-weight: normal;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
abbr,acronym {border: none;font-variant: normal;}
sup {/*vertical-align: text-top;*/line-height:0;margin-right:4px;*position:relative;*top:-6px;*vertical-align:baseline;}
sub {vertical-align: text-bottom;}
input,button,textarea,select {font-family:Tahoma, Geneva, sans-serif;font-size:inherit;line-height:inherit;}
textarea {vertical-align:top;overflow: auto;/* 移除IE下的纵向滚动条 */}
a {color: #000;text-decoration: none;}
a:hover {color: #000;text-decoration: none;}
abbr,acronym {border-bottom: 1px dotted;cursor: help;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* html5 tag */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {display: block;}
audio,
canvas,
video {display:inline-block;*zoom:1;}

/* #common */
.container {width:1000px;margin-left:auto;margin-right:auto;*zoom:1;}
.container:before {display:table;content:"";}
.container:after {display:table;content:"";clear:both;}
.logo {display:inline-block;width:144px;height:169px;outline:0;background-image:url(../images/logo.png);_background-image:url(../images/logo_ie6.png);background-image:-webkit-image-set(url(../images/logo.png) 1x, url(../images/logo_2x.png) 2x);background-repeat:no-repeat;}
.indexlogo {display:inline-block;width:400px;height:86px;outline:0;background-image:url(../images/indexlogo.png);_background-image:url(../images/indexlogo_ie6.png);background-image:-webkit-image-set(url(../images/indexlogo.png) 1x, url(../images/indexlogo_2x.png) 2x);background-repeat:no-repeat;}


/* #icons--------------------------------------------------------------------- */
/* #icon */

.iconmore {display: inline-block;width: 38px;height: 45px;background-image: url(../images/more.png);background-position: left center;	_background-image: url(../images/more_ie6.png);background-image: -webkit-image-set(url(../images/more.png) 1x, url(../images/more_2x.png) 2x);background-repeat: no-repeat;*zoom:1;}

.iconnew {display: inline-block;width: 25px;height: 45px;background-image: url(../images/new.png);background-position: left center;_background-image: url(../images/new.png);background-image: -webkit-image-set(url(../images/new.png) 1x, url(../images/new.png) 2x);background-repeat: no-repeat;*zoom:1;}

.first {display: inline-block;width: 16px;height: 18px;background-image: url(../images/first.png);background-position: left center;_background-image: url(../images/first.png);background-image: -webkit-image-set(url(../images/first.png) 1x, url(../images/first.png) 2x);background-repeat: no-repeat;*zoom:1;font-size: 0px;}

.pre {display: inline-block;width: 16px;height: 18px;background-image: url(../images/pre.png);background-position: left center;_background-image: url(../images/pre.png);background-image: -webkit-image-set(url(../images/pre.png) 1x, url(../images/pre.png) 2x);background-repeat: no-repeat;*zoom:1;}

.next {display: inline-block;width: 16px;height: 18px;background-image: url(../images/next.png);background-position: left center;_background-image: url(../images/next.png);background-image: -webkit-image-set(url(../images/next.png) 1x, url(../images/next.png) 2x);background-repeat: no-repeat;*zoom:1;}

.end {display: inline-block;width: 16px;height: 18px;background-image: url(../images/end.png);background-position: left center;_background-image: url(../images/end.png);background-image: -webkit-image-set(url(../images/end.png) 1x, url(../images/end.png) 2x);background-repeat: no-repeat;*zoom:1;}

.qmark {display: inline-block;width: 32px;height: 30px;background-image: url(../images/mark.png);_background-image: url(../images/mark.png);background-image: -webkit-image-set(url(../images/mark.png) 1x, url(../images/mark.png) 2x);background-repeat: no-repeat;*zoom:1;}



/* 框架 */
#headerwap, #footerwap{
width:100%;
background:#333333;
opacity:0.7;
filter:alpha(opacity=70);
height:20px;
position:absolute;
}
#headerwap{
	top: 0;
	left: 0;
	z-index: 1;
	}
#contentwap{
	width: 960px;
	height: 98%;
	min-height: 630px;
	overflow: hidden;
	margin: auto;
	background-color: #FFF;
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -315px;
	margin-left: -480px;
	}
.page1 #contentwap{
	background-color: transparent;
	}
.page3 #contentwap{
	background-color: transparent;
	}
.page4 #contentwap{
	background-color: transparent;
	}
.page5 #contentwap{
	background-color: transparent;
	}
#footerwap{
	bottom:0;
	left:0;
	z-index: 3;
	}
#indexbannerpic:hover{
	opacity: 0.5;
	}

.mainbanner{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	}
#indexlogo{
	padding-top: 12px;
	padding-left: 8px;
	float: left;
	}
#pagelogo{
	padding-top: 197px;
	padding-left: 34px;
	float: left;
	}
#leftnavi{
	padding-top: 197px;
	padding-left: 34px;
	*padding-left: 0px;
	float: left;
	}

#leftcontentwap{
	background-color: #FFF;
	float: left;
	height: 100%;
	min-height: 630px;
	width: 211px;
	margin-right: 1px;
	}
#centercontentwap{
	float: left;
	height: 100%;
	min-height: 630px;
	width: 211px;
	/*opacity: 0.7;
	filter:alpha(opacity=70);*/
	margin-right: 1px;
	background-image: url(../images/centercontentwapback.png);
	}
#rightcontentwap{
	background-color: #FFF;
	float: left;
	height: 100%;
	min-height: 630px;
	width: 535px;
	}
.bannernotice{
	background-color: #000;
	width: 230px;
	position: absolute;
	z-index: 4;
	left: 610px;
	top: 0px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	font-family: Garamond, Tahoma, Geneva, sans-serif;
	font-size: 20px;
	color: #FFF;
	text-align: left;
	display: inline-block;
	line-height: 25px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	}
.bannercontact{
	background-color: #CCC;
	height: 30px;
	width: 230px;
	position: absolute;
	z-index: 5;
	left: 20px;
	top: auto;
	opacity: 0.9;
	filter: alpha(opacity=9);
	padding-top: 5px;
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
	color: #000;
	}
.texttitle{
	font-size: 18px;
	color: #000;
	letter-spacing: 3px;
	font-family: Trajan, Tahoma, Geneva, sans-serif;
	}
.textdiv{
	width: 495px;
	display: inline-block;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 18px;
	}
.textdivwrap{
	min-height: 320px;
	overflow-y: auto;
	overflow-x: hidden;
	}
.product_picdiv{
	float: left;
	overflow: hidden;
	border-radius: 8px;
	margin-right: 5px;
	height: 80px;
	width: 115px;
	border: 1px solid #d3d3d3;
	background-image: url(../images/picboard.png);
	margin-bottom: 8px;
}
	
/**
 * #page5banner图片条
 */
.page5banner {
	background-color: #e5d2b4;
	background-image: url(../images/mainbanner-background.png);
	background-repeat: no-repeat;
	background-position: center center;
    background-image:-webkit-image-set(url(../images/mainbanner-background.png) 1x, url(../images/mainbanner-background.png.png) 2x);}
.page5banner-ad {height: 500px;}
#slide-index{min-width:535px;width:auto; height:500px; overflow:hidden; position:relative;}
#slide-index .slides{min-width:535px; width:auto; height:500px; }
#slide-index .slide{ min-width:535px; height:500px; float:left; position:relative; }
#slide-index .image{ position:absolute;z-index:0;}
#slide-index .text, #slide-index .button { z-index:2;position:absolute; top:-200px; }
#slide-index .button{ display:none; width:138px;}

#slide-index .control{ position:absolute; bottom:0px; width:535px; text-align:center; height:19px; cursor:pointer; z-index:8;}
#slide-index .control a{ width:11px; height:11px; cursor:pointer; display:inline-block; background-repeat:no-repeat; background-image: url(../images/slideblackdot.png); margin-right:6px; opacity:0.6; filter:alpha(opacity=60);}
#slide-index .control a:hover, #slide-index .control a.active{ background-image:url(../images/slidewhitedot.png); opacity:1; filter:alpha(opacity=100);}

.autoMaxWidth{ overflow:hidden; position:relative;height:500px;}




/*产品列表*/
.list_picboarddiv{
	display: inline-block;
	float: left;
	width: 535px;
	margin-top: 0px;
}
.list_picboard{
	display: inline-block;
	float: left;
	width: 163px;
	height: 244px;
	list-style-type: none;
	margin-bottom: 0px;
}
.list_picboard_right{
	margin-right: 8px;
}
.list_pic_border{
	border: 1px solid #ededed;	
}
.list_bigpic3{
	display: inline-block;
	float: left;
	height: 244px;
	width: 163px;
	list-style: none;
	text-align: center;
}
.page3list_bigpic3{
	display: inline-block;
	float: left;
	height: 70px;
	width: 160px;
	list-style: none;
	text-align: center;
}
.page3list_picboard{
	display: inline-block;
	float: left;
	width: 160px;
	height: 70px;
	list-style-type: none;
	margin-bottom: 18px;
}
.page3list_pic_border{
	border: 2px solid #dddddd;	
}


.list_word2 a{
	font-size: 14px;
}
/**
 * #分页页面
 */

.pagecount{
	display: inline-block;
	text-align: center;
	margin-top: 30px;
}
.pagecount li {
	display: inline-block;
	list-style-type: none;
	margin-right: 5px;
}
.pagecount li a{
	display: inline-block;
	width: 16px;
	height: 18px;
	background-color: #717171;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	line-height: 18px;
}
.pagecount li a:hover{
	background-color: #c72e29;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}
.pagecount-on{
	background-color: #ff9c12!important;
}


	
/* #function 放在文件最末尾，尽量提高规则的优先级 */
.font0 {font-size:0px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font24 {font-size:24px;}

.font-normal {font-weight:normal;font-style:normal;}
.font-bold {font-weight:bold;}
.font-italic {font-style:italic;}

.font-tahoma {font-family:Tahoma;}

.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-hide {text-indent:-9999em;*text-indent:0;*font-size:0;_overflow:hidden;}

.color-text {color:#333;/* 默认字体颜色 */}
.color-black {color:#000;}
.color-gray {color:#575757;}
.color-graylight {color:#999;}
.color-white {color:#fff;}
.color-red {color:#c00;}

.cursor-default{cursor: default;}
.cursor-hand{cursor: hand;}


.border-none {border:none;}

.float-left {float:left;}
.float-right {float:right;}

.hide {display:none;}
.show {display:block;}
.show-block {display:block;}
.show-inlineblock {display:inline-block;}
.show-inline {display:inline;}

.nolist {list-style:none;}

.underline {text-decoration:underline;}
.underline-hover {text-decoration:none;}
.underline-hover:hover {text-decoration:underline;}

.nomargin {margin:0;}
.nopadding {padding:0;}

.clearfix {*zoom:1;}
.clearfix:before {display:table;content:"";}
.clearfix:after {display:table;content:"";clear:both;}

.clearboth {clear:both;}

.inline-block {display:inline-block;*display:inline;*zoom:1;}
.anim-all {-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out;}
.anim-opacity {-webkit-transition:opacity .15s ease-out;-moz-transition:opacity .15s ease-out;transition:opacity .15s ease-out;}