*, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-shadow: none; }
article, aside, blockquote, body, button, code, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul { margin:0; padding:0 }
body { margin:auto; width:100%; width:32rem; outline:0; background-color:#fff; color:#000; font-size:1.2rem;
font-family:"Microsoft yahei"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, h5, h6 { font-weight:400; font-size:100% }
caption, th { text-align:left }
fieldset, img {border: 0; vertical-align: top;}
li { list-style:none }
ins { text-decoration:none }
del { text-decoration:line-through }
button, input, optgroup, option, select, textarea { outline:0; border:none; font-weight:inherit; font-style:inherit; font-size:inherit; font-family:inherit }
button { border:none; -webkit-appearance:none }
a { text-decoration:none; -webkit-touch-callout:none }
:focus { outline:0 }
em, i { font-style:normal }
 input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
margin:0
}
input[type=submit] { -webkit-appearance:none }
p { line-height:1.7rem
}
ul, ul li { list-style:none }
.clear { clear:both }
.mt2 { margin-top:3% }
.mt3 { margin-top:1.3rem;
}
.fl { float:left }
.fr { float:right }
.hd { overflow:hidden }
.block { display:block }
.none { display:none }
.img img,.img{max-width:100%;max-height:100%;}
img{max-width:100%;}
html { min-height:100% }

.flex_parent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex_child { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.will_translateY { margin: 0 auto; margin-top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.will_translateX { margin: 0 auto; margin-left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.will_left { float: left; }
.will_right { float: right; }
.display_block { display: block; }
/*ĄŁĄŁĄŁĄŁ*/

.container { position: relative; max-width: 64rem; width: 100%; margin: 0 auto;  box-shadow: 0 0 1rem #5D5C61;
/*padding-bottom: 3rem;*/

}
p {  font-size: 1.2rem;}
.h3 {
 font-size: 1.8rem; text-align: center; font-weight: 700; color: #9E1518; }
.relative { position: relative; }
.absolute { position: absolute; }
.same_mtop {  margin-top: 1.3rem;    margin-bottom: 1rem;}
.overflow { overflow: hidden; }
/*logo*/

.top_header { position: relative; }
.top_header img { display: block; width: 100%; }
/*banner*/



.top_banner {
 margin-top: 0.8rem; width: 100%; position: relative;  padding-bottom: 0.5rem;
}
.top_banner a { display: block; }
.top_pagination img { display: block; width: 100%; }
.top_btns { padding:2% 0; background-image: url(../images/bg01.jpg); overflow: hidden; }
.top_btns a { display: block; float: left;  padding: 0.5rem 0;
 border-radius: 0.3rem;
margin-left: 3%; }
.top_btns a img { display: block; margin: 0 auto; }
.top_btns .btn_one { width: 50%; background: #26C542; }
.top_btns .btn_one img { width: 15rem; }
.top_btns .btn_two { width: 41.25%; background: #EB761A; }
.top_btns .btn_two img { width: 12.4rem; }
/*floor_one*/

.bg_line { width: 100%;  height: 0.2rem;
background-image: url(../images/bg02.png); background-size: 100% 100%;  margin-top: 0.3rem;
}
/*one_list*/

.one_list { overflow: hidden; }
.one_list li { float: left; width: 49%; position: relative;  padding: 0.5rem;
background:#EFEFEF;  border-radius: 0.3rem;
overflow: hidden; }
.one_list li>a { display: block; width: 5.5rem; height: 5.5rem; background: #EB761A; color: #fff; border-radius: 50%; position: absolute;  right:-2.5rem;
top: 0;  font-size: 1.2rem;
 padding-left: 1rem;
}
.one_list li>a span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.one_list li+li { margin-left: 2%; }
.onemsg { display: block; text-align: center; width: 84%; }
.onemsg a { display: block; }
.onemsg h4 {
 font-size: 1.3rem; color: #9E1518;  padding-bottom: 0.5rem;
border-bottom: 0.1rem dashed #CFCFCF; font-weight: 100; }
.onemsg p { color: #818181;  margin-top: 0.5rem;
}
.onemsg p span { color: #FF0101; }
/*one_btn*/

.one_btn, .one_btn img { display: block; }
/*two_lists*/

.floor_two { background: #EFEFEF;  padding-top: 0.8rem;
}
.two_lists { overflow: hidden; padding:0 2%; margin-top: 1%; }
.two_lists.same_mtop {  margin-top: 1rem;
}
.two_lists li { float: left; width: 32.66%; }
.two_lists li a { display: block;  line-height: 3.5rem;
text-align: center; color: #fff;  font-size: 1.2rem;
}
.two_lists li+li { margin-left: 1%; }
 .two_bgone li:nth-child(1) {
 background: #DEB157;
}
 .two_bgone li:nth-child(2) {
 background: #91ADB9;
}
 .two_bgone li:nth-child(3) {
 background: #B4A3C3;
}
 .two_bgtwo li:nth-child(1) {
 background: #D66B75;
}
 .two_bgtwo li:nth-child(2) {
 background: #57B7A4;
}
 .two_bgtwo li:nth-child(3) {
 background: #BE7763;
}
/*floor_three*/

.floor_three h4 {
 font-size: 1.8rem; text-align: center; font-weight: 100; color: #9E1518; }
.three_lists { width: 100%; position: relative; }
.three_listmsg { width: 56%; height: 100%; position: absolute; top: 0; right: 3%; z-index: 10; }
.three_listmsg:before,  .three_listmsg:after { display: table; content: ''; clear: both; }
.three_listmsg h5 {
 font-size: 1.3rem; color: #B4CAEB; text-align: left; padding-left: 6%; font-weight: 100; }
 .three_listmsg h5:nth-child(1) {
 margin-top: 2.5rem;
}
.three_listmsg h1 {
 font-size: 2.8rem; color: #fff; padding-left: 5%; margin-top: 3%; }
.three_msgbox { padding:4% 2%; background: rgba(57, 76, 106, .8); margin-top: 8%;  border-radius: 0.3rem;
}
.three_msgbox p {
 font-size: 1.2rem; color: #F8A953;  line-height: 1.8rem;
}
.three_listmsg>a { background: #F77A43;  font-size: 1.2rem;
color: #fff; display: block; width: 50%; margin: 0 auto;  margin-top: 1.3rem;
 line-height: 2.8rem;
 border-radius: 1.5rem;
padding-left: 7%; }
.three_listmsg>a img {  width: 1rem;
 margin: -0.1rem 0 0 0.3rem;
}
/*three_title*/

.three_title { width: 100%;  height: 3.8rem;
 margin-top: 1.3rem;
background-image: url(../images/three_titlebg.png); background-repeat: no-repeat; background-size: 100% 100%; }
.three_title h3 {
 font-size: 1.5rem; text-align: center; color: #9E1518;  line-height: 2.9rem;
font-weight: 700; }
/*register_list*/

.register_list { width: 75%; margin: 0 auto;  margin-top: 1.8rem;
}
.register_list li { overflow: hidden; }
.register_list li+li {  margin-top: 1.5rem;
}
.register_list li span,  .register_list li input,  .register_list li select { float: left; }
.register_list li span {
 font-size: 1.2rem; display: block; width: 30%; text-align: justify;  line-height: 2.5rem;
position: relative; padding-left: 3%; }
.register_list li span:before { display: table; content: '*';  width: 0.5rem;
height: 100%; position: absolute; left: 0; top: 60%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.register_list li span,  .register_list li select { color: #374057; }
.register_list li input,  .register_list li select { width: 70%;  font-size: 1.2rem;
border: 0.1rem solid #CFCECE;  border-radius: 1.5rem;
 padding: 0.4rem 1rem;
}
.register_list li select { appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image: url(../images/select_bg.png); background-repeat: no-repeat; background-position: 94% 50%;  padding-right: 1.5rem;
}
/**/

.new_submit { overflow: hidden; width: 75%; margin: 0 auto;  margin-top: 0.8rem;
}
.new_submit input { display: block; float: left; border: 0; outline: none; width: 45%;  height: 3rem;
 line-height: 3rem;
color: #fff;  font-size: 1.2rem;
text-align: center; background-color: #868484; margin: 0 auto;  border-radius: 1.5rem;
}
.new_submit input.commit-btn { background-color: #26C542; }
.new_submit input.new_reset { margin-left: 10%; }
.register_list p { overflow: hidden;  margin-top: 1rem;
}
.register_list a { display: block;  font-size: 1.2rem;
color: #fff; text-align: center;  line-height: 3rem;
 border-radius: 1.5rem;
outline: none; }
.register_one { width: 100%;  margin-top: 1.5rem;
background: #FF8C18; }
/*floor_place*/

.floor_place {
 margin-top: 1.5rem; background-image: url(../images/floor_place.jpg); background-size: 100% 100%; background-repeat: no-repeat;  padding-bottom: 2rem;
margin-bottom:3rem; }
.floor_place>img { display: block; }
.floor_place p {
 font-size: 1.1rem; text-align: center;  margin-top: 0.5rem;
color: #fff; }
.floor_place p.footer_btns { width: 74%; margin: 0 auto; overflow: hidden;  margin-top: 1rem;
}
.footer_btns a { float: left; width: 47%;  height: 3rem;
 line-height: 3rem;
 font-size: 1.2rem;
color: #fff; background-repeat: no-repeat; background-size: 100% 100%; padding-right: 7%; }
 .footer_btns a:nth-child(1) {
 background-image: url(../images/footbtnbg_01.png);
}
 .footer_btns a:nth-child(2) {
 background-image: url(../images/footbtnbg_02.png);
 margin-left: 6%;
}
.ync_t{ background:#575e77; overflow:hidden; height:11.5rem; text-align:center; color:#FFF;}
.ync_t h2{ line-height:1.8rem; font-size:1.2rem; padding-top:1.5rem}
.ync_t h3{ width:17.4rem; height:3rem; margin:0.6rem auto 0; background:#ffffff; border-radius:1.5rem; color:#575e77; font-size:1.2rem; line-height:3rem;}

html { font-size: 10px; font-size: calc(100vw / 32); }
 @media all and (max-width: 320px) {
 html {
 font-size: 10px;
}
}
 @media all and (min-width: 640px) {
 html {
 font-size: 20px;
}
}