@charset "utf-8";
/* CSS Document */

.logo{float: left; margin-top: 10px; margin-left: 2%;}
.mobile-inner-nav a{ -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounceInRight; animation-name: bounceInRight;}  
.mobile{width: 100%; z-index: 9999; position: fixed; top: 0; left: 0; height: 55px; background: #fff;}
.mobile-inner{ margin-right: auto;margin-left: auto;background-color: #fafafa; position: relative;}
.mobile-inner img{ width: 100%;}
.mobile-inner p{ color: #676767; line-height: 25px; font-size: 16px; padding-bottom: 30px; padding-right: 30px;  padding-left: 30px; margin:0px;}
.mobile-inner-header{width: 100%; height: 55px; position: fixed; top: 0; left: 0;background: #fff;}
.mobile-inner-header-icon{color: #ffffff;background: #00a54f; height: 55px; font-size:25px; text-align: center; float:right; width: 55px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{background: #d0111b;cursor: pointer;}
.mobile-inner-header-icon span{position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 5px) / 2); width: 30px; height: 3px; background-color: #fff;transition-duration: 0.5s;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(10px) rotate(0deg); }
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-10px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3){ width:20px;}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst;}   
.mobile-inner-header-icon-click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond;}
.mobile-inner-header-icon-out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }   
.mobile-inner-header-icon-out span:nth-child(2){ animation-duration: 0.5s;animation-fill-mode: both; animation-name: outsecond; }
.mobile-inner-nav{ background-color: rgba(0,0,0,0.8); width: 100%; position: absolute; top: 55px;left: 0px; padding-top: 30px; padding-bottom: 30px;display: none;}
.mobile-inner-nav a{ display: inline-block; line-height: 40px; text-decoration: none; width: 85%; margin-left: 5%; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight:300;}
.mobile-inner-nav a:hover{ color: rgba(255,255,255,0.4); border-bottom: solid 1px rgba(255,255,255,0.2);}
.active_mobile span:nth-child(1){transform: rotate(45deg);width: 30px;}
.active_mobile span:nth-child(2){transform: rotate(-45deg);width: 30px;}
.active_mobile span:nth-child(3){ opacity:0;}

.home-mobile-banner{ padding-top:50px;}
.home-mobile-banner .owl-theme .owl-controls{ display:none}

.vi-sp{ position:relative;}
.bf-an2{ cursor:pointer;}
.vizs{ position:absolute; width:100%; height:100%; top:0; left:0;}
.vizs video{ width:100%; height:100%;}
.gbb{ position:absolute; top:10px; right:0px; cursor:pointer}
.bf-an2 span{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.in-about{ padding-top:65px;}
.in-ti{ font-size:0.36rem; color:#00a54f; position:relative; padding-left:0.25rem;font-weight: bold;  margin-bottom:0.4rem; }
.in-ti:after,.in-ti:before{ content:""; position:absolute; left:0; top:0; height:70%; background:#00a54f; width:3px;}
.in-ti:before{ top:70%; height:30%; background:#E60012}
.ab-zi{ font-size:0.28rem; text-align:justify; line-height:1.7; padding:0.25rem 0 0.45rem 0;color: #6B7C99;}
.ab-shu-list li{ width:50%; text-align:center; float:left; margin-bottom:0.35rem}
.ab-shu-list li p{color:#00a54f; font-size:0.38rem; padding-bottom:0.10rem; font-family:"Arial"; font-weight:bold;}
.ab-shu-list li span{font-size:0.26rem;}
.in-wh{ background: #F7F9FC; padding:0.45rem 0;}
 .sd-hs{ padding-left:5%;}
 .sd-hs .swiper-slide {

      width: 60%;
    }


.wh-list dt,.wh-list dt img{ width:100% !important; border-radius:10px;}
.wh-list dd{ position:absolute; top:10px; left:10px; color:#fff;}
.wh-list dd p{ width:60%; display:none}
.wh-list dd span{ color:#fff; font-size:0.36rem;}
.in-new{ padding:0.45rem 0;}

.sd-hs1{ width:90%; margin:0 auto;}
.sd-hs1 .owl-nav{ display:none !important}
.td-list{}
.td-list dt img{ height:220px;}
.td-list dd{ padding:20px; background:#f7f7f7;}
.td-list dd p{ font-size:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-bottom:10px;}
.td-list dd span{ font-size:12px; opacity:0.8;}

.sd-hs1 .owl-theme .owl-dots .owl-dot span{ width:8px; height:8px; margin:0 5px; background:#000; opacity:.2}

.sd-hs1 .owl-theme .owl-dots .owl-dot.active span, .sd-hs1 .owl-theme .owl-dots .owl-dot:hover span{ background:#00a54f; opacity:1;}
.nj-icon{ background:#137d37; text-align:center; color:#fff; padding:0.5rem 0;}
.nj-icon li{ width:49%; text-align:center; display:inline-block; color:#fff;}
.nj-icon li a{ color:#fff; font-size:0.30rem;}
.nj-icon li img{ width:52px;}
.in-lx{ padding:0.45rem 0;}
.lx-xi{ background:#c7a54c; padding:0.25rem; line-height:1.8; color:#fff; font-size:0.28rem;}
.banquan{ color:#fff; font-size:0.26rem; background:#289e4c; padding:0.3rem 0.2rem; text-align:center; line-height:1.8;}
.in-fsg{ background:url(../images/bg.png) no-repeat; background-size:cover; padding:0.4rem 0.25rem;}
.Menubox ul li{ float:left; background:#fff; font-size:0.30rem; width:23%; text-align:center; border-radius:6px; line-height:35px; margin:0 0.5% 10px;}
.Menubox ul li.hover{ color:#fff; background:#00a54f}
.CbContainer p{ color:#fff; line-height:1.7; font-size:0.28rem; text-align:justify;}
.xs-more{ text-align:center; margin-top:0.25rem;}
.xs-more a{ display:inline-block;color:#fff; background:#00a54f;font-size:0.30rem;border-radius:6px; line-height:35px; padding:0 0.35rem;}