ul { padding: 0; list-style-type: none; } a { text-decoration: none !important; } a:hover{ color:#06297F;} h1, h2, h3, h4, p { margin: 0; } body { background-color: #eef6fb; /*text-shadow:0px 0px 1px #dddddd;*/ } .header { display: flex; justify-content: space-between; align-items: center; } .logo { display: flex; align-items: center; } .logo img { height: 0.8rem; } /*.logo h1 { color: #06297f; font-size: 0.4rem; margin-left: 0.23rem; font-weight: 500; }*/ .navbar-pc { display: flex; margin-bottom: 0; height: 1.3rem; } .navbar-pc li { height: 100%; padding: 0 0.2rem; } .navbar-pc a { font-size: 0.24rem; text-decoration: none; height: 100%; display: block; line-height: 1.3rem; color: #595959; } .navbar-pc li.active, .navbar-pc li:hover { background-color: #06297f; } .navbar-pc li.active a, .navbar-pc li:hover a { color: #ffffff; } #navbar-pc { background-color: #eef6fb; } .navbar-pc li{ position:relative;} .navbar-pc li .nav2{ display:none; width:100px; height:auto; z-index:9999999; position:absolute; top:96px; left:0; padding:10px; background:#ffffff;} .navbar-pc li .nav2 a{ color:#787878; height:28px; line-height:28px; margin:0 ; padding:0; font-size:0.18rem;} .navbar-pc li .nav2 a:hover{ color:#06297F;} .navbar-pc li:hover .nav2{ display:block;} @media (max-width: 768px) { .navbar-pc li:hover .nav2{ display:none;} } .navbar-default { background-color: #edf5fb; border: 0 none; } .navbar { margin-bottom: 0; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background-color: #06297f; color: #ffffff; } .navbar-nav { margin-top: 0; margin-bottom: 0; } .footer-menu { height: 193px; background: url("../images/footer.png") no-repeat; background-size: cover; display: flex; align-items: center; } .erweima > div { color: #8c8c8c; font-size: 0.14rem; margin-top: 10px; } .footer-menu-wrapper > div:nth-child(1) { font-size: 0.24rem; color: #595959; } .footer-menu-wrapper > div:nth-child(2) { font-size: 0.18rem; margin: 30px 0; color: #8c8c8c; } .footer-menu-wrapper > div:nth-child(3) a { font-size: 0.2rem; color: #595959; margin-right: 40px; font-weight: bold; } .footer { text-align: center; background-color: #a0a0a0; color: #ffffff; font-size: 0.14rem; padding: 20px; } .breadcrumb-nav { display: flex; align-items: center; background-color: #f8f8f8; padding: 10px; } .breadcrumb-nav li, .breadcrumb-nav li a { font-size: 0.144rem; color: #595959; } .breadcrumb-nav li:first-child { margin: 0; } .breadcrumb-nav .divider { margin: 0 5px; } .pagination { margin: 0; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #06297f; border-color: #06297f; } .pagination > li > a, .pagination > li > span { margin: 0 5px; } #classTitle{ background:#06287F; padding-left:20px; color:#ffffff; font-size:18px; font-weight:bold; letter-spacing:1px;} .newsTitle{ font-size:25px; font-weight:bold; color:#06287F; margin:30px 0 0px 0; text-align:center;} .newsDate{ margin-top:5px; text-align:center;} .newsContent{ line-height:30px; color:#666666; margin-top:25px; } . .newsShowNav{ font-size:16px; padding:0 30px;} .newsShowNav a{ color:#05297F;} .newsShowNav .go{ float:left;} .newsShowNav .back{ float:right;} .newsShowList{ padding:0 30px; margin-top:10px; color:#05297F;} .newsShowList ul{ } .newsShowList li{ text-align:left; list-style:none; font-size:14px; line-height:30px;} .newsShowList li a{ color:#05297F;} .newsShowList li span{ float:right; color:#666666;} .productShow{ padding:10px;} .productShowTitle{ font-size:19px; color:#05297F; border-left:3px solid #05297F; padding-left:10px; font-weight:bold;} .productShowContent{ margin:10px 0; line-height:30px; color:#666666; font-size:15px; margin-bottom:25px;} .breadcrumb-nav li img{ margin-bottom:5px; margin-right:5px;} .singleContent{ line-height:30px; color:#666666; font-size:15px; padding:30px 40px;} .contactContent{ line-height:30px; color:#666666; font-size:15px; padding:30px 10px;} @media (max-width: 768px) { .newsContent img{ width:100%;} .singleContent{ padding:10px;} .singleContent img{ width:100%;} .contactContent{ padding:10px;} #classTitle{ font-size:0.9rem;} #classList{} #classList .panel-heading{ padding:12px;} #classList .panel-title{ text-indent:30px;} #classList .panel-title a{ font-size:2rem;} } html,body{ font-size:15px;} .banner{ height:420px; text-align:center;} .banner .big{ margin-top:150px; font-size:0.8rem; display:inline-block; color:#06287F; text-shadow:2px 1px 2px #ffffff;} .banner .line{ margin-top:150px; display:inline-block; height:40px; border-right:1px solid #06287F; margin:0 20px;} .banner .small{ margin-top:150px; font-size:0.5rem; display:inline-block; color:#06287F; text-shadow:2px 1px 2px #ffffff;} @media (max-width: 768px) { .banner{ height:100px;} .banner .big{ margin-top:30px; font-size:1.5rem; display:inline-block; color:#06287F; text-shadow:2px 1px 0px #ffffff;} .banner .line{ margin-top:30px; display:inline-block; height:15px; border-right:1px solid #06287F; margin:0 20px;} .banner .small{ margin-top:30px; font-size:1.1rem; display:inline-block; color:#06287F; text-shadow:2px 1px 0px #ffffff;} } .productSHowDetail{} .productSHowDetail a{ font-size:0.2rem; background:#06287F; color:#ffffff; padding:8px 15px; font-weight:normal; margin-right:10px; margin-bottom:20px; display:inline-block;} @media (max-width: 768px) { .erweima > div{ font-size:0.6rem;} .footer-menu-wrapper > div{ font-size:0.9rem;} .footer-menu-wrapper > div:nth-child(1) { font-size: 0.7rem; color: #595959; } .footer-menu-wrapper > div:nth-child(2) { font-size: 0.7rem; margin: 30px 0; color: #8c8c8c; } .footer-menu-wrapper > div:nth-child(3) a { font-size: 0.7rem; color: #595959; margin-right: 40px; font-weight: bold; } .footer{ font-size:0.8rem;} .breadcrumb-nav{ font-size: 0.644rem;} .breadcrumb-nav li{ font-size: 0.644rem;} .breadcrumb-nav li a { font-size: 0.644rem;} }