/**/
@import "../css/reset.css";
@import "../css/grid.css";
@import "../css/superfish.css";


/*
@import url(http://fonts.useso.com//css?family=Noto+Sans);
@import url(http://fonts.useso.com/css?family=Lobster);


.selector {font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu}
*/



html {
	width: 100%;
}

 a[href^="tel:"] {
color: inherit;
text-decoration:none;
}

* {
	-webkit-text-size-adjust: none;
}


body {
	position:static;
	min-width:960px;
	padding-top: 0px;
	background-color: #666;
	color: #363636;
	font-family: Arial, Helvetica, sans-serif,;
	font-size: 16px;
	line-height: 18px;

}


#cooperation{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	background-image: url(../images/cooperation.jpg);
	height: 200px;
	
	}

#top2ac1{
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
	text-align: center;
	display: block;
	background-image: url(../ima/ac1.jpg);
	height: 758px;
	
	}

#top2ac2{
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
	text-align: center;
	display: block;
	background-image: url(../ima/ac2.jpg);
	height: 433px;
	
	}


#top2ac3{
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
	text-align: center;
	display: block;
	background-image: url(../ima/ac3.jpg);
	height: 433px;
	
	}

#top2ac4{
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
	text-align: center;
	display: block;
	background-image: url(../ima/ac4.jpg);
	height: 433px;
	
	}
	
#top2ac5{
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
	text-align: center;
	display: block;
	background-image: url(../ima/ac5.jpg);
	height: 433px;
	
	}	
	
#top2ac6{
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
	text-align: center;
	display: block;
	background-image: url(../ima/ac6.jpg);
	height: 433px;
	
	}

#top2ac7{
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
	text-align: center;
	display: block;
	background-image: url(../ima/ac7.jpg);
	height: 433px;
	
	}




#top2ok{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	background-image: url(../images/top02b.jpg);
	height: 300px;
	
	}

#top2ok2{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	background-image: url(../images/wxg001.jpg);
	height: 300px;
	
	}

#top2ok2vr{
	margin-left: auto;
	margin-right: auto;
	width: 1920px;
	text-align: center;
	display: block;
	background-image: url(../images/vr01.jpg);
	height: 615px;
	
	}

#top2ok3{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	height: 300px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/wxg002.jpg);
	
	}

#top2ok3zp{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	height: 800px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/zp01.jpg);
	
	}


#top2ok3vr2{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	height: 400px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/vr02.jpg);
	
	}

#top2ok4{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	background-image: url(../images/wxg003.jpg);
	height: 300px;
	
	}


#top2ok4vr3{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: left;
	display: block;
	background-image: url(../images/vr03.jpg);
	height: 70px;
	
	}

#top2ok4vr6{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	background-image: url(../images/vr06.jpg);
	height: 70px;
	
	}

#top2ok4vr7{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	background-image: url(../images/vr07.jpg);
	height: 450px;
	
	}

#top2ok4vr7b{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	background-image: url(../images/vr07b.jpg);
	height: 450px;
	
	}


#top2ok3vr5{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	height: 400px;
	background-image: url(../images/vr05.jpg);
	
	}


#top2ok3vr5ban02{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	height: 400px;
	background-image: url(../images/ban02.jpg);
	
	}
	
#top2ok3vr5ban03{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	height: 400px;
	background-image: url(../images/ban03.jpg);
	
	}


#top2ok3vr5ban03a{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	height: 660px;
	background-image: url(../images/ban03a.jpg);
	
	}

	
	
#top2ok3vr5ban05{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	height: 400px;
	background-image: url(../images/ban05.jpg);
	
	}
	



#top2ok3vr5fgvr360{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	height: 284px;
	background-image: url(../images/fgvr360.jpg);
	
	}


#top2ok3vr5fgvr360b{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	height: 789px;
	background-image: url(../images/fgvr360b.jpg);
	
	}	
	
#top2ok3vr5fgvr360c{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	height: 789px;
	background-image: url(../images/fgvr360c.jpg);
	
	}	

#top2ok5{
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	text-align: center;
	display: block;
	background-image: url(../images/right.jpg);
	height: 300px;
	
	}

#abc720top{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	height: 51px;
	width: 426px;
	padding: 130px;

	}


#table01{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;



	}


#FG_container{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: center;
	display: block;
	background-image: url(../images/top01.jpg);
	height: 30px;
}

#FG_container2b{
	margin-left: auto;
	margin-right: auto;
	width: auto;
	text-align: center;
	display: block;
	background-color: #DD0000;
	height: 5px;
}

#FG_container3b{
	margin-left: auto;
	margin-right: auto;
	width: auto;
	text-align: center;
	display: block;
	background-color: #e90506;
}


#FG_info{
	height: 30px;
	line-height: 30px;
	display: block;
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
	text-align: right;
	font-family: "微软雅黑", Verdana, Geneva, sans-serif;
	letter-spacing: 2px;

}




.FG_moreleft{
	float: left;
}

.FG_BTN{
	float: right;
}

a.fg_btn {
	font-size: 12px;
	background: #e2827e;
	border-radius: 4px;
	margin-top: 0px;
	color: #fff;
	text-transform: uppercase;
	line-height: 38px;
	padding-top: 5px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
}

a.fg_btn:hover {
	background: #699440;
	color: #FFF;
}

.content.page1 .FG_H2{
	font-weight: bold;
	color: #F00;
	font-family: "微软雅黑", Verdana, Geneva, sans-serif;
	font-size: 25px;
	padding-top: 90px;
	margin-bottom: 19px;
	
}	


.ic {
	border:0;
	float:right;
	background:#fff;
	color:#f00;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	overflow:hidden;
	padding:0
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #F00;
	font-family: "微软雅黑", Verdana, Geneva, sans-serif;

}


h2 {
	font-size: 25px;
	line-height: 30px;
}

h3 {
	font-size: 20px;
	line-height: 24px;
}

p {
	margin-bottom: 18px;
}

p.inn1 {
	padding-top: 2px;
	margin-bottom: 20px;
}


img {
	max-width: 100%;
}

address {
	font-style: normal;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.list li{
	background: url(../images/marker.png) 0 8px no-repeat;
	padding-left: 11px;
	color: #464646;
	margin-bottom: 5.5px;
}

ul.list.l1 li {
	margin-bottom: 5.2px;
}
/*links*/

a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:hover {
	color: #00F;
}

a.btn {
	font-size: 12px;
	display: inline-block;
	background: #e2827e;
	padding: 5px 14px 4px;
	border-radius: 4px;
	margin-top: 17px;
	color: #fff;
	text-transform: uppercase;
}

a.btn:hover {
	background: #699440;
}

a.btn.m1 {
	margin-top: 30px;
	margin-bottom: 1px;
}

a.btn.more {
	font-size: 14px;
	line-height: 14px;
	text-align: right;
}


/*preclass*/

.mb0 {
	margin-bottom: 0px !important;
}
.m0 {
	margin: 0 !important;
}

.ind1 {
	margin-top: 11px;
}

.pad0 {
	padding: 0 !important;
}

.pt0 {
	padding-top: 0;
}

.img_inner {
	max-width: 100%;
	padding: 7px;
	background: #fff ;
	 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 border: 1px solid #e6e4e4;
 margin-bottom: 19px;
 box-shadow: 2px 2px 4px #ddd;
}

.fleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
}

.fright {
	float: right !important;	
}

.upp {
	text-transform: uppercase;
}

.alright {
	text-align: right;
}
.center {
	text-align: center;
}
.wrapper, .extra_wrapper {
	overflow: hidden;
}
.clear {
	float: none !important;
	clear: both;
}

.col1 {
	text-align: left;
	line-height: 22px;
}

.col2 {
	color: #e1837f;
}

.hor_separator {
	background: url(../images/hor_separator.png) 0 bottom no-repeat;
	height: 40px;
}
/*header*/

header {
	display: block;
	padding-top: 16px;
	position: relative;
	z-index: 999;
	background: #f2f0f0 ;
	padding-bottom: 31px;
	border-bottom: 1px solid #dddbdb;
	box-shadow: 0 1px 5px #ccc;
}


header h1 {
	float: none;
	position: relative;
	z-index: 999;

}
header h1 a {
	display: block;
	overflow: hidden;
	width: 300px;
	float: left;
	height: 75px;
	text-indent: -999px;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

header h1 a img {
	display: block;	
}


.main {
	background: #f2f0f0;
}

/*Content*/

.content h2{
	padding-top: 36px;
	font-size: 24px;
	color: #F00;
	margin-bottom: 17px;
}

.content.page1 {
	padding-top: 50px;
	background: url(../images/hor_separator.png) center 50px no-repeat;
}


.content.page1 h2 {
	font-size: 25px;
	padding-top: 43px;
	margin-bottom: 19px;
	color: #F00;
}

.page1_block img {
	float: left;
	margin-top: 2px;
	margin-right: 24px;
}

.car_wrap {
	position: relative;
	margin: 0 -10px;
	overflow: hidden;
}

.content.page1 .car_wrap h2 {
	padding-left: 10px;
	padding-top: 23px;
	padding-bottom: 3px;
}

.carousel1 {
	height: 249px;
}

.carousel1 li {
	float: left;
	width: 240px !important;
	font-size: 12px;
}

.carousel1 li >div {
	padding: 0 10px;
}

.carousel1 li .price {
	display: inline-block;
	background: #699440;
	color: #fff;
	min-width: 41px;
	height: 38px;
	border-radius: 4px;
	font: 20px/36px 'Lobster', cursive;
	text-align: center;
	margin-top: 15px;
}


.carousel1 li span {
	line-height: 16px;
}

.carousel1 img {
	box-shadow: 2px 2px 3px #ddd;
	padding: 4px;
	background: #fff;
	border: 1px solid #e6e4e4;
	 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 margin-bottom: 19px;
}

.prev {
	background: url(../images/prevnext.png) 0 bottom no-repeat;
	display: block;
	position: absolute;
	right: 42px;
	top: 9px;
	width: 32px;
	z-index: 999;
	height: 30px;
}

.prev:hover {
	background-position: 0 0;
}

.next {
	background: url(../images/prevnext.png) right bottom no-repeat;
	display: block;
	z-index: 999;
	position: absolute;
	right: 10px;
	top: 9px;
	width: 32px;
	height: 30px;
}

.next:hover {
	background-position: right 0;
}

.bottom_block {
	padding-top: 38px;
	font-size: 12px;
	padding-bottom: 0px;
	overflow: hidden;
	background-image: url(../images/hor_separator.png);
	background-repeat: no-repeat;
	background-position: center 38px;
	width: 1200px;
}

.bottom_block2b {
	padding-top: 38px;
	font-size: 12px;
	padding-bottom: 34px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center 38px;
}

.bottom_block h3 {
	padding-top: 39px;
	margin-bottom: 25px;
}

.socials {
	overflow: hidden;
}

.bottom_block nav {
	padding-top: 15px;
}



.bottom_block nav li {
	float: left;
}


.bottom_block nav li+li {
	margin-left: 19px;
}

.bottom_block nav {
	font-size: 12px;
	text-transform: uppercase;
	color: #504f4f;
}

.bottom_block p {
	margin-top: -5px;
}

.bottom_block nav li.current {
	color: #000;
}


.socials a {
	width: 160px;
	float: left;
	display: block;
	height: 160px;
	margin-left: 11px;
	background-image: url(../images/erwei_big.JPG);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.socials a:hover {
	opacity: 0.5;
}

.socials a:first-child {
	margin-left: 0;
}

.socials a:first-child+a {
	background: url(../images/socials.png) -38px 0 no-repeat;
}

.socials a:first-child+a+a {
	background: url(../images/socials.png) right 0 no-repeat;
}


.carousel2 li img {
	float: left;
	margin-top: -1px;
	margin-right: 20px;
}

.carousel2 li {
	float: left;
	width: 410px !important;
}

.carousel2 li .title {
	font-size: 24px;
	line-height: 22.9px;
	font-family: "Times New Roman", Times, serif;
	color: #e2827e;
	text-align: center;
	padding-top: 36px;
}

.carousel2 .col1 {
	line-height: 22.9px;
	margin-bottom: 6px;
	padding-top: 10px;
}


.prev1 {
	background: url(../images/prevnext.png) 0 bottom no-repeat;
	display: block;
	float: right;
	width: 32px;
	z-index: 999;
	height: 30px;
	margin-top: 8px;
}

.prev1:hover {
	background-position: 0 0;
}

.next1 {
	background: url(../images/prevnext.png) right bottom no-repeat;
	display: block;
	z-index: 999;
	float: right;
	width: 32px;
	height: 30px;
	margin-top: 8px;
}

.next1:hover {
	background-position: right 0;
}


.hor_separator.hor1 {
margin-top: 13px;
}

.content h2.head1 {
	padding-top: 28px;
	font-size: 25px;
}

.content h2.head2 {
	font-size: 25px;
	padding-top: 35px;
	margin-bottom: 20px;
}

.chefs {
	padding-top: 7px;
	width: 1200px;
}

.chefs .img_inner {
	padding: 10px 4px;
}

.chefs .col1 {
	font-size: 12px;
	padding-top: 8px;
	margin-bottom: 16px;
}

.menu {
	padding-top: 8px;

}

.menu h3 {
	color: #85423f;
	margin-bottom: 22px;
}

.menu .img_inner {
	padding: 5px 4px;
	margin-bottom: 12px;
}

.news .img_inner{
	padding: 4px;
	margin-top: 1px;
}

.news {
	font-size: 12px;
	margin-bottom: 52px;
}

.news .extra_wrapper {
	position: relative;
	top: -4px;
}

.news a.btn {
	margin-top: 5px;
}

#newsletter {
	position: relative;
}



#newsletter label {
	display: block;
	position: relative;
	width: 313px;
	float: left;
	padding-top: 1px;
	z-index: 1;
}

#newsletter input {

	border: 1px solid #d9d8d8;
	float: left;
	color: #a8a8a8;
	width: 220px;
	height: 30px;
	font: 12px/18px  Arial, Helvetica, sans-serif;
	padding: 6px 10px;
	box-shadow: none !important;
	-moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}

#newsletter a.btn {
	float: right;
	text-transform: capitalize;
	font-size: 13px;
	margin-top: 0;
	padding-top: 6px;
	padding-bottom: 6px;
}

#newsletter .error, #form1 .empty {		
	height:0px;
	top: 35px;
	width: 100%;
	left: 4px;
	font-size: 10px;
	line-height: 13px;
	display: block;
	overflow: hidden;
	z-index: 999;
	color: #ff0000;
		-webkit-transition:  0.3s ease-out; 
		-o-transition: all 0.3s ease-out; 
		transition: all 0.3s ease-out; 
		position: absolute;
	}

#newsletter label.invalid .error {
	/*display: block;*/
	height:40px;

}

#newsletter .success {
	width: 220px;
	z-index: 999;
	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	-o-box-sizing: border-box;
 	box-sizing: border-box;	
	display: none;	
	top: 0px;
	border: 1px solid #d9d8d8;
	background: #fff;
	left: 0px;
	font-size: 12px;
 color: #a7a7a7;
	overflow: hidden;
	padding: 10px;
	-webkit-transition:  0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out; 
	position: absolute;
}

/****Map***/

.map {
	padding-top: 6px;
	color: #848383;
}

.map figure {


		 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 margin-bottom: 42px;
}
.map figure iframe {
	width: 100%;
	height: 1200px;
	max-width: 100%;
}

.map address {
	float: left;
	margin-right: 80px;
}

.map .text1 {
	line-height: 20px;
	margin-bottom: 2px;
}

address dd span {
	min-width: 100px;
	display: inline-block;
	text-align: left;
}




/************Footer***********/

footer {
	display: block;
	padding: 45px 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}


/****************** 常用属性 ******************/
/*字体大小*/
.f10{
	font-size: 10px;
}
.f12{
	font-size: 12px;
}
.f14{
	font-size: 14px;
}
.f16{
	font-size: 16px;
}
.f18{
	font-size: 18px;
}
.f20{
	font-size: 20px;
}

.f22{
	font-size: 22px;
}

.f24{
	font-size: 24px;
}
.f26{
	font-size: 26px;
}
.f28{
	font-size: 28px;
}
.f30{
	font-size: 30px;
}
.f32{
	font-size: 32px;
}
.f36{
	font-size: 36px;
}
.f38{
	font-size: 38px;
}
.f40{
	font-size: 40px;
}
.f48{
	font-size: 48px;
}
.f50{
	font-size: 50px;
}
.f60{
	font-size: 60px;
}

/*字体加粗*/
.fb{
	font-weight: bold;
}

/*字体去下划线*/
.fl{text-decoration: none;}

/*行距*/
.lh12{
	line-height: 12px;
}
.lh14{
	line-height: 14px;
}
.lh16{
	line-height: 16px;
}
.lh18{
	line-height: 18px;
}
.lh20{
	line-height: 20px;
}

.lh22{
	line-height: 22px;
}

.lh24{
	line-height: 24px;
}
.lh28{
	line-height: 28px;
}
.lh32{
	line-height: 32px;
}
.lh36{
	line-height: 36px;
}
.lh38{
	line-height: 38px;
}
.lh40{
	line-height: 40px;
}

.lh48{
	line-height: 48px;
}


.lh50{
	line-height: 50px;
}

.lh60{
	line-height: 60px;
}

/*常用颜色*/
.FG_RED{
	color: #F00;
}
.FG_GREEN{
	color: #0F0;
}
.FG_BLUE{
	color: #00F;
}
.FG_WHITE{
	color: #FFF;
}
.FG_BLACK{
	color: #000;
}
.FG_YELLOW{
	color: #FF0;
}
.FG_eee{
	color:#eee;
}
.FG_ddd{
	color:#ddd;
}
.FG_ccc{
	color:#ccc;
}
.FG_999{
	color:#999;
}
.FG_666{
	color:#666;
}
.FG_1{
	color:#6d05b4;
}
.FG_2{
	color:#f39e49;
}
 	
.zj1{
	letter-spacing: 1px;
}

.zj2{

}

.zj3{

}
/****************************************/

/***********fg_footer*******************/
a.fg_footer:link  {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
}
a.fg_footer:visited {
	text-decoration: none;
	color:#FFFFFF;
}
a.fg_footer:active {
	text-decoration: none;
	color:#FFFFFF;
}
a.fg_footer:hover {
	text-decoration: none;
	color: #00F;
}

a.fg_link:link  {
	text-decoration: none;
	color: #666;
	font-size: 10px;
}
a.fg_link:visited {
	text-decoration: none;
	color:#666;
}
a.fg_link:active {
	text-decoration: none;
	color:#666;
}
a.fg_link:hover {
	text-decoration: none;
	color: #777;
}



a.fg_icp:link  {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
}
a.fg_icp:visited {
	text-decoration: none;
	color:#FFFFFF;
}
a.fg_icp:active {
	text-decoration: none;
	color:#FFFFFF;
}
a.fg_icp:hover {
	text-decoration: none;
	color: #FF0000;
}


a.fg_jyxm:link  {
	text-decoration: none;
	color: #F00;
	font-size: 16px;
}
a.fg_jyxm:visited {
	text-decoration: none;
	color:#F00;
}
a.fg_jyxm:active {
	text-decoration: none;
	color:#F00;
}
a.fg_jyxm:hover {
	text-decoration: none;
	color: #00F;
}



/*新banner*/
.banner {
	position: relative;
	width: 100%;
	overflow: auto;

	font-size: 18px;
	line-height: 24px;
	text-align: center;

	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);

	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
	display: block;
	float: left;
	width: 33%;
	min-height: 350px;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	list-style-type: none;
	}

	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 1px;
		width: 100%;
	}
		.banner .dots li {
	display: inline-block;
			*display: inline;
	zoom: 1;
	width: 10px;
	height: 10px;
	line-height: 10px;
	margin: 0 4px;
	text-indent: -999em;
			*text-indent: 0;
	border: 1px solid #f00;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
	background-color: #FFF;
	font-size: 0px;
		}
			.banner .dots li.active {
				background: #f00;
				opacity: 1;
			}