@charset "utf-8"; /* CSS Document */ .header, .menu, .banner, .content1, .content2, .content3, .footer-t, .footer-b { width: 1040px; margin: 0 auto; padding: 0 30px; margin-top: 10px; ; } .banner{min-height:340px} body { font-family: "微软雅黑"; color: #666; background: #fff; } body { background: url(../img/bg.jpg) no-repeat ; background-position: top center; } .header-m { display: none } /*header*/ .header { height: 108px; position: relative; } .logo img { margin-top: 10px; } .header ul, .search { float: right; margin-top: 28px; } .header ul li { float: left; display: inline; height: 20px; padding: 0; margin: 0; line-height: 25px; font-size: 12px; color: #666; } .header .space { float: left; display: inline; overflow: hidden; margin: 4px 10px; height: 12px; width: 1px; background: #999; } .search { position: absolute; top: 60px; right: 30px; height: 26px; border: 1px solid #CACACA; padding: 0; margin: 0; background: #F1F1F1; } .search .input { float: left; display: inline; width: 160px; height: 26px; padding: 0 4px; border: none; background: #F1F1F1; line-height: 26px; font-size: 12px; color: #333; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; } /*menu*/ .nav { height:48px; background: url(../img/nav-bg.jpg); background-position: top center; } .nav li { line-height: 48px; text-align: center; } .nav ul li img { margin-top: 10px; margin-left: 4px; } .nav1 { float: left; } .nav1 ul li { font-size: 14px; float: left; width: 84px; position: relative; } .nav1 a { color: #fff; } .nav1 ul li div { position: absolute; display: none; } .nav1 ul li div a { display: block; width: 110px; height: 30px; line-height: 30px; font-size: 12px; text-align: left; padding-left: 5px; } .nav1 li:hover { background-color: #bf0001; } .nav1 li:hover div { background-color: #bf0001; display: block; z-index: 2000; } .nav1 li div a:hover { background-color: #970102; color: #fff; } .nav1 li div a:before ,.nav1 li div a before{ content: "> "; } .nav2 { float: right; } .nav2 ul li { font-size: 14px; float: left; width: 64px; } .nav2 a { color: #970303; } .nav2 ul li:hover { background-color: #fff9bf; } /*content*/ .content1, .content2, .content3 { margin-top: 20px; } .content1-l, .content2-l { width: 58%; float: left; } .content1-r, .content2-r { width: 35%; margin-left: 7%; float: right; } .title { height: 40px; border-bottom: 1px solid #ccc; } .title h2 { display: block; float: left; color: #000; font-size: 20px; line-height: 40px; padding-left: 30px; } .title span { display: block; float: left; color: #666; font-size: 1em; font-weight: 200; margin-left: 1.2em; line-height: 40px; } .more { display: block; float: right; background: url(../img/sanjiao_03.jpg) no-repeat; background-position: center right; padding-right: 16px; font-size: 12px; line-height:40px; } .news { background: url(../img/icon2.png) no-repeat ; background-position: 0 9px; } .tongao { background: url(../img/icon2.png) no-repeat; background-position: 0 -26px; } .kuaixun { background:url(../img/icon2.png) no-repeat ; background-position: 0 -65.5px ; } .xueshu { background: url(../img/icon2.png) no-repeat ; background-position: 0 -102px ; } /*content1*/ .content1-l ul { height: 253px; overflow-y: scroll; margin-top: 13px; } /*定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸*/ .content1-l ul::-webkit-scrollbar { width: 5px; height: 20px; background-color: #f5f5f5; } /*定义滚动条的轨道,内阴影及圆角*/ .content1-l ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3); background-color: #f5f5f5; } /*定义滑块,内阴影及圆角*/ .content1-l ul::-webkit-scrollbar-thumb { width: 10px; height: 20px; border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3); background-color: #555; } .content1-r ul li a, .content2-l ul li a, .content2-r .xueshu-content h5, .content1-l ul li div h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .content1-r ul li a { width: 300px; } .content2-l ul li a { width: 540px; } .content1-l ul li { padding: 6px 0; border-bottom: 1px dashed #eee; overflow: hidden; } .content1-l ul li img { display: block; float: left; width: 18%; } .content1-l ul li div { width: 78%; float: left; margin-left: 10px; } .content1-l ul li div h3 { font-size: 14px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .content1-l ul li div p { font-size:12px; line-height: 20px; height: 40px; overflow: hidden; } .content1-l ul li div p span { display: inline-block; _zoom:1;_display:inline; float: right; color: #970102; } .content1-l ul li div h3 span { font-weight: 400 !important; display: inline-block; _zoom: 1; _display: inline; float: right; color: #970102;} .content1-r ul, .content2-l ul { margin-top: 13px; overflow: hidden; } .content1-r ul li, .content2-l ul li { font-size: 14px; padding: 6.5px 5px; overflow: hidden; } .content1-r ul li a, .content2-l ul li a { display: inline-block; _zoom:1;_display:inline; float: left; } .content1-r ul li span, .content2-l ul li span { display: inline-block; _zoom:1;_display:inline; float: right; color: #970102; } .content1-r ul li a:before,.content1-r ul li a before, .content2-l ul li a:before,.content2-l ul li a before { content: "> "; color: #970102; } .content2-r ul { margin-top: 13px; overflow: hidden; } .content2-r ul li { padding: 7px 0; border-bottom: 1px dashed #eee; overflow: hidden; } .content2-r ul li .date { float: left; margin-left: 5px; } .content2-r ul li .xueshu-content { float: left; margin-left: 13px; } .content2-r ul li span { display: block; } .content2-r .month { width: 45px; font-size: 12px; text-align: center; line-height: 21px; background: #970102; color: #FFF; border: 1px solid #970102; overflow: hidden; } .content2-r .day { width:45px; line-height: 22px; font-size: 16px; text-align: center; background: #fff; color: #666; border: 1px solid #ccc; font-weight: bolder; } .content2-r .xueshu-content { width: 76%; } .content2-r .xueshu-content h5 { font-size: 14px; margin-bottom:11px; width: 280px; } .content2-r .xueshu-content .l { font-size:12px; padding-left:20px; background: url(../img/man.jpg) no-repeat ; background-position:0 0 ; color: #ababab; } .content2-r .xueshu-content .l2 { font-size:12px; padding-left:20px; background: url(../img/addr.jpg) no-repeat ; background-position:0 0; margin-left: 32px; color: #ababab; } /*content3*/ .content3 a { display: block; float: left; padding: 8px 1.5px; } .content3 a img { border: 2px solid #eee; } .content3 a img:hover { border: 2px solid #970102; } /*footer*/ .footer { height:340px; background:url(../img/liaoshi_43.jpg) repeat-x; } .footer, .footer a { color: #fff; } .footer { margin-top:10px; overflow: hidden; } .footer-t { margin-top:28px; } .footer-b { margin-top:30px; } .footer-t ul { width: 10%; text-align: center; float: left; } .footer-t ul h3 { font-size: 14px; line-height: 32px; } .footer-t ul li { font-size: 12px; line-height: 26px; } .footer-t a:hover { color: #ddd; } .footer-b { font-size: 14px; text-align: center; } .footer-img { width: 30%; float: left; margin-left: 4%; } .weibo { margin-left: 86px; } .dingwe{ overflow: visible; position: fixed; visibility: visible; height: 125px; width: 125px; top: 300px; right: 0px; }