@charset "utf-8";
@font-face {
  font-family: 'Didot';
  src: url('../fonts/Didot.ttf');
  font-weight: normal;
  font-style: normal;
}
body,div,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,p,span,img,form,table,th,td{ margin:0; padding:0;}
body, input, textarea, select, button {padding:0;margin:0;word-wrap:break-word;line-height: normal;}
h1,h2,h3,h4,h5{font-size:14px;outline:0;margin:0}
ol, ul {list-style:none}
img {border: 0;max-width: 100%;}
table {border-collapse:collapse;border-spacing:0;}
html {-webkit-font-smoothing: antialiased;}
body{font-size:14px;line-height: 1.6;word-wrap:break-word;background: #111113;color: #ac8863;font-family: "Microsoft YaHei",'微软雅黑',Arial,Helvetica,sans-serif;padding-top: 50px;}
input, textarea {color: #999;font-size: 14px;}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
}
:focus {outline:0}
a {
    text-decoration:none;
    color: #ac8863;
    outline:none;
}
a:hover {text-decoration:none;color: #ac8863;outline:none;}
a:link {text-decoration:none;outline:none;}
a:visited {outline:none;text-decoration:none;}
a:active {outline:none;text-decoration:none;}

/* common */
.overlay {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.15);}

/* header */
.main-nav {background: #111113;border: none;margin-bottom: 0;}
.main-nav a {font-size: 16px;font-weight: bold;}
.navbar-nav {width: 100%;}
.tnavbar-brand {margin-top: 10px;margin-left: 15px;}
.pc-nav {text-align: center;height: 50px;line-height: 50px;position: fixed;left: 0;top: 0;z-index: 9999;width: 100%;background: #111113;}
.home {padding-top: 0px;}
.home .pc-nav {background: transparent;transition: all 0.8s ease;}
.home .pc-nav.on {background: #111113;}
.pc-nav a {margin: 0 15px;color: #fff;}
.pc-nav a:hover, .pc-nav a.active {color: #ac8863;border-bottom: 1px solid #ac8863;padding-bottom: 5px;}

/* footer */
.footer {background: #222222;margin-top: 30px;padding-top: 80px;padding-bottom: 80px;}
.footer .links {padding-left: 30px;}
.footer .links .title {color: #fff;font-size: 18px;font-weight: bold;margin-bottom: 30px;}
.footer-title {color: #fff;font-size: 18px;font-weight: bold;margin-bottom: 30px;}
.footer .links p {line-height: 2;}
.footer .links a {color: #6f6f6f;}
.footer .info {color: #9a9a9a;}
.footer .info i {margin-right: 10px;color: #9a9a9a;}
.footer .info p {line-height: 2.4;font-size: 16px;}
.footer .info .qrcode {margin-top: 30px;}
.footer .info .qrcode img {width: 120px;}
#dy-qrcode {position: absolute;left: 50%;margin-left: -90px;top: 100px;display: none;}
#xhs-qrcode {position: absolute;left: 50%;margin-left: -90px;top: 120px;display: none;}
#callback-form input {border: none;border-bottom: 1px solid #666;background: transparent;width: 100%;font-size: 16px;margin-top: 15px;color: #fff;}
#callback-form input:focus {border-bottom: 1px solid #ac8863;}
#callback-form .submit-btn {border: none;width: 160px;height: 38px;color: #fff;background: #ac8863;margin-top: 30px;}
.copyright {background: #111113;text-align: center;color: #333333;padding: 15px 0;}

.pagination{position: relative;display: block;margin-top: 60px;text-align: center;}
.pagination li{display: inline-block;margin: 0px 3px;}
.pagination li a{font-size: 16px;color: #111113;display: inline-block;line-height: 50px;padding: 0 10px;margin: 0 10px;}
.pagination li a.prev {width: 50px;height: 50px;background: #111113 url(../images/icon-arrow-left.png) center 15px no-repeat;}
.pagination li a.next {width: 50px;height: 50px;background: #111113 url(../images/icon-arrow-right.png) center 15px no-repeat;}
.pagination li a.prev:hover {width: 50px;height: 50px;background: #ac8863 url(../images/icon-arrow-left.png) center 15px no-repeat;}
.pagination li a.next:hover {width: 50px;height: 50px;background: #ac8863 url(../images/icon-arrow-right.png) center 15px no-repeat;}
.pagination li a.active{color: #ac8863;}

.right-btns {position: fixed;right: 0;bottom: 120px;z-index: 999;display: none;}
.right-btns .icon-top {background: #ac8863 url(../images/icon-top.png) center 6px no-repeat;height: 40px;width: 40px;display: block;}
.right-btns .icon-contact {background: #ac8863 url(../images/icon-contact.png) center 7px no-repeat;height: 40px;width: 40px;margin-top: 5px;display: block;}



/* home */
.main-title {text-align: center;position: relative;}
.main-title .cn {color: #000;font-size: 24px;letter-spacing: 70px;}
.main-title .en {color: #ac8863;font-size: 20px;letter-spacing: 30px;font-style: italic;left: -20px;position: relative;text-transform:uppercase;overflow-wrap: break-word;/*font-family: "Didot";*/}
.main-title p:nth-child(2) {position: relative;top: -15px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 15px;}
.swiper-pagination-bullet {background: #fff;width: 12px;height: 12px;opacity: 0.8;background: transparent;border: 2px solid #9a9a9a;}
.swiper-pagination-bullet-active {background: #ac8863;border: none;}
.home-banner img {width: 100%;}
.home-banner .swiper-button-prev {color: #fff;opacity: 0.3;}
.home-banner .swiper-button-next {color: #fff;opacity: 0.3;}

.home-about {background: #fff url(../images/home-bg1.jpg) center top no-repeat;background-size: cover;position: relative;height: 912px;padding-top: 280px;}
.home-about .title-en {text-align: center;font-size: 30px;color: #fff;letter-spacing: 20px;line-height: 1.2;}
.home-about .title-cn {text-align: center;color: #ac8863;font-size: 32px;font-weight: bold;letter-spacing: 15px;}
.home-about .content {margin-top: 20px;text-align: center;color: #fff;font-size: 14px;}
.home-about .more {margin-top: 45px;text-align: center;}
.home-about .more a {display: inline-block;width: 160px;height: 40px;color: #fff;line-height: 40px;background: #ac8863;font-size: 16px;}
.home-service {height: 1372px;background: url(../images/home-bg2.jpg) center top no-repeat;background-size: cover;}
.home-whyus {height: 290px;background: url(../images/home-bg3.jpg) center top no-repeat;background-size: cover;}
.home-project {height: 793px;background: url(../images/home-bg4.jpg) center top no-repeat;background-size: cover;}
.home-project-list {height: 793px;background: url(../images/home-bg5.png) center top no-repeat;}

.home-case {background: #fff;padding-top: 100px;padding-bottom: 100px;}
.home-case-detail {max-width: 1200px;position: relative;margin: 0 auto;text-align: center;}
.home-case-detail .info {position: absolute;left: 0;bottom: 75px;text-align: center;width: 100%;}
.home-case-detail .title {color: #fff;font-size: 24px;font-weight: bold;}
.home-case-detail .description {max-width: 300px;margin: 0 auto;color: #fff;text-align: center;}
.home-case-detail .more {margin-top: 20px;}
.home-case-detail .more a {width: 160px;height:  40px;color: #fff;font-size: 16px;line-height: 40px;background: #ac8863;display: inline-block;}
.home-case-list {max-width: 1200px;margin: 5px auto;}
.home-case-list .swiper-button-prev {color: #fff;opacity: 0.5;}
.home-case-list .swiper-button-next {color: #fff;opacity: 0.5;}
.home-case-list a {overflow: hidden;display: block;}
.home-case-list img {transition:all 0.5s ease-out;}
.home-case-list img:hover {transform:scale(1.1);}
.home-service {text-align: center;}
.home-service-category1 {margin-top: 340px;}
.home-service-category2 {margin-top: 110px;}
.home-service-category3 {margin-top: 160px;}
.home-service-category1 a {display: inline-block;overflow: hidden;}
.home-service-category1 img {transition:all 0.5s ease-out;}
.home-service-category1 img:hover {transform:scale(1.1);}
.home-service-category2 a {display: inline-block;overflow: hidden;}
.home-service-category2 img {transition:all 0.5s ease-out;}
.home-service-category2 img:hover {transform:scale(1.1);}
.home-service .title {font-size: 22px;font-style: italic;margin-top: 15px;letter-spacing: 20px;color: #fff;}
.home-service .more {text-align: center;margin-top: 110px;}
.home-service .more a {font-size: 22px;color: #fff;width: 300px;height: 56px;line-height: 54px;border: 1px solid #fff;text-align: center;display: inline-block;}
.home-whyus {text-align: center;color: #fff;}
.home-whyus .title {margin-top: 40px;position: relative;}
.home-whyus .title::before {position: absolute;background: #fff;content: '';width: 50px;height: 1px;left: 50%;margin-left: -25px;}
.home-whyus .title::after {position: absolute;background: #fff;content: '';width: 30px;height: 1px;bottom: -30px;}
.home-whyus .en {font-size: 40px;}
.home-whyus .cn {font-size: 34px;letter-spacing: 40px;font-weight: bold;}
.home-whyus .content {margin-top: 50px;}
.home-whyus-list {background: #fff;padding: 90px 0;overflow: hidden;}
.home-whyus-col {float: left;width: 33.5%;}
.home-whyus-col2 {float: left;width: 33%;}
.home-whyus-item {position: relative;}
.home-whyus-item .title {position: absolute;text-align: center;bottom: 40px;width: 100%;color: #fff;font-size: 24px;letter-spacing: 25px;}
.home-whyus-item .sub-title {position: absolute;text-align: center;bottom: 20px;width: 100%;color: #fff;font-size: 14px;letter-spacing: 15px;}

.home-news {background: #111113;margin-top: 250px;}
.home-news .main-title .cn {color: #fff;}
.home-news .category-list {width: 380px;margin: 50px auto 0;overflow: hidden;}
.home-news .category-list a {width: 190px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #fff;color: #fff;display: inline-block;float: left;}
.home-news .category-list a.active {color: #ac8863;border: 1px solid #ac8863;}
.home-news .category-list a:hover {color: #ac8863;border: 1px solid #ac8863;}
.home-article-item {margin-top: 70px;}
.home-article-item .title {height: 30px;overflow: hidden;line-height: 1.2;}
.home-article-item .title a {color: #ac8863;font-size: 22px;font-weight: bold;}
.home-article-item .description {height: 50px;overflow: hidden;margin-top: 5px;color: #fff;font-size: 16px;text-overflow: ellipsis;-webkit-line-clamp: 2;}
.home-article-item .cover {margin-top: 30px;}
.home-article-item .date-source {color: #999;margin-top: 10px;overflow: hidden;}
.home-article-item .date {float: left;}
.home-article-item .source {float: right;}
.more-article {margin-top: 80px;text-align: center;}
.more-article a {display: inline-block;width: 200px;height: 50px;line-height: 50px;border: 1px solid #fff;text-align: center;font-size: 16px;color: #fff;}
.home-project-title {background: #fff;padding-top: 60px;padding-bottom: 20px;margin-top: 60px;}

/* about */
.about-into {padding: 80px 0 60px;}
.about-into .main-title .cn {color: #fff;top: -20px;font-weight: bold;}
.about-into .content {color: #fff;margin-top: 30px;}
.about-values {background: #fff;padding: 80px 0;}
.about-values .row {margin-top: 80px;}
.about-values .info {display: flex;align-items: center;}
.about-values .text .title {font-size: 26px;font-weight: bold;}
.about-values .info .num {font-size: 26px;margin-right: 30px;}
.about-values .text .content {font-size: 16px;color: #000;}
.about-development {background: url(../images/about-bg.png) center top no-repeat;background-size: cover;padding: 80px 0;}
.about-development .main-title .en {letter-spacing: 20px;}
.about-development .main-title .cn {color: #fff;letter-spacing: 50px;top: -20px;font-weight: bold;}
.about-development .timeline {margin-top: 50px;overflow: hidden;}
.about-development .timeline .year {margin-right: 45px;font-size: 24px;float: left;}
.about-development .timeline .text {color: #9a9a9a;float: left;width: 450px;}
.about-development .timeline:nth-child(2) {padding-left: 600px;}
.about-development .timeline:nth-child(3) {padding-left: 450px;}
.about-development .timeline:nth-child(4) {padding-left: 350px;}
.about-development .timeline:nth-child(5) {padding-left: 260px;}
.about-development .timeline:nth-child(6) {padding-left: 200px;}
.about-development .timeline:nth-child(7) {padding-left: 240px;}
.about-development .timeline:nth-child(8) {padding-left: 310px;}
.about-development .timeline:nth-child(9) {padding-left: 420px;}

/* contact */
.contact {background: #fff url(../images/contact-bg.jpg) center 50px no-repeat;padding-bottom: 80px;}
.contact .main-title {margin-top: 180px;}
.contact .main-title .cn {color: #fff;letter-spacing: 50px;margin-bottom: 120px;position: relative;}
.contact .main-title .cn::after {background: #ac8863;width: 80px;height: 1px;position: absolute;bottom: -60px;content: '';left: 50%;margin-left: -70px;}
.contact-info {margin-bottom: 80px;background: #111113;}
.contact-info .info {padding: 80px;}
.contact-info .info .title {font-size: 24px;letter-spacing: 10px;margin-bottom: 30px;}
.contact-info .info p {font-size: 16px;}
.contact-info .info i {font-size: 20px;margin-right: 30px;margin-top: 20px;}
.contact-info .info .qrcode {display: flex;align-items: flex-end;margin-top: 90px;}
.contact-info .info .qrcode .text {margin-left: 20px;color: #fff;font-style: italic;}
.contact-info .map {padding: 0px;}

/* service */
.service-category {background: #fff;padding: 80px 0 60px;}
.service-category-item {margin-top: 30px;text-align: center;}
.service-category-item a {display: block;overflow: hidden;}
.service-category-item img {transition:all 0.5s ease-out;}
.service-category-item img:hover {transform:scale(1.1);}
.service-category-item .title {margin-top: 10px;color: #666;font-size: 20px;}
.service-whyus {padding: 80px 0 60px;}
.service-whyus .main-title .cn {color: #fff;top: -20px;letter-spacing: 50px;}
.service-whyus-detail {background: #fff;padding-top: 60px;padding-bottom: 50px;display: flex;align-items: center;}
.service-whyus-detail img {box-shadow: 15px 15px 15px 5px #999;}
.service-whyus-detail .image {padding: 0px 45px;}
.service-whyus-detail .info {padding: 60px;display: flex;align-items: center;}
.service-whyus-detail .info .title {width: 220px;}
.service-whyus-detail .info .title .small {color: #000;}
.service-whyus-detail .info .title .cn {color: #000;font-size: 28px;font-weight: bold;line-height: 1.2;margin-top: 5px;}
.service-whyus-detail .info .title .en {font-size: 20px;font-style: italic;line-height: 1.2;margin-top: 5px;text-transform:uppercase;}
.service-whyus-detail .info .content {color: #999;}
.service-whyus-list {display: flex;justify-content: center;}
.service-whyus-item {position: relative;margin: 0 1px;cursor: pointer;}
.service-whyus-item .title {position: absolute;padding: 15px 15px 45px;background: rgba(0, 0, 0, 0.8);width: 100%;bottom: 0;display: none;}
.service-whyus-item.active .title {display: block;}
.service-whyus-item .title .small {color: #fff;}
.service-whyus-item .title .cn {color: #fff;font-size: 24px;font-weight: bold;}
.service-swiper .swiper-button-prev {width: 52px;height: 52px;left: 40px;bottom: 40px;background: #111113 url(../images/icon-arrow-left.png) center 15px no-repeat;top: auto;}
.service-swiper .swiper-button-next {width: 52px;height: 52px;left: 95px;bottom: 40px;background: #111113 url(../images/icon-arrow-right.png) center 15px no-repeat;top: auto;}
.service-swiper .swiper-button-prev:hover {background: #ac8863 url(../images/icon-arrow-left.png) center 15px no-repeat;}
.service-swiper .swiper-button-next:hover {background: #ac8863 url(../images/icon-arrow-right.png) center 15px no-repeat;}
.service-swiper .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: '';}
.service-swiper .swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after {content: '';}

/* news */
.news {background: #fff;}
.news .category-list {width: 380px;margin: 80px auto 0;overflow: hidden;}
.news .category-list a {width: 190px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #9a9a9a;color: #9a9a9a;display: inline-block;float: left;}
.news .category-list a:hover {background: #ac8863;color: #fff;border: none;}
.news .category-list a.active {background: #ac8863;color: #fff;border: none;}
.article-left-side {padding-right: 50px;}
.article-list {margin-top: 60px;}
.article-item {margin-top: 35px;}
.article-item .title {overflow: hidden;}
.article-item .title .text {float: left;font-size: 24px;}
.article-item .title .more {float: right;font-size: 16px;background: #ac8863;padding: 3px 20px;color: #fff;}
.article-item .date {color: #9a9a9a;font-size: 12px;}
.article-item .description {color: #9a9a9a;font-size: 16px;margin-top: 15px;}
.recommend-article-item-1 {position: relative;margin-top: 80px;}
.recommend-article-item-1 img {width: 100%;}
.recommend-article-item-1 .info {width: 100%;position: absolute;left: 0;bottom: 0;padding: 30px;background: rgba(0, 0, 0, 0.8);color: #9a9a9a;font-size: 16px;}
.recommend-article-item-1 .info .title a {color: #fff;font-size: 24px;}
.recommend-article-item {margin-top: 30px;}
.recommend-article-item .cover {padding-left: 0;padding-right: 0;}
.article-detail {background: #fff;}
.article-detail .urhere {margin-top: 40px;color: #111113;}
.article-detail .urhere a {color: #111113;}
.article-detail .article-info {padding: 45px 60px;}
.article-detail h1 {font-size: 24px;font-weight: normal;}
.article-detail .date {font-size: 14px;color: #9a9a9a;margin-top: 10px;}
.article-detail .content {font-size: 16px;color: #111113;margin-top: 50px;}
.article-detail .tip {font-size: 14px;color: #9a9a9a;margin-top: 60px;}
.article-detail .other-article {margin-top: 60px;}
.article-detail .other-article p {overflow: hidden;margin-top: 5px;}
.article-detail .other-article a {color: #666;float: left;line-height: 40px;margin-left: 10px;}
.article-detail .other-article a:hover {color: #ac8863;}
.article-detail .other-article span {width: 40px;height: 40px;float: left;}
.article-detail .other-article .prev span {background: #111113 url(../images/icon-arrow-up.png) center 16px no-repeat;}
.article-detail .other-article .next span {background: #111113 url(../images/icon-arrow-down.png) center 16px no-repeat;}
.article-detail .other-article .prev:hover span {background: #ac8863 url(../images/icon-arrow-up.png) center 16px no-repeat;}
.article-detail .other-article .next:hover span {background: #ac8863 url(../images/icon-arrow-down.png) center 16px no-repeat;}

/* case */
.case-banner {height: 366px;background: url(../images/case-banner-1.jpg) center top no-repeat;background-size: cover;}
.case-banner .text {padding-top: 150px;text-align :center;color: #fff;font-size: 24px;letter-spacing: 25px;}
.case-banner .text .en {font-style: italic;text-transform:uppercase;font-size: 20px;}
.case-category-list {background: #222;height: 130px;position: relative;}
.case-category-box {position: absolute;top: -70px;width: 100%;}
.case-category-item {text-align: center;font-size: 18px;}
.case-category-item a {color: #9a9a9a;}
.case-category-item img {width: 190px;transition: all 0.3s ease;}
.case-category-item.active img {width: 240px;}
.case-category-item:hover img {width: 240px;}
.case-category-item.active a {color: #fff;}
.case-category-item:hover a {color: #fff;}
.case-list {background: #fff;padding: 30px;}
.case-item {position: relative;margin-top: 20px;}
.case-item .info {width: 100%;padding: 15px;left: 0px;bottom: 0px;position: absolute;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));color: #fff;}
.case-item .info .title a {color: #fff;font-size: 18px;}
.case-item .info .address {color: #ccc;font-size: 16px;}
.case-item .info .more {position: absolute;right: 5px;bottom: 5px;width: 38px;height: 38px;background: #111113 url(../images/icon-arrow-right.png) center 9px no-repeat;}
.case-item:hover .more {background: #ac8863 url(../images/icon-arrow-right.png) center 9px no-repeat;}
.case-item a {display: block;overflow: hidden;}
.case-item img {transition:all 0.5s ease-out;}
.case-item img:hover {transform:scale(1.1);}
.case-detail {background: #fff;}
.case-gallery-swiper {height: 760px;padding-top: 55px;}
.case-gallery .swiper-button-prev {width: 45px;height: 45px;background: #111113 url(../images/icon-arrow-up.png) center 14px no-repeat;top: auto;bottom: -50px;left: 15px;}
.case-gallery .swiper-button-prev:hover {background: #ac8863 url(../images/icon-arrow-up.png) center 14px no-repeat;}
.case-gallery .swiper-button-prev::after {content: '';}
.case-gallery .swiper-button-next {width: 45px;height: 45px;background: #111113 url(../images/icon-arrow-down.png) center 14px no-repeat;top: auto;bottom: -50px;left: 65px;}
.case-gallery .swiper-button-next:hover {background: #ac8863 url(../images/icon-arrow-down.png) center 14px no-repeat;}
.case-gallery .swiper-button-next::after {content: '';}
.case-gallery .back-btn {position: absolute;height: 45px;width: 100%;bottom: -105px;right: 0px;padding: 0 15px;}
.case-gallery .back-btn a {height: 45px;width: 100%;background: #ac8863 url(../images/icon-back.png) center 10px no-repeat;bottom: -100px;right: 15px;display: inline-block;}
.case-gallery-swiper .active img {opacity: 0.3}
.case-gallery-swiper a:hover img {opacity: 0.3}
.case-detail-image {position: relative;}
.case-detail .urhere {padding: 15px 0px;color: #666666;}
.case-detail .urhere a {color: #666;}
.case-detail-image {padding-bottom: 50px;}
.case-detail-image .info {margin-top: 5px;overflow: hidden;}
.case-detail-image .info .category {float: left;color: #ac8863;font-size: 32px;font-style: italic;}
.case-detail-image .info .title {float: right;font-size: 32px;color: #111113;}
.other-case {padding: 60px 0;}
.other-case .title {font-size: 18px;color: #fff;}
.other-case-swiper {margin-top: 30px;}
.other-case-box {position: relative;}
.other-case-box .swiper-button-prev {color: #ac8863;top: 15px;right: 60px;left: auto;}
.other-case-box .swiper-button-prev::after {font-size: 22px;font-weight: bold;}
.other-case-box .swiper-button-next {color: #ac8863;top: 15px;right: 20px;}
.other-case-box .swiper-button-next::after {font-size: 22px;font-weight: bold;}

@media (max-width: 1023px) {
    /* wap */
    body {padding-top: 0;}
    .home-whyus {height: 160px;}
    .home-whyus-col {width: 100%;}
    .home-whyus-col2 {width: 100%;}
    .home-whyus-item img {width: 100%;}
    .about-development .timeline:nth-child(2) {padding-left: 0px;}
    .about-development .timeline:nth-child(3) {padding-left: 0px;}
    .about-development .timeline:nth-child(4) {padding-left: 0px;}
    .about-development .timeline:nth-child(5) {padding-left: 0px;}
    .about-development .timeline:nth-child(6) {padding-left: 0px;}
    .about-development .timeline:nth-child(7) {padding-left: 0px;}
    .about-development .timeline:nth-child(8) {padding-left: 0px;}
    .about-development .timeline:nth-child(9) {padding-left: 0px;}
    .footer-title {text-align: center;margin-top: 40px;}
    .footer .wap .qrcode img {width: 100px;}
    #callback-form {text-align: center;}
    .main-title {padding-left: 30px;}
    .main-title .cn {color: #000;font-size: 24px;letter-spacing: 40px;}
    .main-title .en {letter-spacing: 10px;}
    .home-about {height: 400px;padding: 40px 15px;}
    .home-service-category1 {margin-top: 40px;}
    .home-service-category2 {margin-top: 40px;}
    .home-service-category3 {margin-top: 40px;}
    .home-service {height: 400px;}
    .home-service .more {margin-top: 30px;}
    .home-service .more a {width: 90%;height: 32px;line-height: 30px;font-size: 16px;}
    .home-service .title {font-size: 16px;letter-spacing: 2px;}
    .wap-home-service .col-xs-4 {padding-right: 0px;}
    .wap-home-service .col-xs-6 {padding-right: 10px;padding-left: 5px;}
    .home-whyus .title {margin-top: 20px;}
    .home-whyus .en {font-size: 20px;}
    .home-whyus .cn {font-size: 18px;letter-spacing: 10px;}
    .home-whyus-list {padding-top: 15px;padding-bottom: 30px;}
    .home-whyus-wap {padding-bottom: 30px;background: #fff;padding-top: 15px;}
    .home-whyus .title::after {bottom: -10px;margin-left: -20px;}
    .home-whyus .title::before {margin-left: -30px;}
    .home-whyus .content {margin-top: 20px;}
    .home-news {margin-top: 30px;}
    .home-news .category-list {margin-top: 10px;width: 100%;}
    .home-news .category-list a {width: 50%;}
    .home-article-item {margin-top: 30px;}
    .home-article-item .cover {margin-top: 15px;}
    .article-left-side {padding-right: 15px;}
    .case-banner .text {padding-top: 30px;letter-spacing: 15px;}
    .case-category-box {top: -230px}
    .case-category-item {margin-top: 20px}
    .case-list {padding: 0;}
    .case-detail-image {padding-bottom: 10px;}
    .case-detail-image .info .category {font-size: 24px;}
    .case-detail-image .info .title {font-size: 24px;}
    .other-case {padding: 15px 0;}
    .case-gallery-wap {padding-bottom: 30px;}
    .gallery-next-wap::after {font-size: 24px;}
    .gallery-prev-wap::after {font-size: 24px;}
    .gallery-next-wap {margin-top: -35px;}
    .gallery-prev-wap {margin-top: -35px;}
    .home-whyus-item {margin-top: 15px;}
}
@media (min-width: 768px) {
    .about-values .row {display: flex;align-items: center;}
}
@media (max-width: 1199px){
    .home-whyus-item .title {bottom: 26px;font-size: 18px;letter-spacing: 15px;}
    .home-whyus-item .sub-title {bottom: 8px;font-size: 14px;letter-spacing: 15px;}
}
@media (min-width: 1200px) and (max-width: 1459px){
    .home-whyus-item .title {bottom: 30px;font-size: 24px;letter-spacing: 25px;}
    .home-whyus-item .sub-title {bottom: 15px;font-size: 14px;letter-spacing: 15px;}
}
@media (min-width: 1460px) {
    .container {
        width: 1430px;
    }
}