@charset "UTF-8";
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.eot"); src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"), url("../fonts/Poppins-Regular.svg#Poppins-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Bold.eot"); src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"), url("../fonts/Poppins-Bold.svg#Poppins-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; }
body { font-family: 'Poppins' , 'Microsoft YaHei'; color: #333; margin: 0; font-size: 14px; line-height: 1.6; -webkit-text-size-adjust: none; }

.header { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 80px; background: #242122; }
.header .logo { float: left; height: 30px; margin: 25px 0; }
.header .logo img { height: 100%; }
.header .search { margin-left: 70px; color: #fff; font-size: 18px; line-height: 80px; float: right; position: relative; cursor: pointer; }
.header .search-box { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 990; background-color: rgba(51, 51, 51, 0.9); display: none; }
.header .search-box .search-form { position: absolute; top: 50%; right: 0; left: 0; width: 100%; max-width: 90%; margin: auto; padding: 0 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.8); box-sizing: border-box; border-radius: 0; }
.header .search-box .search-form p { font-size: 18px; margin-bottom: 50px; -webkit-animation: zoomIn 1s 0s ease both; animation: zoomIn 1s 0s ease both; text-align: center; letter-spacing: 2px; color: #fff; }
.header .search-box .search-form .input-text { font-size: 20px; line-height: 30px; width: 100%; height: 60px; padding: 0 50px; -webkit-animation: zoomIn 1s 0s ease both; animation: zoomIn 1s 0s ease both; text-align: center; color: #fff; border: none; outline: none; box-sizing: border-box; background: none; }
.header .search-box .search-form .input-submit { height: 60px; line-height: 60px; position: absolute; right: 0; bottom: 0; float: right; width: 50px; -webkit-animation: fadeInLeft 1s 0s ease both; animation: fadeInLeft 1s 0s ease both; padding: 0; border: none; background: none; }
.header .search-box .search-form .input-submit:before { font-family: 'iconfont' !important; font-size: 24px; content: '\e636'; color: #fff; }
.header .search-box .close-btn { position: absolute; font-size: 18px; top: 50px; right: 50px; color: #fff; transition: 0.8s; cursor: pointer; }
.header .search-box .close-btn:hover { transform: rotate(180deg); }
.header .menu { display: none; float: right; color: #fff; font-size: 16px; line-height: 60px; margin-left: 20px; }
.header .nav { height: 80px; line-height: 80px; float: right; }
.header .nav .nav-list1 > li { margin-left: 70px; float: left; position: relative; }
.header .nav .nav-list1 > li > a { display: block; font-size: 16px; color: #fff; position: relative; }
.header .nav .nav-list1 > li > a:after { position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #fff; content: ''; transition: all .6s ease; }
.header .nav .nav-list1 > li:hover a:after, .header .nav .nav-list1 > li.active a:after { width: 100%; }
.header .nav .nav-list1 > li ul { background: rgba(255, 255, 255, 0.9); background-clip: padding-box; box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.15); }
.header .nav .nav-list1 > li .nav-list2 { position: absolute; left: 50%; margin-left: -75px; min-width: 150px; top: 100%; display: none; z-index: 99; padding: 15px 0; }
.header .nav .nav-list1 > li .nav-list2 > li { text-align: center; padding: 0; margin: 0; height: 30px; line-height: 30px; font-weight: normal; box-sizing: border-box; position: relative; }
.header .nav .nav-list1 > li .nav-list2 > li > a { display: block; font-size: 14px; color: #666; }
.header .nav .nav-list1 > li .nav-list2 > li:hover a { color: #b88d5c; }
.header .nav .nav-list1 > li .nav-list2 > li .nav-list3 { position: absolute; left: 100%; top: 0; min-width: 120px; border-left: 1px solid transparent; display: none; padding: 10px 0; }
.header .nav .nav-list1 > li .nav-list2 > li .nav-list3 > li { text-align: left; padding: 0 0 0 10px; height: 30px; line-height: 30px; font-weight: normal; box-sizing: border-box; }
.header .nav .nav-list1 > li .nav-list2 > li .nav-list3 > li > a { display: block; font-size: 14px; color: #666; text-decoration: none; }
.header .nav .nav-list1 > li .nav-list2 > li .nav-list3 > li:hover a { color: #b88d5c; }

.fastnav { width: 100%; height: 100%; position: fixed; right: -100%; top: 0; color: #fff; background: rgba(0, 0, 0, 0.9); z-index: 9999; overflow: auto; }
.fastnav .fastnav-logo { position: absolute; left: 15px; top: 20px; height: 20px; }
.fastnav .fastnav-logo img { height: 100%; }
.fastnav .close { font-size: 18px; position: absolute; right: 0; top: 0; text-align: center; width: 60px; height: 60px; line-height: 60px; }
.fastnav h1 { font-size: 16px; padding: 0 20px; height: 40px; line-height: 40px; background: #5fa82a; }
.fastnav > .dropdown { padding: 100px 30px 0; text-align: center; letter-spacing: 2px; }
.fastnav > .dropdown > li { font-size: 16px; line-height: 35px; padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.fastnav > .dropdown > li.downlist { background: url(../images/s-up.png) no-repeat 98% 27px; background-size: 16px; }
.fastnav > .dropdown > li.selected { background: url(../images/s-down.png) no-repeat 98% 27px; background-size: 16px; }
.fastnav > .dropdown > li a { display: block; color: #fff; }
.fastnav > .dropdown > li > ul { padding-top: 10px; }
.fastnav > .dropdown > li > ul > li { font-size: 14px; line-height: 25px; padding: 5px 0; }
.fastnav > .dropdown > li > ul > li a { color: rgba(255, 255, 255, 0.6); }

@media (max-width: 1439px) { .header .search { margin-left: 60px; font-size: 16px; }
  .header .nav .nav-list1 > li { margin-left: 50px; }
  .header .nav .nav-list1 > li > a { font-size: 15px; }
  .header .nav .nav-list1 > li .nav-list2 > li > a { font-size: 13px; } }
@media (max-width: 1199px) { .header .search { margin-left: 40px; }
  .header .nav .nav-list1 > li { margin-left: 40px; }
  .header .nav .nav-list1 > li > a { font-size: 14px; }
  .header .nav .nav-list1 > li .nav-list2 > li > a { font-size: 12px; } }
@media (max-width: 991px) { .header { height: 60px; }
  .header .logo { height: 20px; margin: 20px 0; }
  .header .search { margin-left: 0; line-height: 60px; }
  .header .menu { display: block; }
  .header .nav { display: none; } }
.banner { position: relative; z-index: 1; width: 100%; padding-top: 80px; font-size: 0; }
.banner .slickbanner { margin: 0 !important; }
.banner img { width: 100%; }
.banner .slick-slide { position: relative; font-size: 0; }
.banner .num-box { position: absolute; right: 140px; bottom: 44px; font-size: 20px; color: #fff; z-index: 8; letter-spacing: 0; }
.banner .num-box span { padding: 0 8px; }
.banner .num-box .prev { font-size: 36px; }
.banner .slick-dots { position: absolute; bottom: 10px; left: 50%; display: none; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; }
.banner .slick-dots li { position: relative; display: inline-block; width: 0; height: 0; margin: 0 5px; cursor: pointer; -webkit-transition: all .35s; transition: all .35s; border-radius: 50%; background-color: #fff; }
.banner .slick-dots li button { display: none; }
.banner .slick-arrow { font-size: 18px; position: absolute; z-index: 8; height: 40px; right: 80px; display: block; background: none; color: #fff; border: none; cursor: pointer; outline: none; }
.banner .slick-arrow:before { font-family: 'iconfont' !important; font-style: normal; }
.banner .slick-arrow:hover { opacity: 1; }
.banner .slick-prev { bottom: 70px; }
.banner .slick-prev:before { content: '\e61e'; }
.banner .slick-prev:after { position: absolute; left: -20px; bottom: 0; right: -80px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); content: ''; }
.banner .slick-next { bottom: 28px; }
.banner .slick-next:before { content: '\e61d'; }
.banner .ban-box { color: #fff; line-height: 1.2; position: absolute; left: 0; right: 0; text-align: center; top: 50%; margin-top: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.banner .ban-box .tit-cn { font-size: 36px; letter-spacing: 2px; }
.banner .ban-box .tit-en { font-size: 24px; margin-top: 6px; text-transform: uppercase; letter-spacing: 1px; }

@media (max-width: 1439px) { .banner .num-box { font-size: 18px; }
  .banner .num-box .prev { font-size: 32px; }
  .banner .slick-arrow { font-size: 16px; }
  .banner .ban-box .tit-cn { font-size: 34px; }
  .banner .ban-box .tit-en { font-size: 22px; } }
@media (max-width: 991px) { .banner { padding-top: 60px; }
  .banner .num-box { display: none; }
  .banner .slick-prev:before, .banner .slick-prev:after, .banner .slick-next:before { content: none; }
  .banner .slick-dots { display: block; }
  .banner .slick-dots li { width: 8px; height: 8px; }
  .banner .slick-dots .slick-active { width: 20px; border-radius: 4px; background-color: #b88d5c; }
  .banner .ban-box { margin-top: 30px; }
  .banner .ban-box .tit-cn { font-size: 22px; }
  .banner .ban-box .tit-en { font-size: 14px; } }
.index-head { line-height: 1.2; padding-bottom: 20px; position: relative; }
.index-head:after { position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background: #b88d5c; content: ''; }
.index-head .index-head-en { font-size: 32px; font-weight: bold; text-transform: uppercase; }
.index-head .index-head-cn { font-size: 20px; margin-bottom: 5px; }

@media (max-width: 1439px) { .index-head .index-head-en { font-size: 28px; }
  .index-head .index-head-cn { font-size: 18px; } }
@media (max-width: 1199px) { .index-head { padding-bottom: 15px; }
  .index-head:after { width: 50px; height: 2px; }
  .index-head .index-head-en { font-size: 26px; }
  .index-head .index-head-cn { font-size: 16px; } }
@media (max-width: 991px) { .index-head .index-head-en { font-size: 22px; }
  .index-head .index-head-cn { font-size: 15px; } }
@media (max-width: 767px) { .index-head { padding-bottom: 12px; }
  .index-head .index-head-en { font-size: 18px; }
  .index-head .index-head-cn { font-size: 15px; } }
.about { background: url(../images/about-bg.jpg) no-repeat; overflow: hidden; background-size: cover; position: relative; }
.about:before { position: absolute; left: 0; top: 0; bottom: 0; width: 20%; background: #f5f5f5; content: ''; z-index: 1; }
.about .about-box { margin-top: 60px; width: 72%; padding: 60px 80px 60px 10%; box-sizing: border-box; overflow: hidden; background: #fff; position: relative; z-index: 3; }
.about .about-box .about-box-page { float: left; margin-right: 80px; }
.about .about-box .about-box-page .txt { transform: rotate(180deg); letter-spacing: 3px; color: #b88d5c; font-size: 16px; line-height: 16px; text-transform: uppercase; writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: tb-lr; }
.about .about-box .about-box-page .line { width: 1px; height: 260px; background: #b88d5c; margin-top: 20px; margin-left: 6px; }
.about .about-box .about-box-info { overflow: hidden; }
.about .about-box .about-box-info .about-txt { color: #555; font-size: 15px; line-height: 25px; height: 200px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: break-word; }
.about .about-box .about-box-info .about-txt p { margin-bottom: 25px; }
.about .about-box .about-box-info .about-intro { overflow: hidden; }
.about .about-box .about-box-info .about-intro li { width: 25%; float: left; text-align: center; }
.about .about-box .about-box-info .about-intro li .tit { font-size: 16px; color: #b88d5c; height: 50px; line-height: 50px; position: relative; display: inline-block; }
.about .about-box .about-box-info .about-intro li .tit .num { font-size: 48px; font-weight: bold; margin-right: 5px; }
.about .about-box .about-box-info .about-intro li .txt { margin-top: 20px; font-size: 16px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

@media (max-width: 1439px) { .about .about-box { padding: 50px 60px 50px 10%; }
  .about .about-box .about-box-page { margin-right: 60px; }
  .about .about-box .about-box-page .txt { font-size: 15px; }
  .about .about-box .about-box-info .about-txt { font-size: 14px; }
  .about .about-box .about-box-info .about-intro li .tit { font-size: 15px; }
  .about .about-box .about-box-info .about-intro li .tit .num { font-size: 44px; }
  .about .about-box .about-box-info .about-intro li .txt { margin-top: 15px; font-size: 15px; } }
@media (max-width: 1199px) { .about .about-box { margin-top: 50px; padding: 40px 50px 40px 10%; }
  .about .about-box .about-box-page { margin-right: 50px; }
  .about .about-box .about-box-page .txt { font-size: 14px; }
  .about .about-box .about-box-info .about-txt { font-size: 13px; }
  .about .about-box .about-box-info .about-intro li .tit { font-size: 14px; line-height: 40px; height: 40px; }
  .about .about-box .about-box-info .about-intro li .tit .num { font-size: 40px; }
  .about .about-box .about-box-info .about-intro li .txt { margin-top: 10px; font-size: 14px; } }
@media (max-width: 991px) { .about .about-box { margin-top: 0; width: 100%; padding: 40px 20px; }
  .about .about-box .about-box-page { display: none; }
  .about .about-box .about-box-info .about-txt { font-size: 12px; }
  .about .about-box .about-box-info .about-intro li .tit { font-size: 12px; }
  .about .about-box .about-box-info .about-intro li .tit .num { font-size: 30px; }
  .about .about-box .about-box-info .about-intro li .txt { margin-top: 10px; font-size: 12px; } }
.qwdz { position: relative; }
.qwdz .index-head { position: absolute; left: 10%; top: 80px; z-index: 9; color: #fff; }
.qwdz .index-head:after { background: #fff; }
.qwdz .qwdz-nav { position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; line-height: 100px; z-index: 5; box-sizing: border-box; background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%); }
.qwdz .qwdz-nav:before { position: absolute; left: 0; right: 0; top: 0; height: 1px; background: rgba(255, 255, 255, 0.3); content: ''; z-index: 5; }
.qwdz .qwdz-nav .item { color: #fff; font-size: 18px; padding: 0 30px; border-right: 1px solid rgba(255, 255, 255, 0.3); box-sizing: border-box; position: relative; cursor: pointer; }
.qwdz .qwdz-nav .item:after { position: absolute; left: 0; top: 0; right: 0; height: 0; background: #fff; box-sizing: border-box; content: ''; z-index: 9; }
.qwdz .qwdz-nav .slick-current .item:after { height: 2px; }
.qwdz .qwdz-for { width: 100%; font-size: 0; }
.qwdz .qwdz-for .item { width: 100%; position: relative; background: #000; }
.qwdz .qwdz-for .item img { width: 100%; opacity: .9; }
.qwdz .qwdz-for .item .info { width: 300px; font-size: 15px; border: 1px solid #fff; color: #fff; position: absolute; right: 10%; top: 80px; padding: 50px 30px; background: rgba(0, 0, 0, 0.2); box-sizing: border-box; }
.qwdz .qwdz-for .item .info .tit { font-size: 28px; }
.qwdz .qwdz-for .item .info .txt { margin-top: 20px; line-height: 25px; height: 150px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: break-word; }
.qwdz .qwdz-for .item .info .more { margin-top: 30px; color: #fff; display: block; transition: all .4s ease; }
.qwdz .qwdz-for .item .info .more .iconfont { margin-left: 5px; }
.qwdz .qwdz-for .item .info .more:hover { margin-left: 20px; }

@media (max-width: 1439px) { .qwdz .index-head { top: 60px; }
  .qwdz .qwdz-nav { height: 90px; line-height: 90px; }
  .qwdz .qwdz-nav .item { font-size: 16px; }
  .qwdz .qwdz-for .item .info { width: 280px; font-size: 14px; padding: 30px; top: 60px; }
  .qwdz .qwdz-for .item .info .tit { font-size: 26px; } }
@media (max-width: 1199px) { .qwdz .index-head { top: 50px; }
  .qwdz .qwdz-nav { height: 80px; line-height: 80px; }
  .qwdz .qwdz-nav .item { font-size: 14px; }
  .qwdz .qwdz-for .item .info { width: 260px; font-size: 13px; padding: 25px; top: 50px; }
  .qwdz .qwdz-for .item .info .tit { font-size: 24px; }
  .qwdz .qwdz-for .item .info .txt { margin-top: 15px; }
  .qwdz .qwdz-for .item .info .more { margin-top: 20px; } }
@media (max-width: 991px) { .qwdz .index-head { top: 40px; }
  .qwdz .qwdz-nav { height: 70px; line-height: 70px; }
  .qwdz .qwdz-for .item { height: 420px; text-align: center; }
  .qwdz .qwdz-for .item img { width: auto; height: 100%; }
  .qwdz .qwdz-for .item .info { width: auto; font-size: 12px; left: 10%; text-align: left; padding: 20px; top: auto; bottom: 100px; }
  .qwdz .qwdz-for .item .info .tit { font-size: 22px; }
  .qwdz .qwdz-for .item .info .txt { margin-top: 10px; line-height: 22px; height: 44px; -webkit-line-clamp: 2; }
  .qwdz .qwdz-for .item .info .more { margin-top: 15px; } }
@media (max-width: 767px) { .qwdz .index-head { top: 30px; }
  .qwdz .qwdz-nav { height: 60px; line-height: 60px; }
  .qwdz .qwdz-nav .item { padding: 0 15px; }
  .qwdz .qwdz-for .item { height: 380px; }
  .qwdz .qwdz-for .item .info { bottom: 90px; }
  .qwdz .qwdz-for .item .info .tit { font-size: 20px; }
  .qwdz .qwdz-for .item .info .more { margin-top: 10px; } }
.advan { background-image: url(../images/advan-bg.jpg); background-repeat: no-repeat; background-attachment: fixed; }
.advan .index-head { text-align: center; color: #fff; }
.advan .index-head:after { background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.advan .about-title { color: #fff; }
.advan .about-title .about-title-en { color: #fff; }
.advan .advan-box { overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.3); border-left: 1px solid rgba(255, 255, 255, 0.3); box-sizing: border-box; }
.advan .advan-box li { width: 25%; padding: 40px 30px; color: #fff; float: left; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3); transition: all .4s ease; box-sizing: border-box; }
.advan .advan-box li .iconfont { font-size: 42px; }
.advan .advan-box li .tit { font-size: 18px; font-weight: bold; margin-top: 20px; }
.advan .advan-box li .txt { line-height: 24px; height: 72px; margin-top: 20px; opacity: .8; }
.advan .advan-box li:hover { background: #b88d5c; }

@media (max-width: 1439px) { .advan .advan-box li { padding: 30px 20px; }
  .advan .advan-box li .iconfont { font-size: 38px; }
  .advan .advan-box li .tit { font-size: 16px; margin-top: 15px; }
  .advan .advan-box li .txt { font-size: 12px; line-height: 22px; height: 66px; margin-top: 15px; } }
@media (max-width: 991px) { .advan { background-attachment: scroll; background-size: cover; }
  .advan .advan-box li { padding: 15px; }
  .advan .advan-box li .iconfont { font-size: 34px; }
  .advan .advan-box li .tit { font-size: 14px; margin-top: 10px; }
  .advan .advan-box li .txt { line-height: 20px; height: 60px; margin-top: 10px; } }
@media (max-width: 767px) { .advan .advan-box li { width: 50%; padding: 15px 10px; } }
.news { background: url(../images/news-bg.jpg) no-repeat center; background-size: cover; }
.news .index-head { text-align: center; }
.news .index-head:after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.news .news-sort { overflow: hidden; text-align: center; }
.news .news-sort li { font-size: 20px; display: inline-block; padding: 0 45px 0 35px; position: relative; cursor: pointer; }
.news .news-sort li:after { position: absolute; right: 0; top: 0; content: '/'; color: #555; }
.news .news-sort li:last-child:after { content: none; }
.news .news-sort li.active { color: #b88d5c; }
.news .news-box { overflow: hidden; margin: 0 -20px; }
.news .news-box li { width: 33.33%; float: left; padding: 20px; box-sizing: border-box; }
.news .news-box li a { display: block; background: #fff; color: #111; padding: 20px; box-sizing: border-box; position: relative; }
.news .news-box li a:after { position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #b88d5c; content: ''; transition: all .6s; }
.news .news-box li a .img { width: 100%; padding-top: 66.67%; height: auto; overflow: hidden; position: relative; }
.news .news-box li a .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all .6s; }
.news .news-box li a .img .date { position: absolute; top: 0; right: 0; padding: 10px; font-size: 15px; background: #242122; color: #fff; line-height: 1.2; text-align: center; transition: all .6s; }
.news .news-box li a .img .date .day { font-size: 32px; font-weight: bold; }
.news .news-box li a .tit { font-size: 18px; margin-top: 20px; line-height: 25px; height: 50px; }
.news .news-box li a .txt { color: #666; margin-top: 10px; line-height: 22px; height: 44px; }
.news .news-box li a .more { margin: 10px 0; transition: all .4s ease; }
.news .news-box li a .more .iconfont { margin-left: 5px; }
.news .news-box li a:hover:after { width: 100%; }
.news .news-box li a:hover .img img { transform: scale(1.1); }
.news .news-box li a:hover .img .date { background: #b88d5c; }
.news .news-box li a:hover .tit { color: #B88D5C; }
.news .news-more { width: 180px; height: 60px; line-height: 60px; font-size: 16px; margin: 40px auto 0; border: 1px solid #242122; text-align: center; position: relative; box-sizing: border-box; }
.news .news-more a { display: block; position: relative; z-index: 5; }
.news .news-more:before { position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #242122; content: ''; transition: all .4s; z-index: 0; }
.news .news-more:hover a { color: #fff; }
.news .news-more:hover:before { width: 100%; }

@media (max-width: 1439px) { .news .news-sort li { font-size: 18px; padding: 0 40px 0 30px; }
  .news .news-box { margin: 0 -15px; }
  .news .news-box li { padding: 15px; }
  .news .news-box li a { padding: 15px; }
  .news .news-box li a .img .date { font-size: 14px; }
  .news .news-box li a .img .date .day { font-size: 30px; }
  .news .news-box li a .tit { font-size: 16px; }
  .news .news-box li a .txt { font-size: 13px; }
  .news .news-box li a .more { font-size: 13px; } }
@media (max-width: 1199px) { .news .news-sort li { font-size: 16px; padding: 0 35px 0 25px; }
  .news .news-box { margin: 0 -10px; }
  .news .news-box li { padding: 10px; }
  .news .news-box li a { padding: 10px; }
  .news .news-box li a .img .date { font-size: 13px; }
  .news .news-box li a .img .date .day { font-size: 28px; }
  .news .news-box li a .tit { font-size: 15px; }
  .news .news-box li a .txt { font-size: 12px; }
  .news .news-box li a .more { font-size: 12px; }
  .news .news-more { width: 160px; height: 55px; line-height: 55px; font-size: 15px; margin: 30px auto 0; } }
@media (max-width: 991px) { .news .news-sort li { font-size: 15px; padding: 0 30px 0 20px; }
  .news .news-box { margin: 0 -5px; }
  .news .news-box li { padding: 5px; }
  .news .news-box li a .img .date { font-size: 12px; }
  .news .news-box li a .img .date .day { font-size: 24px; }
  .news .news-box li a .tit { font-size: 14px; margin-top: 10px; }
  .news .news-more { width: 140px; height: 50px; line-height: 50px; font-size: 14px; margin: 20px auto 0; } }
@media (max-width: 767px) { .news .news-sort li { padding: 0 25px 0 15px; }
  .news .news-box { margin: 0; }
  .news .news-box li { width: 100%; padding: 5px 0; } }
.apply { padding: 30px 0; color: #fff; background: #b88d5c; }
.apply .apply-tit { font-size: 24px; margin-bottom: 10px; }
.apply .apply-tit span { margin-left: 10px; font-size: 15px; }
.apply .order { overflow: hidden; margin: 0 -10px; /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ }
.apply .order .item { width: 22%; float: left; padding: 0 10px; box-sizing: border-box; }
.apply .order .item .form-control { border-radius: 0; }
.apply .order .item .form-btn { width: 100%; background: #242122; color: #fff; text-align: center; }
.apply .order .item.add { width: 34%; }
.apply .order input::-webkit-input-placeholder { color: #888; }
.apply .order input:focus::-webkit-input-placeholder { color: transparent; }
.apply .order input:focus:-moz-placeholder { color: transparent; }
.apply .order input:focus::-moz-placeholder { color: transparent; }
.apply .order input:focus:-ms-input-placeholder { color: transparent; }

@media (max-width: 1439px) { .apply { padding: 25px 0; }
  .apply .apply-tit { font-size: 22px; }
  .apply .apply-tit span { font-size: 14px; } }
@media (max-width: 1199px) { .apply { padding: 20px 0; }
  .apply .apply-tit { font-size: 20px; }
  .apply .apply-tit span { font-size: 13px; }
  .apply .order { margin: 0 -5px; }
  .apply .order .item { padding: 0 5px; } }
@media (max-width: 767px) { .apply { padding: 20px 0; }
  .apply .apply-tit { font-size: 18px; margin-bottom: 0; }
  .apply .apply-tit span { font-size: 12px; }
  .apply .order { margin: 0; }
  .apply .order .item { width: 100% !important; padding: 5px 0; } }
.footer { background: #242122; color: rgba(255, 255, 255, 0.8); overflow: hidden; }
.footer a { color: rgba(255, 255, 255, 0.8); }
.footer a:hover { color: #fff; }
.footer .footer-box { padding: 50px 0; overflow: hidden; }
.footer .footer-box .footer-head { overflow: hidden; }
.footer .footer-box .footer-head .footer-logo { float: left; }
.footer .footer-box .footer-head .footer-logo img { height: 30px; }
.footer .footer-box .footer-head .footer-tel { float: right; color: #b88d5c; line-height: 30px; }
.footer .footer-box .footer-head .footer-tel span { font-size: 30px; font-weight: bold; }
.footer .footer-box .footer-cont { overflow: hidden; margin-top: 30px; display: flex; align-items: center; }
.footer .footer-box .footer-cont .footer-con { overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.footer .footer-box .footer-cont .footer-con .footer-nav { overflow: hidden; }
.footer .footer-box .footer-cont .footer-con .footer-nav a { display: block; padding-right: 25px; margin: 8px 25px 8px 0; float: left; border-right: 1px solid #fff; line-height: 1.1; }
.footer .footer-box .footer-cont .footer-con .footer-nav a:last-child { border-right: none; }
.footer .footer-box .footer-cont .footer-con .footer-info { line-height: 30px; }
.footer .footer-box .footer-cont .footer-qrcode { margin-left: 40px; }
.footer .footer-box .footer-cont .footer-qrcode img { width: 100px; height: 100px; float: right; }
.footer .footer-box .footer-cont .footer-qrcode .txt { text-align: right; line-height: 25px; height: 50px; margin: 50px 15px 0 0; display: inline-block; }
.footer .footer-links { padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); overflow: hidden; }
.footer .footer-links a { display: inline-block; margin-right: 24px; }

@media (max-width: 1439px) { .footer { font-size: 13px; } }
@media (max-width: 1199px) { .footer { font-size: 12px; } }
@media (max-width: 991px) { .footer .footer-box { padding: 30px 0; }
  .footer .footer-box .footer-head .footer-logo { float: none; }
  .footer .footer-box .footer-head .footer-logo img { height: 20px; }
  .footer .footer-box .footer-head .footer-tel { float: none; margin-top: 10px; }
  .footer .footer-box .footer-head .footer-tel span { font-size: 26px; }
  .footer .footer-box .footer-cont { margin-top: 20px; display: block; }
  .footer .footer-box .footer-cont .footer-con .footer-nav a { padding-right: 10px; margin: 5px 10px 5px 0; }
  .footer .footer-box .footer-cont .footer-con .footer-info { line-height: 24px; }
  .footer .footer-box .footer-cont .footer-qrcode { margin-left: 0; margin-top: 10px; }
  .footer .footer-box .footer-cont .footer-qrcode img { width: 80px; height: 80px; float: left; }
  .footer .footer-box .footer-cont .footer-qrcode .txt { text-align: left; margin: 30px 0 0 10px; } }
/**返回顶部**/
.floatbox { position: fixed; right: 3%; bottom: 50px; z-index: 999; }
.floatbox a { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 50%; background: rgba(0, 0, 0, 0.4); }
.floatbox a:hover { background-color: rgba(0, 0, 0, 0.6); }

.wap-nav-add { padding-top: 10px; height: 20px; line-height: 20px; text-align: right; }
.wap-nav-add .add-home { color: #b88d5c; }
.wap-nav-add a { display: inline; margin-left: 15px; background: url(../images/icon-arr.png) no-repeat left center; padding-left: 15px; font-size: 12px; color: #929292; }
.wap-nav-add a:hover { color: #b88d5c; }
.wap-nav-add a:first-child { padding-left: 0; background: none; margin-left: 0; }

.wap-nav-box { overflow: hidden; border-bottom: 1px solid #e6e6e6; height: 70px; line-height: 70px; }
.wap-nav-box a { float: left; display: block; margin-right: 30px; font-size: 14px; font-weight: bold; color: #555; position: relative; }
.wap-nav-box a:after { position: absolute; left: 0; bottom: 0; height: 2px; background: #b88d5c; content: ''; z-index: 9; }
.wap-nav-box a.active { color: #b88d5c; }
.wap-nav-box a.active:after { right: 0; }
.wap-nav-box a:hover { color: #b88d5c; }

@media (max-width: 1199px) { .wap-nav-box { height: 60px; line-height: 60px; }
  .wap-nav-box a { margin-right: 25px; font-size: 12px; } }
@media (max-width: 991px) { .wap-nav-add { text-align: left; padding: 10px 0; background: #f2f2f2; height: auto; }
  .wap-nav-add a { margin-left: 8px; padding-left: 10px; }
  .wap-nav-box { height: 50px; line-height: 50px; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; border-bottom: 1px solid #e8e8e8; box-sizing: border-box; }
  .wap-nav-box a { float: none; display: inline-block; margin-right: 15px; height: 49px; }
  .wap-nav-box::-webkit-scrollbar { display: none; } }
.wap-title { font-size: 24px; font-weight: bold; color: #202020; }
.wap-title span { color: #999; font-size: 20px; font-weight: normal; margin-left: 20px; }

@media (max-width: 1199px) { .wap-title { font-size: 22px; }
  .wap-title span { font-size: 18px; } }
@media (max-width: 991px) { .wap-title { font-size: 20px; }
  .wap-title span { font-size: 16px; margin-left: 15px; } }
.zanwu { padding: 100px; text-align: center; font-size: 16px; }
.zanwu img { width: 240px; }
.zanwu .tit { margin-top: 20px; color: #999; }

@media (max-width: 1439px) { .zanwu { font-size: 14px; } }
@media (max-width: 767px) { .zanwu { padding: 50px; }
  .zanwu img { width: 100%; } }
.main { padding-top: 30px; padding-bottom: 80px; }

@media (max-width: 1199px) { .main { padding-top: 20px; padding-bottom: 60px; } }
@media (max-width: 767px) { .main { padding-bottom: 40px; } }
.pub-content { color: #555; line-height: 2; font-size: 15px; }
.pub-content p { margin-top: 20px; }
.pub-content p:first-child { margin-top: 0; }
.pub-content img { max-width: 100%; }

@media (max-width: 1199px) { .pub-content { font-size: 14px; } }
.newslist { background: none; }

.newspage { padding: 60px; background: #fff; }
.newspage .newspage-head { padding-bottom: 40px; text-align: center; }
.newspage .newspage-head .newspage-tit { font-size: 36px; }
.newspage .newspage-head .newspage-txt { color: #666; font-size: 15px; margin-top: 15px; }
.newspage .newspage-head .newspage-txt span { padding: 0 10px; }
.newspage .newspage-turn { width: 100%; font-size: 15px; margin-top: 30px; }
.newspage .newspage-turn .newspage-into { display: block; margin-bottom: 10px; padding: 15px 30px; background: #f6f6f6; border-radius: 5px; color: #555; overflow: hidden; transition: all .4s ease; }
.newspage .newspage-turn .newspage-into:hover { background: #b88d5c; color: #fff; }

@media (max-width: 1439px) { .newspage { padding: 50px; }
  .newspage .newspage-head { padding-bottom: 30px; }
  .newspage .newspage-head .newspage-tit { font-size: 34px; }
  .newspage .newspage-head .newspage-txt { font-size: 14px; }
  .newspage .newspage-turn { font-size: 14px; margin-top: 20px; } }
@media (max-width: 1199px) { .newspage { padding: 40px; }
  .newspage .newspage-head { padding-bottom: 20px; }
  .newspage .newspage-head .newspage-tit { font-size: 30px; } }
@media (max-width: 991px) { .newspage .newspage-head .newspage-tit { font-size: 28px; } }
@media (max-width: 767px) { .newspage { padding: 20px; }
  .newspage .newspage-head .newspage-tit { font-size: 24px; }
  .newspage .newspage-head .newspage-txt { font-size: 12px; margin-top: 10px; }
  .newspage .newspage-head .newspage-txt span { padding: 0 5px; }
  .newspage .newspage-turn { font-size: 12px; }
  .newspage .newspage-turn .newspage-into { padding: 15px; } }
.productlist { overflow: hidden; }
.productlist .productlist-box { overflow: hidden; margin: 0 -20px; }
.productlist .productlist-box li { width: 33.33%; float: left; padding: 20px; box-sizing: border-box; }
.productlist .productlist-box li a { display: block; background: #fff; color: #111; box-sizing: border-box; position: relative; }
.productlist .productlist-box li a .img { width: 100%; padding-top: 66.67%; height: auto; overflow: hidden; position: relative; }
.productlist .productlist-box li a .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all .6s; }
.productlist .productlist-box li a .cont { padding: 30px; overflow: hidden; line-height: 30px; font-size: 20px; }
.productlist .productlist-box li a .cont .iconfont { float: right; margin-left: 10px; font-size: 26px; }
.productlist .productlist-box li a .casecont { padding: 25px; }
.productlist .productlist-box li a .casecont .tit { font-size: 20px; }
.productlist .productlist-box li a .casecont .txt { color: #888; margin-top: 5px; }
.productlist .productlist-box li a:hover { background: #B88D5C; color: #fff; }
.productlist .productlist-box li a:hover .img img { transform: scale(1.3); }
.productlist .productlist-box li a:hover .casecont .txt { color: #fff; }

@media (max-width: 1439px) { .productlist .productlist-box { margin: 0 -15px; }
  .productlist .productlist-box li { padding: 15px; }
  .productlist .productlist-box li a .cont { padding: 25px; font-size: 18px; }
  .productlist .productlist-box li a .cont .iconfont { font-size: 24px; }
  .productlist .productlist-box li a .casecont { padding: 20px; }
  .productlist .productlist-box li a .casecont .tit { font-size: 18px; }
  .productlist .productlist-box li a .casecont .txt { font-size: 13px; } }
@media (max-width: 1199px) { .productlist .productlist-box { margin: 0 -10px; }
  .productlist .productlist-box li { padding: 10px; }
  .productlist .productlist-box li a .cont { padding: 20px; font-size: 16px; }
  .productlist .productlist-box li a .cont .iconfont { font-size: 22px; }
  .productlist .productlist-box li a .casecont { padding: 15px; }
  .productlist .productlist-box li a .casecont .tit { font-size: 16px; }
  .productlist .productlist-box li a .casecont .txt { font-size: 12px; } }
@media (max-width: 991px) { .productlist .productlist-box { margin: 0 -5px; }
  .productlist .productlist-box li { padding: 5px; }
  .productlist .productlist-box li a .cont { padding: 15px; font-size: 15px; }
  .productlist .productlist-box li a .cont .iconfont { font-size: 20px; } }
@media (max-width: 767px) { .productlist .productlist-box { margin: 0; }
  .productlist .productlist-box li { width: 100%; padding: 5px 0; } }
.about-title { text-align: center; }
.about-title .about-title-ch { font-size: 34px; }
.about-title .about-title-en { font-size: 18px; color: #999; text-transform: uppercase; }

@media (max-width: 1439px) { .about-title .about-title-ch { font-size: 30px; }
  .about-title .about-title-en { font-size: 16px; } }
@media (max-width: 991px) { .about-title .about-title-ch { font-size: 28px; }
  .about-title .about-title-en { font-size: 16px; } }
@media (max-width: 767px) { .about-title .about-title-ch { font-size: 24px; }
  .about-title .about-title-en { font-size: 14px; } }
.contact-us { font-size: 16px; color: #555; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.contact-us .contact-us-con { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.contact-us .contact-us-con .bt { font-size: 30px; margin-bottom: 20px; }
.contact-us .contact-us-con .item { margin-bottom: 15px; padding-left: 40px; position: relative; }
.contact-us .contact-us-con .item:before { font-family: 'iconfont' !important; font-size: 20px; font-style: normal; line-height: 1; position: absolute; top: 3px; left: 0; display: block; content: "\e63f"; color: #999; }
.contact-us .contact-us-con .phone:before { content: "\e610"; }
.contact-us .contact-us-con .mobile:before { content: "\e63a"; }
.contact-us .contact-us-con .fax:before { content: "\e6b3"; }
.contact-us .contact-us-con .email:before { content: "\e63b"; }
.contact-us .map { width: 50%; margin-left: 60px; height: 400px; }
.contact-us .map .contact-map { width: 100%; height: 100%; }

@media (max-width: 1439px) { .contact-us { font-size: 15px; }
  .contact-us .contact-us-con .bt { font-size: 28px; }
  .contact-us .contact-us-con .item:before { font-size: 18px; }
  .contact-us .map { margin-left: 50px; height: 360px; } }
@media (max-width: 1199px) { .contact-us { font-size: 14px; }
  .contact-us .map { margin-left: 40px; height: 320px; } }
@media (max-width: 991px) { .contact-us { display: block; }
  .contact-us .contact-us-con .bt { font-size: 26px; }
  .contact-us .contact-us-con .item { padding-left: 30px; }
  .contact-us .contact-us-con .item :before { font-size: 16px; }
  .contact-us .map { width: 100%; margin-top: 20px; margin-left: 0; height: 280px; } }
@media (max-width: 767px) { .contact-us .contact-us-con .bt { font-size: 22px; } }
.about-company-box { overflow: hidden; padding: 30px 0; background: url(../images/about-company-bg.jpg) no-repeat center; background-size: cover; }
.about-company-box li { width: 25%; float: left; text-align: center; padding: 10px 0; color: #fff; }
.about-company-box li .tit { font-size: 18px; height: 60px; line-height: 60px; position: relative; display: inline-block; }
.about-company-box li .tit .num { font-size: 56px; font-weight: bold; margin-right: 5px; }
.about-company-box li .txt { margin-top: 20px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

@media (max-width: 1439px) { .about-company-box { padding: 25px 0; }
  .about-company-box li .tit { font-size: 16px; }
  .about-company-box li .tit .num { font-size: 50px; }
  .about-company-box li .txt { font-size: 15px; margin-top: 15px; } }
@media (max-width: 1199px) { .about-company-box { padding: 20px 0; }
  .about-company-box li .tit { font-size: 15px; }
  .about-company-box li .tit .num { font-size: 40px; }
  .about-company-box li .txt { font-size: 14px; margin-top: 10px; } }
@media (max-width: 991px) { .about-company-box { padding: 15px 0; }
  .about-company-box li .tit { font-size: 14px; }
  .about-company-box li .tit .num { font-size: 34px; }
  .about-company-box li .txt { margin-top: 0; } }
@media (max-width: 767px) { .about-company-box { padding: 5px 0; }
  .about-company-box li { width: 50%; } }
.about-culture { background: url(../images/about-culture-bg.jpg) no-repeat center; background-size: cover; }
.about-culture .about-culture-box { overflow: hidden; margin: 0 -10px; }
.about-culture .about-culture-box li { width: 25%; float: left; padding: 0 10px; box-sizing: border-box; overflow: hidden; }
.about-culture .about-culture-box li .cont { background: #fff; text-align: center; position: relative; cursor: pointer; }
.about-culture .about-culture-box li .cont .img { width: 100%; padding-top: 70%; height: auto; overflow: hidden; position: relative; }
.about-culture .about-culture-box li .cont .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all .6s; }
.about-culture .about-culture-box li .cont .info { padding: 20px 0; color: #888; }
.about-culture .about-culture-box li .cont .info .tit { font-size: 18px; color: #111; }
.about-culture .about-culture-box li .cont .info .txt { text-transform: uppercase; }
.about-culture .about-culture-box li .cont .item-mask { width: 100%; height: 100%; position: absolute; left: 0; bottom: -100%; color: #fff; background: rgba(184, 141, 92, 0.98); display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; text-align: center; transition: all .4s ease; }
.about-culture .about-culture-box li .cont .item-mask .tit { font-size: 22px; padding-bottom: 35px; position: relative; }
.about-culture .about-culture-box li .cont .item-mask .tit:after { position: absolute; left: 50%; bottom: 0; width: 1px; height: 20px; background: #fff; content: ''; }
.about-culture .about-culture-box li .cont .item-mask .txt { font-size: 15px; margin-top: 15px; }
.about-culture .about-culture-box li .cont:hover .img img { transform: scale(1.1); }
.about-culture .about-culture-box li .cont:hover .item-mask { bottom: 0; }

@media (max-width: 1199px) { .about-culture .about-culture-box { margin: 0 -5px; }
  .about-culture .about-culture-box li { padding: 0 5px; }
  .about-culture .about-culture-box li .cont .info { padding: 15px 0; }
  .about-culture .about-culture-box li .cont .info .tit { font-size: 16px; }
  .about-culture .about-culture-box li .cont .info .txt { font-size: 12px; }
  .about-culture .about-culture-box li .cont .item-mask .tit { font-size: 18px; padding-bottom: 25px; }
  .about-culture .about-culture-box li .cont .item-mask .txt { font-size: 14px; margin-top: 10px; } }
@media (max-width: 991px) { .about-culture .about-culture-box li { width: 50%; margin: 5px 0; } }
@media (max-width: 767px) { .about-culture .about-culture-box li .cont .item-mask .tit { font-size: 16px; padding-bottom: 0; }
  .about-culture .about-culture-box li .cont .item-mask .tit:after { content: none; }
  .about-culture .about-culture-box li .cont .item-mask .txt { font-size: 12px; margin-top: 6px; } }
.about-honor .about-honor-box { overflow: hidden; margin: 0 -15px; }
.about-honor .about-honor-box li { width: 25%; float: left; padding: 15px; box-sizing: border-box; text-align: center; }
.about-honor .about-honor-box li a { padding: 6px; border: 1px solid #e4e4e4; background: #fff; display: block; }
.about-honor .about-honor-box li a .img { width: 100%; padding-top: 66.667%; height: auto; overflow: hidden; position: relative; }
.about-honor .about-honor-box li a .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.about-honor .about-honor-box li .tit { font-size: 16px; margin-top: 15px; }

@media (max-width: 1439px) { .about-honor .about-honor-box { margin: 0 -10px; }
  .about-honor .about-honor-box li { padding: 10px; }
  .about-honor .about-honor-box li .tit { font-size: 15px; } }
@media (max-width: 1199px) { .about-honor .about-honor-box li { width: 33.33%; }
  .about-honor .about-honor-box li .tit { font-size: 14px; } }
@media (max-width: 991px) { .about-honor .about-honor-box li { width: 50%; } }
@media (max-width: 767px) { .about-honor .about-honor-box { margin: 0; }
  .about-honor .about-honor-box li { padding: 5px; }
  .about-honor .about-honor-box li .tit { margin-top: 10px; } }
.join-ppys { overflow: hidden; display: flex; align-items: center; background: url(../images/join-map.png) no-repeat right center; background-size: 40%; }
.join-ppys .join-ppys-img { width: 50%; overflow: hidden; }
.join-ppys .join-ppys-img img { width: 100%; }
.join-ppys .join-ppys-box { overflow: hidden; padding: 0 80px; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.join-ppys .join-ppys-box .about-title { text-align: left; }
.join-ppys .join-ppys-box .join-ppys-con { color: #555; line-height: 2; font-size: 16px; }
.join-ppys .join-ppys-box .join-ppys-tel { font-size: 16px; display: block; }
.join-ppys .join-ppys-box .join-ppys-tel .iconfont { font-size: 30px; margin-right: 10px; float: left; }
.join-ppys .join-ppys-box .join-ppys-tel .num { color: #e92020; font-size: 32px; font-weight: bold; }

@media (max-width: 1439px) { .join-ppys .join-ppys-box { padding: 0 70px; }
  .join-ppys .join-ppys-box .join-ppys-con { font-size: 15px; }
  .join-ppys .join-ppys-box .join-ppys-tel { font-size: 15px; }
  .join-ppys .join-ppys-box .join-ppys-tel .iconfont { font-size: 27px; }
  .join-ppys .join-ppys-box .join-ppys-tel .num { font-size: 28px; } }
@media (max-width: 1199px) { .join-ppys .join-ppys-box { padding: 0 60px; }
  .join-ppys .join-ppys-box .join-ppys-con { font-size: 14px; }
  .join-ppys .join-ppys-box .join-ppys-tel { font-size: 14px; }
  .join-ppys .join-ppys-box .join-ppys-tel .iconfont { font-size: 24px; }
  .join-ppys .join-ppys-box .join-ppys-tel .num { font-size: 24px; } }
@media (max-width: 991px) { .join-ppys { display: block; background: none; }
  .join-ppys .join-ppys-img { width: 100%; }
  .join-ppys .join-ppys-box { padding: 40px; } }
@media (max-width: 767px) { .join-ppys .join-ppys-box { padding: 20px; } }
.join-hzzc { background: url(../images/join-hzzc-bg.jpg) no-repeat center; background-size: cover; }
.join-hzzc .join-hzzc-box { margin: 0 -10px; overflow: hidden; }
.join-hzzc .join-hzzc-box li { width: 33.33%; float: left; padding: 10px; box-sizing: border-box; }
.join-hzzc .join-hzzc-box li .item { background: #fff; display: block; overflow: hidden; height: 110px; padding: 20px; box-sizing: border-box; display: flex; align-items: center; position: relative; transition: all .4s ease; }
.join-hzzc .join-hzzc-box li .item .icon { font-size: 46px; margin-right: 30px; color: #B88D5C; }
.join-hzzc .join-hzzc-box li .item .info { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; line-height: 20px; }
.join-hzzc .join-hzzc-box li .item .info .tit { font-size: 16px; font-weight: bold; color: #111; margin-bottom: 10px; }
.join-hzzc .join-hzzc-box li .item .info .txt { color: #888; }
.join-hzzc .join-hzzc-box li .item .num { position: absolute; right: 10px; bottom: -38px; font-size: 50px; color: rgba(0, 0, 0, 0.05); font-weight: bold; }
.join-hzzc .join-hzzc-box li .item:hover { background: #B88D5C; }
.join-hzzc .join-hzzc-box li .item:hover .icon, .join-hzzc .join-hzzc-box li .item:hover .info .tit, .join-hzzc .join-hzzc-box li .item:hover .info .txt { color: #fff; }
.join-hzzc .join-hzzc-box li .item:hover .num { color: rgba(255, 255, 255, 0.05); }

@media (max-width: 1199px) { .join-hzzc .join-hzzc-box li .item .icon { font-size: 40px; margin-right: 20px; }
  .join-hzzc .join-hzzc-box li .item .info .tit { font-size: 15px; }
  .join-hzzc .join-hzzc-box li .item .info .txt { font-size: 13px; }
  .join-hzzc .join-hzzc-box li .item .num { font-size: 45px; bottom: -34px; } }
@media (max-width: 991px) { .join-hzzc .join-hzzc-box li { width: 50%; } }
@media (max-width: 767px) { .join-hzzc .join-hzzc-box { margin: 0; }
  .join-hzzc .join-hzzc-box li { width: 100%; padding: 5px 0; }
  .join-hzzc .join-hzzc-box li .item { height: 94px; }
  .join-hzzc .join-hzzc-box li .item .icon { font-size: 30px; }
  .join-hzzc .join-hzzc-box li .item .info { line-height: 18ox; }
  .join-hzzc .join-hzzc-box li .item .info .tit { font-size: 14px; margin-bottom: 0; }
  .join-hzzc .join-hzzc-box li .item .info .txt { font-size: 12px; } }
.join-jmlc { background: url(../images/join-jmlc-bg.jpg) no-repeat center; background-size: cover; }
.join-jmlc .about-title { color: #fff; }
.join-jmlc .about-title .about-title-en { color: #fff; }
.join-jmlc .slickjmlc { color: #fff; padding: 0 20px; }
.join-jmlc .slickjmlc .item { text-align: center; width: 100%; padding: 40px 30px; box-sizing: border-box; transition: all .4s ease; }
.join-jmlc .slickjmlc .item .icon { width: 120px; height: 120px; font-size: 45px; color: #B88D5C; border: 1px solid #B88D5C; border-radius: 50%; margin: 0 auto; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; transition: all .4s ease; }
.join-jmlc .slickjmlc .item .num { font-size: 30px; margin-top: 20px; font-weight: bold; color: #B88D5C; }
.join-jmlc .slickjmlc .item .tit { font-size: 18px; margin-top: 15px; }
.join-jmlc .slickjmlc .item .txt { margin-top: 15px; line-height: 20px; height: 80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: break-word; }
.join-jmlc .slickjmlc .item:hover { background: #B88D5C; }
.join-jmlc .slickjmlc .item:hover .icon { background: #fff; border-color: #fff; }
.join-jmlc .slickjmlc .item:hover .num { color: #fff; }
.join-jmlc .slick-arrow { font-size: 24px; text-align: center; position: absolute; z-index: 9; opacity: .3; top: 50%; border: none; color: #fff; background: none; display: block; cursor: pointer; outline: none; padding: 0; transition: all .4s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.join-jmlc .slick-arrow:before { font-family: 'iconfont' !important; font-style: normal; }
.join-jmlc .slick-arrow:hover { opacity: 1; }
.join-jmlc .slick-prev { left: -4px; }
.join-jmlc .slick-prev:before { content: '\e625'; }
.join-jmlc .slick-next { right: -4px; }
.join-jmlc .slick-next:before { content: '\e626'; }

@media (max-width: 1439px) { .join-jmlc .slickjmlc .item { padding: 30px 20px; }
  .join-jmlc .slickjmlc .item .icon { width: 100px; height: 100px; font-size: 40px; }
  .join-jmlc .slickjmlc .item .num { font-size: 28px; }
  .join-jmlc .slickjmlc .item .tit { font-size: 16px; }
  .join-jmlc .slickjmlc .item .txt { font-size: 13px; } }
@media (max-width: 1199px) { .join-jmlc .slickjmlc .item { padding: 20px 15px; }
  .join-jmlc .slickjmlc .item .icon { width: 90px; height: 90px; font-size: 36px; }
  .join-jmlc .slickjmlc .item .num { font-size: 26px; }
  .join-jmlc .slickjmlc .item .tit { font-size: 15px; }
  .join-jmlc .slickjmlc .item .txt { font-size: 12px; } }
@media (max-width: 767px) { .join-jmlc .slickjmlc { padding: 0 10px; }
  .join-jmlc .slickjmlc .item { padding: 15px 8px; }
  .join-jmlc .slickjmlc .item .icon { width: 80px; height: 80px; font-size: 30px; }
  .join-jmlc .slickjmlc .item .num, .join-jmlc .slickjmlc .item .tit, .join-jmlc .slickjmlc .item .txt { margin-top: 10px; }
  .join-jmlc .slick-arrow { font-size: 18px; }
  .join-jmlc .slick-prev { left: -6px; }
  .join-jmlc .slick-next { right: -6px; } }
.join-jrwm { background: url(../images/join-jrwm-bg.jpg) no-repeat center; background-size: cover; }
.join-jrwm .join-jrwm-box { overflow: hidden; /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ }
.join-jrwm .join-jrwm-box .item { width: 33.33%; float: left; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box; }
.join-jrwm .join-jrwm-box .item .form-control { border-radius: 0; border-color: #888; background: none; }
.join-jrwm .join-jrwm-box .item.bz { width: 100%; }
.join-jrwm .join-jrwm-box .item-btn { width: 30%; margin: 0 auto; border-radius: 0; }
.join-jrwm .join-jrwm-box .item-btn .form-btn { width: 100%; border-radius: 0; padding: 0; }
.join-jrwm .join-jrwm-box input::-webkit-input-placeholder, .join-jrwm .join-jrwm-box textarea::-webkit-input-placeholder { color: #888; }
.join-jrwm .join-jrwm-box input:focus::-webkit-input-placeholder, .join-jrwm .join-jrwm-box textarea:focus::-webkit-input-placeholder { color: transparent; }
.join-jrwm .join-jrwm-box input:focus:-moz-placeholder, .join-jrwm .join-jrwm-box textarea:focus:-moz-placeholder { color: transparent; }
.join-jrwm .join-jrwm-box input:focus::-moz-placeholder, .join-jrwm .join-jrwm-box textarea:focus::-moz-placeholder { color: transparent; }
.join-jrwm .join-jrwm-box input:focus:-ms-input-placeholder, .join-jrwm .join-jrwm-box textarea:focus:-ms-input-placeholder { color: transparent; }

@media (max-width: 767px) { .join-jrwm .join-jrwm-box .item { width: 100%; padding: 0; margin-bottom: 10px; }
  .join-jrwm .join-jrwm-box .item-btn { width: 100%; } }

/*# sourceMappingURL=style.css.map */