@import ; /*头部*/ .header_bg { height: 322px; position: relative; } .header_top { padding-top: 8px; } .logo { padding: 46px 0 20px 0; } .logo img { margin: 0 auto; } .in_header { height: 262px; background:#494744 url(/uploads/image/simages/banner_bg.png) no-repeat center; } .search { position: absolute; left: 50%; margin-left: -290px; } .search_f { width: 580px; height: 54px; overflow: hidden; position: relative; } .search_f em { position: absolute; left: 15px; top: 15px; font-size: 24px; color: #b6c3bc; } .search_text { width: 416px; padding: 0 10px 0 54px; line-height: 54px; height: 54px; } .search_btn { width: 100px; line-height: 54px; cursor: pointer; background: #fbb13d; padding: 0;} /*导航*/ .mobile { position: absolute; left: 50%; font-size: 12px; margin-left: 534px; } .nav_item { margin: 0 0 0 10px; } /*首屏*/ .con_ban { position: relative; padding-top: 104px;} .in_ban { padding: 30px; height: 330px; overflow: hidden; } .ban_l { width: 805px; } .ban_r { width: 300px; margin-top: -5px; } .ban_tui { width: 370px; } .tui_lb { height: 20px; line-height: 20px; position: relative; padding-left: 30px; padding-right: 50px; margin-bottom: 22px; cursor: pointer; } .tui_lb span { position: absolute; left: 0; width: 16px; height: 16px; display: block; background: #93bd15; color: #fff; text-align: center; line-height: 16px; top: 2px; font-size: 12px; } .tui_lb .lb_bt { margin-bottom: 5px; } .tui_lb .lb_lm { font-size: 12px; margin-right: 10px; display: none; } .tui_lb time { position: absolute; right: 0; top: 0; } .tui_lb.on { background: #f3f5f9; padding: 10px 0 10px 30px; height: 44px;} .tui_lb.on span { top: 12px; } .tui_lb.on time { position: static; } .tui_lb.on .lb_lm { display: block; float: left; } .ban_r .hd { height: 36px; } .ban_r .hd li { width: 110px; height: 34px; border: 1px solid #494744; text-align: center; line-height: 34px; float: left; margin-right: 20px; font-size: 16px; font-weight: bold; cursor: pointer; } .ban_r .hd li.on { background: #fbb13d; border-color: #fbb13d; position: relative; color: #fff; } .ban_r .hd li.on:before{ content:""; display: block; position: absolute; width: 0; height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent; border-top: 8px solid #fbb13d; bottom: -8px; left: 48px; } .ban_r .pic_lb1 { margin-top: 24px; } /*热门导航*/ .hot_nav { background: #fff; padding: 30px 30px 30px 20px; width: 1150px; z-index: 2; height: 76px; overflow: hidden; position: absolute; top: -50px; cursor: pointer; } .hot_nav:hover { height: 186px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); } .hot_nav .nav_li { width: 261px; float: left; margin: 0 0 30px 10px; border-left: 1px solid #dce0db; padding-left: 20px; } .hot_nav .nav_li:first-child {padding-left: 0; border-left:0;} .hot_nav .nav_li:nth-child(4n 1) { padding-left: 0; border-left:0; } .nav_rwap { height: 50px; overflow: hidden; } .nav_li h4 { position: relative; padding-left: 30px; font-size: 16px; font-weight: normal; margin-bottom: 10px; } .nav_li em { width: 22px; height: 20px; display: block; position: absolute; left: 0; top: 2px; background: url(/uploads/image/simages/icon.png) no-repeat; background-position: -5px -6px;} .nav_li:nth-child(1) em { background-position: -5px -6px; } .nav_li:nth-child(2) em { background-position: -34px -6px; } .nav_li:nth-child(3) em { background-position: -66px -6px; } .nav_li:nth-child(4) em { background-position: -94px -6px; } .nav_li:nth-child(5) em { background-position: -124px -6px; } .nav_li:nth-child(6) em { background-position: -154px -6px; } .nav_li:nth-child(7) em { background-position: -186px -6px; } .nav_li:nth-child(8) em { background-position: -216px -6px; } .nav_li:nth-child(1):hover em { background-position: -5px -28px; } .nav_li:nth-child(2):hover em { background-position: -34px -28px; } .nav_li:nth-child(3):hover em { background-position: -66px -28px; } .nav_li:nth-child(4):hover em { background-position: -94px -28px; } .nav_li:nth-child(5):hover em { background-position: -124px -28px; } .nav_li:nth-child(6):hover em { background-position: -154px -28px; } .nav_li:nth-child(7):hover em { background-position: -186px -28px; } .nav_li:nth-child(8):hover em { background-position: -216px -28px; } .nav_li .nav_rwap a { font-size: 12px; margin-right: 15px; display: block; float: left; line-height: 24px; color: #999; } .nav_li .nav_rwap a:hover { color: #fbb13d; } /*精选图文*/ .con_pic { background: #fff; width: 1140px; padding: 30px; margin: 20px auto 0 auto; } .pic_rwap { overflow: hidden; height: 180px; } .pic_rwap .pic_lb2 { width: 200px; margin:0 34px 0 0; } .pic_lb2 .lb_bt { margin-top: 10px; } .pic_rwap .pic_lb2 .lb_img { height: 124px; border: 1px solid #dce0db; } .pic_rwap .pic_lb2 .lb_img img { width: 100%; min-height: 124px; } .pic_rwap .scroll_btn { top: 36%; }