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_36{font-size: 36px;}
.fnt_24{font-size: 24px;}
.fnt_16{font-size: 16px;}

.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,30, 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; max-width: 1280px; widtH:90%; margin:0 auto;}
.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-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 li{ float: left; widtH:33.33%;}
.about-part03 dl{position: relative;}
.about-part03 dt{position: relative;}
.about-part03 dt h3{ 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(176,45,45,0.74);}
.about-part03 dd .inner{padding:10% 10%; widtH:80%; color:#fff;}
.about-part03 dd h2{font-weight: bold; margin-bottom: 10%;}
.about-part03 dd .c{ line-height: 1.8; height: 23.4em;}

.about-part05 dl{ background: #fff;}
.about-part05 li:nth-child(2n) dl{ background: #9C3232;}
.about-part05 dt{ float: left; widtH:50%;}
.about-part05 dd{ float: right; width:50%; 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:10% 10%; widtH:80%;}
.about-part05 dd h2{font-weight: bold; margin-bottom:5%;}
.about-part05 dd .c{ line-height: 1.8; height: 14.4em; color:#646464;}


.about-part07{position: relative;}
.about-part07 .ll{opacity: 0; visibility: visible; position: absolute; lefT:0; top:0;widtH:52.65%; height: 100%; background: url(../images/newabout_img12.png) left top no-repeat; background-size: cover;}
.about-part07 .ll.show{ display: block;}
.about-part07 .ll .inner{color:#fff; widtH:75%; padding:0 15% 0 10%;}
.about-part07 .ll .inner h2{font-weight: bold; margin-bottom:6%;}
.about-part07 .ll .inner .c{ line-height:1.8;}

.about-part07 h2.tl{position: absolute; left:8.4%; bottom:8%; color:#fff;font-weight: bold;}
.about-part07 h2.tr{position: absolute; left:50%; bottom:8%; color:#fff;font-weight: bold;}

.about-part07 .rr{opacity: 0; visibility: visible;  position: absolute; right:0; top:0;widtH:52.65%; height: 100%; background: url(../images/newabout_img13.png) left top no-repeat; background-size: cover;}
.about-part07 .rr .inner{color:#fff; widtH:70%; padding:0 10% 0 20%;}
.about-part07 .rr .inner h2{font-weight: bold; margin-bottom:6%;}
.about-part07 .rr .inner .c{ line-height:1.8;}

.about-part07 .ll.show,.about-part07 .rr.show{ opacity: 1;}

@media only screen and (max-width:1599px) {
    .about-part05 dd .c{height: 12.6em;}
}
@media only screen and (max-width:1365px) {
    .about-part03 dd .c{ height: 19.8em;}
    .about-part05 dd .c{height: 10.8em;}
}
@media only screen and (max-width:1279px) {
    .fnt_36{font-size: 30px;}
    .fnt_24{font-size: 20px;}
    .fnt_16{font-size: 14px;}
    .about-part03 dd .c{ height: 16.2em;}
    .about-part05 dd .c{ height: 7.2em;}
}

@media only screen and (min-width:1025px) {
.about-part03 dd,.about-part03 dt h3{transition: all 0.5s;}
.about-part03 li:hover dt h3{ display: none;}
.about-part03 li:hover dd{opacity: 1;}
}