@charset "utf-8";
@import "global.css";
@import "base.css";

/*
 * 逗号建站
 * 美工设计&程序开发: 逗号米, E-mail: igernr3@qq.com, QQ:157768805
 * 官方网站：http://www.douhaozhan.com
 */
 
/* 温州沃瑞箱柜有限公司 2014-05-30 14:40 */
.h700 {
	height:700px;}
.h400 {
	height:400px;}
body {
	background:url(../images/body_bg.jpg) repeat-x;
	color:#666;}
a {
	color:#666;}
a:hover {
	color:#0061AE;}
.header {
	width:1000px;
	height:125px;
	margin:0 auto;
	position:relative;}
.header img.logo {
	position:absolute;
	top:35px;
	left:0;}
.header img.tel {
	position:absolute;
	top:27px;
	right:0;}

.mainNB {
	width:100%;
	position:relative;}

.mainNB .nav {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:9999}
.mainNB .nav .navbg {
	background:#000;
	/*background:#0061AE;*/
	width:100%;
	height:55px;
	filter:alpha(Opacity=30);
	-moz-opacity:0.3;
	opacity: 0.3;
	position:absolute;
	z-index:1}
.mainNB .nav .navLink {
	width:100%;
	position:absolute;
	z-index:2;}
.mainNB .nav .navLink ul {
	display:block;
	width:1000px;
	height:55px;
	margin:0 auto;
	position:relative;
	overflow:hidden;}
.mainNB .nav .navLink ul li {
	display:block;
	float:left;
	width:110px;}
.mainNB .nav .navLink ul li a {
	color:#FFF;
	display:block;
	float:left;
	font-size:20px;
	line-height:55px;
	text-align:center;
	width:110px;
	position:relative;
	overflow:hidden;}
.mainNB .nav .navLink ul li a.s {
	font-size:12px;
	line-height:26px;
	width:100px;
	height:26px;
	padding:0 5px;
	overflow:hidden;}
.mainNB .nav .navLink ul li a.s:hover {
	/*background:#E6222A;*/
	background:rgba(255, 255, 255, 0.2);
	_background:#FFF;
	border-radius: 5px;
	color:#FFF;}
.mainNB .nav .navLink ul li a.active {
	background:#E6222A;
	/*line-height:75px;
	height:65px;
	margin-top:-10px;*/}
.mainNB .banner {
	/*background:url(../images/banner1.jpg) no-repeat top center;*/
	text-align:center;
	width:100%;
	height:700px;
	position:absolute;
	top:0;
	left:0;
	z-index:9}
.mainNB .banner #slider {width:100%;max-width:1440px;_width:1440px;height:700px;margin:0 auto;position:relative;overflow:hidden;}
.mainNB .banner #slider .slice {display:block;position:absolute;z-index:50;height:100%;}
.mainNB .banner #slider .controlNav {position:absolute;bottom:15px;left:50%;z-index:100; margin-left:-30px;}
.mainNB .banner #slider .controlNav a {background:#fff;cursor:pointer;box-shadow: 0 1px 1px rgba(0,0,0,0.2);display:block;float:left;text-indent: -5000px;width:20px;height:20px;margin-left:10px; border-radius:10px;}
.mainNB .banner #slider .controlNav a.active {background:#0061AE;}


.mainNB .subBanner {
	width:100%;
	height:400px;
	position:absolute;
	top:0;
	left:0;
	z-index:9}
.mainNB .subBanner .sb {
	width:100%;
	height:400px;}
.mainNB .subBanner .about {
	background:url(../images/about.jpg) no-repeat top center #FFF;}
.mainNB .subBanner .news {
	background:url(../images/news.jpg) no-repeat top center #FFF;}
.mainNB .subBanner .honor {
	background:url(../images/honor.jpg) no-repeat top center #FFF;}
.mainNB .subBanner .join {
	background:url(../images/join.jpg) no-repeat top center #FFF;}
.mainNB .subBanner .download {
	background:url(../images/download.jpg) no-repeat top center #FFF;}
.mainNB .subBanner .feedback {
	background:url(../images/feedback.jpg) no-repeat top center #FFF;}
.mainNB .subBanner .product {
	background:url(../images/sub_banner.jpg) no-repeat top center #0061AE;}
.mainNB .subBanner .contact {
	background:url(../images/contact.jpg) no-repeat top center #FFF;}

/* 首页模块 */
.indexModule {
	background:url(../images/index.jpg) no-repeat;
	width:1000px;
	height:288px;
	padding:30px 30px 10px 30px;
	margin:0 auto 20px auto;}
.indexModule .m1 {
	float:left;
	width:266px;}
.indexModule .m1 .about {
	color:#666;
	line-height:150%;
	float:left;}
.indexModule .m1 .news {
	color:#AAA;
	float:left;
	width:266px;
	margin-top:15px;}
.indexModule .m1 .news a {
	background:url(../images/icon_arrow.gif) no-repeat left center;
	color:#666;
	line-height:26px;
	width:254px;
	padding-left:12px;}
.indexModule .m2 {
	/*border:#E8E8E8 1px solid;*/
	float:left;
	width:376px;
	height:250px;
	margin-left:30px;
	position:relative;}
.indexModule .m2 .tit {
	background:url(../images/index_pro.png) no-repeat;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	line-height:35px;
	text-indent:22px;
	width:135px;
	height:35px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;}
.indexModule .m2 .list {
	border:#E8E8E8 1px solid;
	width:374px;
	height:248px;
	position:absolute;
	overflow:hidden;
	z-index:1;}
.indexModule .m2 .list ul.sliderPic {
	width:374px;
	height:248px;
	position:absolute;
	z-index:0;}
.indexModule .m2 .list ul.sliderPic li {
	height:248px;
	overflow:hidden;}
.indexModule .m2 .list ul.sliderNav {
	width:auto;
	height:20px;
	position:absolute;
	right:5px;
	bottom:0;}
.indexModule .m2 .list ul.sliderNav li {
	background:#FFF;
	border-radius:8px;
	cursor:pointer;
	float:left;
	font: 0px/0px Tahoma;
	width:15px;
	height:15px;
	margin-right:5px;}
.indexModule .m2 .list ul.sliderNav li.active {
	background:#005197/*#E62129*/;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);}
.indexModule .m3 {
	font-size:14px;
	line-height:150%;
	float:left;
	width:238px;
	margin-left:30px;}
.indexModule .m3 img {
	float:left;}

/* 内页 */
.subPage {
	width:1000px;
	margin:0 auto;
	padding:20px 0;}
.subPage .path {
	color:#FFF;
	font-size:24px;
	line-height:50px;
	width:1000px;}
.subPage .path .current {
	background:url(../images/path.jpg) no-repeat top right #0061AE;
	width:auto;
	height:50px;
	padding:0 70px 0 30px;}
.subPage .path .goBack {
	background:url(../images/path.jpg) no-repeat left bottom #0061AE;
	width:auto;
	height:50px;
	padding:0 30px 0 70px;}

/* page leftNav*/
.subPage .class {
	float:left;
	width:250px;
	/* css3*/
	/*box-shadow: 0 0 10px rgba(0, 97, 174, 0.1);*/
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding-bottom:8px;}
.subPage .class h4 {
	background:#0061AE;
	color:#FFF;
	display:block;
	font-weight:normal;
	font-size: 22px;
	line-height:40px;
	text-indent:25px;
	width:250px;
	height:40px;}
.subPage .class .big {
	float:left;
	width:230px;
	padding-top:10px;}
.subPage .class .big a.b {
	background:#EFEFEF;
	border-bottom:#FFF 2px solid;
	color:#333;
	float:left;
	font-size:16px;
	line-height:36px;
	text-indent:15px;
	width:230px;
	margin-left:10px;}
.subPage .class .big .list {
	float:left;
	width:250px;
	padding-bottom:2px;}
.subPage .class .big .list a {
	background:#FFF/*#F4FAFF*/;
	border-bottom:#FFF 1px solid;
	float:left;
	font-size:14px;
	line-height:32px;
	text-indent:15px;
	width:230px;
	margin-left:10px;}
.subPage .class .contact {
	float:left;
	font-size:12px;
	line-height:180%;
	width:230px;
	padding-top:10px;
	margin-left:10px;}

.subPage .content {
	float:left;
	width:1000px;}

.subPage .subAbout {
	  /*background:url(../images/about_bg.jpg) no-repeat left bottom;
	  padding-bottom:320px;*/}

.subPage .subContent {
	float:left;
	width:1000px;
	padding-top:20px;}

/* 内页产品 */
.subPage .subContent .proList {
	float:right;
	width:721px;
	position:relative;
	_overflow:hidden;}
.subPage .subContent .proList ul {
	float:left;
	width:768px;}
.subPage .subContent .proList ul li {
	border:#EEE 1px solid;
	float:left;
	width:187px;
	margin-right:47px;
	padding:10px;
	margin-bottom:40px;
	/* css3*/
	/*border-radius: 5px;*/
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.subPage .subContent .proList ul li:hover {
	border:#CAE6FF 1px solid;
	box-shadow: 0 0 10px rgba(0, 97, 174, 0.3);}
.subPage .subContent .proList ul li img {
	border:#EFEFEF 1px solid;
	float:left;}
.subPage .subContent .proList ul li a.name {
	display:block;
	float:left;
	width:187px;
	padding:8px 0;}
.subPage .subContent .proList ul li a.more {
	color:#F60;
	display:block;
	text-decoration:underline;
	float:left;
	width:187px;}
.subPage .subContent .proList ul li a.more:hover {
	text-decoration:none;}
.subPage .subContent .productDetail {
	background:#FFF;
	float:right;
	width:720px;
	/*box-shadow:0 0 10px rgba(0,0,0,0.2);*/}
.subPage .subContent .productDetail h1 {
	float:left;
	font-size:22px;
	line-height:100%;
	width:720px;
	padding-bottom:20px;}
.subPage .subContent .productDetail .time {
	border-bottom:#EEE 1px solid;
	float:left;
	line-height:50px;
	width:720px;}
.subPage .subContent .productDetail .content {
	float:left;
	font-size:14px;
	line-height:200%;
	width:720px;
	padding:20px 0}
.subPage .subContent .productDetail .share {
	float:left;
	width:720px;}



.subPage .subContent .productDetail {
	float:right;
	width:720px;}
.subPage .subContent .productDetail .pic {
	border:#DDD 1px solid;
	float:left;
	text-align:center;
	width:280px;
	padding:10px;
	position:relative;
	overflow:hidden;}
.subPage .subContent .productDetail .property {
	float:right;
	width:400px;}
.subPage .subContent .productDetail .property .name,
.subPage .subContent .productDetail .property .model,
.subPage .subContent .productDetail .property .function {
	float:left;
	font-size:16px;
	line-height:30px;
	width:400px;}
.subPage .subContent .productDetail .property div font {
	color:#0061AE;
	font-weight:bold;}
.subPage .subContent .productDetail .property .function font {
	display:block;
	float:left;}
.subPage .subContent .productDetail .property .function p {
	display:block;
	float:right;
	width:318px;}
.subPage .subContent .productDetail .title {
	border-bottom:#0061AE 2px solid;
	float:left;
	width:720px;
	margin-top:20px;}
.subPage .subContent .productDetail .title span {
	background:#0061AE;
	color:#FFF;
	display:block;
	float:left;
	font-size:18px;
	line-height:35px;
	width:auto;
	padding:0 20px;}
.subPage .subContent .productDetail .content {
	float:left;
	font-size:14px;
	line-height:200%;
	text-align:left;
	width:720px;
	padding:20px 0;}
	
	


.subPage .subContent .newsList {
	float:right;
	width:720px;}
.subPage .subContent .newsList dl {
	float:left;
	width:720px;}
.subPage .subContent .newsList dl dt {
	background:url(../images/icon_arrow.gif) no-repeat left center;
	border-bottom:#EEE 1px dashed;
	float:left;
	line-height:36px;
	width:720px;}
.subPage .subContent .newsList dl dt a {
	float:left;
	font-size:14px;
	text-indent:12px;}
.subPage .subContent .newsList dl dt span.time {
	color:#999;
	float:right;}
.subPage .subContent .newsList .top {
	border-bottom:#DDD 1px solid;
	float:left;
	width:720px;
	padding-bottom:20px;
	margin-bottom:10px;}
.subPage .subContent .newsList .top img {
	border:#EEE 1px solid;
	float:left;
	padding:2px;}
.subPage .subContent .newsList .top a.title {
	color:#333;
	float:left;
	font-weight:bold;
	font-size:14px;
	width:480px;
	padding:10px 0 0 20px;}
.subPage .subContent .newsList .top p {
	color:#999;
	float:left;
	font-size:12px;
	line-height:24px;
	width:480px;
	padding:10px 0 0 20px;}
.subPage .subContent .newsDetail {
	background:#FFF;
	float:right;
	width:720px;
	/*box-shadow:0 0 10px rgba(0,0,0,0.2);*/}
.subPage .subContent .newsDetail h1 {
	float:left;
	font-size:22px;
	line-height:100%;
	width:720px;
	padding-bottom:20px;}
.subPage .subContent .newsDetail .time {
	border-bottom:#EEE 1px solid;
	float:left;
	line-height:50px;
	width:720px;}
.subPage .subContent .newsDetail .content {
	float:left;
	font-size:14px;
	line-height:200%;
	width:720px;
	padding:20px 0}
.subPage .subContent .newsDetail .share {
	float:left;
	width:720px;}

.subPage .subContent .commonBox {
	float:right;
	width:720px;}
.subPage .subContent .commonBox .tips {
	border-bottom:#EEE 1px dashed;
	color:#999;
	float:left;
	font-size:12px;
	width:720px;
	padding-bottom:10px;
	margin-bottom:20px;}
.subPage .subContent .commonBox .tips h2 {
	color:#333;
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;}
.subPage .subContent .commonBox .contact {
	float:left;
	font-size:16px;
	line-height:200%;
	width:720px;}
.subPage .subContent .commonBox .feedback {
	float:left;
	width:720px;}
.subPage .subContent .commonBox .feedback td {
	font-size:14px;
	padding:20px;}
.subPage .subContent .commonBox .feedback td input,
.subPage .subContent .commonBox .feedback td textarea {
	border:#CCC 1px solid;
	width:250px;
	height:30px;
	padding:0 10px;}
.subPage .subContent .commonBox .feedback td textarea {
	width:420px;
	height:100px;}
.subPage .subContent .commonBox .feedback input,
.subPage .subContent .commonBox .feedback textarea {
	box-shadow: 0 0 8px #EEE;  
    -webkit-box-shadow: 0 0 8px #EEE; 
    -moz-box-shadow: 0 0 8px #EEE;
	border-radius: 5px;
	border:#DDD 1px solid;
	line-height:30px;
	height:30px;
	padding:0 8px;}
.subPage .subContent .commonBox .feedback textarea {
	line-height:26px;}
.subPage .subContent .commonBox .feedback input:hover,
.subPage .subContent .commonBox .feedback textarea:hover,
.subPage .subContent .commonBox .feedback input:focus,
.subPage .subContent .commonBox .feedback textarea:focus {
	box-shadow: 0 0 8px #92B8D8;  
    -webkit-box-shadow: 0 0 8px #92B8D8; 
    -moz-box-shadow: 0 0 8px #92B8D8;
	border-radius: 3px;
	border:#92B8D8 1px solid;}
.subPage .subContent .commonBox .feedback .bnt,
.subPage .subContent .commonBox .feedback .bnt:hover {
	background:#2571B1;
	border:none;
	box-shadow:none;
	color:#FFF;
	font-size:16px;
	width:120px;
	height:40px;}
.subPage .subContent .commonBox .feedback .reset,
.subPage .subContent .commonBox .feedback .reset:hover {
	background:#999;
	box-shadow:none;}



/* 底部模块 */
.footer {
	background:url(../images/footer_bg.jpg) repeat-x #F2F3F4;
	color:#999;
	padding-bottom:20px;}
.footer .content {
	width:1000px;
	margin:0 auto;
	padding-top:30px;}
.footer .content .gs {
	width:auto;
	position:absolute;
	top:30px;
	left:60px;}
.footer .content p {
	float:left;
	font-size:16px;
	line-height:30px;
	text-align:center;
	width:900px;
	margin-left:100px;}