html{font-size:7.4vw}header{background:url(../image/shop/head_bg.jpg) center top no-repeat;height:2080px;padding-top:50px}header .page1_content{height:1040px;text-align:center;color:#fff}header .page1_content .logo{width:1365px;text-align:left;margin:0 auto}header .page1_content .en_title{margin-top:180px;font-size:48px}header .page1_content h2{font-size:80px;letter-spacing:8px;margin:10px auto 30px}header .page1_content .desc{font-size:26px;line-height:1.6}header .page2_content{width:1440px;height:1040px;margin:0 auto;padding:450px 0 0 800px;color:#fff;font-size:24px;letter-spacing:5px;line-height:2.5}.page3 .wrap .item .title,.page3 h2{font-size:66px;font-weight:700}.page3{padding:50px 0;text-align:center}.page3 h2{color:#2283F6}.page3 .hr{height:11px;width:475px;margin:10px auto;background:linear-gradient(to right,#fff,#1C78FF,#fff)}.page3 .desc{font-size:30px;color:#595757;line-height:1.5}.page3 .wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;width:1440px;margin:80px auto}.page3 .wrap .item{width:450px;height:700px;padding:70px 0;border-radius:10px;margin-bottom:30px;box-shadow:0 0 30px 5px rgba(0,0,0,.4);border:2px solid}.page3 .wrap .item .content{text-align:left;padding:45px 50px 100px;font-size:32px;color:#4C4948}.page3 .wrap .item.color1{border-color:#F58D47}.page3 .wrap .item.color1 .title{color:#F58D47}.page3 .wrap .item.color1 img{width:152px;height:193px}.page3 .wrap .item.color2{border-color:#5EBE4B}.page3 .wrap .item.color2 .title{color:#5EBE4B}.page3 .wrap .item.color2 img{width:176px;height:177px}.page3 .wrap .item.color3{border-color:#1CB1FB}.page3 .wrap .item.color3 .title{color:#1CB1FB}.page3 .wrap .item.color3 img{width:187px;height:187px}.page3 .wrap .item.color4{border-color:#FF565A}.page3 .wrap .item.color4 .title{color:#FF565A}.page3 .wrap .item.color4 img{width:230px;height:182px}.page3 .wrap .item.color5{border-color:#0068FF}.page3 .wrap .item.color5 .title{color:#0068FF}.page3 .wrap .item.color5 img{width:206px;height:180px}.page3 .wrap .item.color6{border-color:#FCD560}.page3 .wrap .item.color6 .title{color:#FCD560}.page3 .wrap .item.color6 img{margin-top:60px;width:203px;height:190px}.page4{height:1045px;padding-top:95px;background:linear-gradient(#5299ff,#0068ff)}.page4 h2{color:#fff;font-size:66px;font-weight:700;text-align:center}.page4 .hr{height:11px;width:920px;margin:10px auto;background:linear-gradient(to right,#429cff,#fff,#429cff)}.page4 .content{position:relative;width:1440px;margin:80px auto}.page4 .content img{width:695px;height:666px;display:block;margin:20px auto}.page4 .content .item{position:absolute;color:#fff}.page4 .content .item .title{font-size:35px}.page4 .content .item .desc{font-size:14px}.page4 .content .item:nth-of-type(1){width:382px;top:0;left:145px}.page4 .content .item:nth-of-type(1) .title{text-align:right}.page4 .content .item:nth-of-type(2){width:386px;top:0;left:835px}.page4 .content .item:nth-of-type(2) .title{text-align:left}.page4 .content .item:nth-of-type(3){width:300px;bottom:145px;left:75px}.page4 .content .item:nth-of-type(3) .title{text-align:right}.page4 .content .item:nth-of-type(4) .title,.page4 .content .item:nth-of-type(5) .title{text-align:left}.page4 .content .item:nth-of-type(4){width:334px;bottom:260px;left:1075px}.page4 .content .item:nth-of-type(5){width:330px;bottom:80px;left:1050px}.page5 h2,.page6 h2{font-weight:700;text-align:center}.page5{padding:94px 0 125px}.page5 h2{color:#2283f6;font-size:66px}.page5 .hr{height:11px;width:470px;margin:10px auto;background:linear-gradient(to right,#fff,#3c93f7,#fff)}.page5 .wrap{width:1440px;margin:70px auto 0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.page5 .wrap .item{width:450px;height:635px;background:url(../image/shop/page4_item_bg.png) no-repeat;background-size:100% 100%;padding:145px 45px;color:#fff}.page5 .wrap .item img.icon{width:83px;height:83px}.page5 .wrap .item .title{margin:63px 0 28px;font-size:45px}.page5 .wrap .item .desc{font-size:22px}.page5 .wrap .item .xin{width:120px;height:16px}.page6{padding:150px 0 0;background:url(../image/shop/bgColor.jpg) no-repeat}.page6 h2{color:#2283f6;font-size:66px}.page6 .hr{height:11px;width:470px;margin:10px auto;background:linear-gradient(to right,#a1e2fe,#3c93f7,#a1e2fe)}.page6 .wrap{width:1365px;margin:95px auto 0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.page6 .item{position:relative;width:567px;height:245px;border-radius:10px;padding:25px 80px;color:#fff;margin-bottom:88px}.page6 .item .title{font-size:47px;margin-bottom:20px}.page6 .item .desc{font-size:29px}.page6 .item .icon{position:absolute;width:152px;height:159px;border-radius:50%}.page6 .item:nth-child(1){background-color:#FF7474}.page6 .item:nth-child(1) .icon{bottom:-17px;right:-100px}.page6 .item:nth-child(2){background-color:#74A8FF}.page6 .item:nth-child(2) .icon{bottom:-17px;left:-100px}.page6 .item:nth-child(3){background-color:#949494}.page6 .item:nth-child(3) .icon{top:-40px;right:-100px}.page6 .item:nth-child(4){background-color:#70C0B6}.page6 .item:nth-child(4) .icon{top:-40px;left:-100px}.page6 .item.processAnimate1{animation:processAnimate1 1s}.page6 .item.processAnimate2{animation:processAnimate2 1s}.page6 .item.processAnimate3{animation:processAnimate3 1s}.page6 .item.processAnimate4{animation:processAnimate4 1s}.page8{background:linear-gradient(to right,#66A5FF,#76ADFF,#86B8FF)}@media screen and (max-width:700px){header{padding:.5rem 0;background-position:center top;background-size:19.2rem 100%;min-height:22rem;height:auto}header .page1_content{height:10.4rem;text-align:center;color:#fff}header .page1_content .logo{width:95vw;text-align:left}header .page1_content .logo img{width:3.72rem;height:.84rem}header .page1_content .en_title{margin-top:1.5rem;font-size:18px}header .page1_content h2{font-size:24px;letter-spacing:4px;margin:.1rem auto .3rem}header .page1_content .desc,header .page2_content{font-size:14px;line-height:1.6}header .page2_content{width:auto;height:auto;margin:.3rem 0 0 5rem;padding:.2rem;color:#fff;border-radius:6px 0 0 6px;background-color:rgba(0,0,0,.4)}.page3 .wrap .item .title,.page3 h2{font-size:.66rem;font-weight:700}.page3{padding:.5rem 0;text-align:center}.page3 h2{color:#2283F6}.page3 .hr{height:5px;width:4.75rem;margin:.1rem auto;background:linear-gradient(to right,#fff,#1C78FF,#fff)}.page3 .desc{font-size:14px;color:#595757;line-height:1.5}.page3 .wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;width:95vw;margin:.8rem auto}.page3 .wrap .item{width:45vw;height:auto;padding:.7rem 0;border-radius:5px;margin-bottom:15px;box-shadow:0 0 30px 5px rgba(0,0,0,.4);border:1px solid}.page3 .wrap .item .content{text-align:left;padding:.45rem .5rem 1rem;font-size:14px;color:#4C4948}.page3 .wrap .item.color1{border-color:#F58D47}.page3 .wrap .item.color1 .title{color:#F58D47}.page3 .wrap .item.color1 img{width:1.52rem;height:1.93rem}.page3 .wrap .item.color2{border-color:#5EBE4B}.page3 .wrap .item.color2 .title{color:#5EBE4B}.page3 .wrap .item.color2 img{width:1.76rem;height:1.77rem}.page3 .wrap .item.color3{border-color:#1CB1FB}.page3 .wrap .item.color3 .title{color:#1CB1FB}.page3 .wrap .item.color3 img{width:1.87rem;height:1.87rem}.page3 .wrap .item.color4{border-color:#FF565A}.page3 .wrap .item.color4 .title{color:#FF565A}.page3 .wrap .item.color4 img{width:2.3rem;height:1.82rem}.page3 .wrap .item.color5{border-color:#0068FF}.page3 .wrap .item.color5 .title{color:#0068FF}.page3 .wrap .item.color5 img{width:2.06rem;height:1.8rem}.page3 .wrap .item.color6{border-color:#FCD560}.page3 .wrap .item.color6 .title{color:#FCD560}.page3 .wrap .item.color6 img{margin-top:.6rem;width:2.03rem;height:1.9rem}.page4{height:auto;padding-top:.95rem;background:linear-gradient(#5299ff,#0068ff)}.page4 h2{color:#fff;font-size:.66rem;font-weight:700;text-align:center}.page4 .hr{height:5px;width:9.2rem;margin:5px auto;background:linear-gradient(to right,#429cff,#fff,#429cff)}.page4 .content{width:100vw;position:relative;padding:3rem 0;margin:auto}.page4 .content img{width:6.95rem;height:6.66rem;display:block;margin:10px auto}.page4 .content .item{position:absolute;color:#fff;background-color:rgba(0,0,0,.4);border-radius:3px;padding:3px}.page4 .content .item .title{font-size:14px}.page4 .content .item .desc{font-size:12px}.page4 .content .item:nth-of-type(1){width:5rem;top:0;left:.1rem}.page4 .content .item:nth-of-type(1) .title{text-align:right}.page4 .content .item:nth-of-type(2){width:7.8rem;top:0;left:auto;right:.1rem}.page4 .content .item:nth-of-type(2) .title{text-align:left}.page4 .content .item:nth-of-type(3){width:4rem;bottom:.1rem;left:.1rem}.page4 .content .item:nth-of-type(3) .title{text-align:right}.page4 .content .item:nth-of-type(4) .title,.page4 .content .item:nth-of-type(5) .title{text-align:left}.page4 .content .item:nth-of-type(4){width:7.5rem;bottom:3.9rem;left:auto;right:.1rem}.page4 .content .item:nth-of-type(5){width:9rem;bottom:.1rem;left:auto;right:.1rem}.page5 h2,.page6 h2{font-weight:700;text-align:center}.page5{padding:.94rem 0 1.25rem}.page5 h2{color:#2283f6;font-size:.66rem}.page5 .hr{height:4px;width:4.7rem;margin:5px auto;background:linear-gradient(to right,#fff,#3c93f7,#fff)}.page5 .wrap{width:100vw;margin:.7rem auto 0;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.page5 .wrap .item{width:30%;height:auto;background:url(../image/shop/page4_item_bg.png) no-repeat;background-size:100% 100%;padding:.5rem .3rem;color:#fff}.page5 .wrap .item img.icon{width:.83rem;height:.83rem}.page5 .wrap .item .title{margin:.3rem 0;font-size:.45rem}.page5 .wrap .item .desc{font-size:12px}.page5 .wrap .item .xin{width:2.4rem;height:.32rem}.page6{padding:1.5rem 0 0;background:url(../image/shop/bgColor.jpg) no-repeat}.page6 h2{color:#2283f6;font-size:.66rem}.page6 .hr{height:5px;width:4.7rem;margin:5px auto;background:linear-gradient(to right,#a1e2fe,#3c93f7,#a1e2fe)}.page6 .wrap{width:95vw;margin:.95rem auto 0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.page6 .item{position:relative;width:40vw;height:auto;border-radius:.1rem;padding:.2rem .6rem;color:#fff;margin-bottom:.88rem}.page6 .item .title{font-size:18px;margin-bottom:.15rem}.page6 .item .desc{font-size:12px}.page6 .item .icon{position:absolute;width:1.52rem;height:1.59rem;border-radius:50%}.page6 .item:nth-child(1){background-color:#FF7474}.page6 .item:nth-child(1) .icon{bottom:-.17rem;right:-1rem}.page6 .item:nth-child(2){background-color:#74A8FF}.page6 .item:nth-child(2) .icon{bottom:-.17rem;left:-1rem}.page6 .item:nth-child(3){background-color:#949494}.page6 .item:nth-child(3) .icon{top:-.4rem;right:-1rem}.page6 .item:nth-child(4){background-color:#70C0B6}.page6 .item:nth-child(4) .icon{top:-.4rem;left:-1rem}.page6 .item.processAnimate1{animation:processAnimate1 1s}.page6 .item.processAnimate2{animation:processAnimate2 1s}.page6 .item.processAnimate3{animation:processAnimate3 1s}.page6 .item.processAnimate4{animation:processAnimate4 1s}}