@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px;
	font-family: Arial;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

a {
	color: #000;
	text-decoration: none;
}
img {
	border: none;
}
.auto {
	width: 1150px;
	margin: 0 auto;
}
/*****************************/
#header {
	height: 153px;
	background: url(../images/line.jpg) repeat-x;
}
#top {
	height: 35px;
	background: url(../images/ico.jpg) no-repeat left center;
}
#top .fx {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	margin-top: 9px;
	margin-left: 14px;
}
#top .fx1 {
	margin-left: 0;
}
#top p {
	height: 35px;
	line-height: 35px;
	float: right;
	color: #FFF;
	text-transform: uppercase;
}
#top p a {
	color: #FFF;
}
#logonav {
	height: 113px;
	background: url(../images/logo.jpg) no-repeat left center;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.nav {
	height: 34px;
	line-height: 34px;
	position: relative;
	z-index: 1;
	float: right;
	margin-top: 50px;
}
.nav a {
	color: #000;
	;
}
.nav .nLi {
	float: left;
	position: relative;
	display: inline;
	text-align: center;
	font-family: Arial;
	text-transform: uppercase;
}
.nav .nLi h3 {
	float: left;
	padding: 0 34px;
	font-size: 14px;
}
.nav .nLi h3 a {
	display: block;
	font-size: 14px;
	font-weight: bold;
}
.nav .sub {
	display: none;
	width: 165px;
	left: 0;
	top: 34px;
	position: absolute;
	background: #4E4E4E;
	line-height: 26px;
	padding: 5px 0;
}
.nav .shoptle {
	background: url(../images/icox.jpg) no-repeat 120px center;
}
.nav .shop {
}
.nav .more {
	width: 150px;
}
.nav .moretle {
	padding: 0 54px;
	background: url(../images/icox.jpg) no-repeat 100px center;
}
.nav .sub li {
	list-style:none;
	zoom: 1;
}
.nav .sub a {
	display: block;
	padding: 0 10px;
	color: #FFF;
}
.nav .sub a:hover {
	color: #ff6699;
}
.nav .on h3 a {
	color: #ff6699;
}
#banner {
	height: 618px;
}
#banner .fullSlide {
	width: 100%;
	position: relative;
	height: 618px;
	background: #000;
}
#banner .fullSlide .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
#banner .fullSlide .bd ul {
	width: 100% !important;
	list-style:none;
}
#banner .fullSlide .bd li {
	list-style:none;
	width: 100% !important;
	height: 618px;
	overflow: hidden;
	text-align: center;
}
#banner .fullSlide .bd li a {
	display: block;
	height: 618px;
}
#banner .fullSlide .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	height: 30px;
	line-height: 30px;
}
#banner .fullSlide .hd ul {
	text-align: center;
}
#banner .fullSlide .hd ul li {
	list-style:none;
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 42px;
	height: 11px;
	margin: 1px;
	overflow: hidden;
	background: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	line-height: 999px;
}
#banner .fullSlide .hd ul .on {
	background: #f00;
}
#banner .fullSlide .prev, .fullSlide .next {
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -30px;
	left: 15%;
	z-index: 1;
	width: 40px;
	height: 60px;
	background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none;
}
#banner .fullSlide .next {
	left: auto;
	right: 15%;
	background-position: -6px -137px;
}
#index {
	padding-top: 48px;
}
#progd {
	height: 215px;
	background: url(../images/line2.jpg) repeat-x;
}
#progd .picScroll-left {
	width: 1150px;
	overflow: hidden;
	position: relative;
	padding-top: 16px;
}
#progd .picScroll-left .prev {
	display: block;
	width: 22px;
	height: 24px;
	float: left;
	margin: 79px 19px 0 9px;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/icol.jpg) no-repeat;
}
.picScroll-left .next {
	display: block;
	width: 22px;
	height: 24px;
	float: right;
	margin: 79px 8px 0 18px;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/icor.jpg) no-repeat;
	
}
#progd .picScroll-left .hd .next {
	background-position: 0 -50px;
}
#progd .picScroll-left .hd .prevStop {
	background-position: -60px 0;
}
#progd .picScroll-left .hd .nextStop {
	background-position: -60px -50px;
}
#progd .picScroll-left .bd {
	float: left;
	margin-left: 10px;
}
#progd .picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}
#progd .picScroll-left .bd ul li {
	list-style:none;
	margin: 0 8px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}
#progd .picScroll-left .bd ul li .pic {
	text-align: center;
}
#progd .picScroll-left .bd ul li .pic img {
	width: 239px;
	height: 179px;
	display: block;
	border: 2px solid #FFF;
}
#progd .picScroll-left .bd ul li .pic a:hover img {
	border-color: #999;
}
/*#progd .picScroll {
	position: relative;
	width: 1150px;
	overflow: hidden;
}
#progd .picScroll .prev {
	display: block;
	float: left;
	width: 22px;
	height: 24px;
	margin: 95px 0 0 9px;
	background: url(../images/icol.jpg) no-repeat;
}
#progd .picScroll .next {
	display: block;
	float: right;
	width: 22px;
	height: 24px;
	margin: 95px 8px 0 0;
	background: url(../images/icor.jpg) no-repeat;
}
.tempWrap {
	margin: 14px 0 0 10px;
	float: left;
}*/
/******/
#progd .picScroll ul {
	overflow: hidden;
	zoom: 1;
}
#progd .picScroll ul li {
	list-style:none;
	width: 243px;
	float: left;
	overflow: hidden;
	margin: 0 12px;
	
}
#progd .picScroll ul li img {
	width: 239px;
	height: 179px;
	display: block;
	border: 2px solid #FFF;
}
#prozs {
	margin-bottom: 12px;
}
#prozs h3 {
	height: 126px;
	width: 1150px;
	background: url(../images/t1.jpg) no-repeat center center;
}
#prozs ul.prozslist {
	width: 1150px;
}
#prozs ul.prozslist li {
	list-style:none;
	width: 272px;
	height: 404px;
	float: left;
	margin: 0 7px 14px 7px;
	;
}
#prozs ul.prozslist li img {
	width: 266px;
	height: 344px;
	padding: 2px;
	border: 1px solid #dadada;
}
#prozs ul.prozslist li p {
	height: 26px;
	line-height: 26px;
	width: 272px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #080808;
	margin: 4px 0;
	overflow: hidden;
}
#footer {
	height: 338px;
	background: #3b3b3b;
}
#foot {
	height: 338px;
}
#foot .about {
	width: 270px;
	padding-top: 36px;
	height: 302px;
	float: left;
	margin-right: 45px;
	background: url(../images/logo2.jpg) no-repeat 4px 36px;
}
#foot .about .gsdesc {
	margin-top: 61px;
	font-size: 13px;
	font-family: Arial;
	color: #FFF;
	line-height: 24px;
}
#foot .about .mess {
	margin-top: 25px;
	font-size: 13px;
	font-family: Arial;
	color: #FFF;
	line-height: 24px;
}
#foot h3.ftle {
	width: 290px;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #bfbfbf;
	font-size: 24px;
	font-family: Arial;
	color: #FFF;
	line-height: 24px;
}
#foot .instagram {
	width: 291px;
	margin-top: 33px;
	float: left;
}
#foot .instagram .instalist {
	width: 291px;
	margin-top: 8px;
}
#foot .instagram .instalist li {
	list-style:none;
	width: 96px;
	height: 95px;
	float: left;
	margin: 0 1px 2px 0;
}
#foot .instagram .instalist li img {
	width: 96px;
	height: 95px;
}
#foot .information {
	width: 225px;
	margin: 33px 40px 0 40px;
	float: left;
}
#foot .information h3.ftle {
	width: 225px;
}
#foot .information .informalist {
	width: 225PX;
	margin-top: 3px;
}
#foot .information .informalist li {
	width: 225PX;
	font-family: Arial;
	color: #FFF;
	line-height: 24px;
	font-size: 13px;
}
#foot .information .informalist li a {
	color: #FFF;
}
#foot .video {
	width: 230px;
	float: left;
	margin-top: 33px;
}
#foot .video h3.ftle {
	width: 230px;
}
#foot .video .sp {
	width: 230px;
	height: 142px;
	margin-top: 7px;
}
#foot .video .fx {
	width: 230pox;
	height: 33px;
	margin-top: 12px;
	background: url(../images/ico6.jpg) no-repeat left center;
}
#foot .video .fx a {
	display: block;
	width: 33px;
	height: 33px;
	float: left;
	margin-right: 8px;
}
/***************************/
#banner1 {
	height: 200px;
}
#content {
}
#continfo {
	margin: 47px auto;
	color: #232323;
}
#contleft {
	width: 245px;
	float: left;
	padding-top: 47px;
	margin-left: 3px;
}
#contleft dl {
	width: 245px;
	margin-bottom: 3px;
}
#contleft dl dt {
	width: 245px;
	height: 40px;
	line-height: 40px;
	padding-top: 7px;
	border-top: 1px solid #d2d2d2;
	text-indent: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}
#contleft dl dd {
	width: 245px;
	height: 50px;
	line-height: 50px;
	margin-top: 3px;
	text-indent: 14px;
	border-bottom: 1px solid #d2d2d2;
}
#contleft ul li {
	list-style:none;
	width: 230px;
	height: 50px;
	line-height: 50px;
	margin: 3px auto 0 auto;
	text-indent: 14px;
	border-bottom: 1px solid #d2d2d2;
}
#contleft dl dd a:hover {
	color: #f16698;
}
#contright {
	width: 876px;
	float: right;
	margin-top: 70px;
}
#contright .rtle {
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #000;
}
#contright .rtle span {
	display: block;
	float: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f16698;
}
#contright .rtle p.position {
	display: block;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#contright .prolist {
	width: 876px;
	padding-top: 37px;
}
#contright .prolist ul li {
	list-style:none;
	width: 272px;
	height: 404px;
	float: left;
	margin: 0 7px 14px 7px;
	;
}
#contright .prolist ul li img {
	width: 266px;
	height: 343px;
	padding: 2px;
	border: 1px solid #dadada;
}
#contright .prolist ul li p {
	height: 26px;
	line-height: 26px;
	width: 272px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #080808;
	margin: 4px 0;
	overflow: hidden;
}
#contright #dede_pages {
	height: 20px;
	margin: 60px 0;
}
#dede_pages ul {
	float: left;
	padding: 12px 0px 12px 16px;
}
#dede_pages ul li {
	list-style:none;
	float: left;
	font-family: Tahoma;
	line-height: 17px;
	margin-right: 6px;
	border: 1px solid #E9E9E9;
	background: none;
}
#dede_pages ul li a {
	float: left;
	padding: 2px 4px 2px;
	color: #555;
	display: block;
}
#dede_pages ul li a:hover {
	color: #690;
	text-decoration: none;
	padding: 2px 4px 2px;
}
#dede_pages ul li.thisclass, #dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
	background-color: #F8F8F8;
	padding: 2px 4px 2px;
	font-weight: bold;
}
#dede_pages .pageinfo {
	line-height: 21px;
	padding: 12px 10px 12px 16px;
	color: #999;
}
#contright .proinfo {
	width: 876px;
	padding-top: 37px;
}
#contright .proinfo .imglist {
	width: 450px;
	height: 514px;
	float: left;
}
#ifocus {
	width: 450px;
	margin-bottom: 7px;
	height: 514px;
	border: 1px solid #DEDEDE;
	background: #F8F8F8;
}
#ifocus_pic {
	display: inline;
	position: relative;
	float: left;
	width: 335px;
	height: 447px;
	overflow: hidden;
	margin: 6px 0 0 6px;
}
#ifocus_piclist li {
	list-style:none;
	width: 335px;
	height: 431px;
	overflow: hidden;
        padding-top: 16px;
}
}
#ifocus_piclist img {
	width: 335px;
	height: 431px;
        padding-top: 16px;
}
#ifocus_btn {
	display: inline;
	float: right;
	margin-top: 20px;
	width: 89px;
	padding-right: 5px;
}
#ifocus_btn li {
	list-style:none;
	width: 89px;
	height: 135px;
	margin-bottom: 13px;
	cursor: pointer;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}
#ifocus_btn img {
	width: 89px;
	height: 135px;
}
#ifocus_btn .on {
	background: url(images/ifocus_btn_bg.gif) no-repeat;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
#contright .proinfo .prodesc {
	width: 350px;
	height: 514px;
	float: right;
}
#contright .proinfo .prodesc .title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #080808;
	font-weight: bold;
	line-height: 26px;
}
#contright .proinfo .prodesc .pinfodesc {
	width: 350px;
	line-height: 26px;
	
	font-size: 14px;
	margin-top: 20px;
}
#contright .proinfo .prodesc .pmess {
	display: block;
	width: 142px;
	height: 30px;
	background: url(../images/mess.jpg) no-repeat;
	margin-top: 50px;
}
#contright .proinfo .projtnr {
	clear: both;
	width: 876px;
	margin-top: 40px;
}
#contright .proinfo .projtnr h3 {
	height: 35px;
	width: 876px;
	line-height: 35px;
	background: #e0e0e0;
	color: #f16698;
	text-indent: 15px;
	font-weight: bold;
}
#contright .proinfo .projtnr .pjtinfo {
	width: 856px;
	padding: 20px 10px;
	color: #232323;
	line-height: 26px;

}


#lxleft{
	width:340px;
	float:left;
}
#lxleft h3.title1{
	width:340px;
	line-height:30px;
	font-weight:bold;
	font-size:15px;
	margin-bottom:15px;
}
#lxleft ul.mess1 li{
	list-style:none;
	width:340px;
	line-height:26px;
}
#lxleft ul.mess1 li.tle{
	font-size:14px;
	font-weight:bold;
}
#lxleft ul.mess1 li.jtinfo{
	font-size:14px;
}

#lxleft h3.title2{
	width:340px;
	line-height:30px;
	font-weight:bold;
	font-size:15px;
	margin-top:25px;
}
#lxleft ul.mess2 li{
	list-style:none;
	width:340px;
	line-height:26px;
}
#lxleft ul.mess2 li.tle{
	font-size:14px;
	font-weight:bold;
}
#lxleft ul.mess2 li.jtinfo{
	font-size:14px;
}

.liuyan{
	width:500px;
	float:left;
	margin-left:30px;
}
.liuyan p{
	line-height:30px;
	font-weight:bold;
	font-size:15px;
	margin-bottom:15px;
}
.liuyan .ly ul li{
	list-style:none;
	/*height:30px;
	margin-bottom:20px;*/
}
.liuyan .ly ul li .lyname{
	width:400px;
	display:block;
	/*height:30px;*/
	line-height:30px;
/*	float:left;
*/}
.liuyan .ly ul li .lytext{
	width:400px;
	/*height:30px;*/
	line-height:30px;
	/*float:left;*/
}
.liuyan .ly ul li.textarea{
	width:480px;
	/*height:100px;*/
}
.liuyan .ly ul li .lyarea{
	width:400px;
	/*height:100px;*/
	line-height:30px;
	/*float:left;*/
}
.liuyan .ly ul li .lyarea textarea{
	width:400px;
	height:100px;
	line-height: 20px;
	font-size: 14px;
	/*float:left;*/
}
.liuyan .ly ul li .lytext input{
	width:300px;
	height:28px;
	line-height:28px;
}
.liuyan .tjan{
	width:300px;
	height:30px;
	line-height:30px;
}
.liuyan .tjan input{
	width:50px;
	height:30px;
	text-align:center;
	line-height:30px;
}