@media screen and (max-width:1650px) {
    .plan { position: static; margin-top: 30px; }
    .footer-info { width: 25%; padding: 0px; }
}

@media screen and (max-width:1450px) {
    .start-box { padding: 240px 0; }
    .dynamic-info { padding: 40px 30px 40px 40px; }
    .viewtitle .viewfix h3 { font-size: 45px; bottom: 32px; }
    .maps { height: 550px; }
}

@media screen and (max-width:1280px) {
    .establish { padding: 120px 0; }
    .story-box { padding: 120px 0; }
    .start-box { padding: 188px 0; }
    .maps { height: 488px; }
    .maptitle { font-size: 22px; margin-top: 0; }
    .maptext { font-size: 14px; margin-top: 2px; }
    .map-info { width: 48%; margin-right: 4%; }
    .map-info:nth-child(2n+2) { margin-right: 0; margin-bottom: 40px; }
    .map-list { padding-bottom: 20px; }
}

@media screen and (max-width:1200px) {
    .pwranger, .main-box, .header, .share-box { padding: 0 5%; }
    .logo { margin-left: 0; }
    .binfo h3 { font-size: 32px; }
    .binfo h3 i { width: 46px; height: 40px; }
    .binfo b { transform: scale(0.88); }
    .binfo1 h3, .binfo2 h3 { font-size: 32px; }
    .binfo1 small { font-size: 28px; margin-top: 36px; margin-right: 40px; margin-left: 35px; }
    .binfo1 b { width: 80px; height: 80px; }
    .binfo2 small { transform: scale(0.8); top: 12px; margin-right: 0; }
    .nav li { margin-right: 60px; }
    .bcontent { height: auto; padding-bottom: 20px; }
    .footer-box { padding: 40px 5% 50px; }
    .plan { position: relative; width: 100%; margin-top: 20px; }
    .attention { margin-top: 20px; }
    .binfo1, .binfo2 h3 { margin-top: 30px; }
}

@media screen and (max-width:1100px) {
    .inherit-wr { width: 100%; padding-left: 5%; box-sizing: border-box; }
    .inherit-info { width: 90%; margin: auto; margin-right: 0; margin-bottom: 30px; }
    .inherit-info:nth-child(1) { margin-right: 0; }
    .inherit-info:last-child { margin-bottom: 0; }
}

@media screen and (max-width:1024px) {
    body { cursor: pointer; }
    .mtop { display: block; height: 83px; }
    .nav, .online-book { display: none; }
    .header-box { padding: 12px 0; top: 0; width: 100%; box-sizing: border-box; }
    .headerfiexd { position: fixed; left: 0; top: 0; width: 100%; }
    .logo { width: 56px; height: auto; }
    .menuBtn, #navs { display: block; }
    .plich { height: 83px; display: block; }
    .ptext { width: 90%; left: 5%; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
    .ptext h2 { font-size: 56px; }
    .ptext h4 { font-size: 40px; }
    .establish { padding: 100px 0; }
    .story-box { padding: 100px 0; }
    .establishs { width: 90%; }
    .brand-box h3 { padding: 80px 0; }
    .start-box { padding: 150px 0; background-attachment: local !important; }
    .inherit-box { padding: 100px 0; }
    .pbanner strong { font-size: 45px; margin-top: -80px; }
    .special-sele { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; }
    .select-box:nth-child(2) { position: relative; left: 0; margin-left: 0; }
    .search-su { margin-right: 0; margin-left: 20px; }
    .select-box span { display: inline-block; margin-right: 20px; width: auto; }
    .fancybox-prev { left: 12px; }
    .fancybox-next { right: 12px; }
    .fancybox-title-float-wrap { bottom: -40px; }
    .fancybox-close { left: 20px; }
    .pbanner .enviaer { font-size: 40px; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
    .reservate-info { width: 86%; left: 7%; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
    .reservate-info h2 { margin-bottom: 16px; }
    .reservate-info p { margin-bottom: 20px; }
    .dynamic { width: 100%; }
    .view { width: 100%; position: static; }
    .dynamic-info:before, .dynamic-info:before { border-radius: 0; width: 100%; height: 100%; opacity: 0; }
    .dynamic-info:hover:before, .dynamic-info.on:before { opacity: 1; }
    .viewtitle .viewfix time { left: 5%; top: 30px; }
    .viewtitle .viewfix h3 { font-size: 32px; bottom: 30px; left: 5%; }
    .viewscoll { border-bottom: 1px solid #cbcbcb; }
    .address { width: 90%; margin: auto; }
    .address p { font-size: 22px; }
    .address-eq { margin-top: 28px; }
    .fancybox-nav { position: absolute; }
}

@media screen and (max-width:861px) {
    body { cursor: pointer; }
    .binfo1 { padding-top: 0; }
    .bcontent { height: auto; padding-bottom: 12px; padding-top: 24px; }
    .binfo h3 { font-size: 26px; margin-top: -6px; }
    .binfo1 h3, .binfo2 h3 { font-size: 26px; }
    .binfo1 small { margin-left: 20px; margin-right: 20px; margin-top: 31px; }
    .binfo b { transform: scale(0.74); -webkit-transform: scale(0.74); -moz-transform: scale(0.74); }
    .binfo2 small { transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); }
    .footer-info { width: 48%; padding-left: 0; margin-right: 4%; }
    .footer-info:nth-child(2n+2) { margin-right: 0; }
    .ptext h2 { font-size: 42px; }
    .ptext h4 { font-size: 30px; }
    .brand-info { width: 100%; }
    .story { width: 90%; }
    .starts { box-sizing: border-box; width: 90%; padding: 45px 35px 40px 45px; }
    .masters p { width: 90%; margin-bottom: 0; }
    .pbanner strong { font-size: 34px; margin-top: -60px; }
    .environbanner { width: 100%; float: none !important; }
    .reservates { position: relative; left: 0 !important; width: 100%; padding: 30px 0; }
    .reservate-info { position: relative; top: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
    .reservate-info p { height: auto; }
    .environment-info:nth-child(2n+2) .environbanner .flex-control-nav { left: 0; }
    .environment-info:nth-child(2n+2) .environbanner .flex-direction-nav { left: 0; }
}

@media screen and (max-width:751px) {
}

@media screen and (max-width:641px) {
    .binfo h3, .binfo1 h3, .binfo2 h3 { font-size: 22px; }
    .binfo h3 i { transform: scale(0.8); top: 6px; margin-right: -2px; }
    .binfo1 small { font-size: 22px; margin-top: 33px; }
    .binfo2 small { transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); top: 17px; }
    .binfo2 h3 { margin-top: 30px; }
    .logo { width: 50px; }
    .header-box { padding: 10px 0; }
    .menuBtn { width: 40px; height: 22px; }
    .menuBtn .burger { height: 3px; }
    .menuBtn .burger-2 { top: 9px; }
    .mtop { height: 72px; }
    .binfo1 b { display: none; }
    .binfo1 h3 { margin-top: 10px; }
    .binfo1 small { margin-top: 13px; }
    .binfo b { margin-top: -10px; }
    .variety { width: 100%; }
    .main-box { margin-top: 30px; }
    .introducte { width: 100%; margin-left: 0; }
    .newdynamic { width: 100%; }
    .binfo1 { margin-top: 40px; }
    .main { padding-bottom: 10px; }
    .varietyli .flex-control-nav { bottom: 10px; }
    .footer-info { width: 100%; margin-right: 0; }
    .menu-fix { top: 72px; }
    .plich { height: 72px; }
    .ptext h2 { font-size: 32px; }
    .ptext h4 { font-size: 26px; }
    .establish { padding: 60px 0; }
    .establishs h3 { font-size: 22px; line-height: 1.4; }
    .establishs p { font-size: 14px; }
    .brand-info figcaption { transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); }
    .brand-box h3 { font-size: 22px; }
    .story h3, .starts h3 { font-size: 22px; }
    .story-box { padding: 88px 0; }
    .start-box { padding: 120px 0; }
    .starts { padding: 50px 5%; }
    .inherit-box { padding: 88px 0; }
    .inherit-info h3 { font-size: 22px; margin-bottom: 24px; }
    .inherit-info { margin-bottom: 24px; }
    .masters h3 { font-size: 22px; }
    .pbanner strong { font-size: 28px; margin-top: -50px; }
    .select-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; width: 50%; border-bottom: 1px solid #e6e6e6; padding-left: 0; float: none; }
    .select-box span { flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; box-flex: 1; text-align: center; white-space: nowrap; }
    .search-su { margin: auto; float: none; width: 100%; text-align: center; }
    .listimg { padding-bottom: 40px; }
    .fancybox-nav span { display: none; }
    .fancybox-prev::before, .fancybox-next::before { width: 50px; height: 50px; opacity: 1; visibility: visible; }
    .fancybox-nav { height: 50px; margin-top: -25px; }
    .fancybox-prev::after { left: 14px; }
    .fancybox-next::after { right: 14px; }
    .environbanner .flex-control-nav { height: 46px; }
    .environbanner .flex-control-nav li { margin-top: 21px; margin-right: 10px; }
    .environbanner .flex-direction-nav li a { bottom: 15px; }
    .dynamic-info { padding: 20px 30px; }
    .dynamic-info h3 { font-size: 16px; margin-bottom: 8px; }
    .dynamic-info time { font-size: 14px; margin-bottom: 16px; }
    .view-text { padding: 0 5% 16px; }
    .viewtitle .viewfix h3 { font-size: 24px; }
    .textd p { margin-bottom: 20px; }
    .common-info a { height: 62px; line-height: 62px; }
    .maps { height: 388px; }
    .address { padding: 38px 0; }
    .address p { font-size: 18px; }
    .map-info { width: 100%; margin-right: 0; margin-bottom: 30px; }
    .mapaddress { padding: 38px 15px; }
    .infomap { height: 170px; }
    .pbanner .enviaer { font-size: 30px; }
    .BMap_pop, .BMap_shadow { display: none !important; }
    .BMap_bubble_content { display: none !important; }
}

@media screen and (max-width:520px) {
}

@media screen and (max-width:481px) {
    .binfo h3, .binfo1 h3, .binfo2 h3 { font-size: 18px; }
    .binfo h3 { margin-top: 0; }
    .binfo3 h3 { margin-top: 0; }
    .binfo h3 i { transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); top: 10px; }
    .binfo1 h3 { width: 100%; margin-top: 0; text-align: center; }
    .binfo1 small { margin-left: 0; margin-right: 0; width: 100%; text-align: center; margin-top: 5px; }
    .binfo2 small { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); margin-right: 0; width: 120px; height: 26px; margin-right: 14px; position: relative; top: 4px; }
    .main-box { margin-top: 20px; }
    .commont { padding: 20px 0; height: auto; }
    .commont span { font-size: 16px; }
    .commont h4 { margin-bottom: 5px; }
    .footer-box { padding-top: 30px; padding-bottom: 30px; }
    .menu-fix { width: 200px; }
    .menu-list { padding: 30px 0 30px 30px; }
    .menu-list li { margin-bottom: 22px; }
    .menu-list li a { font-size: 16px; }
    .ptext h2 { font-size: 28px; font-weight: normal; }
    .ptext h4 { font-size: 20px; }
    .establishs h3 { font-size: 18px; }
    .establish { padding: 40px 0; }
    .brand-box h3 { padding: 60px 0; font-size: 20px; }
    .brand-info figcaption { transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); }
    .story-box { padding: 50px 0; }
    .story h3 { font-size: 20px; margin-bottom: 20px; }
    .starts h3 { margin-bottom: 20px; font-size: 20px; }
    .starts p, .story p { font-size: 14px; }
    .start-box { padding: 0; }
    .starts { width: 100%; }
    .inherit-box { padding: 50px 0; }
    .masters { padding: 50px 0; }
    .masters h3 { font-size: 20px; margin-bottom: 20px; }
    .inherit-info h3 { font-size: 20px; margin-bottom: 20px; }
    .share-fix { padding: 34px 0; }
    .pbanner strong { font-size: 22px; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
    .select-box span { margin-right: 0; line-height: 56px; }
    .select b { height: 56px; line-height: 56px; width: 90px; }
    .select-down { top: 56px; }
    .search-su span { line-height: 56px; }
    .listimg { padding-bottom: 28px; }
    .fancybox-title-float-wrap .child { font-size: 16px; }
    .viewtitle .viewfix time { top: 20px; }
    .viewtitle .viewfix time i { margin-bottom: 8px; }
    .viewtitle .viewfix h3 { font-size: 20px; bottom: 16px; }
    .viewshare { padding-top: 20px; }
    .sharelist { padding-bottom: 20px; }
    .textd { padding-top: 22px; }
    .maps { height: 288px; }
    #imgDemo { width: 240px; }
    .maptitle { font-size: 20px; margin-top: 10px; }
    .maptext { font-size: 14px; margin-top: 2px; }
    .mapaddress h3 { font-size: 17px; }
    .mapaddress p { font-size: 15px; }
    .address { padding: 30px 0; }
    .select-box { width: 100%; }
    .select-box span { flex: none; -webkit-flex: none; -webkit-box-flex: none; box-flex: none; width: 100px; }
    .select { flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; box-flex: 1; }
    .select b { width: 100%; box-sizing: border-box; }
    .pbanner .enviaer { font-size: 26px; }
    .master-box img, .pbanner img { height: 200px; width: auto; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }
    .pbanner img { height: 220px; }
    .start-box { background: none !important; }
    .startimg { display: block; }
}

@media screen and (max-width: 380px) {
    .brand-box h3 { padding: 45px 0; }
}

@media screen and (max-width: 340px) {
}