/* ---- Public Style ---- */ html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; } img { border: 0 none; vertical-align: middle; } ul, li { list-style-type: none; } dl { display: block; } h1, h2, h3, h4, h5, h6 { font-size: 14px; } body, input, select, button, textarea { font-size: 14px; font-family: "SimSun","Microsoft YaHei","STHeiti Light",Arial; } button { cursor: pointer; } i, em, cite { font-style: normal; } html { } body { color: #333; background: #fff; } a, a:link { text-decoration: none; color: #333; } a:visited { } a:active, a:hover { color: #cd0102; text-decoration: none; } table { border-collapse: collapse; } .left { float: left; } .right { float: right; } .clear { clear: both; font-size: 0; height: 0; line-height: 0; } .clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .mr30 { margin-right:30px; _margin-right:10px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb12 { margin-bottom: 12px; } .mb14 { margin-bottom: 14px; } .mb18 { margin-bottom: 18px; } .mb20 { margin-bottom: 20px; } .mb24 { margin-bottom: 24px; } .mb40 { margin-bottom: 40px; } .mr10 { margin-right: 10px; } .mb3 { margin-bottom: 3px; } .w42 { width: 42px; } .w56 { width: 56px; } .w120 { width: 120px; } .w124 { width: 124px; } .w125 { width: 125px; } .w126 { width: 126px; } .w130 { width: 130px; } .w155 { width: 155px; } .w160 { width: 160px; } .w185 { width: 185px; } .w220 { width: 220px; } .w260 { width: 260px; } .w320 { width: 320px; } .w360 { width: 360px; } .w380 { width: 380px; } .w650 { width: 650px; } .w720 { width: 720px; } .w730 { width: 730px; } .w1000 { width: 1000px; } /* ---- 原有头部 Style ---- */ .public_head { width: 100%; height: 123px; background: url(../img/Public_headbg.gif) repeat-x; } .public_head img { display: block; width: 1000px; height: 123px; margin: 0 auto; } /* ---- 头部 Style ---- */ .header_coat { width: 100%; height: 30px; background: url(header_bg.gif) repeat-x; } .header { width: 1000px; height: 30px; margin: 0 auto; } .header .link { height: 30px; width: 200px; line-height: 30px; font-size: 12px; color: #323232; } .header .link a { color: #323232; } .header .link a:hover { color: #cd0102; } /* ---- 头部搜索 Style ---- */ .search { height: 18px; padding: 6px 0 0; } .search span { display: block; height: 18px; line-height: 18px; width: 36px; text-align: right; font-size: 12px; color: #333333; float: left; } .search .text_input { display: block; float: left; width: 90px; height: 16px; line-height: 16px; border: 1px solid #cf0000; padding: 0 4px; background: #fff; font-size: 12px; color: #333; margin-right: 6px; outline: none; } .search .submit_input { display: block; float: left; box-sizing: content-box; background: #cc2000; border: none; height: 18px; width: 35px; line-height: 18px; text-align: center; font-size: 12px; color: #FFF; cursor: pointer; } /* ---- banner 菜单 Style ---- */ .bannerMenu { width: 100%; height: 350px; margin: 0 0 30px; } /* ---- banner Style ---- */ .banner_coat { width: 100%; height: 350px; overflow: hidden; position: relative; } .banner_slider { width: 100%; height: 350px; overflow: hidden; } .banner_slider li { position: absolute; overflow: hidden; z-index: 101; left: 0; height: 350px; } .banner_slider .default { z-index: 105; } .banner_slider img { width: 100%; height: 100% } .banner { position: absolute; top: 0px; left: 50%; width: 1000px; margin: 0 auto; margin-left: -500px; height: 355px; z-index: 200; } .banner_logo { height: 118px; width: 285px; position: absolute; top: 70px; left: 50%; margin-left: -500px; z-index: 200; animation: logo 3s; -moz-animation: logo 3s; -webkit-animation: logo 3s; -o-animation: logo 3s; } .banner_slogan { height: 61px; width: 530px; position: absolute; top: 100px; left: 50%; margin-left: -125px; z-index: 200; animation: slogan 3s; -moz-animation: slogan 3s; -webkit-animation: slogan 3s; -o-animation: slogan 3s; } @keyframes logo{from{top:-118px;}to{top:70px;}} @-moz-keyframes logo{from{top:-118px;}to{top:70px;}} @-webkit-keyframes logo{from{top:-118px;}to{top:70px;}} @-o-keyframes logo{from{top:-118px;}to{top:70px;}} @keyframes slogan{from{margin-left:1000px;}to{margin-left:-125px;}} @-moz-keyframes slogan{from{margin-left:1000px;}to{margin-left:-125px;}} @-webkit-keyframes slogan{from{margin-left:1000px;}to{margin-left:-125px;}} @-o-keyframes slogan{from{margin-left:1000px;}to{margin-left:-125px;}} .menu_coat { width: 1000px; height: 0px; position: relative; font-size: 0px; line-height: 0px; margin: 0 auto; z-index: 999; } /* ---- 横向菜单 Style ---- */ .menu { width: 1000px; position: absolute; top: 270px; left: 0px; background: url(menu_bg.gif) left top repeat-x #fff; border-bottom: 2px solid #ad0101; border-top: 2px solid #ad0101; z-index: 999; padding: 22px 0 10px 0; height: 54px; } .menu .menu_table { width: 1000px; border-collapse: collapse; } .menu .menu_table td { height: 27px; line-height: 27px; text-align: center; border-left: 1px solid #cccccc; } .menu .menu_table td:first-child { border: none; } .menu .menu_table td a { font-size: 16px; color: #333333; } .menu .menu_table td a:hover { color: #ad0101; } .menu .menu_table td a.active { color: #ad0101; } .menu_list{ width:1000px;} .menu_list li { display:inline-block; width:95px; _width:93px; float:left; height: 27px; line-height: 27px; text-align: center; border-right: 1px solid #cccccc; box-sizing:border-box; } .menu_list li a{ display:block; font-size:16px; color:#333;} .menu_list li a.active,.menu_list li a:hover{ color:#ad0101;} /* ---- 大容器 Style ---- */ .container { width: 1000px; margin: 0 auto; overflow: hidden; } /* ---- 头部红色上边框 Style ---- */ .redborder_head { height: 38px; line-height: 38px; position: relative; border-top: 1px solid #ad0101; font-size: 18px; color: #ad0101; font-family:"Microsoft YaHei"; font-weight:bold; } .redborder_head a.more { display: block; height: 38px; line-height: 38px; position: absolute; right: 0px; top: 0px; font-size: 12px; color: #999999; } .redborder_head a.more:hover { color: #ad0101; } /* ---- 发杂的头部 Style ---- */ .complexHead { height: 30px; background: url(complexHead_bg.gif) left 6px repeat-x; position: relative; clear:both; float:none; } .complexHead h1 { height: 30px; line-height: 30px; padding: 0 30px 0 0; background: url(complexHead_sp.gif) right 6px no-repeat #FFF; float: left; font-size: 22px; color: #ad0101; font-weight: normal; font-family:"Microsoft YaHei"; } .complexHead h2 { height: 22px; line-height: 22px; padding: 7px 0 0 8px; float: left; font-size: 16px; color: #666666; font-weight: normal; } .complexHead h3 { height: 16px; line-height: 16px; padding: 13px 0 0 8px; float: left; font-weight: normal; } .complexHead a.more { height: 22px; line-height: 22px; position: absolute; top: 7px; right: 0px; font-size: 12px; color: #999; } .complexHead a.more:hover { color: #ad0101; } /* ---- 倾斜背景的头部 Style ---- */ .slashHead { height: 18px; background: url(slashHead_bg.gif) left top repeat; position: relative; } .slashHead h1 { height: 18px; line-height: 18px; padding: 0 8px 0 0; font-size: 18px; color: #333; font-weight: bold; float: left; background: #fff; } .slashHead h1 span { color: #004f99; } .slashHead a.more { height: 18px; line-height: 18px; position: absolute; top: 0px; right: 8px; font-size: 12px; color: #999; } .slashHead a.more:hover { color: #ad0101; } /* ---- 红色框的头部 Style ---- */ .redHead { height: 21px; position: relative; } .redHead h1 { float: left; padding: 0 8px; height: 21px; line-height: 21px; background: #cc0000; font-size: 14px; color: #fff; font-weight: normal; } .redHead h1 span { font-size: 12px; } .redHead i { position: absolute; top: 21px; left: 0px; width: 11px; height: 8px; background: url(redHead_arrow.gif) no-repeat; } .redHead a.more { height: 21px; line-height: 21px; position: absolute; top: 0px; right: 0px; font-size: 12px; color: #999; } .redHead a.more:hover { color: #ad0101; } .redHead a.charm_yantai { width: 71px; height: 43px; background: url(charm_yantai.jpg) no-repeat; position: absolute; right: 0px; top: -13px; overflow: hidden; text-indent: -9999px; } /* ---- 灰点新闻列表 Style ---- */ .newsList { overflow: hidden; } .newsList li { box-sizing:border-box; width:100%; height: 30px; line-height: 30px; background: url(point_hui.gif) left center no-repeat; padding: 0 0 0 14px; font-size: 14px; color: #333; font-family:"宋体",SimSun; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .newsList li.important { font-size: 14px; color: #005ea6; } .newsList li.important a { color: #005ea6; } .newsList_ads { width: 100%; overflow: hidden; } /*add by guoqiang*/ .newsListRight { overflow: hidden; } .newsListRight li { box-sizing:border-box; width:100%; height: 30px; line-height: 30px; background: url(point_hui.gif) left center no-repeat; padding: 0 0 0 14px; font-size: 12px; color: #333; font-family:"宋体",SimSun; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* ---- 通栏广告 Style ---- */ .adsColumn { width: 100%; overflow: hidden; } .adsColumn img { width: 100%; } /* ---- footer Style ---- */ .footer_coat { height: 30px; width: 100%; background: #5b5c5c; } .footer { width: 1000px; margin: 0 auto; height: 30px; line-height: 30px; font-size:12px; color:#fff; overflow:hidden; } .footer .right{ text-align:right;} .footer a{ color:#fff;} .footer a:hover{ color:#FF0;} /* ---- 边栏 样式 ---- */ .sidebar{ _display:none; position:fixed; left:50%; top:50%; opacity:0.4; width:50px; padding:0px; margin:-105px 0 0 510px; box-sizing:content-box; transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; z-index:999;} .sidebar *{box-sizing:content-box;} .sidebar:hover{ opacity:1;} .sidebar>li{ width:50px; height:50px; margin-bottom:2px; position:relative;} .sidebar>li:last-child{ border:none;} .sidebar>li a{ box-sizing: border-box; display:block; width:50px; height:50px; line-height:50px; background:#ad0101; text-align:center; padding:0px; transition: background 0.5s ease; -moz-transition: background 0.5s ease; -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; cursor:pointer; color:#fff; font-size:14px; } .sidebar>li a img{ display:inline;} .sidebar>li a:hover{ text-decoration:none; background:#cc003d;} .sidebar>li a span.sidetop{ background: url(sidebar_arrow.png) center 10px no-repeat; display:block; padding:24px 0 0; height:20px; line-height:20px; font-size:14px; color:#FFF; text-align:center; } .sidebar>li .sidecode{ display:none; position:absolute; right:50px; top:-104px; width:140px; height:176px; padding:15px; background:#cc003d; transition: background 0.5s ease; -moz-transition: background 0.5s ease; -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; } .sidebar>li .sidecode li{ height:140px; margin-bottom:10px;} .sidebar>li .sidecode li img{ width:140px; display:inline-block; vertical-align:top;} .sidebar>li .sidecode li span{ width:140px; line-height:36px; font-size:14px; color:#FFF; text-align:center; display:inline-block;}