.titis_1 a.on {
    border-bottom: 4px solid #333;
	padding-bottom: 17px;
	color: #fff;
}

body{
	background-color: #f7f7f7;
}

.course-content-wrap{
	width: 100%;
	height: auto;
	color: #434242;
}
.c-c-wp {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 30px;
}
.wp-top{
	margin-top: 60px;
}
.top-logo{
	width: 200px;
	height: 200px;
	margin: 0 auto;
}
.top-logo img{
	width: 100%;
}

.t-t-h2{
	width: 600px;
	margin:  0 auto;
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
}
.t-h-left{
	font-size: 42px;
	line-height: 1.2;
	font-weight: bolder;
}
.t-h-middle{
	width: 1px;
	height: 50px;
	background-color: #434242;
	opacity: .6;
}
.t-h-right{
	font-size: 18px;
	line-height: 1.4;
}
.t-h-right a{
	color: #ffc306;
}
.t-t-text{
	width: 700px;
	line-height: 1.4;
	font-size: 18px;
	margin: 20px auto;
	display: block;
}
.wap-t-t-text{
	display: none;
}
.wp-article-section{
	width: 900px;
	height: auto;
	margin: 0 auto;
}
.a-s-title{
	border: 3px solid #FFC306;
	padding: 20px 30px;
	border-radius: 10px;
	margin: 60px 0 10px 0;
	position: relative;
}
.a-s-title::before{
	font-size: 72px;
	position: absolute;
	top: -50px;left: -20px;
	font-style: italic;
	line-height: 1.4;
	background-color: #f7f7f7;
}
.wp-article-section1 .a-s-title::before{
	content: '1';
}
.s-t-h3{
	font-size: 40px;
	line-height: 1.4;
	font-weight: bolder;
}
.s-t-p{
	font-size: 18px;
	line-height: 1.4;
	color: #676666;
}

.wp-article-section .a-s-menu{
	display: block;
	font-size: 18px;
	padding: 10px 20px 5px 0;
	box-sizing: border-box;
	color: #434242;
}
.wp-article-section .a-s-menu:hover{
	opacity: .8;
}
.a-s-menu span{
	display: block;
}
.s-m-title{
	position: relative;
	font-size: 24px;
	font-weight: 600;
	padding-left: 14px;
	margin: 7px 0;
	position: relative;
}
.s-m-title::before{
	content: '';
	width: 6px;
	height: 24px;
	background-color: #FFC306;
	position: absolute;
	top: 2px;left: 0;
}
.s-m-p{
	padding-left: 20px;
	line-height: 1.4;
	color: #676666;
}
/* 2 */
.wp-article-section2 .a-s-title::before{
	content: '2';
}
.wp-article-section3 .a-s-title::before{
	content: '3';
}
.wp-article-section4 .a-s-title::before{
	content: '4';
}
.wp-article-section5 .a-s-title::before{
	content: '5';
}
.wp-article-section6 .a-s-title::before{
	content: '6';
}
.wp-article-section7 .a-s-title::before{
	content: '7';
}
.wp-article-section8 .a-s-title::before{
	content: '8';
}
.wp-article-section9 .a-s-title::before{
	content: '9';
}
.wp-article-section9{
	margin-bottom: 30px;
}
/* 跳转页 */
.wp-article-target{
	width: 100%;
	height: auto;
}
.wp-article-target .tgt-content{
	width: 900px;
	margin: 60px auto 40px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.tgt-content a{
	display: block;
	font-size: 24px;
	font-weight: 600;
	position: relative;
	color: #676666;
	box-sizing: border-box;
	line-height: 1.4;
	border: 1px solid #FEB62C;
	border-radius: 30px;
}

.tgt-up a{
	padding: 6px 20px 6px 54px;
}
.tgt-down a{
	padding: 6px 54px 6px 20px;
}
.tgt-up a::before{
	content: '';
	width: 8px;
	height: 8px;
	border-left: 4px solid #676666;
	border-bottom: 4px solid #676666;
	transform: translate(0, -50%) rotate(45deg);
	position: absolute;
	top: 22px;
	left: 22px;
	
}
.tgt-up a::after{
	content: '';
	width: 8px;
	height: 8px;
	border-left: 4px solid #676666;
	border-bottom: 4px solid #676666;
	transform: translate(0, -50%) rotate(45deg);
	position: absolute;
	top: 22px;
	left: 34px;
	
}
.tgt-down a::before{
	content: '';
	width: 8px;
	height: 8px;
	border-left: 4px solid #676666;
	border-bottom: 4px solid #676666;
	transform: translate(0, -50%) rotate(-135deg);
	position: absolute;
	top: 24px;
	right: 22px;
	
}
.tgt-down a::after{
	content: '';
	width: 8px;
	height: 8px;
	border-left: 4px solid #676666;
	border-bottom: 4px solid #676666;
	transform: translate(0, -50%) rotate(-135deg);
	position: absolute;
	top: 24px;
	right: 34px;
	
}
.tgt-up:hover a{
	color: #fff;
	background-color: #FEB62C;
}
.tgt-down:hover a{
	color: #fff;
	background-color: #FEB62C;
}
.tgt-up:hover a::before,
.tgt-down:hover a::before{
	border-left: 4px solid #fff;
	border-bottom: 4px solid #fff;
}
.tgt-up:hover a::after,
.tgt-down:hover a::after{
	border-left: 4px solid #fff;
	border-bottom: 4px solid #fff;
}

  /* 侧边导航 */
  .siderBar {
	  width: 220px;
	height: auto;
  	position: fixed;
	bottom: 20%;right: 0;
	z-index: 9;
	border-top: 5px solid #ffc306;
	border-radius: 6px;
	background: #fff;
	padding: 0 16px;
  }
  .sd-li-menu{
	  padding-bottom: 6px;
  }
  .siderBar li {
	  color: #b2b1b1;
  	margin-bottom: 1px;
  	font-size: 18px;
  	cursor: pointer;
	border-bottom: 1px solid #b2b1b1;
	padding: 10px 6px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
  }
  .siderBar li a{
	  position: relative;
	  color: #b2b1b1;
	  padding: 4px 0;
	  line-height: 1.2;
	  margin: 4px 0;
  }
  
  .siderBar li::before{
	  font-size: 22px;
	color: #434242;
	  position: absolute;
	  top: 5px;left: -18px;
	  opacity: .8;
	  overflow: visible;
  }
  .siderBar li:nth-child(1)::before{
  	  content: '1';
  }
  .siderBar li:nth-child(2)::before{
  	  content: '2';
  }
  .siderBar li:nth-child(3)::before{
  	  content: '3';
  }
  .siderBar li:nth-child(4)::before{
  	  content: '4';
  }
  .siderBar li:nth-child(5)::before{
  	  content: '5';
  }
  .siderBar li:nth-child(6)::before{
  	  content: '6';
  }
  .siderBar li:nth-child(7)::before{
  	  content: '7';
  }
  .siderBar li:nth-child(8)::before{
  	  content: '8';
  }
  .siderBar li:nth-child(9)::before{
  	  content: '9';
  }
  .slide-menu .menu-button,
  .slide-menu .menu-button-close{
	  display: none;
  }
  .slide-menu .to-top{
	  padding-bottom: 10px;
	  display: none;
	  cursor: pointer;
  }
  .slide-menu .to-top img{
	  display: block;
	  width: 41px;
	  height: 22px;
	  margin: 0 auto;
  }

  .siderBar li:hover{
	  color: #ffc306;
  }
  .siderBar li:hover a{
  	  color: #ffc306;
  }
  .siderBar li:hover a::before{
  	  opacity: .4;
  }
  .sd-active a{
	  color: #ffc306 !important;
	  font-weight: bolder;
  }
  .sd-active::before{
  	  color: #ffc306 !important;
  }
  .sd-active:hover a::before{
  	  opacity: .4;
  }


  @media screen and (max-width:1650px){
	.siderBar {
	  	width: 180px;
	}
	.siderBar li {
		margin-bottom: 1px;
		padding: 10px 16px 16px 36px;
		font-size: 16px;
		
	}
	.siderBar li a::before{
		  width: 8px;
		  height: 8px;
		  top: 6px;left: -20px;
	}
  }
  @media screen and (max-width:1450px){
	  .siderBar {
	    	width: 170px;
			bottom: 10%;
			padding: 0 10px;
	  }
	  .siderBar li {
	  	padding: 10px 16px 16px 30px;
	  }
	  .siderBar li a::before{
	  	  width: 6px;
	  	  height: 6px;
	  	  top: 6px;left: -20px;
	  }
	  .slide-menu .to-top img{
	  	  width: 30px;
	  	  height: 16px;
	  }
	  .top-logo {
	      width: 180px;
	      height: 180px;
	  }
	  .t-h-left {
	      font-size: 40px;
	  }
	  .wp-article-section {
	      width: 800px;
	  }
	  .a-s-title::before {
	      font-size: 60px;
	      top: -45px;
	  }
	  .s-t-h3 {
	      font-size: 36px;
	  }
	  .s-m-title {
	      font-size: 22px;
	  }
	  .s-m-p {
	      font-size: 18px;
	  }
  }
  @media screen and (max-width:1300px){
	  body{
		  min-width: 1080px !important;
	  }
	  .g-wp-clearfloat {
	      width: 1080px;
	  }
	  .g-wp {
	      width: 1080px;
	  }
	  .titis_1 a {
	      font-size: 16px;
	  }
	  .new_search {
	      right: 200px;
	}
	.top-logo {
	    width: 140px;
	    height: 140px;
	}
	.t-h-left {
	    font-size: 36px;
	}
	.t-h-right {
	    font-size: 16px;
	}
	.wp-article-section {
	    width: 760px;
	}
	.a-s-title::before {
	    font-size: 52px;
	    top: -40px;
	}
	.t-t-text {
	    font-size: 16px;
	}
	.a-s-title {
	    margin: 40px 0 10px 0;
	}
	.s-t-p {
	    font-size: 16px;
	}
	.s-t-h3 {
	    font-size: 30px;
	}
	.s-m-title {
	    font-size: 20px;
	}
	.s-m-p {
	    font-size: 16px;
	}
	.s-t-d li {
	    width: 6px;
	    height: 6px;
	}
	  .siderBar {
	    width: 150px;
	  }
	  .siderBar li {
	  	padding: 10px 16px 16px 36px;
	  	font-size: 12px;
	  }
	  .choose_box {
	      width: 1080px;
	  }
	  #g-footer-warp .links {
	      width: 1080px;
	  }
	  #g-footer-warp .logo {
	      right: 120px;
	  }
  }
  @media screen and (max-width:1200px){
	  .g-wp-clearfloat {
	      width: 1000px;
	  }
	  .g-wp {
	      width: 1000px;
	  }
	  #g-footer-warp .logo {
		  top: 200px;
	      right: 30px;
	  }
	  .choose_box {
	      width: 1000px;
	  }
	  #g-footer-warp .links {
	      width: 1000px;
	  }
		
		.s-t-h3 {
		    font-size: 26px;
		}
		.a-s-title::before {
		    font-size: 46px;
		    top: -32px;
		}
  }