@charset "utf-8";
html{
    width: 100%;
    height: 100%;
}
body {
    height: 100%;
    width: 100%;
    font-family: "Source Han Sans", "微软雅黑", "microsoft yahei", "HanHei SC", PingHei, "PingFang SC", sans-serif;
    margin: 0;
    font-size: 14px;
    background: #fff;
}
p,a,h1,h2,h3,h4,h5,h6,i,ul,li,input,button,form,ol,img{
    margin: 0;
    padding: 0;
    display: block;
}
img{
    display: block;
}
i{
    font-style: normal;
}
li{
    list-style: none;
}
input:focus,
select:focus,
button:focus,
textarea:focus{
    outline: none;
}
a,a:hover,
a:active,
a:visited{
    text-decoration: none;
}
.bold{
    font-weight: bold !important;
}
.normal{
    font-weight: normal !important;
}
.show{
    display: block !important;
}
.hide{
    display: none !important;
}
a, input[type=button], input[type=reset], input[type=submit], button, .transition-default {
    transition: color .25s ease-in-out 0s, background-color .25s ease-in-out 0s, border-color .25s ease-in-out 0s;
    -o-transition: color .25s ease-in-out 0s, background-color .25s ease-in-out 0s, border-color .25s ease-in-out 0s;
    -ms-transition: color .25s ease-in-out 0s, background-color .25s ease-in-out 0s, border-color .25s ease-in-out 0s;
    -moz-transition: color .25s ease-in-out 0s, background-color .25s ease-in-out 0s, border-color .25s ease-in-out 0s;
    -webkit-transition: color .25s ease-in-out 0s, background-color .25s ease-in-out 0s, border-color .25s ease-in-out 0s;
}

.clearfix:after {
    clear: both;
    content: '';
    display: block
}

.flex {
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-truncate-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.text-truncate-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.text-truncate-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.text-truncate-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5
}

.text-truncate-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.text-truncate-7 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7
}

.text-truncate-8 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8
}

.text-truncate-9 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9
}

.text-truncate-10 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10
}

.text-truncate-11 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 11
}

.text-truncate-12 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12
}
.left{
    float: left;
}
.right{
    float: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-justify{
    text-align: justify;
}

.justify-content-start{
    justify-content: flex-start;/*左对齐*/
}
.justify-content-end{
    justify-content: flex-end;/*右对齐*/
}
.justify-content-center{
    justify-content: center;/*左右居中对齐*/
}
.justify-content-between{
    justify-content: space-between;/*水平方向平均分布*/
}
.justify-content-around{
    justify-content: space-around;/*中心点向两边方向均匀分布*/
}
.align-items-start{
    align-items: flex-start;/*顶部对齐*/
}
.align-items-end{
    align-items: flex-end;/*底部对齐*/
}
.align-items-center{
    align-items: center;/*上下居中*/
}
.flex-direction-reverse{
    flex-direction:row-reverse;/*水平方向 靠右侧从右到左排列*/
}
.flex-direction-row{
    flex-direction: row;/*水平方向 靠左侧从右到左排列*/
}
.flex-direction-column{
    flex-direction: column;/*垂直方向 从顶部到底部*/
}
.flex-direction-column-reverse{
    flex-direction: column-reverse;/*垂直方向 相反顺序*/
}


.container {
    width: 1200px;
    margin: 0 auto;

}



/*顶部导航*/
.header-top {
    height: 120px;
    width: 100%;
}
.header-top .container{
    height: 100%;
}
.header-top img{
    width: auto;
    height: 54px;
}
.header-top .header-phone p{
	text-align: right;
	font-size: 14px;
}
.header-top .header-phone span{
	color: #719f00;
	font-size: 28px;
}
.header-nav{
    width: 100%;
    height: 65px;
    background: #333333;

}
.header-nav-ul{
    width: 100%;
    height: 100%;
    line-height: 65px;
}
.header-nav-ul li{
    width: 14.28%;
    height: 100%;
    float: left;
    border-right: 1px solid #333;
    box-sizing: border-box;
    position: relative;
}
.header-nav-ul li::after{
    content: '';
    width: 1px;
    height: 24px;
    background: #5c5c5c;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
}
.header-nav-ul li:last-child{
    border-right: 0;
}
.header-nav-ul li:last-child::after{
    display: none;
}
.header-nav-ul li a{
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
}
.header-nav-ul li .menu_a:hover,
.header-nav-ul .active{
    background: #719f00;
}
.header-swiper{
    width: 100%;
    min-width: 1200px;
}
.swiper-slide img{
    width: 100%;

}
.header-swiper .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
    transition: all 0.4s;
}
.header-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #719f00;
}
.antistop{
    width: 100%;
    height: 84px;
    border-bottom: 4px solid #719f00;
    box-sizing: border-box;
    overflow: hidden;
}
.antistop .container{
    height: 100%;
    position: relative;
}
.antistop-list{
    width: 740px;
    height: 100%;
    font-size: 14px;
    color: #878787;
}
.antistop-list a{
    color: #878787;
    margin: 0 9px;
    transition: all 0.4s;
}
.antistop-list a:hover{
    color: #719f00;
}
.antistop-form{
    width: 100% ;
    height: 100%;
    position: absolute;
    left: 740px;
    top: 0;
    background: #719f00;
    padding: 20px 0 20px 40px;
    box-sizing: border-box;
}
.antistop-form input{
    width: 240px;
    height: 40px;
    background: #fff;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
}
.antistop-btn{
    width: 40px;
    height: 100%;
    border: 0;
    cursor: pointer;
	background: #333333 url('../images/search-btn.png') center no-repeat;
	-webkit-background-size: 60%;
	background-size: 60%;
}


.title {
    width: 100%;
    height: 100px;
    position: relative;
}
.title h2{
    font-weight: normal;
    font-size: 36px;
    color: #719f00;
    width: 100%;
    text-align: center;
    line-height: 60px;
}
.title p{
    font-size: 18px;
    width: 100%;
    text-align: center;
    color: #717171;
}
.title i{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 100px;
    line-height: 90px;
    color: #f0f0f0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    text-align: center;
}
.title i::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    background: #f0f0f0;
    width: 68px;
    height: 2px;
    margin-left: -34px;
}



/*底部导航*/
.foot{
    width: 100%;
    height: auto;
    background: #444444;
    margin-top: 100px;
}
.foot-nav{
    width: 100%;
    height: 65px;
    background: #333333;
    border-bottom: 1px solid #fff;
}
.foot-nav-ul{
    width: 100%;
    height: 100%;
    line-height: 65px;
}
.foot-nav-ul li{
    width: 14.28%;
    height: 100%;
    float: left;
    border-right: 1px solid #333;
    box-sizing: border-box;
    position: relative;
}
.foot-nav-ul li::after{
    content: '';
    width: 1px;
    height: 24px;
    background: #5c5c5c;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
}
.foot-nav-ul li:last-child{
    border-right: 0;
}
.foot-nav-ul li:last-child::after{
    display: none;
}
.foot-nav-ul li a{
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
}
.foot-nav-ul li:hover a,
.foot-nav-ul li.active a{
    background: #719f00;
}
.foot-end{
    padding: 50px 0 30px;
    box-sizing: border-box;
}
.foot-end-left{
    width: 1000px;
}
.foot-end-p{
    width: 700px;
    line-height: 30px;
    font-size: 14px;
    color: #eaeaea;
}
.foot-end-p a{
    color: #eaeaea;
}
.foot-ma p{
    font-size: 14px;
    color: #eaeaea;
    line-height: 30px;
}
/*右侧浮动栏*/
.float-fright{
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 9999;
}
.float-li{
    width: 61px;
    height: 61px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    background: #719f00;
    cursor: pointer;
    position: relative;
}
.float-li:nth-child(3){
	border-bottom: 0;
}
.float-li:last-child{
	border-bottom: 0;
}
.float-top{
	display: none;
}
.float-box{
	width: 100%;
	height: 100%;
}

.float-box img{
	width: 30px;
	height: 30px;
}
.float-box span{
	font-size: 12px;
	color: #fff;
}
.float-li-hover{
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.4s;
}
.float-li-hover img{
    width: 100%;
    height: 100%;
}
.float-li:hover .float-li-img{
    width: 120px;
    height: 120px;
    right: 60px;
    box-sizing: border-box;
    border-right: 1px solid #fff;
}
.float-li:hover .float-li-p{
    right: 60px;
    border-right: 1px solid #fff;
    width: auto;
}
.float-li .float-li-p p{
    width: 120px;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
    color: #fff;
    padding: 0 10px;
    background: #719f00;
}

/*面包屑导航*/
.crumbs{
    font-size: 14px;
    color: #333333;
    border-left: 4px solid #719f00;
    margin-top: 80px;
    margin-bottom: 30px;
    padding-left: 10px;
    box-sizing: border-box;
}
.crumbs a{
    color: #333333;
}
.crumbs i{
    width: 20px;
    display: inline-block;
    text-align: center;
}

/*分页*/
.layui-page{
    padding: 40px 0 0;
}
.layui-page a, .layui-page span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 5px;
    background-color: #fff;
    color: #333;
    font-size: 12px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
}
.layui-page a:hover {
    color: #009688;
}
.layui-disabled, .layui-disabled:hover {
    color: #d2d2d2!important;
    cursor: not-allowed!important;
}
.layui-page .layui-page-curr{
    background: #009688;
    color: #fff;
}
.layui-page-spr{
    color: #999;
    font-weight: 700;
}

.layui-page span{
	background: #009688;
	color: #fff;
}