/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
@charset "utf-8";
@font-face {
    font-family: Montserrat;
    src: url(fonts/Montserrat-Regular.eot);
    src: url(fonts/Montserrat-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/Montserrat-Regular.woff) format('woff'), url(fonts/Montserrat-Regular.ttf) format('truetype');
    font-weight: 100;
    font-style: normal
}
@font-face {
    font-family: myicon;
    src: url(fonts/icomoon.eot?gfq5xx);
    src: url(fonts/icomoon.eot?gfq5xx#iefix) format('embedded-opentype'), url(fonts/icomoon.ttf?gfq5xx) format('truetype'), url(fonts/icomoon.woff?gfq5xx) format('woff'), url(fonts/icomoon.svg?gfq5xx#icomoon) format('svg');
    font-weight: 100;
    font-style: normal
}
body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, html, input, li, p, ul {margin: 0;padding: 0;list-style: none}
img {border: none;border: 0;vertical-align: middle}
iframe {max-width: 100%}
a, div, img, input, textarea {outline: 0}
a, div, em, footer, form, header, i, img, input, li, nav, p, section, span, textarea, ul {box-sizing: border-box}
button, input, textarea {font-family: Montserrat, '黑体', serif}
body {position: relative;color: #333;font-family: Montserrat, '黑体', serif;font-size: 14px;background-color: #fff}
a {-webkit-tap-highlight-color: transparent;color: #333;text-decoration: none;vertical-align: middle}
em, i {font-style: normal}
p {line-height: 180%}
h3 {margin-bottom: 16px}
h2 {font-size: 36px;line-height: 40px}
h3 {font-size: 30px;line-height: 36px}
h4 {font-size: 22px;line-height: 28px;letter-spacing: 1px}
h5 {font-size: 18px;line-height: 22px;letter-spacing: 1px}
.cf:after, .page-nav .wrap:aftel {content: '';display: block;clear: both}
.full {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 99}
.btn, form button {display: inline-block;vertical-align: top;width: 180px;height: 40px;line-height: 36px;text-align: center;border: 2px solid #111;color: #111;background-color: #fff}
form button {font-size: 14px;height: auto;cursor: pointer}
.btn:before, form button:before {content: '\ea0a';position: relative;left: -10px;font-size: 10px;font-family: myicon;color: #111}
form button:before {content: '\f27a';font-size: 16px}
.btn:hover, .btn:hover:before, form button:hover, form button:hover:before {color: #fff}
.bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.section > .wrap {width: 70%;max-width: 1360px;margin: 0 auto}
.mobanvip {font-size: 18px}
.mobanvip .text {white-space: pre-line;line-height: 170%}
.mobanvip .text img {max-width: 100%}
.gap {height: 140px}
.header.small + .gap {height: 60px}
.header {position: fixed;top: 0;left: 0;width: 100%;height: 140px;text-align: center;font-size: 0;background-color: #fff;box-shadow: 0 2px 8px rgba(0, 0, 0, .05);z-index: 999}
.header.small {top: -80px}
.logo {height: 80px;line-height: 80px}
.logo img {height: 100%;padding: 20px 0}
.nav {height: 60px;line-height: 60px}
.nav > li {position: relative;display: inline-block;padding: 0 40px}
.nav > li > a {position: relative;display: block;font-size: 16px;color: #111}
.nav > li > a:before {content: '';position: absolute;right: 0;bottom: 0;width: 0;height: 4px}
.nav > li.on a:before, .nav > li > a:hover:before {right: auto;width: 100%;left: 0}
.nav ul.sub {position: absolute;top: 80px;left: 50%;width: 240px;line-height: 50px;margin-left: -120px;background-color: rgba(0, 0, 0, .5);visibility: hidden;border-radius: 3px;overflow: hidden;opacity: 0}
ul.sub li {position: relative}
.nav > li:hover ul.sub {top: 60px;visibility: visible;opacity: 1}
.nav .sub li a {position: relative;display: block;font-size: 16px;color: #fff}
.nav .sub li a:before {content: '';position: absolute;left: 15%;bottom: 0;width: 70%;height: 1px;background-color: rgba(155, 155, 155, .4)}
.nav .sub li:last-child a:before {display: none}
.slider {position: relative;width: 100%;font-size: 0}
.slider .item {position: relative}
.bg, .home-box .img, .slider .img {background-position: center;background-size: cover;background-repeat: no-repeat}
.slider .text {position: absolute;left: 10%;bottom: 10%;color: #fff;padding: 20px 60px 24px;background-color: rgba(111, 111, 111, .4);opacity: 0}
.slider .slick-active .text {opacity: 1;left: 0}
.slider .text p {line-height: 148%;font-size: 48px;font-size: 1.8vw;line-height: normal}
.slider .text em {display: block;font-size: 16px;margin-top: 10px;line-height: 100%}
.slick-dots {position: absolute;left: 0;bottom: 30px;width: 100%;text-align: center;z-index: 100}
.slick-dots li {display: inline-block;vertical-align: top;padding: 6px;cursor: pointer}
.slick-dots li div {width: 10px;height: 10px;background-color: #ddd;opacity: .6}
.slick-dots li.slick-active div, .slick-dots li:hover div {background-color: #fff;opacity: 1}
.section {position: relative;padding-top: 120px;padding-top: 8vh}
.section.home-pic {width: 100%}
.section .title {text-align: center;color: #111;margin-bottom: 60px}
.section .title p {position: relative;display: inline-block;font-size: 18px;margin-bottom: 35px;margin-bottom: 2vh}
.section .title p:after, .section .title p:before {content: '';position: absolute;width: 50px;height: 11px;top: 50%;margin-top: -5px;background-image: url(../img/bd-back.png);opacity: .2}
.section .title p:after {left: 110%}
.section .title p:before {right: 110%}
.pic-list {width: 80%;max-width: 1360px;min-width: 960px;margin: 0 auto}
.slick.pic-list {width: 100%;max-width: 100%}
.pic-box {position: relative;z-index: 1}
.pic-box .wrap {position: relative}
.for-3 .pic-box {width: 31.333333%;margin: 0 1%}
.for-4 .pic-box {width: 23%;margin: 0 1%}
.slick .pic-box {width: 23vw;margin: 0 10px}
.news-box .img, .pic-box .img {position: relative;padding-top: 66%;text-align: center;overflow: hidden}
.news-box .bg:before, .pic-box .bg:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);opacity: 0}
.news-box .bg:before {height: 0}
.news-box .img:before {content: '\e114';position: absolute;top: 52%;left: 0;width: 100%;height: 100%;margin-top: -16px;font-family: myicon;font-size: 32px;color: #fff;opacity: 0;z-index: 1}
.news-box:hover .bg:before {height: 100%}
.gallery-list .wrap:hover .bg, .news-box:hover .bg, .pic-list .pic-box:hover .bg {transform: scale(1.1, 1.1)}
.pic-box h5 {position: relative;top: -20px;width: 70%;padding: 20px;background-color: #fff}
.pic-box em {position: absolute;width: 100%;top: 50%;left: 0;margin-top: -38px;text-align: center;color: #fff;opacity: 0}
.pic-box em:before {content: '\ea0a';position: relative;left: -10px;font-family: myicon;color: #fff}
.gallery-list .wrap:hover .bg:before, .gallery-list .wrap:hover em, .news-box:hover .bg:before, .pic-list .pic-box:hover .bg:before, .pic-list .pic-box:hover em {opacity: 1}
.news-box:hover .img:before {opacity: 1;top: 50%}
.slick-arrow {position: absolute;top: 50%;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -60px;font-family: myicon;background-color: #111;color: #fff;cursor: pointer;z-index: 10}
.slick-prev {left: 0}
.slick-next {right: 0}
.slick-prev:before {content: '\ea40'}
.slick-next:before {content: '\ea3c'}
.section .wrap {position: relative}
.home-box {position: relative;margin-bottom: 10%}
.home-box .img {padding-top: 36%}
.home-box .text {position: absolute;left: 0;bottom: -8vh;width: 45%;padding: 30px 40px;padding-left: 0;background-color: #fff}
.home-box h4 {padding-bottom: 10px}
.category p, .home-about p, .home-box p, .news-box .text p {font-size: 15px;letter-spacing: 1px;line-height: 160%}
.home-box:nth-child(2n) .text {right: 0;left: auto;padding-left: 40px;padding-right: 0}
.section.home-news {position: relative;overflow: hidden;margin-bottom: 120px}
.home-news .title {position: absolute;top: 0;left: 0;width: 180px;text-align: left}
.home-news .title p {margin-bottom: 4px}
.home-news .title p:before {display: none}
.home-news .title h2 {padding-bottom: 30px;border-bottom: 3px solid #111}
.home-news .title em {display: inline-block;width: 100%;padding: 40px 0}
.home-news .wrap {padding-left: 260px}
.home-news-box {position: relative;width: 200%;padding: 25px 80px;border: 2px solid #111;border-top: none}
.home-news-box:nth-child(1) {border-top: 2px solid #111}
.home-news-box .text {width: 45%}
.home-news-box:before {content: '\ea3c';position: absolute;width: 40px;height: 40px;line-height: 40px;text-align: center;top: 50%;left: 20px;margin-top: -20px;font-family: myicon;font-size: 24px}
.home-news-box a {position: absolute;top: 20px;left: 0;width: 50%;height: 70%;cursor: pointer}
.home-news-box h3, .home-news-box p {position: relative;left: 0}
.home-news-box:hover h3, .home-news-box:hover p {left: 30px}
.home-about {position: relative;width: 100%;padding: 120px 0;background-color: #f4f6f6}
.home-about .text {position: relative;margin: 0 260px;padding-top: 10vh;padding-bottom: 10vh}
@media screen and (max-width: 1680px) {
    .home-about .text {margin: 0}
}
.home-about .img {position: absolute;top: 0;left: 0;width: 35%;height: 100%}
.home-about .btn, .home-about h4, .home-about p {margin-left: 45%}
.home-about h4 {padding-bottom: 30px}
.home-about p {padding: 30px 0 40px;border-top: 1px solid #d4d4d4}
.banner {position: fixed;top: 0;left: 0;height: 70%;height: 70vh;height: calc(55vh + 140px);width: 100%}
.banner .img {padding-top: 140px}
.page-nav {position: relative;margin: 0 auto;text-align: center;background-color: #888;background-color: rgba(136, 136, 136, .5);overflow: hidden}
.page-nav .wrap {position: relative;width: 3000px;margin-top: 0;overflow: hidden;font-size: 0}
.page-nav.no-touch .wrap {width: 100% !important;transform: translate3d(0, 0, 0) !important}
.ie9 .page-nav.no-touch .wrap {left: 0 !important}
.page-nav .wrap a {position: relative;display: inline-block;vertical-align: top;padding: 20px;margin: 0 10px;font-size: 15px !important;font-weight: 700;color: #fff}
.page-nav:not(.no-touch) .wrap a {float: left}
.page-nav a:hover {color: #ddd}
.page-nav a.current {padding-bottom: 36px}
.page-nav a.current:before {content: '';position: absolute;width: 2500px;height: 16px;left: 50%;bottom: 0;margin-left: -1250px;background-image: url(../img/page_nav_bg.png);background-position: center;pointer-events: none}
.detail-wrap, .sub-page {position: relative;max-width: 800px;margin: 0 auto}
.sub-page {padding-top: 300px}
.text-page {top: -80px;margin-top: 360px;margin-top: 28vh}
.mobanvip {padding: 0 10%;overflow: hidden;margin-bottom: 120px;background-color: #fff}
.mobanvip .title {margin-bottom: 0}
.mobanvip .title h3 {font-size: 42px;line-height: 100%;padding: 50px 0 30px}
.mobanvip .title p:after, .mobanvip .title p:before {width: 200px;height: 1px;top: 50%;margin-top: -.5px;background-image: none;background-color: #d4d4d4;opacity: .5}
.mobanvip img {max-width: 100%;margin: 30px 0}
.section.category {padding-top: 40px}
.category .wrap {margin-bottom: 120px}
.category .img {padding-top: 36%}
.category .text {position: absolute;left: 0;bottom: -6vh;width: 30%;padding: 40px 60px;padding-left: 0;background-color: #fff}
.category h4 {position: relative;padding-bottom: 40px}
.category h4:before {content: '';position: absolute;width: 60px;height: 3px;left: 0;bottom: 20px}
.category .wrap:nth-child(2n) .text {right: 0;left: auto;padding-left: 60px;padding-right: 0}
.news-page {max-width: 1360px}
.news-page .mobanvip {padding: 0 4%;margin-bottom: 0}
.news-page .mobanvip .text {white-space: normal}
.news-page .title p {margin-bottom: 56px}
.news-list {font-size: 0}
.news-box {position: relative;display: inline-block;vertical-align: top;width: 33.333333%;padding: 20px;z-index: 1}
.news-box .text {position: relative;width: 100%;margin: 30px 0;padding-left: 115px;border-top: 1px solid #d4d4d4}
.news-box .time {position: absolute;width: 100px;height: 100%;top: 0;left: 0;padding: 36px 15px 0 0;text-align: right;font-size: 14px;border-right: 1px solid #d4d4d4}
.news-box h5 {padding: 25px 0 10px}
.news-box p {font-size: 14px;color: #8f8f8f}
.news-box a.full {margin: 20px}
.news-detail {padding-top: 6vh;padding-bottom: 10px;background-color: #fafafa}
.ctrl-menu {position: relative;font-size: 18px;top: 6vh;z-index: 99}
.ctrl-menu a {position: absolute;line-height: 24px}
.ctrl-menu .prev {left: 20px}
.ctrl-menu .prev:before {content: '\ea40';font-family: myicon;padding-right: 10px}
.ctrl-menu .prev:hover {left: 40px}
.ctrl-menu .next {right: 20px}
.ctrl-menu a:after {line-height: 24px}
.ctrl-menu .next:after {content: '\ea3c';display: inline-block;vertical-align: top;font-family: myicon;padding-left: 10px}
.ctrl-menu .next:hover {right: 40px}
.detail-wrap .title p {margin-bottom: 20px}
.news-detail .img img {width: 100%}
.img img {max-width: 100%}
.news-detail .mobanvip {padding: 40px 60px 60px}
.gallery-list .pic-box {position: relative;padding: 15px;float: left;width: 33.3333333%;text-align: center;overflow: hidden}
.gallery-list .pic-box .img {padding-top: 400px}
.gallery-list .pic-box:nth-child(7n+1) {width: 66.666666%}
.gallery-list .pic-box:nth-child(7n+2) {width: 33.333333%}
.gallery-list .pic-box:nth-child(7n+3), .gallery-list .pic-box:nth-child(7n+4) {width: 50%}
.gallery-list .pic-box h5 {position: absolute;left: 0;bottom: 0;top: auto;width: 100%;height: 62px;line-height: 62px;padding: 0;background-color: rgba(255, 255, 255, .5)}
.gallery-list .pic-box i {padding: 0 20px}
.gallery-list .pic-box em:before {content: '\e986';left: 0;font-size: 32px}
.gallery-list .wrap:hover h5 {color: #fff}
.gallery-detail .detail-wrap {max-width: 960px}
.sub-slider {font-size: 0;margin-bottom: 40px}
.thumb {padding: 10px 0}
.sub-slider .img .item {position: relative;background-color: #fefefe;overflow: hidden}
.thumb .item {position: relative;height: 160px;background-color: #555}
.sub-slider .item img {position: absolute;top: 50%;left: 50%;width: auto;height: 100%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);max-width: none}
.ie8 .sub-slider .item img {top: 0;left: 0}
.thumb .item img {width: 100%;height: auto}
.thumb .item.slick-current img {opacity: .4}
.sub-slider .slick-arrow {margin-top: -25px;font-size: 38px;font-family: myicon;color: #fff;background-color: rgba(0, 0, 0, 0)}
.sub-slider .slick-next:before, .sub-slider .slick-prev:before {display: none}
.sub-slider .slick-prev:after {content: '\f104'}
.sub-slider .slick-next:after {content: '\f105'}
.contact {margin-bottom: 120px}
.map {position: relative;height: 100%;z-index: 2}
#contact-map {height: 300px}
.has-map.banner + .section.contact {padding-top: 300px !important}
.BMap_cpyCtrl, .anchorBL {display: none !important}
.contact h3 {margin-top: 16px}
.contact .text-wrap {padding: 20px 0 60px}
.contact h5 {padding-bottom: 20px}
.contact .text, .form dt {font-size: 16px}
.contact .form {display: block;width: 70%}
.myform {width: 100%}
.form dd, .form dt {padding-bottom: 15px}
dd {display: block}
input[type=text], textarea {width: 70%;color: #111;border: 2px solid #d4d4d4}
textarea {width: 100%;padding: 15px}
input[type=text] {height: 40px;padding: 0 15px}
.page {position: relative;padding: 80px 0;text-align: center;font-size: 0}
.page li {display: inline-block;width: 40px;height: 40px;line-height: 40px;background-color: #d4d4d4;margin: 0 4px;vertical-align: top}
.page a {display: block;color: #fff;font-size: 16px}
.page li:first-child, .page li:last-child {font-size: 20px}
.page li.on, .page li:hover {background-color: #ccc}
.footer {position: relative;padding: 60px 0 50px;background-color: #111}
.footer .wrap {width: 100%;max-width: 100%;text-align: center}
.foot-extend {position: relative;margin-bottom: 30px}
.foot-box {display: inline-block}
.foot-box a {color: #fff;margin: 0 30px}
.bottom p {color: #474747}
.copy a {color: #555;vertical-align: inherit}
.social-box {position: fixed;width: 48px;line-height: 48px;right: 20px;bottom: 0;text-align: center;font-size: 14px;color: #fff;opacity: 0;visibility: hidden;z-index: 99}
.social-box.show {bottom: 0}
.social-box.go-top-show {bottom: 30px}
.social-box a {position: relative;display: block;height: 48px;color: #555;background-color: #666;background-color: rgba(242, 242, 242, .9);margin-bottom: 1px;cursor: pointer}
.social-box a:after {font-family: myicon;position: absolute;width: 100%;height: 100%;left: 0;font-size: 22px;text-align: center}
.social-box a.qq:after {content: '\f1d6';font-size: 16px}
.social-box a.taobao:after {content: '\e903';font-size: 24px}
.social-box a.tt:after {content: '\f1d5'}
.social-box a.weibo:after {content: '\f18a';font-size: 18px}
.social-box a.scan:after {content: '\e900';font-size: 18px}
.social-box a.go-top:after {content: '\f106'}
.social-box a.qq:hover, .social-box a.qq:hover i {background-color: #4fb5ef}
.social-box a.taobao:hover, .social-box a.taobao:hover i {background-color: #f78a1f}
.social-box a.tt:hover, .social-box a.tt:hover i {background-color: #25bdd8}
.social-box a.weibo:hover, .social-box a.weibo:hover i {background-color: #f37245}
.social-box a.taobao:after {content: '\e903';font-size: 24px}
.social-box a.tt:after {content: '\f1d5'}
.social-box a.weibo:after {content: '\f18a';font-size: 18px}
.social-box a:hover, .social-box a:hover i, .social-box a:hover:after {color: #fff}
.social-box a img {position: absolute;opacity: 0;visibility: hidden;padding: 10px;right: 140%;bottom: 0;background-color: #fff;border-radius: 6px;max-width: 160px}
.social-box i {position: absolute;display: block;width: 110px;background-color: #eee;opacity: 0;right: 20px;visibility: hidden}
.social-box a:hover i {right: 48px}
.social-box a.scan:hover img, .social-box a:hover i, .social-box.show {opacity: 1;visibility: visible}
a.go-top {opacity: 0;visibility: hidden}
.go-top-show a.go-top {opacity: 1;visibility: visible}
.m-header {position: relative;display: none;height: 50px;background-color: #fff;z-index: 9999}
.has-ul em, .m-header:after {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1}
.has-ul em {z-index: 1}
.mobile .m-header {display: block}
.m-nav li a {position: relative;display: inline-block;padding-right: 50px;vertical-align: top;z-index: 2}
.m-logo {float: left;height: 50px}
.m-logo img {height: 100%;display: block;padding: 14px 20px}
.m-logo a {display: block;height: 100%}
.m-header > i {float: right;position: relative;height: 50px;width: 50px;line-height: 50px;text-align: center;font-size: 0;cursor: pointer}
.m-header > i:after, li.has-ul:after {content: '\e9bd';font-family: myicon;color: #888;position: absolute;height: 50px;width: 50px;left: 0;top: 0;font-size: 20px}
.m-header > i.down:after {content: '\ea0f';font-size: 16px}
.m-nav {display: none;position: relative;width: 100%;background-color: #fafafa;overflow: auto;font-size: 12px;line-height: 36px;padding: 20px 30px;box-shadow: 0 10px 30px rgba(0, 0, 0, .1);z-index: 2}
.m-nav li ul {margin-left: 30px;display: none;padding-bottom: 10px}
.m-nav > li {position: relative;border-bottom: 1px solid rgba(99, 99, 99, .1);padding-right: 30%}
.m-nav > li:last-child {border: none}
li.has-ul:after {content: '\f107';height: 36px;width: auto;right: 10px;left: auto;font-size: 16px}
li.has-ul.open:after {transform: rotate(180deg);-webkit-transform: rotate(180deg)}
@media screen and (max-width: 1023px) {
    .m-header {display: block}
}
@media screen and (max-width: 1281px) {
    .slick .pic-box {width: 32vw}

    .home-box .text {width: 70%}

    .news-box {margin-bottom: 2%}

    .social-box {right: 0}

    .page {padding: 60px 0}

    .category .text {width: 60%;padding: 20px 30px;padding-left: 0}

    .category h4 {padding-bottom: 20px}

    .category h4:before {bottom: 10px}

    .gallery-list .pic-box .img {padding-top: 320px}
}
@media screen and (max-width: 1023px) {
    .gap, .header {display: none}

    .section > .wrap {width: 80%}

    .section.category {padding-top: 0}

    .pic-list {min-width: 100%}

    .slick .pic-box {width: 48vw}

    .slider .text p {font-size: 16px}

    .page {padding: 40px 0}

    .banner .img {padding-top: 50px}

    h3 {font-size: 20px;line-height: 26px;margin-bottom: 0}

    .home-box {margin-bottom: 10px}

    .home-box .text {position: relative;width: 100%;bottom: 0;padding: 10px 0}

    .home-box h4 {padding-bottom: 0;font-size: 14px}

    .home-box:nth-child(2n) .text {padding-left: 0}

    .section.home-news {margin-bottom: 80px}

    .home-news .wrap {padding-left: 0}

    .home-news .title {position: relative;width: 100%;text-align: center}

    .home-news .title h2 {padding-bottom: 0;border-bottom: none}

    .home-news .title em {padding: 20px 0}

    .home-news .title p:before {display: block}

    .home-news-box {padding: 25px 80px 25px 60px}

    .home-news-box:before {left: 10px;font-size: 18px}

    .home-news-box:hover h3, .home-news-box:hover p {left: 10px}

    .home-about {padding: 80px 0}

    .home-about .text {padding-top: 0;padding-bottom: 0;text-align: center}

    .home-about .img {position: relative;width: 50%;height: 0;padding-top: 65%;margin: 40px auto}

    .home-about .btn, .home-about h4, .home-about p {margin-left: 0}

    .home-about h4 {padding: 20px 20px 0}

    .home-about p {width: 60%;margin: 30px auto 0}

    .section.sub-page {max-width: 100%}

    .mobanvip .title h3 {font-size: 24px;padding: 30px 0}

    .page-nav .wrap {max-width: none;margin: 0 auto;width: 3000px;font-size: 0;overflow: visible}

    .page-nav .wrap a {margin: 0}

    .page-nav.no-touch .wrap {width: 100% !important}

    .mobanvip {margin-bottom: 60px}

    .contact {margin-bottom: 0}

    .contact .form {width: 100%}

    .news-box {width: 48%}

    .gallery-list .pic-box {width: 100% !important}

    .gallery-list .pic-box .img {padding-top: 65%}

    .gallery-list .pic-box h5 {position: relative}

    .news-page .title p {margin-bottom: 36px}

    .news-detail.section .title {margin-bottom: 40px}

    .news-detail .detail-wrap h2 {font-size: 24px}

    .sub-slider {margin-bottom: 20px}

    .sub-slider .img .item {height: 450px}

    .thumb .item {height: 100px}

    .news-box {width: 100%;margin: 0 0 40px 0}

    .news-box .text {margin: 20px 0}

    .news-box .time {padding-top: 30px}

    .news-box h5 {padding-top: 20px}

    .news-page h3, .sub-page h3 {margin-bottom: 0}

    .category .wrap {width: 100%}

    .category h4 {padding-bottom: 20px}

    .category h4:before {bottom: 10px}

    .category .text {width: 60%;padding: 20px 30px;padding-left: 30px}

    .text-page {margin-top: 20px}

    .foot-box a {margin: 0;display: block;text-align: center;padding: 10px 0}

    .social-box {display: none}

    .bottom p {padding-top: 20px}

    .category .img {padding-top: 42%}

    .category .wrap {margin-bottom: 0;margin-bottom: 40px}

    .category .text {width: 100%;position: relative;bottom: 0;text-align: center}

    .category h4:before {display: none}

    .category .wrap:nth-child(2n) .text {right: auto;left: 0;padding-left: 0}

    .ctrl-menu {font-size: 12px;top: 1vh}
}
@media screen and (max-width: 768px) {
    .thumb .item {height: 60px}

    #contact-map {height: 150px}

    .news-box {margin: 0}

    .has-map.banner + .section.contact {padding-top: 150px !important}
}
@media screen and (max-width: 376px) {
    .slider .text {padding: 10px 20px 14px}

    .slick-dots {bottom: 10px}

    .slider .text em {font-size: 11px}

    .section {padding-top: 50px;padding-top: 6vh}

    .section .title {margin-bottom: 20px}

    .section .title p {font-size: 14px;margin-bottom: 10px}

    .wrap {width: 100%}

    .pic-list {min-width: 100%}

    .pic-box h5 {padding: 10px 10px 0}

    .mobanvip .title h3, .news-page h3 {font-size: 18px}

    h2 {font-size: 18px;line-height: 100%}

    h3 {font-size: 14px;line-height: 120%;margin-bottom: 16px}

    h5 {font-size: 14px}

    h4 {font-size: 16px}

    p {line-height: 120%}

    .slick .pic-box {width: 80vw}

    .section.home-news {margin-bottom: 60px}

    .slick-arrow {opacity: 0}

    .home-box .text {text-align: center}

    .home-box {margin-bottom: 30px}

    .home-news-box .text {width: 60%}

    .home-about {padding: 60px 0}

    .home-about .img {width: 70%;padding-top: 90%;margin: 20px auto}

    .home-about p {width: 80%;margin: 20px auto 0}

    .ctrl-menu .prev {left: 0}

    .ctrl-menu .next {right: 0}

    .mobanvip {font-size: 16px}

    .ctrl-menu {font-size: 12px}

    .news-detail .detail-wrap h2 {font-size: 18px}

    .news-detail .mobanvip {padding: 20px 20px 30px}

    .sub-slider .img .item {height: 210px}

    .thumb .item {height: 60px}
}
.btn, .btn:before, .ctrl-menu .next, .ctrl-menu .next:after, .ctrl-menu .prev, .ctrl-menu .prev:before, .foot-box a, .gallery-list .pic-box h5, .gap, .header, .home-box h4, .home-news-box h3, .home-news-box:before, .nav ul.sub, .nav > li > a, .nav > li > a:before, .news-box .bg:before, .news-box h5, .page li, .pic-box .bg:before, .pic-box em, .pic-box h5, .slick-arrow, .slick-dots li div, .social-box, .social-box a, .social-box a:after, .social-box i, form button, form button:before, input[type=text], textarea {transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s}
.page-nav a, .thumb .item img {transition: opacity .3s}
.sub li {transition: background .3s;-webkit-transition: background .3s}
.home-news-box .img:after, .news-box .img:before {transition: all .3s .2s}
.home-news-box p {transition: all .3s .1s}
.news-box .bg, .pic-box .bg {transition: all 5s}
.slider .text {transition: all 1s .4s}
.btn:hover, .category h4:before, .gallery-list .wrap:hover h5, .go-top:hover, .nav .sub li:hover, .nav > li > a:before, .page li.on, .social-box a.go-top:hover, .social-box a.go-top:hover i, .social-box a.scan:hover, .social-box a.scan:hover i, form button:hover {background-color: #e2d483}
.btn:hover, form button:hover, input[type=text]:focus, textarea:focus {border-color: #e2d483}
.ctrl-menu .next:hover, .ctrl-menu .next:hover:after, .ctrl-menu .prev:hover, .ctrl-menu .prev:hover:before, .foot-box a:hover, .home-box:hover h4, .home-news-box:hover:before, .m-header > i:after, .nav > li > a:hover, .news-box:hover h5, .pic-list .pic-box:hover h5, .slick-arrow:hover, li.has-ul:after {color: #d2bd47}