﻿@charset "utf-8";

/* ====================
     公共样式
==================== */
.html {font-size:.625rem;/*10 ÷ 16 × 100% = 62.5%*/  height:100%;}
body{color:#333;font-family:""; font:12px/1.5;background:#FFFFFF;-webkit-overflow-scrolling:touch;height:100%; padding:0 0 30px 0;}
h1,h2,h3,h4,h5,h6{font-size:100%; margin:0; padding:0;}
address,cite,dfn,em,var{font-style:normal}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
input[type=submit],input[type=reset],input[type=button],button{-webkit-appearance:none}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;margin:0;padding:0}
ul,ol{list-style:none}
input[type="text"],input[type="search"]{-webkit-appearance:none;-webkit-tap-highlight-color:#fff;outline:0}
.inputBg{height:2.4rem;width: 94%;border: solid 1px #ddd;padding:0 3%;color: #333;font-size: 0.8rem;-webkit-border-radius: 0;background:#fff;}
.inputBg2{width: 94%;border: solid 1px #ddd;padding:3%;color: #333;font-size: 0.8rem;-webkit-border-radius: 0;-webkit-appearance: none;background:#fff;}
.pop-share{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,0.8) url(../../../../%E6%9E%95%E5%A4%B4web/web/3g/css/images/share.png) center 10px no-repeat;background-size:90% auto;}
.row {overflow: hidden;}
.padd1{ padding:0.5rem}
.padd2{ padding:1rem}
.w50{ width:50%}
.w40{ width:40%}
.w30{ width:30%}
.w20{ width:20%}
.w10{ width:10%}
.c-btn1 { border:none;display: inline-block;height: 2rem;line-height: 2rem;font-size:0.8rem;color: #fff;padding: 0 2rem; width:5rem; border-radius: 5px;background:#587281;}
.c-btn2 {color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:40%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#587281; text-align: center} 
.c-btn2 a,.c-btn2 a:visited,.c-btn2:visited, .c-btn3:visited{color:#fff;}
.c-btn3 { color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#ee6a6a; text-align: center}
.c-btn4 { color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#00D20D; text-align: center}
.hidden{display:none}
.wrap{ padding:0; background:#fff;}
.price_s{color: #587281;font-size:.675rem;display: inline-block;}
.price{color: #587281;font-size:1rem;display: inline-block;font-weight:bold}
.c333{ color:#333}
.c999{ color:#999}
.flex{padding: 0;margin: 0;list-style: none;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;/*自动换行*//*-webkit-flex-flow: row; 不换行*/justify-content: space-around;}
.flex-f-row{ -webkit-flex-flow: row;}
.flex_in{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1;}
.box1{border: 1px solid #eee; border-radius: 5px; }
.f_l{ float:left;}
.f_r{ float:right;}
.blank1{height:0.4rem; line-height:0.4rem;/* _margin:-3px 0;*/ clear:both; visibility:hidden;}
.blank2{height:0.6rem; line-height:0.6rem; clear:both; visibility:hidden;}
.blank3{height:1rem; line-height:1rem; clear:both; visibility:hidden;}
.mr-t10{margin-top:10px}
.mr-t20{margin-top:20px}
.mr-t30{margin-top:30px}
.more { background:#798e9a; border-radius:0.25rem;padding:0.3rem 1rem;color:#FFFFFF;}
.more:visited {color:#FFFFFF;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}

.wxkefu{ position:fixed; right:0.5rem; top:5rem; width:2.5rem; height:2.5rem; line-height:3rem; background:#333 url(../../../../%E6%9E%95%E5%A4%B4web/web/3g/images/ico_kefu.png) no-repeat 50% 50%;-webkit-background-size:1.5rem 1.5rem;-moz-background-size:1.5rem 1.5rem;background-size:1.5rem 1.5rem; border-radius:2rem; opacity:0.5; display:block; overflow:hidden; z-index:1002;}
/*选择分类*/
#ui-header{
  width: 100%;
  height: 46px;
  line-height:46px;
}
#ui-header .fixed {
	display: block;
	margin: 0 auto;
    min-width: 320px;
	height: 45px;
	top: 0;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#c7840d), to(#a36b08));
	background-image:-webkit-linear-gradient(#c7840d, #a36b08);
	background-image:-moz-linear-gradient(#c7840d, #a36b08);
	background-image:-ms-linear-gradient(#c7840d, #a36b08);
	background-image:-o-linear-gradient(#c7840d, #a36b08);
	background-image:linear-gradient(#c7840d, #a36b08);
	/*opacity: 0.95;*/
}
.ui-title{min-height: 46px; text-align: center; font-size: 16px; font-weight:normal; display: block; margin: 10px 70px 0; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; display:none;text-indent: -10px; color:#FFF;text-shadow:0 1px #845634}

/*popmenu*/
#popmenu{cursor:pointer; display:block; position:relative;  text-align: center; width: 200px; margin:0 auto}
#popmenu:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -2px;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #ffffff transparent;
}

#overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;filter:alpha(opacity=0);display:none;z-index: 4;}

#win{position: fixed;top:7rem;left:50%; width: 200px;margin:0 0 0 -100px;display:none;z-index: 5;}


.dropdown {
    /* Size and position */
    position: relative;
	display:block;
    margin: 0 auto;
    padding: 5px;

    /* Styles */
    background-color: rgba(47, 47, 47, 1);
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.15);
	box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    outline: none;
	list-style: none outside none;

}

/*.dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 90px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: rgba(47, 47, 47, 0.9) transparent;    
}

.dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 88px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}
.dropdown li {
    background-color: rgba(58, 58, 58, 1);
    display: block;
    height: 37px;
	overflow:hidden;
}
.dropdown li span{
    border-color: #494949 #181818 #181818 #494949;
    border-left: 1px solid #494949;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
	line-height: 37px;
    display: block;
    font-size: 15px;
    height: 37px;
    text-align: center;
    width: 100%;
}
.dropdown li:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

*/

/* 圆角效果 */
.radius5{-moz-border-radius: 5px;      /* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px;}
.radius10{-moz-border-radius: 10px;      /* Gecko browsers */-webkit-border-radius: 10px;   /* Webkit browsers */border-radius:10px;}
.radius15{-moz-border-radius: 15px;      /* Gecko browsers */-webkit-border-radius: 15px;   /* Webkit browsers */border-radius:15px;}
/*弹出菜单*/
.mm-menu{}
html.mm-opened .mm-page,html.mm-opened #mm-blocker,html.mm-opened .mm-fixed-top,html.mm-opened .mm-fixed-bottom,html.mm-opened .mm-menu.mm-horizontal > .mm-panel {-webkit-transition: none 0.4s ease;-moz-transition: none 0.4s ease;-ms-transition: none 0.4s ease;-o-transition: none 0.4s ease;transition: none 0.4s ease;-webkit-transition-property: top, right, bottom, left, border;-moz-transition-property: top, right, bottom, left, border;-ms-transition-property: top, right, bottom, left, border;-o-transition-property: top, right, bottom, left, border;transition-property: top, right, bottom, left, border; z-index:99999; }
html.mm-opened .mm-page,html.mm-opened #mm-blocker {left: 0%; top: 0;margin: 0;border: 0px solid rgba(0, 0, 0, 0); }
html.mm-opened.mm-opening .mm-page,html.mm-opened.mm-opening #mm-blocker {border: 0px solid rgba(100, 100, 100, 0); }
.mm-menu .mm-hidden {display: none; }
.mm-fixed-top,.mm-fixed-bottom {position: fixed;left: 0; }
.mm-fixed-top {top: 0; }
.mm-fixed-bottom {bottom: 0; }
html.mm-opened .mm-page,.mm-menu > .mm-panel {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; }
html.mm-opened,html.mm-opened body {width: 100%;height: 100%;overflow: hidden;position: relative; }
html.mm-opened .mm-page {height: 100%;overflow: hidden;position:fixed; }
html.mm-background .mm-page {background: inherit; padding:50px 0 100px;}
#mm-blocker {background: #fff;opacity: 0;display: none;width: 100%;height: 100%;position: absolute;z-index: 9999; }
html.mm-opened #mm-blocker,html.mm-blocking #mm-blocker {display: block; }
.mm-menu.mm-current {display: block; background:#000; }
.mm-menu {background: inherit;display: none;overflow: hidden;height: 100%;padding: 0;position: absolute;left: 0;top: 0;z-index: 0; }
.mm-menu > .mm-panel {background: inherit;-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;width: 100%;height: 100%;padding: 20px;position: absolute;top: 0;left: 100%;z-index: 0; }
.mm-menu > .mm-panel.mm-opened {left: 0%; }
.mm-menu > .mm-panel.mm-subopened {left: -40%; }
.mm-menu > .mm-panel.mm-highest {z-index: 1; }
.mm-menu > .mm-panel.mm-hidden {display: block;visibility: hidden; }
.mm-menu .mm-list {padding: 20px 0; }
.mm-menu > .mm-list {padding: 20px 0 40px 0; }
.mm-panel > .mm-list {margin-left: -20px;margin-right: -20px; }
.mm-panel > .mm-list:first-child {padding-top: 0; }
.mm-list,.mm-list > li {list-style: none;display: block;padding: 0;margin: 0; }
.mm-list {font: inherit;font-size: 18px; }
.mm-list a,.mm-list a:hover {text-decoration: none; }
.mm-list > li {position: relative; }
.mm-list > li > a,.mm-list > li > span {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #fff;line-height: 30px;display: block;padding: 10px 10px 10px 20px;margin: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {content: '';display: block;width: 100%;position: absolute;bottom: 0;left: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {width: auto;margin-left: 20px;position: relative;left: auto; }
.mm-list a.mm-subopen {width: 50%;height: 100%;padding: 0;position: absolute;right: 0;top: 0;z-index: 2; }
.mm-list a.mm-subopen.mm-fullsubopen {width: 100%; }
.mm-list a.mm-subopen.mm-fullsubopen:before {border-left: none; }
.mm-list a.mm-subopen + a,.mm-list a.mm-subopen + span {padding-right: 5px;margin-right: 40px; }
.mm-list > li.mm-selected > a.mm-subopen {background: transparent; }
.mm-list > li.mm-selected > a.mm-fullsubopen + a,.mm-list > li.mm-selected > a.mm-fullsubopen + span {padding-right: 45px;margin-right: 0; }
.mm-list a.mm-subclose {text-indent: 20px;padding-top: 30px;margin-top: -20px; }
.mm-list > li.mm-label {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 10px;text-transform: uppercase;text-indent: 20px;line-height: 25px;padding-right: 5px; }
.mm-list > li.mm-spacer {padding-top: 40px; }
.mm-list > li.mm-spacer.mm-label {padding-top: 25px; }
.mm-list a.mm-subopen:after,.mm-list a.mm-subclose:before {content: '';border: 2px solid transparent;display: block;width: 7px;height: 7px;margin-bottom: -5px;position: absolute;bottom: 50%;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); }
.mm-list a.mm-subopen:after {border-top: none;border-left: none;right: 18px; }
.mm-list a.mm-subclose:before {border-right: none;border-bottom: none;margin-bottom: -15px;left: 22px; }
.mm-menu.mm-vertical .mm-list .mm-panel {display: none;padding: 10px 0 10px 10px; }
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {display: block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {height: 40px; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 16px;right: 16px; }
html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.mm-ismenu {background: #FFF; }
.mm-menu {font-family: 'playfair_displayregular'; color: rgba(255, 255, 255, 0.6);}
.mm-menu .mm-list > li:after {border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li > a.mm-subclose {background: rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 0.5); }
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {border-color: rgba(255, 255, 255, 0.8); }
.mm-menu .mm-list > li > a.mm-subopen:before {border-color: rgba(255, 255, 255, 0.15); }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),.mm-menu .mm-list > li.mm-selected > span {background: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-list > li.mm-label {background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,.mm-menu.mm-vertical .mm-list li.mm-opened > ul {background: rgba(255, 255, 255, 0.05); }
html.mm-opened.mm-opening .mm-page,html.mm-opened.mm-opening .mm-page .top,html.mm-opened.mm-opening .mm-page .bottomBtn,html.mm-opened.mm-opening #mm-blocker,html.mm-opened.mm-opening .mm-fixed-top,html.mm-opened.mm-opening .mm-fixed-bottom {left: 60%; }
.mm-menu {width: 60%; }
@media all and (max-width: 175px) {
	.mm-menu {width: 140px; }
	html.mm-opened.mm-opening .mm-page,html.mm-opened.mm-opening #mm-blocker,html.mm-opened.mm-opening .mm-fixed-top,html.mm-opened.mm-opening .mm-fixed-bottom {left: 140px; } 
}
@media all and (min-width: 550px) {
	.mm-menu {width: 440px; }
	html.mm-opened.mm-opening .mm-page,html.mm-opened.mm-opening #mm-blocker,html.mm-opened.mm-opening .mm-fixed-top,html.mm-opened.mm-opening .mm-fixed-bottom {left: 440px; } 
}
html.mm-nooverflowscrolling.mm-opened {height: auto;overflow: auto;overflow-x: hidden;overflow-y: scroll; }
html.mm-nooverflowscrolling.mm-opened body {overflow: auto; }
html.mm-nooverflowscrolling.mm-opened .mm-page {min-height: 1000px;position: fixed; }
html.mm-nooverflowscrolling.mm-opened .mm-menu {height: auto;min-height: 1000px;overflow: auto;overflow-x: hidden;position: relative;left: auto;top: auto; }
html.mm-nooverflowscrolling.mm-opened > .mm-panel {position: relative;height: auto;display: none;left: 0; }
html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current {display: block; }

/*页码效果*/
.pagenav-wrapper .pagenav-content{padding:0.67rem 0.67rem 0 0.67rem;text-align:center;line-height:1.87rem;background:#eee}
.pagenav-wrapper .pagenav{display:-webkit-box;display:flex; text-align:left}
.pagenav-wrapper .pagenav>div{background-color:#fff;border:1px solid #e2e2e2;line-height:1.87rem;white-space:nowrap;border-radius:2px;cursor:pointer;margin:0 0.2rem}
.pagenav .p-first,.pagenav .p-end{width:2.8rem}
.pagenav .p-prev,.pagenav .p-next{width:3.93rem; }
.pagenav .pagenav-cur{-webkit-box-flex:1;flex:1;position:relative;background:#fff}
.pagenav .pagenav-select{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;border:0;border-radius:0;cursor:pointer; text-align:center}
.pagenav .pagenav-cur i{ display: inline-block;width:10px;height:7px;background:url(../../../../%E6%9E%95%E5%A4%B4web/web/3g/images/cate_biao2.png);background-size:10px 7px}
.pagenav-wrapper .pagenav .p-gray{background-color:#fdfdfd;color:#b4b1b1}
.pagenav-wrapper  a{ color:#333}
.pagenav-wrapper  a.no{ color:#B4B1B1}
.pagenav a:hover{text-decoration:none}

/* ====================
     首页模块
==================== */
/*头部*/
#header{z-index:999;position:relative;  height:50px;display: block;}
#header h1{font-family: 'playfair_displayregular'; color: #333;font-size: 1rem;line-height: 50px;text-align:center;  font-weight:normal; color:#fff }
#header .header_r{position: absolute;top: 0px;right:0px;}
#header .header_r > a {width:50px;height:50px;padding: 0 0.2rem;overflow: hidden; color:#fff; line-height:45px; margin:0px 0 0 15px; font-size:18px;}
#header .header_r > a i{font-size:24px;}
#header .header_l{position: absolute;top:0;left:0;}
#header .header_l a {width: 50px;height:50px;padding: 0 0.2rem;overflow: hidden; color:#FFF; line-height:50px; margin:5px 0 0 15px;}
#header .header_l a i{font-size:24px;}
#header h1 { overflow:hidden; font-size:18px; margin:0; padding:0;}
/*幻灯片广告*/
.focus{ width:100%;; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:0.3rem;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
.focus .hd ul .on{ background:#a36b08;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto; }
.focus .bd li .titleName{ position:absolute; bottom:2px; left:0; width:100%; height:30px; background:rgba(0,0,0,0.8); line-height:30px; z-index:999; text-align:center;}
.focus .bd li a{position:relative; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }




/*=清除非IE浏览器下的浮动溢出=*/
.wrapfix:after{	
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.wrapfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .wrapfix {
	height: 1%;
}
.wrapfix {
	display: block;
}


.mm-list > li.lan{ position:absolute; bottom:20px; text-indent:20px;}
.mm-list > li.lan a{ display:inline; font-size:14px; color:#9e9e9e; margin:0; padding:0;}
.Event-details__work p {
    margin-bottom: 0.1rem;
}

.Event-details__work h2, h3, h4, h5 {
    margin-top: 20px;
    margin-bottom: 0.1rem;
}
