* {margin:0;padding:0;}
a {text-decoration: none;color:#fff;font: "MicrosoftYaHei"; }
a:hover {text-decoration: none;}
body {font-family: "Helvetica Neue",Arial,"Droid Sans",sans-serif;color:#333;}
.bann {background: url('../imgs/test_course_bann_1.jpeg') no-repeat center center;background-size: cover;height:347px;color:#FFFFFF;text-align:center;padding-top:1px;}
.sidebar-wrapper { position: relative; height: 100%; overflow: auto;}
[data-simplersidebar='active'] { box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}
.main {padding-top: 30px;}
.main  .part .hover {height:180px;overflow:hidden;position:relative;}
.main  .part{position:relative;margin-right:4px;width:30%;padding:10px;height:260px;border-radius: 9px;margin-bottom:20px;vertical-align:top;display:inline-block;box-shadow:0 0 18px #ccc;}
.main  .part:hover {box-shadow:0 0 40px #ccc;}
.main  .part .pic {display:inline-block;border-radius:6px;overflow:hidden;padding:0;width:100%;}
.main  .part .text {padding:0 10px;text-align:justify;display:inline-block;width:100%;margin-top:0;}
.main  .text .intr{font-weight:bold;font-size:14px;}
.nav.container #menu a.ac{color: #D1282C;}
.main .part .intr-ct{width:100%;height:40px;}
.main .arw{width:48px;position:absolute;top:46%;}
.main .arw.pre{left:0;}
.main .arw.nex{right:0;}
.carousel-control.left,.carousel-control.right {background-image:none;}
.main{padding-bottom:80px;}
.main .tit{margin-bottom:10px;padding-left:30px;}
.main .tit .det {color:#333;}
.main .tit h4{font-size:23px;font-weight:bold;}
.main .tit span {display:inline-block;width:3px;height:18px;background:#BC1E21;border-radius:5px;vertical-align: middle;margin-right:13px;}
.carousel-inner {height:270px;margin-bottom:60px;width:100%;text-align:center;}
.carousel-inner.ac{height:auto;}
.carousel-inner.ac .more img{transform:rotate(180deg)}
.classf {position:relative;}
.classf .more {position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);color:#333;font-size:18px;}
.classf .more img {height:20px;}
.classf .more.ac img{transform:rotate(180deg)}
.classf .link{position:absolute;top:0;left:0;bottom:0;right:0;}
#contact-us {color:#999;}
#contact-us:hover{color:#fff;}
@media screen and (max-width:1024px){#jqthml .nav  li a,span {font-size:15px;}}
@media screen and (max-width:992px){.nav.container {display:none;}#toggle-sidebar{display:block;}.bann {height:230px;}}
@media screen and (max-width:680px){.bann {height:200px;}}
@media screen and (max-width:640px){.main .part{width:40%;}}
@media screen and (max-width:440px){.main .part{width:80%;}}
