/* public */
.white {color: #fff;}
.gray333 {color: #333;}
.gray666 {color: #666;}
.gray999 {color: #999;}
.green {color: #6b9a35;}
.container {width: 79.167%;}
.container-fluid {padding-left: 4%; padding-right: 4%;}
.hfill {height: 100vh;}
.bgcover {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.imgbox {position: relative; overflow: hidden;}
.imgbox:not(.autoh) img {margin-left: auto; margin-right: auto; width: 100%; height: 100%; object-fit: cover;}
.imgani {transition: all .8s;}
.imgani:hover {transform: scale(1.1);}
.btn {position: relative; top: 0; display: inline-block; padding: 0 28rem; height: 45rem; line-height: 45rem; text-align: center; font-size: 14px; border: 1px solid #6b9a35; border-radius: 3rem; overflow: hidden;}
.btn span {position: relative; z-index: 2; display: block;}
.btn::before, .btn::after {position: absolute; display: block; content: ''; left: -20rem; top: 0; width: 40rem; height: 40rem; background: rgba(255, 255, 255, .75); opacity: 0; transform: rotate(45deg);}
.btn::after {transform: scale(2) rotate(45deg);}
.btn-default {background-color: #fff; border-color: #fff; color: #333;}
.btn-default::before, .btn-default::after {background: rgba(0, 0, 0, .35);}
.btn-primary, .btn-plain.on {background-color: #6b9a35 !important; color: #fff !important;}
.btn-plain {margin-right: 10rem; color: #6b9a35;}
.btn-plain.on, .btn-default.on {box-shadow: 10rem 10rem 18rem rgba(0, 0, 0, .15);}
.mask {display: none; position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5);}
.menubox {position: fixed; z-index: 1002; top: 0; right: 0; margin-right: 4.5%; height: 74rem; transition: background .3s .5s;}
.menubtn {position: relative; top: 1rem; right: -8rem; width: 60rem; height: 60rem; cursor: pointer;}
.menubtn i {position: absolute; display: block; top: 50%; left: 50%; height: 3rem; width: 30rem; background: #fff; border-radius: 2px; transform: translate(-50%, -50%); transition: all .3s;}
.menubtn i:nth-child(1) {margin-top: -10rem;}
.menubtn i:nth-child(3) {margin-top: 10rem;}
.menubtn.on i:nth-child(2) {width: 0;}
.menubtn.on i:nth-child(1) {margin-top: 0; transform: translate(-50%, -50%) rotate(45deg);}
.menubtn.on i:nth-child(3) {margin-top: 0; transform: translate(-50%, -50%) rotate(-45deg);}
.header-wrap {z-index: 1000; top: 0; left: 0; right: 0;}
.header {position: fixed; z-index: 999; top: 0; left: 0; right: 0;}
.header .weui-cell {padding-top: 0; height: 94rem; background: url(../img/navbg.png) no-repeat center center; background-size: cover;}
.header .logo {width: 150rem; margin-top: 5rem;}
.header .logo img {height: 45rem;}
.header .split {margin-left: 20rem; margin-right: 20rem; width: 1px; height: 20rem; background: rgba(255, 255, 255, .3);}
.navbar li {display: inline-block; font-size: 16rem;}
.navbar > li > a {position: relative; display: block;  padding: 0 45rem; line-height: 74rem;}
.navbar > li > a {color: #fff !important;}
.subnav {position: absolute; z-index: 998; top: 0; left: 0; right: 0;}
.subnav .dropmenu {display: none; top: 0; left: 0; right: 0; padding-top: 100rem; padding-bottom: 25rem; text-align: center; background: #fff;}
.subnav .dropmenu li {display: inline-block;}
.subnav .dropmenu li a {display: block; padding: 15rem 67rem;}
.subnav .dropmenu-cont {background-color: #fff; overflow: hidden;}
.subnav .dropmenu-cont li {display: none;}
.subnav .dropmenu-cont a {display: inline-block !important; width: 190rem; margin: 43rem; padding: 0 !important; text-align: center;}
.subnav .dropmenu-cont .imgbox {margin: 0 auto 10rem; width: 103rem; height: 103rem; background: #000;}
.subnav .dropmenu-cont p {margin-top: 5rem; line-height: 18rem; height: 36rem;}
#navpro > ul > li.on > a {color: #6b9a35;}

.language > a, .robot a {height: 74rem;}
.language > a {line-height: 74rem;}
.language .dropmenu {display: none; position: absolute; left: -42%; top: 63rem; padding-top: 10rem; padding-bottom: 10rem; width: 200%; text-align: center; background: rgba(107, 154, 53, .75);}
.language .dropmenu a {display: block; color:  #fff !important;}
.robot a {padding-top: 25rem;}

.footer {padding-top: 45rem; padding-bottom: 27rem; background-color: #f0efe9;}
.footer .logo {right: 0; top: 5rem; width: 121rem;}
.footer .nav ul {display: flex; padding-bottom: 5rem; flex-wrap: wrap; align-items: stretch; justify-content: flex-start;}
.footer .nav li {display: inline-block; margin-right: 6%; margin-bottom: 20rem;}
.footer .nav li h6 {margin-bottom: 18rem;}
.footer .nav li a {display: block;}
.footer a path {transition: all .3s;}
.footer .gotop {color: #000;}
.sharebox a {position: relative; display: inline-block; margin-right: 5rem; width: 30px; height: 30px; text-align: center; background: #e0ddca; border-radius: 50%; overflow: hidden;}
.sharebox a img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sharebox a img.after {opacity: 0;}
.footbg {border-top: 1px solid #757471; background: url(../img/foot_logo.png) no-repeat center top; background-size: 100% auto;}
.footbg img, .bgblack img {width: 100%;}
.footbg .bgpic {top: 0; left: 0; right: 0;}
.footbg a {position: absolute; z-index: 1; left: 50%; bottom: 17%; padding: 2px 0; color: #fff; text-decoration: underline; transform: translateX(-50%);}
.bgblack {left: 0; right: 0; bottom: 0; background: #000;}
.bgblack::before {position: absolute; display: block; content: ''; left: 0; right: 0; bottom: 100%; height: 80vh; background: #000;}

/* 分页 */
.pagination {margin: 70rem auto 15rem; padding: 2px 5px;}
.pagination .btn-first, .pagination .btn-last, .pagination .btn-prev, .pagination .btn-next {position: relative; top: -1px; display: inline-block; width: 26rem; height: 26rem; vertical-align: middle;}
.pagination .btn-first::before, .pagination .btn-first::after,
.pagination .btn-last::before, .pagination .btn-last::after, 
.pagination .btn-prev::before, .pagination .btn-next::after {position: absolute; display: block; content: ''; margin-top: -5rem; top: 50%; width: 7rem; height: 7rem; border-left: 1px solid #707070; border-top: 1px solid #707070; transition: all .3s;}
.pagination .btn-first::before, .pagination .btn-first::after, .pagination .btn-prev::before {left: 50%; margin-top: -5rem; transform: rotate(-45deg) translate(-50%, -50%);}
.pagination .btn-first::after {margin-left: 6px;}
.pagination .btn-last::before, .pagination .btn-last::after, .pagination .btn-next::after {right: 50%; transform: rotate(135deg) translate(-50%, -50%);}
.pagination .btn-last::after {margin-right: 6px;}
.pagination .pager, .pagination .pager a{display: inline-block;}
.pagination .pager a{margin: 0 5rem; width: 26rem; line-height: 26rem; color: #333; font-size: 12rem; transition: all .3s;}
.pagination .pager a.on {background-color: #6b9a35; color: #fff !important;}

/* index */
:root {
  --swiper-theme-color: #6b9a35 !important;
}
.idx-banner, .idx-banner .swiper-container {height: 100vh !important; overflow: hidden;} 
.idx-banner .swiper-slide {height: 100% !important;}
.idx-banner .swiper-slide .container {position: absolute; left: 0; right: 0; height: 100%; padding: 0 15px;}
.idx-banner .swiper-slide h3 {line-height: 1.262;}
.idx-banner .slide-inner {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover;}
.idx-banner .isvideo {width: 100%; height: 100%; display: block; object-fit: cover;}
.idx-banner .controls {z-index: 15; left: 0; right: 0; bottom: 0; height: 84rem; text-align: center; color: #fff; background: url(../img/dotbg.png) no-repeat center center; background-size: auto 100%;}
.idx-banner .dots {display: inline-block; padding: 0 80rem;}
.idx-banner .dot {display: block; margin: 18rem auto; width: 8rem; height: 8rem; background: #fff; border-radius: 50%; box-shadow: 0 3rem 7rem rgba(0, 0, 0, .22); opacity: 1; transform: scale(0); transition: all .3s;}
.idx-banner .num {opacity: .3; transition: all .3s;}
.idx-banner .dots.on .dot {opacity: 1; transform: scale(1);}
.idx-banner .dots.on .num {opacity: 1;}
.guge > img {width: 37rem; height: 37rem;}
.guge > span {line-height: 1.25; margin: 0 5rem;}

.idx1 .title {margin: 73rem auto 85rem; width: 55%;}
.idx1 ul {margin-left: -9rem; margin-right: -9rem;}
.idx1 li {margin-bottom: 18rem; padding-left: 9rem; padding-right: 9rem;}
.idx1 li .imgbox {height: calc(31.563vw);}
.idx1 li:first-child .imgbox {height: calc(26.615vw);}
.idx1 .txtbox {left: 60rem; bottom: 57rem; color: #fff;}
.idx1 .btn-primary {margin-left: 27rem;}
.idx1 .btn-default {margin: 80rem auto 90rem; border-color: #000;}
.idx1 .btn-default i {font-style: normal; padding-left: 30rem;}
.idx2 {background-color: #8f8f8f;}
.idx2 .box {z-index: 1; top: 0; bottom: 0; left: 0; right: 0;}
.idx2 .weui-cell {height: 100%;}
.idx2 .txtbox {width: 36%;}
.idx2 .bgpic {left: 0; top: 0; bottom: 0;}
.idx2 .bgpic img {height: 100%; width: auto;}
.idx2 .btn-plain {border-color: #fff; color: #fff;}
.idx2 .weui-flex {position: absolute; z-index: 12; left: 0; bottom: 0; right: 0; height: 66rem; color: #fff; background: rgba(0, 0, 0, .5); border-top: 1px solid #D3E3E1;}
.idx2 .weui-flex__item {position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.idx2 .weui-flex__item::before {position: absolute; display: block; content: ''; top: -4rem; left: 50%; margin-left: -33rem; width: 66rem; height: 4rem; background: #8AAE60; transform: scale(0); transition: all .3s;}
.idx2 .weui-flex__item.on::before {transform: scale(1);}
.idx3 .title {margin-bottom: 115rem; margin-top: 105rem;}
.idx3-box1 .bgpic {top: 0; left: 0; right: 0; bottom: 0;}
.idx3-box1 .txtbox {top: 50%; left: 7.9%; width: 35%; transform: translateY(-50%);}
.idx3-box1 .btn {padding-left: 0; padding-right: 0; border-color: transparent; background: transparent; color: #fff;}
.idx3-box1 .btn i {font-style: normal; padding-left: 10rem;}
.idx3-box2 .swiper-slide {width: 216rem;}
.idx3-box2 .split {position: relative; margin: 35rem auto 10rem; width: 150rem; border-top: 1px solid #f1f1f1; transform: scale(0); opacity: 0; transition: all.3s;}
.idx3-box2 .split::before {position: absolute; display: block; content: ''; left: 50%; bottom: 100%; border-left: 4rem solid transparent; border-right: 4rem solid transparent; border-bottom: 6rem solid #6b9a35;}
.idx3-box2 .imgbox {margin: 0 auto 10rem; width: 150rem; height: 150rem; cursor: pointer;}
.idx3-box2 .imgbox::before {position: absolute; display: block; content: ''; top: 0; left: 0; right: 0; bottom: 0; border: 6rem solid #fff; transform: scale(.75); opacity: 0; transition: all .3s;}
.idx3-box2 .swiper-slide.on .split {transform: scale(1); opacity: 1;}
.idx3-box2 .swiper-slide.on .imgbox {box-shadow: 16rem 16rem 24rem rgba(0, 0, 0, .2);}
.idx3-box2 .swiper-slide.on  .imgbox::before {transform: scale(1); opacity: 1;}
.idx4 {margin-top: 74rem;}
.idx4 .container-fluid {z-index: 2; padding-top: 246rem; padding-bottom: 256rem; color: #fff;}
.idx4 .imgbox {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.idx4 .bglogo {right: -120rem; bottom: -30rem; width: 43.8044%;}
.idx4 hr {margin-top: 75rem; margin-bottom: 75rem; opacity: .1;}
.idx4 .fenhao {top: 10rem; width: 28rem; height: 20rem;}
.idx5 {height: 916rem; background-color: #f9f9f9;}
.idx5::before {position: absolute; display: block; content: ''; top: 0; right: 0; bottom: 0; width: 45%; background-color: #fff;}
.idx5 .bgpic {z-index: 1; top: 50%; left: 50%; height: 100%; max-height: none; width: auto; max-width: none; pointer-events: none; transform: translate(-50%, -50%);}
.idx5 .more {display: block; margin-bottom: 12rem;}
.idx5 .more i {padding-left: 3rem; font-style: normal;}
.idx5 a:hover h3 {color: #6b9a35;}
.idx5-box1 dl {padding: 35rem 0; border-bottom: 1px solid #DFDFDF; line-height: 1.2;}
.idx5-box1 dt {padding: 0;}
.idx5-box1 dt .date {width: 145rem; padding-top: 4rem;}
.idx5-box1 dd {display: none; margin-bottom: 10rem;}
.idx5-box1 dl:first-child dd {display: block;}
.idx5-box2 .itembox {line-height: 1.2;}

/* tms */
.banner .container-fluid, .banner .container {top: 0; left: 0; right: 0; bottom: 0; padding-top: 90rem; padding-bottom: 80rem; color: #fff;}
.banner-bottom {padding: 0; height: 100%;}
.banner-bottom .des {width: 36%; color: #fff;}
.banner-middle {height: 100%;}
.tms1 .txtbox {top: 0; bottom: 0;}
.tms1 li {margin-top: 28rem;}
.tms1 li:first-child {margin-top: 58rem;}
.tms1 li:nth-child(2n) .txtbox {right: 8.33333333%;}
.tms1 li:nth-child(2n-1) .txtbox {left: 8.33333333%;}
.tms2 {padding-top: 95rem; padding-bottom: 80rem;}
.tms3 .txtbox {top: 50%; left: 50%; color: #fff; transform: translate(-50%, -50%);}
.tms3 .btn {border-color: #fff; color: #fff;}
.tms4 .swiper-container {padding: 28rem 10rem 0;}
.tms4 {padding-top: 90rem; padding-bottom: 40rem;}
.tms4 .swiper-slide {position: relative; top: 0; margin-bottom: 55rem; padding: 45rem 15rem; background: #f9f9f9; transition: box-shadow .3s, top .3s;}
.tms4 .weui-cell {margin: 0 auto 50rem; width: 175rem; height: 175rem;}
.tms4 .btn {margin-top: 5rem;}
.tms4 .swiper-pagination {position: static; margin-bottom: 50rem;}
.tms4 .swiper-pagination-bullet {position: relative; width: 50rem; height: 1px; border-radius: 0;}
.tms4 .swiper-pagination-bullet-active {top: 1px; height: 3px;}

.service1 {padding-top: 100rem; padding-bottom: 124rem; background: #ececec;}
.service1 .bgpic {left: 0; right: 0; bottom: 27rem;}
.service1 li {margin-bottom: 34rem; height: 704rem; overflow: hidden; background: #000; box-shadow: 0 13rem 68rem rgba(0, 0, 0, .11);}
.service1 .imgbox {width: 67.261%; height: 100%;}
.service1 .txtbox {left: 5%; bottom: 12%; width: 65%;}
.service1 .itembox {top: 0; right: 0; bottom: 0; padding: 0 4% 0 14%; width: 40.3%; height: 100%; text-align: center; background: url(../img/ind1.png) no-repeat left center; background-size: cover;}
.service1 .img {height: 220rem; margin-bottom: 63rem;}
.service1 .img img {max-height: 100%;}

.service2 .container {z-index: 1; padding-top: 100rem;}
.service2 .bgpic1 {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.service2 .bgpic2 {left: 0; right: 0; bottom: 0;}
.service2 .bgpic3 {z-index: 2; left: 0; right: 0; bottom: 0;}
.service2 .formbox {margin: 100rem -65rem 0; padding: 21rem 65rem 153rem; background: #fff;}
.service2 .col-xs-12 {margin-top: 42rem; padding-left: 65rem; padding-right: 65rem; overflow: hidden;}
.formbox label {display: block; margin-bottom: 10rem; white-space: nowrap;}
.formbox input.weui-input {height: 40rem; line-height: 40rem; font-weight: normal; border-bottom: 1px solid #D9D9D9;}
.formbox input.weui-input:focus {border-bottom-color: #333;}
.formbox textarea.weui-input {padding: 15rem; height: 115rem; font-weight: normal; background-color: #f7f7f7; border: 1px solid transparent;}
.formbox textarea.weui-input:focus {border-color: #333;}
.formbox .submit {display: block; margin-top: 25rem; width: 100%; height: 45rem; line-height: 45rem; text-align: center; color: #fff; background: #6b9a35; border-radius: 3rem; cursor: pointer;}
.formbox .submit:hover {background: #87c441; color: #fff;}

.contact {padding-top: 77rem; padding-bottom: 83rem; background: #f5f5f5;}
.contact .row {margin-left: 8rem -8rem;}
.contact .col-xs-12 {padding: 8rem;}
.contact .itembox {top: 0; height: 310rem; background-color: #fff; overflow: hidden; box-shadow: 0 18rem 30rem rgba(0, 0, 0, .05);}
.contact .itembox img {width: 67.643%; right: 0; bottom: 0;}
.contact .itembox h3 {left: 22rem; top: 4rem;}
.contact .itembox p {left: 22rem; bottom: 25rem; min-height: 56rem;}
.contact .col-xs-12:nth-child(1) .itembox img {right: -15%; bottom: -18%;}
.contact .col-xs-12:nth-child(2) .itembox img {right: -23%; bottom: -10%;}
.contact .col-xs-12:nth-child(3) .itembox img {right: -13%; bottom: -13%;}

.support1 .img {width: auto; height: 34rem;}
.support1 p {margin-top: 45rem; margin-bottom: 40rem; width: 36%; line-height: 1.125;}
.support2 {padding-top: 100rem; padding-bottom: 135rem;}
.support2 .weui-cell__hd {position: sticky; left: 0; top: 100rem; }
.support2 dl {margin-top: 14rem; padding: 20rem 40rem; cursor: pointer; border: 1px solid #d7d7d7;}
.support2 dl:first-child {margin-top: 131rem;}
.support2 dt {position: relative; padding-left: 37rem; background: url(../img/sup1.png) no-repeat 0 50%; background-size: 11rem auto;}
.support2 dd {padding-left: 37rem; display: none;}
.support3 .container {top: 0; left: 0; right: 0; bottom: 0; padding-left: 15px; padding-right: 15px;}
.support3 .weui-flex {position: relative; margin-top: 11%; margin-left: 32%; height: 269rem; background: #fff; align-items: center;}
.support3 .weui-flex::after {position: absolute; display: block; content: ''; top: 0; bottom: 0; left: 100%; width: 50%; background: #fff;}
.support3 .tit {margin-bottom: 5rem; padding-left: 30rem; background: url(../img/sup2.png) no-repeat left center; background-size: 15rem auto;}

.searchbar {width: 329rem; height: 50rem; border: 1px solid #d7d7d7;}
.searchbar .weui-input {padding-left: 22rem; padding-right: 22rem; color: #333;}
.searchbar .weui-input::-webkit-input-placeholder {color: #333;} 
.searchbar .weui-cell__ft {width: 50rem; height: 100%; background: url(../img/search.png) no-repeat center center; background-size: 21rem auto;}
.news1 {padding-top: 210rem; margin-bottom: 35rem;}
.news2 {margin-bottom: 66rem; padding: 32rem 28rem; background: #f2f2f2;}
.news2 .split, .news3 .split {padding-left: 10rem; padding-right: 10rem;}
.news2 p {margin-top: 14%; margin-bottom: 8%;}
.news3 {padding-bottom: 75rem;}
.news3 .row {margin: 19rem -19rem;}
.news3 .col-xs-12 {padding: 19rem;}
.news3 .imgbox {height: 320rem;}
.news3 .txtbox {padding: 33rem 38rem; height: 170rem; overflow: hidden;}

.about1 {padding-bottom: 86rem;}
.about1 h2 {line-height: 1;}
.about2 .des {padding-top: 218rem; padding-bottom: 218rem;}
.about2 ul {padding-bottom: 70rem;}
.about2 .txtbox {z-index: 1; top: 75rem; bottom: 75rem; padding: 20rem 80rem; width: 37.5%; text-align: center; background: #fff; overflow: hidden;}
.about2 .txtbox::before, .about2 .txtbox::after {position: absolute; display: block; content: ''; width: 772rem; height: 772rem; pointer-events: none; border-radius: 50%;}
.about2 li:first-child .txtbox {right: 75rem;}
.about2 li:first-child .txtbox::before {right: 23%; top: 90%; background: rgba(138, 178, 98, .2);}
.about2 li:first-child .txtbox::after {left: 6%; top: 89%; background: rgba(138, 178, 98, .58);}
.about2 li:last-child .txtbox {left: 75rem;}
.about2 li:last-child .txtbox::before {right: 38%; bottom: 71%; background: rgba(138, 178, 98, .1);}
.about2 li:last-child .txtbox::after {left: -19%; top: 93%; background: rgba(138, 178, 98, .5);}
.about2 li:last-child .weui-cell__hd {position: absolute; left: 42%; top: 72%; width: 772rem; height: 772rem; background: rgba(138, 178, 98, .5); border-radius: 50%;}
.about3 {padding-top: 60rem; padding-bottom: 67rem; background: #f5f5f5;}
.about3 .tabs {margin-top: 35rem; margin-bottom: 36rem; white-space: nowrap; border-bottom: 1px solid #E0E0E0; overflow-x: auto; overflow-y: hidden;}
.about3 .tabs a {position: relative; display: inline-block; margin: 0 53rem; padding: 15rem 0;}
.about3 .tabs a::after {position: absolute; display: block; content: ''; left: 0; bottom: -1px; right: 0; height: 2px; background: #6b9a35; transform: scale(0); transition: all .3s;}
.about3 .tabs a.on {color: #6b9a35;}
.about3 .tabs a.on::after {transform: scale(1);}
.about3 .row {margin: 18rem -18rem;}
.about3 .row:not(:first-child) {display: none;}
.about3 .col-xs-12 {padding: 18rem;}
.about3 .itembox {height: 536rem; background: #fff; overflow: hidden;}
.about3 .imgbox {height: 322rem; background: #000;}
.about3 .imgbox img {opacity: .5;}
.about3 .imgbox i {position: absolute; display: block; top: 50%; left: 50%; margin-top: -37rem; margin-left: -37rem; width: 74rem; height: 74rem; border-radius: 50%; overflow: hidden; background-image: linear-gradient(118deg, rgba(255, 255, 255, .82) 10%, rgba(0, 0, 0, .82) 110%);}
.about3 .imgbox i::before {position: absolute; display: block; content: ''; width: 20rem; height: 24rem; margin-top: -12rem; margin-left: -7rem; top: 50%; left: 50%; background: url(../img/player.png) no-repeat center center; background-size: 100% 100%;}
.about3 .txtbox {padding: 43rem 55rem;}
.about3 .txtbox p {margin-top: 23rem; font-size: 16rem; line-height: 20rem; height: 60rem;}
.video-wrap {display: none; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .75);}
.videobox {top: 50%; left: 50%; width: 60vw; height: calc(60vw * (9 / 16)); background: #000; border: 6rem solid #fff; border-radius: 12rem; transform: translate(-50%, -50%);}
.videobox video {width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-position: center; object-fit: contain;}
.videobox .close {top: -22rem; right: -22rem; width: 44rem; height: 44rem; background: #fff; cursor: pointer; border-radius: 50%;}
.videobox .close::before, .videobox .close::after {position: absolute; display: block; content: ''; top: 50%; left: 50%; margin-top: -1rem; margin-left: -12rem; width: 24rem; height: 2rem; background: #333;}
.videobox .close::before {transform: rotate(45deg);}
.videobox .close::after {transform: rotate(-45deg);}

.bgcircle {display: none; top: 50%; left: 50%; width: 79.167vw; height: 79.167vw; background: rgba(107, 154, 53, .15); border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none;}
.bgcircle::before {position: absolute; display: block; content: ''; top: 25%; left: 25%; right: 25%; bottom: 25%; border-radius: 50%; background: #fff;}
.term1 .container {position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-top: 94rem;}
.term1 .weui-cell {position: absolute; top: 0; right: 0; bottom: 0;}
.term1 .btn i {position: relative; top: 3rem; display: inline-block; margin-right: 5rem; width: 17rem; height: 19rem; background: url(../img/download.png) no-repeat center center; background-size: cover;}
.term2 {padding-top: 88rem; padding-bottom: 88rem;}
.term2-box1 .txtbox {top: 0; left: 0; bottom: 0; width: 50%; padding: 20rem 8.33333333%;}
.term2-box2 {padding-top: 128rem; padding-bottom: 90rem;}
.term2-box2 h2 {margin-bottom: 35rem; line-height: 1.14;}
.term2-box3 .txtbox {left: 8.33333333%; bottom: 8%; line-height: 1.14;}
.term3 {padding-top: 65rem; padding-bottom: 88rem; background: #f7f7f7;}
.term3 .row {margin: 0 -12rem;}
.term3 .col-xs-12 {padding-left: 12rem; padding-right: 12rem;}
.term3 h3 {position: absolute; right: 30rem; bottom: 30rem; line-height: 1.08; color: #fff; text-align: right;}
.term3 .imgbox {margin-top: 23rem; background: #000;}
.term3 .col-xs-12:nth-child(1) .imgbox {background: #373737;}
.term3 .col-xs-12:nth-child(2) .imgbox:nth-child(1) {background: #525252;}
.term3 .col-xs-12:nth-child(3) .imgbox:nth-child(2) {background: #535353;}
.term3 .col-xs-12:nth-child(1) .imgbox h3 {right: 49rem; bottom: 35rem;}
.term3 .col-xs-12:nth-child(2) .imgbox:nth-child(2) h3 {bottom: auto; top: 30rem;}
.term3 .col-xs-12:nth-child(3) .imgbox:nth-child(1) h3 {top: 60rem; left: 30rem; right: 30rem; bottom: auto; text-align: center;}
.term4 {height: calc(100vw * (9 / 16)); background: #000;}
.term4 > img {opacity: .5;}
.term4 .video {display: none; width: 100%; height: 100%; object-fit: cover; opacity: .5; transition: opacity .3s;}
.term4 .video.on {opacity: 1;} 
.term4 .container {left: 0; right: 0; top: 0; bottom: 0; pointer-events: none;}
.term4 .txtbox {top: 50%; left: 15px; color: #fff; transform: translateY(-50%);}
.term4 .txtbox h3 {line-height: 1.14;}
.term4 .txtbox .btn {pointer-events: all;}
.term4 .txtbox .btn em {font-style: normal; font-weight: normal;}
.term4 .txtbox .btn i {position: relative; top: -2rem; display: inline-block; vertical-align: middle; margin-right: 7rem; width: 18rem; height: 18rem; background: url(../img/play.png) no-repeat center center; background-size: cover;}
.term4 .txtbox .btn.on i {background: url(../img/paused.png) no-repeat center center; background-size: cover;}
/*.term6::before, .term6::after {position: absolute; display: block; content: ''; top: 67rem; height: 63%; width: 4%; background: rgba(0, 0, 0, .2);}*/
/*.term6::before {left: 0;}*/
/*.term6::after {right: 0;}*/
.term5 {margin-top: 67rem;}
.term5 > .swiper-container > .swiper-button-prev, .term5 > .swiper-container > .swiper-button-next {top: 34%; color: #fff; transform: scale(0.6);}
.term5 > .swiper-container > .swiper-button-prev {left: 14%;}
.term5 > .swiper-container > .swiper-button-next {right: 14%;}
.term5 > .swiper-container > .swiper-wrapper > .swiper-slide {padding-left: 3%; padding-right: 3%;}
.term5 > .swiper-container > .swiper-wrapper > .swiper-slide .tms4 {opacity: 0; transition: opacity .3s;}
.term5 > .swiper-container > .swiper-wrapper > .swiper-slide.swiper-slide-active .tms4 {opacity: 1;}
.term5 h2 {top: 50%; left: 15%; width: 70%; text-align: center; color: #fff; transform: translateY(-50%);}
.term5 .tms4 {padding-top: 34rem;}
.term5 .tms4 .swiper-container {margin-left: 13%; margin-right: 13%; padding: 0;}
.term5 .tms4 .swiper-slide {margin-bottom: 0; background: transparent; box-shadow: none !important;}
.term5 .tms4 .weui-cell {margin-bottom: 12rem; width: 92rem; height: 92rem;}
.tms4 .swiper-button-prev, .tms4 .swiper-button-next {width: 46rem; height: 46rem; color: #000; background: #f5f5f5; border-radius: 50%; transition: all .3s;}
.tms4 .swiper-button-prev::after, .tms4 .swiper-button-next::after {transform: scale(0.3);}
.term7 {padding-top: 60rem; padding-bottom: 70rem; background: #f5f5f5;}
.term7 .tabs {margin-bottom: 15rem; margin-top: 35rem; border-bottom: 1px solid #E1E1E1}
.term7 .tabs a {position: relative; display: inline-block; padding: 15rem 0; margin-right: 54rem;}
.term7 .tabs a::after {position: absolute; display: block; content: ''; left: 0; bottom: -1px; right: 0; height: 2px; background:#8AAE60; transform: scale(0); transition: all .3s;}
.term7 .tabs a.on::after {transform: scale(1);}
.term7 .row {margin: 9rem -9rem; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start;}
.term7 li {padding: 9rem;}
.term7 .itembox {padding: 40rem; height: 100%; background: #fff;}
.term7 .itembox p {margin-top: 10rem;}

.newsinfo-title {margin-top: 130rem; margin-bottom: 40rem; padding: 30rem 0; border-bottom: 1px solid #E8E8E8;}
.newsinfo-title .weui-cell__bd h1 {margin-top: 15rem;}
.newsinfo-title .btn {margin-top: 32rem;}
.newsinfo-title .btn i {position: relative; top: 1rem; display: inline-block; margin-right: 6rem; width: 16rem; height: 13rem; background: url(../img/back.png) no-repeat center center; background-size: cover;}
.newsinfo-cont {padding-bottom: 130rem;}
.newsinfo-cont img {max-width: 100% !important;}


@-webkit-keyframes sxxs1 {
  0% {-webkit-transform: scale(0) rotate(45deg); opacity: .3;}
  100% {-webkit-transform: scale(8) rotate(45deg); opacity: 0;}
}
@-moz-keyframes sxxs1 {
  0% {-moz-transform: scale(0) rotate(45deg); opacity: .3;}
  100% {-moz-transform: scale(8) rotate(45deg); opacity: 0;}
}