html{ font-size:100px; }
body{ font-size:.26rem; overflow-x: hidden; font-family:'微软雅黑','微软雅黑 Regular','黑体','黑体 Regular','宋体 Regular','宋体','Arial Regular','Arial'; }
.wrap{ width:7.5rem; margin:0 auto; }

.header{ width:100%; height:.9rem; background:#fff; left:0; top:0; position: fixed; z-index:21; }
.tKong{ height:.9rem; }
.logo{ width:.62rem; height:.68rem; margin:.11rem 0 0 .3rem; }
.logo img{ display:block; width:100%; }
.headerRight{ width:.97rem; height:.9rem; position: relative; background:#060606; }
.headerRight a{ display:block; width:.32rem; height:.2rem; right:50%; top:50%; position: absolute; transform:translate(50%,-50%); }
.headerRight span{ width:.32rem; height:.03rem; background:#fff; left:0; top:0; position: absolute; border-radius:.015rem; transition:all 0.5s; }
.headerRight span:nth-child(2){ top:.08rem; }
.headerRight span:nth-child(3){ top:.16rem; }


.headerRight a.on span:nth-child(1){ transform:rotate(45deg) translate(.05rem,.05rem); }
.headerRight a.on span:nth-child(2){ transform:rotate(-45deg); }
.headerRight a.on span:nth-child(3){ opacity:0; }

.header h2{ width:5rem; left:50%; top:0; position: absolute; margin-left:-2.5rem; text-align:center; line-height:.9rem; font-weight:normal; font-size:.32rem; }
.header .headerFh{ width:.17rem; height:.32rem; left:.3rem; top:50%; position: absolute; margin-top:-.16rem; background:url(../images/fh.png) no-repeat center / cover; }


.navBg{ width:100%; height:100%; display:none; background:rgba(40,38,38,0.9); top:0; left:0; position: fixed; z-index:20; }
.nav{ width:6.55rem; height:100%; top:0; left:-100%; position: fixed; z-index:25; background:#f0f0f0; }
.nav ul{ padding:.9rem .25rem 0; }
.nav li a{ display:block; position: relative; height:.84rem; line-height:.84rem; font-size:.32rem; color:#000; border-bottom:.01rem solid #ddd; }
.nav li span{ width:.12rem; height:.2rem; right:.32rem; top:.44rem; position: absolute; background:url(../images/navJt.png) no-repeat center / cover; }
.nav .erji{ background:#fff; display:none; }
.nav .erji a{ font-size:.24rem; height:.56rem; color:#666; line-height:.56rem; padding:0 .26rem; }

.search{ width:100%; height:.9rem; top:0; left:0; position: absolute; background:#282626; }
.search .box{ padding:0 .78rem 0 .3rem;  }
.search .box input.sr{ width:100%; height:.9rem; line-height:.9rem; font-size:.24rem; background:none; color:#fff; }
.search .box .btn{ width:.26rem; height:.26rem; right:.28rem; top:50%; margin-top:-.13rem; position: absolute; background:url(../images/searchBt.png) no-repeat center / cover; }


.banner img{ width:100%; display:block; }
.bannerPagination .swiper-pagination-bullet{ width:.1rem; height:.1rem; margin:0 .03rem; background:#666; -o-opacity:1; -ms-opacity:1; -moz-opacity:1; -webkit-opacity:1; opacity:1; -o-border-radius:.05rem; -ms-border-radius:.05rem; -moz-border-radius:.05rem; -webkit-border-radius:.05rem; border-radius:.05rem; -o-transition:all 3s; -ms-transition:all 3s; -moz-transition:all 3s; -webkit-transition:all 3s; transition:all 3s; }
.bannerPagination .swiper-pagination-bullet-active{ background: #363636; width:.22rem; }

.indexNav{ width:100%; }
.indexNav li{ width:50%; height:1.18rem; background:#333; float:left; }
.indexNav li a{ height:1.168rem; display:flex; border-right:.01rem solid #999; border-bottom:.01rem solid #999; align-items: center; padding:0 0 0 .45rem; }
.indexNav li h3{ font-size:.28rem; height:.45rem; color:#fff; }
.indexNav li p{ font-size: .22rem; color:#fff; }
.indexNav li .box{ position: relative; padding:0 0 .24rem; }
.indexNav li .box::after{ content:""; left:0; bottom:0; position: absolute; width:.56rem; height:.02rem; background:#fff; }
.indexNav li:nth-child(1) a{ padding:0 0 0 .82rem; position: relative; }
.indexNav li:nth-child(1) span{ width:.4rem; height:.4rem; left:.24rem; top:.14rem; position: absolute; background:url(../images/jian.png) no-repeat center / cover; }

/*第一块*/
.index1{ padding:.3rem .24rem; position: relative; }
.index1 .left{ width:3.9rem; height:3.04rem; overflow:hidden; position: relative; }
.index1 .left img{ width:100%; display:block; }
.index1Text{ padding:.1rem .32rem .25rem .28rem; width:4.46rem; font-size:.24rem; line-height:.48rem; z-index: 10; right:.24rem; bottom:.3rem; position: absolute; background:rgba(243,243,246,0.8); overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; }
.index1Title{ width:3.06rem; height:.51rem; right:.24rem; top:.3rem; position: absolute; }
.index1Title img{ display:block; width:100%; }
.index1Title h3{ width:100%; text-align:center; bottom:0; left:0; position: absolute; }
.index1Title h4{ width:100%; display:block; }
.index1 .index1Pagination{ width:1.63rem; left:2.5rem; bottom:.42rem; position: absolute; text-align:left; z-index: 11; }
.index1 .index1Pagination .swiper-pagination-bullet{ width:.1rem; height:.1rem; opacity:1; background:#363636; border-radius:0; margin:0 .06rem 0 0; }

.index1 .index1Pagination .swiper-pagination-bullet-active{ background:#000; }

/*第二块*/
.index2{ padding:.27rem .24rem .22rem; background:url(../images/index2Bg.jpg) no-repeat center / cover; }
.indexTitle{ height:.5rem; text-align:center; position: relative; }
.index2 .indexTitle h4{ width:2.65rem; margin:0 auto; }
.indexTitle h4 img{ width:100%; display:block; }
.indexTitle h3{ text-align:center; left:50%; bottom:0; position: absolute; font-size:.32rem; transform:translateX(-50%); background:#f3f3f6; color:#000; font-weight:normal; }
.index2 .con{ display:flex; font-size:.24rem; padding:.32rem 0 0; line-height:.36rem; color:#fff; justify-content:space-between; align-items: center; }
.index2 .jt{ width:.35rem; height:.35rem; }
.index2 .jt img{ width:100%; display:block; }

/*第三块*/
.index3{ padding:.4rem 0 .65rem; background:url(../images/index3Bg.jpg) no-repeat center / cover; }
.index3 .indexTitle h4{ width:3.79rem; margin:0 auto; }
.index3 .indexTitle h3{ background:none; }

.index3 .con{ margin:0 .24rem; padding:.32rem 0 0; }
.index3 .con img{ width:100%; display:block; }
.index3 .swiper-slide{ box-shadow:0 .07rem .18rem rgba(0,0,0,0.36); }

/*第四块*/
.index4{ padding:.38rem .24rem .35rem; }
.index4 li{ height:2.05rem; }
.index4 li.li1{ width:2.83rem; }
.index4 li.li2{ width:2.32rem; }
.index4 li.li3{ width:1.87rem; }
.index4 li img,.index4 .pic img{ width:100%; }
.index4 .pic{ width:1.85rem; height:2.04rem; }
.index4 .text{ width:5.15rem; }
.index4Title{ width:.5rem; height:2.01rem; position: relative; }
.index4Title h4 img{ display:block; width:100%; }
.index4Title h3{ position: absolute; right:0; top:50%; width:auto; text-align:right; line-height:.36rem; font-weight:normal; transform:translateY(-50%); }
.index4 .nr{ width:4.45rem; writing-mode:vertical-rl; height:1.84rem; line-height:.4rem; padding:.2rem 0 0; }

/*第五块*/
.index5{ height:3.87rem; position:relative; background: url(../images/index5Bg.jpg) no-repeat center / cover; }
.index5 .con{ width:3.68rem; height:100%; top:0; left:.24rem; position: absolute; background:rgba(28,28,28,0.86); }
.index5 .box{ padding:.27rem .28rem 0; }
.index5 .nr{ font-size:.24rem; line-height: .46rem; height:1.84rem; color:#fff; padding:.22rem 0 0; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; }
.index5 .bot{ font-size:.18rem; line-height:.26rem; padding:.1rem 0 0; text-align:center; color:#fff; }
.index5 .bot p:nth-child(1){ padding:0 0 .12rem; }

/*第六块*/
.index6{ padding:.37rem .24rem; background:url(../images/index6Bg.jpg) no-repeat left top / 100% auto; }
.index6 .con{ background:#5e5e5e; }
.index6R{ margin:.02rem; }
.index6R .pic{ width:3.01rem; height:3.01rem; border:.03rem solid #fff; }
.index6R .pic img{ width:100%; display:block; }
.index6L{ width:3.9rem; }
.index6L .text{ height:2.43rem; overflow:hidden; }
.index6L .nr{ color:#fff; writing-mode:vertical-rl; width:3.06rem; height:2.14rem; padding:.18rem 0 0; line-height:.46rem; }
.index6Title{ width:.6rem; height:2.43rem; margin:0 0 0 .08rem; position: relative; }
.index6Title h4{ width:.52rem; height:3.71rem; }
.index6Title h3{ line-height:.32rem; position: absolute; left:0; top:50%; width:.34rem; height:1.95rem; transform:translateY(-50%); }
.index6 ul{ width:100%; height:.69rem; background:#000; }
.index6 li{ width:.69rem; height:.69rem; margin:0 .14rem 0 0; float: left;}
.index6 li img{ display:block; width:100%; }

/*第七块*/
.index7{ padding:.25rem .24rem .21rem; background:url(../images/index7Bg.jpg) no-repeat center / cover; }
.index7 .bigPic{ width:2.21rem; height:2.74rem; }
.index7 .bigPic img{ display:block; width:100%; }
.index7 .text{ width:4.25rem; margin:0 .28rem 0 0; }
.index7 .text h4{ width:3.23rem; margin:0 auto; }
.index7 .text .nr{ font-size:.24rem; color:#fff; line-height:.46rem; padding:.25rem 0 0; }
.index7 .bot{ width:4.4rem; margin:0 auto; background:#000; }
.index7 .bot ul{ padding:.1rem .15rem; }
.index7 .bot li{ width:1.25rem; height:.92rem; margin:0 .16rem 0 0; float: left;}
.index7 .bot li:last-child{ margin-right:0; }
.index7 .bot img{ display:block; width:100%; }

/*第八块*/
.index8{ padding:.38rem .24rem .36rem; }
.index8 .indexTitle h4{ width:2.67rem; margin:0 auto; }
.index8 .indexTitle h3{ background:none; }
.index8 .con{ padding:.25rem 0 0; }
.index8 ul{ width:3.85rem; }
.index8 li{ width:1.84rem; height:1.7rem; background:#f3f3f6; float:left; margin:0 .14rem .14rem 0; }
.index8 li .pic{ width:100%; height:1.3rem; overflow: hidden; }
.index8 li img,.index8 .bigli img{ width:100%; display:block; }
.index8 li h3{ padding:0 .1rem; height:.4rem; text-align:center; line-height:.4rem; font-weight:normal; font-size:.2rem; color:#555555; }
.index8 li:nth-child(2n){ margin-right:0; }
.index8 .bigli{ width:3.07rem; height:3.53rem; background:#f3f3f6; }
.index8 .bigli .bigPic{ width:100%; height:1.79rem; overflow: hidden; }
.index8 .bigli .text{ padding:.18rem .3rem 0 .25rem; font-size:.24rem; line-height:.36rem; color:#555; }
.index8 .bigli .text p{ height:1.44rem; overflow: hidden; }

/*第九块*/
.index9{ padding:.28rem .24rem .19rem; background:#f3f3f6; margin:0 0 .35rem; }
.index9 h4{ width:4.79rem; margin:0 auto; }
.index9 .swiper-slide .pic,.fwps1 .swiper-slide .pic{ width:1.23rem; height:1.23rem; border-radius:50%; overflow: hidden; transform:scale(0.8); }
.index9 .swiper-slide img,.fwps1 .swiper-slide img{ width:100%; display:block; }
.index9 .swiper-slide h3,.fwps1 .swiper-slide h3{ font-size: .2rem; color:#333; font-weight:normal; text-align:center; line-height:.38rem; }
.index9 .swiper-slide.swiper-slide-active .pic,.fwps1 .swiper-slide.swiper-slide-active .pic{ transform:scale(1); }
.index9 .con,.fwps1 .con{ margin:.3rem 0 0; padding:0 .4rem; position: relative; }
.index9Prev{ width:.33rem; height:.34rem; left:0; top:50%; margin-top:-.17rem; background:url(../images/index9Left.png) no-repeat center / cover; }
.index9Next{ width:.33rem; height:.34rem; right:0; top:50%; margin-top:-.17rem; background:url(../images/index9Right.png) no-repeat center / cover; }

/* 第十块*/
.index10{ padding:.26rem .24rem; position: relative; background:url(../images/index10Bg.jpg) no-repeat center / cover; }
.index10Title{ width:3.31rem; height:.51rem; position: relative; }
.index10Title h4 img{ width:100%; display:block; }
.index10Title h3{ position: absolute; left:.56rem; bottom:0; background:#fff; font-weight:normal; }
.index10 ul{ padding:.36rem 0 0 .22rem; }
.index10 li{ width:1.9rem; cursor:pointer; height:.5rem; margin:0 0 .23rem; line-height:.5rem; text-align:center; font-size:.24rem; background:#656566; }
.index10 li.on{ background:#313131; }
.index10 li a{ color:#fff; display:block; }
.index10 .picBox{ width:2.44rem; height:2.78rem; position: absolute; left:2.9rem; top:.58rem; }
.index10 .picBox img{ width:100%; display:block; }
.index10 .picBox .swiper-container{ display:none; }

/*第十一块*/
.index11{ padding:0 .24rem .28rem; }
.index11 .con{ padding:.4rem 0 0; position: relative; }
.index11 .swiper-slide a{ display:block; padding:.15rem .15rem .18rem; }
.index11 .swiper-slide h3{ font-size:.24rem; line-height:.24rem; height:.37rem;  color:#333;}
.index11 .swiper-slide .date{ font-size:.14rem; color:#a8a5a5; }
.index11 .swiper-slide .nr{ font-size:.18rem; color:#a8a5a5; line-height:.24rem; height:.96rem; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; }
.index11 .swiper-slide .pic{ width:2.97rem; height:1.76rem; overflow: hidden; padding:.17rem 0 0; }
.index11 .swiper-slide img{ display:block; width:100%; height: 100%;}
.index11 .con .index11Prev{ width:.73rem; height:.37rem; margin-top:0; top:0; left:auto; right:.83rem; background:url(../images/index11Left.jpg) no-repeat center / cover; }
.index11 .con .index11Next{ width:.73rem; height:.37rem; margin-top:0; top:0; left:auto; right:0; background:url(../images/index11Right.jpg) no-repeat center / cover; }

.footer{ background:#282626; padding:.33rem 0 0 .14rem; }
.footer h2{ width:1.01rem; height:1.09rem; margin:0 auto; }
.footer h2 img{ display:block; width:100%; }
.footer ul{ display:flex; justify-content:center; padding:.34rem 0 .15rem; }
.footer li{ width:1.38rem; text-align:center; font-size:.2rem; }
.footer li a{ color:#fff; }
.footer li .icon{ width:.68rem; height:.68rem; margin:0 auto; }
.footer li img{ width:100%; display:block; }
.footer li p{ line-height:.44rem; }

.copy{ text-align:center; background:#000; color:#fff; line-height:.36rem; padding:.16rem 0; }
.products_x {
    background: 
    #f1f1f1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 18px 50px 36px 50px;
}
.products_x ul li {
    font-size: 16px;
    margin-top: 12px;
}
.products_x ul{
	width: 30%;
}