html{font-size: 13.3333333333333vw;}
body{font-size: 0.2rem;}
img{max-width: 100%;}
/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}
/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
/*截字*/
.ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}
.clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;height: 4.5em;overflow:hidden;}
.clamp_4{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; line-height: 1.5;  max-height: 6em;height: 6em;overflow:hidden;}

.fnt_48{font-size: 0.48rem;}
.fnt_36{font-size: 0.36rem;}
.fnt_30{font-size: 0.3rem;}
.fnt_20{font-size: 0.2rem;}
.bold{font-weight: bold;}

.bg-cover{background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-layer{position: absolute; lefT:0; top:0; z-index: 1; widtH:100%;height: 100%; background: rgba(0,7,32, 0.46);}

.about-part01,.about-part02,.about-part04,.about-part06{position: relative;}
.about-part01 .txt,.about-part02 .txt,.about-part04 .txt,.about-part06 .txt{z-index: 2; color:#fff; text-align: center; padding:0 0.64rem; width:calc(100% - 1.28rem);}
.about-part01 h2{ margin-bottom: 2%; font-weight: bold;}
.about-part01 h3{margin-bottom: 3.5%;}
.about-part01 .c,.about-part02 .c,.about-part04 .c,.about-part06 .c{ line-height: 2;}
.about-part01 .c br,.about-part04 .c br{ display: none;}
.about-part02 h2,.about-part04 h2,.about-part06 h2{ margin-bottom: 3%;}
.about-part04 .bg-layer{ background: rgba(2,15,8,0.52);}
.about-part06 .bg-layer{ background: rgba(2,15,8,0.38);}


.about-part03{padding: 1.3rem 0 0.9rem;}
.about-part03 .swiper-container{padding-bottom: 0.65rem;}
.about-part03 .swiper-slide{width:65.6%; margin:0 auto;}
/*.about-part03 .swiper-container .bg_ll{ position: absolute; z-index: 10; left:0; top:0;width:15.3333%; height:100%; background: url(../images/dot_11.png) left top no-repeat; background-size: cover;}
.about-part03 .swiper-container .bg_rr{ position: absolute; z-index: 10; right:0; top:0;width:15.3333%; height:100%; background: url(../images/dot_12.png) left top no-repeat; background-size: cover;}
*/.about-part03 .swiper-pagination{bottom:0;}
.about-part03 .swiper-pagination-bullet{width:0.14rem; height:0.14rem;background: #B4B4B4; opacity: 1;margin:0 0.1rem!important;}
.about-part03 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #C01724;}
.about-part03 .swiper-pagination-bullet{transition:0.3s all; -webkit-transition:0.3s all; -o-transition:0.3s all;-ms-transition:0.3s all;}

.about-part03 dl{position: relative;}
.about-part03 dt{position: relative;}
.about-part03 dt h3{ display: none; text-align: center;color:#fff; font-weight: bold; padding:0 5%; widtH:90%; z-index: 2;}
.about-part03 dt .bg-layer{background: rgba(0, 0, 0, 0.3);}
.about-part03 dd{opacity: 0; position: absolute; lefT:0; top:0; z-index: 3; widtH:100%; height: 100%; background: rgba(192,23,36,0.74);}
.about-part03 .swiper-slide-active dd{opacity: 1;}
.about-part03 dd .inner{padding:10% 10%; widtH:80%; height: 80%; color:#fff;}
.about-part03 dd h2{font-weight: bold; margin-bottom: 10%;}
.about-part03 dd .c{ line-height: 1.8;}

.about-part05 dl{ background: #fff;}
.about-part05 li:nth-child(2n) dl{ background: #9C3232;}
.about-part05 dt{widtH:100%;}
.about-part05 dd{width:100%; color:#000;}
.about-part05 li:nth-child(2n) dt{ float: right;}
.about-part05 li:nth-child(2n) dd{ float: left; color:#fff;}
.about-part05 li:nth-child(2n) dd .c{color:#fff;}
.about-part05 dd .inner{padding:0.64rem;}
.about-part05 dd h2{font-weight: bold; margin-bottom:5%;}
.about-part05 dd .c{ line-height: 1.8;color:#646464;}


.about-part07{position: relative;}
.about-part07 .tt{widtH:100%; background: rgba(192,23,36,0.74);}
.about-part07 .bb{widtH:100%; background: rgba(0,7,32,0.55); }

.about-part07 .tt .inner,.about-part07 .bb .inner{color:#fff; padding:0.5rem 0.7rem;}
.about-part07 .tt .inner h2,.about-part07 .bb .inner h2{font-weight: bold; margin-bottom:5%; text-align: center;}
.about-part07 .tt .inner .c,.about-part07 .bb .inner .c{ line-height:1.8;}