html,body{position:relative;height:100%;color:#333;font:.24rem "microsoft yahei";background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,blockquote,th,td,hr,button,footer,header,menu,nav,section{margin:0;padding:0;}
h1,h2{font-weight:bold;}em,i{font-style:normal;}a{text-decoration:none;}b,strong{font-weight:bold;}
img{border:none;width:100%;display:block;}ul,li{list-style:none;}.fl{float:left;}.fr{float:right;}body{max-width:7.5rem;margin:0 auto}
.cl{clear:both;}.cl:after{content:".";visibility:hidden;height:0;font-size:0;display:block;clear:both;}.of{overflow: hidden;}
.center{text-align:center;}.pr{position:relative;}.mgt30{margin-top:.3rem;}.mgt20{margin-top:.2rem;}
p.indent{text-indent: 2em;line-height: .4rem}
.mgb40{margin-bottom: .4rem}
.mgb20{margin-bottom: .2rem}
.tag-text li b,.tag-text li:before,.p04 .p04-list li:before,.line{display: inline-block;vertical-align: middle;}
.skim{display: none!important;}
.swiper-container{width:100%;height:100%;}
.swiper-slide{position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-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{position:static!important;}
.content{width:94%;overflow:hidden;margin: -4.8rem auto -3rem;}
.content h4{font-weight: 400;font-size: .28rem;text-align: center;}

.tit{position: relative;text-align: center;background: url(img/bgtit.jpg) center no-repeat;background-size: 100%;}
.tit h2{font-size: .40rem;color: #212121;line-height: 0.7rem;letter-spacing: 0.02rem;}

/* .tit:before{content: '';position: absolute;left: 0;top:0;bottom: 0;margin: auto 0;width: 100%;height: .09rem;} */
.tita:before{background-position: 0 -.17rem;background-size: 6.9rem .26rem;}
.titb:before{background-position: 0 -.09rem;background-size: 6.9rem .26rem;}
/*music*/
@-webkit-keyframes myrotate {0% { -webkit-transform:rotate(0deg);}100% { -webkit-transform:rotate(-360deg);}}
.bgm-btn{ position:absolute; top: 60px; right:16px; width: 30px; height: 30px; background-size: 100%; background-image: url("img/music.png"); z-index: 10; -webkit-animation: myrotate 5s linear 0s infinite normal;}
.bgm-btn.mut{ background-position: 0px -30px; -webkit-animation: none;}
/*单页背景*/
.bg1{background: url(img/bg1.png) left bottom no-repeat;background-color: #fff;background-size: 120%;}
.bg11{background: url(img/bg11.jpg) no-repeat;background-size: cover;}

.bg3{background: url(img/bg3.jpg) no-repeat;background-size: cover;}
.bg4{background: url(img/bg4.jpg) no-repeat;background-size: cover;}
.bg5{background: url(img/bg5.jpg) no-repeat;background-size: cover;}
.bg10{background: url(img/10bg.jpg) no-repeat;background-size: cover;}
.index{background:url(img/index_bg.jpg) no-repeat center center;background-size:cover;}

.index .content{margin-left:0.87rem; }
.index .logo{width: 2.17rem;margin: 0 auto}
.index .text{width: 6.38rem;margin: .5rem auto 0}
.index .katong{width: 3.16rem;margin: 0.15rem auto 0;}
.index .lead{line-height: .4rem;color: #fffefe;text-indent: 2em;text-align: justify;font-size: 0.22rem;padding: 0 10px;box-sizing: border-box;}


.p01 .content h4{padding-bottom: 0.25rem;font-size: 0.2rem;color: #3f3d3e;letter-spacing: 0.04rem;}
.p01 .p01-list{color:#fff;}
.p01 .p01-list .left{background: url(img/p1-libg.jpg) no-repeat;width: 3.44rem;height: 2.63rem;background-size:100%;float: left;margin-right: 0.15rem;padding-top: 4px; box-sizing: border-box;;text-align: center;}
.p01 .p01-list .right{background: url(img/p1-libg2.jpg) no-repeat;width: 3.44rem;height: 2.63rem;background-size:100%;float:left;padding-top: 4px;box-sizing:border-box;;text-align: center;}
.p01 .p01-list h3{margin:.36rem auto;font-size:.28rem;font-weight: 700;margin-top:.6rem;}
.p01 .p01-list p{font-size: 0.24rem;}
.p01 .text p{text-indent: 2em;line-height: 0.4rem;font-size:0.24rem;color: #333; margin-bottom: 0.1rem;}.p01 .text{padding-top: 0.4rem;}
.p01 .slide1 {width:70%;float:right;overflow: hidden;position: relative;}
.slide1 .pagination{ position: absolute;bottom: 0;right: 0;z-index: 1;padding-left: 35%}
.slide1 .pagination .swiper-pagination-bullet{border: 1px solid #f2f2f2; border-radius: 50%;margin-right: 0.35rem;}.slide1 .pagination .swiper-pagination-bullet-active{border: 1px solid #ead49b;background-color: #ead49b;}
.p011 .content ul{margin-left: 10px;}
.p011 .content ul li{height: 2rem;font-size: 0.2rem;color: #fff;float: left;width: 2.25rem;padding-left: 0.07rem;box-sizing: border-box}.p011 .content ul li b{font-size:0.75rem;color: #ead49b; font-weight: 700;font-family: 'Impact';}
.p011 .content ul li:last-child b,.p011 .content ul li:nth-child(11) b{font-size: 0.45rem;} 
.p011 .content ul li:nth-child(3n),.p011 .content ul li:nth-child(3n-1){padding-left: 0.2rem;}

/*p02 产品三大核心系列 图片页*/
.p02 .tit,.p022 .tit,.p03 .tit,.p033 .tit {background:url(img/p02-tit.jpg) center center no-repeat;background-size: 100%;}
.p02 .p02-pic{text-align: center;margin: 0.55rem -0.1rem 0 0;}
.p02 .p02-pic li{float: left;width: 31%;margin:0.06rem;position: relative; }
.p02 .p02-pic li div{width: 2.23rem;height: 1.86rem;position: absolute;bottom: 0;background-color: rgba(3,0,0,0.3);text-align: center;font-size:0.2rem;color: #fffefe;}
.p02 .p02-pic li div p{width: 0.52rem;height: .62rem;border-bottom: .04rem solid #ead49b;font-size: .475rem;line-height: 0.5rem;margin:0 0 7% 36%;font-family: 'Impact';}
.p02 .p02-pic li div b{font-size: .28rem;}
.p02 .p02-pic .p02-spe{margin-left:60px; }

.p022 .slide3>.swiper-wrapper>.swiper-slide,.p033 .m-text>.swiper-wrapper>.swiper-slide{flex-direction: column;/*margin-right: 0.01rem;*/}
.p022  .slide3{width: 100%;}
.p022 .m-text,.p033 .m-text{height:3.7rem;box-sizing: border-box;overflow: hidden;color: #333;;font-size: 0.24rem;line-height: 0.4rem;margin: 0.4rem auto;}
.p022 .text-tit{margin: -0.88rem 0 0 0;z-index: 222;width: 75%;position: relative;}
.p022 .mgtp{margin-top: -0.92rem;width: 66.5%;}
.p022 .m-text p{padding:0 0.5rem}.p022 .m-text ul{margin:0.2rem 0 0.2rem 0.52rem;}
.p022  .m-text b{font-size: 0.24rem}
.p022 .m-text .swiper-slide{height: auto;overflow: hidden;}

.p022  .m-text ul li img{width:0.21rem;display: inline;}
.p022 .img{width: 100%;}
.slide3 .pagination3{position: absolute;bottom: 5%;z-index:1;left: 85%;color: #fff;font-size: 0.216rem;}
.slide3 .pagination3 .swiper-pagination-current {color:#d6b575;font-size: 0.312rem; }
.slide3 .paginationpoint{position: absolute;bottom: 3%;z-index:2;}

/* .slide3 .pagination3 .swiper-pagination-current::before{content: "0";} */
.swiper-scrollbar-drag {width: .1rem;background: #ec5c44;left: -0.044rem;}
.swiper-container-vertical > .swiper-scrollbar {position: absolute;right: 5px;z-index: 50;width: 1px;height: 100%;top:0.5rem;}

/*p03 四大核心工艺技术*/
.p03 .content ul li{float: left;width: 3.51rem;position: relative;}
.p03 .content ul div{width:3.51rem;height: 4.12rem;position: absolute;bottom: 0;text-align: center;font-size:0.2rem;color: #fffefe;}
.p03 .content ul li div p{width: 0.68rem;height: .8rem;border-bottom: .06rem solid #ead49b;font-size: .62rem;margin:20% 0 0 1.344rem;;line-height: 0.6rem;margin-bottom: 7%;font-family: 'Impact';}
.p03 .content ul li div b{font-size: .32rem;}
.p03 .content ul li div img{width: 25%;margin:7% 0 0 1.21rem;;}


.p033 .num_s{flex-direction: row;}
.p033 .num_s li{background: url(img/p33hd.png) center center no-repeat;background-size: 100%;float: left;height:1.72rem;width: 1.63rem;margin-right: 0.122rem;color: #fff;font-size: 0.24rem;box-sizing: border-box;padding-top: 2px;text-align: center;}.p033 .num_s li p{font-weight: 700;}
.p033 .num_s li h3{font-size: 0.5rem;font-weight: 400;line-height: 0.8rem;font-family: 'Impact';}
.p033 .num_s li img{width: 87%;}
.p033 .num_s li.on{background: url(img/p33hdon.png) center center no-repeat; background-size: 100%}
.p033 .slider_s li img{width: 7.02rem;border-radius: .3rem 0 .3rem 0;}
.p033 .slider_s  .bd{width: 7.02rem;overflow: hidden;}.p033 .bd .slider_s li{padding-left: 0.0175rem;box-sizing: border-box}
.p033 .slide3{width: 100%;}
.p033 .m-text,.p033 .m-text{height:3.9rem;box-sizing: border-box;overflow: hidden;color: #333;;font-size: 0.24rem;line-height: 0.4rem;}

.p033 .slide4 .p033-spcul{margin-right: 2.27rem;}
.p033 .m-text p,.p022 .slide2 .m-text ul{text-indent: 2em; padding-right: 0.1rem;}
.p033 .m-text b{font-size: 0.24rem;margin: 0.2rem auto; display: block;}
.p033  .m-text .swiper-slide{height: auto;}

.p09 .tit{position: relative;text-align: center;background: url(img/end-tit.jpg) center no-repeat;background-size: 100%;}
.p09 .end-pic{width: 6.9rem;height: 3.3rem;margin: .3rem 0 .3rem;box-shadow: 6px 9px 7px #21212138;border-radius: 17px 0 20px 0;}
.p09 p{text-align: left;line-height: .4rem;text-indent: 2em;}
.p09 .p09-spc{margin: 0.2rem 0 0 0;background: url(img/p09bg.jpg) center bottom no-repeat; height:2.72rem;background-size: 100%; padding-left: 1.7rem;box-sizing: border-box;}
.p10 ul{margin-left: 0.2rem;}
.p10 ul li{float: left;width:3.4rem;text-align: left;color: #fff;font-size: 0.24rem;box-sizing: border-box;margin-bottom: 0.6rem;line-height: 0.36rem;padding-left: 0.2rem;border-left: 1px solid rgba(45,45,45,1);}
.p10 ul li h3{color: #e7cb95;font-weight: 700;margin: 0.2rem auto 0.06rem;}
.p10 ul li:nth-child(3),.p10 ul li:nth-child(4){height: 2.9rem;}
.p10 .tit{background: url(img/p10-tit.png) center center no-repeat;background-size: 100%;height: 1.75rem;}

.team{color: #333;}.team .tit{background: url(img/team.jpg) center center no-repeat;background-size: 100%;}
.team-main{text-align:center;clear: both;}.team-main h2{font-size:.36rem;color:#333;margin:.3rem 0;}
.team-main dl{clear: both;width: 100%;box-sizing: border-box;}
.team-main dl dt,.team-main dl dd{float: left;width: 45%;margin: 0 .1rem .05rem 0;}
.team-main dl dt{text-align: right;}
.team-main dl dd{text-align: left;width: 51%;}
.team-main p{color:#333;text-align:center;line-height:.5rem;font-size:.26rem;}
.team-image{width:3.75rem;display:inline-block;margin-top:.4rem;}

.team{text-align:center;}.team .title-img{width:4.06rem;}.team .code{width:1.72rem;}
.company{width:1.78rem;margin-right:.4rem;text-align:center;}
.company >img{width:1.55rem;display:inline-block;}.gz_nav{margin-top:.1rem;}
.follow{display:flex;align-items:center;justify-content:center;margin:.2rem 0;}
.mzsm{margin:.2rem 0;padding:0 .2rem;}
.mzsm h2{font-size:.41rem}.mzsm p{font-size:.24rem;color:#333;line-height:.48rem;text-align: left;text-indent: 2em;}
.mzsm h2 b{color: #ec5c44}
footer{display: none;}


@-webkit-keyframes start{
    0%,30%{opacity:0;-webkit-transform:translate(0,10px);}
    60%{opacity:1;-webkit-transform:translate(0,0);}
    100%{opacity:0;-webkit-transform:translate(0,-8px);}
}
@-moz-keyframes start{
    0%,30%{opacity:0;-moz-transform:translate(0,10px);}
    60%{opacity:1;-moz-transform:translate(0,0);}
    100%{opacity:0;-moz-transform:translate(0,-8px);}
}
@keyframes start{
    0%,30%{opacity:0;transform:translate(0,10px);}
    60%{opacity:1;transform:translate(0,0);}
    100%{opacity:0;transform:translate(0,-8px);}
}