body{
    background: url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/18knt7.jpg") no-repeat top center;
}
*{
    box-sizing: content-box !important;
}

.header{
    height:220px;
}
.header .logo{
    height: 165px;
    background: url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/18v8nm.png") no-repeat center 22px;
}
.header .logo span{
    display: block;
    height:165px;
    text-align: center;
    line-height: 245px;
    font-size:42px;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: SimHei;
    color: #fff;
}

.contentBox{
    width: 1200px;margin: auto;
}

.nav{
    height:50px;
    border-top:1px solid #fff;
}

.nav ul li {
    float:left;
    line-height:50px;
    background:url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/18spo7.png") left center no-repeat;
}
.nav ul li:first-child{
    background:none;
}
.nav ul li a{
    font-size:18px;
    color:#fff;
    font-family:"SimHei";
    text-decoration:none;
    margin:0 22px;
    padding:5px 15px;
}

.nav ul li:hover a{
    background:#ffba00;
}
.exp-detail {
    width:1000px;
    height:250px;
    padding:30px;
    margin-top:130px;
    background: url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/19dc85.png") repeat;
}

.exp-title {
    font-size:22px;
    color: #fff;
    font-family:"Microsoft Yahei";
    margin-bottom:15px;
    letter-spacing:1px;
}
.detail-info {
    /*font-size:16px;*/
    font-size: 16px;
    color: #fff;
    line-height:30px;
    margin-bottom: 0;
}

.start-exp a {
    width: 140px;
    height:45px;
    display:block;
    float:left;
    font-size:16px;
    color:#fff;
    margin-top:15px;
    line-height:43px;
    text-align:center;
    text-decoration:none;
    background:#005ca2;
}

.start-exp a:hover{
    color:#fff;
    background:#ffba00;
}
.contentA{
    height: 610px;
}
.contentB{
    height:450px;
    position:relative;
}
.contentB .fl{
    margin-top: 85px;
}
.contentB .video{
    width: 630px;
    height: 365px;
    border: 2px solid #bac7db;
}
.contentB .tit{
    padding-left:140px;
    padding-top: 10px;
}
.tit span{
    display: block;
    float: left;
    color: #292f33;
    font-size:24px;
    font-family: "Microsoft Yahei";
    line-height: 65px;

}
.tit label{
    float: left;
    color: #292f33;
    font-size:14px;
    height:65px;
    line-height:70px;
    margin-left:25px;
    font-family: "Microsoft Yahei";
}

.videoBox-1{
    margin-left:40px;
}
.videoBox-2{
    margin-left:95px;
}

.contentB .fr{
    position:absolute;
    right:0;
    top:50px;
}

.contentC{
    padding-top:30px;
    padding-bottom: 40px;
}

.sypj{
    width:600px;
    height:260px;

}

.sypj ul li{
    float:left;
    width:285px;
    line-height:39px;
    background: url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/1918nq.png") no-repeat right center;
}
.sypj ul li:nth-child(2n){
    padding-left: 25px;
}
.sypj ul li a{
    text-decoration:none;
    font-size:16px;
    display: block;
    color: #333333;
    font-family:"Microsoft Yahei";
}
.sypj ul li:hover a{color: #ffba00;}

.coursewareContent{width:560px;margin: auto;}
.coursewareContent ul li{height:38px;line-height:38px;margin: auto;border-bottom: 1px dashed #dddddd;}
.coursewareContent ul li a:hover{color: #2B97F0;text-decoration: none;font-family:'Microsoft Yahei';color: #333;float: left;font-size: 16px;display: block;}
.coursewareContent ul li span{float: right;color: #666;font-size: 14px;font-family:'Microsoft Yahei';}
.coursewareContent ul li:hover a{color: #ffba00;}

.contentD{
    height:500px;
    padding:50px 0 20px 0;
    background: #f1f6fe;
}

.contentD .tit{
    height: 75px;
    background: url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/19fc85.png") no-repeat top center;
    padding-bottom: 25px;
}

.picScroll-left{ width:1200px; overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden;  height:70px;text-align: center; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{display:inline-block;width:46px; height:46px;margin-right:5px; margin-top:10px;  overflow:hidden;  cursor:pointer; }
.picScroll-left .hd .next{background:url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/195a8u.png") no-repeat center;}
.picScroll-left .hd .prev{background:url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/19bbpp.png") no-repeat center;}

.picScroll-left .hd .next:hover:hover{background:url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/197an7.png") no-repeat center;}
.picScroll-left .hd .prev:hover{background:url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/199b62.png") no-repeat center;}


.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width: 284px;height: 304px;position: relative;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:264px; height:280px; display:block;border:10px solid #a4c1eb;position: relative;transition: 1s;}
.picScroll-left .bd ul li .title{ line-height:24px;   }


.picScroll-left .bd ul li:hover img { transform: rotateY(.5turn); transition:1s;}
.picScroll-left .bd ul li:hover img { opacity:0.5; }

.picScroll-left .bd ul li .title{
    position:absolute;
    transition:0.2s;
    width:284px;
    padding-top:145px;
    height:155px;
    left:0;
    top:0;
    opacity:0;
    background: url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/18ine6.png") no-repeat center;
}

.picScroll-left .bd ul li:hover .title{display: block; transition:1s;opacity: 1;}

.picScroll-left .bd ul li .title a{
    display:block;
    color:#fff;
    font-size:18px;
    font-family: "Microsoft Yahei";
    text-decoration:none;
    line-height:28px;
}

.contentE{
    padding-top:85px;
    padding-bottom:50px;
}
.commonDiv{
    width:255px;
    height:180px;
    background:#176dae;
    position: relative;
}
.contentE .centerBox{
    margin: 0 215px;
}

.commonDiv span ,.commonDiv a{
    display: block;
    color: #fff;
    font-family: "Microsoft Yahei";
    /*padding-left:45px;*/
    padding-left: 25px;
    position: relative;
    z-index: 999l;
}
.commonDiv span {
    line-height: 45px;font-weight: bold;font-size: 18px;padding-bottom:15px;
}

.commonDiv a{
    font-size:14px;text-decoration: none;line-height: 35px;
}

.commonLine{
    width:335px;
    height:147px;
    background:url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/18mobq.png") no-repeat left top;
    position:absolute;
    left: -25px;
    top: -40px;
}

.commonDiv a:hover{
    color: #f0c02e;
}

.contentF .tit{
    height: 75px;
    background: url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/193986.png") no-repeat top center;
    padding-bottom: 25px;
}
.echartsBox{
    padding-top:20px;
    padding-bottom:35px;
}
.amount{
    width:220px;
    height:220px;
    text-align: center;
    background: url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/18akqi.png") no-repeat center;
}
.amount label{
    display: block;
    text-align: center;
    font-size: 24px;
    color: #627a9e;
    font-family: "Microsoft Yahei";
    font-weight:bold;
}
.amount span{
    display: inline-block;
    font-size: 16px;
    color: #2c405c;
    font-family: "Microsoft Yahei";
    padding-left:25px;
    line-height: 30px;
}

.amount-1{background:url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/18eln4.png") left center no-repeat;margin-top:40px;}
.amount-2{background:url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/18cln4.png") left center no-repeat;margin-top:10px;}

.footer{height:280px;background:url("//xnfz.sdust.edu.cn/vlab_files/2021/265/0558/18oor5.jpg") no-repeat top center;background-color: #186dae;}
.footer p{text-align:center;}
.footer p a{color:#fff;text-decoration:none;text-align:center;font-size:14px;font-family:"Microsoft Yahei";line-height:30px;}
.footerBox{padding-top:130px;}

.breadcrumb {height:35px;border-bottom:1px dashed #eee;overflow: hidden;margin-bottom:25px;padding-left:22px;}
.breadcrumb span{line-height: 35px;font-family:"Microsoft YaHei";font-size: 28px;color:#fff;display: block;padding: 0 20px;float: left;background: #3591e0;}
.breadcrumb ul {float:left;}
.breadcrumb ul li a, .breadcrumb ul li {color:#666; font-size:16px; line-height:35px;font-family: serif;}
.breadcrumb ul li a:hover {text-decoration:none;color:#3591e0;}
.breadcrumb b{float:left;padding:0 15px;height:35px;line-height:35px;font-size: 18px;color: #3591e0;border-bottom: 2px #3591e0 solid;font-weight: normal;}



.contentCategory {width:970px; width:1200px; padding:15px;min-height:860px;margin:30px auto 20px;background: #fff;border-radius:5px;-moz-box-shadow: 0 1px 30px rgba(70, 70, 70, 0.36);-webkit-box-shadow: 0px 0px 10px rgba(70, 70, 70, 0.36);box-shadow: 0px 0px 10px rgba(70, 70, 70, 0.36);}

.aside {width:240px;position:relative;}
.aside h2 {background:#125997;height:50px;line-height:50px; color:#fff; font-weight:normal;font-size:22px;font-family:"Microsoft YaHei";text-align:center;margin-bottom:10px;}
.aside h2 a{display:block;text-decoration:none;color:#fff;}
.aside ul li {background:#f0f0f0;margin-top:5px;}
.aside ul li a{display:block; height:40px;line-height:40px;color:#666;font-size:14px;font-family:"Microsoft YaHei"; font-weight: normal; text-decoration: none;padding-left:40px; background: #f9f9f9;}
.aside ul li a:hover {color:#fff ;-moz-box-shadow: 0 0 5px #a9a9a9; -webkit-box-shadow: 0px 0px 5px #a9a9a9;
    box-shadow: 0px 0px 5px #a9a9a9;background: #023fe6;}
.level3 {display: block !important;}
.level3 > li > a {font-size: 14px !important;padding-left: 60px !important;background-position-x: 35px !important;}
.level4 {display: none;}
.level4 > li > a {padding-left:10px;background: #E36776;}
.level2 > li > a.arrow:hover,
.level3 > li > a.arrow:hover,
.level4 > li > a.arrow:hover,
.level2 > li > a.current,
.level3 > li > a.current,
.level4 > li > a.current {color: #fff;
    -moz-box-shadow: 0 0 5px #a9a9a9;
    -webkit-box-shadow: 0px 0px 5px #a9a9a9;
    box-shadow: 0px 0px 5px #a9a9a9;
    background: #023fe6;
    
}

.level3 li a:hover{ color: #333 !important;}
.arrow{background:#3591e0 !important;color: #fff !important;}


.contentLi {width:calc(100% - 240px);}

.articleLi {margin-top:5px;min-height:550px;}
.articleLi ul {margin: 10px;}
.articleLi ul li {height:45px;line-height: 45px;border-bottom: 1px dashed #bfbfbf;padding-left:20px;}
.articleLi ul li a {display:block;font-size:16px;color:#787878;text-decoration: none;cursor: pointer;}
.articleLi ul li a h3 {font-size: 16px;font-weight: normal;}
.articleLi ul li a:hover {color: #125997;}


.contentArt {width:970px;padding:15px;min-height:600px;margin:30px auto 20px;background:#fff;border-radius:5px;-moz-box-shadow: 0 1px 30px rgba(70, 70, 70, 0.36);-webkit-box-shadow: 0px 0px 10px rgba(70, 70, 70, 0.36);box-shadow: 0px 0px 10px rgba(70, 70, 70, 0.36);}
.title_info {font-family:serif;width:100%;color:#666;text-align: center;padding: 20px 0;font-size: 15px;border-bottom:2px solid #ededed;}
.secondContent{width:1100px;}

.articlePage {margin-top:30px;min-height:450px;}
.articlePage h2 {text-align: center;
    font-size: 30px;
    color: #333;
    font-weight: normal;
    line-height: 35px;
}
.article-detail {padding:0 15px;}
.article-detail > p img {display:block;margin: 10px auto;}
.article-detail > p {font-family: serif;line-height: 30px;padding-top:10px;text-align: justify;color: #666;text-indent: 2em;font-size:16px;}
.article-detail table {margin:0 auto;}
.article-detail table td {text-align:left;font-size:14px;color:#666;padding:10px;line-height:22px;}
.article-detail table td p{text-indent:0;font-size:14px;text-align:left;font-family:"Microsoft YaHei";color:#666;line-height:25px;}
.article-detail object{margin-left: -2em;}





.commonPic{margin-bottom:15px;}
.picBox .boxTit{margin-bottom: 15px;}
.picBox ul li {float:left;margin:7px 14px;}
.picBox ul li img{display: block;padding:5px;background:#e9e9e9; WIDTH: 195PX;
    height: 230px;}
.picBox ul li .categoryPic{position:relative;display:block;text-decoration:none;}
.picBox ul li .categoryPic .greenBg{display:none;background:url("http://oss.rainier.com.cn/a_lend/2019/233/1017/aid4.png") repeat;width: 180px;height: 95px;padding: 25px 20px;position: absolute;left: 0;top: 0;}
.picBox ul li .categoryPic .greenBg p{font-size:14px;color:#fff;font-family: "Microsoft Yahei";line-height:22px;}
.picBox ul li .categoryPicTit{text-align:center;display:block;line-height:30px;font-size:14px;font-family: "Microsoft Yahei";color: #666;text-decoration: none;padding-left:5px;}
.picBox ul li p{text-align:center;}
.picBox ul li:hover .categoryPic .greenBg{display:block;transition:0.3s;}
.picBox ul li:hover .categoryPicTit{color:#8fba3d;}


.page {
    height: 40px;
    text-align: center;
    color: #888;
    margin: 20px auto 0;
    background: #f2f2f2;
}

.pagelist {
    font-size: 0;
    background: #fff;
    height: 50px;
    line-height: 50px;
}

.pagelist span {
    font-size: 14px;
}

.pagelist .bgprimary {
    cursor: default;
    color: #fff;
    background: #337ab7;
    border-color: #337ab7;
}

.pagelist .jump {
    border: 1px solid #ccc;
    padding: 3px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 5px;
}
.ellipsis {
    padding: 0px 8px;
}

.bgprimary {
    cursor: default;
    color: #fff;
    background: #337ab7;
    border-color: #337ab7;
}

.pagelist .jump.disabled{
    pointer-events: none;
    background: #ddd;
}
.max{float: right;padding: 0 5px;margin-right: 12px;margin-top: 5px;display: block;line-height:25px;background: #024586;color: #fff;text-align: center;font-size: 12px;}
.mar0{margin-right:0 !important;}