body { background: url(../image/bg20231213.jpg) no-repeat center top fixed; background-size: cover; }
#web-main{ width:100%; position:relative; height:100vh;  font-size: 18px; max-width: 1920px; margin: 0 auto;   }
.left_bar{display: none; }

/* tag: public */
.box_wrap{width: 1282px;}
.info_m{background: url(../image/info-2.png) no-repeat; background-size: 1000px 1000px;}
.info{background: url(../image/info.png) no-repeat; background-size: 600px 600px;}
.info_text {  background: url(../image/info_text2.png) no-repeat;  background-size: 750px 1539px;}
.mp{background: url(../image/mp.png) no-repeat; background-size: 900px 500px;}
.box2 .title{ margin-left: 410px;}
.pop_win .pop_x{width: 47px; height: 48px; background-position: -280px -80px; right: -60px; top: 0;  -webkit-transition: all 0.2s ease-in 0;  transition: all 0.2s ease-in 0s;}
/* .pop_win .pop_x:hover{transform: rotate(180deg);} */
.swiper-container-3d .swiper-slide:not(.swiper-slide-active) .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.8)),to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(right,rgba(0,0,0,.8),rgba(0,0,0,0));
  background-image: -moz-linear-gradient(right,rgba(0,0,0,.8),rgba(0,0,0,0));
  background-image: -o-linear-gradient(right,rgba(0,0,0,.8),rgba(0,0,0,0));
  background-image: linear-gradient(to left,rgba(0,0,0,.8),rgba(0,0,0,0));
  opacity: .8 !important;
  -webkit-transition: all 0.2s ease-in 0;  transition: all 0.2s ease-in 0s;
}

.swiper-container-3d .swiper-slide:not(.swiper-slide-active) .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.8)),to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.8),rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left,rgba(0,0,0,.8),rgba(0,0,0,0));
  background-image: -o-linear-gradient(left,rgba(0,0,0,.8),rgba(0,0,0,0));
  background-image: linear-gradient(to right,rgba(0,0,0,.8),rgba(0,0,0,0));
  opacity: .8 !important;
  -webkit-transition: all 0.2s ease-in 0;  transition: all 0.2s ease-in 0s;
}


/* tag: */
.box1{height: 1105px; background: url(../image/bg20231213.jpg) no-repeat center top;   -webkit-mask: url(../image/mask.png) no-repeat center bottom;mask: url(../image/mask.png) no-repeat center bottom; 
  -webkit-mask-size: 4000% 100%;mask-size: 4000% 100%;
  padding-bottom: 182.5px;
}
.box1 .bg_transition{height: 539px; left: 0px;bottom: 0;  z-index: 99;}
.box1 .bg_transition .cadpa{left: 80px; top: 50px;-webkit-transition: all 0.3s ease-in 0;transition: all 0.3s ease-in 0; width: 100px; height: 127px;}
.box1 .bg_transition .cadpa img{width: 100%; transition: all 0.3s ease-in 0s; }
.box1 .bg_transition .cadpa:hover img{width: 110px;}
.box1 .bg_transition .ybut{top: 175px;}
/* .box1 .bg_transition .download_box{width: 726px; height: 186px; top: 194px; background: url(/static/web/images/frame11.png) no-repeat; background-size: 100%;} */
.box1 .bg_transition .download_box{width: 723px; height: 198px; top: 265px; background: url(../image/frame11.png) no-repeat; background-size: 100%;}
.box1 .bg_transition .download_box .qrcode{left: 100px; top: 24px;}
.box1 .bg_transition .download_box .qrcode::after{content: "";  position: absolute; width: 100%; height: 4px; left: 0; background: url(../image/qrcode_line.png) no-repeat;animation: downLoop 1.5s linear infinite;  -webkit-animation: downLoop 1.5s linear infinite; }
.box1 .bg_transition .download_box .ios{left: 260px; top: 24px;}
.box1 .bg_transition .download_box .android{left: 260px; top: 98px;}
.box1 .bg_transition .download_box .mnq_gf{left: 480px;  top: 24px;}
.box1 .bg_transition .download_box .mnq_other{left: 480px;  top: 99px;}
/* .box1 .bg_transition .download_box .mnq{left: 528px;  top: 24px;} */
/* .box1 .box_wrap .slogan{left: 488px; top: 158px;} */
.box1 .slogan{right: 90px; top: 110px;}

/* tag: */
.box2{height: auto; background-color: rgba(255, 255, 255, 0.85); overflow: hidden; }
.inner_width{width: 1282px;}
/* .box2 .box_wrap{padding-top: 182.5px;} */

.box2 .ibox1{height: 457px; background: url(../image/frame3.png) no-repeat; background-size: 100%;}
.box2 .ibox1 .banner_list {width: 718px;height: 405px;position: absolute !important; left: 13px; top: 12px; border-radius: 10px; border: 2px solid #fff;}
.box2 .ibox1 .banner_list img{width: 718px;height: 405px;}
.box2 .ibox1 .banner_list .banner_bottom{height: 40px; bottom: 0px; justify-content: space-between;z-index: 999; padding: 0 47px; background-color: rgba(209 , 78, 0, 0.5);}
.box2 .ibox1 .banner_list .banner_bottom p{width: 480px;}
.box2 .ibox1 .banner_list .banner_bottom>div{  flex: 1; height: 40px;}
.box2 .ibox1 .banner_list .banner_bottom>div .swiper-pagination{height: 27px; bottom: 0px; right: 0;}
.box2 .ibox1 .banner_list .banner_bottom>div .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px; background: rgb(255, 255, 255); opacity: .4; margin-left: 28px;}
.box2 .ibox1 .banner_list .banner_bottom>div .swiper-pagination .swiper-pagination-bullet-active{opacity: .8; position: relative;}
.box2 .ibox1 .banner_list .banner_bottom>div .swiper-pagination .swiper-pagination-bullet-active::after{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 18px; height: 18px; border-radius: 18px; border: 1px solid rgba(255, 255, 255, .8);}
.box2 .ibox1 .news{width: 512px; left: 780px; top: -16px;}
.box2 .ibox1 .news .news_nav{height: 70px; border-bottom: 1px solid #ce9767; color: #4b4b4b; padding-left:21px; }
.box2 .ibox1 .news .news_nav a:not(.add){width: 85px; height: 34px; line-height: 34px; letter-spacing:5px}
.box2 .ibox1 .news .news_nav a.active{color: #fff; background-color: #f2a257; border-radius: 5px;}
.box2 .ibox1 .news .news_nav a:hover:not(.add){color: #fff; background-color: #f2a257; border-radius: 5px;}
.box2 .ibox1 .news .news_nav a.active::after{content: "";width: 15px; height: 9px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -19px; background: url(../image/info.png) no-repeat -28px -40px; background-size: 600px 600px;}
.box2 .ibox1 .news .news_nav a:nth-child(n+2):not(.add){margin-left: 16px;}
.box2 .ibox1 .news .news_nav .add{width: 35px; height: 35px; background-position: -24px 0; margin-left: 52px; -webkit-transition: all 0.3s ease-in 0;  transition: all 0.3s ease-in 0s;} 
.box2 .ibox1 .news .news_nav .add:hover{ transform: rotateZ(180deg);}
.box2 .ibox1 .news .news_latest {width: 100%; height: 64px; padding-left:21px; border-bottom: 1px solid #bab9c1;}
.box2 .ibox1 .news .news_latest a{width: 464px; height: 33px;  background: url(../image/frame4.png) no-repeat; background-size: 100%; padding-left: 18px;}
.box2 .ibox1 .news .news_latest a span{line-height: 33px;}
.box2 .ibox1 .news .news_latest a span:nth-child(2){width: 320px; color:#ce9767; margin-left: 15px;}
.box2 .ibox1 .news .news_scroll {width: 2050px; height: 315px;}
.box2 .ibox1 .news .news_scroll > li{width: 512px;height: 100%;  float: left;}
.box2 .ibox1 .news .news_scroll > li ul{width: 1000%;}
.box2 .ibox1 .news .news_scroll > li ul li{width: 512px; padding: 0 27px 0 21px;}
.box2 .ibox1 .news .news_scroll > li a{ width: 100%; height: 63px;line-height: 63px;  justify-content: space-between; color: #4b4b4b; padding: 0 15px;}
.box2 .ibox1 .news .news_scroll > li a:not(:last-child){border-bottom: 1px solid #bab9c1;}
.box2 .ibox1 .news .news_scroll > li a:hover{color:#ce9767;}
.box2 .ibox1 .news .news_scroll > li a span:nth-child(1){width: 365px;}


.box2 .ibox2{ margin-top: 71px; }
.box2 .ibox2 .inner_box{ height: 650px; background: url(../image/bg_mp.png) no-repeat center top; background-size: auto 650px; }

.box2 .ibox2 .inner_box .arrow_left{left: 20px; top: 45%; width: 116px; height: 76px; }
.box2 .ibox2 .inner_box .arrow_left div{background-position: -73px 0;}
.box2 .ibox2 .inner_box .arrow_right{right: 0; top: 45%; width: 116px; height: 76px;}
.box2 .ibox2 .inner_box .arrow_right div{background-position: -73px 0;}

.box2 .ibox2 .inner_box .role{height: 897px; bottom: 0; right: 50%; margin-right: -50px;}
.box2 .ibox2 .inner_box .tag{left: 50%; margin-left: 55px; top: -15px; width: 130px; height: 467px; background: url(../image/frame6.png) no-repeat; background-size: 100%;}
.box2 .ibox2 .inner_box .tag span{writing-mode: tb; color: #f2f9ff;}
.box2 .ibox2 .inner_box .tag span:nth-of-type(1){ width: 85px;  height: 277px; left: 12px; top: 66px; background: url(../image/text_mp.png) no-repeat; background-size: 1106px 384px;} 
.box2 .ibox2 .inner_box .tag span:nth-of-type(2){left: 100px; top: 120px; letter-spacing: 11px;} 
.box2 .ibox2 .inner_box .text2{width: 430px; left: 50%; margin-left: 257px; top: 50px;color:#c37266;}
.box2 .ibox2 .inner_box .ld{left: 50%; margin-left: 340px; top: 200px;}
.box2 .ibox2 .inner_box .skills{left: 50%; top: 530px; padding-left: 60px;}
.box2 .ibox2 .inner_box .skill {margin-right: 45px;}
.box2 .ibox2 .inner_box .skill .skill_img img{width: 65px; height: 65px; border-radius: 65px; border: 1px solid #fff;}
.box2 .ibox2 .inner_box .skill.active .skill_img::after{content: ""; width: 74px; height: 74px; position: absolute; left: -3.6px; top: -3.8px;  background: url(../image/info.png) no-repeat -304px 0; background-size: 600px 600px;}
.box2 .ibox2 .inner_box .skill:hover .skill_img::after{content: ""; width: 74px; height: 74px; position: absolute; left: -3.6px; top: -3.8px;  background: url(../image/info.png) no-repeat -304px 0; background-size: 600px 600px;}
.box2 .ibox2 .inner_box .skill .skill_name{color: #c37266;}
.box2 .ibox2 .inner_box .text_tip{width: 431px; height: 154px; left: 50%; top: 372px;background: url(../image/frame8.png) no-repeat; background-size: 100%; display: none;}
.box2 .ibox2 .inner_box .text_tip h2{line-height: 43px;}
.box2 .ibox2 .inner_box .text_tip p{padding: 0px 19px; color: #c37266;}



.box2 .ibox2 .frame{ width: 1171px; height: 817px; left: 24px; top: 100px; background: url(../image/frame5.png) no-repeat; background-size: 100%;}
.box2 .ibox2 .frame .role{left: -109px; top: -126px; }
.box2 .ibox2 .frame .tag{left: 0; top: 85px; width: 154px; height: 545px; background: url(../image/frame61.png) no-repeat; background-size: 100%;}
.box2 .ibox2 .frame .tag .mp{width: 100px; height: 100px; left: 28px; top: 30px; }
/* .box2 .ibox2 .frame .tag .mp{width: 65px; height: 62px; left: 45px; top: 45px; background-position: 0 0; transform: scale(1.3); } */
.box2 .ibox2 .frame .tag span{writing-mode: tb; color: #f2f9ff;}
.box2 .ibox2 .frame .tag span:nth-of-type(1){  width: 58px;  height: 192px; left: 30px; top: 200px;} 
.box2 .ibox2 .frame .tag span:nth-of-type(2){left: 97px; top: 213px; letter-spacing: 11px;} 
.box2 .ibox2 .frame .text1{left: 848px; top: 178px; padding: 7px 60px; width: 528px; height: 83px; background: url(../image/frame7.png) no-repeat; background-size: 100%; color: #e9edff; }
.box2 .ibox2 .frame .text1 p{width: 385px;  height: 58px;}
.box2 .ibox2 .frame .text2{width: 528px; left: 848px; top: 277px;color:#395b92;}
.box2 .ibox2 .frame .ld{left: 955px; top: 380px;}
.box2 .ibox2 .frame .skills{left: 735px; top: 670px;}
.box2 .ibox2 .frame .skill {margin-right: 45px;}
.box2 .ibox2 .frame .skill .skill_img img{width: 66px; height: 66px; border-radius: 66px; border: 1px solid #fff;}
.box2 .ibox2 .frame .skill.active .skill_img::after{content: ""; width: 74px; height: 74px; position: absolute; left: -3.6px; top: -3.6px;  background: url(../image/info.png) no-repeat -304px 0; background-size: 600px 600px;}
.box2 .ibox2 .frame .skill .skill_name{color: #4886ea;}
.box2 .ibox2 .frame .text_tip{width: 431px; height: 164px; left: 50%; top: 773px;background: url(../image/frame81.png) no-repeat; background-size: 100%; display: none;}
.box2 .ibox2 .frame .text_tip h2{line-height: 61px;}
.box2 .ibox2 .frame .text_tip p{padding: 0px 19px; color: #395b92;}

/* .box2 .ibox2 .mp_list{left: -125px; top: 255px;} */
.box2 .ibox2 .mp_list a{width: 104px; height: 104px; border-radius: 104px; border: 1px solid #f2a257; margin: 0 21px; display: flex; align-items: center; justify-content: center;}
.box2 .ibox2 .mp_list a.active,.box2 .ibox2 .mp_list a:hover{background-color: #f2a257;}
/* .box2 .ibox2 .mp_list a .mp{margin-left: 1px; margin-top: 1px; transform: scale(.8);} */
/* .box2 .ibox2 .mp_list a .mp{} */
.box2 .ibox2 .mp_list a:nth-child(1) .mp{ width: 82px; height: 76px; background-position: -555px -285px;}
.box2 .ibox2 .mp_list a:nth-child(1).active .mp,.box2 .ibox2 .mp_list a:nth-child(1):hover .mp{ background-position: -555px -380px;}
.box2 .ibox2 .mp_list a:nth-child(2) .mp{width: 74px; height: 76px; background-position: 0px -285px;}
.box2 .ibox2 .mp_list a:nth-child(2).active .mp,.box2 .ibox2 .mp_list a:nth-child(2):hover .mp{ background-position: 0px -380px;}
.box2 .ibox2 .mp_list a:nth-child(3) .mp{ width: 81px; height: 67px; background-position: -110px -285px; margin-top: -8px;}
.box2 .ibox2 .mp_list a:nth-child(3).active .mp,.box2 .ibox2 .mp_list a:nth-child(3):hover .mp{ background-position: -110px -380px;}
.box2 .ibox2 .mp_list a:nth-child(4) .mp{ width: 77px; height: 77px; background-position: -222px -285px;}
.box2 .ibox2 .mp_list a:nth-child(4).active .mp,.box2 .ibox2 .mp_list a:nth-child(4):hover .mp{ background-position: -222px -380px;}
.box2 .ibox2 .mp_list a:nth-child(5) .mp{width: 77px; height: 70px; background-position: -666px -285px;}
.box2 .ibox2 .mp_list a:nth-child(5).active .mp,.box2 .ibox2 .mp_list a:nth-child(5):hover .mp{ background-position: -666px -380px;}
.box2 .ibox2 .mp_list a:nth-child(6) .mp{width: 73px; height: 68px; background-position: -333px -285px;}
.box2 .ibox2 .mp_list a:nth-child(6).active .mp,.box2 .ibox2 .mp_list a:nth-child(6):hover .mp{ background-position: -333px -380px;}
.box2 .ibox2 .mp_list a:nth-child(7) .mp{width: 69px; height: 79px; background-position: -777px -285px;}
.box2 .ibox2 .mp_list a:nth-child(7).active .mp,.box2 .ibox2 .mp_list a:nth-child(7):hover .mp{ background-position: -777px -380px;}
.box2 .ibox2 .mp_list a:nth-child(8) .mp{width: 73px; height: 65px; background-position: -444px -285px;}
.box2 .ibox2 .mp_list a:nth-child(8).active .mp,.box2 .ibox2 .mp_list a:nth-child(8):hover .mp{ background-position: -444px -380px;}

.box2 .ibox2 ul li:nth-child(1) .tag span:nth-child(1){background-position: -816px 0px;}
.box2 .ibox2 ul li:nth-child(2) .tag span:nth-child(1){background-position: -694px 0px;}
.box2 .ibox2 ul li:nth-child(3) .tag span:nth-child(1){background-position: -573px 0px;}
.box2 .ibox2 ul li:nth-child(4) .tag span:nth-child(1){background-position: -938px 0px;}
.box2 .ibox2 ul li:nth-child(5) .tag span:nth-child(1){background-position: -206px 0px;}
.box2 .ibox2 ul li:nth-child(6) .tag span:nth-child(1){background-position: -327px 0px;}
.box2 .ibox2 ul li:nth-child(7) .tag span:nth-child(1){background-position: -77px 0px;}
.box2 .ibox2 ul li:nth-child(8) .tag span:nth-child(1){background-position: -449px 0px;}


.box2 .bg_mp{ top: 938px; left: 0; height: 650px;}
.box2 .bg_mp >div{background: url(../image/bg_mp1.png) no-repeat center top;}



.box2 .ibox3{ height: 890px;   margin-top: 80px;}
.box2 .ibox3 .arrow_left{left: 20px; top: 478px; width: 101px; height: 77px; background-position: -196px 0;}
.box2 .ibox3 .arrow_right{right: -10px; top: 478px; width: 101px; height: 77px; }
.box2 .ibox3 .arrow_right div{background-position: -196px 0;}
.box2 .ibox3 .bg{left: -135px; top: 66px;}
.box2 .ibox3 .role{left: 50%; top: 50%; transform: translate(-46%,-39%);}
.box2 .ibox3 .tag{ width: 167px; height: 319px; left: 190px; top: 237px;background: url(../image/frame9.png) no-repeat; background-size: 100%;   }
.box2 .ibox3 .tag.large{ height: 419px;background: url(../image/frame9_large.png) no-repeat; background-size: 100%;}
.box2 .ibox3 .tag .role_name{ top: 28px; left: 31px; width: 58px;  height: 280px;    }
.box2 .ibox3 .tag .role_skill{ top: 45px; right: 2px; color: #f2a257;letter-spacing: 13px; writing-mode:tb;}
/* .box2 .ibox3 .icons a{width: 87px; height: 88px;}
.box2 .ibox3 .icons a:nth-child(1){right: 190px; top: 254px; background-position: -359px -184px;}
.box2 .ibox3 .icons a:nth-child(2){right: 141px; top: 362px; background-position: -179px -184px;}
.box2 .ibox3 .icons a:nth-child(3){right: 122px; top: 475px; background-position: -0px -184px;}
.box2 .ibox3 .icons a:nth-child(4){right: 144px; top: 590px; background-position: -90px -184px;}
.box2 .ibox3 .icons a:nth-child(5){right: 207px; top: 698px; background-position: -269px -184px;}
.box2 .ibox3 .icons a:nth-child(1).active{ background-position: -359px -274px;}
.box2 .ibox3 .icons a:nth-child(2).active{ background-position: -179px -274px;}
.box2 .ibox3 .icons a:nth-child(3).active{ background-position: -0px -274px;}
.box2 .ibox3 .icons a:nth-child(4).active{ background-position: -90px -274px;}
.box2 .ibox3 .icons a:nth-child(5).active{background-position: -269px -274px;} */

.box2 .ibox3 .icons{width: 233px; height: 649px; background: url(../image/bg_line.png) no-repeat; background-size: 100%; top: 173px; right: 160px;}
.box2 .ibox3 .icons a{width: 91px; height: 85px;}
.box2 .ibox3 .icons a:nth-child(1){right: 40px; top: 65px; background-position: -568px -124px;}
.box2 .ibox3 .icons a:nth-child(2){right: -21px; top: 170px; background-position: -379px -125px;}
.box2 .ibox3 .icons a:nth-child(3){right: -40px; top: 286px;  background-position: -192px -125px;}
.box2 .ibox3 .icons a:nth-child(4){right: -20px; top: 401px; background-position: -286px -125px;}
.box2 .ibox3 .icons a:nth-child(5){right: 38px; top: 509px;  background-position: -474px -125px;}
.box2 .ibox3 .icons a:nth-child(1).active,.box2 .ibox3 .icons a:nth-child(1):hover{background-position: -568px -215px;}
.box2 .ibox3 .icons a:nth-child(2).active,.box2 .ibox3 .icons a:nth-child(2):hover{background-position: -379px -215px;}
.box2 .ibox3 .icons a:nth-child(3).active,.box2 .ibox3 .icons a:nth-child(3):hover{background-position: -192px -215px;}
.box2 .ibox3 .icons a:nth-child(4).active,.box2 .ibox3 .icons a:nth-child(4):hover{background-position: -286px -215px;}
.box2 .ibox3 .icons a:nth-child(5).active,.box2 .ibox3 .icons a:nth-child(5):hover{background-position: -474px -215px;}

.box2 .ibox4{ height: 975px;   margin-top: 40px;}
.box2 .ibox4 .banner{ top: 208px;}
.box2 .ibox4 .text{ width: 203px; height: 187px; left: 0; top: 637px; border-right: 1px solid #da8844; text-align: left;}
.box2 .ibox4 .text::before{content: "";width: 15px; height: 15px; background-color: #da8844; transform: rotate(45deg); position: absolute; right: -8px; top: 46px;}
.box2 .ibox4 .text::after{content: "";width: 15px; height: 15px; background-color: #da8844; transform: rotate(45deg); position: absolute; right: -8px; top: 122px;}
.box2 .ibox4 .text div{width: 168px; height: 46px; line-height: 46px; padding: 2px; box-sizing: content-box; margin-top: 27px;}
.box2 .ibox4 .text a:hover{margin-left: 5px;}
.box2 .ibox4 .text a div{ border: 1px solid #eb9a61;}
.box2 .ibox4 .text a.active div{ border: 1px solid #ce9767;}
.box2 .ibox4 .text a.active div p{background-color: #ce9767;}
.box2 .ibox4 .text a div p span{    width: 111px;  height: 24px; }
.box2 .ibox4 .text a.active:nth-child(1) div p span{ background-position: right -825px;}
.box2 .ibox4 .text a.active:nth-child(2) div p span{ background-position:right -866px;}
.box2 .ibox4 .text a:nth-child(1) div p span{background-position: -520px -825px;}
.box2 .ibox4 .text a:nth-child(2) div p span{background-position: -520px -866px;}

.box2 .ibox4 .card_group{width: 1056px; left: 233px; top: 603px; height: 308px; overflow: hidden;}
.box2 .ibox4 .card_group .scroll_box.status_bz{margin-top: -308px;}
.box2 .ibox4 .card_group .video{height: 308px;}
.box2 .ibox4 .card_group .img{height: 308px;}
.box2 .ibox4 .card_group .card{width: 250px; height: 140px; margin: 7px; overflow: hidden;}
.box2 .ibox4 .card_group .card img{-webkit-transition: all 0.2s ease-in 0;  transition: all 0.2s ease-in 0s;}
.box2 .ibox4 .card_group .card:hover img{transform: scale(1.1);}
.box2 .ibox4 .card_group .video .hover_text{bottom: 5px; left: 0; z-index: 999;}
.box2 .ibox4 .card_group .video .card:hover::after{content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: url(../image/btn_play.png) no-repeat; background-size: 100%;}

.poster-main{position: relative; width:100%; height:558px; display:inline-block; transform-origin:center center; -webkit-transform-origin:center center;}
.poster-main .item1{ display:none;}
.poster-main .item3:before{ border:2px solid #b8ab9f; width:1006px; height:574px; position:absolute; content:""; left:50%; margin-left:-503px; top:50%; margin-top:-287px; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition:0.3s;  -webkit-transition:.3s; }
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width: 900px;height: 270px}
.poster-main .poster-list .poster-item{position: absolute;left: 250px;top: 0px; width:680px; height:408px;}
.poster-main .item2 i{ position:absolute; background:#000; width:100%; height:100%; left:0; top:0;  opacity:.3; filter: alpha(opacity=30);}

.ibox5 .swiper-container{width: 1282px; height: 645px;}
.ibox5 .swiper-wrapper{top: 11px; height: 559px;}
.ibox5 .swiper-slide .bg{ background-color: #000; opacity: .6; -webkit-transition: all 0.2s ease-in 0;  transition: all 0.2s ease-in 0s; z-index: 8;}
.ibox5 .swiper-slide.swiper-slide-active .bg{opacity: 0;}
.ibox5 .swiper-button{height: 131px;width:134px;top: 50%; margin-top:-65px; z-index: 10;opacity: 1; cursor:pointer; background-position:0 -367px;}
.ibox5 .swiper-button-prev{ left: -15px;}
.ibox5 .swiper-button-next{ right: -15px; transform: rotateY(180deg);}
.ibox5 .frame_active{width: 1012px; height: 581px; z-index: 999; position: absolute; background: url(../image/frame10.png); background-size: 100%;}
.ibox5 .swiper-pagination{height: 27px; bottom: 5px;}
.ibox5 .swiper-pagination::after{ content: "";width: 533px; height: 2px;background-color: #e9b384; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1;}
.ibox5 .swiper-pagination .swiper-pagination-bullet{width: 16px;height: 16px; background-color: #e9b384; opacity: 1; margin: 0 35px 0 35px !important; position: relative;}
.ibox5 .swiper-pagination .swiper-pagination-bullet-active{height: 36px; width: 36px; background-color: #da8844;}
.ibox5 .swiper-pagination .swiper-pagination-bullet-active::after{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 26px; height: 26px; background: url(../image/info.png) no-repeat; background-size: 600px 600px; background-position: 0 -498px;}

.qrcode_list{ margin-top: 50px;}
/* .qrcode_list .qrcode{margin: 0 35px;} */
.qrcode_list .qrcode img{height: 182px;}
.qrcode_list .qrcode .text{padding: 0 20px; width: 221px; height: 33px; line-height: 33px; background-position: -379px 0;}
.qrcode_list .qrcode:nth-child(1) a,.qrcode_list .qrcode:nth-child(2) a{width: 106px; height: 21px; line-height: 21px; background-position: -382px -35px; }



/* #cadpa_win {display: block;} */
#cadpa_win .pwin_box{width: 858px; height: 523px; background: url(../image/bg_win.png) no-repeat; background-size: 100%; color: #243048; line-height: 30px; padding: 40px 50px;}
#cadpa_win .pwin_title{ color: #46515a; margin-bottom: 38px;}
#cadpa_win .pwin_title .bg{width: 375px; height: 7px; background-position: 0 -528px; }
#cadpa_win .pwin_box p{position: relative; padding-left: 35px;}
#cadpa_win .pwin_box p::before{content: ""; left: 0; top: 7px; position: absolute; width: 14px; height: 14px; border: 1px solid #d9d4cf; transform: rotate(45deg);}

#login_win .pwin_box{ width:556px; height:568px; margin-top:-270px; margin-right:-278px;  background:url(../image/frame2.png) no-repeat; background-size:100%;padding-top: 63px; }
#login_win .win_nav{width: 370px; margin: 38px 0;}
#login_win .win_nav a{ width: 163px; height:36px;  line-height:34px; font-size:24px;border-radius: 36px; border: 1px solid #585b6b; color: #6b6658;}
#login_win .win_nav a.hover{ background-color: #585b6b; color:#fff; }
#login_win .yuyueBut{ width: 384px;}
#login_win .phone{ width: 412px; height: 48px;line-height: 48px; border: 1px solid #c2c2c2; text-align: center; font-size: 18px;}
#login_win .code_box{ width: 412px; height: 48px;line-height: 48px; border: 1px solid #c2c2c2; text-align: center; font-size: 18px; margin-top: 8px; margin-bottom: 44px;}
#login_win .code_box .code{ width: 250px; height: 100%;line-height: 48px; border: none;  text-align: center; font-size: 18px;}
#login_win .code_box a.codeBut{background-color: #ffd38a; color: #895500; font-size: 24px;border-left:1px solid #c2c2c2;}

#success_win .pwin_box{ width:1073px; height:717px;  background:url(../image/pbg2.png) no-repeat; background-size:100%; margin-left: -100px;}

#mnq_win .pwin_box{ width:556px; height:498px;  background:url(../image/bg_win2.png) no-repeat; background-size:100%;}

#login_win .pwin_box .win_x,#success_win .pwin_box .win_x{ width:100px; height:71px; top: -10px; right: -100px; background:url(../image/info1.png); background-size: 448px 573px; background-position: -357px -230px; }
#success_win .pwin_box .win_x{top: 196px;}



@-webkit-keyframes downLoop {
  0% {
    top: 0px;
  }
  100% {
    top: 139px;
  }
}

@keyframes downLoop {
  0% {
    top: 0px;
  }
  100% {
    top: 139px;
  }
}


.an-rlLoop {
  -webkit-animation: rlLoop 1s linear infinite;
  animation: rlLoop 1s linear infinite;
}
@-webkit-keyframes lrLoop {
  0% {
      -webkit-transform: translateX(0);
  }
  50% {
      -webkit-transform: translateX(-10px);
  }
  100% {
      -webkit-transform: translateX(0);
  }
}

@keyframes lrLoop {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes rlLoop {
  0% {
      -webkit-transform:rotateY(180deg) translateX(0);
  }
  50% {
      -webkit-transform:rotateY(180deg) translateX(10%);
  }
  100% {
      -webkit-transform:rotateY(180deg) translateX(0);
  }
}

@keyframes rlLoop {
  0% {
    transform:rotateY(180deg) translateX(0);
  }
  50% {
    transform:rotateY(180deg) translateX(10%);
  }
  100% {
    transform:rotateY(180deg) translateX(0);
  }
}