@charset "utf-8";
body{color:#333;font-family:'Microsoft Yahei',sans-serif}
a,a:hover,a:focus{color:#333;text-decoration: none}
ul{padding:0;margin:0;list-style:none}
/**等比图片**/
.proportion-constrain-4b3,.proportion-constrain-16b9,.proportion-constrain-custom{position:relative;height:0}
.proportion-constrain-4b3{padding-bottom:75%}
.proportion-constrain-16b9{padding-bottom:56.25%}
.proportion-constrain-4b3>img,.proportion-constrain-16b9>img,.proportion-constrain-custom>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}

/*图片缩放动画*/
.zoomable{overflow:hidden;}
.zoomable>img{-ms-transition:-ms-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.zoomable>img:hover{-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

/*单行*/
.line-one{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*标题*/
.section-header{text-align: center;overflow:hidden}
.section-header .sec-header{margin:10px 0;position: relative;display: inline-block;white-space:nowrap;width:40%;padding:10px 0;border-bottom:solid 1px #ddd}
.section-header .sec-header:after{content:'';position:absolute;bottom:0;left:50%;width:4em;margin-left:-2em;border-bottom:solid 4px #2B5198;margin-bottom: -1px}

.link-btn{display: inline-block;padding:8px 40px;border:solid 1px;border-radius:0}
/** 详情 **/
.detail iframe{max-width: 100%;display: block;max-height: 0 auto}
.detail img,.detail video,.detail embed{max-width:100%;display:block;margin:0 auto;height:auto}

/*顶部导航*/
.navbar{border:none;margin-bottom: 0;background-image: linear-gradient(#5cc233, #4dac27); border-radius: 0px;}
.navbar>.navbar-collapse{padding:0;border:none;}
.navbar>.navbar-collapse .navbar-logo{display:inline-block;padding:25px 0}

.nav{}
.nav a{ color:#fff; font-weight: bold;}
.nav>li>a:focus,.nav>li>a:hover,.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background:rgba(0,0,0,.2);background:transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#33000000",endColorStr="#33000000"); color: #fff;}
.navbar .navbar-nav .dropdown-menu{border:none;border-radius:0}

/*按钮*/
.theme-btn{color:#fff;background:#2B5198}
.theme-btn:hover{background:#3666bf}
.theme-btn:active{background:#224077}

 /*首页*/
.top-banner {color: #333;font-size: 14px;line-height:40px; background: #eee;}
.pull-right{float: right!important;}
.top-header{width:1050px; margin: 0px auto;}
.top-banner .glyphicon{padding-right:8px;}
/*产品分类*/

.part1{width:240px; float: left; height: 275px;}
.part1 ul li{background: #f1f1f1; margin: 5px 0;}
.part1 ul li a{display:block;height:40px; line-height: 40px; background:url(../upload/listico.png) no-repeat 20px center; padding-left: 35px;}
.part1 ul li a:hover{background:#4dac27;color: #fff;}

.part3 ul{padding-top:10px;}
.part3 ul li a{height:35px; line-height: 35px;background:url(../upload/newlistico.png) no-repeat 0px center; padding-left: 20px;}

.part5 ul{padding-top:10px;}
.part5 ul li{display:block; line-height: 30px; padding-left: 5px;}


/*内页*/
.main{width:1080px; margin: 0px auto; height: auto; overflow: hidden;}
.mainh2{background:#eee; font-size: 16px; padding: 15px 20px; margin-bottom: 0px;}
.mainh2 span{float:right; font-size: 14px;}
.main-left{ width: 240px; float: left; margin-top: 10px;}
.main1{display: block; height: auto; overflow: hidden;}
.main1 ul li{background: #f1f1f1; margin: 5px 0;}
.main1 ul li a{display:block;height:40px; line-height: 40px; background:url(../upload/listico.png) no-repeat 20px center; padding-left: 35px;}
.main1 ul li a:hover{background:#4dac27;color: #fff;}
.main2{ display: block; height: auto; overflow: hidden; margin-top: 10px;}
.main2 ul{padding-top:10px;}
.main2 ul li{display:block; line-height: 30px; padding-left: 5px;}


.main-right{width:790px; float: right; height: auto; overflow: hidden;}
.news-list ul li{ border-bottom:1px dashed #ccc;}
.news-list ul li h3{font-size:16px;}
.news-list ul li p a{color:#666;}


.news-article{}
.news-title{font-size:20px; display: block; text-align: center; line-height: 30px;font-weight: bold;}
.news-date{color:#999; display: block; text-align: center; height: 30px;}
.news-content{line-height:2; padding-bottom: 10px;}
.article-link{padding: 10px 0;display: block; height: auto; overflow: hidden;}
.article-link .link a{display:inline-block;color:#5cc233}
.article-link .link{ padding: 0px; border-top: 1px dashed #ccc; padding-top: 10px;}
.article-product{}

.article-product ul.row{ padding-top: 15px;}
.article-product ul li a.pic{display: block;border: #ccc 1px solid;overflow: hidden;}
.article-product ul li a.txt{display: block;height: 40px;line-height: 40px;text-align: center;font-weight: bold;}
.article-product ul li img{width:100%; height: 100%; object-fit: cover;}

.product-list ul.row{padding-top:15px;}
.product-list a.pic{display:block; border: 1px solid #ccc;}
.product-list a.txt{height:40px; line-height: 40px; text-align: center}

.product-pic{border: 1px solid #ccc; height: auto; overflow: hidden; padding: 15px 0;}
.product-pic img{width:100%; height: 100%; object-fit: cover;}
.product-pic h1{font-size:20px; font-weight: bold; margin: 0px; color: #5cc233; padding-bottom: 10px;}
.product-pic ul li{ padding:10px 0; line-height: 22px; border-bottom: 1px dashed #ccc;}
.product-pic ul li mark{background:none; font-weight: bold;}
.line-bg{background:#fff; line-height: 2}
.order-form .control-label{font-size: 14px;white-space: nowrap;text-align: right;}
.btn-block{background:#5cc233; color: #fff; width: 50%;}
.btn-block:hover,.btn-block:active{background:#7dda57; color: #fff;}
.case-line{background:#fff;line-height: 2}
.case-line img{max-width:100%}


















/*页脚*/
.footer{font-size:14px;background-image: linear-gradient(#5cc233, #4dac27); color: #fff; margin-top: 15px; height: auto; overflow: hidden;} 
.footer a{color:inherit}
.footer-box{background: #4dac27; width: 1050px; margin: 0px auto;}
.footer .cntel{width:225px; float: left;}
.footer .cntel ul{padding-top:25px;}
.footer .cntel ul li{ text-align:center; font-size: 18px; line-height: 30px;}


.footer .endright{background-image: linear-gradient(#5cc233, #4dac27); height: auto; overflow: hidden; padding: 30px;}
.footer .endnav{ line-height: 30px;}
.footer .endnav a{ padding-right:15px;}
.footer .endaddress{ line-height: 30px;}
.footer .endcopyright{ line-height: 30px; border-top: 1px solid #347d17;padding-top: 10px;}
.footer .links{ line-height: 30px; border-bottom: 1px solid #75cf52; padding-bottom: 10px;}
.footer .links a{ padding-right:15px;}



/*微信咨询图片*/
.wx-code{display: none;position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.8);z-index: 999}
.wx-code>.wx-code-img{display: block; max-width: 80%; margin: 0 auto; top: 50%; position: relative; transform: translateY(-50%);}






/*
*****************
  ##        ##   
  ###      ###   
  ## #    # ##   
  ##  #  #  ##   
  ##   ##   ##   
  ##        ##   
  ##        ##   
*****************
*/
@media screen and (max-width: 767px) {
.top-banner,.top-header,.part1,.cntel,.endnav,.endright,.endaddress,.endcopyright,.links,.about-x img{display:none;}

.navbar>.navbar-collapse>.navbar-container{background:#fff}

.navbar .navbar-brand{position: absolute;left: 0;right: 60px;color:#fff;padding-right: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight:bold}
.navbar .navbar-header{}
.navbar .navbar-header .icon-bar{background:#fff}
/*二级菜单*/
.dropdown-menu>.submenu.open:after{border-left-color:transparent;border-top-color:#333}
.dropdown-menu>.submenu>.dropdown-menu{margin-left: 1em}

.carousel-inner>.item>img{height:160px;object-fit:cover}
.breadcrumb-container{padding:0 10px;background: #fff}
.breadcrumb{line-height: 45px}
.breadcrumb>li+li:before,.breadcrumb>li, .breadcrumb>.active, .breadcrumb>li>a{color:#333}
.section-header .sec-subheader:before,
.section-header .sec-subheader:after{width:50px}

.module-spliter{border-top:solid 15px #eee}
.link-btn{padding:5px 20px}
/*首页*/
body{background:#eee;}
.column-container{background:#fff; padding: 20px 10px;}
.column-container li.col-xs-3{ text-align:center; padding: 0}
.column-title{padding-top:5px;}
.part .container{padding:0px;display:flex;flex-direction:column}
.part2{order:-1;}
.part3{order:1;}
.part4{order:-1;}
.part5{order:1;}
.part2,.part3,.part4,.part5{background:#fff; margin-top: 10px;padding-bottom: 20px;}
.part2 h2,.part3 h2,.part4 h2,.part5 h2{ color: #47a323; font-size:16px; margin: 0px; font-weight: bold; padding: 20px 15px 15px 25px;position: relative;}
.part2 h2 a,.part3 h2 a,.part4 h2 a,.part5 h2 a{float:right; font-size: 14px; font-weight: normal;}
.part2 h2::after,.part3 h2::after,.part4 h2::after,.part5 h2::after{content:''; position: absolute; width: 5px; height: 16px; background: #47a323; left: 15px;}
.about-x{line-height:24px; padding: 0px 15px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:6;}

.marqueeleft{width:100%;overflow:hidden;margin:0px auto;}
.marqueeleft ul{}
.marqueeleft li{float:left;display:inline;width:50%; height: auto; overflow:hidden;}
.marqueeleft li:nth-child(n+5){display: none;}
.marqueeleft li a.pic{display:block;border:#ccc 1px solid; overflow:hidden;}
.marqueeleft li.col-xs-6:nth-child(2n-1){padding-right:7px;}
.marqueeleft li.col-xs-6:nth-child(2n){padding-left:7px;}
.marqueeleft li a.pic img{width:100%; height: 100%; object-fit: cover;}
.marqueeleft li a.txt{display: block; height:30px;line-height:30px;text-align: center; font-weight: bold;}
.mq-width{width:100%;}
#marquee1_2{display:none}

.part3 ul{padding:0px 15px;}
.part5 ul{padding:0px 15px;}
.footer-box{width:100%;}
.footer .feedback{padding: 15px;}
.footer .feedback textarea.form-control{resize:none}
.footer .col-xs-3{width:33%; line-height: 34px;}
.footer .form-group{height:auto; overflow: hidden;}
.footer .form-group a.btn{width:100%; background: #6bd241}


/*内页*/
.main{width:100%;}
.main .container{padding: 0;display:flex;flex-direction:column}
.mainh2{display:block; height: 45px; line-height: 45px; background: #fff; padding: 0px 15px; margin-top: 10px;}
.mainh2 strong,.main1{display:none;}
.mainh2 span{float:left;}
.main-left{ width: 100%;order:1;}
.main-right{width:100%;order:-1;}
.news-list{ background: #fff; padding-bottom: 20px;}
.news-list ul li h3{ margin-top: 10px;}
.news-list ul li{ margin:0px 15px; padding: 10px 0;}
.news-list ul li p{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.main2{background: #fff; margin-top: 0px; padding-bottom: 20px;}
.main2 .indexh2{font-size:16px;position: relative; padding-left: 25px;}
.main2 .indexh2::after{content:''; position: absolute; width: 5px; height: 16px; background: #47a323; left: 15px;}
.main2 ul li{padding:0px 15px;}

.news-article{background:#fff; padding:10px 15px; margin-top: 10px;}
.article-product{margin-top:10px;}
.article-product .mainh2{margin-top:0px; position: relative; padding-left: 25px; margin-bottom: 0}
.article-product .mainh2::after{content:''; position: absolute; width: 5px; height: 16px; background: #47a323;top:15px; left: 15px;}
.article-product .mainh2 strong{display:block;}
.article-product{background:#fff;}
.article-product ul.row{margin:0; padding-top:0px; }

.article-product li.col-xs-6:nth-child(2n-1){padding-right:7px;}
.article-product li.col-xs-6:nth-child(2n){padding-left:7px;}

.article-link .link{border-top: 0px dashed #ccc; padding: 5px 15px;}

.product-list{background:#fff; padding: 15px;}
.product-list li.col-xs-6:nth-child(2n-1){padding-right:7px;}
.product-list li.col-xs-6:nth-child(2n){padding-left:7px;}

.product-txt h2.mainh2{padding-left: 25px; margin-bottom: 0px;position: relative;}
.product-txt h2.mainh2::after{content:''; position: absolute; width: 5px; height: 16px; background: #47a323;top:15px; left: 15px;}
.line-bg{ padding: 15px; padding-top: 0px;}
.product-pic{background:#fff; border: 0}
.product-pic h1{padding-top:10px; font-size: 18px;}
.btn-block{background:#5cc233; color: #fff; width: 100%;}
.case-line img{width:100%}
.message-centtet{display:none;}
.case-centent,.news-list,.product-pic,.product-list{ margin-top: 10px}
.pagination-container{background:#fff;}



/*底部导航*/
.fixed-navbar-bottom,.navbar-bottom{height: 60px}
.navbar-bottom{position: fixed;left:0;bottom:0;width:100%;background-image: linear-gradient(#5cc233, #4dac27);z-index: 99}
.navbar-bottom>.nb-item{float:left;width:20%;text-align: center;}
.navbar-bottom>.nb-item>a{color:#fff}
.navbar-bottom>.nb-item>a>img{display: block;margin:5px auto 0;width:30px;height: 30px}










}






/*
*******************
######       ######
##    ##   ##      
##    ##   ##      
######     ##      
##         ##      
##           ######
*******************
*/

/*PC*/
@media screen and (min-width:768px){

/*顶部导航*/

.container>.navbar-collapse{padding:0}
.navbar-nav{font-size:16px; float: none}
.navbar-nav>li>a{padding:0px 33px; line-height: 50px;}
.dropdown-menu>li>a{line-height:2}

.breadcrumb{display: inline-block;}

/*搜索框*/
.searchbox{float:right;width:290px;height:40px;margin:35px 0;padding-left:10px; border: 1px solid #5cc233}
.searchbox .sch-txt{float:left;width:203px;line-height: 38px; background:0;border:none;padding:0;outline: none}
.searchbox .sch-btn{float:left;border:none;color:#fff;width:75px;height:38px;outline: none; background: #5cc233;}

.section-header .sec-header{padding:10px 0 16px;}


.carousel{width:1050px; margin: 0px auto; margin-top: 10px; height: 400px;}
.carousel .item>img{max-width: none; height: 400px;}

/*首页*/
.indexh2{font-size:16px; font-weight: bold;background-image: linear-gradient(#5cc233, #4dac27); color: #fff; height: 45px; line-height: 45px; padding: 0px 20px; margin: 0;}
.indexh2 a{float: right; font-weight: normal; color: #fff; font-size: 14px;}
.h2none{background-image: linear-gradient(#f1f1f1, #eee); color: #333;}
.h2none a{float: right; font-weight: normal; color: #666; font-size: 14px;}

.part{ width: 1080px; margin: 0px auto; margin-top: 10px;}
/*关于我们*/
.part2{width:500px; float: left; margin-left: 15px; height: 275px;}
.about-x{line-height:26px; margin-top: 10px;}
.about-x img{float:left; width: 155px; margin-right: 15px; margin-top: 5px}
/*动态资讯*/
.part3{width:280px; float: right; height: 275px;}

/*产品推荐*/
.part4{width:752px; float: left; margin-top: 15px; border: 1px solid #eee;}
.marqueeleft{width:720px;overflow:hidden;margin:15px auto; margin-bottom: 10px}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:178px; height: auto; overflow:hidden;}
.marqueeleft li a.pic{display:block;border:#ccc 1px solid;width:178px;height:128px;overflow:hidden;}
.marqueeleft li.col-xs-6{padding:0px;}
.marqueeleft li a.pic img{width:100%; height: 100%; object-fit: cover;}
.marqueeleft li a.txt{display: block; height:40px;line-height:40px; text-align: center; font-weight: bold;}
.mq-width{width:8000px;}


/*联系我们*/
.part5{width:280px; float: right; margin-top: 15px;}
.part5 ul{padding-top:10px;}
.part5 ul li{display:block; line-height: 30px; padding-left: 5px;}

.feedback{display:none}
.feedback-code-wrapper img{height:20px;width:auto; margin:7px 0}
.message-centtet{ padding-top:20px;}
.message-centtet .col-xs-3{width:20%; line-height: 34px;}
.message-centtet .form-group{clear:both;}
.message-centtet .btn{background:#5cc233; color: #fff;  width: 200px; margin-top: 15px;}




















.container {
    width: 1080px;
}
}

@media (min-width: 1200px){
.container {
    width: 1080px;
}
}