.jscv {opacity: 0; position: absolute !important; left: 0; top: 0; width: 100% !important; height: 100% !important; object-fit: cover;}
.jscv.on {opacity: 1;}
.banner {position: relative; height: 100vh;}
.banner::before {position: absolute; left: 0; top: 0; right: 0; display: block; content: ''; height: 400rem; background: url(../img/bgline.png) repeat-x center bottom;}
.banner .isvideo {width: 100%; height: 100%; object-fit: cover;}
.banner img {height: 100%; width: 100%; object-fit: cover;}
.banner-text {left: 0; top: 0; right: 0; bottom: 0; color: var(--light-color);}
.banner-text .weui-cell {height: 100%; text-align: center;}
.banner-text h2 {text-transform: capitalize; line-height: 1.1;}
.banner-text p {margin-top: 40rem; text-transform: uppercase; letter-spacing: 7rem;}
.idx1 {padding-top: 210rem; padding-bottom: 183rem; background-color: var(--primary-color);}
.idx1 .isani {transition: all 1s ease-out;}
.idx1 .swiper-slide {transform: scale(0.76);}
.idx1 .swiper-slide-active, .swiper-slide-duplicate-active {transform: scale(1);}
.idx1 .swiper-slide-active .overlay::before, .swiper-slide-duplicate-active .overlay::before {background-color: rgba(0, 0, 0, 0);}
.idx1 .swiper-button-prev, .idx1 .swiper-button-next {width: 60rem; height: 60rem; background-size: cover;}
.idx1 .swiper-button-prev {left: 22%; background: url(../img/left.png) no-repeat center center;}
.idx1 .swiper-button-next {right: 22%; background: url(../img/right.png) no-repeat center center;}
.idx2 {padding-top: 280rem; padding-bottom: 280rem; background-image: url(../img/idx1.jpg); background-attachment: fixed;}
.idx2 .line {display: block; margin: 40rem auto; width: 80rem; height: 2rem; background-color: var(--primary-color);}
.idx2 p {margin: 0 10%; line-height: 1.4;}
.idx2 a {margin-top: 70rem; line-height: 34rem; padding: 0 30rem; letter-spacing: 3rem; color: var(--high-color); background-color: var(--primary-color);}
.idx3 ul {margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: flex;}
.idx3 li {-webkit-box-flex: 1 1 0%; -webkit-flex: 1 1 0%; flex: 1 1 0%; position: relative; width: 50%; height: 1038rem; text-align: center; overflow: hidden; transition: all .5s ease-out;}
.idx3 li::before {position: absolute; display: block; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .7; transition: all .4s;}
.idx3 .textbox {position: absolute; z-index: 1; width: 100%; left: 0; bottom: 50%; color: var(--light-color); transform: translateY(80%); -webkit-transform: translateY(80%); transition: all .4s; -webkit-transition: all .4s;}
.idx3 .textbox * {-webkit-transition: all .4s; transition: all .4s;}
.idx3 .textbox a {letter-spacing: 7rem;}
.idx3 h3 {text-transform: uppercase; line-height: 90%; color: var(--light-color);}
.idx3 p {margin: 25rem auto 55rem; min-width: 50vw; max-width: 90vw; opacity: 0; text-align: center; text-transform: capitalize;}
.idx3 a {opacity: 0; border-bottom: 3rem solid transparent;}
.idx4 {padding-top: 100rem; padding-bottom: 100rem; background-color: #f6f5ea;}
.idx4 li {padding-top: 50rem; padding-bottom: 50rem;}
.idx4 li h3 {margin-top: -17rem;}
.idx4 li p {line-height: 1.5;}
.idx4 li .row {margin-top: 90rem; margin-left: -35rem; margin-right: -35rem;}
.idx4 li .row > div {margin-bottom: 40rem; padding-left: 35rem; padding-right: 35rem;}
.idx4 li .des {display: inline-block; margin-top: 15rem; line-height: 1.7;}
.idx4 li .des span {border-bottom: 1.5px solid #A5A981;}
.idx4 li .des br {display: block !important;}
.idx4 .container-fluid > ul > li p br {display: none;}
.swiper-container {
  --swiper-preloader-color: var(--light-color)
}
.news .swiper-pagination {right: 7% !important;}
.news .swiper-pagination-bullet {margin: 34rem 17rem !important; width: 16rem; height: 16rem; opacity: .5; background: #fff;}
.news .swiper-pagination-bullet-active {opacity: 1;}
.news .banner {height: 784rem; overflow: hidden;}
.news .banner .slide-inner {width: 100%; height: 100%;}
.news .banner .weui-cell {top: 0; left: 0; right: 0; bottom: 0; color: #fff; text-align: center; color: var(--light-color);}
.news .banner h2 {line-height: 1.18;}
.news .banner p {letter-spacing: 7rem; text-transform: uppercase;}
.news-tit {position: relative; margin-top: 125rem; margin-left: -45rem; padding-left: 10rem;}
.news-tit::before {position: absolute; top: 20%; left: 0; bottom: 20%; display: block; content: ''; width: 4rem; background: var(--high-color);}
.news .list {margin: 18rem -78rem 80rem;}
.news .list li {padding: 35rem 32rem;}
.news .itembox {position: relative; top: 0; display: block; background-color: var(--light-color); border-radius: 17rem; overflow: hidden;}
.news .imgbox {display: block; height: calc(22.813vw * (250 / 438)); overflow: hidden;}
.news .txtbox {padding: 30rem 26rem 30rem 29rem; height: 286rem; color: var(--primary-color); overflow: hidden; text-overflow: ellipsis;}
.news .txtbox h3 {height: 45rem;}
.news .txtbox p {margin-top: 17rem; height: calc(100% - 65rem); line-height: 1.535; overflow: hidden; text-overflow: ellipsis;}
.news .more {position: relative; height: 46rem; padding: 0 30rem; line-height: 46rem; color: var(--high-color); background: var(--primary-color); transition: all .3s;}
.news .more::before {position: absolute; top: 50%; right: 20rem; display: block; content: ''; width: 0; height: 1px; background: var(--high-color); opacity: 0; transform: translateY(-50%); transition: all .3s;}
.news .more::after {position: absolute; top: 50%; right: 30rem; display: block; content: ''; width: 8rem; height: 8rem; border-top: 1px solid var(--high-color); border-right: 1px solid var(--high-color); transform: rotate(45deg) translateY(-62%); transition: right .3s;}
.news .pagination {margin-bottom: 110rem; margin-left: -78rem; margin-right: -78rem;}
.newsdetail {padding-top: 124rem; padding-bottom: 113rem; line-height: 1.35;}
.newsdetail h1 {position: relative; margin-bottom: 45rem; padding-left: 25rem;}
.newsdetail h1::before {position: absolute; display: block; content: ''; left: 0; top: 8rem; bottom: 8rem; width: 4rem; background: var(--high-color);}
.newsdetail .article {line-height: 1.77;}
.newsdetail .article img {max-width: 100% !important; max-height: 100% !important;}
.newlist {padding-top: 140rem; padding-bottom: 180rem; background: #f6f5ea;}
.newlist .swiper-container {margin-left: -44rem; margin-right: -44rem;}
.newlist .swiper-slide {margin: 0 44rem; width: 438rem; height: 295rem;}
.newlist .imgbox {position: static; height: 250rem; overflow: hidden; -webkit-border-radius: 20rem 20rem 0 0; border-radius: 20rem 20rem 0 0;}
/*.newlist .imgbox img {image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}*/
.newlist p {left: 0; right: 0; bottom: 0; padding: 0 20rem; line-height: 46rem; color: var(--high-color); background: var(--primary-color); -webkit-border-radius: 0 0 20rem 20rem; border-radius: 0 0 20rem 20rem;}
.newlist .bg {position: absolute; top: 0; left: 0; width: 100%; height: 250rem; background: rgba(0, 0, 0, .15); opacity: 1; -webkit-border-radius: 20rem 20rem 0 0; border-radius: 20rem 20rem 0 0;}

.breadcrumb {margin-top: -4rem;}
.breadcrumb a {position: relative; display: inline-block; color: var(--primary-color); vertical-align: middle;}
.breadcrumb a::before {position: relative; top: -1rem; display: inline-block; margin-left: 6rem; margin-right: 15rem; content: ''; width: 7rem; height: 7rem; vertical-align: middle; border-top: 2rem solid var(--primary-color); border-right: 2rem solid var(--primary-color); transform: rotate(45deg);}
.breadcrumb a:first-child::before {display: none;}
.breadcrumb a:last-child {cursor: default; color: var(--primary-color) !important;}
.pronav {margin-bottom: 80rem;}
.pronav dl {margin-bottom: 27rem; overflow: hidden;}
.pronav dt {margin-bottom: 13rem; background: var(--primary-color); border-radius: 5rem 5rem 0 0;}
.pronav dt a {display: block; padding: 10rem 12rem; color: var(--high-color);}
.pronav dd a {display: block; padding: 10rem 12rem; color: var(--primary-color); border-top: 1px solid #CCD4B5; transition: all .3s;}
.pronav dd a:first-child {border-top: 0;}
.pro .container > .row {margin-top: 80rem; margin-left: -4.5%; margin-right: -4.5%;}
.pro .cont {padding-bottom: 80rem; text-align: left;}
.pro .adbar {margin-top: 30rem; margin-bottom: 78rem; height: 407rem; color: var(--light-color); border-radius: 18rem;}
.pro .adbar h2 {top: 50rem; left: 50rem; right: 50rem; line-height: 1.14; text-align: left;}
.pro .adbar p {left: 50rem; bottom: 40rem; width: 70%; line-height: 1.4; text-align: left;}
.pro .adbar i {right: 63rem; bottom: 40rem; width: 52rem; height: 56rem; background: url(../img/smlogo.png) no-repeat center center; background-size: cover;}
.pro .tabs {position: relative; margin-left: -5rem; margin-right: -5rem; margin-bottom: 8rem; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start;}
.pro .tabs::before {position: absolute; z-index: 1; left: 5rem; right: 5rem; bottom: -8rem; height: 8rem; display: block; content: ''; background: var(--primary-color);}
.pro .tabs li {margin: 0 5rem -1rem; padding-top: 12rem; text-align: center; transition: all .3s;}
.pro .tabs li a {padding: 8rem; display: flex; height: 100%; color: var(--primary-color); align-items: center; justify-content: center; background: #fff; border: 1px solid var(--primary-color); border-radius: 8rem 8rem 0 0; transition: all .3s;}
.pro .tabs li.on {padding-top: 0;}
.pro .tabs li.on a {color: var(--high-color); background: var(--primary-color);}
.pro .list {position: relative; margin: 0 0 78rem; padding: 0;}
.pro .list::before {position: absolute; z-index: 1; left: 0; right: 0; bottom: -1px; display: block; content: ''; height: 2px; background: #fff;}
.pro .list li {padding: 0; background: var(--light-color); border-bottom: 1px solid #CFD6B8;}
.pro .list li a {margin: 50rem 0; padding: 0 28rem; border-right: 1px solid #CFD6B8;}
.pro .list li .proimg {display: flex; height: 190rem; align-items: center; justify-content: center;}
.pro .list li h3 {margin-top: 22rem; margin-bottom: 7rem; line-height: 22rem; height: 44rem;}
.pro .list li:last-child a {border-right: 0;}
.prodetail {margin-left: 0; margin-right: 0; margin-top: 22rem; padding-top: 27rem; border-top: 2px solid #9FA47D;}
.prodetail .info {margin-top: 18rem; line-height: 1.367;}
.prodetail .des {line-height: 1.6;}
.prodetail .param {margin-top: 62rem; margin-bottom: 70rem; padding: 0;}
.prodetail .param li {padding: 15rem 0; border-bottom: 1px solid #D5D7C6;}
.prodetail .param .weui-cell__ft {padding-left: 15rem; width: 36%; min-width: 100rem; text-align: left; color: var(--primary-color);}
.prodetail .picbox {height: calc(34.492vw * (590 / 660)); border: 1px solid #CCD4B5;}
.prodetail .picbox li {display: flex; align-items: center; justify-content: center;}
.prodetail .smpicbox {margin-top: 28rem; margin-bottom: 80rem; height: 10.7292vw;}
.prodetail .smpicbox li {display: flex; align-items: center; justify-content: center; border: 1px solid #CCD4B5; transition: border-color .3s;}
.prodetail .smpicbox li.on {border-color: var(--high-color);}
.svg-wrapper path[class*="Region-"] {fill: #bbc69c; stroke: #fff; transition: all .3s;}
.region {display: none; margin-bottom: 50rem; background: #f6f5ea; color: #545d18; text-align: left; overflow: hidden; border-radius: 10rem;}
.region:first-child {display: block;}
.region dt {position: relative; padding: 22rem 70rem 17rem 30rem; color: #fff; background: #545d18;}
.region dt i {position: absolute; top: 50%; right: 18rem; margin-top: -15rem; width: 30rem; height: 30rem; background: url(../img/tel.png) no-repeat center center; background-size: cover;}
.region dd {padding: 37rem 25rem 35rem 30rem;}
.region dd .split {display: block; margin: 20rem 0; width: 15rem; height: 3rem; background: #545d18;}
.region dd p {line-height: 1.64;}
.region dd p a {display: block;}
.map-nav a {position: absolute; top: 50%; margin-top: -30rem; width: 60rem; height: 60rem; background: var(--light-color) url(../img/left.png) no-repeat center center; background-size: 80%; border-radius: 50%;}
.map-nav a.disabled {opacity: .5;}
.map-nav a.prev {left: -60rem;}
.map-nav a.next {right: -60rem; transform: rotate(180deg);}
.contact1 {padding-top: 135rem; padding-bottom: 103rem;}
.contact2 {padding: 110rem 0; background: #f6f5ea;}
.contact2 ul {margin-left: -7%; margin-right: -9%;}
.contact2 .itembox {margin: 30rem auto; padding: 27rem; border-radius: 12rem;}
.contact2 h3 {display: inline-block; margin-bottom: 23rem; padding: 2rem 0;}
.contact2 p {color: var(--primary-color); word-break: break-all;}
.contact2 .email {display: block; margin: 10rem 0;}
.contact2 .tel {display: inline-block; border-bottom: 3rem solid #e7ed49;}
.about1 {padding-top: 170rem; padding-bottom: 107rem; background: var(--light-color);}
.about1 .col-sm-8 img {margin-bottom: 50rem;}
.about1 .col-sm-4 p {margin-top: 185rem; line-height: 1.65;}
.about1 .down {left: 0; bottom: 0; margin-left: -25rem; width: 55rem; height: 55rem; background: #e7ed49 url(../img/down.png) no-repeat 50% 50%; background-size: cover; border-radius: 50%;}
.about2 {padding: 70rem 0; background: #bbc69c;}
.about2 dl {margin: 0 0.686%; padding: 50rem 0}
.about2 dl dt, .about2 dl dd {padding: 0;}
.about2 dl:not(:first-child) {border-top: 1px solid #6e7739;}
.about2 dl h3 {margin-bottom: 60rem; color: var(--high-color);}
.about2 dl p {line-height: 1.77;}
.whygds .img {margin-left: 20rem; margin-top: 183rem; margin-bottom: 80rem; width: 31.6%;}
.whygds h2 {margin-left: 20rem; margin-top: 183rem; margin-bottom: 80rem; font-size: 120rem; font-family: 'cg-i';}
.whygds .faq {padding-bottom: 155rem;}
.whygds .faq li {position: relative; padding: 30rem 0; border-bottom: 1px solid #C4C7AF; cursor: pointer;}
.whygds .faq li .row {margin: 0;}
.whygds .faq li .row::before {position: absolute; display: block; content: ''; left: 0; top: 30rem; right: 0; bottom: 30rem; background: #f6f5ea; border-radius: 12rem; transform-origin: 0 0; transform: scale(0); transition: all .3s;}
.whygds .faq li::after {position: absolute; display: block; content: ''; top: 50%; right: 0; width: 32rem; height: 32rem; background: url(../img/add.png) no-repeat; background-size: cover; opacity: 1; transform: translateY(-50%); transition: opacity .3s;}
.whygds .faq li:first-child {border-top: 1px solid #C4C7AF;}
.whygds .faq li h3 {display: inline-block; margin-bottom: 0; padding: 7rem 60rem; background: transparent; border-radius: 0;}
.whygds .faq li p {display: none; margin-bottom: 80rem; line-height: 1.77;}
.whygds .faq li.on::after {opacity: 0;}
.whygds .faq li.on .row {padding: 30rem 27rem;}
.whygds .faq li.on .row::before {transform: scale(1);}
.whygds .faq li.on h3 {margin-bottom: 30rem; padding: 7rem 33rem; background: var(--high-color); border-radius: 30rem;}
.brand1 .weui-cell {left: 0; top: 0; right: 0; bottom: 0; color: #fff;}
.brand1 h2 {font-size: 100rem; font-family: 'cg-i';}
.brand1 p {margin-top: 50rem; line-height: 1.82;}
.brand2 .row {margin: 130rem -70rem;}
.brand2 dl {margin: 70rem; padding: 50rem 45rem 40rem; background: #f6f5ea; border-radius: 25rem;}
.brand2 dt {position: relative; margin-bottom: 30rem; padding: 14rem 24rem; border-radius: 12rem; background: rgba(84, 93, 24, 1); box-shadow: 5rem 5rem 30rem rgba(0, 0, 0, .25);}
.brand2 h3 {position: relative; margin-bottom: 23rem; padding: 10rem 50rem 10rem 0; color: #e7ed49; border-bottom: 2rem solid #e7ed49;}
.brand2 h3 i {width: 24rem; height: 24rem; top: 50%; right: 0; margin-top: -12rem; background-size: cover;}
.brand2 .des {padding-bottom: 12rem; line-height: 1.36; color: #e7ed49;}
.brand2 .des p {margin-top: 15rem;}
.brand2 ol {padding: 0 0 0 24rem; list-style-type: none;}
.brand2 ol li {position: relative; padding: 8rem;}
.brand2 ol li::before {position: absolute; display: block; content: ''; left: 0; top: 17rem; width: 2rem; height: 2rem; background: var(--primary-color);}
.brand2 .col-xs-12:first-child h3 i {background-image: url(../img/icon1.png);}
.brand2 .col-xs-12:last-child h3 i {background-image: url(../img/icon2.png);}