/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */



@charset "UTF-8";



body {

	overflow-x: hidden;

	overflow-y: auto;

}



body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {

	margin: 0px;

}



input, button, ul, ol {



	margin: 0px;



	padding: 0px;



}



body, input, button, form {

	font-size: 14px;

	line-height: 28px;

	font-family: "microsoft yahei", "宋体", "Arial";

	color: #333333;

}



h1, h2, h3, h4, h5, h6 {



	font-size: 14px;



	font-weight: normal;



}



ul, ol, li {



	list-style: none;



}



input {



	background: none;



	border: 0 none;



}



img, iframe {



	border: 0px;



}



em, i {



	font-style: normal;



}



button, input, select, textarea {



	font-size: 100%;



}



table {



	border-collapse: collapse;



	border-spacing: 0;



}



.red {



	color: #ba292e;



}



.fl {



	float: left;



}



.fr {



	float: right;



}



.tac {



	text-align: center;



}



.tar {



	text-align: right;



}



.poa {



	position: absolute;



}



.por {



	position: relative;



}



.hidden {



	display: none;



}



.w1200 {



	width: 1200px;



	margin: 0 auto;



}



.ico {



	background: url(../images/icon.png) no-repeat;



	display: inline-block;



	vertical-align: middle;



}



a {



	color: #434343;



	text-decoration: none;



}



a:hover {



	color: #1fab39;



	text-decoration: none;



}



a:visited {



	text-decoration: none;



}



.ease, .ease * {



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.noease, .noease * {



	-webkit-transition: none;



	-moz-transition: none;



	-ms-transition: none;



	-o-transition: none;



	transition: none;



}



:-moz-placeholder {



color: #aaa;



}



::-moz-placeholder {



color: #aaa;



}



input:-ms-input-placeholder, textarea:-ms-input-placeholder {



color: #aaa;



}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {



color: #aaa;



}



/*清除浮动*/



.clearfix {



*zoom: 1;



}



.clearfix:after {



	visibility: hidden;



	display: block;



	font-size: 0;



	content: " ";



	clear: both;



	height: 0;



}



/*top_main*/












/* banner */


:root {
	--theme-color: #1fab39;
}



.banner-container {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.carousel-track {
	height: 100%;
}

.carousel-list {
	display: flex;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.carousel-item {
	flex: 0 0 100%;
	height: 100%;
	min-width: 100%;
}

.carousel-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* 指示器样式 */
.indicators {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 12px;
	z-index: 2;
}

.indicator-dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
}

.indicator-dot.active {
	background: var(--theme-color);
}

/* 导航按钮 */
.nav-btn {
	position: absolute;
	top: 50%;
	width: 44px;
	height: 44px;
	background: var(--theme-color);
	border: none;
	border-radius: 50%;
	cursor: pointer;
	transform: translateY(-50%);
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.nav-btn::before {
	content: '';
	width: 12px;
	height: 12px;
	border: 2px solid white;
	border-width: 2px 2px 0 0;
}

.prev-btn {
	left: 20px;
}

.prev-btn::before {
	transform: rotate(-135deg);
	margin-left: 3px;
}

.next-btn {
	right: 20px;
}

.next-btn::before {
	transform: rotate(45deg);
	margin-right: 3px;
}

.nav-btn:hover {
	transform: translateY(-50%) scale(1.1);
	background: #179c32;
}

@media (max-width: 768px) {
	.banner-container { height: 300px; }
	.nav-btn {
		width: 36px;
		height: 36px;
	}
	.nav-btn::before {
		width: 10px;
		height: 10px;
	}
}


/* search */



.announ_main {



	width: 100%;



	height: 60px;



	line-height: 60px;



	background: #efefef;



}



.announ_main .announ_right {



	width: 285px;



	padding-top: 12px;



}



.announ_main .announ_right .search {



	width: 282px;



	height: 36px;



	line-height: 36px;



	background: none;



	position: relative;



	border: 1px solid #e5e5e5;



}



.announ_main .announ_right .search input {



	outline: none;



	border: 0 none;



	height: 36px;



	line-height: 36px;



}



.announ_main .announ_right .search .txt {



	width: 200px;



	background: none;



	padding-left: 15px;



	display: block;



	color: #999;



}



.announ_main .announ_right .search .btn {



	width: 50px;



	background: url(../images/sou.png) no-repeat center;



	position: absolute;



	right: 0;



	top: 0;



	cursor: pointer;



	border-left: 1px solid #e5e5e5;



}



.announ_main .announ_left span {



	display: inline-block;



	color: #212121;



}



.announ_main .announ_left a {



	display: inline-block;



	color: #8d8d8d;



	padding: 0 10px 0 0;



}



.announ_main .announ_left a s {



	width: 1px;



	height: 16px;



	display: inline-block;



	margin-right: 10px;



	background: #e9e9e9;



	vertical-align: middle;



}



.announ_main .announ_left a:first-child s {



	display: none;



}



/*footer*/



.footer {



	width: 100%;



	color: #fff;



	padding-bottom: 48px;



	background: #2E3033;



	border-top: 8px solid #1fab39;



}



.footer .links {



	padding: 20px 0;



	font-size: 16px;



	border-bottom: 1px solid #1a1d21;



}



.footer .links span {



	color: #fff;



	display: inline-block;



}



.footer .links a {



	display: inline-block;



	font-size: 14px;



	color: #939393;



	padding-right: 10px;



}



.footer .links a:hover {



	color: #1fab39;



}



.footer .bottom {



	border-top: 1px solid #464a50;



}



.footer .bNav {



	width: 558px;



	height: 180px;



	margin-top: 8px;



	border-right: 1px solid #1a1d21;



}



.footer .di_logo img {



	width: 111px;



	height: 111px;



	background-size: 100%;



}



.footer .bNav dl {



	display: inline-block;



	float: left;



	width: 139px;



	overflow: hidden;



	text-align: left;



	padding-top: 10px;



}



.footer .bNav dl dt {



	height: 16px;



	display: block;



	padding-bottom:12px;



}



.footer .bNav dl dt a {



	display: block;



	font-size: 16px;



	color: #fff;



	line-height: 16px;



}



.footer .bNav dl dd {



	display: block;



	height: 14px;



	padding-bottom: 16px;



}



.footer .bNav dl dd a {



	display: block;



	font-size: 14px;



	color: #939393;



	line-height: 14px;



}



.footer .bNav dl dd a:hover {



	color: #1fab39;



}



.footer .ewm {



	height: 180px;



	text-align: center;



	padding-left: 48px;



	margin-top: 48px;



	border-left: 1px solid #464a50;



}



.footer .ewm dl {



	width: 140px;



	float: left;



	display: block;



	margin-right: 30px;



	margin-top: 10px;



	height: 164px;



}



.footer .ewm dl:nth-child(2) {



	margin-right: 0px;



}



.footer .ewm dl:first-child+dl {



	margin-right: 0px;



}



.footer .ewm dl dt {



	width: 140px;



	height: 140px;



	background-color: #fff;



	text-align: center;



}



.footer .ewm dl dt img {



	width: 130px;



	height: 130px;



	display: inline-block;



	background-size: 100%;



	margin-top: 5px;



}



.footer .ewm dl dd {



	font-size: 14px;



	color: #939393;



	line-height: 24px;



	padding-top: 5px;



}



.footer .contact_info {



	width: 345px;



	height: 180px;



	padding-left: 75px;



	border-right: 1px solid #1a1d21;



	border-left: 1px solid #464a50;



	margin-top: 48px;



}



.footer .contact_info p.p1 {



	font-size: 14px;



	color: #fff;



	line-height: 14px;



	padding-top: 10px;



}



.footer .contact_info p.dh {



	font-size: 36px;



	color: #1fab39;



	font-family: "Arial";



	line-height: 36px;



	padding-top: 4px;



	font-weight: bold;



	padding-bottom: 12px;



}



.footer .contact_info h3 {



	font-size: 20px;



	padding-top: 8px;



}



.footer .contact_info p.tel {



	font-size: 14px;



	color: #939393;



	line-height: 22px;



	width: 270px;



}



.footer .contact_info p.tel a{



	font-size: 14px;



	color: #939393;



	line-height: 22px;



	width: 270px;



}























.footer .contact_info i {



	display: block;



	padding-top: 8px;



	font-size: 14px;



	color: #fff;



}



.footer .contact_info i a {



	display: inline-block;



	color: #fff;



	padding-right: 12px;



}



/*copyright*/



.copyright {



	height: 50px;



	line-height: 50px;



	color: #666;



	font-size: 12px;



	background: #27292B;



}



.copyright p {



	color: #939393;



}



.copyright span {



	margin: 0 6px;



}



.copyright a {



	color: #939393;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.copyright a:hover {



	color: #1fab39;



}



/*******index css*******/



.indexTit {



	color: #1fab39;



	overflow: hidden;



	text-align: center;



	padding: 30px 0 56px;



}



.indexTit .en {



	text-transform: uppercase;



	line-height: 35px;



	font-family: didot;



	font-size: 24px;



}



.indexTit h3 {



	font-size: 24px;



	color: #835026;



}



.index .in_title {



	padding-top: 40px;



	padding-bottom: 10px;



}



.index .in_title .entit {



	position: relative;



	width: 540px;



	margin: auto;



	font-size: 48px;



	line-height: 40px;



	font-weight: bold;



	color: #1fab39;



	text-align: center;



	margin-bottom: 10px;



}



.index .in_title .tit {



	margin: 0 auto;



	font-size: 26px;



	line-height: 40px;



	text-align: center;



	color: #434343;



}



.index .in_title .tit span {



	display: inline-block;



	margin: 0 30px;



}



.index .in_title .tit em {



	display: inline-block;



	width: 225px;



	height: 1px;



	margin-bottom: 8px;



	background: #cecece;



}



.index .tab {



	text-align: center;



	padding-top: 30px;



}



.index .tab a {



	padding: 0 16px;



	height: 38px;



	line-height: 38px;



	background: #fff;



	border: 1px solid #ccc;



	font-size: 16px;



	display: inline-block;



	margin: 10px;



	color: #666;



}



.index .tab a:hover {



	color: #fff;



	background: #1fab39;



	border-color: #1fab39;



}



.index .more {



	margin-top: 40px;



}



.index .more .line {



	display: block;



	width: 500px;



	height: 1px;



	margin-top: 24px;



	background: #ccc;



}



.index .more .look_more {



	display: block;



	width: 198px;



	height: 48px;



	font-size: 16px;



	line-height: 48px;



	text-align: center;



	border: 1px solid #ccc;



	transition: all .5s;



}



.index .more .look_more:hover {



	background: #1fab39;



	color: #fff;



	transition: all .5s;



	border: 1px solid #1fab39;



}



.index #floor_1_main {



	padding-bottom: 45px;



}



#floor_1_main .about {



	padding-top: 40px;



}



#floor_1_main .about .item {



	display: block;



	width: 475px;



	height: 350px;



}



#floor_1_main .about img {



	display: block;



	width: 100%;



	height: 100%;



	transition: all .5s;



}



#floor_1_main .about img:hover {



	-webkit-filter: brightness(105%);



	filter: brightness(105%);



}



#floor_1_main .contW {



	position: relative;



	display: block;



	width: 700px;



	height: 350px;



	background: #fff;



}



#floor_1_main .contW .cont {



	width: 100%;



	height: 280px;



	font-size: 16px;



	color: #666;



	line-height: 1.8;



	text-align: justify;



	margin-bottom: 30px;



	overflow: hidden;



}



#floor_1_main .contW .view_detail a {



	display: block;



	height: 43px;



	font-size: 16px;



	line-height: 43px;



	padding: 0 38px;



	text-align: center;



	color: #434343;



	margin-left: 20px;



	background: #fff;



	border: 1px solid #b7b7b7;



}



#floor_1_main .contW .view_detail a:hover {



	color: #fff;



	background: #1fab39;



	border-color: #1fab39;



	transition: all .5s;



}



#floor_2_main {



	background: #fff;



}



#floor_2_main .floor_2 {



	padding-bottom: 80px;



}



#floor_2_main .floor_2 .title {



}



#floor_2_main .proCenter .list {



	width: 100%;



	margin-top: 28px;



}



#floor_2_main .proCenter .list li {



	float: left;



	margin-bottom: 20px;



	margin-right: 20px;



	border: 1px solid #f0f0f0;



	transition: all .5s;



}



#floor_2_main .proCenter .list li:nth-child(4n) {



	margin-right: 0;



}



#floor_2_main .proCenter .list li a {



	display: block;



}



#floor_2_main .proCenter .list li img {



	width: 283px;



	height: 212px;



}



#floor_2_main .proCenter .list li .tit {



	font-size: 16px;



	line-height: 50px;



	text-align: center;



}



#floor_2_main .proCenter .list li:first-child {



	margin-left: 0px;



}



#floor_2_main .proCenter .list li .tit {



	color: #434343;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



#floor_2_main .proCenter .list li:hover {



	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);



	border-color: #1fab39;



	background: #1fab39;



	transform: translateY(-5px);



}



#floor_2_main .proCenter .list li:hover .tit {



	color: #fff;



}



#floor_2_main .proCenter .list li:hover img {



	-webkit-filter: brightness(105%);



	filter: brightness(105%);



}



/*slip*/



.index_slip1 {



	width: 100%;



	height: 200px;



	background: url(../images/ixbannerbg.png) no-repeat center center;



}



.index_slip1 .w1200 {



	height: 200px;



}



.index_slip1 .img {



	width: 384px;



	height: 280px;



	display: block;



	position: absolute;



	left: 10px;



	bottom: 0;



}



.index_slip1 .img img {



	width: 100%;



	height: 100%;



	display: block;



}



.index_slip1 .slip_tit {



	padding-left: 465px;



	width: 735px;



}



.index_slip1 .slip_tit .tit1 {



	padding-top: 20px;



	font-size: 46px;



	line-height: 50px;



	color: #fff;



	letter-spacing: 3px;



}



.index_slip1 .slip_tit .tit1 b {



	color: #f6ff00;



}



.index_slip1 .slip_tit .tit2 {



	margin-top: 15px;



	font-size: 46px;



	line-height: 50px;



	font-weight: bold;



	color: #fff;



	letter-spacing: 3px;



}



.index_slip1 .slip_tit .tit3 {



	display: inline-block;



	margin-top: 20px;



	font-size: 20px;



	color: #fff;



}



.index_slip1 .slip_tit .tit3 b {



	font-size: 26px;



	font-weight: bold;



}



.index_slip2 {



	width: 100%;



	height: 200px;



	background: url(../images/ixbannerbg.png) no-repeat center center;



}



.index_slip2 .w1200 {



	height: 200px;



}



.index_slip2 .img {



	width: 280px;



	height: 180px;



	display: block;



	position: absolute;



	left: 0;



	bottom: 0;



}



.index_slip2 .img img {



	width: 100%;



	height: 100%;



	display: block;



}



.index_slip2 .slip_tit {



	padding-left: 440px;



	width: 760px;



	text-align: center;



}



.index_slip2 .slip_tit .tit1 {



	padding-top: 30px;



	font-size: 30px;



	font-weight: bold;



	line-height: 50px;



	color: #fff;



}



.index_slip2 .slip_tit .tit1 b {



	color: #f6ff00;



}



.index_slip2 .slip_tit .tit2 {



	margin-top: 10px;



	font-size: 20px;



	line-height: 50px;



	color: #fff;



}



.index_slip2 .slip_tit .tit3 {



	display: inline-block;



	margin-top: 10px;



	font-size: 20px;



	color: #fff;



}



.index_slip2 .slip_tit .tit3 b {



	font-size: 26px;



	font-weight: bold;



}



/*产品优势*/



#floor_3_main {



	background: #fff;



}



#floor_3_main .in_title3 {



	position: relative;



	width: 100%;



	height: 140px;



}



#floor_3_main .in_title3 .bg {



	width: 1200px;



	height: 60px;



	margin-top: 50px;



	border: 3px solid #d9d9d9;



	box-sizing: border-box;



}



#floor_3_main .in_title3 p {



	position: absolute;



	width: 845px;



	top: -18px;



	left: 125px;



	height: 50px;



}



#floor_3_main .in_title3 .p1 {



	color: #413F40;



	font-size: 24px;



	padding: 0 5px;



	background-color: #FFFFFF;



}



#floor_3_main .in_title3 .p2 {



	font-size: 40px;



	color: #B1B1B1;



	padding-right: 10px;



	background-color: #FFFFFF;



}



#floor_3_main .in_title3 .p3 {



	position: absolute;



	font-size: 50px;



	color: #1fab39;



	line-height: 1.0;



	height: 58px;



	width: 700px;



	font-weight: bold;



	display: block;



	top: 29px;



	left: 35px;



	text-align: center;



	background-color: #FFFFFF;



}



#floor_3_main .proAdvant {



	margin-top: 0;



}



#floor_3_main .proAdvant .list {



	width: 100%;



}



#floor_3_main .proAdvant .list li {



	width: 100%;



	margin-bottom: 20px;



}



#floor_3_main .proAdvant .list li a {



	display: block;



}



#floor_3_main .proAdvant .list li .img {



	width: 530px;



	height: 300px;



	margin-left: 0;



	margin-right: 20px;



}



#floor_3_main .proAdvant .list li:nth-child(2n) .img {



	margin-left: 20px;



	margin-right: 0;



}



#floor_3_main .proAdvant .list li .title {



	width: 650px;



}



#floor_3_main .proAdvant .list li .title .shu {



	border-bottom: 1px dashed #b2b2b2;



	padding-bottom: 20px;



	text-align: center;



}



#floor_3_main .proAdvant .list li .title .shu span {



	display: inline-block;



	width: 60px;



	height: 60px;



	background: #1fab39;



	border-radius: 10px;



	color: #fff;



	font-size: 46px;



	line-height: 60px;



}



#floor_3_main .proAdvant .list li .tit {



	font-size: 28px;



	color: #1fab39;



	line-height: 1.5;



	padding-top: 20px;



	font-weight: bold;



	text-align: center;



}



#floor_3_main .proAdvant .list li .cont {



	font-size: 16px;



	color: #666;



	padding-top: 20px;



	text-align: justify;



}



/*工程案例*/



#floor_4_main {



	padding-bottom: 30px;



	background: #f4f4f4;



}



#floor_4_main .floor_4 {



}



#floor_4_main .proCase {



	position: relative;



	margin-top: 30px;



}



#floor_4_main .proCase .list {



	width: 100%;



}



#floor_4_main .proCase .list li {



	position: relative;



	display: block;



	float: left;



	margin: 0 12px;



	transition: all ease 600ms;



}



#floor_4_main .proCase .list li a {



	display: block;



}



#floor_4_main .proCase .list li a img {



	display: block;



	width: 380px;



	height: 285px;



	transition: all ease 600ms;



}



#floor_4_main .proCase .list li .title {



}



#floor_4_main .proCase .list li .tit {



	font-size: 16px;



	line-height: 40px;



	color: #666;



	text-align: center;



}



#floor_4_main .proCase .list li:hover {



	transition: all ease 600ms;



	-webkit-transform: scale(1.05);



	transform: scale(1.05);



}



#floor_4_main .proCase .list li:hover img {



	opacity: 0.8;



}



#floor_4_main .proCase .hd {



	position: absolute;



	width: 100%;



}



#floor_4_main .proCase .hd .prev {



	width: 42px;



	height: 42px;



	background-position: 0px -60px;



	cursor: pointer;



	position: absolute;



	top: -201px;



	left: -80px;



}



#floor_4_main .proCase .hd .next {



	width: 42px;



	height: 42px;



	background-position: -126px -60px;



	cursor: pointer;



	position: absolute;



	top: -200px;



	right: -80px;



}



#floor_4_main .proCase .hd .prev:hover {



	background-position: -42px -60px;



}



#floor_4_main .proCase .hd .next:hover {



	background-position: -84px -60px;



}



/*新闻中心*/



#floor_5_main .floor_5 {



	padding-bottom: 30px;



}



#floor_5_main .title {



	width: 100%;



	height: 22px;



	line-height: 22px;



	margin-bottom: 10px;



	border-bottom: 1px solid #eee;



	padding: 9px 0;



}



#floor_5_main .title h3 {



	font-size: 20px;



	font-weight: bold;



	color: #1fab39;



}



#floor_5_main .title h3 s {



	width: 4px;



	height: 22px;



	display: inline-block;



	vertical-align: top;



	margin-right: 10px;



	background: #1fab39;



}



#floor_5_main .title a {



	color: #575757;



	margin-right: 10px;



	margin-top: 0;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



#floor_5_main .title a:hover {



	margin-right: 0;



}



#floor_5_main .imgleft {



	width: 410px;



	height: 307px;



	float: left;



	margin-top: 12px;



	overflow: hidden;



	position: relative;



}



#floor_5_main .imgleft .item {



	width: 410px;



	height: 307px;



	position: absolute;



	left: 0;



	top: 0;



	display: block;



	z-index: 9999;



}



#floor_5_main .imgleft .item a {



	width: 100%;



	display: block;



}



#floor_5_main .imgleft .item img {



	width: 410px;



	height: 307px;



	transition: all .5s;



	display: block;



}



#floor_5_main .imgleft .item .txtcon {



	width: 100%;



	position: absolute;



	left: 0;



	bottom: 0;



	background: rgba(0, 0, 0, 0.8);



	color: #fff;



}



#floor_5_main .imgleft .item .txtcon h3 {



	font-size: 14px;



	line-height: 35px;



	text-align: center;



}



#floor_5_main .imgleft .item:hover img {



	filter: brightness(105%);



}



#floor_5_main .imgleft .hd {



	position: absolute;



	top: 0;



	width: 100%;



	height: 307px;



}



#floor_5_main .imgleft .hd .prev {



	width: 27px;



	height: 60px;



	background-position: -52px -103px;



	background-color: rgba(0,0,0,0.49);



	cursor: pointer;



	position: absolute;



	top: 50%;



	margin-top: -30px;



	left: 0;



	z-index: 9999;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



#floor_5_main .imgleft .hd .next {



	width: 27px;



	height: 60px;



	background-position: -77px -103px;



	background-color: rgba(0,0,0,0.49);



	cursor: pointer;



	position: absolute;



	top: 50%;



	margin-top: -30px;



	right: 0;



	z-index: 9999;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



#floor_5_main .imgleft .hd .prev:hover {



	background-color: rgba(220, 0, 0 ,0.49);



}



#floor_5_main .imgleft .hd .next:hover {



	background-color: rgba(220, 0, 0 ,0.49);



}



#floor_5_main .newslist {



	line-height: 55px;



}



#floor_5_main .newslist li {



	width: 100%;



	height: 40px;



	line-height: 40px;



	overflow: hidden;



	border-bottom: 1px dashed #eee;



}



#floor_5_main .newslist li a {



	width: 100%;



	color: #575757;



	display: block;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



#floor_5_main .newslist li a:hover {



	color: #1fab39;



}



#floor_5_main .newslist li .time {



	color: #575757;



	float: right;



	font-weight: normal;



}



#floor_5_main .inews1 {



	width: 780px;



	float: left;



}



#floor_5_main .inews1 .newslist {



	width: 350px;



}



#floor_5_main .inews2 {



	width: 370px;



	float: right;



}



/*服务流程*/



#floor_6_main {



	padding-bottom: 45px;



}



#floor_6_main .proAdvant {



	margin-top: 30px;



}



#floor_6_main .proAdvant .list {



	width: 100%;



}



#floor_6_main .proAdvant .list li {



	float: left;



	width: 150px;



	text-align: center;



	cursor: pointer;



}



#floor_6_main .proAdvant .list li a {



	display: block;



}



#floor_6_main .proAdvant .list li .img {



	position: relative;



	display: inline-block;



	width: 100px;



	height: 100px;



	line-height: 110px;



	margin: 0 auto;



	border: 5px solid #666;



	border-radius: 50%;



	transition: all .5s;



}



#floor_6_main .proAdvant .list li .img img {



	position: absolute;



	top: 50%;



	margin-top: -32.5px;



	left: 50%;



	margin-left: -32.5px;



	display: inline-block;



	width: 65px;



	height: 65px;



	transition: all .5s;



}



#floor_6_main .proAdvant .list li:hover .img img {



	-webkit-transform: rotate(360deg);



	transform: rotate(360deg);



}



#floor_6_main .proAdvant .list li .title {



}



#floor_6_main .proAdvant .list li .tit {



	font-size: 16px;



	line-height: 32px;



	color: #666;



}



/*企业相册*/



#floor_7_main {



	padding-bottom: 20px;



}



#floor_7_main .floor_7 {



}



#floor_7_main .proCase {



	position: relative;



	margin-top: 30px;



}



#floor_7_main .proCase .list {



	width: 100%;



}



#floor_7_main .proCase .list li {



	position: relative;



	display: block;



	float: left;



	margin: 0 6px;



	transition: all ease 600ms;



}



#floor_7_main .proCase .list li a {



	display: block;



}



#floor_7_main .proCase .list li a img {



	display: block;



	width: 288px;



	height: 216px;



	transition: all ease 600ms;



}



#floor_7_main .proCase .list li .title {



}



#floor_7_main .proCase .list li .tit {



	font-size: 16px;



	line-height: 40px;



	color: #666;



	text-align: center;



}



#floor_7_main .proCase .list li:hover img {



	opacity: 0.8;



}



#floor_7_main .proCase .hd {



	position: absolute;



	width: 100%;



}



#floor_7_main .proCase .hd .prev {



	width: 42px;



	height: 42px;



	background-position: 0px -60px;



	cursor: pointer;



	position: absolute;



	top: -169px;



	left: -80px;



}



#floor_7_main .proCase .hd .next {



	width: 42px;



	height: 42px;



	background-position: -126px -60px;



	cursor: pointer;



	position: absolute;



	top: -200px;



	right: -80px;



}



#floor_7_main .proCase .hd .prev:hover {



	background-position: -42px -60px;



}



#floor_7_main .proCase .hd .next:hover {



	background-position: -84px -60px;



}



/*合作客户*/



#floor_8_main {



	padding-bottom: 0;



}



#floor_8_main .floor_8 {



}



#floor_8_main .in_title8 {



	position: relative;



	width: 100%;



	padding-top: 20px;



	text-align: center;



}



#floor_8_main .in_title8 .p1 {



	font-size: 78px;



	color: #dedede;



	line-height: 1.0;



	height: 77px;



	display: block;



}



#floor_8_main .in_title8 .p2 {



	font-size: 35px;



	color: #000;



	line-height: 1.0;



	height: 40px;



	font-weight: bold;



	display: block;



}



#floor_8_main .in_title8 .p3 {



	font-size: 19px;



	color: #666;



	line-height: 1.0;



	height: 28px;



	display: block;



}



#floor_8_main .proCase {



	position: relative;



	margin-top: 30px;



}



#floor_8_main .proCase .list {



	width: 100%;



}



#floor_8_main .proCase .list li {



	position: relative;



	display: block;



	float: left;



	padding: 0 10px;



	transition: all ease 600ms;



}



#floor_8_main .proCase .list li a {



	display: block;



}



#floor_8_main .proCase .list li a img {



	display: block;



	width: 180px;



	height: 141px;



}



#floor_8_main .proCase .hd {



	position: absolute;



	width: 100%;



}



#floor_8_main .proCase .hd .prev {



	width: 27px;



	height: 60px;



	background-position: -52px -103px;



	background-color: rgba(0,0,0,0.49);



	cursor: pointer;



	position: absolute;



	top: -100px;



	left: 0;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



#floor_8_main .proCase .hd .next {



	width: 27px;



	height: 60px;



	background-position: -77px -103px;



	background-color: rgba(0,0,0,0.49);



	cursor: pointer;



	position: absolute;



	top: -100px;



	right: 0;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



#floor_8_main .proCase .hd .prev:hover {



	background-color: rgba(220, 0, 0 ,0.49);



}



#floor_8_main .proCase .hd .next:hover {



	background-color: rgba(220, 0, 0 ,0.49);



}



/*******内页样式********/



.nybanner {



	width: 100%;



	height: 350px;



	overflow: hidden;



	position: relative;



}



.nybanner img {



	width: 1920px;



	display: block;



	position: absolute;



	left: 50%;



	margin-left: -960px;



	top: 0;



}



.submian {



	padding-bottom: 20px;



}



.submian .sobtitle {



	height: 30px;



	line-height: 30px;



	padding: 10px 0px 10px;



	margin-bottom: 20px;



	font-size: 14px;



	color: #666;



	border-bottom: 1px solid #f1f1f1;



}



.submian .sobtitle s {



	width: 14px;



	height: 14px;



	margin-right: 10px;



	background-position: -129px -30px;



}



.submian .sobtitle a {



	font-size: 14px;



	color: #666;



}



.submian .sobtitle a:hover {



	color: #1fab39;



}



.submian .sobtitle a.now {



	color: #1fab39;



	font-size: 14px;



	font-weight: bold;



}



.submian .sobtitle a.now:hover {



	text-decoration: underline;



}



.submian .subleft {



	width: 245px;



}



.submian .subleft .title {



	background: #1fab39;



	height: 60px;



	color: #fff;



	font-size: 20px;



	line-height: 60px;



	font-weight: bold;



	text-align: center;



}



.submian .subleft .title h2 {



	font-size: 20px;



	font-weight: bold;



	color: #fff;



}



.submian .subleft .title i {



	font-size: 20px;



	font-weight: bold;



	color: #fff;



}



.submian .subleft .bort9 {



	border-top: 9px solid #007eb9;



	border-radius: 5px 5px 0px 0px;



}



.submian .subleft .bor9 {



	border-bottom: 9px solid #eaeaea;



}



.submian .subleft .lefta {



	width: 245px;



	margin-bottom: 10px;



}



.submian .subleft .lefta .comt {



	background: #fff;



}



.submian .subleft .lefta .comt ul {



	border: 1px solid #ddd;



	border-top: 0;



}



.submian .subleft .lefta .comt ul li a {



	background: #fff url(../images/tb9.png) 15px center no-repeat;



	border-top: 1px solid #eaeaea;



	line-height: 50px;



	height: 50px;



	display: block;



	padding-left: 35px;



	font-size: 14px;



}



.submian .subleft .lefta .comt ul li .box {



	padding: 10px 0px;



	display: none;



}



.submian .subleft .lefta .comt ul li .box a {



	height: 30px;



	line-height: 30px;



	display: block;



	color: #888;



	border: 0px;



}



.submian .subleft .lefta .comt ul li .box a:hover {



	color: #007eb9;



	background: none;



}



.submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a {



	background: #fff url(../images/tb11.png) 15px center no-repeat;



	color: #1fab39;



}



.submian .subleft .lefta .comt ul li.hover a {



	background: #ffffff url(../images/tb11.png) 15px center no-repeat;



	color: #1fab39;



}



.submian .subleft .lefta .comt ul li.hover .box a {



	background: none;



	font-weight: normal;



}



.submian .subleft .lefta .comt ul li.hover .box a.hover {



	color: #007eb9;



	font-weight: bold;



}



.submian .subleft .lefta .comt1 ul li a {



	background: #fff url(../images/jia.png) 213px center no-repeat;



	border-top: 1px solid #eaeaea;



	line-height: 60px;



	height: 60px;



	display: block;



	padding-left: 25px;



	font-size: 14px;



}



.submian .subleft .lefta .comt1 ul li .box {



	padding: 10px 0px;



	display: none;



}



.submian .subleft .lefta .comt1 ul li .box a {



	height: 30px;



	line-height: 30px;



	display: block;



	color: #888;



	border: 0px;



}



.submian .subleft .lefta .comt1 ul li .box a:hover {



	color: #007eb9;



	background: none;



}



.submian .subleft .lefta .comt1 ul li:hover a, .submian .subleft .lefta .comt1 ul li.hover a {



	background: #1fab39 url(../images/jia1.png) 213px center no-repeat;



	font-weight: bold;



	color: #fff



}



.submian .subleft .lefta .comt1 ul li.hover a {



	background: #1fab39 url(../images/jian.png) 213px center no-repeat;



	font-weight: bold;



	color: #fff



}



.submian .subleft .lefta .comt ul li .boxlist {



	padding: 0;



	display: none;



	border: 0;



	border-top: 1px solid #ddd;



}



.submian .subleft .lefta .comt ul li .boxlist li {



	line-height: 50px;



}



.submian .subleft .lefta .comt ul li .boxlist li a {



	height: 40px;



	padding-left: 35px;



	color: #333;



	font-weight: normal;



	border-bottom: 0;



	line-height: 40px;



	background: #f6f6f6 url(../images/tb12.png) 17px center no-repeat;



	border-top: none;



}



.submian .subleft .lefta .comt ul li .boxlist li a:hover, .submian .subleft .lefta .comt ul li .boxlist li a.hover {



	color: #1fab39;



}



.submian .subleft .lefta .comt ul li.hover .boxlist {



	display: block;



}



.map_ul {



	list-style: outside none none;



	display: block;



	width: 100%;



	padding-top: 10px;



}



.map_ul li {



	display: block;



	width: 100%;



	padding-bottom: 10px;



	margin-bottom: 10px;



	border-bottom: 1px solid #DCDBDB;



	margin-left: 10px;



	float: left;



}



.map_ul li a {



	font-size: 14px;



	float: left;



	width: 100%;



	height: 23px;



	line-height: 23px;



	font-weight: bold;



}



.map_ul .list-inline {



	display: block;



	margin-left: 14%;



	width: 80%;



	min-height: 30px;



}



.map_ul .list-inline a {



	font-weight: normal;



	width: auto;



	float: none;



	line-height: 32px;



	height: 32px;



	margin: 0 10px 10px 0;



	display: inline-block;



	border: 1px solid #ccc;



	padding: 0px 10px;



}



.map_ul .list-inline a:hover {



	background: #1fab39;



	color: #fff;



}



.submian .subleft .adv {



	margin-bottom: 10px;



	background: #000;



}



.submian .subleft .adv a img {



	display: block;



	width: 100%;



}



.submian .subleft .adv a:hover img {



	opacity: 0.9;



	filter: alpha(opacity=90);



	-moz-opacity: 0.9;



	-khtml-opacity: 0.9;



}



.submian .subleft .leftnews {



	margin-bottom: 10px;



}



.submian .subleft .leftnews .title {



	height: 60px;



}



.submian .subleft .leftnews .leftnewscomt {



	background: #fff;



	padding: 10px;



}



.submian .subleft .leftnews .leftnewscomt ul li {



	height: 30px;



	line-height: 30px;



	border-bottom: 1px solid #f2f2f2;



	overflow: hidden;



}



.submian .subleft .leftnews .leftnewscomt ul li a {



	font-size: 14px;



	display: block;



	padding-left: 10px;



}



.submian .subleft .leftnews .leftcont {



	background: #fff;



	padding: 10px;



	border: 1px solid #ddd;



	border-top: 0;



}



.submian .subleft .leftnews .leftcont h2 {



	font-size: 16px;



	font-weight: bold;



	color: #1fab39;



	padding-bottom: 10px;



	border-bottom: 1px solid #f2f2f2;



	text-align: center;



}



.submian .subleft .leftnews .leftcont p {



	line-height: 24px;



	font-size: 14px;



	padding-top: 10px;



	display: block;



}



.submian .subright {



	width: 930px;



	padding-bottom: 0;



	line-height: 28px;



}



.submian .subright .aboutlist {



	color: #666;



}



.submian .subright img {



	max-width: 920px;



}



.submian .subright .newslist .textlist li {



	padding: 25px 0px 25px;



	height: 110px;



	border-bottom: 1px solid #ddd;



	width: 100%;



	margin-bottom: 25px;



}



.submian .subright .newslist .textlist li a {



	display: block;



	cursor: pointer;



}



.submian .subright .newslist ul li a img {



	width: 147px;



	float: left;



	margin-right: 18px;



	border: 1px solid #eee;



	height: 110px;



	display: block;



}



.submian .subright .newslist ul li a .txt {



	color: #888;



	line-height: 24px;



	font-size: 12px;



}



.submian .subright .newslist .textlist li a p {



	height: 40px;



	line-height: 40px;



}



.submian .subright .newslist .textlist li a b {



	color: #1fab39;



	font-size: 14px;



}



.submian .subright .newslist .textlist li a:hover b {



	color: #1fab39;



}



.submian .subright .newslist .textlist li a i {



	color: #999;



	display: block;



	line-height: 20px;



	margin-bottom: 5px;



	font-size: 12px;



}



.submian .subright .newslist .textlist li a span {



	line-height: 22px;



	max-height: 66px;



	overflow: hidden;



	display: block;



	color: #666;



}



.submian .subright .newslist .textlist2 li {



	height: 40px;



	line-height: 40px;



}



.submian .subright .newslist .textlist2 li a {



	display: block;



}



.submian .subright .newslist .textlist2 li s {



	width: 4px;



	height: 4px;



	display: inline-block;



	vertical-align: middle;



	background: #007eb9;



	margin-right: 10px;



	border-radius: 100%;



}



.submian .subright .newslist ul li a:hover img {



	opacity: 0.8;



	filter: alpha(opacity=80);



	-moz-opacity: 0.8;



	-khtml-opacity: 0.8;



}



.submian .subright .newslist ul li a:hover p b {



	text-decoration: underline;



}



.submian .subright .newslist ul li a:hover span {



	color: #777;



}



.submian .subright .caselist ul li {



	padding: 20px 0px;



	border-bottom: 1px dotted #c2c2c2;



	height: 176px;



}



.submian .subright .caselist ul li a {



	display: block;



}



.submian .subright .caselist ul li a img {



	width: 220px;



	height: 162px;



	display: block;



	border: 7px solid #e2e2e2;



}



.submian .subright .caselist ul li a .txt {



	width: 470px;



	float: left;



	padding-left: 20px;



}



.submian .subright .caselist ul li a .txt p {



	height: 40px;



	line-height: 40px;



	color: #007eb9;



	font-size: 14px;



	font-weight: bold;



}



.submian .subright .caselist ul li a .txt i {



	color: #666;



	padding-bottom: 10px;



	display: block;



}



.submian .subright .caselist ul li a .txt span {



	line-height: 22px;



	height: 88px;



	overflow: hidden;



	display: block;



	color: #666;



}



.submian .subright .caselist ul li a:hover img {



	opacity: 0.8;



	filter: alpha(opacity=80);



	-moz-opacity: 0.8;



	-khtml-opacity: 0.8;



	border-color: #007eb9;



}



.submian .subright .caselist ul li a:hover p {



	text-decoration: underline;



}



.submian .subright .caselist ul li a:hover span {



	color: #777;



}



.submian .subright .mess {



	background: #fff;



	padding: 0px 40px 30px;



	width: 596px;



	margin-left: 80px;



}



.submian .subright .mess h1 {



	text-align: center;



	font-size: 30px;



	padding-bottom: 10px;



}



.submian .subright .mess p {



	text-align: center;



	padding-bottom: 30px;



}



.submian .subright .mess .left {



}



.submian .subright .mess .left li {



	margin-bottom: 15px;



	float: left;



	margin-right: 10px;



}



.submian .subright .mess .left label {



	width: 150px;



	height: 43px;



	line-height: 43px;



	text-align: center;



	background: none;



	color: #1fab39;



	font-size: 16px;



	float: left;



	border-radius: 3px 0 0 3px;



	border: 1px solid #1fab39;



}



.submian .subright .mess .left input {



	border: 1px solid #ccc;



	border-left: none;



	float: left;



	height: 21px;



	line-height: 21px;



	padding: 11px 10px;



	width: 404px;



	color: #666;



	border-radius: 0px 3px 3px 0;



	outline: none;



}



.submian .subright .mess .left select {



	border: 1px solid #ccc;



	border-left: none;



	float: left;



	height: 45px;



	line-height: 45px;



	width: 424px;



	color: #666;



	border-radius: 0px 3px 3px 0;



	outline: none;



	text-indent: 10px;



}



.submian .subright .mess .right {



	float: left;



	width: 585px;



	padding-top: 10px;



*padding-top:20px;



}



.submian .subright .mess .right input, .submian .subright .mess .right a {



	width: 40%;



	margin-right: 2%;



	height: 45px;



	line-height: 45px;



	text-align: center;



	display: block;



	border: none;



	background: #1fab39;



	color: #fff;



	font-size: 16px;



	border-radius: 3px;



	cursor: pointer;



	transition: ease-in-out .2s;



	float: left



}



.submian .subright .mess .right a {



	color: #333;



	background: #ffcc00;



	float: right



}



.submian .subright .mess .right a:hover {



	background: #cda503;



}



.submian .subright .mess .right input:hover {



	background: #2bba72;



}



.honorlist ul.list {



	float: left;



	width: 100%;



	padding-left: 0px;



}



.honorlist ul.list li.item {



	float: left;



	width: 296px;



	margin-bottom: 30px;



	margin-right: 14px;



	border: 1px solid #ddd;



}



.honorlist ul.list li.item a:hover span {



	color: #fff;



}



.honorlist ul.list li.item span {



	width: 100%;



	height: 45px;



	color: #555;



	text-align: center;



	display: block;



	line-height: 45px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.honorlist ul.list li.item img {



	width: 100%;



	display: block;



}



.list_imgH ul.list li.item {



	width: 287px;



	margin-right: 31px;



}



.list_imgH ul.list li.item a {



	display: block;



	width: 100%;



	overflow: hidden;



	position: relative;



	background: #fff;



}



.list_imgH ul.list li.item a:hover {



	background: #1fab39;



}



.list_imgH ul.list li.item img {



	display: block;



	width: 287px;



	height: 215px;



}



.item_mask {



	width: 287px;



	height: 215px;



	background: rgba(0,0,0,0);



	position: absolute;



	left: 0;



	top: 0;



	opacity: 0;



	filter: Alpha(opacity=0);



*zoom:1;



	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);



	transform: rotateX(180deg) scale(0.2, 0.2);



	transition: all ease-out .5s;



}



.item_link_icon {



	display: block;



	width: 45px;



	height: 45px;



	text-align: center;



	background-position: 0px -105px;



	line-height: 38px;



	position: absolute;



	left: 50%;



	top: 50%;



	margin-left: -22px;



	opacity: 0;



	filter: Alpha(opacity=0);



*zoom:1;



}



.list_imgH ul.list li.item:hover .item_mask {



	opacity: 1;



	filter: Alpha(opacity=100);



	-webkit-transform: rotateX(0deg) scale(1, 1);



	transform: rotateX(0deg) scale(1, 1);



	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;



	background: rgba(0, 0, 0, 0.3);



}



.list_imgH ul.list li.item:hover .item_link_icon {



	transform: translateY(-21px);



	opacity: 1;



	filter: Alpha(opacity=100);



}



.submian .t {



	padding: 0 0 25px;



	color: #1fab39;



	font-size: 18px;



}



.submian .t2 {



	padding-bottom: 30px;



	color: #1fab39;



	font-size: 24px;



}



/* formData */



.formData {



	padding-bottom: 20px;



}



.formData .item {



	float: left;



	color: #999;



	font-weight: normal;



	width: 420px;



	height: 56px;



	line-height: 56px;



	border: 1px solid #e4e4e4;



	margin-right: 76px;



	margin-bottom: 45px;



	position: relative;



}



.formData .item label {



	padding-left: 15px;



	position: absolute;



	left: 0;



	top: 0;



	z-index: 11;



	text-align: center;



	display: block;



	margin: 0;



	height: 56px;



	line-height: 56px;



	font-size: 18px;



	color: #666;



}



.formData .item input {



	outline: none;



	line-height: 38px;



	height: 38px;



	font-size: 18px;



}



.formData .item .txt {



	width: 350px;



	height: 56px;



	line-height: 56px;



	display: block;



	background: none;



	padding-left: 70px;



	border: 0 none;



	color: #666;



}



.formData .item .red {



	position: absolute;



	right: 15px;



	top: 0;



	color: #ff0000;



	z-index: 11;



}



.formData .item.mr0 {



	margin-right: 0;



}



.formData .msg-box {



	position: absolute;



	left: 0;



	top: 0px;



}



.formData .liuyan {



	width: 918px;



	height: 260px;



	border: 1px solid #e4e4e4;



	float: left;



}



.formData .liuyan label {



	text-align: right;



	display: block;



}



.formData .liuyan textarea {



	width: 908px;



	height: 234px;



	line-height: 35px;



	padding: 12px 10px;



	text-indent: 100px;



	font-size: 18px;



	font-family: "microsoft yahei";



	color: #333;



	border: 0 none;



	overflow: hidden;



	background: none;



	resize: none;



	display: block;



	outline: none;



}



.formData .bot {



	width: 100%;



}



.formData .sub {



	width: 232px;



	line-height: 52px;



	border: 2px solid #1fab39;



	margin-right: 2px;



	text-align: center;



	background: #1fab39;



	color: #FFF;



	cursor: pointer;



	font-size: 18px;



	display: block;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.formData .sub:hover {



	background: none;



	color: #1fab39;



}



.formData .yzm .txt {



	padding-left: 80px;



}



.formData .yzm img {



	position: absolute;



	right: 0;



	top: 0;



	height: 56px;



	border: 0px;



	display: block;



}



/** 新闻中心 **/



.submian .subright .thumblist {



}



.submian .subright .thumblist .list {



	padding-bottom: 20px;



}



.submian .subright .thumblist .item {



	width: 880px;



	border-bottom: 1px solid #eaeaea;



	display: block;



	padding: 20px;



	transition: all .5s;



}



.submian .subright .thumblist .item a {



	display: block;



}



.submian .subright .thumblist .item .img {



	position: relative;



	width: 180px;



	height: 135px;



	display: block;



	overflow: hidden;



	cursor: pointer;



}



.submian .subright .thumblist .item img {



	width: 100%;



	height: 100%;



	transition: all 0.3s ease-out 0s;



}



.submian .subright .thumblist .item a:hover img {



	transform: scale(1.1, 1.1);



}



.submian .subright .thumblist .item .txt {



	width: 680px;



	cursor: pointer;



}



.submian .subright .thumblist .item .txt h3 {



	font-size: 16px;



	line-height: 30px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.submian .subright .thumblist .item .txt .mark {



	color: #999;



	font-size: 12px;



	line-height: 20px;



	padding: 0;



}



.submian .subright .thumblist .item .txt .mark span {



	display: inline-block;



	padding-right: 18px;



}



.submian .subright .thumblist .item .txt p {



	color: #666;



	line-height: 25px;



}



.submian .subright .thumblist .item .txt p span {



	display: inline-block;



	color: #1fab39;



	padding-left: 10px;



}



.submian .subright .thumblist .item a:hover .txt h3 {



	color: #1fab39;



}



.submian .subright .thumblist .item:hover {



	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);



}



.reLink {



	height: 38px;



	border: 1px solid #ddd;



	margin: 10px auto 10px;



	padding: 0px 10px;



}



.reLink .prevLink, .reLink .nextLink {



	height: 38px;



	line-height: 38px;



	color: #666;



}



.reLink .prevLink a, .reLink .nextLink a {



	height: 38px;



	line-height: 38px;



	color: #666;



}



.reLink .prevLink a:hover, .reLink .nextLink a:hover {



	color: #1fab39;



}



.reLink .prevLink {



	float: left;



}



.reLink .nextLink {



	float: right;



}



.submian .subright .conBox .ArticleTitle h1 {



	font-size: 24px;



	text-align: center;



	padding: 20px 0px;



	border-bottom: 1px dashed #ccc;



	font-weight: bold;



}



.submian .subright .conBox .ArticleMessage {



	line-height: 30px;



	height: 30px;



	margin-bottom: 10px;



	text-align: center;



}



.submian .subright .conBox .ArticleMessage span:first-child {



	margin-left: 0;



}



.submian .subright .conBox .ArticleMessage span {



	color: #999;



	margin-left: 14px;



	font-size: 12px;



}



.submian .subright .conBox .ArticleMessage .jiathis_style {



	float: left;



	margin-top: 5px;



}



.submian .subright .conBox .ArticleTencont {



	padding: 5px 0px 20px 0px;



	line-height: 28px;



	overflow: hidden;



	color: #666;



	font-size: 14px;



}



.submian .subright .showproduct .ArticleTencont img {



	max-width: 100%;



}



.submian .subright .conBox .ArticleTencont img {



	max-width: 100%;



}



.field_down {



	text-align: left;



}



.field_down a {



	width: 100px;



	height: 30px;



	line-height: 30px;



	background: #0267ac;



	color: #fff;



	display: block;



	text-align: center;



}



/***********index css end***********/



.toolbar {



	width: 52px;



	position: fixed;



	right: 1%;



	top: 44%;



	z-index: 999;



}



.toolbar dd {



	width: 51px;



	height: 51px;



	margin-bottom: 1px;



	position: relative;



	-webkit-border-radius: 100%;



	border-radius: 100%;



	margin-top: 4px;



	border: #ebebeb solid 1px;



	background-color: #fff;



	-webkit-border-radius: 100%;



	border-radius: 100%;



}



.toolbar dd i {



	width: 51px;



	height: 51px;



	display: block;



	position: absolute;



	left: 0;



	top: 0;



	cursor: pointer;



	text-align: center;



	-webkit-border-radius: 100%;



	border-radius: 100%;



}



.toolbar dd i span {



	width: 35px;



	height: 35px;



	display: block;



	margin: 8px 0 0 8px;



	background: url(../images/rightfixicon.png) no-repeat 0 0;



}



.toolbar dd.gottop {



	display: none;



}



.toolbar .slide-tel {



	display: block;



	width: 0;



	height: 53px;



	line-height: 53px;



	font-size: 24px;



	font-weight: bold;



	font-family: arial;



	color: #FFF;



	position: absolute;



	padding: 0 0 0 53px;



	top: -1px;



	right: -2px;



	-webkit-border-radius: 50px;



	border-radius: 50px;



	overflow: hidden;



}



.toolbar .pop {



	position: absolute;



	right: 90px;



	top: -65px;



	background: #1fab39;



	display: none;



}



.toolbar .pop-code {



	width: 160px;



}



.toolbar .pop-code img {



	width: 120px;



	height: 120px;



	display: block;



	padding: 20px 20px 0;



}



.toolbar .pop-code h3 {



	height: 52px;



	line-height: 26px;



	text-align: center;



	color: #fff;



	font-size: 16px;



	font-weight: 400;



	white-space: nowrap;



}



.toolbar .pop-code h3 b {



	display: block;



	font-size: 14px;



	font-weight: normal;



}



.toolbar .qq span {



	background-position: -35px -47px;



}



.toolbar .qq a {



	width: 52px;



	height: 52px;



	cursor: pointer;



	display: block;



}



.toolbar .qq:hover {



	background-color: #1fab39;



	border-radius: 100%;



}



.toolbar .qq:hover span {



	background-position: 0 -47px;



}



.toolbar .tel span {



	background-position: -35px 0;



}



.toolbar .tel:hover {



	background: #1fab39;



}



.toolbar .tel:hover span {



	background-position: 0 0;



}



.toolbar .code span {



	background-position: -35px -95px;



}



.toolbar .code:hover {



	background-color: #1fab39;



	border-radius: 100%;



}



.toolbar .code:hover span {



	background-position: 0 -95px;



}



.toolbar .top span {



	background-position: -35px -142px;



}



.toolbar .top:hover {



	background-color: #1fab39;



	border-radius: 100%;



}



.toolbar .top:hover span {



	background-position: 0 -142px;



}



.toolbar dd:hover {



}



.subright .searchList {



	border-top: 1px solid #ddd;



}



.subright .searchList li {



	padding-top: 20px;



	padding-bottom: 20px;



	border-bottom: 1px solid #ddd;



}



.subright .searchList li:first-child {



	border-top: none;



}



.subright .searchList li:hover a h2 {



	color: #1fab39;



	font-weight: bold;



}



.leftprocomt {



	padding-top: 10px;



	border: 1px solid #ddd;



	border-top: 0;



}



.leftprocomt li {



	float: left;



	text-align: center;



	width: 108px;



	margin-left: 9px;



}



.leftprocomt li img {



	width: 108px;



	height: 81px;



	border-radius: 3px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.leftprocomt li p {



	line-height: 30px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.leftprocomt li:hover img {



	-webkkit-filter: brightness(105%);



	filter: brightness(105%);



}



.leftprocomt li:hover p {



	color: #1fab39;



}



/*******font-face********/



@font-face {



	font-family: didot;



	src: url('../font/didot.eot');



	src: url('../fonts/didot.eot')format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/didot.woff') format('woff'), /* Modern Browsers */ url('../fonts/didot.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/didot.svg#didot') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */



}



/*↓组图样式↓*/



.HS10, .HS15 {



	overflow: hidden;



	clear: both;



}



.HS10 {



	height: 10px;



}



.HS15 {



	height: 15px;



}



.Hidden {



	display: none;



}



.Clearer {



	display: block;



	clear: both;



	font-size: 1px;



	line-height: 1px;



	margin: 0;



	padding: 0;



}



.FlLeft {



	float: left;



}



.FlRight {



	float: right;



}



/*幻灯片区域背景*/



.MainBg {



	width: 920px;



	margin: 0 auto;



}



/*大图展示区域*/



.OriginalPicBorder {



	padding: 0;



}



#OriginalPic {



	width: 920px;



	overflow: hidden;



	position: relative;



	font-size: 12px;



}



#OriginalPic img {



	display: block;



	min-width: 100px;



	margin: 0 auto;



}



/*鼠标手势*/



.CursorL {



	position: absolute;



	z-index: 999;



	width: 50%;



	height: 600px;



	color: #FFF;



	left: 0;



	/*cursor: url(../images/CurL.cur), auto;



	background: url(../images/space.png) repeat scroll 0 0 transparent;*/



}



.CursorR {



	position: absolute;



	z-index: 999;



	width: 50%;



	height: 600px;



	color: #FFF;



	right: 0;



	/*cursor: url(../images/CurR.cur), auto;



	background: url(../images/space.png) repeat scroll 0 0 transparent;*/



}



/*小图预览和滑动*/



.SliderPicBorder {



	width: 100%;



	overflow: hidden;



}



.ThumbPicBorder {



	width: 920px;



	margin: 0 auto;



	background: #eeeeee;



	overflow: hidden;



	position: relative;



}



.ThumbPicBorder #btnPrev {



	width: 45px;



	height: 113px;



	cursor: pointer;



	position: absolute;



	left: 20px;



	top: 20px;



}



.ThumbPicBorder #btnNext {



	width: 45px;



	height: 113px;



	cursor: pointer;



	position: absolute;



	right: 20px;



	top: 20px;



}



.ThumbPicBorder .pic {



	width: 755px;



	overflow: hidden;



	position: relative;



	margin: 20px auto;



}



#ThumbPic img {



	border: 3px solid #ddd;



	cursor: pointer;



	background-color: #ddd;



	margin: 0 5px;



	width: 135px;



	height: 108px;



	display: block;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



#ThumbPic img.active {



	border: 3px solid #1fab39;



}



/*↑组图样式↑*/