﻿/*清除样式*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
}

ol,
ul,
li {
	list-style: none
}

caption,
th {
	text-align: left
}

q:before,
q:after {
	content: ''
}

abbr,
acronym {
	border: 0
}

a {
	text-decoration: none;
}

.clearfix {
	clear: both;
}


/*top*/

.top-bg {
	width: 100%;
	height: 34px;
	background: #f2f2f2;
	font-size: 14px;
	line-height: 34px;
}

.top {
	width: 1200px;
	height: 34px;
	margin: 0 auto;
}

.top-lt {
	float: left;
	color: #ccc;
}

.top-rt {
	float: right;
	color: #ccc;
}

.top-rt a {
	color: #ccc;
	margin: 0 3px;
}


/*logo*/

.logo-bg {
	width: 100%;
	margin: 20px auto;
}

.logo {
	width: 1200px;
	margin: 0 auto;
}

.logo-img {
	float: left;
}

.logo-img img {
	display: block;
	height: 85px;
	width: auto;
}

.tel {
	float: right;
	height: 85px;
	background: url(../img/tel.png) no-repeat left center;
	padding-left: 75px;
}

.tel p {
	margin-top:14px;
	font-size: 14px;
	color:#ff7500;
}

.tel span {
	font-size: 27px;
	color: black;
}


/*nav*/

.nav-bg {
	width: 100%;
	height: 54px;
	margin: 0 auto;
	background: url(../img/nav-bg.png) no-repeat center;
	background-size: auto 100%;
}

.nav {
	width: 1200px;
	margin: 0 auto;
	line-height: 54px;
	font-size: 18px;
}

.nav ul {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
}

.nav ul li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	text-align: center;
}

.nav ul li a {
	color: #fff;
	
}


/*banner*/

#focus-banner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#focus-banner-list {
	position: relative;
}

#focus-banner-list li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#focus-banner-list li img {
	width: 100%;
	vertical-align: top;
}

.focus-banner-img {
	display: block;
}

#focus-banner .focus-handle {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	z-index: 100;
	display: block;
	width: 80px;
	height: 80px;
	background-image: url("../img/focus_handle.png");
}

#next-img {
	left: 0;
}

#next-img {
	left: 50px;
	background-position: 0 0;
}

#next-img:hover {
	background-position: 0 -80px;
}

#prev-img {
	right: 0;
}

#prev-img {
	right: 50px;
	background-position: -80px 0;
}

#prev-img:hover {
	background-position: -80px -80px;
}

#focus-bubble {
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 999;
}

#focus-bubble li {
	float: left;
	width: 24px;
	height: 4px;
	margin: 0 8px;
	background-color: #000;
	cursor: pointer;
}

#focus-bubble li a {
	display: block;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	opacity: 0;
}

#focus-bubble li.current {
	background-color: #ff7500;
}


/*search*/

.search-bg {
	width: 100%;
	height: 54px;
	background: #fff;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.search {
	width: 1200px;
	height: 54px;
	margin: 0 auto;
}

.search-lt {
	line-height: 54px;
	font-size: 18px;
	float: left;
}

.search-lt a {
	color: #000;
}

.search-rt {
	float: right;
	height: 34px;
	margin: 10px 0;
}

.search-rt form {
	width: 280px;
	height: 34px;
	background: #ff7500;
	border-radius: 17px;
}

.search-rt form input[type="text"] {
	width: 208px;
	height: 34px;
	border: none;
	background: none;
	padding-left: 24px;
	outline: none;
	float: left;
	color: #fff;
}

.search-rt form input[type="submit"] {
	width: 28px;
	height: 24px;
	background: url(../img/search.png) no-repeat;
	margin: 5px 0;
	border: none;
	float: left;
}

.search-rt form input::-webkit-input-placeholder {
	color: #ffffff;
}


/* Mozilla Firefox 4 to 18 */

.search-rt form input:-moz-placeholder {
	color: #ffffff;
	opacity: 1;
}


/* Mozilla Firefox 19+ */

.search-rt form input::-moz-placeholder {
	color: #ffffff;
	opacity: 1;
}


/* Internet Explorer 10+ */

.search-rt form input:-ms-input-placeholder {
	color: #ffffff;
}


/*about*/

.about-bg {
	width: 100%;
	height: auto;
	margin: 60px auto 0;
}

.about-title {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.about-title h6 {
	font-size: 32px;
	color: #000;
	text-align: center;
	font-weight: normal;
}

.about-title p {
	font-size: 18px;
	font-family: "arial narrow";
	font-style: oblique;
	color: #888;
	text-align: center;
	margin: 16px auto;
}

.about_title {
	width: 100%;
	height: 3px;
	background: url(../img/about-title.png) no-repeat center;
	background-size: auto 100%;
}

.about {
	width: 1200px;
	height: auto;
	margin: 40px auto 0;
	overflow: hidden;
}

.about-ct {
	width: 1200px;
	height: 264px;
	background: black;
	margin-top: 80px;
	position: relative;
}

.about-img {
	width: 420px;
	height: 314px;
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.about-img img {
	display: block;
	width: 100%;
	height: 314px;
}

.about-t {
	font-size: 24px;
	color: #fff;
	padding: 40px 0 0 510px;
}

.about-n {
	width: 630px;
	margin: 23px 0 0 510px;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	text-indent: 2rem;
	height: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.about-n a {
	color: #fff;
}

/*Introduction*/

.introduction-bg {
	width: 100%;
	height: 160px;
	background: url(../img/Introduction-bg.png) no-repeat center bottom;
	background-size: auto 50%;
	margin-top: 40px;
}

.introduction {
	width: 1200px;
	height: 160px;
	background: #fff;
	margin: 0 auto;
	box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.08);
}

.introduction ul li {
	width: 300px;
	height: 160px;
	overflow: hidden;
	float: left;
}

.introduction ul li h6 {
	font-size: 32px;
	text-align: center;
	margin-top: 48px;
}

.introduction ul li h6:hover {
	color: #ff7500;
}

.introduction ul li p {
	margin-top: 1px;
	font-size: 16px;
	color: #999;
	text-align: center;
}

.introduction ul li:nth-child(1) .introduction-n {
	border-right: 1px solid #eeeeee;
	box-sizing: border-box;
}

.introduction ul li:nth-child(2) .introduction-n {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	box-sizing: border-box;
}

.introduction ul li:nth-child(3) .introduction-n {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	box-sizing: border-box;
}

.introduction ul li:nth-child(4) .introduction-n {
	border-left: 1px solid #eee;
	box-sizing: border-box;
}


/*product*/

.product-bg {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #f7f7f7;
	overflow: hidden;
}

.product-title {
	width: 100%;
	height: auto;
	margin: 60px auto 0;
}

.product-title h6 {
	font-size: 32px;
	color: #000;
	text-align: center;
	font-weight: normal;
}

.product-title p {
	font-size: 18px;
	font-family: "arial narrow";
	font-style: oblique;
	color: #888;
	text-align: center;
	margin: 16px auto;
}

.product_title {
	width: 100%;
	height: 3px;
	background: url(../img/product-title.png) no-repeat center;
	background-size: auto 100%;
}

.product {
	width: 1200px;
	height: auto;
	margin: 40px auto 0;
}

.product-categories {
	width: 1200px;
	height: auto;
	background: #fff;
}

.product-categories ul li {
	width: 300px;
	height: 60px;
	float: left;
	box-sizing: border-box;
	font-size: 22px;
	text-align: center;
	line-height: 60px;
}

.product-categories ul li a {
	color: #000;
}

.product-categories ul li:nth-child(1) {
	border: 1px solid #ccc;
	color: #ff7500;
}

.product-categories ul li:nth-child(2) {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.product-categories ul li:nth-child(3) {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.product-categories ul li:nth-child(4) {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.product-categories ul li:nth-child(5) {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.product-categories ul li:nth-child(6) {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.product-categories ul li:nth-child(7) {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.product-categories ul li:nth-child(8) {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.product-categories ul li a:hover {
	color: #ff7500;
}

.product-cp {
	margin-top: 10px;
}

.product-cp ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.product-cp ul li {
	width: 280px;
	margin-top: 24px;
	margin-right:26px;
}

.product-cp ul li:nth-child(4n){
	margin-right:0px;
}
.product-pic {
	width: 280px;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.product-pic img {
	display: block;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	transition-timing-function: ease;
	/*Firefox*/
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease;
	/*Safari&Chrome*/
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	/*Opera*/
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
	-o-transition-timing-function: ease;
}

.product-pic img:hover {
	transform: scale(1.2, 1.2);
	/*IE 9*/
	-ms-transform: scale(1.2, 1.2);
	/*Firefox*/
	-moz-transform: scale(1.2, 1.2);
	/*Safair&Chrome*/
	-webkit-transform: scale(1.2, 1.2);
	/*Opera*/
	-o-transform: scale(1.2, 1.2);
}

.product-pic p {
	background: #fff;
	padding: 6px 10px;
	font-size: 12px;
	position: absolute;
	top: 20px;
	left: 20px;
	color: #333;
}

.product-ct {
	width: 100%;
	height: auto;
	background: #fff;
}

.product-time {
	padding: 16px 20px 0;
}

.product_time {
	width: 4px;
	height: 4px;
	background: #ff7500;
	float: left;
	margin-top: 6px;
}

.product-time p {
	font-size: 12px;
	color: #999;
	margin-left: 4px;
	float: left;
}

.product-te {
	font-size: 18px;
	color: #000;
	padding: 10px 20px 16px;
}

.product-te a {
	color: #000;
}

.product-te a:hover {
	color: #ff7500;
}

.product-more {
	width: 140px;
	height: 30px;
	background-image: -moz-linear-gradient( 90deg, rgb(255, 117, 0) 0%, rgb(251, 147, 58) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255, 117, 0) 0%, rgb(251, 147, 58) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255, 117, 0) 0%, rgb(251, 147, 58) 100%);
	margin: 50px auto 60px;
	border-radius: 15px;
	text-align: center;
	line-height: 30px;
}

.product-more a {
	color: #fff;
	font-size: 18px;
}


/*advantage*/

.advantage-bg {
	width: 100%;
	height: 717px;
	margin: 0 auto;
	background: url(../img/advantage-bg.png) no-repeat center top;
	background-size: auto 100%;
	overflow: hidden;
}

.advantage-title {
	width: 100%;
	height: auto;
	margin: 60px auto 0;
}

.advantage-title h6 {
	font-size: 32px;
	text-align: center;
	color: #fff;
	font-weight: normal;
}

.advantage-title p {
	font-size: 18px;
	font-family: "arial narrow";
	font-style: oblique;
	color: #fff;
	text-align: center;
	margin: 16px auto;
}

.advantage_title {
	width: 100%;
	height: 3px;
	background: url(../img/advantage-title.png) no-repeat center top;
	background-size: auto 100%;
}

.advantage {
	width: 1200px;
	height: auto;
	margin: 50px auto 0;
}

.advantage img {
	display: block;
	width: 100%;
}

/*news*/

.news-bg {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #f7f7f7;
	overflow: hidden;
}

.news-title {
	margin-top: 60px;
}

.news-title h6 {
	font-size: 32px;
	color: #000;
	text-align: center;
	font-weight: normal;
}

.news-title p {
	font-size: 18px;
	font-family: "arial narrow";
	font-style: oblique;
	color: #888;
	text-align: center;
	margin: 16px auto;
}

.news_title {
	width: 100%;
	height: 3px;
	background: url(../img/about-title.png) no-repeat center;
	background-size: auto 100%;
}

.news {
	width: 1200px;
	height: auto;
	margin: 40px auto 0;
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

.news ul {
	width: 520px;
	padding: 30px;
	background: #fff;
	overflow: hidden;
}

.news-nr-title {
	padding-bottom: 20px;
}

.news-nr-title p{
	font-size: 24px;
	float: left;
	margin-left: 10px;
}

.news-x {
	width: 2px;
	height: 31px;
	background: #ff7500;
	float: left;
}

.news-nr-title a {
	float: right;
	line-height: 31px;
	font-size: 14px;
	color: #ddd;
}

.news-nr-title a:hover {
	color: #ff7500;
}

.news ul li {
	height: 34px;
	margin-top: 30px;
	border-bottom: 1px solid #000;
}

.news ul li a {
	color: #000;
	font-size: 18px;
	float: left;
}

.news ul li a:hover {
	color: #ff7500;
}

.news ul li p {
	float: right;
	font-size: 14px;
	color: #999;
	line-height: 24px;
}

/*case*/

.case-bg {
	width: 100%;
	height: auto;
	margin: 60px auto 0;
}

.case-title h6 {
	font-size: 32px;
	color: #000;
	text-align: center;
	font-weight: normal;
}

.case-title p {
	font-size: 18px;
	font-family: "arial narrow";
	font-style: oblique;
	color: #888;
	text-align: center;
	margin: 16px auto;
}

.case_title {
	width: 100%;
	height: 3px;
	background: url(../img/about-title.png) no-repeat center;
	background-size: auto 100%;
}

.case {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.case ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.case ul li {
	width: 280px;
	height: auto;
	margin-top: 40px;
	margin-right:22px;
}
.case ul li:nth-child(4n){
	margin-right:0;
}
.case-pic {
	width: 280px;
	height:180px;
	/*height: auto;*/
	margin: 0 auto;
	overflow: hidden;
}

.case-pic img {
	display: block;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	transition-timing-function: ease;
	/*Firefox*/
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease;
	/*Safari&Chrome*/
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	/*Opera*/
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
	-o-transition-timing-function: ease;
}

.case-pic img:hover {
	transform: scale(1.2, 1.2);
	/*IE 9*/
	-ms-transform: scale(1.2, 1.2);
	/*Firefox*/
	-moz-transform: scale(1.2, 1.2);
	/*Safair&Chrome*/
	-webkit-transform: scale(1.2, 1.2);
	/*Opera*/
	-o-transform: scale(1.2, 1.2);
}

.case-bt {
	width: 100%;
	height: 40px;
}

.case-bt a {
	display: block;
	width: 100%;
	height: 40px;
	background: #eee;
	text-align: center;
	line-height: 40px;
	color: #000;
	font-size: 18px;
}

.case-bt a:hover {
	background: #ff7500;
	color: #fff;
}


.case-more {
	width: 140px;
	height: 30px;
	background-image: -moz-linear-gradient( 90deg, rgb(255, 117, 0) 0%, rgb(251, 147, 58) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255, 117, 0) 0%, rgb(251, 147, 58) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255, 117, 0) 0%, rgb(251, 147, 58) 100%);
	margin: 50px auto 0;
	border-radius: 15px;
	text-align: center;
	line-height: 30px;
}

.case-more a {
	color: #fff;
	font-size: 18px;
}

/*links*/

.links-bg {
	width: 100%;
	height: auto;
	background: #eeeeee;
	margin: 60px auto 0;
}

.links {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.links-title {
	margin-top: 20px;
}

.links-title p {
	font-size: 24px;
	font-family: "arial narrow";
	float: left;
}

.links-title span {
	font-size: 14px;
	color: #666;
	display: block;
	float: left;
	margin-left: 14px;
	margin-top: 6px;
}

.links-x {
	width: 1200px;
	height: 1px;
	background: #000;
	margin-top: 20px;
}

.links a {
	display: block;
	font-size: 16px;
	color: #333;
	margin-top: 34px;
	float: left;
	margin-right: 18px;
	margin-bottom: 10px;
}

.links a:hover {
	color: #ff7500;
}

/*footer*/

.footer-bg {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: black;
}

.footer {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.footer ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 20px;
}

.footer ul li {
	width: auto;
	height: 44px;
}

.footer ul li img {
	display: block;
	width: 44px;
	height: 44px;
	float: left;
}

.footer ul li p {
	font-size: 18px;
	color: #fff;
	float: left;
	margin-left: 20px;
}

.footer ul li h6 {
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	margin-left: 20px;
	float: left;
}

.footer ul li:nth-child(1) {
	width: 168px;
	overflow: hidden;
}

.footer ul li:nth-child(2) {
	width: 386px;
	overflow: hidden;
}

.footer ul li:nth-child(3) {
	width: 232px;
	overflow: hidden;
}

.footer ul li:nth-child(4) {
	width: 175px;
	overflow: hidden;
}

.footer-left {
	margin-top: 30px;
	float: left;
	color: #fff;
	line-height: 40px;
	font-size: 16px;
	margin-bottom: 30px;
}

.footer-left a {
	font-size: 16px;
	color: #fff;
	margin-right: 5px;
}

.footer-right {
	width: 140px;
	height: 140px;
	border: 1px solid #fff;
	float: right;
	box-sizing: border-box;
	margin-top: 29px;
	margin-bottom: 20px;
	border-radius: 4px;
}

.footer-right img {
	display: block;
	width: 120px;
	height: 120px;
	margin: 10px;
}

/*内页*/


/*分页样式*/

.page {
	margin-top: 20px;
}

#pagination {
	height: 40px;
	padding: 20px 10px;
}

#pagination li {
	padding: 0;
	line-height: none;
	height: auto;
	border-bottom: 0;
	background: none;
	float: left;
	margin: 0;
	border-radius: 0 !important;
}

#pagination a {
	display: block;
	float: left;
	margin-right: 10px;
	padding: 2px 12px;
	height: 24px;
	border: 1px #cccccc solid;
	background: #fff;
	text-decoration: none;
	color: #808080;
	font-size: 12px;
	line-height: 24px;
	border-radius: 6px;
	width: auto;
}

#pagination .disabled a,
#pagination .ellipsis a {
	border: 1px solid #ddd;
	color: #ddd;
	cursor: not-allowed;
}

#pagination .disabled a:hover,
#pagination .ellipsis a:hover {
	border: 1px solid #ddd;
	color: #ddd
}

#pagination a:hover {
	color: #ff7500;
	border: 1px #ff7500 solid;
}

#pagination a.cur {
	border: none;
	background: #df1600;
	color: #fff;
}

#pagination p {
	float: left;
	padding: 2px 12px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	color: #bbb;
	border: 1px #ccc solid;
	background: #fcfcfc;
	margin-right: 8px;
}

#pagination p.paginationRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #666;
}

#pagination p.paginationRemark b {
	color: red;
}

#pagination p.paginationEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #808080;
}

#pagination .active a {
	background: #ff7500;
	color: #fff
}


/*n_banner*/

.n_banner {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.n_banner img {
	display: block;
	width: 100%;
	height: auto;
}


/*n_search*/

.n_search {
	background: url(../img/searchbg.png) no-repeat center top;
	width: 100%;
	height: 68px;
}

.sear {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 10px;
}

.sear form {
	display: block;
	float: right;
	position: relative;
}

.searchText {
	width: 280px;
	line-height: 30px;
	height: 30px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 20px;
	color: #666;
	font-size: 13px;
	text-indent: 10px;
	outline: none;
}

.searchButton {
	position: absolute;
	background: url(../img/n_search.png) no-repeat center;
	width: 20px;
	height: 20px;
	right: 25px;
	top: 5px;
	border: none;
}

.sear span {
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 32px;
	margin-left: 25px;
}

.sear span a {
	margin-right: 10px;
	color: #333;
}

.sear span a:hover {
	color: rgb(190, 26, 32);
}

.content {
	width: 100%;
}

.n_content {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.n_left {
	float: left;
	width: 227px;
}

.n_left h4 {
	margin-top: 20px;
	display: block;
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	background: #000000;
	text-indent: 36px;
	line-height: 40px;
	height: 40px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.n_left div {
	background: #eee;
	padding-bottom: 25px;
}

.n_left ul {
	padding: 0px 10px;
	border-bottom: 2px solid #000000;
}

.n_left ul li {
	line-height: 40px;
	font-size: 14px;
	padding-left: 25px;
	border-bottom: 1px dotted #ccc;
	background: url(../img/newsli.png) no-repeat 10px center;
}

.n_left ul li a {
	color: #666;
}

.n_left ul li a:hover {
	color: #ff7500;
}

#n_left_news li {
	width: 192px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 15px;
	background: url(../img/newsli.png) no-repeat 0px center;
}

.n_right {
	float: right;
	width: 923px;
}

.location {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.location h4 {
	text-align: center;
	width: auto;
	float: left;
	font-weight: bold;
	line-height: 40px;
	font-size: 18px;
	border-bottom: 3px solid #ff7500;
	color: #333;
}

.location span {
	display: block;
	float: right;
	font-size: 12px;
	color: #666;
	padding: 15px 10px 0px 0px;
}

.location span a {
	color: #333;
}

.location span a:hover {
	color: #ff7500;
}

.aboutMain {}

.about_info {
	padding: 20px;
	font-size: 15px;
	color: #333;
	line-height: 26px;
}

.intro {
	margin-top: 10px;
	padding: 10px;
	background: #fafafa;
	line-height: 26px;
	font-size: 14px;
}

.newsli ul {
	padding: 15px 15px;
}

.newsli ul li {
	overflow: hidden;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px dashed #ccc;
	background: url(../img/newsli.png) no-repeat 10px center;
}

.newsli ul li h5 {
	font-weight: normal;
	float: left;
	font-size: 14px;
	text-indent: 24px;
}

.newsli ul li h5 a {
	color: #333;
}

.newsli ul li h5 a:hover {
	color: #ff7500;
}

.newsli ul li span {
	float: right;
	font-size: 12px;
	color: #999;
	padding-right: 15px;
}

.news_info {
	padding: 0 20px 60px;
}

.news_info h4 {
	padding: 30px 0px 10px;
	color: #333;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px dashed #ccc;
	line-height: 25px;
	height: 25px;
	font-weight: normal;
}

.n_news {
	width: 520px;
	overflow: hidden;
	margin: 0 auto;
}

.n_news li {
	line-height: 50px;
	float: left;
	font-size: 14px;
	margin: 0 5px;
}

.xgbq {
	margin: 20px 0px;
	padding-left: 15px;
	color: #666;
	font-size: 14px;
	border-top: 1px dashed #ccc;
	line-height: 35px;
}

.xgbq a {
	color: #333;
	margin: 0 5px;
}

.n_page {
	line-height: 30px;
	height: 30px;
	background: #eee;
	color: #999;
	font-size: 14px;
	padding-left: 20px;
	margin-top: 3px;
}

.n_page a {
	color: #666;
}

.n_page a:hover {
	color: #ff7500;
}

.news_info h5 {
	border-bottom: 1px solid #ff7500;
	line-height: 30px;
	font-size: 14px;
	color: #ff7500;
	padding-left: 15px;
	margin: 20px 0px 10px;
}

.n_xgpro {
	overflow: hidden;
	padding-top: 5px;
}

.n_xgpro li {
	float: left;
	margin: 0 5px;
}

.n_xgpro li p {
	line-height: 30px;
	font-size: 14px;
	text-align: center;
}

.n_xgpro li p a {
	color: #333;
}

.n_xgpro li p a:hover {
	color: #ff7500;
}

.n_xgnews {
	overflow: hidden;
	padding: 0 10px;
}

.n_xgnews li {
	background: url(../img/newsli.png) no-repeat left center;
	background-size: 5px 5px;
	font-size: 14px;
	line-height: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 5px;
	padding: 0 8px 0px 12px;
	width: 140px;
	float: left;
	border-bottom: 1px dashed #ccc;
}

.n_xgnews li a {
	color: #333;
}

.n_xgnews li a:hover {
	color: #ff7500;
}

.n_product {
	padding: 0px 15px;
}

.n_product ul {
	overflow: hidden;
	padding-top: 20px;
}

.n_product ul li {
	float: left;
	margin: 10px 12px;
}

.n_product ul li a {
	display: block;
	padding: 1px;
	background: #eee;
	font-size: 14px;
	color: #333;
	width: 270px;
	height: 205px;
}

.n_product ul li a:hover {
	color: #fff;
	background: #ff7500;
}

.n_product ul li a p {
	text-align: center;
	line-height: 30px;
}

.n_pro {
	overflow: hidden;
	padding: 20px 20px;
}

.n_img {
	float: left;
	width: 352px;
}

.n_pro ul {
	margin-left: 30px;
	float: left;
}

.n_pro ul li {
	width: 250px;
	font-size: 14px;
	color: #333;
	line-height: 35px;
	height: 35px;
	border-bottom: 1px dashed #ccc;
	padding-left: 10px;
}

#mes {
	border: none;
}

#mes a {
	display: block;
	border-radius: 10px;
	background: #ff7500;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	width: 100px;
	margin-top: 20px;
}

.message_right {
	margin: 30px auto;
	background: #fff;
	width: auto;
}

.message_right p {
	font-size: 14px;
	color: #cfcfcf;
	text-align: left;
	margin: 10px 0 0 30px;
}

.message_right form {
	width: 480px;
	height: auto;
	margin: 0 auto;
}

.message_right form input[type="text"] {
	width: 480px;
	height: 40px;
	border: none;
	background: none;
	border: 1px solid #999999;
	box-sizing: border-box;
	margin-top: 24px;
	color: #999;
	font-size: 18px;
	padding-left: 20px;
	outline: none;
}


/* WebKit browsers */

.message_right form input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999999;
}


/* Mozilla Firefox 4 to 18 */

.message_right form input:-moz-placeholder,
textarea::-moz-placeholder {
	color: #999999;
	opacity: 1;
}


/* Mozilla Firefox 19+ */

.message_right form input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #999999;
	opacity: 1;
}


/* Internet Explorer 10+ */

.message_right form input:-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #999999;
}

.message_right form textarea {
	width: 480px;
	height: 40px;
	margin-top: 24px;
	border: none;
	background: none;
	border: 1px solid #999;
	padding-left: 20px;
	box-sizing: border-box;
	line-height: 40px;
	font-size: 18px;
	color: #999999;
	overflow: hidden;
	font-family: "微软雅黑";
	outline: none;
}

.message_yzm input {
	width: 240px !important;
	float: left;
}

.message_yzm img {
	display: block;
	width: 140px;
	height: 40px;
	float: right;
	margin-top: 24px;
}

.message_right form input[type="submit"] {
	width: 480px;
	height: 40px;
	background: #000000;
	color: #fff;
	border: none;
	margin-top: 24px;
	outline: none;
	font-size: 20px;
}



#page {
    height: 40px;
    padding: 20px 0px;
}
#page p {
    float: left;
    padding: 2px 12px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    color: #bbb;
    border: 1px #ccc solid;
    background: #fcfcfc;
    margin-right: 8px;
}
#page a.cur {
    border: none;
    background: #007e34;
    color: #fff;
}
#page a {
    display: block;
    float: left;
    margin-right: 10px;
    padding: 2px 12px;
    height: 24px;
    border: 1px #cccccc solid;
    background: #fff;
    text-decoration: none;
    color: #808080;
    font-size: 12px;
    line-height: 24px;
}
#page p.pageRemark {
    border-style: none;
    background: none;
    margin-right: 0px;
    padding: 4px 0px;
    color: #666;
}


/*----------------------------------------网站地图----------------------------------------*/
#container{ width:1200px; margin:auto; height:auto; overflow:hidden;}
.sitemp {
    line-height: 31px;
    height: 31px;
    overflow: hidden;
    padding-right: 10px;
	color:#514f4f;
}
.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 31px;
    text-align: left;
    text-indent: 15px;
    color: rgb(0, 0, 0);
    font-family: 微软雅黑;
    font-size: 16px;
	font-weight:normal;
	color:#252525;
}
.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 30px;
    font-family: "微软雅黑";
    font-size: 14px;
}
.sitemp .site a {
    color: #514f4f;
}
.site a:hover{ color:#0ebcbb;}
h3.map_title {
    line-height: 30px;
    line-height: 30px;
    text-indent: 20px;
    color: #3b639f;
	font-size:16px;
    border-bottom: 2px solid #dcdfdf ;
	font-weight:normal;
	color:#252525;
}
.map_list {
    line-height: 30px;
    padding-left: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.map_list a{ font-size:14px; color:#8f8c8c; margin:0 5px;}
.map_list a:hover{color:#307032;}




