.strategic .commonWrap { background: #fff; } .strategic .contentBox { padding-top: 70px; background: #f7f7f7 url(../image/about/strategicBg.jpg) center center no-repeat; } .strategic .contentBox .enTitle { font-size: 30px; color: #eb3c00; } .strategic .contentBox .title { font-size: 20px; color: #bc8f4b; padding-bottom: 25px; } .strategic .contentBox .content { overflow: hidden; } .strategic .contentBox .content .leftBox { width: 732px; float: left; padding-right: 42px; } .strategic .contentBox .content .leftBox h1 { font-size: 16px; color: #898989; opacity: .9; padding-bottom: 10px; } .strategic .contentBox .content .leftBox .pb25 { padding-bottom: 25px; } .strategic .contentBox .content .leftBox p { font-size: 13px; color: #898989; opacity: .9; line-height: 24px; } .strategic .contentBox .content .leftBox img { width: 100%; display: block; padding: 10px 0; } .strategic .contentBox .content .rightBox { float: left; padding-bottom: 20px; } .strategic .contentBox .content .rightBox h1 { font-size: 30px; color: #bc8f4b; opacity: .8; line-height: 40px; padding-bottom: 15px; } .strategic .contentBox .content .rightBox img { width: 100%; max-width: 266px; } .strategic .contentBox .content .rightBox h2 { font-size: 94px; color: #1b1d34; } .strategic .contentBox .content .rightBox h3 { font-size: 20px; opacity: .7; color: #bc8f4b; padding-bottom: 5px; } .strategic .contentBox .content .rightBox p { font-size: 13px; color: #898989; line-height: 20px; } .speech .commonWrap { background: #fff; } .speech .contentBox { padding-top: 70px; background: #f7f7f7 url(../image/about/speechBg.jpg) center top no-repeat; } .speech .contentBox .enTitle { font-size: 30px; color: #eb3c00; } .speech .contentBox .title { font-size: 20px; color: #bc8f4b; padding-bottom: 75px; } .speech .bottomBox { padding-top: 50px; /* padding-bottom: 100px; */ background: #fff; } .speech .bottomBox .container { padding-bottom: 115px; } .speech .bottomBox2 { min-height: 590px; background: #f7f7f7 url(../image/about/bottomBox2-bg.jpg) no-repeat center bottom; } .speech .bottomBox2 .container { padding: 145px 0 110px; } .speech .bottomBox2 h3 { margin-top: 114px; } .speech .bottomBox2 .rightImg { position: absolute; left: 690px; bottom: 0; z-index: 30; } .speech .bottomBox2 .leftBox { padding-bottom: 0; } .speech .leftBox h1, .speech .rightBox h1 { font-size: 32px; color: #eb3a00; padding-bottom: 10px; } .speech .leftBox h2, .speech .rightBox h2 { color: #b9b9b9; font-size: 26px; padding-bottom: 25px; font-family: Montserrat-Regular; text-transform: uppercase; letter-spacing: -3px; line-height: 26px; } .speech .leftBox p, .speech .rightBox p { font-size: 14px; color: #898989; padding-bottom: 15px; line-height: 24px; text-align: justify; } .speech .leftBox h3, .speech .rightBox h3 { padding-top: 20px; font-size: 24px; color: #898989; } .speech .leftBox h4, .speech .rightBox h4 { font-size: 16px; color: #898989; } .speech .leftBox { float: left; width: 560px; padding-bottom: 160px; } .speech .rightBox { float: right; width: 656px; padding-bottom: 75px; } .speech .rightImg, .speech .leftImg { position: absolute; bottom: 0; max-width: 100%; } .speech .rightImg { right: -50px; } .speech .leftImg { left: -244px; } .team .contentBox { padding-top: 70px; background: #f7f7f7 url(../image/about/teamBg.jpg) center bottom no-repeat; } .team .contentBox>.enTitle { font-size: 30px; color: #eb3c00; } .team .contentBox>.title { font-size: 20px; color: #bc8f4b; padding-bottom: 40px; } .team .contentBox .content { padding-bottom: 50px; } .team .contentBox .content .tabList { background: #fff; padding: 20px 0px; margin-bottom: 10px; } .team .contentBox .content .tabList ul { text-align: center; } .team .contentBox .content .tabList ul li { display: inline-block; margin: 0 16px; padding: 0 12px; line-height: 35px; font-size: 14px; color: #999999; vertical-align: middle; } .team .contentBox .content .tabList ul li.all { border-top: 1px solid #666666; border-bottom: 1px solid #666666; } .team .contentBox .content .tabList ul li:hover, .team .contentBox .content .tabList ul li.active { background: #ea3800; color: #fff; border-color: transparent; } .team .contentBox .content .listBox { margin: 0 -10px; display: none; } .team .contentBox .content .listBox.active { display: block; } .team .contentBox .content .listBox ul { overflow: hidden; } .team .contentBox .content .listBox ul li { width: 25%; float: left; } .team .contentBox .content .listBox ul li a { padding: 10px; font-size: 0; } .team .contentBox .content .listBox ul li a img { width: 100%; } .team .contentBox .content .listBox ul li a .textBox { border: 2px solid #ebebee; border-top: none; padding-left: 20px; background: #fff; } .team .contentBox .content .listBox ul li a .textBox h1 { font-size: 16px; color: #5b5b5b; opacity: 0.9; padding: 20px 0 10px; } .team .contentBox .content .listBox ul li a .textBox p { font-size: 13px; opacity: 0.9; color: #898989; padding-bottom: 30px; } .memorablia .commonWrap { overflow: hidden; } .memorablia .commonWrap .container { overflow: initial; } .memorablia .contentBox { padding-top: 70px; background: #f7f7f7 url(../image/about/memo1.jpg) center 440px no-repeat; } .memorablia .contentBox .imgBg { position: absolute; bottom: 0; right: -380px; } .memorablia .contentBox>.enTitle { font-size: 30px; color: #eb3c00; } .memorablia .contentBox>.title { font-size: 20px; color: #bc8f4b; padding-bottom: 40px; } .memorablia .contentBox .content { padding-bottom: 50px; } .memorablia .contentBox .content .tabList { padding: 20px 0px; margin-bottom: 20px; background: #fff; } .memorablia .contentBox .content .tabList ul { text-align: center; } .memorablia .contentBox .content .tabList ul li { display: inline-block; padding: 0 30px; font-size: 20px; color: #999999; vertical-align: middle; line-height: 35px; } .memorablia .contentBox .content .tabList ul li:hover, .memorablia .contentBox .content .tabList ul li.active { background: #ea3800; color: #fff; } .memorablia .contentBox .content .tabList a.left { display: none; } .memorablia .contentBox .content .tabList a.right { display: inline-block; width: 14px; background: url(../image/about/right.png) center center no-repeat; margin: 0 16px; height: 35px; vertical-align: middle; } .memorablia .contentBox .content .listBox .topBox, .memorablia .contentBox .content .listBox .bottomBox { border: 2px solid #ebebee; background: #fff; padding: 35px 30px 0; } .memorablia .contentBox .content .listBox .topBox h1, .memorablia .contentBox .content .listBox .bottomBox h1 { font-size: 18px; color: #3f3e55; font-weight: bold; padding-bottom: 25px; } .memorablia .contentBox .content .listBox .topBox h2, .memorablia .contentBox .content .listBox .bottomBox h2 { padding-bottom: 10px; padding-top: 15px; } .memorablia .contentBox .content .listBox .topBox h2 p, .memorablia .contentBox .content .listBox .bottomBox h2 p { display: inline-block; font-size: 16px; color: #585858; line-height: initial; } .memorablia .contentBox .content .listBox .topBox h2 span, .memorablia .contentBox .content .listBox .bottomBox h2 span { width: 18px; height: 6px; vertical-align: middle; display: inline-block; background: #ea3800; margin-right: 10px; } .memorablia .contentBox .content .listBox .topBox p, .memorablia .contentBox .content .listBox .bottomBox p { font-size: 13px; color: #898989; line-height: 24px; } .memorablia .contentBox .content .listBox .topBox .textWrap, .memorablia .contentBox .content .listBox .bottomBox .textWrap { -webkit-transition: all .3s; transition: all .3s; overflow: hidden; } .memorablia .contentBox .content .listBox .topBox .textWrap ul, .memorablia .contentBox .content .listBox .bottomBox .textWrap ul { padding-bottom: 25px; } .memorablia .contentBox .content .listBox .topBox { border-bottom: none; } .memorablia .contentBox .content .listBox .bottomBox { padding-bottom: 35px; margin-bottom: 20px; } .memorablia .contentBox .content .listBox .moreBox { border: 2px solid #ebebee; margin-bottom: 20px; height: 78px; padding-top: 20px; text-align: center; background: #fff url(../image/about/down.png) center 45px no-repeat; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .memorablia .contentBox .content .listBox .moreBox span { font-size: 13px; color: #cccccc; } .memorablia .contentBox .content .listBox .moreBox.active { border-color: #ea3800; background: #ea3800 url(../image/about/up.png) center center no-repeat; } .memorablia .contentBox .content .listBox .moreBox.active span { display: none; } .organization .commonWrap { background: #ffffff; } .organization .contentBox { padding-top: 65px; padding-bottom: 140px; background: #f7f7f7 url(../image/relation/zhiBg.jpg) center 10px no-repeat; position: relative; } .organization .contentBox .topBox { overflow: hidden; padding-bottom: 30px; } .organization .contentBox .topBox img { float: left; } .organization .contentBox .content p { font-size: 13px; color: #898989; opacity: 0.9; line-height: 24px; } .organization .contentBox .content p span { font-size: 30px; color: #434250; opacity: 0.8; vertical-align: text-top; font-family: Montserrat-Regular; letter-spacing: -3px; padding-right: 7px; } .organization .contentBox .content p span+span { padding-left: 3px; padding-right: 2px; } .organization .contentBox .titleBox { position: absolute; right: 0; top: 105px; text-align: right; } .organization .contentBox .titleBox h1 { font-size: 29px; color: #f09888; } .organization .contentBox .titleBox h2 { font-size: 90px; color: #d8d8da; line-height: 78px; font-family: CALIBRI; letter-spacing: -5px; } .organization .organ { padding-top: 50px; background: url(../image/about/organBg1.jpg) center bottom no-repeat; } .organization .organ .imgBox { font-size: 0; text-align: center; padding-top: 34px; padding-bottom: 90px; } .organization .organ .imgBox img { width: 100%; } .development .contentBox { padding-top: 70px; background: url(../image/about/bg1.png) center 147px #f7f7f7 no-repeat; } .development .contentBox .enTitle { font-size: 30px; color: #eb3c00; } .development .contentBox .title { font-size: 20px; color: #bc8f4b; } .development .contentBox .content { padding-top: 65px; padding-bottom: 70px; } .development .contentBox .content h1 { font-size: 32px; color: #eb3a00; } .development .contentBox .content h2 { font-size: 14px; color: #666666; } .development .bottomBg { position: absolute; bottom: 0; right: -130px; z-index: 4; } .response .contentBox { padding-top: 70px; background: url(../image/about/reBg.jpg) center top #f7f7f7 no-repeat; } .response .contentBox .enTitle { font-size: 30px; color: #eb3c00; } .response .contentBox .title { font-size: 20px; color: #bc8f4b; } .response .contentBox .content { padding-top: 65px; position: relative; } .response .contentBox .content .leftBox { float: left; width: 360px; } .response .contentBox .content .leftBox h1 { font-size: 32px; color: #eb3a00; } .response .contentBox .content .leftBox img { width: 100%; padding: 30px 0; } .response .contentBox .content .leftBox p { font-size: 14px; color: #666666; padding-bottom: 30px; text-align: justify; line-height: 24px; } .response .contentBox .content .baseBox { width: 800px; float: right; } .response .contentBox .content .baseBox .contentWrap { width: 100%; } .response .contentBox .content .baseBox .contentWrap .textBox h1 { background: url(../image/about/greyC.png) 0 0 no-repeat; } .response .contentBox .content .baseBox .contentWrap .textBox p { padding-bottom: 25px; } .response .contentBox .bottomBg { position: absolute; bottom: 0; right: -240px; z-index: 4; } .baseBox .yearBox { padding-top: 30px; float: left; } .baseBox .yearBox .year { font-size: 30px; color: #72717a; font-family: Montserrat-Regular; } .baseBox .yearBox .text { font-size: 20px; color: #d2ba9b; } .baseBox .contentWrap { padding-top: 30px; float: right; position: relative; width: 800px; max-width: 100%; } .baseBox .contentWrap .borderBg { position: absolute; top: 0; left: 8px; border-left: 1px solid #dfdfdf; height: 100%; } .baseBox .contentWrap .textBox { padding-bottom: 30px; } .baseBox .contentWrap .textBox.last { position: relative; z-index: 3; background: #f7f7f7; padding-bottom: 100px; } .baseBox .contentWrap .textBox h1 { font-size: 20px; color: #72717a; padding-left: 65px; padding-bottom: 15px; z-index: 2; position: relative; line-height: 17px; } .baseBox .contentWrap .textBox p { font-size: 14px; color: #898989; line-height: 24px; padding-left: 65px; } .baseBox.white .contentWrap .textBox h1 { background: url(../image/about/whiteC.png) 0 0 no-repeat; } .baseBox.grey .contentWrap .textBox h1 { background: url(../image/about/greyC.png) 0 0 no-repeat; } @media (max-width: 1200px) { .strategic .contentBox, .speech .contentBox, .organization .contentBox, .organization .organ, .team .contentBox, .memorablia .contentBox, .development .contentBox, .development .baseBoxWrap, .response .contentBox { padding-left: 20px; padding-right: 20px; } .speech .rightImg { position: relative; right: initial; display: block; margin: 10px auto 0; clear: both; } .speech .leftImg { position: relative; left: initial; display: block; margin: 10px auto 0; clear: both; } .speech .leftBox, .speech .rightBox { float: left; width: 100%; } .speech .rightBox { padding: 0 20px 30px; } .response .contentBox .content .leftBox { width: 100%; } .response .contentBox .content .leftBox img { width: initial; max-width: 100%; } .organization .contentBox .titleBox { display: none; } .speech .bottomBox2 .rightImg { display: block; position: static; margin: 10px auto 0; clear: both; } .speech .bottomBox2 .container { padding: 30px 20px 0; } .speech .bottomBox .container { padding-bottom: 0; } .speech .bottomBox2 h3 { margin-top: 36px; } } @media (max-width: 900px) { .strategic .contentBox .content .leftBox { width: 100%; padding: 0; } .organization .contentBox { background: #f7f7f7; padding-bottom: 50px; } .baseBox .contentWrap .borderBg { display: none; } .development .contentBox .baseBox .yearBox { padding-bottom: 20px; } .response .contentBox .content .baseBox { width: 100%; } } @media (max-width: 760px) { .team .contentBox .content .listBox ul li { width: 50%; } .development .bottomBg { display: none; } .development .contentBox .content h1 { font-size: 21px; } } .response .contentBox .content .leftBox h1 { font-size: 21px; } @media (max-width: 600px) { .speech .contentBox .content .leftBox, .speech .contentBox .content .middleBox, .speech .contentBox .content .rightBox { width: 100%; padding: 0; } .baseBox .contentWrap .textBox h1, .baseBox .contentWrap .textBox p { padding-left: 35px; } } @media (max-width: 480px) { .team .contentBox .content .listBox ul li { width: 100%; } .memorablia .contentBox .content .tabList ul, .team .contentBox .content .tabList ul { text-align: left; padding: 0 5%; } } .foundation-lump1 img,.foundation-lump2 img,.foundation-lump3 img,.foundation-lump4 img{display: block;} .foundation-lump1{padding-top: 70px; background: #f7f7f7 url(../image/about/speechBg.jpg) center 47px no-repeat;} .foundation-lump1 .content{position: relative; margin-top: 35px; overflow: hidden;} .foundation-lump1 .txt{position: absolute; right: 60px; top: 0; padding: 83px 0 0; width: 400px;} .foundation-lump1 .h3{font-size: 33px; color: #8f771e; line-height: 43px; padding-bottom: 20px; border-bottom: 2px solid rgba(255,255,255,.5); margin-bottom: 25px;} .foundation-lump1 .icon{position: absolute; left: -78px; top: 78px;} .foundation-lump1 .p-box{max-height: 258px; padding-right: 38px; overflow: hidden; overflow-y: auto; margin-right: -38px;} .foundation-lump1 .p-box p{font-size: 14px; color: #73735c; line-height: 24px; margin-bottom: 10px;} .foundation-lump1 .p-box::-webkit-scrollbar{background-color: rgba(255,255,255,.5); border-radius: 10px;} .foundation-lump1 .p-box::-webkit-scrollbar-thumb{background-color: #d0b66d; border-radius: 10px;} .foundation-lump2{padding: 80px 0 40px;background: #fff;} .foundation .btns-box{margin-bottom: 20px; overflow: hidden;} .foundation .btns-box .btn{float: left; font-size: 16px; color: #4c4c4c; line-height: 36px; margin-right: 25px; font-weight: 600; cursor: pointer;} .foundation .btns-box .btn.on{color: #f63b2e;} .foundation .picSlide .bd{overflow: hidden; padding-bottom: 30px;} .foundation .picSlide .bd ul{margin-right: -20px;} .foundation .picSlide .bd ul:after{content: ""; display: block; height: 0; clear: both;} .foundation .picSlide .bd li{float: left; width: 388px; height: 302px; background: #f0f0f0; margin-right: 18px; transition: all .3s;} .foundation .picSlide .bd li:hover{background: #dddbdb;} .foundation .picSlide .bd a{display: block; height: 100%;} .foundation .picSlide .bd .cnt{position: relative; padding: 55px 30px 0; height: 100%;} .foundation .picSlide .bd .cnt:after{content: ""; display: block; position: absolute; left: 30px; right: 48px; height: 2px; bottom: 40px; background-image: linear-gradient(to right,#e0e0e0,#fff);} .foundation .picSlide .bd .h4{font-size: 20px; color: #666666; line-height: 30px; padding-right: 158px; font-weight: 600;} .foundation .picSlide .bd .more{position: absolute; left: 30px; bottom: 84px; font-size: 16px; color: #f63b2e; line-height: 20px; text-transform: uppercase; font-family: "Montserrat-Regular";} .foundation .picSlide .pic{position: absolute; z-index: 5; right: 12px; bottom: 40px; width: 214px; padding: 0 27px; background: url(../image/about/foundation-k2-shadow.png) no-repeat bottom center;} .foundation .picSlide .hd{line-height: 0; font-size: 0; margin-top: -8px; text-align: center;} .foundation .picSlide .hd li{display: inline-block; width: 10px; height: 10px; background: #bfbfbf; border-radius: 50%; margin: 0 5px; cursor: pointer;} .foundation .picSlide .hd li.on{background-color: #eb3c00;} .foundation-lump2 .h2{margin-bottom: 22px;} .foundation-lump3{padding-top: 80px;padding-bottom: 88px;background: #ecedef url(../image/about/foundation-k3-bg.jpg) no-repeat bottom center;} .foundation-lump3 .px4SlideBox .hd{display: block;} .foundation-lump3 .px4SlideBox .hd a{top: 76px; width: 53px; height: 47px; background: no-repeat center; opacity: 1; -webkit-transition: all .3s; transition: all .3s;} .foundation-lump3 .px4SlideBox .hd .prev{background-image: url(../image/about/foundation-icon-prev.png);} .foundation-lump3 .px4SlideBox .hd .next{background-image: url(../image/about/foundation-icon-next.png);} .foundation-lump3 .px4SlideBox .hd .prev:hover{background-image: url(../image/about/foundation-icon-prev-on.png);} .foundation-lump3 .px4SlideBox .hd .next:hover{background-image: url(../image/about/foundation-icon-next-on.png);} .foundation-lump3 .px4SlideBox .bd ul{margin-right: -20px;} .foundation-lump3 .px4SlideBox .bd ul:after{content: ""; display: block; height: 0; clear: both;} .foundation-lump3 .px4SlideBox .bd li{width: 290px; height: auto; margin-right: 13px;} .foundation-lump3 .px4SlideBox .txt{height: 62px; padding: 10px; line-height: 42px; text-align: center; font-size: 0;} .foundation-lump3 .px4SlideBox .txt p{display: inline-block; font-size: 16px; color: #4c4c4c; line-height: 20px; text-align: center; vertical-align: middle;} .foundation-lump3 .top .px4SlideBox{margin-bottom: 30px;} .foundation-lump3 .bom{position: relative; padding-top: 45px;} .foundation .h2{font-size: 20px; color: #4c4c4c; line-height: 30px; font-weight: 600;} .foundation-lump3 .bom:before{position: absolute; top: 0; left: 0; width: 100%; content: ""; display: block; top: 0; height: 0; border-top: 1px solid #d9dadb; border-bottom: 1px solid #fff;} .foundation-lump3 .bom .px4SlideBox .hd a{top: 60px;} .foundation-lump4{padding: 80px 0;} .foundation-lump4 .cnt{overflow: hidden; height: 450px; overflow: hidden;} .foundation-lump4 .le{position: relative; float: left; width: 740px;} .foundation-lump4 .le .til{position: absolute; left: 40px; top: 50px;} .foundation-lump4 .le .til .cn{font-size: 22px; color: #fff; line-height: 32px;} .foundation-lump4 .le .til .en{font-size: 18px; color: #fff; line-height: 30px; font-family: "Montserrat-Regular"; text-transform: uppercase;} .foundation-lump4 .ri{position: absolute; right: 0; top: 0; width: 460px; float: right; height: 100%; padding: 56px 40px; background: #edeff0;} .foundation-lump4 .ri *{box-sizing: border-box;} .foundation-lump4 .ri input{display: block; border: 0 none; background: #fff; font-size: 14px; color: #4c4c4c; border-radius: 0;} .foundation-lump4 .ri .ess{position: relative;} .foundation-lump4 .ri .ess:before{position: absolute; left: 20px; top: 0; height: 62px; line-height: 62px; content: "*"; display: block; font-size: 14px; color: #f63b2e;} .foundation-lump4 .ri .ipt-box{margin-bottom: 10px;} .foundation-lump4 .ri .ipt-box input{width: 185px; height: 62px; padding: 10px 30px; line-height: 42px; outline: none;} .foundation-lump4 .ri .txt{font-family: "Microsoft YaHei", "寰蒋闆呴粦", arial, "瀹嬩綋"; display: block; width: 100%; background: #fff; height: 120px; padding: 20px 30px; color: #4c4c4c; border: 0 none; font-size: 14px; line-height: 22px; border-radius: 0; outline: none; margin-bottom: 10px;} .foundation-lump4 .ri .ma-box{position: relative;} .foundation-lump4 .ri .ma-box input{width: 100%; height: 62px; background: #fff; font-size: 14px; color: #4c4c4c; margin-bottom: 10px; padding: 10px 130px 10px 30px; line-height: 42px; border-radius: 0; outline: none;} .foundation-lump4 .ri .ma-box .ma{position: absolute; right: 0; top: 0; width: 120px; height: 100%;} .foundation-lump4 .ri .btn{cursor: pointer; font-size: 16px; color: #fff; padding: 10px 30px; height: 62px; line-height: 42px; background: #f63b2e; -webkit-transition: all .3s; transition: all .3s;} .foundation-lump4 .ri .btn:hover{background: #c83126;} .foundation-list{min-height: calc(100vh - 443px); padding-top: 70px; padding-bottom: 130px; background: #f7f7f7 url(../image/about/speechBg.jpg) center 47px no-repeat;} .foundation-list .h2{margin-bottom: 25px; float: left;} .foundation-list .btns-box{float: right;} .foundation-list .btns-box .btn{line-height: 30px;} .foundation-list .btns-box .btn:last-child{margin-right: 0;} .foundation-list .ul a{position: relative; display: block; padding: 20px 40px; line-height: 44px; font-size: 18px; position: relative; background: #fff; margin-bottom: 10px;} .foundation-list .ul a:before{content: ""; display: block; position: absolute; right: 50px; top: 36px; width: 19px; height: 12px; background: url(../image/about/icon-next.png) no-repeat center; opacity: 0; -webkit-transition: all .3s; transition: all .3s;} .foundation-list .ul a:after{content: ""; display: block; position: absolute; left: 0; top: 100%; width: 100%; height: 2px; background: transparent; -webkit-transition: all .3s; transition: all .3s;} .foundation-list .ul a:hover:before{right: 40px; opacity: 1;} .foundation-list .ul a:hover:after{background: #d4d4d4;} .foundation-list .more{color: #fff;font-size: 14px;text-align: center;border-radius: 25px;line-height: 50px;width: 160px;cursor: pointer;background: #ea3800;margin: 40px auto 0; -webkit-transition: .3s; transition: .3s;} .foundation-list .more:hover{background:#c03103;} @media (max-width: 1200px) { .foundation-lump1 .container{padding-left: 20px; padding-right: 20px;} .foundation-lump2 .container{padding-left: 20px; padding-right: 20px;} .foundation-lump3 .container{padding-left: 20px; padding-right: 20px;} .foundation-lump4 .container{padding-left: 20px; padding-right: 20px;} .foundation .picSlide .hd{display: none;} .foundation .picSlide .bd{overflow: auto;} .foundation .picSlide .bd li:last-child{margin-right: 0;} .foundation-lump3 .px4SlideBox .bd li:last-child{margin-right: 0;} .foundation-lump4 .ri{right: 20px;} } @media (max-width: 800px) { .foundation-lump4 .cnt{height: auto;} .foundation-lump4 .le{width: 100%; overflow: hidden; max-height: 330px;} .foundation-lump4 .le .til{left: 20px; top: 25px;} .foundation-lump4 .le img{max-width: 100%;} .foundation-lump4 .ri{position: static; width: 100%; padding: 20px;} .foundation-lump4 .ri .ess{width: calc(50% - 5px);} .foundation-lump4 .ri .ipt-box input{width: 100%; height: 50px; line-height: 30px;} } @media (max-width: 600px) { .foundation-lump1 .content .bg{max-width: 100%;} .foundation-lump1 .txt{position: static; width: 100%; padding: 30px 0;} .foundation-lump1 .h3{font-size: 28px; border-color: #999;} .foundation-lump3{padding-top: 50px; padding-bottom: 30px; background: #ecedef;} .foundation .picSlide .bd::-webkit-scrollbar,.foundation .px4SlideBox .bd::-webkit-scrollbar{ width: 5px; height: 5px; background-color: rgba(210, 210, 210, 0.48); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .foundation .picSlide .bd::-webkit-scrollbar-thumb,.foundation .px4SlideBox .bd::-webkit-scrollbar-thumb{ width: 5px; height: 5px; background-color: rgba(123, 121, 121, 0.7); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .foundation .px4SlideBox .bd{padding-bottom: 20px;} .foundation .px4SlideBox{margin-bottom: 20px;} .foundation-lump4 .ri .ess:before{height: 100%;} .foundation-lump4 .ri .ma-box input{height: 50px; line-height: 30px;} .foundation-lump4 .ri .btn{height: 50px; line-height: 30px;} .foundation .picSlide .bd li{width: calc(100vw - 40px); height: 280px;} .foundation .picSlide .bd .cnt{padding: 30px;} .foundation .picSlide .pic{width: 52%; background-size: 100%; max-width: 214px;} .foundation .picSlide .pic img{max-width: 100%;} }