body{
    line-height:24px;
    font-size:14px;
    font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB";
    color:#333;
    background:#FFF;
}
.container{
    display: -webkit-flex;
    display:flex;
    margin:0 auto;
    width:1200px;
    height:100%;
}
.flex-wrap{
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}
.overflow{
    overflow: hidden;
}
.none,.base-display .layui-carousel>[carousel-item]:before{
    display: none;
}
.rel{
    position: relative;
}
.abs{
    position: absolute;
}
/*网站头*/
header{
    width:100%;
    height:109px;
    background:url(../images/top.jpg) no-repeat center top #a4cbe8;
}
header h1{
    display: block;
    width:1200px;
    margin:0 auto;
    line-height: 109px;
    text-indent: -9999px;
}
nav{
    height:50px;
    line-height:50px;
    background-color: #4ab344;
}
nav > div{
    justify-content: center;
}
nav a{
    padding:0 40px;
    font-size:16px;
    color:#fff;
    border-left:1px solid #4ab344;
    border-right:1px solid #4ab344;
}
nav a:first-child{
    border-left:none;
}
nav a:last-child{
    border-right:none;
}
nav a:hover{
    color:#ff0;
}
/*网站首页*/
#banner{text-align: center;}
.layui-carousel-ind ul,.layui-carousel-ind ul:hover,.base-display .layui-carousel,.base-display .layui-carousel>[carousel-item]>*{
    background:none;
}
.layui-carousel-ind li{
    width:30px;
    height:5px;
    background:#666;
    border-radius:5px;
}
.layui-carousel-ind li:hover,.layui-carousel-ind li.layui-this{
    background: #2ca501;
}
/*.index-content{
    background: url(../images/content-bg.jpg) repeat-x;
}
/*.notice{
    padding:15px 0;
}
.notice span{
    display: block;
    margin-right:10px;
    width:115px;
    height:29px;
    line-height: 29px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/index_01.jpg) no-repeat left center; 
}
.notice div{
    width:40%;
    color:#9e0000;
}*/
.product,.news{
    padding:70px 0;
}
.product .index-title,.news .index-title{
    margin-bottom:35px;
    text-align: center;
    background: url(../images/title_bg.png) no-repeat top center;
}
.product .index-title h3,.news .index-title h3{
    height: 42px;
    line-height: 42px;
    font-size: 28px;
    font-weight: 400;
}
.product .index-title p,,.news .index-title p{
    height: 21px;
    color: #222;
    font-weight: 400;
}
.product .container a,.pro-list a{
    display: block;
    width:278px;
    margin:0 26px 26px 0;
    background:#fff;
    border:1px solid #ddd;
    border-radius: 5px;
}
.pro-list a{
    width:254px;
}
.product .container a:hover,.pro-list a:hover{
    border-color:#26a900;
}
.product .container a:nth-child(4n),.base-display .layui-carousel>[carousel-item] > div a:nth-child(4n),.pro-list a:nth-child(3n){
    margin-right:0;
}
.product .container a .thumb,.pro-list a .thumb{
    display: flex;
    display: -webkit-flex;
    width:278px;
    height:278px;
    justify-content: center;
    -webkit-justify-content:center;
    align-items: center;
    -webkit-align-items:center;
}
.pro-list a .thumb{
    width:254px;
    height:254px;
}
.product .container a .thumb img,.pro-list a .thumb img{
    display: inline-block;
    width:100%;
    border-radius: 5px 5px 0 0;
}
.product .container a span,.pro-list a span{
    display: block;
    padding:0 16px;
    height:68px;
    line-height: 68px;
    font-size:16px;
    border-top:1px solid #eee;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pro-list a span{
    height:50px;
    line-height: 50px;
}
.product .container a:hover span,.pro-list a:hover span{
    color:#fff;
    background:#26a900;
}
.adv-1{
    width:100%;
    height:200px;
    background: url(../images/adv-1.jpg) no-repeat center top #27a503;
}
.adv-1 .container{
    align-items: center;
}
.adv-tip{
    line-height: 28px;
    flex:0 0 760px;
    font-size: 20px;
    color:#fff;
}
.adv-tip span{
    display: block;
    font-size:40px;
    margin-bottom:25px;
}
.adv-contact{
    margin-left:auto;
    flex:0 0 320px;
}
.adv-contact > div{
    width:300px;
    height:50px;
    line-height: 50px;
    color:#fff;
    font-size:26px;
    font-family: arial;
    text-align: center;
    border-radius: 30px;
    font-weight: bold;
    border:1px solid #65b44e;
}
.adv-contact > div:first-child{
    margin-bottom:20px;
}
.adv-contact > div:first-child i{
    display:inline-block;
    width:30px;
    height:30px;
    font-size:30px;
    margin-right:15px;
    animation-name: tel; /*@keyframes 动画的名称*/
    animation-duration:1s; /*动画完成周期*/
    animation-iteration-count:infinite /*循环模式：无限次*/
}
@keyframes tel { /*动画模式*/
    0% {-webkit-transform: scale(1);transform: scale(1);}
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
    100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
}
.adv-contact > div:last-child{
    font-size: 20px;
    background: #ff0;
    color: #176200;
    font-weight: normal;
    border:none;
}
.adv-contact > div:last-child i{
    display: inline-block;
    font-size:26px;
    padding-right:15px;
    transform: rotate(-180deg);
}
.adv-code{
    margin-left:auto;
    width:120px;
    height:120px;
}
.adv-code img{
    display: inline-block;
    width:100%;
}
.advantage .index-title,.base-display .index-title{
    padding-top:70px;
    padding-bottom:60px;
    text-align: center;
    font-size:45px;
    font-weight: bold;
}
.advantage .index-title h3,.base-display .index-title h3{
    height:50px;
    line-height: 50px;
    margin-bottom: 5px;
    font-weight: bold;
}
.advantage .index-title span{
    display: block;
    height:78px;
    line-height: 78px;
    font-size:60px;
    color: #2ca501;
}
.advantage .index-title span font{
    display: inline-block;
    margin: 0 15px;
    font-size:74px;
    font-family: Arial;
    color:#f95927;
    vertical-align: text-bottom;
}
.advantage-con{
    width:1200px;
    height:660px;
    margin:0 auto;
    background:url(../images/ys.jpg) no-repeat top center;
}
.advantage-con dl{
    display: flex;
    width:390px;
}
.advantage-con dl h3{
    font-weight: bold;
    color: #2ca501;
    font-size: 32px;
}
.advantage-con dl h3 font{
    font-style: oblique;
    display: inline-block;
    line-height: 40px;
    color: #f95927;
    font-size: 40px;
    font-family: arial;
    vertical-align: text-bottom;
}
.advantage-con dl p{
    padding-top:18px;
}
.advantage-con dl.advantage-1{
    left:0;
    top:0;
}
.advantage-con dl.advantage-2{
    right:0;
    top:0;
}
.advantage-con dl.advantage-3{
    left:0;
    top:280px;
}
.advantage-con dl.advantage-4{
    right:0;
    top:280px;
}
.advantage-con dl.advantage-5{
    top:420px;
    left:405px;
}
.advantage-con dl dt{
    width:186px;
    padding-top:20px;
}
.advantage-con dl dd{
    margin-left:auto;
    width:173px;
}
.advantage-con dl.advantage-2 dd,.advantage-con dl.advantage-4 dd,.advantage-con dl.advantage-5 dd{
    margin-right:auto;
    margin-left:0;
}
.base-display{
    background: url(../images/ifeatbg.jpg) repeat-x center top;
    height:560px;
}
.base-display .layui-carousel>[carousel-item] > div a{
    float:left;
    display: block;
    width:280px;
    position: relative;
    margin:0 26px 26px 0;
    overflow: hidden;
}
.base-display .layui-carousel>[carousel-item] > div a img{
    width:280px;
    height:210px;
    display: block;
}
.base-display .layui-carousel>[carousel-item] > div a .zz{
    position: absolute;
    left:0;
    top:0;
    width:280px;
    height:210px;
    background: url(../images/zz.png) no-repeat;
    z-index:2;
}
.base-display .layui-carousel>[carousel-item] > div a span{
    display: block;
    height: 48px;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    color:#fff
}
.base-display .layui-carousel[lay-arrow=always] .layui-carousel-arrow{
    left:-60px;
}
.base-display .layui-carousel:hover .layui-carousel-arrow[lay-type=add],
.base-display .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{
    right:-60px;
}
.news .container > li{
    flex:0 0 540px;
    overflow: hidden;
}
.news .container > li:nth-child(2n),.bewm,.pre-next span:last-child{
    margin-left:auto;
}
.news .container li,.news-list ul li{
    display: flex;
    padding:20px;
    line-height: 24px;
    border-bottom:1px solid #eee;
    color:#666;
}
.news .container li a:first-child,.news-list ul li a:first-child{
    flex:0 0 230px;
    height:118px;
}
.news .container li a:first-child img,.news-list ul li a:first-child img{
    display:inline-block;
    width:210px;
    border-radius: 5px;
}
.news .container li span,.news-list ul li span{
    display: block;
    width:310px;
    height:28px;
    line-height: 28px;
    font-size:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news .container li p,.news-list ul li p{
    height:48px;
    color:#666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-line-clamp:2; /*可指定任一行显示...效果*/ 
   -webkit-box-orient: vertical; 
}
.news .container li em,.news-list ul li em{
    display: block;
    height:28px;
    line-height: 28px;
    margin-top:10px;
    font-style: normal;
    color:#333;
	float:left;
	padding-right: 10px;
	
}
.news .container li:hover,.news-list ul li:hover{
    background:#f9f9f9;
}
.news .container li:hover span,.quick-news ul li a:hover,.news-list ul li:hover span,.pre-next span a:hover{
    color:#2ca501;
}
.news button{
    display: block;
    margin:40px auto 0 auto;
    padding:0 60px;
    height:40px;
    line-height: 40px;
    border:1px solid #2ca501;
    border-radius: 30px;
    cursor: pointer;
    background: none;
}
.news button:hover{
    background:#2ca501;
    color:#fff;
}
/*二级页面*/
.second-banner{
    background:#EFEFEF;
    height:320px;
    text-align: center;
}
.content{
    background:#F5F5F5;
}
.location{
    width:1200px;
    margin:0 auto;
    padding:20px 0;
}
/*网站尾*/
footer{
    width: 100%;
    padding: 30px 0 30px;
    background: #38921d;
    color: #fff;
}
footer a{
    color:#fff;
}
footer a:hover{
    color:#fff;
    text-decoration: underline;
}
footer .flink{
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 16px;
    border-bottom: 1px solid #78c152;
}
footer .flink a{
    display: inline-block;
    color: #f9f9f9;
    padding-right:20px;
}
footer .copyright{
    border: 1px solid #78c152;
    font-size: 12px;
    padding: 0 25px;
    margin-top: 40px;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
}
footer .copyright a{
    margin-right:15px;
}
.botnav{
    width:290px;
}
.botnav li{
    width: 100px;
    float: left;
    display: block;
    list-style: none;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    overflow: hidden;
    padding-left: 40px;
}
.botnav li:first-child{
    padding-left:0;
}
.botnav li > div{
    padding-top: 10px;
}
.botnav li > div a{
    display: block;
    line-height: 24px;
    width: 100%;
    font-size: 12px;
}
.botcontcat{
    width: 250px;
}
.botcontcat a{
    display: block;
    line-height: 30px;
    font-size: 16px;
}
.botcontcat > div{
    font-size:12px;
}
.botcontcat > div span{
    display: block;
}
.botcontcat > div span.tel{
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
}
.botcontcat .order-btn{
    margin-top:20px;
    width:60%;
    height:32px;
    background:#ff0;
    text-align: center;
}
.botcontcat .order-btn a,.botcontcat .order-btn a:hover{
    font-size:14px;
    line-height:32px;
    color:#333;
}
.bewm li{
    width: 138px;
    height: 158px;
    float: left;
    padding: 10px 0;
    margin-left:20px;
    border: 1px solid #78c152;
}
.bewm li img{
    width: 119px;
    height: 119px;
    padding: 0;
    display: block;
    margin: 0 auto;
}
.bewm li p{
    text-align: center;
    line-height: 20px;
    padding-top: 5px;
}
.common-con{
    width:860px;
    padding:20px;
    margin-bottom:25px;
    background:#fff;
    box-sizing: border-box;
}
.common-con .title{
    padding-bottom:25px;
}
.common-con .title h1{
    font-size: 22px;
    font-weight: 500;
}
.common-con .page-con{
    font-size:16px;
    line-height:28px;
}
.common-con .page-con p,.common-con .page-con div{
    text-indent: 28px;
    margin-bottom: 20px;
}
.common-con .page-con img{
    max-width:100%;
}
.common-right{
    margin-left:auto;
    width:300px;
}
.adv-2 img{
    border-radius: 4px;
}
.quick-news{
    padding:15px;
    margin-top:20px;
    margin-bottom:25px;
    background:#fff;
}
.quick-news .title{
    display: flex;
    justify-content: center;
    height:16px;
    line-height: 16px;
    padding-bottom:15px;
    border-bottom: 1px solid #eee;
}
.quick-news .title h3{
    font-size:16px;
    font-weight: 500;
}
.quick-news .title a{
    margin-left:auto;
    color:#828282;
}
.quick-news ul li{
    position: relative;
    padding: 5px 0 5px 18px;
    border-bottom:1px dashed #eee;
}
.quick-news ul li::before{
    position: absolute;
    margin-left: -6px;
    left:5px;
    top: 12px;
    width: 4px;
    height: 4px;
    border-radius: 6px;
    border: 4px solid #26a900;
    background: #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    opacity: .6;
    content: "";
}
.quick-news ul li a{
    color: #262626;
    display: block;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-line-clamp:2; /*可指定任一行显示...效果*/ 
   -webkit-box-orient: vertical; 
    overflow: hidden;
}
.quick-news ul li em{
    display: block;
    height: 18px;
    line-height: 18px;
    margin-top:5px;
    font-style: normal;
    font-size:12px;
    color:#828282;
}
.news-list ul li span{
    width:550px;
    font-size:20px;
    margin-bottom: 5px;
}
/*分页样式*/
#pages{
    padding:20px 0 10px;
    text-align:center;
}
#pages a {
    display:inline-block; 
    padding:0px 9px;
    height:22px;
    line-height:22px;
    background:#fff;
    border:1px solid #e3e3e3;
    text-align:center;
    color:#333
}
#pages a.a1 {
    padding:0px 12px;
    height:22px;
    line-height:22px;
    margin-top:0px;
}
#pages a:hover {
    background:#f1f1f1;
    color:#000;
    text-decoration:none;
}
#pages span {
    display:inline-block;
    padding:1px 9px;
    height:22px;
    line-height:22px;
    background:#38970F;
    color:#fff;
    text-align:center;
}
.page .noPage {
    display:inline-block;
    padding:0px 12px;
    height:22px;
    line-height:22px;
    border:1px solid #e3e3e3;
    text-align:center;
    color:#a4a4a4;
}
.title-info span{
    display: inline-block;
    height:16px;
    line-height: 16px;
    padding-right:10px;
    margin-right:10px;
    border-right:1px solid #ccc;
}
#hits{
    color:#f95927;
}
.news-introduction{
    margin-top:10px;
    margin-bottom:20px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.6;
    color: #828282;
    border: 1px solid #efefef;
    background: rgba(239,239,239,.4);
    border-radius: 4px;
}
.pre-next{
    display: flex;
    margin-top:20px;
    padding:20px 0;
    border-top:1px solid #eee;
}
.pre-next span{
    display:flex;
    justify-content: center;
    width:48%;
    height:24px;
    line-height: 24px;
}
.pre-next span a{
    width:85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pro-list{
    width:820px;
    display: flex;
    -webkit-display:flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}