/* CSS Document */ body{background-color:#fff;} .phoneMode{display: none;padding:25px 13px 0;overflow:hidden;} .phoneMode li{float:left;width: 33.3%;margin-bottom: 26px;font-size:16px;} .phoneMode li a{display: block;margin:0 13px;background-color:#1571c8;height: 56px;line-height: 56px;color:#fff;text-align: center;} .phoneNews{display: none;} .newsTitle{width: 100%;overflow:hidden;position: relative;padding-top:10px;} .newsTitle:before{content: '';width: 100%;height: 1px;background-color:#d7d8d8;position: absolute;left:0;top:28px;z-index: 0} .newsTitle h3{font-size:18px;position: relative;z-index: 2} .newsTitle h3 a{display: block;width: 150px;margin:0 auto;background-color:#fff;text-align: center;} .newsTitle span{display: block;text-align: center;font-family: 'Arial';font-size: 12px;letter-spacing: -1px;} .newsTitle strong{font-size: 12px;font-weight: normal;position: absolute;right:20px;top:8px;z-index: 20} .newsList{width:100%;overflow:hidden;padding:10px 20px;box-sizing: border-box;} .newsList li{font-size:16px;line-height:28px;padding:5px 0;position: relative;} .newsList li:before{width: 5px;height: 5px;background-color:#1571c8;;border-radius: 50%;content: '';position: absolute;left:0;top:17px;} .newsList li a{padding-left:15px;display: block;} .readMore{height: 40px;line-height: 40px;font-size:14px;margin-bottom: 20px;} .readMore a{color:#bababa;display: block;width: 120px;text-align: center;border:1px solid #bababa;border-radius: 5px;margin:0 auto;} .menuList{width: 300px;position: absolute;left:50%;margin-left:275px;z-index: 2000;top: 50px;} .menuList li{width: 140px;height: 48px;line-height: 48px;text-align:center;margin:0 5px 10px;background-color: #3D91DF;float: left;transition: all 0.3s ease;} .menuList li a{color:#fff;font-size: 18px;transition: all 0.3s ease;} .menuList li:hover {background-color: #222} .menuList li:hover a {color: #eee} @media screen and (max-width:1200px) { .menuList{right: 15px;margin:50px 0 0 0;left: auto;} } @media screen and (max-width:992px) { .menuList{top: 10px;width: 240px;} .menuList li{width: 100px;height: 35px;line-height: 35px;} .menuList li a{font-size: 16px;} } @media screen and (max-width: 768px) { .flex-direction-nav a{margin-top:-30px;} .flexslider .flex-prev,.flexslider .flex-next{opacity: 1} .phoneMode,.phoneNews,.footerFixed{display: block;} .menuList{display: none;} } @media screen and (max-width:640px) { } @media screen and (max-width:500px) { } @media screen and (max-width:480px) { .phoneMode{padding-top:10px;} .phoneMode li a{margin:0 6px;height: 45px;line-height: 45px;} .phoneMode li{margin-bottom: 15px} } @media screen and (max-width:380px) { .phoneMode li{width: 50%;} }