@charset "utf-8";
.is-pc .at-body { padding: 0;}
.at-body .at-container { overflow:visible;}
.main { font-size: 20px;  line-height: 1.4;}

.main .con1 { padding: 95px 0;}
.main .con1 ul {}
.main .con1 ul li { position: relative; flex:1; text-align: center;}
.main .con1 ul li:not(:last-of-type):after { content:''; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #d7d7d7;;}
.main .con1 ul li a { display: block;  padding: 0 10px; transition: all .2s;}
.main .con1 ul li a i { font-size: 40px; color: #000; line-height: 1; transition: all .1s;}
.main .con1 ul li a h3 { padding: 25px 0 15px; font-weight: 500; font-size: inherit; color: #000; transition: all .1s; }
.main .con1 ul li a p { font-size: 16px; color: #666; }
.main .con1 ul li a p span { display: block;}
.main .con1 ul li a:hover i,
.main .con1 ul li a:hover h3 { color: #f37f14;}

@media (max-width:768px) {
    .main .con1 { padding: 70px 0;}
    .main .con1 ul li a h3 { padding: 20px 0 15px;}
    .main .con1 ul li a p { font-size: 15px;}
}

@media (max-width:576px) {
    .main .con1 { padding: 50px 0;}
    .main .con1 ul { flex-wrap:wrap;}
    .main .con1 ul li { flex:auto; width: 50%;}
    .main .con1 ul li:nth-of-type(2):after { display: none;}
    .main .con1 ul li:nth-of-type(-n + 2) { margin: 0 0 30px;}
    .main .con1 ul li:nth-of-type(-n + 2):before {content:''; display: block; position: absolute; left: 10px; bottom: -10px; width: calc(100% - 20px); height: 1px; background: #d7d7d7;} 
}
@media (max-width:400px){
    .main .con1 ul li a p span { display: inline; word-break: keep-all;}
}

.main .con2 {}
.main .con2 .flex { flex-wrap: wrap;}
.main .con2 .flex a { overflow: hidden; display: block; position: relative; width: 33.33%; height: 470px; color: #fff; }
.main .con2 .flex a .wrap { position: absolute; left: 16%; bottom: 100px; z-index: 2; }
.main .con2 .flex a:before { content:''; display: block; position: absolute; left: 0; top: 0; transform: scale(1.01); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;  transition: all .2s;}
.main .con2 .flex a:nth-of-type(1):before { background-image: url('/data/main/bg_con2_1.jpg');}
.main .con2 .flex a:nth-of-type(2):before { background-image: url('/data/main/bg_con2_2.jpg');}
.main .con2 .flex a:nth-of-type(3):before { background-image: url('/data/main/bg_con2_3.jpg');}
.main .con2 .flex a:nth-of-type(4):before { background-image: url('/data/main/bg_con2_4.jpg');}
.main .con2 .flex a:nth-of-type(5):before { background-image: url('/data/main/bg_con2_5.jpg');}
.main .con2 .flex a:nth-of-type(6):before { background-image: url('/data/main/bg_con2_6.jpg');}
.main .con2 .flex a h3 { font-size: 35px; font-weight: 700;  }
.main .con2 .flex a p { padding: 30px 0 40px; }
.main .con2 .flex a span { overflow: hidden; display: block; width: 180px; height: 0; background: #f37f14; font-size: 18px; text-align: center; line-height: 45px; border-radius:23px; transition: all .2s;}
.main .con2 .flex a:hover span { height: 45px;}
.main .con2 .flex a:hover:before { transform: scale(1.1);}

@media (max-width:1199px){
    .main .con2 .flex a { height: 400px;}
    .main .con2 .flex a .wrap {  padding: 0 10px; width: 100%; left: 50%; bottom:inherit; top: 50%; transform: translate(-50%, -50%); text-align: center;}
    .main .con2 .flex a .wrap h3 {}
    .main .con2 .flex a .wrap p { font-size: 18px; word-break: keep-all;}
    .main .con2 .flex a .wrap p br { display: none;}
    .main .con2 .flex a .wrap span { display: none;}
}

@media (max-width:768px){
    .main .con2 .flex a { width: 50%; height: 350px;}    
    .main .con2 .flex a .wrap p { padding: 20px 0 0;} 
    .main .con2 .flex a:nth-of-type(2),
    .main .con2 .flex a:nth-of-type(3),
    .main .con2 .flex a:nth-of-type(6) { color: #111;}
    .main .con2 .flex a:nth-of-type(2):after,
    .main .con2 .flex a:nth-of-type(3):after,
    .main .con2 .flex a:nth-of-type(6):after { content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.8);}
}

/* .main .con3 { padding: 90px 0 ; background: url('/data/main/bg_con3.jpg') no-repeat center / cover; text-align: center;} */
.main .con3 p { padding: 15px 0 0; margin: 0; font-size: 18px; color: #fff; word-break: keep-all; }
.main .con3 { padding:  8% 0;  background-image: url('/data/main/bg_con3.jpg'); background-attachment:fixed; text-align: center;} 


@media (max-width:768px){
    .main .con3 { padding:  80px 0 }
    .main .con3 p { font-size: 16px;}
}