body { background-color: #fff; font-family: "Microsoft YaHei"; } .inner { max-width: 1400px; margin: 0 auto; position: relative; padding: 0 20px; box-sizing: content-box; } /* header */ .header { height: 136px; position: relative; z-index: 3; } .header .inner { max-width: 1600px; } .header .logo { width: 626px; float: left; margin-top: 30px; position: relative; z-index: 9999; } .header .logo img { width: 100%; } .head-r { width: 850px; float: right; } /* 搜索 */ .sousuo { width: 160px; height: 32px; margin-top: 35px; position: relative; box-sizing: border-box; padding: 1px 0 1px 15px; background: url(../img/ssk.png) center no-repeat; float: right; } .sousuo-srk { width: 110px; height: 30px; float: left; } .sousuo-img { position: absolute; top: 0; right: 0; } /* 导航 */ .nav { margin-top: 10px; float: right; } .nav .menu { height: 26px; line-height: 26px; position: relative; z-index: 1; box-sizing: border-box; } .menu-li { /* width: 11.11%; */ height: 26px; float: left; text-align: center; position: relative; display: inline; box-sizing: border-box; padding: 0 5px; } .menu-li span { height: 49px; display: inline-block; } .menu-li span a { font-size: 16px; display: block; color: #333333; box-sizing: border-box; padding: 0 10px; border-radius: 13px; } .menu-li:hover span a { background-color: #b72024; color: #ffffff; } .menu-li.now span a { background-color: #b72024; color: #ffffff; } .menu .menu-box { width: 100%; position: absolute; left: 0; top: 49px; display: none; line-height: 26px; z-index: -1; background: url(../img/nav_erji_bj.png) center; } .menu .menu-box li { width: 100%; font-size: 14px; text-align: center; line-height: 20px; padding: 10px 0; } .menu .menu-box li a { color: white; font-size: 15px; } .menu .menu-box li:hover a { color: #b72024; } /* 缩小导航 */ .dl-menuwrapper { display: none; } /* banner */ .banner { position: relative; } .flexslider { text-align: center; } .banner-li {} .banner-li img { width: 100%; } .banner-hd-box { position: absolute; bottom: 18px; z-index: 2; float: left; left: 50%; } .flex-banner-hd { position: relative; left: -50%; } .flex-banner-hd .banner-hd-li { float: left; width: 12px; height: 12px; background: url(../img/xajddwzx_zkx_banner_dian.png) center no-repeat; margin-right: 10px; } .flex-banner-hd .banner-hd-li-last { margin-right: 0; } .flex-banner-hd .banner-hd-li.flex-active { width: 29px; height: 11px; background: url(../img/xajddwzx_zkx_banner_dian_now.png) center no-repeat; } /* content1 */ .content1 { margin-top: 80px; box-sizing: border-box; padding-bottom: 30px; } /* 大按钮 */ .anniu-big { float: left; width: 196px; height: 244px; background-color: #b72024; box-sizing: border-box; position: relative; margin-right: 2px; } .anniu-big1 { float: left; width: 196px; height: 244px; background-color: #b72024; box-sizing: border-box; position: relative; margin-right: 2px; } .anniu-big-last { margin-right: 0; } .xxk-y { position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; display: none; } .anniu-big:hover .xxk-y { display: block; } .anniu-big1 .zxbx1:hover .xxk-y { display: block; } .anniu-big1 .xxpt:hover .xxk-y { display: block; } .anniu-big1 .zxbx1 .xxk-y{height:90%;width:auto;} .anniu-big1 .xxpt .xxk-y{height:90%;width:auto;} .anniu-big1 .zxbx1{ display: inline-block; width: 100%; height: 50%; vertical-align: middle; position: relative; border-bottom: 2px solid #fff; } .anniu-big1 .xxpt{ display: inline-block; width: 100%; height: 50%; vertical-align: middle; position: relative; } .anniu-big-box { width: 70px; height: 85px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-align: center; } .anniu-big-box img { display: block; margin: 0 auto; margin-bottom: 20px; } .anniu-tit { font-size: 16px; color: #ffffff; } /* .anniu-big:hover .anniu-big-box img { transition: all 1s; transform: rotateY(360deg); } */ /* zxbx */ .zxbx { background: #b72024 url(../img/dh_bj.png) no-repeat; } .xywjr { background: #b72024 url(../img/dh_bj2.png) no-repeat; } /* 小按钮 */ .jihe-box { width: 402px; float: left; margin-right: 2px; } .jihe-box-li { width: 200px; height: 80px; float: left; position: relative; margin-right: 2px; margin-bottom: 2px; background-color: #b72024; } .xxk-f { position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; display: none; } .jihe-box-li:hover .xxk-f { display: block; } .anniu-small-box { width: 176px; height: 54px; box-sizing: border-box; /* padding-top: 13px; */ padding-left: 20px; line-height: 54px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; /* text-align: center; */ } .anniu-small-box img { vertical-align: middle; float: left; margin-top: 12px; margin-right: 15px; } /* cmr clearmarginright */ .jihe-box-li-cmr { margin-right: 0; } .jihe-box-li-last { width: 402px; height: 80px; float: left; position: relative; background-color: #b72024; } .jihe-box-li-last:hover .xxk-f { display: block; } /* .jihe-box-li-last:hover .anniu-small-box img { transition: all 1s; transform: rotateY(360deg); } */ /* content2 */ .content2 { /* height: 400px; */ box-sizing: border-box; padding-top: 40px; } /* gzdt */ .gzdt { width: 1000px; float: left; position: relative; } .gzdt-tit { position: relative; line-height: 30px; } .gzdt-tit-l { font-size: 24px; color: #333333; font-weight: bold; float: left; padding-right: 15px; background-color: #ffffff; } .gzdt-tit-r { float: right; font-size: 14px; padding-left: 15px; background-color: #ffffff; /* line-height: 20px; */ } .gzdt-tit-r a { color: #b72024; } .gzdt-tit-r img { vertical-align: middle; margin-top: -2px; } .gzdt-tit .xian { display: inline-block; width: 100%; border-top: 1px solid #f4f4f4; position: absolute; left: 0; top: 15px; z-index: -1; } .gzdt-con { box-sizing: border-box; padding-top: 20px; } .gzdt-con-lb { width: 497px; height: 320px; float: left; overflow: hidden; position: relative; margin-right: 45px; } .gzdt-lb-li { width: 100%; position: relative; } .gzdt-lb-li img { width: 100%; display: block; transition: all 0.5s; } .gzdt-lb-li:hover img { transform: scale(1.1); } .gzdt-con-lb .flexslider { text-align: left; } .gzdt-con-lb p { height: 60px; width: 95%; box-sizing: border-box; padding-left: 25px; background: url(../img/gzdt_tit_bj.png) left center no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; line-height: 60px; font-size: 18px; color: #ffffff; font-weight: bold; padding-right: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gzdt-lb-hd-box { position: absolute; right: 7%; bottom: 22px; z-index: 2; float: left; } .gzdt-lb-prev, .gzdt-lb-next { font-size: 18px; font-family: "Microsoft YaHei"; color: #ffffff; float: left; cursor: pointer; box-sizing: border-box; padding: 0 5px; text-align: justifyLeft; -moz-transform: matrix( 0.66963575207945, 0, 0, 1, 0, 0); -webkit-transform: matrix( 0.66963575207945, 0, 0, 1, 0, 0); -ms-transform: matrix( 0.66963575207945, 0, 0, 1, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gzdt-lb-prev:hover, .gzdt-lb-next:hover { color: #b72024; } .flex-gzdt-lb-hd { position: relative; height: 20px; float: left; } .flex-gzdt-lb-hd .gzdt-lb-hd-li { float: left; font-size: 14px; font-family: "Times New Roman"; color: #ffffff; font-style: italic; width: 12px; height: 20px; margin-top: 4px; margin-right: 2px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gzdt-lb-hd-li-last { margin-right: 0; } .flex-gzdt-lb-hd .gzdt-lb-hd-li.now { font-size: 20px; color: #b72024; margin-top: 0; } /* gzdt-con-nr */ .gzdt-con-nr { width: 458px; float: right; } /* 第一条 */ .gzdt-con-nr-li-first { height: 105px; } .gzdt-li-first-tit { font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gzdt-con-nr-li-first:hover .gzdt-li-first-tit { color: #b72024; } .gzdt-li-first-abstract { height: 44px; font-size: 14px; color: #666666; line-height: 22px; overflow: hidden; text-overflow: ellipsis; /* 将对象作为弹性伸缩盒子模型显示 */ display: -webkit-box; /* 一个块元素显示的文本的行数 */ -webkit-line-clamp: 2; /* 设置或检索伸缩盒对象的子元素的排列方式 */ -webkit-box-orient: vertical; } .gzdt-li-first-time { font-size: 16px; height: 24px; font-family: "Times New Roman"; color: #b72024; text-align: justifyLeft; font-style: italic; margin-top: 5px; } .gzdt-li-first-time span { font-size: 21px; } .gzdt-li-first-xian { font-style: normal; display: inline-block; width: calc(100% - 60px); height: 2px; float: right; margin-top: 10px; background-color: #b72024; } /* 其他条 */ .gzdt-con-nr-li {} .gzdt-con-nr-li-tit { width: calc(100% - 86px); float: left; font-size: 16px; color: #333333; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gzdt-con-nr-li-time { float: right; font-size: 14px; color: #666666; line-height: 36px; } .gzdt-con-nr-li:hover .gzdt-con-nr-li-tit { color: #b72024; } /* tzgg */ .tzgg { width: 358px; float: right; } .tzgg-con-li { height: 68px; position: relative; margin-top: 15px; } .tzgg-con-li-box { width: 100%; height: 56px; position: absolute; bottom: 0; left: 0; box-sizing: border-box; border: 1px solid #dadada; padding-left: 25px; } .tzgg-con-li-tit { line-height: 54px; font-size: 16px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; padding-right: 15px; } .tzgg-con-li-time { width: 70px; height: 25px; color: #ffffff; line-height: 25px; position: absolute; top: -13px; left: 10px; background-color: #d2d2d2; text-align: center; font-size: 14px; font-family: "Times New Roman"; font-style: italic; } .tzgg-con-li-time span { font-size: 18px; } .tzgg-con-li:hover .tzgg-con-li-tit { color: #b72024; } .tzgg-con-li:hover .tzgg-con-li-box { border: 1px solid #b72024; } .tzgg-con-li:hover .tzgg-con-li-time { background-color: #b72024; } /* content3 */ .content3 { height: 836px; box-sizing: border-box; padding-top: 80px; background: url(../img/content_bj.png) bottom center no-repeat; } .aqzl { width: 1211px; height: 483px; float: right; box-sizing: border-box; padding-left: 235px; padding-top: 70px; position: relative; } .aqzl-tit1 { width: 133px; height: 133px; background: url(../img/aqzl_tit_bj.png) center no-repeat; box-sizing: border-box; padding: 39px; position: absolute; font-weight: bold; left: 33px; top: 50%; transform: translateY(-60%); font-size: 24px; color: #ffffff; letter-spacing: 3px; } .aqzl-tit2 { display: none; font-size: 24px; color: #ffffff; margin-bottom: 20px; } /* yyzb*/ .aqzl-con-box { width: 462px; height: 332px; background: rgba(131, 9, 13, 0.3) url(../img/anquandun.png) right bottom no-repeat; background-position: 95% 95%; } .矩形_63 { background-color: rgb(131, 9, 13); opacity: 0.329; position: absolute; left: 686px; top: 1851px; width: 463px; height: 331px; z-index: 196; } .yyzb { float: left; } .aqyj { float: right; } .aqzl-con-box-tit { position: relative; line-height: 60px; box-sizing: border-box; padding-right: 10px; } .aqzl-tit-l { position: relative; float: left; box-sizing: border-box; padding-left: 50px; font-size: 20px; color: #ffffff; font-weight: bold; margin-right: 15px; } .aqzl-tit-l-tb { width: 31px; height: 9px; background-color: #ffffff; position: absolute; left: 0; top: 25px; } .aqzl-tit-r { float: right; font-size: 14px; padding-left: 15px; color: #ffffff; } .aqzl-tit-r a { color: #ffffff; } .aqzl-tit-r img { vertical-align: middle; margin-top: -2px; } .aqzl-con-box-tit .xian { display: inline-block; width: calc(100% - 130px - 54px - 10px - 10px); height: 1px; background-color: #bb5d60; float: left; margin-top: 30px; } .aqzl-con-box ul { box-sizing: border-box; padding: 0 30px 0 30px; } .aqzl-con-li { box-sizing: border-box; padding-left: 20px; position: relative; line-height: 20px; margin-bottom: 25px; } .aqzl-con-li em { font-style: normal; width: 8px; height: 4px; background: url(../img/aqzl_con_tb.png) center no-repeat; position: absolute; left: 0; top: 8px; } .aqzl-con-li p { width: 100%; font-size: 16px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: margin-left 0.5s; } .aqzl-con-li:hover p { margin-left: 10px; } /* content4 */ .content4 { margin-top: -195px; } .bmgz { float: left; width: 884px; height: 382px; background: #ffffff url(../img/bmgz_bj.png) bottom right no-repeat; } .bmgz-tit { position: relative; line-height: 60px; box-sizing: border-box; padding-right: 20px; margin-top: 10px; margin-bottom: 20px; } .bmgz-tit-l { position: relative; float: left; box-sizing: border-box; padding-left: 50px; font-size: 20px; color: #b72024; font-weight: bold; margin-right: 15px; } .bmgz-tit-l-tb { width: 31px; height: 9px; background-color: #b72024; position: absolute; left: 0; top: 25px; } .bmgz-tit-r { float: right; font-size: 14px; padding-left: 15px; color: #b72024; } .bmgz-tit-r a { color: #b72024; } .bmgz-tit-r img { vertical-align: middle; margin-top: -2px; } .bmgz-tit .xian { display: inline-block; width: calc(100% - 130px - 54px - 10px - 10px); height: 1px; background-color: #b72024; float: left; margin-top: 30px; } /* bmgz-con */ .bmgz-con ul { box-sizing: border-box; padding: 0 20px 0 30px; } .bmgz-con-li { box-sizing: border-box; padding-left: 20px; position: relative; line-height: 20px; margin-bottom: 25px; } .bmgz-con-li em { font-style: normal; width: 8px; height: 4px; background: url(../img/aqzl_con_tb.png) center no-repeat; position: absolute; left: 0; top: 8px; } .bmgz-con-li p { width: 100%; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bmgz-con-li:hover p { color: #b72024; } /* zlxz */ .zlxz { width: 475px; height: 382px; float: right; background: #8a6768 url(../img/zlxz_bj.png) no-repeat; background-position: right 70%; } .zlxz-tit { /* height: 80px; */ box-sizing: border-box; padding-left: 10px; line-height: 80px; margin-bottom: 20px; } .zlxz-tit-l { float: left; box-sizing: border-box; /* padding-left: 20px; */ border-left: 1px solid #b59fa0; line-height: 80px; /* background: url(../img/zlxz_tit_tb.png) no-repeat; */ } .zlxz-tit-l .zlxz-tit-l-tb { vertical-align: middle; float: left; margin-top: 12px; margin-left: 20px; margin-right: 15px; } .zlxz-tit-l p { font-size: 24px; color: #ffffff; font-weight: bold; float: left; } .zlxz-tit-r a { float: right; font-size: 14px; color: #ffffff; margin-right: 10px; } /* zlxz-con */ .zlxz-con ul { box-sizing: border-box; padding: 0 30px 0 30px; } .zlxz-con-li { box-sizing: border-box; padding-left: 20px; position: relative; line-height: 20px; margin-bottom: 25px; } .zlxz-con-li b { font-style: normal; width: 8px; height: 4px; background: url(../img/zlxz_con_tb.png) center no-repeat; position: absolute; left: 0; top: 8px; } .zlxz-con-li p { width: 100%; font-size: 16px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: margin-left 0.5s; } .bmgz-con-li:hover p{ margin-left: 10px; } .xglj-con-li:hover{ text-indent: 10px; } .zlxz-con-li:hover p{ margin-left: 10px; } /* xglj */ .xglj { margin-top: 35px; } .xglj-tit { position: relative; line-height: 60px; box-sizing: border-box; margin-top: 10px; margin-bottom: 20px; } .xglj-tit-l { position: relative; float: left; box-sizing: border-box; padding-left: 50px; font-size: 20px; color: #b72024; font-weight: bold; margin-right: 15px; } .xglj-tit-l-tb { width: 31px; height: 9px; background-color: #b72024; position: absolute; left: 0; top: 25px; } .xglj-tit-r { float: right; font-size: 14px; padding-left: 15px; color: #b72024; } .xglj-tit-r a { color: #b72024; } .xglj-tit-r img { vertical-align: middle; margin-top: -2px; } .xglj-tit .xian { display: inline-block; width: calc(100% - 130px - 15px); height: 1px; background-color: #f4f4f4; float: left; margin-top: 30px; } /* xglj-con */ .xglj-con { margin-bottom: 20px; } .xglj-con-li { width: 14.28%; min-width: 160px; float: left; line-height: 35px; box-sizing: border-box; padding-left: 25px; padding-right: 10px; background: url(../img/xglj_tb.png) left center no-repeat; } .xglj-con-li a { display: block; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* footer */ .footer { background-color: #332d2e; } .footer-t { height: 231px; box-sizing: border-box; padding-top: 64px; } .foot-logo { width: 700px; height: 129px; float: left; box-sizing: border-box; padding: 25px 10px; border-left: 1px solid #433738; border-right: 1px solid #433738; } /*.foot-logo img { width: 100%; }*/ .xiaoqu { float: left; width: 350px; height: 129px; box-sizing: border-box; border-right: 1px solid #433738; padding-top: 20px; padding-left: 75px; } .xiaoqu p { line-height: 30px; font-size: 16px; color: #e0e0e0; } .footer-b { border-top: 1px solid #433738; box-sizing: border-box; padding: 20px 0; text-align: center; } .footer-b p { line-height: 20px; font-size: 14px; color: #e0e0e0; } /* 1535px */ @media screen and (max-width: 1535px) { /* header */ .header { box-sizing: border-box; margin-bottom: 20px; } .head-r { width: 100%; float: none; } .sousuo { margin-top: 40px; } .nav { width: 100%; } .menu-li { width: 11.11%; } } /* 1439px */ @media screen and (max-width: 1439px) { /* content1 */ .content1 {} .anniu-big { width: 14%; } .jihe-box { width: 28.5%; } .jihe-box-li { width: 49.5%; } .anniu-small-box { width: 100%; padding-left: 10%; padding-right: 10%; overflow: hidden; } .anniu-small-box img { width: 25%; margin-top: 12px; margin-right: 10px; } .anniu-small-box .anniu-tit { font-size: 14px; } .xxk-y { width: 90%; } .xxk-f { width: 90%; } .jihe-box-li-last { width: 100%; } .jihe-box-li-last .anniu-small-box { width: 50%; padding-left: 5%; padding-right: 5%; } .jihe-box-li-last .xxk-f { width: 50%; } .zxbx { background: #b72024; } .xywjr { background: #b72024; } /* content2 */ .content2 { width: 100%; /* width: 1200px; */ margin: 0 auto; } /* 工作动态 */ .gzdt { width: 73%; } .gzdt-con-lb { margin-right: 0; } .gzdt-con-nr { width: 45%; } /* 通知公告 */ .tzgg { width: 25%; } /* content3 */ .content3 { height: auto; padding-top: 0; margin-top: 80px; padding-bottom: 30px; background: #b72024 url(../img/content_bj_s.png) bottom right no-repeat; } /* aqzl */ .aqzl { width: 100%; height: auto; float: none; padding: 20px 40px 0; } .aqzl-tit1 { display: none; } .aqzl-tit2 { display: block; } .aqzl-con-box { width: 46%; } /* content4 */ .content4 { margin-top: 40px; } .bmgz { width: 65%; } .zlxz { width: 32%; } /* foot */ .footer-t { height: auto; } .foot-logo { float: none; margin: 0 auto; } .footer-t-r { display: flex; justify-content: center; } .ytxq { border-left: 1px solid #433738; } } /* 1300px */ @media screen and (max-width: 1300px) { /* gzdt 右 */ .gzdt-con-nr { width: 40%; } /* content1 */ .anniu-small-box img { margin-top: 16px; margin-right: 10px; } .anniu-small-box .anniu-tit { font-size: 14px; } .anniu-big-box img { margin-bottom: 10px; } } /* 1200px */ @media screen and (max-width: 1200px) { /* content2 */ .gzdt { width: 100%; float: none; } .gzdt-con-nr { width: 50%; } .tzgg { width: 100%; float: none; margin-top: 30px; } .tzgg-con-li { width: 49%; box-sizing: border-box; margin-right: 10px; float: left; } .tzgg-con-li:nth-child(2n) { margin-right: 0; } } /* 1100px */ @media screen and (max-width: 1100px) { /* content2 */ .gzdt { width: 100%; float: none; } .gzdt-con-nr { width: 48%; } .tzgg { width: 100%; float: none; } } /* 1024 */ @media screen and (max-width: 1024px) { /* header */ .nav { display: none; } .dl-menuwrapper { display: block; } .sousuo { margin-top: 65px; } } /* 1000 */ @media screen and (max-width: 1000px) { /* header */ .header .logo { width: 400px; margin-top: 50px; } .flexslider { margin: 0 0 20px; } /* content1 */ /* content2 */ .gzdt-con-lb { width: 100%; height: auto; float: none; margin-bottom: 30px; } .gzdt-con-nr { width: 100%; float: none; } } /* 850 */ @media screen and (max-width: 850px) { /* content1 */ .content1 { padding-bottom: 40%; margin-top: 20px; } .anniu-big { width: 33%; /* height: 150px; */ float: left; margin-bottom: 10px; } .anniu-big1 { width: 33%; /* height: 150px; */ float: left; margin-bottom: 10px; } .jihe-box { width: 46%; /* float: none; */ position: absolute; top: 100%; } .jihe-box1 { left: 20px; } .jihe-box2 { right: 20px; } /* content4 */ .bmgz { width: 100%; float: none; margin-bottom: 30px; } .zlxz { width: 100%; float: none; } } /* 767 */ @media screen and (max-width: 767px) { .foot-logo { width: 100%; } .footer-t-r { display: block; text-align: center; } .xiaoqu { padding: 0; border-left: 1px solid #433738; border-right: 1px solid #433738; width: 100%; float: none; } .footer-b p { width: 100%; } } /* 599 */ @media screen and (max-width: 599px) { /* header */ .header { height: 100px; } .header .logo { margin-top: 20px; width: 300px; } .dl-menu-button { width: 40px; height: 40px; top: 0; } .sousuo { /* margin-top: 80px; */ float: none; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); } /* tzgg */ .tzgg-con-li { width: 100%; float: none; } /* aqzl */ .aqzl-con-box { width: 100%; float: none; margin-bottom: 20px; } /* content1 */ .content1 { padding-bottom: 0; } .anniu-big { width: 100%; height: 100px; float: none; margin-bottom: 2px; } .anniu-big1 { width: 100%; height: 100px; float: none; margin-bottom: 2px; overflow:hidden; } .anniu-big1 .zxbx1{ width:49%; float:left; border-right:2px solid #fff; height: 100%; border-bottom:none; } .anniu-big1 .xxpt{ width:49%; float:right; height: 100%; } .jihe-box { width: 100%; float: none; position: relative; top: 0; left: 0; margin-bottom: 2px; } .xxk-y { width: auto; height: 90%; } .anniu-small-box { width: 100%; padding-left: 10%; padding-right: 10%; overflow: hidden; } .anniu-small-box img { width: 20%; margin-top: 12px; margin-right: 10px; } .anniu-small-box .anniu-tit { font-size: 14px; } .jihe-box-li-last .anniu-small-box { width: 50%; padding-left: 5%; padding-right: 5%; } .aqzl { padding: 20px 0 0; } } /* 375 */ @media screen and (max-width: 375px) { .header .logo { width: 250px; } .anniu-small-box img { margin-top: 16px; } } @media screen and (max-width: 280px) { .dl-menuwrapper button { top: 65px; right: 1px; } } /*2021.4.30*/ @media screen and (min-width: 1535px) { .gzdt-lb-li img{max-width:497px;max-height:320px;} } @media screen and (max-width: 1535px) { .gzdt-lb-li img{max-width:497px;max-height:320px;} } @media screen and (max-width: 1000px) { .gzdt-lb-li img{max-width:960px;max-height:618.1px;} } @media screen and (max-width: 890px) { .gzdt-lb-li img{max-height:610px;} } @media screen and (max-width: 768px) { .gzdt-lb-li img{max-height:492px;} } @media screen and (max-width: 640px) { .gzdt-lb-li img{max-height:420px;} } @media screen and (max-width: 568px) { .gzdt-lb-li img{max-height:371px;} } @media screen and (max-width: 485px) { .gzdt-lb-li img{max-height:330px;} } @media screen and (max-width: 414px) { .gzdt-lb-li img{max-height:250px;} } @media screen and (max-width: 360px) { .gzdt-lb-li img{max-height:240px;} } @media screen and (max-width: 320px) { .gzdt-lb-li img{max-height:207px;} } @media screen and (max-width: 280px) { .gzdt-lb-li img{max-height:177px;} } @media screen and (max-width: 718px){ .foot-logo{height:200px}.ewm{float:left;margin-left: 38%;margin-top: 4%;} } @media screen and (max-width: 500px){ .foot-logo{height:170px}.ewm{float:left;margin-left: 27%;margin-top: 4%;} } @media screen and (max-width: 320px){ .ewm { float: left; margin-left: 16%; margin-top: 4%; } }