html,
body{height: 100%;}
/* header*/.m-icon,
.m-nav{display: none;z-index: 10;}
.header{width: 100%;height: 1.05rem;position: relative;}
.header .logo{width: 3.6rem;height: 1.05rem;position: absolute;text-align: center;left: 0;top: 0;}
.header .logo img{height: .8rem;position: relative;top: 50%;transform: translateY(-50%);}
.header .nav{width: 100%;padding: 0 3.6rem;text-align: center;}
.header .nav>.item{float: left;width: 14.28%;border-left: 1px solid #f6f6f6;position: relative;}
.header .nav .item:hover > a,
.header .nav .item.active > a{color: #009cff;}
.header .nav .item:hover .sub-nav{display: block;}
.header .nav .item>a{display: block;font-size: .18rem;color: #666;line-height: 1.05rem;}
.header .nav .sub-nav{display: none;width: 100%;padding: 0.3rem 3.6rem;position: fixed;top: 1.05rem;left: 0;text-align: center;z-index: 10;background-color: #f9f9f9;box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.5);}
.header .nav .sub-nav li{width: auto;display: inline-block;height:0.5rem ; }
.header .nav .sub-nav li  a{height:0.5rem ;line-height: 0.5rem;padding: 0 0.15rem;    color: #7d7d7d;
    font-size: 0.15rem;}
.header .nav .sub-nav li:hover{background-color: #009cff;}
.header .nav .sub-nav li:hover a{color: #fff;}
.header .tel-box{width: 3.6rem;height: 100%;position: absolute;right: 0;top: 0;background-color: #f68322;text-align: center;padding-top: .3rem;}
.header .tel-box .icon{display: inline-block;vertical-align: middle;width: .5rem;height: .5rem;background: url(../images/tel.png) no-repeat center;background-size: .45rem;-webkit-border-radius: 50%;border-radius: 50%;margin-right: .25rem;}
.header .tel-box .text{display: inline-block;vertical-align: middle;color: #fff;font-size: .14rem;text-align: left;}
.header .tel-box .text .des{font-size: 0.2rem;}
.header .tel-box .text .num{font-size: .24rem;font-weight: bold;}
/* banner*/.swiper-container.banner .swiper-slide{width: 100%;height: 100%;background-position: center;-webkit-background-size: cover;background-size: cover;}
.swiper-container.banner .swiper-pagination{height: 100%;left: .8rem;color: #fff;width: .3rem;bottom: 0;display: none;}
.swiper-container.banner .b-num{position: absolute;top: 50%;transform: translateY(-50%);font-size: .2rem;}
.swiper-container.banner .b-num .line{width: 2px;height: 1.8rem;background-color: #fff;position: relative;left: 50%;margin: 0.1rem 0 0.1rem -1px;}
.swiper-container.banner img{width: 100%;height: 100%;}
.swiper-container.banner .b-prev,
.swiper-container.banner .b-next{width: .58rem;height: .58rem;top: 90%;background-size: .29rem;outline: none;}
.swiper-container.banner .b-prev{left: .83rem;background: #666 url(../images/s-l.png) no-repeat center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.swiper-container.banner .b-prev.act:hover{width: 1.4rem;background: #009cff url(../images/b-l.png) no-repeat center;}
.swiper-container.banner .b-next{right: .83rem;background: #666 url(../images/s-r.png) no-repeat center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.swiper-container.banner .b-next.act:hover{width: 1.4rem;background: #009cff url(../images/b-r.png) no-repeat center;}
/* l-menu*/.l-menu{width: 13%;float: left;height: 4.2rem;}
.l-menu .text{width: 1.7rem;height: 100%;border-bottom: 1px solid #e4e4e4;position: relative;}
.l-menu .text p{position: absolute;}
.l-menu .txt1{left: .9rem;transform: rotate(-90deg);transform-origin: 0 bottom;font-size: .14rem;color: #999;letter-spacing: .03rem;bottom: .1rem;}
.l-menu .txt2{left: 1.2rem;bottom: .1rem;font-size: .16rem;color: #666;}
.l-menu .txt3{left: 1rem;bottom: .4rem;font-size: .48rem;color: #666;writing-mode: vertical-lr;transform: rotate(180deg);font-family: 'Arial';font-weight: lighter;}
/* about-box*/.about-box{width: 100%;margin-bottom: 1.25rem;}
.about-box .about-con{width: 87%;float: right;position: relative;padding: 1.36rem 0 0 0;}
.about-box .l-con{width: 42%;padding-left: 1rem;padding-right: .3rem;float: left;}
.about-box .l-con .text{display: none;}
.about-box .l-con .text .more{font-size: .16rem;color: #999;position: absolute;bottom: 2.35rem;}
.about-box .l-con .title{margin-bottom: .3rem;display: block;}
.about-box .l-con .title .more{display: none;}
.about-box .l-con .tit{font-size: .36rem;color: #666;letter-spacing: .1rem;font-weight: lighter;font-family: Arial, Helvetica, sans-serif;}
.about-box .l-con .en{font-size: .14rem;color: #999;}
.about-box .l-con .info{font-size: .16rem;color: #7d7d7d;line-height: .42rem;margin-bottom: .15rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.about-box .r-con{width: 58%;}
.about-box .r-con img{width: 100%;}
.about-box .about-nav{width: 7.5rem;height: 1.6rem;background-color: #f1f1f1;position: absolute;bottom: 0;left: 1rem;}
.about-box .about-nav .item{width: 2.5rem;height: 1.6rem;float: left;text-align: center;color: #666;font-size: .18rem;}
.about-box .about-nav .item.act:hover,
.about-box .about-nav .item.on{background-color: #009cff;color: #fff;}
.about-box .about-nav .item.act:hover .icon,
.about-box .about-nav .item.on .icon{background: url(../images/about-icon-s.png) no-repeat;background-size: 1.62rem;}
.about-box .about-nav .item.act:hover:nth-child(2) .icon,
.about-box .about-nav .item.on:nth-child(2) .icon{background-position: -0.54rem 0;}
.about-box .about-nav .item.act:hover:nth-child(3) .icon,
.about-box .about-nav .item.on:nth-child(3) .icon{background-position: -1.08rem 0;}
.about-box .about-nav .item:nth-child(2) .icon{background-position: -0.54rem 0;}
.about-box .about-nav .item:nth-child(3) .icon{background-position: -1.08rem 0;}
.about-box .about-nav .item .icon{width: .54rem;height: .56rem;background: url(../images/about-icon.png) no-repeat;background-size: 1.62rem;display: block;margin: .37rem auto .2rem;}
/* product-box*/.product-box{width: 100%;height: 8.43rem;background: url(../images/product-bg.jpg) no-repeat center;background-size: cover;}
.product-box .m-tit{display: none;}
.product-con{width: 87%;height: 100%;float: right;padding: 1rem .8rem 1rem 0;position: relative;}
.product-con .product-con-box{height: 100%;position: relative;}
.product-con .p-tit{color: #fff;display: block;}
.product-con .p-tit .cn{font-size: .3rem;font-weight: bold;margin-bottom: .1rem;}
.product-con .p-tit .en{font-size: .14rem;opacity: .5;}
.product-con .s-pBanner{width: 45%;height: 1.65rem;position: absolute;right: 0;bottom: 0;z-index: 5;}
.product-con .s-pBanner .text{display: none;}
.product-con .s-pBanner .swiper-slide{width: 2.15rem;height: 1.65rem;border: 2px solid #fff;}
.product-con .s-pBanner .swiper-slide.swiper-slide-thumb-active{border-color: #009cff;}
.product-con .b-pBanner{width: 100%;height: 100%;position: relative;}
.product-con .b-pBanner .img-box{width: 51%;display: block;}
.product-con .b-pBanner .text{position: absolute;width: 43.4%;left: 55%;top: 0;}
.product-con .b-pBanner .text .tit{font-size: .24rem;margin: .4rem 0 .1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;opacity: .7;}
.product-con .b-pBanner .text .des{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.product-con .b-pBanner .swiper-button-next.swiper-button-disabled,
.product-con .b-pBanner .swiper-button-prev.swiper-button-disabled{pointer-events: inherit;}
.product-con .img-box,
.product-con .img{width: 100%;height: 100%;}
.product-con .text{width: 100%;color: #fff;}
.product-con .text .title{font-size: .24rem;opacity: .7;margin-bottom: .4rem;}
.product-con .text .des{font-size: .16rem;opacity: .4;line-height: .42rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product-con .bp-prev,
.product-con .bp-next{width: .58rem;height: .58rem;background-size: .29rem;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;outline: none;}
.product-con .bp-prev{left: 0;background: #fff url(../images/gray-l.png) no-repeat center;}
.product-con .bp-prev:hover{width: 1.4rem;background: #009cff url(../images/b-l.png) no-repeat center;}
.product-con .bp-next{right: auto;left: 51%;margin-left: -0.58rem;background: #fff url(../images/gray-r.png) no-repeat center;}
.product-con .bp-next:hover{width: 1.4rem;margin-left: -1.4rem;background: #009cff url(../images/b-r.png) no-repeat center;}
.product-con .swiper-button-next.swiper-button-disabled,
.product-con .swiper-button-prev.swiper-button-disabled{opacity: 1;}
/* news-box*/.news-box{margin-bottom: 1.4rem;}
.news-box .news-con{width: 87%;float: left;padding-top: 1.3rem;}
.news-box .m-tit{display: none;}
.news-box .top-con{padding: 0 5% 0 6%;}
.news-box .top-con .img-box{width: 6rem;height: 3.15rem;overflow: hidden;}
.news-box .top-con .img-box.act:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.news-box .top-con .img-box img{width: 100%;height: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.news-box .top-con .r-con{width: 100%;padding-left: 6.5rem;}
.news-box .top-con .r-con .tit{line-height: 1.15rem;}
.news-box .top-con .r-con .cn{font-size: .3rem;color: #333;margin-right: .2rem;}
.news-box .top-con .r-con .en{font-size: .14rem;color: #ccc;}
.news-box .top-con .r-con .info{font-size: .2rem;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-box .top-con .r-con .text{display: block;}
.news-box .top-con .r-con .des{font-size: .16rem;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: .3rem;line-height: .3rem;}
.news-box .top-con .r-con .bot{margin-top: .3rem;line-height: .3rem;}
.news-box .top-con .r-con .bot .time{font-size: .3rem;color: #c5c5c5;}
.news-box .top-con .r-con .bot .more{font-size: .14rem;color: #999;}
.news-box .bot-con{width: 100%;padding-left: 6%;margin-top: .8rem;}
.news-box .bot-con .item{width: 23.5%;float: left;margin-right: 2%;position: relative;}
.news-box .bot-con .item .text{width: 100%;height: 100%;position: relative;z-index: 2;background-color: #f1f1f1;padding: .3rem .2rem;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.news-box .bot-con .item.act:hover .text{background: url(../images/news-bg.jpg) no-repeat;}
.news-box .bot-con .item.act:hover .text .time,
.news-box .bot-con .item.act:hover .text .des,
.news-box .bot-con .item.act:hover .text .tit{color: #fff;}
.news-box .bot-con .item:last-child{margin-right: 0;}
.news-box .bot-con .item .time{font-size: .3rem;color: #c5c5c5;margin-bottom: .2rem;}
.news-box .bot-con .item .tit{font-size: .18rem;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: .1rem;}
.news-box .bot-con .item .des{font-size: .16rem;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/* case-box*/.case-box{background-color: #009cff;}
.case-box .m-tit{display: none;}
.case-box .l-menu{border-color: #fff;}
.case-box .l-menu .txt1{color: #fff;opacity: .5;}
.case-box .l-menu .txt2,
.case-box .l-menu .txt3{color: #fff;}
.case-box .case-con{width: 87%;float: right;background-color: #fff;}
.case-box .case-con .swiper-wrapper{flex-wrap: wrap;}
.case-box .case-con .item{width: 32.5%;float: left;position: relative;margin-right: 1.25%;margin-bottom: 1.25%;}
.case-box .case-con .item:nth-child(3n){margin-right: 0;}
.case-box .case-con .item:nth-child(4),
.case-box .case-con .item:nth-child(5),
.case-box .case-con .item:nth-child(6){margin-bottom: 0;}
.case-box .case-con .item.act:hover .text{-webkit-transform: scale(1);transform: scale(1);}
.case-box .case-con .item .m-text{display: none;}
.case-box .case-con .item .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #009cff;opacity: .95;padding: 20%;text-align: center;color: #fff;vertical-align: middle;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.case-box .case-con .item .text .title{font-size: .26rem;margin: 12% 0 8%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.case-box .case-con .item .text .des{font-size: 0.16rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: .24rem;height: .48rem;}
.case-box .case-con .item .text .icon{width: .29rem;height: .07rem;background: url(../images/s-r.png) no-repeat;background-size: .29rem;display: block;margin: 5% auto 0;}
.case-box .case-con .item .text:before,
.case-box .case-con .item .text:after{content: '';left: 20%;position: absolute;width: 60%;height: 1px;background-color: rgba(255, 255, 255, 0.4);}
.case-box .case-con .item .text:after{bottom: 20%;}
/* link-box*/.link-box{position: relative;padding-bottom: 1rem;}
.link-box .r-con{width: 87%;float: right;padding: 1.2rem 6% 0;}
.link-box .r-con .top{margin-bottom: .2rem;}
.link-box .r-con .tit{float: left;}
.link-box .r-con .cn,
.link-box .r-con .en{display: inline-block;}
.link-box .r-con .cn{font-size: .3rem;color: #333;font-family: '宋体';margin-right: .2rem;}
.link-box .r-con .en{font-size: .14rem;color: #ccc;vertical-align: bottom;}
.link-box .r-con .more{display: none;}
.link-box .link-list .item{float: left;width: 20%;height: 1rem;margin: .3rem 0;position: relative;}
.link-box .link-list .item .img-box{width: 100%;}
.link-box .link-list .item .img-box img{width: 100%;}
.link-box .link-list .item.act:hover:before,
.link-box .link-list .item.act:hover:after{width: 100%;height: 100%;opacity: 1;}
.link-box .link-list .item:before,
.link-box .link-list .item:after{position: absolute;z-index: 10;display: block;width: 0;height: 0;content: '';opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.link-box .link-list .item:after{border-right: 1px solid #009cff;border-bottom: 1px solid #009cff;bottom: 0;right: 0;}
.link-box .link-list .item:before{border-top: 1px solid #009cff;border-left: 1px solid #009cff;top: 0;left: 0;}
/* footer-box*/.footer-box{width: 100%;}
.footer-box .address-box{height: 4.36rem;background: url(../images/f-bg.jpg) no-repeat;background-size: 100%;position: relative;color: #d6d6d6;padding-top: 1.77rem;font-size: .14rem;}
.footer-box .address-box .bg{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);position: absolute;top: 0;}
.footer-box .address-box .tel-con,
.footer-box .address-box .add-con,
.footer-box .address-box .code-con{float: left;/* border-right: 1px solid #414141; */min-height: 1.35rem;}
.footer-box .address-box .tel-con{width: 4rem;}
.footer-box .address-box .tel-con .text{font-size: .18rem;position: relative;padding-left: .35rem;}
.footer-box .address-box .tel-con .text:before{content: '';position: absolute;left: 0;top: 50%;margin-top: -0.1rem;width: .19rem;height: .19rem;background: url(../images/b-tel.png) no-repeat;background-size: .19rem;}
.footer-box .address-box .tel-con .num{line-height: .76rem;font-weight: bold;font-size: .36rem;}A
.footer-box .address-box .add-con{width: 5.75rem;padding: 0 .95rem;font-size: .14rem;}
.footer-box .address-box .add-con p{position: relative;padding-left: .45rem;margin-bottom: .3rem;line-height: .24rem;font-size: 0.16rem;}
.footer-box .address-box .add-con p.email{
	display: none;
}
.footer-box .address-box .add-con p:before{content: '';position: absolute;left: 0;top: 50%;margin-top: -0.09rem;width: .18rem;height: .18rem;background: url(../images/address.png) no-repeat;background-size: .54rem;}
.footer-box .address-box .add-con p.email:before{background-position: -0.18rem 0;}
.footer-box .address-box .add-con p.add:before{background-position: -0.36rem 0;}
.footer-box .address-box .code-con{width: 2.1rem;border: 0;text-align: center;}
.footer-box .address-box .code-con .img-box{margin-bottom: .1rem;}
.footer-box .address-box .code-con .img-box img{width: 1.12rem;height: 1.12rem;}
.footer-box .copy-right-box{line-height: .62rem;font-size: .14rem;color: #666;}
.footer-box .copy-right{display: inline-block;margin-right: .27rem;}
.footer-box .share{display: inline-block;}
.footer-box .share span{display: inline-block;vertical-align: middle;margin-right: .2rem;}
.footer-box .share a{display: inline-block;width: .24rem;height: .24rem;background: url(../images/f-icon.png) no-repeat;background-size: .96rem;background-size: cover;vertical-align: middle;position: relative;margin: 0 .2rem;cursor: pointer;}
.footer-box .share a:before{content: '';position: absolute;width: 1px;height: .24rem;background-color: #dedede;left: -0.2rem;top: 0;}
.footer-box .share a.wx{background-position: -0.24rem 0;}
.footer-box .share a.wb{background-position: -0.48rem 0;}
.m-fix-f{display: none;}
/* in-banner*/.in-banner{width: 100%;height: 4rem;background-position: center;-webkit-background-size: cover;background-size: cover;text-align: center;color: #fff;overflow: hidden;}
.in-page{padding: .7rem 0;}
.in-page .tit{text-align: center;font-size: .24rem;color: #333;font-weight: normal;}
.in-nav{margin: 0.3rem auto 0.6rem;width: 90%;padding: 0 0.3rem;}
.in-nav .swiper-button-prev,.in-nav .swiper-button-next{
	background-color: #fff;
	background-size: 0.15rem;
	width: 0.3rem;
}
.in-nav .swiper-button-prev{left: 0;}
.in-nav .swiper-button-next{right: 0;}
.in-nav .swiper-wrapper{justify-content: left!important;}
.in-nav a{width: auto;padding: 0 .2rem;line-height: .4rem;font-size: .14rem;color: #818181;border: 1px solid #e3e3e3;}
.in-nav a:last-child{margin: 0 !important;}
.in-nav a.on,
.in-nav a:hover{background-color: #009cff;color: #fff;border-color: #009cff;}
/* in-about*/.in-about .top-con{margin-top: .6rem;border-bottom: 1px solid #e8e8e8;}
.in-about .top-con .img-box{width: 4.77rem;height: 2.78rem;float: left;margin-bottom: .7rem;}
.in-about .top-con .text{width: 100%;padding-left: 5.4rem;font-size: .14rem;color: #333;line-height: .32rem;}
.in-about .top-con .text p{margin-bottom: .35rem;}
.in-about .des{color: #666;margin-top: .6rem;}
.in-about .des .info{margin-bottom: .5rem;font-size: .15rem;line-height: .32rem;}
.in-about .des .title{font-size: .24rem;}
.in-about .des .en{font-size: .12rem;margin-bottom: .3rem;}
/* in-contact*/.in-contact .map-box,
.in-contact img{width: 100%;}
.in-contact .info{margin-top: .5rem;margin-left: -1%;}
.in-contact .info .item{width: 32%;float: left;margin-left: 1%;}
.in-contact .info .item .cn{font-size: .23rem;color: #666;margin-bottom: .05rem;}
.in-contact .info .item .en{color: #999;font-size: .12rem;}
.in-contact .info .item .des{font-size: .14rem;color: #666;margin-bottom: .18rem;}
/* in-product*/.in-product-list{width: 100%;padding: 0 4%;}
.in-product-list .box{margin-left: -3.3%;}
.in-product-list .item{width: 30%;float: left;margin-left: 3.3%;}
.in-product-list .item .pic{position: relative;}
.in-product-list .item .pic.act:hover .text{-webkit-transform: scale(1);transform: scale(1);}
.in-product-list .item .pic .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #009cff;opacity: .95;padding: 20%;text-align: center;color: #fff;vertical-align: middle;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.in-product-list .item .pic .text::before,
.in-product-list .item .pic .text:after{content: '';left: 20%;position: absolute;width: 60%;height: 1px;background-color: rgba(255, 255, 255, 0.4);}
.in-product-list .item .pic .text:after{bottom: 20%;}
.in-product-list .item .pic .title{font-size: .26rem;margin: 12% 0 8%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.in-product-list .item .pic .des{font-size: .14rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: .24rem;height: .48rem;}
.in-product-list .item .pic .icon{width: .29rem;height: .07rem;background: url(../images/s-r.png) no-repeat;background-size: .29rem;display: block;margin: 5% auto 0;}
.in-product-list .item .info{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: .18rem;color: #666;margin: .3rem 0 .55rem;}
/* m-product-d*/.m-product-d .top-con{position: relative;}
.m-product-d .mp-banner{width: 6.5rem;float: left;}
.m-product-d .mp-banner .swiper-slide{width: 100% !important;}
.m-product-d .mp-banner .swiper-button-prev,
.m-product-d .mp-banner .swiper-button-next{width: .58rem;height: .58rem;background-size: .29rem;margin-top: -0.29rem;}
.m-product-d .mp-banner .swiper-button-prev{left: 0;background: #fff url(../images/gray-l.png) no-repeat center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.m-product-d .mp-banner .swiper-button-prev.act:hover{width: 1.4rem;background: #009cff url(../images/b-l.png) no-repeat center;}
.m-product-d .mp-banner .swiper-button-next{right: 0;background: #fff url(../images/gray-r.png) no-repeat center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.m-product-d .mp-banner .swiper-button-next.act:hover{width: 1.4rem;background: #009cff url(../images/b-r.png) no-repeat center;}
.m-product-d .mp-banner .swiper-button-next.swiper-button-disabled,
.m-product-d .mp-banner .swiper-button-prev.swiper-button-disabled{opacity: 1;pointer-events: auto;display: none;}
.m-product-d .product-profile{width: 100%;height: 100%;padding-left: 7.15rem;}
.m-product-d .product-profile .title{font-size: .24rem;color: #666;line-height: 1.1rem;}
.m-product-d .product-profile .s-tit{font-size: .16rem;color: #666;margin-bottom: .35rem;}
.m-product-d .product-profile .info{font-size: .14rem;color: #666;line-height: .3rem;}
.m-product-d .product-profile .buy{position: absolute;bottom: 0;background-color: #ededed;width: 1.85rem;line-height: .55rem;font-size: .16rem;color: #333;text-align: center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.m-product-d .product-profile .buy.act:hover{background-color: #009cff;color: #fff;}
.m-product-d .product-detail{margin-top: .55rem;}
.m-product-d .product-detail .info{padding-top: .25rem;line-height: .5rem;font-size: .14rem;color: #666;}
.m-product-d .tit{font-size: .18rem;color: #333;padding-bottom: .3rem;border-bottom: 1px solid #ededed;}
.m-product-d .p-more-list{margin-left: -0.3rem;padding: .35rem 0;}
.m-product-d .product-more{margin-top: .29rem;font-size: 0;}
.m-product-d .product-more .item{display: inline-block;margin-left: .29rem;width: 2.78rem;}
.m-product-d .product-more .item .img-box{width: 100%;}
.m-product-d .product-more .item .img-box img{width: 100%;}
.m-product-d .product-more .item.act:hover .des{color: #009cff;}
.m-product-d .product-more .des{font-size: .16rem;color: #666;margin: .2rem 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
/* in-news-list*/.in-news-list{width: 100%;padding: 0 4%;}
.in-news-list .box{margin-left: -3.3%;}
.in-news-list .item{width: 30%;float: left;margin-left: 3.3%;margin-bottom: .3rem;}
.in-news-list .item .img-box{width: 100%;overflow: hidden;}
.in-news-list .item .img-box img{width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.in-news-list .item.act:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.in-news-list .item.act:hover .r-con{top: -0.6rem;}
.in-news-list .text{width: 100%;margin-top: .35rem;height: .8rem;overflow: hidden;position: relative;}
.in-news-list .info{width: 75%;font-size: .14rem;color: #999;float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.in-news-list .info .title{font-size: .18rem;color: #333;margin-bottom: .1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.in-news-list .r-con{width: 25%;font-size: .3rem;color: #c5c5c5;position: absolute;vertical-align: middle;top: 0;right: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;line-height: .6rem;text-align: right;}
.in-news-list .icon{width: .29rem;height: .07rem;background: url(../images/news-arrow.png) no-repeat;background-size: .29rem;display: block;margin: .3rem auto 0;}
.in-news-list .m-page{margin-top: 0;}
/* in-news-d*/.in-news-d .title,
.in-news-d .time{text-align: center;}
.in-news-d .title{font-size: .24rem;color: #333;font-weight: bold;}
.in-news-d .time{font-size: .14rem;color: #999;margin: .2rem 0 .5rem;}
.in-news-d .info{font-size: .14rem;color: #666;line-height: .3rem;margin-bottom: .3rem;}
.in-news-d .img-box{margin-bottom: .55rem;margin-left: -1%;font-size: 0;}
.in-news-d .img-box img{width: 49%;display: inline-block;margin-left: 1%;}
.in-news-d .change{font-size: 0;overflow: hidden;}
.in-news-d .change a{width: 50%;line-height: .57rem;height: .57rem;float: left;padding: 0 .2rem;background-color: #f4f4f4;font-size: .14rem;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.in-news-d .change a:hover{background-color: #0b9ffd;color: #fff;}
@media screen and (max-width: 768px){/* header*/.header .nav, .header .tel-box{display: none;}
.header .m-icon{display: block;width: .4rem;height: .35rem;background: url(../images/m-nav.png) no-repeat;background-size: .4rem;margin: .35rem .3rem 0 0;}
.header .logo{text-align: left;padding-left: .3rem;}
.header .m-nav{position: absolute;top: 1.05rem;left: 0;width: 100%;background-color: #f8f8f8;}
.header .m-nav .item{width: 100%;text-align: center;line-height: .8rem;font-size: .24rem;}
.header .m-nav .item a{display: block;color: #666;}
.header .m-nav .item.active > a{background-color: #009cff;color: #fff;}
.header .m-nav .sub-nav{display: none;}
.header .m-nav .sub-nav a{font-size: .22rem;}
.header .m-nav .sub-nav a:hover{background-color: #009cff;color: #fff;}
/* banner*/.swiper-container.banner{height: 6rem !important;}
.swiper-container.banner .b-prev, .swiper-container.banner .b-next{display: none;}
.swiper-container.banner .swiper-pagination{width: 100%;height: auto;left: 0;bottom: .6rem;}
.swiper-container.banner .b-num{top: 0;left: 50%;transform: translateX(-50%);margin: 0 auto;}
.swiper-container.banner .b-num .line{width: 1rem;height: .02rem;left: 0;background-color: #a8a8a8;}
.swiper-container.banner .b-num span, .swiper-container.banner .b-num .line{display: inline-block;color: #666;font-size: .26rem;}
.swiper-container.banner .b-num span{margin: 0 .1rem;}
.swiper-container.banner .b-num span.on{color: #009cff;}
/* l-menu*/.l-menu{display: none;}
/* about-box*/.about-box{margin-bottom: .8rem;}
.about-box .about-con{width: 100%;padding: 0 .3rem;}
.about-box .about-con .l-con{width: 100%;float: none;padding: 0;}
.about-box .about-con .l-con .title{margin: .7rem 0;}
.about-box .about-con .l-con .title .more{display: block;font-size: .24rem;color: #999;}
.about-box .about-con .r-con{display: none;}
.about-box .about-con .text{width: 100%;height: 4.58rem;background: url(../images/m-about-bg.jpg) no-repeat center;background-size: 100%;padding: 1rem .6rem;}
.about-box .about-con .text .info{font-size: .24rem;color: #e2e2e2;line-height: .4rem;}
.about-box .about-con .text .more{display: none;}
.about-box .about-nav{width: 100%;left: 0;bottom: 0;position: relative;}
.about-box .about-nav .item{width: 33.3%;}
/* product-con*/.product-box{width: 100%;height: 10.3rem;background: url(../images/m-product-bg.jpg) no-repeat center;background-size: 100%;}
.product-box .m-tit{display: block;color: #fff;padding: .7rem .3rem;}
.product-box .m-tit .cn{font-size: .36rem;margin-bottom: .05rem;}
.product-box .m-tit .en{font-size: .18rem;opacity: .4;}
.product-con{width: 100%;padding: 0;}
.product-con .product-con-item{height: auto;}
.product-con .p-tit{display: none;}
.product-con .product-con-box{height: auto;}
.product-con .b-pBanner{width: 6.9rem;height: 5.3rem;margin: 0 .3rem;overflow: hidden;}
.product-con .b-pBanner .bp-prev:hover{width: .58rem;background: #fff url(../images/gray-l.png) no-repeat center;}
.product-con .b-pBanner .bp-next:hover{width: .58rem;background: #fff url(../images/gray-r.png) no-repeat center;}
.product-con .b-pBanner .swiper-slide{width: 100% !important;}
.product-con .b-pBanner .img-box{width: 100%;}
.product-con .b-pBanner .img-box img{width: 100%;}
.product-con .b-pBanner .bp-next{left: auto;margin-left: 0;right: 0;}
.product-con .b-pBanner .text{top: auto;left: 0;bottom: 0;width: 6.9rem;padding: 0 .3rem;height: 1.5rem;background: rgba(56, 57, 59, 0.7);box-sizing: border-box;}
.product-con .b-pBanner .text .tit{font-size: .3rem;opacity: 1;}
.product-con .b-pBanner .text .des{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product-con .r-con{position: absolute;bottom: 0;width: 100%;}
.product-con .s-pBanner{width: 6.9rem;margin: 0 .3rem;position: relative;top: .4rem;}
/* news-box*/.news-box{margin-bottom: .8rem;}
.news-box .news-con{padding-top: .7rem;}
.news-box .m-tit{display: block;padding: 0 .3rem;margin-bottom: .7rem;}
.news-box .m-tit .title{font-size: .36rem;color: #333;}
.news-box .m-tit .en{font-size: .18rem;color: #999;}
.news-box .m-tit .more{font-size: .24rem;color: #999;}
.news-box .news-con{width: 100%;}
.news-box .top-con{padding: 0 .3rem;}
.news-box .top-con .tit{display: none;}
.news-box .top-con .img-box{width: 100%;float: none;margin-bottom: .5rem;}
.news-box .top-con .r-con{padding-left: 0;}
.news-box .top-con .r-con .info{font-size: .28rem;}
.news-box .top-con .r-con .des{font-size: .24rem;line-height: .4rem;}
.news-box .top-con .r-con .more{display: none;}
.news-box .bot-con{padding: 0;}
.news-box .bot-con .item{width: 100%;margin-bottom: .2rem;}
.news-box .bot-con .item:hover{background-color: #009cff;}
.news-box .bot-con .item .info{float: left;width: 85%;}
.news-box .bot-con .item .info .des{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: .24rem;}
.news-box .bot-con .item .text{padding: .5rem .3rem;}
.news-box .bot-con .item .tit{font-size: .3rem;}
.news-box .bot-con .item .time{width: 15%;position: absolute;top: 50%;transform: translateY(-50%);text-align: right;margin: 0;right: .3rem;}
/* case-box*/.case-box .case-con{width: 100%;}
.case-box .case-con .item{width: 5.75rem;margin: 0;float: none;}
.case-box .case-con .item .m-text{display: block;height: 2.4rem;color: #fff;padding-top: .5rem;}
.case-box .case-con .item .m-text .title{font-size: .3rem;margin-bottom: .2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case-box .case-con .item .m-text .des{font-size: .24rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case-box .case-con .img-box{width: 5.45rem;height: 4.25rem;}
.case-box .case-con .swiper-wrapper{flex-wrap: nowrap;}
.case-box .case-con .swiper-wrapper .swiper-slide{background-color: #4e4e4e;padding-left: .3rem;}
.case-box .case-con .swiper-wrapper .swiper-slide-active{background-color: #009cff;}
.case-box .case-con .swiper-wrapper .swiper-slide-active .m-text{position: relative;}
.case-box .case-con .swiper-wrapper .swiper-slide-active .m-text .icon{width: .29rem;height: .07rem;background: url(../images/s-r.png) no-repeat;background-size: .29rem;position: absolute;top: .6rem;right: .3rem;}
.case-box .m-tit{display: flex;height: 2.12rem;}
.case-box .m-tit .tit{width: 5.75rem;height: 100%;background-color: #009cff;color: #fff;padding-left: .3rem;padding-top: .7rem;}
.case-box .m-tit .tit .cn{font-size: .36rem;}
.case-box .m-tit .tit .en{font-size: .18rem;opacity: .4;margin-top: .05rem;}
.case-box .m-tit .more{flex: 1;height: 100%;float: right;width: 1.8rem;background-color: #4e4e4e;color: #fff;font-size: .24rem;text-align: center;line-height: 2.12rem;}
/* link-box*/.link-box{width: 100%;padding: 0 .3rem;}
.link-box .r-con{width: 100%;padding: 0;}
.link-box .r-con .top{line-height: 2rem;}
.link-box .link-list{padding: 0;}
.link-box .link-list .item{width: 33%;}
.footer-box{padding-bottom: 1.9rem;background-color: #fff;}
.footer-box .share, .footer-box .address-box{display: none;}
.footer-box .copy-right{width: 100%;display: block;text-align: left;padding: 0 .3rem;font-size: .24rem;color: #999;}
.m-fix-f{display: block;width: 100%;height: 1.2rem;border-top: .02rem solid #e2e2e2;position: fixed;left: 0;bottom: 0;z-index: 20;background-color: #fff;padding-top: .3rem;}
.m-fix-f .item{width: 25%;float: left;text-align: center;}
.m-fix-f .item.on .icon{background: url(../images/m-icon-s.png) no-repeat;background-size: 1.8rem;}
.m-fix-f .item.on p{color: #4cab5b;}
.m-fix-f .item .icon{width: .45rem;height: .43rem;background: url(../images/m-icon.png) no-repeat;background-size: 1.8rem;display: block;margin: 0 auto;}
.m-fix-f .item .icon.on-line{background-position: -0.45rem 0;}
.m-fix-f .item .icon.tel{background-position: -0.9rem 0;}
.m-fix-f .item .icon.qq{background-position: -1.35rem 0;}
.m-fix-f .item p{font-size: .22rem;color: #666;margin-top: .05rem;}
.in-banner{height: 3rem;}
.in-page .tit{font-size: .3rem;}
.in-page .in-nav a{font-size: .24rem;}
.in-about{padding: .7rem .3rem;}
.in-about .top-con .img-box{width: 100%;text-align: center;}
.in-about .top-con .text{padding: 0;font-size: .24rem;line-height: .4rem;}
.in-about .des .title{font-size: .3rem;}
.in-about .des .info{line-height: .4rem;font-size: .24rem;}
.in-contact{padding: .7rem .3rem;}
.in-contact .info .item{width: 100%;margin-bottom: .3rem;}
.in-contact .info .item .cn{font-size: .3rem;}
.in-contact .info .item .des{font-size: .24rem;}
/* in-product-list*/.in-product-list .box{margin-left: -2%;}
.in-product-list .item{width: 48%;margin-left: 2%;}
/* m-product-d*/.m-product-d{padding: 0 .3rem;}
.m-product-d .mp-banner{width: 100%;}
.m-product-d .product-profile{padding-left: 0;}
.m-product-d .product-profile .title{font-size: .3rem;}
.m-product-d .product-profile .info, .m-product-d .product-profile .s-tit{line-height: .4rem;font-size: .24rem;}
.m-product-d .product-profile .buy{position: relative;display: block;bottom: auto;margin-top: .2rem;}
.m-product-d .tit{font-size: .3rem;}
.m-product-d .product-detail .info{font-size: .24rem;}
.m-product-d .product-more .p-more-list{margin-left: -2%;}
.m-product-d .product-more .item{width: 48%;margin-left: 2%;}
.m-product-d .product-more .des{font-size: .24rem;}
/* in-news-d*/.in-news-d{padding: 0 .3rem;}
.in-news-d .title{font-size: .3rem;}
.in-news-d .time, .in-news-d .info{font-size: .24rem;line-height: .4rem;}
.in-news-d .img-box{margin-left: 0;}
.in-news-d .img-box img{width: 100%;margin-left: 0;margin-bottom: .2rem;}
.in-news-d .change a{width: 100%;line-height: .8rem;height: .8rem;font-size: .24rem;margin-bottom: .1rem;}
/* in-news-list*/.in-news-list{padding: 0 .3rem;}
.in-news-list .box{margin-left: 0;}
.in-news-list .item{width: 100%;margin-left: 0;}
.in-news-list .info .title{font-size: .3rem;}
.in-news-list .info .des{font-size: .24rem;}}