@charset "utf-8";

.container .t{font-size:16px;color: #333;}
.container .t a{color: #333;}
.container .t span{float: right;font-size:16px;color: #999;}
.container .t span i{font-size: 0.2rem;vertical-align: 0.01rem;margin-left: 0.01rem;}

/*banner*/
.banner{max-width: 100%;height: auto;overflow: hidden;position: relative;z-index: 0;}
.banner .swiper-pagination{bottom: 0.22rem;}
.banner .swiper-pagination-bullet{width: 40px;height:8px;border-radius: 3px;background: #fff;margin: 0 2px !important;}

/*product*/
.product{height: auto;overflow: hidden;position: relative;z-index: 0;/* padding: 0.2rem 0; */padding: 10px 10px 10px 10px;}
.product .swiper-slide{position: relative;z-index: 0;/* border: 1px solid #f1f1f1; *//* background: #ffffff; *//* border-radius: 5px; */margin-bottom: 2%;float:  left;/* box-shadow: 0px 1px 5px 0px #e6e6e6; *//* background: #fff; *//* border-radius: 20px; */}
.product img{width: 100px;display: block;margin: 0 auto 0.1rem;}
.product h2{width:100%;font-size: 12px;color: #ffffff;text-align: center;margin-top: 0;margin-bottom: 0;line-height:  3;/* background: #f3f3f3; *//* border-radius: 20px; */}

/*freetel*/
.freetel{height: auto;overflow: hidden;position: relative;z-index: 0;padding: 0.3rem 0.2rem;}
.freetel input{width:3.69rem;height: 0.68rem;border:1px solid #ededed;padding: 0 0.2rem;font-size: 0.24rem;float: left;border-right: 0}
.freetel a{width: 1.88rem;height: 0.7rem;line-height: 0.7rem;color: #fff;font-size: 0.24rem;text-align: center;background: #009966;display: block;float: left;}

/*hot*/
.hot{height: auto;overflow: hidden;}
.hot .swiper-slide{width: 100%;background: #f2f3f3;position: relative;z-index: 0;}
.hot .text-box{height: auto;overflow: hidden;padding: 0.35rem 0.2rem;background: #fff;}
.hot .text-box h2{font-size: 24px;color: #333;margin-bottom: 0.05rem;}
.hot .text-box h2 span{width:4px;height: 20px;background: #009966;display: block;float: left;margin: 0.07rem 0.15rem 0 0;}
.hot .text-box p{font-size:16px;color: #999;text-indent:20px;}
.hot .tag{width:48px;height: 60px;line-height: 40px;font-size:14px;text-align: center;color: #fff;background: url(../images/tag-bg.png) center no-repeat;background-size: 100%;position: absolute;left:40px;top:0;}
.hot .swiper-button-next,.hot .swiper-button-prev{background: none;width: 20px;height:20px;line-height:20px;text-align: center;margin-top: -222px;right: 0; margin-left:20px; margin-right:20px;}
.hot .swiper-button-prev{transform: rotate(180deg);margin-top: -222px;right: auto;left: 0;}
.hot .swiper-button-next i,.hot .swiper-button-prev i{font-size: 50px;color: #009966;}
/*solution*/
.solution{height: auto;overflow: hidden;}
.solution h1{text-align: center;margin: 0.25rem 0;}
.solution ul{height: auto;overflow: hidden;}
.solution ul li{height: auto;overflow: hidden;margin-top: 0.1rem;position: relative;z-index: 0;}
.solution ul li .text-box{position: absolute;right: 0.7rem;top:0.6rem;text-align: right;}
.solution ul li .text-box h2{font-size: 0.28rem;font-weight: bold;color: #006dab;margin-bottom: 0.05rem;}
.solution ul li .text-box p{font-size: 0.22rem;color: #666;}
.solution ul li:first-child .text-box h2{color: #009966;}

/*service*/
.service{height: auto;overflow: hidden;/* padding: 0.3rem 0.4rem 0.7rem; */}
.service-slide{width: 100%;height: auto;overflow: hidden;/* margin-top: 0.2rem; *//* padding-bottom: 0.2rem; */}
.service-slide .swiper-slide{position: relative;}
.service-slide .swiper-slide h6{width: 100%;padding:0 4%;height:35px;line-height:35px;font-size:16px;color: #fff;position: absolute;left: 0;bottom:0;background: rgba(118, 118, 118, 0.5);white-space: nowrap;overflow : hidden;text-overflow: ellipsis;}
.service-slide .swiper-pagination{bottom:0.9rem}
.service-slide .swiper-pagination-bullet{width:10px;height:10px;border: 1px solid #009966;background: none;opacity: 1;}
.service-slide .swiper-pagination-bullet-active{background: #009966;}

/*news*/
.news{height: auto;overflow: hidden;padding: 0.3rem 0.4rem 0.7rem;}
.news ul{height: auto;overflow: hidden;margin-top: 0.2rem;}
.news ul li{height: auto;overflow: hidden;border-top: 1px solid #e4e4e4;padding-top: 0.36rem;margin-top: 0.36rem;}
.news ul li:first-child{margin: 0;padding: 0;border: 0;}
.news ul li .img-box{width: 2.08rem;height: 1.39rem;overflow: hidden;float: left;margin-right: 0.2rem;}
.news ul li .text-box{height: auto;overflow: hidden;}
.news ul li .text-box h2{font-size: 0.26rem;color: #333;line-height: 0.4rem;margin-bottom: 0.2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news ul li .text-box p{font-size: 0.22rem;color: #666;}


.icon_nav{ padding: 2% 3%; }
.icon_nav ul{overflow: hidden; padding:2% 0;}
.icon_nav ul li{float: left; width: 25%; text-align: center; margin:10px 0;}
.icon_nav ul li img{ display: block; width:40px;height:40px; margin: 0 auto; }
.icon_nav ul li span{ color: #333; font-size:14px;display: block; margin-top: .7em; }
.bobtm6{border-bottom:#f5f5f5 solid 6px; }

 .clear { clear: both; }