.outer-container { padding-left: 80px; } .header-pc { position: fixed; top: 0; bottom: 0; left: 0; width: 80px; background: #fff; z-index: 10000; box-shadow: 2px 0 6px #ccc; } .header-pc .logo-pc { width: 80px; height: 80px; line-height: 80px; text-align: center; border-bottom: 1px solid #DEE1E3; } .header-pc ul li { text-align: center; font-size: 12px; border-bottom: 1px solid #DEE1E3; } .header-pc ul li a { display: block; width: 100%; height: 80px; padding-top: 10px; color: #808890; } .header-pc ul li a:hover, .header-pc ul li a.active { color: #333; } .header-pc ul li a:hover .icon.icon0, .header-pc ul li a.active .icon.icon0 { background-image: url("../img-g/icon102.png"); } .header-pc ul li a:hover .icon.icon1, .header-pc ul li a.active .icon.icon1 { background-image: url("../img-g/icon301.png"); } .header-pc ul li a:hover .icon.icon2, .header-pc ul li a.active .icon.icon2 { background-image: url("../img-g/icon302.png"); } .header-pc ul li a:hover .icon.icon3, .header-pc ul li a.active .icon.icon3 { background-image: url("../img-g/icon303.png"); } .header-pc ul li a:hover .icon.icon4, .header-pc ul li a.active .icon.icon4 { background-image: url("../img-g/icon304.png"); } .header-pc ul li a:hover .icon.icon5, .header-pc ul li a.active .icon.icon5 { background-image: url("../img-g/icon305.png"); } .header-pc ul li a:hover .icon.icon6, .header-pc ul li a.active .icon.icon6 { background-image: url("../img-g/icon306.png"); } .header-pc ul li a:hover .icon.icon7, .header-pc ul li a.active .icon.icon6 { background-image: url("../img-g/icon502.png"); } .header-pc ul li a .icon { display: block; width: 30px; height: 30px; margin: 0 auto 5px; background-size: 100% 100%; background-repeat: no-repeat; } .header-pc ul li a .icon.icon0 { background-image: url("../img-g/icon101.png"); } .header-pc ul li a .icon.icon1 { background-image: url("../img-g/icon201.png"); } .header-pc ul li a .icon.icon2 { background-image: url("../img-g/icon202.png"); } .header-pc ul li a .icon.icon3 { background-image: url("../img-g/icon203.png"); } .header-pc ul li a .icon.icon4 { background-image: url("../img-g/icon204.png"); } .header-pc ul li a .icon.icon5 { background-image: url("../img-g/icon205.png"); } .header-pc ul li a .icon.icon6 { background-image: url("../img-g/icon206.png"); } .header-pc ul li a .icon.icon7 { background-image: url("../img-g/icon501.png"); } .banner .swiper-button-prev { left: 0; width: 36px; height: 80px; background-size: 100% 100%; background-image: url("../img-g/left.png"); } .banner .swiper-button-next { right: 0; width: 36px; height: 80px; background-size: 100% 100%; background-image: url("../img-g/right.png"); } .honors-contain .container { position: relative; } .honors-contain .container .jb { position: absolute; right: -115px; bottom: 0; } .honors-list .pagination { text-align: left; } .honors-list .honors-item { margin-bottom: 40px; } .honors-list .honors-item .time { font-size: 24px; color: #000; } .honors-list .honors-item ul { width: 100%; max-width: 724px; } .honors-list .honors-item ul li { font-size: 16px; padding: 10px 75px 10px; color: #666; border-bottom: 1px dashed #999; } @media screen and (max-width: 600px) { .header-pc { display: none; } .outer-container { padding-left: 0; } .honors-contain .container .jb { display: none; } .honors-list .pagination { display: none; } .honors-list .honors-item ul li { padding-left: 30px; padding-right: 30px; } } /*# sourceMappingURL=add20180424.css.map */ .qywh-add .container { overflow: hidden; padding: 50px 0; } .qywh-add .container .qywh-add-content { margin-left: 360px; padding-bottom: 30px; border-bottom: 1px solid #EAE8E8; margin-bottom: 40px; overflow: hidden; } .qywh-add .container .qywh-add-content .sj { display: inline-block; vertical-align: middle; border-left: 4px solid #FF9D0B; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid transparent; margin-right: 10px; } .qywh-add .container .qywh-add-content .title { font-size: 24px; color: #ff9d0b; margin-bottom: 10px; } .qywh-add .container .qywh-add-content .desc-box { width: 33%; } .qywh-add .container .qywh-add-content .desc { padding-left: 15px; font-size: 16px; color: #666; line-height: 30px; } @media screen and (max-width: 767px) { .qywh-add .container { padding: 25px 0; } .qywh-add .container .pic { display: block; margin: 10px auto; float: none; } .qywh-add .container .qywh-add-content { margin: 0 10px 20px 10px; padding-bottom: 15px; } .qywh-add .container .qywh-add-content .title { font-size: 20px; margin-bottom: 10px; } .qywh-add .container .qywh-add-content .desc-box { width: 100%; margin-bottom: 14px; } .qywh-add .container .qywh-add-content .desc { font-size: 14px; line-height: 24px; } }