body,div{ padding: 0; margin: 0; } .index-box{ width: 100%; height: 102vh; background: no-repeat; /* 背景图垂直、水平均居中 */ background-position: center center; /* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */ background-size: cover; } .header-box{ width: 100%; margin: auto; padding: 1% 0; } .fixeddiv{ left:0; right:0; top:0; position: fixed; z-index: 8; background: rgba(255,255,255,1); } .header-left{ float: left; width: 16%; height: auto; margin-left: 3%; } .header-ul{ width:60%; float: left; margin: 0.5% 0 0 5%; } .header-ul ul{ list-style-type: none; padding:0; margin: 0; } .header-ul ul li{ width:15%; float: left; color:#fff; font-size: 15px; cursor: pointer; } .xuanzhong{ color: #0ba690 !important; } .fixeddiv ul li{ color:#352b2b; } .header-search{ width:9%; float: left; border:1px solid #fff; background: rgba(255,255,255,0.5); border-radius: 30px; margin-right: 3%; } #searchvalue{ border:0; color: #fff; text-indent: 8px; position: relative; padding: 7px 0; background: none; font-size: 15px; width:81%; outline: none;; } .fixeddiv .header-search{ background: #e7e5e0; color: #8d8d89 !important; } .fixeddiv #searchvalue{ color: #8d8d89 !important; } .search-icon{ position: absolute; z-index: 1; margin: 5px 4px 0 0; width: 19px; height: 19px; } #searchvalue::-webkit-input-placeholder { /* webkit browsers */ color:#fff; font-size:13px; } #searchvalue::-moz-placeholder { /* mozilla firefox 4 to 18 */ color:#fff; font-size:13px; } #searchvalue::-moz-placeholder { /* mozilla firefox 19 */ color:#fff; font-size:13px; } #searchvalue::-ms-input-placeholder { /* internet explorer 10 */ color:#fff; font-size:13px; } .fixeddiv #searchvalue::-webkit-input-placeholder { /* webkit browsers */ color:#8d8d89; font-size:13px; } .fixeddiv #searchvalue::-moz-placeholder { /* mozilla firefox 4 to 18 */ color:#8d8d89; font-size:13px; } .fixeddiv #searchvalue::-moz-placeholder { /* mozilla firefox 19 */ color:#8d8d89; font-size:13px; } .fixeddiv #searchvalue::-ms-input-placeholder { /* internet explorer 10 */ color:#8d8d89; font-size:13px; } .seconddiv{ width: 100%; height: 220vh; padding: 1% 0; background: url(/uploads/image/scimgs/people.jpg) no-repeat; /* 背景图垂直、水平均居中 */ background-position: center center; /* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */ background-size: cover; } .seconddiv-bg{ width: 100%; height: auto; position: absolute; z-index: -1; height: 220vh; /* 背景图垂直、水平均居中 */ background-position: center center; /* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */ background-size: cover; } .second-title{ width: 100%; margin: 0 auto 1.8%; font-size: 2.2rem; padding: 0.8% 0; color:#fff; text-align: center; font-weight: 550; } .second-detail{ width: 100%; font-size: 1.2rem; color:#fff; margin: auto; text-align: center; } .second-people{ width: 100%; font-size: 1.1rem; color: #fff; margin: 1.8% auto 0; text-align: center; } .videos{ width: 86%; margin: 1% auto; height: auto; object-fit: fill;/*这里是关键*/ } .videodiv{ text-align: center; } .secon-right{ width: 27%; display: table; float: right; min-width: 450px; margin: 8% 15% 0 0; } .right-title{ width: 100%; } .right-title img{ width: 60%; height: auto; } .right-little{ width: 100%; font-size: 1.6rem; margin: 7% auto 3%; color: #fff; } .right-jianjie{ color: #fff; font-size: 1rem; letter-spacing: 2px; line-height: 26px; margin-bottom: 5%; } .third-div{ width:100%; display: table; background: #000; } .mianhua{ width: 15%; height: 29%; position: absolute; z-index: 1; margin: -5% 0 0 0; } .third-title{ width: 100%; padding: 2% 0; text-align: center; color: #fff; font-size: 2rem; font-weight: 550; } .third-box{ width: 100%; margin: .5% 0 0 0; } .third-left{ width:45%; float: left; } .third-right{ width:45%; margin-left: 5%; float: right; } .third-right img{ width:100%; height: 100%; } .third-title1{ width: 78%; color: #fff; font-size: 1.3rem; margin: 15% auto 7%; } .third-title2{ width: 78%; color: #fff; font-size: 1rem; letter-spacing: 3px; line-height: 30px; margin:0 auto 8%; } .four-div{ width: 100%; background: url(/uploads/image/scimgs/ceyan.jpg) no-repeat; /* 背景图垂直、水平均居中 */ background-position: center center; /* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */ background-size: cover; height: 98vh; } .gaibian{ width: 25%; height: auto; position: absolute; left:5%; bottom:5%; } .five-div,.seven-div{ width: 100%; background: url(/uploads/image/scimgs/sikao.jpg) no-repeat; height: 89vh; /* 背景图垂直、水平均居中 */ background-position: center center; /* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */ background-size: cover; } .seven-div{ height: 98vh; } .five-box{ width:550px; float:right; margin: 40vh 6% 0 0; } .five-box-title{ font-size: 1.4rem; color: #fff; margin-bottom: 6%; } .five-second-title{ width: 100%; font-size: 1rem; letter-spacing: 3px; line-height: 26px; margin-bottom: 6%; color: #fff; } .six-div{ width: 100%; background: #000; height: 15vh; } .six-div div{ font-size: 2.3rem; color: #fff; padding: 5vh 0 0 5vh; } .six-img{ position: absolute; width: 16%; height:30%; z-index: 1; margin: -9% 0 0 0; right: 0; } .seven-div{ background: url(/uploads/image/scimgs/haibian.jpg) no-repeat; background-size: 100% 100%; } .seven-box{ width: 35%; margin: 0 0 0 5%; } .seven-title{ width: 100%; padding: 20% 0 10% 0; display: table; } .eight-box1{ padding-top:4%; } .seven-title img{ width: 35%; height: auto; } .seven-word{ width: 100%; font-size: 1rem; color: #fff; margin-bottom: 6%; line-height: 26px; letter-spacing: 3px; } .eight-div{ width: 100%; background: url(/uploads/image/scimgs/damh.jpg) no-repeat; background-size:100% 100%; height: 73vh; } .infooter { background: #c4c0bc; padding-bottom: 12px; display: table; width: 100% } .infooter-top { padding: 30px 0 20px } .infooter-item { border-bottom: 1px solid #aca9a4 } .infooter-item:last-of-type { border-bottom: none } .infooter-h3 { position: relative } .infooter-h3 a { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #86837e; text-decoration: none } .infooter-h3.active .infooter-span { display: block } .infooter-h3.active:after { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #aca9a4; border-right: 2px solid #aca9a4; -webkit-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); -o-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: "" } .infooter-h3.active2:after { -webkit-transform: translate(-50%,-50%) rotate(135deg); -ms-transform: translate(-50%,-50%) rotate(135deg); -o-transform: translate(-50%,-50%) rotate(135deg); transform: translate(-50%,-50%) rotate(135deg) } .infooter-span { position: absolute; bottom: 0; right: 0; z-index: 10; display: none; width: 40%; height: 100% } .infooter-menu { border-top: 1px solid #aca9a4 } .infooter-menu a { position: relative; display: block; width: 100%; line-height: 35px; padding: 0 10px; font-size: 14px; color: #6a6662; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .infooter-menu a:hover { color: #0ba690 } .infooter-menu a:hover .infooter-menuweim { visibility: inherit; opacity: 1; margin-left: 0 } .infooter-fen { text-align: center; font-size: 0 } .infooter-fen a { position: relative; display: inline-block; vertical-align: top; width: 42px; height: 42px; margin: 0 5px; border: 1px solid #96938e; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; text-decoration: none } .infooter-fen a img { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .infooter-fen a .infooter-fenicon1 { width: 100% } .infooter-fen a .infooter-fenicon2 { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden } .infooter-fen a:hover { border-color: #0ba690 } .infooter-fen a:hover .infooter-fenicon1 { visibility: hidden; opacity: 0 } .infooter-fen a:hover .infooter-fenicon2 { visibility: inherit; opacity: 1 } .infooter-fen a:hover .infooter-fenview { margin-bottom: 0; visibility: inherit; opacity: 1 } .infooter-fenview { position: absolute; bottom: 100%; left: 50%; z-index: 10; width: 94px; padding-bottom: 5px; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); margin-bottom: 20px; visibility: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0 } .infooter-fenview:after { position: absolute; bottom: 0; left: 50%; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); content: "" } .infooter-fenview img { width: 100%; border: 4px solid #fff } .infooter-btm { border-top: 1px solid #aca9a4; padding: 10px 0 10px; line-height: 1.69231; text-align: center; font-size: 13px; color: #86837e } .infooter-btm a { color: #86837e } .infooter { position: relative; z-index: 1 } .infooter .infooter-top { border-bottom: 1px solid #aca9a4; display: table; width: 100% } .infooter .infooter-zhong { margin: 55px 0 } .infooter .infooter-zhong .foottabbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .infooter .infooter-zhong .foottabbar .tabterm { width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 3%; cursor: pointer } .infooter .infooter-zhong .foottabbar .tabterm:first-child { width: 22%; padding-right: 3%; padding-left: 0 } .infooter .infooter-zhong .foottabbar .tabterm:last-child { width: 22%; padding-left: 3%; padding-right: 0; border-right: none } .infooter .infooter-zhong .foottabbar .tabterm .ftz_tou { width: 100%; border: 1px solid #aca9a4; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 10px; border-radius: 10px; padding-left: 15px } .infooter .infooter-zhong .foottabbar .tabterm .ftz_tou img { width: 30px } .infooter .infooter-zhong .foottabbar .tabterm .ftz_tou img.lhide { display: none } .infooter .infooter-zhong .foottabbar .tabterm .ftz_tou span { margin-left: 10px; font-size: 16px; color: #86837e } .infooter .infooter-zhong .foottabbar .tabterm.active .ftz_tou { background: #fff; border-color: #fff } .infooter .infooter-zhong .foottabbar .tabterm.active .ftz_tou img.lhide { display: block } .infooter .infooter-zhong .foottabbar .tabterm.active .ftz_tou img.lshow { display: none } .infooter .infooter-zhong .foottabbar .tabterm:first-child.active .ftz_tou span { color: #34aac7 } .infooter .infooter-zhong .foottabbar .tabterm:nth-child(2).active .ftz_tou span { color: #e6ae51 } .infooter .infooter-zhong .foottabbar .tabterm:nth-child(3).active .ftz_tou span { color: #c0996e } .infooter .infooter-zhong .foottabbar .tabterm:nth-child(4).active .ftz_tou span { color: #34bdb6 } .infooter .infooter-zhong .foottabcont { margin-top: 20px; width: 100%; position: relative } .infooter .infooter-zhong .foottabcont .tabitem { position: absolute; top: 0; left: 0; display: none } .infooter .infooter-zhong .foottabcont .tabitem.active { display: block; position: static } .infooter .infooter-zhong .foottabcont .tabitem.active .fotzi_list { display: block; } .infooter .infooter-zhong .foottabcont .tabitem .fotzi_list { width: 100% } .infooter .infooter-zhong .foottabcont .tabitem .fotzi_list a { display: inline-block; margin-top: 5px; margin-right: 30px; font-size: 15px; color: #86837e; -webkit-transition: all .3s; transition: all .3s; text-decoration: none } .infooter .infooter-zhong .foottabcont .tabitem .fotzi_list a:hover { font-weight: 700 } .infooter .infooter-zhong .foottabcont .tabitem:nth-child(1) .fotzi_list a:hover { color: #34aac7 } .infooter .infooter-zhong .foottabcont .tabitem:nth-child(2) .fotzi_list a:hover { color: #e9ac53 } .infooter .infooter-zhong .foottabcont .tabitem:nth-child(3) .fotzi_list a:hover { color: #c0996e } .infooter .infooter-zhong .foottabcont .tabitem:nth-child(4) .fotzi_list a:hover { color: #34bdb6 } .infooter .infooter-zhong .infowai_ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .infooter .infooter-zhong .infowai_ul li { width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 3% } .infooter .infooter-zhong .infowai_ul li:first-child { width: 22%; padding-right: 3%; padding-left: 0 } .infooter .infooter-zhong .infowai_ul li:last-child { width: 22%; padding-left: 3%; padding-right: 0; border-right: none } .infooter .infooter-zhong .infowai_ul li .ftz_tou { width: 100%; border: 1px solid #aca9a4; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 10px; border-radius: 10px; padding-left: 15px } .infooter .infooter-zhong .infowai_ul li .ftz_tou img { width: 30px } .infooter .infooter-zhong .infowai_ul li .ftz_tou img.lhide { display: none } .infooter .infooter-zhong .infowai_ul li .ftz_tou span { margin-left: 10px; font-size: 16px; color: #86837e } .infooter .infooter-zhong .infowai_ul li .fotzi_list { display: none; width: 100% } .infooter .infooter-zhong .infowai_ul li .fotzi_list a { display: inline-block; margin-top: 5px; margin-right: 30px; font-size: 15px; color: #86837e } .infooter .infooter-zhong .infowai_ul li.active .fotzi_list { display: block } .commonweb { max-width: 1400px; padding-left: 100px; padding-right: 100px; width: 80%; margin: auto } .incommonweb { max-width: 1600px; padding: 0 100px; max-width: 33.33333rem; padding: 0 2.08333rem } .inleft-menuitem>a { width: 70px; height: 70px } .inleft-menuview { padding: 12px 18px } .inleft-menuli img { width: 100% } .inleft-menuli h6 { margin-top: 6px } .infooter-top { padding: 60px 0 42px; padding: 1.25rem 0 .875rem } .infooter-item { float: left; width: 25%; padding-right: 10px; border-bottom: none; padding-right: .20833rem } .infooter-item:nth-child(2) { width: 30.83333% } .infooter-item:nth-child(2) .infooter-menu { padding-left: 175px } .infooter-item:nth-child(3) { width: auto; max-width: 19.16667% } .infooter-item.last { width: auto; float: right; padding-right: 0; border-bottom: none } .infooter-item.last .infooter-h3 { display: inline-block; vertical-align: middle } .infooter-h3 { padding-top: 0; float: left; margin-top: 9px } .infooter-h3 a { display: block; width: auto; height: auto; line-height: 22px; font-size: 16px } .infooter-menu { display: block; border-top: none; padding: 10px 0 0 120px } .infooter-menu a { display: block; width: 100%; line-height: 22px; padding: 0; margin-bottom: 14px; font-size: 14px; margin-bottom: .29167rem; text-decoration: none } .infooter-menuweim { left: 115px; bottom: -12px } .infooter-fen { display: inline-block; vertical-align: middle; padding: 0 0 0 15px; padding: 0 0 0 .3125rem } .infooter-btm { padding: 35px 0 42px; padding: .72917rem 0 .875rem } .infooter-btm a { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .infooter-btm a:hover { color: #0ba690; text-decoration: underline } .infooter-btmfl { float: left } .infooter-btmfr { float: right; max-width: 45% } .inheader { position: fixed; top: 0; left: 0; display: none; z-index: 200; width: 100%; padding: 0 15px; background: #ffffff; -webkit-box-shadow: 0px 1px 2px -1px #ddd; box-shadow: 0px 1px 2px -1px #ddd; } .inlogo { float: left; font-size: 0; line-height: 60px; } .inlogo a { display: inline-block; vertical-align: middle; line-height: 1; } .inlogo a img { height: 24px; } .inlogo .white { display: none; } .inlogo .inlogo-txt { display: none; } .header-nav { position: fixed; top: 60px; left: 0; z-index: 200; display: none; width: 100%; height: 100%; padding: 20px 15px 130px; background: #fff; border-top: 1px solid #ddd; } .innav-ul { max-height: 100%; overflow-y: auto; padding: 0; margin: 0; } .innav-ul li { border-bottom: 1px solid #ddd; width:90%; } .innav-h3 { position: relative; padding: 0; margin: 0; } .innav-h3.active .innav-span { display: block; } .innav-ul li a{ text-decoration: none; } .innav-h3.active:after { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #aaa; border-right: 2px solid #aaa; -webkit-transform: translatey(-50%) rotate(45deg); -ms-transform: translatey(-50%) rotate(45deg); -o-transform: translatey(-50%) rotate(45deg); transform: translatey(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; } .innav-h3.active2:after { -webkit-transform: translatey(-50%) rotate(135deg); -ms-transform: translatey(-50%) rotate(135deg); -o-transform: translatey(-50%) rotate(135deg); transform: translatey(-50%) rotate(135deg); } .innav-h3 a { display: block; width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #666; font-weight: normal; } .innav-span { position: absolute; top: 0; right: 0; z-index: 10; display: none; width: 40%; height: 100%; } .innav-ermenu { display: none; border-top: 1px solid #ddd; } .innav-ermenu a { display: block; width: 100%; height: 40px; padding: 0 10px; line-height: 40px; font-size: 14px; color: #666; } .inheader-fr { float: right; margin-right: 5%; } .header-btn { line-height: 60px; font-size: 0; } .header-btn a { display: inline-block; vertical-align: middle; width: 36px; height: 36px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .header-btn .insearch-btn { margin-right: 10px; background: no-repeat center center; background-size: 18px auto; } .header-btn .insearch-btn.active { background-color: #0ba690; background-image: ; } .header-btn .mobile-btn { padding: 13px 10px 0; } .header-btn .mobile-btn span { position: relative; display: block; width: 100%; height: 2px; margin: 0 auto 6px; background: #352b2b; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .header-btn .mobile-btn.active span { background: #0ba690; } .header-btn .mobile-btn.active span:nth-child(1) { top: 8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .header-btn .mobile-btn.active span:nth-child(2) { opacity: 0; } .header-btn .mobile-btn.active span:nth-child(3) { top: -8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .insearch-view { position: fixed; left: 0; top: 60px; z-index: 200; display: none; width: 100%; padding: 10px; line-height: 1; } .insearch-view form { position: relative; display: block; width: 100%; font-size: 0; border: 2px solid #0ba690; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; } .insearch-view .insearch-intxt { width: 100%; height: 40px; line-height: 40px; padding: 0 90px 0 15px; font-size: 14px; color: #666; vertical-align: middle; background: #fff; } .insearch-view .insearch-insub { position: absolute; top: 0; right: 0; z-index: 10; width: 80px; height: 100%; background: #0ba690 no-repeat center center; } .headersearchbox { display: none; position: fixed; left: 0px; right: 0px; top: 60px; background: #fff; padding: 20px; line-height: 26px; } .headersearchbox form { position: relative; display: block; width: 100%; font-size: 0; border: 2px solid #0ba690; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; } .headersearchbox .insearch-intxt { width: 100%; height: 40px; line-height: 36px; padding: 0 90px 0 15px; border:0; font-size: 14px; color: #666; vertical-align: middle; background: #fff; outline: none; } .headersearchbox .insearch-insub { position: absolute; top: 0; right: 0; border:0; outline: none; z-index: 10; width: 80px; height: 100%; background: url(/uploads/image/scimgs/insearch-btn1.png) #0ba690 no-repeat center center; } .mobile-searchbtn { background: url(/uploads/image/scimgs/insearch-btn3.png) no-repeat center center; cursor: pointer; } .ceyan{ display: none; } .thirdimg{ display:block; } @media (max-width:1440px) { .secon-right{ margin-top:13%; } } @media (min-width: 1260px) { .commonweb { padding: 0 100px; } } @media (max-width:600px) { .inheader{ display: block; } .header-box{ display: none; } .index-box{ height: 26vh; margin-top: 60px; } .second-title{ font-size: 1rem; } .second-detail{ font-size: 10px; width: 95%; margin: 2% auto; } .second-people{ font-size: 10px; width: 95%; margin: 3% auto 2%; } .videos{ height: 20vh; } .secon-right{ min-width: 210px; margin-right: 0; } .secon-right{ margin-top:4%; } .right-little{ font-size:14px; margin: 2% auto; } .right-jianjie{ font-size: 10px; line-height: 15px; letter-spacing: 1px; margin-bottom: 2%; } .right-title img{ width: 37%; } .seconddiv{ height: 66vh; } .four-div{ display: none; } .third-title{ font-size: 1.1rem; } .mianhua{ width: 70px; height: 90px; margin: 11% 0 0 0; } .third-title1{ font-size: 13px; line-height: 16px; letter-spacing: 1px; width: 90%; } .third-title2{ font-size: 10px; letter-spacing: 1px; line-height: 16px; width: 93%; } .third-left{ margin-top: 24%; } .five-box-title{ font-size: 14px; } .five-second-title{ font-size: 10px; letter-spacing: 1px; line-height: 17px; } .six-div div{ font-size:14px; } .seven-word{ font-size: 10px; line-height: 17px; letter-spacing: 1px; margin-bottom: 3%; } .five-div{ height: 30vh; } .five-box{ margin: 4vh 0 0 3%; width: 250px; } .six-div{ height: 10vh; } .six-img{ width: 80px; height: 100px; margin: -15% 0 0 0; } .seven-div{ height: 30vh; background-size: cover; } .seven-title-1{ display: none; } .seven-box{ width: 68%; margin:0; padding: 5% 0 0 5%; } .eight-div{ height: 24vh; } .seven-title{ padding: 5% 0 0 2%; } .eight-div .seven-title img{ width: 25%; } .infooter .infooter-zhong{ display: none; } .infooter-menu{ display: none; } .infooter-item{ border-bottom: 1px solid #aca9a4; float:none; display: table; width: 100% !important; max-width: 100% !important; } .infooter-h3{ width: 100%; font-size: 13px; font-weight: normal; display: block; padding: 0; margin: 10px 0; } .infooter-h3 a{ font-size: 10px; text-decoration: none; width: 100%; display: block; } .infooter-fen a{ width: 28px; height: 28px; } .infooter-fen{ margin: auto; padding: 0 0 3% 35%; } .infooter-btm a{ text-decoration: none; } .commonweb{ width: 99%; padding: 0; margin: 0; } .infooter-top{ padding: 0; } .infooter .infooter-top{ width: 92%; margin: auto; } .infooter{ padding-top: 2%; } .ceyan{ display: block; } .ceyan img{ width: 37vh !important; height: auto !important; position: absolute; right: 0; z-index: 0; } .third-left{ position: relative; z-index: 1; width: 50%; } .thirdimg{ display:none; } .thirdimg img{ width:23vh !important; right: 0; z-index: 0; position: absolute; height: auto !important; } .infooter-btmfr{ float: none; margin: auto; } .third-div{ height: 54vh; } }