@charset "utf-8";
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:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{ font-size:14px;}
html, body {height:100%;}
ul{list-style: none;}
img {border:0;vertical-align:middle;}
body {font: normal 14px/20px "宋体", Helvetica, sans-serif;text-align: center;color:#888;}
a{color:#888;text-decoration: none;}
a:hover {color:#e60504;}
.clear {content:".";clear: both; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden;}
.hidden{ display:none;}
.mw { font-size:13px;}
.mw .inner p {line-height: 26px;}
.mw .inner p .ywtext{line-height: 20px;}
.mw .w{ width:1000px;}
.mw h1,.mw h2,.mw h3,.mw h4,.mw h5,.mw h6{ font-size:13px;}
.mw #indexlogo{ padding:159px 0 246px;}
.mw #indexlogo img{ width:138px;}
.mw .defimg img { width:281px;}
.mw .indexnews{ padding:10px 0 30px;}
.mw #logo { margin: 65px auto 0;}
.mw #logo img{width:109px;}
.mw #main{ width:704px; padding:15px 0 65px 14px;}
.mw #main .inner{ width:688px;}
.mw #main .designtean{ width:81%;}
.mw #nav{ width:109px;}
.mw .nav-ul li{ margin-top:8px; padding-bottom:0; _margin-top:12px;}
.mw .ico-l,.mw .ico-r{ width:14px; height:14px;}
.mw .mune{ height:184px; padding-left:14px;}
.mw .mnico{ width:14px; height:14px; top: -10px;}
.mw .mune ul{ width:143px; height:100%;}
.mw .mune ul li a,.mw .mune ul li a:hover{ margin:13px 0 13px 5px;}
.mw .inner h3{ font-size:18px;}
.mw .inner h3 span{font-size:13px; position:relative; left:10px; top:-2px;}
.mw .banner .productinfo{ height:376px;}
.mw .aboutus li span {top: 3px;}
.mw .aboutus li p {padding: 0 0 0 73px;}
.mw .news h1{ font-size:16px;}

.cw { font-size:12px; margin:0 auto;}
.cw .inner p {line-height: 24px;}
.cw .inner p .ywtext{line-height: 18px;}
.cw .w{ width:1000px; margin:0 auto;}
.cw h1,.cw h2,.cw h3,.cw h4,.cw h5,.cw h6{ font-size:12px;}
.cw #logo { margin:0 auto;}
.cw #logo img{width:292px;}
.cw #main{ width:740px; padding:8px 0 54px 13px;}
.cw #nav{ width:126px;}
.cw .nav-ul li{ margin-top:4px; padding-bottom:0; _margin-top:8px;}
.cw .ico-l,.cw .ico-r{ width:14px; height:14px;}
.cw .mune{ width:190px; height:420px;top:205px; padding-left:13px; padding-bottom:40px;}
.cw .mnico{ width:13px; height:13px; top: -10px;}
.cw .mune ul{ width:190px; height:100%;}
.cw .mune ul li a,.cw .mune ul li a:hover{ margin:10px 0 10px 5px;}
.mune{ position:absolute; left:0; top:10px; height:228px; filter:alpha(opacity=90); opacity:0.9; padding-left:18px;}
.bg0{ background:#47476b;}
.bg1{ background:#66b8ce;}
.bg2{ background:#a99a7d;}
.bg3{ background:#d39377;}
.bg4{ background:#8a6c84;}
.bg5{ background:#CCCCFF;}
.bg6{ background:#CC9966;}
.bg7{ background:#FFCCCC;}
.bg8{ background:#CC9999;}
.bg9{ background:#666666;}
.bg10{ background:#999933;}
.mune ul{ width:145px; height:100%;}
.mune ul li{ height:42px;}
.mune ul li a,.mune ul li a:hover{ display:inline-block; width:100%; height:20px; margin:18px 0 19px 5px; font-family:"Microsoft Yahei"; overflow:hidden;  text-align:left; color:#FFF; cursor:pointer; }
.mune ul li a span{ width:185px; display:inline-block;}
.mune ul li .reltop,.bg1 .m1 span,.bg2 .m2 span,.bg3 .m3 span,.bg4 .m4 span,.bg5 .m5 span,.bg6 .m6 span,.bg7 .m7 span,.bg8 .m8 span,.bg9 .m9 span,.bg10 .m10 span{ position:relative; top:-20px;}
.mune ul .m1,.mune ul .m1 span{ background:#66b8ce;}
.mune ul .m2,.mune ul .m2 span{ background:#a99a7d;}
.mune ul .m3,.mune ul .m3 span{ background:#d39377;}
.mune ul .m4,.mune ul .m4 span{ background:#8a6c84;}
.mune ul .m5,.mune ul .m5 span{ background:#CCCCFF;}
.mune ul .m6,.mune ul .m6 span{ background:#CC9966;}
.mune ul .m7,.mune ul .m7 span{ background:#FFCCCC;}
.mune ul .m8,.mune ul .m8 span{ background:#CC9999;}
.mune ul .m9,.mune ul .m9 span{ background:#666666;}
.mune ul .m10,.mune ul .m10 span{ background:#999933;}
.cw .inner h3{ font-size:16px; font-family:"Microsoft Yahei";}
.cw .inner h3 span{font-size:12px; position:relative; left:10px; top:-2px;}
.cw .banner .productinfo{ height:319px;}
.cw .designprocess .conbd{padding-left:28px;}
.cw .aboutus li span {top: 2px;}
.cw .aboutus li p {padding: 0 0 0 68px;}
.cw .news h1{ font-size:14px;}
#info { text-align:center; color:#9e9e9e; font-size:12px; padding-bottom:10px; font-family:"Microsoft Yahei";}
#info span { margin:0 6px; }
#info span a { display:inline-block; padding:0 3px; }
#info span a:hover { color:#666; text-decoration:none; background:#06c; }
#prev_next {font-size:13px; font-family:"Microsoft Yahei"; height:40px; color:#999; margin-top:30px; padding:15px 20px; background:#f8f8f8; }
#prev_next a { color:#333; font-size:13px; }
#prev_next a:hover { color:#f00; }
.infocontent{ widows:740px; margin:10px 0; overflow:hidden;}
.infocontent img{ max-width:740px;}

.lw .w{ width:760px;}
.lw h1,.lw h2,.lw h3,.lw h4,.lw h5,.lw h6{ font-size:12px;}
.lw #indexlogo{ padding:121px 0 185px;}
.lw #indexlogo img{ width:121px;}
.lw .defimg img { width:213px;}
.lw .indexnews{ padding:10px 0 30px;}
.lw #logo { margin: 49px auto 0;}
.lw #logo img{width:83px;}
.lw #main{ width:533px; padding:8px 0 49px 12px;}
.lw #nav{ width:83px;}
.lw .nav-ul li{ margin-top:1px; padding-bottom:0; _margin-top:6px;}
.lw .ico-l,.lw .ico-r{ width:14px; height:14px;}
.lw .mune{ height:140px;top: 8px;}
.lw .mnico{width:12px; height:12px;}
.lw .mune ul{ width:120px; height:100%; margin:8px 0 0 12px; _margin:2px 0 0 12px;}
.lw .mune ul li a,.lw .mune ul li a:hover{ margin:8px 0 8px 5px;}
.lw .inner h3{ font-size:16px;}
.lw .inner h3 span{font-size:12px; position:relative; left:10px; top:-2px;}
.lw .banner .productinfo{ height:280px;}
.lw .designprocess .conbd{padding-left:29px;}

#indexlogo{ text-align:center;}
#logo {display:inline-block; margin: 81px auto 0; position:relative; z-index:2;}
#logo a{ display:inline-block; float:left;}
#content{ display:inline-block; text-align:left; width:1000px; margin:0 auto; margin-top:90px; position:relative; z-index:3;}
.footer{ line-height:20px; font-size:12px; text-align:center; display:none;}
#content .defimg,#content .indexnews{ text-align:center;}
#indexlogo{ padding:198px 0 306px;}

/*index sign*/
.homewrap{width:660px; height:425px; position: absolute; top:50%; left:50%; margin-top:-205px; margin-left:-330px;}
.homewrap .indexsign{ width:660px;}
.homewrap #indexsign{width:660px; padding:0px;}
.homewrap #indexsign img{ width:660px;}
.homewrap #indexarr{ width:660px; height:35px; padding-top:30px; padding-right:10px; text-align:right; margin:0 auto;}
.homewrap #indexarr a{ padding-right:45px;}
.homewrap #indexarr a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.homewrap .defimg { padding-bottom:5px;}
.homewrap #foot{ margin-top:210px;}

#main{ width:740px; padding:15px 0 81px 18px; float:left;}
#main .banner{ width:740px; margin-top:145px; position:relative; overflow:hidden;}
#main .banner img{ vertical-align:top;}
.banner .productinfo{ position:absolute; left:0; top:0; width:26%; height:472px; filter: alpha(opacity=0); opacity:0; background:#40362a; padding:10px; color:#FFF; display:none; overflow:visible;}
.banner .productinfo a{ color:#FFF; line-height:14px; display:inline-block; margin-bottom:10px; position:relative;}
.banner .productinfo a:hover{ color:#e60504;}
.banner .productinfo .piarr{ display:block; width:12px; height:12px; position:absolute; right:0; top:0;  cursor:pointer; background:url(images/arr.png) no-repeat left top;}
.banner .productinfo .piarr2{ display:block; width:12px; height:12px; position:absolute; right:0; top:0;  cursor:pointer; background:url(images/arr.png) no-repeat left -12px;}
#main .inner{ margin:10px auto; letter-spacing:1px;}
#main .designtean{ width:81%;}
.inner h3{ font-size:20px; font-weight:normal; border-bottom:1px solid #8b8b8b; margin-bottom:25px; padding:3px 0; text-indent:3px;}
.inner h3 span{font-size:14px; position:relative; left:10px; top:-2px;}
.inner p{ line-height:28px;}
.inner p .ywtext{line-height: 22px;}
.content{ padding-bottom:15px;}
.conbd{padding:5px 0 20px;}
.conul li{padding:3px 0;}
.designprocess .conbd{padding-left:33px;}
.designprocess .conul{padding:5px 0;}
.aboutus p{ padding-bottom:10px;}
.aboutus ul{ line-height:24px;}
.aboutus li{ float:left; width:100%; position:relative;}
.aboutus li span{ position:absolute; left:0; top:4px;font-weight: bold;}
.aboutus li p{padding:0 0 0 78px;}
.aboutusimg{ text-align:center; padding:5px 0 30px;}
.gareers ol{ list-style:decimal outside; padding-left:25px; *padding-left:28px;}
.contactus .conleft{ float:left; width:45%;}
.contactus .padtop{ padding-top:10px;}

.newslist h4{padding-bottom:5px;}
.newslist p{padding-bottom:20px;}
.news h1,.news ul,.news .newsimg,.news h4,.news p{padding-bottom:15px;}
.news h1{ text-align:center; font-size:18px; letter-spacing:2px;}
.news .newsimg{ text-align:center; }
.news h4,.news p{ text-indent:30px;}

.product { position:relative; margin-top:5px;}
.product h1{ font-weight:normal;}
.casepage{ position:absolute; right:5px; top:0; width:80px;}
.casepage a{ float:left; font-size:0; text-indent:-9999px;}
.casepage a.ico-r{ float:right;}

#position { margin-top:10px; color:#6a6a6a; font-size:12px; line-height:22px; border-bottom:solid 2px #eaeaea; }
#position span { float:right; }
#position span a { display:inline-block; padding:0 2px; }
#position h3 { color:#6a6a6a; font-size:14px; line-height:22px; }
.products_list { width: 740px; padding:10px 0;}
.products_list ul li { width: 175px; height: 160px; padding: 0 5px; *padding: 0 3px; float: left; text-align: center;  display: block; background:none!important; list-style:none; }
.products_list .img img { width: 170px; height:120px; padding: 3px; border: 1px solid #D1D1D1; }
.products_list .img a:hover img { border-color: #666; filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.products_list .name { margin-top: 6px; font-size:12px; line-height:16px; height:32px;overflow:hidden; }

.pagenavi{clear:both; padding:15px 0; color:#666; font:normal 12px/24px Arial; text-align:left;}
.pagenavi span{ padding:0 5px;}
.pagenavi a{display:inline-block; height:22px; margin:0 2px; padding:0 8px; border:solid 1px #ccc; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; background:#fff; color:#333; font:normal 12px/22px Arial, Helvetica, sans-serif; cursor:pointer;}
.pagenavi a:hover{height:24px; margin:0 3px; border:none; background:#666; color:#fff!important; line-height:24px; text-decoration:none;}
.pagenavi a.select{cursor:default;}

.ico-l,.ico-r,.mnico{ display:block; width:18px; height:18px; background:url(images/ico.jpg) no-repeat; position:relative;}
.casepage .ico-l{ background-position:-143px top;}
.casepage .ico-r{ background-position:-163px top;}
.casepage .ico-l:hover{ background-position:-191px top;}
.casepage .ico-r:hover{ background-position:-211px top;}
.mnico{ position:absolute; left:0; top:-10px; background:none; padding-bottom:10px;}

#nav{ width:134px; float:right;}
.nav-ul li{ margin-top:11px; _margin-top:13px; width:100%; overflow:hidden;}
.nav-ul li a{display:inline-block; width:100%; padding:3px 0; }
.nav-ul li.on a{ border-bottom:1px solid #787993;}
.nav-ul li.on li a{ border-bottom:0;}
.nav-ul li a img{ width:100%;}
.nav-ul li.twolast{ height:1px; line-height:1px; font-size:0px; margin-top:0px; margin-bottom:0px; padding:0px; border-bottom:1px solid #787993;}
/* ==表单样式== */

form{margin:0;padding:0 0 30px 0}
.formgroup{
margin-bottom:10px;
height:28px;
border-bottom:1px #def solid;
background:url(images/icon1.gif) left no-repeat;
font: 14px/28px Verdana, Arial, Helvetica, sans-serif;
padding-left:22px;
font-weight:bold;
}
.formintro{
border:1px #def solid;
margin:10px 0px 20px 0px;
padding:10px;
background:#f7fbfe;
}
.formborder{
margin:0px;
margin-top:-1px;
border:1px #e8e8e8 solid;
padding:12px;
}
.input{border:1px #ddd solid;height:20px;line-height:20px;padding:0px 3px;color:#555;background:#fbfbfb}
.textarea{border:1px #ddd solid;font-size:12px;padding:3px;color:#555;background:#fbfbfb}
.button{border:1px #ddd solid;font: 12px Verdana, Arial, Helvetica, sans-serif;height:22px;line-height:20px;padding:0px 3px;background:#f7f7f7;}
.submit{border:1px #ddd solid;font: 12px Verdana, Arial, Helvetica, sans-serif;height:22px;line-height:20px;padding:0px 3px;background:#f7f7f7;}
.mustfill{color:#ff0000}
.loginlink{cursor:pointer;text-decoration: underline}
.logoutlink{cursor:pointer;text-decoration: underline}

/*banner*/
.banner .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.banner .cl { zoom: 1; }
.banner .frame { margin-bottom: 10px; border: 1px solid #e1e1e1; background: #FFF; }
.banner .title { padding: 0 10px; height: 32px; font-size: 14px; font-weight: 700; line-height: 32px; overflow: hidden; }
.slideshow { clear: both; }
.slideshow li { position: relative; overflow: hidden; }
.slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden; }
.slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF); color: #000; font-weight: 700; }
.banner .frame { background: none; border: 0px solid #fff; margin-bottom: 0px; }
.banner .temp { margin: 0; }
.slidebar { position: absolute; bottom: 5px; right: 4px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; font-family:"Microsoft Yahei"; overflow: hidden; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #ff0; font-weight: 700; }
.slideshow SPAN.title { text-indent: 0px; }
.banner .block { margin: 0;position: relative; }
#frameHlicAe { margin: 0px !important; border: 0px !important; }
.comiis_wrap960, .comiis_wrapad { margin: 0 auto; width: 740px; }
.comiis_wrapad { margin-top: 10px; }
.comiis_wrapad { overflow: hidden; }
.comiis_wrapad img { float: left; margin-top: 0px; }
#slidesImgs li { width: 740px; height: 420px; display: none; }
#slidesImgs li a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}

.rightarr{ width:33px; height:35px; padding-top:5px;}
.rightarr a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.sidecode{ margin-top:185px;}
/*Banner*/
#banner-wrap {
	height: 195px;
	width: 740px;
	position: relative;
}

#banner-wrap #slide-nav {
	position: absolute;
	bottom: 18px;
	right: 18px;
}

#banner-wrap #slide-nav a {
	text-indent: -10000px;
	width: 12px;
	height: 12px;
	background: transparent url("images/banner_icons_on-off.png") no-repeat 0 0;
	display: block;
	float: left;
	margin-right: 8px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	overflow: hidden;
}

#banner-wrap #slide-nav a.activeSlide,
#banner-wrap #slide-nav a:hover {
	background-position: 0 -12px;
}

#banner-cycle, #no-cycle {
	width: 740px;
	height: 195px;
	overflow: hidden;
	position: relative;
}

#banner-cycle a {
	text-decoration: none;
}

#banner-cycle h3 { 
	position: absolute; 
	top: 32px; 
	left: 30px; 
	font-size: 30px;
	line-height: 30px;
	color: #333; 
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.banner-cycle-normal {
	font-weight: normal;
}

#banner-cycle p {
	position: absolute; 
	top: 68px; 
	left: 30px; 
	font-size: 23px; 
	color: #666; 
	margin: 0;
	padding: 0;
	width: 300px;
	
}

.banner-cycle-white { 
	position: absolute; 
	top: 18px; 
	left: 18px; 
	font-size: 30px; 
	color: #fff; 
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#banner-cycle .prod-name {
	position: absolute;
	bottom: 18px;
	left: 18px;
	font-size: 14px;
}

#banner-cycle .prod-name.white {
	color: #fff;
}

#banner-cycle .prod-name .small {
	position: relative;
	top: -4px;
	font-size: 10px;
}

#banner-cycle .prod-name.top-right {
	position: absolute;
	display: none;
	top: 18px;
	right: 18px;
	bottom: auto;
	left: auto;
}

#pager {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 88;
}

#pager a {
	text-indent: -10000px;
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin-left: 8px;
	overflow: hidden;
	background: url('images/banner-pager.png') no-repeat 0 -10px;
}

#pager a:hover,
#pager a.activeSlide {
	background-position: 0 0;
}