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

/* 乐清市力特电器厂 2015-05-25 09:21 */
/*body {
	background:#004474;}*/
.CBlue {
	color:#006A91;}
/* header */
.top {
	background:#006A91;
	width:100%;
	height:5px;}
.header {
	background:url(../images/navMap.jpg) no-repeat top right;
	width:980px;
	height:130px;
	margin: 0 auto;
	position:relative;}
.header img.logo {
	position: absolute;
	top: 46px;
	left:0;}
.header .nav {
	width:665px;
	height:90px;
	position: absolute;
	left:200px;
	top:0;
	overflow: hidden;}
.header .nav a {
	color:#333;
	display:block;
	float:left;
	font: 16px/120px "微软雅黑", Tahoma, "黑体", "宋体";
	text-align:center;
	width:90px;
	height:90px;
	margin-right:5px;}
.header .nav a:hover,
.header .nav a.active {
	background:url(../images/navbg.png) no-repeat;
	color:#FFF;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.7);}
.header .setup {
	width:77px;
	position:absolute;
	top:30px;
	right:3px;}
.header .setup a {
	background:url(../images/icon-arrow.png) no-repeat 8px center #FFF;
	border:#D9D9D9 1px solid;
	color:#868686;
	display:block;
	float:left;
	font: 12px/20px "微软雅黑", Tahoma, "黑体", "宋体";
	width:58px;
	height:20px;
	padding:0 0 0 19px;
	margin-bottom:10px;}
.header .setup a:hover {
	border:#006A91 1px solid;
	color:#006A91;}

/* banner */
.banner {
	width:100%;
	height:280px;
	position:relative;
	overflow:hidden;}
.banner #slider {
	width:100%;
	height:280px;
	margin:0 auto;
	position:relative;
	overflow:hidden;}
.banner #slider .slice {
	background-position:center top;
	width:100%;
	display:block;
	position:absolute;
	z-index:0;
	height:100%;}
.banner #slider .controlNav {
	display:none;}
.banner #slider .nivo-directionNav {
	width:980px;
	height:140px;
	margin:60px auto 0 auto;
	position:relative;
	z-index:99;}
.banner #slider .nivo-directionNav a {
	background:url(../images/banner-pre-next.png) no-repeat;
	cursor:pointer;
	display:block;
	float:left;
	text-indent:-500px;
	width:50px;
	height:140px;
	position:relative;
	overflow:hidden;}
.banner #slider .nivo-directionNav a.nivo-prevNav {
	background-position:top left;}
.banner #slider .nivo-directionNav a.nivo-nextNav {
	background-position:top right;
	float:right;}

/* main */
.main {
	background:#FFF;
	width:980px;
	margin:0 auto;}
.main .index {
	float:left;
	width:980px;}
.main .index .rim {
	border:#DDD 1px solid;
	position:relative;
	overflow:hidden;}
.main .index h3 {
	background:url(../images/indextitlebg.png) no-repeat 0 10px #FFF;
	color:#FFF;
	display:block;
	float:left;
	width:100%;
	height:40px;
	padding:22px 0 0 30px;}

.main .index .moduleProducts {
	float:left;
	width:318px;
	height:460px;}
.main .index .moduleProducts dl {
	float:left;
	width:308px;
	margin:10px 0 0 10px;}
.main .index .moduleProducts dl dt {
	display:block;
	float:left;
	width:308px;
	height:75px;
	margin-bottom:10px;}

.main .index .moduleNews {
	float:left;
	width:378px;
	height:460px;}
.main .index .moduleNews dl,
.main .index .moduleNews dl dt {
	float:left;
	width:378px;
	margin-top:10px;}
.main .index .moduleNews dl dt {
	background:url(../images/icon-arrow.png) no-repeat left center;
	font: 12px/26px "微软雅黑", Tahoma, "宋体";
	text-indent:10px;
	width:350px;
	margin:0 3px 0 15px;}
.main .index .moduleNews dl dt a {
	float:left;
	width:270px;
	height:26px;
	position:relative;
	overflow:hidden;}
.main .index .moduleNews dl dt span {
	color:#999;
	float:right;}
.main .index .moduleNews dl dt.pic {
	background:url(../images/icon-arrow.png) no-repeat left 10px;
	border-bottom:#DDD 1px solid;
	width:348px;
	padding-bottom:10px;
	margin-bottom:5px;}
.main .index .moduleNews dl dt.pic a {
	width:348px;}
.main .index .moduleNews dl dt.pic img {
	float:left;
	margin-left:10px;}
.main .index .moduleNews dl dt.pic p {
	color:#999;
	float:left;
	line-height:18px;
	text-indent:24px;	
	width:228px;
	padding-left:10px;}

.main .index .moduleCase {
	float:right;
	width:258px;
	height:179px;}
.main .index .moduleCase dl,
.main .index .moduleCase dl dt {
	float:left;
	width:248px;}
.main .index .moduleCase dl dt {
	background:url(../images/icon-arrow.png) no-repeat left center;
	font: 12px/24px "微软雅黑", Tahoma, "宋体";
	text-indent:10px;
	width:233px;
	margin:0 0 0 15px;}
.main .index .moduleCase dl dt a {
	float:left;
	width:233px;
	height:24px;
	position:relative;
	overflow:hidden;}

.main .index .moduleContact {
	background:url(../images/index-contact.png) no-repeat right bottom;
	float:right;
	font: 14px/22px "微软雅黑", Tahoma, "宋体";
	width:243px;
	height:260px;
	padding:10px 0 0 15px;}


.conceptProduct {
	border:#DDD 1px solid;
	font: 14px/40px "微软雅黑", Tahoma, "宋体";
	width:963px;
	height:40px;
	margin: 10px auto 0 auto;
	padding:0 0 0 15px;}

/* sub */
.main .sub {
	float:left;
	width:980px;}
.main .sub .moduleLeft {
	float:left;
	width:260px;
	position:relative;}
.main .sub .moduleLeft h3 {
	background:#006A91;
	color:#FFF;
	font: 18px/50px "微软雅黑", Tahoma, "宋体";
	width:240px;
	height:50px;
	padding:0 0 0 20px;
	position:relative;
	z-index:9;}
.main .sub .moduleLeft .rim {
	border:#DDD 1px solid;
	float:left;
	width:258px;
	margin:-1px 0 0 0;
	position:relative;
	z-index:0;}
.main .sub .moduleLeft dl dt {
	background:url(../images/sub-left-abg.png) repeat-x;
	border-bottom:#EFEFEF 1px solid;
	float:left;
	font: 14px/30px "微软雅黑", Tahoma, "宋体";
	width:248px;
	padding-left:10px;}
.main .sub .moduleLeft dl dt.no {
	border:none;}
.main .sub .moduleLeft .tel {
	background:url(../images/icon-tel.png) no-repeat;
	float:left;
	font: 22px/30px "微软雅黑", Tahoma, "宋体";
	width:193px;
	height:35px;
	margin-top:10px;
	padding:25px 0 0 67px;}

.main .sub .moduleRight {
	float:right;
	width:710px;
	position:relative;}
.main .sub .moduleRight h3 {
	background:#006A91;
	color:#FFF;
	float:left;
	font: 24px/50px "微软雅黑", Tahoma, "宋体";
	width:690px;
	height:50px;
	padding:0 0 0 20px;}
.main .sub .moduleRight .location {
	color:#999;
	float:left;
	font: 14px/40px "微软雅黑", Tahoma, "宋体";
	text-align:right;
	width:710px;}
.main .sub .moduleRight .content {
	float:left;
	width:710px;}


/* sub */
.subProducts {
	float:left;
	width:710px;
	position:relative;
	overflow:hidden;}
.subProducts dl {
	float:left;
	width:720px;}
.subProducts dl dt {
	border:#DDD 1px solid;
	float:left;
	text-align:center;
	width:168px;
	height:175px;
	margin:0 10px 10px 0;
	position:relative;
	overflow:hidden;}
.subProducts dl dt img {
	width:140px;
	height:140px;}
.subProducts dl dt div {
	background:url(../images/sub-left-abg.png) repeat-x;
	border-top:#DDD 1px solid;
	float:left;
	font: 14px/30px "微软雅黑", Tahoma, "宋体";
	width:148px;
	height:30px;
	padding:0 10px;}

.subCase {
	float:left;
	width:710px;
	position:relative;
	overflow:hidden;}
.subCase dl {
	float:left;
	width:710px;}
.subCase dl dt {
	border-bottom:#EEE 1px dotted;
	float:left;
	width:710px;
	padding:15px 0;
	position:relative;
	overflow:hidden;}
.subCase dl dt img {
	border:#DDD 1px solid;
	float:left;
	width:160px;
	height:120px;
	padding:5px;}
.subCase dl dt h4,
.subCase dl dt p,
.subCase dl dt span {
	display:block;
	float:left;
	width:523px;
	padding-top:10px;
	padding-left:15px;}
.subCase dl dt p {
	color:#999;
	line-height:180%;
	text-indent:24px;
	padding-top:6px;}
.subCase dl dt span {
	text-align:right;}

.subNews {
	float:left;
	width:710px;
	position:relative;
	overflow:hidden;}
.subNews dl {
	float:left;
	width:710px;}
.subNews dl dt {
	background:url(../images/icon-arrow.png) no-repeat 10px center;
	border-bottom:#EEE 1px dotted;
	float:left;
	font: 14px/100% "微软雅黑", Tahoma, "宋体";
	width:710px;
	padding:12px 0;
	position:relative;
	overflow:hidden;}
.subNews dl dt a {
	float:left;
	text-indent:24px;}
.subNews dl dt span {
	color:#999;
	float:right;}

.subContact {
	background:url(../images/contact.png) no-repeat right bottom;
	float:left;
	font: 14px/200% "微软雅黑", Tahoma, "宋体";
	width:340px;
	height:350px;
	padding:50px 300px 50px 50px;}

.subDetail {
	float:left;
	width:710px;
	position:relative;
	overflow:hidden;}
.subDetail h1 {
	background:#F6F6F6;
	border-bottom:#DDD 2px solid;
	color:#006A91;
	display:block;
	float:left;
	font: 25px/150% "微软雅黑", Tahoma, "黑体", "宋体";
	text-align:center;
	width:670px;
	padding:20px;}
.subDetail .more {
	color:#999;
	display:block;
	float:left;
	font: 14px/150% "微软雅黑", Tahoma, "黑体", "宋体";
	text-align:center;
	width:710px;
	padding:20px 0;}
.subDetail .Content {
	color:#333;
	display:block;
	float:left;
	font: 14px/180% "微软雅黑", Tahoma, "宋体";
	text-align:left;
	width:710px;
	padding-bottom:20px;}
.subDetail .Content p,
.subDetail .Content div {
	font: 14px/180% "微软雅黑", Tahoma, "宋体";}
.subDetail .share {
	border-top:#CCC 1px dotted;
	display:block;
	float:left;
	width:710px;
	padding:10px 0;}
.subDetail .productShow {
	float:left;
	width:710px;
	padding:20px 0;}
.subDetail .productShow .pic {
	border:#DDD 1px solid;
	float:left;
	width:280px;
	height:280px;
	padding:10px;
	position:relative;
	overflow:hidden;}
.subDetail .productShow .property {
	float:right;
	width:390px;}
.subDetail .productShow .property .name,
.subDetail .productShow .property .model,
.subDetail .productShow .property .function {
	float:left;
	font: 16px/30px "微软雅黑", Tahoma, "宋体";
	width:390px;}
.subDetail .productShow .property div font {
	color:#006A91;
	font-weight:bold;}
.subDetail .productShow .property .function font {
	display:block;
	float:left;}
.subDetail .productShow .property .function p {
	display:block;
	float:right;
	width:308px;}
.subDetail .productShow .title {
	border-bottom:#006A91 2px solid;
	float:left;
	width:710px;
	margin-top:20px;}
.subDetail .productShow .title span {
	background:#006A91;
	color:#FFF;
	display:block;
	float:left;
	font: 18px/35px "微软雅黑", Tahoma, "宋体";
	width:auto;
	padding:0 20px;}
.subDetail .productShow .content {
	color:#333;
	display:block;
	float:left;
	font: 14px/180% "微软雅黑", Tahoma, "宋体";
	text-align:left;
	width:710px;
	padding:20px 0;}

/* footer */
.footer {
	background:#006A91;
	width:100%;
	height:50px;
	margin-top:20px;}
.footer .content {
	width:980px;
	margin:0 auto;}
.footer .content h3 {
	color:#FFF;
	font: 22px/50px "微软雅黑", Tahoma, "宋体";
	width:100%;}
.footer .content .product {
	float:left;
	width:500px;}
.footer .content .product a {
	background:url(../images/icon-do-footer-a.png) no-repeat left center;
	color:#AAAECE;
	display:inline;
	float:left;
	font: 12px/150% "微软雅黑", Tahoma, "宋体";
	text-shadow: 0 1px 1px rgba(0, 0 , 0,0.5);
	width:100%;
	padding-left:8px;
	clear:both;}
.footer .content .product a:hover {
	color:#FFF;}
.footer .content .product .list {
	border-right:#6E76AA 1px solid;
	float:left;
	width:190px;
	padding-right:30px;}
.footer .content .contact {
	float:left;
	width:400px;
	padding-left:30px;}
.footer .content .contact .name {
	color:#AAAECE;
	font-size:20px;}
.footer .content .contact .tel {
	background:url(../images/footer-icon.png) no-repeat;
	color:#FFF;
	font: 20px/26px "微软雅黑", Tahoma, "宋体";
	text-indent:30px;
	height:26px;
	margin-top:10px;}
.footer .content .contact .address {
	background:url(../images/footer-icon.png) no-repeat 0 -36px;
	color:#AAAECE;
	font: 14px/22px "微软雅黑", Tahoma, "宋体";
	text-indent:30px;
	height:22px;
	margin-top:10px;}
.copyright {
	background:#283371;
	border-top:#6E76AA 1px dashed;
	color:#AAAECE;
	font: 16px/40px "微软雅黑", Tahoma, "宋体";
	text-align:center;
	text-shadow: 0 1px 1px rgba(0, 0 , 0,0.5);
	width:100%;
	height:41px;}
/* 404 */
.error404 {
	background:url(../images/Error404.png) no-repeat #FFF;
	width:586px;
	height:272px;
	margin:10% auto 0 auto;}