.container { max-width:1920px; margin:0 auto; }

.sidebar-box { transition:all 0.3s; z-index:100; position:fixed; right:-360px; top:50%; width:412px; height:396px; transform:translateY(-50%); background:url('./images/sidebar_bg.png') no-repeat center 0; }
.sidebar-box .arrow { position:absolute; top:100px; left:0; width:68px; height:68px; cursor:pointer; }
.sidebar-box .downloadbox { padding-left:126px; padding-top:132px;}
.sidebar-box .downloadbox a { display:block; margin-bottom:15px; }
.sidebar-box:hover { right:0; }

.part01 { position:relative; width:100%; height:1300px; background:url('./images/bg01.jpg?v=2.0') no-repeat center 0; padding-top:600px; }
.part01 .videobtn { width:134px; margin:0 auto; cursor:pointer; }
.part01 .appointmentbtn { width:390px; margin:0 auto; margin-top:205px; cursor:pointer; }
.part01 .appointmentbtn02 { display:none; width:390px; margin:0 auto; margin-top:205px; }
.part01 .userinfo { display:none; color:#fff; font-size:18px; text-align:center; margin-top:15px; }
.part01 .userinfo span { font-weight:700; font-size:16px; color:#fff; background-color:#7f2527; padding:5px 10px; margin-left:10px; cursor:pointer; }

.part02 { position:relative; width:100%; height:1250px; background:url('./images/bg02.jpg') no-repeat center 0; padding-top:272px; margin-top:-1px; }
.part02 .mainbox { position:relative; width:1368px; padding-left:56px; margin:0 auto; }
.part02 .mainbox .swiper { width:100%; height:808px; }
.part02 .mainbox .swiper .swiper-slide img { display:block; width:100%; }
.part02 .mainbox .swiper .swiper-slide { opacity:0 !important; }
.part02 .mainbox .swiper .swiper-slide.swiper-slide-active { opacity:1 !important; }
.part02 .mainbox .roles-prev { z-index:100; position:absolute; left:28px; top:340px; width:68px; height:85px; background:url('./images/role_prev.png') no-repeat center 0; cursor:pointer; }
.part02 .mainbox .roles-next { z-index:100; position:absolute; right:-20px; top:340px; width:68px; height:85px; background:url('./images/role_next.png') no-repeat center 0; cursor:pointer; }
.part02 .mainbox .roles-prev::after { content:""; }
.part02 .mainbox .roles-next::after { content:""; }
.part02 .mainbox .thumb-list { z-index:100; position:absolute; left:0; bottom:-60px; display:flex; justify-content:center; width:100%; height:67px; }
.part02 .mainbox .thumb-list .listbox { width:67px; height:67px; margin:0 5px; cursor:pointer; transition:all 0.3s; }
.part02 .mainbox .thumb-list .listbox:nth-child(1) { background:url('./images/role_thumn01.png') no-repeat center center; }
.part02 .mainbox .thumb-list .listbox:nth-child(2) { background:url('./images/role_thumn02.png') no-repeat center center; }
.part02 .mainbox .thumb-list .listbox:nth-child(3) { background:url('./images/role_thumn03.png') no-repeat center center; }
.part02 .mainbox .thumb-list .listbox:nth-child(4) { background:url('./images/role_thumn04.png') no-repeat center center; }
.part02 .mainbox .thumb-list .listbox:nth-child(5) { background:url('./images/role_thumn05.png') no-repeat center center; }
.part02 .mainbox .thumb-list .listbox:nth-child(6) { background:url('./images/role_thumn06.png') no-repeat center center; }
.part02 .mainbox .thumb-list .listbox:nth-child(7) { background:url('./images/role_thumn07.png') no-repeat center center; }

.part03 { position:relative; width:100%; height:1145px; background:url('./images/bg03.jpg') no-repeat center 0; padding-top:265px; margin-top:-1px; }
.part03 .mainbox { position:relative; width:1058px; padding-left:30px; margin:0 auto; }
.part03 .mainbox .swiper { width:1008px; height:568px; background-color:rgba(0, 0, 0, 0.5); }
.part03 .mainbox .swiper .swiper-slide img { display:block; width:100%; }
.part03 .mainbox .swiper-pagination { position:absolute; left:0; bottom:-100px; display:flex; align-items:center; justify-content:center; width:100%; }
.part03 .mainbox .swiper-pagination .swiper-pagination-bullet { width:20px; height:27px; background:url('./images/game_bullet01.png') no-repeat 0 0; opacity:1; margin:0 10px; cursor:pointer; }
.part03 .mainbox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:url('./images/game_bullet02.png') no-repeat 0 0; }

.footer { background-color:#000103; padding:50px 0; }
.footer .inner { position:relative; width:670px; margin:0 auto; }
.footer .inner .cadpa { position:absolute; left:15px; top:15px; width:60px; }
.footer .inner .cadpa img { display:block; width:100%; }
.footer .inner p { text-align:center; color:#878787; font-size:16px; line-height:28px; }
.footer .inner p a { color:#878787; text-decoration:underline; }

/* 弹窗 */
.popup-box { display:none; z-index:200; position:fixed; left:0; top:0;  width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); }
.popup-box .inner { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }

.popup-video .mainbox { position:relative; display:flex; align-items:center; justify-content:center; width:910px; background-color:#000; border:solid 5px #000; border-radius:10px; }
.popup-video .mainbox .close { z-index:100; position:absolute; right:0; top:-10px; width:42px; height:42px; cursor:pointer; }
.popup-video .mainbox .close img { display:block; width:100%; height:100%; }

input::placeholder { color:#303b48; font-size:28px; }
input { font-family:"楷体"; }
.popup-yuyue .mainbox { position:relative; width:760px; height:530px; background:url('./images/yuyue_bg.png') no-repeat center 0; padding-top:155px; padding-left:84px; }
.popup-yuyue .mainbox .close { z-index:100; position:absolute; right:0; top:0; width:80px; height:71px; cursor:pointer; }
.popup-yuyue .formbox { width:588px; font-family:"楷体"; }
.popup-yuyue .formbox .phone { width:100%; height:70px; line-height:64px; font-size:28px; color:#fff; background:url('../static/images/yuyue_text01.png') no-repeat 0 0; border:0; padding:0 30px; margin-bottom:30px; }
.popup-yuyue .formbox .formitem { display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:30px; }
.popup-yuyue .formbox .formitem .smscode { width:336px; height:70px; line-height:64px; font-size:28px; color:#fff; background:url('../static/images/yuyue_text02.png') no-repeat 0 0; border:0; padding:0 30px; }
.popup-yuyue .formbox .formitem .codebtn { width:218px; height:67px; line-height:64px; font-size:30px; color:#fff; text-align:center; background:url('../static/images/yuyue_code.png') no-repeat 0 0; cursor:pointer; }
.popup-yuyue .formbox .sendbtn { width:316px; height:67px; background:url('../static/images/yuyue_btn.png') no-repeat 0 0; margin:0 auto; margin-bottom:20px; cursor:pointer; }
.popup-yuyue .formbox .agreement { text-align:center; font-size:20px; color:#7f2527; }
.popup-yuyue .formbox .agreement a { color:#7f2527; }
.popup-yuyue .succtips { display:none; width:588px; font-family:"楷体"; font-size:30px; color:#1a2c4d; font-weight:700; text-align:center; background:url('../static/images/yuyue_tips.png') no-repeat 0 0; padding-top:100px; }