@font-face { font-family: franklinmedium; src: url(/uploads/image/sfonts/franklingothicmedium.ttf); } @font-face { font-family: barlowbold; src: url(/uploads/image/sfonts/bs_static_bold.ttf); } *:focus-visible { outline: none; } .head { position: fixed; top: 0; background: #fff; width: 100%; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05); z-index: 5; } .head .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .head .w1400 .logo { display: block; font-size: 0; padding: 24px 0 25px; } .head .w1400 .menu { display: -webkit-box; display: -ms-flexbox; display: flex; } .head .w1400 .menu .nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .head .w1400 .menu .nav li { margin-left: 40px; } .head .w1400 .menu .nav li a { display: block; line-height: 86px; font-size: 17px; font-weight: bold; color: #333; border-bottom: 2px solid rgba(255, 255, 255, 0); } .head .w1400 .menu .nav li:first-child { margin-left: 0; } .head .w1400 .menu .nav li.on a { color: #c9151e; border-bottom: 2px solid #c9151e; } .head .w1400 .menu .tel { margin-left: 50px; display: block; line-height: 88px; padding-left: 30px; font-family: franklinmedium; font-size: 24px; color: #c9151e; background: url(/uploads/image/simages/headtel.png) no-repeat left center; } .banner { position: relative; } .banner img { width: 100%; height: auto; } .banner .swiper .swiper-slide { font-size: 0; } .banner .swiper .swiper-button-next, .banner .swiper .swiper-button-prev { width: 43px; height: 82px; } .banner .swiper .swiper-button-next:focus, .banner .swiper .swiper-button-prev:focus { outline: none; } .banner .swiper .swiper-button-next { background: url(/uploads/image/simages/indexbannerimg2.png) no-repeat center; } .banner .swiper .swiper-button-prev { background: url(/uploads/image/simages/indexbannerimg.png) no-repeat center; } .banner .swiper .swiper-button-next::after, .banner .swiper .swiper-button-prev::after { content: ''; } .banner .swiper .swiper-pagination { font-size: 0; bottom: 150px; } .banner .swiper .swiper-pagination span { width: 52px; height: 4px; border-radius: 0; background: #fff; opacity: .3; } .banner .swiper .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; } .banner .swiper.myswiper3 { display: none; } .banner .form { position: fixed; width: 100%; left: 0; bottom: 0; height: 100px; background: #333; z-index: 4; } .banner .form .w1400 { padding: 22px 0; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .banner .form .w1400 input { width: calc(360/1400*100%); height: 56px; padding-left: 50px; font-size: 16px; color: #fff; border: solid 1px rgba(255, 255, 255, 0.4); max-width: 360px; background: none; } .banner .form .w1400 input:first-child { background: url(/uploads/image/simages/indexbannerform.png) no-repeat 20px center; } .banner .form .w1400 input:nth-child(2) { background: url(/uploads/image/simages/indexbannerform2.png) no-repeat 20px center; } .banner .form .w1400 input:nth-child(3) { background: url(/uploads/image/simages/indexbannerform3.png) no-repeat 20px center; } .banner .form .w1400 .submit { width: calc(232/1400*100%); line-height: 56px; background: #d3b06c; display: block; font-size: 15px; color: #fff; text-align: center; } .title p { font-size: 18px; color: #333; line-height: 34px; position: relative; } .title p i { position: absolute; margin-left: 15px; } .title span { display: block; font-size: 58px; font-weight: bold; margin-top: 2px; } .title span i { font-style: initial; font-family: barlowbold; font-size: 68px; color: #d3b16d; font-weight: bold; line-height: 1; position: absolute; -webkit-transform: translatey(5px); transform: translatey(5px); } .title .tips { font-size: 26px; font-weight: bold; color: #333; margin-top: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.22); padding-bottom: 23px; width: 395px; } .title .zh i { font-size: 58px; margin-left: 8px; -webkit-transform: translatey(13px); transform: translatey(13px); font-weight: bold; font-family: inherit; } .indexblock { height: 750px; background: url(/uploads/image/simages/indexblockimg.jpg) no-repeat left center/cover; } .indexblock .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .indexblock .w1400 .cont.left { width: calc(605/1400*100%); } .indexblock .w1400 .cont.left .title .tips { width: auto; } .indexblock .w1400 .cont.left .center { font-size: 16px; color: #333; line-height: 34px; margin-top: 18px; } .indexblock .w1400 .cont.left .center i { font-weight: bold; font-style: initial; } .indexblock .w1400 .cont.left ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; } .indexblock .w1400 .cont.left ul li { margin-right: calc(88/605*100%); } .indexblock .w1400 .cont.left ul li:last-child { margin-right: 0; } .indexblock .w1400 .cont.left ul li p { font-size: 24px; color: #333; font-family: barlowbold; font-weight: bold; margin-bottom: 3px; } .indexblock .w1400 .cont.left ul li p span { font-size: 58px; font-family: barlowbold; font-weight: bold; } .indexblock .w1400 .right { position: relative; width: calc(670/1400*100%); padding: 40px; } .indexblock .w1400 .right .square { width: 294px; height: 294px; border: 12px solid #d3b06c; position: absolute; } .indexblock .w1400 .right .img { position: relative; z-index: 1; } .indexblock .w1400 .right .first { top: 0; left: 0; opacity: 0.1; } .indexblock .w1400 .right .last { bottom: 0; right: 0; } .indexblock2 { background: url(/uploads/image/simages/indexblock2img.jpg) no-repeat center/cover; height: 750px; } .indexblock2 .w1400 { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .indexblock2 .w1400 .left { width: calc(530/1400*100%); } .indexblock2 .w1400 .left .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #888; padding-bottom: 25px; } .indexblock2 .w1400 .left .top .conttitle { font-size: 32px; line-height: 32px; color: #262626; font-family: barlowbold; font-weight: bold; border-left: 2px solid #000; padding-left: 26px; margin-left: 30px; white-space: nowrap; } .indexblock2 .w1400 .left .content { font-size: 16px; color: #333; line-height: 30px; margin-top: 24px; } .indexblock2 .w1400 .left .btn { width: 180px; line-height: 54px; border: 1px solid #d3b06c; background: #d3b06c; text-align: center; display: block; color: #fff; margin-top: 34px; } .indexblock2 .w1400 .right { width: calc(770/1400*100%); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .indexblock7 { background: url(/uploads/image/simages/indexblock7img.jpg) no-repeat center/cover; background-attachment: fixed !important; height: 700px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .indexblock7 .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .indexblock7 .w1400 .title { margin: 0 auto; text-align: center; } .indexblock7 .w1400 .title span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 475px; margin: 0 auto; color: #fff; border-bottom: 1px solid white; padding-bottom: 18px; } .indexblock7 .w1400 .title span i { position: relative; } .indexblock7 .w1400 .title .tips { border: 0; width: 100%; color: #fff; margin-top: 22px; } .indexblock7 .w1400 .title .content { color: #fff; max-width: 720px; margin: 0 auto; font-size: 15px; line-height: 2; } .indexblock7 .w1400 .img { text-align: center; margin-top: 60px; } .indexblock7 .w1400 .img img:last-child { display: none; } .indexblock3 { background: url(/uploads/image/simages/indexblock3img.jpg) no-repeat center/cover; } .indexblock3 .top { padding-top: 92px; position: relative; } .indexblock3 .top .center { width: calc(680/1400*100%); font-size: 16px; color: #333333; line-height: 34px; margin-top: 16px; } .indexblock3 .top .btn { width: 180px; line-height: 54px; border: 1px solid #d3b06c; background: #d3b06c; text-align: center; display: block; color: #fff; position: absolute; right: 0; bottom: 10px; } .indexblock3 .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 44px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 96px; } .indexblock3 .bottom .list { width: calc(329/1400*100%); padding: 46px 30px; border: 1px solid #e7e7e7; padding-bottom: 54px; position: relative; } .indexblock3 .bottom .list .img { font-size: 0; height: 62px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .indexblock3 .bottom .list .title { font-size: 20px; color: #333; font-weight: bold; margin-top: 24px; } .indexblock3 .bottom .list .content { font-size: 16px; line-height: 34px; color: #333; margin-top: 20px; } .indexblock3 .bottom .list .num { position: absolute; top: 60px; right: 30px; font-family: barlowbold; font-weight: bold; font-size: 34px; color: #000; opacity: 0.1; } .indexblock4 { background: url(/uploads/image/simages/indexblock4img.jpg) no-repeat center/cover; } .indexblock4 .w1400 { padding: 106px 0; } .indexblock4 .w1400 .swiper { position: relative; } .indexblock4 .w1400 .swiper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .indexblock4 .w1400 .swiper .swiper-slide .left { width: calc(760/1400*100%); font-size: 0; background: #fff; } .indexblock4 .w1400 .swiper .swiper-slide .right { width: calc(640/1400*100%); background: #fff; padding: 52px 60px 0; border-top-right-radius: 100px; } .indexblock4 .w1400 .swiper .swiper-slide .right .center { padding-top: 18px; font-size: 16px; line-height: 30px; color: #333; } .indexblock4 .w1400 .swiper .swiper-slide .right .title { width: 100%; } .indexblock4 .w1400 .swiper .swiper-slide .right .title .tips { width: 100%; } .indexblock4 .w1400 .swiper .positopn { position: absolute; width: 100px; bottom: 60px; right: calc(480/1400*100%); display: -webkit-box; display: -ms-flexbox; display: flex; } .indexblock4 .w1400 .swiper .positopn .swiper-button-next, .indexblock4 .w1400 .swiper .positopn .swiper-button-prev { width: 16px; height: 14px; font-size: 0; height: 100%; background: url(/uploads/image/simages/indexblock4img4.png) no-repeat center; z-index: 2; bottom: 0; top: auto; } .indexblock4 .w1400 .swiper .positopn .swiper-button-next::after, .indexblock4 .w1400 .swiper .positopn .swiper-button-prev::after { content: ''; } .indexblock4 .w1400 .swiper .positopn .swiper-button-prev { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); left: 0; } .indexblock4 .w1400 .swiper .positopn .swiper-button-next { right: 0; } .indexblock4 .w1400 .swiper .positopn .swiper-pagination { height: 37px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 1; bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 28px; font-family: barlowbold; color: #b2b2b2; font-weight: bold; } .indexblock4 .w1400 .swiper .positopn .swiper-pagination .swiper-pagination-current { font-size: 28px; font-family: barlowbold; color: #d3b16d; font-weight: bold; } .indexblock4 .w1400 .swiper .positopn .swiper-pagination .swiper-pagination-total { font-size: 20px; line-height: 44px; font-family: barlowbold; color: #b2b2b2; font-weight: bold; } .indexblock5 { background: url(/uploads/image/simages/indexblock5img.jpg) no-repeat center/cover; height: 750px; } .indexblock5 .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .indexblock5 .w1400 .left { width: calc(630/1400*100%); } .indexblock5 .w1400 .left .center { font-size: 16px; color: #333; line-height: 34px; margin-top: 16px; } .indexblock5 .w1400 .left .center i { font-style: initial; font-weight: bold; } .indexblock5 .w1400 .left .btn { width: 180px; line-height: 54px; border: 1px solid #d3b06c; background: #d3b06c; text-align: center; display: block; color: #fff; margin-top: 30px; } .indexblock5 .w1400 .right { width: calc(533/1400*100%); } .indexblock6 { background: url(/uploads/image/simages/indexblock6img.jpg) no-repeat center/cover; height: 700px; } .indexblock6 .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .indexblock6 .w1400 .title p i img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .indexblock6 .w1400 .title p, .indexblock6 .w1400 .title span { color: #fff; } .indexblock6 .w1400 .title .leveldobtips { font-size: 16px; line-height: 46px; color: #fff; margin-top: 8px; } .indexblock6 .w1400 .title .area { background: url(/uploads/image/simages/indexblock6img2.png) no-repeat right center; width: 240px; height: 145px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; } .indexblock6 .w1400 .title .area p { font-size: 18px; font-weight: bold; color: #f7f7f7; } .indexblock6 .w1400 .title .area div { font-size: 24px; color: #f7f7f7; font-family: barlowbold; font-weight: bold; margin-top: -5px; } .indexblock6 .w1400 .title .area div i { font-style: initial; font-family: barlowbold; font-size: 58px; font-weight: bold; } .indexblock6 .w1400 .title .btn { width: 180px; line-height: 54px; border: 1px solid #d3b06c; background: #d3b06c; text-align: center; display: block; color: #fff; margin-top: 50px; } .indexblock6 .w1400 .right { width: calc(700/1400*100%); } .indexblock6 .w1400 .right ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .indexblock6 .w1400 .right ul li { width: calc(100%/3); border-left: 1px solid rgba(255, 255, 255, 0.2); } .indexblock6 .w1400 .right ul li:nth-child(3n 1) { border-left: 0; } .indexblock6 .w1400 .right ul li:nth-child(1), .indexblock6 .w1400 .right ul li:nth-child(2), .indexblock6 .w1400 .right ul li:nth-child(3) { margin-bottom: 84px; } .indexblock6 .w1400 .right ul li .img { font-size: 0; height: 60px; text-align: center; } .indexblock6 .w1400 .right ul li p { text-align: center; font-size: 18px; color: #fff; margin-top: 22px; font-weight: bold; } .indexblock6 .w1400 .right ul li .tips { font-size: 16px; font-weight: bold; text-align: center; font-family: barlowbold; color: #fff; margin-top: 10px; } .indexblock6 .w1400 .right ul li .tips i { font-size: 24px; font-weight: bold; text-align: center; font-style: inherit; font-family: barlowbold; color: #fff; } .footer { background: url(/uploads/image/simages/indexfooterimg.jpg) no-repeat center/cover; border-top: 3px solid #d3b06c; padding-bottom: 100px; } .footer .w1400 { padding-top: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer .w1400 .left { width: calc(584/1400*100%); margin-top: -10px; } .footer .w1400 .left .p { font-size: 48px; color: #fff; font-weight: bold; } .footer .w1400 .left .p i { color: #d3b16d; font-style: initial; font-weight: bold; margin-left: 30px; } .footer .w1400 .left .tips { margin-top: 13px; font-size: 20px; color: #fff; font-weight: bold; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 26px; } .footer .w1400 .left .content { font-size: 18px; color: #fff; font-weight: bold; margin-top: 16px; } .footer .w1400 .left .content i { font-style: initial; font-family: barlowbold; font-weight: bold; font-size: 38px; } .footer .w1400 .left .img { margin-top: 28px; } .footer .w1400 .right { margin-left: 30px; } .footer .w1400 .right .contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer .w1400 .right .contact .list p { line-height: 21px; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 16px; color: rgba(255, 255, 255, 0.5); } .footer .w1400 .right .contact .list p i { font-size: 0; position: relative; display: block; width: 16px; height: 21px; margin-right: 10px; } .footer .w1400 .right .contact .list p i img { position: absolute; top: 0; } .footer .w1400 .right .contact .list a { font-size: 38px; color: #d3b06c; font-weight: bold; margin-top: 7px; display: block; padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .footer .w1400 .right .contact .list .tips { font-size: 16px; color: #fff; text-align: right; margin-top: 18px; } .footer .w1400 .right .contact .img { font-size: 0; margin-left: 36px; line-height: 0; border: 1px solid #d3b06c; } .footer .w1400 .right .areaimg { font-size: 0; margin-top: 50px; width: 100%; height: 208px; border: 3px solid rgba(211, 176, 108, 0.5); } .footer .w1400 .right .areaimg img { max-width: none; } .footer .w1400 #form2 { display: none; } .footer .pagetips { text-align: center; font-size: 14px; color: rgba(255, 255, 255, 0.4); line-height: 50px; background: #0d0d0d; margin-top: 140px; } .blackbg { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); position: fixed; z-index: 10; top: 0; display: none; } .close { position: fixed; right: 20%; top: 10%; cursor: pointer; z-index: 12; display: none; } .windows { position: fixed; z-index: 11; width: 100%; height: 100%; top: 0; left: 0; display: none; font-size: 0; } .windows .content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .windows .content img { border: 5px solid #e6e6e6; } .windows.bigimg .content img { -webkit-transform: scale(0.6); transform: scale(0.6); } .fixed { position: fixed; top: 0; left: 0; } .topmob { display: none; width: 100%; position: fixed; top: 0; left: 0; height: 70px; z-index: 5; background: #fff; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05); } .topmob .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .topmob .w1400 .logo { display: block; font-size: 0; } .topmob .w1400 .tel { font-size: 2vw; color: #c9151e; padding-left: 30px; background: url(/uploads/image/simages/headtel.png) no-repeat left center; } .topmob .w1400 .menu { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; } .topmob .w1400 .menu span { display: block; width: 100%; height: 6px; background: #c9151e; } .toplist { display: none; width: 100%; position: fixed; left: 0; top: 70px; height: 0; overflow: hidden; z-index: 5; } .toplist ul li a { display: block; line-height: 2.5; font-size: 2vw; color: #333333; text-align: center; background: #fff; border-top: 1px solid #eee; } @media (max-width: 1440px) { .title span { font-size: 40px; } .title span i { font-size: 46px; } .title .zh i { font-size: 40px; -webkit-transform: translatey(8px); transform: translatey(8px); } .head .w1400 .menu .nav li { margin-left: 25px; } .head .w1400 .menu .nav li a { font-size: 16px; } .head .w1400 .menu .tel { margin-left: 35px; } .indexblock .w1400 .cont.left { width: calc(665/1400*100%); } .indexblock2 .w1400 .left { width: calc(620/1400*100%); } .indexblock2 .w1400 .right { width: calc(700/1400*100%); } .indexblock4 .w1400 .swiper .positopn { bottom: 30px; right: calc(440/1400*100%); } .footer .w1400 .left { width: calc(720/1400*100%); } } @media (max-width: 1366px) { .banner .form { height: auto; } .banner .form .w1400 { padding: 18px 0; } .banner .form .w1400 input { height: 44px; } .banner .form .w1400 .submit { line-height: 44px; } .indexblock4 .w1400 .swiper .swiper-slide .right { padding: 30px 30px 0; } .indexblock4 .w1400 .swiper .positopn { bottom: 15px; } } @media (max-width: 1280px) { .head .w1400 .menu .nav li a { font-size: 14px; } .head .w1400 .menu .tel { font-size: 20px; } .indexblock .w1400 .cont.left { width: calc(700/1400*100%); } } @media (max-width: 1200px) { .head { display: none; } .topmob { display: block; } .toplist { display: block; } .indexblock3 .bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; } .indexblock3 .bottom .list { width: 49%; margin-bottom: 20px; } .footer .w1400 .right .contact .list a { font-size: 28px; text-align: right; } } @media (max-width: 996px) { .w1400 { width: 84%; } .topmob { height: 70px; } .topmob .w1400 .logo { height: 28px; } .topmob .w1400 .logo img { height: 100%; width: auto; } .topmob .w1400 .tel { display: none; } .topmob .w1400 .menu { height: 30px; width: 30px; } .topmob .w1400 .menu span { height: 4px; } .toplist ul li a { font-size: 3vw; } .banner { padding-top: 70px; font-size: 0; } .banner .swiper .swiper-button-prev, .banner .swiper .swiper-button-next { width: 40px; height: 50px; } .banner .swiper.myswiper { display: none; } .banner .swiper.myswiper3 { display: block; } .banner .swiper.myswiper3 .swiper-pagination { bottom: 20px; } .banner .swiper.myswiper3 .swiper-pagination span { width: 40px; } .banner .form { display: none; } .title p { font-size: 3.5vw; line-height: 1.5; } .title span { font-size: 8vw; line-height: 1.5; } .title span i { font-size: 9vw; -webkit-transform: translatey(1.334vw); transform: translatey(1.334vw); } .title .tips { font-size: 5vw; margin-top: 6px; padding-bottom: 15px; width: 100%; } .title .zh i { font-size: 8vw; -webkit-transform: translatey(2.1vw); transform: translatey(2.1vw); } .indexblock { height: auto; padding: 50px 0; } .indexblock .w1400 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .indexblock .w1400 .cont.left { width: 100%; } .indexblock .w1400 .cont.left .center { font-size: 3.6vw; line-height: 2; margin-top: 10px; } .indexblock .w1400 .cont.left ul li p { font-size: 5vw; } .indexblock .w1400 .cont.left ul li p span { font-size: 9vw; } .indexblock .w1400 .right { width: 90%; display: none; } .indexblock2 { height: auto; } .indexblock2 .w1400 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 80px; } .indexblock2 .w1400 .left { width: 100%; height: auto; padding: 80px 0; padding-bottom: 40px; } .indexblock2 .w1400 .left .top .img { width: calc(400/996*100%); } .indexblock2 .w1400 .left .top .conttitle { font-size: 5vw; } .indexblock2 .w1400 .right { width: 100%; } .indexblock7 .w1400 .title span { max-width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .indexblock7 .w1400 .title .tips { text-align: left; } .indexblock7 .w1400 .title .content { text-align: left; } .indexblock7 .w1400 .img img:first-child { display: none; } .indexblock7 .w1400 .img img:last-child { display: block; } .indexblock3 .top { padding-top: 50px; } .indexblock3 .top .center { width: 100%; font-size: 3.6vw; line-height: 2; } .indexblock3 .top .btn { position: relative; margin-top: 30px; } .indexblock3 .bottom { padding-top: 30px; } .indexblock3 .bottom .list .content { font-size: 3.6vw; line-height: 2; } .indexblock4 .w1400 .swiper { padding-bottom: 50px; } .indexblock4 .w1400 .swiper .swiper-slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 20px; } .indexblock4 .w1400 .swiper .swiper-slide .left { width: 100%; } .indexblock4 .w1400 .swiper .swiper-slide .right { width: 100%; border-radius: 0; padding: 25px; } .indexblock4 .w1400 .swiper .swiper-slide .right .center { font-size: 3.6vw; line-height: 2; } .indexblock4 .w1400 .swiper .positopn { left: 50%; -webkit-transform: translatex(-50%); transform: translatex(-50%); right: auto; z-index: 4; } .indexblock4 .w1400 .swiper .positopn .swiper-pagination { bottom: 0px; } .indexblock5 { height: auto; padding: 50px 0; } .indexblock5 .w1400 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .indexblock5 .w1400 .left { width: 100%; } .indexblock5 .w1400 .left .center { font-size: 3.6vw; line-height: 2; } .indexblock5 .w1400 .right { width: 100%; margin-top: 40px; } .indexblock6 { height: auto; padding: 50px 0; } .indexblock6 .w1400 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .indexblock6 .w1400 .title .leveldobtips { line-height: 1.6; } .indexblock6 .w1400 .title .area { margin-top: 30px; } .indexblock6 .w1400 .right { width: 100%; margin-top: 50px; } .indexblock6 .w1400 .right ul li { margin-bottom: 40px; } .indexblock6 .w1400 .right ul li p { font-size: 4vw; } .indexblock6 .w1400 .right ul li .tips i { font-size: 4.4vw; } .footer { padding-bottom: 0; } .footer .w1400 { padding: 50px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer .w1400 .left { width: 100%; } .footer .w1400 .left .p { font-size: 8vw; } .footer .w1400 .left .p i { margin-left: 10px; } .footer .w1400 .left .tips { font-size: 5vw; margin-top: 6px; } .footer .w1400 .left .content { font-size: 4vw; } .footer .w1400 .left .content i { font-size: 7vw; } .footer .w1400 .left .img { display: none; } .footer .w1400 .right { width: 100%; margin: 0; } .footer .w1400 .right .contact { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; } .footer .w1400 .right .contact .list p { text-align: left; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer .w1400 .right .contact .list .tips { text-align: left; } .footer .w1400 .right .contact .list a { font-size: 6vw; text-align: center; } .footer .w1400 .right .contact .img { margin-left: 0; width: auto; border: 0; margin-top: 30px; } .footer .w1400 .right .areaimg { display: none; } .footer .w1400 #form2 { display: block; margin-top: 20px; } .footer .w1400 #form2 input { width: 100%; height: 56px; border: 0; padding-left: 50px; margin-bottom: 20px; color: #fff; } .footer .w1400 #form2 input::-webkit-input-placeholder { color: #fff; } .footer .w1400 #form2 input:first-child { background: rgba(255, 255, 255, 0.1) url(/uploads/image/simages/indexbannerform.png) no-repeat 20px center; } .footer .w1400 #form2 input:nth-child(2) { background: rgba(255, 255, 255, 0.1) url(/uploads/image/simages/indexbannerform2.png) no-repeat 20px center; } .footer .w1400 #form2 input:nth-child(3) { background: rgba(255, 255, 255, 0.1) url(/uploads/image/simages/indexbannerform3.png) no-repeat 20px center; margin-bottom: 0; } .footer .w1400 #form2 .btn { display: block; width: 100%; line-height: 54px; border: 1px solid #d3b06c; background: #d3b16d; text-align: center; color: #fff; font-weight: bold; margin-top: 20px; } .footer .pagetips { margin-top: 0; font-size: 3.6vw; line-height: 1.8; padding: 15px 10px; } .close { right: 20px; } .windows { width: 100%; height: 100%; } .windows .content { width: 100%; } .windows.bigimg .content img { -webkit-transform: scale(1); transform: scale(1); } } @media (max-width: 750px) { .indexblock3 .bottom .list { width: 100%; } } /*# sourcemappingurl=index.css.map */