@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:1000px){
#top{ width:95vw; margin:0 auto; overflow:hidden; position:absolute; margin-left:2.5vw; color:#fff;}
#logo{ float:left; font-size:24px; line-height:24px; padding-top:1rem; font-weight:bold;}
#logo img{ vertical-align:middle; margin-bottom:10px;}
#menu{ float:right; overflow:hidden; padding-top:24px;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; color:#fff; font-size:0.7rem; line-height:2rem; padding:0 0.5rem;}
#menu ul li a.it{ padding:0 0.8rem; background:#dc2626; border-radius:2rem; margin-left:0;}

#banner{ background:url(img/di1.jpg) no-repeat top center/100% 100%; overflow:hidden; text-align:center;}
#banner h3{ background:#354234; display:block; line-height:40px; font-weight:bold; color:#fca5a5; border:solid 1px #705047; border-radius:50px; width:240px; margin:170px auto 0 auto; text-align:center; font-size:14px;}
#banner h1{ color:#fff; font-size:60px; line-height:60px; margin-top:30px; font-weight:700;}
#banner h1 span{ background-image: linear-gradient(to right, #f87173, #f472b3,#fda3af); -webkit-background-clip: text; background-clip: text; color: transparent;}
#banner p.a1{ color:#d0d9d6; line-height:30px; font-size:1.4rem; width:90%; margin:20px auto 0 auto; overflow:hidden; text-align:center;}
#banner p.a2{ color:#fff; font-size:18px;margin:30px auto 0 auto; text-align:center;}
#banner p.a2 img{ vertical-align:middle; margin-bottom:5px;}
#banner a{ display:block; line-height:60px; color:#fff; width:90%; margin:50px auto 2rem auto; font-size:1.2rem; font-weight:bold; background:#c61f1f; border-radius:50px;}
#banner a img{ vertical-align:middle; padding:0 5px;}
#banner .a3{ overflow:hidden; padding-bottom:2rem;}
#banner .a3 ul{ display:inline-block;}
#banner .a3 ul li{ float:left; color:#bbc4c0; font-size:0.8rem; line-height:1.4rem; margin:0 25px 10px 25px;}
#banner .a3 ul li img{ vertical-align:middle; margin-bottom:3px;}

#main{ background:url(img/di2.jpg) no-repeat top center/100% 100%; overflow:hidden;}
#title{ text-align:center; overflow:hidden; padding-top:100px;}
#title h2{ color:#fff; font-size:2.5rem; line-height:2.5rem;}
#title h3{ color:#b8bac0; font-size:1rem; line-height:60px;}

#pro{ width:90vw; margin:3vw auto 3vw auto; overflow:hidden;}
#pro ul{ width:90vw;}
#pro ul li{ width:100%; float:left;}
#pro ul li a{ display:block; width:95%; margin:0 auto 1rem auto; overflow:hidden; background:rgba(255,255,255,0.05); border:solid 2px rgba(255,255,255,0.2); border-radius:30px; color:#fff;}
#pro ul li a p:nth-child(1){ margin:5vw 5vw 0vw 5vw; border-radius:20px; overflow:hidden;}
#pro ul li a p:nth-child(1) img{ width:100%;}
#pro ul li a p:nth-child(2){ margin:0vw 5vw 1vw 5vw; line-height:60px; font-size:1rem;}
#pro ul li a p:nth-child(2) span{ display:block; float:right; width:20px; height:20px; border-radius:50%; border:solid 2px rgba(255,255,255,0.4); margin-top:3vw;}
#pro ul li a:hover{ border:solid 2px rgba(215,101,104,1);}

#cash{ width:90vw; margin:3vw auto 3vw auto; overflow:hidden;background:rgba(255,255,255,0.05); border:solid 1px rgba(255,255,255,0.2); border-radius:30px;}
#cash h2{ text-align:center; color:#fff; font-size:1.2rem; line-height:2rem; line-height:80px; margin-top:2vw;}
#cash .list{ overflow:hidden;}
#cash .list ul{ width:95%; margin:5vw auto 5vw auto; overflow:hidden;}
#cash .list ul li{ width:100%; float:left; margin-bottom:1rem;}
#cash .list ul li a{ display:block; width:94%;border:solid 1px rgba(255,255,255,0.2);  border-radius:20px; text-align:center; margin:0 auto; background:#151e30;}
#cash .list ul li a p:nth-child(1){ border-radius:50%; background:#3f4d61; overflow:hidden; width:100px; height:100px; margin:2vw auto 0 auto;}
#cash .list ul li a p:nth-child(1) img{ padding-top:20px;}
#cash .list ul li a p:nth-child(2){ font-size:1.2rem; font-weight:bold; color:#fff; line-height:30px; padding-top:1vw;}
#cash .list ul li a p:nth-child(3){ font-size:2rem; font-weight:bold; color:#f87171; line-height:40px; padding-bottom:2vw;}

#title1{ text-align:center; overflow:hidden; padding-top:100px;}
#title1 h2{ color:#fff; font-size:2.5rem; line-height:2.5rem;}
#title1 h3{ color:#b8bac0; font-size:1rem; line-height:1rem;}

#diff{ width:90%; margin:2rem auto; overflow:hidden;}
#diff .left{ float:left; width:580px; background:#3f0f12; border:solid 1px #55151a; border-radius:20px; min-height:380px;}
#diff .left p:nth-child(1){ background:#5c181b; line-height:36px; border-radius:50px; width:210px; text-align:center; margin:36px auto 0 auto; color:#fca5a5; font-weight:bold;}
#diff .left p:nth-child(2){ text-align:center; color:#b1a0a2; line-height:60px; font-size:28px; font-weight:bold; text-decoration:line-through}
#diff .left p.al{ color:#998284; line-height:40px; padding-left:60px; font-size:16px;}
#diff .left p.al img{ vertical-align:middle;}

#diff .right{ float:right; width:580px; background:#0e4e45; border:solid 2px #219170; border-radius:20px; min-height:380px;}
#diff .right .float{ position:absolute; background:#dc2626; color:#fff; font-size:16px; line-height:40px; font-weight:bold; border-radius:50px; padding:0 20px; margin:-20px 0 0 450px;}
#diff .right p:nth-child(2){ background:#085742; line-height:36px; border-radius:50px; width:210px; text-align:center; margin:36px auto 0 auto; color:#a3efcd; font-weight:bold;}
#diff .right p:nth-child(3){ text-align:center; color:#fff; line-height:60px; font-size:28px; font-weight:bold;}
#diff .right p.al{ color:#fff; line-height:40px; padding-left:60px; font-size:16px;}
#diff .right p.al img{ vertical-align:middle;}

#nfc{ width:1200px; margin:10vw auto 6vw auto; overflow:hidden;}
#nfc .left{ float:left; width:580px;}
#nfc .left .a1{ line-height:36px; color:#93c5fd; background:#3a1d39; border:solid 1px #454674; border-radius:50px; text-align:center; width:190px;}
#nfc .left .a1 img{ width:20px; vertical-align:middle; margin-bottom:5px;}
#nfc .left .a2{ font-size:48px; line-height:60px; font-weight:bold; color:#fff; padding-top:20px;}
#nfc .left .a2 span{ color:#5ea7fa;}
#nfc .left .a3{ color:#d2cacc; font-size:24px; line-height:32px; padding-top:30px;}
#nfc .left .list{border:solid 1px rgba(255,255,255,0.2); background:rgba(255,255,255,0.1); padding:20px 0; margin-top:24px; border-radius:20px; overflow:hidden;}
#nfc .left .list .b1{ float:left; width:90px; overflow:hidden;}
#nfc .left .list .b1 p{ width:48px; line-height:48px; font-weight:bold; text-align:center;  font-size:20px; margin:0 auto; border-radius:50%; background:#2e6fef; color:#fff;}
#nfc .left .list .b2{ padding-right:50px;overflow:hidden;}
#nfc .left .list .b2 .c1{ font-size:20px; line-height:30px; padding-bottom:10px; color:#fff; font-weight:bold;}
#nfc .left .list .b2 .c2{ font-size:18px; color:#c0bcc0;}

#nfc .right{ float:right; width:580px; margin-top:100px; overflow:hidden;}
#nfc .right .k{border:solid 1px #2a3142; background:#1d283a; padding:30px; border-radius:30px;}
#nfc .right .k .a1{ overflow:hidden; border-radius:20px;}
#nfc .right .k .a1 img{ width:100%;}
#nfc .right .k .a2{ position:absolute;border:solid 1px rgba(255,255,255,0.2); margin:-100px 0 0 150px; background:rgba(255,255,255,0.1); padding:0 20px;border-radius:50px; line-height:50px;}
#nfc .right .k .a2 a{ color:#fff; display:block; font-weight:bold;}
#nfc .right .k .a2 a img{ vertical-align:middle; margin:0 5px;}

#offer{ width:100%; overflow:hidden; background:#c21f1f;}
#offer .tt{ text-align:center; color:#fff;}
#offer .tt h2{ font-size:48px; line-height:80px; padding-top:50px;}
#offer .tt h3{ font-size:24px; line-height:30px; font-weight:200;}
#offer .a1{ overflow:hidden; width:390px; margin:30px auto 0 auto;}
#offer .a1 span:nth-child(1){ display:block; font-size:16px; background:#c94949; border-radius:50px; width:160px; text-align:center; line-height:50px; font-weight:bold; float:left; color:#fff;}
#offer .a1 span:nth-child(2){ display:block; font-size:18px; background:#fff; border-radius:50px; width:220px; text-align:center; line-height:50px; font-weight:bold; float:right; color:#c21f1f;}
#offer .a2{ overflow:hidden; width:390px; margin:30px auto 0 auto;}
#offer .a2 a{ display:block;background:#fff; border-radius:50px; font-size:20px; width:100%; text-align:center; line-height:70px; font-weight:bold; float:right; color:#c21f1f;}
#offer .a2 a img{ vertical-align:middle; margin:0 5px;}
#offer .a3{ text-align:center; color:#dfbcbc; line-height:70px; padding-bottom:30px;}

#bottom{ background:#020617; text-align:center; padding-top:2vw;}
#bottom .a1{ font-size:24px; line-height:24px; padding-top:25px; font-weight:bold; color:#fff;}
#bottom .a1 img{ vertical-align:middle; margin-bottom:10px;}

#bottom .a2{ color:#9a9ba2; font-size:16px; line-height:40px;}
#bottom .a3 a{ font-size:14px; line-height:40px; margin:0 20px; color:#9a9ba2;}
#bottom .a3 a:hover{ color:#fff; text-decoration:underline;}
#bottom .a4{ color:#666; font-size:14px; line-height:40px; padding-bottom:3vw;}



}