﻿.container{max-width:1230px;}

/*网站公共样式*/
.info-content{line-height:2.5;}
a{color:#333;text-decoration:none;}                                            
a:hover{color:#597a26;}
a:focus{color:#597a26;}
a.btn-more{transition:all 0.5s ease;-moz-transition:all 0.5s ease; /* Firefox 4 */-webkit-transition:all 0.5s ease; /* Safari and Chrome */-o-transition:all 0.5s ease; /* Opera */}
a.btn-more:hover{border: 2px solid rgb(84, 142, 49);color: #fff;background-color: rgb(84, 142, 49);}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/


/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:100;top: 0;left: 0;}
.mask-bg.active{display:block;}



/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{animation-duration:0.3s;-webkit-animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{animation-name:navSlide;-webkit-animation-name:navSlide;}
@keyframes navSlide{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-moz-trsansform:translateY(100%);-o-transform:translateY(100%);opacity:0;visibility:visible;}100%{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1;}}



/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
.header{position: sticky;top: 0;z-index: 20;background: url(../images/header-bg.jpg);background-size:cover;border-bottom: 4px solid #9dd05a;}
.header .logo{line-height: 114px;}
.header .logo img{ }

.root-left .logo-bottom img{height:70px;}

.header .nav-toggle{display:none}
.nav>ul>li{float:left;text-align:center;line-height:114px;margin-right: 4px;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{padding:6px 25px;font-size:15px;}
.nav >ul>li.current>a{color:#fff;background-color: #84bf3a;border-radius: 15px;}
.nav li:hover> ul{display:block;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:15px;line-height:50px} 
.nav ul li ul li a:hover{text-decoration:none;color:#fff;background:#89584B;}

.nav ul li{position:relative;}
.nav ul li .arrow{display:none}
.nav ul li ul{background-color:#ad7669;display:none;position:absolute;left:-18%;z-index:2;width:150px} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/

.nav ul li ul li{display:none!important;}
.nav-toggle{display:none;}

.same-padding{padding-top: 70px;}

/*bootom*/
footer{padding-top:100px;}
.black-bg{padding: 50px 0 10px;}
.black-bg .beian{margin: 38px 15px 0 15px;}
.copyright{padding: 14px 0 10px;}

}

@media (max-width:1000px) /*手机端*/
{
.nav-toggle{position: absolute;top: 24px;right: 20px;}
.nav-toggle .fa{font-size: 24px;}

.header{border-bottom: 1px solid #d6d6d6;background-color: #f5f5f5;}
.header .container .row{margin: 4px 0;}
.header .logo img{height:54px;max-width: 98%;}
.header .nav-toggle{position:absolute;right:5px;top:0;font-size:25px;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}

.root-left .logo-bottom img{height:50px;}

.nav{position:fixed;z-index:999;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color:rgba(168, 169, 176, 0.13)}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.nav ul li.current > a{color:#5a342b;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}

.same-padding{padding-top: 50px;}
    
/*bootom*/
footer{padding-top:60px;}
.black-bg{padding: 30px 0;}
.black-bg .beian{margin: 30px 15px 0 15px;}
.copyright{font-size: 13px;padding: 14px 0 30px;}
.root-center,.root-right{padding-top:20px;}
.root-right li:nth-child(2){line-height: 1;padding: 4px 0;}

}
@media (max-width:1024px) {.display-die{display:none!important;}}



.html5zoo-arrow-left-0{background:url(../images/left.png) no-repeat scroll left top!important;margin-left:10px;}
.html5zoo-arrow-right-0{background:url(../images/left2.png) no-repeat scroll left top!important;margin-right:10px;}



/*top*/
.top-bg{background-color:#000;}
.we-top{line-height:46px;color:#fff;}
.we-top .top-left{font-size:13px;float: left !important;}
.we-top .top-left li{display:inline-block;font-family: '微软雅黑';letter-spacing: 1px;color: rgb(238, 246, 227);font-size: 15px;}
.we-top .top-left li:first-child{padding-right:10px;}
.we-top .top-left li:last-child{padding-left:10px;}

.we-top .top-right{float: right !important;}
.we-top .top-right li{display:inline-block;padding-right:4px;position: relative;top: 6px;}
.we-top .top-right li .top{position:relative;top: -18px;}

.we-top .top-right li a{width: 30px;height: 30px;display: block;text-decoration: none;overflow: hidden;border: none;text-indent: -9999px;z-index: 190;transition: all 0.2s linear;}
.we-top .top-right li:first-child a{background: url(../images/weibo.png) no-repeat left -30px;background-size: auto;background-size: cover;}
.we-top .top-right li:nth-child(2) a{background: url(../images/weixin.png) no-repeat left -30px;background-size: auto;background-size: cover;}
.we-top .top-right li:nth-child(3) a{background: url(../images/qq.png) no-repeat left -30px;background-size: auto;background-size: cover;}
.we-top .top-right li:last-child a{background: url(../images/baidu.png) no-repeat left -30px;background-size: auto;background-size: cover;}

.we-top .top-right li:first-child a:hover,.we-top .top-right li:nth-child(2) a:hover,.we-top .top-right li:nth-child(3) a:hover,.we-top .top-right li:last-child a:hover{background-position: left 0;background-size: cover;}



/*bootom*/
.black-bg{background-color: #01273a;color:rgb(204, 204, 204);font-size: 13px;}
.black-bg .beian{border-top: 1px solid #485c67;text-align:center;padding-top: 14px;}
.copyright{text-align: center}
.copyright a{color: #fff;}

.root-left{border-right: 1px solid #485c67;}
.root-left .title{font-size: 16px;color: rgb(255, 255, 255);}
.root-left .subnav {line-height: 2.1;padding-top: 12px;}
.root-left .subnav li a{color: rgb(204, 204, 204);font-size: 13px;}
.root-left .subnav li:not(:nth-child(-n+4)){display:none;}

.root-center{text-align: center;}
.root-center li{display:inline-block;}
.root-center li:first-child{padding-right: 20px;}
.root-center li p{padding-top:10px;}

.root-right li:first-child{font-size: 15px;}
.root-right li:nth-child(2){font-size: 24px;font-weight:bold;color:#fff;}
.root-right li:nth-child(2) span{font-size:13px;color: rgb(204, 211, 215);}
.root-right li:nth-child(3){padding-top:4px;}
.root-right li:not(:nth-child(-n+2)){line-height:1.8;}



/*子栏目样式*/
.sub-fixed-bg {background:url(../images/scale.png) repeat-x center top;background-color: rgb(242, 242, 242);}
.sub-fixed ul{width:100%;text-align:center;}
.sub-fixed >ul > li{display:inline-block;line-height: 46px;width:12%;}
.sub-fixed li{width: 100%;display: block;}
.sub-fixed li.active{background:url(../images/xnav_nb.png) no-repeat center bottom;position: relative;z-index: 2;}
.sub-fixed li.active a{color: #597a26;}


.sub-nav ul{width:100%;text-align:center;}
.sub-nav > ul > li{display:inline-block;line-height: 46px;width:12%;}
.sub-nav li{width: 100%;display: block;}
.sub-nav li.active{background:url(../images/xnav_nb.png) no-repeat center bottom;position: relative;z-index: 2;}
.sub-nav li.active a{color: #597a26;}
.sub-nav li a,.sub-fixed li a{display: block;width: 100%;}



/*增加代码*/
.sub-fixed >ul>li>ul,.sub-nav >ul>li>ul{position:absolute;}
.sub-fixed li:hover> ul,.sub-nav li:hover> ul{display:block;}
.sub-fixed > ul > li > ul::before,.sub-nav > ul > li > ul::before {display:block;margin:0px auto;text-align: center;position:absolute;top:-8px;left: 45%;content: "";width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom: 8px solid rgba(95, 200, 81, 0);}
.sub-fixed > ul > li > ul li ul::before,.sub-nav > ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.sub-fixed ul li ul li a,.sub-nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff!important;font-size:14px;line-height:50px} 
.sub-fixed ul li ul li a:hover,.sub-nav ul li ul li a:hover{text-decoration:none;color:#fff;background:rgba(0, 0, 0, 0.1);}

.sub-fixed ul li,.sub-nav ul li{position:relative;}
.sub-fixed ul li .arrow,.sub-nav ul li .arrow{display:none}
.sub-fixed ul li ul,.sub-nav ul li ul{background-color:#6ab43e;display:none;position:absolute;left:0;z-index:2;width:150px} /*二级ul样式*/
.sub-fixed ul li ul li ul,.sub-nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/

.sub-fixed ul li ul li:not(:last-child),.sub-fixed ul li ul li ul li:not(:last-child),.sub-nav ul li ul li:not(:last-child),.sub-nav ul li ul li ul li:not(:last-child) {border-bottom: 1px solid #92d085;}



/*图片列表*/
.images-list .row .item a{display:block;overflow:hidden;}
.images-list .row .item img{display:block;width:100%;height:auto;transition: all 0.3s ease-out 0s;}
.images-list .row .item a:hover img{transform:scale(1.1,1.1);}



/*固定TOP*/
#goTop {position: fixed;bottom: 80px;right: 40px;width: 40px;height: 40px;text-indent: -999em;z-index: 20000;background-image: url(../images/top.png); background-repeat: no-repeat;background-position:-168px -42px;}
#goTop:hover {width: 40px;height: 40px;background: url(../images/top.png) no-repeat -168px 0;text-indent: -999em;filter: alpha(opacity=100);opacity: 1;z-index: 20000;}@media (max-width:1000px) {.gotoptop_icon{display:none!important;}}/*手机端*/
@media (max-width:1000px){.gotoptop_icon{display:none!important;}}




/*移动端固定栏目按钮*/
.float-nav-toggle{display: block;text-align: center;position: fixed;left: 6px;bottom: 60px;color: #fff;font-size: 18px;width: 40px;height: 40px;line-height: 40px;background-color: rgba(13, 13, 13, 0.6);border-radius: 20px;}
@media (max-width: 767px) {.display-xs-block {display: block !important;}}



/*手机端固定导航栏*/
.footer-fixed{position:fixed;left:0;bottom:0;overflow:hidden;width:100%;padding:6px 0px;color:#fff;z-index:9;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color: #fff;box-shadow:0px 0px 2px 1px rgba(0,0,0,.3);}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align: center;}
.footer-fixed ul li a{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;}
.footer-fixed ul li p{font-size:1.3rem;}
.footer-fixed.active{transform:translateX(2.8rem);z-index:9;}
.footer-fixed2{font-size: 2.8rem;padding-top: 0.6rem;}
.footer-fixed i{display:block;}
.footer-fixed .fa{font-size:20px;}
@media (min-width:1000px){.footer-fixed{display:none!important;}}



/*内容页公共用*/
.breadcrumb{padding-top:0;padding-bottom:0;}
.breadcrumb-box{text-align: right}
.breadcrumb > li + li::before {content: "-";padding: 0 2px;color: rgb(102, 102, 102);}
.breadcrumb li:first-child a span:hover,.breadcrumb li:last-child a:hover{text-decoration:underline;}

.page {padding: 100px 0;}
.page li .fa{padding-right:6px;}
.page li:hover,.page li:hover a{color: #0488CD;}
.page li:hover a:hover{text-decoration:underline;}

.card1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.card2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 44px;}

.goodness li p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 40px;}
.home-news li .introduct{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;height: 60px;}


.more{text-align: left;margin: 40px 0;}
.more a{background-color: #6ab43e;border: 2px solid #6ab43e;color: #fff;padding: 9px 38px;box-shadow: 1px 1px 4px 1px rgba(187, 193, 188, 0.9);font-size:13px;}



/*内页样式*/
@media(min-width:1000px) {
    .service-items {padding-top: 50px;}
    .service-items li:nth-child(2){padding-top: 70px;}
    .new-service li:nth-child(2){padding-top: 0px;}
    .service-items li img{padding-bottom:18px;}

    .feek-items{padding-top:0;}
    .contact-img{margin-top:50px;}
    .contact-img .box{padding: 60px 10px;}

    .news-list li .date{color: #fff;background-color: #a2b08c;}
    .news-list li .date .date-top{color: #fff;}
    .images-list li .title{font-size:15px;}
    .news-list .right{padding-left: 35px;}
    .news-list li a{margin-top: -6px;}

    .more-wen{margin-top:60px;}
}

@media (max-width:1000px) {
    .service-items {padding-top: 10px;}
    .service-items li img{padding-bottom:20px;}

    .contact-img{margin-top:30px;}
    .contact-img .box{padding: 20px 10px;margin-bottom:20px;}

    .news-list li .date{color: #819f6d;}
    .news-list li .date .date-top{color: #819f6d;}
    .news-list .left,.news-list .right{padding-left:0;}

    .more-wen{margin-top:30px;}


}
/*内页-服务项目*/
.service-items li{padding-right:0;text-align:center;}



/*内页-联系我们*/
.contact{text-align:center;}
.contact .title{font-size: 26px;}
.contact i{border-bottom: 2px solid #7da03a;display: block;width: 40px;margin: 10px auto;}

.contact-img{text-align:center;}
.contact-img img{max-width:50px;}
.contact-img .address{font-size: 18px;padding: 14px 0 6px}
.contact-img p{color: #959393;font-size: 16px;}
.contact-img .box{border:1px solid #f1f1f1;transition:.3s linear;border-radius:4px;}
.contact-img .box:hover{border:1px solid #597a26;}



/*内页-产品中心*/
.title-top{text-align: center;padding-bottom: 15px;color:#6ab43e;}
.images-box .swiper-button-next{background:url(../images/an1R.gif) no-repeat right;background-position-y: 0px;}
.images-box .swiper-button-prev{background:url(../images/an1L.gif) no-repeat left;background-position-y: 0px;}

.images-list li{text-align:center;margin-bottom:20px;}
.images-list li .title{padding: 12px 0 16px;color: #5a5a5a;}
.images-list li .title:hover{color:#e69138;}



/*内页-新闻中心*/
.news-list li{overflow: hidden;padding: 20px 0;border-bottom: 1px dotted #dbd4cd;}
.news-list li a{font-size: 19px;}
.news-list li p{padding-top: 3px;color: #aaa;font-size: 13px;}
.news-list li .date{width: 62px;height: 60px;text-align: center;}
.news-list li .date .date-top{font-size: 24px;font-weight: bold}
.news-list li .date .date-bottom{font-size: 13px;display: block;}

.new-top{font-size: 24px;background-color: #d9d9d9;padding: 10px 2px;margin-bottom: 20px;}
.new-service{padding-top: 20px;}






/*网站公共样式*/
.text-blue{color:rgb(33,70,89);}
.text-overflow{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-overflow-lines2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:26px;height:52px;}

/*字体*/
.font-size-p20m18{font-size:20px;}
.font-size-p18m16{font-size:18px;}
.font-size-p24m20{font-size:24px;}
@media(max-width:768px){.padding-top-60,.padding-top-50{padding-top:30px;}
.margin-top-60{margin-top:30px;}
.padding-bottom-60{padding-bottom:30px;}
.col-sm-12,.col-sm-3,.col-sm-4,.col-xs-12,.col-xs-6,.col-xs-5,.col-sm-8,.col-xs-7{padding-left:5px;padding-right:5px;}
.row{margin-left:-5px;margin-right:-5px;}

/*字体*/
 .font-size-p20m18{font-size:18px;}
.font-size-p18m16{font-size:16px;}
.font-size-p24m20{font-size:20px;}
}

/*首页》公用标题公用链接 */
.index-comtitle{margin-bottom:30px;}
.index-comtitle .t1{font-size:26px;color:#000;}
.index-comtitle .line{margin:14px 0;width:36px;height:2px;background:rgb(132,191,58);display:inline-block;}
.index-comMore{width:157px;height:42px;line-height:42px;display:inline-block;color:#fff;background-color:rgba(89,122,38,1);border-radius:30px 30px 30px 30px;border:none;text-align:center;}
.index-comMore:hover{background-color:rgba(125,160,58,1);color:#fff;}

/* 首页》栏目链接 */
 .index-serviceColumn{background:url(../images/lpicx.png) no-repeat center bottom;}
.index-serviceColumn .picbox{/*overflow:hidden;*/position:relative;transition:all 0.3s ease;display:block;}
.index-serviceColumn .innerFont{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;font-size:30px;transition:all 0.3s ease;transform:scale(0);}
.index-serviceColumn .picbox img{transition:.3s linear;}
.index-serviceColumn .picbox:hover img{transform:scale(1.05);}
.index-serviceColumn .picbox:hover .innerFont{transform:scale(1.1);}
.index-serviceColumn .moreDetail{width:98px;height:38px;line-height:38px;border-radius:20px 20px 20px 20px;background-color:rgba(221,221,221,1);cursor:pointer;display:inline-block;text-align:center;margin-bottom:20px;font-weight:bold;font-size:12px;transition:.3s linear;}
.index-serviceColumn .moreDetail:hover{background-color:rgba(125,160,58,1);color:#fff;}

/* 首页》关于我们 */
.index-aboutus{background:url(../images/home_about_bg.jpg) no-repeat center bottom;}
.index-aboutus .phone{color:#fff;border-radius:30px 30px;border:2px solid #fff;line-height:40px;height:44px;width:180px;display:inline-block;text-align:center;}

/* 首页》优势 */
.index-advantage .item{margin-bottom:50px;}
.index-advantage .item .iconbox{width:50px;height:100%;position:absolute;top:0;right:0;display:flex;align-items:center;}
.index-advantage .item .iconbox .icon{width:50px;height:50px;}
.index-advantage .item .content-pcTextRight{text-align:right;padding-right:66px;}
.index-advantage .item .iconbox-pcRight{right:0;}
.index-advantage .item .content-pcTextLeft{text-align:left;padding-left:66px;}
.index-advantage .item .iconbox-pcLeft{left:0;}
.index-advantage #advantageSwiper{}
.index-advantage #advantageSwiper img{width:310px;height:310px;}
#advantageSwiper .swiper-container{width:310px;height:310px;}
.index-advantage #advantageSwiper .swiper-slide{text-align:center;font-size:18px;background:#fff;/* Center slide text vertically */
 display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

/* 首页》联系我们 */
.index-contact{background:url(../images/home_contactx.jpg) no-repeat center center;}
.index-contact .title{font-size:26px;}
.index-contact .contact{width:157px;height:42px;line-height:42px;display:inline-block;color:#fff;border:1px solid #f5f5f5;border-radius:30px 30px 30px 30px;text-align:center;margin-top:18px;}
.index-news{background:#f5f5f5;}
.index-news .picbox img{width:100%;height:auto;}
.lyy-newslist .new{position:relative;padding-left:70px;}
.lyy-newslist .new .date{width:60px;height:62px;color:#fff;background:#a2b08c;position:absolute;top:0;left:0;}
.lyy-newslist .new .date .dd{font-size:24px;line-height:38px;font-weight:bold;}
.lyy-newslist .new .date .yyyyy-mm{font-size:12px;line-height:22px;}
.lyy-newslist .new .title{font-size:24px;}
.lyy-newslist .new .intro{color:#999;font-size:12px;}

.font-size-13{font-size:13px;}
.index-comMore,.index-wenlian{transition:.3s linear;}
.index-wenlu{background-color: #7da03a;}
.index-wenlu:hover{background-color: #597a26;}
.index-wenlian:hover{border:1px solid rgba(125,160,58,1);color:rgba(169,216,93,1);}

@media(max-width:992px) { 
  /* 首页》优势 */
 .index-advantage .item{margin-bottom:20px;}
 /* 首页》优势 */
.index-advantage .item{margin-bottom:20px;}
.index-advantage .item .content-pcTextRight{text-align:left;padding-left:66px;padding-right:0;}
.index-advantage .item .iconbox-pcRight{left:0;right:auto;}
.index-advantage #advantageSwiper{margin:20px 0 40px 0;}
/* 首页》关于我们 */
.index-aboutus{background:url(../images/home_about_bg.jpg) no-repeat left center;background-size:cover;}
.index-aboutus .phone{display:none;}
/* 首页》联系我们 */
 .index-contact{background:url(../images/home_contactx.jpg) no-repeat left center;background-size:cover;}
/* 首页》公用 */
 .index-comMore{width:120px;height:36px;line-height:34px;}

}