@charset "utf-8";

body{ background: #f0f1f3; padding-top: .9rem;
}

.top{ width: 100%;position: fixed; top: 0; left: 0; z-index: 99;  background: #fff; height: .9rem; border-bottom: .02rem solid #c8cacf;}
.top .logo{ float: left; height: 100%; width: 2.5rem;}
.top .logo img{ display: block; width: 100%; height: 100%;}
.top .nav{ float: left;}
.top .nav ul{ overflow: hidden;}
.top .nav ul li{ float: left; margin-right: .6rem; height: .86rem; line-height: .86rem;}
.top .nav ul li a{font-size: .28rem;font-weight: 700;color: #7f7f7f;}
.top .nav ul li.on{ border-bottom: .04rem solid #ff0000;}
.top .nav ul li.on a{color: #FF0000;}
.top .sideClick{ float: right; width: .9rem; height: .9rem; position: relative;}
.top .sideClick img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: .39rem;}
.banner{position: relative;position: relative;overflow: hidden;height: 7.5rem;}
.banner img{display: block;/* width: 100%; */height: auto;position: relative;overflow: hidden;height: 7.5rem;}
/* --------------index-start-------------- */

.banner .swiper-pagination{ width: 100%; bottom: .15rem;}
.banner .swiper-pagination span{ background: #fff; margin: 0 .07rem;}

.details{ width: 100%;}
.details .layer1{ width: 100%; padding: 0 .35rem; box-sizing: border-box; background: #fff; margin-bottom: .2rem;}
.details .layer1 .tit{padding: .2rem 0;font-size: .36rem;line-height: .56rem;color: #333;}
.details .layer1 ul{width: 100%;overflow: hidden;/* padding-bottom: .2rem; */}
.details .layer1 ul li{width: 50%;float: left;font-size: .36rem;font-size: 19px;color: #FF0000;}
.details .layer1 ul li p{font-size: .26rem;color: #666;padding-top: .1rem;}
.details .layer1 h2{line-height: .6rem;border-bottom: .02rem solid #f0f0f0;font-size: .24rem;color: #666;}
.details .layer1 h3{width: 100%;height: 1rem;line-height: 1rem;font-size: .28rem;color: #9c9c9c;}
.details .layer1 h3 p{width: 1.5rem;color: #333;display: inline-block;font-size: .28rem;font-weight: 700;}
.details .layer1 h3 span{ display: inline-block; float: right; font-size: .26rem;}
.details .layer1 a{color: #6f6f6f;font-weight: 700;font-size: 14px;}
.details .layer2{ margin-bottom: .2rem; background: #fff; width: 100%; padding: 0 .35rem; box-sizing: border-box;}
.details .layer2 .layer2Top{border-bottom: .02rem solid #f7f7f7; padding: .4rem 0; width: 100%; height: .88rem; overflow: hidden;}
.details .layer2 .layer2Top img{/* float: left; */display: block;width: 4.5rem;height: .88rem;}
.details .layer2 .layer2Top span{height: .88rem;float: right;line-height: .88rem;}
.details .layer2 .layer2Top span a{color: #333;display: inline-block;vertical-align: middle;width: 1.5rem;height: .7rem;border-radius:.08rem;border: .02rem solid #75787e;text-align: center;line-height: .7rem;font-size: .26rem;}
.details .layer2 .layer2Top .left{width: 5rem;float: left;overflow: hidden;}
.details .layer2 .layer2Top .left .icon{ height: .9rem; width: 1.3rem; float: left;}
.details .layer2 .layer2Top .left .icon img{ height: 100%; width: auto; display: block;}
.details .layer2 .layer2Top .left .text{float: left;width: calc(100% - 1.3rem);font-size: .32rem;line-height: .48rem;color: #333;}
.details .layer2 .layer2Top .left .text img{display: inline-block;/* margin-right: .1rem; */height: .3rem;width: auto;}
.details .layer2 .layer2Top .left .text p{ font-size: .26rem; color: #999; display: inline-block;}
.details .layer2 .layer2Bottom{ width: 100%; height: 1.5rem; }
.details .layer2 .layer2Bottom ul{ overflow: hidden;}
.details .layer2 .layer2Bottom ul li{padding-left:.38rem; background: url(../images/a2_09.jpg) left center no-repeat; float: left; line-height: 1.5rem; margin-right: .2rem; background-size:.3rem auto; font-size: .24rem; color: #333;}
.details .layer2 .layer2Bottom ul li img{ display: inline-block; vertical-align: middle; height: .28rem; width: auto;}
.details .layer2 .layer2Bottom ul li:first-child{ background: none; padding-left: 0;}
.details .layer2 .layer2Bottom ul li:last-child{ float: right; padding: 0; background: none; font-size: .24rem;}

.details .layer3{padding-bottom: .2rem; width: 100%; background: #fff; line-height: 1rem; margin-bottom: .2rem;}
.details .layer3 h2{ padding: 0 .35rem; box-sizing: border-box; font-size: .36rem; color: #333;}
.details .layer3 .swiper-container{ width: 100%; padding-left: .35rem; box-sizing: border-box;}
.details .layer3 .nr .text h3{padding: .15rem 0;font-size: .28rem;color: #333;line-height: .4rem;height: .8rem;overflow: hidden;}
.details .layer3 .nr .text p{line-height: .3rem; font-size: .3rem; color: #FF0000;}
.details .layer4{ margin-bottom: .2rem; background: #fff; box-sizing: border-box; width: 100%; padding: 0 .35rem;}
.details .layer4 img{ display: block; margin: .2rem 0; width: 100%; height: auto;}
.details .layer4 h2{line-height: .32rem;line-height: .9rem;color: #333;}
.details .layer4 p{ text-indent: .6rem; font-size: .28rem; line-height: .56rem; color: #333;}
.details .layer4 a{display: block;width: 100%;line-height: .8rem;border-top:.02rem solid #F7F7F7;font-size: .28rem;color: #333;font-weight: bold;}
.details .layer4 a span{ display: inline-block; float: right; height: .8rem; line-height: .8rem;}
.details .layer4 a span img{ display: inline-block; vertical-align: middle; height: .28rem; width: auto;}
.details .layer4 .more{ width: 100%; height: 1.5rem; font-size: .28rem; color: #FF0000; text-align: center; padding-top: 1rem; box-sizing: border-box; background:linear-gradient( rgba(255,255,255,0) , rgba(255,255,255,0.7) 30%, rgba(255,255,255,1)); margin-top: -1rem; position: relative; z-index: 1;}

.details .layer5{ width: 100%; padding: 0 .35rem; box-sizing: border-box; background: #fff; margin-bottom: .2rem;}
.details .layer5 .tit{ line-height: .32rem; line-height: .9rem; color: #333;}
.details .layer5 ul{ overflow: hidden;}
.details .layer5 ul li{ width: 49%; float: left; margin-right: 2%; margin-bottom: .2rem;}
.details .layer5 ul li:nth-child(2n){ margin-right: 0;}
.details .layer5 ul li .icon{ width: 100%; height: 3.35rem;}
.details .layer5 ul li .icon img{ display: block; width: 100%; height: 100%;}
.details .layer5 ul li .text{ width: 100%;}
.details .layer5 ul li .text h2{ line-height: .6rem; font-size: .28rem; color: #333;}
.details .layer5 ul li .text p{ font-size: .22rem; color: #666; padding-bottom: .15rem;}
.details .layer5 ul li .text span{ font-size:.35rem; color: #FF0000;}
.details .layer6{ width: 100%; padding: 0 .35rem; background: #fff; margin-bottom: .2rem; box-sizing: border-box;}
.details .layer6 .tit{ line-height: .32rem; line-height: .9rem; color: #333;}
.details .layer6 ul{ width: 100%; overflow: hidden;}
.details .layer6 ul li{ width: 32%; margin-right: 2%; margin-bottom: .2rem; float: left;}
.details .layer6 ul li:nth-child(3n){ margin-right: 0;}
.details .layer6 ul li a{ display: block; width: 100%; border-radius:.08rem; height: .74rem; background: #f5f5f5; text-align: center; line-height: .74rem; font-size: .28rem; color: #333;}
.details .layer7{ width: 100%; padding:.3rem .35rem; box-sizing: border-box; background: #fff; margin-bottom: .2rem;}
.details .layer7 img{ display: block; width: 100%; height: auto;}
.details .layer8{ background: #fff; padding: .35rem .35rem 1.5rem .35rem; box-sizing: border-box;}
.details .layer8 h2{ font-size: .22rem; color: #999;}
.details .layer8 ul li{ font-size: .22rem; line-height: .36rem; color: #999;}
.details .layer8 ul li span{ display: inline-block; margin-right: .1rem; font-size: .28rem; font-weight: bold; color: #999;}
.footer{background: #fff;padding: .2rem .3rem;width: 100%;left: 0;bottom: 0;position: fixed;z-index: 99;box-sizing: border-box;}
.footer ul{overflow: hidden;display: flex;flex-direction: row;justify-content: flex-end;}
.footer ul li{/* float: left; */float: right;width: 42%;margin-right: 1%;padding-left: 2%;}
.footer ul li:last-child{ margin-right: 0;}
.footer ul li a{display: block;width: 100%;height: .74rem;text-align: center;line-height: .7rem;font-size: .26rem;border: .02rem solid #ef2222;box-sizing: border-box;color: #ef2222;border-radius:.08rem;}
.footer ul li:last-child a{color: #fff;background:#ef2222;}

.zz{display: none; width: 100%; height: 100vh; background: rgba(0,0,0,0.8); z-index: 998; position: fixed; top: 0; left: 0;}
.indexFixed{  transition: 0.5s; width: 100%; background: #fff; position: fixed; left: 0; bottom: -100%; border-radius:.15rem .15rem 0 0; z-index: 999; padding-bottom: .25rem;}
.indexFixed h2{ height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: .38rem; color: #333; border-bottom: .02rem solid #f0f0f0; position: relative;}
.indexFixed h2 span{ height: 1.2rem; line-height: 1.2rem; font-size: .3rem; color: #333; position: absolute; right: .3rem; top: 0;}
.indexFixed ul{ width: 100%; padding: 0 .35rem; box-sizing: border-box;}
.indexFixed ul li{ width: 100%; overflow: hidden; height: .84rem;border-bottom: .02rem solid #f0f0f0; line-height: .84rem; font-size: .26rem; color: #333;}
.indexFixed ul li span{ display: inline-block; width: 2.65rem; float: left; color: #848484; font-size: .26rem;}
.indexFixed button{ width: 6.9rem; margin:.25rem auto 0 auto; height: .74rem; background: #ef1f1f; color: #555; border-radius:.08rem ; font-size: .26rem; color: #fff; outline: none; border: none; display: block;}