@charset "utf-8";
body,html{position:relative;width:100%;height:100%}
body,dd,dl,dt,li,p,ul{margin:0;padding:0}
body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0}
a{text-decoration:none;color:#000}
ul li{list-style:none}
.clear{clear:both}
.content{width:100%;overflow:hidden}

#support{text-align: center;}
#support img{height: 50px;}

.list{width: 100%; overflow: hidden;}
.list ul{width: 100%; overflow: hidden; margin:0;}
.list ul p{width: 31%; margin:1%; text-align: center; height: 1.5rem; line-height: 1.6rem; background-color:#7eb029; float: left;font-size: 0.8rem;}
.list ul p a{color: #fff;}

.btmnav{width: 100%; overflow: hidden; position: fixed; bottom: 0; left: 0; background:#333; z-index: 99;}
.btmnav ul{width: 100%; overflow: hidden; height: 4.5rem; }
.btmnav ul li{width: 24.7%; text-align: center; float: left; }
.btmnav ul li .frame{margin-top: 0.3rem;}
.btmnav ul li i{font-size: 2rem; color: #fff;}
.btmnav ul li .name{font-size: 1rem; color: #fff; margin-top: 0.3rem; margin-bottom: 0.5rem;}
.btmnav ul li:nth-child(2){border-left: 1px solid #fff; border-right: 1px solid #fff;}
.btmnav ul li:nth-child(3){ border-right: 1px solid #fff;}
.btmnav ul li a{color: #fff;}


.pagination{width:100%;padding-left:0;margin:20px 0;display: flex;flex-wrap:wrap;justify-content: center;}
.pagination>li{display:inline;margin-top: 4px;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#7eb029;text-decoration:none;background-color:#fff;border:1px solid #7eb029}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#fff;background-color:#7eb029;border-color:#7eb029}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#7eb029;border-color:#7eb029}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#7eb029}


/*logo*/
.logo{width: 100%; height: 4rem; overflow: hidden;}
.logo img{width: 100%; height: 100%;}


/*topnav*/
.topnav{width: 100%; overflow: hidden;}
.topnav ul{width: 100%; overflow: hidden; background: #7eb029;}
.topnav ul li{width: 24.69%; overflow: hidden; float: left; height: 2rem; line-height: 2rem; text-align: center; font-size: 1rem; font-family: 微软雅黑; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.topnav ul li a{color: #fff;}


/*banner*/
.banner-box {position: relative; margin: 0 auto; height: 15rem; overflow: hidden; width: 100%; }
.banner {width: 100%; height: 15rem; }
.banner ul {width: 100%; height: 15rem; }
.banner ul li {width: 100%; height:15rem; }
.banner ul li img {width: 100%; height: 15rem; }
.small {position: absolute; left: 46%; bottom: 12%; cursor: pointer; margin-left: 0px; top: 92%; }
.small a {width: 0.6rem; height: 0.6rem; background: white; float: left; margin: 0 4px; border-radius: 100%;}
.small .small_s {background: #0064b9; width: 0.6rem; height: 0.6rem; }

/*about*/
.about{width: 100%; overflow: hidden;}
.about .title{width: 100%; overflow: hidden; text-align: center; font-size: 1.2rem; font-family: 微软雅黑; color: #333; margin:0.5rem 0;}
.about .img{width: 98%; height: 15rem; overflow: hidden; margin:0 1%;}
.about .img img{width: 100%; height: 100%;}
.about .us{width: 98%; margin:1%; overflow: hidden; font-size: 1rem; font-family: 微软雅黑; color: #333; height: 13rem;}
.about .see{width: 6rem; height: 1.6rem; text-align: center; line-height: 1.7rem; border:1px solid #7eb029; font-size: 0.8rem; font-family: 微软雅黑; margin:1rem auto 0.5rem;}
.about .see a{color: #7eb029;}


/*prd*/
.prd{width: 100%; overflow: hidden;}
.prd .title{width: 100%; overflow: hidden; text-align: center; font-size: 1.2rem; font-family: 微软雅黑; color: #333; margin:0.5rem 0;}
.prd ul{width: 100%; overflow: hidden; margin-top: 2%;}
.prd ul li{width: 48%; margin:0 1%; float: left; overflow: hidden;}
.prd ul li .frame{width: 100%; height: 10rem; overflow: hidden;}
.prd ul li .frame img{width: 100%; height: 100%;}
.prd ul li .name{width: 100%; height: 2rem; line-height: 2rem; text-align: center; font-size: 1rem; font-family: 微软雅黑; color: #333;}
.prd .more{width: 6rem; height: 1.6rem; text-align: center; line-height: 1.7rem; border:1px solid #7eb029; font-size: 0.8rem; font-family: 微软雅黑; margin:1rem auto 0.5rem;color: #7eb029;}
.prd .more a{color: #7eb029;}


/*nw*/
.nw{width: 100%; overflow: hidden;}
.nw .title{width: 100%; overflow: hidden; text-align: center; font-size: 1.2rem; font-family: 微软雅黑; color: #333; margin:0.5rem 0;}
.nw ul{width: 100%; overflow: hidden;}
.nw ul li{width: 100%; overflow: hidden; margin-bottom: 0.5rem; border-bottom: 1px dashed #ccc; padding-bottom: 0.5rem;}
.nw .name{width: 98%; margin:0 1%; overflow: hidden; height: 1.5rem; line-height: 1.5rem; margin-bottom: 0.2rem;}
.nw .name .left{width: 78%;overflow: hidden; float: left; font-size: 1rem; font-family: 微软雅黑; color: #333; white-space: nowrap; text-overflow: ellipsis;}
.nw .name .date{width: 20%; float: right; overflow: hidden; font-size: 0.8rem; font-family: 微软雅黑; color: #333; margin-bottom: 0.5rem;}
.nw .miao{width: 98%; margin:0 1%; font-size: 0.8rem; font-family: 微软雅黑; color: #333; height: 1rem; line-height: 1rem; overflow: hidden;}
.nw .more{width: 6rem; height: 1.6rem; text-align: center; line-height: 1.7rem; border:1px solid #7eb029; font-size: 0.8rem; font-family: 微软雅黑; margin:1rem auto 0.5rem;color: #7eb029;}
.nw .more a{color: #7eb029;}


/*case*/
.case{width: 100%; overflow: hidden;}
.case .title{width: 100%; overflow: hidden; text-align: center; font-size: 1.2rem; font-family: 微软雅黑; color: #333; margin:0.5rem 0;}
.case ul{width: 100%; overflow: hidden; margin-top: 3%;}
.case ul li{width: 48%; margin:0 1% 1%; overflow: hidden; float: left;}
.case ul li .frame{width: 100%; height: 10rem; overflow: hidden;}
.case ul li .frame img{width: 100%; height: 100%;}
.case ul li .name{width: 100%; height: 2rem; line-height: 2rem; overflow: hidden; text-align: center; font-size: 1rem; font-family: 微软雅黑; color: #333;}
.case .more{width: 6rem; height: 1.6rem; text-align: center; line-height: 1.7rem; border:1px solid #7eb029; font-size: 0.8rem; font-family: 微软雅黑; margin:1rem auto;color: #7eb029;}
.case .more a{color: #7eb029;}


/*obanner*/
.obanner{width: 100%; overflow: hidden; height: 10rem;}
.obanner img{width: 100%; height: 100%;}


/*product*/
.product{width: 100%; overflow: hidden;}
.product .title{width: 99%; font-size: 0.8rem; font-family: 微软雅黑; color: #333; border-bottom: 1px solid #ccc; padding-left: 1%; margin:0.5rem 0; padding-bottom: 0.2rem;}
.product .ul{width: 100%; overflow: hidden; margin-top: 2%;}
.product .ul .li{width: 31%; margin:0 1%; float: left; overflow: hidden;}
.product .ul .li .frame{width: 100%; height: 6rem; overflow: hidden;}
.product .ul .li .frame img{width: 100%; height: 100%;}
.product .ul .li .name{width: 100%; height: 2rem; line-height: 2rem; overflow: hidden; font-size: 1rem; font-family: 微软雅黑; color: #333; text-align: center;}


/*news*/
.news{width: 100%; overflow: hidden;}
.news .title{width: 99%; font-size: 0.8rem; font-family: 微软雅黑; color: #333; border-bottom: 1px solid #ccc; padding-left: 1%; margin:0.5rem 0; padding-bottom: 0.2rem;}
.news .ul{width: 100%; overflow: hidden; margin-top: 2%;}
.news .ul .li{width: 98%; margin:0 1%; overflow: hidden; height: 1.5rem; line-height: 1.5rem;white-space: nowrap;text-overflow: ellipsis;}


/*show*/
.show{width: 100%; overflow: hidden;}
.show .title{width: 99%; font-size: 0.8rem; font-family: 微软雅黑; color: #333; border-bottom: 1px solid #ccc; padding-left: 1%; margin:0.5rem 0; padding-bottom: 0.2rem;}
.show .na{font-size: 1.2rem; text-align: center; margin:0.5rem 0;}
.show .img{width: 100%;  text-align: center; margin:0.5rem 0; overflow: hidden;}
.show p{width: 98%; margin:0 1% 2%; font-size: 1rem; font-family: 微软雅黑; color: #333;}
.show .fen{width: 98%; margin:0 1%; overflow: hidden;}
.show .fen span{width: 100%; overflow: hidden; display: block; font-size: 0.8rem; font-family: 微软雅黑; color: #333; height: 1.5rem; line-height: 1.5rem;}



/*foot*/
.foot{width: 100%; overflow: hidden; background: #7eb029; margin-bottom: 4.5rem;}
.foot .footer{width: 100%; overflow: hidden; line-height: 1.5rem; padding:0.5rem 0;}
.foot .footer p{width: 100%; overflow: hidden;text-align: center; color: #fff; }