@charset "utf-8";
/**/
*{ margin:0; padding:0; border:0;}
html,body{ margin:0px;background:#f7f7f7;font-size:14px; color:#000; line-height:24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;scroll-behavior: smooth;}
a{font-size:14px; color:#000; text-decoration:none; transition:background 0.5s,color 0.5s,border 0.5s,width 0.5s,padding 0.5s,margin 0.5s;}
ul{ list-style:none;}
img{ padding:0; margin:0;}

@media(max-width:9000px){

#table1{ width:100%; height:100%; overflow:hidden; position:fixed; background:rgba(0,0,0,0.4);backdrop-filter: blur(5px); z-index:50; display:none;}
#table1 .k{ width:600px; height:30vw; overflow:scroll; margin:5vw auto 0 auto; overflow-x:hidden; border:solid 1px #443a24; background:#0a0a0a; color:#fff; border-radius:20px; padding:50px;}
#table1 .k p.a1{ font-size:30px; line-height:50px; font-weight:bold;}
#table1 .k p.a5{ color:#999; padding-bottom:2vw;}
#table1 .k p.a2{ line-height:40px; padding-left:10px;}
#table1 .k p.a3 input{ width:88%; background:#000; border:solid 1px #443a24; height:40px; border-radius:10px; padding-left:10px;}
#table1 .k p.a3 select{ width:89.5%; background:#000; border:solid 1px #443a24; height:40px; border-radius:10px; padding-left:10px; color:#999;}
#table1 .k p.a3 textarea{ width:86%; background:#000; border:solid 1px #443a24; height:100px; border-radius:10px; padding:10px; color:#999;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
#table1 .k p.a4{ overflow:hidden; margin-top:1vw;}
#table1 .k p.a4 a{ width:90%; background:linear-gradient(135deg, #c9a962 0%, #4ba8f5 100%);; display:block; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; border-radius:10px;}

#close { position:absolute; margin-left:550px; cursor:pointer;}
#close p:nth-child(1){ background:#ccc; width:20px; height:3px;transform:rotate(45deg);}
#close p:nth-child(2){ background:#ccc; width:20px; height:3px;transform:rotate(135deg); margin-top:-3px;}
#close:hover p:nth-child(1){ background:#ccc;}


#table2{ width:100%; height:100%; overflow:hidden; position:fixed; background:rgba(0,0,0,0.4);backdrop-filter: blur(5px); z-index:50; display:none;}
#table2 .k{ width:600px; height:30vw; overflow:scroll; margin:5vw auto 0 auto; overflow-x:hidden; border:solid 1px #443a24; background:#0a0a0a; color:#fff; border-radius:20px; padding:50px;}
#table2 .k p.a1{ font-size:30px; line-height:50px; font-weight:bold;}
#table2 .k p.a5{ color:#999; padding-bottom:2vw;}
#table2 .k p.a2{ line-height:40px; padding-left:10px;}
#table2 .k p.a3 input{ width:88%; background:#000; border:solid 1px #17334a; height:40px; border-radius:10px; padding-left:10px;}
#table2 .k p.a3 select{ width:89.5%; background:#000; border:solid 1px #17334a; height:40px; border-radius:10px; padding-left:10px; color:#999;}
#table2 .k p.a3 textarea{ width:86%; background:#000; border:solid 1px #17334a; height:100px; border-radius:10px; padding:10px; color:#999;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
#table2 .k p.a4{ overflow:hidden; margin-top:1vw;}
#table2 .k p.a4 a{ width:90%; background:linear-gradient(135deg, #4ba8f6 0%, #4ba8f5 100%);; display:block; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; border-radius:10px;}

#close1 { position:absolute; margin-left:550px; cursor:pointer;}
#close1 p:nth-child(1){ background:#ccc; width:20px; height:3px;transform:rotate(45deg);}
#close1 p:nth-child(2){ background:#ccc; width:20px; height:3px;transform:rotate(135deg); margin-top:-3px;}
#close1:hover p:nth-child(1){ background:#ccc;}



#top{ width:100%; background:rgba(0,0,0,0.8); overflow:hidden; position:fixed; top:0; left:0;}
#top .k{ width:1200px; margin:0 auto; overflow:hidden;}





#logo{ float:left; margin:30px 0;}
#logo img{ height:40px;}
#menu{ float:right; overflow:hidden;}
#menu ul li{ line-height:100px; float:left; margin-left:60px;}
#menu ul li a{ color:#999;}
#menu ul li a:hover{ color:#fff;}

#banner{ background:url(img/banner.jpg) no-repeat center top /100%; overflow:hidden; height:49vw; color:#fff;}
#banner .k{ width:1200px; margin:15vw auto 0 auto; overflow:hidden; text-align:center;}
#banner .k h1.a1{ font-size:70px; line-height:120px; letter-spacing:0px; font-weight:500;}
#banner .k p.a2{ font-size:30px; line-height:40px; text-transform:uppercase; color:rgba(255,255,255,0.6)}
#banner .k p.a3{ font-size:18px; line-height:80px; text-transform:uppercase;color:rgba(255,255,255,0.6)}

#banner .btn{ text-align:center; overflow:hidden; margin-top:6vw;}
#banner .btn ul{ display:inline-block;}
#banner .btn ul li{ float:left; margin:0 20px;}
#banner .btn ul li:nth-child(1) a{ display:block; line-height:50px; background:#c9a961;border:solid 1px #c9a961; font-size:16px; border-radius:5px; padding:0 40px;}
#banner .btn ul li:nth-child(1) a:hover{ background:#fff;border:solid 1px #fff; padding:0 50px;}
#banner .btn ul li:nth-child(2) a{ display:block; line-height:50px; border:solid 1px #c9a961; color:#c9a961; font-size:16px; border-radius:5px; padding:0 40px;}
#banner .btn ul li:nth-child(2) a:hover{ background:rgba(255,255,255,0.2); border:solid 1px #fff; padding:0 50px; color:#fff;}

#about{ width:100%; overflow:hidden; background:url(img/di2.jpg) no-repeat center top/100% 100% #0a0a0a; background-attachment:fixed; color:#fff;}
#about .k{ width:1200px; margin:5vw auto 13vw auto; overflow:hidden;}
#about .k h2{ font-size:60px; font-weight:bold; line-height:120px;}
#about .k p.a1{ font-size:18px; line-height:30px; color:#c9a961; padding-top:1vw;}
#about .k .con{ font-size:16px; line-height:36px; color:#999; padding-top:2vw; width:530px;}
#about .k .con span{ color:#fff}
#about .k a{ display:block; line-height:50px; text-align:center; border:solid 1px #c9a961; color:#c9a961; font-size:16px; border-radius:5px; width:150px; margin-top:3vw;}
#about .k a:hover{ background:rgba(255,255,255,0.2); border:solid 1px #fff; padding:0 10px; color:#fff;}

#wedo{ width:100%; overflow:hidden; background:url(img/di3.jpg) no-repeat bottom right/100% auto #000;}
#wedo .k{ width:1200px; margin:8vw auto; overflow:hidden; color:#fff;}
#wedo .k h2{ font-size:60px; font-weight:bold; line-height:120px; text-align:center;}
#wedo .k h3{ font-size:24px; font-weight:200; line-height:30px; text-align:center; color:#c9a961; letter-spacing:10px;}

#wedo .k .a1{ overflow:hidden; margin:4vw auto 0 auto;}
#wedo .k .a1 ul{ width:1300px;}
#wedo .k .a1 ul li{ width:300px; float:left; margin-right:30px; background:rgba(255,255,255,0.05); transition:all 0.5s; padding:40px; min-height:100px; border-top-left-radius:100px; border-bottom-right-radius:100px;}
#wedo .k .a1 ul li p:nth-child(1){ padding-bottom:1vw; text-align:right;}
#wedo .k .a1 ul li p:nth-child(1) img{ width:60px;}
#wedo .k .a1 ul li p:nth-child(2){ font-size:24px; line-height:30px; transition:all 0.5s;}
#wedo .k .a1 ul li p:nth-child(3){ font-size:16px; line-height:30px; color:#999; padding-top:1vw; transition:all 0.5s;}


#wedo .k .a1 ul li:hover{ background:rgba(201,169,97,0.9);padding:40px 40px 60px 40px;}
#wedo .k .a1 ul li:hover p:nth-child(2){color:#fff;}
#wedo .k .a1 ul li:hover p:nth-child(3){ color:#fff;}

#wedo .k .tt{ font-size:50px; color:#fff; padding-top:6vw; line-height:80px;}

#wedo .k .a2{ overflow:hidden; margin:8vw auto 0 auto;}
#wedo .k .a2 ul{ width:1300px;}
#wedo .k .a2 ul li{ width:275px; float:left; margin-right:20px; float:left; padding-right:10px;}
#wedo .k .a2 ul li p:nth-child(1){ width:60px; height:3px; background:#c9a961; border-radius:20px;}
#wedo .k .a2 ul li p:nth-child(2){ line-height:50px; font-size:20px; margin-top:2vw;}
#wedo .k .a2 ul li p:nth-child(3){ font-size:16px; line-height:30px; color:#999;}

#choice{ text-align:center; overflow:hidden; width:100%; padding:10vw 0; background:url(img/di1.jpg) no-repeat center top/100% auto; color:#fff; background-attachment:fixed;}
#choice h2{ font-size:60px; font-weight:bold; line-height:120px;}
#choice h3{ font-size:24px; font-weight:200; line-height:30px; text-align:center; color:rgba(255,255,255,0.6); letter-spacing:0px;}
#choice .k{ overflow:hidden; width:1200px; margin:4vw auto 0 auto;}
#choice .k ul{ width:1300px;}
#choice .k ul li{ width:283px; border:solid 1px rgba(255,255,255,0.1); margin-right:20px; float:left; padding:1.5vw 0 2vw 0; font-size:16px;border-top-left-radius:100px; border-bottom-right-radius:100px; transition:all 0.5s;}
#choice .k ul li img{ width:80px;}
#choice .k ul li p:nth-child(2){ margin-top:1vw;}
#choice .k ul li:hover{border:solid 1px rgba(255,255,255,0.5);}

#choice .k1{ overflow:hidden; width:1200px; margin:8vw auto 0 auto;}
#choice .k1 ul{ width:1300px;}
#choice .k1 ul li{ width:283px; margin-right:20px; float:left; }
#choice .k1 ul li p:nth-child(1){ font-size:24px; line-height:60px; color:#fff;}
#choice .k1 ul li p:nth-child(2){ width:30px; margin:0 auto; background:#c9a961; border-radius:50px; height:3px;}
#choice .k1 ul li p:nth-child(3){ overflow:hidden; font-size:16px; line-height:24px; margin:2vw auto; color:rgba(255,255,255,0.6);}

#partner{ width:100%; background:url(img/di4.png) no-repeat center bottom/100% auto #0a0a0a; overflow:hidden; color:#fff; padding:10vw 0;}
#partner .k{ width:1200px; margin:0 auto; overflow:hidden;}
#partner .k .left{ width:500px; float:left; overflow:hidden;}
#partner .k .left h2{ font-size:40px; line-height:80px;}
#partner .k .left h3{ font-size:24px; line-height:30px; font-weight:200; letter-spacing:10px;}
#partner .k .left .a1{ margin-top:2vw; line-height:36px; color:#999; font-size:16px; overflow:hidden;}
#partner .k .left a{ display:block; width:200px; text-align:center; margin-top:4vw; line-height:50px; background:#c9a961;border:solid 1px #c9a961; font-size:16px; border-radius:5px;}
#partner .k .left a:hover{ width:220px; background:#fff;border:solid 1px #fff; }

#partner .k .right{ width:500px; float:left; overflow:hidden;}
#partner .k .right h2{ font-size:40px; line-height:80px;}
#partner .k .right h3{ font-size:24px; line-height:30px; font-weight:200; letter-spacing:10px;}
#partner .k .right .a1{ margin-top:2vw; line-height:36px; color:#999; font-size:16px; overflow:hidden;}
#partner .k .right a{ display:block; width:200px; text-align:center; margin-top:4vw; line-height:50px; color:#c9a961; border:solid 1px #c9a961; font-size:16px; border-radius:5px;}
#partner .k .right a:hover{ width:220px;border:solid 1px #fff; background:rgba(255,255,255,0.2); color:#fff;}

#faq{ width:100%; overflow:hidden; padding:10vw 0; background:url(img/d4.jpg) no-repeat center center/100% auto #000; background-attachment:fixed;}
#faq .k{ width:1200px; margin:0 auto; overflow:hidden;}
#faq .k h2{ font-size:40px; line-height:80px; color:#fff; padding-bottom:4vw;}
#faq .k ul li{ width:260px; float:left; color:#fff; margin-right:40px; border-top:solid 1px rgba(255,255,255,0.6); padding-top:2vw;}
#faq .k ul li p:nth-child(1){ font-size:18px; line-height:40px;}
#faq .k ul li p:nth-child(2){ font-size:14px; padding-top:1vw; color:#999;}

#ad{ width:100%; overflow:hidden; padding:8vw 0; color:#fff; text-align:center; background:#000;}
#ad p:nth-child(1){ font-size:40px; line-height:80px;}
#ad p:nth-child(2){ font-size:16px; text-transform:uppercase;}
#ad a{ display:block; width:200px; text-align:center; margin:4vw auto 0 auto; line-height:50px; background:#c9a961;border:solid 1px #c9a961; font-size:16px; border-radius:5px; }
#ad a:hover{ width:220px; background:#fff;border:solid 1px #fff; }

#bottom{ width:100%; border-top:solid 1px #222; overflow:hidden; background:#0a0a0a; text-align:center; color:#fff;}
#bottom h2{ font-size:30px; line-height:60px; font-weight:200; margin-top:4vw;}
#bottom .k{ width:900px; margin:2vw auto; overflow:hidden;}
#bottom .k ul li{ width:300px; float:left;}
#bottom .k ul li p:nth-child(2){ color:#c9a961; font-size:18px; font-family:Arial, Helvetica, sans-serif;}

#bottom .a1{ font-size:24px; line-height:40px; padding-top:2vw;}
#bottom .a2{ padding-bottom:4vw; color:#c9a961}
#bottom .a3{ width:1200px; margin:0 auto; overflow:hidden; line-height:100px; border-top:solid 1px #222; color:#999;}
#bottom .a3 a{ color:#999;}






}