ul,dl,dt,dd,h1,h2,h3,h4,h5,h6,form { padding:0; margin:0;}
ul { list-style:none;}
li { text-align:left;}
img { border:0px;}
a img,a:hover img{border:0;}

body{ 
    margin:0 auto;
	font-size:12px;
	text-align:center;
	color:#707070;
	font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
}
a {
	color:#707070;
	text-decoration: none;
}
a:hover {
	color: #c30;
	text-decoration: none;
}
.while{
    color:#FFFFFF;
	text-decoration:none;
}
.while:hover{
    color:#CCCCCC;
	text-decoration:none;
}
.clearboth{
    clear:both;
}










.about_top{
    width:100%;
	height:80px;
	margin:0 auto;
	overflow:hidden;
}





/*.banner{
    width:100%;
	height:1024px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/banner_1.jpg) center no-repeat;
}*/

.prolist_1{
    width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:40px;
	overflow:hidden;
}
.prolist_1_1{
    display:block;
    width:23%;
	height:auto;
	float:left;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_1_2{
    display:block;
    width:48.5%;
	height:auto;
	float:left;
	margin-left:2.75%;
	display:inline;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_1_3{
    display:block;
    width:23%;
	height:auto;
	float:left;
	margin-left:2.75%;
	display:inline;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_1 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
	cursor:pointer;
}
.prolist_1 span{
    display:block;
	width:94%;
	height:auto;
	margin:0 auto;
	margin-top:12px;
	overflow:hidden;
	text-align:left;
	color:#000000;
	font-size:1em;
	font-weight:bold;
	cursor:pointer;
}
.prolist_1 font{
    display:block;
	width:94%;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	overflow:hidden;
	text-align:left;
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
	cursor:pointer;
}
.prolist_1 label{
    display:block;
	width:94%;
	height:auto;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:12px;
	overflow:hidden;
	text-align:left;
	color:#000000;
	font-size:1.1em;
	line-height:1.2;
	cursor:pointer;
}
@media only screen and (max-width:1490px){
.prolist_1{
    width:80%;
	height:auto;
	margin:0 auto;
	margin-top:40px;
	overflow:hidden;
}
/*.prolist_1 font{
	font-size:1.3em;
}
.prolist_1 label{
	font-size:1.2em;
}*/
}
@media only screen and (min-width:1490px) and (max-width:1800px){
.prolist_1{
    width:80%;
	height:auto;
	margin:0 auto;
	margin-top:40px;
	overflow:hidden;
}
}



.prolist_2{
    width:1254px;
	height:auto;
	margin:0 auto;
	margin-top:115px;
	overflow:hidden;
}
.prolist_2 li{
    width:12%;
	height:auto;
	float:left;
	overflow:hidden;
}
.prolist_2 li.line{
    width:3px;
	height:auto;
	float:left;
	overflow:hidden;
}
.prolist_2 li a{
    display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
}
.prolist_2 li a img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
.prolist_2 li a span{
    display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:15px;
	cursor:pointer;
}
.prolist_2 li a label{
    display:none;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:15px;
	cursor:pointer;
}
.prolist_2 li a:hover span{
    display:none;
}
.prolist_2 li a:hover label{
    display:block;
}
@media only screen and (min-width:800px) and (max-width:1490px){
.prolist_2{
    width:80%;
	height:auto;
	margin:0 auto;
	margin-top:115px;
	overflow:hidden;
}
}
@media only screen and (max-width:800px){
.prolist_2{
    width:80%;
	height:auto;
	margin:0 auto;
	margin-top:115px;
	overflow:hidden;
}
.prolist_2 li{
    width:24%;
	height:auto;
	float:left;
	overflow:hidden;
}
}



/*.prolist_3{
    width:1490px;
	height:1520px;
	margin:0 auto;
	margin-top:100px;
	overflow:hidden;
	position:relative;
}
.prolist_3_1{
    display:block;
    width:344px;
	height:998px;
	top:0px;
	left:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_2{
    display:block;
    width:344px;
	height:481px;
	top:0px;
	left:382px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_3{
    display:block;
    width:724px;
	height:481px;
	top:0px;
	right:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_4{
    display:block;
    width:344px;
	height:481px;
	top:519px;
	left:382px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_5{
    display:block;
    width:724px;
	height:481px;
	top:1036px;
	left:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_6{
    display:block;
    width:344px;
	height:998px;
	top:519px;
	left:764px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_7{
    display:block;
    width:344px;
	height:481px;
	top:519px;
	right:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_8{
    display:block;
    width:344px;
	height:481px;
	bottom:0px;
	right:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
	cursor:pointer;
}
.prolist_3 span{
    display:block;
	width:100%;
	padding-left:26px;
	height:auto;
	margin:0 auto;
	margin-top:12px;
	overflow:hidden;
	text-align:left;
	color:#000000;
	font-size:1em;
	font-weight:bold;
	cursor:pointer;
}
.prolist_3 font{
    display:block;
	width:100%;
	padding-left:26px;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	overflow:hidden;
	text-align:left;
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
	cursor:pointer;
}
.prolist_3 label{
    display:block;
	width:100%;
	padding-left:26px;
	height:auto;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:12px;
	overflow:hidden;
	text-align:left;
	color:#000000;
	font-size:1.1em;
	line-height:1.2;
	cursor:pointer;
}*/




.prolist_3{
    width:1200px;
	height:1218px;
	margin:0 auto;
	margin-top:100px;
	overflow:hidden;
	position:relative;
}
.prolist_3_1{
    display:block;
    width:278px;
	height:802px;
	top:0px;
	left:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_2{
    display:block;
    width:278px;
	height:386px;
	top:0px;
	left:308px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_3{
    display:block;
    width:584px;
	height:386px;
	top:0px;
	right:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_4{
    display:block;
    width:278px;
	height:386px;
	top:416px;
	left:308px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_5{
    display:block;
    width:586px;
	height:386px;
	bottom:0px;
	left:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_6{
    display:block;
    width:278px;
	height:802px;
	bottom:0px;
	left:616px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_7{
    display:block;
    width:278px;
	height:386px;
	top:416px;
	right:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_8{
    display:block;
    width:278px;
	height:386px;
	bottom:0px;
	right:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
	cursor:pointer;
}
.prolist_3 span{
    display:block;
	width:100%;
	padding-left:26px;
	height:auto;
	margin:0 auto;
	margin-top:12px;
	overflow:hidden;
	text-align:left;
	color:#000000;
	font-size:1em;
	font-weight:bold;
	cursor:pointer;
}
.prolist_3 font{
    display:block;
	width:100%;
	padding-left:26px;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	overflow:hidden;
	text-align:left;
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
	cursor:pointer;
}
.prolist_3 label{
    display:block;
	width:100%;
	padding-left:26px;
	height:auto;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:12px;
	overflow:hidden;
	text-align:left;
	color:#000000;
	font-size:1.1em;
	line-height:1.2;
	cursor:pointer;
}


@media only screen and (max-width:1490px){
/*.prolist_3{
    width:80%;
	height:1520px;
	margin:0 auto;
	margin-top:100px;
	overflow:hidden;
	position:relative;
}
.prolist_3_1{
    display:block;
    width:23%;
	height:998px;
	top:0px;
	left:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_2{
    display:block;
    width:23%;
	height:481px;
	top:0px;
	left:25.6%;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_3{
    display:block;
    width:48.5%;
	height:481px;
	top:0px;
	right:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_4{
    display:block;
    width:23%;
	height:481px;
	top:519px;
	left:25.6%;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_5{
    display:block;
    width:48.5%;
	height:481px;
	top:1036px;
	left:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_6{
    display:block;
    width:23%;
	height:998px;
	top:519px;
	left:51.2%;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_7{
    display:block;
    width:23%;
	height:481px;
	top:519px;
	right:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_8{
    display:block;
    width:23%;
	height:481px;
	bottom:0px;
	right:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}*/
}
@media only screen and (min-width:1490px) and (max-width:1800px){
/*.prolist_3{
    width:80%;
	height:1520px;
	margin:0 auto;
	margin-top:100px;
	overflow:hidden;
	position:relative;
}
.prolist_3_1{
    display:block;
    width:23%;
	height:998px;
	top:0px;
	left:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_2{
    display:block;
    width:23%;
	height:481px;
	top:0px;
	left:25.6%;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_3{
    display:block;
    width:48.5%;
	height:481px;
	top:0px;
	right:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_4{
    display:block;
    width:23%;
	height:481px;
	top:519px;
	left:25.6%;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_5{
    display:block;
    width:48.5%;
	height:481px;
	top:1036px;
	left:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_6{
    display:block;
    width:23%;
	height:998px;
	top:519px;
	left:51.2%;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_7{
    display:block;
    width:23%;
	height:481px;
	top:519px;
	right:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}
.prolist_3_8{
    display:block;
    width:23%;
	height:481px;
	bottom:0px;
	right:0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:#FFFFFF;
}*/
}
















.footer{
    width:100%;
	height:auto;
	margin:0 auto;
	margin-top:100px;
	overflow:hidden;
	background:#292929;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	color:#ffffff;
	font-size:1.4em;
	line-height:1.5;
}
.footer label{
    font-family:"Times New Roman", Times, serif;
}
.footer strong{
    font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
.footer_logo{
    width:100%;
	height:auto;
	margin:0 auto;
	padding-top:140px;
	padding-bottom:140px;
	overflow:hidden;
	background:#333333;
	text-align:center;
	position:relative;
}
.footer_ewm{
    display:none;
	width:100px;
	height:100px;
	bottom:0px;
	right:190px;
	position:absolute;
	z-index:1;
	overflow:hidden;
}
.footer_link{
    width:100%;
	height:100px;
	margin:0 auto;
	background:#333333;
	
}
.footer_link_bottom{
    width:100%;
	height:16px;
	margin:0 auto;
	overflow:hidden;
}
.footer_link_l{
    width:auto;
	height:auto;
	float:left;
	margin-top:30px;
	margin-left:20px;
	display:inline;
	overflow:hidden;
}
.footer_link_l li{
    width:auto;
	height:auto;
	float:left;
	padding-left:15px;
	padding-right:15px;
	overflow:hidden;
}
.footer_link_l li a{
	color:#ffffff;
	font-size:1.4em;
}
.footer_link_r{
    width:auto;
	height:auto;
	float:right;
	margin-top:15px;
	margin-right:20px;
	display:inline;
	
}
.footer_link_r li{
    width:auto;
	height:auto;
	float:left;
	padding-left:15px;
	padding-right:15px;	
	position:relative;
}
.footer_link_r li div{position:absolute; top:-110px; left:-6px; width:100px; height:100px; z-index:999; display:none;}
.footer_link_r li:hover div{ display:block;}

















.yp_Content{
    width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	overflow:hidden;
}
.yp_Content img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}




/*雅品系列 详情*/
.yp_Content_1{
    width:1051px;
	height:auto;
	margin:0 auto;
	margin-top:75px;
	overflow:hidden;
}
.yp_Content_1 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
@media only screen and (max-width:1051px){
.yp_Content_1{
    width:100%;
}
}


.yp_Content_2{
    width:1231px;
	height:auto;
	float:left;
	margin-top:75px;
	display:inline;
	overflow:hidden;
}
.yp_Content_2 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
@media only screen and (max-width:1231px){
.yp_Content_2{
    width:100%;
}
}


.yp_Content_3{
    width:1051px;
	height:auto;
	margin:0 auto;
	padding-top:75px;
	overflow:hidden;
}
.yp_Content_3 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
@media only screen and (max-width:1051px){
.yp_Content_3{
    width:100%;
}
}


.yp_Content_4{
    width:1280px;
	height:auto;
	margin:0 auto;
	margin-top:75px;
	overflow:hidden;
	text-align:left;
}
.yp_Content_4 img{
    display:block;
	float:left;
}
@media only screen and (max-width:1280px){
.yp_Content_4{
    width:100%;
}
}
@media only screen and (max-width:665px){
.yp_Content_4 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
}


.yp_Content_5{
    width:1378px;
	height:auto;
	margin:0 auto;
	margin-top:75px;
	overflow:hidden;
}
.yp_Content_5 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
@media only screen and (max-width:1378px){
.yp_Content_5{
    width:100%;
}
}


.yp_Content_6{
    width:1022px;
	height:auto;
	margin:0 auto;
	margin-top:75px;
	overflow:hidden;
}
.yp_Content_6 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
@media only screen and (max-width:1022px){
.yp_Content_6{
    width:100%;
}
}


.yp_Content_7{
    width:1448px;
	height:auto;
	margin:0 auto;
	margin-top:75px;
	overflow:hidden;
}
.yp_Content_7 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
@media only screen and (max-width:1448px){
.yp_Content_7{
    width:100%;
}
}


.yp_Content_8{
    width:1617px;
	height:auto;
	float:right;
	margin-top:75px;
	display:inline;
	overflow:hidden;
}
.yp_Content_8 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
@media only screen and (max-width:1617px){
.yp_Content_8{
    width:100%;
}
}


.yp_Content_9{
    width:1514px;
	height:auto;
	margin:0 auto;
	padding-top:75px;
	overflow:hidden;
}
.yp_Content_9 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
@media only screen and (max-width:1514px){
.yp_Content_9{
    width:100%;
}
}


.yp_Content_10{
    width:1207px;
	height:auto;
	margin:0 auto;
	margin-top:75px;
	overflow:hidden;
}
.yp_Content_10 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
@media only screen and (max-width:1207px){
.yp_Content_10{
    width:100%;
}
}


.yp_Content_11{
    width:1280px;
	height:auto;
	margin:0 auto;
	margin-top:75px;
	overflow:hidden;
	text-align:right;
}
.yp_Content_11 img{
    display:block;
	float:right;
}
@media only screen and (max-width:1280px){
.yp_Content_11{
    width:100%;
}
}
@media only screen and (max-width:570px){
.yp_Content_11 img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
}

.yp_bigtitle_1{
    width:100%;
	height:auto;
	margin:0 auto;
	margin-top:100px;
	overflow:hidden;
	text-align:center;
	font-size:2em;
	color:#000000;
	font-weight:bold;
}
.yp_bigtitle_2{
    width:100%;
	height:auto;
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
	text-align:center;
	font-size:3em;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
}
.yp_bigtitle_3{
    width:100%;
	height:auto;
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
	text-align:center;
	font-size:1.3em;
	color:#afaeaf;
}



.yp_prolist{
    width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:50px;
	overflow:hidden;
}
@media only screen and (max-width:1544px){
.yp_prolist{
	width:100%;
}
}
.yp_prolist li{
    width:218px;
	height:auto;
	float:left;
	overflow:hidden;
}
.yp_prolist li.line{
    width:3px;
	height:auto;
	float:left;
	overflow:hidden;
}
.yp_prolist li a{
    display:block;
	width:100%;
	height:405px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}
.yp_prolist li a img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
.yp_prolist li a span{
    display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:15px;
	cursor:pointer;
}
.yp_prolist li a label{
    display:none;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:15px;
	cursor:pointer;
}
.yp_prolist li a:hover span{
    display:none;
}
.yp_prolist li a:hover label{
    display:block;
}
.yp_prolist_icon{
    width:195px;
	height:auto;
	margin:0 auto;
	margin-top:30px;
	overflow:hidden;
	text-align:center;
}
.yp_prolist li a:hover{
    color:#000000;
}




.yp_prolist_1{
    width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:50px;
	overflow:hidden;
}
.yp_prolist_1 li{
    width:168px;
	height:auto;
	float:left;
	overflow:hidden;
}
.yp_prolist_1 li.line{
    width:3px;
	height:auto;
	float:left;
	overflow:hidden;
}
.yp_prolist_1 li a{
    display:block;
	width:100%;
	height:405px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}
.yp_prolist_1 li a img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
.yp_prolist_1 li a span{
    display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:15px;
	cursor:pointer;
}
.yp_prolist_1 li a label{
    display:none;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:15px;
	cursor:pointer;
}
.yp_prolist_1 li a:hover span{
    display:none;
}
.yp_prolist_1 li a:hover label{
    display:block;
}
.yp_prolist_1_icon{
    width:195px;
	height:auto;
	margin:0 auto;
	margin-top:30px;
	overflow:hidden;
	text-align:center;
}
.yp_prolist_1 li a:hover{
    color:#000000;
}





.yp_prolist_2{
    width:668px;
	height:auto;
	margin:0 auto;
	margin-top:50px;
	overflow:hidden;
}
.yp_prolist_2 li{
    width:332px;
	height:auto;
	float:left;
	overflow:hidden;
}
.yp_prolist_2 li.line{
    width:3px;
	height:auto;
	float:left;
	overflow:hidden;
}
.yp_prolist_2 li a{
    display:block;
	width:100%;
	height:335px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}
.yp_prolist_2 li a img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
.yp_prolist_2 li a span{
    display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:15px;
	cursor:pointer;
}
.yp_prolist_2 li a label{
    display:none;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:15px;
	cursor:pointer;
}
.yp_prolist_2 li a:hover span{
    display:none;
}
.yp_prolist_2 li a:hover label{
    display:block;
}
.yp_prolist_2 li a:hover{
    color:#000000;
}








.yp_prolist_3{
    width:466px;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	overflow:hidden;
}
.yp_prolist_3 li{
    width:225px;
	height:auto;
	float:left;
	overflow:hidden;
}
.yp_prolist_3 li.line{
    width:13px;
	height:auto;
	float:left;
	overflow:hidden;
}
.yp_prolist_3 li a{
    display:block;
	width:100%;
	height:290px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}
.yp_prolist_3 li a img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
.yp_prolist_3 li a span{
    display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:15px;
	cursor:pointer;
}
.yp_prolist_3 li a label{
    display:none;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:15px;
	cursor:pointer;
}
.yp_prolist_3 li a:hover span{
    display:none;
}
.yp_prolist_3 li a:hover label{
    display:block;
}
.yp_prolist_3 li a:hover{
    color:#000000;
}








.about_text{
    width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:70px;
	overflow:hidden;
	text-align:left;
	line-height:2;
	font-size:1.6em;
	color:#000000;
}
.about_text b{
    font-style:normal;
	font-weight:bold;
	font-size:1.1em;
}
@media only screen and (max-width:1300px){
.about_text{
	font-size:1.4em;
}
}
@media only screen and (max-width:1024px){
.about_text{
	width:100%;
	margin-top:30px;
}
}
.about_text img{
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
}
.about_text_li{
    width:48%;
	height:auto;
	float:left;
	overflow:hidden;
	text-align:center;
	line-height:1.5;
}
.about_text_li img{
    display:block;
    max-width:100%;
	width:100%;
	-ms-interpolation-mode:bicubic;
	margin-bottom:40px;
}

select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;


  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.contact_title{
    width:1200px;
	height:50px;
	line-height:50px;
	margin:0 auto;
	margin-top:100px;
	overflow:hidden;
	text-align:left;
	font-size:1.8em;
	font-weight:bold;
	color:#000000;
}
.contact_text{
    width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
	text-align:left;
	line-height:1.8;
	font-size:1.6em;
	color:#333333;
}
.contact_text span{
    font-size:1.2em;
	font-weight:bold;
}
/*.contact_text span strong{
	font-size:1.3em;
	font-weight:bold;
}*/
.contact_ewm{
    width:216px;
	height:auto;
	float:left;
	overflow:hidden;
	text-align:left;
}
.contact_ewm_text{
    width:960px;
	height:auto;
	float:right;
	margin-top:100px;
	display:inline;
	overflow:hidden;
	text-align:left;
	line-height:2;
}
.contact_ewm_text span{
    font-size:1.2em;
	font-weight:bold;
}


.contact_ewm_list{
    width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:50px;
	overflow:hidden;
}
.contact_ewm_list li{
    width:216px;
	height:auto;
	float:left;
	margin-left:276px;
	display:inline;
	overflow:hidden;
	text-align:center;
    font-size:1.6em;
}
.contact_ewm_list li img{
    display:block;
	width:216px;
	height:216px;
	margin-bottom:15px;
}



.contact_message{
    width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:30px;
	/*overflow:hidden;*/
}
.contact_message_l{
    width:920px;
	height:auto;
	float:left;
	/*overflow:hidden;*/
}
.contact_message_l li{
    width:912px;
	height:86px;
	float:left;
	margin-top:7px;
	display:inline;
	/*overflow:hidden;*/
	border:4px solid #333333;
}
.contact_message_r{
    width:224px;
	height:auto;
	float:right;
	margin-top:100px;
	display:inline;
	overflow:hidden;
}
.contact_message_l_1{
    width:498px!important;
}
.contact_message_l_2{
    width:200px!important;
	margin-left:7px;
}
.contact_message_l_3{
    width:200px!important;
	margin-left:7px;
}
.message_input{
    width:90%!important;
	padding-left:10px!important;
	height:76px!important;
	line-height:60px!important;
	outline:none;
	border:0px!important;
	text-align:left!important;
	color:#a5a5a5!important;
	font-size:1.4em!important;
	background:none;
}
.message_select{
    width:100%!important;
	height:46px!important;
	line-height:46px!important;
	outline:none;
	border:0px!important;
	text-align:left!important;
	color:#a5a5a5!important;
	font-size:2em!important;
	background:none;
}
.message_input option{
    height:40px;
	line-height:40px;
	border:0px;
}
.message_submit{
    width:224px;
	height:86px;
	line-height:76px;
	outline:none;
	border:0px;
	background:#333333;
	text-align:center;
	font-size:1.4em;
	color:#FFFFFF;
	cursor:pointer;
}
@media only screen and (max-width:1300px){
.contact_title{
    width:96%;
}
.contact_text{
    width:96%;
}
.contact_message{
    width:96%;
}
.contact_message_l{
    width:100%;
	height:auto;
	float:left;
	/*overflow:hidden;*/
}
.contact_message_r{
    width:100%;
	height:auto;
	float:right;
	margin-top:50px;
	display:inline;
	overflow:hidden;
}
.contact_message_l li{
    width:99%;
	height:86px;
	float:left;
	margin-top:7px;
	display:inline;
	/*overflow:hidden;*/
	border:4px solid #333333;
}
.contact_message_l_1{
    width:100%!important;
}
.contact_message_l_2{
    width:100%!important;
	margin-left:0px;
}
.contact_message_l_3{
    width:100%!important;
	margin-left:0px;
}
.message_submit{
    width:99%;
	border:4px solid #333333;
}
}






/*美食*/
.ms_pro_1{
    display:block;
    width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:38px;
	overflow:hidden;
	position:relative;
}
.ms_pro_1 img{
    width:100%;
}
.ms_pro_1 span{
    display:none;
    width:803px;
	height:994px;
	line-height:994px;
	top:0px;
	left:0px;
	position:absolute;
	z-index:11;
	overflow:hidden;
	/*text-align:center;
	font-size:3em;
	color:#000000;*/
	background-color: #ffffff;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
}
.ms_pro_1 label{
    display:none;
    width:803px;
	height:auto;
	line-height:1.2;
	top:45%;
	left:0px;
	position:absolute;
	z-index:12;
	overflow:hidden;
	text-align:center;
	font-size:3em;
	color:#000000;
}
.ms_pro_1:hover span{
    display:block;
}
.ms_pro_1:hover label{
    display:block;
}
.ms_pro{
    width:1200px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.ms_pro a img{
    width:100%;
}
.ms_pro img{
    width:100%;
}
.ms_pro a{
    overflow:hidden;
}
.ms_pro a span{
    display:none;
    width:100%;
	height:750px;
	top:0px;
	left:0px;
	position:absolute;
	z-index:11;
	overflow:hidden;
	/*text-align:center;
	font-size:3em;
	color:#000000;*/
	background-color: #ffffff;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
}
.ms_pro a label{
    display:none;
    width:100%;
	height:auto;
	line-height:1.2;
	top:45%;
	left:0px;
	position:absolute;
	z-index:12;
	overflow:hidden;
	text-align:center;
	font-size:3em;
	color:#000000;
}
.ms_pro a:hover span{
    display:block;
}
.ms_pro a:hover label{
    display:block;
}

.ms_pro_2{
    display:block;
    width:25%;
	height:33%;
	top:0px;
	left:0px;
	position:absolute;
	overflow:hidden;
}
.ms_pro_3{
    display:block;
    width:25%;
	height:33%;
	top:0px;
	left:25%;
	position:absolute;
	overflow:hidden;
}
.ms_pro_4{
    display:block;
    width:50%;
	height:66%;
	top:33%;
	left:0px;
	position:absolute;
	overflow:hidden;
}
.ms_pro_5{
    display:block;
    width:50%;
	height:66%;
	top:0px;
	right:0px;
	position:absolute;
	overflow:hidden;
}
.ms_pro_6{
    display:block;
    width:25%;
	height:33%;
	top:66%;
	right:25%;
	position:absolute;
	overflow:hidden;
}
.ms_pro_7{
    display:block;
    width:25%;
	height:33%;
	top:66%;
	right:0px;
	position:absolute;
	overflow:hidden;
}
.ms_pro_title{
    width:1493px;
	height:auto;
	margin:0 auto;
	margin-top:35px;
	margin-bottom:35px;
	overflow:hidden;
}
.ms_pro_title img{
    width:100%;
}

@media only screen and (max-width:1200px){
.ms_pro_title{
    width:100%;
	height:auto;
	margin:0 auto;
	margin-top:35px;
	margin-bottom:35px;
	overflow:hidden;
}
.ms_pro_1{
    width:100%;
}
.ms_pro_1 span{
    width:66.7%;
}
.ms_pro_1 label{
    width:66.7%;
}
.ms_pro{
    width:100%;
}
.ms_pro_2{
    display:block;
    width:25%;
	height:33%;
	top:0px;
	left:0px;
	position:absolute;
	overflow:hidden;
}
.ms_pro_3{
    display:block;
    width:25%;
	height:33%;
	top:0px;
	left:25%;
	position:absolute;
	overflow:hidden;
}
.ms_pro_4{
    display:block;
    width:50%;
	height:66%;
	top:33%;
	left:0px;
	position:absolute;
	overflow:hidden;
}
.ms_pro_5{
    display:block;
    width:50%;
	height:66%;
	top:0px;
	right:0px;
	position:absolute;
	overflow:hidden;
}
.ms_pro_6{
    display:block;
    width:25%;
	height:33%;
	top:66%;
	right:25%;
	position:absolute;
	overflow:hidden;
}
.ms_pro_7{
    display:block;
    width:25%;
	height:33%;
	top:66%;
	right:0px;
	position:absolute;
	overflow:hidden;
}
}






.ms_tc_bg{
    display:none;
	width:100%;
	height:2000px;
	margin:0 auto;
	position:fixed;
	left:0px;
	top:0px;
	_position:absolute;
	_margin-bottom:0px;
	_top:expression(eval(document.documentElement.scrollTop));
	text-align:center;
	background-color: #000000;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	z-index:1000;
}
.ms_tc{
    /*display:none;
	width:100%;
	height:auto;
	margin:0 auto;
	position:fixed;
	left:0px;
	top:30px;
	_position:absolute;
	_margin-bottom:0px;
	_top:expression(eval(document.documentElement.scrollTop));
	text-align:left;
	z-index:1001;
	overflow:hidden;*/
	
	display:none;
	width:100%;
	height:auto;
	margin:0 auto;
	left:0px;
	top:30px;
	position:absolute;
	text-align:left;
	z-index:1001;
	overflow:hidden;
}
.ms_tc_m{
    /*width:1254px;
	padding:0px;
	height:624px;
	margin:0 auto;
	text-align:left;
	line-height:1.6;
	overflow-y:scroll;
	background:#FFFFFF;*/
	width:1254px;
	padding:0px;
	height:auto;
	margin:0 auto;
	text-align:left;
	line-height:1.6;
	overflow:hidden;
	background:#FFFFFF;
}
.ms_tc_m_left{
    width:470px;
	height:auto;
	float:left;
	overflow:hidden;
	text-align:left;
}
.ms_tc_m_left img{
    width:100%;
}
.ms_tc_m_right{
    width:762px;
	height:auto;
	float:right;
	overflow:hidden;
}
.ms_tc_close{
    width:712px;
	height:43px;
	margin:0 auto;
	margin-top:25px;
	overflow:hidden;
	text-align:right;
	cursor:pointer;
}
.ms_tc_m_right_title{
    width:600px;
	height:auto;
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
	text-align:left;
	font-size:2.4em;
	color:#000000;
}
.ms_tc_m_right_name{
    width:600px;
	height:50px;
	line-height:50px;
	margin:0 auto;
	margin-top:15px;
	overflow:hidden;
	border-bottom:1px dashed #CCCCCC;
	text-align:left;
	font-size:2em;
	color:#000000;
}
.ms_tc_m_right_text{
    width:600px;
	height:auto;
	line-height:1.5;
	margin:0 auto;
	padding-top:10px;
	overflow:hidden;
	text-align:left;
	font-size:1.4em;
	color:#000000;
}
.ms_tc_m_right_submit{
    width:310px;
	height:auto;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:0px;
	overflow:hidden;
}
.ms_tc_m_right_submit_1{
    display:block;
	width:125px;
	height:40px;
	line-height:40px;
	float:left;
	margin-left:20px;
	display:inline;
	font-size:1.4em;
	text-align:center;
	color:#FFFFFF!important;
	background:#f08300;
	border-radius:22px;
}
.ms_tc_m_right_submit_2{
    display:block;
	width:125px;
	height:40px;
	line-height:40px;
	float:left;
	margin-left:20px;
	display:inline;
	font-size:1.4em;
	text-align:center;
	color:#FFFFFF!important;
	background:#303030;
	border-radius:22px;
}
@media only screen and (max-width:1254px){
.ms_tc_m{
    width:96%;
	height:auto;
}
.ms_tc_m_left{
    width:37.5%;
}
.ms_tc_m_right{
    width:60.5%;
}
.ms_tc_close{
    width:96%;
}
}

.navbar-logo{
    display:block; width:100%; margin-top:80px; margin-bottom:80px; text-align:center;
}
@media only screen and (max-width:800px){
.navbar-logo img{
    width:60%;
}
}