@charset "UTF-8";
.w1800 {
width: 18rem;
margin: 0 auto;
position: relative;
font-size: 0;
}
@media (max-width: 1820px) {
.w1800 {
width: 94%;
}
}
.w1720 {
width: 17.2rem;
margin: 0 auto;
position: relative;
font-size: 0;
}
@media (max-width: 1740px) {
.w1720 {
width: 94%;
}
}
.w1400 {
width: 14rem;
margin: 0 auto;
position: relative;
font-size: 0;
}
@media (max-width: 1420px) {
.w1400 {
width: 94%;
}
}
.w1300 {
width: 13rem;
margin: 0 auto;
position: relative;
font-size: 0;
}
.w1300s {
width: 1300px;
margin: 0 auto;
position: relative;
font-size: 0;
}
@media (max-width: 1320px) {
.w1300 {
width: 94%;
}
}
header {
position: fixed;
z-index: 100;
width: 100%;
right: 0;
top: 0;
left: 0;
padding: 0.2rem 0;
transition: all ease 0.3s;
}
header .menu {
display: inline-block;
vertical-align: middle;
width: 0.22rem;
height: 0.22rem;
cursor: pointer;
margin-right: 0.5rem;
}
header .menu img {
width: 100%;
height: 100%;
display: inline-block;
}
header .logo {
display: inline-block;
vertical-align: middle;
width: 2.11rem;
}
header .logo a, header .logo img {
width: 100%;
height: 100%;
display: block;
}
header .right {
display: inline-block;
vertical-align: middle;
width: calc(100% - 0.72rem - 2.12rem);
text-align: right;
}
header .right .ss {
display: inline-block;
vertical-align: middle;
width: 0.22rem;
height: 0.19rem;
margin-right: 0.5rem;
cursor: pointer;
}
header .right .ss img {
width: 100%;
height: 100%;
display: block;
}
header .right .languages {
width: auto;
display: inline-block;
vertical-align: middle;
font-size: 0;
}
header .right .languages .icon {
display: inline-block;
vertical-align: middle;
width: 0.20rem;
height: 0.2rem;
margin-right: 0.15rem;
}
header .right .languages .icon img {
width: 100%;
height: 100%;
display: block;
}
header .right .languages .lauges {
width: calc(100% - 0.4rem);
display: inline-block;
vertical-align: middle;
position: relative;
}
header .right .languages .lauges .lashow {
width: 100%;
color: #fff;
line-height: 2;
position: relative;
cursor: pointer;
padding: 0 0.2rem;
}
header .right .languages .lauges .lashow:after {
content: " ";
position: absolute;
z-index: 3;
right: 0.05rem;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-color: #fff transparent transparent transparent;
border-width: 0.05rem;
}
header .right .languages .lauges .language {
position: absolute;
z-index: 10;
top: 0.6rem;
width: 100%;
display: none;
}
header .right .languages .lauges .language .latem {
width: 100%;
}
header .right .languages .lauges .language .latem a {
width: 100%;
display: block;
color: #fff;
padding: 0 0.2rem;
line-height: 2;
background: rgba(0, 0, 0, 0.5);
}
header .right .languages .lauges .language .latem:hover a {
background: #fff;
color: #333;
}
header .sear {
width: 100%;
font-size: 0;
padding: 0.1rem 0.2rem;
border-top: solid 1px #f6f6f6;
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 1111;
background: #fff;
}
header .sear form {
width: 100%;
font-size: 0;
margin: 0 auto;
max-width: 10rem;
display: block;
}
header .sear .input {
width: calc(100% - 2rem);
display: inline-block;
vertical-align: middle;
font-size: 0;
background: #f6f6f6;
}
header .sear .input input {
width: 100%;
display: inline-block;
vertical-align: middle;
background: #fff;
background: #f6f6f6;
color: #666666;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2.5;
height: 2.5em;
padding: 0 0.2rem;
border: none;
}
header .sear .submxt {
width: 2rem;
display: inline-block;
vertical-align: middle;
font-size: 0;
}
header .sear .submxt input {
width: 100%;
display: inline-block;
vertical-align: middle;
background: #f9be00;
color: #fff;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2.5;
padding: 0 0.2rem;
border: none;
text-align: center;
cursor: pointer;
}
header .black {
display: none;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background-color: transparent;
z-index: 100;
cursor: pointer;
}
header .lefts {
max-width: 4rem;
width: 4rem;
width: 190px;
background: rgba(0, 0, 0, 0.8);
background: #0f0f0f;
height: 100vh;
position: fixed;
z-index: 110;
top: 0;
left: 0;
bottom: 0;
padding: 0.3rem 0.2rem;
transform: translate(-100%, 0);
transition: transform .3s;
}
header .lefts .logo {
width: 100%;
max-width: 2.11rem;
display: block;
margin: 0 auto 0.2rem;
}
header .lefts .logo a, header .lefts .logo img {
width: 100%;
height: 100%;
display: block;
}
header .lefts nav {
width: 100%;
height: calc(100% - 0.45rem - 0.2rem);
}
header .lefts nav .natem {
width: 100%;
position: relative;
}
header .lefts nav .natem .nas {
width: 100%;
font-size: 0;
}
header .lefts nav .natem .nas a {
position: relative;
color: #fff;
line-height: 2.5;
padding: 0.1rem 0;
}
header .lefts nav .natem .nas a:before {
position: absolute;
left: -0.2rem;
content: ' ';
top: 50%;
height: 0;
transform: translateY(-50%);
width: 2px;
opacity: 0;
background: #bcbcbc;
transition: all ease 0.3s;
}
header .lefts nav .natem .nas a:hover {
color: #dcdcdc;
}
header .lefts nav .natem .nas a:hover:before {
height: 100%;
opacity: 1;
}
header .lefts nav .natem .navul {
width: 100%;
position: relative;
display: none;
}
header .lefts nav .natem .navul ul li {
width: 100%;
margin-bottom: 0.1rem;
}
header .lefts nav .natem .navul ul li a {
color: #fff;
padding: 0 0.1rem;
text-align: left;
line-height: 2;
}
header .lefts nav .natem .navul ul li a:hover {
color: #dcdcdc;
}
header .lefts nav .natem.has-nav:after {
content: "+";
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
background: none;
right: 0;
left: auto;
transform: translateX(0);
top: 0rem;
font-size: 20px;
color: #fff;
}
header .lefts nav .natem.has-nav.on:after {
content: "-";
}
header .close {
position: absolute;
z-index: 5;
right: 0rem;
top: 50%;
transform: translateY(-50%);
width: 0.2rem;
height: 0.2rem;
width: 20px;
height: 20px;
cursor: pointer;
z-index: 101;
animation: Beat 2.5s infinite;
}
header .close img {
width: 100%;
height: 100%;
display: block;
}
@keyframes Beat {
0% {
transform: translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: translate(-20px, 0px);
opacity: 0;
}
}
header.bg {
background: rgba(0, 0, 0, 0.8);
}
header.reat {
position: relative;
}
header.show .lefts {
transform: translate(0, 0);
}
header.open .lefts {
transform: translate(0, 0);
}
@media (max-width: 768px) {
header .lefts {
width: 100%;
max-width: 100%;
}
header .lefts .logo {
max-width: 4rem;
height: auto;
margin-bottom: 0.4rem;
}
header .lefts nav {
align-content: flex-start;
padding: 0 0.3rem;
text-align: center;
}
header .lefts nav .nas {
width: auto;
display: inline-block;
}
header .lefts nav .natem.has-nav:after {
display: block;
}
}
.banner {
width: 100%;
position: relative;
}
.banner .swiper-slide {
width: 100%;
}
.banner .swiper-slide a, .banner .swiper-slide img {
width: 100%;
height: 100%;
display: block;
}
.banner .swiper-slide a, .banner .swiper-slide .img {
width: 100%;
height: 100%;
display: block;
}
.banner .swiper-slide a, .banner .swiper-slide a {
width: 100%;
height: 100%;
display: block;
}
.banner .banbot {
width: 100%;
position: relative;
z-index: 10;
left: 0;
right: 0;
bottom: 0;
background: #000;
font-size: 0;
}
.banner .banbot .bal {
display: inline-block;
vertical-align: middle;
background: #f9be00;
width: 6.14rem;
width: 50%;
padding: 0.3rem;
font-size: 0;
opacity: 0;
}
.banner .banbot .bal .balem {
width: 100%;
font-size: 0;
display: none;
}
.banner .banbot .bal .balem.on {
width: 100%;
display: block;
}
.banner .banbot .bal .img {
display: inline-block;
vertical-align: middle;
width: calc((200 / 600) * 100%);
}
.banner .banbot .bal .img img {
width: 100%;
height: 100%;
display: block;
}
.banner .banbot .bal .alr {
display: inline-block;
vertical-align: middle;
width: calc((400 / 600) * 100%);
padding-left: 0.2rem;
}
.banner .banbot .bal .alr .at {
color: #333;
width: 100%;
line-height: 1.5;
}
.banner .banbot .bal .alr .ac {
width: 100%;
line-height: 1.5;
color: #333;
}
.banner .banbot .bar {
display: inline-block;
vertical-align: middle;
width: calc(100% - 6.14rem);
width: 50%;
text-align: right;
font-size: 0;
padding: 0 0.6rem;
}
.banner .banbot .bar .btn {
width: 0.6rem;
display: inline-block;
vertical-align: middle;
}
.banner .banbot .bar .btn .pause {
width: 0.5rem;
height: 0.5rem;
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
}
.banner .banbot .bar .btn .pause img {
width: 0.12rem;
height: 0.16rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.banner .banbot .bar .btn .play {
width: 0.5rem;
height: 0.5rem;
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
display: none;
}
.banner .banbot .bar .btn .play img {
width: 0.32rem;
height: 0.32rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.banner .banbot .bar .btn.pausec .play {
display: inline-block;
}
.banner .banbot .bar .btn.pausec .pause {
display: none;
}
.banner .banbot .bar .swiper-paginations {
position: relative;
width: calc(100% - 0.6rem);
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.banner .banbot .bar .swiper-paginations .item {
display: inline-block;
vertical-align: middle;
width: auto;
font-size: 0;
margin-right: 0.2rem;
}
.banner .banbot .bar .swiper-paginations .item .num {
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 1.5;
margin-right: 0.2rem;
opacity: 0.6;
cursor: pointer;
}
.banner .banbot .bar .swiper-paginations .item .lines {
width: 2rem;
display: inline-block;
vertical-align: middle;
position: relative;
height: 3px;
background: #4d4d4d;
display: none;
}
.banner .banbot .bar .swiper-paginations .item .lines span {
width: 0;
display: inline-block;
vertical-align: middle;
height: 3px;
position: absolute;
left: 0;
top: 0;
background: #f9be00;
}
@keyframes width {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.banner .banbot .bar .swiper-paginations .item.on .num {
opacity: 1;
}
.banner .banbot .bar .swiper-paginations .item.on .lines {
display: inline-block;
}
.banner .banbot .bar .swiper-paginations .item.on .lines span {
animation: width 3.3s linear infinite;
}
.banner .banbot .bar .swiper-paginations .item.on.paused .lines span {
animation-play-state: paused;
}
.banner .banbot .bar .swiper-paginations .item.on.running .lines span {
animation-play-state: running;
}
@media (max-width: 768px) {
.banner .banbot {
position: relative;
}
.banner .banbot .bal {
width: 100%;
}
.banner .banbot .bar {
width: 100%;
padding: 0.4rem 0.3rem;
}
.banner .banbot .bar .swiper-paginations .item .lines {
width: 1rem;
}
}
.modular .modit {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 0.4rem;
}
.modular .modit .mit {
width: auto;
color: #fff;
font-weight: bold;
z-index: 3;
position: relative;
}
.modular .modit .mit:before {
position: absolute;
z-index: 2;
content: ' ';
width: 0.5rem;
height: 0.5rem;
left: -0.2rem;
top: -0.2rem;
background-image: url("../images/14.png");
background-position: center;
background-size: 100% 100%;
}
.modular .modit .mit:after {
position: absolute;
bottom: 0.04rem;
right: -0.14rem;
z-index: 2;
content: ' ';
width: 0.06rem;
height: 0.06rem;
background: #f9be00;
}
.modular .modit .more {
width: auto;
color: #333;
line-height: 3;
background: #f9be00;
padding: 0 0.2rem;
}
.modular .mittop {
width: 100%;
font-size: 0;
text-align: center;
margin-bottom: 0.5rem;
}
.modular .mittop .mix {
display: inline-block;
vertical-align: middle;
width: auto;
position: relative;
color: #333;
font-weight: bold;
}
.modular .mittop .mix:before {
position: absolute;
z-index: 2;
content: ' ';
width: 0.5rem;
height: 0.5rem;
left: -0.2rem;
top: -0.2rem;
background-image: url("../images/14.png");
background-position: center;
background-size: 100% 100%;
}
.modular .mittop .mix:after {
position: absolute;
bottom: 0.04rem;
right: -0.14rem;
z-index: 2;
content: ' ';
width: 0.06rem;
height: 0.06rem;
background: #f9be00;
}
.qualifiy {
width: 100%;
padding: 0.6rem 0;
}
.qualifiy .Design {
width: 100%;
font-size: 0;
margin-bottom: 0.8rem;
}
.qualifiy .Design .del {
width: calc((1200 / 1720) * 100%);
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2;
}
.qualifiy .Design .del img {
width: 100%;
height: 100%;
display: block;
}
.qualifiy .Design .der {
width: calc((519 / 1720) * 100%);
display: inline-block;
vertical-align: middle;
}
.qualifiy .Design .der .dit {
width: calc((620 / 1720) * 100%);
background: #f9be00;
line-height: 1.6;
text-align: right;
padding: 0 0.2rem;
position: absolute;
z-index: 3;
right: 0;
}
.qualifiy .Design .der .tit {
width: 100%;
line-height: 1.6;
text-align: right;
padding: 0 0.2rem;
opacity: 0;
}
.qualifiy .Design .der .dx {
width: 100%;
padding: 0 0.3rem;
color: #666;
line-height: 2;
margin-top: 0.3rem;
}
.qualifiy .Design .der .bit {
margin-top: 0.5rem;
width: 100%;
color: #eee;
line-height: 1.5;
text-align: center;
font-weight: bold;
}
.qualifiy .prize {
width: 100%;
margin-bottom: 0.8rem;
}
.qualifiy .prize .prl {
display: inline-block;
vertical-align: middle;
width: calc((830 / 1720) * 100%);
}
.qualifiy .prize .prl .pit {
width: 100%;
padding: 0 1rem;
background: #f9be00;
}
.qualifiy .prize .prl .pit span {
display: inline-block;
vertical-align: middle;
background: #fff;
color: #333;
line-height: 1.4;
padding: 0 0.2rem;
}
.qualifiy .prize .prl .px {
width: 100%;
margin-top: 0.24rem;
color: #333;
line-height: 1.5;
padding: 0 1rem;
}
.qualifiy .prize .prr {
display: inline-block;
vertical-align: middle;
width: calc((890 / 1720) * 100%);
}
.qualifiy .prizelis {
width: 100%;
font-size: 0;
}
.qualifiy .prizelis .priem {
width: calc((830 / 1720) * 100%);
display: inline-block;
vertical-align: top;
margin-right: calc((59 / 1720) * 100%);
margin-bottom: 0.4rem;
}
.qualifiy .prizelis .priem .img {
width: 100%;
display: block;
overflow: hidden;
margin-bottom: 0.3rem;
}
.qualifiy .prizelis .priem .img img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.qualifiy .prizelis .priem .px {
width: 100%;
color: #333;
line-height: 1.8;
height: 3.6em;
margin: 0.2rem 0;
}
.qualifiy .prizelis .priem .pv {
width: 100%;
line-height: 1.5;
color: #999;
}
.qualifiy .prizelis .priem:nth-child(2n) {
margin-right: 0;
}
@media (max-width: 768px) {
.qualifiy .Design .der .tit {
display: none;
}
.qualifiy .Design .der .dit {
width: 100%;
position: relative;
text-align: left;
}
}
.pages {
width: 100%;
font-size: 0;
text-align: center;
padding: 0.3rem 0;
}
.pages .page {
display: inline-block;
vertical-align: middle;
width: 0.46rem;
height: 0.46rem;
position: relative;
text-align: center;
line-height: 0.46rem;
border: solid 1px #e7e9ef;
color: #333;
margin: 0 0.1rem;
}
.pages .page img {
width: 0.07rem;
height: 0.12rem;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.pages .page img:first-child {
display: block;
}
.pages .page img:last-child {
display: none;
}
.pages .page:hover {
border: solid 1px #f9be00;
background: #f9be00;
color: #fff;
}
.pages .page:hover img:first-child {
display: none;
}
.pages .page:hover img:last-child {
display: block;
}
@media (max-width: 768px) {
.pages .page {
width: 0.7rem;
height: 0.7rem;
line-height: 0.7rem;
}
}
.abouts {
width: 100%;
padding: 0.6rem 0;
}
.abouts .about {
width: 100%;
font-size: 0;
}
.abouts .about .abl {
display: inline-block;
vertical-align: middle;
width: calc((870 / 1720) * 100%);
position: relative;
}
.abouts .about .abl .im1 {
display: block;
width: calc((780 / 870) * 100%);
position: relative;
}
.abouts .about .abl .im1 img {
width: 100%;
height: 100%;
display: block;
}
.abouts .about .abl .im1 .play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 6;
width: 0.55rem;
height: 0.55rem;
}
.abouts .about .abl .bms {
width: 100%;
display: block;
font-size: 0;
overflow: hidden;
position: relative;
top: -0.5rem;
display: none;
}
.abouts .about .abl .bms .im2 {
width: calc((400 / 870) * 100%);
float: right;
display: block;
position: relative;
}
.abouts .about .abl .bms .im2 img {
width: 100%;
height: 100%;
display: block;
}
.abouts .about .abl .bms .im3 {
position: absolute;
left: 0;
bottom: 0;
display: block;
z-index: 2;
width: 1.72rem;
}
.abouts .about .abl .bms .im3 img {
width: 100%;
height: 100%;
display: block;
}
.abouts .about .abl .im4 {
position: absolute;
top: 1rem;
right: 0;
width: 1.92rem;
}
.abouts .about .abl .im4 img {
width: 100%;
height: 100%;
display: block;
}
.abouts .about .abr {
display: inline-block;
vertical-align: middle;
width: calc((850 / 1720) * 100%);
padding-left: 0.5rem;
}
.abouts .about .abr .ait {
width: 100%;
color: #000;
line-height: 1.5;
font-weight: bold;
margin-bottom: 0.24rem;
}
.abouts .about .abr .aon {
width: 100%;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.5;
color: #333;
margin: 0.3rem 0 0.4rem;
}
.abouts .about .abr .aon p {
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.5;
color: #333;
}
.abouts .about .abr .datas {
width: 100%;
display: flex;
justify-content: space-around;
}
.abouts .about .abr .datas .data {
flex: 1;
}
.abouts .about .abr .datas .data .nud {
width: auto;
display: inline-block;
vertical-align: top;
text-align: center;
}
.abouts .about .abr .datas .data .nums {
width: 100%;
font-size: 0;
margin-bottom: 0.16rem;
}
.abouts .about .abr .datas .data .nums .b {
display: inline-block;
font-weight: bold;
color: #f9be00;
}
.abouts .about .abr .datas .data .nums .s {
display: inline-block;
color: #999;
}
.abouts .about .abr .datas .data .ad {
color: #666;
line-height: 1.5;
}
.mav {
width: 100%;
margin-bottom: 0.6rem;
}
.mav .swiper-wrapper {
justify-content: center;
}
.mav .mavem {
width: auto;
margin: 0 0.2rem;
}
.mav .mavem a {
color: #333;
line-height: 2.5;
padding: 0 0.3rem;
cursor: pointer;
display: block;
}
.mav .mavem.on a {
background: #f9be00;
}
.place {
width: 100%;
padding: 1rem 0 1rem;
}
.place .placeiper {
width: 100%;
}
.place .placeiper .swiper-slide {
width: 100%;
padding-top: 0.6rem;
}
.place .placeiper .swiper-slide .box {
width: 100%;
background: #fff;
background-color: #ffffff;
box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
opacity: 0.95;
padding: 0.3rem;
font-size: 0;
}
.place .placeiper .swiper-slide .box .bol {
width: calc((609 / 930) * 100%);
display: inline-block;
vertical-align: top;
}
.place .placeiper .swiper-slide .box .bol .top {
width: 100%;
font-size: 0;
margin-bottom: 0.3rem;
}
.place .placeiper .swiper-slide .box .bol .top .icon {
display: inline-block;
width: 0.8rem;
height: 1rem;
margin-right: 0.2rem;
}
.place .placeiper .swiper-slide .box .bol .top .icon img {
width: 100%;
height: 100%;
display: block;
}
.place .placeiper .swiper-slide .box .bol .top .name {
font-weight: bold;
display: inline-block;
color: #333;
}
.place .placeiper .swiper-slide .box .bol .mid {
width: 100%;
}
.place .placeiper .swiper-slide .box .bol .mid .mli {
width: 100%;
font-size: 0;
margin: 0.16rem 0;
}
.place .placeiper .swiper-slide .box .bol .mid .mli .ic {
display: inline-block;
vertical-align: top;
width: 0.24rem;
height: 0.24rem;
margin-right: 0.2rem;
}
.place .placeiper .swiper-slide .box .bol .mid .mli .ic img {
width: 100%;
height: 100%;
display: block;
}
.place .placeiper .swiper-slide .box .bol .mid .mli .iv {
display: inline-block;
vertical-align: top;
width: calc(100% - 0.24rem - 0.2rem);
color: #000;
line-height: 1.3;
}
.place .placeiper .swiper-slide .box .bol .codelis {
width: 100%;
font-size: 0;
text-align: center;
}
.place .placeiper .swiper-slide .box .bol .codelis .code {
display: inline-block;
vertical-align: top;
margin-right: 0.3rem;
}
.place .placeiper .swiper-slide .box .bol .codelis .code .img {
width: 1rem;
height: 1rem;
display: block;
}
.place .placeiper .swiper-slide .box .bol .codelis .code .img img {
width: 100%;
display: block;
}
.place .placeiper .swiper-slide .box .bol .codelis .code .tix {
width: 100%;
text-align: center;
color: #333;
line-height: 2;
}
.place .placeiper .swiper-slide .box .bor {
width: calc((320 / 930) * 100%);
display: inline-block;
vertical-align: top;
position: relative;
height: 100%;
padding-top: calc((400 / 930) * 100%);
}
.place .placeiper .swiper-slide .box .bor .img {
width: 100%;
position: absolute;
bottom: 0;
}
.place .placeiper .swiper-slide .box .bor .img img {
width: 100%;
height: 100%;
display: block;
}
.alumnus {
width: 100%;
padding: 0.6rem 0;
}
.alumnus .modit .mit {
color: #333;
}
.alumnus .alumlis {
width: 100%;
font-size: 0;
}
.alumnus .alumlis .alums {
width: calc((390 / 1720) * 100%);
display: inline-block;
vertical-align: top;
background: #f6f6f6;
padding: 0.3rem;
margin-bottom: 0.4rem;
margin-right: calc((52 / 1720) * 100%);
}
.alumnus .alumlis .alums .top {
width: 100%;
overflow: hidden;
font-size: 0;
}
.alumnus .alumlis .alums .top .mini {
float: left;
}
.alumnus .alumlis .alums .top .mini img {
width: 100%;
height: 100%;
display: block;
}
.alumnus .alumlis .alums .top .mini img:first-child {
display: block;
}
.alumnus .alumlis .alums .top .mini img:last-child {
display: none;
}
.alumnus .alumlis .alums .top .tq {
float: right;
display: none;
}
.alumnus .alumlis .alums .top .tq img {
width: 100%;
height: 100%;
display: block;
}
.alumnus .alumlis .alums .top .tq img:first-child {
display: block;
}
.alumnus .alumlis .alums .top .tq img:last-child {
display: none;
}
.alumnus .alumlis .alums .lind {
width: 100%;
font-size: 0;
}
.alumnus .alumlis .alums .lind span {
display: inline-block;
vertical-align: top;
height: 0.3rem;
width: 1px;
background: #bcbcbc;
}
.alumnus .alumlis .alums .imgz {
width: 100%;
overflow: hidden;
border-radius: 50%;
margin-bottom: 0.5rem;
position: relative;
padding-top: 100%;
}
.alumnus .alumlis .alums .imgz img {
width: 100%;
height: 100%;
display: block;
}
.alumnus .alumlis .alums .tip {
width: 100%;
text-align: center;
color: #333;
line-height: 1.5;
}
.alumnus .alumlis .alums .line {
width: 100%;
border-bottom: solid 1px #acacac;
font-size: 0;
margin: 0.36rem 0;
text-align: center;
}
.alumnus .alumlis .alums .line span {
display: inline-block;
vertical-align: middle;
width: 0.2rem;
height: 2px;
background: #000;
}
.alumnus .alumlis .alums .te {
width: 100%;
text-align: center;
color: #666;
line-height: 2;
height: 4em;
}
.alumnus .alumlis .alums:hover {
background: #f9be00;
}
.alumnus .alumlis .alums:hover .top .mini img:first-child, .alumnus .alumlis .alums:hover .top .tq img:first-child {
display: none;
}
.alumnus .alumlis .alums:hover .top .mini img:last-child, .alumnus .alumlis .alums:hover .top .tq img:last-child {
display: block;
}
.alumnus .alumlis .alums:hover .lind span {
background: #fff;
}
.alumnus .alumlis .alums:hover .te {
color: #333;
}
.alumnus .alumlis .alums:nth-child(4n) {
margin-right: 0;
}
.alumnus .alumlis .alums:nth-child(4n + 1) {
transition-delay: 0.2s;
}
.alumnus .alumlis .alums:nth-child(4n + 2) {
transition-delay: 0.4s;
}
.alumnus .alumlis .alums:nth-child(4n + 3) {
transition-delay: 0.6s;
}
.alumnus .alumlis .alums:nth-child(4n + 4) {
transition-delay: 0.8s;
}
.works {
width: 100%;
padding: 0.6rem 0;
}
.works .wmg {
width: 100%;
}
.works .wmg img {
width: 100%;
height: 100%;
display: block;
}
.works .Raffles {
width: 100%;
font-size: 0;
margin-bottom: 0.8rem;
}
.works .Raffles .ral {
display: inline-block;
vertical-align: middle;
width: calc((838 / 1720) * 100%);
}
.works .Raffles .ral .rmg {
width: 100%;
cursor: pointer;
padding-top: 71%;
position: relative;
overflow: hidden;
}
.works .Raffles .ral .rmg img {
width: 100%;
height: 100%;
display: block;
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
.works .Raffles .ral .ron {
width: 100%;
font-size: 0;
}
.works .Raffles .ral .ron .rl {
width: calc(100% - 2.6rem);
display: inline-block;
vertical-align: top;
padding: 0.4rem;
}
.works .Raffles .ral .ron .rl .rit {
width: 100%;
color: #333;
font-weight: bold;
line-height: 1.5;
}
.works .Raffles .ral .ron .rl .rx {
width: 100%;
color: #666;
line-height: 1.5;
}
.works .Raffles .ral .ron .rr {
width: 2.6rem;
display: inline-block;
vertical-align: top;
padding-top: 3.2rem;
position: relative;
}
.works .Raffles .ral .ron .rr img {
width: 100%;
height: 100%;
display: block;
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
.works .Raffles .rar {
width: calc((880 / 1720) * 100%);
display: inline-block;
vertical-align: middle;
font-size: 0;
padding-left: 0.6rem;
}
.works .Raffles .rar .arl {
width: calc((480 / 880) * 100%);
display: inline-block;
vertical-align: top;
padding-right: 0.3rem;
}
.works .Raffles .rar .arl .ais {
width: 100%;
font-weight: bold;
line-height: 1.5;
color: #333;
}
.works .Raffles .rar .arl .aib {
width: 100%;
line-height: 1.5;
color: #333;
margin: 0.3rem 0;
}
.works .Raffles .rar .arl .line {
width: 100%;
font-size: 0;
}
.works .Raffles .rar .arl .line span {
display: inline-block;
vertical-align: middle;
width: 50%;
height: 3px;
background: #000;
}
.works .Raffles .rar .arl .amg {
width: calc((266 / 480) * 100%);
display: inline-block;
vertical-align: top;
margin-top: 0.8rem;
cursor: pointer;
padding-top: 71%;
position: relative;
}
.works .Raffles .rar .arl .amg img {
width: 100%;
height: 100%;
display: block;
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
.works .Raffles .rar .arr {
width: calc((400 / 880) * 100%);
display: inline-block;
vertical-align: top;
cursor: pointer;
padding-top: 100%;
position: relative;
}
.works .Raffles .rar .arr img {
width: 100%;
height: 100%;
display: block;
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
.works .Raffles .hidelis {
width: 100%;
display: none;
}
.works .Connie {
width: 100%;
font-size: 0;
}
.works .Connie .col {
display: inline-block;
vertical-align: middle;
width: calc((838 / 1720) * 100%);
}
.works .Connie .col .cmg {
width: 100%;
margin-bottom: 0.5rem;
cursor: pointer;
position: relative;
padding-top: 78%;
}
.works .Connie .col .cmg img {
width: 100%;
height: 100%;
display: block;
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
.works .Connie .col .cod {
width: 100%;
font-size: 0;
}
.works .Connie .col .cod .cdl {
width: calc(100% - 3.5rem);
display: inline-block;
vertical-align: middle;
padding-right: 0.2rem;
}
.works .Connie .col .cod .cdl .ais {
width: 100%;
font-weight: bold;
line-height: 1.5;
color: #333;
}
.works .Connie .col .cod .cdl .aib {
width: 100%;
line-height: 1.5;
color: #333;
margin: 0.3rem 0;
}
.works .Connie .col .cod .cdl .line {
width: 100%;
font-size: 0;
margin: 0.3rem 0;
}
.works .Connie .col .cod .cdl .line span {
display: inline-block;
vertical-align: middle;
width: 50%;
height: 3px;
background: #000;
}
.works .Connie .col .cod .cdl .aix {
width: 100%;
color: #666;
line-height: 1.5;
}
.works .Connie .col .cod .cdr {
width: 3.5rem;
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
padding-top: 2.8rem;
}
.works .Connie .col .cod .cdr img {
width: 100%;
height: 100%;
display: block;
position: absolute;
z-index: 5;
opacity: 0;
left: 0;
top: 0;
}
.works .Connie .col .cod .cdr .auto {
position: absolute;
width: 1.66rem;
height: 2.33rem;
left: -0.83rem;
top: -1.16rem;
z-index: 3;
}
.works .Connie .col .cod .cdr .auto img {
width: 100%;
height: 100%;
display: block;
position: absolute;
z-index: 7;
opacity: 0;
left: 0;
top: 0;
}
.works .Connie .cor {
width: calc((880 / 1720) * 100%);
display: inline-block;
vertical-align: middle;
font-size: 0;
padding-left: 0.6rem;
}
.works .Connie .cor .rmg {
width: 100%;
position: relative;
padding-top: 71%;
}
.works .Connie .cor .rmg img {
width: 100%;
height: 100%;
display: block;
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
.works .Connie .cor .ron {
width: 100%;
font-size: 0;
}
.works .Connie .cor .ron .rl {
width: calc(100% - 2.6rem);
display: inline-block;
vertical-align: top;
padding: 0.4rem;
}
.works .Connie .cor .ron .rl .rit {
width: 100%;
color: #333;
font-weight: bold;
line-height: 1.5;
}
.works .Connie .cor .ron .rl .rx {
width: 100%;
color: #666;
line-height: 1.5;
}
.works .Connie .cor .ron .rr {
width: 2.6rem;
display: inline-block;
vertical-align: top;
padding-top: 3.2rem;
position: relative;
}
.works .Connie .cor .ron .rr img {
width: 100%;
height: 100%;
display: block;
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
.works .Connie .hidelis {
width: 100%;
display: none;
}
.nanbar {
width: 100%;
background: #f8f8f8;
font-size: 0;
}
.nanbar .nal {
width: 5rem;
width: 100%;
display: inline-block;
vertical-align: middle;
text-align: right;
}
.nanbar .nal .home {
display: inline-block;
vertical-align: middle;
width: 0.12rem;
height: 0.12rem;
margin-right: 0.14rem;
}
.nanbar .nal .home img {
width: 100%;
height: 100%;
display: block;
}
.nanbar .nal .nts {
display: inline-block;
vertical-align: middle;
width: auto;
color: #999;
line-height: 3.5;
margin-right: 0.16rem;
}
.nanbar .nal .nts span {
color: #999;
display: inline-block;
vertical-align: middle;
line-height: 3.5;
margin-left: 0.16rem;
width: 5px;
height: 9px;
}
.nanbar .nal .nts span img {
width: 100%;
height: 100%;
display: block;
}
.nanbar .nal .nts:hover {
color: #666;
}
.nanbar .nal .nts:last-child {
color: #666;
}
.nanbar .nal .nts:last-child span {
display: none;
}
@media (max-width: 900px) {
.nanbar .nal {
width: 100%;
padding: 0.16rem 0;
}
}
.detail {
width: 100%;
background: #f8f8f8;
padding: 0.2rem 0;
}
.detail .dop {
padding-left: 0.26rem;
border-left: solid 2px #f9be00;
}
.detail .dop .dit {
width: 100%;
color: #333;
line-height: 1.3;
margin-bottom: 0.2rem;
font-weight: bold;
}
.detail .dop .dm {
width: 100%;
font-size: 0;
margin-bottom: 0.3rem;
}
.detail .dop .dm span {
display: inline-block;
vertical-align: top;
width: auto;
margin-right: 0.3rem;
color: #999;
line-height: 1.5;
}
.detail .dons {
width: 100%;
padding: 0.4rem 0;
}
.detail .dons .don {
width: 100%;
font-size: calc(12px - 0.12rem + 0.16rem);
font-size: 16px;
line-height: 1.6;
color: #333;
}
.detail .dons .don h1, h2, h3, h4, h5, h6{
line-height: 1.5;
}
.detail .dons .don span{
line-height: 1.9;
}
.detail .dons .don p {
text-indent: 2em;
/* font-size: calc(12px - 0.12rem + 0.16rem); */
font-size: 16px;
line-height: 1.6;
color: #333;
}
.detail .dons .don p img{
display: block;
margin: 0.3rem auto;
}
.detail .dons .don img {
max-width: 80%;
}
.detail .dons .back {
width: 100%;
font-size: 0;
text-align: center;
margin-top: 0.4rem;
}
.detail .dons .back a {
display: inline-block;
vertical-align: middle;
width: auto;
padding: 0 0.3rem;
line-height: 3;
border-radius: 1.5em;
color: #333;
border: solid 1px #cccccc;
position: relative;
top: 0;
transition: all ease 0.3s;
}
.detail .dons .back a img {
display: inline-block;
vertical-align: middle;
width: 0.14rem;
height: 0.15rem;
margin-right: 0.1rem;
}
.detail .dons .back a:hover {
top: -0.1rem;
}
.entrance {
width: 100%;
padding: 0.6rem 0;
}
.entrance .entranlis {
width: 100%;
font-size: 0;
}
.entrance .entranlis .entam {
width: 25%;
display: inline-block;
vertical-align: top;
}
.entrance .entranlis .entam .nums {
margin: 0.1rem auto 0.2rem;
display: block;
text-align: center;
position: relative;
}
.entrance .entranlis .entam .nums .num {
width: auto;
color: #333;
line-height: 1.5;
transition: all ease 0.3s;
}
.entrance .entranlis .entam .nums .tx {
width: 100%;
top: 50%;
position: absolute;
transform: translateY(-50%);
background: #fff;
color: #333;
line-height: 2;
transition: all ease 0.3s;
}
.entrance .entranlis .entam:hover .nums .num {
color: #f9be00;
}
.entrance .entranlis .entam:hover .nums .tx {
color: #f9be00;
}
@media (max-width: 768px) {
.entrance .entranlis .entam .nums .num {
font-size: 100px;
line-height: 1.3;
}
}
.message {
width: 100%;
padding: 0.6rem 0;
}
.message .mel {
display: inline-block;
vertical-align: middle;
width: calc((873 / 1720) * 100%);
position: relative;
}
.message .mel img {
width: 100%;
height: 100%;
display: block;
}
.message .mel .bm {
position: absolute;
z-index: 3;
width: 2.76rem;
height: 2.54rem;
bottom: -0.9rem;
right: -1.1rem;
}
.message .mel .bm img {
width: 100%;
height: 100%;
display: block;
}
.message .mer {
display: inline-block;
vertical-align: middle;
width: calc((845 / 1720) * 100%);
position: relative;
padding-left: 1rem;
}
.message .mer .tm {
position: absolute;
z-index: -1;
width: 2.76rem;
height: 2.54rem;
top: 0rem;
right: 0rem;
}
.message .mer .tm img {
width: 100%;
height: 100%;
display: block;
}
.message .mer .mop {
width: 100%;
}
.message .mer .mop .mit {
width: 100%;
color: #333;
line-height: 1.5;
margin-bottom: 0.2rem;
}
.message .mer .mop .line {
width: 100%;
font-size: 0;
margin-bottom: 0.2rem;
}
.message .mer .mop .line span {
display: inline-block;
vertical-align: middle;
width: 0.7rem;
height: 4px;
background: #000;
}
.message .mer .form {
width: 100%;
}
.message .mer .form .select {
width: 100%;
font-size: 0;
background-color: #ffffff;
border-radius: 4px;
border: solid 1px #f1f1f1;
margin-bottom: 0.15rem;
}
.message .mer .form .select .select-con {
width: calc(100% - 80px);
width: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
padding: 0 0.2rem;
}
.message .mer .form .select .select-con .select-value {
display: block;
width: 100%;
line-height: 2.8;
height: 2.8em;
color: #333;
}
.message .mer .form .select .select-con select {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
opacity: 0;
}
.message .mer .form .select .select-con select option {
color: #333;
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 2.8;
background: #fff;
}
.message .mer .form .select .select-con:after {
display: inline-block;
content: "";
position: absolute;
right: 0.2rem;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 0.16rem;
height: 0.09rem;
background-image: url("../images/x.png");
background-size: 100%;
}
.message .mer .form .row {
width: 100%;
font-size: 0;
}
.message .mer .form .row .inputs {
width: 49%;
display: inline-block;
vertical-align: top;
margin-right: 2%;
margin-bottom: 0.15rem;
font-size: 0;
background-color: #ffffff;
border-radius: 4px;
border: solid 1px #f1f1f1;
padding: 0 0.1rem;
}
.message .mer .form .row .inputs .name {
display: inline-block;
vertical-align: middle;
width: 90px;
line-height: 2.8;
color: #666;
}
.message .mer .form .row .inputs .name i {
color: #ff0000;
}
.message .mer .form .row .inputs .input {
display: inline-block;
vertical-align: middle;
width: calc(100% - 92px);
background: none;
border: none;
color: #666;
line-height: 2.8;
height: 2.8em;
}
.message .mer .form .row .inputs:nth-child(2n) {
margin-right: 0;
}
.message .mer .form .row .select {
width: 49%;
display: inline-block;
vertical-align: top;
}
.message .mer .form .textarea {
width: 100%;
}
.message .mer .form .textarea textarea {
width: 100%;
display: block;
background-color: #ffffff;
border-radius: 4px;
border: solid 1px #f1f1f1;
margin-bottom: 0.15rem;
padding: 0.16rem;
line-height: 1.5;
}
.message .mer .form .sub {
width: 100%;
font-size: 0;
}
.message .mer .form .sub button {
display: inline-block;
vertical-align: top;
width: auto;
padding: 0 .8rem;
background: #f9be00;
color: #333;
line-height: 2.5;
cursor: pointer;
border: none;
}
@media (max-width: 768px) {
.message .mel .bm {
display: none;
}
}
.step {
width: 100%;
padding: 0.7rem 0;
}
.step .stop {
width: 100%;
margin-bottom: 0.3rem;
}
.step .stop .title {
width: 100%;
text-align: center;
color: #fff;
line-height: 1.5;
font-weight: bold;
margin-bottom: 0.16rem;
}
.step .stop .down {
width: 100%;
font-size: 0;
text-align: right;
}
.step .stop .down a {
display: inline-block;
vertical-align: top;
width: auto;
padding: 0 0.4rem;
color: #333;
line-height: 2.5;
background: #f9be00;
}
.step .advantages {
width: 100%;
margin-bottom: 0.5rem;
}
.step .advantages .swiper-slide {
width: 3.48rem;
height: 6rem;
position: relative;
}
.step .advantages .swiper-slide .img {
width: 3.3rem;
position: absolute;
z-index: 12;
top: 0.8rem;
left: 50%;
transform: translateX(-50%);
transition: all ease 0.3s;
}
.step .advantages .swiper-slide .img img {
width: 100%;
height: 100%;
display: block;
}
.step .advantages .swiper-slide .bcons {
position: absolute;
z-index: 15;
left: 0;
bottom: 0.3rem;
transition: all ease 0.3s;
}
.step .advantages .swiper-slide .top {
width: 100%;
}
.step .advantages .swiper-slide .top img {
width: 100%;
height: 100%;
display: block;
}
.step .advantages .swiper-slide .top img:first-child {
display: block;
}
.step .advantages .swiper-slide .top img:last-child {
display: none;
}
.step .advantages .swiper-slide .bcon {
position: relative;
top: -0.01rem;
padding: 0.3rem 0.3rem 0.3rem;
background-color: #222;
}
.step .advantages .swiper-slide .bcon .t1 {
width: 100%;
font-weight: bold;
line-height: 1.3;
color: #fff;
margin-bottom: 0.25rem;
}
.step .advantages .swiper-slide .bcon .line {
width: 100%;
background: #fff;
height: 1px;
position: relative;
margin: 0.3rem 0 0.35rem;
}
.step .advantages .swiper-slide .bcon .line span {
display: inline-block;
position: absolute;
width: 0.3rem;
height: 2px;
background: #fff;
left: 0;
top: -2px;
}
.step .advantages .swiper-slide .bcon .tbox {
width: 100%;
height: 3.6em;
line-height: 1.8;
color: #fff;
}
.step .advantages .swiper-slide .bcon .icon {
position: absolute;
top: -0.7rem;
left: 50%;
transform: translateX(-50%);
transition: all ease 0.3s;
width: 0.7rem;
height: 0.7rem;
border-radius: 50%;
background: #fff;
}
.step .advantages .swiper-slide .bcon .icon img {
width: 100%;
height: 100%;
display: block;
}
.step .advantages .swiper-slide:hover .img {
top: 0.4rem;
}
.step .advantages .swiper-slide:hover .bcons {
bottom: 0.1rem;
}
.step .advantages .swiper-slide:hover .bcons .top img:first-child {
display: none;
}
.step .advantages .swiper-slide:hover .bcons .top img:last-child {
display: block;
}
.step .advantages .swiper-slide:hover .bcons .icon {
top: -1.3rem;
}
.step .advantages .swiper-slide:hover .bcons .bcon {
background: #f9be00;
}
.step .advantages .swiper-slide:nth-child(4n+1) {
transition-delay: 0.2s;
}
.step .advantages .swiper-slide:nth-child(4n+2) {
transition-delay: 0.4s;
}
.step .advantages .swiper-slide:nth-child(4n+3) {
transition-delay: 0.6s;
}
.step .advantages .swiper-slide:nth-child(4n+4) {
transition-delay: 0.8s;
}
.step .advantages .swiper-slide {
margin-right: calc((100% - 3.48rem * 4) / 3);
}
.step .advantages .swiper-slide:last-child {
margin-right: 0;
}
@media (max-width: 1300px) {
.step .advantages .swiper-slide {
width: 4.8rem;
height: 7rem;
margin-right: calc((100% - 4.8rem * 3) / 2);
}
.step .advantages .swiper-slide .img {
width: 4.62rem;
top: 0;
}
.step .advantages .swiper-slide .bcon .icon {
top: -0.9rem;
width: 0.9rem;
height: 0.9rem;
}
.step .advantages .swiper-slide:last-child {
margin-right: 0;
}
.step .advantages .swiper-slide:hover .img {
top: -0.4rem;
}
}
@media (max-width: 1000px) {
.step .advantages .swiper-slide {
width: 5.8rem;
height: 7rem;
margin: calc((100% - 5.8rem * 2) / 4);
}
.step .advantages .swiper-slide .img {
width: 5.62rem;
top: -0.4rem;
}
.step .advantages .swiper-slide .bcon .icon {
top: -1.1rem;
width: 1.1rem;
height: 1.1rem;
}
.step .advantages .swiper-slide:last-child {
margin-right: 0;
}
.step .advantages .swiper-slide:hover .img {
top: -0.8rem;
}
.step .advantages .swiper-slide:hover .bcon .icon {
top: -1.8rem;
}
}
@media (max-width: 768px) {
.step .advantages .swiper-container {
padding-bottom: 0.5rem;
}
.step .advantages .swiper-wrapper {
padding: 0.8rem 0;
}
.step .advantages .swiper-slide {
width: 5.22rem;
height: 8rem;
}
.step .advantages .swiper-slide .img {
width: 4.95rem;
top: 0.8rem;
}
.step .advantages .swiper-slide .bcon .icon {
top: -1.05rem;
width: 1.05rem;
height: 1.05rem;
}
.step .advantages .swiper-slide .bcon .tbox .txt {
font-size: 12px;
}
.step .advantages .swiper-slide:hover .img {
top: 0.4rem;
}
.step .advantages .swiper-slide:hover .bcon .icon {
top: -2rem;
}
.step .advantages .swiper-slide {
margin-right: calc((100% - 5.22rem * 1) / 2);
}
.step .advantages .swiper-slide {
margin-left: calc((100% - 5.22rem * 1) / 2);
}
.step .advantages .swiper-slide:last-child {
margin-right: calc((100% - 5.22rem * 1) / 2);
margin-left: calc((100% - 5.22rem * 1) / 2);
}
}
.story {
width: 100%;
padding: 0.6rem 0;
}
.story .modit .mit {
color: #000;
}
.story .storyiper {
width: 100%;
padding: 1rem 0;
}
.story .storyiper .swiper-wrapper {
padding: 0.5rem 0;
}
.story .storyiper .swiper-slide {
width: 100%;
position: relative;
}
.story .storyiper .swiper-slide .stem {
width: 1.46rem;
height: 1.41rem;
display: block;
margin: 0 auto;
position: relative;
cursor: pointer;
}
.story .storyiper .swiper-slide .img {
width: 100%;
height: 100%;
display: block;
}
.story .storyiper .swiper-slide .img img {
width: 100%;
height: 100%;
display: block;
}
.story .storyiper .swiper-slide .img img:first-child {
display: block;
}
.story .storyiper .swiper-slide .img img:last-child {
display: none;
}
.story .storyiper .swiper-slide .year {
position: absolute;
left: 48%;
top: 48%;
transform: translate(-50%, -50%);
color: #f9be00;
line-height: 1.5;
}
.story .storyiper .swiper-slide:hover .img img:first-child {
display: none;
}
.story .storyiper .swiper-slide:hover .img img:last-child {
display: block;
}
.story .storyiper .swiper-slide:hover .year {
color: #fff;
}
.story .storyiper .swiper-slide.on .img img:first-child {
display: none;
}
.story .storyiper .swiper-slide.on .img img:last-child {
display: block;
}
.story .storyiper .swiper-slide.on .year {
color: #fff;
}
.story .storyiper .swiper-slide:nth-child(2n+1) {
top: 0.5rem;
}
.story .storyiper .swiper-slide:nth-child(2n+2) {
top: -0.5rem;
}
.story .storylis {
width: 100%;
}
.story .storylis .storm {
width: 100%;
display: none;
}
.story .storylis .storm .stovem {
width: 100%;
font-size: 0;
margin-bottom: 0.8rem;
}
.story .storylis .storm .stovem .img {
width: calc((1000 / 1720) * 100%);
display: inline-block;
vertical-align: middle;
position: relative;
}
.story .storylis .storm .stovem .img img {
width: 100%;
height: 100%;
display: block;
}
.story .storylis .storm .stovem .img:after {
position: absolute;
content: ' ';
right: 0;
bottom: 0;
background: #fff;
height: 80%;
width: 1rem;
z-index: 2;
}
.story .storylis .storm .stovem .son {
width: calc((719 / 1720) * 100%);
display: inline-block;
vertical-align: middle;
}
.story .storylis .storm .stovem .son .sit {
width: 100%;
color: #333;
line-height: 1.5;
font-weight: bold;
display: block;
}
.story .storylis .storm .stovem .son .sit:hover {
color: #f9be00;
}
.story .storylis .storm .stovem .son .six {
width: 100%;
color: #666;
line-height: 1.5;
margin: 0.5rem 0;
display: block;
}
.story .storylis .storm .stovem .son .six:hover {
color: #f9be00;
}
.story .storylis .storm .stovem .son .sib {
width: 100%;
font-size: 0;
}
.story .storylis .storm .stovem .son .sib .ln {
display: inline-block;
vertical-align: middle;
width: 1.2rem;
height: 3px;
background: #333;
margin-right: 0.2rem;
}
.story .storylis .storm .stovem .son .sib .lx {
display: inline-block;
vertical-align: middle;
color: #666;
line-height: 1.5;
}
.story .storylis .storm .stovem .son .sib .lx:hover {
color: #f9be00;
}
.story .storylis .storm .stovem:nth-child(2n) .img:first-child {
display: none;
}
.story .storylis .storm .stovem:nth-child(2n) .img:after {
right: auto;
left: 0;
}
.story .storylis .storm.on {
display: block;
}
@media (max-width: 768px) {
.story .storylis .storm .stovem:nth-child(2n) .img:first-child {
display: block;
}
.story .storylis .storm .stovem:nth-child(2n) .img:after {
right: auto;
left: 0;
}
}
.honor {
width: 100%;
padding: 0.6rem 0;
}
.honor .lmg {
width: 100%;
position: relative;
margin-bottom: 0.6rem;
}
.honor .lmg .img {
width: 100%;
display: block;
}
.honor .lmg .img img {
width: 100%;
height: 100%;
display: block;
}
.honor .lmg .lt {
position: absolute;
z-index: 3;
bottom: 0.2rem;
left: 0.5rem;
max-width: 5.4rem;
color: #333;
line-height: 1.5;
}
.honor .honorlis {
width: 100%;
font-size: 0;
}
.honor .honorlis .honnrm {
display: inline-block;
vertical-align: top;
width: calc((362 / 1720) * 100%);
margin-bottom: 0.5rem;
margin-right: calc((89 / 1720) * 100%);
}
.honor .honorlis .honnrm .img {
width: 100%;
background-image: url("../images/70.png");
background-position: center;
background-size: 100% 100%;
background-repeat: no-repeat;
padding: 0.1rem;
}
.honor .honorlis .honnrm .img img {
width: 100%;
height: 100%;
display: block;
}
.honor .honorlis .honnrm .hit {
width: 100%;
line-height: 1.5;
margin: 0.16rem 0;
color: #333;
height: 3em;
}
.honor .honorlis .honnrm .hix {
width: 100%;
line-height: 1.5;
color: #999;
}
.honor .honorlis .honnrm:nth-child(1) {
width: calc((824 / 1720) * 100%);
margin-right: calc((70 / 1720) * 100%);
}
.honor .honorlis .honnrm:nth-child(1) .img {
background-image: url("../images/67.png");
background-position: center;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.honor .honorlis .honnrm:nth-child(2) {
width: calc((824 / 1720) * 100%);
margin-right: 0;
}
.honor .honorlis .honnrm:nth-child(2) .img {
background-image: url("../images/67.png");
background-position: center;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.honor .honorlis .honnrm:nth-child(4n+2) {
margin-right: 0;
}
@media (max-width: 768px) {
.honor .lmg .lt {
font-size: 14px;
position: relative;
margin-top: 0.3rem;
bottom: 0;
}
.honor .honorlis .honnrm {
width: 48%;
margin-right: 4%;
}
.honor .honorlis .honnrm:nth-child(1) {
width: 100%;
margin-right: 0;
}
.honor .honorlis .honnrm:nth-child(2) {
width: 100%;
margin-right: 0;
}
.honor .honorlis .honnrm:nth-child(2n) {
margin-right: 0;
}
}
.teamv {
width: 100%;
padding: 0.6rem 0;
}
.teamv .teamlis {
width: 100%;
}
.teamv .teamlis .teams {
width: 100%;
font-size: 0;
position: relative;
z-index: 3;
background-color: #fdfeff;
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 0.8rem;
}
.teamv .teamlis .teams .tmg {
width: calc((560 / 1720) * 100%);
display: inline-block;
vertical-align: bottom;
position: relative;
z-index: 5;
}
.teamv .teamlis .teams .tmg img {
width: 100%;
height: 100%;
display: block;
}
.teamv .teamlis .teams .tons {
width: calc((1150 / 1720) * 100%);
display: inline-block;
vertical-align: bottom;
padding: 0.5rem 0.9rem;
}
.teamv .teamlis .teams .tons .tbon {
width: 100%;
}
.teamv .teamlis .teams .tons .tix {
width: 100%;
margin: 0.2rem 0;
position: relative;
}
.teamv .teamlis .teams .tons .tix .tem {
width: 100%;
line-height: 1.5;
color: #333;
max-height: 3em;
transition: all ease 0.3s;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.teamv .teamlis .teams .tons .tix .none {
width: 100%;
line-height: 1.5;
color: #333;
display: none;
}
.teamv .teamlis .teams .tons .tix .tns {
position: absolute;
right: -0.3rem;
width: 0.3rem;
height: 0.3rem;
cursor: pointer;
bottom: 0;
display: none;
}
.teamv .teamlis .teams .tons .tix .tns img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0.16rem;
height: 0.09rem;
}
.teamv .teamlis .teams .tons .tix.height .tem {
-webkit-line-clamp: 100;
max-height: 500px;
}
.teamv .teamlis .teams .tons .tix.height .tns img {
transform: translate(-50%, -50%) rotate(180deg);
}
.teamv .teamlis .teams .tons .job, .teamv .teamlis .teams .tons .places {
width: 100%;
color: #333;
line-height: 1.5;
margin: 0.1rem 0;
}
.teamv .teamlis .teams .tons .places {
margin-top: -2.4vw;
}
.teamv .teamlis .teams .tons .tit {
width: 100%;
color: #333;
font-weight: bold;
line-height: 1.5;
}
.teamv .teamlis .teams .tons .a-a canvas {
height: 12.4vw;
}
.teamv .teamlis .teams .tons .imglis {
width: 100%;
font-size: 0;
transition: all ease 0.5s;
overflow: hidden;
max-height: 0;
}
.teamv .teamlis .teams .tons .imglis .im {
display: inline-block;
vertical-align: top;
width: 32%;
margin-right: 2%;
}
.teamv .teamlis .teams .tons .imglis .im img {
width: 100%;
height: 100%;
display: block;
}
.teamv .teamlis .teams .tons .imglis .im:nth-child(3n) {
margin-right: 0;
}
.teamv .teamlis .teams .tons .imglis.height {
max-height: 3rem;
}
.teamv .teamlis .teams .tons .open {
width: 100%;
font-size: 0;
margin: 0.2rem 0;
cursor: pointer;
}
.teamv .teamlis .teams .tons .open span {
display: inline-block;
vertical-align: middle;
color: #f9be00;
line-height: 1.5;
}
.teamv .teamlis .teams .tons .open .ic {
display: inline-block;
vertical-align: middle;
line-height: 1.5;
height: 1.5em;
border-radius: 50%;
text-align: center;
width: 1.5em;
color: #fff;
margin-right: 0.2rem;
background: #f9be00;
}
.teamv .teamlis .teams .en {
position: absolute;
color: rgba(249, 249, 249, 0.8);
z-index: -1;
left: 50%;
top: 0.55rem;
transform: translateX(-50%);
white-space: nowrap;
}
.teamv .teamlis .teams:after {
position: absolute;
z-index: -1;
content: ' ';
display: block;
bottom: -0.2rem;
left: -0.2rem;
width: calc((520 / 1720) * 100%);
height: 6.85rem;
background: #f9be00;
}
.teamv .teamlis .teams:nth-child(2n) .tmg:first-child {
display: none;
}
.teamv .teamlis .teams:nth-child(2n):after {
left: auto;
right: -0.2rem;
}
@media (max-width: 768px) {
.teamv .teamlis .teams:after {
display: none;
}
.teamv .teamlis .teams .en {
display: none;
}
.teamv .teamlis .teams .tons .tix .tem {
max-height: 100%;
-webkit-line-clamp: 100;
}
.teamv .teamlis .teams .tons .tix .tns {
display: none;
}
.teamv .teamlis .teams:nth-child(2n) .tmg:first-child {
display: block;
}
.teamv .teamlis .teams:nth-child(2n):after {
left: auto;
right: -0.2rem;
display: none;
}
}
.big {
width: 100%;
padding-top: 0.8rem;
}
.big .modit {
position: relative;
margin-bottom: 0;
}
.big .modit .w1720 {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.advs {
width: 100%;
padding-top: calc((830 / 1920) * 100vw);
position: relative;
}
.advs .advsn {
width: 1920px;
height: 830px;
display: block;
position: absolute;
z-index: 3;
left: 0;
top: 0;
transform-origin: 0 0;
}
.advs .modit {
position: absolute;
top: 0.8rem;
left: 50%;
transform: translateX(-50%);
}
.advs .modit .w1720 {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.advs .modit .mit {
font-size: 36px !important;
}
.advs .modit .more {
font-size: 14px !important;
}
.advs .showlis {
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
z-index: 4;
}
.advs .showlis .shoem {
position: absolute;
z-index: 5;
font-size: 0;
width: 3rem;
width: 300px;
}
.advs .showlis .shoem .icon {
width: 0.56rem;
height: 0.56rem;
width: 56px;
height: 56px;
display: inline-block;
vertical-align: middle;
}
.advs .showlis .shoem .som {
width: calc(100% - 0.56rem);
width: calc(100% - 56px);
display: inline-block;
vertical-align: middle;
padding-left: 0.2rem;
padding-left: 20px;
}
.advs .showlis .shoem .som .sit {
width: 100%;
font-weight: bold;
color: #fff;
line-height: 1.5;
font-size: 32px !important;
}
.advs .showlis .shoem .som .siv {
width: 100%;
color: #ccc;
line-height: 1.5;
opacity: 0;
height: 0;
font-size: 18px !important;
transition: all ease 0.3s;
}
.advs .showlis .shoem .stm {
width: 100%;
transition: all ease 0.3s;
position: relative;
top: 0;
}
.advs .showlis .shoem:nth-child(1) {
top: 180px;
left: 415px;
}
.advs .showlis .shoem:nth-child(2) {
top: 278px;
left: 1489px;
}
.advs .showlis .shoem:nth-child(3) {
top: 403px;
left: 215px;
}
.advs .showlis .shoem:nth-child(4) {
top: 575px;
left: 1393px;
}
.advs .showlis .shoem:nth-child(5) {
top: 635px;
left: 342px;
}
.advs .showlis .shoem:hover .stm {
top: -0.2rem;
}
.advs .showlis .shoem:hover .siv {
opacity: 1;
height: auto;
}
.rightnav {
position: fixed;
right: 0;
top: 60%;
transform: translateY(-50%);
z-index: 10;
}
.rightnav .rtem {
display: block;
position: relative;
background: #2d2d2e;
transition: all ease 0.3s;
position: absolute;
right: 0;
top: 0;
font-size: 0;
}
.rightnav .rtem a {
width: 100%;
height: 100%;
display: block;
}
.rightnav .rtem .ic {
display: inline-block;
vertical-align: middle;
width: 0.6rem;
height: 0.6rem;
position: relative;
line-height: 1;
}
.rightnav .rtem img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.rightnav .rtem .name {
display: inline-block;
vertical-align: middle;
width: 0;
line-height: 0;
color: #fff;
overflow: hidden;
}
.rightnav .rtem:nth-child(2) {
position: absolute;
top: 0.7rem;
right: 0;
}
.rightnav .rtem:hover {
background: #f9be00;
width: calc(0.6rem + 100px + 0.2rem);
}
.rightnav .rtem:hover .name {
width: 100px;
line-height: 1;
}
@media (max-width: 768px) {
.rightnav {
width: 1rem;
}
.rightnav .rtem .ic {
width: 1rem;
height: 1rem;
}
.rightnav .rtem:nth-child(2) {
top: 1.1rem;
}
.rightnav .rtem:hover {
width: calc(1rem + 60px + 0.2rem);
}
.rightnav .rtem:hover .name {
width: 60px;
}
}
.setup {
width: 100%;
background: #2d2d2e;
padding: 0.8rem 0;
}
.setup .setiper {
width: 100%;
}
.setup .setiper .swiper-slide {
width: 100%;
position: relative;
padding: 0.6rem 0;
top: 0;
transition: all ease 0.3s;
}
.setup .setiper .swiper-slide .img {
width: calc((580 / 720) * 100%);
display: block;
float: right;
overflow: hidden;
}
.setup .setiper .swiper-slide .img a, .setup .setiper .swiper-slide .img img {
width: 100%;
height: 100%;
display: block;
}
.setup .setiper .swiper-slide .img img {
transition: all ease 0.3s;
}
.setup .setiper .swiper-slide .ldox {
width: 3rem;
width: calc((300 / 720) * 100%);
position: absolute;
bottom: 0;
left: 0;
background: #fff;
padding: 0.3rem;
}
.setup .setiper .swiper-slide .ldox .lc {
width: 100%;
color: #333;
line-height: 1.5;
}
.setup .setiper .swiper-slide .ldox .line {
width: 100%;
font-size: 0;
margin: 0.16rem 0;
}
.setup .setiper .swiper-slide .ldox .line span {
display: inline-block;
vertical-align: middle;
width: 0.35rem;
height: 3px;
background: #f9be00;
}
.setup .setiper .swiper-slide .ldox .lv {
width: 100%;
line-height: 1.5;
height: 3em;
color: #666;
margin: 0.2rem 0;
}
.setup .setiper .swiper-slide .ldox .morx {
width: 100%;
color: #999;
line-height: 1.5;
}
.setup .setiper .swiper-slide:hover {
top: -0.2rem;
}
.setup .setiper .swiper-slide:hover .img img {
transform: scale(1.1);
}
.setup .setiper .swiper-slide:hover .ldox {
background: #141414;
}
.setup .setiper .swiper-slide:hover .ldox .lc {
color: #fff;
}
.setup .setiper .swiper-slide:hover .ldox .lv {
color: #fff;
}
.setup .setiper .swiper-slide:hover .ldox .morx {
color: #f9be00;
}
.setup .setiper .swiper-container {
padding-bottom: 0.6rem;
}
.setup .setiper .swiper-scrollbar {
background: #6c6c6d;
}
.setup .setiper .swiper-scrollbar-drag {
background: #f9be00;
}
.team {
width: 100%;
padding-top: calc((830 / 1920) * 100vw);
position: relative;
}
.team .teaxm {
width: 1920px;
height: 830px;
display: block;
position: absolute;
z-index: 3;
left: 0;
top: 0;
transform-origin: 0 0;
}
.team .modit {
position: relative;
padding-top: 80px;
}
.team .modit .w1720 {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.team .modit .mit {
font-size: 36px !important;
}
.team .modit .more {
font-size: 14px !important;
}
.team .teamiper {
width: 100%;
position: relative;
}
.team .teamiper .swiper-wrapper {
padding: 70px 0;
}
.team .teamiper .swiper-slide {
width: 100%;
width: 280px;
height: 480px;
margin: 0 -35px 0 -35px;
position: relative;
top: 0px;
}
.team .teamiper .swiper-slide .img {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.team .teamiper .swiper-slide .img svg {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
transition: all ease 0.3s;
}
.team .teamiper .swiper-slide .img svg a {
width: 100%;
height: 100%;
position: relative;
}
.team .teamiper .swiper-slide .img svg .mg {
display: none;
}
.team .teamiper .swiper-slide .tx {
width: 100%;
position: absolute;
bottom: 0.14rem;
color: #fff;
font-weight: bold;
line-height: 1.5;
text-align: center;
font-style: italic;
left: 0;
max-width: 200px;
}
.team .teamiper .swiper-slide:hover .img svg {
transform: scale(1.05);
}
.team .teamiper .swiper-slide:hover .img svg .mg {
display: block;
}
.team .teamiper .swiper-slide:nth-child(2n) {
top: 70px;
left: -10px;
}
.team .teamiper .btn {
position: absolute;
z-index: 5;
top: 50%;
transform: translateY(-50%);
width: 56px;
height: 56px;
cursor: pointer;
display: block;
}
.team .teamiper .btn img {
width: 100%;
height: 100%;
display: block;
}
.team .teamiper .btn img:first-child {
display: block;
}
.team .teamiper .btn img:last-child {
display: none;
}
.team .teamiper .btn:hover img:first-child {
display: none;
}
.team .teamiper .btn:hover img:last-child {
display: block;
}
.team .teamiper .bl {
left: 0;
}
.team .teamiper .br {
right: 0;
}
.news {
width: 100%;
display: block;
height: 100%;
font-size: 0;
}
.news .nel {
display: inline-block;
vertical-align: middle;
width: calc((1160 / 1920) * 100%);
height: 100%;
position: relative;
}
.news .nel .swiper-slide {
width: 100%;
height: 6.7rem;
position: relative;
display: block;
overflow: hidden;
}
.news .nel .swiper-slide img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.news .nel .swiper-slide .lbox {
position: absolute;
left: 0;
bottom: 0;
background: #fff;
padding: 0.3rem 0.4rem;
max-width: calc((800 / 1160) * 100%);
}
.news .nel .swiper-slide .lbox .lt {
width: 100%;
color: #333;
font-weight: bold;
margin-bottom: 0.1rem;
line-height: 1.4;
}
.news .nel .swiper-slide .lbox .lx {
width: 100%;
color: #666;
line-height: 1.5;
margin: 0.1rem 0;
}
.news .nel .swiper-slide .lbox .lb {
width: 100%;
font-size: 0;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.news .nel .swiper-slide .lbox .lb .btn {
display: inline-block;
vertical-align: middle;
width: 0.4rem;
height: 0.4rem;
border: solid 1px #dcdcdc;
position: relative;
}
.news .nel .swiper-slide .lbox .lb .btn img {
position: absolute;
left: 50%;
top: 50%;
width: 0.07rem;
height: 0.12rem;
transform: translate(-50%, -50%);
display: block;
}
.news .nel .swiper-slide .lbox .lb .time {
display: inline-block;
vertical-align: middle;
color: #666;
line-height: 1.5;
}
.news .nel .swiper-slide:hover img {
transform: scale(1.1);
}
.news .nel .swiper-slide:hover .lbox .btn {
border: solid 1px #f9be00;
background: #f9be00;
}
.news .nel .swiper-pagination {
width: auto;
left: auto;
right: 0.2rem;
bottom: 0.5rem;
}
.news .nel .swiper-pagination-bullet {
width: 0.5rem;
height: 4px;
background: #fff;
opacity: 1;
border-radius: 0;
margin: 0 0.14rem;
}
.news .nel .swiper-pagination-bullet-active {
background: #f9be00;
}
.news .ner {
display: inline-block;
vertical-align: middle;
width: calc((760 / 1920) * 100%);
height: 100%;
}
.news .ner .neram {
width: 100%;
position: relative;
height: 3.35rem;
}
.news .ner .neram a, .news .ner .neram img {
width: 100%;
height: 100%;
display: block;
}
.news .ner .neram a {
overflow: hidden;
}
.news .ner .neram img {
transition: all ease 0.3s;
}
.news .ner .neram:hover img {
transform: scale(1.1);
}
.news .nit {
width: auto;
position: absolute;
top: 0.4rem;
left: 0.4rem;
color: #fff;
font-weight: bold;
z-index: 3;
}
.news .nit:before {
position: absolute;
z-index: 2;
content: ' ';
width: 0.5rem;
height: 0.5rem;
left: -0.2rem;
top: -0.2rem;
background-image: url("../images/14.png");
background-position: center;
background-size: 100% 100%;
}
.news .nit:after {
position: absolute;
bottom: 0.04rem;
right: -0.14rem;
z-index: 2;
content: ' ';
width: 0.06rem;
height: 0.06rem;
background: #f9be00;
}
footer {
width: 100%;
background: #141414;
}
footer .ftop {
width: 100%;
padding: 0.8rem 0 0.6rem;
font-size: 0;
}
footer .ftop .ftl {
width: calc((300 / 1720) * 100%);
display: inline-block;
vertical-align: top;
position: relative;
}
footer .ftop .ftl .logo {
width: 2.11rem;
display: inline-block;
vertical-align: top;
}
footer .ftop .ftl .logo a, footer .ftop .ftl .logo img {
width: 100%;
height: 100%;
display: block;
}
footer .ftop .ftl .share {
width: 100%;
font-size: 0;
margin-top: 0.5rem;
}
footer .ftop .ftl .share a {
display: inline-block;
vertical-align: middle;
width: 0.5rem;
height: 0.5rem;
margin-right: 0.3rem;
position: relative;
}
footer .ftop .ftl .share a > img {
width: 100%;
height: 100%;
display: block;
}
footer .ftop .ftl .share a > img:first-child {
display: block;
}
footer .ftop .ftl .share a > img:last-child {
display: none;
}
footer .ftop .ftl .share a .code {
position: absolute;
bottom: 130%;
left: 50%;
transform: translateX(-50%);
width: 1rem;
height: 1rem;
display: none;
}
footer .ftop .ftl .share a .code img {
width: 100%;
height: 100%;
display: block;
}
footer .ftop .ftl .share a:hover > img:first-child {
display: none;
}
footer .ftop .ftl .share a:hover > img:last-child {
display: block;
}
footer .ftop .ftl .share a:hover .code {
display: block;
}
footer .ftop .ftm {
width: calc((1070 / 1720) * 100%);
display: inline-block;
vertical-align: top;
border-left: solid 1px #2c2c2c;
border-right: solid 1px #2c2c2c;
font-size: 0;
padding-left: calc((70 / 1720) * 100%);
}
footer .ftop .ftm .flist {
display: inline-block;
vertical-align: top;
width: calc((340 / 1030) * 100%);
}
footer .ftop .ftm .flist .ftip {
width: 100%;
color: #fff;
font-weight: bold;
line-height: 1.5;
margin-bottom: 0.3rem;
}
footer .ftop .ftm .flist .ful {
width: 100%;
}
footer .ftop .ftm .flist .ful .fli {
width: 100%;
color: #828282;
line-height: 2;
display: block;
}
footer .ftop .ftm .flist .ful .fli:hover {
color: #fff;
}
footer .ftop .ftr {
width: calc((350 / 1720) * 100%);
display: inline-block;
vertical-align: top;
padding-left: calc((50 / 1720) * 100%);
}
footer .ftop .ftr .ri {
color: #fff;
line-height: 1.5;
width: 100%;
}
footer .ftop .ftr .rx {
width: 100%;
color: #fff;
line-height: 1.4;
margin: 0.1rem 0;
}
footer .ftop .ftr .time {
width: 100%;
color: #828282;
line-height: 1.5;
}
footer .ftop .ftr .kf {
width: 100%;
margin-top: 0.3rem;
}
footer .ftop .ftr .kf a {
background: #f9be00;
width: auto;
padding: 0 0.3rem;
color: #333;
line-height: 2.5;
display: inline-block;
vertical-align: middle;
}
footer .ftop .ftr .kf a i {
display: inline-block;
vertical-align: middle;
width: 0.18rem;
height: 0.18rem;
margin-right: 0.1rem;
}
footer .ftop .ftr .kf a i img {
width: 100%;
height: 100%;
display: block;
}
footer .fbot {
width: 100%;
overflow: hidden;
border-top: solid 1px #2c2c2c;
}
footer .fbot .fl {
float: left;
color: #828282;
line-height: 3;
}
footer .fbot .fr {
float: right;
line-height: 3;
font-size: 0;
}
footer .fbot .fr span {
display: inline-block;
vertical-align: middle;
color: #828282;
line-height: 3;
margin-right: 0.2rem;
}
footer .fbot .fr a {
display: inline-block;
vertical-align: middle;
color: #828282;
line-height: 3;
margin-right: 0.1rem;
}
@media (max-width: 768px) {
footer .ftop .ftl {
width: 100%;
}
footer .ftop .ftl .share {
margin-top: 0.2rem;
}
footer .ftop .ftm {
width: 100%;
border: none;
padding-left: 0;
margin: 0.28rem 0;
}
footer .ftop .ftm .flist {
width: 100%;
margin-bottom: 0.28rem;
}
footer .ftop .ftm .flist .ftip {
margin-bottom: 0.2rem;
}
footer .ftop .ftm .flist .ful {
font-size: 0;
}
footer .ftop .ftm .flist .ful .fli {
width: auto;
display: inline-block;
vertical-align: top;
margin-right: 0.2rem;
}
footer .ftop .ftr {
width: 100%;
padding-left: 0;
}
footer .fbot .fl {
line-height: 2.5;
}
footer .fbot .fr span, footer .fbot .fr a {
line-height: 2.5;
}
}
.setups {
width: 100%;
padding-bottom: 1rem;
position: relative;
margin-bottom: 0.6rem;
}
.setups .modit {
justify-content: center;
margin-bottom: 0.7rem;
}
.setups .modit .mit {
color: #333;
}
.setups .setcm {
width: 100%;
font-size: 0;
margin-bottom: 0.6rem;
}
.setups .setcm .sel {
display: inline-block;
vertical-align: middle;
width: calc((870 / 1720) * 100%);
}
.setups .setcm .sel img {
width: 100%;
height: 100%;
display: block;
}
.setups .setcm .ser {
display: inline-block;
vertical-align: middle;
width: calc((850 / 1720) * 100%);
padding-left: 0.8rem;
}
.setups .setcm .ser .sit {
width: 100%;
color: #333;
font-weight: bold;
line-height: 1.5;
}
.setups .setcm .ser .six {
width: 100%;
margin: 0.4rem 0;
color: #666;
line-height: 1.8;
}
.setups .setcm .ser .setlis {
width: 100%;
font-size: 0;
}
.setups .setcm .ser .setlis .sems {
width: auto;
display: inline-block;
vertical-align: top;
margin: 0 0.4rem;
}
.setups .setcm .ser .setlis .sems .icon {
width: 0.7rem;
height: 0.7rem;
display: block;
margin: 0 auto 0.1rem;
}
.setups .setcm .ser .setlis .sems .icon img {
width: 100%;
height: 100%;
display: block;
}
.setups .setcm .ser .setlis .sems .ix {
width: 100%;
color: #333;
line-height: 1.5;
text-align: center;
}
.setups .whyem {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
flex-wrap: wrap;
}
.setups .whyem .wl {
display: inline-block;
vertical-align: middle;
width: calc((870 / 1720) * 100%);
color: #333;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.8;
}
.setups .whyem .wl p {
color: #333;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.8;
}
.setups .whyem .wr {
display: inline-block;
vertical-align: middle;
width: calc((850 / 1720) * 100%);
padding-left: 0.8rem;
}
.setups .whyem .wr .img {
width: 100%;
display: block;
position: relative;
}
.setups .whyem .wr .img img {
width: 100%;
height: 100%;
display: block;
}
.setups .whyem .wr .wit {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
left: 0rem;
}
.setups .whyem .wr .wit .wt {
width: 100%;
color: #333;
font-weight: bold;
line-height: 1.8;
position: relative;
padding-top: 0.2rem;
}
.setups .whyem .wr .wit .wt:after {
content: ' ';
position: absolute;
z-index: 4;
top: 0;
width: 1rem;
background: #f9be00;
height: 0.1rem;
left: 0;
}
.setups .line {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 5;
}
.setups .line img {
width: 100%;
height: 100%;
display: block;
}
.direction {
width: 100%;
padding: 0.5rem 0;
}
.direction .dits {
width: 100%;
text-align: center;
color: #fff;
line-height: 1.5;
font-weight: bold;
margin-bottom: 0.5rem;
}
.direction .direciper {
width: 100%;
}
.direction .direciper .swiper-wrapper {
align-items: flex-end;
min-height: 4rem;
}
.direction .direciper .swiper-slide {
transition: all ease 0.3s;
position: relative;
}
.direction .direciper .swiper-slide .icon {
width: 1.14rem;
display: block;
margin: 0 auto 0.16rem;
transition: all ease 0.3s;
border-radius: 50%;
overflow: hidden;
}
.direction .direciper .swiper-slide .icon img {
width: 100%;
height: 100%;
display: block;
}
.direction .direciper .swiper-slide .tix {
width: 100%;
text-align: center;
color: #fff;
line-height: 1.5;
}
.direction .direciper .swiper-slide-active .icon {
width: 100%;
}
.direction .direciper .swiper-slide-active .tix {
color: #f9be00;
}
.outline {
width: 100%;
padding: 0.5rem 0;
}
.outline .oit {
width: 100%;
text-align: center;
color: #333;
line-height: 1.5;
margin-bottom: 0.4rem;
}
.outline .outlis {
width: 100%;
font-size: 0;
}
.outline .outlis .outem {
display: inline-block;
vertical-align: top;
width: calc((500 / 1720) * 100%);
margin-right: calc((72 / 1720) * 100%);
margin-bottom: 0.2rem;
background: #f0f0f0;
border-radius: 0.1rem;
}
.outline .outlis .outem .img {
width: 100%;
display: block;
position: relative;
}
.outline .outlis .outem .img img {
width: 100%;
height: 100%;
display: block;
}
.outline .outlis .outem .img .tis {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
left: 0;
font-size: 0;
}
.outline .outlis .outem .img .tis .num {
display: inline-block;
color: #fff;
margin-right: 0.14rem;
}
.outline .outlis .outem .img .tis .nx {
display: inline-block;
position: relative;
top: -0.04rem;
color: #fff;
}
.outline .outlis .outem .label {
width: 100%;
font-size: 0;
padding: 0 0.3rem 0.2rem;
height: 5rem;
}
.outline .outlis .outem .label .lab {
display: inline-block;
vertical-align: top;
width: auto;
border: solid 1px #999;
margin-right: 0.1rem;
margin-bottom: 0.1rem;
padding: 0 0.14rem;
color: #333;
line-height: 2.5;
}
.outline .outlis .outem:hover .img .tis .num, .outline .outlis .outem:hover .img .tis .nx {
color: #f9be00;
}
.outline .outlis .outem:nth-child(3n) {
margin-right: 0;
}
.Popup {
position: fixed;
width: 100%;
height: 100%;
opacity: 0;
display: block;
background: rgba(0, 0, 0, 0.5);
left: 0;
left: -10000px;
top: 0;
transition: all ease 0.3s;
z-index: -1000;
}
.Popup .popem {
background: #fff;
padding: 4.5523% 10.24% 6.0836% 10.24%;
position: absolute;
width: 13rem;
left: 50%;
top: 50%;
opacity: 0;
transform: translate(-50%, -50%) scale(0);
transition: all ease 0.3s;
}
.Popup .popem .cloxe {
width: 0.54rem;
height: 0.54rem;
display: block;
position: absolute;
border-radius: 50%;
right: 5%;
top: 5%;
cursor: pointer;
}
.Popup .popem .cloxe img {
width: 100%;
height: 100%;
display: block;
}
.Popup .popem .pit {
width: 100%;
text-align: center;
color: #333;
line-height: 1.5;
margin-bottom: 0.3rem;
}
.Popup .popem .pons {
width: 100%;
height: 50vh;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 1.5;
color: #888;
}
.Popup .popem .pons p {
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 1.5;
color: #888;
}
.Popup .popem .pons img {
max-width: 100%;
}
.Popup .popem .mCSB_inside > .mCSB_container {
margin-right: 16px;
}
.Popup .popem.on {
z-index: 125;
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.Popup.show {
opacity: 1;
left: 0;
z-index: 120;
}
@media (max-width: 1200px) {
.Popup .popem {
width: 90%;
padding: 8% 6%;
}
.Popup .popem .pons {
height: 70vh;
}
.Popup .popem .cloxe {
top: 3%;
}
}
.kfpop {
position: fixed;
width: 100%;
height: 100%;
opacity: 0;
display: block;
background: rgba(0, 0, 0, 0.5);
left: 0;
left: -10000px;
top: 0;
transition: all ease 0.3s;
z-index: -1000;
}
.kfpop .kox {
background: #fff;
padding: 0.8rem;
position: absolute;
width: 6rem;
left: 50%;
top: 50%;
opacity: 0;
width: 100%;
max-width: 6rem;
transition: all ease 0.3s;
z-index: 125;
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.kfpop .kox .codelis {
width: 100%;
font-size: 0;
text-align: center;
}
.kfpop .kox .codelis .code {
display: inline-block;
vertical-align: top;
margin: 0 0.3rem;
}
.kfpop .kox .codelis .code .img {
width: 1.6rem;
height: 1.6rem;
display: block;
}
.kfpop .kox .codelis .code .img img {
width: 100%;
display: block;
}
.kfpop .kox .codelis .code .tix {
width: 100%;
text-align: center;
color: #333;
line-height: 2;
}
.kfpop .kox .cloxm {
width: 0.4rem;
height: 0.4rem;
display: block;
position: absolute;
border-radius: 50%;
right: 5%;
top: 5%;
cursor: pointer;
}
.kfpop .kox .cloxm img {
width: 100%;
height: 100%;
display: block;
}
.kfpop.show {
opacity: 1;
left: 0;
z-index: 120;
}
/*视频容器样式*/
.v-a {
position: fixed;
left: 0;
top: 120%;
width: 100%;
height: 100%;
background-color: #000;
z-index: 10000000;
transition: top .5s ease-in-out;
}
.v-a.show {
top: 0;
}
.v-a.show .v-e {
visibility: visible;
}
.v-a.show .v-f {
display: block;
}
.v-b {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.v-c {
display: block;
width: 40px;
height: 40px;
background-color: #f9be00;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.v-d {
display: block;
width: 100%;
height: 100%;
font-size: 21px;
text-align: center;
line-height: 40px;
color: #fff;
}
.v-e {
visibility: hidden;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0px;
bottom: 0px;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.v-f {
display: none;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 1000px;
transform: translate(-50%, -50%);
}
.appner {
width: 100%;
}
.appner .img {
width: 100%;
height: 3.15rem;
position: relative;
}
.appner .img .imx {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
}
.appner .img .imx .form {
width: 100%;
margin-top: 0.4rem;
text-align: center;
}
.appner .img .imx .form form {
width: 100%;
display: block;
}
.appner .img .imx .form .select {
font-size: 0;
background-color: transparent;
border-radius: 5px;
border: solid 1px #333;
display: inline-block;
vertical-align: middle;
width: 2rem;
margin: 0 0.2rem;
text-align: left;
}
.appner .img .imx .form .select .select-con {
width: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
padding: 0 0.2rem;
}
.appner .img .imx .form .select .select-con .select-value {
display: block;
width: 100%;
line-height: 2.8;
height: 2.8em;
color: #333;
padding-right: 0.4rem;
}
.appner .img .imx .form .select .select-con select {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
opacity: 0;
}
.appner .img .imx .form .select .select-con select option {
color: #333;
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 2.8;
background: #fff;
}
.appner .img .imx .form .select .select-con:after {
display: inline-block;
content: "";
position: absolute;
right: 0.15rem;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 0.16rem;
height: 0.09rem;
width: 9px;
height: 6px;
background-image: url("../images/ji4.png");
background-size: 100%;
}
.appner .img .imx .form .select .select-con:before {
display: inline-block;
content: "";
position: absolute;
right: 0.4rem;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 1px;
height: 0.15rem;
background-color: #333;
opacity: 0.8;
}
.applyom {
width: 100%;
padding: 0.8rem 0;
}
.applyom .apl {
display: inline-block;
vertical-align: top;
width: calc((310 / 1400) * 100%);
margin-right: calc((59 / 1400) * 100%);
border: solid 1px #eeeeee;
background-color: #fff;
}
.applyom .apl .aplem {
width: 100%;
display: block;
font-size: 0;
padding: 0.3rem 0.3rem;
cursor: pointer;
position: relative;
background-color: #fff;
}
.applyom .apl .aplem .icon {
display: inline-block;
vertical-align: middle;
width: 0.3rem;
height: 0.3rem;
margin-right: 0.2rem;
}
.applyom .apl .aplem .icon img {
width: 100%;
display: block;
}
.applyom .apl .aplem .icon img:first-child {
display: block;
}
.applyom .apl .aplem .icon img:last-child {
display: none;
}
.applyom .apl .aplem .vic {
display: inline-block;
vertical-align: middle;
width: 0.2rem;
height: 0.2rem;
margin-left: 0.1rem;
}
.applyom .apl .aplem .vic img {
width: 100%;
display: block;
}
.applyom .apl .aplem .vic img:first-child {
display: none;
}
.applyom .apl .aplem .vic img:last-child {
display: block;
}
.applyom .apl .aplem .apx {
display: inline-block;
vertical-align: middle;
width: calc(100% - 0.5rem - 0.3rem);
color: #333;
line-height: 1.8;
}
.applyom .apl .aplem.on {
background-color: #f8f8f8;
}
.applyom .apl .aplem.on .icon img:first-child {
display: none;
}
.applyom .apl .aplem.on .icon img:last-child {
display: block;
}
.applyom .apl .aplem.on .apx {
color: #f9be00;
}
.applyom .apl .aplem.on:after {
content: ' ';
position: absolute;
left: 0;
}
.applyom .apl .aplem.complete .vic img:first-child {
display: block;
}
.applyom .apl .aplem.complete .vic img:last-child {
display: none;
}
.applyom .apr {
display: inline-block;
vertical-align: top;
width: calc((1030 / 1400) * 100%);
}
.applyom .apr .aprom {
width: 100%;
display: none;
}
.applyom .apr .aprom.on {
display: block;
}
.applyom .apr .ptem {
width: 100%;
border: solid 1px #eeeeee;
}
.applyom .apr .ptem .pead {
width: 100%;
background-color: #f1f1f1;
padding: 0 0.3rem;
line-height: 0.8rem;
color: #333;
position: relative;
}
.applyom .apr .ptem .pead:after {
content: ' ';
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 9px;
background-image: url("../images/ji3.png");
right: 0.3rem;
background-size: 100% 100%;
display: none;
}
.applyom .apr .ptem .pecon {
width: 100%;
}
.applyom .apr .ptem .pecon .information {
width: 100%;
display: flex;
}
.applyom .apr .ptem .pecon .information .inr {
display: inline-block;
vertical-align: middle;
width: calc((230 / 1030) * 100%);
border-left: solid 1px #eee;
}
.applyom .apr .ptem .pecon .information .inl {
display: inline-block;
vertical-align: middle;
width: calc((800 / 1030) * 100%);
}
.applyom .apr .ptem .pecon .information .inls {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
}
.applyom .apr .ptem .pecon .information .tdm {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
padding: 0.2rem;
}
.applyom .apr .ptem .pecon .information .head {
display: block;
margin: 0 auto 0.2rem;
width: 1.4rem;
height: 1.6rem;
position: relative;
background-color: #f8f8f8;
border-radius: 4px;
border: solid 1px #f1f1f1;
overflow: hidden;
}
.applyom .apr .ptem .pecon .information .head .add {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0.3rem;
height: 0.3rem;
}
.applyom .apr .ptem .pecon .information .head .add img {
width: 100%;
display: block;
}
.applyom .apr .ptem .pecon .information .head .mg {
position: relative;
width: 100%;
height: 100%;
display: block;
}
.applyom .apr .ptem .pecon .information .head input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
z-index: 5;
opacity: 0;
}
.applyom .apr .ptem .pecon .information .tix {
width: 100%;
text-align: center;
color: #666;
line-height: 1.5;
}
.applyom .apr .ptem .pecon .information .tr {
width: 100%;
display: flex;
}
.applyom .apr .ptem .pecon .information .tr .td {
width: 50%;
}
.applyom .apr .ptem .pecon .information .tr .td + .td {
border-left: solid 1px #eee;
}
.applyom .apr .ptem .pecon .information .tr .td.w100 {
width: 100%;
}
.applyom .apr .ptem .pecon .information .tr .td.w100 .inpuc .name {
/*width: 1.6rem;*/
}
.applyom .apr .ptem .pecon .information .tr .td.w100 .inpuc .select {
width: 2.4rem;
margin-right: 0.2rem;
}
.applyom .apr .ptem .pecon .information .tr .td.w100 .inpuc .inc {
width: calc(100% - 2.6rem - 1.61rem);
display: inline-block;
vertical-align: middle;
}
.applyom .apr .ptem .pecon .information .tr .td.w100 .inpuc .inc.short{
width: 2.4rem;
}
@media (max-width: 800px){
.applyom .apr .ptem .pecon .information .tr .td.w100 .inpuc .inc.short{
width: calc(100% - 2.2rem);
}
}
.applyom .apr .ptem .pecon .information .tr .td.w100 .inpuc .inc.vhort{
width: calc(50% - 1.6rem);
}
@media (max-width: 800px){
.applyom .apr .ptem .pecon .information .tr .td.w100 .inpuc .inc.vhort{
width: calc(100% - 2.2rem);
}
}
.applyom .apr .ptem .pecon .information .tr + .tr {
border-top: solid 1px #eee;
}
.applyom .apr .ptem .pecon .information .inpuc {
width: 100%;
font-size: 0;
}
.applyom .apr .ptem .pecon .information .inpuc .name {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1.5;
text-align: justify;
width: 1.4rem;
padding-right: 0.1rem;
text-align: right;
}
.applyom .apr .ptem .pecon .information .inpuc .inc {
display: inline-block;
vertical-align: middle;
width: calc(100% - 1.4rem);
background-color: #f8f8f8;
border-radius: 4px;
border: solid 1px #f1f1f1;
line-height: 2.8;
height: 2.8em;
padding: 0 0.2rem;
}
.applyom .apr .ptem .pecon .information .inpuc .select {
font-size: 0;
display: inline-block;
vertical-align: middle;
width: calc(100% - 1.4rem);
}
.applyom .apr .ptem .pecon .information .inpuc .select .select-con {
width: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
}
.applyom .apr .ptem .pecon .information .inpuc .select .select-con .select-value {
display: block;
width: 100%;
background-color: #f8f8f8;
border-radius: 4px;
border: solid 1px #f1f1f1;
line-height: 2.8;
height: 2.8em;
padding: 0 0.2rem;
}
.applyom .apr .ptem .pecon .information .inpuc .select .select-con select {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
opacity: 0;
}
.applyom .apr .ptem .pecon .information .inpuc .select .select-con select option {
color: #333;
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 2.8;
background: #fff;
}
.applyom .apr .ptem .pecon .information .inpuc .select .select-con:after {
display: inline-block;
content: "";
position: absolute;
right: 0.15rem;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 0.16rem;
height: 0.09rem;
width: 9px;
height: 6px;
background-image: url("../images/ji4.png");
background-size: 100%;
}
.applyom .apr .ptem .pecon .information .inpuc .select .select-con:before {
display: inline-block;
content: "";
position: absolute;
right: 0.4rem;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 1px;
height: 0.15rem;
background-color: #333;
opacity: 0.8;
}
.applyom .apr .ptem .pecon .information .inpuc .tic {
width: calc(100% - 1.4rem);
display: inline-block;
vertical-align: middle;
color: #666;
line-height: 1.5;
text-align: left;
margin-top: 0.1rem;
}
.applyom .apr .ptem .pecon .information .inpuc .tic span {
color: #ff0000;
}
.applyom .apr .ptem .pecon .information .inpuc.nic {
text-align: right;
}
.applyom .apr .ptem .pecon .casket {
width: 100%;
}
.applyom .apr .ptem .pecon .casket .tdm {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
padding: 0.2rem;
}
.applyom .apr .ptem .pecon .casket .tr {
width: 100%;
display: flex;
}
.applyom .apr .ptem .pecon .casket .tr .td {
width: 50%;
}
.applyom .apr .ptem .pecon .casket .tr .td + .td {
border-left: solid 1px #eee;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 {
width: 100%;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc {
display: inline-block;
vertical-align: middle;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .inc {
display: inline-block;
vertical-align: middle;
width: 2.2rem;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .inc.long{
width: calc(100% - 1.4rem);
max-width: 100%;
}
@media (max-width: 800px) {
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .inc.long{
width: calc(100% - 2rem);
max-width: 100%;
}
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .mt {
display: inline-block;
vertical-align: middle;
margin: 0 0.1rem;
color: #666;
line-height: 1.5;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .label {
display: inline-block;
vertical-align: middle;
width: auto;
margin-right: 0.24rem;
position: relative;
margin-left: 0.24rem;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .label .icon {
display: inline-block;
vertical-align: middle;
width: 0.15rem;
height: 0.15rem;
margin-right: 0.1rem;
width: 15px;
height: 15px;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .label .icon img {
width: 100%;
display: block;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .label .icon img:first-child {
display: block;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .label .icon img:last-child {
display: none;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .label .text {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1.8;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .label .iut {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: block;
opacity: 0;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .label.selected .icon img:first-child {
display: none;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .label.selected .icon img:last-child {
display: block;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .label.selected .text {
color: #f9be00;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .select{
max-width: calc(50% - 1.4rem);
}
@media (max-width: 800px) {
.applyom .apr .ptem .pecon .casket .tr .td.w100 .select{
max-width: 100%;
text-align: left;
}
}
.applyom .apr .ptem .pecon .casket .tr + .tr {
border-top: solid 1px #eee;
}
.applyom .apr .ptem .pecon .casket .inpuc {
width: 100%;
font-size: 0;
}
.applyom .apr .ptem .pecon .casket .inpuc .name {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1.5;
text-align: right;
width: 1.4rem;
padding-right: 0.1rem;
text-align: right;
/* white-space: nowrap; */
}
.applyom .apr .ptem .pecon .casket .inpuc .name i {
color: #ff0000;
}
.applyom .apr .ptem .pecon .casket .inpuc .inc {
display: inline-block;
vertical-align: middle;
width: calc(100% - 1.4rem);
background-color: #f8f8f8;
border-radius: 4px;
border: solid 1px #f1f1f1;
line-height: 2.8;
height: 2.8em;
padding: 0 0.2rem;
}
.applyom .apr .ptem .pecon .casket .inpuc .inc.disabled {
background-color: #f1f1f1;
cursor: no-drop;
}
.applyom .apr .ptem .pecon .casket .inpuc .select {
font-size: 0;
display: inline-block;
vertical-align: middle;
width: calc(100% - 1.4rem);
}
.applyom .apr .ptem .pecon .casket .inpuc .select .select-con {
width: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
}
.applyom .apr .ptem .pecon .casket .inpuc .select .select-con .select-value {
display: block;
width: 100%;
background-color: #f8f8f8;
border-radius: 4px;
border: solid 1px #f1f1f1;
line-height: 2.8;
height: 2.8em;
padding: 0 0.2rem;
overflow: hidden;
}
.applyom .apr .ptem .pecon .casket .inpuc .select .select-con select {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
opacity: 0;
}
.applyom .apr .ptem .pecon .casket .inpuc .select .select-con select option {
color: #333;
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 2.8;
background: #fff;
}
.applyom .apr .ptem .pecon .casket .inpuc .select .select-con:after {
display: inline-block;
content: "";
position: absolute;
right: 0.15rem;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 0.16rem;
height: 0.09rem;
width: 9px;
height: 6px;
background-image: url("../images/ji4.png");
background-size: 100%;
}
.applyom .apr .ptem .pecon .casket .inpuc .select .select-con:before {
display: inline-block;
content: "";
position: absolute;
right: 0.4rem;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 1px;
height: 0.15rem;
background-color: #333;
opacity: 0.8;
}
.applyom .apr .ptem .pecon .casket .inpuc .labels {
width: calc(100% - 1.4rem);
font-size: 0;
display: inline-block;
vertical-align: middle;
}
.applyom .apr .ptem .pecon .casket .inpuc .labels .label {
display: inline-block;
vertical-align: middle;
width: auto;
margin-right: 0.24rem;
position: relative;
}
.applyom .apr .ptem .pecon .casket .inpuc .labels .label .icon {
display: inline-block;
vertical-align: middle;
width: 0.15rem;
height: 0.15rem;
margin-right: 0.1rem;
width: 15px;
height: 15px;
}
.applyom .apr .ptem .pecon .casket .inpuc .labels .label .icon img {
width: 100%;
display: block;
}
.applyom .apr .ptem .pecon .casket .inpuc .labels .label .icon img:first-child {
display: block;
}
.applyom .apr .ptem .pecon .casket .inpuc .labels .label .icon img:last-child {
display: none;
}
.applyom .apr .ptem .pecon .casket .inpuc .labels .label .text {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1.8;
}
.applyom .apr .ptem .pecon .casket .inpuc .labels .label .iut {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: block;
opacity: 0;
}
.applyom .apr .ptem .pecon .casket .inpuc .labels .label.selected .icon img:first-child {
display: none;
}
.applyom .apr .ptem .pecon .casket .inpuc .labels .label.selected .icon img:last-child {
display: block;
}
.applyom .apr .ptem .pecon .casket .inpuc .labels .label.selected .text {
color: #f9be00;
}
.applyom .apr .ptem .pecon .casket .inpuc .pic {
width: calc(100% - 1.4rem);
display: inline-block;
vertical-align: middle;
color: #666;
line-height: 1.5;
}
.applyom .apr .ptem .pecon .casket .inpuc .labels .label.order.selected .ums{
display: inline-block;
}
.applyom .apr .ptem .pecon .casket .inpuc .ums {
display: inline-block;
vertical-align: middle;
width: 2rem;
background-color: #f8f8f8;
border-radius: 4px;
border: solid 1px #f1f1f1;
line-height: 2.8;
height: 2.8em;
padding: 0 0.2rem;
margin-left: 0.1rem;
display: none;
}
.applyom .apr .ptem .pecon .casket .inpuc .order {
display: inline-block;
vertical-align: middle;
width: auto;
position: relative;
font-size: 0;
}
.applyom .apr .ptem .pecon .casket .inpuc .orm {
display: inline-block;
vertical-align: middle;
font-size: 0;
position: relative;
}
.applyom .apr .ptem .pecon .casket .inpuc.yzm .inc {
display: inline-block;
vertical-align: middle;
width: calc(100% - 1.4rem - 1.4rem);
}
.applyom .apr .ptem .pecon .casket .inpuc.yzm .get {
display: inline-block;
vertical-align: middle;
width: 1.3rem;
text-align: center;
color: #f9be00;
line-height: 2.8;
cursor: pointer;
margin-left: 0.1rem;
background-color: #f8f8f8;
border-radius: 4px;
border: solid 1px #f1f1f1;
}
.applyom .apr .ptem .pecon .casket .inpuc.number .select {
display: inline-block;
vertical-align: middle;
width: 1.8rem;
}
.applyom .apr .ptem .pecon .casket .inpuc.number .inc {
display: inline-block;
vertical-align: middle;
/*margin-left: 0.1rem;*/
/*width: calc(100% - 1.8rem - 0.1rem - 1.4rem);*/
width: calc((100% - 1.4rem - 0.2rem) / 2);
}
.applyom .apr .ptem .pecon .casket .inpuc.number .inc:last-child{
margin-left: 0.2rem;
}
/*@media (max-width: 800px){
.applyom .apr .ptem .pecon .casket .inpuc.number .inc{
margin-left: 0;
}
}*/
.applyom .apr .ptem .pecon .casket .uploads {
width: 100%;
font-size: 0;
padding-left: 10px;
}
.applyom .apr .ptem .pecon .casket .uploads .vix {
display: inline-block;
vertical-align: middle;
width: calc(100% - 110px);
padding-right: 0.2rem;
color: #333;
line-height: 1.5;
/*padding-left: 0.2rem;*/
}
.applyom .apr .ptem .pecon .casket .uploads .stn {
display: inline-block;
vertical-align: middle;
width: 100px;
position: relative;
}
.applyom .apr .ptem .pecon .casket .uploads .stn input {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
cursor: pointer;
}
.applyom .apr .ptem .pecon .casket .uploads .stn .sx {
width: 100%;
display: block;
background-color: #f9be00;
border-radius: 4px;
color: #333;
line-height: 2.8;
text-align: center;
border: none;
cursor: pointer;
}
.applyom .apr .ptem .pecon .casket .uploads .mix {
display: inline-block;
vertical-align: middle;
width: 1.2rem;
text-align: left;
color: #333;
line-height: 1.5;
}
.applyom .apr .ptem .pecon .casket .uploads .mtn {
width: calc(100% - 1.2rem);
display: inline-block;
vertical-align: middle;
}
.applyom .apr .ptem .pecon .casket .uploads .mtn input {
display: inline-block;
vertical-align: middle;
width: 100%;
background-color: #f8f8f8;
border-radius: 4px;
border: solid 1px #f1f1f1;
line-height: 2.8;
height: 2.8em;
padding: 0 0.2rem;
}
.applyom .apr .ptem .pecon .casket .uploads .tiy {
width: 100%;
color: #666;
line-height: 1.5;
margin-bottom: 0.1rem;
}
.applyom .apr .ptem .pecon .casket .uploads .tiy span {
color: #ff0000;
}
.applyom .apr .ptem .pecon .casket .uploads.other {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-right: 10px;
}
.applyom .apr .ptem .pecon .casket .uploads.other .vix {
display: inline-block;
vertical-align: middle;
width: auto;
margin-right: 0.3rem;
}
.applyom .apr .ptem .pecon .casket .uploads.other .mix {
width: auto;
}
.applyom .apr .ptem .pecon .casket .uploads.other .mvc {
display: inline-block;
vertical-align: middle;
width: auto;
}
.applyom .apr .ptem .pecon .casket .uploads.other .mvc .mtn {
width: 3.2rem;
}
.applyom .apr .ptem .pecon .casket .uploads.worke {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-right: 10px;
}
.applyom .apr .ptem .pecon .casket .uploads.worke .vix {
display: inline-block;
vertical-align: middle;
width: auto;
}
.applyom .apr .ptem .pecon .casket .uploads.worke .tiy {
display: inline-block;
vertical-align: middle;
width: auto;
margin-bottom: 0;
}
.applyom .apr .ptem .pecon .casket .uploads.worke .mix {
display: inline-block;
vertical-align: middle;
width: auto;
}
.applyom .apr .ptem .pecon .casket .uploads.worke .mtn {
width: 2rem;
}
.applyom .apr .ptem .pecon .casket.check .inpuc .name {
width: 2rem;
text-align: left;
}
.applyom .apr .ptem .pecon .casket.check .inpuc .name .label {
display: inline-block;
vertical-align: middle;
text-align: center;
width: auto;
width: 100%;
text-align: center;
font-size: 0;
position: relative;
}
.applyom .apr .ptem .pecon .casket.check .inpuc .name .label .icon {
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
margin-right: 0.1rem;
}
.applyom .apr .ptem .pecon .casket.check .inpuc .name .label .icon img {
width: 100%;
display: block;
}
.applyom .apr .ptem .pecon .casket.check .inpuc .name .label .icon img:first-child {
display: block;
}
.applyom .apr .ptem .pecon .casket.check .inpuc .name .label .icon img:last-child {
display: none;
}
.applyom .apr .ptem .pecon .casket.check .inpuc .name .label .text {
width: calc(100% - 15px - 0.1rem);
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1.5;
word-break: break-all !important;
text-align: right;
}
.applyom .apr .ptem .pecon .casket.check .inpuc .name .label .iut {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
}
.applyom .apr .ptem .pecon .casket.check .inpuc .name .label.selected .icon {
display: inline-block;
vertical-align: middle;
}
.applyom .apr .ptem .pecon .casket.check .inpuc .name .label.selected .icon img:first-child {
display: none;
}
.applyom .apr .ptem .pecon .casket.check .inpuc .name .label.selected .icon img:last-child {
display: block;
}
.applyom .apr .ptem .pecon .casket.check .inpuc .inc {
width: calc(100% - 2rem);
}
.applyom .apr .ptem .pecon .levels {
width: 100%;
}
.applyom .apr .ptem .pecon .levels .tdm {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
padding: 0.2rem;
}
.applyom .apr .ptem .pecon .levels .tr {
width: 100%;
display: flex;
}
.applyom .apr .ptem .pecon .levels .tr .td {
width: 50%;
}
.applyom .apr .ptem .pecon .levels .tr .td + .td {
border-left: solid 1px #eee;
}
.applyom .apr .ptem .pecon .levels .tr .td.w100 {
width: 100%;
}
.applyom .apr .ptem .pecon .levels .tr .td.w100 .inpuc {
display: inline-block;
vertical-align: middle;
}
.applyom .apr .ptem .pecon .levels .tr .td.w100 .inpuc .inc {
display: inline-block;
vertical-align: middle;
width: 2.2rem;
}
.applyom .apr .ptem .pecon .levels .tr .td.w100 .inpuc .mt {
display: inline-block;
vertical-align: middle;
margin: 0 0.1rem;
color: #666;
line-height: 1.5;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd {
width: 22%;
display: inline-block;
vertical-align: middle;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd .tdm {
align-items: center;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd .label {
display: inline-block;
vertical-align: middle;
text-align: center;
width: auto;
width: 100%;
text-align: center;
font-size: 0;
line-height: 1;
position: relative;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd .label .icon {
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
margin-right: 0.1rem;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd .label .icon img {
width: 100%;
display: block;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd .label .icon img:first-child {
display: block;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd .label .icon img:last-child {
display: none;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd .label .text {
width: calc(100% - 15px - 0.1rem);
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1.5;
text-align: right;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd .label .iut {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd .label.selected .icon {
display: inline-block;
vertical-align: middle;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd .label.selected .icon img:first-child {
display: none;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd .label.selected .icon img:last-child {
display: block;
}
.applyom .apr .ptem .pecon .levels .tr .td.trd {
width: 78%;
display: inline-block;
vertical-align: middle;
}
.applyom .apr .ptem .pecon .levels .tr .tqm {
display: inline-block;
vertical-align: middle;
width: 60%;
font-size: 0;
}
.applyom .apr .ptem .pecon .levels .tr .tpm {
display: inline-block;
vertical-align: middle;
width: 40%;
font-size: 0;
}
.applyom .apr .ptem .pecon .levels .tr .tfm {
display: inline-block;
vertical-align: middle;
width: 33.3%;
font-size: 0;
}
.applyom .apr .ptem .pecon .levels .tr .tfm:nth-child(1){
width: 30%;
}
.applyom .apr .ptem .pecon .levels .tr .tfm:nth-child(2){
width: 30%;
}
.applyom .apr .ptem .pecon .levels .tr .tfm:nth-child(3){
width: 40%;
}
.applyom .apr .ptem .pecon .levels .tr .nax {
display: inline-block;
vertical-align: middle;
width: 1.2rem;
text-align: center;
color: #333;
line-height: 1.5;
}
.applyom .apr .ptem .pecon .levels .tr .sut, .applyom .apr .ptem .pecon .levels .tr .vot {
display: inline-block;
vertical-align: middle;
width: calc(100% - 1.2rem);
background-color: #f8f8f8;
border-radius: 4px;
border: solid 1px #f1f1f1;
line-height: 2.8;
height: 2.8em;
padding: 0 0.2rem;
}
.applyom .apr .ptem .pecon .levels .tr + .tr {
border-top: solid 1px #eee;
}
.applyom .apr .ptem + .ptem {
margin-top: 0.3rem;
}
.applyom .apr .apot {
width: 100%;
font-size: 0;
text-align: center;
padding: 0.4rem 0 0.2rem;
}
.applyom .apr .apot a {
display: inline-block;
vertical-align: middle;
width: auto;
padding: 0 0.7rem;
background-color: #f9be00;
border-radius: 5px;
line-height: 3;
text-align: center;
color: #333;
}
.applyom .apr .pivc {
width: 100%;
padding: 0.4rem 0;
}
.applyom .apr .pivc .cvm {
width: 100%;
font-size: 0;
}
.applyom .apr .pivc .cvm .label {
display: inline-block;
vertical-align: middle;
width: auto;
margin-right: 0.1rem;
position: relative;
}
.applyom .apr .pivc .cvm .label .icon {
display: inline-block;
vertical-align: middle;
width: 0.15rem;
height: 0.15rem;
margin-right: 0.1rem;
width: 15px;
height: 15px;
}
.applyom .apr .pivc .cvm .label .icon img {
width: 100%;
display: block;
}
.applyom .apr .pivc .cvm .label .icon img:first-child {
display: block;
}
.applyom .apr .pivc .cvm .label .icon img:last-child {
display: none;
}
.applyom .apr .pivc .cvm .label .text {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1.8;
}
.applyom .apr .pivc .cvm .label .iut {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: block;
opacity: 0;
}
.applyom .apr .pivc .cvm .label.selected .icon img:first-child {
display: none;
}
.applyom .apr .pivc .cvm .label.selected .icon img:last-child {
display: block;
}
.applyom .apr .pivc .cvm .openc {
display: inline-block;
vertical-align: middle;
color: #f9be00;
line-height: 1.5;
}
@media (max-width: 800px) {
.applyom .apr .ptem .pecon .information {
flex-wrap: wrap;
}
.applyom .apr .ptem .pecon .information .inl {
width: 100%;
}
.applyom .apr .ptem .pecon .information .inr {
width: 100%;
}
.applyom .apr .ptem .pecon .information .tr {
flex-wrap: wrap;
}
.applyom .apr .ptem .pecon .information .tr .td {
width: 100%;
}
.applyom .apr .ptem .pecon .information .tr .inpuc .name {
width: 2rem;
/* white-space: nowrap; */
}
.applyom .apr .ptem .pecon .information .tr .inpuc .inc, .applyom .apr .ptem .pecon .information .tr .inpuc .select {
width: calc(100% - 2rem);
}
.applyom .apr .ptem .pecon .information .tr .inpuc .tic {
width: calc(100% - 2rem);
}
.applyom .apr .ptem .pecon .information .tr .td.w100 {
width: 100%;
text-align: right;
}
.applyom .apr .ptem .pecon .information .tr .td.w100 .inpuc .select {
width: 2.4rem;
width: calc(100% - 2.2rem);
margin-right: 0.2rem;
text-align: left;
margin-bottom: 0.15rem;
}
.applyom .apr .ptem .pecon .information .tr .td.w100 .inpuc .inc {
width: calc(100% - 2.6rem - 1.4rem);
width: calc(100% - 2.2rem);
display: inline-block;
vertical-align: middle;
text-align: left;
margin-right: 0.2rem;
}
.applyom .apr .ptem .pecon .casket .tr {
flex-wrap: wrap;
}
.applyom .apr .ptem .pecon .casket .tr .td {
width: 100%;
}
.applyom .apr .ptem .pecon .casket .tr .inpuc .name {
width: 2rem;
/* white-space: nowrap; */
}
.applyom .apr .ptem .pecon .casket .tr .inpuc .inc, .applyom .apr .ptem .pecon .casket .tr .inpuc .select, .applyom .apr .ptem .pecon .casket .tr .inpuc .labels, .applyom .apr .ptem .pecon .casket .tr .inpuc .pic {
width: calc(100% - 2rem);
}
.applyom .apr .ptem .pecon .casket .tr .inpuc .labels {
text-align: left;
}
.applyom .apr .ptem .pecon .casket .tr .inpuc.yzm {
text-align: right;
}
.applyom .apr .ptem .pecon .casket .tr .inpuc.yzm .get {
display: inline-block;
vertical-align: middle;
padding: 0 0.6rem;
width: auto;
text-align: left;
margin-top: 0.1rem;
}
.applyom .apr .ptem .pecon .casket .tr .inpuc.yzm .select, .applyom .apr .ptem .pecon .casket .tr .inpuc.yzm .inc {
text-align: left;
}
.applyom .apr .ptem .pecon .casket .tr .inpuc.number {
text-align: right;
}
.applyom .apr .ptem .pecon .casket .tr .inpuc.number .select {
margin-bottom: 0.1rem;
text-align: left;
}
.applyom .apr .ptem .pecon .casket .tr .inpuc.number .inc {
text-align: left;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc {
text-align: right;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .inc {
width: calc(100% - 2rem);
text-align: left;
}
/* .applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .inc.long{
width: calc(50% - 1.4rem);
max-width: 100%;
}*/
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .mt {
width: calc(100% - 2rem);
text-align: center;
margin: 0.15rem 0;
}
.applyom .apr .ptem .pecon .casket .tr .td.w100 .inpuc .label.zm {
width: calc(100% - 2rem);
text-align: center;
margin-top: 0.1rem;
margin-right: 0;
}
.applyom .apr .ptem .pecon .levels .tr .td.ttd {
width: 30%;
}
.applyom .apr .ptem .pecon .levels .tr .td.trd {
width: 70%;
}
.applyom .apr .ptem .pecon .levels .tr .tqm {
width: 100%;
}
.applyom .apr .ptem .pecon .levels .tr .tpm {
width: 100%;
margin-top: 0.15rem;
}
.applyom .apr .ptem .pecon .levels .tr .tpm .nax {
white-space: nowrap;
}
.applyom .apr .ptem .pecon .levels .tr .tfm {
width: 100%;
}
.applyom .apr .ptem .pecon .levels .tr .tfm .nax {
/* white-space: nowrap; */
}
.applyom .apr .ptem .pecon .levels .tr .tfm + .tfm {
margin-top: 0.15rem;
}
}
.popum {
width: 100%;
height: 100vh;
position: fixed;
z-index: 20;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
display: none;
}
.popum .poum {
width: 96%;
max-width: 9.6rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 4px;
}
.popum .poum .pitm {
width: 100%;
padding: 0.4rem 0 0.3rem;
text-align: center;
color: #333;
line-height: 1.5;
}
.popum .poum .pmid {
width: 100%;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
padding: 0.5rem 0.4rem;
max-height: 50vh;
}
.popum .poum .pmid .pic {
width: 100%;
color: #666;
line-height: 2.2;
height: 44vh;
overflow-y: auto;
}
.popum .poum .pmid .pic p {
color: #666;
line-height: 2.2;
}
.popum .poum .voy {
width: 100%;
padding: 0.3rem 0 0.4rem;
font-size: 0;
text-align: center;
}
.popum .poum .voy a {
display: inline-block;
vertical-align: middle;
background-color: #f9be00;
color: #333;
width: auto;
padding: 0 0.7rem;
text-align: center;
border-radius: 4px;
line-height: 3;
}
.popum .poum .cls {
position: absolute;
z-index: 3;
right: 0.2rem;
top: 0.2rem;
width: 0.3rem;
height: 0.3rem;
cursor: pointer;
}
.popum .poum .cls img {
width: 100%;
display: block;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
box-sizing: content-box;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-title select {
min-height: 0;
}
.atlas {
width: 100%;
padding: 0.3rem 0 0.8rem;
background-color: #f8f8f8;
}
.atlas .atl {
display: inline-block;
vertical-align: top;
width: calc((1030 / 1400) * 100%);
margin-right: calc((59 / 1400) * 100%);
background-color: #fff;
padding: 0.4rem;
}
.atlas .atl .atlper {
width: 100%;
margin-bottom: 0.2rem;
margin-bottom: 0.2rem;
}
.atlas .atl .atlper .swiper-slide {
width: 100%;
overflow: hidden;
}
.atlas .atl .atlper .swiper-slide .img {
width: 100%;
padding-top: 66.57%;
transition: all ease 0.3s;
}
.atlas .atl .atlper .swiper-slide:hover .img {
transform: scale(1.1);
}
.atlas .atl .ablper {
width: 100%;
position: relative;
}
.atlas .atl .ablper .swiper-container {
width: calc(100% - 1rem);
margin: 0 auto;
}
.atlas .atl .ablper .swiper-slide {
width: 100%;
border: solid 2px transparent;
overflow: hidden;
}
.atlas .atl .ablper .swiper-slide a {
width: 100%;
display: block;
}
.atlas .atl .ablper .swiper-slide .img {
width: 100%;
padding-top: 66.57%;
transition: all ease 0.3s;
}
.atlas .atl .ablper .swiper-slide:hover .img {
transform: scale(1.1);
}
.atlas .atl .ablper .swiper-slide.on {
border: solid 2px #f9be00;
}
.atlas .atl .ablper .btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 0.4rem;
height: 0.4rem;
cursor: pointer;
}
.atlas .atl .ablper .btn img {
width: 100%;
display: block;
}
.atlas .atl .ablper .bl {
left: 0;
}
.atlas .atl .ablper .br {
right: 0;
}
.atlas .atl .arovn {
width: 100%;
padding: 0.4rem 0;
}
.atlas .atl .arovn .ait {
width: 100%;
color: #333;
line-height: 1.5;
font-weight: bold;
}
.atlas .atl .arovn .ainp {
width: 100%;
color: #666;
line-height: 1.5;
}
.atlas .atr {
display: inline-block;
vertical-align: top;
width: calc((310 / 1400) * 100%);
background-color: #fff;
padding: 0.3rem;
}
.atlas .atr .ait {
width: 100%;
color: #333;
line-height: 1.5;
margin-bottom: 0.2rem;
}
.atlas .atr .atrpers {
width: 100%;
}
.atlas .atr .atrpers .swiper-container {
width: 100%;
height: 8rem;
}
.atlas .atr .atrpers .swiper-slide {
width: 100%;
position: relative;
overflow: hidden;
}
.atlas .atr .atrpers .swiper-slide a {
width: 100%;
display: block;
}
.atlas .atr .atrpers .swiper-slide .img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.atlas .atr .atrpers .swiper-slide:hover .img {
transform: scale(1.1);
}
@media (max-width: 800px) {
.atlas .atr .atrpers .swiper-container {
height: 5rem;
}
}
.photos {
width: 100%;
background-color: #000;
}
.photos .swiper-slide {
width: 100%;
height: 100vh;
display: block;
background-color: #000;
}
.photos .pmg {
position: absolute;
z-index: 1;
opacity: 1;
width: 100%;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 600px;
}
.pswp__button--close{
opacity: 0 !important;
display: none !important;
}