﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */
/*banner*/
.banner {
	overflow: hidden;
	width: 100%;
	height: 500px;
	margin-top: -23px;
	position: relative;
	z-index: 4;
}
#flashs .bgitem {
	z-index: 1;
	position: absolute;
	top: 0;
}
#flashs .btn {
	position: absolute;
	z-index: 7;
	bottom: 25px;
	left: 50%;
	margin-left: -95px;
	padding: 0px 6px;
}
#flashs .btn span {
	color: #fff;
	background: #333;
	cursor: pointer;
	display: inline-block;
	margin: 0 2px;
	width: 25px;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
}
#flashs .btn span.cur {
	background: #4fa9b5;
}
/*搜索*/
.sousuo {
	overflow: hidden;
	width: 100%;
	height: 55px;
	border-bottom: 1px solid #eee;
	margin-bottom: 50px;
}
.sousuo p {
	font-size: 13px;
	line-height: 55px;
	float: left;
}
.sousuo p b {
	color: #4fa9b5;
}
.sousuo p a {
	color: #333;
	margin: 0 5px;
}
.sousuo .ssBox {
	width: 286px;
	height: 30px;
	background: url(../img/sousuo.png) no-repeat center top;
	float: right;
	margin-top: 14px;
}
.sousuo input {
	float: left;
	outline: none;
	font-size: 13px;
	color: #666;
	width: 220px;
	height: 30px;
	background: none;
	border: none;
	margin-left: 13px;
	line-height: 30px;
}
.sousuo .ssBox a {
	display: block;
	width: 53px;
	height: 30px;
	float: right;
}
/*困惑*/
.kunhuo {
	overflow: hidden;
	height: 470px;
	position: relative;
	background: url(../img/kunhuo.jpg) no-repeat center bottom;
}
.kunhuo p {
	font-size: 16px;
	color: #666;
	text-align: center;
}
.kunhuo h3 {
	font-size: 44px;
	color: #4fa9b5;
	padding-bottom: 18px;
	background: url(../img/titlebg.png) no-repeat center bottom;
	text-align: center;
}
/*解决*/
/*.jiejue{ overflow:hidden; width:100%; height:650px; background-color:#4fa9b5; position:relative}
.jiejue .jjs{ display:block; margin:0 auto;}
.jiejue h3{ font-size:44px; color:#fff; text-align:center; margin-top:50px; margin-bottom:5px;}
.jiejue>p{ font-size:16px; text-align:center; color:#fff; padding-bottom:22px; background:url(../img/titlebgb.png) no-repeat center bottom;}
.jiejue ul{ overflow:hidden; width:980px; margin:0 auto;}
.jiejue ul li{ width:220px; height:339px; background:url(../img/jiejuebg.png) repeat center; float:left; margin:0 12px}
.jiejue .tu{ width:116px; height:116px; margin:0 auto; position:relative; margin-bottom:15px;}
.jiejue .tu img{ display:block}
.jiejue .tu b{ display:block; width:116px; height:116px; background:url(../img/jiejue_k.png) no-repeat center; position:absolute; left:0; top:0;}
.jiejue li h4{ font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
.jiejue li h4 a{ color:#666;}
.jiejue li em{ display:block; width:17px; height:1px; background-color:#4fa9b5; margin:0 auto; margin-bottom:12px;}
.jiejue li p{ font-size:13px; color:#666; line-height:22px; height:90px; overflow:hidden; width:186px; margin:0 auto; margin-bottom:45px;}
.jiejue li .more{ display:block; width:30px; height:30px; background:url(../img/jiejue_more.png) no-repeat center; margin:0 auto;}
.jiejue .moreFa{ display:block; width:340px; height:50px; margin:0 auto; margin-top:40px; background:url(../img/more.png) no-repeat center;}
.jiejue .jjlogo{ display:block; left:50%; bottom:0; margin-left:-490px; position:absolute}*/


/*解决*/
.jiejue {
	overflow: hidden;
	width: 100%;
	height: 750px;
	background-color: #4fa9b5;
	position: relative
}
.jiejue .jjs {
	display: block;
	margin: 0 auto;
}
.jiejue h3 {
	font-size: 44px;
	color: #fff;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 5px;
}
.jiejue>p {
	font-size: 16px;
	text-align: center;
	color: #fff;
	padding-bottom: 22px;
	background: url(../img/titlebgb.png) no-repeat center bottom;
}
.jiejue ul {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
}
.jiejue ul li {
	width: 220px;
	height: 339px;
	background: url(../img/jiejuebg.png) repeat center;
	float: left;
	margin: 0 12px;
	opacity: 0;
filter:(opacity=0)
}
.jiejue .tu {
	width: 116px;
	overflow: hidden;
	height: 116px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 15px;
}
.jiejue .tu img {
	display: block
}
.jiejue .tu b {
	display: block;
	width: 116px;
	height: 116px;
	background: url(../img/jiejue_k.png) no-repeat center;
	position: absolute;
	left: 0;
	top: 0;
}
.jiejue li h4 {
	font-size: 16px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 10px;
}
.jiejue li h4 a {
	color: #666;
}
.jiejue li em {
	display: block;
	width: 17px;
	height: 1px;
	background-color: #4fa9b5;
	margin: 0 auto;
	margin-bottom: 12px;
}
.jiejue li p {
	font-size: 13px;
	color: #666;
	line-height: 15px;
	height: 90px;
	overflow: hidden;
	width: 186px;
	margin: 0 auto;
	margin-bottom: 45px;
}
.jiejue li .more {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/jiejue_more.png) no-repeat center;
	margin: 0 auto;
}
.jiejue .moreFa {
	display: block;
	width: 340px;
	height: 50px;
	margin: 0 auto;
	margin-top: 40px;
	background: url(../img/more.png) no-repeat center;
	display: none;
}
.jiejue .jjlogo {
	display: block;
	left: 50%;
	bottom: 0;
	margin-left: -490px;
	position: absolute
}
.jiejue ul li:hover .tu img {
	animation: yy 0.5s linear
}
@keyframes yy {
 from {
 transform:rotate(0)
}
to {
	transform: rotate(360deg)
}
}
/*product*/
.product {
	overflow: hidden
}
.product .proLeft {
	overflow: hidden;
	width: 220px;
	float: left;
	background-color: #f6f6f6
}
.product .proLeft h3 {
	font-size: 22px;
	text-align: center;
	line-height: 50px;
	height: 50px;
	background-color: #313131;
	margin-bottom: 25px;
}
.product .proLeft h3 a {
	color: #fff
}
.product .proLeft dl {
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
}
.product .proLeft dt {
	width: 100%;
	background: url(../img/pro01.png) no-repeat left center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
.product .proLeft dt a {
	margin-left: 34px;
	color: #333;
	text-decoration: none;
}
.product .proLeft dd {
	overflow: hidden;
	width: 100%;
}
.product .proLeft dd a {
	font-size: 14px;
	color: #333;
	line-height: 35px;
	display: block;
	margin-left: 24px;
	padding-left: 10px;
	text-decoration: none;
}
.product .proLeft dd a.cur, .product .proLeft dd a:hover {
	background: url(../img/pro02.png) no-repeat left center;
	color: #fff;
}
.product .proRight {
	overflow: hidden;
	width: 760px;
	float: right;
}
.product .proRight .title {
	width: 100%;
	height: 50px;
	background-color: #ececec;
	margin-bottom: 40px;
	position: relative;
}
.product .proRight .title b {
	display: block;
	width: 115px;
	height: 6px;
	background: url(../img/pro03.png) no-repeat center;
	position: absolute;
	left: 20px;
	top: 48px;
}
.product .proRight h4 {
	font-size: 25px;
	float: left;
	line-height: 50px;
	margin-left: 24px;
}
.product .proRight h4 a {
	color: #313131
}
.product .proRight .more {
	float: right;
	margin-top: 18px;
	margin-right: 13px;
}
.product .proRight ul {
	overflow: hidden;
}
.product .proRight li {
	float: left;
	width: 230px;
	height: 200px;
	margin-left: 23px;
	margin-bottom: 20px;
}
.product .proRight li img {
	display: block;
	border: 1px solid #eee;
	margin-bottom: 10px;
}
.product .proRight li a {
	text-decoration: none
}
.product .proRight li p {
	font-size: 13px;
	color: #313131;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.product .proRight li:hover img {
	border: 1px solid #4fa9b5
}
/*电气*/
.dianqi {
	overflow: hidden;
	width: 100%;
	height: 640px;
	background: url(../img/dianbg.jpg) repeat center;
	margin-top: 40px;
}
.dianqi .title {
	overflow: hidden;
	margin-top: 55px;
	margin-bottom: 10px;
}
.dianqi .title h3 {
	font-size: 25px;
	padding-left: 10px;
	border-left: 5px solid #4fa9b5;
	float: left
}
.dianqi .title h3 a {
	color: #333;
}
.dianqi .title .more {
	float: right;
}
.dianqi .leftBig {
	overflow: hidden;
	width: 480px;
	float: left;
	background-color: #fff;
	position: relative;
}
.dianqi .leftBig img {
	display: block;
}
.dianqi .leftBig b {
	display: block;
	width: 14px;
	height: 7px;
	background: url(../img/dianqi_s.png) no-repeat center;
	position: absolute;
	left: 30px;
	top: 338px;
}
.dianqi h4 {
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.dianqi h4 a {
	color: #333;
}
.dianqi p {
	font-size: 13px;
	color: #333;
	line-height: 15px;
	margin-left: 20px;
}
.dianqi p a {
	color: #333
}
.dianqi .leftBig p {
	width: 430px;
	height: 45px;
	overflow: hidden;
	margin-bottom: 20px;
}
.dianqi .rightMenu {
	overflow: hidden;
	float: right;
	width: 490px;
}
.dianqi .rightMenu dl {
	overflow: hidden;
	margin-bottom: 13px;
	width: 100%;
	background-color: #fff;
	height: 104px;
	cursor: pointer
}
.dianqi .rightMenu dt {
	float: left;
	overflow: hidden;
	width: 160px;
	height: 104px;
	position: relative;
}
.dianqi .rightMenu dt img {
	display: block
}
.dianqi .rightMenu dt b {
	display: none;
	width: 7px;
	height: 15px;
	background: url(../img/dianqi_ss.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 24px;
}
.dianqi .rightMenu dd {
	overflow: hidden;
	float: left;
}
.dianqi .rightMenu dd p {
	width: 290px;
	height: 30px;
	overflow: hidden;
	margin-bottom: 15px;
}
.dianqi .rightMenu dd em {
	display: block;
	width: 16px;
	height: 1px;
	background-color: #1b1b1b;
	margin-left: 20px;
}
.dianqi .rightMenu dl.cur {
	background-color: #4fa9b5;
}
.dianqi .rightMenu dl.cur a {
	color: #fff;
}
.dianqi .rightMenu dl.cur p {
	color: #fff;
}
.dianqi .rightMenu dl.cur em {
	background-color: #fff;
}
.dianqi .rightMenu dl.cur b {
	display: block
}
/*ad01*/
.ad01 {
	overflow: hidden;
	height: 196px;
	background: url(../img/ad01.jpg) no-repeat center;
	margin-top: -58px;
}
.ad01 .phone {
	background: url(../img/asdf_03.jpg) no-repeat center left;
	overflow: hidden;
	padding: 2px;
	padding-left: 30px;
	margin-top: 107px;
	text-align: center;
	margin-right: 40px;
	float: right;
}
.ad01 h3 {
	font-size: 20px;
	color: #fff;
	font-weight: normal;
}
.ad01 p {
	font-size: 14px;
	color: #fff;
}
/*优势*/
/*.youshi{ overflow:hidden; margin-top:40px; margin-top: 20px; margin-bottom: 30px; *margin-bottom:0;}
.youshi h3{ font-size:50px; color:#e60012; text-align:center; margin-bottom:10px;}
.youshi h3 em{ color:#333;}
.youshi span{ display:block; text-align:center; font-size:22px; color:#424242; padding-bottom:15px; background:url(../img/titlebg.png) no-repeat center bottom; margin-bottom:35px;}
.youshi .youshiList{ overflow:hidden; width:240px; height:540px; *height:490px; float:left; margin: 0 3px 0 2px; position:relative}
.youshi img{ display:block; margin-top:57px; margin-bottom:25px;}
.youshi h4{ font-size:18px; color:#fff; width:100px; height:80px; text-align:center; padding-top:36px; position:absolute; left:70px; top:0}
.youshi .youshiTop h4{ background:url(../img/youshi01.png) no-repeat center;}
.youshi .youshiBtm h4{ background:url(../img/youshi02.png) no-repeat center;}
.youshi p{ font-size:14px; line-height:18px; color:#666; background:url(../img/youshi_f.jpg) no-repeat left 5px; padding-left:10px; margin-bottom:5px; width:90%; margin:0 auto;}
.youshi .youshiBtm{ margin-top:44px;}*/

/*优势*/
.youshi {
	overflow: hidden;
	margin-top: 40px;
*margin-bottom:50px;
*margin-bottom:0;
}
.youshi h3 {
	font-size: 50px;
	color: #e60012;
	text-align: center;
	margin-bottom: 10px;
}
.youshi h3 em {
	color: #333;
}
.youshi span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #424242;
	padding-bottom: 15px;
	background: url(../img/titlebg.png) no-repeat center bottom;
	margin-bottom: 35px;
}
.youshi .youshiList {
	overflow: hidden;
	width: 240px;
	height: 483px;
*height:490px;
	float: left;
	margin: 0 3px 0 2px;
	position: relative;
	padding-top: 57px;
}
.youshi img {
	display: block;
	margin-bottom: 15px;
	display: none
}
.youshi h4 {
	font-size: 18px;
	color: #fff;
	width: 100px;
	height: 80px;
	text-align: center;
	padding-top: 36px;
	position: absolute;
	left: 70px;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0)
}
.youshi .youshiTop h4 {
	background: url(../img/youshi01.png) no-repeat center;
}
.youshi .youshiBtm h4 {
	background: url(../img/youshi02.png) no-repeat center;
}
.youshi p {
	font-size: 14px;
	line-height: 18px;
	color: #666;
	background: url(../img/youshi_f.jpg) no-repeat left 5px;
	padding-left: 10px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 5px;
	display: none
}
.youshi .youshiBtm {
	margin-top: 44px;
}
.youshi .youshiList:hover p {
	color: #4fa9b5
}
/*about*/
.about {
	overflow: hidden;
	width: 100%;
	height: 644px;
	background: url(../img/aboutbg.jpg) no-repeat center top;
	margin-bottom: 50px;
}
.about h3 {
	text-align: center;
	font-size: 34px;
	font-weight: normal;
	margin-top: 55px;
	padding-bottom: 15px;
	background: url(../img/titlebg.png) no-repeat center bottom;
	margin-bottom: 30px;
}
.about h3 a {
	color: #4fa9b5;
}
.about dl {
	overflow: hidden;
	margin-bottom: 25px;
}
.about dt {
	overflow: hidden;
	float: left;
	width: 318px;
	height: 221px;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.about dd {
	overflow: hidden;
	float: right;
	width: 630px;
}
.about dd p {
	font-size: 13px;
	color: #333;
	line-height: 24px;
	height: 144px;
	overflow: hidden;
	margin-bottom: 30px;
	text-align: justify;
}
.about dd a {
	display: block;
	text-decoration: none;
	width: 112px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	float: left;
	margin-right: 2px;
	background-color: #313131;
}
.about dd a:hover {
	background-color: #4fa9b5
}
.about .bgtu {
	overflow: hidden;
	width: 1096px;
	height: 235px;
	margin: 0 auto;
	background: url(../img/about_tu_bg.png) no-repeat center top;
}
.about .aBox {
	position: relative;
	overflow: hidden;
	width: 950px;
	height: 170px;
	background-color: #fff;
	margin: 0 auto;
	border: 15px solid #fff;
}
.about .aBox ul {
	overflow: hidden;
	position: absolute;
}
.about .aBox li {
	float: left;
	width: 228px;
	height: 170px;
	margin-right: 12px;
}
.about .aBox li img {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.about .aBox li p {
	font-size: 13px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
}
/*评价*/
.pingjia {
	overflow: hidden;
	margin-bottom: 55px;
}
.pingjia h3 {
	font-size: 34px;
	text-align: center;
	padding-bottom: 20px;
	background: url(../img/titlebg.png) no-repeat center bottom;
	margin-bottom: 35px;
	font-weight: normal;
}
.pingjia h3 a {
	color: #333;
}
.pingjia .pjBox {
	overflow: hidden;
	width: 100%;
	height: 460px;
	position: relative;
}
.pingjia .pjBox ul {
	overflow: hidden;
	position: absolute
}
.pingjia .pjBox li {
	float: left;
	width: 316px;
	height: 460px;
	margin-right: 16px;
	overflow: hidden
}
.pingjia .pjBox li img {
	display: block;
	margin-bottom: 30px;
}
.pingjia .pjBox li h4 {
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 15px;
}
.pingjia .pjBox li h4 a {
	color: #666;
}
.pingjia .pjBox li p {
	font-size: 13px;
	color: #666;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 20px;
}
.pingjia .pjBox li .more {
	display: block;
	width: 119px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	font-size: 14px;
	color: #4fa9b5;
	border: 1px solid #4fa9b5;
}
.pingjia .pjBox li:hover .more {
	background-color: #4fa9b5;
	color: #fff;
}
/*news*/
.news {
	overflow: hidden;
	margin-bottom: 40px;
}
.news .newsLeft {
	overflow: hidden;
	float: left;
	width: 650px;
}
.news .newsLeft .menu {
	overflow: hidden;
	width: 100%;
	height: 52px;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
.news .newsLeft .menu li {
	width: 50%;
	height: 52px;
	text-align: center;
	line-height: 52px;
	font-size: 20px;
	background-color: #f2f2f2;
	position: relative;
	float: left;
	cursor: pointer;
}
.news .newsLeft .menu li a {
	color: #333;
	text-decoration: none;
}
.news .newsLeft .menu li b {
	display: none;
	width: 12px;
	height: 6px;
	background: url(../img/news_s.png) no-repeat center;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -6px;
}
.news .newsLeft .menu li.cur, .news .newsLeft .menu li:hover {
	background-color: #313131;
}
.news .newsLeft .menu li.cur b, .news .newsLeft .menu li:hover b {
	display: block;
}
.news .newsLeft .menu li.cur a, .news .newsLeft .menu li:hover a {
	color: #fff;
}
.news .newsBox {
	overflow: hidden;
	width: 100%;
	height: 340px;
}
.news .newsWen {
	overflow: hidden;
	width: 650px;
	height: 340px;
}
.news .newsWen dl {
	overflow: hidden;
	margin-bottom: 25px;
	width: 100%;
}
.news .newsWen dt {
	overflow: hidden;
	width: 296px;
	height: 140px;
	border: 2px solid #dcdcdc;
	float: left;
	margin-left: 5px;
}
.news .newsWen dd {
	overflow: hidden;
	width: 320px;
	float: right;
	margin-top: 15px;
}
.news .newsWen dd h4 {
	font-size: 16px;
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news .newsWen dd h4 a {
	color: #666;
}
.news .newsWen dd p {
	font-size: 13px;
	color: #666;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 20px;
}
.news .newsWen dd .more {
	font-size: 13opx;
	color: #666;
}
.news .ulList {
	overflow: hidden;
	width: 300px;
	float: left;
	margin-right: 25px;
}
.news .ulList li {
	font-size: 13px;
	line-height: 40px;
	background: url(../img/news_li.png) no-repeat left center;
	overflow: hidden;
}
.news .ulList li a {
	color: #666;
	display: block;
	width: 200px;
	float: left;
	margin-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news .ulList li span {
	color: #666;
	float: right;
}
.news .wenda {
	overflow: hidden;
	width: 315px;
	float: right;
}
.news .wenda h4 {
	font-size: 20px;
	text-align: center;
	width: 100%;
	height: 52px;
	line-height: 52px;
	font-weight: normal;
	background-color: #f2f2f2;
	margin-bottom: 30px;
}
.news .wenda h4 a {
	color: #333;
}
.news .wenda .wendaBox {
	overflow: hidden;
	width: 290px;
	margin: 0 auto;
	height: 312px;
}
.news .wenda .wendaList {
	overflow: hidden;
	width: 280px;
	margin-bottom: 20px;
}
.news .wenda .wendaList h5 {
	font-size: 13px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: url(../img/wen.gif) no-repeat left center;
	padding-left: 30px;
	line-height: 22px;
	font-weight: normal;
	margin-bottom: 16px;
}
.news .wenda .wendaList h5 a {
	color: #666;
}
.news .wenda .wendaList p {
	font-size: 13px;
	color: #4fa9b5;
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	background: url(../img/da.gif) no-repeat left top;
	padding-left: 30px;
}
/*友情链接*/
.links {
	overflow: hidden;
	border-top: 1px solid #b2b2b2;
	margin-bottom: 30px;
	padding-top: 20px;
}
.links h3 {
	float: left;
	margin-right: 20px;
}
.links ul {
	overflow: hidden;
	float: right;
	width: 870px;
}
.links li {
	float: left;
	margin: 9px 17px;
	font-size: 13px;
}
.links li a {
	color: #333;
}
