@charset "UTF-8";

body {background-color:#F4F4F4;}
.layui-container {padding:0;}


/*  实验教学项目 内容多，向下滑动时，头部置顶  */
.top { position: fixed; left: 0; top: 0; z-index: 999; overflow: hidden; transition: 0.3s;width:100%;}
.top .breadcrumb {background-color:#F4F4F4;}
.main-padding-top {padding-top:130px;}
.index-padding-top {padding-top:50px;}

/*  nav  */
/* .nav {width:95%;margin:0 auto;} */
.nav .layui-nav .layui-nav-item a{font-size:16px;}
.nav .layui-nav .nav-right {float:right;}

/* main  */
.main {margin:0 auto;background-color:#fff;}

/* 标题党  */
.layui-elem-quote {
    margin: 20px 0;
    padding: 15px;
    line-height: 22px;
    border-radius: 0 2px 2px 0;
    background-color: #EDF8E8;
    border:1px solid #DAF0D0;
    font-size:18px;
    color:#666;
}
.layui-elem-quote img {padding-right:15px;}

/* 实验简介  */
.introduce-main {width:95%;margin:0 auto;}
.introduce-main .introduce-content {
	border-width: 0px;
    height: 190px;
    display: flex;
    text-align: left;
}
.introduce-main .introduce-content .intro-text {
	border-width: 0px;
    height: 190px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(215, 215, 215, 1);
    border-radius: 0px;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.149019607843137);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.149019607843137);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.149019607843137);
    text-align: left;
}
.introduce-main .introduce-content .intro-text {
    align-self: flex-start;
    padding: 16px 16px 16px 24px;
    box-sizing: border-box;
}

.introduce-main .introduce-content .intro-text .layui-btn-normal {background-color:#0E7BCC;}
.introduce-main .introduce-content h3 {
	font-size: 16px;
	line-height: 25px;
	font-family: '微软雅黑 Bold', '微软雅黑';
	font-weight: 700;
	text-decoration: none;
	color: #999999;
}
.introduce-main .introduce-content p {
	text-indent:2em;
	font-size: 14px;
	line-height: 24px;
	font-family: 'PingFang SC Normal', 'PingFang SC';
    font-weight: 400;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.427450980392157);
} 

/*  实验简介 更多   */
.more {padding:20px 0 100px 0;}
.more div {padding:0 10px 0 20px;}
.more p {line-height:30px;color:#666666;font-size:16px;}
.more h2 {padding:20px 0;}


/* 实验教学项目  */
.layui-col-md3 {width:20%;}
.project-main {width:90%;margin:0 auto;margin-bottom:50px;}
.project-main .layui-row .project-content {
	cursor: pointer;
	font-size: 16px;
	color: #FFFFFF;
	font-family: '微软雅黑';
	font-weight: 400;
	background-color: rgba(14, 123, 204, 1);
}
.project-main .layui-row .project-content {height:150px;margin:0 auto;text-align:center;font-size:18px;}
.project-main .layui-row .project-content:hover {background-color:#498CFF;}
.project-main .layui-row .project-content img {padding:20px 0;width:70px;height:70px;}

/* 仿真实验  */
.simulation .layui-col-space30 {margin:0;}
.simulation .simulation-main {border:1px solid #E4E4E4;text-align:center;}
.simulation .simulation-main img {margin-top:20px;}
.simulation .simulation-main h3 {margin: 20px;color:#666;font-weight:650;}
.simulation .simulation-main p {padding:30px;font-weight:bold;color:#666;}
.simulation .simulation-main span {font-size:12px;color:#666;}
.simulation .simulation-main a {background-color:#0E7BCC;padding:10px;color:#fff;font-weight:normal;}
.simulation .simulation-main a:hover{background-color:#498CFF;}
/* 微信服务  */
.service .layui-col-space30 {margin:0;}
.service .service-main {border:1px solid #E4E4E4;text-align:center;}
.service .service-main img {margin-top:0px;}
.service .service-main h3 {margin: 10px;color:#666;font-weight:650;}
.service .service-main p {padding:10px;font-weight:bold;color:#666;}
.service .service-main span {font-size:12px;color:#666;}
.service .service-main a {background-color:#0E7BCC;padding:10px;color:#fff;font-weight:normal;}
.service .service-main a:hover{background-color:#498CFF;}

/* bottom  */
.bottom {text-align:center;padding:40px 0 20px 0;font-size:14px;line-height:30px;}

/**********************实验教学项目步骤*******************************************/

/*  breadcrumb 面包屑  */
.breadcrumb {padding:20px 0;width:1170px;margin:0 auto;}
.main .main-nav a {display:block;padding:10px 0 5px 0;color: #666666;}
.main .main-nav a img {padding-right:10px;}

.main .main-content {width:95%;margin:0 auto;}
.main .main-content h2 {padding:10px 0;color: #666666;font-weight: 650;}
.main .main-content h2 span {font-weight:normal;}
.main .main-content .text {margin-bottom:10px;border:1px solid #D7D7D7;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.149019607843137);}
.main .main-content .text .text-p {padding:20px 10px 20px 50px;font-size: 14px;color: rgba(0, 0, 0, 0.427450980392157);line-height: 30px;}
.main .main-content .text .text-p center {font-size:13px;}
.main .main-content .text .text-p i {font-size:12px;}
.main .main-content .text .text-p .img-6 {margin-left:240px;}
.main .main-content .text .text-p .img-7 {margin-left:280px;}

/*  进入实验   */
.test-one h1 {font-size:40px;padding:50px 0 20px 20px;}
.test-one .title-1 {color:rgba(0, 0, 0, 0.427450980392157);padding:30px 20px;}
.test-one .layui-row {padding:10px 0;}
.test-one .content {border:1px solid #D8D8D8;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.149019607843137);}
.test-one .content:hover {border:1px solid #5DBAF2;box-shadow: 0px 0px 4px rgba(15,162,219);}
.test-one .content .content-body {width:90%;margin:0 auto;}
.test-one .content .content-body h2 {font-weight:700;line-height:18px;padding:20px 0;}
.test-one .content .content-body p {padding:10px 0;color:#989898;}
.test-one .content .content-body img {padding:10px 0;}
.test-one .content .btn {padding:15px 0 30px 0;text-align:center;}
.test-one .content a {padding:10px 30px;background-color:#0E7BCC;color:#FFF;}