@charset "utf-8";
/* CSS Document */
*{color:#333;font-size: 14px;}
body{font-family:微软雅黑;margin:0;overflow-x:hidden;background: #fff;}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,form,table{margin:0;padding:0;}
a,img{border:none;/*兼容ie浏览器*/}
img{vertical-align:middle;border:0;}
li{list-style:none;}
h1{font-size: 30px}
/*p{line-height: 30px;}*/
i,em{font-style:normal;}
a{text-decoration:none;border:0;color:#333;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;clear: both;height: 0;line-height: 0;border: none;}
.row{margin-right: 0;}
.container{margin: 0;padding: 0;border: 0;}
.boxMain{width: 1190px;margin:0 auto;max-width: 97%;}
.flexMain{display: flex;justify-content: space-between;}

/*header*/
#myCarousel .carousel-inner .item a{height:600px;display: block;}
/*itop*/
.iTop{background-color: #f5f5f5;line-height: 40px;}
.iTop p{color:#999;}
.iTop p a{color:#999;font-size:12px;line-height: 10px;display: inline-block;padding:0 10px;}
.iTop p a:nth-child(1){border-right:1px solid #999;}
.iTop p a:last-child{padding-right:0;}
.iTop p a:hover{color:#67b306;}
/*logo*/
.logo{padding:20px 0;}
.logo .boxMain{align-items: center;}
.logoLeft a{font-size:36px;font-weight: bold;margin-right:10px;}
.logoLeft p{font-size:21px;text-align: center;font-weight:bold;}
.logoLeft p span{display: block;color:#fff;background: url("../images/logoBack.png") no-repeat;padding:0 20px;font-size:16px;font-weight:normal;background-size: 100% 100%;}
.logoRight{background: url("../images/tel.png") no-repeat left top;padding-left:94px;}
.logoRight p{color:#999;}
.logoRight span{display: block;font-size: 30px;color: #67b306;font-weight:bold;line-height: 35px;}
/*iNav*/
.iNav{background-color: #313131;line-height: 45px;}
.iNav li{width:14.2%;text-align: center;position: relative;background: url("../images/nav_split.png") no-repeat left center;}
.iNav li>a{color:#fff;font-size:16px;display: block;}
.iNav li>a:hover{background-color: #67b306;}
.iNav .navFl{background-color: #67b306;}
.iNavEj{position: absolute;transition: all .6s ease 0s;-webkit-transform: translate3d(0, 10px, 0);opacity: 0;left:0;z-index: 99;width: 100%;text-align: center;background-color: #313131;}
.iNav li:hover .iNavEj{opacity: 1;-webkit-transform: translate3d(0, 0, 0);}
.iNavEj a{display: block;color:#fff;}
.iNavEj a:hover{background-color: #67b306;}
/*keyword*/
.keyword{line-height: 65px;}
.keyword p{color:#67b306;font-weight: bold;}
.keyword a{color:#666;margin-right:10px;font-weight: normal;}
/*class*/
.class{background-color: #f9f9f9;padding:40px 0;}
.classBox{width: 31%;transition: all ease 300ms;}
.classBox a{align-items: center;}
.classBox img{width:120px;height:120px;border-radius: 50%;border:1px solid #ccc;}
.classBox p{width: 62%;color: #67b308;font-size:24px;font-weight: bold;}
.classBox p span{color:#999;font-size:16px;display: block;font-weight: normal;margin-top:5px;}
.classBox:hover{margin-top:-5px;}
/*cases*/
.casesBt{padding:10px 0 25px;color:#67b306;text-align: center;font-size:36px;font-weight:bold;}
.casesBox{width: 23%;position: relative;overflow: hidden;border:1px solid #ccc;margin-top:10px;}
.casesMain{flex-wrap:wrap;}
.casesBox a>img{width: 100%;}
.casesText{position: absolute;width: 100%;height:100%;top:0;left:-100%;background-color: rgba(0,0,0,.65);justify-content: center;align-items: center;transition: all ease 300ms;}
.casesText p{color:#fff;line-height: 40px;font-size:16px; padding:0px 10px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.casesText p img{display: block;margin:0 auto;}
.casesBox:hover .casesText{left:0;}
.casesFl{justify-content: center;margin-bottom:20px;}
.casesFl a{color:#fff;background-color: #333;padding:0 10px;margin:0 10px;line-height: 30px;font-size:15px; margin-bottom:10px;}


/*adv*/
.adv{background: url("../images/advback.jpg") no-repeat center center;background-size: cover;height: 180px;margin-top:40px;}
.adv .boxMain{justify-content: flex-end;align-items: center;height: 100%;}
.advBox{align-items: center;}
.advBox a{background-color: #fff;color: #67b306;line-height: 36px;display: block;width:140px;text-align: center;border:2px solid #fff;transition: all ease 300ms;}
.advBox p{color:#fff;margin-left:20px;}
.advBox p span{font-size:27px;color:#fff;line-height: 28px;font-weight:bold;display: block;}
.advBox a:hover{background: none;color:#fff;}
/*product*/
.product{background-color: #f5f5f5;padding:40px 0;}
.productLeft{width: 23%;border:1px solid #dcdcdc;}
.productRight{width: 73%;}
.productLeft>p{line-height: 70px;text-align: center;font-size:30px;color:#fff;font-weight: bold;background-color: #67b306;border-bottom:1px solid #dcdcdc;}
.productFl a{display: block;line-height: 48px;background-color: #fff;padding:0 12px 0 80px;font-size:18px;font-weight:bold;color:#67b306;}
.productFl a span{display: inline-block;vertical-align: middle;margin-right: 10px;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #67b306;border-width: 4px;width: 0;height: 0;overflow: hidden;}
.productFl{border-bottom:1px dashed #eee;background-color: #fff;padding-top:10px;padding-bottom:10px;}
.iContact{background-color: #fff;padding:21px 10px 21px 25px;border-bottom:4px solid #67b306;}
.iContact p:nth-child(1){font-size:24px;color:#67b306;font-weight: bold;margin-bottom:12px;}
.iContact p:nth-child(2){font-weight:bold;}
.iContact p{line-height: 30px;}
.productBt{background: url("../images/proBor.png") no-repeat;background-size: 100% 100%;line-height: 17px;}
.productBt span{font-size:18px;color:#000;font-weight:bold;background-color: #f5f5f5;padding-right:30px;}
.productBt a{color:#67b306;background-color: #f5f5f5;padding-left:10px;}
.productBox .casesText img{width: 86px;}
.productList .casesBox{width: 31%;border:0;}
.productList{flex-wrap:Wrap;margin-top:20px;}
.productList .casesBox a:nth-child(1){display: block;position: relative;border:1px solid #ccc;}
.productList .casesBox .casesText{left:-101%;}
.productList .casesBox:hover .casesText{left:0;}
.productList .casesBox a:nth-child(2){line-height: 40px;text-align: center;display: block;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.productList .casesBox:hover a:nth-child(2){color:#67b306;}
/*choose*/
.choose{background-color: #ebebeb;padding:45px 0 ;}
.chooseBtZ{justify-content: center;align-items: center;}
.chooseBtZ>span{font-size:58px;color:#1a1d7a;font-weight: 100;}
.chooseBtZ p{font-size:25px;color:#666;line-height: 45px;text-align: center;margin:0 35px;}
.chooseBtZ p span{display: block;font-size:48px;color:#1a1d7a;}
.chooseBt>p{background: url("../images/chooseBtBack.jpg") no-repeat;width: 38%;margin:0 auto;height:116px;text-align: center;line-height: 106px;color:#fff;font-size:20px;margin-top:-25px;}
.chooseBox{padding:0 50px;align-items: flex-start;margin-top:60px;}
.chooseText{width: 45%;}
.chooseBox>img{width:46%;}
.chooseText p{border-bottom:1px solid #333;font-size:28px;line-height: 60px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;}
.chooseText p span{font-size:60px;font-style: italic;}
.chooseT{padding:15px;line-height: 40px;}
.chooseBox:nth-child(even)>img{order:-1;}
.chooseBox:nth-child(1){margin-top:42px;}
/*service*/
.service{background: url("../images/iservice2bg.jpg") no-repeat;padding:40px 0 45px;background-size: 100% 100%;}
.service .boxMain>p{text-align: center;font-size:36px;font-weight: bold;color:#000;margin-bottom:25px;transition: all ease 600ms;}
.service .boxMain>p span{color:#67b306;font-size:36px;}
.serviceMore{text-align: center;}
.serviceMore a{width: 18%;background: #67b306;font-size:24px;color:#fff;text-align: center;display: inline-block;line-height: 55px;}
.service .boxMain>p:hover{color:#67b306;}
.serviceMore a:hover{background-color: #333;transition: all ease 500ms;}
/*about*/
.about{padding:40px 0;background-color: #f5f5f5;}
.about .boxMain>img{width: 34%;}
.aboutCont{width:60%;}
.aboutCont>p{font-size:24px;font-weight:bold;line-height: 35px;margin-bottom:10px;}
.aboutCont>span{display: inline-block;width:46px;height:2px;background-color: #666;}
.aboutT{line-height: 30px;color:#666;margin:30px 0;}
.aboutCont>a{width: 130px;display: inline-block;background-color: #67b306;text-align: center;line-height: 36px;transition: all ease 300ms;}
.aboutCont>a:hover{width: 140px;}
/*news*/
.news{margin:40px 0;}
.newsBox{width: 48%;}
.newsBox>p{line-height: 22px;}
.newsBox>p span{font-size:22px;font-weight:bold;color:#67b306;border-left:4px solid #67b306;padding-left:10px;}
.newsBox>p a{color:#67b306;}
.newsList{margin-top:28px;}
.newsList p{line-height: 55px;border-bottom:1px dashed #d4d4d4;display: flex;justify-content: space-between;}
.newsList p a{ overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block; width:75%;}
.newsList p span{color:#999;}
.newsList p:hover a{color:#67b306;}
.newsFrist{transition: all ease 300ms;border-bottom:1px dashed #d4d4d4;padding-bottom:20px;margin-bottom:-28px;margin-top:28px;}
.newsFrist>a{width:18%;}
.newsFrist>a img{width: 100%;}
.newsCont{width: 78%;}
.newsCont a{line-height: 24px;margin-bottom:10px;display: block;transition: all ease 300ms;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.newsCont p{line-height: 20px;height:40px;overflow: hidden;color:#999;}
.newsFrist:hover .newsCont a{color:#67b306;}
.newsFrist:hover>a img{-webkit-filter: brightness(110%);}
/*iBottom*/
.iBottom{background-color: #86b350;padding:20px 0 0;}
.friends p{color:#f9f9f9;font-size:16px;border-bottom:1px solid #97c660;padding-bottom:20px;margin-bottom:20px;}
.friends p a{color:#fff;margin-right:10px;}
.contactBox{width:23%;}
.bottomNav{width:65%;}
.erweima{width: 12%;text-align: center;}
.contactBox>p{color:#fff;font-size:16px;margin-bottom:10px;}
.contactList{margin-bottom:20px;}
.contactList p{line-height: 32px;color:#fff;font-size:12px;}
.contactBox>a{color:#Fff;width: 60%;border:1px solid #fff;display: block;text-align: center;line-height: 30px;transition: all ease 300ms;}
.contactBox>a:hover{background-color: #fff;color:#67b306;}
.bottomNavBox{width:14%;}
.bottomNavBox a{color:#fff;line-height: 32px;display: block;font-size:12px;transition: all ease 300ms;}
.bottomNavBox a:nth-child(1){margin-bottom:10px;font-size:14px;line-height: 22px;}
.bottomNavBox a:hover{opacity: .8;}
.erweima img{width: 83%;}
.erweima p{color:#fff;font-size:12px;margin-top:15px;}
.banquan{background-color: #638c3f;margin-top:20px;line-height: 42px;}
.banquan .boxMain{justify-content: flex-start;}
.banquan p{color:#fff;margin-right:30px;}
.banquan p:last-child{display: flex;align-items: center;}
.banquan p:last-child img{margin-right:5px;}
.honor img{max-width: 100%;display: block;margin:0 auto;}

/*page*/
.page{margin-top:25px;padding-bottom:25px;}
.pageLeft{width: 20%;}
.pageLeft>p{font-size:30px;color:#fff;font-weight:bold;background-color: #528e06;text-align: center;padding:20px;line-height: 36px;}
.pageLeft>p span{display: block;font-size:16px;color:#fff;font-weight: normal;padding-top:5px;border-top: 1px solid #a9c783;margin-top:15px; text-transform:uppercase;}
.pageFenlei{padding:15px 22px;background-color: #67b306; text-align:center;}
.pageFenlei a{display: block;line-height: 45px;color:#fff;transition: all ease 300ms;font-size:16px;}
.pageFenlei a:hover{padding-left:15px;background-color: #528e06;}
.pageCase{margin-top:20px;}
.pageLeftBt{color:#67b306;font-size:18px;font-weight:bold;border-bottom:1px solid #f5f5f5;padding-bottom:15px;margin-bottom:15px;}
.pageCaseBox{width:46%;text-align: center;}
.pageCaseBox img{width: 100%;border-radius: 3px;}
.pageCaseBox p{line-height: 40px;font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pageCaseBox:hover p{color:#67b306;}
.pageCaseBox:hover img{-webkit-filter: brightness(110%);}
.pageNewList a{line-height: 34px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pageNewList a:hover{color:#67b306;}
.pageRight{width: 76%;}
.newslistBox>a{width: 20%;}
.newslistBox>a img{width: 100%;}
.newslistCont{width: 77%;}
.newslistBox{align-items: center;padding:20px;transition: all .5s;background-color: #f7f7f7;margin-top:25px;}
.newslistCont a{line-height: 40px;display: block;font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newslistCont p span{color:#999;}
.newslistCont p span:nth-child(1){margin-right:18px;}
.newslistCont p{line-height: 20px;}
.newslistCont p:last-child{line-height: 25px;color:#999;}
.newslistBox:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);}
.newslistBox:hover .newslistCont a{color: #67b306;}
.newslistBox:hover>a img{-webkit-filter: brightness(110%);}
.pHome p{color:#88848b;background: url("../images/pHome.png") no-repeat left center;padding-left:30px;border-bottom:1px solid #f1f1f1;line-height: 48px;}
.pHome p a{color:#88848b;}
.pHome p a:hover{color:#67b306;}
.pContent{margin-top:20px;}
.pBt{text-align: center;border-bottom:1px solid #eee;padding-bottom:10px;}
.pBt p:nth-child(1){font-size:16px;margin-bottom:5px; line-height:30px;}
.pBt p span{font-size:12px;color:#666;}
.pBt p span:nth-child(1){margin-right:18px;}
.pContentT{line-height: 30px;margin-top:20px;}
.pContentT img{max-width: 100%;margin:0 auto;display: block;}
.pContentNext{margin-top:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding:10px 0;}
.pContentNext p{line-height:30px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.productlistP .casesBox a:nth-child(2){font-size:16px;}
.productlistP{margin-top:10px;}







































/*产品分类*/
.pro_list{display: none;margin-top:0;width:100%;margin-bottom:0;}
.cpfl{width:100%;background: #2b2b2b;padding:10px;justify-content: space-between;display:flex;}
.cpfl p{font-size:16px;color:#fff;}
.ipad_prolist{width:100%;}
.ipad_prolist_main{margin: 0 auto;}
.ipad_prolist_main ul{width:100%;background:#67b306;padding-bottom:10px ;}
.ipad_prolist_main li{padding: 10px ;border-bottom:1px solid #fff;}
.ipad_prolist_main li img{width:12px;float: right;}
.ipad_prolist_main li a{font-size:17px;color:#fff;}

.pageHome{position: absolute;left:10px;}
.pageHome img{width: 26px;}



.p-footer{display: none;}
.p-footer p{text-align: center;line-height:25px;}


.index_head{width:100%;background:#67b306;font-size:20px;color:#fff;text-align: center;line-height:50px;position: fixed;top:0;z-index: 999;display: none;}
.index_btn{background:url("../images/index_threelines.png") no-repeat;width: 25px;height: 20px;display: block;background-size:contain;position: absolute;right:10px;top:14px;}
.index_hrad_xl{width:100%;z-index: 999;position: absolute;top:50px;}
.index_hrad_xl li{width:100%;background: #999;text-align:center;border-top:1px solid #fff;}
.index_hrad_xl li a{font-size:16px;line-height:45px;color:#fff;}

.index_foot{width:100%;background:#67b306;padding:10px 0;position: fixed;bottom:0;z-index: 999;display: none;}
.index_foot ul{width:100%;margin:0 auto;display: flex;justify-content: space-between;}
.index_foot li{width:25%;text-align: center;}
.index_foot li p{font-size:16px;color:#fff;margin-top:5px;}
.index_foot li img{width:30px;}


.product-bottom>span{text-align: center;display: block;font-size:17px;margin-top:15px;margin-bottom:-10px;}
.about-cont{margin-top:20px;}
/*分页样式*/
.pglist {
    padding: 20px 0 10px;
    width: 100%;
    text-align: center;
}
.pglist a {
    color: #666;
    padding: 0 14px;
    margin: 0 3px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.pglist * {
    display: inline-block;
    _zoom: 1;
    _display: inline;
    vertical-align: middle;
    line-height: 30px;
    padding-bottom: 1px;
}
.pglist a:hover, .pglist .page-num-current {
    display: inline-block;
    color: #fff;
    background: #67b306;
    border-color: #67b306;
}