/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,pre,dl,dt,dd,ul,ol,li{margin:0; padding:0;}
body{font-family:Arial, Helvetica, sans-serif;}
li{list-style:none;}
img{border:none; max-width:100%;}
a{text-decoration:none; color:inherit;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

/* 头部 */
.top1bj{background:#dddddd;}
.top1{line-height:32px; height:32px; font-size:12px; color:#666666; overflow:hidden;}
@media screen and (min-width:1400px){
	.top1bj .container{width:1200px;}
}
@media screen and (max-width:1200px){
	.top1bj{display:none;}
}

@media screen and (min-width:1400px){
	.top2bj .container{width:1200px;}
}
@media screen and (max-width:1200px){
	.top2 .tit2{display:none;}
}

.top2 .logo{float:left; margin:26px 0 16px;}
.top2 .tit{float:left; margin:38px 20px 0 26px; padding-right:20px; border-right:1px solid #dddddd;}
.top2 .tit dt{font-size:34px; color:#4cb10d;}
.top2 .tit dd{font-size:12px; color:#333; text-transform:uppercase;}
.top2 .tit2{float:left; margin-top:42px; color:#333;}
.top2 .tit2 dt{font-size:24px;}
.top2 .tit2 dd{font-size:16px; color:#666;}
.top2 .dh{float:right; margin-top:40px; padding-left:46px; background:url(images/pjh_02.png) left center no-repeat; font-size:18px; color:#333;}
.top2 .dh dt{font-weight:normal;}
.top2 .dh dd{font-size:36px; color:#4cb10d; font-weight:bold;}
@media screen and (max-width:996px){
	.top2 .logo{float:left; margin:20px 0 10px; width:80px;}
	.top2 .tit{float:left; margin:24px 16px 0 16px; padding-right:20px; border-right:1px solid #dddddd;}
	.top2 .tit dt{font-size:30px; color:#4cb10d;}
	.top2 .tit dd{font-size:10px;}
	.top2 .dh{float:right; margin-top:20px; padding-left:40px; background:url(images/pjh_02.png) left center no-repeat; font-size:15px; color:#333; font-weight:normal; background-size:30px auto;}
	.top2 .dh dd{font-size:30px; color:#4cb10d; font-weight:bold;}
}
@media screen and (max-width:750px){
	.top2 .logo{float:left; margin:10px 0 10px; width:36px;}
	.top2 .tit{float:left; margin:12px 0 0 10px; border:none;}
	.top2 .tit dt{font-size:18px; color:#4cb10d;}
	.top2 .tit dd{font-size:8px; display:none;}
	.top2 .dh{float:right; margin-top:6px; padding-left:26px; background:url(images/pjh_02.png) left center no-repeat; font-size:12px; color:#333; font-weight:normal; background-size:20px auto; }
	.top2 .dh dd{font-size:16px; color:#4cb10d; font-weight:bold;}
}
@media screen and (min-width:1400px){
	.top3bj .container{width:1200px;}
	.top3 li{width:12.5%;}
}
.top3bj{background:#4cb10d;}
.top3{line-height:54px; color:#FFF;}
.top3 li{float:left; text-align:center;}
.top3 li a{display:block;}
.top3 li a:hover{color:inherit;}
@media screen and (max-width:996px){
	.top3{line-height:40px;}
	.top3 li{font-size:14px;}
}
@media screen and (max-width:750px){
	.top3{line-height:36px;}
	.top3 li{font-size:14px;}
}

/* banner */
    .swiper-container {

    }
    .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;
    }


/* 首页 */
.box1bj{background:#eeeeee; border-top:6px solid #4cb10d; border-bottom:1px solid #cccccc; padding:20px 0;}
.box1{ font-size:14px; color:#666;}
.box1 .fl{line-height:34px;}
.box1 .frr{float:right; width:300px;}
.box1 .frr form{white-space:nowrap;}
@media screen and (min-width:1400px){
	.box1bj .container{width:1200px;}
}
@media screen and (max-width:750px){
	.box1 .fl{display:none;}
	.box1 .frr{clear:both;}
}
.box2bj{margin:30px 0;}
.box2 h4{font-size:24px; padding-left:15px; position:relative; margin-bottom:20px;}
.box2 h4:after{content:""; width:0; height:0; border:4px solid #4cb10d; border-radius:50%; position:absolute; top:0; left:0; bottom:0; margin:auto;}
.box2 .tit{text-align:center; margin-bottom:20px;}
.box2 .tit a{padding:0 20px; color:#333;}
.box2 .row .relative{position:relative;}
.box2 .row .relative img{width:100%;}
.box2 .row .relative dl{position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.8); text-align:center; padding-top:16%; color:#FFF; transform:scale(0); transition:0.5s;}
.box2 .row .relative:hover dl{transform:scale(1);}
.box2 .row .relative dl dt{font-size:16px; font-weight:normal; padding-bottom:4%; position:relative;}
.box2 .row .relative dl dt:after{content:""; position:absolute; bottom:0; left:0; right:0; margin:auto; width:8%; height:1px; background:#4cb10d;}
.box2 .row .relative dl dd{font-size:18px; margin:5% 0;}
.box2 .row .relative dl dd a:hover{color:inherit;}


@media screen and (min-width:1400px){
	.box2bj .container-fluid{padding:0 160px;}
}

.box3{margin-top:50px;}
.box3 h4{font-size:24px; padding-left:15px; position:relative; margin-bottom:20px;}
.box3 h4:after{content:""; width:0; height:0; border:4px solid #4cb10d; border-radius:50%; position:absolute; top:0; left:0; bottom:0; margin:auto;}
.box3 .row>div{margin-bottom:15px;}
.box3 .row>div img{width:100%;}
.box3 .row dl{padding:6% 2%;}
.box3 .row dl:hover{background:#4cb10d;}
.box3 .row dl:hover dt{color:#FFF;}
.box3 .row dl:hover small{color:#FFF;}
.box3 .row dl:hover dd{color:#FFF;}
.box3 .row dl:hover .more{color:#FFF;}
.box3 .row dl small{font-size:14px; color:#999;}
.box3 .row dl dt{font-size:16px; color:#666; margin:10px 0;}
.box3 .row dl dt a:hover{color:inherit;}
.box3 .row dl dd{font-size:14px; color:#666;}
.box3 .row dl .more{display:block; margin-top:10px; font-size:12px; color:#666;}

@media screen and (min-width:1400px){
	.box3bj .container-fluid{padding:0 160px;}
}

.box4{margin:0 auto 20px;}
.box4 dl dt{margin:20px 0; font-size:22px; color:#4cb10d;}
.box4 dl dd{font-size:16px; color:#666; line-height:28px; margin-bottom:20px;}
.box4 dl .btn{background:#4cb10d; color:#FFF;}
@media screen and (min-width:1400px){
	.box4bj .container-fluid{padding:0 160px;}
}

/* 底部 */

.bottombj{background:#ececec;}
.bottom1{background:#333; height:146px;}
.bottom1 img{float:left; margin:26px 40px 0 30px;}
.bottom1 ul{float:left; line-height:146px;}
.bottom1 ul li{float:left; color:#FFF; margin-right:36px;}
.bottom1 ul li a:hover{color:inherit;}
.bottom1 .fr{margin:40px 60px 0 0; padding-left:46px; background:url(images/pjh_03.png) left center no-repeat;}
.bottom1 .fr dt{font-size:18px; color:#FFF; font-weight:normal;}
.bottom1 .fr dd{font-size:36px; color:#4cb10d; font-weight:bold;}
.bottom2{padding:20px 0; color:#333; line-height:24px;}
.bottom2 .yqlj a{margin-right:10px;}
@media screen and (min-width:1400px){
	.bottombj .container-fluid{padding:0 160px;}
}
@media screen and (max-width:1614px){
	.bottom1 img{margin:26px 20px 0 10px;}
	.bottom1 ul li{margin-right:20px;}
	.bottom1 .fr{margin:40px 10px 0 0;}
}
@media screen and (max-width:1390px){
	.bottom1 ul{display:none;}
}
@media screen and (max-width:1000px){
	.bottom1 ul{display:none;}
}

/* 产品列表 */
.fanye{margin-top:20px;}
.fanye li{float:left; color:#666; font-size:14px; margin-right:8px;}

/* 新闻列表 */
.list_news{padding-top:10px;}
.list_news li{padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #d7d7d7;}
.list_news li a{font-size:16px; color:#4cb10d; font-weight:bold;}
.list_news li p{font-size:14px; color:#333; margin-top:10px;}
