.bg-container { width:100%; display:block; min-width:1360px; } .sm-container { width:1360px; margin:0 auto; display:block; } .gy-left-text { width:565px; display:block; margin-top:105px; } .gy-box1-item { width:100%; display:block; font-size:0px; background:url(../image/left_bg.png) center center repeat; /* float:left; */ } .gy-box1-item::after{ width:100%; clear:both; display:block; content:''; } .gy-left-item,.gy-right-item { width:50%; display:inline-block; vertical-align:top; } .gy-left-text { width:560px; display:block; float:right; margin-right:115px; } .gy-left-en-title { font-size:22px; line-height:22px; height:22px; display:block; color:#333; text-transform: uppercase; letter-spacing: 3px; } .gy-left-cn-title { color:#333; font-weight:700; font-size:30px; height:30px; line-height:30px; display:block; margin-top:35px; letter-spacing: 2px; } .gy-left-line { width:110px; height:2px; display:block; background:#004126; margin-top:30px; } .gy-left-line-text { font-size:18px; width:100%; display:block; height:18px; line-height:18px; color:#4c4c4c; margin-top:30px; letter-spacing: 2px; } .gy-left-desc { color:#919191; font-size:18px; line-height:30px; display:block; text-align:justify; margin-top:30px; letter-spacing: 4px; text-transform: uppercase; } .gy-box1-item:nth-child(2) .gy-right-item { float:left; display:block; } .gy-box1-item:nth-child(2) .gy-left-text { float:none; margin-left:115px; margin-right:0px; } #gy-box2 { width:100%; display:block; /* padding-top:250px; */ padding-bottom:50px; background:url(../image/fw-designer-bgs_02.jpg) left top no-repeat; } #gy-box3 { padding-top:80px; padding-bottom:90px; background:url(../image/left_bg.png) center center repeat; } .box3-title { text-align:center; width:100%; display:block; font-size:0px; } .box3-description { margin-top:55px; margin-bottom:35px; width:100%; display:block; font-size:0px; } .box3-desc-item { width:300px; height:320px; display:inline-block; position:relative; box-sizing: border-box; margin-right:53px; } .box3-desc-item:nth-child(4) { margin-right:0px; } .bottom-desc { width:100%; height:250px; border:1px solid #e6e6e6; display:block; position:absolute; top:76px; left:0px; z-index:1 } .top-icon { width:100%; display:block; text-align:center; position:relative; z-index:9; } .bg-desc { width:100%; display:block; font-size:34px; height:34px; line-height:34px; margin-bottom:20px; text-align:center; margin-top:100px; letter-spacing: 3px; color:#333; } .sm-desc { width:100%; display:block; font-size:24px; height:24px; display:block; line-height:24px; text-align:center; letter-spacing: 2px; color:#666; } .box3-designer { width:100%; display:block; font-size:0px; padding-top:10px; } .box3-deg-item { width:300px; display:inline-block; margin-right:53px; margin-bottom:75px; } .box3-deg-item:nth-child(4n) { margin-right:0px; } .deg-bg-ling { width:100%; height:9px; display:block; background:url(../image/deg-bg.png) left center repeat-x; margin-top:10px; margin-bottom:10px; } .bottom-deg { background:#f5f5f5; display:block; width:100%; box-sizing: border-box; padding:10px 10px 40px 10px; } .deg-infos { width:100%; display:block; font-size:24px; color:#333; } .deg-infos span{ margin-left:25px; font-size:16px; } .deg-works { width:100%; display:block; font-size:0px; } .deg-works p { width:33.333%; display:inline-block; text-align:center; font-size:16px; color:#333; } .deg-works p span{ width:100%; display:block; letter-spacing: 1px; } .deg-works p span.red-title { color:#004126; font-size:21px; margin-bottom:5px; } .deg-works p span.green-title { color:#807e7e; font-size:16px; } #gy-box5 { background:#f3f3f3; padding:80px 0px; } .box5-title { width:100%; display:block; text-align:center; } .box5-content{ width:100%; display:block; text-align:center; margin-top:60px; } #gy-box99{ background:#f6f6f6; padding-top:90px; padding-bottom:80px; } .box99-title,.box99-content,.box88-title { text-align:center; display:block; width:100%; } .box99-content { margin-top:50px; } .rsfooter2s-ny { margin-top:0px !important; } #gy-box88 { padding:80px 0px } .box88-items { width:100%; display:block; font-size:0px; text-align:center; } .box88-kefu { margin-top:50px; margin-bottom:55px; } .box88-one-item { width:280px; height:280px; display:inline-block; border-radius: 100%; margin-right:80px; margin-bottom:45px; background:url(../image/ppbj-hover.png) center center no-repeat; background-size:100% 100%; } .box88-one-item:nth-child(4n) { margin-right:0px; } .box88-one-item:nth-child(5) { margin-left:100px; } .box8-b-title { font-size:42px; color:#000; height:42px; line-height:42px; width:100%; display:block; text-align:center; margin-top:95px; margin-bottom:20px; letter-spacing: 1px; } .box8-s-title { font-size:21px; color:#4c4c4c; line-height:30px; width:100%; display:block; box-sizing: border-box; padding:0px 50px; text-align:center; letter-spacing: 2px; } .box88-one-item:hover { background:url(../image/ppbj-img.png) center center no-repeat; background-size:100% 100%; } .box88-one-item:hover .box8-b-title,.box88-one-item:hover .box8-s-title { color:#fff; } #gy-box66 { padding-top:40px; padding-bottom:70px; } .picscroll2 { position:relative; } .picList li{ width:100%; display:block; } .picscroll2 .wrap-title { position:absolute; top:75%; height:50px; display:block; width:100%; z-index:9; } .picscroll2 .wrap-title .hd{ text-align:right; padding-right:470px; } /* 新增代码 */ #gy-box4 { background:url(../image/box4-image-bg.png) center center no-repeat; padding-top:80px; padding-bottom:60px; } .box4-content { font-size:0px; width:100%; display:block; margin-top:-15px; max-width:1338px; text-align:center; } .box4-one-item { position:relative; width:413px; height:753px; display:inline-block; margin-right:48px; } .box4-one-item:nth-child(3){ margin-right:0px; } .box4-one-text { width:100%; height:250px; position:absolute; left:0px; bottom:0px; padding:0px 35px; box-sizing: border-box; color:#fff; padding-top:15px; } .box4-one-text .en-titles{ font-size:18px; letter-spacing: 2px; text-transform: uppercase; line-height:18px; height:18px; } .box4-one-text .cn-titles{ font-size:40px; height:40px; line-height:40px; font-weight:700px; letter-spacing: 2px; margin-top:10px; } .box4-one-text .cn-infos { font-size:21px; margin-top:25px; line-height:32px; letter-spacing: 0px; text-align:justify; } .picscroll2 .wrap-title .hd a { width:13px; height:13px; display:inline-block; font-size:24px; color:#e8bb5a; } .pageState { font-size:18px; color:#e8bb5a; letter-spacing: 2px; margin-right:22px; margin-left:22px; } .pageState span{ font-size:24px; color:#e8bb5a; margin-right:1px; } #designer-title { width:100%; display:block; text-align:center; } #designer-title a{ width:350px; height:50px; display:block; background:#004126; color:#e8bb5a; text-align:center; border-radius:50px; font-size:18px; line-height:50px; margin:0 auto; letter-spacing: 1px; } #designer-title a img{ margin-right:8px; } .box1-titles { text-align:center; margin-top:85px; margin-bottom:45px; display:block; width:100%; } .xz-items { width:100%; height:175px; background:#e8bb5a; display:flex; box-shadow:0px 10px 20px rgb(0 0 0 / 16%); flex-direction: row; justify-content:center; align-items:center; } .xz-one-item { order:1; align-self:center; width:20%; text-align:center; border-right:2px solid #f4f4f4; box-sizing: border-box; } .xz-one-item p{ font-size:24px; color:#004126; width:100%; display:block; margin-top:20px; letter-spacing: 1px; } .xz-one-item:nth-child(5){ border:none; } /* 顶部表单重写 */ #bottom-boxs2 { position:relative; } #bottom-boxs2 .rscontainer { background:#004126; max-width:1360px; } .rscontainer .titles2 { letter-spacing: 2px; } #list44 { background:#ccc; } #select ul,#select li{padding: 0; margin:0 } #select li{line-height: 30px; color: #666; list-style-type: none; border-bottom: 1px dashed #eee; cursor: pointer;transition: all 1s ease 0s; text-indent:2em;} .form_items2 .input_item { display:inline-block; margin-right:20px; vertical-align:top; } .form_items2 { text-align:center; } .form_items2 #ordering input { color:#004126; } #box2-title { width:100%; height:121px; padding-top:75px; margin-bottom:50px; vertical-align:top; } .swiper { width: 100%; height: 618px; } .swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper-slide { width: 80%; font-size:0px; } .left-image { width:78%; display:inline-block; height:100%; position:relative; } .right-text{ width:22%; height:100%; display:inline-block; background:#e8bb5a; } .left-shadows { width:525px; height:555px; display:block; position:absolute; top:30px; right:45px; background:rgba(255,255,255,0.8); padding:50px 40px 0px 40px; box-sizing: border-box; } .left-shadows p { width:100%; display:block; } .left-shadows p.bg-title { font-size:48px; height:48px; line-height:48px; color:#333; margin-bottom:40px; text-align:center; } .left-shadows p.bg-title span:first-child{ float:left; display:block; } .left-shadows p.bg-title span:last-child{ float:right; display:block; } .left-shadows p.lt-title { font-size:18px; color:#333; line-height:36px; margin-bottom:30px; text-align:justify; letter-spacing: 1px; } .left-shadows p.lt-btn-a a { width:160px; height:50px; border:1px solid #333; color:#333; line-height:50px; box-sizing: border-box; font-size:18px; text-align:center; display:inline-block; } .left-shadows p.lt-btn-a a:last-child{ margin-left:15px; color:#004126; border:1px solid #004126; } .mySwiper { position:relative; } .swiper-pagination { width:50px; height:40px; font-size:18px; color:#004126; position:absolute; top:100px; right:25%; left:auto; } .swiper-pagination-current { font-size:24px; color:#004126; } .swiper-button { position:absolute; width:25px; height:25px; display:block; color:#004126 !important; top:122px; left:auto; opacity: 1 !important; font-size:25px !important; } .swiper-button-prev { right:29%; } .swiper-button-next{ right:22%; } .swiper-button-prev:after, .swiper-button-next:after { display:none; } .iMsgBtn { cursor: pointer; } .box4-titles { text-align:center; } @media screen and (max-width:1440px) { .gy-left-text { margin-top:20px; } }