@media (min-width: 768px) {
  .idx-banner .swiper-slide h3, .idx-banner .swiper-slide p {width: 30%;}
  .idx5-box1 {width: 53%;}
  .idx5-box1 dt {padding-right: 16%;}
  .idx5-box1 dd {padding-left: 145rem; padding-right: 16%;}
  .idx5-box2 {width: 47%;}
  .idx5-box2 .itembox {padding-left: 14.5%;}
  .tms1 .txtbox {width: 30%;}
  .tms2 .txtbox {width: 66%; margin: 0 auto;}
  .news2 .weui-cell {flex-direction: row-reverse;}
  .news2 .weui-cell__bd {padding-left: 2.5%; padding-right: 6%;}
  .news2 .imgbox {margin-left: 23rem; margin-right: 10rem;}
  .about1 {position: absolute; left: 0; bottom: 0; right: 0; height: auto;}
  .about1 .weui-cell__hd {margin-top: 5rem; width: 40%;}
  .about2 .des {margin-left: 40%;}
  .support2 .weui-cell__hd {width: 39.579%; padding-right: 6.579%;}
  .newsinfo-title .weui-cell__bd {padding-right: 28%; line-height: 1.188;}
}

@media (min-width: 992px) {
  .term2-box2 .col-sm-7 {margin-left: 3%; width: 58%;}
}
@media (min-width: 1200px) {
  html {font-size: calc(100vw / 1920);}
  a:not(.btn):hover, .footer .gotop:hover, .support2 dl:hover dt, .about3 .itembox:hover h3 {color: #6b9a35;}
  .btn:hover::before {-webkit-animation: sxxs1 1s 1s linear infinite; -moz-animation: sxxs1 1s 1s linear infinite;}
  .btn:hover::after {-webkit-animation: sxxs1 1s 0.2s linear infinite; -moz-animation: sxxs1 1s 0.2s linear infinite;}
  .idx3-box1 .btn:hover {padding-left: 30rem; padding-right: 30rem;}
  .sharebox a:hover {background-color: #6b9a35;}
  .sharebox a:hover .before {opacity: 0;}
  .sharebox a:hover .after {opacity: 1;}
  .footer .gotop:hover path {fill: #6b9a35;}
  .contact .itembox:hover {top: -12rem;}
  .tms4 .swiper-slide:hover {top: -10rem; box-shadow: 0 5rem 15rem rgba(0, 0, 0, .15);}
  .news3 .col-xs-12 a:hover {box-shadow: 0 13rem 25rem rgba(0, 0, 0, .11);}
  .about3 .itembox:hover {box-shadow: 0 13rem 27rem rgba(0, 0, 0, .11);}
  .videobox .close:hover {transform: rotate(180deg);}
  .tms4 .swiper-button-prev:hover, .tms4 .swiper-button-next:hover {color: #fff; background-color: #6b9a35;}
  .idx1 .btn-default:hover {border-color: #6b9a35; color: #6b9a35; background-color: #6b9a35;}
  .idx1 .btn-default:hover span {color: #fff;}
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .f14 {font-size: 12px;}
  .f16 {font-size: 14px;}
}

@media (max-width: 1400px) {
  .service2 .formbox {margin-left: -40rem; margin-right: -40rem;}
  .service2 .col-xs-12 {padding-left: 40rem; padding-right: 40rem;}
}
@media (max-width: 1199px) {
  .container {width: 75%;}
  .bgcircle {width: 75vw; height: 75vw;}
  .navbar li > a {font-size: 16px; padding-left: 30rem; padding-right: 30rem;} 
  .about2 .txtbox {padding-left: 40rem; padding-right: 40rem;}
  .about2 .txtbox::before, .about2 .txtbox::after {width: 500rem; height: 500rem;}
  .term6::before, .term6::after {height: 54%;}
  .term5 > .swiper-container > .swiper-button-prev, .term5 > .swiper-container > .swiper-button-next {top: 29%;}
}
@media (max-width: 1100px) {
 .navbar li > a {padding-left: 15rem; padding-right: 15rem;}
 .term2-box1 .txtbox {width: 60%;}
 .term6::before, .term6::after {height: 51%;}
}
@media (max-width: 767px) {
  .f14 {font-size: 12px;}
  .f16 {font-size: 14px;}
  .f18 {font-size: 15px;}
  .f20 {font-size: 16px;}
  .f22 {font-size: 17px;}
  .f24 {font-size: 18px;}
  .f26 {font-size: 19px;}
  .f28 {font-size: 20px;}
  .f80 {font-size: 72rem;}
  .container-fluid {padding-left: 15px; padding-right: 15px;}
  .header .weui-cell {transition: background-color .3s;}
  .header.on .weui-cell {background-color: #fff;}
  .navbar {display: none; position: fixed; z-index: 100; top: 80rem; left: 0; bottom: 0; padding-left: 15px; padding-right: 15px; width: 100%; background: #fff; overflow-y: auto; }
  .navbar li {display: block; text-align: left;}
  .navbar > li {border-top: 1px solid #aaacaf;}
  .navbar > li:first-child {border-top: 0;}
  .navbar > li > a {padding: 10rem 0; color: #333 !important; transition: color .3s;}
  .navbar > li.on > a {color: #6b9a35 !important;}
  .msubnav {display: none;}
  .msubnav > li > a {position: relative; display: block; padding: 23rem; color: #aaacaf; font-size: 14px; transition: all .3s;}
  .msubnav > li > a::before {position: absolute; display: block; content: ''; left: 0; top: 50%; border-top: 8rem solid transparent; border-bottom: 8rem solid transparent; border-left: 10rem solid #aaacaf; transform: translateY(-50%); transition: all .3s;}
  .msubnav > li.on > a {background-color: #6b9a35; color: #fff;}
  .msubnav > li.on > a::before {top: 45%; left: 3rem; border-top-width: 6rem; border-bottom-width: 6rem; border-left-color: #fff; transform: rotate(90deg) translateY(-50%);}
  .msubnav-drop {display: none;}
  .msubnav-drop a {display: block; padding: 20rem 23rem; font-size: 14px; border-top: 1rem solid #fff; background-color: #eee;}
   
  .idx1 .title {width: 100%;}
  .idx5 {height: auto;}
  .idx5-box1 dt {display: block;}
  .idx5-box1 dt .imgbox {margin-bottom: 30rem;}
  .idx5-box1 dd {display: -webkit-box !important; margin-top: 20rem; height: 54px; line-height: 18px;}
  .banner .imgbox {height: 560rem;}
  .banner-bottom {position: absolute; left: 0; bottom: 0; right: 0; height: auto; padding: 70rem 15px; display: block; text-align: center;}
  .banner-bottom .des {margin-top: 20rem; width: 100%; text-align: center;}
  .tms1 .imgbox {height: 500rem;}
  .tms1 .txtbox {width: 83.33333333%;}
  .service1 {padding-top: 60rem; padding-bottom: 50rem;}
  .service1 .imgbox {width: 85%;}
  .service1 .img {height: auto; margin-bottom: 40rem;}
  .service2 .formbox {margin-left: 0; margin-right: 0; padding-left: 50rem; padding-right: 50rem; padding-bottom: 85rem;}
  .service2 .col-xs-12 {padding-left: 0; padding-right: 0;}
  .support2 .weui-cell {display: block;}
  .support2 .weui-cell__hd {position: static;}
  .support2 dl:first-child {margin-top: 40rem;}
  .support3 .imgbox {height: 600rem;}
  .support3 .weui-flex {display: block; margin-left: 15%; padding: 15rem; height: auto; text-align: left;}
  .support3 .weui-flex__item {margin: 20rem;}
  .about2 .imgbox {height: 500rem;}
  .about2 .txtbox {left: 40rem !important; top: 40rem; right: 40rem !important; bottom: 40rem; width: auto;}
  .news2 .weui-cell {display: block;}
  .news2 .imgbox {margin-bottom: 20rem;}
  .videobox {width: 90%; height: calc(90vw * (9 / 16));}
  .term6::before, .term6::after {height: 360rem;}
  .term5 .imgbox {height: 360rem;}
  .term5 > .swiper-container > .swiper-button-prev, .term5 > .swiper-container > .swiper-button-next {top: 25%;}
}  
@media (max-width: 639px) {
  .f120 {font-size: 90rem;}
  .container {width: 95%;}
  .bgcircle {width: 95vw; height: 95vw;}
  .footer .nav li {margin-right: 0; width:33.3333336%;}
  .idx1 li .imgbox {position: absolute; left: 0; right: 0; top: 0; height: 100% !important;}
  .idx1 li .txtbox {position: relative; left: 0; bottom: 0; padding: 30rem;}
  .idx2 .box {position: relative; padding-top: 60rem; padding-bottom: 130rem; background: rgba(0,0,0,.3);}
  .idx2 .txtbox {width: 100%;}
  .idx2 .imgbox {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
  .idx3-box1 .txtbox {left: 6%; width: 88%;}
  .idx3-box2 .swiper-slide {width: 130rem;}
  .idx3-box2 .split {width: 80rem;}
  .idx3-box2 .swiper-slide .f16 {font-size: 12px;}
  .idx3-box2 .imgbox {width: 80rem; height: 80rem;}
  .idx3-box2 .swiper-slide.on .imgbox {box-shadow: 6rem 6rem 14rem rgba(0, 0, 0, .2);}
  .term1 .imgbox, .term2-box1 {height: 600rem;}
  .term2-box1 .txtbox {width: 100%;}
  .term2-box3 {height: 500rem;}
}
@media (max-width: 414px) {
  
}