.pchead .nav li:nth-child(1) .navs span::after { transform: scale(1); } .bannerbox .mobanner{ width: 100%; transform: none; } html, body { overflow-x: hidden; } .aaheg { position: relative; z-index: -1; pointer-events: none; } .aaheg img { width: 100%; display: block; pointer-events: none; } .aa { position: relative; z-index: 6; } .aa #swiper1 { position: relative; z-index: 12; height: 100%; } .aa #swiper1 .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 1; background: #a0a0a0; } .aa #swiper1 .swiper-pagination-bullet-active { background: #fff; } .aa #swiper1 .swiper-slide { position: relative; overflow: hidden; } .aa #swiper1 .swiper-slide .indexmask{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; background: url(../images/index_mask.png) no-repeat; background-size: cover; } .aa #swiper1 .swiper-slide .showInfo { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; } .aa #swiper1 .swiper-slide .showInfo .title { margin-top: 17.5521%; font-size: 60px; line-height: 60px; color: #fff; text-align: center; } .aa #swiper1 .swiper-slide .showInfo .te { font-size: 22px; line-height: 22px; margin-top: 1.5625%; text-align: center; color: #fff; } .aa #swiper1 .swiper-slide .showInfo .moreBtn { width: 240px; height: 60px; display: block; line-height: 56px; text-align: center; color: #fff; transition: all .5s; margin: 0 auto; margin-top: 3.2292%; color: #f3aa31; border: 2px solid #f3aa31; border-radius: 30px; -ms-border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; position: relative; z-index: 1; overflow: hidden; } .aa #swiper1 .swiper-slide .showInfo .moreBtn:hover { color: #fff; } .aa #swiper1 .swiper-slide .showInfo .moreBtn::after { transition: all .3s; width: 260px; height: 260px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); z-index: -1; background-size: 100% 100%; background-image: linear-gradient(-45deg, #fecd25, #f3aa31 50%, #e8873c); background-image: -webkit-linear-gradient(-45deg, #fecd25, #f3aa31 50%, #e8873c); background-image: -moz-linear-gradient(-45deg, #fecd25, #f3aa31 50%, #e8873c); } .aa #swiper1 .swiper-slide .showInfo .moreBtn:hover::after { transform: translate(-50%, -50%) scale(1); } .aa #swiper1 .swiper-slide img { height: 100%; } .aa #swiper1 .mousein{ width: 23px; height: 28px; position: absolute; left: 50%; top: 83%; background: url(../images/mouse_b.png) no-repeat; z-index: 10; transform: translateX(-50%); } .aa #swiper1 .mousein .mouse_s{ width: auto; display: block; position: absolute; left: 5px; top: 6px; animation: topmove .5s linear infinite alternate; } .indextl .cn { font-size: 40px; line-height: 1; color: #000; } .indextl .en { margin-top: 18px; font-size: 20px; color: rgba(102, 102, 102, 0.5); } .bb { background: rgba(0, 0, 0, 0.75); position: relative; z-index: 6; transition: all .3s; } .bb .maskbb{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #000; overflow: hidden; } .bb .maskbb img{ height: 100%; opacity: .3; } .bb .wrap{ overflow: hidden; position: relative; z-index: 10; } .bb .indextl{ margin-top: 150px; } .bb .indextl .cn { color: #fff; } .bb .indextl .en { color: rgba(255, 255, 255, 0.7); } .bb .swiper-container{ margin-top: 100px; } .bb .topWrap{ margin-top: 5.2083%; } .bb .top{ position: relative; } .bb .top .btn{ width: 52px; height: 52px; border-radius: 50%; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.2); position: absolute; top: 50%; transition: all .5s; transform: translateY(-50%); cursor: pointer; z-index: 20; } .bb .top .btn:hover{ background: #ee9654; } .bb .top .next{ right: 0; } .bb .top .prev{ left: 0; } .bb #proSwiper { display: none; } .bb .swiper-container .swiper-slide img{ display: block; width: 100%; transition:all .5s; } .bb .swiper-container .swiper-slide .tbox{ height: 110px; line-height: 110px; background:#555f67; transition: all .5s; } .bb .swiper-container .swiper-slide .tbox .txt{ font-size: 36px; color: #fff; height: 100%; float: left; padding: 0 30px; } .bb .swiper-container .swiper-slide .tbox .rtxt{ float: right; } .bb .swiper-container .swiper-slide .tbox .txt span{ font-size: 30px; margin-right: 15px; position: relative; top: -2px; } .bb .swiper-container .swiper-slide .imgbox{ position: relative; overflow: hidden; width: 100%; background: #000; } .bb .swiper-container .swiper-slide .imgbox .infotxt{ position: absolute; width: 80%; height: 70%; overflow-y: auto; top: 20%; left: 10%; color: #fff; font-size: 14px; line-height: 2; opacity: 0; transition: all .5s; z-index: 12; text-align: justify; } .bb .swiper-container .swiper-slide .imgbox .infotxt::-webkit-scrollbar{ width: 2px; } .bb .swiper-container .swiper-slide-active img{ transform: scale(1.3); opacity: .5; z-index: 10; } .bb .swiper-container .swiper-slide-active .imgbox .infotxt{ opacity: 1; } .bb .swiper-container .swiper-slide-active .tbox{ background: #ee9654; } .bb .bt { position: relative;z-index: 10; margin-top: 1.927%; height: 30px; } .bb .bt .btnBox { width: 469px; margin: 0 auto; } .bb .bt .btnBox .btn { float: left; width: 110px; height: 30px; border: 1px solid #fff; box-sizing: border-box; margin-right: 69px; line-height: 28px; text-align: center; border-radius: 14px; color: #fff; transition: all .5s; cursor: pointer; } .bb .bt .btnBox .btn:last-child { margin-right: 0; } .bb .bt .btnBox .actBtn { background: #eb8132; border: 1px solid #eb8132!important; } #certify { padding: 30px 0; } #certify .swiper-slide,#proSwiper .swiper-slide{ display: block; } #certify .swiper-slide-next{ left: 132px; } #certify .swiper-slide-prev{ left: -132px; } #certify .swiper-slide-active{ box-shadow: 0px 7px 18px 4px rgba(0, 0, 0, 0.5) } @media screen and (min-width:1280px) and (max-height: 900px) { .bb .indextl{ margin-top: 130px; } .bb .topWrap{ margin-top: 40px; } } @media screen and (min-width:1280px) and (max-height: 800px) { .bb .topWrap{ margin-top: 30px; } } .cc { width: 100%; overflow: hidden; z-index: 6; position: relative; background: #fff; box-sizing: border-box; padding-top: 80px; } .cc .top .indextl { margin-top: 120px; }\n .cc .tl { margin-top: 120px; } .cc .le { float: left; width: 38.28125%; } .cc .rt { width: 61.71875%; position: relative; height: 350px; float: right; } .cc .rt .mask { width: 1900px; position: absolute; left: 0; top: 0; background: #f4f4f4; height: 100%; z-index: 0; } .cc .rt .info { color: #808080; font-size: 16px; line-height: 2; position: relative; z-index: 1; width: 90.2532%; margin-left: 9.7468%; margin-top: 50px; height: 132px; overflow: auto; } .cc .rt .info::-webkit-scrollbar{ width: 4px; } .cc .rt .info::-webkit-scrollbar-track{ background: #fff; } .cc .rt .info span { font-size: 26px; line-height: 32px; color: #333; } .cc .rt .moreBtn { display: block; width: 150px; height: 50px; box-sizing: border-box; text-align: center; line-height: 46px; border-radius: 25px; -ms-border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 2px solid #f3aa31; color: #f3aa31; background-size: cover; position: relative; z-index: 2; margin-left: 9.7468%; margin-top: 30px; transition: all .5s; overflow: hidden; } .cc .rt .moreBtn:hover { color: #fff; } .cc .rt .moreBtn::after { transition: all .3s; width: 180px; height: 180px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); z-index: -1; background-size: 100% 100%; background-image: linear-gradient(-45deg, #fecd25, #f3aa31 50%, #e8873c); background-image: -webkit-linear-gradient(-45deg, #fecd25, #f3aa31 50%, #e8873c); background-image: -moz-linear-gradient(-45deg, #fecd25, #f3aa31 50%, #e8873c); } .cc .rt .moreBtn:hover::after { transform: translate(-50%, -50%) scale(1); color: #fff; z-index: -2; } .cc .bt { position: relative; top: -50px; z-index: 4; } .cc .bt .imgbox { height: 350px; overflow: hidden; } .cc .bt .imgbox img { display: block; max-width: 100%; margin: 0 auto; } .cc .sjBox { margin-bottom: 78px; } .cc .sjBox .sj { width: 33%; padding: 0 38px; text-align: center; position: relative; } .cc .sjBox .sj .big { color: #262626; font-size: 50px; font-family: sszh; line-height: 38px; } .cc .sjBox .sj .big span { font-size: 20px; line-height: 20px; } .cc .sjBox .sj .sm { color: #808080; font-size: 14px; line-height: 14px; margin-top: 14px; } .cc .sjBox .sj:after { content: ""; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: #d2d2d2; } .cc .sjBox .sj:first-child { padding-left: 0; } .cc .sjBox .sj:last-child { padding-right: 0; } .cc .sjBox .sj:last-child::after { width: 0; } .sjc1 { position: fixed; left: 0; top: 0; z-index: -1; display: none; } .sjc1 img { display: block; width: 100%; } .shows { display: block; } .sjleg { position: relative; z-index: 10; height: 200px!important; background: url(../images/index-02.png) no-repeat center fixed; overflow: hidden; } .section7{ height: 440px!important; overflow: hidden; } @media screen and (min-width:1280px) and (max-height: 800px) { .cc .rt{ height: 280px; } .cc .rt .info { height: 100px; } .cc .bt .imgbox{ height: 300px; } } .dd { background: #fff; position: relative; z-index: 6; overflow: hidden; } .dd .wrap{ position: relative; } .dd .wrap .indextl { margin-top: 220px; } .dd .wrap .lt { width: 470px; padding-top: 0px; } .dd .wrap .lt .caseInfo .case .caseli { display: none; } .dd .wrap .lt .caseInfo .case .caseli:first-child { display: block; } .dd .wrap .lt .caseInfo .case .title { margin-top: 50px; font-size: 30px; color: #666; line-height: 1.5; height: 90px; } .dd .wrap .lt .caseInfo .case .date { font-size: 16px; color: #808080; margin-top: 65px; line-height: 18px; background: url(../images/index_07.png) no-repeat; } .dd .wrap .lt .caseInfo .case .lookNum { margin-top: 22px; font-size: 14px; color: #808080; line-height: 14px; background: url(../images/index_08.png) no-repeat; } .dd .wrap .lt .caseInfo .case .date, .dd .wrap .lt .caseInfo .case .lookNum { padding-left: 60px; box-sizing: border-box; background-position: 7px center; } .dd .wrap .lt .caseInfo .case .controlBox { margin-top: 50px; } .dd .wrap .lt .caseInfo .case .controlBox .lookDetail { border: 2px solid #f4ae2f; background-repeat: no-repeat; color: #fff; color: #f4ae2f; position: relative; z-index: 2; } .dd .wrap .lt .caseInfo .case .controlBox .callUs { border: 2px solid #434343; color: #333; margin-left: 10px; } .dd .wrap .lt .caseInfo .case .controlBox .lookDetail, .dd .wrap .lt .caseInfo .case .controlBox .callUs { position: relative; border-radius: 25px; -ms-border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; display: block; text-align: center; line-height: 46px; width: 160px; height: 50px; box-sizing: border-box; transition: all .3s; float: left; overflow: hidden; font-size: 14px; z-index: 10; } .dd .wrap .lt .caseInfo .case .controlBox .callUs::after { content: ""; width: 180px; height: 180px; display: block; position: absolute; left: 50%; top: 50%; background: #434343; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius:50%; transform: translate(-50%, -50%) scale(0); -webkit-transform:translate(-50%, -50%) scale(0); z-index: -1; transition: all .5s; -webkit-transition: all .5s; } .dd .wrap .lt .caseInfo .case .controlBox .lookDetail:hover { background-size: 100% 100%; color: #fff; } .dd .wrap .lt .caseInfo .case .controlBox .lookDetail::after { transition: all .3s; width: 180px; height: 180px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); z-index: -1; background-size: 100% 100%; background-image: linear-gradient(-45deg, #fecd25, #f3aa31 50%, #e8873c); background-image: -webkit-linear-gradient(-45deg, #fecd25, #f3aa31 50%, #e8873c); background-image: -moz-linear-gradient(-45deg, #fecd25, #f3aa31 50%, #e8873c); } .dd .wrap .lt .caseInfo .case .controlBox .lookDetail:hover::after { transform: translate(-50%, -50%) scale(1); } .dd .wrap .lt .caseInfo .case .controlBox .callUs:hover { color: #fff; } .dd .wrap .lt .caseInfo .case .controlBox .callUs:hover::after { transform: translate(-50%, -50%) scale(1); } .dd .wrap .lt .caseInfo .case .changeBox { margin-top: 53px; } .dd .wrap .lt .caseInfo .case .changeBox .btn { width: 55px; height: 55px; box-sizing: border-box; float: left; border: 1px solid #dcdcdc; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .dd .wrap .lt .caseInfo .case .changeBox .prev2{ background: url(../images/index_11.png); background-position: center center; } .dd .wrap .lt .caseInfo .case .changeBox .next2{ background: url(../images/index_12.png); background-position: center center; } .dd .wrap .lt .caseInfo .case .changeBox .prev2:hover{ border: 1px solid #ee9654; background: url(../images/index_11_se.png); background-position: center center; } .dd .wrap .lt .caseInfo .case .changeBox .next2:hover{ border: 1px solid #ee9654; background: url(../images/index_12_se.png); background-position: center center; } .dd .wrap .lt .caseInfo .case .changeBox .btn img { display: block; width: 100%; } .dd .wrap #swiper2 { width: 55.46875%; position: absolute; right: 0; top: 0; } .dd .wrap #swiper2 .swiper-pagination { text-align: left; padding-left: 6%; bottom: 15px; } .dd .wrap #swiper2 .swiper-pagination-bullet { opacity: 1; margin-right: 10px; } .dd .wrap #swiper2 .swiper-pagination-bullet-active { background: #eb8132; } .dd .wrap #swiper2 .swiper-slide img { width: 100%; display: block; } .ee { background: #fff; overflow: hidden; position: relative; z-index: 10; } .ee .fp-tableCell{ box-sizing: border-box; padding-top: 50px; } .ee .indextl { text-align: center; margin-top: 5.2083%; margin-bottom: 63px; } .ee .wrap .newsUl .swiper-slide .imgBox { overflow: hidden; position: relative; background: #000; } .ee .wrap .newsUl .swiper-slide .imgBox .caseIcon{ width: 56px; height: 56px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.5); z-index: 10; opacity: 0; transition: all .5s; } .ee .wrap .newsUl .swiper-slide .imgBox img { display: block; width: 100%; transition: all .5s; } .ee .wrap .newsUl .swiper-slide .newText { box-sizing: border-box; padding: 22px; border: 1px solid #dcdcdc; border-top: 0; margin-bottom: 13px; transition: all .5s; } .ee .wrap .newsUl .swiper-slide .newText .title { font-weight: bold; font-size: 16px; color: #333; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -ms-text-overflow: ellipsis; transition: all .5s; margin-bottom: 6px; } .ee .wrap .newsUl .swiper-slide .newText .te { font-size: 14px; color: rgba(0, 0, 0, 0.85); transition: all .5s; line-height: 2; } .ee .wrap .newsUl .swiper-slide .newText .bt { margin-top: 13px; } .ee .wrap .newsUl .swiper-slide .newText .bt .lt { float: left; line-height: 30px; opacity: .4; color: #333; font-size: 14px; } .ee .wrap .newsUl .swiper-slide .newText .bt .rt { float: right; width: 30px; height: 30px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #f2c21e; background-image: url(../images/index_17.png); background-size: 100% 100%; transition: all .5s; } .ee .wrap .newsUl .swiper-slide:nth-child(3n) { margin-right: 0; } .ee .wrap .newsUl .swiper-slide:hover .imgBox img { transform: scale(1.1, 1.1); opacity: .8; } .ee .wrap .newsUl .swiper-slide:hover .imgBox .caseIcon{ opacity: 1; transform: translate(-50%,-50%) scale(1); } .ee .wrap .newsUl .swiper-slide:hover .newText .title { color: #ee9654; } .ee .wrap .viewMore { width: 240px; height: 50px; color: #fff; font-size: 14px; margin: 60px auto 0 auto; display: block; line-height: 50px; text-align: center; transition: all .5s; position: relative; z-index: 1; color: #f3aa31; border: 2px solid #f3aa31; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -ms-border-radius:25px; overflow: hidden; } .ee .wrap .viewMore:hover { color: #fff; } .ee .wrap .viewMore::after { transition: all .3s; width: 260px; height: 260px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); z-index: -1; background-size: 100% 100%; background-image: linear-gradient(-45deg, #fecd25, #f3aa31 50%, #e8873c); background-image: -webkit-linear-gradient(-45deg, #fecd25, #f3aa31 50%, #e8873c); background-image: -moz-linear-gradient(-45deg, #fecd25, #f3aa31 50%, #e8873c); } .ee .wrap .viewMore:hover::after { transform: translate(-50%, -50%) scale(1); } .fp-tableCell{ overflow: hidden; } .ee{ overflow: hidden; } @media screen and (min-width:1280px) and (max-height: 768px) { .ee .indextl{ margin-bottom: 30px; } .ee .wrap .newsUl .swiper-slide .newText .te{ display: none; } } @media screen and (min-width: 1440px) and (max-width: 1800px) { .bb .box .wrap { margin-top: 5.25%; } .bb .box .swrap { margin-top: 2.5%; position: relative; padding: 0 52px; } .bb .box .swrap .lt .conBox { margin-top: 70px; } .bb .box .swrap .lt .conBox .con .contl { font-size: 26px; } .bb .box .swrap .rt .cardBox { width: 220px; height: 293px; } } @media screen and (min-width: 1440px) and (max-width: 1600px) { .dd .wrap .indextl { margin-top: 180px; } .dd .wrap .lt .caseInfo .case .date { margin-top: 30px; } .indextl .cn { font-size: 40px; } .indextl .en { margin-top: 24px; font-size: 18px; } } @media screen and (min-width: 1280px) and (max-width: 1440px) { .bb .swiper-container .swiper-slide .tbox{ height: 80px; line-height: 80px; } .bb .swiper-container .swiper-slide .tbox .txt{ font-size: 30px; } .bb .swiper-container .swiper-slide .tbox .txt span{ font-size: 26px; } .indextl .cn { font-size: 40px; } .indextl .en { margin-top: 20px; font-size: 18px; } .bb .box .wrap { margin-top: 5.25%; } .bb .box .swrap { width: 1100px; margin-top: 2.5%; position: relative; padding: 0 52px; } .bb .box .swrap .lt .conBox { margin-top: 60px; } .bb .box .swrap .lt .conBox .con .contl { font-size: 26px; } .bb .box .swrap .rt .cardBox { width: 200px; height: 267px; } .bb .bt { margin-top: 3%; } .bb .bt .btnBox .btn { float: left; width: 110px; height: 30px; box-sizing: border-box; margin-right: 69px; line-height: 28px; text-align: center; border-radius: 14px; -ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; color: #fff; } .bb .bt .btnBox .btn:last-child { margin-right: 0; } .dd .wrap .indextl { margin-top: 150px; } .dd .wrap .lt { padding-top: 60px; } .dd .wrap .lt .caseInfo .case .title { font-size: 24px; line-height: 1.5; height: 72px; } .dd .wrap .lt .caseInfo .case .lookNum { margin-top: 14px; } .dd .wrap .lt .caseInfo .case .date { margin-top: 10px; } .dd .wrap .lt .caseInfo .case .controlBox { margin-top: 40px; } .dd .wrap .lt .caseInfo .case .changeBox { margin-top: 40px; } } @media screen and (max-width: 1366px) { .cc .sjBox .sj { padding: 0 30px; } } @media screen and (min-width: 1280px) and (max-height: 900px){ .cc .rt .info{ margin-top: 30px; } .cc .rt{ height: 350px; } .cc .rt .info{ margin-top: 43px; } .cc .bt .imgbox{ height: 300px; } .ee .wrap .viewMore{ margin: 30px auto 0 auto; } } @media screen and (min-width: 1280px) and (max-height: 800px){ .ee .indextl{ margin-bottom: 30px; } .cc .rt{ height: 320px; } .cc .bt .imgbox{ height: 250px; } } @media screen and (min-width:1280px) and (max-height: 721px){ .cc .rt{ height: 280px; } .cc .rt .info { margin-top: 30px; height: 100px; } .cc .bt .imgbox{ height: 250px; } } @media screen and (max-width: 1024px) { .aa { position: relative; z-index: 10; } .aa #swiper1 .swiper-pagination-bullet{ width: 8px; height: 8px; } .bb .box .swrap .rt .cardBox{ margin-left: 5%; } .bb .box .swrap .lt .conBox .con .contl{ display: none; } .section7{ display: none; } .ee .wrap .viewMore{ margin-bottom: 8%; } .bb #proSwiper{ display: block; margin-top: 0; padding-bottom: 30px; } .bb #proSwiper .swiper-pagination-bullet-active{ background: #ee9654; } .bb #certify{ display: none!important; } .bb .swiper-container .swiper-slide .tbox{ height: 50px; line-height: 50px; } .bb .swiper-container .swiper-slide .tbox .txt{ height: 50px; line-height: 50px; font-size: 18px; } .bb .swiper-container .swiper-slide .tbox .txt span{ font-size: 16px; } .cc{ padding-top: 0; } .cc .bt .imgbox{ height: auto; } .bb .swiper-container .swiper-slide .imgbox .infotxt{ width: 90%; left: 5%; } .bb .bt .btnBox{ display: none; } .ee .wrap .newsUl .swiper-slide .newText .te::-webkit-scrollbar{ width: 2px; } .bb .top .btn{ display: none; } } @media screen and (max-width: 1024px) { .indextl .cn { font-size: 36px; } .indextl .en { margin-top: 25px; font-size: 18px; } .aa #swiper1 .swiper-slide .showInfo .title { margin-top: 16%; font-size: 48px; line-height: 1.5; } .aa #swiper1 .swiper-slide .showInfo .te { font-size: 22px; margin-top: 3%; } .aa #swiper1 .swiper-slide .showInfo .moreBtn { width: 180px; height: 45px; line-height: 45px; margin: 4.92% auto 0 auto; } .aa #swiper1 .swiper-slide img { width: 100%; } .bb { overflow: hidden; } .bb .indextl { margin-top: 12%; text-align: center; } .bb .placeBg { display: none; } .bb .box { position: relative; height: auto; } .bb .box .wrap { margin-top: 6.25%; } .bb .box .swrap { padding: 0 30px; width: 85%; } .bb .box .swrap .top .btn { width: 30px; height: 30px; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .bb .box .swrap .top .prev { left: -30px; } .bb .box .swrap .top .next { right: -30px; } .bb .box .swrap .top .btn:hover { background: #eb8132; border: 1px solid #eb8132; } .bb .box .swrap .lt { float: left; width: 50%; } .bb .box .swrap .lt .conBox { margin-top: 0; margin-left: 0; width: 90%; } .bb .box .swrap .rt .cardBox { width: 160px; height: 212px; } .bb .box .swrap .rt .cardBox .car:nth-child(1) { -webkit-transform: rotateY(-10deg) translateX(0px); } .bb .box .swrap .rt .cardBox .car:nth-child(2) { -webkit-transform: rotateY(-10deg) translateX(30px); } .bb .box .swrap .rt .cardBox .car:nth-child(3) { -webkit-transform: rotateY(-10deg) translateX(60px); } .bb .box .swrap .rt .cardBox .car:nth-child(4) { -webkit-transform: rotateY(-10deg) translateX(90px); } .bb .box .swrap .rt .cardBox .car:nth-child(5) { -webkit-transform: rotateY(-10deg) translateX(120px); } .bb .bt { margin-bottom: 8%; } .bb .bt .btnBox { width: 90%; margin: 0 auto; } .bb .bt .btnBox .btn { float: left; width: 17.6%; height: 30px; margin-right: 3%; } .bb .bt .btnBox .btn:last-child { margin-right: 0; } .bb .bt .btnBox .actBtn { background: #eb8132; border: 1px solid #eb8132; } .cc { z-index: 6; position: relative; background: #fff; } .cc .top .indextl { margin-top: 12%; } .cc .tl { margin-top: 120px; } .cc .le { float: left; width: 38.28125%; } .cc .rt { width: 61.71875%; position: relative; height: auto; float: right; } .cc .rt .info { height: auto; margin-top: 9%; font-size: 14px; } .cc .rt .info span { font-size: 20px; line-height: 40px; } .cc .rt .moreBtn { width: 120px; height: 30px; line-height: 26px; border-radius: 25px; -ms-border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; margin-top: 30px; font-size: 14px; margin-bottom: 12%; } .cc .bt { margin-top: 6%; position: relative; top: 0; z-index: 4; } .cc .bt .imgbox img { display: block; max-width: 100%; margin: 0 auto; } .cc .sjBox { margin-top: 6%; margin-bottom: 6%; display: flex; justify-content: center; flex-wrap: wrap; } .cc .sjBox .sj { width: 30%; float: none; padding: 0; margin-bottom: 6%; /* margin-right: 5%; */ } .cc .sjBox .sj .big { font-size: 30px; line-height: 30px; } .cc .sjBox .sj .big span { font-size: 14px; line-height: 14px; } .cc .sjBox .sj .sm { color: #808080; font-size: 14px; line-height: 1.5; margin-top: 14px; height: 32px; } .cc .sjBox .sj:after { width: 0px; } .cc .sjBox .sj:first-child { padding-left: 0; } .cc .sjBox .sj:last-child { padding-right: 0; } .cc .sjBox .sj:last-child::after { width: 0; } .cc .sjBox .sj:nth-child(3n) { margin-right: 0; } .dd .wrap .indextl { margin-top: 6%; text-align: center; } .dd .wrap .lt { width: 50%; padding-top: 0px; } .dd .wrap .lt .caseInfo .case .caseli { display: none; } .dd .wrap .lt .caseInfo .case .caseli:first-child { display: block; } .dd .wrap .lt .caseInfo .case .title { font-size: 20px; margin-top: 6%; height: 60px; } .dd .wrap .lt .caseInfo .case .date { font-size: 16px; color: #808080; margin-top: 15px; line-height: 18px; background: url(../images/index_07.png) no-repeat; } .dd .wrap .lt .caseInfo .case .lookNum { margin-top: 10px; font-size: 14px; color: #808080; line-height: 14px; background: url(../images/index_08.png) no-repeat; } .dd .wrap .lt .caseInfo .case .date, .dd .wrap .lt .caseInfo .case .lookNum { padding-left: 60px; box-sizing: border-box; background-position: 7px center; } .dd .wrap .lt .caseInfo .case .controlBox { margin-top: 6%; } .dd .wrap .lt .caseInfo .case .controlBox .callUs { border: 2px solid #434343; color: #333; margin-left: 10px; } .dd .wrap .lt .caseInfo .case .controlBox .lookDetail, .dd .wrap .lt .caseInfo .case .controlBox .callUs { border-radius: 25px; -ms-border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; display: block; text-align: center; line-height: 46px; width: 160px; height: 50px; box-sizing: border-box; transition: all .5s; background-size: 100% 100%; float: left; } .dd .wrap .lt .caseInfo .case .changeBox { margin-top: 53px; } .dd .wrap .lt .caseInfo .case .changeBox .btn { width: 55px; float: left; border: 1px solid #dcdcdc; cursor: pointer; } .dd .wrap .lt .caseInfo .case .changeBox .btn img { display: block; width: 100%; } .dd .wrap #swiper2 { width: 50%; top:120px; } .dd .wrap #swiper2 .swiper-slide img { width: 100%; display: block; } .ee { margin-bottom: 0!important; } .ee .indextl { text-align: center; margin-top: 6%; margin-bottom: 6%; } .ee .wrap .newsUl .swiper-slide .newText { padding: 10px; } .ee .wrap .newsUl .swiper-slide .newText .title { font-size: 16px; } .ee .wrap .viewMore { width: 120px; height: 30px; margin: 6% auto 8% auto; line-height: 30px; } } @media screen and (min-width: 375px) and (max-width: 768px) { .aa #swiper1 .swiper-slide .showInfo .title{ margin-top: 29.5521%; } .indextl .cn { font-size: 30px; } .indextl .en { margin-top: 15px; font-size: 18px; } .aa #swiper1 .swiper-slide .showInfo .title { margin-top: 29.5521%; font-size: 30px; line-height: 1.5; } .aa #swiper1 .swiper-slide .showInfo .te { font-size: 18px; margin-top: 3%; } .aa #swiper1 .swiper-slide .showInfo .moreBtn { width: 156px; height: 39px; line-height: 39px; margin: 4.92% auto 0 auto; } .aa #swiper1 .swiper-slide img { width: 100%; } .bb { overflow: hidden; } .bb .indextl { margin-top: 12%; text-align: center; } .bb .placeBg { display: none; } .bb .box { position: relative; height: auto; } .bb .box .wrap { margin-top: 6.25%; } .bb .box .swrap { padding: 0 30px; width: 70%; } .bb .box .swrap .top .btn { width: 30px; height: 30px; border-radius: 50%; } .bb .box .swrap .top .prev { left: -30px; } .bb .box .swrap .top .next { right: -30px; } .bb .box .swrap .top .btn:hover { background: #eb8132; border: 1px solid #eb8132; } .bb .box .swrap .lt { float: none; width: 100%; } .bb .box .swrap .lt .conBox { margin: 6% auto 0 auto; width: 90%; } .bb .box .swrap .lt .conBox .con .contl { text-align: center; } .bb .box .swrap .lt .conBox .con .te { margin-top: 12%; } .bb .box .swrap .rt { float: none; } .bb .box .swrap .rt .cardBox { width: 166px; height: 216px; } .bb .box .swrap .rt .cardBox .car:nth-child(1) { -webkit-transform: rotateY(-10deg) translateX(0px); } .bb .box .swrap .rt .cardBox .car:nth-child(2) { -webkit-transform: rotateY(-10deg) translateX(20px); } .bb .box .swrap .rt .cardBox .car:nth-child(3) { -webkit-transform: rotateY(-10deg) translateX(40px); } .bb .box .swrap .rt .cardBox .car:nth-child(4) { -webkit-transform: rotateY(-10deg) translateX(60px); } .bb .box .swrap .rt .cardBox .car:nth-child(5) { -webkit-transform: rotateY(-10deg) translateX(80px); } .bb .bt { margin-bottom: 8%; } .bb .bt .btnBox { width: 90%; margin: 0 auto; } .bb .bt .btnBox .btn { float: left; width: 17.6%; height: 30px; margin-right: 3%; font-size: 12px; } .bb .bt .btnBox .btn:last-child { margin-right: 0; } .bb .bt .btnBox .actBtn { background: #eb8132; border: 1px solid #eb8132; } .cc .top .indextl { margin-top: 6%; text-align: center; } .cc .tl { margin-top: 120px; } .cc .le { float: none; width: 100%; } .cc .rt { width: 100%; height: auto; float: none; } .cc .rt .mask { display: none; } .cc .rt .info { height: auto; color: #808080; font-size: 14px; line-height: 2; position: relative; z-index: 1; width: 100%; margin-left: 0%; margin-top: 6%; } .cc .rt .info span { font-size: 14px; line-height: 2; color: #808080; } .cc .rt .moreBtn { display: block; width: 120px; height: 30px; text-align: center; line-height: 26px; border-radius: 15px; -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: ; z-index: 1; margin: 6% auto; transition: all .5s; } .cc .bt { position: relative; top: 0; margin-top: 6%; z-index: 4; } .cc .sjBox { margin-top: 6%; margin-bottom: 6%; display: flex; justify-content: space-between; flex-wrap: wrap; } .cc .sjBox .sj { float: none; width: 48.5%; padding: 0; margin-bottom: 10px; margin-right: 0; } .cc .sjBox .sj .big { font-size: 30px; line-height: 30px; } .cc .sjBox .sj .big span { font-size: 14px; line-height: 14px; } .cc .sjBox .sj .sm { font-size: 12px; line-height: 1.2; height: 28px; margin-top: 12px; } .cc .sjBox .sj:after { width: 0px; } .cc .sjBox .sj:first-child { padding-left: 0; } .cc .sjBox .sj:last-child { padding-right: 0; } .cc .sjBox .sj:last-child::after { width: 0; } .dd .wrap .indextl { margin: 12% 0 6% 0; text-align: center; } .dd .wrap .lt { width: 100%; padding-top: 0px; } .dd .wrap .lt .caseInfo .case .caseli { display: none; } .dd .wrap .lt .caseInfo .case .caseli:first-child { display: block; } .dd .wrap .lt .caseInfo .case .title { font-size: 16px; margin-top: 6%; height: auto; } .dd .wrap .lt .caseInfo .case .date { font-size: 12px; color: #808080; margin-top: 10px; line-height: 14px; background: url(../images/index_07.png) no-repeat; background-size: 16px; } .dd .wrap .lt .caseInfo .case .lookNum { margin-top: 10px; font-size: 12px; color: #808080; line-height: 14px; background: url(../images/index_08.png) no-repeat; background-size: 16px; } .dd .wrap .lt .caseInfo .case .date, .dd .wrap .lt .caseInfo .case .lookNum { padding-left: 40px; box-sizing: border-box; background-position: 7px center; } .dd .wrap .lt .caseInfo .case .controlBox { margin-top: 6%; } .dd .wrap .lt .caseInfo .case .controlBox .callUs { border: 1px solid #434343; color: #333; margin-left: 10px; } .dd .wrap .lt .caseInfo .case .controlBox .lookDetail, .dd .wrap .lt .caseInfo .case .controlBox .callUs { border-radius: 15px; -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; line-height: 30px; width: 120px; height: 30px; background-size: 100% 100%; line-height: 28px; float: left; } .dd .wrap .lt .caseInfo .case .controlBox .lookDetail{ border: 1px solid #f4ae2f; } .dd .wrap .lt .caseInfo .case .changeBox { margin-top: 6%; } .dd .wrap .lt .caseInfo .case .changeBox .btn { width: 55px; float: left; border: 1px solid #dcdcdc; cursor: pointer; } .dd .wrap .lt .caseInfo .case .changeBox .btn img { display: block; width: 100%; } .dd .wrap #swiper2{ width: 100%; position: relative; top: 0; left: 0; } .dd .wrap #swiper2 .swiper-slide img { width: 100%; display: block; } .ee { margin-bottom: 0!important; } .ee .indextl { text-align: center; margin-top: 12%; margin-bottom: 6%; } .ee .wrap .newsUl .swiper-slide .newText { padding: 10px; } .ee .wrap .newsUl .swiper-slide .newText .title { font-size: 16px; } .ee .wrap .newsUl .swiper-slide .newText .te{ height: 140px; overflow: auto; } .ee .wrap .viewMore { width: 120px; height: 30px; margin: 6% auto 8% auto; line-height: 28px; border: 1px solid #f3aa31; } } @media screen and (min-width: 100px) and (max-width: 375px) { .indextl .cn { font-size: 20px; } .indextl .en { margin-top: 10px; font-size: 14px; } .aa #swiper1 .swiper-slide .showInfo .title { margin-top: 29.5521%; font-size: 24px; line-height: 1.5; } .aa #swiper1 .swiper-slide .showInfo .te { font-size: 14px; margin-top: 3%; } .aa #swiper1 .swiper-slide .showInfo .moreBtn { width: 120px; height: 30px; line-height: 30px; margin: 4.2292% auto 0 auto; } .aa #swiper1 .swiper-slide img { width: 100%; } .bb { overflow: hidden; } .bb .indextl { margin-top: 12%; text-align: center; } .bb .placeBg { display: none; } .bb .box { position: relative; height: auto; } .bb .box .wrap { margin-top: 6.25%; } .bb .box .swrap { padding: 0 30px; width: 80%; } .bb .box .swrap .top .btn { width: 30px; height: 30px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .bb .box .swrap .top .prev { left: -30px; } .bb .box .swrap .top .next { right: -30px; } .bb .box .swrap .top .btn:hover { background: #eb8132; border: 1px solid #eb8132; } .bb .box .swrap .lt { float: none; width: 100%; } .bb .box .swrap .lt .conBox { margin: 6% auto 0 auto; width: 90%; } .bb .box .swrap .lt .conBox .con .contl { text-align: center; font-size: 20px; } .bb .box .swrap .lt .conBox .con .te { margin-top: 12%; } .bb .box .swrap .rt { float: none; width: 60%; margin: 0 auto; } .bb .box .swrap .rt .cardBox { width: 100%; height: 200px; } .bb .box .swrap .rt .cardBox .car:nth-child(1) { -webkit-transform: rotateY(0deg) translateX(0px); } .bb .box .swrap .rt .cardBox .car:nth-child(2) { -webkit-transform: rotateY(0deg) translateX(0px); } .bb .box .swrap .rt .cardBox .car:nth-child(3) { -webkit-transform: rotateY(0deg) translateX(0px); } .bb .box .swrap .rt .cardBox .car:nth-child(4) { -webkit-transform: rotateY(0deg) translateX(0px); } .bb .box .swrap .rt .cardBox .car:nth-child(5) { -webkit-transform: rotateY(0deg) translateX(0px); } .bb .bt { margin-bottom: 8%; } .bb .bt .btnBox { width: 90%; margin: 0 auto; } .bb .bt .btnBox .btn { float: left; width: 17.6%; height: 30px; font-size: 12px; margin-right: 3%; } .bb .bt .btnBox .btn:last-child { margin-right: 0; } .bb .bt .btnBox .actBtn { background: #eb8132; border: 1px solid #eb8132; } .cc .top .indextl { margin-top: 8%; text-align: center; } .cc .tl { margin-top: 120px; } .cc .le { float: none; width: 100%; } .cc .rt { width: 100%; height: auto; float: none; } .cc .rt .mask { display: none; } .cc .rt .info { height: auto; color: #808080; font-size: 14px; line-height: 2; position: relative; z-index: 1; width: 100%; margin-left: 0%; height: auto; margin-top: 6%; } .cc .rt .info span { font-size: 20px; line-height: 32px; color: #333; } .cc .rt .moreBtn { display: block; width: 120px; height: 30px; text-align: center; line-height: 26px; border-radius: 15px; -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; z-index: 1; margin: 6% auto; transition: all .5s; } .cc .bt { position: relative; top: 0; margin-top: 6%; z-index: 4; } .cc .sjBox { margin-top: 6%; margin-bottom: 6%; display: flex; justify-content: space-between; flex-wrap: wrap; } .cc .sjBox .sj { float: none; width: 48.5%; padding: 0; margin-bottom: 10px; } .cc .sjBox .sj .big { font-size: 30px; line-height: 30px; } .cc .sjBox .sj .big span { font-size: 14px; line-height: 14px; } .cc .sjBox .sj .sm { font-size: 12px; line-height: 1.2; height: 28px; margin-top: 12px; } .cc .sjBox .sj:after { width: 0px; } .cc .sjBox .sj:first-child { padding-left: 0; } .cc .sjBox .sj:last-child { padding-right: 0; } .cc .sjBox .sj:last-child::after { width: 0; } .dd .wrap .indextl { margin-top: 12%; text-align: center; margin-bottom: 6%; } .dd .wrap .lt { width: 100%; padding-top: 0px; } .dd .wrap .lt .caseInfo .case .caseli { display: none; } .dd .wrap .lt .caseInfo .case .caseli:first-child { display: block; } .dd .wrap .lt .caseInfo .case .title { font-size: 16px; margin-top: 6%; height: auto; } .dd .wrap .lt .caseInfo .case .date { font-size: 12px; color: #808080; margin-top: 10px; line-height: 14px; background: url(../images/index_07.png) no-repeat; background-size: 16px; } .dd .wrap .lt .caseInfo .case .lookNum { margin-top: 10px; font-size: 12px; color: #808080; line-height: 14px; background: url(../images/index_08.png) no-repeat; background-size: 16px; } .dd .wrap .lt .caseInfo .case .date, .dd .wrap .lt .caseInfo .case .lookNum { padding-left: 40px; box-sizing: border-box; background-position: 7px center; } .dd .wrap .lt .caseInfo .case .controlBox { margin-top: 6%; } .dd .wrap .lt .caseInfo .case .controlBox .callUs { border: 1px solid #434343; color: #333; margin-left: 10px; } .dd .wrap .lt .caseInfo .case .controlBox .lookDetail, .dd .wrap .lt .caseInfo .case .controlBox .callUs { border-radius: 15px; -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; line-height: 30px; width: 120px; height: 30px; background-size: 100% 100%; line-height: 28px; float: left; border: 1px solid #f4ae2f;; } .dd .wrap .lt .caseInfo .case .changeBox { margin-top: 6%; } .dd .wrap .lt .caseInfo .case .changeBox .btn { width: 44px; height: 44px; float: left; border: 1px solid #dcdcdc; cursor: pointer; } .dd .wrap .lt .caseInfo .case .changeBox .btn img { display: block; width: 100%; } .dd .wrap #swiper2 { width: 100%; position: relative; right: 0; top: 0; } .dd .wrap #swiper2 .swiper-slide img { width: 100%; display: block; } .ee { margin-bottom: 0!important; } .ee .indextl { text-align: center; margin-top: 6%; margin-bottom: 6%; } .ee .wrap .newsUl .swiper-slide .newText { padding: 10px; } .ee .wrap .newsUl .swiper-slide .newText .title { font-size: 16px; } .ee .wrap .viewMore { width: 120px; height: 30px; border: 1px solid #f3aa31; margin: 6% auto 8% auto; line-height: 28px; } .ee .wrap .newsUl .swiper-slide .newText .te{ height: 140px; overflow: auto; } } @-webkit-keyframes scaleOne { 0% { transform: scale(1); } 50% { transform: scale(0.4); } 100% { transform: scale(1); } } @keyframes scaleOne { 0% { transform: scale(1); } 50% { transform: scale(0.4); } 100% { transform: scale(1); } } @-webkit-keyframes topmove { 0% { top: 6px; } 100% { top: 11px; } } @keyframes topmove { 0% { top: 6px; } 100% { top: 11px; } }