@charset "utf-8"; /*常用css*/ .fl { float: left; _display: inline; } .fr { float: right; _display: inline; } /*常用字体*/ .yh { font-family: 'microsoft yahei'; } .st { font-family: 'simsun'; } .ar { font-family: 'arial'; } .roman { font-family: "times new roman"; } .tn { display: block; font-size: 0; text-indent: -99999em; color: transparent; } .tt a:hover { text-decoration: underline; } .xie { font-style: italic; } .ddd { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a { color: #666; } a:hover { text-decoration: none; color: #a40001; } .btn { cursor: pointer; } body { font-size: 12px; color: #666; line-height: 24px; min-width: 840px; font-family: 'microsoft yahei'; } .l { color: #a40001 !important; } .w { width: 840px; min-width: 840px; margin: 0 auto; } /*header*/ .page-index { background: url(/uploads/image/dimages/bg1.jpg) center 0 no-repeat fixed #ededec; } .headerbox { padding-top: 14px; } .header { height: 47px; position: relative; background: #dad9d7; } .logo { background: url(/uploads/image/dimages/logo.png) 0px center no-repeat; width: 255px; height: 47px; margin-left: 40px; text-indent: -9999px; } .logo-txt { line-height: 47px; font-size: 25px; font-weight: normal; } .searchbox { position: absolute; width: 162px; height: 25px; background: #fff; top: 10px; overflow: hidden; right: 10px; } .searchbox .btn-so { display: block; outline: none; width: 30px; height: 25px; background: url(/uploads/image/dimages/icon-so.png) center no-repeat; border: 0; position: absolute; right: 0; top: 0; text-indent: -9999px; cursor: pointer; } .searchbox .text { height: 25px; float: left; width: 177px; padding-left: 10px; padding-right: 10px; line-height: 23px; background: #fff; } .navbox { height: 36px; position: relative; line-height: 36px; } .h100 { height: 75px; } .nav { z-index: 15; float: right; position: absolute; right: 0; top: 0px; } .nav li { float: left; font-size: 15px; height: 36px; background: 0; background: transparent; } .nav h3 { float: left; } .nav h3 a { float: left; padding: 0 15px; line-height: 36px; font-size: 15px; font-weight: normal; } .nav li.on h3 a, .nav li h3 a:hover { color: #a40001; } .nav li:hover h3 a { color: #a40001; } .nav .lv2 { position: absolute; width: 100%; right: 0; display: none; text-align: center; top: 100%; background: #fcfcfc; margin-top: -1px; background: rgba(255, 255, 255, 0.5); line-height: 35px; } .nav .lv2 a { font-size: 14px; display: inline-block; margin: 0 6px; } .nav .lv3 { position: absolute; width: 100%; right: 0; display: none; text-align: center; top: 100%; margin-top: 30px; padding-top: 7px; line-height: 35px; } .nav .lv3 a { font-size: 14px; display: inline-block; margin: 0 10px; } .nav .lv3 > div { background: #fcfcfc; background: rgba(255, 255, 255, 0.5); } .nav .open-lv3 { color: #a40001; } .nav li:hover .lv2 { display: block; } .page-box { background: #fff; } .page-title { height: 60px; line-height: 60px; position: relative; padding: 0 20px; } .page-title h2 { font-size: 18px; color: #a40001; font-weight: normal; } .mbx { position: absolute; right: 20px; top: 0; font-size: 18px; } .mbx strong { color: #a40001; font-weight: normal; } .mbx em { padding: 0 8px; } .mbx div { display: inline-block; float: left; } .page-title-r { position: absolute; right: 40px; top: 0; font-size: 20px; color: #333; } .banner-focus { height: 370px; position: relative; overflow: hidden; } .banner-focus a, .banner-focus img { display: block; width: 100%; height: 460px; } .banner-screen { position: relative; overflow: hidden; } .banner-screen a, .banner-screen img { display: block; width: 100%; } .j-point { width: 100%; text-align: center; position: absolute; left: 0; bottom: 15px; line-height: 8px; } .j-point span { display: inline-block; width: 35px; height: 8px; line-height: 8px; background: #fff; margin: 0 4px; cursor: pointer; } .j-point span.on { background: #a40001; } .department-list { padding: 20px; } .department-list ul { height: auto; overflow: hidden; } .department-list li { float: left; width: 33.3%; } .department-list a { display: block; margin-right: 1em; font-size: 14px; line-height: 35px; } .icon-arrow-a-left { width: 50px; height: 50px; background: center center no-repeat; } .icon-arrow-a-right { width: 50px; height: 50px; background: center center no-repeat; } #main { overflow: hidden; zoom: 1; position: relative; } #index_b_hero { width: 840px; height: 320px; margin: auto; position: relative; } #index_b_hero img { width: 840px; height: 320px; } #index_b_hero .heros { width: 840px; height: 320px; } #index_b_hero .hero-wrap { overflow: visible; position: absolute; } #index_b_hero .next, #index_b_hero .prev { filter: alpha(opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; background-color: #303030; z-index: 3; } #index_b_hero .next:hover, #index_b_hero .prev:hover { background-color: orangered; } #index_b_hero .next { margin: -25px 0 0 0; right: 0; } #index_b_hero .disabled { background-color: #eee; } #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #fff; z-index: 1; position: absolute; top: 0; left: 0; width: 840px; height: 320px; overflow: hidden; left: 1680px; cursor: pointer; } #index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: 840px; filter: alpha(opacity=35); opacity: .35; background: #000; overflow: hidden; } #index_b_hero .mask-right { left: -840px; } #index_b_hero .active { z-index: 2; left: 0; } .news-title { position: relative; } .news-title .more { background: url(/uploads/image/dimages/ddd.png) center no-repeat; width: 35px; height: 39px; text-indent: -9999px; display: block; position: absolute; right: 0; top: 0; } .txt-news { width: 324px; background: url(/uploads/image/dimages/txt-news.png) 0 13px no-repeat; height: 39px; text-indent: -9999px; } .txt-focus { width: 323px; background: url(/uploads/image/dimages/txt-focus.png) 0 13px no-repeat; height: 39px; text-indent: -9999px; } .news-focus { position: relative; height: 168px; overflow: hidden; } .news-focus li { position: absolute; width: 447px; height: 168px; left: 0; top: 0; background: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .news-focus .li2 { left: 635px; } .news-focus .li3 { left: 824px; } .news-focus .li4 { left: 1014px; } .news-focus ul.show1 .li2 { left: 457px; } .news-focus ul.show1 .li3 { left: 588px; } .news-focus ul.show1 .li4 { left: 719px; } .news-focus ul.show2 .li2 { left: 131px; } .news-focus ul.show2 .li3 { left: 588px; } .news-focus ul.show2 .li4 { left: 719px; } .news-focus ul.show3 .li2 { left: 131px; } .news-focus ul.show3 .li3 { left: 262px; } .news-focus ul.show3 .li4 { left: 719px; } .news-focus ul.show4 .li2 { left: 131px; } .news-focus ul.show4 .li3 { left: 262px; } .news-focus ul.show4 .li4 { left: 393px; } .news-focus .img { display: block; width: 121px; height: 168px; position: relative; } .news-focus .img img { display: block; width: 100%; height: 100%; } .news-focus .img .time { background: url(/uploads/image/dimages/timebg.png) center no-repeat; width: 47px; height: 22px; position: absolute; right: 0; top: 5px; text-align: center; line-height: 20px; font-size: 14px; color: #fff; } .news-focus .txt { width: 316px; position: absolute; left: 131px; top: 10px; } .news-focus .txt h3 { text-align: center; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; margin-bottom: 8px; } .news-focus .txt h3 a { color: #333; display: block; } .news-focus .txt h3 a:hover { color: #a40001; } .news-focus .txt p { font-size: 12px; line-height: 20px; text-indent: 2em; height: 105px; position: relative; overflow: hidden; } .news-focus .more { color: #a40001; text-decoration: underline; } .focus-content { width: 543px; padding-top: 5px; border: 5px solid #dad9d7; height: 157px; overflow: hidden; } .focus-content .img { width: 215px; height: 150px; border: 1px solid #e4e4e2; margin-left: 5px; margin-right: 17px; } .focus-content .img a, .focus-content .img img { display: block; width: 100%; height: 100%; } .focus-content .txt { width: 285px; padding-top: 8px; } .focus-content ul { position: relative; height: 120px; overflow: hidden; } .focus-content li { height: 24px; position: relative; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .focus-content li a { display: block; font-size: 12px; } .focus-content li a:before { padding-right: 5px; content: "■"; color: #a40001; line-height: 24px; float: left; } .focus-content .more { color: #a40001; text-decoration: underline; } .focus-slide { width: 270px; height: 172px; position: relative; background: #000; } .focus-slide .bd { margin: 0px auto; top: 6px; width: 260px; height: 160px; overflow: hidden; position: relative; } .focus-slide .bd a { width: 260px; height: 160px; display: block; } .focus-slide .bd img { width: 260px; height: 160px; display: block; } .focus-slide .next { position: absolute; left: 0; width: 35px; background: url(/uploads/image/dimages/leftarr.png) center no-repeat; height: 30px; display: block; top: 50%; margin-top: -15px; cursor: pointer; } .focus-slide .prev { position: absolute; right: 0; width: 35px; background: url(/uploads/image/dimages/rightarr.png) center no-repeat; height: 30px; display: block; top: 50%; margin-top: -15px; cursor: pointer; } .focus-wrap { padding-bottom: 12px; } .banner-img img { display: block; width: 100%; } .page-search { padding: 25px; } .page-search-box { width: 400px; height: 30px; margin: 0 auto; } .page-search-box .text { border: 2px solid #dbdbdf; background: #f1f3f2; width: 280px; padding: 0 10px; height: 26px; float: left; font-size: 14px; line-height: 24px; } .page-search-box .button { float: right; height: 30px; width: 85px; text-align: center; padding: 0; font-size: 14px; color: #fff; background: #305abb; cursor: pointer; } .page-search-list ul { height: auto; overflow: hidden; } .page-search-list li { float: left; width: 100%; font-size: 14px; padding-top: 1.5em; color: #333; } .page-search-list h6 { font-size: 16px; } .page-search-list h6 a { color: #0038b7; } .page-search-list h6 a:hover { text-decoration: underline; } .page-search-list .sub { color: #710d0d; } .page-search-list .sub a { color: #710d0d; } .page-search-list .sub a:hover { text-decoration: underline; } .page-search-list .sub .web { width: 565px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 44px; } .page-search-list .sub .time { width: 248px; } .pages-nav { height: 60px; position: relative; overflow: hidden; } .pages-nav ul { float: left; position: relative; left: 50%; } .pages-nav li { float: left; position: relative; right: 50%; margin-right: 5px; font-size: 14px; color: #333; } .pages-nav a { font-size: 14px; color: #333; display: inline-block; padding: 0 8px; } .pages-nav li.on a, .pages-nav li a:hover { background: #a40001; color: #fff; } .page-article { padding: 15px 20px 30px; font-size: 14px; line-height: 1.6em; color: #333; } .page-article h1 { text-align: center; padding: 20px 0; margin-bottom: 20px; font-size: 16px; line-height: 1.2em; font-weight: bold; } .page-article p { text-indent: 2em; } .page-infomation { padding: 15px 10px; } .page-infomation-side { width: 230px; } .page-side-list { background: #dad9d7; padding: 5px; font-size: 12px; color: #333; } .page-side-list h4 { font-size: 15px; font-weight: bold; margin-bottom: 10px; padding-top: 10px; } .page-side-list a { color: #333; line-height: 1.4em; } .page-side-list a:hover { color: #a40001; } .page-side-list li { line-height: 1.4em; padding-bottom: 1em; } .page-infomation-l { width: 570px; } .page-infomation-l img { margin: 20px auto; display: block; max-width: 100%; } .page-infomation-l .page-article { padding: 0; font-size: 14px; line-height: 1.8em; } .page-infomation-l .page-article h1 { font-size: 20px; font-weight: normal; margin-bottom: 0; } .page-infomation-l .sub-title { font-size: 12px; text-align: center; margin-bottom: 15px; } .page-infomation-l .sub-title span { padding: 0 5px; } .page-news-list { padding: 20px; } .page-news-list ul { height: auto; overflow: hidden; } .page-news-list li { float: left; width: 100%; color: #000; font-size: 14px; position: relative; line-height: 2em; } .page-news-list .time { position: absolute; right: 0; top: 0; } .page-news-list ul li a { color: #000; float: left; line-height: 2em; width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 15px; } .page-news-list a:before { content: "·"; padding-right: 10px; } .page-news-list a:hover { color: #a40001; } .poject-list { padding-left: 20px; overflow: hidden; position: relative; } .poject-list ul { height: auto; overflow: hidden; width: 130%; padding-left: 50px; } .poject-list li { float: left; width: 320px; margin-right: 60px; padding-bottom: 20px; } .poject-list .img { display: block; position: relative; } .poject-list .img img { display: block; width: 100%; height: 100%; } .poject-list .img p { text-align: center; position: absolute; left: 0; bottom: 0; background: #1d1d1c; background: rgba(0, 0, 0, 0.6); width: 100%; font-size: 14px; color: #fff; line-height: 40px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .poject-list .img:hover p { padding-bottom: 1em; } .poject-list .time { background: #333333; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 12px; } .page-screen { background: #474746; background: rgba(0, 0, 0, 0.7); padding-bottom: 20px; } .page-screen .page-title { color: #fff; } .page-screen .page-title h2 { color: #fff; } .page-screen .mbx { color: #fff; opacity: .8; } .page-screen .mbx a { color: #fff; } .page-screen .mbx a:hover { color: #fff; } .page-screen .mbx * { color: #fff; } .screen { width: 820px; height: 500px; margin: 0 auto; position: relative; overflow: hidden; } .screen a, .screen img { display: block; width: 100%; float: left; height: 100%; } .screen li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .screen li.on { z-index: 10; } .zoomed > .container { -webkit-filter: blur(3px); filter: blur(3px); } .screen-sub { width: 820px; margin: 0 auto; height: 60px; line-height: 60px; font-size: 18px; color: #fff; } .screen-sub a { color: #fff; } .screen-sub a:hover { color: #fff; } .project-list-wrap { height: 100px; } .project-list { height: 100px; position: absolute; left: 0; top: 800px; width: 100%; } .project-list .prev, .project-list .next { width: 30px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -545px; cursor: pointer; font-size: 30px; line-height: 100px; color: #fff; text-align: center; font-family: simsun; font-weight: bold; background: #474746; background: rgba(0, 0, 0, 0.7); } .project-list .prev:after, .project-list .next:after { content: "<"; } .project-list .next { left: auto; right: 50%; margin-left: auto; margin-right: -545px; } .project-list .next:after { content: ">"; } .project-list .bd { height: 100px; width: 1010px; margin: 0 auto; position: relative; overflow: hidden; } .project-list li { width: 160px; margin-right: 10px; float: left; height:100px; } .project-list li a, .project-list li img { display: block; width: 100%; height: 100%; } .h170 { height: 170px; } .h75 { height: 75px; clear: both; } .footer { padding-bottom: 10px; } .footer table { border-top: 1px solid #6b6668; border-left: 1px solid #6b6668; } .footer th, .footer td { border-right: 1px solid #6b6668; border-bottom: 1px solid #6b6668; padding: 5px; text-align: center; vertical-align: middle; color: #000; font-size: 12px; } .footer th { font-weight: bold; } .footer a { color: #000; } .footer a:hover { color: #a40001; } .footer .even th, .footer .even td { background: #c86667; } .footer .even a:hover { color: #fff; } /*# sourcemappingurl=index.css.map */