@charset "utf-8";
/* CSS Document */
html,body{height:100%;}
body{font-family:"微软雅黑","Microsoft Yahei";background-color:#fff;color:#212121; font-size:16px;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; list-style-type: none;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{margin:0; padding:0;}
img{max-width: 100%;}
a img{border:none;} 
a img{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
a:hover img{opacity: .8;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
input[type="button"],input[type="submit"],input[type="reset"],button{-webkit-appearance: none;}
a{color:#212121;text-decoration: none;}
a:hover{color:#009241;}
.clear {clear:both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
object{display: none;}
.fl{float: left;}
.fr{float: right;}
@font-face {
  font-family: 'iconfont';  /* Project id 716340 */
  src: url('//at.alicdn.com/t/font_716340_sl38dt33bp.woff2?t=1621070006218') format('woff2'),
       url('//at.alicdn.com/t/font_716340_sl38dt33bp.woff?t=1621070006218') format('woff'),
       url('//at.alicdn.com/t/font_716340_sl38dt33bp.ttf?t=1621070006218') format('truetype');
}

.iconfont{
    font-family:"iconfont" !important;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	}

/*导航*/
input[type="button"],
input[type="submit"]{cursor: pointer;}
button{cursor: pointer;}
.nav-bg{ height: 90px; text-align: center; position: fixed; left: 0; top: 0; width: 100%; line-height: 90px; z-index: 91; -o-transition:all .3s ease-in-out ;  -ms-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.nav-bg:hover{ background: #fff; transition: all .5s ease;}
.nav-bg.moveUp {top:0;transition: all 0.5s ease-out;}
.nav-bg.solid{background-color: #fff; background-color: #fff\9; border-bottom: 1px solid #fff; transition: all 0.5s ease-in-out;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);}
.nav-header.moveDown {top: 0;transition: all 0.45s ease-in-out;}
.head-bg{margin:0 auto; width:100%; height:90px;}
.logo{float: left;margin-left:5%;margin-top:15px;width:265px;height:60px;overflow: hidden;}
.logo img{display: block;width: 100%;height: 100%;}
.nav{display: inline-block; font-size:16px;}
.nav li{margin:0 25px;float: left;}
.nav li a{color:#212121;}
.nav li a:hover{color:#009241;}
.nav li em{display: none;}
.nav_menu{display:block;}
.navhover a{color:#009241 !important; background: url(../images/line.png) center 30px no-repeat; padding-bottom:18px;}
.tel-r{float:right; padding-left:43px; background: url(../images/tel.png) no-repeat left 30px;font-size:30px;margin-right:5%;color: #009241; font-family: impact;}
.tel-r a{color: #009241 !important;}
.en{float:right; display: block; margin-right: 10px; margin-top: 10px;}
.nav li .head{display: none;position: absolute;top:90px; margin-left: -20px; z-index:1; background: #fff;}
.nav dd{float: left;width:100%;line-height:40px;background-color: #fff;border-bottom: solid 1px #f2f2f2;margin:0; clear: both; padding: 0 20px;}
.nav dd a{background: none; color:#212121 !important; }
.nav dd a:hover{background: none; color:#009241 !important; }

/*手机导航*/
.mo-logo{
    display: none;
    position: fixed;
    top: 13px;
    left: 50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
}
.menuBtn{
    position: absolute;
    left: 20px;
    top:25px;
    z-index: 9999;
    display: none;
}
.menuBtn em{position: relative;display: block;
    width: 28px;height: 3px;margin:4px 0;background:#009241;
    -o-transition:.8s;
    -ms-transition:.8s;
    -moz-transition:.8s;
    -webkit-transition:.8s;
    transition:.8s;}
.menuBtn.open .em1{
    top:8px;
    transform:rotate(40deg);
    -ms-transform:rotate(40deg);
    -moz-transform:rotate(40deg);
    -webkit-transform:rotate(40deg);
    -o-transform:rotate(40deg);
}
.menuBtn.open .em2{
    opacity: 0;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
}
.menuBtn.open .em3{
    top:-7px;
    transform:rotate(-40deg);
    -ms-transform:rotate(-40deg);
    -moz-transform:rotate(-40deg);
    -webkit-transform:rotate(-40deg);
    -o-transform:rotate(-40deg);
}



/*动画*/
.banners{margin: 0 auto; width: 100%;}
.swiper-container {margin: 0 auto; width: 100%;}
.banners .swiper-slide {text-align: center; 
      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_title{margin: 0 auto; width: 100%; text-align: center; background: url(../images/t_ico.png) center bottom no-repeat; font-size: 34px; padding-bottom:10px; margin-top: 40px;}
.index_small{margin: 0 auto; width: 100%; text-align: center; color: #5f5f5f; line-height:35px; margin-top: 10px;}

/*解决方案*/
.index_program{margin: 0 auto; width: 90%;}
.category{text-align: center; position: absolute; right:5%;}
.category ul{overflow: hidden;margin-top:13px;display: inline-block;}
.category ul li{float: left;display: inline-block; background: #f0f0f0; color: #8a8a8a;font-size:20px; margin-left: 10px; padding:15px 30px; text-align: center;position: relative; cursor: pointer;}
.category ul li i{display: block; font-size:3rem;}
.category ul li:after{content: '';height: 50%; position: absolute; right: 0; top: 25%;}
.category ul li:last-child:after{border-left: none;}
.category ul li:hover{background: #009241; color: #fff;}
.category ul li.active{background:#009241;color: #fff;}
.category ul li.active:after{border-left: none;}
.content{width: 100%;height: auto; margin-top: 60px;display: none;}
.content.active{display: block;}
.content .imgs{ float:left; display: block;}
.content .r_contact{float: right; margin-top:18%;}
.content .r_contact h1{display: block; text-align: right; font-size:35px; font-weight: normal;}
.content .r_contact p{display: block; text-align:right; line-height: 35px; margin-top: 15px; color: #8a8a8a;}
.content .r_contact span{display: block; margin-top: 40px; text-align: right;}
.content .r_contact span a{display: inline-block;color: #fff; background: #009241; padding: 10px 20px;font-size:16px;}
.content .r_contact span a:hover{background: #f73;color: #fff;}

/*关于*/
.index_about_bg{margin: 60px auto; width: 100%; background: url(../images/index_bg.jpg) center no-repeat;  padding:2rem 0;}
.index_about{margin: 0 auto; width: 90%; padding-top: 20px;}
.index_about h2{display: block; line-height:40px; color: #333; font-size:16px; padding-bottom:70px;}
.about-number-info {margin: 0 auto; width:80%; padding-bottom: 80px;}
.about-number-info .about-number-inner {width: 100%;margin: 0 auto;}
.about-number-info ul {padding:20px 0;}
.q {zoom: 1; }
.about-number-info li {float: left; border-left: solid 1px #b5b5b5; padding: 0 8%;}
.about-number-info li:first-child {margin-left:0; border-left:none;}
.about-number-info li b {display: block;}
.about-number-info li b i {font-style: normal; float: left;font-weight: bold;font-size:72px; font-family:"impact";color: #009241;}
.about-number-info li b span {display: block; float: left; font-size: 22px; padding-top:45px; color: #4d4d4d; font-weight: normal; margin-left: 10px;}
.about-number-info li p {font-size: 18px; color:#4d4d4d; display: block; padding-left: 15px;}

/*产品系列*/
.index_Products{margin: 0 auto; width: 90%; margin-top: 50px;}
.index_Products .swiper-container{ padding-bottom:50px;}
.index_Products .swiper-slide{border: solid 1px #E7E7E7; padding:20px; overflow: hidden;}
.index_Products .swiper-slide p{display: block; text-align: center; width: 100%; font-size: 18px; padding: 8px 0;}
.index_Products .swiper-slide span a{display: block; width: 100%; padding: 5px 0; background:url(../images/ico.jpg) center 9px no-repeat; text-align: center; padding-right:55px; color:#009241;}
.index_Products .swiper-slide span a:hover{color:#EE9713;}
.index_Products .swiper-slide img{display: block; margin: 0 auto; padding: 20px 0;transition: all 0.8s;}
.index_Products .swiper-slide img:hover{transform: scale(1.2);}
.index_Products .swiper-pagination-clickable, .swiper-pagination-bullets{bottom:-20px;}

/*案例*/
.index_case_bg{margin: 60px auto; width: 100%; background: url(../images/index_bg.jpg) center no-repeat;  padding:2rem 0;}
.index_case{margin: 30px auto; width: 90%;}
.index_case li{float: left; width:24%; overflow: hidden; margin-left:1.333%;}
.index_case li:first-child{margin-left: 0;}
.index_case li .imgs{ display: block; position: relative;}
.index_case li .imgs img{display: block; transition: all 0.8s;}
.index_case li .imgs img:hover{transform: scale(1.2);}
.index_case li .imgs p{display: block; width: 100%; height:45px; text-align: center; line-height: 45px; background: url(../images/bg.png); color: #fff;position: absolute; bottom: 0px; z-index: 99}

/*新闻*/
.index_news{margin:0 auto; width:90%; padding:3rem 0;}
.index_news li{width:24%; float:left; display:block; margin-left:1.333%;overflow: hidden;}
.index_news li h1{display:block; font-size:18px; font-weight:normal; text-align:center; margin-top:15px; color: #222;}
.index_news li p{display:block; line-height:25px; padding:10px; color:#7B7B7B;}
.index_news li span a{ width:90px; height: 30px; display: block; margin: 0 auto; line-height: 30px; text-align: center; background: #E6E6E6; color: #7C7C7C; border-radius: 100px;}
.index_news li span a:hover{background:#009241; color: #fff;}
.index_news li:first-child{margin-left:0px;}
.index_news li img{display:block; width:100%;transition: all 0.6s;}
.index_news li img:hover{transform: scale(1.2); border:none;}



/*底部*/
.foot_bg{margin: 0 auto; width: 100%;background:#009241; padding-top: 60px;}
.footer{margin: 0 auto; width: 90%;}
.footer li{display: block; float:left; margin-left:8.8%;}
.footer li:first-child{margin-left: 0px;}
.footer li h1{color: #fff; display: block; font-size:20px; font-weight: normal; background: url(../images/t_line.jpg) left bottom no-repeat; padding-bottom: 8px; margin-bottom: 10px;}
.footer li a{display: block; color: #fff; line-height: 35px;}
.footer li a:hover{color:#FFFF00;}
.footer li span{display: block; color: #fff; line-height: 30px;}
.copyright{display: block; width: 100%; background: url(../images/x_lin.jpg) top repeat-x; color: #fff; line-height:60px; margin-top: 30px;}
.copyright a{color: #fff;}
.copyright a:hover{color:#FFFF00;}