html{color:#333;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;font-size: 62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
h1,h2{ font-weight:bold}
em,i{ font-style:normal}
a{text-decoration:none;}
img{border:none; width:100%; display:block}
body{max-width: 7.5rem;margin:0 auto;}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{ position:relative}
.u-topbar {position: fixed;top: 0;z-index: 9999;width: 100%;}
strong{font-weight:bold}
.mgt50{margin-top: .1rem;}
.mgt90{margin-top: .4rem;}
.mgb30{margin-bottom: .15rem;}
.mgt20{margin-top: .2rem;}

.bg{background: url(img/bg.jpg) no-repeat;background-size: 100% 100%;}
.bg1{background: url(img/bg1.jpg) no-repeat;background-size: 100% 100%;}
.bg2{background: url(img/bg2.jpg) no-repeat;background-size: 100% 100%;}
/*公共样式*/
.title{text-align: center;color: #fff;padding-bottom: .15rem;position: relative;}
.title em{background: #fff;border-radius: 100%;display: inline-block;padding:.1rem .15rem;font-size: .35rem;font-weight: bold;color: #d91927;}
.title h2{display: inline-block;border-bottom: 1px solid #fff;padding-bottom: .1rem;font-size: .4rem;margin-left: .1rem;}
.titleb h2{color: #222;border-bottom: 1px solid #222;}
.titleb em{background: #d5000f;color:#fff}



.product{width:5rem;margin:.2rem auto 0;}
.content{box-sizing: border-box;margin: 44px auto 0 auto;width:94%;position: relative;overflow: hidden;}
.content p{text-indent: 2em;line-height: .4rem;box-sizing: border-box;padding:0 .2rem;border-radius: .2rem;color: #fff;}
html, body {position: relative; height: 100%;}
body {background: #fff;font-size:0.24rem;color:#333;}
.swiper-pagination{bottom: -.05rem!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; }

/*封面*/
.cover{width: 100%}
.cover-img1{width:6.27rem;margin:0 auto;}
.cover-img2{width:6.69rem;margin:.4rem auto;}

/*导语*/
.nav-title{text-align: center;}
.nav-title em{background: #d5000f;border-radius: 100%;display: inline-block;padding:.1rem .15rem;font-size: .35rem;font-weight: bold;color: #fff;}
.nav-title strong{display: block;text-transform: uppercase;font-size: .2rem;color: #222;}
.nav-title .border{display: inline-block;vertical-align: middle;width:.46rem;height:.02rem;background: #d5000f;}
.nav-text{margin-top:.4rem}
.nav-text p{font-size:.24rem;color:#222;padding:0 .5rem;text-align:justify;line-height:.5rem}

/*讲解视频*/
.video{background:url(img/video_bg.png) no-repeat;background-size: 100% 100%;padding-bottom: .2rem;padding-right: .1rem;height: 4.6rem;}

/*臻艺术*/
.p2 dl{padding:0 .1rem;margin-top: -8%;}
.p2 dl dt{line-height: .4rem;background: #d5000f;display: inline-block;color: #fff;font-weight: bold;width: 1.15rem;height: 1.67rem;box-sizing: border-box;padding: .4rem .2rem .2rem .2rem;position: relative;}
.p2 dl dt span{display: inline-block;width: .4rem;}
.line{position:absolute;left: .175rem;bottom: .2rem;}
.p2 dl dt span.s1{border-top: 1px solid #000000;}
.p2 dl dt span.s2{border-top: 1px solid #fff;}
.p2 dl dd{vertical-align: middle;display: inline-block;width: calc( 100% - 1.5rem );margin-left: .2rem;}
.p3 p{background: #d5000f;border-radius: 5px;padding:.15rem;color: #fff;}
.p4 .tab,.p3 .tab{text-align: center;}
.p4 .tab .num_s li{border: 1px solid #d5000f;display: inline-block;margin:0 .15rem;width: .22rem!important;height: .22rem;border-radius: 100%;}
.p4 .tab .num_s li.on{width: .53rem!important;height: .22rem!important;border-radius: 10px;background: #d5000f;}
.p4 .mgb30{background:#d5000f;padding:.2rem}

.p2 .tab ul{top: -20px;display:flex;align-items:center;justify-content:center;width: 100%;}
.p2 .tab ul li{flex:1;text-align:center;height:.8rem;line-height:.8rem;border:1px solid #d5000f;margin:.2rem .02rem;border-radius:.1rem;color:#d5000f}
.p2 .tab ul li.on{background: #d5000f;color:#fff}
.p2 p{background: #d5000f;border-radius: 5px;padding: .07rem .15rem;color: #fff;}
.p2 .mgb30 b{text-decoration: underline;}
.p2 .judge-article h2{padding: .1rem 0 .05rem 0;font-size: .3rem;text-align:center;background:url("img/title-bottom.jpg") no-repeat center bottom;background-size:.8rem .02rem;}
.p2 .judge-article p{background:#eee;color:#333;padding: .05rem .15rem .1rem 0;}
.p2 .judge-article p b{color: #d5000f}
.judge-images,.judge-content1,.judge-main{position:relative;}
.judge-content1{width:6rem;overflow: hidden;position: relative;z-index: 999;padding-bottom: .3rem;}
.judge-images{width:6rem;overflow: hidden;position: relative;z-index: 999;}
.judge-content1 .swiper-slide,.judge-images .swiper-slide{width:6rem;padding-bottom: .1rem;}
.judge-main{padding-top:.7rem;}
.judge-main>.swiper-wrapper>.swiper-slide{flex-wrap: wrap;}
.pagination{top:0;display:flex;z-index: 0;}
.pagination .swiper-pagination-bullet{display:block;height:.5rem!important;line-height:.5rem;flex:1;border-radius:.1rem;opacity:1;background:transparent;color:#d5000f;margin: 0 .02rem !important;font-size: .22rem;}
.pagination .swiper-pagination-bullet-active{color:#fff}
.swiper-pagination .swiper-pagination-bullet {width:.22rem;height:.22rem;border:1px solid #d5000f;}
.swiper-pagination .swiper-pagination-bullet-active{background:#d5000f;}
.pagina{display: none;}

/*真安全*/
.p3 .tab .num_s{display: inline-block;}
.p3 .tab .num_s li{color: #fff;border-radius: 5px;width: 1.2rem;height: 1.2rem;border: 1px solid #fff;text-align: center;float: left;display:table;box-sizing: border-box;margin:0 .05rem;}
.p3 .tab .num_s li.on{background: #fff;color: #d5000f;}
.p3 .tab .num_s li.on span{font-weight: bold;}
.p3 .tab .num_s li span{display:table-cell;vertical-align:middle;}

.security-content,.security-main{position:relative;}
.security-content,.security-images{width: 100%;overflow: hidden;position: relative;z-index: 999;padding-bottom: .6rem;padding-top: .8rem;}
.security-content .swiper-slide{justify-content: flex-start;padding-bottom: .4rem;}
.security-main{padding: 1rem 0 .6rem 0;}
.security-main>.swiper-wrapper>.swiper-slide{justify-content: flex-start;overflow: auto!important;height: 4.6rem;}
.security-img{width: 66.5%;float: left;}
.security-article{width: 36%;height:4.24rem;background: url("img/dd_bg1.png")no-repeat center center;background-size: 100% 100%;float: right;margin: .2rem 0 0 -2.5%;display: flex;align-items: center;}
.security-article p{padding: 0 .2rem 0 0.3rem;font-size: .22rem;line-height: .3rem;background: transparent;}
.pagination3{top:0;display:flex;z-index: 0;}
.pagination3 .swiper-pagination-bullet{border:1px solid #fff;flex:1;border-radius:.1rem;opacity:1;background:transparent;color:#fff;font-size:.24rem;text-align: center;padding: .2rem 0;line-height: .26rem;}
.pagination3 .swiper-pagination-bullet-active{background:#fff;color:#d5000f}
.pagination4{bottom: .4rem!important;}
.pagination4 .swiper-pagination-bullet{border:1px solid #fff;flex:1;border-radius:100%;opacity:1;background:transparent;color:#fff;font-size:.24rem;text-align: center;line-height: .26rem;}
.pagination4 .swiper-pagination-bullet-active{background:#fff;color:#d5000f;}

/*口碑· 沉淀的力量*/
.taste-images,.taste-content1,.taste-main{position:relative;}
.taste-content1{width:6rem;overflow: hidden;position: relative;z-index: 999;padding-bottom: .3rem;}
.taste-images{width: 7rem;overflow: hidden;position: relative;z-index: 999;}
.taste-content1 .swiper-slide,.taste-images .swiper-slide{width:6rem}
.taste-main{padding-top: .8rem;}
.taste-images{padding-bottom:.4rem}
.taste-main>.swiper-wrapper>.swiper-slide,.taste-main .swiper-wrapper .swiper-slide{flex-wrap: wrap;}{flex-wrap: wrap;}
.pagination5{top:0;display:flex;z-index: 0;}
.pagination5 .swiper-pagination-bullet{border:1px solid #d5000f;flex:1;border-radius:.1rem;opacity:1;background:transparent;color:#d5000f;font-size:.24rem;text-align: center;padding: .2rem 0;line-height: .26rem;}
.pagination5 .swiper-pagination-bullet-active{background:#d5000f;color:#fff}
.taste-img{width:6.3rem;}
.taste-img2 .left-body,.taste-img2 .right-body{width:3.45rem;}
.taste-img2 .left-body{margin-right:.1rem;}
.taste-article1{padding:.2rem 0;}
.taste-article2{padding:.2rem 0;height:2rem;}
.taste-article1 p,.taste-article2 p{color:#333;}

.p5{color: #fff}
.p5 .p5_img{width: 5.16rem;margin:0 auto;}
.p6 h5{font-weight: bold;font-size: .28rem;text-align: center;margin: .1rem 0 .1rem;}
.p6 h5 strong{color: #e00034}
.p6 p{font-size: .24rem;color: #333;}
/*延伸阅读*/
.p6 .list li{text-align: center;background:#d5000f;margin:.1rem 0;height: .45rem;line-height: .45rem;}
.p6 .list li:nth-child(even){background:#dcdcdc;color: #222}
.p6 .list li:nth-child(even) i{background:#d5000f;}
.p6 .list li:nth-child(odd) a{color: #fff}
.p6 .list i{width: .12rem;height: .12rem;background:#fff;display: inline-block;vertical-align: middle;}
.p6 .team_title{width: 2.05rem;margin: .1rem auto .2rem;}
.p6 .team_logo{width: 2.6rem;}
.p6 .team-box .fr{width: 4.4rem;text-align: center;line-height: .5rem;}
.p6 h3{position: relative;z-index: 5;border:1px solid #b19292;display: inline-block;color: #222;padding:.08rem .2rem .08rem;background:#f0f0f0;}
.p6 .title span{position: absolute;top: 50%;left: 0;display: block;width: 100%;border-top:1px solid #b19292;}


footer{display: none;}
#array{position:absolute;z-index:999;-webkit-animation:start 1.5s infinite ease-in-out;width:0.47rem;height:0.49rem;bottom:10px;left:45%;}
@-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);}
}