* {padding: 0; margin: 0; list-style: none}
.ccm-image-slider-container, .ccm-image-slider, .ccm-image-slider-inner, .rslides, .rslides li {height: 100%}
a {text-decoration: none; outline: none; transition: all .2s ease-in-out}
div {font-family: "Rubik", sans-serif; font-optical-sizing: auto; font-style: normal}
b, strong {font-weight: 500}
img {border: 0}
.clear {clear: both}
.left {float: left}
.right {float: right}
.center {text-align: center}

@media (max-width: 700px) {
	html {font-size: .8px; line-height: 1.5}
	.top-mobile {position: fixed; top: 0; left: 0; width: 100%; z-index: 50; background: #fff}
	.top-mobile ol {display: flex; margin-left: 5%; font-size: 18rem; line-height: 60rem}
	.top-mobile ol li {padding-left: 35rem; margin-left: 3%}
	.top-mobile ol li a {color: #000}
	.top-mobile ol li.loc, .top-mobile ol li span, .top-mobile ol li.mail {display: none}
	.menu-hide {cursor: pointer; position: absolute; top: 50%; margin-top: -25px; right: 0; z-index: 200}
	.open {width: 20%; height: 100vh}
	.menu {position: fixed; top: 0; left: 0; width: 80%; height: 100%; z-index: 100; display: flex; align-items: center; justify-content: center; font-size: 22rem; line-height: 2; transition: all .2s ease-in-out; background: #fff; border-top-right-radius: 20px; border-bottom-right-radius: 20px; transform: translateX(-100%); overflow: hidden}
	.menu ul {display: flex; justify-content: center; align-items: center; flex-direction: column}
	.menu ul li a {color: #ed8652; padding: 5rem 10rem; display: block; border-radius: 7rem}
	.menu ul li a.nav-path-selected {color: #3b6fc3}
	.showmenu {transform: translateX(0) !important; box-shadow: 0 0 40rem 0 rgba(0,0,0,0.2)}	
	.top {position: relative; background: #f3f3f3; width: 100%; overflow: hidden; margin-top: 60rem}
	.bar {padding: 10vw 0; position: relative}
	.bar ol {display: none}
	.logo {display: block; width: 80%; height: auto; margin: 0 0 0 5%}
	.swap {position: absolute; right: 0; top: 50%; transform: translateY(-50%)}
	.swap img {display: block; cursor: pointer; width: 62rem; height: auto}
	.slider {height: 70vw; overflow: hidden; position: relative; z-index: 1}
	.slider:before {content: ""; display: block; width: 100%; height: 10vw; position: absolute; left: 0; bottom: 0; z-index: 10; background: url(img/sh.png) repeat-x; background-size: contain}
	.more {display: block; width: 50%; line-height: 50rem; border-radius: 7rem; text-align: center; font-size: 18rem; font-weight: 500; margin-left: auto; margin-right: auto; transition: all .2s ease-in-out; background: #ffaa7e; color: #fff}
	.boxes {display: flex; position: relative; z-index: 5}
	.box {display: block; width: 90%; padding: 2vw 5vw 10vw 5vw; color: #fff; font-size: 4vw; line-height: 1.25; text-align: center; position: relative}
	.box:before {content: ""; display: block; width: 100%; height: 13vw; position: absolute; bottom: 99.5%; left: 0}
	.box strong {font-size: 6vw; line-height: 1; display: block; margin-bottom: 4vw; font-weight: 400}
	.box .more {background: #fff; color: #ed8652; margin-top: 5vw; font-size: 18rem !important}
	.box-2, .box-3 {display: none}
	.box-1:before {background: url(img/c1.png) bottom no-repeat; background-size: 100%}
	.container {overflow: hidden; font-size: 19rem; line-height: 30rem; color: #2b2121; position: relative; z-index: 1}
	.container h1, .container h2 {font-size: 42rem; font-weight: 500; color: #3b6fc3; line-height: 1.3; margin-bottom: 50rem}
	.container h1 span, .container h2 span {display: block; font-size: 28rem; color: #ed8652}
	.main {background: url(img/bgc.png) repeat-x; background-size: contain; padding-bottom: 120rem; position: relative}
	.main:after {content: ""; display: block; width: 634rem; height: 70rem; position: absolute; bottom: 0; right: 0; z-index: 10; background: url(img/c4.png) bottom no-repeat; background-size: contain}
	.title {text-align: center; padding: 80rem 5% 0 5%}
	.title h1 {display: inline-block; position: relative}
	.about {margin: 0 5%}
	.about-photo {width: 100%; margin: 0 0 60rem 0}
	.about-photo img {display: block; width: 100%; height: auto}
	.mores {display: flex; margin-top: 70rem; justify-content: center}
	.mores a {margin: 0 2rem}
	.news {padding: 80rem 5%; background: #f5f7fa}
	.news h2 {text-align: center}
	.news .more {margin-top: 50rem; width: 100%}
	.news-list {display: flex; flex-direction: column; padding-top: 20rem}
	.news-list .new {width: 100%; margin: 0 0 12% 0; border-radius: 7rem; background: #fff; font-size: 18rem; font-weight: 300; color: #625454; line-height: 26rem; position: relative}
	.news-list .new i {display: block; height: 62vw; overflow: hidden; border-radius: 7rem 7rem 0 0; position: relative}
	.news-list .new strong {display: block; padding: 35rem 30rem 0 30rem; font-size: 22rem; line-height: 28rem; color: #ed8652}
	.news-list .new span {display: block; padding: 30rem 30rem 50rem 30rem}
	.ar {display: flex; align-items: center; justify-content: center; width: 60rem; height: 60rem; border-radius: 100%; background: #fff; box-shadow: 2rem 2rem 6rem 0 rgba(0,0,0,0.15); position: absolute; bottom: -30rem; left: 50%; margin-left: -30rem; z-index: 10}
	.ar img {display: block; width: 15rem; height: auto; transition: all .2s ease-in-out}
	.ar:hover img {width: 20rem}
	.guide {height: 120vw; padding: 15vw 5% 0 5%; background: url(img/bgs.jpg) left no-repeat; background-size: cover; position: relative; z-index: 1}
	.guide-info {position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column}
	.guide-info .more {width: 100%}
	.guide-dwn img {display: block; width: 100%; height: auto; border-radius: 7rem; margin-bottom: 10rem; transition: all .2s ease-in-out}
	.guide-desc {display: none}
	.mr {padding: 54vw 5% 0 5%; position: relative; z-index: 5; display: flex; align-items: center; justify-content: flex-end; padding-bottom: 80rem}
	.mr-img {display: block; width: 100%; height: auto; position: relative; z-index: 2}
	.dof {display: block; width: calc(90% - 10rem); height: auto; border-radius: 7rem; border: 5rem solid #fff; position: absolute; top: -20vw; left: 5%; z-index: 2}
	.content {padding: 0 5% 60rem 5%}
	.container h3 {margin-top: 40rem; margin-bottom: 40rem; padding-bottom: 30rem; border-bottom: 1px solid #ddd; font-size: 32rem; line-height: 1.3; font-weight: 400; color: #ed8652}
	.container h3 span {display: block; font-size: 26rem; color: #3b6fc3; margin-top: 15rem}
	.content a.more {color: #fff !important; margin-left: 0; margin-right: 0}
	.txt img {display: block; margin: 60rem auto; width: auto; height: auto; max-width: 100%; max-height: 700rem; border-radius: 7rem}
	.amore {display: none}
	.afoto img {margin-top: 0; margin-bottom: 40rem}
	.pt {margin-top: 30rem}
	.sg {margin: 50rem -1% 0 -1% !important}
	.sg-item {width: calc(48% - 30rem)!important; height: 36vw; margin: 1%!important; border: 15rem solid #eee; overflow: hidden; border-radius: 7rem}
	.news-date {position: absolute; z-index: 2; bottom: 10rem; left: 30rem; background: #fff; color: #888; font-size: 14rem; line-height: 26rem; padding: 0 10rem; border-radius: 7rem; font-weight: 400}
	.date {color: #888; font-size: 14rem; line-height: 20rem; margin-bottom: 20rem; padding-left: 15rem; border-left: 3rem solid #ffaa7e}
	.newmore {flex-direction: column}
	.newmore .new {width: 100%; margin: 0 0 5% 0}
	.newmore .new i {height: 200rem}
	.newmore .new strong {padding: 20rem 20rem 0 20rem; font-size: 17rem; line-height: 24rem; min-height: 0}
	.newmore .new span {padding: 15rem 20rem 30rem 20rem; line-height: 22rem}
	.map {display: block; width: 100%; height: 500rem; margin-top: 70rem; border-radius: 7rem; overflow: hidden}
	.content .adr {display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 40rem}
	.content .adr li {padding-left: 42rem; margin-bottom: 20rem}
	.font-active .box {font-size: 6vw}
	.font-active .box strong {font-size: 8vw}
	.font-active .news-date {font-size: 17rem}
	.font-active .news-list .new {font-size: 20rem}
	.font-active .container, .font-active .more, .font-active .menu ul, .font-active .ccm-block-file a, .font-active .newmore .new strong {font-size: 24rem}
}

@media (min-width: 701px) and (max-width: 1000px) {
	html {font-size: .8px; line-height: 1.5}
	.top-mobile {position: fixed; top: 0; left: 0; width: 100%; z-index: 50; background: #fff}
	.top-mobile ol {display: flex; margin-left: 5%; font-size: 18rem; line-height: 60rem}
	.top-mobile ol li {padding-left: 35rem; margin-left: 3%}
	.top-mobile ol li a {color: #000}
	.top-mobile ol li.loc, .top-mobile ol li span {display: none}
	.menu-hide {cursor: pointer; position: absolute; top: 50%; margin-top: -25px; right: 0; z-index: 200}
	.open {width: 40%; height: 100vh}
	.menu {position: fixed; top: 0; left: 0; width: 60%; height: 100%; z-index: 100; display: flex; align-items: center; justify-content: center; font-size: 22rem; line-height: 2; transition: all .2s ease-in-out; background: #fff; border-top-right-radius: 20px; border-bottom-right-radius: 20px; transform: translateX(-100%); overflow: hidden}
	.menu ul {display: flex; justify-content: center; align-items: center; flex-direction: column}
	.menu ul li a {color: #ed8652; padding: 10rem; display: block; border-radius: 7rem}
	.menu ul li a.nav-path-selected {color: #3b6fc3}
	.showmenu {transform: translateX(0) !important; box-shadow: 0 0 40rem 0 rgba(0,0,0,0.2)}	
	.top {position: relative; background: #f3f3f3; width: 100%; overflow: hidden; margin-top: 60rem}
	.bar {padding: 5vw 0; position: relative}
	.bar ol {display: none}
	.logo {display: block; width: 80%; height: auto; margin: 0 0 0 8%}
	.swap {position: absolute; right: 0; top: 50%; transform: translateY(-50%)}
	.swap img {display: block; cursor: pointer; width: 62rem; height: auto}
	.slider {height: 60vw; overflow: hidden; position: relative; z-index: 1}
	.slider:before {content: ""; display: block; width: 100%; height: 10vw; position: absolute; left: 0; bottom: 0; z-index: 10; background: url(img/sh.png) repeat-x; background-size: contain}
	.more {display: block; width: 200rem; line-height: 50rem; border-radius: 7rem; text-align: center; font-size: 18rem; font-weight: 500; margin-left: auto; margin-right: auto; transition: all .2s ease-in-out; background: #ffaa7e; color: #fff}
	.boxes {display: flex; position: relative; z-index: 5}
	.box {display: block; width: 26%; padding: 1vw 3.666vw 3vw 3.666vw; color: #fff; font-size: 1.7vw; line-height: 1.25; text-align: center; position: relative}
	.box:before {content: ""; display: block; width: 100%; height: 4vw; position: absolute; bottom: 99.5%; left: 0}
	.box strong {font-size: 3vw; line-height: 1; display: block; margin-bottom: 2vw; font-weight: 400}
	.box .more {background: #fff; color: #ed8652; margin-top: 2.5vw; font-size: 18rem !important}
	.box-1:before {background: url(img/c1.png) bottom no-repeat; background-size: 100%}
	.box-2:before {background: url(img/c2.png) bottom no-repeat; background-size: 100%}
	.box-3:before {background: url(img/c3.png) bottom no-repeat; background-size: 100%}
	.container {overflow: hidden; font-size: 20rem; line-height: 32rem; color: #2b2121; position: relative; z-index: 1}
	.container h1, .container h2 {font-size: 52rem; font-weight: 500; color: #3b6fc3; line-height: 1.3; margin-bottom: 50rem}
	.container h1 span, .container h2 span {display: block; font-size: 32rem; color: #ed8652}
	.main {background: url(img/bgc.png) repeat-x; background-size: contain; padding-bottom: 120rem; position: relative}
	.main:after {content: ""; display: block; width: 634rem; height: 70rem; position: absolute; bottom: 0; right: 65rem; z-index: 10; background: url(img/c4.png) bottom no-repeat; background-size: contain}
	.title {text-align: center; padding: 140rem 8% 0 8%}
	.title h1 {display: inline-block; position: relative}
	.title h1:before {content: ""; display: block; width: 161rem; height: 126rem; position: absolute; top: -20rem; left: -190rem; background: url(img/clouds.png) no-repeat; background-size: contain}
	.about {margin: 0 8%}
	.about-photo {width: 100%; margin: 0 0 60rem 0}
	.about-photo img {display: block; width: 100%; height: auto}
	.mores {display: flex; margin-top: 70rem; justify-content: center}
	.mores a {margin: 0 2rem}
	.news {padding: 140rem 8% 120rem 8%; background: #f5f7fa}
	.news h2 {text-align: center}
	.news .more {margin-top: 80rem; width: 400rem}
	.news-list {display: flex; flex-wrap: wrap; margin: 0 -1%; padding-top: 20rem}
	.news-list .new {width: 48%; margin: 0 1% 6% 1%; border-radius: 7rem; background: #fff; font-size: 17rem; font-weight: 300; color: #625454; line-height: 24rem; position: relative}
	.news-list .new i {display: block; height: 28vw; overflow: hidden; border-radius: 7rem 7rem 0 0; position: relative}
	.news-list .new strong {display: block; padding: 35rem 30rem 0 30rem; font-size: 20rem; line-height: 26rem; color: #ed8652}
	.news-list .new span {display: block; padding: 30rem 30rem 50rem 30rem}
	.ar {display: flex; align-items: center; justify-content: center; width: 60rem; height: 60rem; border-radius: 100%; background: #fff; box-shadow: 2rem 2rem 6rem 0 rgba(0,0,0,0.15); position: absolute; bottom: -30rem; left: 50%; margin-left: -30rem; z-index: 10}
	.ar img {display: block; width: 15rem; height: auto; transition: all .2s ease-in-out}
	.ar:hover img {width: 20rem}
	.guide {height: 530rem; padding-top: 52rem; background: url(img/bgs.jpg) center no-repeat; background-size: cover; position: relative; z-index: 1}
	.guide-info {position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column}
	.guide-info .more {width: 400rem}
	.guide-dwn img {display: block; width: 400rem; height: auto; border-radius: 7rem; margin-bottom: 10rem; transition: all .2s ease-in-out}
	.guide-desc {display: none}
	.mr {padding: 300rem 8% 0 8%; position: relative; z-index: 5; display: flex; align-items: center; justify-content: flex-end; padding-bottom: 80rem}
	.mr-img {display: block; width: 100%; height: auto; position: relative; z-index: 2}
	.dof {display: block; width: 400rem; height: auto; border-radius: 7rem; border: 5rem solid #fff; position: absolute; top: -40rem; left: 50%; margin-left: -205rem; z-index: 2}
	.content {padding: 60rem 8% 120rem 8%}
	.container h3 {margin-top: 60rem; margin-bottom: 40rem; padding-bottom: 30rem; border-bottom: 1px solid #ddd; font-size: 32rem; line-height: 1.3; font-weight: 400; color: #ed8652}
	.container h3 span {display: block; font-size: 26rem; color: #3b6fc3; margin-top: 15rem}
	.content a.more {color: #fff !important; margin-left: 0; margin-right: 0}
	.txt img {display: block; margin: 60rem auto; width: auto; height: auto; max-width: 100%; max-height: 700rem; border-radius: 7rem}
	.amore {display: none}
	.afoto img {margin-top: 0; margin-bottom: 40rem}
	.pt {margin-top: 30rem}
	.sg {margin: 50rem -.5% 0 -.5% !important}
	.sg-item {width: calc(24% - 30rem)!important; height: 18vw; margin: .5%!important; border: 15rem solid #eee; overflow: hidden; border-radius: 7rem}
	.news-date {position: absolute; z-index: 2; bottom: 10rem; left: 30rem; background: #fff; color: #888; font-size: 14rem; line-height: 26rem; padding: 0 10rem; border-radius: 7rem; font-weight: 400}
	.date {color: #888; font-size: 14rem; line-height: 20rem; margin-bottom: 20rem; padding-left: 15rem; border-left: 3rem solid #ffaa7e}
	.newmore {flex-direction: column}
	.newmore .new {width: 100%; margin: 0 0 5% 0}
	.newmore .new i {height: 200rem}
	.newmore .new strong {padding: 20rem 20rem 0 20rem; font-size: 17rem; line-height: 24rem; min-height: 0}
	.newmore .new span {padding: 15rem 20rem 30rem 20rem; line-height: 22rem}
	.map {display: block; width: 100%; height: 500rem; margin-top: 100rem; border-radius: 7rem; overflow: hidden}
	.content .adr {display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 22rem; padding-top: 50rem}
	.content .adr li {padding-left: 42rem; margin-bottom: 20rem}
	.font-active .news-date {font-size: 17rem}
	.font-active .news-list .new, .font-active .newmore .new strong {font-size: 20rem}
	.font-active .container, .font-active .more, .font-active .menu ul, .font-active .ccm-block-file a {font-size: 24rem}
}

@media (min-width: 1001px) {
	html {font-size: .65px; line-height: 1.5}
	.page {width: 1500rem; margin: auto}
	.top-mobile {display: none}
	.menu {position: sticky; top: 0; margin-top: 9.7vw; left: 0; z-index: 100; width: 100%}
	.menu ul {display: flex; justify-content: center; align-items: flex-end; font-size: 20rem; line-height: 58rem; background: #4c8bd2; position: relative; z-index: 50}
	.menu ul li a {display: block; padding: 0 22rem; color: #fff}
	.menu ul li a:hover, .menu ul li a.nav-path-selected {padding-top: 7rem; border-radius: 7rem 7rem 0 0; margin-top: -7rem}
	.menu ul li a:hover {background: #3b6fc3}
	.menu ul li a.nav-path-selected {background: #f19c74}
	.top {position: absolute; top: 0; left: 0; z-index: 20; background: #f3f3f3; width: 100%; overflow: hidden}
	.bar {height: 9.7vw; display: flex; align-items: center; position: relative}
	.bar ol {padding-left: 4.3vw; font-size: 16rem; line-height: 36rem; color: #000; border-left: 2px solid #e7936d}
	.bar li {padding-left: 42rem}
	.logo {display: block; width: 48%; height: auto; margin-left: 4.8%; margin-right: 5.4%}
	.swap {position: absolute; right: 0; top: 50%; transform: translateY(-50%)}
	.swap img {display: block; cursor: pointer; width: 62rem; height: auto}
	.slider {height: 33vw; overflow: hidden; position: relative; z-index: 1}
	.slider:before {content: ""; display: block; width: 100%; height: 10vw; position: absolute; left: 0; bottom: 0; z-index: 10; background: url(img/sh.png) repeat-x; background-size: contain}
	.more {display: block; width: 234rem; line-height: 50rem; border-radius: 7rem; text-align: center; font-size: 18rem; font-weight: 500; margin-left: auto; margin-right: auto; transition: all .2s ease-in-out; background: #ffaa7e; color: #fff}
	.box:hover .more, .more:hover, .guide-dwn:hover .more {padding: 0 10rem}
	.boxes {display: flex; position: relative; z-index: 5}
	.box {display: block; width: 26%; padding: 1vw 3.666vw 3vw 3.666vw; color: #fff; font-size: 1vw; line-height: 1.25; text-align: center; position: relative}
	.box:before {content: ""; display: block; width: 100%; height: 4vw; position: absolute; bottom: 99.5%; left: 0}
	.box strong {font-size: 1.85vw; line-height: 1; display: block; margin-bottom: 1.2vw; font-weight: 400}
	.box .more {background: #fff; color: #ed8652; margin-top: 1.8vw; font-size: 18rem !important}
	.box-1:before {background: url(img/c1.png) bottom no-repeat; background-size: 100%}
	.box-2:before {background: url(img/c2.png) bottom no-repeat; background-size: 100%}
	.box-3:before {background: url(img/c3.png) bottom no-repeat; background-size: 100%}
	.container {overflow: hidden; font-size: 18rem; line-height: 30rem; color: #2b2121; position: relative; z-index: 1}
	.container h1, .container h2 {font-size: 52rem; font-weight: 500; color: #3b6fc3; line-height: 1.3; margin-bottom: 50rem}
	.container h1 span, .container h2 span {display: block; font-size: 32rem; color: #ed8652}
	.main {background: url(img/bgc.png) repeat-x; background-size: contain; padding-bottom: 90rem; position: relative}
	.main:after {content: ""; display: block; width: 634rem; height: 70rem; position: absolute; bottom: 0; right: 65rem; z-index: 10; background: url(img/c4.png) bottom no-repeat; background-size: contain}
	.title {text-align: center; padding: 140rem 0 0 0}
	.title h1 {display: inline-block; position: relative}
	.title h1:before {content: ""; display: block; width: 161rem; height: 126rem; position: absolute; top: -20rem; left: -230rem; background: url(img/clouds.png) no-repeat; background-size: contain}
	.about {display: flex; align-items: center}
	.about-photo {width: 792rem; margin: 0 70rem 0 -25rem}
	.about-photo img {display: block; width: 100%; height: auto}
	.about-desc {width: 600rem}
	.mores {display: flex; margin-top: 70rem}
	.mores a {margin-right: 2rem; margin-left: 0}
	.news {padding: 140rem 0 120rem 0; background: #f5f7fa}
	.news h2 {text-align: center}
	.news .more {margin-top: 80rem; width: 330rem}
	.news-list {display: flex; flex-wrap: wrap; margin: 0 -.5%; padding-top: 20rem}
	.news-list .new {width: 24%; margin: 0 .5% 3% .5%; border-radius: 7rem; background: #fff; font-size: 16rem; font-weight: 300; color: #625454; line-height: 24rem; position: relative}
	.news-list .new i {display: block; height: 250rem; overflow: hidden; border-radius: 7rem 7rem 0 0; position: relative}
	.news-list .new strong {display: block; padding: 35rem 30rem 0 30rem; font-size: 20rem; line-height: 26rem; color: #ed8652; min-height: 78rem}
	.news-list .new span {display: block; padding: 30rem 30rem 50rem 30rem}
	.ar {display: flex; align-items: center; justify-content: center; width: 60rem; height: 60rem; border-radius: 100%; background: #fff; box-shadow: 2rem 2rem 6rem 0 rgba(0,0,0,0.15); position: absolute; bottom: -30rem; left: 50%; margin-left: -30rem; z-index: 10}
	.ar img {display: block; width: 15rem; height: auto; transition: all .2s ease-in-out}
	.ar:hover img {width: 20rem}
	.guide {height: 500rem; padding-top: 82rem; background: url(img/bgs.jpg) center no-repeat; background-size: cover; position: relative; z-index: 1}
	.guide-info {position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column}
	.guide-info .more {width: 330rem}
	.guide-dwn img {display: block; width: 330rem; height: auto; border-radius: 7rem; margin-bottom: 10rem; transition: all .2s ease-in-out}
	.guide-dwn:hover img {width: 350rem}
	.guide-desc {position: absolute; top: -15rem; left: 35rem; width: 450rem; font-size: 17rem; line-height: 26rem}
	.guide-desc strong {display: block; font-size: 32rem; line-height: 36rem; color: #ed8652; margin: -35rem 0 20rem 0}
	.mr {height: 250rem; position: relative; z-index: 5; display: flex; align-items: center; justify-content: flex-end; padding-bottom: 80rem}
	.mr-img {display: block; width: 910rem; height: auto; position: relative; z-index: 2}
	.dof {display: block; width: 476rem; height: auto; border-radius: 7rem; border: 5rem solid #fff; position: absolute; bottom: 80rem; left: 35rem; z-index: 2}
	.content {padding: 60rem 0 120rem 0}
	.container h3 {margin-top: 60rem; margin-bottom: 40rem; padding-bottom: 30rem; border-bottom: 1px solid #ddd; font-size: 32rem; line-height: 1.3; font-weight: 400; color: #ed8652}
	.container h3 span {display: block; font-size: 26rem; color: #3b6fc3; margin-top: 15rem}
	.content a.more {color: #fff !important; margin-left: 0; margin-right: 0}
	.txt {padding: 0 150rem}
	.txt img {display: block; margin: 60rem auto; width: auto; height: auto; max-width: 800rem; max-height: 600rem; border-radius: 7rem}
	.aflex {display: flex; justify-content: space-between}
	.adesc {width: 800rem}
	.amore {width: 300rem}
	.amore h4 {font-size: 24rem; color: #000; font-weight: 400; margin-bottom: 30rem; text-align: center}
	.afoto img {margin-top: 0; margin-bottom: 40rem}
	.pt {margin-top: 30rem}
	.sg {margin: 50rem -.5% 0 -.5% !important}
	.sg-item {width: calc(24% - 30rem)!important; height: 160rem; margin: .5%!important; border: 15rem solid #eee; overflow: hidden; border-radius: 7rem}
	.news-date {position: absolute; z-index: 2; bottom: 10rem; left: 30rem; background: #fff; color: #888; font-size: 13rem; line-height: 26rem; padding: 0 10rem; border-radius: 7rem; font-weight: 400}
	.amore .news-date {left: 20rem}
	.date {color: #888; font-size: 13rem; line-height: 20rem; margin-bottom: 20rem; padding-left: 15rem; border-left: 3rem solid #ffaa7e}
	.newmore {flex-direction: column}
	.newmore .new {width: 100%; margin: 0 0 5% 0}
	.newmore .new i {height: 200rem}
	.newmore .new strong {padding: 20rem 20rem 0 20rem; font-size: 17rem; line-height: 24rem; min-height: 0}
	.newmore .new span {padding: 15rem 20rem 30rem 20rem; line-height: 22rem}
	.map {display: block; width: 100%; height: 500rem; margin-top: 100rem; border-radius: 7rem; overflow: hidden}
	.content .adr {display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 22rem; padding-top: 50rem}
	.content .adr li {padding-left: 42rem; margin-bottom: 20rem}
	.font-active .news-date {font-size: 17rem}
	.font-active .guide-desc {font-size: 19rem}
	.font-active .bar ol, .font-active .news-list .new, .font-active .newmore .new strong {font-size: 20rem}
	.font-active .container, .font-active .more, .font-active .menu ul, .font-active .ccm-block-file a {font-size: 22rem}
}

@media (min-width: 1201px) {
	html {font-size: .8px}
}

@media (min-width: 1701px) {
	html {font-size: 1px}
}

#nav-icon {width: 55px; height: 50px; position: absolute; top: 0; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out}
#nav-icon i {display: block; position: absolute; right: 20px; height: 2px; width: 25px; background: #ed8652; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out}
#nav-icon i:nth-child(1) {top: 18px}
#nav-icon i:nth-child(2), #nav-icon i:nth-child(3) {top: 24px}
#nav-icon i:nth-child(4) {top: 30px}
.open #nav-icon i:nth-child(1) {top: 24px; width: 0%; right: 20px}
.open #nav-icon i:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)}
.open #nav-icon i:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)}
.open #nav-icon i:nth-child(4) {top: 24px; width: 0%; right: 20px}		
.bar li a {color: #000}
.loc {background: url(img/loc.png) left no-repeat; background-size: 24rem}
.phone {background: url(img/phone.png) left no-repeat; background-size: 24rem}
.mail {background: url(img/mail.png) left no-repeat; background-size: 24rem}
.slider img {display: block; width: 100%; height: 100%; object-fit: cover}
.box-1 {background: #ffaa7e}
.box-2 {background: #f19c74}
.box-3 {background: #ed8652}
.mores a:nth-child(2) {background: #f19c74}
.news-list .new i img {display: block; width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1}
.news-list .new a {color: #ed8652; font-weight: 500}
.news-list .new a:hover {color: #3b6fc3}
.ccm-image-slider-container {opacity: 0; transform: scale(1.1); transform-origin: top center; animation: slider 10s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.copy {display: flex; align-items: center; justify-content: center; font-size: 14rem; line-height: 20rem; padding: 50rem 5%; color: #666; border-top: 1px solid #e3edf2}
.copy img {width: 55px; height: 20px; display: block; margin-left: 10rem}
.ccm-block-file a {font-size: 20rem; line-height: 30rem; display: block; background: url(img/dwn.png) 20rem 23rem no-repeat; background-size: 20rem; padding: 20rem 0 20rem 60rem; border-bottom: 1px solid #ddd; color: #000 !important}
.ccm-block-file a:hover {background-color: #f6f6f6}
.sg-item-image {width: 100%; height: 100%}
.sg-item-image img {display: block; width: 100%; height: 100%; object-fit: cover; max-width: 100% !important; margin: 0 !important}
.content ul {margin: 30rem 0}
.content ul li {padding-left: 40rem; position: relative}
.content ul li:before {content: "—"; position: absolute; top: 0; left: 15rem; color: #ed8652; font-weight: 700}
.content a {color: #ed8652}
.content a:hover {color: #3b6fc3}
.sg-item img {border-radius: 0 !important}
.content .new {background: #f8f8f8}
.newmore .new img {margin: 0 !important}
.content .adr a {color: #2b2121 !important}

.ui-datepicker {font-size: 15px}
.ccm-pagination-wrapper {text-align: center; font-size: 16rem}
.pagination {margin: 0 !important}
.pagination > li {padding: 0 !important; background: none !important}
.pagination > li > a, .pagination > li > span {color: #8a8a8a; border: 0; border-radius: 0}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #8a8a8a; border-color: #8a8a8a; border-radius: 0}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #000}

.show {opacity: 0}
.showleft {opacity: 0; transform: translate(-50rem,0)}
.showright {opacity: 0; transform: translate(50rem,0)}
.showtop {opacity: 0; transform: translate(0,-50rem)}
.showbottom {opacity: 0; transform: translate(0,50rem)}
.showscale {opacity: 0; transform: scale(.7)}
.showrotate {opacity: 0; transform: scale(.8) rotate(30deg)}
.showls {opacity: 0; letter-spacing: .2em}
.come-in, .already-visible {animation: come-in 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.ccm-edit-mode .module, .already-visible .module {opacity: 1 !important; transform: translate(0) !important}
ul.ccm-edit-mode-inline-commands {right: -20px !important}

.contrast-active div, .contrast-active .container h1, .contrast-active .container h2, .contrast-active .container h1 span, .contrast-active .container h2 span, .contrast-active .guide-desc strong, .contrast-active .container h3, .contrast-active .content a, .contrast-active .content a:hover, .contrast-active .container h3 span {color: #ff0}
.contrast-active .content .adr a {color: #ff0 !important; text-decoration: none}
.contrast-active .menu ul li a, .contrast-active .news-list .new strong, .contrast-active .news-list .new {color: #000}
.contrast-active .top, .contrast-active .menu ul, .contrast-active .news-list .new, .contrast-active .ar, .contrast-active .mr, .contrast-active .mr:before, .contrast-active .top-mobile, .contrast-active .menu {background: #ff0}
.contrast-active .container, .contrast-active .main, .contrast-active .news-date, .contrast-active .news, .contrast-active .guide, .contrast-active #nav-icon i {background: #000}
.contrast-active .menu ul li a.nav-path-selected, .contrast-active .menu ul li a:hover, .contrast-active .box .more {background: #000; color: #ff0}
.contrast-active .box {background: #ff0; color: #000}
.contrast-active .more {background: #ff0 !important; color: #000}
.contrast-active .box:before {background: url(img/c0.png) bottom no-repeat; background-size: 100%}
.contrast-active .bar li, .contrast-active .ar img, .contrast-active .top-mobile li {filter: grayscale(1) brightness(0)}
.contrast-active .copy img {filter: grayscale(1) brightness(10)}
.contrast-active .bar ol {border-color: #000}
.contrast-active .copy, .contrast-active .container h3 {border-color: #ff0}
.contrast-active .title h1:before, .contrast-active .main:after {display: none}
.contrast-active .about-photo {background: #f6f6f6; border-radius: 7rem; overflow: hidden}
.contrast-active .main {border-bottom: 1px solid #ff0}
.contrast-active .guide {border-top: 1px solid #ff0}
.contrast-active .mr:before {content: ""; display: block; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1}
.contrast-active .content a {text-decoration: underline}
.contrast-active .content a.more, .contrast-active .news-list .new a {color: #000 !important; text-decoration: none}
.contrast-active .ccm-block-file a {color: #ff0 !important; text-decoration: none; border-color: #ff0}
.contrast-active .ccm-block-file a:hover {color: #000 !important; background-color: #ff0}
.contrast-active .box .more {background: #000 !important}

@keyframes come-in {
  to {transform: translate(0) scale(1); opacity: 1; letter-spacing: 0}
}

@keyframes slider {
  30% {opacity: 1}
  100% {transform: scale(1); opacity: 1}
}