@charset "utf-8";
/* CSS Document */

ul,li{
	list-style-type: none;
}
a{
	list-style-type: none;
	text-decoration: none;
}#header {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#header .logo {
	width: 600px;
	height: 70px;
	float: left;
}
#header .logo .ti {
	float: right;
	margin-top: 10px;
}



#header .logo img {
	float: left;
}
#header .logo p {
	line-height: 10px;
	margin-top: 10px;
}

#header .logo .tit {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
#header .logo .tit_li {
	font-size: 14px;
	color: #A1B867;
}
#header .header_right {
	float: right;
	width: 300px;
	height: 70px;
}
.header_right a {
	font-size: 12px;
	color: #7B7B7B;
}
#header .header_right img {
	float: left;
	padding-top: 10px;
}
.slider {
	background-color: #F1F0F6;
	height: 300px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


.menu {
	background-color: #91B868;
	width: 100%;
	height: 50px;
}
.menu ul {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.menu ul li {
	float: left;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.menu ul li a {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
.menu ul li a:hover {
	background-color: #C8DCB3;
	display: block;
	height: 50px;
	width: 150px;
	text-align: center;
}
.menu ul .moren {
	background-color: #C8DCB3;
	text-align: center;
	display: block;
	height: 50px;
	width: 150px;
}
#middle {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	width: 980px;
	margin-bottom: 20px;
}
#middle .index_about {
	float: left;
	width: 600px;
}
.big_title {
	background-image: url(images/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 50px;
	margin-bottom: 10px;
}
.big_title a {
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.index_about_bg img {
	float: left;
	padding: 10px;
}
.index_about_bg span {
	font-size: 12px;
	color: #494949;
	display: block;
	line-height: 23px;
	padding: 10px;
}
#middle .index_news {
	float: right;
	width: 370px;
}
#middle .index_news ul {
	margin: 0px;
	padding: 0px;
}
#middle .index_news ul li {
	float: left;
	margin-bottom: 10px;
	background-image: url(images/icon_4.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	width: 350px;
	line-height: 20px;
}

#middle .index_news ul li img {
	float: left;
	padding: 5px;
}
#middle .index_news ul li span {
}
.index_news ul li p {
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	height: 40px;
}



#middle .index_news ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}



#middle .index_about .index_about_bg {
	border: 1px solid #F1F0F6;
	height: 165px;
	width: 595px;
}
.index_mid {
	background-color: #91B868;
	height: 183px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.index_mid .zhong {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	color: #FFF;
}
.index_mid .zhong b {
	float: right;
	font-size: 22px;
	color: #FFF;
	line-height: 180px;
	margin-right: 20px;
}
.index_pro {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
.index_pro li a {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.index_pro h3 {
	color: #000;
}




.index_mid img {
	margin-top: 15px;
}

.index_pro ul{
	padding: 0px;
	margin: 0;
}
.index_pro ul li .port-1.effect-1 .text-desc h3 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.index_pro li{
	float: left;
	width: 220px;
	list-style: none;
	margin-top: 10px;
	margin-right: 1%;
	margin-bottom: 10px;
	margin-left: 1%;
}



.index_contact {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F9F9F9;
	height: 70px;
	padding-top: 10px;
}

.index_contact .con {
	float: left;
	line-height: 30px;
	width: 320px;
}
.index_contact .con img {
	float: left;
	padding: 10px;
}
#footer .foot {
	background-color: #95AE65;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	color: #FFF;
}
#footer .foot p {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
}

#footer .foot b {
	float: right;
}


#footer {
	width: 100%;
	background-color: #F9F9F9;
	margin-top: 20px;
}
.main {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.main .main_left {
	float: left;
	width: 180px;
}
.main .main_left ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.main .main_left ul li {
	background-image: url(images/icon_4.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	line-height: 30px;
	height: 30px;
}
.main .main_left ul li .nei {
	text-indent: 40px;
	margin-left: 40px;
}
.main .main_left ul li a:hover {
	color: #000;
}

.main .main_left ul li a {
	font-size: 14px;
	color: #878787;
}
.main .main_left ul li p {
	font-size: 12px;
	color: #878787;
}
.pp1 {
	font-size: 12px;
	width: 60px;
	text-indent: 30px;
	margin-bottom: 5px;
}
.pp1 a{
	font-size: 12px;
	color: #666;
}
.main .main_left ul p a {
	font-size: 12px;
	color: #878787;
	text-indent: 20px;
	display: block;
}


.main .main_right {
	float: right;
	width: 800px;
}
.main .main_right .right_title {
	height: 30px;
	background-color: #F4F4F4;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #91B868;
	text-indent: 20px;
	background-image: url(images/icon_6.png);
	background-repeat: no-repeat;
	background-position: 90px 10px;
}
.main .main_about {
	font-size: 14px;
	line-height: 25px;
	color: #0C0C0C;
	text-indent: 20px;
}
.main_news ul {
	padding: 10px;
}
.main_news ul li {
	font-size: 12px;
	color: #000;
	background-image: url(images/icon_7.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	line-height: 30px;
	height: 30px;
}
.main_news ul li a {
	color: #000;
	font-size: 12px;
}

.time {
	float: right;
	margin-right: 20px;
}











.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9);}
.port-1 .text-desc{
	opacity: 0.9;
	top: -100%;
	transition: 0.5s;
	color: #000;
	padding: 0px;
}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);}

.port-1.effect-1:hover .text-desc{top: 0;}

.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}

.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	padding: 0px;
}




div.wrapper { width: 980px; margin: 0 auto; position: relative; }
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position: relative; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display: none; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button {
	position: absolute;
	top: 50%;
	left: -5px;
	z-index: 100;
	width: 57px;
	height: 62px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: 70px;
	background: url(../images/prev.png) no-repeat left top !important;
}
    .box_skitter .next_button {
	position: absolute;
	top: 50%;
	right: -5px;
	z-index: 100;
	width: 57px;
	height: 62px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: 70px;
	background: url(../images/next.png) no-repeat left top !important;
}
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 10000;
	margin: -16px;
	color: #fff;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/ajax-loader.gif) no-repeat left top;
	width: 31px;
	height: 31px;
}
#slideshow {
	width: 980px;
	height: 320px;
}
.time1 {
	font-size: 12px;
	color: #333;
	margin-right: 5px;
	float: right;
}

    #slideshow ul { display: none; }



.main_product {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}


.main_product img {
	margin-top: 15px;
}

.main_product ul{
	padding: 0px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 40px;
}
.main_product ul li .port-1.effect-1 .text-desc h3 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.main_product li a {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.main_product h3 {
	color: #000;
}

.main_product li{
	width: 220px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.main_product p {
	line-height: 30px;
	background-image: url(images/icon_4.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 20px;
}

.page {
	font-size: 12px;
	color: #333;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
.nei {
	text-indent: 40px;
}
.lianxi {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #333;
	background-image: url(images/icon_7.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	height: 20px;
}
.pp1 {