body{ background:#f5f5f5; overflow-x:hidden;}

.title{ padding:0 20px; box-sizing:border-box; text-align:center;}

.title h1{ font-size:26px; color:#000; line-height:38px; margin-bottom:12px; margin-top:20px;font-weight:bolder;}

.title h1 b{ font-weight:bolder;font-size:26px; color:#000;}

.title p{ font-size:13px; line-height:24px;}



/*kv*/

.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}

.swiper-slide { width:100%;text-align: center; font-size: 18px;background: #fff;-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;}

.swiper-pagination-bullet{ background:#000; opacity:0.3;}

.swiper-pagination-bullet-active{ background:#ad0003; opacity:0.95; width:15px; border-radius: 5px;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}



.swiper-pagination-bullet,.swiper-pagination-bullet-active{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}



.swiper-slide .btn,.aboutPage .btn{ text-align:center; padding-top:20px;}

.swiper-slide .btn a,.aboutPage .btn a{ height:40px; line-height:40px; padding:0 30px; color:#fff; font-size:13px; background:#000; margin:0 12px;border-radius: 8px; display:inline-block;box-shadow: 5px 5px 12px rgb(0,0,0,0.15);}

.swiper-slide .btn a.moreBtn,.aboutPage .btn a.moreBtn{ background:#ad0003; box-shadow: 5px 5px 12px rgb(173,0,3,0.15); box-shadow:none; background:none; border:1px solid rgba(0,0,0,0.4); color:rgba(0,0,0,0.75); padding:0 60px;border-radius:0;}
.swiper-slide .btn a.moreBtn:hover,.aboutPage .btn a.moreBtn:hover{background:#ad0003; color:#fff;border:1px solid #ad0003;}

.kvPage .swiper-slide{ padding-bottom:50px;}

.kvPage .title p{ padding:0 6%;}
.kvPage{ background:#FFF;}





/*产品推荐*/

.proPage{ background:url(/template/mobile/xnskin/img/home/bg.png) no-repeat center center; background-size:cover;}

.proPage,.newPage{padding:60px 0 60px 0px;}

.proPage .title,.newPage .title{ margin:0; width:auto;}

.proSwiper .swiper-slide,.newSwiper .swiper-slide{ border-radius:8px;box-shadow: 6px 6px 20px rgb(0,0,0,0.12); float:left;}

.proSwiper .swiper-slide:hover,.newSwiper .swiper-slide:hover{box-shadow: 8px 8px 30px rgb(0,0,0,0.18);}

.proSwiper,.newSwiper{ padding-right:40px; padding-bottom:40px;}

.proMain{ position:relative; padding:20px 0 0 20px; overflow:hidden;}

.proPage .proInfo{ position:relative; width:100%; height:100%; overflow:hidden;border-radius:8px; cursor: pointer; border:1px solid #rgba(255,255,255,0.5);}

.proPage .proInfo img{ float:left;}

.proPage .proInfo .zz{ position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(/template/mobile/xnskin/img/home/zz.png) no-repeat center bottom;}

.proPage .proInfo .txt{ position:absolute; left:20px; bottom:20px;}

.proPage .proInfo .txt span{ color:#fff; background:url(/template/mobile/xnskin/img/home/icon.png) no-repeat right center; background-size:10px; padding-right:20px; font-size:13px;}

.swiper-pagination{ text-align:center;}



/*关于*/

.aboutPage{ position:relative; width:100%; background:url(/template/mobile/xnskin/img/home/bg.png) no-repeat center center; background-size:cover; overflow:hidden; padding-bottom:50px;}

.aboutPage .inner{ }

.aboutPage .inner .info{padding:0; }

.aboutPage .inner .info h1{ }

.aboutPage .inner .info p{}



/*新闻*/

.newPage{ padding:10px 0 10px 0;}

.newPage .itemBox{ padding:30px 20px;}

.newPage .itemBox .btn{ padding-top:0px;}

.newPage .itemBox .btn a{ width:100%; height:40px; line-height:40px; background:#fff;border-radius: 6px; color:#999; font-size:13px; display:block; text-align:center;}

.newPage .item{ margin-bottom:16px;}

.newPage .item .inner{ padding:0;}

.newPage .item .innerBox{ background:#fff;border-radius: 6px; position:relative; cursor:pointer;}

.newPage .item .pic{ width:100%; margin:0 auto; padding:0px 0 18px 0; text-align:center;}

.newPage .item .txt{ }

.newPage .item .txt h3{ font-size:16px; color:#000; margin-bottom:10px; font-weight:normal; height:21px; line-height:21px;}

.newPage .news{ padding:14px 18px 18px 18px;}

.newPage .news .other{ padding:0 0 6px 0; border-bottom:1px solid rgba(0,0,0,0.05); font-size:13px; color:#999;}

.newPage .news .other .date{ margin-right:20px; font-family:HELVETICANEUELTPRO-THEX;}

.newPage .news h1,.newPage a .news h1{ font-size:15px; color:#000; margin:8px 0; line-height:21px;overflow: hidden;}	

.newPage .news .txt{ padding-left:100px;}

.newPage .news .txt .pic{ width:85px; margin-left:-100px; float:left; overflow:hidden; }
.newPage .news .txt .pic img{border-radius:5px;}

.newPage .news .txt .text,.newPage a .news .txt .text,.newPage a:active .news .txt .text{ line-height:21px;overflow: hidden; height:63px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}



/*优势*/

.superPage{ position:relative; width:100%; background:url(/template/mobile/xnskin/img/home/super_bg.jpg) no-repeat center top; background-size:cover; overflow:hidden;}

.superPage .item{ background:url(/template/mobile/xnskin/img/home/line.png) no-repeat center bottom; background-size:100%; padding:28px 0 32px 0; text-align:center;}

.superPage .item.none{ background:none;}

.superPage .item h3{font-family:HELVETICANEUELTPRO-THEX; font-size:48px; margin-bottom:5px; color:#fff;}

.superPage .item p{ font-size:12px; line-height:24px; color:rgba(255,255,255,0.75); padding:0 35px;} 



/*定制留资*/

.madePage{ padding:28px 20px 60px 20px;}

.madePage .title{ padding:0;}

.formBox{ background:#fff;border-radius:8px; padding:30px; box-sizing:border-box; margin-top:20px;}

.formBox .input{ height:45px; line-height:45px; background:#f7f7f7; border:0;border-radius:8px; text-indent:12px; font-size:13px; color:#000; width:100%; }

.formBox .input::placeholder{ color:#bbbbbb; font-size:13px;}

.formBox .tip{ color:rgba(0,0,0,0.2); font-size:13px;text-indent:12px;padding-bottom:10px;}

.formBox .lable{ margin-bottom:16px;}

.formBox .lable p{ }

.formBox .form{ overflow:hidden;}

.formBox .form .btn{height:45px; line-height:45px; background:#3a3737; color:#fff; font-size:13px; text-align:center;border-radius:8px;box-shadow: 2px 2px 5px rgb(0,0,0,0.15); width:100%; float:left; cursor:pointer;}

<!--耗时1758972701.3851秒-->