@charset "utf-8"; /* CSS Document */ *{ padding:0; margin:0; border:0; } body{ font-family:"微软雅黑"; font-size:14px; background:#fff; } ul, li{ list-style: none; margin:0; padding:0; } h1,h2,h3,h4,h5,h6{ font-weight:normal; margin:0; } a{ color: #333333; text-decoration: none; } a:hover,a:focus { text-decoration: none; color:#333333; } .clearfix:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .col-md-3, .col-sm-3, .col-xs-12, .col-md-4, .col-md-6, .col-md-12, .col-sm-6, .col-xs-12,.col-sm-12{ padding:0; } /*网页头部样式*/ .header { background:url(../images/header.jpg) center top no-repeat; ; } .container{ padding:0; } .logo{ display: block; float: left; width: 55%; margin: 34px 0 24px; } .logo1_img{ display:none; } .search { float: left; width: 45%; margin: 19px 0 0; position:relative; } .top-link{ margin-top:4px; float:left; text-align:right; color:#333; font-size:16px; position:absolute; top:0; right:245px; } .top-link a{ height:18px; line-height:18px; font-size:16px; color:#333333; padding:0 6px; } .search1{ width:225px; padding:2px 0; border-radius:5px; margin:0 4px 0 auto; } #search_kang { width: 175px; margin-left: 10px; height: 25px; line-height: 25px; outline: none; vertical-align: middle; color: #999999; } /* 搜索框通用 */ ::-webkit-input-placeholder { color:#999999; } ::-moz-placeholder { color:#999999; } /* firefox 19+ */ :-ms-input-placeholder { color:#999999; } /* ie */ input:-moz-placeholder { color:#999999; } #search_image { outline: none; vertical-align: middle; } .navbar-toggle{ margin-top:5px; margin-bottom:5px; position:absolute; top:20px; right:0; margin-right:0; padding-right:15px; display: none; } .navbar-toggle .icon-bar { height: 4px; width: 30px; background-color: #b40200; } .nav ul li{ width:117px; height:53px; line-height:53px; float:left; text-align:center; position:relative; background:url(../images/bolid.jpg) left center no-repeat; } .nav ul li:first-child { width: 90px; background:none; } .nav ul li.othernav{ background:none; width: 144px; } .nav ul li a{ font-size:16px; color:#fff; font-weight:bold; display:block; } .nav ul li.othernav a{ background:#ffe9a2; height: 35px; line-height: 35px; margin-top: 10px; border-radius: 20px; color: #ba0704; } .nav ul li.othernav a img{ margin-left: 8px; margin-bottom: 3px; } .nav ul li ul{ background:#b40200; padding:5px 0; border-top: 2px solid #efa55e; display: none; position: absolute; left:10px; top:51px; z-index: 1000; width: 115px; } .nav ul li:hover a{ color:#f6ff06; } .nav ul li.othernav:hover a{ background:#fff; color:#ba0704; } .nav ul li:hover ul { display: block; } .nav ul li ul li{ width:115px; height: 35px; line-height: 35px; background:none; } .nav ul li ul li:first-child{ width: 115px; } .nav ul li ul li a { font-size: 14px; color: #fff; font-weight:normal; } .nav ul li:hover ul li a{ color: #fff; } .nav ul li.active ul li a{ color: #fff; } .nav ul li ul li:hover a{ color:#f6ff06; } /*banner相关设置*/ .fullWidth { width: 100%; margin: 0 auto; max-width:1920px; position: relative; } #full-width-slider { width: 100%; } #full-width-slider .rsOverflow{ position:absolute; top:0; left:0; width: 100%; } .coloredBlock { padding: 12px; background: rgba(255,0,0,0.6); background:#ff0000; filter: alpha(opacity=60);/*IE*/ color: #FFF; width: 200px; left: 20%; top: 5%; } .rsMinW .rsBullets { position: absolute; bottom: 8px; right: 48%; z-index: 1000; padding-top: 4px; height: auto; text-align: center; line-height: 6px; overflow: hidden; } .rsMinW .rsBullet { width: 10px; height: 10px; display: inline-block; *display:inline; *zoom:1; box-sizing:content-box; padding: 6px 5px 6px 4px; } .rsMinW .rsBullet span { display: block; width: 10px; height: 10px; border-radius: 50%; background: #fff; filter:alpha(opacity=50); /* IE */ -moz-opacity:.5; /* 老版Mozilla */ -khtml-opacity:.5; /* 老版Safari */ opacity: .5; /* 支持opacity的浏览器*/ } .rsMinW .rsBullet.rsNavSelected span { filter:alpha(opacity=100); /* IE */ -moz-opacity:1; /* 老版Mozilla */ -khtml-opacity:1; /* 老版Safari */ opacity: 1; /* 支持opacity的浏览器*/ } /*首页内容样式*/ .write-content .row{ margin-left:0; margin-right:0; } .main-content{ padding:36px 0 20px; } .title { border-bottom: 1px solid #b40200; margin-bottom: 7px; line-height: 30px; } .title h3 { float: left; color: #fff; font-size: 18px; height: 30px; line-height: 30px; padding:0 15px; background:#b40200; border-radius: 5px 5px 0 0; } .title .more { float: right; color: #3d3834; font-size:12px; background:url(../images/more.png) left center no-repeat; padding-left:20px; } .sliderContainer1 .rsMinW .rsBullets{ display:none; } .list_tuwen { padding-left:0; padding-right:4.2%; margin-top: 13px; overflow: hidden; } .list_img a{ display:block; height:230px; overflow:hidden; } .list_img img { width: 100%; min-height: 100%; } .list_tuwen .list-body{ margin-top:8px; } margin-bottom: 8px; .imglist{ padding:1px 0 0 2.5%; } .new{ width:69%; padding-right:0.5%; } .new ul.imglist li{ padding:17px 0; border-bottom:1px dashed #999; } .new ul.imglist li a{ width:100%; display:block; color:#353535; font-size:14px; line-height:18px; height:36px; overflow:hidden; } /*.new ul.imglist li a span{ position:absolute; right:0; bottom:0; background:#fff; font-weight:normal; color:#353535; } */ .new ul.imglist li a:hover{ color:#bb1d1f; font-weight:bold; } .new ul.imglist li a:hover span{ background:#fff; font-weight:normal; color:#353535; } .new_picture{ width:31%; height:332px; padding:0 0 0 2.5%; } .vide { margin: 21px 0 8px 0; width: 100%; height: 224px; } .vide-link li{ float: left; width: 22%; height:48px; overflow:hidden; margin-left: 4%; } .vide-link li img{ width: 100%; min-height:48px; } .vide-link li:first-child{ margin-left: 0; } .main-content1{ padding:3px 0 20px } .new-list{ width:34.5%; padding-right:2%; } .new-list ul { margin-top:10px; } .new-list ul li{ height:59px; margin-top:11px; border-bottom:1px dashed #999999; } .new-list ul li .list_time{ color:#b40200; font-size:14px; float:left; width:18%; margin:0; line-height:24px; } .new-list ul li .list_time span{ display:block; font-weight:bold; font-size:18px; } .new-list ul li a{ float:left; width:82%; font-size:14px; line-height:24px; height:48px; color:#3d3834; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .focusing{ width:34.5%; padding-left:0.5%; } .article-list ul{ margin-top:20px; } .article-list ul li { padding: 0px 3px 0px 15px; line-height: 30px; background: url("../images/dian.png") left no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .article-list ul li a{ width:75%; float:left; font-size:14px; color:#353535; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .article-list ul li span{ width:25%; float:left; text-align:right; color: #a5a5a5; } .focusing ul li span{ color:#4b4a4a; font-size:14px; filter:alpha(opacity=57); /* IE */ -moz-opacity:.57; /* 老版Mozilla */ -khtml-opacity:.57; /* 老版Safari */ opacity: .57; /* 支持opacity的浏览器*/ } .exchange{ width:31%; padding-left:2.5%; } .article-list.exchange ul li a{ width:100%; } .main-content2{ padding:4px 0 30px; } .Study { width:34.5%; padding-right:2%; } .media { padding-right:2px; margin-bottom: 5px; margin-top: 28px; height: 99px; } .media .pull-left{ height:98px; } .media .pull-left img{ min-height:100%; } .media .media-body { padding-left: 18px; padding-top: 0; } .media .media-body h5{ font-size:16px; color:#353535; margin-bottom: 5px; margin-top: 0; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .media .media-body p{ font-size:14px; color:#8a8787; margin:0; height:63px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .Study ul{ margin-top:0; } .Study ul li span{ color:#a5a5a5; } .times{ width:34.5%; } .times ul{ margin-top:0; } .article-link{ width:31%; padding-left:2.5%; } .article-link ul{ margin-top:19px; } .article-link ul li { border-radius:8px; border:1px solid #bb1d1f; padding: 0 10px; margin:7px 0; } .article-link ul li:first-child{ width:48%; margin-right:2%; float:left; } .article-link ul li+li{ width:50%; float:left; } .article-link ul li+li+li{ width:100%; } .article-link ul li a{ width:100%; display:block; height: 50px; font-size: 16px; color: #bb1d1f; } .article-link ul li a span{ width: 28px; height: 50px; display: block; float:left; margin-right: 10px; } .article-link ul li a span.tubiao1{ background: url("../images/guanli.png") center no-repeat; } .article-link ul li a span.tubiao2{ background: url("../images/zhusu.png") center no-repeat; } .article-link ul li a span.tubiao3{ background: url("../images/xuewei.png") center no-repeat; } .article-link ul li a span.tubiao4{ background: url("../images/lifas.png") center no-repeat; } .article-link ul li a p{ width: 70%; line-height: 50px; margin: 0; float: left; color:#595959; } .article-link ul li a:hover p{ color:#bb1d1f; font-weight:bold; } .article-link ul li+li+li a p{ width: 80%; } .article-special{ padding:15px 0 32px; } .article-special ul li { width:15%; float: left; margin-left: 2%; } .article-special ul li:first-child { margin-left: 0; } .article-special ul li a{ font-size:14px; color:#090c0e; text-align:left; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position:relative; } .article-special ul li a.special_img h2{ position:absolute; bottom:0; right:0; font-size:18px; color:#fff; font-weight:normal; font-style:oblique; text-align:center; padding:0 9px 0 5px; height:22px; line-height:22px; background:url(../images/bolidimg.png) repeat; } .article-special ul li a.special-name{ padding:6px 0 6px ; text-align:center; font-size:14px; color:#4b4a4a; } .article-special ul li a img { width: 100%; min-height:74px; transform: scale(1); transition: transform 0.4s; } .article-special ul li a:hover img { transform: scale(1.05); transition: transform 0.6s; } /*列表*/ .list{ padding:0 0 20px; } .list_cont{ margin-top: 37px; } .list_cont .title{ position: relative; } .location{ position: absolute; right: 0; bottom: 0; line-height:30px; font-size:14px; color:#333232; background:url(../images/home.jpg) left center no-repeat; padding-left:18px; } .location a{ color:#333232; } .location a.on{ color:#b40200; } .list_content{ margin-top:12px; } .list_content ul { min-height:300px; } .list_content ul li{ border-bottom:1px dashed #ababab; } .list_content ul li a{ background:url(../images/listdian.png) no-repeat center left; padding-left:20px; display:block; height:65px; font-size:16px; color:#353535; } .list_content ul li a:hover p{ color:#b40200; } .list_content ul li a p{ float:left; width:80%; font-size:16px; overflow: hidden; line-height: 65px; margin: 0; text-overflow: ellipsis; white-space: nowrap; } .list_content ul li a span{ float:left; text-align:right; width:20%; line-height:65px; color:#999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*分页栏*/ .pagebar{ background:#fff; margin: 30px auto; } .p_first_d,.p_last_d{ font-size: 14px; color: #808080; padding:14px 16px; border: 1px solid #d9d9d8; margin: 12px 4px; display: inline-table; } .p_first,.p_last{ font-size: 14px; color: #808080; padding:14px 16px; border: 1px solid #d9d9d8; margin: 12px 4px; display: inline-table; } .p_prev_d,.p_prev { font-size: 14px; color: #808080; padding:14px 16px; border: 1px solid #d9d9d8; margin: 12px 4px; display: inline-table; } .p_no { padding: 13px 16px; border: 1px solid #d9d9d8; margin: 0px 4px; color: #595c5b; } .p_no_d { background: #b20000; color: #fff; padding: 13px 16px; border: 1px solid #d9d9d8; margin: 0px 4px; display: inline-table; } .p_next,.p_next_d { font-size: 14px; color: #808080; padding:14px 16px; margin:12px 0 12px 4px; border: 1px solid #d9d9d8; display: inline-table; } /*文章页样式*/ .article_content { margin-top: 37px; } .article-main{ margin-bottom:60px; } .article_content .title{ position: relative; } .article-main h1{ text-align:center; font-size:16px; color:#595c5b; font-family:"微软雅黑"; line-height:1.5; padding-top: 20px; } .article-main h2{ text-align:center; font-size:20px; color:#595c5b; font-family:"微软雅黑"; line-height:1.5; margin:10px 0; font-weight:bold; } .article-main h3 { font-size: 16px; color: #393939; line-height: 1.5; text-align: center; } .article-main h4{ margin:18px 0; font-size:14px; text-align:center; background:#f5f5f5; color:#595c5b; line-height:30px; } .content{ color:#595c5b; font-size:14px; line-height:1.5; min-height:250px; } .content p{ margin:30px 0; color:#595c5b; font-size:14px; } .content p img{ max-width:100%; } /*在线留言页面*/ .sign_link{ background: #f7f8f8; } .sign{ margin-top: 37px; } .sign .title{ position:relative; } .sign form { margin-top: 30px; } .sign form div { margin: 20px auto; width: 600px; /*text-align: center;*/ } .sign form p { float: left; width: 60px; height: 34px; line-height: 34px; margin: 0; font-size: 14px; color: #282828; } .sign input { width:80%; height: 34px; line-height: 34px; border: 1px solid #dcdcdc; } .sign textarea{ width:80%; height: 124px; line-height: 34px; border: 1px solid #dcdcdc; resize: none; } .sign form div.button{ text-align: center; margin-bottom: 40px; } .button #submit { width: 80px; height: 35px; color: #fff; font-size: 14px; border-radius: 5px; background: #b40200; margin-right: 18px; } .button #reset { color: #717373; background: #eeeeee; border-radius: 5px; width: 80px; height: 35px; font-size: 14px; color: #282828; } /*网站版权样式*/ .footer { background-color:#b40200; background-image:url(../images/footerimg.jpg); background-position:top center; background-repeat:no-repeat; } .footer .container{ padding:25px 0px 0; } .footer .title1 { width:301px; margin-bottom: 7px; line-height: 30px; background:url(../images/title2.png) left bottom repeat-x; } .footer .title1 h1 { float: left; color:#fff; font-size: 16px; height: 40px; line-height: 40px; background:url(../images/title1.png) left bottom repeat-x; } .footer_link ul{ min-height: 135px; margin-top:15px; } .footer_link ul li { float: left; margin: 5px 0; } .footer_link ul li a{ color: #fff; font-size: 14px; margin-right: 24.8px; filter:alpha(opacity=80); /* IE */ -moz-opacity:.8; /* 老版Mozilla */ -khtml-opacity:.8; /* 老版Safari */ opacity: .8; /* 支持opacity的浏览器*/ } .footer_copyright{ padding-left:5.5%; background:url(../images/left-bolid.png) 18px 13px no-repeat; } .footer_copyright p { float: left; color: #fff; font-size: 14px; line-height: 30px; margin:0; filter:alpha(opacity=80); /* IE */ -moz-opacity:.8; /* 老版Mozilla */ -khtml-opacity:.8; /* 老版Safari */ opacity: .8; /* 支持opacity的浏览器*/ } .footer_copyright div img{ width:80px; margin:10px 0 0 15px; } .footer .copy { background: #930100; padding: 15px 0; text-align: center; color: #fff; margin: 0; } /*在线留言样式*/ .online-message{ width: 160px; height: 230px; background: url("../images/online-messages.png"); position: fixed; top: 43%; right: 0; z-index: 1000; } .online-message img{ position: absolute; bottom: 22px; right: 23px; } /*兼容ie*/ .ie7 .container ,.ie8 .container{ width: 1200px; margin: 0 auto; } .ie7 .header .container{ height:138px; } .ie7 .nav{ width:100%; } .ie7 .header .nav .container{ height:auto; } .ie7 .nav ul li ul,.ie8 .nav ul li ul{ background:#b40200; } .ie7 .nav ul li ul{ position: relative; } .ie7 #full-width-slider { overflow:hidden !important; } .ie7 .title{ height:30px; } .ie7 .list_tuwen ,.ie8 .list_tuwen{ width:48%; margin-right:2%; } .ie7 .imglist{ width:45%; margin-left:1%; } .ie8 .imglist{ width:49%; margin-left:1%; } .ie7 .new_picture{ width:28%; padding:0; margin-left:2% } .ie7 .article-list{ width:28%; padding:0; margin-left:2% } /*.ie7 .title ,.ie8 .title { height:40px; line-height:40px; } .ie7 .title h3,.ie8 .title h3{ line-height:40px; }*/ /*.ie7 .vide{ height: 279px; }*/ .ie7 .article-list ul li a{ width: 74%; } .ie7 .focusing{ width:33%; margin-left:0%; } .ie7 .Study{ width:34%; margin-left:0; } .ie7 .times{ width:34%; } .ie7 .article-link{ width:28%; padding:0; margin-left:2%; } .ie7 .article-link ul li{ width:42%; margin-right:3%; float:left; } .ie7 .article-link ul li + li{ width:42%; float:left; margin-right:0; } .ie7 .article-link ul li + li+li{ width:94%; } .ie8 .article-link{ width:28%; padding:0; margin-left:2%; } .ie7 .article-link a { width: 100%; } .ie7 .main-content{ height:375px; } .ie7 .main-content1{ height:305px; } .ie7 .new-list ul{ margin-top:30px; } .ie7 .article-special li,.ie8 .article-special li{ margin-left:1.9%; } .ie7 .footer_link ,.ie8 .footer_link{ width: 51%; } .ie7 .footer_copyright,.ie8 .footer_copyright{ width: 40%; } .ie7 .footer .copy,.ie7 .footer,.ie8 .footer .copy,.ie8 .footer,.ie7 .header,.ie8 .header{ min-width: 1200px; }