@charset "utf-8";

/* CSS Document */

#example {

	width: 100px !important; /* IE7+FF */

	width: 200px; /* IE6 */

}

* {

	margin: 0 auto;

	padding: 0;

}

body {

	font-size: 12px;

	color: #121212;

	font-family: Microsoft YaHei, 宋体, Arial, Helvetica, sans-serif;

	background: none;

}

ul, li {

	list-style-type: none;

}

img, ul, li, button {

	margin: 0px;

}

img, button {

	border: none;

}

a {

	color: #000;

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

a:active {

	text-decoration: none;

}

img {

	border: 0;

}

input {

}

/*banner*/

.banner {

	width: 100%;

}

.slideBox {

	width: 100%;

	height: 500px;

	overflow: hidden;

	position: relative;

	margin: auto;

}

.slideBox .hd {

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 20px;

	z-index: 1;

}

.slideBox .hd ul {

	zoom: 1;

	text-align: center;

	width: 100%;

}

.slideBox .hd ul li {

	display: inline;

	margin-right: 10px;

	border-radius: 50%;

	padding: 0 8px;

	text-align: center;

	background: #fff;

	cursor: pointer;

	margin-left: 15px;

}

.slideBox .hd ul li.on {

	background: #f37e00;

	color: #fff;

}

.slideBox .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}

.slideBox .bd li {

	zoom: 1;

	vertical-align: middle;

}

.slideBox .bd img {

	width: 100%;

	height: 500px;

	display: block;

	margin: auto;

}

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,  .slideBox .next {

	position: absolute;

	left: 3%;

	top: 50%;

	margin-top: -25px;

	display: block;

	width: 32px;

	height: 40px;

	background: url(../images/slider-arrow.png) -110px 5px no-repeat;

	filter: alpha(opacity=50);

	opacity: 0.5;

}

.slideBox .next {

	left: auto;

	right: 3%;

	background-position: 8px 5px;

}

.slideBox .prev:hover,  .slideBox .next:hover {

	filter: alpha(opacity=100);

	opacity: 1;

}

.slideBox .prevStop {

	display: none;

}

.slideBox .nextStop {

	display: none;

}

/*lc*/

.lc_all {

	width: 100%;

	background: url(../images/lc_all.jpg) no-repeat center;

	height: 457px;

}

.lc_dw {

	width: 1180px;

	margin: auto;

	position: relative;

}

.dw {

	position: absolute;

	top: 18px;

	left: 475px;

	font-size: 20px;

	color: #4db027;

	font-weight: bold;

	line-height: 32px;

}

.dw span {

	font-size: 15px;

	color: #555555;

	font-weight: normal;

}

.top_call {

	font-size: 30px;

	color: #fff;

	font-family: "tiems news roman";

	position: absolute;

	top: 28px;

	left: 980px;

}

.lc_bt {

	position: absolute;

	top: 152px;

	left: 485px;

	font-size: 18px;

	color: #444;

}

.lc_ny {

	position: absolute;

	top: 215px;

	left: 400px;

}

.lc_ny ul {

	overflow: hidden;

}

.lc_ny ul li {

	font-size: 18px;

	color: #666;

	margin-left: 57px;

	float: left;

}

.search {

	position: absolute;

	top: 130px;

	left: 690px;

}

.search p {

	font-size: 14px;

	color: #555;

	line-height: 40px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	width: 250px;

	float: left;

}

.search_ny {

	float: right;

	width: 220px;

	height: 35px;

	line-height: 35px;

	overflow: hidden;

	margin-right: 0px;

	margin-top: 5px;

}

.search_ny input {

	width: 170px;

	height: 35px;

	border: none;

	background: none;

	font-size: 14px;

	color: #888;

	float: right;

}

.search_ny button {

	float: right;

	background: none;

	margin-top: 5px;

}

/*pro*/

.pro_all {

	width: 100%;

	background: url(../images/pro_bk.jpg) no-repeat center;

	height: 904px;

}

.pro {

	width: 1180px;

	margin: auto;

	position: relative;

}

.pro_l {

	width: 248px;

	float: left;

}

.pro_l h2 {

	padding-top: 18px;

	margin-left: 90px;

}

.pro_l h2 a {

	font-size: 24px;

	color: #fff;

}

.pro_l ul {

	margin-top: 12px;

}

.pro_l ul li {

	line-height: 54px;

	border-bottom: 1px dashed #ccc;

	text-align: right;

}

.pro_l ul li a {

	font-size: 15px;

	color: #444;

	margin-right: 80px;

	display: block;

}

.pro_r {

	width: 930px;

	float: left;

}

/*产品图切换*/

.pro_slideTxtBox {

	text-align: left;

}

.pro_slideTxtBox .hd {

	position: relative;

}

.pro_slideTxtBox .hd ul {

	float: left;

	position: absolute;

	left: 60px;

	top: 0px;

}

.pro_slideTxtBox .hd ul li {

	float: left;

	width: 80px;

	height: 36px;

	text-align: center;

	line-height: 36px;

	font-weight: bold;

	margin-right: 10px;

}

.pro_slideTxtBox .hd ul li a {

	font-size: 16px;

	color: #444444;

}

.pro_slideTxtBox .hd ul li.on {

	color: #6e2516;

}

.pro_slideTxtBox .hd ul li.on a {

	color: #6e2516;

}

.pro_slideTxtBox .bd ul {

	zoom: 1;

	padding-top: 50px;

	margin-left: 10px;

}

.pro_slideTxtBox .bd ul li {

	overflow: hidden;

	border: 1px solid #ddd;

}

.pro_slideTxtBox .bd ul li a img {

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-o-transition: 0.4s;

	transition: 0.4s;

}

.pro_slideTxtBox .bd ul li a img:hover {

	transform: scale(1.1);

	-webkit-transform: scale(1.1)

}

.pro1 {

	position: absolute;

	width: 430px;

	height: 320px;

	top: 80px;

	left: 290px;

}

.pro1 a img {

	width: 430px;

	height: 320px;

}

.pro1 a p {

	width: 100%;

	height: 40px;

	background: url(../images/pro_tm.png) repeat;

	z-index: 999;

	margin-top: -45px;

	position: absolute;

	display: block;

	text-align: center;

	line-height: 40px;

	color: #fff;

	font-size: 15px;

}

.pro2 {

	position: absolute;

	width: 430px;

	height: 320px;

	top: 80px;

	left: 750px;

}

.pro2 a img {

	width: 430px;

	height: 320px;

}

.pro2 a p {

	width: 100%;

	height: 40px;

	background: url(../images/pro_tm.png) repeat;

	z-index: 999;

	margin-top: -45px;

	position: absolute;

	display: block;

	text-align: center;

	line-height: 40px;

	color: #fff;

	font-size: 15px;

}

.pro3 {

	position: absolute;

	width: 275px;

	height: 200px;

	top: 430px;

	left: 290px;

}

.pro3 a img {

	width: 275px;

	height: 200px;

}

.pro3 a p {

	width: 100%;

	height: 40px;

	background: url(../images/pro_tm.png) repeat;

	z-index: 999;

	margin-top: -45px;

	position: absolute;

	display: block;

	text-align: center;

	line-height: 40px;

	color: #fff;

	font-size: 15px;

}

.pro4 {

	position: absolute;

	width: 275px;

	height: 200px;

	top: 430px;

	left: 600px;

}

.pro4 a img {

	width: 275px;

	height: 200px;

}

.pro4 a p {

	width: 100%;

	height: 40px;

	background: url(../images/pro_tm.png) repeat;

	z-index: 999;

	margin-top: -45px;

	position: absolute;

	display: block;

	text-align: center;

	line-height: 40px;

	color: #fff;

	font-size: 15px;

}

.pro5 {

	position: absolute;

	width: 275px;

	height: 200px;

	top: 430px;

	left: 905px;

}

.pro5 a img {

	width: 275px;

	height: 200px;

}

.pro5 a p {

	width: 100%;

	height: 40px;

	background: url(../images/pro_tm.png) repeat;

	z-index: 999;

	margin-top: -45px;

	position: absolute;

	display: block;

	text-align: center;

	line-height: 40px;

	color: #fff;

	font-size: 15px;

}

.pro6 {

	position: absolute;

	width: 275px;

	height: 200px;

	top: 655px;

	left: 290px;

}

.pro6 a img {

	width: 275px;

	height: 200px;

}

.pro6 a p {

	width: 100%;

	height: 40px;

	background: url(../images/pro_tm.png) repeat;

	z-index: 999;

	margin-top: -45px;

	position: absolute;

	display: block;

	text-align: center;

	line-height: 40px;

	color: #fff;

	font-size: 15px;

}

.pro7 {

	position: absolute;

	width: 275px;

	height: 200px;

	top: 655px;

	left: 600px;

}

.pro7 a img {

	width: 275px;

	height: 200px;

}

.pro7 a p {

	width: 100%;

	height: 40px;

	background: url(../images/pro_tm.png) repeat;

	z-index: 999;

	margin-top: -45px;

	position: absolute;

	display: block;

	text-align: center;

	line-height: 40px;

	color: #fff;

	font-size: 15px;

}

.pro8 {

	position: absolute;

	width: 275px;

	height: 200px;

	top: 655px;

	left: 905px;

}

.pro8 a img {

	width: 275px;

	height: 200px;

}

.pro8 a p {

	width: 100%;

	height: 40px;

	background: url(../images/pro_tm.png) repeat;

	z-index: 999;

	margin-top: -45px;

	position: absolute;

	display: block;

	text-align: center;

	line-height: 40px;

	color: #fff;

	font-size: 15px;

}

.pro_m {

	position: absolute;

	line-height: 22px;

	cursor: pointer;

	left: 1080px;

	top: 10px;

}

.pro_m a {

	color: #444;

}

.pro_m:hover a {

	color: #6e2516;

}

/*ys*/

.ys_all {

	width: 100%;

	background: url(../images/ys_bk.jpg) no-repeat center;

	height: 710px;

}

.ys {

	width: 1180px;

	margin: auto;

	position: relative;

}

.ys h3 {

	position: absolute;

	top: 96px;

	left: 20px;

	font-size: 18px;

	color: #fff;

}

.ys_slideTxtBox {

	width: 1180px;

	height: 500px;

	overflow: hidden;

}

.ys_slideTxtBox .hd {

	position: relative;

}

.ys_slideTxtBox .hd ul {

}

.ys_slideTxtBox .hd ul li {

	cursor: pointer;

	border-top: 1px solid #ccc;

	line-height: 60px;

	font-size: 20px;

	color: #777;

	font-weight: bold;

}

.ys_slideTxtBox .hd ul li.on {

	border-top: 1px solid #4db027;

	color: #4db027;

}

.ysbt1 {

	position: absolute;

	top: 245px;

	left: 0px;

}

.ysbt2 {

	position: absolute;

	top: 350px;

	left: 0px;

}

.ysbt3 {

	position: absolute;

	top: 455px;

	left: 0px;

}

.ysbt4 {

	position: absolute;

	top: 245px;

	left: 195px;

}

.ys_slideTxtBox .bd ul {

	float: right;

	width: 988px;

}

.yst {

	float: right;

	margin-right: 1px;

}

.ysw {

	background: url(../images/ysw_bk.jpg) no-repeat center;

	height: 300px;

	width: 480px;

	position: absolute;

	top: 355px;

	z-index: 999;

}

.ys_w1 {

	margin-top: 55px;

	margin-left: 65px;

	font-size: 20px;

	font-weight: bold;

	color: #4db027;

}

.ys_w2 {

	margin-left: 65px;

	width: 350px;

	line-height: 36px;

	font-size: 15px;

	color: #666;

	margin-top: 15px;

}

/*al*/

.al_all {

	width: 100%;

	background: url(../images/al_bk.jpg) no-repeat center;

	height: 837px;

}

.al {

	width: 1180px;

	margin: auto;

	position: relative;

}

.al h3 {

	position: absolute;

	top: 62px;

	line-height: 36px;

}

.al h3 a {

	font-size: 30px;

	color: #4db027;

}

.al h3 a span {

	font-size: 14px;

	color: #999;

	font-weight: normal;

	text-transform: uppercase;

}

.al_ms {

	position: absolute;

	font-size: 16px;

	color: #666;

	line-height: 40px;

	top: 172px;

}

.al_call {

	position: absolute;

	top: 360px;

	font-size: 28px;

	color: #4db027;

	font-family: "times news roman"

}

.al_zx {

	width: 100px;

	height: 32px;

	border: 1px solid #4db027;

	text-align: center;

	line-height: 32px;

	position: absolute;

	top: 360px;

	left: 200px;

}

.al_zx a {

	display: block;

	width: 100%;

	font-size: 15px;

	color: #4db027;

}

.al_ny {

	position: absolute;

	top: 0px;

	left: 268px;

}

.al_bt {

	margin-top: 62px;

}

.al_bt ul {

	overflow: hidden;

}

.al_bt ul li {

	margin-left: 98px;

	width: 130px;

	height: 70px;

	line-height: 82px;

	text-align: center;

	float: left;

}

.al_bt ul li a {

	font-size: 18px;

	color: #fff;

	font-weight: bold;

}

.al_tw {

	margin-top: 60px;

	margin-left: 70px;

}

.al_tw ul {

	overflow: hidden;

}

.al_tw ul li {

	width: 390px;

	height: 280px;

	float: left;

	margin-left: 30px;

	margin-bottom: 30px;

	position: relative;

}

.al_tw ul li a img {

	width: 390px;

	height: 280px;

	border: 1px solid #ddd;

}

.al_tw ul li a p {

	width: 390px;

	height: 280px;

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

	display: none;

	position: absolute;

	top: 0px;

	left: 0px;

	text-align: center;

}

.al_tw ul li a p b {

	text-align: center;

	margin-top: 130px;

	color: #fff;

	font-size: 16px;

	display: block;

}

.al_tw ul li a p span {

	margin-top: 15px;

	color: #fff;

	font-size: 12px;

	display: block;

}

/*gs*/

.gs_all {

	width: 100%;

	background: url(../images/gs_bk.jpg) no-repeat center;

	height: 534px;

}

.gs_fc {

	width: 1180px;

	margin: auto;

	position: relative;

}

.gs {

	overflow: hidden;

}

.gs_t {

	width: 449px;

	height: 422px;

	float: left;

}

.gs_t a img {

	width: 446px;

	height: 422px;

}

.gs_w {

	width: 560px;

	float: left;

	margin-left: 80px;

}

.gs_w1 {

	margin-top: 25px;

}

.gs_w1 a {

	font-size: 24px;

	color: #4db027;

	font-weight: bold;

}

.gs_w2 {

	margin-top: 15px;

}

.gs_w2 a {

	font-size: 18px;

	color: #444;

}

.gs_w3 {

	margin-top: 12px;

	line-height: 30px;

	height: 150px;

	overflow: hidden;

	font-size: 14px;

	color: #666;

}

/*fc*/







.fc_all {

	width: 100%;

	margin-top: -200px;

	height: 300px;

	overflow: hidden;

}

.fc {

	width: 1180px;

	margin: auto;

	position: relative;

}

.fc_slideTxtBox {

	width: 1180px;

	height: 300px;

}

.fc_slideTxtBox .hd {

	height: 120px;

	line-height: 36px;

	position: relative;

	float: left;

	margin-top: 140px;

}

.fc_slideTxtBox .hd ul {

	float: left;

	position: absolute;

	width: 400px;

	top: 6px;

}

.fc_slideTxtBox .hd ul li {

	float: left;

	margin-left: 12px;

	width: 110px;

	height: 34px;

	background: #4db027;

	margin-right: 70px;

	text-align: center;

	line-height: 32px;

}

.fc_slideTxtBox .hd ul li a {

	color: #fff;

	font-size: 16px;

	display: block;

	width: 100%;

	font-weight: bold;

}

.fc_slideTxtBox .hd ul li.on {

	background: #048fd2;

}

.fc_slideTxtBox .hd ul li.on a {

	color: #fff;

}

.fc_slideTxtBox .bd {

	height: 300px;/*! margin-top: -120px; */

}

.fc_slideTxtBox .bd ul {

	overflow: hidden; /*! margin-top:-120px; */

	float: right;

	margin-right: 22px;

}

.fc_t {

	overflow: hidden;

	height: 400px;

}

.fc_t li {

	width: 210px;

	float: left;

	margin-left: 10px;

	margin-right: 10px;

	overflow: hidden;

}

.fc_t li a img {

	width: 210px;

	height: 150px;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-o-transition: 0.4s;

	transition: 0.4s;

}

.fc_t li a p {

	width: 100%;

	height: 30px;

	text-align: center;

	line-height: 30px;

	font-size: 14px;

	color: #fff;

}

.fc_t li a img:hover {

	transform: scale(1.1);

	-webkit-transform: scale(1.1)

}

/*kh*/

.kh_all {

	width: 100%;

	background: url(../images/kh_bk.jpg) no-repeat center;

	height: 770px;

}

.kh { height:750px; overflow:hidden;

	width: 1180px;

	margin: auto;

}

.kh h3 {

	padding-top: 50px;

	text-align: center;

}

.kh h3 a {

	font-size: 30px;

	color: #666;

}

.kh h3 a span {

	color: #4db027;

}

.kh_xbt {

	text-align: center;

	margin-top: 8px;

	text-transform: uppercase;

	color: #777;

	font-size: 13px;

}

.wit {

	width: 1180px;

	margin: 30px auto 0 auto;

	height: auto;

}

.wit h3 a {

	margin: 0 auto;

	font-size: 30px;

	font-weight: bold;

	color: #ff9c9b;

	display: block;

	text-align: center;

	background: url(../images/jz_t.jpg) no-repeat bottom center;

	height: 65px;

}

.wit2 {

	position: relative;

	height: 605px;

}

.wit2-main {

	overflow: hidden;

	width: 100%;

	margin: 30px auto 0 auto;

}

.btnl a {

	display: block;

	width: 36px;

	height: 36px;

	overflow: hidden;

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

	position: absolute;

	top: 158px;

	left: -60px;

}

.btnr a {

	display: block;

	width: 36px;

	height: 36px;

	overflow: hidden;

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

	position: absolute;

	top: 158px;

	right: -60px;

}

.wit2 ul {

	width: 1200px;

	height: 620px;

}

.wit2 li {

	width: 170px;

	height: 170px;

	padding: 0 18px;

	margin-top: 80px;

	border-radius: 50%;

}

.wit2 li.current {

	margin: 0;

}

.wit2 li a {

	display: block;

	position: relative;

	text-decoration: none;

}

.wit2 li img {

	width: 100%;

	display: block;

	border: 3px solid #4db027;

	border-radius: 50%;

	width: 170px;

	height: 170px;

}

.wit2 li em {

	display: block;

	width: 31px;

	height: 32px;

	font: 24px Arial, Helvetica, sans-serif;

	text-align: center;

	color: #fff;

	line-height: 32px;

	overflow: hidden;

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

	position: absolute;

	top: 0;

	right: 20px;

}

.wit2 li a:hover em {

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

}

.wit2 li h3 {

	text-align: center;

	padding: 10px 0;

	overflow: hidden;

	margin-top: 30px;

	height: 40px;

	line-height: 40px;

	overflow: hidden;

	font-weight: normal;

}

.wit2 li h3 a {

	font-size: 14px;

	color: #555555;

}

.witno {

	text-align: center;

	display: none;

}

.current .witno {

	display: block;

}

.wit2 li.current h3 {

	border: 0;

	color: #333;

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 5px;

	margin-top: 38px;

}

.wit2 li.current b {

	display: block;

	width: 158px;

	height: 42px;

	margin: 0 auto;

	line-height: 42px;

	font-size: 14px;

	color: #fff;

	font-weight: normal;

	margin-top: 5px;

	background: url(../images/xq1.jpg) no-repeat;

}

.wit2 li.current b a {

	color: #4db027;

}

.witno p {

	font-size: 12px;

	color: #666;

	line-height: 24px;

	height: 72px;

	overflow: hidden;

}

/*xw*/

.xw_all {

	width: 100%;

	background: url(../images/xw_bk.jpg) no-repeat center;

	height: 600px;

}

.xw {

	width: 1180px;

	margin: auto;

	overflow: hidden;

	position: relative;

	padding-bottom: 30px;

}

.xw_slideTxtBox { height:550px;

	width: 1180px;

}

.xw_slideTxtBox .hd {

	height: 145px;

	line-height: 44px;

	position: relative;

}

.xw_slideTxtBox .hd ul {

	float: left;

	position: absolute;

	margin-left: 20%;

}

.xw_slideTxtBox .hd ul li {

	float: left;

	width: 130px;

	height: 112px;

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

	text-align: center;

	line-height: 140px;

	margin-left: 50px;

	margin-right: 50px;

}

.xw_slideTxtBox .hd ul li a {

	color: #fff;

	font-size: 16px;

	display: block;

	width: 100%;

}

.xw_slideTxtBox .hd ul li.on {

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

}

.xw_slideTxtBox .hd ul li.on a {

	color: #fff;

}

.xw_slideTxtBox .bd ul {

	overflow: hidden;

	margin-top: 0px;

}

.xw_w1 {

	line-height: 40px;

}

.xw_w1 a {

	font-size: 18px;

	color: #555;

	line-height: 30px;

}

.xw_w2 {

	margin-top: 20px;

	color: #777777;

	line-height: 30px;

	font-size: 14px;

	height: 210px;

	overflow: hidden;

}

.xw_m {

	width: 100px;

	height: 32px;

	background: #138595;

	text-align: center;

	line-height: 32px;

	margin-left: 0px;

	margin-top: 25px;

	border-radius: 6px;

}

.xw_m a {

	font-size: 14px;

	width: 100%;

	color: #fff;

	display: block;

}

.xw_list ul {

	overflow: hidden;

}

.xw_list ul li {

	width: 550px;

	float: left;

	height: 90px;

	margin-left: 20px;

	overflow: hidden;

	margin-bottom: 20px;

}

.xw_date {

	float: left;

	width: 90px;

	height: 90px;

	border-right: 1px solid #ccc;

	text-align: center;

	font-size: 30px;

	color: #a0a0a0;

	padding-top: 16px;

	line-height: 30px;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-o-transition: 0.4s;

	transition: 0.4s;

}

.xw_date span {

	font-size: 16px;

	color: #a0a0a0;

	margin-top: 2px;

}

.xw_ny {

	width: 450px;

	float: left;

}

.xw_ny1 {

	margin-left: 20px;

	line-height: 30px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.xw_ny1 a {

	font-size: 14px;

	color: #444;

}

.xw_ny2 {

	font-size: 12px;

	color: #777777;

	margin-left: 20px;

	line-height: 20px;

	height: 40px;

	overflow: hidden;

}

.xw_ny3 {

	margin-left: 20px;

	line-height: 30px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.xw_ny3 a {

	font-size: 14px;

	color: #444;

}

.xw_list ul li:hover .xw_date {

	background: #4db027;

	color: #fff;

}

.xw_list ul li:hover .xw_date span {

	color: #fff;

}

/*link*/

.link_all {

	width: 100%;

	height: 60px;

	background: #4db027;

}

.link {

	width: 1180px;

	margin: auto;

	position: relative;

}

.link h3 {

	width: 100px;

	font-weight: bold;

	position: absolute;

	color: #fff;

	font-size: 16px;

	text-align: center;

	line-height: 60px;

}

.link ul {

	float: left;

	overflow: hidden;

	width: 1080px;

	margin-left: 100px;

}

.link ul li {

	float: left;

	width: 100px;

	line-height: 60px;

	text-align: center;

}

.link ul li a {

	font-size: 14px;

	color: #fff;

}