@charset "utf-8";
#wrap {float:left; width:100%; min-height:100vh; display:flex;  align-items:center; background:url(../images/bg_domain.jpg) center top no-repeat; background-size:cover; transition:all 0.5s;}
#wrap::after{content:''; display:block; clear:both; position:absolute; width:100%; height:100%; background:url(../images/bg_domain_item.png) center top no-repeat; background-size:cover;}

/*-------------------------------------------------------------------------------------*
 *  domain                                                                             *
 *-------------------------------------------------------------------------------------*/
.domain_wrap{float:left; width:100%; display:flex; align-items:center; align-content: center; flex-direction: column; padding:30px 0 50px; position:relative; z-index:1;-webkit-perspective: 1000;}

.domain_logo{float:left; width:100%; text-align:center; padding:0 100px; transition:all 0.5s;}
.domain_logo img{width:100%; max-width:435px;}
.domain_title{float:left; width:100%; text-align:center; padding:0 20px; margin:60px 0 0 0; font-family: 'rocket'; font-size:90px; color:#ffffff; transition:all 0.5s;}
.domain_text{float:left; width:100%; text-align:center; padding:0 20px; margin:40px 0 0 0; line-height:1.5; font-family: 'rocket'; font-size:30px; color:#ffffff; transition:all 0.5s;}
.domain_text span{color:#ff5500;}
.domain_text2{float:left; width:100%; text-align:center; padding:0 20px; margin:60px 0 0 0; line-height:1.5; font-family: 'rocket'; font-size:60px; color:#ffffff; transition:all 0.5s;}
.domain_text2 span{color:#ff5500;}

.domain_btn_wrap{float:left; width:100%; margin:60px 0 0 0; padding:0 0px; display: flex; justify-content: center; transition:all 0.5s;}
.domain_btn_wrap ul{float:left; display: flex; justify-content: center; transition:all 0.5s;}
.domain_btn_wrap li{float:left; width:346px; height:206px; background:url(../images/domain_btn.png) center top no-repeat; background-size:100% 100%; border-radius:0px; margin:0 5px; transition:all 0.5s;}
.domain_btn_wrap li a{width:100%; height:100%; display:flex; flex-direction: column; align-items: center; justify-content: center; font-family:'rocket'; font-size:33px; color:#ffffff; transition:all 0.5s;}
.btn_text{margin:10px 0 0 0; font-size:20px; color:#ff5500;}
.btn_title{margin:10px 0;}
.btn_btn{background:linear-gradient(#c94e11 0%, #712a07 100%); font-size:16px; border-radius:5px; padding:8px 35px; color:#ffffff;}
.domain_btn_wrap li a:hover .btn_title{}
.domain_btn_wrap li a:hover .btn_btn{background:linear-gradient(-45deg, #c94e11 0%, #712a07 100%);}

.domain_btn_wrap li:nth-child(odd){animation-delay:0.5s;}

@media screen and (max-width:1440px) {
.domain_wrap{flex-wrap:wrap;}
.domain_title{margin:40px 0 0 0; font-size:60px;}
.domain_text{margin:20px 0 0 0; font-size:26px;}
.domain_text2{margin:40px 0 0 0; font-size:40px;}
.domain_btn_wrap{align-items: center; margin:20px 0 0 0;}
.domain_btn_wrap ul{width:100%; align-items: center; flex-direction: row; flex-wrap:wrap;}
.domain_btn_wrap li{width:calc(50% - 10px); max-width:570px; margin:5px;}
.domain_btn_wrap li a{font-size:40px;}
.domain_btn_wrap li:nth-child(odd){animation-delay:0s;}
.domain_btn_wrap li:nth-child(2){animation-delay:0.5s;}
.domain_btn_wrap li:nth-child(3){animation-delay:0.5s;}
}
@media screen and (max-width:1024px) {
.domain_title{margin:20px 0 0 0; font-size:40px;}
.domain_text{font-size:20px;}
.domain_text2{margin:30px 0 0 0; font-size:30px;}
	
}
@media screen and (max-width:768px) {

	.domain_btn_wrap li{width:100%; max-width:570px; margin:10px;}
	.domain_btn_wrap li a{font-size:30px;}
.domain_title{margin:20px 0 0 0; font-size:30px;}
.domain_text{font-size:16px;}
.domain_text2{margin:20px 0 0 0; font-size:24px;}	
}