@charset "utf-8";

/*标题*/
.title{text-align: center;}
.title strong{display: inline-block; line-height: 72px; font-size: 40px; color: #000000; position: relative;}
.title strong::after{display: block; content: ""; width: 40px; height: 6px; margin-left: -20px; background-color: #2faa38; position: absolute; left: 50%; bottom: 3px;}

/*首页轮播图*/
.banner{position: relative; height: 790px; overflow: hidden;}
.banner .hd{position: absolute; left: 50%; bottom: 10px; z-index: 100; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -0-transform: translateX(-50%);}
.banner .hd ul{font-size: 0;}
.banner .hd li{display: inline-block; width: 12px; height: 12px; margin: 0 8px; background-color: #fff; border-radius: 100px;}
.banner .hd li.on{background-color: #36bf57;}
.banner .bd{width: 100%; height: 100%;}
.banner .bd ul li{}
.banner .bd ul li img{display: block; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover;}
.banner a{display: none; width: 20px; height: 37px; margin-top: -18px; position: absolute; top: 50%; opacity: 0.8; filter: alpha(opacity=80); z-index: 1;}
.banner a.prev{background: url(../images/previcon.png) no-repeat; left: 15%;}
.banner a.next{background: url(../images/nexticon.png) no-repeat; right: 15%;}
.banner:hover a{display: block;}
.banner a:hover{opacity: 1; filter: alpha(opacity=100);}

/*indexAbout*/
.indexAbout{padding-top: 36px; overflow: hidden;}
.indexAbout .contentBox{margin-top: 50px;}
.indexAbout .contentBox .floatL{max-width: 478px; overflow: hidden;}
.indexAbout .contentBox .floatR{width: 614px; margin: 10px 10px 0 0;}
.indexAbout .contentBox .floatR p{line-height: 26px; color: #000000; word-break: break-all;}
.indexAbout .contentBox .floatR a{display: inline-block; margin-top: 27px; padding: 8px 31px 8px 0; font-size: 18px; background: url(../images/icon-more-arrow.png) right center no-repeat; color: #000000; border-bottom: 6px solid #353535;}
.indexAbout .contentBox .floatR a:hover{color: #2faa38; border-color: #2faa38; background: url(../images/icon-more-arrow1.png) right center no-repeat;}
.indexAbout .slideBox{margin-top: 88px;}
.indexAbout .slideBox .hd{margin: 16px 0;}
.indexAbout .slideBox .hd ul{font-size: 0; text-align: center;}
.indexAbout .slideBox .hd ul li{display: inline-block; width: 198px; height: 49px; line-height: 45px; margin: 0 105px; font-size: 30px; font-weight: bold; color: #37ad40; cursor: pointer;}
.indexAbout .slideBox .hd ul li.on{background: url(../images/icon-leaf.png) no-repeat; color: #ffffff;}
.indexAbout .slideBox .bd{width: 100%; height: 549px; overflow: hidden;}
.indexAbout .slideBox .bd>div{width: 100%; height: 100%; position: relative;}
.indexAbout .slideBox .bd>div img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.indexAbout .slideBox .bd .floatR{
    width: 600px;
    line-height: 31px;
    margin-top: 70px;
    margin-right: 40px;
    margin-left: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #ffffff;
}

/*indexProduct*/
.indexProduct{}
.indexProduct .slideBoxs{position: relative; height: 317px; margin-top: 40px;}
.indexProduct .slideBoxs .tempWrap{width: 100%; height: 100%; overflow: hidden;}
.indexProduct .slideBoxs li{float: left; width: 285px; margin-right: 20px; text-align: center;}
.indexProduct .slideBoxs li .slide-img{width: 285px; height: 263px; overflow: hidden;}
.indexProduct .slideBoxs li .slide-img img{transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;}
.indexProduct .slideBoxs li p{padding: 0 10px; line-height: 54px; font-family: "宋体"; font-size: 16px; color: #2d2d2d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.indexProduct .slideBoxs li:hover .slide-img img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.indexProduct .slideBoxs li:hover p{color: #2faa38;}
.indexProduct .slideBoxs .sPrev,.indexProduct .slideBoxs .sNext{width: 56px; height: 56px; position: absolute; top: 105px; opacity: .5; filter: alpha(opacity=50);}
.indexProduct .slideBoxs .sPrev:hover,.indexProduct .slideBoxs .sNext:hover{opacity: 1; filter: alpha(opacity=100);}
.indexProduct .slideBoxs .sPrev{background: url(../images/icon-prevbtn.png) no-repeat; left: -80px;}
.indexProduct .slideBoxs .sNext{background: url(../images/icon-nextbtn.png) no-repeat; right: -80px;}
.indexProduct .more{display: block; width: 200px; height: 43px; line-height: 43px; margin: 20px auto 47px; border: 1px solid #c9c9c9; border-radius: 45px; color: #323232; text-align: center;}
.indexProduct .more:hover{background-color: #36bf57; border-color: #36bf57; color: #ffffff;}

/*indexCertificate*/
.indexCertificate{padding: 48px 0; background-color: #e6e6e6;}
.indexCertificate .floatL{margin-left: 184px;}
.indexCertificate .floatR{width: 690px; text-align: center;}
.indexCertificate .floatR .title{margin: 64px auto 46px;}
.indexCertificate .floatR ul{max-width: 340px; margin: 0 auto;}
.indexCertificate .floatR ul li{line-height: 31px; margin-bottom: 12px; font-size: 20px; color: #7a7a7a; text-align: left;}
.indexCertificate .floatR ul li i{display: inline-block; width: 8px; height: 8px; margin: -3px 17px 0 0; border-radius: 8px; background-color: #e72019; vertical-align: middle;}
.indexCertificate .slideBox1{position: relative; height: 221px;}
.indexCertificate .slideBox1 .tempWrap{width: 100%; height: 100%; overflow: hidden;}
.indexCertificate .slideBox1 li{float: left;  margin-right: 30px; text-align: center;}
.indexCertificate .slideBox1 li img{height: 100%;}
.indexCertificate .slideBox1 .sPrev,.indexCertificate .slideBox1 .sNext{width: 56px; height: 56px; position: absolute; top: 80px; opacity: .5; filter: alpha(opacity=50);}
.indexCertificate .slideBox1 .sPrev:hover,.indexCertificate .slideBox1 .sNext:hover{opacity: 1; filter: alpha(opacity=100);}
.indexCertificate .slideBox1 .sPrev{background: url(../images/icon-prevbtn.png) no-repeat; left: -80px;}
.indexCertificate .slideBox1 .sNext{background: url(../images/icon-nextbtn.png) no-repeat; right: -80px;}

/*indexBrand*/
.indexBrand .title{margin-top: 38px;}
.indexBrand img{display: block; width: 100%;}

/*indexCompany*/
.indexCompany{height: 791px; background: url(../images/indexCompany-bg.jpg) no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden;}
.indexCompany .title{margin: 70px auto 66px;}
.indexCompany .title strong{color: #ffffff;}
.indexCompany ul{height: 293px; margin: 0 -7px;}
.indexCompany ul li{float: left; width: 390px; height: 293px; margin: 0 7px; overflow: hidden;}
.indexCompany ul li img{display: block; height: 100%; transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;}
.indexCompany ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.indexCompany .more{display: block; width: 200px; height: 43px; line-height: 43px; margin: 98px auto 0; background-color: #ffffff; border: 1px solid #c9c9c9; border-radius: 45px; color: #323232; text-align: center;}
.indexCompany .more:hover{background-color: #36bf57; border-color: #36bf57; color: #ffffff;}

/*indexNews*/
.indexNews .title{margin: 44px auto 33px;}
.indexNews .slideBox2{margin-bottom: 52px;}
.indexNews .slideBox2 .hd{margin-bottom: 32px;}
.indexNews .slideBox2 .hd ul{font-size: 0; text-align: center;}
.indexNews .slideBox2 .hd ul li{display: inline-block; line-height: 27px; margin: 0 34px; font-size: 16px; color: #3d3d3d; cursor: pointer;}
.indexNews .slideBox2 .hd ul li.on{border-bottom: 3px solid #2faa38;}
.indexNews .slideBox2 .bd{height: 246px; overflow: hidden;}
.indexNews .slideBox2 .bd ul{margin: 0 -18px;}
.indexNews .slideBox2 .bd li{float: left; width: 273px; margin: 0 18px;}
.indexNews .slideBox2 .bd li .slide-img{width: 100%; height: 164px; overflow: hidden;}
.indexNews .slideBox2 .bd li .slide-img img{display: block; height: 100%; transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;}
.indexNews .slideBox2 .bd li p{line-height: 26px; margin: 17px auto; color: #2e2e2e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.indexNews .slideBox2 .bd li font{line-height: 20px; font-size: 12px; color: #737373;}
.indexNews .slideBox2 .bd li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.indexNews .slideBox2 .bd li:hover p,.indexNews .slideBox2 .bd li:hover font{color: #2faa38;}

/*内页banner*/
.banners{height: 572px; overflow: hidden;}
.banners img{display: block; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover;}

/*列表*/
.listMod .listItem{}
.listMod .listItem .hd{margin-bottom: 53px;}
.listMod .listItem .hd ul{font-size: 0; text-align: center;}
.listMod .listItem .hd li{display: inline-block; width: 165px; height: 41px; line-height: 38px; margin: 0 22px;}
.listMod .listItem .hd li.on,.listMod .listItem .hd li:hover{background: url(../images/icon-leaf.png) no-repeat; background-size: 100% 100%;}
.listMod .listItem .hd li a{font-size: 20px; font-weight: bold; color: #1e1e1e;}
.listMod .listItem .hd li.on a,.listMod .listItem .hd li:hover a{color: #ffffff;}
.listMod .listItem .bd{margin-bottom: 50px;}
.listMod .listItem .bd ul{margin: 0 -18px;}
.listMod .listItem .bd li{float: left; width: 273px; margin: 0 18px 42px;}
.listMod .listItem .bd li .slide-img{width: 100%; height: 164px; overflow: hidden;}
.listMod .listItem .bd li .slide-img img{display: block; height: 100%; transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;}
.listMod .listItem .bd li p{line-height: 26px; margin: 17px auto; color: #2e2e2e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.listMod .listItem .bd li font{line-height: 20px; font-size: 12px; color: #737373;}
.listMod .listItem .bd li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.listMod .listItem .bd li:hover p,.listMod .listItem .bd li:hover font{color: #2faa38;}

/*当前位置*/
.location{line-height: 24px; margin: 33px 0; padding-left: 2px; text-align: left; color: #b2b2b2;}
.location a{color: #b2b2b2;}
.location a:hover{color: #757575;}
.location a.home{display: inline-block; padding-left: 30px; background: url(../images/home.png) left center no-repeat;}
.location span{color: #757575;}

/*关于我们*/
.aboutMod{}
.aboutMod .title{margin: 23px auto 51px;}
.aboutMod .intro{margin-bottom: 79px;}
.aboutMod .intro .floatL{margin: 0 29px 0 21px;}
.aboutMod .intro .floatR{margin-right: 24px;}
.aboutMod .intro .txtbox1{line-height: 30px; padding-top: 24px; color: #000000;}
.aboutMod .intro .txtbox2{max-width: 525px; margin: 130px 22px 0;}

.aboutMod .picList{margin-bottom: 60px;}
.aboutMod .picList .floatL{margin-left: 184px;}
.aboutMod .picList .floatR{width: 690px; text-align: center;}
.aboutMod .picList .floatR .title{margin: 64px auto 46px;}
.aboutMod .picList .floatR ul{max-width: 340px; margin: 0 auto;}
.aboutMod .picList .floatR ul li{line-height: 31px; margin-bottom: 12px; font-size: 20px; color: #7a7a7a; text-align: left;}
.aboutMod .picList .floatR ul li i{display: inline-block; width: 8px; height: 8px; margin: -3px 17px 0 0; border-radius: 8px; background-color: #e72019; vertical-align: middle;}
.aboutMod .picList .slideBox1{position: relative; height: 221px;}
.aboutMod .picList .slideBox1 .tempWrap{width: 100%; height: 100%; overflow: hidden;}
.aboutMod .picList .slideBox1 li{float: left;  margin-right: 30px; text-align: center;}
.aboutMod .picList .slideBox1 li a{position: relative; display: inline-block; height: 100%;}
.aboutMod .picList .slideBox1 li a::after{display: block; content: ""; width: 30px; height: 30px; background: url(../images/magnifier.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; right: 0;}
.aboutMod .picList .slideBox1 li img{height: 100%;}
.aboutMod .picList .slideBox1 .sPrev,.aboutMod .picList .slideBox1 .sNext{width: 56px; height: 56px; position: absolute; top: 80px; opacity: .5; filter: alpha(opacity=50);}
.aboutMod .picList .slideBox1 .sPrev:hover,.aboutMod .picList .slideBox1 .sNext:hover{opacity: 1; filter: alpha(opacity=100);}
.aboutMod .picList .slideBox1 .sPrev{background: url(../images/icon-prevbtn.png) no-repeat; left: -80px;}
.aboutMod .picList .slideBox1 .sNext{background: url(../images/icon-nextbtn.png) no-repeat; right: -80px;}

.aboutMod .contentsBox{padding: 0 20px;}
.aboutMod .contentsBox p{line-height: 30px;}

/*产品展示*/
.productsMod{}
.productsMod .menuList{margin-top: 42px; padding-bottom: 22px; border-bottom: 1px solid #efefef;}
.productsMod .menuList ul{font-size: 0;}
.productsMod .menuList li{display: inline-block; position: relative; z-index: 20;}
.productsMod .menuList li:first-child{margin: 0 60px 0 57px;}
.productsMod .menuList li:nth-child(2){margin-right: 38px;}
.productsMod .menuList li .tipBox{display: none; width: 440px; line-height: 26px; margin-left: -242px; padding: 22px; border-radius: 15px; background-color: rgba(255,255,255,.8); color: #2d2d2d; -moz-box-shadow:0px 0px 10px rgba(121,121,121,0.74); -webkit-box-shadow:0px 0px 10px rgba(121,121,121,0.74); box-shadow:0px 0px 10px rgba(121,121,121,0.74); position: absolute; top: 102%; left: 50%;}
.productsMod .title{margin: 24px auto 22px;}
.productsMod .listItem .bd{height: 850px;}
.productsMod .listItem .hd ul{text-align: left;}
.productsMod .listItem .hd li{width: 14.28%; margin: 0 0 10px 0; text-align: center;}
.productsMod .listItem .bd li{text-align: center;}
.productsMod .listItem .bd li .slide-img{width: 100%; height: 263px; overflow: hidden;}
.productsMod .location{padding-bottom: 17px; border-bottom: 1px solid #efefef;}
.productsMod .top{padding: 0 25px; position: relative;}
.productsMod .top .floatL{width: 559px; height: 516px; margin-right: 35px; overflow: hidden;}
.productsMod .top .floatL .bd li{width: 559px; height: 516px;}
.productsMod .top .floatL .bd li img{display: block; height: 100%; object-fit: cover; -o-object-fit: cover;}
.productsMod .top .txtBox{height: 448px; padding-bottom: 68px; overflow: hidden;}
.productsMod .top .txtBox .tit{line-height: 54px; margin-bottom: 28px; padding: 10px 0 10px 10px; font-size: 40px; color: #1e1e1e; border-bottom: 1px solid #efefef; font-weight: bold;}
.productsMod .top .txtBox p{padding: 0 10px;}
.productsMod .top .links .sPrev,.productsMod .top .links .sNext{position: absolute; top: 454px;}
.productsMod .top .links .sPrev{right: 178px;}
.productsMod .top .links .sNext{right: 33px;}
.productsMod .top .links .sPrev img{margin-right: 8px; opacity: .5; filter: alpha(opacity=50); vertical-align: middle;}
.productsMod .top .links .sNext img{margin-left: 8px; opacity: .5; filter: alpha(opacity=50); vertical-align: middle;}
.productsMod .top .links .sPrev span,.productsMod .top .links .sNext span{vertical-align: middle;}
.productsMod .top .links .sPrev:hover img,.productsMod .top .links .sNext:hover img{opacity: 1; filter: alpha(opacity=100);}
.productsMod .top .links .sPrev:hover span,.productsMod .top .links .sNext:hover span{color: #36bf57;}
.productsMod .bottom .title p{position: relative; height: 1px; margin-top: -6px; background-color: #efefef; z-index: -1;}
.productsMod .bottom .introBox{padding: 0 10px;}
.productsMod .bottom .introBox p{line-height: 25px; margin-bottom: 20px; font-size: 16px; color: #000; text-align: left;}


/*新闻中心*/
.newsMod{}
.newsMod .title{margin: 24px auto 22px;}
.newsMod .content{}
.newsMod .content .title{line-height: 45px; font-size: 35px; font-weight: 500; color: #444;}
.newsMod .content .hits{margin: 22px 0 37px; text-align: center;}
.newsMod .content .hits span{font-size: 13px; color: #666; vertical-align: middle;}
.newsMod .content .hits .data{margin-right: 17px;}
.newsMod .content .hits .bshare-custom{display: inline-block;}
.newsMod .content .txt{padding-bottom: 52px; border-bottom: 1px solid #dcdcdc;}
.newsMod .content .txt p{line-height: 25px; margin-bottom: 25px; color: #666; text-align: left;}
.newsMod .content .txt img{margin-bottom: 25px;}
.newsMod .content .newsfoot{margin: 41px 0; text-align: left;}
.newsMod .content .newsfoot a{color: #777;}
.newsMod .content .newsfoot a.prevone{margin-right: 80px;}
.newsMod .content .newsfoot a:hover{color: #00733a;}

/*企业相册*/
.albumMod{}
.albumMod .title{margin: 24px auto 22px;}
/*.albumMod .listItem .bd{min-height: 850px;}*/
.albumMod .listItem .bd ul{margin: 0 -7px;}
.albumMod .listItem .bd li{width: 390px; margin: 0 7px 13px; text-align: center;}
.albumMod .listItem .bd li .slide-img{width: 100%; height: 293px; overflow: hidden;}
.albumMod .listItem .bd li p{margin: 15px auto;}

/*人才招聘*/
.recruitmentMod{}
.recruitmentMod .title{margin: 24px auto 30px;}
.recruitmentMod .listItem{padding: 0 55px;}
.recruitmentMod .listItem li{margin-bottom: 42px; padding-bottom: 16px; border-bottom: 1px solid #cbcbcb;}
.recruitmentMod .listItem li .tit{display: inline-block; width: 175px; height: 41px; line-height: 38px; margin-bottom: 12px; font-size: 22px; font-weight: bold; background: url(../images/icon-leaf.png) no-repeat; background-size: 100% 100%; color: #ffffff; text-align: center;}
.recruitmentMod .listItem li p{line-height: 37px; font-size: 16px; color: #000000;}
.recruitmentMod .listItem .tips{margin-bottom: 55px; font-size: 16px; color: #000000;}


/*联系我们*/
.contactMod{}
.contactMod .intro{padding: 0 20px;}
.contactMod .intro .title{margin: 23px auto 29px;}
.contactMod .intro .floatL strong{display: block; line-height: 41px; margin-bottom: 17px; font-size: 30px; color: #1e1e1e;}
.contactMod .intro .floatL dd{line-height: 37px; font-size: 16px; color: #000000;}
.contactMod .intro>.floatR{margin: 58px 73px 0 0;}
.contactMod .intro .line{width: 100%; height: 1px; margin: 46px 0 37px; background-color: #cbcbcb;}
.messageBox{margin-bottom: 46px; padding: 0 45px; background-color: #f6f6f6; border-radius: 20px; text-align: left; overflow: hidden;}
.messageBox h1{line-height: 41px; margin: 10px 0; font-size: 30px; color: #333;}
.messageBox form div{margin-bottom: 14px; background-color: #fff; border: 1px solid #eeeeee;}
.messageBox form div.smallText{width: 49%;}
.messageBox form div label{float: left; display: block; line-height: 48px; padding-left: 16px; color: #666;}
.messageBox form div label span{margin-left: -10px; color: red;}
.messageBox form div p{overflow: hidden;}
.messageBox form div input{width: 100%; height: 48px; line-height: 48px; background: none; border: none;}
.messageBox form div textarea{width: 98%; height: 100px; line-height: 20px; padding: 0 1%; font-family: "微软雅黑"; font-size: 14px; color: #000; background: none; border: none; resize: none;}
.messageBox form .btn{width: 94px; height: 40px; line-height: 40px; margin-bottom: 30px; background-color: #2faa38; border: none; border-radius: 5px; color: #fff;}
.map{width: 100%; height: 573px; overflow: hidden}
.input-card{width: 280px;}
.input-card h4{font-weight: bold; border-bottom:2px solid #666; margin-bottom:6px; padding-bottom: 4px;}
.input-card p{font-size: 14px;}
.amap-info-sharp{height:9px;width:16px;top:-1px;left:50%;margin-left:-8px;background:url(../images/map.png) 0 0 no-repeat}