html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:14px; vertical-align:baseline; background:transparent; } /*body { line-height:1; }*/ @charset "utf-8" :focus { outline: 1; } article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } img{ vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; font-family: microsoft yahei ! important; font-size: 14px; color: #000000; } a, span, b, p,h1,h2,h3,h4,h5{ font-family: microsoft yahei ! important; color: #363635; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-collapse:collapse; border-spacing:0; } input, select{ outline: medium none; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input{ padding: 0; } input, select { vertical-align:middle; } li{ list-style: none; } .width1200{ width: 1200px; margin: 0 auto; } .clearfix::after{ display: block; content: ''; height: 0; width: 0; overflow: hidden; clear: both; } .clearfix{ zoom: 1; overflow: hidden; } body{ background: url(/uploads/image/ximages/top.png) no-repeat center top; background-color: #e8e8e8; min-width: 1200px; } .top{ height: 335px; width:100%; } .nav{ height: 75px; background-color: #e10000; } .nav div{ float: left; background: url(/uploads/image/ximages/line.png) no-repeat center left; padding:16px 62px; } .nav div a{ display: block; color: #fff; font-size: 16px; font-weight: bolder; } .content .box{ padding:20px; background-color: #fff; } .content .box .name{ height: 50px; line-height: 50px; width:100%; background-color: #ffd99f; } .content .box .name span{ color: #e10000; font-weight: bold; font-size: 20px; padding-left: 20px; float: left; } .content .box .name .location{ float: right; color: #e10000; font-size: 14px; padding-right: 20px; } .content .box .name .location a{ color: #e10000; font-size: 14px; } .content .box .name .location a:hover{ color: #ffffff; } .content-list a{ margin:0 20px; height: 230px; display: block; margin-top: 20px; border-bottom: 1px solid #e0e0e0; } .content-list a:hover .left img{ opacity: 0.8; } .content-list a:hover .right span{ color: #e10000; } .content-list a .left{ width: 310px; height: 205px; float: left; } .content-list a .right{ width: 785px; float: right; } .content-list a .right span{ color: #313131; font-size: 18px; font-weight: bold; display: block; line-height: 50px; } .content-list a .right p{ line-height: 30px; text-indent: 20px; } .content-list a .right div{ line-height: 40px; } .content-list a .right div i{ color: #ff0000; font-style: normal; line-height: 30px; } .footer{ height: 100px; width: 100%; background-color: #d00202; } .footer a{ display: block; text-align: center; color: #ffffff; line-height: 30px; margin-top: 50px; } .footer p{ display: block; text-align: center; color: #ffffff; line-height: 30px; } /**/ .contanier{ background-color: #ffffff; } .contanier .box{ padding:20px; } .con-list{ width: 365px; height: 435px; float: left; } .con-list .name{ text-align: center; margin:20px 0; } .con-list .img{ text-align: center; height: 80px; } .con-list .list{ } .con-list .list a{ height: 45px; line-height: 45px; display: block; background: url(/uploads/image/ximages/d.png) no-repeat center left; } .con-list .list a span{ text-indent: 10px; display: block; font-size: 15px; } .con-list .tp a{ float: left; display: block; width: 135px; height: 185px; margin:0 20px; text-align: center; } .con-list .tp a span{ text-align: center; display: block; font-size: 14px; } .martop{ margin-top: 20px; } .con-list .tit{ width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #bcbcbc; } .con-list .tit span{ border-left: 4px solid #e10000; margin-left: 20px; padding-left: 10px; color: #e10000; font-size: 18px; font-weight:bold; } .con-list .tit a{ display: block; float: right; width: 60px; height: 60px; background: url(/uploads/image/ximages/more.png) no-repeat center; } .martop .con-list{ height: 345px; } .con-list .tp1 a{ float: left; display: block; width: 166px; height: 285px; margin:0 6px; text-align: center; } .con-list .tp1 a img{ width: 166px; height: 225px; opacity: .8; } .con-list .tp1 a:hover span{ color: #f20000; } .con-list .tp1 a:hover img{ opacity: 1; } .con-list .tp a img{ width: 135px; height: 185px; } .con-list .tp1 a span{ text-align: center; display: block; font-size: 14px; } .list-img a{ display: block; width: 100px; height: 130px; float: left; margin:10px 10px 0 10px; } .list-img a img{ width: 100px; height: 100px; opacity: .8; } .list-img a span{ display: block; line-height: 30px; text-align: center; font-size: 12px; } .list-img a:hover img{ opacity: 1; } .list-img a:hover span{ color: #f20000; } .con-list .list a:hover span{ color: #f20000; } .nav div a:hover{ text-decoration: underline; } .show-nr { width: 90%; margin: 20px auto; } .show-nr .name2 { font-size: 22px; text-align: center; height: 60px; line-height: 60px; border-bottom: 1px solid #e0e0e0; } .show-nr .date { text-align: center; color: #807e7e; height: 60px; line-height: 60px; } .show-nr .con { line-height: 30px; }