@charset "utf-8";

/*******************  index 首页  *******************/
@keyframes bounce{
	from, 20%, 53%, 80%, to{ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); }
	40%, 43%{ animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); }
	70%{ animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); }
	90%{ transform: translate3d(0,-4px,0); }
}
@keyframes bounceIn{
	from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	0%{ opacity: 0; transform: scale3d(.3, .3, .3); }
	20%{ transform: scale3d(1.1, 1.1, 1.1); }
	40%{ transform: scale3d(.9, .9, .9); }
	60%{ opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
	80%{ transform: scale3d(.97, .97, .97); }
	to{ opacity: 1; transform: scale3d(1, 1, 1); }
}
@keyframes zoomInRight {
	from{ opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
	60%{ opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
@keyframes zoomIn{
  	from{ opacity: 0; transform: scale3d(.2, .2, .2); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
	60%{ opacity: 1; transform: scale3d(.475, .475, .475); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
/*  banner  */
.banner{
	position: relative;
}
#owl_carousel_01 .owl-item .item{
	display: block;
}
#owl_carousel_01 .owl-item .pic_text{
	position: absolute;
	top: 21.47368421052632%;
	left: 27.70833333333333%;
	width: 44.58333333333333%;
}
#owl_carousel_01 .owl-item.active .pic_text{
	-webkit-animation: zoomIn 1s;
	animation: zoomIn 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#owl_carousel_01 .owl-controls{
	margin-top: 0;
}
#owl_carousel_01 .owl-nav{
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -50px;
}
#owl_carousel_01 .owl-controls .owl-nav [class*=owl-]{
	margin: 0;
	padding: 0;
	width: 54px;
	height: 100px;
	background-color: transparent;
}
#owl_carousel_01 .owl-controls .owl-nav .owl-prev{
	position: absolute;
	left: 3.125%;
	width: 2.83762480294272%;
	background: url(../images/index_02.png) center no-repeat;
	background-size: 100%;
}
#owl_carousel_01 .owl-controls .owl-nav .owl-next{
	position: absolute;
	right: 3.125%;
	width: 2.83762480294272%;
	background: url(../images/index_04.png) center no-repeat;
	background-size: 100%;
}
#owl_carousel_01 .owl-controls .owl-nav .owl-prev:hover{
	background: url(../images/index_03.png) center no-repeat;
	background-size: 100%;
}
#owl_carousel_01 .owl-controls .owl-nav .owl-next:hover{
	background: url(../images/index_05.png) center no-repeat;
	background-size: 100%;
}
.mouse_scroll{
    width: 22px;
    height: 33px;
    display: block;
    border: 2px solid #fff;
    border-radius: 11px;
    text-align: center;
    position: absolute;
    bottom: 6.2266500622665%;
    left: 50%;
    margin-left: -11px;
    z-index: 1;
}
.mouse_scroll:before{
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 2px;
	display: inline-block;
	background-color: #fff;
	position: relative;
	animation: mouse_scroll 1s linear infinite;
	opacity: 
}
@keyframes mouse_scroll{
	0% { top: -4px; opacity:0; }
	25% { top: -2px; opacity:1; }
	50% { top: 0px; opacity:1; }
	75% { top: 2px; opacity:1; }
	100%{ top: 4px; opacity:0; }
}


/*  index_about 首页关于烟波亭  */
.index_about{
	position: relative;
	padding-top: 4.51918024172359%;
	background: url(../images/index_10.png) no-repeat;
	background-size: 23.48922753547031%;
	background-position: 104.80769230769231% 5%;
}
.index_about .owl-carousel .item_top, .index_about .owl-carousel .item_bottom{
	overflow: hidden;
}
.index_about .owl-carousel .item_top img, .index_about .item_bottom >div, .index_about .item_bottom >img{
	float: left;
}
.index_about .owl-carousel .item_top img:nth-child(1){
	width: 32.42249080399369%;
}
.index_about .owl-carousel .item_top img:nth-child(2){
	width: 43.24750394114556%;
}
.index_about .owl-item .item_bottom >img{
	width: 36.41618497109827%;
}
.index_about .shop_site{
	font-size: 28px;
	width: 23.38413032054651%;
	padding-left: 5.25486074619023%;
	padding-top: 7.98738833420914%;
}
.index_about .shop_site h3{
	color: #754c28;
	font-family: LiShu;
	padding-left: 1.6em;
	background: url(../images/index_11.png) center left no-repeat;
	background-size: 1.107em;
	margin-bottom: 9.56521739130435%;
}
.index_about .shop_site h3 >img{
	width: auto;
	height: 1em;
}
.index_about .shop_site a{
	display: inline-block;
	width: 100%;
	padding: 6.23188405797101% 0;
	background: #754c28 url(../images/index_09.png) no-repeat;
	background-position: 80.3304347826087% center;
	background-size: 48.11594202898551% 9px;
}
.index_about .owl-theme .owl-controls{
	margin: 0;
	position: absolute;
	top: 0;
	width: 8.82816605359958%;
	top: 63.03490316004077%;
	right: 76.61586967945349%;
}
.index_about .owl-theme .owl-controls .owl-nav [class*=owl-]{
	padding: 25%;
	margin: 0;
}
.index_about .owl-theme .owl-controls .owl-nav .owl-prev{
	background: #eeeeee url(../images/index_17.png) center no-repeat;
}
.index_about .owl-theme .owl-controls .owl-nav .owl-next{
	background: #eeeeee url(../images/index_19.png) center no-repeat;
}
.index_about .owl-theme .owl-controls .owl-nav .owl-prev:hover{
	background: #c5c5c5 url(../images/index_18.png) center no-repeat;
}
.index_about .owl-theme .owl-controls .owl-nav .owl-next:hover{
	background: #c5c5c5 url(../images/index_20.png) center no-repeat;
}
.about_bg{
	position: absolute;
	z-index: 5;
	bottom: 0;
	right: 5.25486074619023%;
	width: 35.31266421439832%;
	padding: 12.66421439831844% 0;
	background-color: #171c61;
	border-top-right-radius:350px;
}
.about_content{
	position: absolute;
	z-index: 10;
	bottom: 8.15388859695218%;
	right: 5.25486074619023%;
	width: 30.68838675775092%;
	padding-left: 2.10194429847609%;
	text-align: justify;
	background-color: #fff;
	border-top-right-radius:350px;
}
.about_content h3{
	font-size: 28px;
	color: #754c28;
	font-family: LiShu;
	margin: 14.52205882352941% 0 6.25% 0;
	padding-left: 1.6em;
	background: url(../images/index_11.png) center left no-repeat;
	background-size: 1.107em;
}
.about_content .text{
	font-size: 14px;
	height: 20em;
	overflow: hidden;
	margin-bottom: 1.5em;
}
.about_content p{
	color: #333333;
	line-height: 2;
}
.about_content a{
	display: inline-block;
	padding: 12px 12px 12px 22px;
	font-size: 13px;
	color: #754c28;
	border: 1px solid #754c28;
	margin-bottom: 11.02941176470588%;
}
.about_content a span{
	padding-left: 35px;
}


/*  index_building 首页烟波亭入驻大厦  */
.index_building{
	position: relative;
	padding-top: 4.51918024172359%;
}
.index_building .owl-carousel .owl-item .item >img{
	width: 85.54913294797688%;
	margin: 0 auto;
}
.index_building .build_content{
	padding-top: 3.99369416710457%;
	padding-left: 25.90646347871781%;
	color: #333;
}
.index_building .build_content >div{
	float: left;
}
.index_building .build_title{
	text-align: center;
	width: 21.98581560283688%;
}
.index_building .build_title h2{
	font-size: 40px;
	color: #333;
}
.index_building .build_title p{
	font-size: 20px;
	color: #b5b5b5;
	text-transform: uppercase;
	padding-top: 5.80645161290323%;
}
.index_building .build_intro{
	width: 45.0354609929078%;
	padding: 0 2.4113475177305%;
	border-left: 2px solid #d4d4d4;
}
.index_building .build_intro p{
	font-size: 14px;
	line-height: 1.857;
}
.index_building .build_contact{
	padding-left: 4.6645390070922%;
}
.index_building .build_contact p{
	font-size: 15px;
	color: #171c61;
	font-family: LiShu;
	line-height: 2.5;
	padding-left: 2.175em;
	font-weight: bold;
	white-space:nowrap;
}
.index_building .build_contact p >img{
	width: auto!important;
	height: 1em;
	display: inline-block;
	vertical-align: top;
	margin-top: 0.75em;
}
.index_building .build_contact p:first-child{
	background: url(../images/index_22.png) center left no-repeat;
	background-size: 1.875em;
}
.index_building .build_contact p:first-child +p{
	background: url(../images/index_23.png) center left no-repeat;
	background-size: 1.875em;
}
.index_building .owl-theme .owl-controls{
	margin-top: 0;
}
.index_building .owl-theme .owl-nav{
	width: 100%;
	position: absolute;
	top: 35%;
}
.index_building .owl-theme .owl-controls .owl-nav [class*=owl-]{
	width: 91px;
	height: 43px;
	margin: 0;
	padding: 0;
}
.index_building .owl-theme .owl-controls .owl-nav .owl-prev{
	position: absolute;
	left: 5.25486074619023%;
	background: #000 url(../images/index_24.png) center no-repeat;
}
.index_building .owl-theme .owl-controls .owl-nav .owl-prev:hover{
	background: #000 url(../images/index_24.png) center no-repeat;
}
.index_building .owl-theme .owl-controls .owl-nav .owl-next{
	position: absolute;
	right: 5.25486074619023%;
	background: #000 url(../images/index_25.png) center no-repeat;
}
.index_building .owl-theme .owl-controls .owl-nav .owl-next:hover{
	background: #000 url(../images/index_25.png) center no-repeat;
}
.index_building .owl-theme .owl-dots{
	position: absolute;
	top: 0;
	margin-top: 29%;
	left: 9.563%;
}
.index_building .owl-theme .owl-dots .owl-dot{
	padding: 5px;
	margin: 3px;
	border: 1px solid transparent;
	-moz-border-radius: 20px; /* Firefox */
   -webkit-border-radius: 20px;
	border-radius: 20px;
	behavior:url(ie-css3.htc);
}
.index_building .owl-theme .owl-dots .owl-dot.active{
	background:url(/../images/yanboting_05.png) center center no-repeat;
}
.index_building .owl-theme .owl-dots .owl-dot span{
	width: 10px;
	height: 10px;
	margin: 0;
	background:url(/../images/yanboting_11.png) center center no-repeat;
}
.index_building .owl-theme .owl-dots .owl-dot.active span, .index_building .owl-theme .owl-dots .owl-dot:hover span{
	background:url(/../images/yanboting_11.png) center center no-repeat;
}
.index_building .hover_title{
	position: absolute;
	bottom: 12%;
	left: 9.563%;
	font-size: 28px;
	color: #754c28;
	font-family: LiShu;
	padding-left: 1.6em;
	background: url(../images/index_11.png) center left no-repeat;
	background-size: 1.107em;
	z-index: 5;
}


/*  index_dishes 首页烟波亭菜品介绍  */
.index_dishes{
	position: relative;
	padding: 4.51918024172359% 0 1.83920126116658%;
	background: url(../images/index_10.png) no-repeat;
	background-size: 23.48922753547031%;
	background-position: -4.80769230769231% 47%;
}
.index_dishes .owl-item .item{
	text-align: right;
}
.index_dishes .owl-item .item >div, .index_dishes .owl-item .item >img{
	display: inline-block;
}
.index_dishes .owl-item .dishes_content{
	width: 24.59274829217026%;
	vertical-align: top;
	text-align: justify;
	background-color: #171c61;
	color: #fff;
	padding: 3.15291644771414% 7.72464529689963% 5.35995796111403% 2.3646873357856%;
}
.index_dishes .dishes_content h3{
	font-size: 28px;
}
.index_dishes .dishes_content .box_01{
	width: 22px;
	height: 5px;
	background-color: #fff;
	margin: 5.43478260869565% 0;
}
.index_dishes .dishes_content p{
	font-size: 14px;
	line-height: 2;
	margin-top: 5.43478260869565%;
	margin-bottom: 10.8695652173913%;
	height: 8em;
	overflow: hidden;
}
.index_dishes .dishes_content a{
	display: inline-block;
	padding: 12px 12px 12px 22px;
	font-size: 13px;
	color: #fff;
	border: 1px solid #fff;
}
.index_dishes .dishes_content a span{
	padding-left: 35px;
}
.index_dishes .owl-item .pic_01{
	width: 32.00210194429848%;
	margin-right: -4px;
}
.index_dishes .owl-item .pic_02{
	width: 22.22806095638466%;
	vertical-align: bottom;
	margin-right: -4px;
}
.index_dishes .dishes_title{
	position: absolute;
	top: 4.10194429847609%;
	left: 9.563%;
	width: 30.89858118759853%;
	z-index: 5;
}
.index_dishes .dishes_title h3{
	display: inline-block;
	font-size: 28px;
	color: #754c28;
	font-family: LiShu;
	width: 1.107em;
	padding-top: 1.25em;
	background: url(../images/index_11.png) center top no-repeat;
	background-size: 1.107em;
	text-align: center;
}
.index_dishes .dishes_title p{
	display: inline-block;
	width: 73.12925170068027%;
	font-size: 14px;
	color: #333333;
	vertical-align: top;
	margin-top: 12.24489795918367%;
	margin-left: 11.05442176870748%;
	line-height: 2;
	text-align: justify;
}
.index_dishes .owl-theme .owl-controls{ 
	margin-top: 0;
}
.index_dishes .owl-dots{ 
	width: 24px; 
	position: absolute; 
	top: 18.13715186547556%; 
	right: 1.57645822385707%; 
}
.index_dishes .owl-theme .owl-dots .owl-dot{
	padding: 4px;
	margin: 3px;
	border: 1px solid transparent;
	-moz-border-radius: 15px; /* Firefox */
 	-webkit-border-radius: 15px;
	border-radius: 20px;
	behavior:url(ie-css3.htc);
}
.index_dishes .owl-theme .owl-dots .owl-dot.active{
	background:url(/../images/yanboting_05.png) center center no-repeat;
}
.index_dishes .owl-theme .owl-dots .owl-dot span{
	width: 10px;
	height: 10px;
	margin: 0;
	background:url(/../images/yanboting_11.png) center center no-repeat;
}
.index_dishes .owl-theme .owl-dots .owl-dot.active span, .index_dishes .owl-theme .owl-dots .owl-dot:hover span{
	background:url(/../images/yanboting_11.png) center center no-repeat;
}
.index_dishes .dishes_link{ 
	display: block; 
	width: 24.59274829217026%; 
	margin-left: auto; 
	font-size: 20px; 
	color: #fff; 
	padding: 2.20704151339989% 1.57645822385707% 2.3646873357856% 2.20704151339989%;
	box-sizing: border-box;
	background: #000 url(../images/index_29.png) no-repeat;
	background-position: 90.06622516556291% center;
	background-size: 35.47008547008547% 9px;
}


/**********************index首页中小分辨率样式**********************/

/*小于1760*/
@media only screen and (max-width: 1760px){
	.index_about .shop_site, .index_about .shop_site h3, .about_content h3, .index_building .hover_title, .index_dishes .dishes_title h3{ font-size: 26px; }
	.index_building .build_title h2{ font-size: 36px; }
	.index_building .build_title p{ font-size: 19px; }
	.index_dishes .dishes_content h3{ font-size: 26px; }
	.index_dishes .dishes_link{ font-size: 19px; }
}
/*小于1600*/
@media screen and (max-width:1600px){
	.index_about{ background-position:110% 4%; }
	.about_content{ bottom: 4.55388859695218%; right: 7.25486074619023%; border-top-right-radius: 280px; }	
	.about_bg{ right: 7.25486074619023%; border-top-right-radius: 280px; }
}
/*小于1440*/
@media only screen and (max-width: 1440px){
	.about_bg{ bottom: 0px; }
	.about_content{ bottom: 7.45388859695218%; }
	.about_content .text{ height: 18em; }
	.index_about .shop_site, .index_about .shop_site h3, .about_content h3, .index_building .hover_title{ font-size: 24px; }
	.index_dishes .dishes_title h3{ font-size: 24px; }
	.index_dishes .dishes_content h3{ font-size: 22px; }
	.index_dishes .dishes_content .box_01{ height: 4px; }
	.index_building .build_title h2{ font-size: 30px; }
	.index_building .build_title p{ font-size: 16px; }
	.index_building .hover_title{ bottom: 15%; }
	
	.about_content,.about_bg{border-top-right-radius:260px;}
}
/*小于1366*/
@media only screen and (max-width: 1366px){
	.about_content h3{ margin: 12% 0 5%; }
	.about_content a{ margin-bottom: 9%; }
	.index_about .shop_site{ padding-left: 2%; }
	.index_dishes .owl-item .dishes_content{ padding: 3.15291644771414% 5.72464529689963% 5.35995796111403% 2.3646873357856%; }
	.index_building .build_title h2{font-size:26px;}
	.index_building .build_title p{font-size:14px;}
}
/*小于1280*/
@media only screen and (max-width: 1280px){
	.index_about .shop_site, .about_content h3, .index_building .hover_title{ font-size: 21px; }
	.about_content .text{ font-size: 13px; }
	.about_content h3{ margin: 9% 0 3%; }
	.about_content a{ font-size: 12px; margin-bottom: 7%; }
	.index_building .build_intro p{ font-size: 13px; }
	.index_building .build_contact p{ font-size: 15px; }
	.index_dishes .dishes_title p{ font-size: 13px; }
	.index_dishes .dishes_content p{ font-size: 13px; }
	.index_dishes .dishes_link{ font-size: 17px; }
}
/*小于1279*/
@media only screen and (max-width: 1279px){
	.mouse_scroll{ display: none; }	
}
/*小于1024*/
@media only screen and (max-width: 1024px){
	.index_about .shop_site, .index_about .shop_site h3, .about_content h3,.index_building .hover_title, .index_dishes .dishes_title h3{ font-size: 20px; }
	.about_content{ position: static; border-top-right-radius: 0; width: 95%; margin: 3% auto 0; padding: 0; }
	.about_content h3{ margin: 0 0 1em; }
	.about_content p br{ display: none; }
	.about_content .text{ height: auto; overflow: initial; }
	.about_content a{ margin: 0 auto 4%; display: block; padding: 0; width: 11.5em; text-align: center; line-height: 3; }
	.index_about{ padding-top: 3%; }
	.index_about .owl-carousel .item_top img:nth-child(1){ width: 41.84722222222222%; }
	.index_about .owl-carousel .item_top img:nth-child(2){ width: 56.15277777777778%; float: right; }
	.index_about .owl-carousel .item_bottom{ padding-top: 2%; }
	.index_about .owl-theme .owl-controls{ right: 0; top: auto; bottom: 0; }
	.index_about .owl-item .item_bottom{ position: relative; }
	.index_about .owl-item .item_bottom >img{ float: none; width: 60%; }
	.index_about .shop_site{ z-index: 2; height: 3em; position: absolute; top: 40%; right: 3%; width: 50%; background-color: #fff; padding: 0; }
	.index_about .shop_site h3{ z-index: 2; position: absolute; top: 50%; left: 1em; margin-top: -0.5em; margin-bottom: 0; background-color: #fff; width: auto; }
	.index_about .shop_site a{ position: absolute; top: 0.75em; right: 0; width: 35%; height: 1.5em; padding: 0; background-size: 50% 5px; }	
	.index_about .owl-theme .owl-controls .owl-nav .owl-prev{ display: block; float: left; background-color: #c5c5c5; background-image: url(../images/index_18.png); background-size: 24.5%; }
	.index_about .owl-theme .owl-controls .owl-nav .owl-next{ display: block; float: left; background-color: #c5c5c5; background-image: url(../images/index_20.png); background-size: 24.5%; }
	.index_about .owl-theme .owl-controls .owl-nav .owl-prev:hover,
	.index_about .owl-theme .owl-controls .owl-nav .owl-next:hover{ background-size: 24.5%; }
	.about_bg{ display: none; }

	.index_building{ padding-top: 50px; }
	.index_building .owl-theme .owl-nav{ top: 29%; }
	.index_building .owl-carousel .owl-item .item >img{ width: 95%; }
	.index_building .owl-theme .owl-controls .owl-nav [class*=owl-]{ width: 75px; height: 35px; background-size: 42%; }
	.index_building .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{ background-size: 42%; }
	.index_building .owl-theme .owl-controls .owl-nav .owl-prev{ left: 1%; }
	.index_building .owl-theme .owl-controls .owl-nav .owl-next{ right: 1%; }
	.index_building .owl-theme .owl-dots{ margin-top: 31%; left: 5%; }
	.index_building .owl-theme .owl-dots .owl-dot{ padding:6px; }
	.index_building .owl-theme .owl-dots .owl-dot span{ width: 6px; height: 6px; }
	.index_building .hover_title{ bottom: auto; top: 0.8em; left: 2.5%; }
	.index_building .build_content{ width: 95%; padding: 0; margin: 3% auto 0; }
	.index_building .build_content >div{ float: none; width: 100%; }
	.index_building .build_intro{ width: 100%; padding: 0; border-left: none; margin-top: 1em; }
	.index_building .build_title{ text-align: left; }
	.index_building .build_title h2{ font-size: 22px; }
	.index_building .build_title p{ font-size: 13px; padding-top: 0.8em; }
	.index_building .build_intro p{ font-size: 13px; }
	.index_building .build_contact{ padding-left: 0; text-align: center; }
	.index_building .build_contact p{ display: inline-block; vertical-align: top; margin-left: 1em; margin-top: 0.7em; }
	.index_building .build_contact p:first-child{ margin-left: 0; }
	
	.index_dishes{ padding: 5% 0; }
	.index_dishes .dishes_title{ position: static; width: 95%; margin: 3% auto 0; }
	.index_dishes .dishes_title h3{ width: 100%; text-align: left; padding-top: 0; margin-bottom: 1em; padding-left: 1.6em; background-position: left center; }
	.index_dishes .dishes_title p{ width: 100%; margin: 0; }
	.index_dishes .dishes_content h3{ font-size: 20px; }
	.index_dishes .owl-item .item{ position: relative; overflow: hidden; }
	.index_dishes .owl-item .dishes_content{ position: absolute; bottom: 0; right: 0; width: 42%; height: 47.75673167359091%; padding: 3.15291644771414% 4.72464529689963% 5.35995796111403% 2.3646873357856%; }
	.index_dishes .dishes_link{ font-size: 14px; width: 6em; line-height: 2.5; background-image: none; padding: 0; text-align: center; margin: 2em auto 0; }
	.index_dishes .owl-item .item >div, .index_dishes .owl-item .item >img{ display: block; }
	.index_dishes .owl-item .pic_01{ width: 58%; margin-right: 0; float: left; }
	.index_dishes .owl-item .pic_02{ width: 42%; margin-right: 0; float: right; }
	.index_dishes .dishes_content a{ padding: 8px; }
	.index_dishes .dishes_content a span{ padding-left: 20px; }
	.index_dishes .owl-dots{ top: 67%; right: 1%; }
	.index_dishes .owl-theme .owl-dots .owl-dot{ padding: 6px; }
	.index_dishes .owl-theme .owl-dots .owl-dot span{ width: 6px; height: 6px; }
	
	.footer .footer_main{ width: 95%; margin: 0 auto; }
	.footer .main_left{ padding-left: 0; }
	.footer .main_right{ position: static; width: 235px; margin-left: auto; margin-right: auto; display: block; }
	.footer .copy_right{ width: 95%; padding-left: 0; padding-right: 0; margin: 0 auto; }
	.footer .copy_right, .copy_right a{ line-height: 1.4; }
}
/*小于768(768x1024)*/
@media only screen and (max-width: 768px){
	.index_about .shop_site, .index_about .shop_site h3, .about_content h3, .index_building .hover_title, .index_dishes .dishes_title h3{ font-size: 18px; }
	.index_about .owl-item .item_bottom >img{ width: 80%; }
	.index_about .shop_site{ text-align: center; width: auto; height: auto; padding: 0.5em 1em; }
	.index_about .shop_site h3{ position: static; margin-top: 0; display: inline-block; margin-bottom: 0.3em; }
	.index_about .shop_site a{ position: static; display: block; width: 65%; height: 1.2em; margin: 0 auto; background-position: center; }
	.index_about .owl-theme .owl-controls{ width: auto; }
	.index_about .owl-theme .owl-controls .owl-nav [class*=owl-]{ width: 35px; height: 35px; padding: 0; }

	.index_building .build_title h2{ font-size: 20px; }
	.index_building .build_title p{ font-size: 12px; }
	.index_building .build_intro p{ line-height: 2; }
	.index_building .build_contact p{ font-size: 14px; }

	.index_dishes .dishes_content h3{ font-size: 18px; }
	.index_dishes .dishes_content p{ height: 6em; }
	.index_dishes .dishes_link{ font-size: 12px; width: 8em; line-height: 3; }

	.footer .footer_nav li a{ font-size: 16px; }
	.footer .main_left{ padding-bottom: 3%; }
	.footer .main_left p{ margin-left: 0; margin-right: 0; }
	.footer .main_left p:nth-of-type(1){ margin-top: 1.5em; }
}
/*小于540*/
@media only screen and (max-width: 540px){
	.about_content h3{ margin-bottom: 0.5em; }
	.about_content .text{ font-size: 12px; }
	.about_content p{ line-height: 1.6; }
	.about_content a{ width: 8em; line-height: 2.6; }
	.about_content a span{ display: none; }
	
	.index_building .build_title h2{ font-size: 18px; }
	.index_building .owl-theme .owl-controls .owl-nav [class*=owl-]{ width: 50px; height: 25px; opacity: 0.5; }
	.index_building .owl-carousel .owl-item .item >img{ width: 100%; }
	.index_building .owl-theme .owl-nav{ top: 21%; }
	.index_building .build_intro p{ font-size: 12px; line-height: 1.6; }
	.index_building .build_contact p{ font-size: 12px; }

	.index_dishes .owl-item .pic_01{ width: 41.91105397010106%; }
	.index_dishes .owl-item .pic_02{ width: 58.08894602989894%; }
	.index_dishes .owl-item .dishes_content{ position: static; float: left; display: block; width: 100%; padding-right: 25px; padding: 17px 25px 28px 13px; }
	.index_dishes .owl-dots{ width: 12px; right: 10px; }
	.index_dishes .owl-theme .owl-dots .owl-dot{ margin-left: 0; margin-right: 0; }
	.index_dishes .dishes_content h3{  font-size: 16px; }
	.index_dishes .dishes_content p{ font-size: 12px; line-height: 1.6; height: auto; }
	.index_dishes .dishes_content a{ font-size: 12px; width: 6em; line-height: 2; padding: 0; text-align: center; }
	.index_dishes .dishes_content a span{ display: none; }
	.index_dishes .dishes_title h3{ margin-bottom: 0.5em; }
	.index_dishes .dishes_title p{ font-size: 12px; line-height: 1.6; }

	.footer .footer_nav li a{ font-size: 14px; }
	.footer .main_left p{ font-size: 12px; }
	.footer .main_right img{ width: 125px; }
	.footer .main_right p{ font-size: 13px; width: 1em; padding: 0; margin-left: 3px; margin-top: 10px; }
}
/*小于375(375x667)*/
@media only screen and (max-width: 375px){
	.index_about .shop_site{ top: 30%; }
	.index_about .shop_site, .index_about .shop_site h3, .about_content h3, .index_building .hover_title, .index_dishes .dishes_title h3{ font-size: 16px; }
	.index_about .shop_site a{ height: 1em; }
	.index_about .owl-theme .owl-controls .owl-nav [class*=owl-]{ width: 30px; height: 30px; }

	.index_building .hover_title{ top: 1.5em; }
	.index_building .owl-theme .owl-nav{ top: 16%; }
	.index_building .owl-theme .owl-dots{ margin-top: 30%; }
	.index_building .build_title h2{ font-size: 16px; }

	.index_dishes .dishes_content h3{ font-size: 14px; }

	.footer .footer_nav li a{ font-size: 12px; }
}



/*******************  about_us 关于烟波亭  *******************/
.about_us{ background-color: #f8f8f8; }
.about_us .us_intro{ padding: 5.55555555555556% 0 7.00854700854701%; }
.about_us h3{ font-family: LiShu; font-size: 28px; color: #754c28; }
.about_us .us_intro h3{ text-align: center; padding-bottom: 3.24786324786325%; }
.about_us p{ font-size: 14px; color: #545454; line-height: 2; }
.about_us .us_intro .text{ padding: 0 3.93162393162393%; margin-top: 2.3%; }
.about_us .us_intro p{ text-align: justify; }
.about_us .us_deve{ background: #fff url(../images/about_us_03.png) left bottom no-repeat; background-size: 50%; overflow: hidden; }
.about_us .us_deve .deve_left{ width: 50%; float: left; padding-left: 19.70572779821335%; padding-right: 2.62743037309511%; }
.about_us .deve_left h3{ padding-top: 8.54700854700855%; }
.about_us .deve_left .text{ padding: 6.36714150047483% 0; }
.about_us .us_deve .deve_right{ width: 50%; float: left; background: #171c61 url(../images/about_us_04.png) no-repeat; background-size: 50.36619718309859%; background-position: 110% 180%; padding: 2.4172359432475% 0 2.4172359432475% 3.36311087756174%; }
.about_us .deve_right li{ color: #a3a7dd; font-size: 13px; padding-top: 2.04225352112676%; }
.about_us .deve_right li:first-child{ padding-top: 0; }
.about_us .deve_right li span{ color: #fff; font-weight: bold; }
.about_us .us_show{ position: relative; }
.about_us .us_show .item_title{ position: absolute; width: 100%; color: #fff; bottom: 0; font-size: 16px; background-color: rgba(0, 0, 0, 0.6); padding: 3.15457413249211% 0 3.15457413249211% 15.77287066246057%; }
.about_us .us_show .item_info{ display: none; position: absolute; width: 100%; height: 100%; color: #fff; top: 0; font-size: 13px; background-color: rgba(0, 0, 0, 0.6); padding: 12.61829652996845% 12.61829652996845% 0; }
.about_us .us_show .item_info h4{ font-size: 22px; }
.about_us .us_show .item_info p{ font-size: 13px; color: #fff; line-height: 1.8; }
.about_us .us_show .item_info ul{ padding-top: 5.69620253164557%; }
.about_us .us_show .item_info ul li{ line-height: 1.6; }
.about_us .us_show .owl-controls{ margin-top: 0;padding-top:1.5em;padding-bottom:3em; }

/* about_us 关于烟波亭 移动端样式 */
/*小于1600(1600x900)*/
@media only screen and (max-width: 1600px){
	.about_us h3, .about_us .deve_left h3{ font-size: 25px; }
}
/*小于1280(1280x720)*/
@media only screen and (max-width: 1280px){
	.about_us h3, .about_us .deve_left h3{ font-size: 22px; }
}
/*小于1279*/
@media only screen and (max-width: 1279px){
	.about_us .container{ width: 85%; }
	.about_us p{ font-size: 13px; }
	.about_us .us_deve .deve_left{ width: 85%; float: none; padding: 0; margin: 0 auto; }
	.about_us .deve_left h3{ padding-top: 5%; }
	.about_us .deve_left .text{ padding: 3% 0 5%; }
	.about_us .us_deve .deve_right{ width: 100%; float: none; padding: 5% 7.5%; }
	.about_us .deve_right li{ padding-top: 2%; }
	.about_us .us_show .item_title{ font-size: 15px; padding: 0; line-height: 3; text-align: center; }
}
/*小于1024(1024x768)*/
@media only screen and (max-width: 1024px){
	.about_us .container{ width: 95%; }
	.about_us .us_deve .deve_left{ width: 95%; }
	.about_us .us_deve .deve_right{ padding: 5% 2.5%; }
	.about_us .us_show .item_title{ font-size: 14px; }
}
/*小于768(768x1024)*/
@media only screen and (max-width: 768px){
	.about_us h3, .about_us .deve_left h3{ font-size: 20px; }
	.about_us .us_intro p br, .about_us .deve_left .text p br{ display: none; }
	.about_us .deve_right li{ padding-top: 3%; }
	.about_us .us_intro .text{ padding: 0; }
}
/*小于540*/
@media only screen and (max-width: 540px){
	.about_us .us_show .item_title{ font-size: 13px; }
	.about_us h3, .about_us .deve_left h3{ font-size: 18px; }
	.about_us p{ font-size: 12px; line-height: 1.6; }
	.about_us .deve_right li{ font-size: 12px; padding-top: 1em; }
	.about_us .us_show .owl-controls{ padding-top: 0.3em; padding-bottom: 1.7em; }
}


/* 分店介绍 */
.ins_box{ width: 90%; margin: 0 auto; }
.shop_nav{ background-color: #f9f9f9; padding: 1% 0 2%; }
.shop_nav .nav_tit .en{ font-size: 28px; color: #d6d6d6; font-weight: bold; text-transform: uppercase; }
.shop_nav .nav_tit .en >div{ margin-bottom: 0.5em; }
.shop_nav .nav_tit .zh{ display: inline-block; font-size: 38px; color: #333; font-weight: bold; padding-bottom: 0.3em; border-bottom: 0.158em solid #8f6e52; }
.shop_nav .nav_main{ font-size: 17px; word-spacing: -6px; margin-top: 1.92%; }
.shop_nav .nav_main a{ display: inline-block; margin-right: 2em; color: #444; margin-bottom: 0.5em; line-height: 1.3; border-bottom: 1px solid transparent; word-spacing: initial; }
.shop_nav .nav_main a:hover{ border-color: #444; }

.ins_title{ padding: 4.0625% 0 1.823%; }
.ins_title .ins_box{ text-align: center; word-spacing: -6px; }
.ins_title .ins_box >a{ display: inline-block; font-size: 14px; color: #cacaca; width: 12em; line-height: 3.28; background: top center no-repeat; background-size: 100%; }
.ins_title .ins_box >a:hover{ color: #171c61; }
.ins_title .ins_box .prev{ background-image: url(../images/food_03.png); }
.ins_title .ins_box .prev:hover{ background-image: url(../images/food_03h.png); }
.ins_title .ins_box .next{ background-image: url(../images/food_05.png); }
.ins_title .ins_box .next:hover{ background-image: url(../images/food_05h.png); }
.ins_title .text{ display: inline-block; width: 43.32%; vertical-align: middle; margin: 0 2%; }
.ins_title .text .tit{ font-size: 28px; margin-bottom: 0.536em; }
.ins_title .text .tit img{ height: 1em; }
.ins_title .text .line{ width: 36px; height: 2px; background-color: #dadada; margin: 0 auto; }
.ins_title .text .des{ font-size: 15px; color: #444; margin-top: 0.334em; }
.ins_title .text .des, .ins_title .text .des p{ line-height: 1.875; }

.shop .pic_box{ position: relative; }
.shop .pic{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #754c28; background: center no-repeat; background-size: cover; }
.shop .show_pic{ display: block; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6) url(../images/magaic_03.png) center no-repeat; background-size: 12.54%; }
.shop .item_02 .show_pic{ background-size: 18.81%; }
.shop .item:hover .show_pic{ display: block; }
.shop .s_left{ width: 67.26744186046512%; float: left; overflow: hidden; }
.shop .s_left >div{ float: left; }
.shop .s_left .item_01{ position: relative; width: 100%; margin-bottom: 0.9507346585998271%; }
.shop .s_left .item_01 .pic_box{ padding: 21.69403630077787% 0; }
.shop .s_left .item_02{ position: relative; width: 24.28694900605013%; margin-left: 0.9507346585998271%; }
.shop .s_left .item_02:nth-of-type(2){ margin-left: 0; }
.shop .s_left .item_02 .pic_box{ padding: 60.4982206405694% 0; }
.shop .s_right{ width: 32.03488372093023%; float: right; }
.shop .s_right .item_03{ position: relative; margin-top: 1.996370235934664%; }
.shop .s_right .item_03:nth-of-type(1){ margin-top: 0; }
.shop .s_right .item_03 .pic_box{ padding: 25.13611615245009% 0; }

.lightbox .lb-data .lb-details{ width: 100%; text-align: center; }


/* 移动端样式 */
/*小于1600(1600x900)*/
@media only screen and (max-width: 1600px){
	.shop_nav .nav_tit .en{ font-size: 26px; }
	.shop_nav .nav_tit .zh{ font-size: 35px; }
	.shop_nav .nav_main{ font-size: 16px; }
	.ins_title .text .tit{ font-size: 26px; }
}
/*小于1440(1440x900)*/
@media only screen and (max-width: 1440px){
	.shop_nav .nav_tit .en{ font-size: 24px; }
	.shop_nav .nav_tit .zh{ font-size: 32px; }
	.shop_nav .nav_main{ font-size: 15px; }
	.ins_title .text .tit{ font-size: 24px; }
	.ins_title .text .des{ font-size: 14px; }
	.ins_title .ins_box >a{ font-size: 13px; }
}
/*小于1280(1280x720)*/
@media only screen and (max-width: 1280px){
	.shop_nav .nav_tit .en{ font-size: 22px; }
	.shop_nav .nav_tit .zh{ font-size: 29px; }
	.shop_nav .nav_main{ font-size: 14px; }
	.ins_title{ padding: 5% 0 3%; }
	.ins_title .text{ margin: 0 3%; }
	.ins_title .text .tit{ font-size: 22px; }
	.ins_title .text .des, .ins_title .text .des p{ line-height: 1.7; }
	.ins_title .ins_box >a{ width: 9em; }	
}
/*小于1024(1024x768)*/
@media only screen and (max-width: 1024px){
	.ins_box{ width: 95%; }
	.shop_nav{ padding: 2% 0 3%; }
	.shop_nav .nav_tit .en{ font-size: 20px; }
	.shop_nav .nav_tit .zh{ font-size: 27px; }
	.shop_nav .nav_main{ font-size: 13px; }
	.shop_nav .nav_main a{ margin-right: 1.2em; }
	.ins_title .text{ width: 52%; }
	.ins_title .text .tit{ font-size: 20px; }
	.ins_title .text .des{ font-size: 13px; }
	.ins_title .ins_box >a{ font-size: 12px; }
	.shop .pic{ border-width: 1px; }
	.shop .item .show_pic{ display: block; opacity: 0; }
}
/*小于768(768x1024)*/
@media only screen and (max-width: 768px){
	.shop_nav .nav_tit .en{ font-size: 18px; }
	.shop_nav .nav_tit .zh{ font-size: 24px; }
	.ins_title .text{ width: 100%; margin: 0; }
	.ins_title .ins_box{ position: relative; padding-bottom: 50px; }
	.ins_title .ins_box >a{ display: block; line-height: 2.4; position: absolute; bottom: 0; }
	.ins_title .ins_box .prev{ left: 0; }
	.ins_title .ins_box .next{ right: 0; }
	.shop .s_left, .shop .s_right{ width: 100%; float: none; }
	.shop .s_right{ margin-top: 2.5%; }
	.shop .s_left .item_01{ margin-bottom: 2.5%; }
	.shop .s_left .item_02{ width: 48.75%; margin-left: 2.5%; }
	.shop .s_left .item_02:nth-of-type(2), .shop .s_left .item_02:nth-of-type(4){ margin-left: 0; }
	.shop .s_left .item_02:nth-of-type(2), .shop .s_left .item_02:nth-of-type(3){ margin-bottom: 2.5%; }
}
/*小于540*/
@media only screen and (max-width: 540px){
	.shop_nav .nav_tit .en{ font-size: 16px; }
	.shop_nav .nav_tit .zh{ font-size: 22px; }
	.shop_nav .nav_tit .en .t1{ margin-bottom: 0.2em; }
	.shop_nav .nav_main a{ margin-right: 0.8em; }
	#lightbox .lb-nav >a{ background-size: 38px; }
	#lightbox .lb-data .lb-close{ width: 20px; height: 20px; background-size: cover; }
}
/*小于375(375x667)*/
@media only screen and (max-width: 375px){
	.shop_nav{ padding: 3% 0 5%; }
	.shop_nav .nav_main{ margin-top: 3%; }
	.shop_nav .nav_tit .en{ font-size: 14px; }
	.shop_nav .nav_tit .zh{ font-size: 20px; }
	.shop_nav .nav_main{ font-size: 12px; }
	.ins_title .text .des{ font-size: 12px; }
	.ins_title .ins_box >a{ width: 7em; }
}

/* 烟波亭食谱 */
.food .pic_box, .food .item{ position: relative; }
.food .show_pic{ display: block; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6) url(../images/magaic_03.png) center no-repeat; background-size: 12.54%; }
.food .item:hover .show_pic{ display: block; }
.food .pic_box .pic{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #754c28; background: center no-repeat; background-size: cover; }
.food .f_left{ float: left; width: 45.63953488372093%; }
.food .f_left .pic_box{ padding: 42.10191082802548% 0; }
.food .f_mid{ float: left; width: 26.51162790697674%; margin-left: 0.6395348837209302%; }
.food .f_mid .pic_box{ padding: 35.6359649122807% 0; }
.food .f_mid .item_01{ margin-bottom: 2.412280701754386%; }
.food .f_right{ float: left; width: 26.51162790697674%; margin-left: 0.6395348837209302%; }
.food .f_right .pic_box{ padding: 72.4780701754386% 0; }


/* 移动端样式 */
/*小于1024*/
@media only screen and (max-width: 1024px){
	.food .item .show_pic{ display: block; opacity: 0; }
}
/*小于768(768x1024)*/
@media only screen and (max-width: 768px){
	.food .f_left{ width: 100%; margin-bottom: 2.5%; }
	.food .f_mid, .food .f_right{ width: 48.75%; margin-left: 0; }
	.food .f_right{ margin-left: 2.5%; }
}
/*小于540*/
@media only screen and (max-width: 540px){
	.food .f_left{ float: none; }
	.food .f_mid, .food .f_right{ width: 100%; margin-left: 0; }
	.food .f_mid .item_01{ margin-bottom: 2.5%; }
	.food .f_right{ margin-top: 2.5%; }
}


/* 加入我们 */
.w1170{ width: 1170px; margin: 0 auto; }
.join_title{ display: inline-block; font-size: 18px; border: 3px solid #d0d0d0; padding: 1.23em; word-spacing: -6px; text-transform: uppercase; }
.join_title .e1{ display: inline-block; vertical-align: middle; color: #c2c2c2; padding-right: 1.1em; letter-spacing: 0.1em; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }
.join_title .box{ display: inline-block; vertical-align: middle; font-weight: bold; }
.join_title .e2{ font-size: 45px; color: #969696; }
.join_title .zh{ font-size: 28px; color: #754c28; letter-spacing: 1.25em; margin-top: 0.4em; }

.join_us{ margin-top: 3.54%; }
.concept .main{ margin-top: 3.42%; word-spacing: -6px; }
.concept .main .item{ display: inline-block; vertical-align: text-top; width: 31.96581196581197%; margin-left: 2.051282051282045%; transition: all 0.3s; -webkit-transition: all 0.3s; }
.concept .main .item:nth-of-type(3n+1){ margin-left: 0; }
.concept .main .item:hover{ box-shadow: 3px 3px 15px 1px #d3d3d3; }
.concept .main .item .pic img{ width: 100%; }
.concept .main .item .text{ font-size: 14px; color: #545454; background-color: #f3f3f3; padding: 1.43em 2.14em; }
.concept .main .item .text .line{ width: 2.14em; height: 0.357em; background-color: #171c61; }
.concept .main .item .text .des{ line-height: 1.857; margin-top: 0.57em; min-height: 3.714em; }

.welfare{ margin-top: 5.21%; background: url(../images/joinus_12.jpg) center no-repeat; background-size: cover; }
.welfare .join_title{ border-color: #fff; margin-top: 4.872%; }
.welfare .join_title .e1, .welfare .join_title .e2, .welfare .join_title .zh{ color: #fff; }
.welfare .main{ color: #fff; font-size: 14px; line-height: 1.786; margin-top: 1.714em; }
.welfare .look_for{ color: #fff; line-height: 1.786; margin-top: 3.646%; padding: 1.71875% 0; background-color: rgba(0, 0, 0, 0.15); }
.welfare .look_for .tit{ font-size: 20px; font-weight: bold; margin-bottom: 0.45em; }
.welfare .look_for p{ font-size: 14px; line-height: 2; }

.recruitment{ padding: 2.6% 0 0; }
.recruitment .rev_tit{ text-align: center; }
.recruitment .rev_tit .zh{ font-size: 34px; color: #000; letter-spacing: 0.2em; }
.recruitment .rev_tit .en{ font-size: 16px; color: #dedede; text-transform: uppercase; letter-spacing: 0.1875em; font-weight: bold; margin-top: 0.625em; }
.recruitment .rec_items{ padding-top: 4.6%; word-spacing: -6px; }
.recruitment .item_box{ display: inline-block; vertical-align: top; width: 33.33333333333333%; margin-bottom: 3.2%; }
.recruitment .item_box .item{ width: 92.30769230769231%; background-color: #f8f8f8; padding: 8.78% 6.58%; border: 1px solid #f8f8f8; word-spacing: initial; }
.recruitment .item_box:nth-of-type(3n+1) .item{ margin-right: auto; }
.recruitment .item_box:nth-of-type(3n+2) .item{ margin: 0 auto; }
.recruitment .item_box:nth-of-type(3n+3) .item{ margin-left: auto; }
.recruitment .item_box:hover .item{ border-color: #171c61; }
.recruitment .item_box .item .tit_box{ position: relative; }
.recruitment .item_box .item .tit{ font-size: 24px; color: #575757; letter-spacing: 0.14em; padding-right: 30px; height: 1em; margin-bottom: 0.5em; overflow: hidden; }
.recruitment .item_box .item .num{ position: absolute; bottom: 0; right: 0; font-size: 13px; color: #484848; }
.recruitment .item_box .item .line{ height: 1px; background-color: #575757; }
.recruitment .item_box .item .des{ font-size: 13px; color: #484848; margin-top: 6.9%; height: 6.45em; overflow: hidden; }
.recruitment .item_box .item .des p{ line-height: 2.15; }
.recruitment .item_box .item_more{ display: none; word-spacing: initial; font-size: 15px; color: #302f2f; z-index: 2; position: relative; top: 100%; width: 300%; margin-top: 1px; background-color: #fff; }
.recruitment .item_box:hover .item_more{ display: block; }
.recruitment .item_box:nth-of-type(3n+1) .item_more{ left: 0; }
.recruitment .item_box:nth-of-type(3n+2) .item_more{ left: -100%; }
.recruitment .item_box2 .item_more{ left: -100%; }


.recruitment .item_box:nth-of-type(3n+3) .item_more{ left: -200%; }
.recruitment .item_box0 .item_more{ left: -200%; }

.recruitment .item_box .item_more .arw{ width: 1.9em; margin-top: 0.334em; }
.recruitment .item_box:nth-of-type(3n+1) .item_more .arw{ margin-left: 14.53%; }
.recruitment .item_box:nth-of-type(3n+2) .item_more .arw{ margin-left: 49.06%; }
.recruitment .item_box:nth-of-type(3n+3) .item_more .arw{ margin-left: 83.5%; }
.recruitment .item_box .item_more .text{ margin-top: 1.2em; border-top: 1px solid #171c61; border-bottom: 4px solid #171c61; padding: 2%; background-color: #f8f8f8; }
.recruitment .item_box .item_more .text p{ line-height: 2; }

/* 移动端样式 */
/*小于1600(1600x900)*/
@media only screen and (max-width: 1600px){
	.join_title{ font-size: 17px; }
	.join_title .e2{ font-size: 42px; }
	.join_title .zh{ font-size: 26px; }
	.welfare .look_for .tit{ font-size: 18px; }
	.recruitment .rev_tit .zh{ font-size: 32px; }
	.recruitment .rev_tit .en{ font-size: 15px; }
	.recruitment .item_box .item .tit{ font-size: 22px; }
}
/*小于1280(1280x720)*/
@media only screen and (max-width: 1280px){
	.w1170{ width: 90%; }
	.join_title{ font-size: 16px; border-width: 2px; }
	.join_title .e2{ font-size: 38px; }
	.join_title .zh{ font-size: 23px; }
	.concept .main .item .text{ font-size: 13px; }
	.concept .main .item .text .line{ height: 0.23em; }
	.welfare .main{ font-size: 13px; }
	.welfare .look_for .tit{ font-size: 17px; }
	.welfare .look_for p{ font-size: 13px; }
	.recruitment .rev_tit .zh{ font-size: 28px; }
	.recruitment .rev_tit .en{ font-size: 14px; }
	.recruitment .item_box .item .tit{ font-size: 20px; }
	.recruitment .item_box .item_more{ font-size: 14px; }
}
/*小于1024(1024x768)*/
@media only screen and (max-width: 1024px){
	.w1170{ width: 95%; }
	.join_title{ font-size: 15px; padding: 1em; }
	.join_title .e2{ font-size: 34px; }
	.join_title .zh{ font-size: 21px; }
	.concept .main .item .text{ font-size: 12px; }
	.welfare .main{ font-size: 12px; }
	.welfare .look_for .tit{ font-size: 16px; }
	.welfare .look_for p{ font-size: 12px; }
	.recruitment .rev_tit .zh{ font-size: 25px; }
	.recruitment .rev_tit .en{ font-size: 13px; }
	.recruitment .item_box .item .tit{ font-size: 18px; }
	.recruitment .item_box .item .des{ font-size: 12px; }
	.recruitment .item_box .item_more{ font-size: 13px; }
	.recruitment .item_box .item_more .text{ border-bottom-width: 3px; }
}
/*小于768(768x1024)*/
@media only screen and (max-width: 768px){
	.join_title{ font-size: 14px; border-width: 1px; padding: 0.7em; }
	.join_title .e2{ font-size: 30px; }
	.join_title .zh{ font-size: 18px; }
	.recruitment .rev_tit .zh{ font-size: 22px; }
}
/*小于767*/
@media only screen and (max-width: 767px){
	.concept .main .item{ width: 48.75%; margin-bottom: 2.5%; margin-left: 2.5%; }
	.concept .main .item:nth-of-type(2n+1){ margin-left: 0; }
	.recruitment .item_box{ width: 50%; }
	.recruitment .item_box .item{ width: 97.5%; }
	.recruitment .item_box:nth-of-type(2n+1) .item{ margin-right: auto; margin-left: 0; }
	.recruitment .item_box:nth-of-type(2n+2) .item{ margin-left: auto; margin-right: 0; }
	.recruitment .item_box .item_more{ width: 200%; }
	.recruitment .item_box:nth-of-type(2n+1) .item_more{ left: 0; }
	.recruitment .item_box:nth-of-type(2n+2) .item_more{ left: -100%; }
	
	.recruitment .item_box:nth-of-type(2n+1) .item_more .arw{ margin-left: 22.7703259469004%; }
	.recruitment .item_box:nth-of-type(2n+2) .item_more .arw{ margin-left: 74.62546971714039%; }
	.recruitment .item_box .item_more .text{ border-bottom-width: 2px; }
	.recruitment .rev_tit .en{ letter-spacing: 0; }
}
/*小于540*/
@media only screen and (max-width: 540px){
	.concept .main .item:nth-of-type(n+1){ width: 100%; margin-left: 0; }
	.join_title{ font-size: 13px; }
	.join_title .e2{ font-size: 26px; }
	.join_title .zh{ font-size: 16px; }
	.welfare .main, .welfare .look_for p{ line-height: 1.6; }
	.welfare .main br:nth-of-type(2n+1){ display: none; }
	.welfare .look_for{ margin-top: 8%; padding: 5% 0; }
	.welfare .look_for .tit{ font-size: 15px; }
	.recruitment .item_box{ width: 100%; }
	.recruitment .item_box .item{ width: 100%; padding: 5% 3.5%; }
	.recruitment .item_box:nth-of-type(n+1) .item_more{ width: 100%; left: 0; }
	.recruitment .item_box:nth-of-type(n+1) .item_more .arw{ margin-left: 46.7703259469004%; }
	.recruitment .item_box .item_more .text{ padding: 5% 3.5%; }
	.recruitment .rev_tit .zh{ font-size: 20px; }
	.recruitment .rev_tit .en{ font-size: 12px; }
	.recruitment .item_box .item .tit{ font-size: 16px; }
	.recruitment .item_box .item_more{ font-size: 12px; }
}
/*小于375(375x667)*/
@media only screen and (max-width: 375px){
	.join_title{ font-size: 12px; }
	.join_title .e2{ font-size: 22px; }
	.join_title .zh{ font-size: 13px; }
	.concept .main .item .text{ padding: 1em 1.3em; }
	.welfare .main br:nth-of-type(n+1){ display: none; }
}

/* 联系我们 */
.contact{ padding-bottom: 2%; }
.contact .con_tit{ margin-bottom: 3%; }
.contact .con_tit .tit{ font-size: 20px; color: #171c61; font-weight: bold; line-height: 1.5; margin: 5.3% 0 1.5%; }
.contact .con_tit .line{ height: 2px; background-color: #171c61; }
.contact .con_text .con_box{ word-spacing: -6px; font-size: 15px; }
.contact .con_text .infos{ width: 50%; display: inline-block; vertical-align: top; color: #545454; word-spacing: initial; }
.contact .con_text .info{ margin-bottom: 1.32em; padding-left: 3.26em; line-height: 1.5; min-height: 2.4em; padding-top: 0.45em; background: left top no-repeat; background-size: 2.4em; }
.contact .con_text .infos .add{ background-image: url(../images/map-gray.png); }
.contact .con_text .infos .add:hover{ background-image: url(../images/map-blue.png); }
.contact .con_text .infos .tel{ background-image: url(../images/tel-gray.png); }
.contact .con_text .infos .tel:hover{ background-image: url(../images/tel-blue.png); }
.contact .con_text .infos .cont{ background-image: url(../images/member-gray.png); }
.contact .con_text .infos .cont:hover{ background-image: url(../images/member-blue.png); }
.contact .con_text .infos .web{ background-image: url(../images/website-gray.png); }
.contact .con_text .infos .web:hover{ background-image: url(../images/website-blue.png); }
.contact .con_text .infos .email{ background-image: url(../images/email-gray.png); }
.contact .con_text .infos .email:hover{ background-image: url(../images/email-blue.png); }
.contact .con_text .infos .wechat{ background-image: url(../images/wechat-gray.png); }
.contact .con_text .infos .wechat:hover{ background-image: url(../images/wechat-blue.png); }
.contact .con_text .infos .wechat img{ width: 10.8em; margin-top: 0.5em; display: block; }
.contact .con_text .form_box{ width: 48%; margin-left: 2%; display: inline-block; padding-bottom: 5.65%; }
.contact .con_text .form_box .form_text{ color: #171c61; font-weight: bold; line-height: 1.5; margin-top: 0.4em; }
.contact .con_text .mess_form{ margin-top: 2.14em; color: #545454; }
.contact .con_text .form_box .item{ position: relative; margin-bottom: 2.26em; }
.contact .con_text .form_box .item label{ display: block; font-weight: normal; margin-bottom: 0.9em; padding-left: 0.3em; }
.contact .con_text .form_box .item .in{ display: block; width: 100%; padding: 0 0.7em; background-color: #f7f7f7; outline: none; line-height: 3.32; border-radius: 0.4em; border: 1px solid #dbdbdb; }
.contact .con_text .form_box .item .in:focus{ border-color: #171c61; }
.contact .con_text .form_box .item .in.text{ height: 11em; resize: none; padding: 0.7em; line-height: 1.6; }
.contact .con_text .form_box .item .tips{ display: none; position: absolute; top: 100%; left: 5px; margin-top: 4px; font-size: 12px; color: red; }
.contact .con_text .form_box .sub{ margin-bottom: 0; }
.contact .con_text .form_box #sub{ margin-left: auto; display: block; width: 5.4em; line-height: 2.4; letter-spacing: 0.4em; text-align: center; background-color: #ddd; border-radius: 0.4em; border: none; padding: 0; outline: none; }
.contact .con_text .map_box{ position: relative; padding: 22% 0; }
.contact .con_text #bdmap{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 移动端样式 */
/*小于1600(1600x900)*/
@media only screen and (max-width: 1600px){
	.contact .con_tit .tit{ font-size: 19px; }
}
/*小于1280(1280x720)*/
@media only screen and (max-width: 1280px){
	.contact .con_tit .tit{ font-size: 18px; }
	.contact .con_text .con_box{ font-size: 14px; }
}
/*小于1024(1024x768)*/
@media only screen and (max-width: 1024px){
	.contact .con_text .infos{ width: 63%; }
	.contact .con_text .form_box{ width: 35%; }
	.contact .con_text .form_box .item .in{ line-height: 2.8; }
}
/*小于768(768x1024)*/
@media only screen and (max-width: 768px){
	.contact .con_tit .tit{ font-size: 17px; }
	.contact .con_text .con_box{ font-size: 13px; }
}
/*小于767*/
@media only screen and (max-width: 767px){
	.contact .con_text .infos{ display: block; width: 100%; }
	.contact .con_text .form_box{ display: block; width: 100%; margin-left: 0; padding-top: 5%; }
	.contact .con_text .mess_form{ margin-top: 2%; }
	.contact .con_text .form_box .item{ margin-bottom: 2em; }
}
/*小于540*/
@media only screen and (max-width: 540px){
	.contact .con_tit .tit{ font-size: 16px; }
	.contact .con_tit .line{ height: 1px; }
	.contact .con_text .map_box{ padding: 35% 0; }
	.contact .con_text .form_box .body{ margin-bottom: 1em; }
}
/*小于375(375x667)*/
@media only screen and (max-width: 375px){
	.contact .con_text .con_box{ font-size: 12px; }
}