@charset "utf-8";
#wrap {float:left; width:100%; min-height:100vh; display:flex; align-items: center; background:#000000; transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  domain                                                                             *
 *-------------------------------------------------------------------------------------*/
.domain_wrap{width:100%; max-width:1000px; margin:0 auto; min-height:100vh; position:relative; background:url(../images/bg22.jpg) center top repeat-y; background-size:cover; text-align:center; padding:80px 0 50px; box-shadow: 0px 0px 25px 25px rgba(0, 0, 0, 1);}

.domain_logo{float:left; width:100%;}
.domain_logo a{display:inline-block; position:relative;}
.domain_logo a img{width:100%; max-width:860px; transition:all 0.5s;}

.domain_item_t{float:left; width:100%; margin:20px 0 0 0; padding:0 20px;}
.domain_item_t img{width:100%; max-width:860px; transition:all 0.5s;}
.domain_item{float:left; width:100%; margin:40px 0 0 0; padding:0 54px;}
.domain_item ul{display:flex; align-items:center; justify-content:space-between;}
.domain_item ul li{display:flex; align-items:center; justify-content:space-between;}
.domain_item ul li{animation: floating 1s infinite; animation-delay: calc(.4s * var(--i));}
.domain_item ul li img{width:100%; max-width:284px; filter:drop-shadow(2px 0 10px rgba(0,0,0,0.99));}

.domain_text{float:left; width:100%; margin:40px 0 0 0; padding:0 20px; font-family:'EsaManru'; font-weight:300; font-size:60px; line-height:1.2; color:#ffffff; word-break: keep-all; text-shadow: 2px 0px 3px rgba(0, 0, 0, 0.8); transition:all 0.5s;}
.domain_text span{display:inline-block; padding:0 10px; font-weight:700; color:#ec9d69;}
.domain_text .br{display:none;}

.domain_text1{float:left; width:100%; margin:30px 0 0 0; padding:0 30px; text-align:center; word-break: keep-all; font-family:'EsaManru'; font-weight:700; font-size:40px; color:#ffffff; text-shadow:2px 2px 4px rgba(0,0,0,0.5); transition:all 0.5s;}
.domain_text1 span{color:#ec9d69;}

.domain_text2{float:left; width:100%; margin:20px 0 0 0; padding:0 30px; text-align:center; word-break: keep-all; font-family:'EsaManru'; font-weight:500; font-size:30px; color:#ffffff; text-shadow:2px 2px 4px rgba(0,0,0,0.5); line-height:1.5; transition:all 0.5s;}


.domain_btn{float:left; width:100%; margin:50px 0 0 0;}
.domain_btn ul{float:left; width:100%; padding:0 30px; display:flex; flex-direction: column; align-items: center;}
.domain_btn li{float:left; width:100%; margin:20px 0 0 0; max-width:878px; height:99px; display:flex; align-items:center; justify-content:center; background:url(../images/btn2.jpg) center top no-repeat; background-size:100% 100%; font-family:'EsaManru'; font-weight:300; font-size:54px; color:#ffffff; text-shadow: 2px 0px 3px rgba(0, 0, 0, 0.8);}
.domain_btn li{animation: floating3 2s infinite; animation-delay: calc(.5s * var(--i));}
.domain_btn li span{display:inline-block; padding:0 10px; font-weight:700; color:#96ff00;}

.domain_btn2{float:left; width:100%; margin:20px 0 0 0; padding:0 30px; text-align:center; transition:all 0.5s;}
.domain_btn2 ul{display:flex; align-items:center; justify-content:center;}
.domain_btn2 ul li{width:33%; max-width:400px; margin:5px; border: 1px solid transparent; border-radius:10px; background-image: background:url("../images/btn1.jpg") center top no-repeat; background-size:100% 100%; background-origin: border-box; background-clip: content-box, border-box;}
.domain_btn2 ul li a{display:block; width:100%; text-align:center; padding:30px 10px; border-radius:10px; background:url("../images/btn1.jpg") center top no-repeat; background-size:100% 100%;}
.domain_btn2_t1{width:100%; text-align:center; font-family:'EsaManru'; font-weight:700; font-size:35px; color:#000000; text-shadow:2px 2px 4px rgba(0,0,0,0.5);}

.domain_code1{float:left; width:100%; margin:70px 0 0 0; text-align:center; font-family:'EsaManru'; font-weight:300; font-size:70px; color:#ffffff; text-shadow: 2px 0px 3px rgba(0, 0, 0, 0.8);}
.domain_code1 span{display:inline-block; padding:0 10px; font-weight:700; color:#fff600;}
.domain_code2{float:left; width:100%; margin:40px 0 0 0; text-align:center; font-family:'EsaManru'; font-weight:300; font-size:70px; color:#ffffff; text-shadow: 2px 0px 3px rgba(0, 0, 0, 0.8);}
.domain_code2 a{display:inline-block; padding:0 10px; font-weight:700; color:#fff600;}
.domain_code2 img {width:100px;}

.domain_customer{float:left; width:100%; margin:50px 0 0 0; padding:10px 30px;}
.domain_customer a{max-width:760px; height:120px; margin:0 auto; display:flex; align-items:center; justify-content:center; background:url(../images/btn1.jpg) center top no-repeat; background-size:100% 100%; font-family:'EsaManru'; font-weight:300; font-size:44px; color:#000000;}
.domain_customer a img{display:inline-block; margin:0 10px 0 0;}
.domain_customer a span{display:inline-block; padding:0 0 0 20px; font-weight:700; color:#ec9d69;}


.btn3_1         {display:inline-block; text-align:center; border-radius:5px; color:#000000; font-size:18px; letter-spacing:-1pt; font-weight:500; text-shadow:2px 0px 3px rgba(0,0,0,0.0); box-shadow:rgba(0,0,0,0.6) 2px 2px 4px -1px;}
.btn3_1         {background:url("../images/btn1.jpg") center top no-repeat; background-size:100% 100%; min-width:220px; height:50px; line-height:50px;}
.btn3_1:hover   {background:url("../images/btn1_h.jpg") center top no-repeat; background-size:100% 100%;}


@media screen and (max-width:1024px) {
#wrap{padding:0 30px;}
.domain_item{margin:30px 0 0 0;}
.domain_text{margin:30px 0 0 0; font-size:40px;}
.domain_text1{font-size:32px;}
.domain_text2{font-size:24px;}
.domain_btn{margin:30px 0 0 0;}
.domain_btn li{margin:10px 0 0 0; height:auto; padding:30px 10px; font-size:34px;}
.domain_code1{margin:50px 0 0 0; font-size:40px;}
.domain_code2{margin:30px 0 0 0; font-size:40px;}
.domain_customer{margin:30px 0 0 0;}
.domain_customer a{height:auto; padding:10px 10px; font-size:34px;}
.domain_btn2 ul{flex-wrap:wrap;}
.domain_btn2 ul li{width:100%;}
}

@media screen and (max-width:768px) {
.domain_item{padding:0 10px;}
.domain_text{font-size:28px;}
.domain_text1{font-size:24px;}
.domain_text2{font-size:18px;}
.domain_text .br{display:block;}
.domain_btn{margin:20px 0 0 0;}
.domain_btn ul{padding:0 10px;}
.domain_btn li{padding:20px 10px; font-size:24px;}
.domain_code1{margin:40px 0 0 0; font-size:30px;}
.domain_code2{margin:20px 0 0 0; font-size:30px;}
.domain_customer{margin:20px 0 0 0; padding:0 10px;}
.domain_customer a{height:auto; padding:10px 20px; font-size:0px;}
.domain_customer a span{font-size:24px;}
.domain_customer a img{width:70px;}
.domain_btn2 ul li a{padding:20px 10px;}
.domain_btn2_t1{font-size:24px;}

}

@media screen and (max-width:440px) {
.domain_item ul li img{filter:drop-shadow(2px 0 10px rgba(0,0,0,0.0));}
.domain_text{font-size:24px;}
.domain_btn li{font-size:20px;}
.domain_code1{font-size:24px;}
.domain_code2{font-size:24px;}
.domain_customer a span{font-size:18px;}
}