.course-box {
    width: 76.1vw;
    margin: 20px auto 0px auto;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
.course-box .swiper-wrapper{
    padding:0px;
}

.course-box .swiper-slide {
    width:100%;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 240px;
}

.course-item {
    width: 100%;
	height: 100%;
	border-left: 1px solid #E4E4E4;
    padding-right: 15px;
    padding-left:15px;
    cursor: pointer
}

.course-item+* {
    border-left: 1px solid #E4E4E4
}

.item-time {
    font-size: 2.09vw;
    color: #0069ea;
    line-height: 1
}

.course-item .item-title {
    font-size: 1.05vw;
    color: #181818;
    margin: 1.615vw 0 1.302vw;
    font-weight: 700
}

.item-desc {
    /*font-size: .85vw;*/
    font-size:12pt;
    color: #8b8b8b;
    height: 8vw;
    overflow-y: hidden;
    text-emphasis: ellipsis
}

.item-more {
    cursor: pointer;
    margin-top: 1.04vw
    font-size:14pt;
}

.btn {
    position: absolute;
    cursor: pointer;
    filter: brightness(1);
    transition: .3s
}

.btn:hover {
    filter: brightness(.6)
}

.pre {
     left: 7vw;
}

.next {
    right: 7vw;
}

.container,.layout {
    width: 100%
}

.item-box {
    position: relative
}

.flex-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.bg {
    background-size: 100% 108%
}

.item-box>.item-title {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 55px;
    left: 0;
    right: 0
}

.main-title {
    font-size: 46px;
    font-weight: 500;
    line-height: 46px;
    margin-bottom: 22px;
    font-family: 思源黑体
}

.sub-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.7
}

.ghost-btn {
    width: 106px;
    height: 40px;
    border-radius: 4px;
    color: #0082ff;
    border: 1px solid currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}



.scroll-item {
    width: 16.7%;
    height: 15.21vw;
    background-size: 118% 118%;
    background-position: center
}

.change-btn {
    margin: 20px
}

.white-text {
    color: #fffc
}

.black-text {
    color: #777f8b
}

.img-box {
    line-height: 0
}

.button {
    width: 158px;
    height: 40px;
    border-radius: 4px;
    background-color: #0069ea;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    filter: brightness(1);
    transform: .3s;
    color: #fff
}

.button:hover {
    filter: brightness(1.2)
}

.title-desc {
    font-size: 24px;
    letter-spacing: .18em;
    margin-bottom: 24px
}

.vertical-bar {
    width: 24px;
    border-top: 1px solid #fff;
    margin: 1.67vw 0
}

.detail {
    font-size: 16px;
    letter-spacing: .045em;
    color: #fffc
}

.button {
    margin-top: 2.71vw
}

.about-us {
    font-size: 16px;
    letter-spacing: 0em;
    color: #8b8b8b;
    width: 58.44vw;
    text-indent: 32px;
    line-height: 2;
    margin-top: 52px
}

.us-detail {
    width: 58.44vw;
    display: flex;
    justify-content: space-between;
}

.main-title {
    font-size: 46px;
    font-weight: 500;
    line-height: 46px;
    margin-bottom: 22px;
}

.leader-title {
    width: 100%;
    position: absolute;
    text-align: center;
    top:70px;
}

.leader-title-wang {
    width: 1560px;
    height: 500px;
    position: absolute;
    top: 172px;
    right: 0;
}

.leader-title-wang-photo {
    width: 380px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.leader-title-wang-right {
    width: 1486px;
    height: 100%;
    position: absolute;
    right: 0;
}

.leader-title-wang-right-title {
    width: 100%;
    height: 160px;
    padding-left: 386px;
    position: absolute;
    top: 44px;
    right: 0;
}

.leader-title-wang-right-title-bg {
    width: 450px;
    font-size: 154px;
    line-height: 154px;
    color: rgba(0, 105, 234, 0.06);
    background: rgba(255, 255, 255, 0);
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.leader-title-wang-right-title-name {
    padding-top: 12px;
    font-size: 34px;
}

.leader-title-wang-right-title-position {
    padding-top: 28px;
    font-size: 18px;
    color: rgba(24, 24, 24, 0.7);
}

.leader-title-wang-right-text {
    width: 1400px;
    height: 270px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 40px 0 40px 292px;
    background: linear-gradient(to right, #00163F 0, #00256A 10%, #00163F 100%);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.leader-title-tian {
    width: 1560px;
    height: 500px;
    position: absolute;
    top: 700px;
    left: 0;
}

.leader-title-tian-photo {
    width: 380px;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.leader-title-tian-right {
    width: 1486px;
    height: 100%;
    position: absolute;
    left: 0;
}

.leader-title-tian-right-title {
    width: 100%;
    height: 160px;
    padding-left: 386px;
    position: absolute;
    top: 44px;
    left: 0;
}

.leader-title-tian-right-title-bg {
    width: 450px;
    font-size: 154px;
    line-height: 154px;
    color: rgba(0, 105, 234, 0.06);
    background: rgba(255, 255, 255, 0);
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.leader-title-tian-right-title-name {
    padding-top: 12px;
    font-size: 34px;
}

.leader-title-tian-right-title-position {
    padding-top: 28px;
    font-size: 18px;
    color: rgba(24, 24, 24, 0.7);
}

.leader-title-tian-right-text {
    width: 1400px;
    height: 270px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 40px 0 40px 386px;
    background: linear-gradient(to right, #00163F 0, #00256A 90%, #00163F 100%);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.xiugai {
    padding-top: 1220px !important;
}
.us-title {
    position: absolute;
    top: 70px;
}

.us-content {
    padding-top: 1410px;
	padding-bottom:30px;
    width: 62.5vw;  margin:0 auto;
	text-indent:32px;
	/*font-size:12px;
	line-height:20px;*/
	font-size:16px;
	line-height:32px;
	color:#999;
}

.aboutus{
	width: 100%; overflow: hidden; margin: 30px 0px;
	display: flex;
    align-items: center;
    flex-direction: row;
	justify-content: space-between;
	padding-left:0px;
}
.aboutus li{
	width:15%;
	border-left:1px solid #E6ECF0;
}

.aboutus li img{
	margin-top:0px;
	width:24px;
}
.aboutus li h4{
	margin-top:0px;
	font-size:24px;
	font-weight:600;
	color:#0069EA;
}
.aboutus li h4 span{
	padding-left:3px;
	font-size:14px;
	}
.aboutus li p{
	margin-top:5px;
	font-size:14px;
	line-height:12px;
	color:#7B828E;
}

.scroll-box {
    width: 70.8vw;
    margin:20px auto;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-image: url(../img/ryzz-bg-3rg84D9Q.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.scroll-btn-left,.scroll-btn-right {
    height: 4.365vw;
    width: 2.08vw;
    position: absolute;
    cursor: pointer;
    background-position: center;
    background-size: 100% 100%
}

.scroll-btn-left {
    background-image: url(../img/zhishi-left.png);

    left: 9vw;

}

.scroll-btn-right {
    background-image: url(../img/zhishi-right.png);

    right: 9vw;

}

.scroll-box .swiper-wrapper{
    height:17.3vw;
    margin-top:2px;
}

.scroll-box .swiper-slide {
      width:100%;
	  /*height:180px;*/
	  height:16.3vw;
	  box-shadow: 0 0 10px #ccc;
	  text-align: center;
	  background:url(../img/zzbg.png);
}

.scroll-box .swiper-slide a{
    color:#000;
}

.scroll-box .swiper-slide img {
      display: block;
      height: 10vw;
      margin:20px auto;
    }
.scroll-box .swiper-slide div {
      font-size:16px;
      padding-top:6px;
      margin-top:35px;
    }
.scroll-box .swiper-slide p {
      font-size:12px;
      color:#797f81;
    }


.img-box {
    line-height: 0
}


.course {
    background-image: url(../img/licheng-bg-qT2YaFoj.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}


.course-pop{
    position: absolute;
    width: 31.35vw;
    padding: 1.56vw;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.102);
    left: 50%;
    transform: translateX(-50%);
    z-index:1000;
    display: none;
}
.course-pop .item-title{
    margin: 1.615vw 0 1.302vw;
    font-weight: 700;
}
.pop-close{
    width: 0.8vw;
    position: absolute;
    top: 1.04vw;
    right: 1.04vw;
    cursor: pointer;
    filter: brightness(1);
}
.pop-close:hover{
    filter: brightness(0.6);
}




.smoothbox {
	position: fixed;
	top:0;
	left:0;
	background:rgb(0,0,0);
	background: rgba(0, 0, 0, 0.9);
	height:100%;
	width:100%;
	z-index: 9999;
}
/* vertical centering */
.smoothbox-table {
	top:0;
	height:100%;
	width:100%;
	display:table;
}
.smoothbox-centering {
	display:table-cell;
	vertical-align:middle;
	top:0;
	height:100%;
	width:100%;
}
/* horizontal centering & sizing */
.smoothbox-sizing {
	display:none;
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 80%;
}
/* item wrapper */
.sb-items {
	margin: 0 auto;
	width: auto;
	padding: 0;
	list-style: none;
	border-radius: 2px;
	display: table;
}
.sb-items:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* items */
.sb-item {
	left: 0;
	top:0;
	width: 100%;
	max-height: 80%;
	float: left;
	margin-right: -100%;
	position: relative;
	zoom: 1;
	border-radius: 2px;
	box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 1), 0px 0px 0px 6px #292929;
	-webkit-backface-visibility: hidden;
 -webkit-transition: all .4s ease-out;
 -moz-transition:all .4s ease-out;
 transition: all .4s ease-out;
}
.no-trans {
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;
}
.sb-item img {
	max-width: 100%;

	display: block;
	border-radius: 2px;
	position: relative;
}
/* forward animation */
.sb-item-ani {
	top: 400px;
	opacity:0;
	-webkit-transform:scale(.5)rotate(25deg);
	-moz-transform:scale(.5)rotate(25deg);
	transform:scale(.5)rotate(25deg);
}
/* back animation */
.sb-item-ani2 {
	top:400px;
	-webkit-transform:scale(.5) rotate(25deg);
	-moz-transform:scale(.5) rotate(25deg);
	transform:scale(.5) rotate(25deg);
	opacity:0;
}
.sb-caption {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background:rgb(0,0,0);
	background: rgba(0, 0, 0, 0.9);
	color: #CCC;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	z-index: 1;
	text-align: center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
/* buttons */
.sb-nav {
	position:absolute;
	top: 10px;
	width: 100%;
	margin: 0 auto;
	display: none;
	z-index: 10;
	text-align: center;
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	font-size: 0;
 -webkit-transition:all .15s ease-out;
 -moz-transition:all .15s ease-out;
 transition:all .15s ease-out;
	zoom:1;
}
.sb-nav:hover {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.sb-prev, .sb-next, .sb-cancel {
	display: inline-block;
	background:rgb(0,0,0);
	background: rgba(0, 0, 0, 0.9);
	position: relative;
	zoom:1;
	outline:none;
	margin-right:1px;
	color: #fff!important;
	width: 50px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	font-size: 21px;
	font-weight: bold;
	line-height: 33px;
 -webkit-transition:all .15s ease-out;
 -moz-transition:all .15s ease-out;
 transition:all .15s ease-out;
}
.sb-prev {
	border-radius: 15px 0 0 15px;
}
.sb-next {
	border-radius: 0 15px 15px 0;
}
.sb-nav a:hover {
	background: #fff;
	color: #000!important;
}
.sb-cancel:hover {
	background:#820001;
}