*{padding: 0;margin: 0;}
ul{list-style: none;margin: 0;}
a {text-decoration: none;color: inherit;}
a:hover{text-decoration: none;color: inherit;}
p{ margin: 0;}
/*容器*/
/*公共*/

.wrap-box {
	width: 1200px;
	margin: 0 auto;
}

.content-wrap{
	background-color: #f4fafd;
	padding: 40px 0;
}
.display-sp{
    display: flex;
    justify-content: space-between;
}
.pd-10{
    padding: 10px;
}
/*头部*/
.top {
	height: 40px;
	line-height: 40px;
	background-color: #bfccdc;
	color:#333;
}
.top .login{
	cursor: pointer;
	color:#333;
}
.top .exit-login{
	cursor: pointer;
	color:#333;
}
.top-ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top-ul>li:nth-child(2){
	display: flex;
}


/*大图*/
.banner img{
	display: block;
	width: 100%;
}

/*导航*/
.nav-box1 {
	background-color: #1B1D82;
	
}
.nav-ul{
	height: 50px;
	line-height: 50px;
	display: flex;
	align-items: center;
}
.nav-ul .nav-li {
	height: 50px;
	position: relative;
	width: 17%;
	text-align: center;

}
.nav-ul .nav-li .link{
	font-size: 18px;
	color:#fff;
}
.nav-ul .nav-li:hover{
	background-color: #425FAF;
}
.nav-ul .nav-li.active{
	background-color: #425FAF;
}

.sub-ul{
	display: none;
	position: absolute;
	left:0;
	top:100%;
	padding-left: 0;
	width: 100%;	
	background: #1B1D82;
	z-index: 1000;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.sub-li{
	width: 100%;
	text-align: center;
	/*background: #425FAF;*/
}
.sub-li:hover{
	background-color: #425FAF;
}
.sub-link{
	display: block;
	color:#fff;
}
.sub-link:hover{
	color:#fff;
}
/*首页*/

/*轮播图*/
#index-swipe{position: relative;}
#index-swipe .swiper-container {width: 100%;height: 300px;--swiper-pagination-color: #fff;;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
#index-swipe .swiper-container img {width: 100%;height: 100%;}
#index-swipe .swiper-container .swiper-pagination-bullet {background: #666;opacity: 0.7;width: 15px;height: 15px;}
#index-swipe .swiper-container .swiper-pagination-bullet-active {opacity: 1;background: #fff}
#index-swipe .swiper-container .swiper-button-prev:after, #index-swipe .swiper-container .swiper-button-next:after {content: ""}
#index-swipe .swiper-container .swiper-button-prev {left: 0px}
#index-swipe .swiper-container .swiper-button-next {right: 0px}
#index-swipe .swiper-container .swiper-btn {width: 38px;height: 62px;color: #fff;background: rgba(255, 255, 255, 0.5);cursor: pointer}
#index-swipe .swiper-container .swiper-btn:hover{
    background: rgba(0, 0, 0, 0.5);
}
#index-swipe .swiper-container .swiper-btn i {font-size: 38px}
#index-swipe .swiper-container .hide{opacity:0;}
#index-swipe .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;}

/*首页新闻版块*/
.index-news{ display: flex;flex-flow: row wrap;justify-content: space-between;box-sizing: border-box;}
.index-news>div:nth-child(-n+2){margin: 20px 0 40px; }
/*公共标题部分*/
.index-news .index-news-public-title{display: flex;justify-content: space-between;align-items: center;border-top-right-radius: 8px;border-bottom: 1px solid #023b87;padding-bottom: 10px; }
.index-news .index-news-public-text{font-size: 20px;color:#023b87;font-weight: bold;}
.index-news .index-news-public-title .more{color: #023b87;font-size: 16px;}
/*栏目1*/
.index-news .column1{width: 700px;}
.index-public-news-list{padding-top: 20px;min-height: 250px;}
.index-public-news-list li:hover{  color: #0A5ED7;}
.index-public-news-list li a{ display: flex;justify-content: space-between;}
.index-column1-news-list{padding-top: 20px;}
.index-column1-news-list .item-li{display: flex;justify-content: space-between;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.index-column1-news-list .item-li:hover .title{color: #0A5ED7;cursor: pointer;}
.index-column1-news-list .item-li .thumb{width: 290px;height: 160px; }
.index-column1-news-list .item-li .thumb img{width: 100%;height: 100%;}
.index-column1-news-list .item-li .text {width:380px;margin-left: 30px;}
.index-column1-news-list .item-li .title{ font-size: 16px;font-weight: bold;}
.index-column1-news-list .item-li .time{margin: 18px 0;color: #888;font-size: 12px;}
.index-column1-news-list .item-li .brief{color: #666;font-size: 12px;}
.index-column1-news-list .item-a{ border-bottom: 1px solid #ddd; padding: 11px 0;}
.index-column1-news-list .item-a:hover{ color: #0A5ED7;}
/*栏目2*/
.index-news .column2{width:460px; }
.index-news .index-column2-news-list{ background-color: #FAFAFA;min-height: 250px;}
.index-news .index-column2-news-list li{padding: 15px 20px;border-bottom: 1px solid #ddd;}
.index-news .index-column2-news-list li:hover{ color: #0A5ED7;}
.index-news .index-column2-news-list li a{display:flex;align-items: center;}
.index-news .index-column2-news-list li .time{width: 50px;height: 50px;display: flex;flex-direction: column;border: 1px solid #3EB5FD;}
.index-news .index-column2-news-list li .time .month{height:25px;line-height: 25px;background-color: #3EB5FD;color: #fff;text-align: center;}
.index-news .index-column2-news-list li .time .day{height:25px;line-height: 25px;text-align: center;}
.index-news .index-column2-news-list li .title{padding-left: 30px;}

.index-news .column3{width: 590px; }
.index-news .column4{width: 590px; }

/*文章列表*/
.article-box{margin: 20px 0;padding: 10px;background-color:  #F5F5F5;box-sizing: border-box;}
/*左侧导航*/
.public-class .left-nav{width: 220px;align-self: baseline;}
.public-class .left-nav .title-nav{color:#fff;font-size: 20px;line-height: 54px;
   text-align: center;background-color: #1B1D82;}
.public-class .left-nav .list-nav{background-color:  #F5F5F5;}
.public-class .left-nav .list-nav li{text-align: center;line-height: 40px;border-bottom: 1px dashed #666;margin: 0 30px;}
.public-class .left-nav .list-nav li:last-child{border-bottom: none;}
.public-class .left-nav .list-nav li:hover{background-color: #fff;color: #3EB5FD;}
/*右侧*/
.public-class .right-list{width: 880px;min-height: 560px;}
.public-class .right-list .location{font-weight: bold;border-bottom: 1px solid #2F82C8;line-height: 30px;}

.article-box .right-list .ul-list{padding: 15px 10px;}
.article-box .right-list .ul-list li{border-bottom: 1px dashed #ccc;line-height: 35px;}
.article-box .right-list .ul-list li:hover{color: #3EB5FD;cursor: pointer;}
.article-box .right-list .ul-list li a{}

/*文章详情*/
.article-details .left-nav{width: 220px;border: 1px solid #ccc;}
.article-details .right-list{width: 880px;}
.article-details{margin: 20px 0;padding: 10px;background-color:#fff;box-sizing: border-box;}
.article-details .content-details .title{font-size: 18px;text-align: center;font-weight: bold;color: #000;margin: 30px 0 20px;}
.article-details .content-details .msg{text-align: center;font-size: 14px;margin-bottom: 12px;border-bottom: #999 1px dashed;padding-bottom: 8px; display: flex;justify-content: space-evenly;align-items: center;}
.article-details .content-details .content {min-height: 360px;}
.article-details .content-details .content img{ max-width: 100%;}
.public-next{line-height: 30px;margin-top: 30px;}
    /*首页图片入口*/
.index-link {
	display: block;
	margin-right: 30px;
	float: left;
	position: relative;

}
.index-link .img{
	width: 500px;
	height: 370px;
}
.index-link .des {
	position: absolute;
	width: 300px;
	height: 80px;
	top:50%;
	left:50%;
	margin-top: -40px;
	margin-left: -150px;
	color:#fff;
	text-align: center;
	font-size: 24px;
	line-height: 40px;
}


/*首页简介*/

.txt-box {
	float: left;
	width: 670px;
	height: 370px;
	background-color: #fff;
	padding: 20px;
}
.des-title-box{
	border-bottom: 1px solid #ccc;
	height: 40px;
	line-height: 40px;
}

.des-title-box .des-title{
	float: left;
	font-size: 18px;
	margin: 0;
	height: 40px;
	line-height: 40px;

}
.des-title-box .more{
	float: right;
	font-size: 14px;
	color:#000;
}
.des-title-box .more:hover {
	color:#2d98c1;
}


.description-box {
	height: 290px;
	position: relative;
	padding-top: 30px;
}

.description-box .title {
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
}

.description-box .description {

}

.description-box  .more-link {
	position: absolute;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border:1px solid #2d98c1;
	color:#2d98c1;
	bottom: 0;
	left:50%;
	margin-left: -60px;
	transition: all 0.3s;
}
.description-box  .more-link:hover{
	color:#fff;
	background-color: #2d98c1;
}



/*尾部*/
.footer {
    margin-top: 10px;
	background-color: #1B1D82;
	padding: 20px 0;
}

.footer-wrap {
	position: relative;
}
.footer-wrap .img {
	display: block;
	position: absolute;
	right: 150px;
	top: 10px;
}
.footer .des{
	text-align: center;
	color:#fff;
}
.footer .des .info:after{
	content:'|';
	padding: 0 10px;
}
.footer .des .info:last-child:after{
	content:none;
}

/*其他页面*/

/*实验步骤*/

.step-box {
	float: left;
	background-color: #fff;
	margin-right: 30px;
	padding: 10px;
	width: 260px;
	height: 860px;
}
.step-list li{
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}
.step-list li.ant {
	background-color: #2d98c1;
	color:#fff;
}
.step-list li:hover{
	background-color: #2d98c1;
	color:#fff;
}
.step-content{
	display: none;
	float: left;
	width: 800px;
	background-color: #fff;
	padding: 40px 20px;
	min-height: 860px;
}
.step-content img {
	max-width: 100%;
}
.step-title {
	font-size: 36px;
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
.step-title1{
	font-size: 18px;
	margin: 20px 0;
}
.video {
	margin: 20px 0;
}
.video  video {
	width: 100%;
}

/*实验简介*/
.content-box{
	padding: 40px 0;
	background-color: #fff;
	overflow: hidden;
}

.content-box img{
	max-width: 100%;
}

.title-box{
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.title-box .title{
	display: inline-block;
	float: left;
}

.title-box .btn{
	/*margin-top: 15px;*/
	float: right;
}
/*图片上传成功后*/
.img-clear{
	border: none;
	background: #f0ad4e;
	line-height: 44px;
	padding: 0 15px;
	color: #fff;
	display: inline-block;
	margin: 20px auto;
	cursor: pointer;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.img-clear:hover{
	color: #fff;
	background-color: #f0c322;
}
#cg {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: url(../js/plupload/cg.png);
}
/*专家入口*/
.form-search{
	margin-bottom: 20px;
}
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], textarea {
	border-radius: 0 !important;
	color: #858585;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	padding: 5px 4px 6px;
	font-size: 14px;
	font-family: inherit;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
}
input[readonly] {
	color: #939192;
	background: #f5f5f5 !important;
	cursor: default;
}
.btn-purple, .btn-purple:focus {
	background-color: #9585bf !important;
	border-color: #9585bf;
	color:#fff;
}
.btn-group-sm > .btn, .btn-sm {
	border-width: 4px;
	font-size: 13px;
	padding: 4px 9px;
	line-height: 1.38;
}

.btn-info, .btn-info:focus {
	background-color: #6fb3e0!important;
	border-color: #6fb3e0;
}
.space-4 {
	max-height: 1px;
	min-height: 1px;
	overflow: hidden;
	margin: 12px 0;
	margin: 4px 0 3px;
}
/*重新开始实验*/
.new-test{ height: 34px;line-height: 34px;margin-left: 10px;border-radius: 6px;}
/*个人中心*/
.red {color: #dd5a43!important;}
.lbl {color: #999;}
label {font-weight: 400;font-size: 16px;}
.font12{font-size:14px}.highmsg{color:red}.rigbg{color:#bb3f2b;font-weight:700}.none{display:none}.look{padding:20px}.look ul li{list-style:none;line-height:30px}.charsLeft,.charsLeft2,.charsLeftone,.charsLeftone2{color:red}.rule{border:#ccc solid 1px;height:30px;width:90pt}.ruleadd{height:30px;margin-bottom:3px}.sl-left10{margin-left:5px}.thopen{width:130px}.wh50{width:70px}.wh40,.wh50{height:30px;border:#ccc solid 1px}.wh40{width:40px}.wh30{width:30px;height:30px;border:#ccc solid 1px;text-align:center}.rule-top{line-height:25px;color:#666}.sl-indextop7{margin-top:4px}.sl-indextop10{margin-top:10px}.sl-font14{font-size:14px}.sl-line-height25{line-height:25px}.sl-date{height:30px;width:200px}.top10{margin-top:10px}.top20{margin-top:20px}.top30{margin-top:30px}.top40{margin-top:40px}.file{position:relative;display:inline-block;background:#d0eeff;border:1px solid #99d3f5;border-radius:4px;padding:4px 9pt;overflow:hidden;color:#1e88c7;text-decoration:none;text-indent:0;line-height:25px}.file input{position:absolute;font-size:75pt;right:10;top:0;opacity:0}.file:hover{background:#aadffd;border-color:#78c3f3;color:#004974;text-decoration:none}.list_order{width:50px;border:#fc6 solid 1px}.bgccc{color:#999}.bgc{color:#666}.input_last{line-height:35px;margin-left:10px}.maintop{width:100%;padding-bottom:10px}.admin_sea{height:30px}.lbl{line-height:30px}.pagination{margin:0;float:right}.pagination ul{display:inline-block;list-style:none;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.pagination ul>li{display:inline}.pagination #lastspan,.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 9pt;line-height:20px;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-left-width:0}.pagination ul>.active>a,.pagination ul>.active>span,.pagination ul>li>a:focus,.pagination ul>li>a:hover{background-color:#f5f5f5}.pagination ul>.active>a,.pagination ul>.active>span{color:#999;cursor:default}.pagination ul>.disabled>a,.pagination ul>.disabled>a:focus,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>span{color:#999;background-color:transparent;cursor:default}.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination #lastspan,.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination-centered{text-align:center}.pagination-right{text-align:right}.pagination-large #lastspan,.pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px}.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-large #lastspan,.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-mini ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>a,.pagination-small ul>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-mini ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>a,.pagination-small ul>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px}.pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px}.first_checkbox li{float:none;border-bottom:1px dotted #ccc;overflow:auto;font-size:1pc}.first_checkbox li:last-child{border-bottom:0}.first_checkbox li input{position:relative;top:8px;margin-left:3px;margin-right:5px}.first_checkbox li span{margin-right:25px}.first_checkbox li .two_checkbox{margin-left:30px;margin-bottom:10px}#w{width:750px;margin:0 auto;padding-top:30px}#content,#w{display:block}#content{width:100%;background:#fff;padding:25px 20px;padding-bottom:35px;box-shadow:rgba(0,0,0,.1) 0 1px 2px 0}.flatbtn-blu{box-sizing:border-box;display:inline-block;outline:0;border:0;color:#edf4f9;text-decoration:none;background-color:#4f94cf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);font-size:1.3em;font-weight:700;padding:9pt 26px;line-height:normal;text-align:center;vertical-align:middle;cursor:pointer;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.3);border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.2)}.flatbtn-blu:hover{color:#fff;background-color:#519dde}.flatbtn-blu:active{box-shadow:inset 0 1px 5px rgba(0,0,0,.1)}#lean_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;background:#000;display:none}#loginmodal{width:300px;padding:15px 20px;background:#f3f6fa;border-radius:6px;box-shadow:0 1px 5px rgba(0,0,0,.5)}#loginform label{display:block;font-size:1.1em;font-weight:700;color:#7c8291;margin-bottom:3px}.txtfield{display:block;width:100%;padding:6px 5px;margin-bottom:15px;font-family:Helvetica Neue,Helvetica,Verdana,sans-serif;color:#7988a3;font-size:1.4em;text-shadow:1px 1px 0 hsla(0,0%,100%,.8);background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#edf3f9),to(#fff));background-image:-webkit-linear-gradient(top,#edf3f9,#fff);background-image:linear-gradient(top,#edf3f9,#fff);border:1px solid;border-color:#abbce8 #c3cae0 #b9c8ef;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 1px hsla(0,0%,100%,.4);-webkit-transition:all .25s linear;transition:all .25s linear}.txtfield:focus{outline:0;color:#525864;border-color:#84c0ee;box-shadow:inset 0 1px 2px rgba(0,0,0,.15),0 0 7px #96c7ec}.excel_file{width:9pc;height:41px;cursor:pointer;font-size:30px;outline:medium 0;position:absolute}<!--头像上传样式-->.main{margin:0 auto;padding:15px;width:750px;font-family:microsoft yahei}.cf:after,.cf:before{display:table;content:"";line-height:0}.cf:after{clear:both}.cf{*zoom:1}.upload-area{position:relative;float:left;margin-right:30px;width:200px;height:200px;background-color:#f5f5f5;border:2px solid #e1e1e1}.upload-area .file-tips{position:absolute;top:90px;left:0;padding:0 15px;width:170px;line-height:1.4;font-size:9pt;color:#a8a8a3;text-align:center}.userup-icon{display:inline-block;margin-right:3px;width:1pc;height:1pc;vertical-align:-2px;background:url(__ROOT__/public/img/userup_icon.png) no-repeat}.uploadify-button{line-height:90pt!important;text-align:center}.preview-area{float:left}.tcrop{clear:right;font-size:14px;font-weight:700}.update-pic .crop{background:url(__ROOT__/public/img/mystery.png) no-repeat scroll center center #eee;float:left;margin-bottom:20px;margin-top:10px;overflow:hidden}.crop100{height:75pt;width:75pt}.crop60{height:60px;margin-left:20px;width:60px}.update-pic .save-pic{clear:left;margin-right:20px}.update-pic .uppic-btn{background-color:#348fd4;color:#fff;display:block;float:left;font-size:1pc;height:30px;line-height:30px;text-align:center;vertical-align:middle;width:89px}.preview{position:absolute;top:0;left:0;z-index:11;width:200px;height:200px;overflow:hidden;background:#fff;display:none}#news_titleshort{margin-left:15px}@media screen and (max-width:767px){.all-btn{margin-left:9pt}.header-nav{margin-top:45px}.btn-xs{margin-top:5px}.btm-input{margin-top:0}.btn-sespan{padding-top:5px}.infobox{width:100%}#news_titleshort{margin-left:0;margin-top:10px}.collapse_btn{display:block;visibility:inherit}.collapse_btn ul li{float:left;margin:5px 10px}}
