@charset "utf-8";
/*普隆*/
/*公共样式*/
*{margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
html,body{font-size: 12px;font-family:"microsoft yahei","arial";line-height:1.5;}
ul,li{list-style-type: none;}
a{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;color:#000000;}
.fl{float: left;}
.fr{float: right;}
.clear:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{zoom:1;}
ol,ul,p{margin: 0;}
i {font-style: normal;}
tr,td{margin: 0;padding: 0;}
input,textarea{box-sizing: border-box;/*-webkit-appearance: none;*/}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
img{border-style:none;vertical-align:middle;max-width: 100%;}
article{display: block;margin: 0 auto;}
.zoom-img{overflow:hidden;}
.zoom-img img{transition: all .3s;}
.zoom-img:hover img{transform:scale(1.05);//设置缩放比例-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}


/*头部*/
.header{position: fixed;top: 0;width:100%;height:1.2rem;z-index: 2;}
.header .head-wrap{width:100%;padding: 0 .4rem;background:#fff;}
.header .head-wrap .logo{float: left;}
.header .head-wrap .menu{float:right;}
.header .head-wrap .menu>img{display:inline-block;margin-top:.39rem;}
.header .head-wrap .menu .menu-box{display:none;position: fixed;top: 1.2rem;right:.4rem;width: 3rem;background: #fff;box-shadow: 1px 3px 3px rgba(0,0,0,.3);z-index: 2;}
.header .head-wrap .menu .menu-box a{display: block;font-size:.3rem;color:#a3a3a4;text-align: center;padding: .2rem 0;border-bottom: 1px solid #f5f5f5;}

/*底部*/
.footer .foot-wrap{width: 100%;height:auto;padding-top:.2rem;background: #333333;}
.footer .foot-wrap .s-box{border-bottom: 1px solid #e5e5e5;}
.footer .foot-wrap .logo{text-align: center;padding:0 .4rem;margin-bottom: .1rem;}
.footer .foot-wrap .foot-cont{padding:0 .4rem;border-bottom: 1px solid #e5e5e5;}
.footer .foot-wrap .foot-cont .list{padding-left: .25rem;font-size: .24rem;color: #bbb;}
.footer .foot-wrap .foot-cont .list:last-child{margin-bottom: .2rem;}
.footer .foot-wrap .x-box{font-size: .24rem;color: #9a9a9a;text-align: center;padding: .15rem .4rem;}
.footer .foot-wrap .x-box a{color:#9a9a9a;}


.main{padding-top: 1.2rem;}

/*index*/
/*banner*/
.homepage .banner .swip1 .swiper-pagination{bottom:.1rem;}
.homepage .banner .swip1 .swiper-pagination .swiper-pagination-bullet{width:.5rem;height:.05rem;background:#a0a0a0;border-radius: 0;opacity: 1;}
.homepage .banner .swip1 .swiper-pagination .swiper-pagination-bullet-active{background: #000000;}
/*产品列表*/
.homepage .product-list{width:100%;padding:.2rem 0;font-size:0;display:-webkit-flex;display:flex;-webkit-box-pack:flex-start;justify-content:flex-start;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling: touch;}
.homepage .product-list::-webkit-scrollbar{display: none;}
.homepage .product-list .list{min-width:3rem;height:auto;font-size:.2rem;text-align:center;border-right:1px solid #f0f0f0;}
.homepage .product-list .list .s-1{display:block;width:1.6rem;height: 2px;margin:.1rem auto;background:#d8d8d8;}
.homepage .product-list .list a .s-2{color: #4d4e4f;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.homepage .product-list .list:last-child{border-right:0;}
/*产品展示*/
.homepage .title{text-align: center;margin-bottom:.4rem;}
.homepage .title .h-1{font-size:.36rem;color: #808080;font-weight: normal;}
.homepage .title .s-1{display: inline-block;width:.6rem;height:2px;background: #c3c3c3;} 
.homepage .product-show{padding:0 .4rem;padding-top: .4rem;}
.homepage .product-show .prod-wrap .l-banner{float:left;width:3.3rem;height:auto;}
.homepage .product-show .prod-wrap .l-banner .swip2 .text{position: absolute;top:.1rem;left:.1rem;font-size:.2rem;color: #d3d3d3;}
.homepage .product-show .prod-wrap .l-banner .swip2 .swiper-pagination{bottom:.2rem;}
.homepage .product-show .prod-wrap .l-banner .swip2 .swiper-pagination-bullet{background:#a0a0a0;border: 1px solid #fff;width: .1rem;height: .1rem;margin: 0 .1rem;}
.homepage .product-show .prod-wrap .r-box{float:right;width: 3.3rem;}
.homepage .product-show .prod-wrap .r-box .list{float:left;width:49%;margin-right: 2%;margin-bottom: .05rem;}
.homepage .product-show .prod-wrap .r-box .list:nth-child(2n){margin-right:0;}
.homepage .product-show .prod-wrap .list .s-1{display:block;font-size:.24rem;color: #5c6470;text-align: center;}
.homepage .product-show .prod-wrap .r-box .d-1{float:left;width:100%;text-align:right;margin-top:.05rem;}
.homepage .product-show .prod-wrap .r-box .d-1 .a-1{display:inline-block;font-size:.2rem;padding:0 .1rem;color:#5c6470;border: 1px solid #aaa;}
/*公司简介*/
.homepage .introd{padding-top: .4rem;}
.homepage .introd .introd-wrap .img-text{position: relative;}
.homepage .introd .introd-wrap .img-text .text{position: absolute;top:20%;width: 100%;text-align: center;}
.homepage .introd .introd-wrap .img-text .text .h-1{font-size:.52rem;color:#eaecef;font-weight: normal;}
.homepage .introd .introd-wrap .img-text .text .p-1{font-size:.3rem;color:#dddddd;}
.homepage .introd .introd-wrap .art-1{font-size: .24rem;color: #3e3f3f;padding:.3rem .4rem;}
.homepage .introd .introd-wrap .x-box{padding:.2rem .4rem;}
.homepage .introd .introd-wrap .h-1{font-size:.3rem;color: #4b4b4b;font-weight: normal;margin-bottom:5px;}
.homepage .introd .introd-wrap .box a{display:block;font-size:.24rem;color:#797777;margin-bottom: .1rem;}
.homepage .introd .introd-wrap .box a .s-1{float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.homepage .introd .introd-wrap .box a .s-2{float: right;}
.homepage .introd .introd-wrap .d-1{text-align:right;padding: 0 .4rem;}
.homepage .introd .introd-wrap .d-1 a{display:inline-block;padding:0 .1rem;border: 1px solid;font-size:.2rem;color:#787878;} 
/*应用案例*/
.homepage .case{width: 100%;height:auto;padding-top: .4rem;}
.homepage .case .case-wrap{padding: 0 .4rem;}
.homepage .case .case-wrap .list{float:left;width:48%;height:auto;margin-right:4%;margin-bottom:.2rem;position: relative;}
.homepage .case .case-wrap .list:nth-child(2n){margin-right:0;}
.homepage .case .case-wrap .list .text{position: absolute;width: 100%;bottom: 0;background: rgba(0,0,0,.5);font-size:.3rem;color: #ffffff;text-align: center;padding:.05rem .1rem;}

/*product页面*/
.product .prod-box{padding: .2rem .4rem;}
.product .prod-box .prod{padding: 0 .2rem;}
.product .prod-box .prod .h-1{font-size:.32rem;color:#06aae9;padding:.1rem;border-bottom: 1px solid #dcdcdc;}
.product .prod-box .prod .img-box{padding:.3rem;}
.product .prod-box .prod .recom .h-1{font-size:.32rem;color: #f05454;border-bottom: 1px solid #dcdcdc;padding: .1rem 0;}
.product .prod-box .prod .recom .item-box{padding-bottom:.3rem;}
.product .prod-box .prod .recom .item-box .item{float:left;width:33.3%;height:auto;font-size:.2rem;padding:.05rem;text-align:center;border-right:1px solid #f0f0f0;}
.product .prod-box .prod .recom .item-box .item .s-1{display:block;width:1.6rem;height: 2px;margin:.1rem auto;background:#d8d8d8;}
.product .prod-box .prod .recom .item-box .item a .s-2{color: #4d4e4f;}
.product .prod-box .prod .recom .item-box .item:nth-child(3n){border-right:0;}


/*product6页面*/
.product .prod-box .advan{padding: 0 .2rem;}
.product .prod-box .advan .nav{width: 100%;height: auto;background: #fff;font-size: 0;text-align: center;}
.product .prod-box .advan .nav a{display:inline-block;width: 49%;margin-right: 2%;font-size: .32rem;color: #a1a1a1;padding: .1rem 0;box-shadow: 1px 3px 3px rgba(0,0,0,.2);}
.product .prod-box .advan .nav a:nth-child(2n){margin-right:0;}
.product .prod-box .advan .nav a.on{background: #06aae9;color: #fff;}
.product .prod-box .advan .art-1{font-size: .22rem;color: #6d6d6d;background: #fff;padding: .3rem .1rem;text-indent:.44rem;}
.product .prod-box .advan .box .h-1{font-size:.24rem;color: #6d6d6d;padding: .4rem 0;}


/*product8页面*/
.product .prod-box .drawi{background: #fff;}
.product .prod-box .drawi .nav{width: 100%;height: auto;background: #fff;font-size: 0;text-align: center;}
.product .prod-box .drawi .nav a{display:inline-block;width: 49%;margin-right: 2%;font-size: .32rem;color: #a1a1a1;padding: .1rem 0;box-shadow: 1px 3px 3px rgba(0,0,0,.2);}
.product .prod-box .drawi .nav a:nth-child(2n){margin-right:0;}
.product .prod-box .drawi .nav a.on{background: #06aae9;color: #fff;}
.product .prod-box .drawi .list-box{background: #fff;padding: .5rem .1rem;}
.product .prod-box .drawi .list-box .list{padding:.1rem .2rem;border-bottom: 1px solid #bfbfbf;}
.product .prod-box .drawi .list-box .list .d-1{float: left;background: url(../img/index27.jpg) 0 no-repeat;background-size:.22rem .25rem;padding-left:.28rem;width:85%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.product .prod-box .drawi .list-box .list .d-2{float: right;background: url(../img/index30.jpg) 0 no-repeat;background-size:.22rem .25rem;padding-left: .28rem;}
.product .prod-box .drawi .list-box .list a{font-size:.22rem;color: #9a9b9b;}
.product .prod-box .drawi .drawi-nav{text-align:center;font-size: 14px;padding-bottom: .2rem;}
.product .prod-box .drawi .drawi-nav a{display: inline-block;margin: 0 8px;color: #666;line-height: 31px;vertical-align: text-top;}
.product .prod-box .drawi .drawi-nav a.a-1{font-size:24px;}
.product .prod-box .drawi .drawi-nav a.on{color: #007AFF;}

/*service页面*/
.service .serv-box{padding: .2rem .4rem;}
.service .serv-box .serv{background: #fff;}
.service .serv-box .serv .nav{width: 100%;height: auto;background: #fff;font-size: 0;text-align: center;}
.service .serv-box .serv .nav a{display:inline-block;width: 49%;margin-right: 2%;font-size: .32rem;color: #a1a1a1;padding: .1rem 0;box-shadow: 1px 3px 3px rgba(0,0,0,.2);}
.service .serv-box .serv .nav a:nth-child(2n){margin-right:0;}
.service .serv-box .serv .nav a.on{background: #06aae9;color: #fff;}
.service .serv-box .serv  .box{text-align: center;padding: .5rem 0;}
.service .serv-box .serv .box .h-6{font-size:.36rem;color: #2e2e2e;font-weight: normal;}
.service .serv-box .serv .box .sp-1{display:block;width: .7rem;height: 2px;background: #e5e5e5;margin: .1rem auto;}
.service .serv-box .serv .box .sp-2{display: inline-block;padding-left:.3rem;font-size:.36rem;color: #e20237;}
.service .serv-box .serv .list-box{padding:.5rem .1rem;}
.service .serv-box .serv .list-box .list{font-size:.2rem;color: #777777;margin-bottom: .5rem;}
.service .serv-box .serv .box{text-align: center;padding: .5rem .4rem;}

/*contact页面*/
.contact .cont-box{padding: .2rem .4rem;}
.contact .cont-box .cont{background: #fff;}
.contact .cont-box .cont .nav{width: 100%;height: auto;background: #fff;font-size: 0;text-align: center;}
.contact .cont-box .cont .nav a{display:inline-block;width:33%;margin-right:0.5%;font-size: .32rem;color: #a1a1a1;padding: .1rem 0;box-shadow: 1px 3px 3px rgba(0,0,0,.2);}
.contact .cont-box .cont .nav a:nth-child(3n){margin-right:0;}
.contact .cont-box .cont .nav a.on{background: #06aae9;color: #fff;}
.contact .cont-box .cont .box .h-1{font-size:.24rem;color: #06aae9;border-bottom: 1px solid #d9d9d9;padding: .3rem .2rem;}
.contact .cont-box .cont .box .text-img{padding: .3rem 0;}
.contact .cont-box .cont .box .map .p-1{font-size: .24rem;color: #656667;padding: 0 .4rem;margin-bottom:.1rem;}
.contact .cont-box .cont .box .map .sp-1{font-size:.24rem;color: #e2136a;}
.contact .cont-box .cont .box .map .img-1{padding: 0 .6rem;}
.contact .cont-box .cont .box .mode{padding: .5rem 1rem;}
.contact .cont-box .cont .box .mode .h-2{font-size: .28rem;color:#e70909;margin-bottom: .3rem;}
.contact .cont-box .cont .box .mode p{font-size:.24rem;color: #2e2e2e;}
.contact .cont-box .cont .box .recruit{padding: .3rem .2rem;}
.contact .cont-box .cont .box .recruit .art-1{font-size:.2rem;color: #8b8c8d;}


/*purchase页面*/
.purchase .purch-box{padding: .2rem .4rem;}
.purchase .purch-box .list-box{padding: .5rem .4rem;}
.purchase .purch-box .list-box .list{float: left;text-align: center;width:48%;margin-right: 4%;margin-bottom: .2rem;}
.purchase .purch-box .list-box .list:nth-child(2n){margin-right: 0;}
.purchase .purch-box .list-box .list .img-1{border: 1px solid #dcdcdc;}
.purchase .purch-box .list-box .list .s-1{display:block;font-size:.22rem;color: #fff;padding:.1rem 0;background: #b2b2b3;}
.purchase .purch-box .purch .purch-nav{text-align:center;font-size: 14px;padding-bottom: .2rem;}
.purchase .purch-box .purch .purch-nav a{display: inline-block;margin: 0 8px;color: #666;line-height: 31px;vertical-align: text-top;}
.purchase .purch-box .purch .purch-nav a.a-1{font-size:24px;}
.purchase .purch-box .purch .purch-nav a.on{color: #007AFF;}

/*news页面*/
.news .new-box{padding: .2rem .4rem;}
.news .new-box .new{background: #fff;}
.news .new-box .new .nav{width: 100%;height: auto;background: #fff;font-size: 0;text-align: center;}
.news .new-box .new .nav a{display:inline-block;width: 49%;margin-right: 2%;font-size: .32rem;color: #a1a1a1;padding: .1rem 0;box-shadow: 1px 3px 3px rgba(0,0,0,.2);}
.news .new-box .new .nav a:nth-child(2n){margin-right:0;}
.news .new-box .new .nav a.on{background: #06aae9;color: #fff;}
.news .new-box .new .text-img{padding: .5rem .1rem;background: #fff;}
.news .new-box .new .text-img .title{text-align: center;}
.news .new-box .new .text-img .title .h-1{font-size: .3rem;color: #2e2e2e;}
.news .new-box .new .text-img .title .h-2{font-size:.22rem;color: #757579;}
.news .new-box .new .text-img .title .h-2 span{display: inline-block;margin-right: .1rem;}
.news .new-box .new .text-img .art-1{font-size:.22rem;color: #909095;}
.news .new-box .new .list-box{padding: .5rem .1rem;padding-bottom: 0;}
.news .new-box .new .list-box .list{margin-bottom: .4rem;}
.news .new-box .new .list-box .list .date{float:left;width:25%;height:2.7rem;background: #65cdf4;padding:.1rem;font-size:.18rem;color: #fff;text-align: right;}
.news .new-box .new .list-box .list .date .h-1{font-size:.6rem;font-weight: normal;text-align: center;}
.news .new-box .new .list-box .list .date .s-1{display:inline-block;width:.3rem;height: 1px;background: #fff;}
.news .new-box .new .list-box .list .text{float:left;width:75%;height:2.7rem;padding:.1rem;background: #f6f5f5;display:-webkit-flex;display: flex;-webkit-box-pack:space-between;justify-content:space-between;-webkit-box-direction:column;flex-direction:column;}
.news .new-box .new .list-box .list .text .h-1{font-size:.26rem;color:#2e2e2e;font-weight: normal;}
.news .new-box .new .list-box .list .text .art-1{font-size: .2rem;color: #646363;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.news .new-box .new .list-box .list .text .d-1 .s-1{float: left;color: #9f9d9d;}
.news .new-box .new .list-box .list .text .d-1 .s-2{float:right;display: inline-block;padding:0 .1rem;color: #92daf5;font-size:.18rem;border: 1px solid;}
.news .new-box .new .list-box .list:hover .date{background: #3bbef0;}
.news .new-box .new .list-box .list:hover .text .d-1 .s-2{color: #3bbef0;}
.news .new-box .new .list-box a:last-child{margin-bottom: 0;}
.news .new-box .new .new-nav{text-align:center;font-size: 14px;padding-bottom: .2rem;}
.news .new-box .new .new-nav a{display: inline-block;margin: 0 8px;color: #666;line-height: 31px;vertical-align: text-top;}
.news .new-box .new .new-nav a.a-1{font-size:24px;}
.news .new-box .new .new-nav a.on{color: #007AFF;}