﻿
/* 
 * @description: 猪管网
 * @author: fuge.wu (2014-9-5 14:44:19) 
 * @update: fuge.wu (2014-9-5 14:44:19) 
*/

@charset "utf-8";

/* icon */
.t_function .icon,.header .button,.h_select,.s_list a,.se_text li,.se_video .line,.list .a_adjunct li{ background:url(/Images/Public/icon.png) no-repeat;}

/* topbar */
.topbar{ width:100%; padding:10px 0; background-color:#fbfbfb; border-bottom:1px solid #e1e1e1;}
.topbar li{ float:left;}
.t_nav li{ margin-right:16px; display:inline;}
.t_function{ margin-right:-2px;}
.t_function li{ float:left; background:url(/Images/Public/t_function.gif) no-repeat right center; padding-right:10px; margin-left:10px; display:inline;}
.t_function .icon{ padding-left:18px;}
.t_function a:hover{ color:#dd4b39;}
.t_function .icon0{ background-position:0 -78px;}
.t_function .icon0:hover{ background-position:0 0;}
.t_function .icon1{ background-position:0 -116px;}
.t_function .icon1:hover{ background-position:0 -40px;}
.t_function .icon2{ background-position:0 -398px;}
.t_function .icon2:hover{ background-position:0 -426px;}
.t_function .icon3 {background-position:0 -453px;}
.t_function .icon3:hover { background-position: 0 -477px;}
/* header */
.header{ padding:20px 0; background:url(/Images/Public/h_logo.jpg) no-repeat 0 center;}
.h_logo{ width:110px; height:40px; margin:10px 30px 0 0; display:inline;}
.h_select{ width:86px; border:1px solid #eee; margin-right:12px; display:inline; padding:6px; white-space:nowrap; background-position:80px -198px; position:relative;}
.h_select h2{ width:72px; overflow:hidden;}
.h_select ul{ min-width:92px; white-space:nowrap; display:none; border:1px solid #eee; position:absolute; left:-1px; top:30px; padding:2px 0 2px 6px; overflow:hidden; background-color:#fff;}
.h_search .button{ width:60px; height:32px; background-position:0 -160px; border:0;}
.h_search .text{ color:#9d9d9d; width:150px; border:1px solid #eee; border-right:0; padding:8px;}
.h_nav{ line-height:20px; padding-bottom:6px;}
.h_nav li{ width:36px; float:left; cursor:pointer;}
.h_nav .current{ background-color:#dd4b39; color:#fff; font-weight:bold;}


/* search */
.search em{ color:#dd4b39;}
.search a:visited{ color:#800080;}
.se_search .h_search .text{ width:280px;}
.se_line{ height:1px; overflow:hidden; background-color:#dd4b39;}
.se_title{ padding-bottom:6px;}
.se_text{ line-height:40px;}
.se_text li{ background-position:0 -223px; padding-left:12px;}
.se_video ul,.se_courseware ul{ width:1100px;}
.se_video li{ width:160px; height:120px; overflow:hidden; border:1px solid #d5d5d5; float:left; margin-right:46px; display:inline; position:relative;}
.se_video a,.se_courseware a{ display:block;}
.se_video .line{ width:100%; height:22px; opacity:0.5; filter:alpha(opacity:50); background-color:#000; position:absolute; bottom:0; left:0; background-position:8px -265px;}
.se_video .text{ position:absolute; left:18px; bottom:2px; _bottom:0;}
.se_img .line{ background-position:-500px -293px;}
.se_img .text{ left:8px;}
.se_video a:visited,.se_img a:visited{ color:#fff;}
.se_courseware li{ float:left; margin-right:46px; display:inline;}
.se_courseware .pic{ border:1px solid #d5d5d5; margin-bottom:4px; width:100px; height:140px; overflow:hidden;}
.se_courseware .text{}
.se_voice span{ padding-left:10px;}
.se_list{ padding-bottom:10px;}
.se_list h2{ padding-bottom:4px;}

/* nav */
.nav{ padding:0 20px; background-color:#dd4b39;}
.nav a{ color:#fff;}
.nav li{ float:left; width:80px; padding:17px 0;}
.nav .current{ background-color:#404040; font-weight:bold;}

/* title */
.title{ margin-top:35px; padding:10px 0; border-bottom:1px solid #d8d8d8;}
.t_class{ width:740px; overflow:hidden; padding-top:3px; margin-left:22px;}
.t_class li{ float:left; margin-left:-2px; padding:0 6px; display:inline; background:url(/Images/Public/t_class.gif) no-repeat 0 center;}
.t_class a{ display:block; padding:2px 4px;}
.t_class a:hover{ color:#fff; background-color:#dd4b39; border-radius:3px;}

/* section */
.section{ overflow:hidden;}
.s_banner{ width:650px; height:250px; position:relative; overflow:hidden;}
.s_banner .line,.s_banner .btn,.s_banner .about,.s_banner .pic li{ position:absolute;}
.pic li{ position:absolute; top:0; left:0;}
.s_banner .line{ width:100%; height:40px; background-color:#000; filter:alpha(opacity:70); opacity:0.7; position:absolute; bottom:0; z-index:10;}
.s_banner .btn{ bottom:6px; right:0; z-index:11;}
.s_banner .btn li{ float:left; cursor:pointer; width:26px; height:26px; line-height:26px; border-radius:12px; background-color:#505050; margin-right:8px; display:inline;}
.s_banner .btn .current{ background-color:#ff3d25;}
.s_banner .about{ left:10px; bottom:11px; z-index:11;}
.s_banner .about li,.s_banner .pic li{ display:none;}
.s_news{ width:308px; padding-right:20px; display:inline;}
.s_news .name{ padding:0 10px 10px 0;}
.s_list{ overflow:hidden; line-height:30px;}
.s_list li{ background:url(/Images/Public/line.gif) repeat-x 0 top;}
.s_list a{ background-position:0 -236px; padding-left:10px;}
.s_list a:hover,.s_courseware a:hover,.s_video .about a:hover{ color:#dd4b39;}
.s_list ul{ margin-top:-2px;}
.s_courseware{ padding-top:4px;}
.s_courseware li{ float:left; margin:0 0 8px 18px; display:inline;}
.s_courseware a{ display:block; width:85px; overflow:hidden;}
.s_courseware .pic{ height:100px; border:1px solid #dcdcdc; margin-bottom:2px;}
.s_courseware .pic:hover{ border:1px solid #ed692a;}
.s_video{ padding:4px 0 16px 0;}
.s_video .pic{ width:115px; height:85px; overflow:hidden;}
.s_video .about{ width:106px; overflow:hidden;}
.s_row{ width:314px; float:left; padding:0 10px; margin-left:-2px; display:inline; border-left:1px solid #d8d8d8; overflow:hidden;}
.s_row .s_list a{ padding-left:12px;}
.s_row table{ width:100%;}
.s_row thead td{ border-bottom:1px solid #f2f2f2; padding-bottom:2px;}
.s_row table td{ line-height:26px;}
.s_title{ padding:8px 0;}
.s_title h2{ font-weight:bold; color:#333; float:left;}
.s_title a{ float:right; color:#999; font-size:12px;}
.s_title h2 a{ color:#333; font-size:14px;}
.s_title .time li{ float:left; padding:0 6px; margin-left:10px; display:inline; cursor:pointer; border-bottom:2px solid #fff;}
.s_title .time .current{ border-bottom:2px solid #5d96ff; color:#ff5f3e;}
.s_pic{ width:310px; height:80px; margin-bottom:8px; overflow:hidden;}
.s_diagnose{ width:474px; height:50px; padding-top:164px; background:url(/Images/Public/s_diagnose.jpg) no-repeat;}
.s_diagnose a{ float:left; width:210px; height:50px;}
.s_diagnose .auto{ margin:0 38px 0 16px;}
.s_ill{ width:472px;}
.s_ill li{ float:left; width:118px; line-height:26px; margin-bottom:28px;}
.s_ill a{ display:block; padding-top:70px; background-image:url(/Images/Public/s_ill.gif); background-repeat:no-repeat;}
.s_ill a:hover{ background-image:url(/Images/Public/s_ill_hover.gif);}
.s_ill .icon0{ background-position:center 0;}
.s_ill .icon1{ background-position:center -100px;}
.s_ill .icon2{ background-position:center -200px;}
.s_ill .icon3{ background-position:center -300px;}
.s_ill .icon4{ background-position:center -400px;}
.s_ill .icon5{ background-position:center -500px;}
.s_ill .icon6{ background-position:center -600px;}
.s_ill .icon7{ background-position:center -700px;}

/* college */
.college .s_row{ width:230px;}

/* footer */
.footer{ border-top:1px solid #f2f2f2; padding:30px 0;}

/* list */
.list li{ height:40px; line-height:40px; background:url(/Images/Public/li_list.gif) repeat-x 0 bottom; overflow:hidden;}
.list li span{ float:right; font-size:12px; color:#999;}
.list li a{ float:left;}
.list li a:hover{ color:#dd4b39;}
.li_class{ background:url(/Images/Public/li_class.gif) repeat-x 0 bottom;}
.li_class li{ float:left; margin-left:10px; display:inline; border:1px solid #ddd; line-height:36px; border-radius:5px 5px 0 0;}
.li_class li a{ display:block; width:90px;}
.li_class .current{ border-bottom:1px solid #fff;}
.li_class .current a{ font-weight:bold; color:#dd4b39;}

.m_title{ border-bottom:1px solid #e9e9e9; padding-bottom:6px;}
.m_title .text{ width:220px; border:1px solid #ededed; border-right:0; padding:6px; line-height:16px;}
.m_title .submit{ background-color:#dd4b39; border:1px solid #dd4b39; padding:6px 6px 6px 24px; background-position:5px -646px;}
.m_title .time{ padding:10px 0;}

/* article */
.list .article p{ padding:5px 0;}
.list .a_adjunct{ line-height:32px;}
.list .a_adjunct li{ height:auto; line-height:30px; background-position:0 -323px; padding-left:18px;}
.list .a_adjunct a{ color:#dd4b39; float:none;}
.list .a_title{ line-height:32px; background:#f4f4f4 url(/Images/Public/a_title.gif) repeat-x;}
.list .a_title span{ display:inline-block; *display:inline; zoom:1; background-color:#fff; border-top:3px solid #dd4b39; padding:0 10px;}
.list .a_step{ line-height:24px;}

/* img */
.s_courseware .pic img,.s_pic img,.s_video .pic img,.s_banner img,.se_video li img,.se_courseware li img{ width:100%;}
/* banner */
.banner{ width:1000px; overflow: hidden; position: relative; margin:20px auto 0 auto;}
.b_img{ width:1000px; height:150px;}
.b_close{ display: block; position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; z-index: 10; background: url(/Images/Public/b_close.png) no-repeat;}