﻿/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
/* Style Reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h2, font {
	margin: 0;
	padding: 0;
	border: 0;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
}
ul, li, dl, dt, dd, ol {
	display: block;
	list-style: none;
}
img {
	border: 0;
}
.fl {
	float: left
}
.fr {
	float: right
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden
}
a {
	text-decoration: none;
	outline: 0;
}
html {
	overflow-x: hidden;
}
.center {
	text-align: center;
}
.center img {
	border: 1px solid #ccc;
}
/*header*/
body {
	color: #696868;
	font-size: 12px;
	font-family: 'Microsoft Yahei';
	overflow-x: hidden;
	background: url(../images/body.jpg) center top repeat;
}
a {
	color: #606060;
}
.header {
	width: 100%;
	min-width: 1004px;
	height: 86px;
}
.logo {
	float: left;
	display: inline;
}
.tel {
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 35px;
	background: url(../images/tel.png) top left no-repeat;
	line-height: 42px;
	color: #369a98;
	font-size: 20px;
	margin-top: 28px;
}
.tel span {
	font-size: 14px;
	font-family: 'Microsoft Yahei';
}
.menu {
	width: 100%;
	z-index: 9999;
	height: 45px;
	line-height: 45px;
	position: relative;
	z-index: 9;
	background: #3a8c8a;
}
.menu ul {
	width: 980px;
	margin: 0 auto;
}
.menu li {
	float: left;
	display: inline;
	position: relative;
	text-align: center;
}
.menu li a {
	display: block;
	width: 98px;
	text-align: center;
	height: 45px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	font-family: 'Microsoft Yahei';
}
.menu a:hover, .menu li.cur {
	background: #1f6260
}
/*notice*/
.notice {
	width: 100%;
	position: relative;
	z-index: 99;
	background: #fdfdfd;
	height: 51px;
	line-height: 51px;
	border-top: 1px solid #ecebeb;
	border-bottom: 1px solid #ecebeb;
}
.noticecon {
	width: 500px;
	float: left;
}
.noticecon b {
	float: left;
	font-family: 'Microsoft Yahei';
	font-size: 14px;
	font-weight: normal;
	color: #cf5d00;
	padding-left: 10px;
}
.noticecon marquee {
	float: left;
	font-weight: bold;
	width: 400px;
	color: #3a8c8a;
	font-size: 13px;
}
.search {
	position: relative;
	padding-top: 14px;
	float: right;
	width: 315px;
	z-index: 999;
	height: 22px;
	display: inline;
	line-height: 22px;
	padding-right: 10px;
}
.text {
	float: left;
	width: 165px;
	padding-left: 5px;
	border: 1px solid #adc9ca;
	color: #adc9ca;
	height: 23px;
	line-height: 23px;
}
.button {
	float: left;
	width: 42px;
	cursor: pointer;
	margin-left: 5px;
	height: 25px;
	display: inline;
	background: #3a8c8a;
	text-align: center;
	color: #fff;
	border-radius: 4px;
}
.select {
	float: left;
	width: 88px;
	color: #a2c7c0;
	margin-left: 6px;
	display: inline;
	height: 25px;
	line-height: 25px;
	background: url(../images/select.gif) left top no-repeat;
	position: relative
}
.select select {
	margin: 5px auto;
	width: 88px;
}
div.selectbox-wrapper {
	border: #adc9ca 1px solid;
	overflow: hidden;
	width: 86px;
*left:0;
	position: absolute;
	background: #fff;
	text-align: left;
*margin-top:0;
	z-index: 10;
}
div.selectbox-wrapper ul li.selected {
	background: #efefef;
}
div.selectbox-wrapper ul li.current {
	color: #fff;
	background-color: #3a8c8a
}
div.selectbox-wrapper ul li {
	text-align: center;
	padding-right: 3px;
	padding-bottom: 3px;
	width: 100%;
	cursor: pointer;
	line-height: 20px;
	padding-top: 3px;
	font-size: 12px;
	font-family: 'Microsoft Yahei';
	color: #666;
}
.selectbox {
	border: none;
	display: block;
	width: 88px;
	text-indent: 8px;
	cursor: pointer;
	height: 25px;
	background: none;
	font-size: 12px;
	font-family: 'Microsoft Yahei';
	color: #a2c7c0;
	line-height: 25px;
}
.btn {
	float: left;
	display: inline;
	margin-left: 8px;
	margin-top: 2px;
}
/* index*/
.main {
	width: 980px;
	margin: 0 auto;
	clear: both;
	position: relative;
}
.news {
	float: left;
	width: 490px;
}
.time {
	font-family: Arial, Helvetica, sans-serif;
	width: 81px;
	color: #3a8c8a;
	float: left;
	text-align: center;
}
.time span {
	font-size: 26px;
}
.time p {
	font-size: 12px;
}
.newsimg {
	float: left;
	width: 78px;
	border: 1px solid #e4e4e4;
	margin-right: 18px;
	display: inline;
}
.news ul li {
	float: left;
	margin: 21px 0 7px 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #d7d7d7;
}
.news_r {
	float: left;
	line-height: 18px;
	width: 305px;
}
.news_r a {
	color: #3a8c8a;
	font-size: 14px;
	width: 100%;
	float: left;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.about {
	float: right;
	width: 450px;
}
.aboutmain {
	width: 273px;
	height: 220px;
	padding-top: 15px;
	line-height: 21px;
	padding-right: 178px;
	background: url(../images/aboutmain.jpg) right 47px no-repeat;
}
.product {
	width: 100%;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	background: #fff;
	height: 590px;
}
.pro li {
	float: left;
	margin: 45px 12px 0;
	width: 220px;
	display: inline;
	height: 195px;
}
.proimg {
	float: left;
}
.proimg img {
	float: left;
	border: 1px solid #ebebeb;
}
.proname {
	float: left;
	width: 205px;
	padding-left: 15px;
	margin-top: 14px;
	background: url(../images/proico.gif) 5px center no-repeat;
	color: #797878;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
}
.title {
	width: 100%;
	padding-bottom: 13px;
	background: url(../images/title.gif) center bottom repeat-x;
	position: relative;
	height: 26px;
}
.title p {
	float: left;
	position: relative;
}
.title p span {
	display: inline;
	font-size: 22px;
	line-height: 24px;
	font-family: 'Microsoft Yahei';
	color: #3a8c8a;
	position: relative;
	z-index: 10;
}
.title p label {
	display: inline;
	position: absolute;
	width: 220px;
	margin-left: 60px;
	margin-top: -20px;
	font-weight: bold;
	color: #dddddd;
	line-height: 24px;
	font-size: 25px;
	z-index: 0;
}
.title img {
	float: left;
}
.more {
	float: right;
	font-size: 12px;
	color: #3a8c8a;
	margin-top: 8px;
}
.pro_t {
	position: absolute;
	left: -34px;
	top: -20px;
}
.pro_tip {
	padding-left: 184px;
	float: left;
	font-family: 'Microsoft Yahei';
}
.pro_tip span {
	color: #3a8c8a;
	font-size: 22px;
}
.pro_tip p {
	color: #959595;
	font-size: 14px;
	float: none;
}
.product .title {
	height: 48px;
	padding-top: 30px;
}
.product .title .more {
	margin-top: 33px;
}
.row1 {
	width: 980px;
	margin: 0 auto;
	height: 282px;
	padding-top: 42px;
	clear: both;
	position: relative;
}
.row3 {
	width: 980px;
	margin: 0 auto;
	height: 250px;
	padding-top: 53px;
	clear: both;
	position: relative;
}
.process {
	float: left;
	width: 490px;
	overflow: hidden;
}
.process ul {
	margin-top: 5px;
}
.pointer li {
	width: 100%;
	border-bottom: 1px dashed #92beb4;
	height: 30px;
	line-height: 30px;
}
.pointer li a {
	color: #787878;
	width: 95%;
	float: left;
	background: url(../images/newsico.gif) 6px center no-repeat;
	padding-left: 19px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pointer li a:hover {
	color: #000;
}
.pointer li .fl {
	cursor: pointer;
	float: left;
	width: 82%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pointer li .fr {
	color: #707070
}
.contact {
	float: right;
	width: 450px;
	overflow: hidden;
}
.contactcon {
	padding-top: 20px;
	height: 150px;
	overflow: hidden;
	width: 322px;
	line-height: 25px;
	padding-left: 8px;
	padding-right: 120px;
	background: url(../images/contactbg.jpg) right 60px no-repeat;
}
.contacttel {
	margin-bottom: 18px;
	height: 29px;
	text-indent: 6px;
	font-size: 16px;
	color: #b67d09;
}
.contacttel span {
	font-size: 26px;
	font-weight: bold;
	color: #3a8c8a;
}
/* boot*/
.foot_x {
	width: 100%;
	min-width: 1004px;
	background: #3a8c8a;
	height: 320px;
	color: #dddede;
}
.foot_x a {
	color: #dddede;
}
.f_link {
	width: 100%;
	float: left;
	height: 60px;
	line-height: 60px;
	background: #1f6260;
}
.f_link b {
	font-family: 'Microsoft Yahei';
	font-size: 16px;
	font-weight: normal;
}
.bottomnav {
	width: 100%;
	height: 15px;
	padding: 28px 0;
	line-height: 15px;
	border-bottom: 1px solid #317e7c;
}
.f_link a {
	padding: 0 8px;
	color: #fff;
}
.bottomnav a {
	padding-right: 20px;
	padding-left: 9px;
	margin-left: 14px;
	;
	border-right: 1px solid
}
.bootTxt {
	text-align: center;
	border-top: 1px solid #45a2a0;
	line-height: 28px;
	width: 100%;
	width: 980px;
	padding-top: 40px;
	margin: 0 auto 0;
	overflow: hidden;
}
.share {
	margin: 20px auto 0;
	width: 200px;
}
/* 二级页面*/
.fyMain {
	width: 980px;
	margin: 0 auto 70px;
	overflow: auto;
	padding-top: 50px;
	clear: both;
}
.wrap {
	width: 980px;
	float: left;
	overflow: hidden;
	padding-top: 38px;
}
.fyLeft {
	float: left;
	width: 236px;
	overflow: hidden;
}
.l_news {
	float: left;
	margin-top: 20px;
	width: 236px;
	padding-bottom: 13px;
}
.l_pro {
	float: left;
	width: 236px;
}
.l_procon {
	float: left;
	width: 224px;
	padding-top: 13px;
	padding-left: 12px;
	overflow: hidden;
	margin-top: 0px;
}
.proOne {
	width: 224px;
	float: left;
	overflow: hidden;
	margin-bottom: 7px;
	background: url(../images/l_pro.jpg) no-repeat top left;
}
.proOne a.cur {
	font-weight: bold;
}
.proOne a {
	width: 202px;
	padding-left: 22px;
	color: #3a8c8a;
	line-height: 34px;
	float: left;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.proOne ul {
	display: none;
}
.proOne .proTwo {
	display: block;
}
.proTwo {
	float: left;
	line-height: 25px;
	overflow: hidden;
	padding: 0px 0 5px;
}
.proTwo li {
	width: 212px;
	float: left;
	border-bottom: 1px solid #b8d8d9
}
.proTwo li a {
	float: left;
	font-size: 12px;
	background: url(../images/lproico.gif) no-repeat 11px center;
	color: #3a8c8a;
	line-height: 30px;
	width: 192px;
	padding-left: 20px;
	border: 0;
}
.proTwo li a:hover, .proTwo li a.cur {
	float: left;
	color: #1f6260;
}
.l_contact {
	float: left;
	width: 236px;
	margin-top: 35px;
	background: url(../images/lcontact.jpg) no-repeat bottom right;
}
.l_contact .contactcon {
	padding-top: 10px;
	height: auto;
	background: none;
	width: 236px;
	padding-right: 0;
}
.l_tel {
	height: 47px;
	text-indent: 6px;
	font-size: 16px;
	line-height: 20px;
	color: #b67d09;
	margin-bottom: 2px;
}
.l_tel span {
	display: block;
	font-size: 21px;
	line-height: 28px;
	font-weight: bold;
	padding-left: 43px;
	color: #3a8c8a;
}
/* fyRight*/
.fyRight {
	float: right;
	width: 703px;
	padding-top: 7px;
	padding-bottom: 30px;
	background: #fff;
	border: 1px solid #e2e2e2;
	overflow: hidden;
}
.title_view {
	float: left;
	width: 663px;
	display: inline;
	margin: 0 20px;
	margin-bottom: 17px;
	height: 88px;
	font-size: 20px;
	padding-bottom: 13px;
	background: url(../images/title.gif) center bottom repeat-x;
}
.title_view .fl {
	font-family: 'Microsoft Yahei';
	margin-left: 3px;
	display: inline;
	background: url(../images/mainr_t.jpg) top left no-repeat;
	width: 47px;
	line-height: 1.3;
	color: #fff;
	font-size: 22px;
	padding-top: 10px;
	height: 72px;
	padding-right: 87px;
	padding-left: 13px;
}
.title_view .fr, .title_view .fr a {
	color: #969797;
	font-size: 12px;
}
.title_view .fr {
	margin-top: 66px;
}
.title_view .fr font {
	font-size: 12px;
}
.mainRightMain {
	color: #787878;
	float: left;
	width: 703px;
	padding-bottom: 20px;
	min-height: 640px;
	_height: 640px;
}
.padding25 {
	padding: 0 25px;
	line-height: 30px;
	font-size: 14px;
	word-break: break-all;
}
.mainr_line {
	float: left;
	height: 18px;
	width: 99%;
	background: url(../images/line_s.gif) top left repeat-x;
}
.tip {
	padding: 20px;
}
/* list*/
.pro_list {
	float: left;
	padding-left: 8px;
	padding-bottom: 20px;
}
.pro_list li {
	margin: 20px 0 0px 20px;
	width: 200px;
	height: 180px;
	display: inline;
}
.pro_list li p {
	width: 190px;
	padding-left: 10px;
	background: url(../images/proico.gif) 1px center no-repeat;
}
.news_list {
	width: 642px;
	padding-left: 27px;
	font-size: 14px;
	padding-bottom: 20px;
}
.news_list li {
	float: left;
	width: 100%;
	line-height: 26px;
	border-bottom: 1px solid #cae4de;
}
.news_list li a {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	color: #787878;
}
.news_list li a:hover {
	color: #3a8c8a;
}
.news_list li a span {
	cursor: pointer;
}
.news_list li .fl {
	background: url(../images/newslist.gif) 6px center no-repeat;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 15px;
}
.news_list li .fr {
	color: #3c7266;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.news_line {
	clear: both;
	width: 642px;
	float: left;
	height: 30px;
}
.news_list p {
	font-size: 12px;
	padding: 10px 20px;
	line-height: 20px;
	color: #ccc;
}
.pro_txtimg {
	float: left;
	width: 644px;
	margin-bottom: 20px;
	padding-left: 20px;
}
.pro_txtimg li {
	float: left;
	width: 644px;
	padding-bottom: 27px;
}
.pro_li_img {
	float: left;
	width: 200px;
	box-shadow: 2px 2px 3px #b0b0b0;
	border: 1px solid #d9d9d9;
	margin-right: 18px;
}
.pro_img {
	float: left;
	margin: 3px;
	border: 1px solid #f00;
}
.pro_li_txt {
	float: left;
	margin-left: 18px;
	display: inline;
	width: 424px;
	color: #787878;
	line-height: 36px;
	font-size: 12px;
}
.pro_li_txt p {
	float: left;
	width: 400px;
	border: 1px solid #ebebeb;
	line-height: 24px;
	padding: 9px 12px;
}
.pro_li_txt p a {
	color: #ee9c1b;
	float: left;
	margin-top: 15px;
}
.protitle {
	margin-bottom: 6px;
	float: left;
	width: 412px;
	border: 1px solid #ebebeb;
	padding-left: 12px;
	color: #3a8c8a;
	font-weight: bold;
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
/*news_view*/
.mainRightMain h2 {
	font-size: 18px;
	color: #3a8c8a;
}
.padding20 {
	float: left;
	width: 583px;
	text-align: justify;
	padding: 0 30px 0 35px;
}
.title_s {
	text-align: center;
	color: #787878;
	font-size: 12px;
	line-height: 35px;
}
.conbanner {
	float: left;
	width: 100%;
}
.mainrbanner {
	border: 1px solid #dbdbdb;
	width: 306px;
	margin: 0 auto 20px;
}
.mainrbanner img {
	border: 3px solid #fff
}
.padding25 .center img {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	width: auto;
	max-width: 600px;
_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}
.line_s {
	float: left;
	width: 96%;
	height: 8px;
	margin: 8px 0 15px 10px;
	display: inline;
	border-bottom: 1px dashed #BEC0BF;
}
.newsview {
	min-height: 400px;
	display: inline;
	width: 650px;
	border-bottom: 1px dashed #3a8c8a;
	border-top: 1px dashed #3a8c8a;
	margin: 10px 0 25px 0;
	padding: 15px 0;
	_height: 400px;
	font-size: 14px;
	line-height: 28px;
	float: left;
}
.main_r_nav div {
	line-height: 25px;
	color: #787878;
}
.main_r_nav {
	float: left;
	width: 550px;
	font-size: 12px;
}
.returnlist {
	margin-top: 15px;
	float: right;
	color: #ee9c1b;
	font-size: 12px;
}
.main_r_nav a {
	color: #3a8c8a
}
/* search*/
.searchnull {
	float: left;
	text-align: center;
	width: 100%;
	padding: 3% 0;
	font-size: 14px;
}
.searchnull font {
	color: #F00;
	font-size: 14px;
}
.searchmore {
	float: left;
	width: 92%;
	background: #efefef;
	text-align: center;
	margin: 10px 20px;
	_margin: 10px;
	border: 1px solid #dbd6f1
}
.searchmore a {
	line-height: 25px;
	color: #333;
}
.input_title {
	background: none;
	line-height: 30px;
	height: 30px;
	padding-left: 7px;
}
