﻿@charset "utf-8";
/*dede58.com 做最好的织梦整站模板下载网站*/
.banner {
	position: relative;
	width: 100%;
	height: 225px;
}
.banner .bd {
	padding: 0;
	background: #fff;
}
.banner .bd li {
	width: 100%;
	height: 404px;
	text-align: center;
}
.banner .hd {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 40px;
	height: 22px;
	margin-left: 50%;
}
.banner .hd ul {
	width: 1900px !important;
	height: 22px !important;
	bottom: 40px;
	text-align: center;
}
.banner .hd li {
	display: inline-block;
	width: 10px !important;
	height: 10px !important;
	margin: 0 14px;
	border: 1px solid #acadad;
	border-radius: 10px;
	text-indent: 999em;
	bottom: 40px;
	float: left;
	text-align: center;
}
.banner .hd li.on {
	border: 1px solid #e2001a;
	border-color: #e2001a;
	background: #e2001a;
	cursor: pointer;
}
.container {
	width: 100%;
	position: relative;
	z-index: 9;
	background-color: #fefdd1;
}
.pas {
	height: 121px; /*margin: 25px 0; */
}
.pas .hd {
	float: left;
	width: 168px;
	overflow: hidden;
}
.pas .bd {
	float: left;
	width: 834px;
	overflow: hidden;
}
.pas .bd li {
	float: left;
	width: 161px;
	height: 121px;
	overflow: hidden;
	background: url(../img/pas_line.jpg) no-repeat right;
}
.pas .bd li a {
	display: block;
	width: 161px;
	height: 121px;
}
.pas .bd .pas1 a {
	background: url(../img/pas_1.jpg) no-repeat;
}
.pas .bd .pas1 a:hover {
	background: url(../img/pas_01.jpg) no-repeat;
}
.pas .bd .pas2 a {
	background: url(../img/pas_2.jpg) no-repeat;
}
.pas .bd .pas2 a:hover {
	background: url(../img/pas_02.jpg) no-repeat;
}
.pas .bd .pas3 a {
	background: url(../img/pas_3.jpg) no-repeat;
}
.pas .bd .pas3 a:hover {
	background: url(../img/pas_03.jpg) no-repeat;
}
.pas .bd .pas4 a {
	background: url(../img/pas_4.jpg) no-repeat;
}
.pas .bd .pas4 a:hover {
	background: url(../img/pas_04.jpg) no-repeat;
}
.pas .bd .pas5 {
	width: 160px;
}
.pas .bd .pas5 a {
	width: 160px;
	background: url(../img/pas_5.jpg) no-repeat;
}
.pas .bd .pas5 a:hover {
	background: url(../img/pas_05.jpg) no-repeat;
}
.fArea {
	width: 100%;
	background: url(../img/bg_container.jpg) repeat;
}
.fArea .wrap {
	padding: 15px 0;
}
.fArea .sub {
	float: left;
	width: 715px;
}
.fArea .main {
	float: right;
	width: 250px;
}
.industries .hd {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 600;
}
.industries .bd {
}
.industries .bd li {
	float: left;
}
.industries .bd li .l {
	width: 282px;
	height: 262px;
	display: none;
}
.industries .bd li .s {
	width: 86px;
	height: 262px;
	display: block;
}
.industries .bd .on .l {
	width: 282px;
	height: 262px;
	display: block;
}
.industries .bd .on .s {
	width: 86px;
	height: 262px;
	display: none;
}
.case {
	margin-bottom: 10px;
	padding: 0 10px;
	background: #2f90d6;
}
.case .hd {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}
.case .bd {
	color: #fff;
}
.case .bd a {
	color: #fff;
}
.case .bd .clist {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #2b82c2;
}
.case .bd .clist .tit {
	line-height: 26px;
	font-weight: 600;
}
.case .bd .clist .intro {
	line-height: 20px;
}
.case .bd .clist .more {
	position: absolute;
	top: 14px;
	right: 10px;
}
.adv {
	padding-bottom: 5px;
}
.product { /*position: relative;*/
}
/*.product .hd { height: 40px; line-height: 40px; font-size: 16px; font-weight: 600; }*/
/*.product .pclass { position: absolute; top: 14px; right: 10px; }
.product .bd { position: relative; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; background: #f8f8f8; }
.product .bd .prev { position: absolute; left: 10px; top: 70px; display: block; width: 25px; height: 31px; background: url(../img/prev.jpg) no-repeat; }
.product .bd .next { position: absolute; right: 10px; top: 70px; display: block; width: 25px; height: 31px; background: url(../img/next.jpg) no-repeat; }
.product .bd .plist { width: 890px; margin:15px auto; overflow: hidden; }
.product .bd ul li { float: left; width: 197px; }
.product .bd ul li img {  width: 185px; height: 138px; border:1px solid #ededed; }*/

.product .bd {
	position: relative;
	padding: 15px 0;
}
.product .bd .pprev, .product .bd .pnext {
	position: absolute;
	width: 16px;
	height: 31px;
	top: 70px;
	background: url(../img/pprev.jpg) no-repeat;
}
.product .bd .pprev {
	left: 2px;
}
.product .bd .pnext {
	right: 2px;
	background: url(../img/pnext.jpg) no-repeat;
}
.product .bd .picloop {
	width: 960px;
	height: 144px;
	margin: 0 auto;
	overflow: hidden;
}
.product .bd .picloop ul {
}
.product .bd .picloop ul li {
	float: left;
	width: 192px;
	text-align: center;
}
.product .bd .picloop ul li img {
	width: 184px;
	height: 144px;
}
.product .hd {
	height: 40px;
	line-height: 40px;
	background: #19b3a5;
}
.product .hd ul {
}
.product .hd ul li {
	float: left;
	padding: 0 10px;
	font-size: 16px;
	color: #fff;
	background: url(../img/product_li.jpg) no-repeat left center;
}
.product .hd ul li.on {
	color: #dbd413;
}
.product .hd .more {
	float: right;
	padding-right: 10px;
	color: #fff;
}
.sArea {
	border: 1px solid #ededed;
	padding: 20px 10px;
	margin-bottom: 20px;
}
.sArea .sub {
	float: left;
	width: 650px;
	padding-left: 16px;
}
.sArea .main {
	float: left;
	width: 310px;
}
.sArea .extra {
	float: right;
	width: 350px;
}
.sArea .l-news {
	float: left;
	width: 200px;
}
.aArea {
	border: 1px solid #ededed;
	padding: 20px 10px;
	margin-bottom: 20px;
}
.aArea .sub {
	float: left;
	width: 310px;
}
.aArea .main {
	float: left;
	width: 310px;
	padding-left: 16px;
}
.aArea .extra {
	float: right;
	width: 310px;
}
.hTit {
}
.hTit .hd {
	position: relative;
	height: 30px;
	margin-bottom: 10px;
}
.hTit .hd h2 {
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	padding-left: 10px;
	font-weight: normal;
}
.hTit .hd .more {
	position: absolute;
	top: 10px;
	right: 4px;
	font-size: 12px;
	color: #919191;
}
.hTit .hd .more a {
	color: #919191;
}
.hTit .hd1 {
	background: url("../img/tit_bg8.png") no-repeat;
	height: 60px;
}
.hTit .hd2s {
	background: url("../img/tit_bg9.png") no-repeat;
	height: 60px;
}
.hTit .hd3 {
	background: url("../img/tit_bg10.png") no-repeat;
	height: 60px;
}
.hTit .hd4 {
	background: url("../img/tit_bg5.png") no-repeat;
	height: 60px;
}
.hTit .hd5 {
	background: url("../img/tit_bg6.png") no-repeat;
	height: 60px;
}
.hTit .hd1 h2, .hTit .hd2s h2, .hTit .hd3 h2 {
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	padding-left: 10px;
	font-weight: normal;
}
#news .hd2 {
}
#news .hd2 ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}
#news .hd2 ul li {
	float: left;
	margin-right: 2px;
	width: 15px;
	height: 15px;
	line-height: 14px;
	text-align: center;
	background: #fff;
	cursor: pointer;
}
.about {
	position: relative;
}
.new {
}
.new .tnew {
}
.new .tnew .pic {
	float: left;
	width: 130px;
}
.new .tnew .info {
	float: right;
	width: 240px;
}
.new .tnew .info .intro {
	line-height: 22px;
}
.new .tnew .info .more {
	color: #007ab2;
	font-size: 10px;
}
.new ul {
}
.new ul li {
	line-height: 22px;
}
.new ul li span {
	float: right;
}
.about .hd2 {
	width: 200px;
	height: 25px;
	text-align: center;
}
.about .hd2 ul {
	float: none !important;
	width: 200px;
	text-align: center;
	padding: 10px 0 0;
}
.about .hd2 li {
	float: none !important;
	display: inline-block;
	margin: 0 5px;
	width: 10px !important;
	height: 10px !important;
	border-radius: 10px !important;
	border: 1px solid #ccc;
	text-indent: -999em;
	cursor: pointer;
}
.about .hd2 li:hover, .about .hd2 li.on {
	background: #19b3a5 !important;
	border-color: #19b3a5;
}
.contact .bd3 {
	line-height: 20px;
}
.honor .bd {
	width: 262px;
	overflow: hidden;
}
.honor .bd ul {
}
.honor .bd ul li {
	float: left;
	width: 160px;
}
.title {
}
.title .hd {
	position: relative;
	border-bottom: 3px solid #19b3a5;
	margin-bottom: 8px;
}
.title .hd:before {
	position: absolute;
	content: "";
	bottom: -3px;
	left: 30px;
	background: url("../img/tit_bg1_s.jpg") no-repeat;
	width: 10px;
	height: 9px;
}
.title .hd h2 {
	font-size: 16px;
	color: #333;
	font-weight: normal;
	padding-left: 5px;
	line-height: 40px;
}
.listinfo_01 {
}
.listinfo_01 li {
	border-bottom: 1px dashed #e5e5e5;
}
.listinfo_01 li a {
	position: relative;
}
.listinfo_01 li a:before {
	position: absolute;
	content: "";
	width: 3px;
	height: 3px;
	background: #222;
	top: 8px;
	left: -10px;
}
.listinfo_01 li span {
	float: right;
}
.mod_01 {
	background: rgba(0, 0, 0, 0) url("../img/bg_02.jpg") no-repeat scroll 0 0;
	height: 125px;
	padding-top: 17px;
}
.mod_01 ul li {
	display: inline;
	float: left;
	height: 107px;
	margin: 0 47px 0 46px;
	position: relative;
	width: 107px;
}
.mod_01 ul li a .img {
	color: #fff;
	font-size: 16px;
	height: 82px;
	left: 7px;
	line-height: 24px;
	padding-top: 10px;
	position: absolute;
	text-align: center;
	top: 8px;
	width: 93px;
	z-index: 9;
}
.mod_01 ul li a .img img {
	display: inline-block;
}
.mod_01 ul li a .spinner_1 {
	background: url("../img/a_1.png") no-repeat;
	height: 107px;
	position: relative;
	transition: all 0.8s ease-in-out 0s;
	width: 107px;
	z-index: 1;
}
.mod_01 ul li a:hover .spinner_1 {
	background: url("../img/a_1_h1.png") no-repeat;
	transform: rotate(360deg);
}
.mod_01 ul li a .spinner_2 {
	background: url("../img/a_2.png") no-repeat;
	height: 107px;
	position: relative;
	transition: all 0.8s ease-in-out 0s;
	width: 107px;
	z-index: 1;
}
.mod_01 ul li a:hover .spinner_2 {
	background: url("../img/a_2_h1.png") no-repeat;
	transform: rotate(360deg);
}
.mod_01 ul li a .spinner_3 {
	background: url("../img/a_3.png") no-repeat;
	height: 107px;
	position: relative;
	transition: all 0.8s ease-in-out 0s;
	width: 107px;
	z-index: 1;
}
.mod_01 ul li a:hover .spinner_3 {
	background: url("../img/a_3_h1.png") no-repeat;
	transform: rotate(360deg);
}
.mod_01 ul li a .spinner_4 {
	background: url("../img/a_4.png") no-repeat;
	height: 107px;
	position: relative;
	transition: all 0.8s ease-in-out 0s;
	width: 107px;
	z-index: 1;
}
.mod_01 ul li a:hover .spinner_4 {
	background: url("../img/a_4_h1.png") no-repeat;
	transform: rotate(360deg);
}
.mod_01 ul li a .spinner_5 {
	background: url("../img/a_5.png") no-repeat;
	height: 107px;
	position: relative;
	transition: all 0.8s ease-in-out 0s;
	width: 107px;
	z-index: 1;
}
.mod_01 ul li a:hover .spinner_5 {
	background: url("../img/a_5_h1.png") no-repeat;
	transform: rotate(360deg);
}
.listinfo_02 {
	padding: 5px;
}
.listinfo_02 li {
	border-bottom: 1px solid #e5e5e5;
}
.listinfo_02 li a {
	padding-left: 15px;
	color: #7b7b7b;
	line-height: 34px;
}
.listinfo_02 li .active {
	padding: 5px 15px;
}
.listinfo_02 li .active .pic {
	float: left;
	width: 115px;
	height: 98px;
}
.listinfo_02 li .active .txt {
	float: left;
	width: 145px;
	height: 98px;
	line-height: 22px;
	color: #bdbdbd;
}
.listinfo_03 {
	padding: 5px;
}
.listinfo_03 li {
	background: #e5e5e5;
	margin-bottom: 8px;
}
.listinfo_03 li a {
	padding-left: 15px;
	color: #7b7b7b;
	line-height: 26px;
}
.listinfo_03 li .active {
	padding: 5px 15px;
}
.listinfo_03 li .active .pic {
	float: left;
	width: 115px;
	height: 98px;
}
.listinfo_03 li .active .txt {
	float: left;
	width: 145px;
	height: 98px;
	color: #bdbdbd;
}
.listinfo_03 li .active .txt a {
	line-height: 20px !important;
}
.listinfo_03 li em {
	display: inline-block;
	line-height: 34px;
	width: 35px;
	background: #393939;
	text-align: center;
	color: #fff;
}
.listinfo_03 li .txt em {
	background: #54b1ee;
}
.floor-wrap {
	left: 50%;
	margin-left: 620px;
	position: fixed;
	top: 200px;
	width: 72px;
	z-index: 9;
}
.floor-wrap ul li {
	float: left;
	height: 73px;
	padding-top: 1px;
	position: relative;
	width: 72px;
	z-index: 99;
}
.floor-wrap ul li a {
	display: block;
	height: 73px;
	width: 72px;
}
.floor-wrap ul li .a_1 {
	background: rgba(0, 0, 0, 0) url("../img/tb_12.jpg") no-repeat scroll 0 0;
}
.floor-wrap ul li .a_2 {
	background: rgba(0, 0, 0, 0) url("../img/tb_13.jpg") no-repeat scroll 0 0;
}
.floor-wrap ul li .a_3 {
	background: rgba(0, 0, 0, 0) url("../img/tb_14.jpg") no-repeat scroll 0 0;
}
.floor-wrap ul li .a_4 {
	background: rgba(0, 0, 0, 0) url("../img/tb_15.jpg") no-repeat scroll 0 0;
}
.floor-wrap ul li .pf_img {
	position: absolute;
	right: 72px;
	top: 1px;
}
