body { font-family: 'Microsoft YaHei', "Open Sans", sans-serif; font-size: 18px; color: #000;}
input,
select,
textarea { font-family: 微软雅黑, "Open Sans", sans-serif; font-size: 1em; }
input[type="button"],
input[type="submit"],
input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
.wrap { width: 96%; margin: 0 auto; max-width: 1200px; position: relative; }
p { text-align: justify; }
img,
a { border: 0; }
.img img { display: block; margin: 0 auto; }
a:hover { color: #3db45e }
ul,
li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
ul:after,
.clear:after,
.clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img img { display: block; }
.img:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255, 255, 255, 0); z-index: 100 }
.img:hover:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px solid rgba(255, 255, 255, 0.5); }
.img:hover { background: #000; }
.img:hover img { opacity: 0.8; filter: alpha(opacity=80); transform: scale(1.1) rotate(2deg); -o-transform: scale(1.1) rotate(2deg); -webkit-transform: scale(1.1) rotate(2deg); -moz-transform: scale(1.1) rotate(2deg); -ms-transform: scale(1.1) rotate(2deg); }
.img img { display: block; }
.line1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
*,
*:after,
*:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.dotted { width: 2px; height: 76px; background-image: linear-gradient(to bottom, #d7d7d7, #d7d7d7 2px, transparent 0); position: relative; background-size: 100% 4px; }
.owl_num .owl-dots { counter-reset: nav; }
.owl_num .owl-dots .owl-dot span:before { text-align: center; display: block; counter-increment: nav; content: "0" counter(nav); }
.modal,
.fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000 }
.fp_modal { display: table; }
.modal { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; background: rgba(0, 0, 0, 0.7); }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { max-width: 990px; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: url(../img/close.png) no-repeat center center #ccc; border-radius: 100%; cursor: pointer; }
.modal_cont .box { padding: 45px; }

.header { background: linear-gradient(to right,#106a0d,#0c6f1b) }
.header .wrap {display:flex; height: 167px;align-items:center;}
.header .flex1{ text-align:center;}

.mainer { min-height: calc(100vh - 167px - 110px); background: url(../img/bg.png) no-repeat center 90% }
.main-title { font-size: 40px; color: #117531 ;text-align:center; padding:50px 0}

.location-selector{ display:flex; align-items:center; grid-gap:40px;}
.location-dropdown {position:relative; flex: 1; height: 58px; }
.location-dropdown .tit, .location-dropdown select { font-size: 18px; color: #000; border: 1px solid #c4c4c4; border-radius: 5px; width: 100%; height: 100%; padding: 0 20px; }
*{ box-sizing:border-box;}
.location-dropdown .tit{display:flex;align-items:center; justify-content:space-between;cursor:pointer;}
.icon-drop{ display:block;width:15px; height:9px; background:url(../img/icon.png) no-repeat center center; }
.location-dropdown .drop{transition:all 0s; padding-top:5px; position:absolute; top:100%; left:0;width:100%;display:none;z-index:1;}
.location-dropdown .drop ul { max-height: 300px; border: 1px solid #c4c4c4 ;overflow-y:auto;border-radius:5px;padding:2px;background:#fff;font-size:16px;}
.location-dropdown .drop li{line-height:40px;padding:0 20px;cursor:pointer;}
.location-dropdown .drop li.active { color: #1378f2 ; font-weight:bold;}
.location-dropdown .drop li:hover { background: #f5f7fa }
.location-dropdown .drop ul::-webkit-scrollbar { width: 10px; height: 0; background: #fff; }
.location-dropdown .drop ul::-webkit-scrollbar-thumb { width: 5px; height: 5px; border-radius: 5px; background: #d6d8dd }
.footer { height: 110px; display: flex; align-items: center; justify-content: center; background: #2b2b2b; color: #888; flex-direction: column; line-height: 1.5 } 

.content-area { display: flex; grid-gap: 40px; padding: 100px 0; }
.content-area .location-info{width:375px; }
.location-name{ font-size:30px; font-weight:bold;margin-bottom:1em;margin-top:.5em}
.location-details{ line-height:2}

#show{display:none;}