.content, .header, .news { margin: 0 auto; } .content { width: 100%; background-color: #e9e7e8; background: #E9E8E8; } .header { width: 1200px; height: 92px; background-color: #e9e7e8; font-size: 16px; display: block; position: relative; } .header div { display: inline-block; float: right; height: 92px; line-height: 92px; position: relative; } .header .search_input{ height: 40px; line-height: 42px; position: absolute; width: 320px; height: 42px; position: absolute; border: 1px solid rgb(71 69 70); right: 65px; top: 70px; display: none; } .header .search_input form{ height: 40px; } .header .search_input input{ height: 40px; display: block; width: 100%; color: #3c4d63; padding-left: 8px; padding-right: 38px; outline: none; height: 100%; } .header .search_input button{ height: 40px; position: absolute; right: 0; top: 0; } .header .search_input button img{ padding: 0; margin-top: -6px; } .header div p { display: inline-block; } .header div a { padding: 0 10px; } .header div img { padding: 0 10px; } .list p { border-right: 1px solid gray; padding: 0 10px; font-size: 20px; line-height: 20px; float: left; width: 12%; text-align: center; margin: 20px 0; } .lis p:last-of-type { border: none; } .header>img { width: 286px; height: 34px; margin: 28px 50px; } .lis { width: 100%; background: #fefefe; background-image: linear-gradient(#fefefe, #ececec); background: linear-gradient(0deg, #ECECEC 0%, #FFFFFF 30%, #D4D4D4 99%); } .list-x { height: 62px; line-height: 62px; width: 1200px; margin: auto; background: #fefefe; background-image: linear-gradient(#fefefe, #ececec); background: linear-gradient(0deg, #ECECEC 0%, #FFFFFF 30%, #D4D4D4 99%); } .list-x .a { margin-left: 30px; } .list { color: #595757; font-weight: 600; } .list:after { } .list-x a { color: #545454; font-size: 20px; } .business1 { width: 1100px; margin: 0 auto; padding-top: 20px; position: relative; margin-bottom: 40px; } .business1 .businessHeader { width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: center; margin-top: 10px; display: block; } .business1 .businessHeader img { float: left; } .business1 .businessHeader p { font-size: 18px; color: #2466c8; line-height: 35px; float: left; padding-left: 5px; } .business1 .businessHeader .a { float: right; padding-top: 0; } .business1 .businessHeader { border-bottom: #9F9E9E 2px solid; font-weight: 600; color: #717071; } .business1 .businessHeader a img { font-size: 18px; margin-top: -2px; margin-right: 6px; } .business1 .businessHeader a { font-size: 18px; } .business1 .businessHeader span { font-size: 18px; } .foot { ; background-image: linear-gradient(#fefefe, #ececec); } .footer { width: 800px; height: 100px; background-color: #FAFAFA; font-size: 12px; margin: 0 auto; color: #929292; flex-wrap: wrap; position: relative; background-image: linear-gradient(#fefefe, #ececec); } .footer .footertxt { margin: 0 auto; float: right; width: 200px; justify-content: space-around; align-items: center; padding-top: 10px; } .footer .xxgk { width: 800px; padding-top: 64px; text-align: left; font-size: 16px; } .footer .xxgk img { width: 20px; } .footer .xxgk a { display: inline-block; font-size: 16px; color: #929292; } .footer .footertxt1 { width: 400px; float: left; } .footer .footertxt1 a { font-size: 14px; color: #929292; } .footer .footertxt p { font-size: 16px; line-height: 24px; } .banner { position: relative; width: 1920px; width: 100%; left: 0; margin-left: 0; } .banner .img { position: absolute; top: 20px; } #tabswiper { position: unset; width: 100%!important; } .page { text-align: center; padding: 32px 0; } .layui-laypage-limits { display: none; } .layui-laypage-skip { display: none; } .page span, .page a { margin: 0 10px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; background-size: 27px 44px; background-image: url(banner_left.png); } .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; background-size: 27px 44px; background-image: url(bannerr_ight.png); } button, input, label, select { vertical-align: baseline; list-style-type: none; border: none; } @media (min-width: 1920px) { .header { width: 1460px; height: 98px; } .header div { height: 98px; line-height: 98px; } .header .search_input { right: 75px; } .header div a { padding: 0 14px; } .header div img { padding: 0 14px; } .list p { line-height: 26px; } .lis p:last-of-type { border: none; } .list-x { height: 66px; line-height: 66px; width: 1460px; } .list-x .a { margin-left: 30px; } .banner { position: relative; width: 100%; /* height: 576px; */ left: 0; margin-left: 0; } .banner .img { position: absolute; top: 20px; } #tabswiper { position: unset; width: 100%!important; } .business1 .businessHeader span { font-size: 22px; } .business1 .businessHeader a { font-size: 22px; } .business1 .businessHeader a img { font-size: 22px; margin-top: 0px; margin-right: 6px; } .business1 { width: 1400px; } .foot { ; background-image: linear-gradient(#fefefe, #ececec); } .footer { width: 760px; height: 110px; background-color: #FAFAFA; font-size: 12px; margin: 0 auto; color: #929292; flex-wrap: wrap; position: relative; background-image: linear-gradient(#fefefe, #ececec); } .footer .footertxt { margin: 0 auto; width: 260px; justify-content: space-around; align-items: center; padding-top: 14px; } .footer .xxgk { /* position: absolute; */ /* top: 16px; */ /* left: 313px; */ width: 760px; padding-top: 70px; text-align: left; line-height: 28px; } .footer .xxgk img { width: 20px; } .footer .xxgk a { display: inline-block; font-size: 16px; color: #929292; padding-top: 6px; } .footer .footertxt1 { width: 400px; } .footer .footertxt1 a { font-size: 16px; color: #929292; } .footer .footertxt p { font-size: 16px; line-height: 28px; } } @media (max-width: 768px) { .header { width: 100%; height: 1rem; background-color: #e9e7e8; font-size: 0.24rem; display: block; } .header div { display: inline-block; float: right; height: 1rem; line-height: 1rem; } .header .search_input { line-height: 0.64rem; position: relative; width: 100%; height: 0.64rem; right: 0; top: 0; margin-bottom: 0.2rem; } .header .search_input form { height: 0.6rem; } .header .search_input input{ height: 0.6rem; display: block; width: 100%; color: #3c4d63; padding-left: 0.1rem; padding-right: 0.4rem; outline: none; height: 100%; } .header .search_input button{ height: 0.6rem; position: absolute; right: 0; top: 0; } .header .search_input button img{ padding: 0; width: 0.6rem; margin-top: -6px; } .header div p { display: inline-block; } .header div a { padding: 0 0.06rem; } .header div img { width: 0.6rem; padding: 0 0.06rem; } .header div .weixin .weiX { width: 2rem; padding: 0; } .header div .weixin:hover .weiX { display: block; position: absolute; z-index: 999; top: 50px; right: 0px; } .list p { border-right: 1px solid gray; padding: 0 0.2rem; font-size: 0.2rem; line-height: 0.36rem; float: left; text-align: center; margin: 0.2rem 0; width: 14%!important; } .lis p:last-of-type { border: none; } .header>img { width: 50%; height: auto; margin: 0.32rem 0 0 0.2rem; } .lis { width: 100%; background: #fefefe; background-image: linear-gradient(#fefefe, #ececec); background: linear-gradient(0deg, #ECECEC 0%, #FFFFFF 30%, #D4D4D4 99%); overflow-x: auto; } .list-x { height: 0.8rem; line-height: 0.8rem; width: 14rem; margin: auto; background: #fefefe; background-image: linear-gradient(#fefefe, #ececec); background: linear-gradient(0deg, #ECECEC 0%, #FFFFFF 30%, #D4D4D4 99%); /* overflow-x: hidden; */ } .list-x .a { margin-left: 30px; } .list { color: #595757; font-weight: 600; } .list:after { } .list-x a { font-size: 0.3rem; font-weight: 400; color: #545454; } .banner { position: relative; width: 1920px; width: 100%; /* height: 576px; */ left: 50%; margin-left: -50%; } .banner .img { position: absolute; top: 20px; } #tabswiper { position: unset; width: 14rem!important; /* width: 100%!important; */ display: none; } .business1 .businessHeader span { font-size: 0.24rem; font-weight: 400; } .business1 .businessHeader a { font-size: 0.24rem; font-weight: 400; } .business1 .businessHeader a img { font-size: 0.24rem; margin-top: 0; margin-right: 0.04rem; height: 0.36rem; } .business1 { width: 100%; margin: 0 auto; position: relative; padding: 0.2rem 0; } .business1 .businessHeader { width: 100%; height: 0.44rem; display: flex; justify-content: space-between; align-items: center; margin-top: 0.1rem; display: block; } .content { width: 100%; } .foot { ; background-image: linear-gradient(#fefefe, #ececec); } .footer { width: 100%; height: 2rem; background-color: #FAFAFA; font-size: 0.12rem; margin: 0 auto; color: #929292; flex-wrap: wrap; position: relative; background-image: linear-gradient(#fefefe, #ececec); } .footer .footertxt { margin: 0 auto; display: inline-block; justify-content: space-around; align-items: center; padding-top: 0rem; font-size: 0.22rem; width: 100%; float: none; text-align: center; } .footer .xxgk { width: 100%; text-align: center; font-size: 0.22rem; padding-top: 0.2rem; } .footer .xxgk img { width: 0.66rem; } .footer .xxgk a { display: block; font-size: 0.22em; color: #929292; padding-top: 0.2rem; } .footer .footertxt1 { padding-top: 0.2rem; } .footer .footertxt1 a { font-size: 0.22rem; color: #929292; } .footer .footertxt p { font-size: 0.22rem; display: inline-block; padding-left: 0.14rem; } .footer .footertxt1 p { width: auto; text-align: left; padding: 0 0.1rem; } .swiper-pagination-bullet { width: 0.16rem; height: 0.16rem; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.1rem; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0.16rem; left: 0; width: 100%; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 0.27rem; height: 0.44rem; margin-top: -0.22rem; background-size: 0.27rem 0.44rem; background-image: url(banner_left.png); } .swiper-button-prev { position: absolute; top: 50%; width: 0.27rem; height: 0.44rem; margin-top: -0.22rem; background-size: 0.27rem 0.44rem; background-image: url(bannerr_ight.png); } .page { text-align: center; padding: 0.32rem 0; } .page span, .page a { margin: 0 0.1rem; } }