@charset "utf-8"; /* CSS Document */ .banner{ background-position: center; background-size: cover; height:370px; position:relative; width:100%; } .banner1{ width:100%; position:relative; height:100%; margin:auto; max-width:1060px;padding:0px 20px 0px 20px; line-height:30px; z-index:2;box-sizing:border-box; } .banner1-1{ position:absolute;box-sizing:border-box; left:0px;padding:0px 20px 0px 20px; width:100%; font-size:16px; bottom:20px; } .banner1-1 a{ color:#FFF; } .banner1-1 a:hover{ color:#D71718; } .neirong{ width:100%; overflow:hidden; background-color:#FFF; } .neirong1{padding: 10px 20px 10px 20px; width:100%; max-width:1060px;box-sizing:border-box; overflow:hidden;line-height: 35px; font-size: 14px; color: #333; margin:auto; margin-top:50px; margin-bottom:50px; } .neirong1-1{ width:100%; float:left; text-align:center; } .neirong1-1 span{ display:block; font-size:20px; font-weight:bold; color: #2b2b2b; width:100%; } .neirong1-1 p{display:block; font-size:16px; font-weight:bold;color: #ccc; width:100%; } .neirong1-1 em{display:block; font-style:normal; width:100%; } .bdsharebuttonbox{ display:inline-block; } .neirong1-2{ width:100%; float:left; font-size:16px; overflow:hidden;} .neirong1-2 em,.neirong1-2 i{ font-style:normal;} .neirong1-2 img{ max-width:100%; height:auto;} .neirong1-3{ width: 100%; border-top: 1px solid rgba(153, 153, 153, 0.2); border-bottom: 1px solid rgba(153, 153, 153, 0.2); text-align: center; font-size: 14px; line-height: 25px; padding-top: 12.5px; padding-bottom: 12.5px; box-sizing: content-box; overflow: hidden; } .neirong1-3 em{ font-style:normal; margin-right:10px; margin-left:10px;} .neirong1-3 em a{ color:#333; } .neirong1-3 em a:hover{ color: #82a831;} @media screen and (min-width:320px) and (max-width:399px) { .neirong1-3 em{margin-right: 0px; margin-left: 0px; width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } @media screen and (min-width: 400px) and (max-width:499px){ .neirong1-3 em{margin-right: 0px; margin-left: 0px; width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } @media screen and (min-width: 500px) and (max-width:639px){ .neirong1-3 em{margin-right: 0px; margin-left: 0px; width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } @media screen and (min-width: 640px) and (max-width:767px){ .neirong1-3 em{margin-right: 0px; margin-left: 0px; width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } @media screen and (min-width: 768px) and (max-width:991px){ .neirong1-3 em{margin-right: 0px; margin-left: 0px; width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } @media screen and (min-width: 992px)and (max-width:1199px){ } @media screen and (min-width: 1200px)and (max-width:1399px){ } @media screen and (min-width: 1400px)and (max-width:1499px){ } @media screen and (min-width: 1500px)and (max-width:1630px){ } @media screen and (min-width: 1631px){} .address-mf>div{ width: 30%; margin-right: 3.33%; float: left; height:105px; } @media screen and (max-width: 930px) { .address-mf>div{ height: 135px } } @media screen and (max-width: 720px) { .address-mf>div{ width: 50%; margin-right:0%; height: 105px } } @media screen and (max-width: 510px) { .address-mf>div{ width: 100%; float: none } }