/*通用页面重置*/
*{ margin:0; padding:0;}
body,h1,h2,h3,h4,p{margin:0; overflow-x:hidden; }
ul,dl,dt,dd{margin:0;padding:0;list-style:none;}
body{font-size:14px; font-family: "微软雅黑"; background-color: #fff; min-width: 1200px; margin-top: 140px;}
img{border:0;margin:0;}
a{text-decoration:none; color: #333;}
a:hover{ color: #F3A234;}
form,input,textarea{font-family: "微软雅黑"; padding:0; margin:0;}

/* 头部 */
header{ position: fixed; left: 0; top: 0; right: 0; background-color: #fff; z-index: 9999; box-shadow: 1px 2px 3px 0 rgba(0,0,0,.1); }
header>.top{ background-color: #F3A234; overflow: hidden; }
header>.top>div{ width: 1200px; height: 40px; line-height: 40px; color: #fff; margin: 0 auto; overflow: hidden;}
header>.top>div>h1{ float: left; width: 50%; font-size:14px;}
header>.top>div>span{ float: right; width: 50%; display: block; text-align: right;}
.header{ margin: 0 auto; width: 1200px; padding: 25px 0;}
.header>.mnavicon{ display: none;}
.header>.left{ width: 340px; float: left; position: relative; display: block; padding-left: 110px; }
.header>.left>.logo{ width: 100px; height: 100px; background-color: #F3A234; border-radius: 0 0 100% 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: -25px; left: 0; }
.header>.left>.webname{ color: #F3A234; height: 50px;}
.header>.left>.webname>h3{ font-size: 22px; font-weight: normal; letter-spacing: 0.5px;}
.header>.left>.webname>span{ font-size: 12px; text-transform: capitalize; letter-spacing: -1.0px;}
.header>.nav{ width: 740px; float: right;}
.header>.nav>.close{ display: none;}
.header>.nav>ul{ height: 50px; line-height: 50px; float: right;}
.header>.nav>ul>li{ float: left; position: relative;}
.header>.nav>ul>li>a{ display: block; padding: 0 12px; text-align: center; position: relative; height: 48px; font-size: 16px; border-bottom: 2px solid #fff;}
.header>.nav>ul>li>a>i{ display: none;}
.header>.nav>ul>.on>a{ border-color: #F3A234; color: #F3A234;}
.header>.nav>ul>li>div{ position: absolute; left: 0; top: 70px; background-color: #fff; text-align: center; box-shadow: 1px 2px 3px 0 rgba(0,0,0,.1); display: none; line-height: 20px;}
.header>.nav>ul>li>div>a{ display: inline-block; height: 40px; line-height: 40px; padding: 0 8px; white-space: nowrap;overflow: hidden;}
.header>.nav>ul>li>div>a:hover{ background-color: #F3A234; color: #fff;}
.header>.nav>ul>li>div>a.on{ background-color: #F3A234; color: #fff; }
.getnavname{ display: none;}

/* 幻灯 */
.ppt{ height: 500px; overflow: hidden; position: relative; background-color: #322b3b; }
.ppt>ul{ width: 11520px; overflow: hidden; position: absolute; left: 0; top: 0; font-size: 0;}
.ppt>ul>li{ overflow: hidden; float: left; }
.ppt>ul>li>a{ display: block; height: 500px; width: 1920px; position: relative; overflow: hidden;  }
.ppt>ul>li>a>img{ width: 1920px; height: 100%; display: block; position: absolute; left: 50%; top: 50%; margin: -250px 0 0 -960px;}
.ppt>.page{ position: absolute; left: 0; right: 0; bottom: 10px; overflow: hidden; text-align: center;}
.ppt>.page>i{ display: inline-block; width: 40px; height: 4px; background-color: #fff; margin: 0 5px; opacity: 0.9; box-shadow: 1px 2px 3px 0 rgba(0,0,0,.3);}
.ppt>.page>.on{ background-color: #F3A234;}
.ppt>.arrowleft{ width: 80px; height: 200px; position: absolute; left: 0; top: 50%; margin-top: -100px; background: url(../images/sys/arrow-left.png) no-repeat center; background-size: 50px; cursor: pointer; opacity: 0.5; }
.ppt>.arrowleft:hover{ opacity: 1;}
.ppt>.arrowright{ width: 80px; height: 200px; position: absolute; right: 0; top: 50%; margin-top: -100px; background: url(../images/sys/arrow-right.png) no-repeat center; background-size: 50px; cursor: pointer; opacity: 0.5; }
.ppt>.arrowright:hover{ opacity: 1;}

/* 新闻中心 */
.indexnews{ overflow: hidden;}
.indexnews>dl{ width: 1200px; margin: 0 auto; }
.indexnews>dl>dt{margin-bottom: 50px; text-align: center; position: relative; overflow: hidden; font-size: 0;}
.indexnews>dl>dt>i{ display: block; width: 100%; height: 1px; background-color: #ccc; position: absolute; left: 0; bottom: 0; right: 0; z-index: -1;}
.indexnews>dl>dt>h3{ display: inline-block; padding:0 10px 17px 10px; border-bottom: 3px solid transparent; margin: 0 10px; font-size: 16px; font-weight: normal; cursor: pointer;}
.indexnews>dl>dt>.on{ color: #F3A234; border-color: #F3A234;}
.indexnewsbox{display:none}
.indexnewsbox.on{ display: block;}

.sz{display:none}
.sz.on{ display: block;}

.indexnewsbox>.left{ margin-left: 15px;width: 280px; height: 390px; float: left; box-shadow: 1px 2px 5px 0 rgba(0,0,0,.3); display: block; }
.indexnewsbox>.left>.img{ height: 280px; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.indexnewsbox>.left>.img>img{ position: absolute;  height: 100%; }
.indexnewsbox>.left>.img>div{ position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background: url('../images/sys/indexnewscover.png') no-repeat; padding: 0 20px; color: #fff;}
.indexnewsbox>.left>.img>div>p{ font-size: 30px;}
.indexnewsbox>.left>.img>div>span{ font-size: 18px;}

.indexnewsbox1>.left{ margin-left: 15px;width: 310px; height: 280px; float: left; box-shadow: 1px 2px 5px 0 rgba(0,0,0,.3); display: block; }
.indexnewsbox1>.left>.img{ height: 280px; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.indexnewsbox1>.left>.img>img{ position: absolute;  height: 100%; }
.indexnewsbox1>.left>.img>div{ position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background: url('../images/sys/indexnewscover.png') no-repeat; padding: 0 20px; color: #fff;}
.indexnewsbox1>.left>.img>div>p{ font-size: 30px;}
.indexnewsbox1>.left>.img>div>span{ font-size: 18px;}


.indexnewsbox>.left>.txt{ padding: 0 20px; overflow: hidden;}
.indexnewsbox>.left>.txt>h3{ font-size: 16px; height: 60px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; color: #000;}
.indexnewsbox>.left>.txt>span{ line-height: 24px; color: #999; height: 44px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.indexnewsbox>.left:hover{ background-color: #F3A234;}
.indexnewsbox>.left:hover>.txt>h3{ color: #fff;}
.indexnewsbox>.left:hover>.txt>span{ color: #fff;}



.indexnewsbox>.right{ width: 870px; float: right; overflow: hidden;}
.indexnewsli{ width: 400px; float: left; overflow: hidden; }
.indexnewsli:nth-child(even){ float: right;}
.indexnewsli:nth-child(1){ margin-top: -1px;}
.indexnewsli:nth-child(2){ margin-top: -1px;}
.indexnewsli:hover{ background-color: #f3f3f3;}
.indexnewsli>a{ display: block; overflow: hidden; height: 110px; padding: 15px 0; border-top: 1px solid #eee; }
.indexnewsli>a>.day{ width: 79px; height: 70px; float: left; border-right: 1px dashed #eee; padding: 20px 15px; margin-right: 20px; color: #999; position: relative; }
.indexnewsli>a>.day>.redbg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #F3A234; display: none; }
.indexnewsli>a>.day>p{ font-size: 30px; letter-spacing: -1px;  position: absolute; left: 15px; top: 20px;}
.indexnewsli>a>.day>span{ font-size: 18px; margin-bottom: 10px; display: block; position: absolute; left: 15px; top: 60px;}
.indexnewsli>a>.day>i{ display: block; width: 40px; height: 4px; border-radius: 4px; background-color: #999; position: absolute; left: 15px; top: 94px;}
.indexnewsli>a:hover>.day{ color: #fff; border-color: transparent; }
.indexnewsli>a:hover>.day>i{ background-color: #F3A234;}
.indexnewsli>a>.txt>h3{ height: 60px; line-height: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: normal; color: #000; }
.indexnewsli>a>.txt>span{ height: 44px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #999;}
.indexnewsli>a:hover>.txt>h3{ color: #F3A234;}

#indexnew>.indexnewsli{width:49%}
#rmtj>.indexnewsli{width:100%}
#rmtj1{width:100%}
#vr{
	height:auto;
	margin-top:20px;
	
	
}
.xxhj{
	width:1200px;
	
	
}
#xxhj{
	
	
	height:650px;
}


/* 我们的优势 */
.indexgoodat{ overflow: hidden; background: url('../images/sys/indexgoodatbg.png') no-repeat center bottom; background-size: contain;}
.indexgoodbox{ width: 1200px; margin: 0 auto;}
.indexgoodbox>ul{ width: 1200px;}


.indexgoodbox>ul>li{ width: 100%; height: 320px; float: left; background-color: #fff; margin-bottom: 10px; box-shadow: 1px 2px 5px 0 rgba(0,0,0,.2);}
.indexgoodbox>ul>.no1>.left{ float:left;width:20%;padding:20px;}
.indexgoodbox>ul>.no1>.left>h3{ margin-bottom:10px;text-align:center;}
.n1img{ width:240px;height:250px;}
.n2img{ width:240px;height:250px;}



.indexgoodbox>ul>.no1>.right{ float:right;width:73%;padding:20px;font-size:16px; line-height: 26px;text-indent:30px;background-color: #F3A234; border-color: #322b3b; color: #322b3b; height:82%}
.indexgoodbox>ul>.no2>.left{ float:right;width:20%;padding:20px;}
.indexgoodbox>ul>.no2>.left>h3{ margin-bottom:10px;text-align:center;}
.indexgoodbox>ul>.no2>.right{ float:left;width:73%;padding:20px;font-size:16px; line-height: 26px;text-indent:30px;background-color: #322b3b; border-color: #322b3b; color: #fff;height:82%}




/* 同分数对比 */
.indexnumpk{ overflow: hidden;}
.indexnumbox{ width: 1000px; margin: 0 auto; overflow: hidden; }
.indexnumbox>.left{ width: 450px; float: left;}
.indexnumbox>.left>dt{ height: 80px; line-height: 80px; background: url('../images/sys/indexnumleftbg.png') no-repeat left center #F3A234; color: #fff; font-size: 20px; text-align: center; }
.indexnumbox>.left>dd{ height: 78px; border: 1px solid #eceaea; background-color: #fef6f6; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 20px; padding: 10px 20px; text-align: center; position: relative; cursor: pointer; }
.indexnumbox>.left>dd>i{ display: block; width: 12px; height: 20px; position: absolute; background: url('../images/sys/indexpklefti.png') no-repeat center; right: -12px; top: 70px;}
.indexnumbox>.left>dd.on{ background-color: #F3A234; border-color: #F3A234; color: #fff;}
.indexnumbox>.left>dd.on>i{ background-image: url('../images/sys/indexpklefti2.png');}
.indexnumbox>.right{ width: 450px; float: right;}
.indexnumbox>.right>dt{ height: 80px; line-height: 80px; background: url('../images/sys/indexnumrightbg.png') no-repeat left center #eceaea; font-size: 20px; text-align: center; }
.indexnumbox>.right>dd{ height: 78px; border: 1px solid #eceaea; background-color: #fcfcfc; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 20px; padding: 10px 20px; text-align: center; position: relative; cursor: pointer;}
.indexnumbox>.right>dd>i{ display: block; width: 12px; height: 20px; position: absolute; background: url('../images/sys/indexpkrighti.png') no-repeat center; left: -12px; top: 10px;}
.indexnumbox>.right>dd.on{ background-color: #322b3b; border-color: #322b3b; color: #fff;}
.indexnumbox>.right>dd.on>i{ background-image: url('../images/sys/indexpkrighti2.png');}
.indexnumbox>.middle{ text-align: center; background: url('../images/sys/indexnumpkbg.png') center top; height: 100%; padding-top: 80px; }
.indexnumbox>.middle>li{ height: 40px; line-height: 40px; display: block; background-color: #fff; margin-top: 80px; cursor: pointer; font-size: 20px;}
.indexnumbox>.middle>li.on{ color: #F3A234;}

/* 开设专业 */
.indexmyclass{ overflow: hidden;}
.indexclassbox{ width: 1200px; overflow: hidden; margin: 0 auto;}
.indexclassbox>li{ width: 200px; float: left; overflow: hidden;}
.indexclassbox>li>a{ display: block; position: relative; background-color: #322b3b; }
.indexclassbox>li>a>i{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #F3A234; display: none; }
.indexclassbox>li>a>.up{ height: 90px; text-align: center; position: relative; background: url('../images/sys/indexclassicon1.png') no-repeat center top; padding-top: 160px; color: #fff; font-size: 20px; background-image: url('../images/sys/indexclassicon1.png');  }
.indexclassbox>li>a>.down{ height: 250px; display: flex; justify-content:center; align-items:center; position: relative; overflow: hidden;  }
.indexclassbox>li>a>.down>img{ display: block; width: 100%; height: 100%; position: absolute;}
.indexclassbox>li>a>.down>i{ display: block; width: 0; height: 0; border: 10px solid transparent; left: 50%; position: absolute; margin-left: -10px;}
.indexclassbox>li:nth-child(odd)>a>.down>i{ border-top-color:#322b3b; top: 0;}
.indexclassbox>li:nth-child(even)>a>.down>i{ border-bottom-color:#322b3b; bottom: 0;}
.indexclassbox>li:nth-child(odd)>a>.down>i.on{ border-top-color: #F3A234;}
.indexclassbox>li:nth-child(even)>a>.down>i.on{ border-bottom-color:#F3A234;}

/* 师资力量 */
.indexmyteacher{ overflow: hidden;}
.indexteacherpart{ width: 1200px; margin: 0 auto; height: 400px; overflow: hidden; }
.indexteacherpart>.arrowleft{ width: 40px; height: 120px; background: url('../images/sys/arrow-left.png') no-repeat center #322b3b;  background-size: 40px; cursor: pointer; float: left; margin-top: 140px;}
.indexteacherpart>.arrowleft:hover{ background-color: #F3A234;}
.indexteacherpart>.arrowright{ width: 40px; height: 120px; background: url('../images/sys/arrow-right.png') no-repeat center #322b3b;  background-size: 40px; cursor: pointer; float: right; margin-top: 140px;}
.indexteacherpart>.arrowright:hover{ background-color: #F3A234;}
.indexteacherbox{ width: 1120px; margin: 0 auto; height: 100%; overflow: hidden; position: relative;}
.indexteacherbox>ul{ width: 1688px; height: 100%; position: absolute; left: 0; top: 0; margin-left: -1px; }
.indexteacherli{ width: 210px; height: 100%; float: left; border-left: 1px dashed #ccc;  padding: 0 35px; position: relative;}
.indexteacherli:last-child{ border: none;}
.indexteacherli>.img{ width: 124px; height: 124px; border-radius: 50%; overflow: hidden; margin: 10px auto 20px; background-image: linear-gradient(120deg, #F3A234, #855bfd); display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative;}
.indexteacherli>.img>img{ width: 110px; height: 110px; border: 1px solid #fff; overflow: hidden; display: block; border-radius: 50%; position: absolute; }
.indexteacherli>.name{ margin-bottom: 20px; }
.indexteacherli>.name>h3{ font-size: 18px; text-align: center;}
.indexteacherli>.name>span{ font-size: 12px; color: #999; display: block; text-align: center;}
.indexteacherli>.txt{ line-height: 24px;}
.indexteacherli>.txt>p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.indexteacherli>a{ display: block; position: absolute; width: 100px; height: 30px; line-height: 30px; text-align: center; background-color: #eee; bottom: 0; left: 50%; margin-left: -50px; }
.indexteacherli>a:hover{ background-color: #F3A234; color: #fff;}



/* banner */
.banner{ height: 300px; background-color: #333; display: flex; align-items: center; justify-content: center; }
.banner>img{ height:300px; width:100%;}

/* 主体 */
.main{ width: 1200px; margin: 0 auto; overflow: hidden;}
.mainside{ width: 870px; float: right; }
.words{ overflow: hidden; font-size:16px; line-height:30px; text-indent:30px; padding-right: 30px; color:#333;}
.words h2{text-indent: initial; font-size: 18px; border-radius: 3px; color: #F3A234; padding: 1%; border-left: 3px #F3A234 solid; background-color: #F6F6F6; margin: 5px 0;}
.words h3{font-size: 15px; text-align: center; color: #1C4786; font-weight: normal; margin: 0.3% 0;}
.words .map{ width: 600px; height: 400px; float: left; margin-right: 60px;}
.words img{ margin: 0 auto 10px; display: block; max-width:870px; }
.words font{ color: #999; text-align: center; margin-bottom: 30px; display: block;}
.words p{ margin-bottom: 5px; line-height: 30px;}
.words p:last-child{ margin-bottom: 0;}
.words .bigfont{ font-size: 22px; color: #F3A234;overflow: hidden;}
.yhpl{text-indent: initial; font-size: 16px; border-radius: 3px; color: #F3A234; padding: 1%; background-color: #F6F6F6; margin: 5px 0;}
.list{ overflow: hidden;}
.list>ul{ overflow: hidden; width: 885px;}
.list>ul>li{ overflow: hidden; float: left; margin: 0 15px 0 0; }
.list>ul>li>a{ overflow: hidden; text-align: center; display: block;}
.list>ul>li>a>img{ width: 280px; height: 200px; display: block; }
.list>ul>li>a>span{ height: 40px; line-height: 40px;}

/* 新闻列表 */
.mainside>.arclist{}
.mainside>.arclist>ul{ width: 894px; }
.mainside>.arclist>ul>li{ float: left; margin: 0 23.3px 0 0;}
.mainside>.arclist>ul>li>a{ display: block; overflow: hidden; box-shadow: 1px 2px 5px 0 rgba(0,0,0,.2);}
.mainside>.arclist>ul>li>a>img{ width: 200px; height: 140px; display: block;}
.mainside>.arclist>ul>li>a>.txt{ background-color: #fff; padding: 10px; height: 60px; width: 180px; }
.mainside>.arclist>ul>li>a>.txt>h3{ font-weight: normal; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; }
.mainside>.arclist>ul>li>a>.txt>span{ font-size: 12px; color: #999; display: block; overflow: hidden; text-overflow: ellipsis; 
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	}
.mainside>.arclist>ul>li>a>.txt>i{ display: none;}
.mainside>.arclist>ul>li:first-of-type{ width: 870px; margin-bottom: 30px; margin-right: 0;}
.mainside>.arclist>ul>li:first-of-type>a{ box-shadow: none; overflow: hidden;}
.mainside>.arclist>ul>li:first-of-type>a>img{ float: left; width: 200px; height: 140px;}
.mainside>.arclist>ul>li:first-of-type>a>.txt{ float: right; width: 646px; padding: 0;}
.mainside>.arclist>ul>li:first-of-type>a>.txt>h3{ font-size: 18px; margin-bottom: 16px;}
.mainside>.arclist>ul>li:first-of-type>a>.txt>span{ font-size: 14px; line-height: 20px; color: #322b3b; -webkit-line-clamp: 3; margin-bottom: 10px;}
.mainside>.arclist>ul>li:first-of-type>a>.txt>i{ display: block; width: 120px; height: 30px; line-height: 30px; text-align: center; background-color: #322b3b; color: #fff; font-style: normal; }

.mainside2{ width: 800px; float: left; overflow: hidden;padding:20px }
.mainside2>.arclist{ overflow: hidden;}
.mainside2>.arclist>li{ margin-bottom: 40px;}
.mainside2>.arclist>li:last-of-type{ margin-bottom: 0;}
.mainside2>.arclist>li>a{ display: block; overflow: hidden;}
.mainside2>.arclist>li>a>img{ width: 200px; height: 140px; float: left; margin-right: 30px;}
.mainside2>.arclist>li>a>.txt>h3{ font-size: 16px; margin: 5px 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mainside2>.arclist>li>a>.txt>span{ display: block; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.mainside2>.arclist>li>a>.txt>i{ display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; background-color: #322b3b; color: #fff; font-style: normal;}
.mainside2>.arclist>li>a:hover>.txt>i{ background-color: #F3A234;}

/* 教师列表 */
.teacherli{ width: 100%; overflow: hidden;}
.teacherli>ul{ width: 1228px; overflow: hidden;}
.teacherli>ul>li{ margin: 0 26.6px 0 0; overflow: hidden; float: left;}
.teacherli>ul>li>a{ display: block;}
.teacherli>ul>li>a>img{ width: 280px; height: 280px; display: block;}
.teacherli>ul>li>a>span{ height: 50px; line-height: 50px; display: block; text-align: center;}

/* 问答列表 */
.question{}
.question>li{ padding:20px 0; border-bottom: 1px dashed #ccc; margin-bottom: 20px; }
.question>li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.question>li>.ask{ padding-left: 35px; margin-bottom: 20px; background: url('../images/sys/ask.png') no-repeat left top; line-height: 24px;}
.question>li>.answer{ padding-left: 35px;  background: url('../images/sys/answer.png') no-repeat left top; padding-top: 3px;  }



/* 上下文 */
.updown{ height: 50px; line-height: 50px; border-top: 1px solid #ccc; overflow: hidden; margin-top: 40px; }
.updown>a{ width: 45%; }
.updown>.prev{ float: left;}
.updown>.next{ float: right; text-align: right;}


/* 页码 */
.page{ overflow: hidden; text-align: center; padding: 50px 0;}
.page>a{ display: inline-block; padding: 0 15px; height: 40px; line-height: 40px; background-color: #eee;}
.page>a.on{ background-color: #F3A234; color: #fff;}
.page>span{ display: inline-block; padding: 0 15px; height: 40px; line-height: 40px; background-color: #eee; color: #bbb;}


/* 左侧栏 */
.leftside{ width: 280px; overflow: hidden; float: right; background-color: #eee; }
.leftside>dt{ height: 100px; background-repeat: no-repeat; background-position: right center; background-color: #F3A234; color: #fff; overflow: hidden;}
.leftside>dt>h3{  font-size: 22px; font-weight: normal; margin: 30px 0 10px 20px;}
.leftside>dt>i{ width: 40px; height: 2px; background-color: #fff; margin: 0 0 0 20px; display: block; }
.leftside>dd{ overflow: hidden; }
.leftside>dd>a{ height: 40px; line-height: 40px; border-top: 1px solid #fff; display: block; text-align: center; font-size: 16px; }
.leftside>dd>a.on{ background-color: #F3A234; color: #fff;}

/* 右侧栏 */
.rightside{ width: 280px; float: left; overflow: hidden;}
.rightside>.topnews{ height: 180px; display: block; overflow: hidden; position: relative;}
.rightside>.topnews>span{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; overflow: hidden; color: #fff; font-size: 12px; position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(198,40,39,.9); }
.rightnews{ overflow: hidden;}
.rightnews>dt{ font-size: 18px; padding: 20px 0 10px 35px; height: 25px; line-height: 25px; background: url('../images/sys/hoticon.png') no-repeat left 20px; }
.rightnews>.likes{ background-image: url('../images/sys/likes.png');}
.rightnews>dd{ overflow: hidden; margin-bottom: 25px;}
.rightnews>dd>a{ display: block; height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rightnews>dd>a:last-of-type{ border-bottom: none;}
.rightside>.rightad{ width: 280px; height: 60px; display: block; overflow: hidden;}



/* 当前位置 */
.position{ height: 30px; line-height: 30px; font-size: 12px; color: #999; text-align: left; }
.position>a{ color: #999;}
.position>a:hover{ color: #F3A234;}

/* 友链 */
.linkbox{ overflow: hidden; background-color: #322b3b; border-bottom: 1px solid #333;}
.mylink{ width: 1200px; margin: 0 auto; overflow: hidden; color: #aaa; padding: 20px 0 10px; font-size: 12px;}
.mylink>dt{ float: left; width: 80px; overflow: hidden; color: #999;}
.mylink>dd{ float: right; width: 1100px; overflow: hidden;}
.mylink>dd>a{ display: inline-block; overflow: hidden; float: left; margin: 0 20px 10px 0; color: #aaa; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mylink>dd>a:hover{ color: #F3A234;}


/* 底部 */
footer{ overflow: hidden; background-color: #322b3b; border-bottom: 1px solid #333; }
.footer{ width: 1200px; padding: 40px 0; margin: 0 auto; color: #aaa; overflow: hidden;}
.footer>.left{ float: left; height: 90px; overflow: hidden; }
.footer>.left>a{ display: block; overflow: hidden; color: #aaa; }
.footer>.left>a>.logo{  height: 90px; float: left; margin-right: 15px;}
.footer>.left>a>h3{ font-size: 22px; margin-top: 20px;}
.footer>.left>a>span{ font-size: 12px; letter-spacing: -1.19px;}
.footer>.left>a:hover{ color: #aaa;}
.footer>.right{ width: 420px; height: 90px; float: right; font-size: 12px;}
.footer>.right>.ewm{ display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; float: left; margin-right: 10px; }
.footer>.right>.txt{ line-height: 18px; height: 210px; display: flex; /*justify-content: center;*/ flex-direction: column;}
.footer>.middle{ height: 40px; color: #aaa; width: 350px; margin: 0 auto; padding: 20px 0; line-height: 20px; }
.footer>.middle>a{ display: inline-block; color: #aaa; line-height: 20px; margin-right: 20px; }
.footer>.middle>a:hover{ color: #F3A234;}
.bottom{ background-color: #322b3b; overflow: hidden;}
.bottom>.box{ height: 50px; line-height: 50px; width: 1200px; margin: 0 auto ; color: #aaa; font-size: 12px;}
.bottom a{ color: #aaa;}
.bottom a:hover{ color: #F3A234;}
.bottom>.box>.left{ width: 70%; overflow: hidden; float: left;}
.bottom>.box>.right{ width: 30%; overflow: hidden; float: right; text-align: right;}

/* 客服 */
.servicer{ width: 55px; position: fixed; bottom: 80px; right: 0;}
.servicer>li{ width: 55px; padding-top: 55px; background-color: #fff; box-shadow: -1px 2px 3px 0 rgba(0,0,0,.3); text-align: center; background-repeat: no-repeat; background-position: center 20px; background-size: 30px; cursor: pointer; position: relative; }
.servicer>li>span{ height: 25px; color: #fff; font-size: 12px; display: block; }
.servicer>li>div{ display: none;}
.servicer>.tell{ background-image: url('../images/sys/tell.png'); background-color: #F3A234;}
.servicer>.tell>div{ position: absolute; right: 70px; padding: 20px; top: 0; background-color: #F3A234; box-shadow: 1px 1px 10px 0 rgba(0,0,0,.3);}
.servicer>.tell>div>a{ white-space: nowrap; line-height: 20px; color: #fff;}
.servicer>.tell>div>i{ display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-left-color: #F3A234; right: -10px; top: 50%; margin-top: -5px;}
.servicer>.enroll{ background-image: url('../images/sys/enroll.png'); background-color: #d73765;}
.servicer>.enroll>a{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.servicer>.wechat{ background-image: url('../images/sys/wechat.png'); background-color: #00b26f;}
.servicer>.wechat>div{ position: absolute; top: 50%; right: 70px; border: 10px solid #fff; background-color: #fff; box-shadow: 1px 1px 10px 0 rgba(0,0,0,.3); margin-top: -110px;}
.servicer>.wechat>div>i{ display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-left-color: #fff; right: -20px; top: 50%; margin-top: -5px;}
.servicer>.wechat>div>img{ width: 200px; height: 200px;}
.servicer>.back{ background-image: url('../images/sys/back.png'); background-color: #6594ca; background-size: 25px; }

/* 其它 */
.title1{ font-size: 22px; text-align: center; padding: 50px 0; }
.title1>h3{ font-weight: normal; color: #000;}
.title1>h3>a{ color: #000;}
.title1>h3>a:hover{ color: #F3A234;}
.title1>span{ font-size: 14px; color: #322b3b; display: inline-block; width: 640px; line-height: 24px; padding-top: 30px; }
.title2{font-size: 22px; text-align: center; margin-bottom: 5px; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.title2 p{font-size: 15px; color:#c3c3c3;margin-bottom: 20px;}
.title2>.tab{ overflow: hidden; text-align: center;}
.title2>.tab>a{ width: 120px; height: 40px; line-height: 40px; background-color: #322b3b; font-size: 22px; display: inline-block; color: #fff; }
.title2>.tab>a.on{ background-color: #F3A234}
.title2>h3{ color: #000; font-weight: normal; font-size: 22px; margin-bottom: 5px;}
.title2>.date{ float: right; font-size: 12px; color: #999; line-height: 30px;}
.title3{ height: 40px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.title3>h3{ font-size: 22px; font-weight: normal;}
.title3>a{ float: right; font-size: 12px; color: #999; margin-top: 10px; }
.title3>a:hover{ color: #F3A234;}
.pb_3{ padding-bottom: 30px;}
.pb_2{ padding-bottom: 30px;}
.mb_2{ margin-bottom: 30px;}
.mb_25{ margin-bottom: 50px;}
.mb_3{ margin-bottom: 80px;}
.clean:after{ content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clean{ zoom:1; clear: both;}

/* new */
.listNewsTimeLy .listNews-item-s1{padding: 2% 1%; border-bottom: 1px solid #e9e9e9; position: relative;float:left;width: -webkit-fill-available;}
.listNewsTimeLy .listNews-item-s1 i.hot{position: absolute; left: 0; top: 15px; background-color: #ec4b4b; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 16px;}
.listNewsTimeLy .listNews-item-s1 .img a{display: block; width: 180px; height: 112px; overflow: hidden;border-radius: 8px;}
.listNewsTimeLy .listNews-item-s1 .info{margin:0 0 0 0px;position: relative;height:114px}
.listNewsTimeLy .listNews-item-s1 .info .ptitle{font-size: 17px; line-height: 18px;margin-bottom: 1.2%;font-weight: bold;}
.listNewsTimeLy .listNews-item-s1 .info .desc{font-size: 13px; line-height: 22px; color: #666;height:auto;text-align: justify;}
.listNewsTimeLy .listNews-item-s1 .info .desccc{font-size: 14px;line-height: 20px;margin: 6px 0;color: #666;height: auto;width: 615px;text-align: justify;}
.listNewsTimeLy .listNews-item-s1 .info .from{position: absolute; left: 0; font-size: 12px; color: #999;bottom:0}
.listNewsTimeLy .listNews-item-s1 .info .from1{position: absolute; right: 0; font-size: 12px; color: #999;bottom:0}
.listNewsTimeLy .listNews-item-s2{width: 100%; height: 230px; padding-bottom: 15px; padding-top: 15px; overflow: hidden; border-bottom: 1px solid #e9e9e9; position: relative;}
.listNewsTimeLy .listNews-item-s2 h3{font-size: 18px; line-height: 28px; position: relative; height: 28px; overflow: hidden;}
.listNewsTimeLy .listNews-item-s2 h3 i.hot{position: absolute; left: 0; background-color: #ec4b4b; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 16px; font-weight: normal;}
.listNewsTimeLy .listNews-item-s2 .img-wrap{width: 710px; height: 150px; overflow: hidden; margin-top: 15px;}
.listNewsTimeLy .listNews-item-s2 .img-wrap a{width: 200px; height: 150px; margin-right: 35px; overflow: hidden;}
.listNewsTimeLy .listNews-item-s2 .from{position: absolute; left: 0; bottom: 20px; font-size: 12px; color: #999;}
.listNewsTimeLy .listNews-item-s2 .J-bdsharebuttonbox-wrap{bottom: 15px;}

/*相关推荐*/
.guess_like{width:100%;height:auto;float:left;color:#ddd;}
.guess_title{float:left;width:100%;color:#EC4B4B;}
.guess_title h4{    font-size: 18px;
    color: #EC4B4B;
    box-shadow: 0 0 5px #cccccc;
    margin: 0.3%;
    display: block;
    width: 98.4%;
    line-height: 36px;
    position: relative;
    font-family: Helvetica,Tahoma,"微软雅黑",sans-serif;
    border-left: 4px solid #e13c29;
    height: 36px;
    padding-left: 8px;}
.guess_title h4 img{display: inline-block;margin-right: 8px;margin-bottom: -7px;}
.guess_contain{float:left;width:100%;height:auto;overflow: hidden;*zoom:1;}
/* 相关推荐、新闻聚焦、猜你喜欢、热门推荐 - 样式优化 */
.guess_like .rel-recmmend{margin-top: 0; padding-bottom: 5px;}
.guess_like .news-focus{margin: 1% 0; }
.guess_like .guess-yl{margin-top: 10px; padding-bottom: 10px;}
.guess_like .hot-recommend{margin: 1% 0;}



#pageNav { 
font: 12px/24px Tahoma; 
height: 30px; 
margin: 15px auto 0; 
text-align: center; 
width: 500px; 
} 
#pageNav ul { 
list-style-type: none; 
overflow: hidden; 
} 
#pageNav ul li { 
background-color: #FFFFFF; 
border: 1px solid #e94606; 
color: #000308; 
display: block; 
height: 22px; 
margin: 0 2px; 
padding: 0 3px; 
float: left; 
} 
#pageNav ul li a { 
background-color: #FFFFFF; 
color: #000308; 
padding: 0 3px; 
} 
#pageNav ul li a:hover { 
color: #ce2b0b; 
} 
#pageNav ul li.hover { 
border: 0 none; 
color: #000000; 
font-weight: bold; 
} 
#pageNav ul li.hover a { 
color: #000000; 
}