﻿/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;font-size:14px;}
.displaynone{display:none;}
.layui-container {width:1230px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}

/*header*/
.top{height:35px;line-height:35px;background:#fff;color:#999;}
.top .top-right{color:#929292;}
.top .top-right a{padding:0 5px;transition:all .3s;color:#999;display:inline-block;line-height:35px;}
.top .top-right a:hover{color:#67c145;}

.logobox{position:relative;padding:.32rem 0;background:#f7f7f7;}
.logo p{font-size:19px;color:#333;line-height:25px;}
.logobox .logoright{margin-top:6px;background:url(../img/phone.png) left center no-repeat;}
.logobox .logoright p{font-size:14px;color:#666;line-height:1.2;padding-left:45px;}
.logobox .logoright strong{color:#67c145;font-size:30px;line-height:30px;font-family:impact;font-weight:normal;padding-left:45px;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}

#nav{width:100%;height:60px;line-height: 60px;background:#67c145;}
#nav ul>li{float:left;width:14.28%;text-align:center;position:relative;line-height:60px;}
#nav ul>li>a{display:block;font-size:16px;color:#fff;}
#nav ul>li.active>a{background:#e7e6eb;color:#67c145;}
#nav ul .submenu{position:absolute;width:100%;top:60px;z-index:99;background:#e7e6eb;display:none;}
#nav ul .submenu li{line-height:20px;padding:10px 0;border-bottom: 1px solid #fff;}
#nav ul .submenu li:last-child{border-bottom: none;}
#nav ul .submenu li a{color:#67c145;}

/*banner大图轮播*/
.swiper-container{width:100%;height:500px;}
.swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;}
.swiper-pagination-bullet{width:14px;height:14px;background:#fff;opacity:1;}
.swiper-pagination-bullet-active{background:#67c145;opacity:1;}

/*关键词搜索*/
.search-box{height:80px;line-height:80px;background:#fff;color:#67c145;box-shadow: 0 1px 10px rgba(0,0,0,.2);}
.search-box .link{height:80px;overflow: hidden;}
.search-box .link b{display:inline-block;width:148px;height:38px;line-height:38px;font-size:18px;background:url(../img/link_bj.png) top center no-repeat;text-align: center;margin-top:21px;color:#fff;}
.search-box .link a{padding:0 2px;color:#67c145;}
.search-box .link .layui-breadcrumb span[lay-separator]{color:#67c145!important;margin:0 5px!important;}
.search-box .link .layui-breadcrumb a:hover{color:#67c145!important;}
.search{margin-top:24px;}
.search .sousu{width:248px;line-height:30px;padding-left:10px;box-sizing: border-box;background:none;border:1px solid #ddd;}
::-webkit-input-placeholder{/*Webkit browsers*/color:#67c145;font-size:12px;}
.search .sou-zi{width:52px;line-height:32px;background:#67c145;font-size:24px;color:#fff;border:none;cursor:pointer;text-align: center;}

/*公共大标题*/
.indexTit p {
    color: #333;
    line-height: 1.2;
    margin-top: 15px;
    font-size: 16px;
    letter-spacing: 5px;
}
.indexTit h2{font-size:30px;color:#67c145;line-height: 32px;font-weight:bold;}
.indexTit h2 span{color:#555;text-transform: uppercase;padding-right:10px;}

/*产品中心*/
.product{margin-top:80px;}
.product-box{margin-top:40px;}
.product-menu {
    text-align: center;
    display: block;
}
.product-menu a {
    display: inline-block;
    background: #f5f5f5;
    padding: 8px 11px;
    font-size: 18px;
    color: #666;
    margin: 0 6px 10px;
}
.product-menu a:hover{background:#67c145;color:#fff;}
.product-list .rq {position: relative;height:272px;}
.product-list .rq a.box {width: 100%;height: 100%;background: #fff;display: block;}
.product-list .rq a.box span {display: flex;align-items: center;justify-content: center;height: 100%;overflow: hidden;border:1px solid #e7e7e7;}
.product-list .rq a.box span img {max-width: 100%;max-height: 100%;}
.product-list ul li{margin-top:30px;}
.product-list ul li p{font-size:18px;height:60px;line-height: 60px;background:#f5f5f5;}
.product-list ul li p a{color:#666;display:block;}
.product-list ul li:hover p{background:#67c145;}
.product-list ul li:hover a{color:#fff;}
.product .more{text-align: center;margin-top:60px;}
.product .more a{border:1px solid #67c145;padding:12px 72px;color:#67c145;font-size:18px;}
.product .more:hover a{background:#67c145;color:#fff;}

/*ban*/
.ban{margin-top:80px;background:url(../img/ban_bj.jpg) top center no-repeat;width:100%;text-align:center;color:#fff;padding:70px 0 45px 0;}
.ban strong{font-size:36px;display:block;line-height: 38px;letter-spacing: 5px;}
.ban p{font-size:22px;line-height: 30px;margin-top:12px;}
.ban .contact{width:636px;height:60px;line-height:60px;background:#e9f2f7;text-align: center;margin:40px auto 0;}
.ban .contact b{font-size:32px;color:#67c145;}
.ban .contact b span{font-size:36px;font-family:impact;}

/*产品优势*/
.advant{width:100%;background:#f5f5f5;padding:80px 0;}
.advant-box{margin-top:60px;}
.advant-item{padding:25px 40px;background:#fff;margin-top:30px;}
.advant-txt{width:500px;padding-top:20px;}
.advant-txt .xuhao{font-size:60px;color:#333;font-family:impact;line-height: 60px;margin-right:20px;}
.advant-txt div.media-body strong{font-size:36px;color:#67c145;display:inline-block;line-height: 50px;border-bottom: 1px dashed #999;}
.advant-txt ul{margin-top:20px;}
.advant-txt ul li{color:#666;line-height: 28px;background:url(../img/list.png) left 6px no-repeat;padding-left:20px;}

/*关于我们*/
.about {
    background: url(../img/about_bj.jpg) top center no-repeat;
    width: 100%;
    padding-bottom: 62px;
}
.about-txt{width:560px;}
.about-txt h3{font-size:30px;color:#fff;font-weight:bold;line-height: 32px;padding:50px 0 35px 0;}
.about-txt p {
    color: #fff;
    line-height: 24px;
    margin-bottom: 34px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 11;
}
.about-txt a{background:#fff;padding:15px 48px;font-size:16px;color:#67c145;}
.about-box{position: relative;}
.about-item{padding:40px 0;background:#f5f5f5;box-shadow: 0px 5px 5px rgba(0,0,0,.1);margin-top:40px;}
.about-item ul li{width:25%;float: left;text-align: center;}
.about-item ul li div.about-itme1{border-right:1px solid #cacaca;padding:4px 0;}
.about-item ul li:nth-of-type(4) div.about-itme1{border:none;}
.about-item ul li span{display:block;height:60px;}
.about-item ul li p{font-size:18px;color:#333;margin-top:5px;}

/*行业新闻*/
.indexNews{margin-top:80px;}
.indexNews-lf{width:600px;}
.indexNews-lf span.img{display:block;width:600px;height:260px;overflow: hidden;}
.indexNews-lf span>img{width:100%;height:100%;}
.indexNews-lf strong{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin:20px 0 5px 0;}
.indexNews-lf strong a{font-size:18px;color:#67c145;display:block;line-height: 20px;}
.indexNews-lf span.date{font-size:12px;color:#666;display:block;line-height: 20px;}
.indexNews-lf p{color:#666;line-height: 30px;}
.indexNews-rt{width:560px;}
.indexNews-rt ul li{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height:30px;line-height: 30px;margin-bottom: 20px;}
.indexNews-rt ul li span{float:right;font-size:16px;color:#999;}
.indexNews-rt ul li a{color:#4b4b4b;font-size:16px;}
.indexNews-rt ul li:hover a{color:#67c145;}
.indexNews-box .gengduo{text-align: center;margin-top:40px;}
.indexNews-box .gengduo a{border:1px solid #67c145;color:#67c145;padding:10px 30px;}
.indexNews-box .gengduo:hover a{background:#67c145;color:#fff;}

/*友情链接*/
.flink{background:#f5f5f5;padding:35px 0;margin-top:80px;}
.flink b{display:inline-block;width:120px;height:30px;background:#67c145;color:#fff;text-align: center;line-height: 30px;float: left;}
.flink span{margin-left:30px;}
.flink span a{color:#666!important;}

/*footer*/
.footer{width:100%;background:#67c145;padding-top:45px;}
.footer a{color:#a6c0d2;}
.footer-nav{padding:20px 0;background:#fff;text-align: center;}
.footer-nav a {
    font-size: 16px;
    color: #333!important;
    padding: 0 53px;
}
.footer-nav .layui-breadcrumb span[lay-separator]{margin:0 35px!important;color:#333!important;}
.footer-box{padding:30px 140px 35px 140px;}
.footer-xinxi p{color:#fff;line-height: 28px;}
.ewm{width:120px;text-align: center;}
.ewm span{display:block;width:120px;height:120px;overflow: hidden;margin:0 auto;}
.ewm span img{width:100%;height:100%}
.ewm  p{color:#fff;}
.copyright {
    line-height: 26px;
    border-top: 1px solid #91da75;
    text-align: center;
    padding: 13px 0;
}
.copyright p{color:#fff;}


@media only screen and (min-width: 320px) and (max-width: 640px) {
	.layui-container {width:auto!important;}
	.banner .pic li{height:140px;}
	.logobox{text-align:center;height:.9rem;}	
	.logobox .logo,.aboutus-cont .abtTxt{margin:0;}
	.logobox .logo img{width:4.5rem;margin-top:10px;float:left;margin-left:15px;}
	.logobox{padding:0;}
	.logobox button{display:block;margin-top:5px;}
	
	.logobox .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;}
	.logobox .head-icon span{display:block;position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .5rem;
    height: .37rem;
    transition: all 0.5s ease-in-out;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../img/icon1.png);}
	.head-icon.active span{width: 0.37rem;height: 0.37rem;background-image: url(../img/icon2.png);}
	/*主导航样式*/
	#nav{background-color: rgba(0, 0, 0, 0.7);height:auto;}
	#nav ul>li{width:100%;background:none;}
	#nav ul>li a{color:#666;font-size:14px;background:none;}
	#nav ul>li.active>a{line-height:.8rem;color:#666;background:none;}
	#nav ul>li:hover a{color:#333;font-weight:bold;}
	.navbar{position: fixed;display:none;top: .9rem;left: 0;width: 100%;bottom: 0;z-index: 9999;}
	.navbar-nav{width: 100%;background-color: #fff;z-index: 1200;border-top: .01rem solid #e5e5e5;padding-bottom: .8rem;}
	.navbar-nav ul{width:100%;height:auto;overflow:hidden;}
	.navbar-nav li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
	.navbar-nav li a{display: block;width: 100%;text-align: center;line-height: .8rem;height: .8rem;font-size: .24rem;color: #666;}
	.navbar-nav li a:hover{color:#149350;}
	
	.swiper-container{height:150px;}
	
	.indexTit h2{font-size:20px;line-height: 20px;}
	.indexTit p{margin-top:5px;}
	
	.product{margin-top:30px;}
	.product-box{margin-top:20px;}
	.product-list .rq{height:2.8rem;}
	.product-list ul li p{height:35px;line-height: 35px;font-size:14px;}
	.product-list ul li{margin-top:10px;}
	.product .more a{padding:.12rem .72rem;}
	.product .more{margin-top:20px;}
	
	.advant{margin-top:30px;padding:20px 0;}
	.advant-box{margin-top:10px;}
	.advant-item{padding:0px;margin-top:10px;background:none;}
	.advant-txt{width:100%;float:none!important;padding-top:0px;}
	.advant-txt .xuhao{font-size:20px;line-height: 30px;margin-right:10px;}
	.advant-txt div.media-body strong{font-size:18px;line-height: 30px;}
	.advant-txt ul{margin-top:10px;}
	.advant-txt ul li{line-height: 25px;}
	
	.about{background:#67c145;padding-bottom: 20px;}
	.about-txt{width:100%;}
	.about-txt h3{font-size:20px;line-height: 22px;padding:20px 0 10px 0;}
	.about-txt p{margin-bottom: 15px;}
	.about-txt a{padding:.15rem .48rem;}
	
	.indexNews{margin-top:30px;}
	.indexNews-box{margin-top:20px;}
	.indexNews-rt{width:100%;float:none!important;}
	.indexNews-rt ul li{margin-bottom: 5px;}
	.indexNews-rt ul li a{font-size:14px;}
	.indexNews-box .gengduo a{padding:.1rem .3rem;}
	.indexNews-box .gengduo{margin-top:15px;}
	
	.footer{padding:20px 0 60px 0;}
	.footer-box{padding:0px;}
	.footer-xinxi{text-align:center;}
	.footer-xinxi p{color:#333;text-align: center;line-height: 20px;}
	
	.footer-tools{position:fixed;left:0;bottom:0;right:0;z-index:999;background:#67c145;height:1rem;}
	.footer-tools ul li{width:25%;float:left;}
	.footer-tools ul li a{display:block;text-align:center;color:#FFF;font-size:.18rem;border-right:1px solid #fff;height:.88rem;padding-top:.1rem;line-height:1.5;}
	.footer-tools ul li a img{width:.42rem;height:.42rem;}
	.page-pic-list >a{height:1.8rem!important;}
	
}
