@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#f5f5f5; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:#1768DC;  }
.clear { clear:both;}
.clear::after { content: ''; clear: both; display: block; height: 0;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
/* CSS Document */
.resignAlt { display: none; z-index: 10; background: #f1f1f1; width: 450px; padding: 45px 30px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 600px; border-radius: 10px; border: 1px solid #1768DC; opacity: 1;}
.altChose {line-height: 40px; margin: 0 auto; border:1px solid #1768dc; width: 168px; overflow: hidden;}
.altChose span { cursor: pointer; font-size: 16px; float: left; width: 50%; text-align: center; color: #1768dc;}
.altSlide li {padding: 10px 0; margin-top: 10px; height: 50px;}
.altSlide li p { font-size: 16px; color: #000000; line-height: 50px;}
.altSlide li input { padding: 0;  border: 1px solid #eee; width: 100%; outline: none; height: 40px; font-size: 16px; text-indent: 10px;}

.altSlide li select { padding: 0;  border: 1px solid #eee; width: 100%; outline: none; height: 40px; font-size: 16px; text-indent: 10px;}

.altSlideLeft{float: left; width: 20%; font-size: 16px;line-height: 2; }
.altSlideRight{float: left; width: 80%; line-height: 2;}

.altChose span.cur { background: #1768dc; color: #ffffff;}
.loginBtn { font-size: 16px; line-height: 40px; cursor: pointer; margin-top: 10px; display: block; border: none; outline: none; color: #ffffff; background: #1768dc; display: block; width: 100%;}
.loginBtnCas { font-size: 16px; line-height: 40px; cursor: pointer; margin-top: 10px; display: block; border: none; outline: none; color: #ffffff;
	background: #238923; display: block; width: 100%;}

.remberCont { margin-top: 10px; overflow: hidden; font-size: 14px;}
.getCode {overflow: hidden;}
.getCode input:nth-child(1) { box-sizing: border-box; padding:0; height: 40px; width: 60%;}
.getCode input:nth-child(2) { background: #1768dc; color: #ffffff; text-indent: 0; box-sizing: border-box; padding:0; height: 40px; width: 35%;}
.remberCont p { float: left;}
.remberCont a { float: right; color: #1768dc;}
.header { overflow: hidden; background: #ffffff; height: 75px;}
.headerCont { width:1220px; margin: 0 auto;}


.logo { float: left; margin-top: 10px;}
.nav { float: left; margin-left: 30px;}
.nav li { float: left; margin-right: 20px; line-height: 40px;}
.nav li a { font-size: 17px; color: #050b21;}
.nav li a:link {  color: #050b21;}
.nav li a:hover {  color: #1768DC;}
.currentNav { color: #0a6aa1; background-color: #FAFAFC;}

.headLogin {line-height: 75px; margin-right: 4px; float: right; width: 150px;}

.headLogin ul{}
.headLogin ul li{float: left; width: 50px; }
.headLogin a { color: #050b21; font-size: 16px;}
.headLogin span { color: #999999; font-size: 14px; margin: 0 10px;}
.headSearch { margin-top: 15px; margin-right: 40px; float: right; position: relative; border-radius: 36px; border: 1px solid #1c2135; overflow: hidden; height: 36px; width: 230px;}
.headSearch input { outline: none; border: none; height: 36px; box-sizing: border-box; padding: 0; text-indent: 26px; font-size: 14px;}
.headSearch button { position: absolute; background: #1768dc; position: absolute; height: 36px; border-radius: 36px;
right: 0; top: 0; width: 68px; border: none; outline: none; color: #ffffff;}

.headSearch button:hover{ background-color: #cccccc; color: #fff9ec;  background:#1159bf;}
.headSearch button:active{ background-color: #1768dc; color: #ffffff;}

.homePage { width: 1200px; padding: 14px 0; margin: 0 auto;}
.topBox {overflow: hidden;}
.topMenu { float: left; width: 240px; height: 330px; background: #ffffff; border-radius: 10px; padding:12px 10px 0;}
.topMenu li { color: #c6c8cc; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; line-height: 30px;}
.topMenu h2 { line-height: 2;
	/*font-size: 20px;*/
	color: #050b21;}
.topMenu li span { margin-right: 14px; font-size: 14px; color: #050b21;}
.topMenu li span a { color:#050b21 ;}
.topMenu li>a { font-size: 14px; color: #c6c8cc;}
.topMenu a.moreLink { font-size: 14px; color: #676970; background: url(../images/moreIcon.png) right center no-repeat; display: inline-block; padding-right: 27px;}
.topBanner { float: left; width:100%;
	height: 430px;
}
.topBanner img { display: block; width: 100%; height: 100%; object-fit: cover;}
.topLogin { position: relative; padding-top: 30px; float: right; text-align: center;width: 240px; height: 330px; background: #ffffff; border-radius: 10px;}
.loginTit { font-size: 16px; color: #676970; line-height: 20px;}
.userImg { width: 87px; height: 87px; display: block; border-radius: 50%; margin: 57px auto 30px;}
.loginControl { text-align: center; width: 200px; height: 38px; border-radius: 38px; background: #1768dc; color: #ffffff; font-size: 17px;
line-height: 38px; margin: 0 auto;}
.loginControl a { color: #ffffff; font-size: 17px;}
.loginControl a:hover {  color: #0C0C0C;}
.loginControl:hover { background-color: #1159bf; font-size: 17px; color: #f0f9eb;}
.loginControl:hover a{ color: #f0f9eb;}
.loginControl:active { background-color: #1768dc; font-size: 17px; color: #ffffff;}
.loginControl:active a{  color: #ffffff;}

.noticeLogin { text-align:  center; position: absolute; bottom: 25px; font-size: 12px; color: #c6c8cc; text-align: center; width: 100%;}
.tagList { margin-top: 15px;}
.tagList ul {overflow: hidden;}
.tagList li { position: relative; float: left; width: 23.4%; margin-right: 1.8%;}
.tagPos { top: 5px; position: absolute; left: 28px;}
.tagList li:nth-child(4n) { margin-right: 0;}
.tagPos p { line-height: 1.5; font-size: 40px; color: #ffffff;}
.tagPos p i { font-style: normal; font-size: 20px;}
.tagPos span { font-size: 14px; color: #ffffff;}
.experimentTit {overflow: hidden; font-size: 22px; color: #050b21; line-height: 72px;}
.experimentTit a.moreEx { float: right; font-size: 14px; color: #84878e;}
.exImg img{ height: 100%; object-fit: cover; display: block; width: 100%;}
.exImg { height: 150px; overflow: hidden; position: relative; border-radius: 8px 8px 0 0;}

.imgMask {
	filter: brightness(80%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
.exImg p{
	position: absolute;/*絶対定位*/
	color: white;/*文字设为白色*/
	top: 50px;
	left:5px;
	width: 90%;
	font-size: 16px;
	text-align: center;
	margin: auto;
	line-height: 25px;
	font-family: "YaHei Consolas Hybrid", Consolas, "微软雅黑", "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, "Monaco", courier, monospace;
}

.exTxt { background: #ffffff; padding: 15px 12px;}
.exTitle { line-height: 21px; height: 42px; font-size: 14px; color: #050b21; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.exTag p { font-size: 12px; color: #84878e; line-height: 22px;}
.exNum { line-height: 22px; margin: 2px 0; text-align: right; font-size: 12px; color: #84878e;}
.exInt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	border-radius: 8px; height: 60px; background: #f1f1f1; padding: 8px 10px; line-height: 22px; font-size: 12px; color: #84878e;}
.experimentSwiper { position: relative;}
.experimentSwiper .nextBtn { background: url(../images/nextBtn.jpg) center no-repeat; width: 19px; height: 50px; display: block; position: absolute; right: -45px;
top: 50%; margin-top: -25px; cursor: pointer;}
.experimentSwiper .previousBtn { background: url(../images/previousBtn.jpg) center no-repeat; width: 19px; height: 50px; display: block; position: absolute; left: -45px;
	top: 50%; margin-top: -25px; cursor: pointer;}
.cellBanner { margin: 30px auto 18px; overflow: hidden;}
.bannerAside { height: 130px; overflow: hidden; border-radius: 8px; float: left; width: 32%; margin-right: 2%;}
/*.bannerAside img { border-radius: 8px; border: 1px solid #0a001f; }*/
.bannerAside:nth-child(3n) { margin-right: 0;}
.rank ul {overflow: hidden;}
.rank li { background-image: linear-gradient(to bottom,#ebf3ff,#feffff); float: left; width: 32%; margin-right: 2%;}
.rank li:nth-child(3n) { margin-right: 0;}
.rank dt { padding-right: 40px; margin-bottom: 24px; overflow: hidden;}
.rank dt i { line-height: 35px; font-style: normal; font-weight: bold; float: left; width: 37px; text-align: center; display: block; font-size: 18px; font-weight: bold;}
.rank dt .rankImg { float: left; width: 135px; height: 75px; border-radius: 3px; overflow: hidden;position:relative;}
.rank dt .rankImg img { display: block; width: 100%; height: 100%; object-fit: cover;}

.rank dt .rankImg p {
	top: 10px;
	position: absolute;
	color: white;
	padding-top: 10px;
	left: 6px;
	width: 120px;
	font-size: 12px;
	text-align: center;
	margin: auto;
	line-height: 20px;
	font-family: "YaHei Consolas Hybrid", Consolas, "微软雅黑", "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, "Monaco", courier, monospace;
}

.rank dt:nth-child(1) i { color: #fe3737;}
.rank dt:nth-child(2) i { color: #ff6a6a;}
.rank dt:nth-child(3) i { color: #ffc45e;}
.rank dt:nth-child(4) i { color: #c6c8cc;}
.rank dt:nth-child(5) i { color: #c6c8cc;}
.rank dt:last-child { margin-bottom: 0;}
.rankTit { line-height: 86px; overflow: hidden; padding: 0 26px 0 47px; font-size: 24px; font-weight: bold; color: #1768dc;}
.rankTit span { float: right; font-size: 18px; font-weight: bold; color: #c6c8cc; font-style: italic;}
.rankTxt { float: right; width: calc(100% - 186px);  }
.rankTxt h2 { margin: 3px 0 14px 0; font-size: 12px; color: #050b21; line-height: 22px; height: 44px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.rankTxt p { font-size: 12px; line-height: 1; color: #84878e;}
.moreRank { line-height: 38px; padding-right: 24px; text-align: right;}
.moreRank a { font-size: 14px; color: #84878e;}
.rank { margin-bottom: 35px;}
.exList{min-height: 500px;}
.exList ul {overflow: hidden;}
.exList li { margin-bottom: 20px; float: left; width: 224px; margin-right: 20px;}
.exList li:nth-child(5n) { margin-right: 0;}
.tagIcon { background: #ff6a1f; z-index: 2; position: absolute; left: 0; top: 0; border-radius: 8px 0 8px 0; font-size: 12px; color: #ffffff; padding: 0 5px; line-height: 2;}
.exCont { position: relative;}

.descriptions{
	position: absolute;
	top:0px;
	left:0px;
	/*background-color: rgba(255,255,255,.9);*/
	background-color: rgba(31,31,31,.8);
	width:100%;
	height:100%;
	transition: all .7s ease-in-out;
	padding: 10px;
	box-sizing: border-box;
	clip-path: circle(0% at 100% 100%);
	border-radius:5px;
}

.descriptions h1{ font-size: 16px; margin-top: 20px; color: #ffffff; text-align: center; line-height: 30px;}
.descriptions h3{ font-size: 14px; color:#7dbdff; text-align: center; line-height: 30px;}
.descriptions p{  margin-top: 30px; font-size: 14px; color:#ffffff; text-align: left; line-height: 30px;}
.exCont:hover .descriptions{
	left:0px;
	transition: all .7s ease-in-out;
	/*clip-path: circle(90%);*/
	clip-path: inset(0em 0em 0em 0em round 0em);
}
.exCont:hover{
	transition: all .5s cubic-bezier(.8,.5,.2,1.4);
	box-shadow: 0px 2px 3px rgba(0,0,0,.3);
	transform: scale(.97);
}
.exCont .cover {
	width: 100%;
	height: 100%;
	background: #000000;
	/*opacity: 0;*/
	filter: alpha(opacity=0);
	/*visibility: hidden;*/
	transition: 0.5s;
	cursor: pointer;
	position: absolute;
	top:0;
	/*z-index: 1;*/
	display: none;
}

.exCont .cover-bg {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	filter: alpha(opacity=80);
	border-radius: 8px;
}
.exCont .cover .editbox {
	padding: 15px;
	position: relative;
}



.storyCont { border-radius: 10px; overflow: hidden; background: url(../images/storyBg.jpg) center no-repeat; background-size: cover; padding: 58px;}
.storyLeft { float: left; width: 648px;}
.storyLeft li { margin-bottom: 38px; overflow: hidden;}
.storyLeft li:last-child { margin-bottom: 0;}
.userPic { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; float: left;}
.userTxt { float: right; width: calc(100% - 78px);}
.userInfor { font-size: 20px; color: #ffffff; line-height: 36px;}
.userInfor span { margin-left: 5px; font-size: 14px; color: #ffffff;}
.userTalker { font-size: 14px; line-height: 26px; color: #ffffff; border-radius: 0 8px 8px 8px; padding: 12px; height: 160px; background: rgba(144,183,252,.7);}
.storyRight { float: right; width: calc(100% - 688px);}
.storyRight ul {overflow: hidden;}
.storyRight li { float: left; width: 47.6%;}
.storyRight li:nth-child(2n) { float: right; width: 47.6%;}
 .talkerInfor { margin-bottom: 16px; overflow: hidden;}
 .talkerInfor .talkerImg { float: left; width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
 .talkerInfors {padding-top: 6px; float: right; width: calc(100% - 80px);}
 .talkerInfors h2 { line-height: 27px; font-size: 20px; color: #ffffff;}
 .talkerInfors p {white-space: nowrap; font-size: 14px; color: #ffffff;  overflow: hidden; text-overflow: ellipsis; display: block;}
 .talkerTxt { border-radius: 0 8px 8px 8px; font-size: 14px; line-height: 26px; color: #ffffff; padding: 10px 20px 0; height: 360px; background: rgba(144,183,252,.7);}
.insideBanner img { display: block; width: 100%;}
.insideBanner { border-radius: 8px; overflow: hidden; margin: 20px auto;}
.joinCont { text-align: center;}
.joinCont h2 { line-height: 5; text-align: center; color: #050b21; font-size: 24px;}
.joinCont img { display: block; margin: 0 auto;}
.joinCont a { display: block; width: 370px; height: 68px; text-align: center; color: #ffffff; border-radius: 68px; line-height: 68px; font-size: 24px;
background: #518bf3; margin: 60px auto;}


.joinCont a:hover{ background-color: #1159bf; color: #ffffff;  }
.joinCont a:active{ background-color: #1768dc; color: #ffffff;}

.footer { background: #444444;}
.footerCont {padding-top: 60px; width: 1200px; margin: 0 auto; overflow: hidden;}
.footerLeft { float: left;}
.footerLeft p { line-height: 1; font-size: 12px; color: #ffffff;}
.footerLeft a.footLogo { display: block; margin-bottom: 32px;}
.footerLeft a.footLogo img { display: block;}
.footerRight { float: right;}
.footerRight li{ float: left; max-width: 120px; margin-right: 130px;}
.footerRight li:last-child { margin-right: 0;}
.footerRight li span { margin-right: 20px; display: inline-block;}
.footerRight li span:nth-child(2n) { margin-right: 0;}
.footerRight li h2 { line-height: 1; margin-bottom: 17px; font-size: 20px; color: #ffffff;}
.footerRight li a { font-size: 12px; color: #ffffff; line-height: 28px;}
.copyCont { padding: 50px 0 15px; text-align: center;}
.copyCont p { font-size: 12px; line-height: 32px; color: #ffffff;}
.copyCont p a { color: #ffffff;}
.articleCont { width: 1200px; margin: 0 auto;}
.location a { font-size: 16px; }
.location a:link { font-size: 16px; }
.location a:active { color: #1C005A; }
.location a:visited { color: #0B8E00; }
.location .on{color: #1159bf; font-weight: bold; border-bottom: 1px solid #1159bf;}
.location span { font-size: 16px; color: #676970; margin: 0 6px;}
.articleInfor {padding-bottom: 70px; background: #ffffff;}
.location { line-height: 62px;}
.videoCheck{  border-bottom: 1px solid #0d8ddb; height: 50px; width: 200px;}

.labAction{ line-height: 60px; width:500px;}
.labAction span { font-size: 16px; color: #676970; margin: 0 6px;}
.labAction .startBtn{ float: left;}
.labAction .favBtn{ float: left; margin-left: 50px;}

.expTxt { position: relative; float: right; width: calc(100% - 640px);}
.expImg { float: left; width: 612px; height: 340px; border-radius: 10px; overflow: hidden;}
.expImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.exInformation { overflow: hidden;}
.expTxt h2{ font-size: 24px; color: #050b21; line-height: 1; margin-bottom: 30px;}
.expInt { border-radius: 10px; background: #f1f1f1; padding: 0 20px 15px;}
.expInt h3 { margin-bottom: 7px; font-size: 16px; color: #050b21; line-height: 2.1;}
.expInt p { font-size: 14px; color: #050b21; line-height: 30px;}
.expInt span { display: block; line-height: 1; margin-top: 8px; text-align: right; font-size: 14px; color: #676970;}
.expTxt .expTag {background: #ff6a1f; z-index: 2; position: absolute; right: 0; font-style: normal; top: 0; border-radius: 8px 0 8px 0; font-size: 12px; color: #ffffff; padding: 0 5px; line-height: 2;}
.expTxt a.starEx { display: block; width: 160px; line-height: 46px; border-radius: 26px; color: #ffffff; background: #1768dc; font-size: 18px;
	text-align: center; margin-top: 36px;}
.expTxt a:hover{ background-color: #1159bf; color: #fff6d9;}
.expTxt a:active{ background-color: #1159bf; color: #ffffff;}

.expTxt a.favEx { display: block; width: 160px; line-height: 46px; border-radius: 26px; color: #ffffff;  font-size: 18px;
	text-align: center; margin-top: 36px;}

.favExNo{ background: #FF6A1F;}
.favExSc{background: #1768dc;}
.articleAbout { padding: 25px 0; width: 1200px; margin: 0 auto; overflow: hidden;}
.articleInt { float: left; padding: 16px 24px; background: #ffffff; border-radius: 10px; width: calc(100% - 380px);}
.choseHd {overflow: hidden; border-bottom: 1px solid #9a9a9a;}
.choseHd span { float: left; display: block; cursor: pointer; font-size: 16px; color: #050b21; margin-right: 40px; line-height: 60px; position: relative;}
.choseHd span.cur { color: #1768dc;}
.choseHd span.cur::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #1768dc;}
.choseBd {padding: 30px 0;}
.explanTit { line-height: 1; margin-bottom: 20px; background: url(../images/b_11.jpg) left center no-repeat; padding-left: 48px; font-size: 26px; color: #050b21;}
.explanAtt { line-height: 1; margin-bottom: 20px; font-size: 16px; color: #050b21;}

.expBar{ margin-bottom: 20px;font-size: 16px; line-height: 30px; text-indent: 2em;}
.expBar p { font-size: 16px; line-height: 2.2;}
.expBar img { display: block; max-width: 100%; margin: 10px 0;}

.explanAttIcon { margin-bottom: 10px; font-size: 16px; color: #050b21; height: 30px; width: 100%;}


.explist{ width:780px; height: 120px;}
.explist ul{width:100%;}
.explist ul li{ height: 100px; width: 200px; text-align: center;}
.explist ul li p{ font-size: 12px; line-height: 25px;}

.rightAside { float: right; width: 350px;}
.schoolLogo img{ margin: 0 auto; max-width: 100%; display: block;}
.schoolLogo { margin-bottom: 17px; padding-bottom: 35px; border-bottom: 1px solid #9a9a9a;}
.schoolInfor { padding: 25px 30px 10px; background: #ffffff; border-radius: 10px;}
.teamTit { padding-left: 10px; border-left: 5px solid #1768dc; line-height: 26px; font-size: 20px; color: #050b21; margin-bottom: 28px;}
.teamSwiper { padding-right: 12px;}
.teamInfor li { margin-bottom: 67px; overflow: hidden;}
.teamInfor li:last-child { margin-bottom: 40px;}
.teamImg { float: left; width: 79px; height: 79px; border-radius: 50%; overflow: hidden;}
.teamImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.teamTxt { float: right; width: calc(100% - 88px);}
.teamTxt h2 { font-size: 16px; color: #050b21; line-height: 26px;}
.teamTxt p { font-size: 14px; color: #676970; line-height: 26px;}
.nextTeam { cursor: pointer; position: absolute; background: url(../images/b_24.png) center no-repeat; width: 13px; height: 28px; position: absolute; right: -18px;
top:170px; margin-top: 0;}
.teamSwiper { position: relative;}
.teamSwiper .swiper-pagination { bottom: 0;}
.teamSwiper .swiper-pagination span { width: 12px; height: 12px;}
.evaluateCont { margin-top: 20px; background: #ffffff; border-radius: 10px; padding: 20px 30px;}
.evaluateTop p { line-height: 1; font-size: 51px; color: #ff871c;}
.evaluateTop p img { margin-right: 4px; vertical-align: 4px;}
.evaluateTop span { display: block; line-height: 4; font-size: 12px; color: #676970;}
.evaluateTop { border-bottom: 1px solid #9a9a9a;}
.dataSlide li {position: relative; overflow: hidden; padding: 0 25px 0 45px; line-height: 52px;}
.dataSlide li img { position: absolute; left: 13px; top: 50%; transform: translateY(-50%);}
.dataSlide li p { float: left; font-size: 16px; color: #050b21;}
.dataSlide li span { float: right; font-size: 16px; color: #050b21;}
.chartsInfor { height: 150px;}
.evaluateDate { overflow: hidden;}
.evalueNum {line-height: 56px;  margin-right: 24px; float: left; font-size: 56px; color: #ff9908; font-weight: bold;}
.evaluaInfor { float: left;}
.evaluaInfor span { font-size: 14px; color: #676970;}
.evaluateDate a.subTalk { float: right; display: block; width: 120px; line-height: 40px; color: #ffffff; background: #1768dc; font-size: 18px; text-align: center;}
.evaluaList li { padding: 25px 0; overflow: hidden;}
.evaluaImg { float: left; width: 69px; height: 69px; border-radius: 50%; overflow: hidden;}
.evaluaImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.evaInfor { float: right; width: calc(100% - 94px);}
.evaInfor h2 { line-height: 28px; font-size: 16px; color: #050b21;}
.evaInfor h2 i { font-style: normal;}
.evaInfor h2 img { width: 15px;}
.evaInfor p { font-size: 14px; line-height: 1.5; margin: 10px 0;}
.talkTag { overflow: hidden;}
.talkTag span { float: left; font-size: 14px; color: #676970;}
.talkTag i { cursor: pointer; float: right; font-size: 14px; color: #676970; background: url(../images/zan.png) left 1px no-repeat; padding-left: 34px; font-style: normal;}
.talkTag i.cur { background: url(../images/zanOn.png) left 1px no-repeat;}
.altBox { display: none; z-index: 10; width: 920px; background: #f1f1f1; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 45px 30px 30px;}
.altBox h2 { margin-bottom: 20px; font-size: 24px; color: #050b21;}
.star {overflow: hidden;}
.star span { float: left; background: url(../images/starNo.png) center no-repeat; width: 30px; height: 27px;}
.star span.current { background: url(../images/starOn.png) center no-repeat;}
.starTalk h3 { font-size: 20px; color: #050b21; line-height: 55px;}
.starTalk h3 i,.talkInfor h3 i { color: #ff0a0a; font-style: normal;}
.talkInfor h3 {font-size: 20px; color: #050b21; line-height: 55px; overflow: hidden;}
.talkInfor h3 span { float: right; font-size: 12px; color: #ff0a0a;}
.talkInfor textarea {resize: none; height: 300px; border: 1px solid #c6c8cc; background: none; width: 100%; box-sizing: border-box; padding: 10px;
font-size: 16px; line-height: 2; font-family: '微软雅黑'; outline: none;}
.closeAlt,.closeLogin { background: url(../images/close.png) center no-repeat; width: 24px; height: 24px; cursor: pointer; position: absolute; top: 26px; right: 26px;}
.altControl { padding: 10px 0 0; overflow: hidden;}
.altControl a { font-size: 16px; line-height: 38px; width: 84px; border: 1px solid #1768dc; float: right; text-align: center; margin-left: 13px;}
.altControl a:nth-child(1) { color:#1768dc ;}
.altControl a:nth-child(2) { color:#ffffff; background: #1768dc;}
.fpage { padding: 60px 0 20px; text-align: center;}
.fpage a { display: inline-block; transition: all .5s; padding: 0 15px; line-height: 38px; margin: 0 10px; border: 1px solid #676970;
	font-size: 14px; color: #676970;}
.fpage a:hover,.fpage a.cur { color: #ffffff; background: #1768dc;}
@media screen and (max-width: 1440px) {
	.headerCont,.articleCont,.articleAbout,.footerCont,.homePage,.articleAboutNews{ width: 1200px;}
	.tagList li img { width: 100%;}
	.tagPos p { font-size: 30px;}
	.exImg { height: 124px;}
	.storyLeft { width: 550px;}
	.exList li { width: 224px;}
	.expTxt h2 { font-size: 26px; margin-bottom: 20px;}
	.expBar p { font-size: 16px;}
	.choseHd span { font-size: 20px;}
	.expTxt a.starEx { font-size: 18px; width: 180px; margin-top: 30px;}
	.expTxt a.favEx { font-size: 18px; width: 180px; margin-top: 30px;}
	.dataSlide li p { font-size: 18px;}
	.storyRight { width: calc(100% - 588px);}
}

.stuhomePage { width: 1200px; padding: 14px 0; margin: 0 auto; overflow: hidden}

@media screen and (max-width: 1440px) {
	.stuhomePage { width: 1200px;}
}
.stuinsideBanner { border-radius: 8px; overflow: hidden; margin: 20px auto; background: url(../images/stubg1.png) center no-repeat;  }
.stuavatar{width: 50px;float: left; margin: auto; padding-top: 20px; margin-left: 30px;}
	.stuinsideBanner img { display: block; width: 75px; border-radius: 100%; height: 75px;}
.stuinfo{width: 750px;float: left;}
	.stuinfo h2{line-height: 28px; font-size: 14px; color: #ffffff; margin-left: 60px; margin-top: 30px;}
	.stuinfo p{line-height: 28px; font-size: 13px; color: #CCCCCC; margin-left: 60px; margin-top: 20px;}

.stusys{width: 250px;float: right;}
	.stusys h2{line-height: 28px; font-size: 14px; color: #ffffff; margin-right: 70px; margin-top: 40px;}
.stusys a{color: #ffffff;}
.stuTab{ font-size: 26px; position:relative;}
.stuTab li{ height: 40px; line-height: 40px; font-weight: bolder; font-size: 38px; width: 100px;}
.stuTabThis{color: #0064AA;}
.stuTabli{ font-size: 38px;}

.stuTabData .stdTitle{ font-size: 20px; margin-left: 10px; margin-top: 20px; font-weight: bolder;
	height: 30px; text-align: center;
	border-bottom: 2px solid #1768DC; width: 90px; }




.layui-tab-brief>.layui-tab-title .layui-this{color: #005CA7;}
.layui-tab-brief>.layui-tab-title .layui-this:after {
	border: none;
	border-radius: 0;
	/*border-bottom: 2px solid #005CA7;*/
}


.stutagList { margin-top: 15px;}
.stutagList ul {overflow: hidden; }
.stutagList li { position: relative; float: left; width: 19%; margin-right: 1%;}
.stutagPos { top: 20px; position: absolute; left: 28px; }
.stutagList li:nth-child(5n) { margin-right: 0;}
.stutagPos p { font-style: normal; font-size: 20px; line-height: 30px; color: #cccccc;}
.stutagPos p i { line-height: 1.5; font-size: 20px; color: #84878e;}
.stutagPos span { font-size: 14px; color: #84878e; }

.stuTabLab{ margin-top: 30px; }
.stuTabLab .stdTitleBox{height: 50px;}


.stuTabLab .stdTitle{ font-size: 20px; margin-left: 10px; margin-top: 20px; font-weight: bolder;
	height: 30px; text-align: center;
	border-bottom: 2px solid #1768DC; width: 90px; }

.stuTabLab .stdTitleBoxBtn{ float: left; height: 50px; line-height: 50px; margin-left: 30px; text-align: center; margin-top: 10px;}
.stuTabLab .stuExtList{ width: 100%; margin-top: 20px;}
.stuExtList ul {overflow: hidden;}
.stuExtList li { margin-bottom: 20px; float: left; width: 280px; margin-right: 23px;}
.stuExtList li:nth-child(4n) { margin-right: 0;}

.layui-btn-radius-sm{border-radius:5px;}
.stuExNum { line-height: 10px; border-bottom: 1px solid #cccccc;}
.stuExInt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	border-radius: 8px; height: 60px; padding-top: 20px; line-height: 22px; font-size: 12px; color: #84878e;}
.stuLabMore{ height: 80px; line-height: 80px; text-align: center; margin: auto;}
.layui-border-blankblue{border-width:2px;border-style:solid;border-color:#216EDD!important;color:#216EDD!important; font-weight: bolder;}



.stuTabFav{ margin-top: 30px; }
.stuTabFav .stdTitleBox{height: 50px;}
.stuTabFav .stdTitle{ font-size: 20px; margin-left: 10px; margin-top: 20px; font-weight: bolder;
	height: 30px; text-align: center;
	border-bottom: 2px solid #1768DC; width: 90px; }
.stuTabFav .stdTitleBoxBtn{ float: left; height: 50px; line-height: 50px; margin-left: 30px; text-align: center; margin-top: 10px;}
.stuTabFav .stuExtList{ width: 100%; margin-top: 20px;}


.articleAboutNews { padding: 25px 0; width: 1200px; margin: 0 auto; overflow: hidden;}
.articleIntNews { float: left; padding: 16px 24px; background: #ffffff; border-radius: 10px; width: 280px;  min-height: 890px;}
.rightAsideNews { float: right; width: calc(100% - 300px);}

.loginControlNews { width: 200px; height: 38px; border-radius: 38px;  color: #ffffff; font-size: 17px; padding-left: 30px;
	line-height: 38px; margin: 0 auto;}
.loginControlNews a { font-size: 17px;}
.bgBlue a { color: #ffffff; }
.bgHui a{color: #000000;}
.bgBlue{background: #1768dc; color: #ffffff;}
.bgHui{background: #F1F1F1; color: #000000; }
.newslisticon{margin-top: -3px; margin-right: 30px;}

.rankNews{}
.rankNews dt { padding-right: 40px; margin-bottom: 24px; overflow: hidden; background-color: #ffffff; height: 160px;}
.rankNews dt i { line-height: 35px; font-style: normal; font-weight: bold; float: left; width: 37px; text-align: center; display: block; font-size: 18px; font-weight: bold;}
.rankNews dt .rankImg { float: left; width: 225px; height: 125px; border-radius: 3px; overflow: hidden; margin-top: 18px;margin-left: 20px;}
.rankNews dt .rankImg img { display: block; width: 100%; height: 100%; object-fit: cover;}

.rankNews dt:last-child { margin-bottom: 0;}
.rankTxtNews { float: right; width: calc(100% - 260px);   margin-top:15px; height: 140px;}
.rankTxtNews h2 { font-size: 12px; color: #050b21; line-height: 22px; height: 30px; font-size: 16px; font-weight: bolder;}
.rankTxtNews p { font-size: 14px; line-height: 24px; color: #212121;}
.rankTxtNews .timetextNews {color:#84878E; text-align: right;  }

.newsDetail { padding: 16px 24px; background: #ffffff; border-radius: 10px;   min-height: 890px; width: 1200px;}
.newsDetail h1{ text-align: center; height: 60px; line-height:60px; font-size: 18px; font-weight: bolder;}
.newsDetail h3{ text-align: center; height: 80px; line-height:40px; font-size: 14px; color:#84878E; }
.newsDetail p{ font-size: 14px; }


.rightAsideUser { float: right; width: calc(100% - 300px); height: 890px; background-color: #ffffff;}
.userbase{ font-size: 18px; line-height: 60px; width: 120px; margin-left: 30px;	border-bottom: 3px #1768dc solid;font-weight: bolder; text-align: center;}
.userbase span{	content: '';	bottom: 0;	left: 0;	width: 80px;	height: 50px; font-weight: bolder;}
.userbasefrom{ margin: auto; border-top:1px solid #F5F5F5; margin-top: 30px; width: 94%; padding-top: 30px;}
.userrow{ height: 50px; border-bottom: 1px solid #F5F5F5; }
.userlabel{ font-weight: bolder;font-size:16px; }
.uservalue{ height: 40px; line-height: 40px; margin-left: 150px; font-size: 16px; color: #888B92; }
.avatar{ height: 100px; line-height: 100px; margin: auto; text-align: center;}
.avatar img{  margin: auto; border-radius:50%; }
.avatar p{  margin: auto; }
.avataredit{ height: 20px;line-height: 20px; color: #cccccc;}
.passbz{ color: #cccccc; font-size: 14px; margin-left: 110px; line-height: 30px; border-bottom: 20px;}
.passwidth{ width: 350px;}
.passline{ height: 60px; }
.passsubmitline{ margin-top: 20px; margin-left: 130px;}
.passsubmitbtn{ width: 94px; height: 35px; border-radius: 5px; background-color: #1768DC; line-height: 35px;}


.teahomePage { width: 1200px; padding: 14px 0; margin: 0 auto; overflow: hidden}
@media screen and (max-width: 1440px) {
	.teahomePage { width: 1200px;}
}

.teainsideBanner { border-radius: 8px; overflow: hidden; margin: 20px auto; background: url(../images/stubg1.png) center no-repeat;  }
.teaavatar{width: 50px;float: left; margin: auto; padding-top: 20px; margin-left: 30px;}
.teainsideBanner img { display: block; width: 75px; border-radius: 100%; height: 75px;}
.teainfo{width: 750px;float: left;}
.teainfo h2{line-height: 28px; font-size: 14px; color: #ffffff; margin-left: 60px; margin-top: 30px;}
.teainfo p{line-height: 28px; font-size: 13px; color: #CCCCCC; margin-left: 60px; margin-top: 20px;}
.teasys{width: 250px;float: right;}
.teasys h2{line-height: 28px; font-size: 14px; color: #ffffff; margin-right: 70px; margin-top: 40px;}
.teasys a{color: #ffffff;}
.teaTab{ font-size: 26px; position:relative;}
.teaTab li{ height: 40px; line-height: 40px; font-weight: bolder; font-size: 38px; width: 100px;}
.teaTabThis{color: #0064AA;}
.teaTabli{ font-size: 38px;}
.teaTabData .stdTitle{ font-size: 20px; margin-left: 10px; margin-top: 20px; font-weight: bolder;
	height: 30px; text-align: center;
	border-bottom: 2px solid #1768DC; width: 90px; }




.teatagList { margin-top: 15px;}
.teatagList ul {overflow: hidden; }
.teatagList li { position: relative; float: left; width: 19%; margin-right: 1%;}
.teatagPos { top: 20px; position: absolute; left: 28px; }
.teatagList li:nth-child(5n) { margin-right: 0;}
.teatagPos p { font-style: normal; font-size: 20px; line-height: 30px; color: #cccccc;}
.teatagPos p i { line-height: 1.5; font-size: 20px; color: #84878e;}
.teatagPos span { font-size: 14px; color: #84878e; }



.myLab{ height: 60px; }
.myLab .stdTitleBox{height: 50px;}
.myLab .stdTitleBoxBtn_row{ float: left; margin-left: 50px;  line-height: 60px;}
.myLab .stdTitle{ font-size: 20px; margin-left: 10px; margin-top: 20px; font-weight: bolder;height: 30px; text-align: center;
	border-bottom: 2px solid #1768DC; width: 90px; float: left; }


.teaTabLab .stdTitleBoxBtn{ float: left; height: 50px; line-height: 50px; margin-left: 30px; text-align: center; margin-top: 10px;}
.teaTabLab .teaExtList{ width: 100%; margin-top: 20px;}
.teaExtList ul {overflow: hidden;}
.teaExtList li { margin-bottom: 10px; float: left; width: 350px; margin-right: 20px;}
.teaExtList li:nth-child(5n) { margin-right: 0;}
.layui-btn-radius-sm{border-radius:5px;}
.teaExNum { line-height: 10px; border-bottom: 1px solid #cccccc;}
.teaExInt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	border-radius: 8px; height: 60px; padding-top: 20px; line-height: 22px; font-size: 12px; color: #84878e;}
.teaLabMore{ height: 80px; line-height: 80px; text-align: center; margin: auto;}
.layui-border-blankblue{border-width:2px;border-style:solid;border-color:#216EDD!important;color:#216EDD!important; font-weight: bolder;}

.teaTabFav{ margin-top: 0px; }
.teaTabFav .stdTitleBox{height: 50px;}
.teaTabFav .stdTitle{ font-size: 20px; margin-left: 10px; margin-top: 20px; font-weight: bolder;height: 30px; text-align: center;
	border-bottom: 2px solid #1768DC; width: 90px; float: left; }
.teaTabFav .stdTitleBoxBtn{ float: left; height: 50px; line-height: 50px; margin-left: 30px; text-align: center; margin-top: 10px;}
.teaTabFav .teaExtList{ width: 100%; margin-top: 20px; min-height: 600px;}

.form-group{ background-color: #ffffff; height: auto; width: 100%; padding-top: 5px;}
.form-group .control-label{ font-size: 16px; font-weight: bolder; height:30px; line-height: 30px; }
.form-group .control-input{ font-size: 14px; font-weight: bolder;  height: 40px; line-height: 30px; margin: auto; margin-top: 5px;}
.harea{ height:180px;}

.help-block{margin-top: 1px;}

.form-group-top5{padding-top: 5px;}

.all-subject {
	padding: 20px;
	line-height: 1.4em;
}
.sort-item, .subject-box {
	line-height: 2.1em;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 6px 38px rgba(0, 0, 0, .04);
	-webkit-box-shadow: 0 6px 38px rgba(0, 0, 0, .04);
	-moz-box-shadow: 0 6px 38px rgba(0, 0, 0, .04);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	position: relative;
}
.st-current {
	outline: rgb(108, 99, 255) solid 1px !important;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.all-subject > div.subject-left {
	width: 350px;
	float: left;
}

.sort-item > div {
	width: 1070px;
	float: left;
	overflow: hidden;
}
.all-subject .sub-title {
	line-height: 2.1em;
	font-size: 17px;
	color: #4c4c4c;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 8px;
	padding-bottom: 2px;
}

.all-subject > div.subject-right {
	width: 100%;
	float: right;
}
.all-subject ul.col-3 li {
	/*width: 33.33%;*/
}

.all-subject > div li {
	margin: 0;
	font-size: 13px;
}
.sort-item > div li {
	display: inline-block;
	color: #999;
	margin-right: 20px;
	cursor: pointer;
	position: relative;
}
.subject-right-float {
	width: 270px;
	margin-right: 20px;
	float: left;
}










/*.layui-tab .layui-tab-title li {*/
/*	position: relative;*/
/*	line-height: 40px;*/
/*	min-width: 65px;*/
/*	margin: 0;*/
/*	padding: 0 15px;*/
/*	text-align: center;*/
/*	cursor: pointer;*/
/*}*/


#video {
	width: 610px;
	height: 340px;
	margin: 0 auto;
	position: relative;
}

#video video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}

.userImg img{
	border-radius: 50%;
}