html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span,p {
    padding: 0;
    margin: 0;       
}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}
html {width: 100%;overflow-x: hidden;}
 input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

html {font-size:calc(100vw/360 * 100);} 
body {font-size: 0.14rem;overflow-x:hidden;}

textarea {  -webkit-appearance: none;}   
.left{float: left;}
.right{float: right;}
.clear{clear: both}
body { width: 100%;  *cursor: default;
font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;overflow-x:hidden;}
img{border:0px;max-width: 100%}
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
.main{margin:0 auto;width: 94%}

.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.overflow{overflow: hidden;}


html{height: 100%;}
body.open {height: 100%;
  overflow: hidden;
}

#sidebar {
    width: 0%;
    height: 100%;
    background: #368d52;
    position: absolute;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
  
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    z-index: 10;
}
#sidebar ul li {
    display: block;
    min-height: 0.49rem;
    border-bottom: 1px solid #34884f;
    font-size: 14px;
    width: 100%;
}
.agent-mobile #sidebar ul li {
    border-color: rgba(255, 255, 255, .05);
}
#sidebar ul li a {
    display: block;
    color: #fff;
    padding: 0 0.25rem;
    height: 0.49rem;
    line-height: 0.49rem;
    
}

.nr {
    position: relative;
    z-index: 10;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

#close{position: absolute;right:0.1rem;top:0.1rem;}
#close img{height:0.15rem;}

li.navitem{
    position: relative;
    top: 1rem;
    opacity: 0;
    transition: .3s;
    transitino-delay: 1s;
}

body.open li.navitem{
    top: 0px;
    opacity: 1;
    transition: 1s;
}
body.open li.navitem:nth-child(2)  {
    transition-delay: 0.2s;
}

body.open li.navitem:nth-child(3)  {
    transition-delay: 0.4s;
}

body.open li.navitem:nth-child(4)  {
    transition-delay: 0.6s;
}

body.open li.navitem:nth-child(5)  {
    transition-delay: 0.8s;
}

body.open li.navitem:nth-child(6)  {
    transition-delay: 1s;
}

body.open li.navitem:nth-child(7)  {
    transition-delay: 1.2s;
}
body.open li.navitem:nth-child(8)  {
    transition-delay: 1.4s;
}
body.open li.navitem:nth-child(9)  {
    transition-delay: 1.6s;
}
body.open li.navitem:nth-child(10)  {
    transition-delay: 1.8s;
}

body.open li.navitem:nth-child(11)  {
    transition-delay: 2s;
}
body.open li.navitem:nth-child(12)  {
    transition-delay: 2.2s;
}
body.open li.navitem:nth-child(13)  {
    transition-delay: 2.4s;
}
body.open li.navitem:nth-child(14)  {
    transition-delay: 2.6s;
}
body.open #sidebar{width:70%} 
body.open .nr { transform: translate3d(70%,0,0);  -webkit-transform: translate3d(70%,0,0)}

.h70{height:0.65rem;}
.foot{width: 100%;background:#fff;height: 0.65rem;position: fixed;bottom: 0px;left: 0;width: 100%;display: block;z-index: 100;}
.foot a{display: block;float: left;text-align: center;color: #666666;width: 25%;padding-top:0.38rem;font-size:0.14rem;}
.foot a:nth-child(1){background: url('../images/foot1.png') no-repeat center top 0.1rem;background-size: auto 0.24rem;}
.foot a:nth-child(2){background: url('../images/foot2.png') no-repeat center top 0.1rem;background-size: auto 0.24rem;}
.foot a:nth-child(3){background: url('../images/foot3.png') no-repeat center top 0.1rem;background-size: auto 0.24rem;}
.foot a:nth-child(4){background: url('../images/foot4.png') no-repeat center top 0.12rem;background-size: auto 0.24rem;}

.head{background:#fff;}
.head .main{position: relative;height: 0.55rem}
.head .nav img{height:0.25rem;display: block;position: relative;z-index: 1;margin-top: 0.15rem}
.head .logo img{height:0.35rem;display: block}
.logo{position: absolute;top:50%;left:0%;transform: translateY(-50%);}

.banner{position: relative;}
.banner img{display: block;}
.banner .swiper-pagination{bottom:0.2rem;width: 100%}
.banner .swiper-pagination-bullet{width:0.1rem;height:0.06rem;border-radius:0.04rem;background:#fff;opacity: 1;margin:0 0.03rem;}
.banner .swiper-pagination-bullet-active {background: #fa9d3e;width:0.4rem;}


.notice{overflow: hidden;background: #fff;display: flex;padding: 0.1rem;height:0.6rem;margin:0.15rem 0;}
.noticeL{
    width:0.5rem;
    position: relative;
    overflow: hidden;
    font-size: 0.15rem;
    color:#55a66f;
    padding: 0px 0.1rem 0px 0px;
    margin-right: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.noticeL:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 1px;
    height: 100%;
    background: #ccd;
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    -o-transform: scaleX(0.5);
    transform: scaleX(0.5);
}
.noticeSwiper{width: calc(100% - 0.5rem);}
.noticeSwiper .swiper-slide{
    height:0.4rem;
}
.noticeSwiper .swiper-slide .tit{color: #333333;font-size: 0.15rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.noticeSwiper .swiper-slide .jian{color: #999999;font-size: 0.12rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:0.01rem;}

.bg{background:#eeeeee;}
.sec2_type{text-align:center;background:#fff;height:0.5rem;line-height: 0.5rem;}
.sec2_type a{display:inline-block;color: #333333;font-size: 0.15rem;width: 25%;position: relative;}
.sec2_type a:after{display: block;content: "";background:#358a50;width: 0.3rem;position: absolute;bottom: 0;left:50%;transform: translateX(-50%);height:0.02rem;display: none}
.sec2_type a.active{color:#358a50 }
.sec2_type a.active:after{display: block}

.sec2_nr{background:#fff;margin-top:0.15rem;padding:0.05rem 0 0.15rem;}
.types{line-height: 0.45rem;}
.types span{display: block;float: left;color: #358a50;font-size: 0.18rem;}
.types a{display: block;float:right;font-size: 0.25rem;color: #333333}

.sec2_list li{color:#999999;font-size: 0.14rem;line-height: 0.35rem;}
.sec2_list li a{color:#999999;float: left;}
.sec2_list li span{color: #999999;float: right;}
.sec2_list li i {display: block;width:0.05rem;height:0.05rem;background: #bfbfbf;border-radius: 50%;float: left;margin-right:0.1rem;margin-top:0.15rem;}

.sec2_top_nr .sec1_left_bg{position: absolute;bottom:0;left: 0;width: 100%;background:rgb(0,0,0,0.5);color: #fff;height:0.4rem;line-height:0.4rem;z-index: 1}
.sec2_top_nr .tit{display: block;height:0.4rem;line-height: 0.4rem;position: absolute;bottom: 0;left:0.15rem;width: calc(100% - 0.85rem);font-size:0.15rem;color: #fff;z-index: 10}
.sec2_top_nr img{width: 100%;display: block}

.swiperBt{
    position: absolute;
    right: 0.2rem;
    bottom: 0.16rem;
    z-index: 9;
}
.swiperBt .swiper-pagination{
    position: relative;
}
.swiperBt .swiper-pagination span{
    float: left;
    margin: 0px 0.02rem;
    display: block;
    width:0.05rem;
    height:0.05rem;
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

.swiperBt .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
}

.sec2_top_nr .swiperBt span.swiper-pagination-bullet-active{
    background: #06833f;
}
.swiperBt .prev{
    display: block;
    overflow: hidden;
    position: absolute;
    left: -0.11rem;
    top: -0.02rem;
    width:0.05rem;
    height: 0.11rem;
    cursor: pointer;
    background: url(../images/trangleLeft_h.png) no-repeat center center;
}
.swiperBt .next{
    display: block;
    overflow: hidden;
    position: absolute;
    right: -0.11rem;
    top: -0.02rem;
    width:0.05rem;
    height: 0.11rem;
    cursor: pointer;
    background: url(../images/trangleRight_h.png) no-repeat center center;
}
.sec2_top_nr .swiper-button-prev,
.sec2_top_nr .swiper-button-next{
    display: none;
}

.sec2_list{padding-top:0.12rem;}

.sec3_nr{position: relative;padding-top: 0.45rem}
.section3{background:url('../images/sec3.jpg') no-repeat center top;padding: 0.2rem 0;background-size: 100%}
.sec3_tit{color: #ffffff}
.sec3_tit span{font-size: 0.18rem;}
.sec3_tit p{font-size: 0.13rem;line-height: 1.7;margin:0.05rem 0 0.1rem;}
.sec3_nr .swiper-slide{background:#fff;padding-bottom: 0.15rem}
.sec3_nr .swiper-slide img{display: block}
.sec3_nr .swiper-slide .info .tit{color: #262626;text-align:center;font-size: 0.14rem;padding:0.1rem 0 0.05rem;}
.sec3_nr .swiper-slide .info .btn{background:url('../images/btn.jpg') no-repeat center;height:0.25rem;background-size: contain;}

.sec3_nr .swiper-button-prev{width:0.3rem;height:0.3rem;background:url('../images/left.png') no-repeat center;top:0;right:0.4rem;left:auto!important;background-size: 100%;margin-top:0;}
.sec3_nr .swiper-button-next{width:0.3rem;height:0.3rem;background:url('../images/right.png') no-repeat center;top:0;right:0;background-size: 100%;margin-top:0;}

.sec3_more{background:#368d52;width: 1.25rem;height:0.4rem;line-height: 0.4rem;color: #fff;border-radius:0.2rem;display: block;margin:0 auto;text-align:center;}
.sec3_nr{margin-bottom: 0.2rem}

.section4 li{width: 100%;margin-bottom:0.13rem;background:#fff;padding:0.1rem 0;}
.video_pic{position:relative;width:100%;height:0;padding-top:56%;overflow:hidden}
.video_pic video{position:absolute;top:0;left:0;width:100%;height:100%;}

.video_pic  img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.video_pic i{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/play.png) no-repeat center;
    background-color: 
    rgba(0, 0, 0, 0.5);
    z-index: 1;
    background-size:0.5rem;
}


.head .back img{height:0.25rem;margin-top: 0.15rem;}
.head .lanmu{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);color: #333333;font-size: 0.22rem;}

.prod_type{width: 100%;background:url('../images/cpzs.jpg') no-repeat center;background-size: cover;padding:0.5rem 0.1rem;}

.prod_type ul li.ptype1{background: #61cfc0;float: left;}
.prod_type ul li.ptype2{background: #f4b757;float: right;}
.prod_type ul li.ptype3{background: #00a8ec;float: left;}
.prod_type ul li.ptype4{background: #fb377e;float: right;}

.prod_type ul li{width: 30%;height:0;padding-top:30%;border-radius: 50%;position: relative;text-align:center;}
.prod_type ul li a{position:absolute;top:0;left:0;width:100%;height:100%;color: #fff;padding-top: 0.17rem}
.prod_type ul li .pic{width: 50%;height:0.35rem;margin:0 auto;}
.prod_type ul li.ptype4 .pic{background-size:auto 0.35rem!important;height:0.4rem;}
.prod_type ul li.ptype1 .pic{background-size:auto 0.32rem!important;height:0.37rem;}

.plogo{width: 55%;margin:0.27rem auto;}
.title{text-align:center;background:url('../images/title.jpg') no-repeat center;background-size:75%;margin-bottom:0.2rem;}
.title p{color: #333333;font-size:0.22rem;line-height: 0.25rem;}
.title span{color: #999999;font-size: 0.12rem;text-transform: uppercase;}

.prod,.news{background:#fff;padding-top: 0.2rem}
.prod li{width: 48.5%;float: left;text-align:center;}
.prod li:nth-child(2n){float: right;}
.prod li .tit{color: #262626;font-size: 0.15rem;line-height: 0.4rem;margin-bottom:0.05rem;}
.prod li .pic{position:relative;width:100%;height:0;padding-top:123%;}
.prod li .pic img{position:absolute;top:0;left:0;width:100%;height:100%;display: block}

.page{text-align:center;font-size: 0;padding:0.2rem 0 0.3rem;font-size: 0;}
.page a{display: inline-block;vertical-align: middle;font-size:0.13rem;color: #999999;height:0.3rem;line-height: 0.3rem;padding:0 0.1rem;border:1px solid #999999;border-radius:0.05rem;margin:0 0.03rem;}
.page a.pre_page,.page a.next_page{font-size:0.13rem;line-height:0.28rem;}
.page a.select{background: #0c8e16;color: #fff;border:1px solid #0c8e16;}

.ps_pics .swiper-slide{position:relative;width:100%;height:0;padding-top:76%;}
.ps_pics{padding-bottom: 0.4rem;position: relative}

.ps_pics .swiper-pagination{bottom:0.1rem;width: 100%}
.ps_pics .swiper-pagination-bullet{width:0.1rem;height:0.06rem;border-radius:0.04rem;background:#fff;opacity: 1;margin:0 0.03rem;}
.ps_pics .swiper-pagination-bullet-active {background: #379964;width:0.4rem;}

.ps_top_tit{color: #333333;font-size: 0.22rem;}
.ps_top_key{color: #333333;font-size: 0.12rem;text-transform:uppercase;}

.ps_top_info{background:#fff;padding:0.2rem 0;}
.ps_top_con{color: #666666;font-size: 0.14rem;line-height: 2;padding:0.15rem 0;border-bottom: 1px solid #cccccc}
.ps_mid{background:#fff;padding-bottom: 0.2rem;margin-bottom:0.15rem;}

.news_type{text-align:center;background:#fff;}
.news_type a{display:inline-block;color: #333333;font-size: 0.15rem;width: 25%;position: relative;padding-bottom: 0.13rem}
.news_type a:after{display: block;content: "";background:#358a50;width: 0.3rem;position: absolute;bottom: 0;left:50%;transform: translateX(-50%);height:0.02rem;display: none}
.news_type a.active{color:#358a50 }
.news_type a.active:after{display: block}

.news_list{padding:0.25rem 0;}
.news_list li{position: relative;margin-bottom:0.2rem;}
.news_list li .pic{width: 35%;}
.news_list li .news_right{width: 62%;position: absolute;top:50%;transform: translateY(-50%);right: 0}

.news_list li .pic a{position:relative;width:100%;height:0;padding-top:65%;display: block;}
.news_list li .pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

.news_right .time{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #999999;font-size: 0.14rem;}
.news_right .bt{color: #f5c587;font-size: 0.15rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_right .bt a{color: #f5c587;}
.news_right .jianjie{color: #999999;font-size: 0.12rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 0.05rem}
.news_right .jianjie a{color: #999999;}

.ns{padding:0.25rem 0 0.15rem;}
.ns .tit{font-size:0.22rem;color: #666666;text-align:center;}
.ns .info{font-size:0.13rem;color: #cccccc;text-align:center;padding:0.1rem 0;}
.ns .content{border-top:1px solid #ededed;padding:0.2rem 0;font-size:0.14rem;color: #999999;line-height: 2;border-bottom:1px solid #ededed;margin-bottom: 0.15rem}
.fenye li{width:100%;font-size:0.14rem;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:0.12rem;}
.fenye li a{color: #666666}

.news{margin-bottom:0.1rem;}

.zsjm{margin-top: 0.1rem}
.danye_type{margin-bottom:0.1rem;font-size: 0;}
.danye_type a{display:inline-block;color: #333333;font-size: 0.15rem;width: 25%;position: relative;padding: 0.1rem 0;text-align:center;}
.danye_type a:after{display: block;content: "";background:#358a50;width: 0.3rem;position: absolute;bottom: 0;left:50%;transform: translateX(-50%);height:0.02rem;display: none}
.danye_type a.active{color:#358a50 }
.danye_type a.active:after{display: block}

.white{width:100%;background:#fff;}
.zsjm_nr{padding:0.2rem 0;}

.contact_nr{padding-top:0.2rem;}
.contact_top{width: 100%;border:1px solid #edebeb;padding:0.05rem 0.05rem 0.2rem;}
.contact_top .item input{display: block;width: 100%;height:0.4rem;line-height: 0.4rem;border:1px solid #edebeb;padding:0 0.1rem;font-size:0.14rem;color: #333}
.contact_top .item{margin-bottom:0.1rem}
.contact_top .item textarea{width: 100%;height:1rem;border:1px solid #edebeb;padding:0.1rem;resize: none;}
.contact_top .submit{width:1.5rem;height:0.4rem;line-height: 0.4rem;margin:0 auto;background:#0c8e16;color: #fff;text-align:center;display: block;border:0;font-size: 0.15rem;}
.contact_mid{width:100%;margin-top:0.15rem}
.contact_mid li{padding:0.13rem 0 0.13rem 0.7rem;width: 100%;border-bottom: 1px solid #edebeb}
.contact_mid li span{font-size:0.16rem;color: #666666;display: block;line-height: 1;}
.contact_mid li p{font-size: 0.14rem;color: #666666;margin-top:0.1rem}
.contact_mid li.c1{background:url('../images/c1.png') no-repeat center left 0.2rem;background-size: auto 0.3rem}
.contact_mid li.c2{background:url('../images/c2.png') no-repeat center left 0.2rem;background-size: auto 0.3rem}
.contact_mid li.c3{background:url('../images/c3.png') no-repeat center left 0.2rem;background-size: auto 0.3rem}
.contact_mid li.c4{background:url('../images/c4.png') no-repeat center left 0.2rem;background-size: auto 0.3rem}
.contact_mid li.c5{background:url('../images/c5.png') no-repeat center left 0.2rem;background-size: auto 0.3rem}

.map{margin-top: 0.15rem}

.about1{padding-top: 0.25rem}
.about1 .title{text-align:center;background:transparent;margin-bottom:0.15rem;}
.about1 .con{color: #999999;font-size: 0.14rem;line-height: 2;padding-bottom: 0.2rem}
.about1_list{padding:0 5%;}
.about1_list li{width:1.2rem;height:1.2rem;text-align:center;background:url('../images/cir.png') no-repeat center;float: left;position: relative;float: left;background-size:auto 100%;margin-bottom:0.4rem;}
.about1_list li:nth-child(2n){float: right;}
.about1_list li p{font-size:0.35rem;color: #0c8e16;font-family: Impact;padding-top:0.3rem;line-height: 0.45rem;}
.about1_list li span{font-size:0.14rem;color: #999999;display: block;}
.about1_list li i{font-size:0.22rem;color: #0c8e16;position: absolute;top:0.25rem;right:-0.03rem;font-style: normal;}


.about_tit{text-align:center;padding-bottom:0.1rem;background:url('../images/about_tit.jpg') no-repeat center bottom;margin-bottom:0.2rem;background-size:1.4rem}
.about_tit p{font-size:0.22rem;color: #333333}
.about_tit span{font-size: 0.14rem;color:#999999;text-transform:uppercase;display: block;margin-top:0.05rem;}
.about2_list li .icon{width: 50px;height:50px;margin:0 auto;}
.about2_list li{float: left;text-align:center;width:33.3%;}
.about2_list{padding:0.2rem 0 0.1rem;}
.about2_list li .tit{font-size:0.16rem;color: #666666;margin:0.13rem 0;}

.dev_list ul {
       padding-bottom:15px;
       border-left: 1px solid #1a1a1a;
       margin-left: 13px;
}
.dev_list li{padding:0 0 15px 20px;position: relative;}
.dev_list .event{display: block;font-size:13px;color: #898989;line-height:1.7;}
.dev_list .time{color: #a9a9a9;font-size: 22px;font-family: Impact;}
.dev_list li i{display: block;width: 25px;height: 1px;background: #1a1a1a;position: absolute;top:15px;left:-17px;}

.qywh{padding:0.2rem 0;}
.sywh_con{    color: #666;
    font-size: 0.14rem;
    line-height: 2;}
.qywh{margin-bottom:0.1rem;}

.honor .swiper-button-next{background:url('../images/next.png') no-repeat;width: 0.3rem;background-size: 100%;height:0.54rem;margin-top: -0.27rem;right:0;}
.honor .swiper-button-prev{background:url('../images/prev.png') no-repeat;width: 0.3rem;background-size: 100%;height:0.54rem;margin-top: -0.27rem;left:0;}