﻿.focusBox { position: relative; width: 393px; height: 259px; overflow: hidden; }
.focusBox .pic { position: relative; z-index: 0; }
    .focusBox .pic img { width: 393px; height: 259px; display: block; }
.focusBox .hd { width: 100%; position: absolute; bottom: 10px; text-align: center; font-size: 0; z-index: 1; }
    .focusBox .hd li { margin: 0 5px; background: url(/Content/images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; _background: url(/Content/images/dot8.png) no-repeat 0 -16px; }
    .focusBox .hd .on { background-position: 0 0; }
.focusBox .prev,
.focusBox .next { width: 48px; height: 90px; margin: -60px 0 0; display: none; background: url(/Content/images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=80); opacity: 0.8; }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
    .focusBox .prev:hover,
    .focusBox .next:hover { filter: alpha(opacity=80) !important; opacity: 0.8 !important; }
.p-title2{height:35px;line-height:35px;font-weight:bold;font-size:20px;display:flex;}
.p-title2 ul {height:23px;padding-left:5px;}
    .p-title2 ul li {color: #666;height: 30px;line-height: 22px;float: left;font-size: 14px;}
    .p-title2 ul li.cur {color: #FFFFFF;font-weight: bold;background-image: url(../../../../images/snavcur_m.png);background-repeat: no-repeat;background-position: center top;text-align: center;padding-left:8px;padding-right:8px;}
.p-title2 ul li.cur a { color: white; }
.p-title2 ul li a {color: #666;height: 23px;display: block;font-weight: bold;text-align: center;padding-bottom: 3px;padding-right: 10px;padding-left: 10px;font-size: 14px;text-decoration:none;}
.p-title2 ul li :hover{color:white;background-color:#666;}

.p-title ul li {
    display: inline-block;
    padding: 4px 20px;
    background-color: #b7b7b7;
    color: white;
    text-decoration: none;
    border-radius: 4px 4px;
    position: relative;
    font-family: Arial, sans-serif;
}
.p-title ul li a { color: white; font-size: 14px; text-decoration: none; }
.p-title ul li.cur {
    background-color: #4D4D4D;
}
.p-title ul li.cur:hover {
    background-color: #7C7C7C;
}
.p-title ul li:hover {
    background-color: gray;
}

.p-title ul li.cur::after {
    content: '';
    position: absolute;
    color: white;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #4D4D4D;
}
.p-title ul li.cur:hover::after {
    border-top: 6px solid #7C7C7C;
}

/* 教学课件轮播css */
.teachsoft-list { display: flex; width: 236px;height: 280px; }
.teachsoft-content { display: block; margin-top: 25px; border-top: 1px solid #d2d2d2; }
.teachsoft-content .teachsoft-item { width: 236px; height: 280px; }