/* new style */
.colorB{
	padding: 2px;
	color: #fff;
	background: #0072FF;
}
.colorG{
	padding: 2px;
	color: #fff;
	background: #0bd16e;
}
.colorR{
	padding: 2px;
	color: #fff;
	background: #b4b4b4;
}
/*-----------------------------------------------
/* Advantage
--------------------------------------------------*/
#onlineLearnA{
	background: #fff;
}
#onlineLearnA h3{
	color: #000000;
}
.onlineLearnABox{
	display: flex;
}
.onlineLearnAB{
	min-height: 207px;
	display: flex;
	padding: 10px 0;
	color: #fff;
}
.onlineLearnAB_1{
	background: #61d9d1; /* Old browsers */
	background: -moz-linear-gradient(top,  #61d9d1 1%, #2aa3f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #61d9d1 1%,#2aa3f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #61d9d1 1%,#2aa3f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61d9d1', endColorstr='#2aa3f9',GradientType=0 ); /* IE6-9 */
}
.onlineLearnAB_2{
	background: #61d9d1; /* Old browsers */
	background: -moz-linear-gradient(top,  #15c5fc 1%, #4862fc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #15c5fc 1%,#4862fc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #15c5fc 1%,#4862fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15c5fc', endColorstr='#4862fc',GradientType=0 ); /* IE6-9 */
}
.onlineLearnAB_3{
	background: #61d9d1; /* Old browsers */
	background: -moz-linear-gradient(top,  #50a9fc 1%, #9754fd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #50a9fc 1%,#9754fd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #50a9fc 1%,#9754fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a9fc', endColorstr='#9754fd',GradientType=0 ); /* IE6-9 */
}
.onlineLearnAB_1 .onlineLearnA-item{
	background:url(../img/onlineLearn/advantage/icon-1.png) ;
	background-position: left;
	background-repeat: no-repeat;
}
.onlineLearnAB_2 .onlineLearnA-item{
	background:url(../img/onlineLearn/advantage/icon-2.png) ;
	background-position: left;
	background-repeat: no-repeat;
}
.onlineLearnAB_3 .onlineLearnA-item{
	background:url(../img/onlineLearn/advantage/icon-3.png) ;
	background-position: left;
	background-repeat: no-repeat;
}
.onlineLearnA-item{
	width: 90%;
	text-align: center;
	padding: 80px 0;
	position: relative;
	float: left;
	margin-bottom: 40px;
	margin: auto;
}
.onlineLearnA-item  p{
	margin: 0;
	font-weight: 300
}
.onlineLearnA-item  h4{
	margin-bottom: 5px;
	font-size: 28px;
}
.onlineLearnA-right{
	color: #fff;
	height: 100px;
}
.PNicon{
	text-align: center;
}
/*-----------------------------------------------
/* onlineLearnIntro
--------------------------------------------------*/
.onlineLearnIntro{
	width: 100%;
	padding-top: 50px;
}
.onlineLearnIntro h3{
	color: #000000;
}
.onlineLearnIntro p{
	color: #000000;
	font-weight: 300;
	margin: 0 0 30px 0;
}
/*------------------------------
/* news
--------------------------------*/
#OLnews {
	width: 100%;
}
#OLnews h3{
	color: #000000;
}
#OLnews .align-items-center{
	display: flex;
}
#OLnews .about-img img {
    width: 100%;
}
.OLnewsLeftImg{
	width: 100%;
}
.OLnewsLeft h4{
	position: absolute;
	font-size: 20px;
	width: 13%;
	color: #fff;
}
.OLnewsRight{
	background: #f6f7fa;
	box-shadow: rgb(0 0 0 / 10%) 5px 5px 5px;
}
.OLinfo{
	color: #000000;
	padding: 10px;
}
.OLinfoTitle p{
	float: left;
	font-size: 18px;
	font-weight: 400;
}
.OLinfoTitle span{
	float: right;
	font-size: 16px;
}
.OLinfoContent{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 40px;
}
.itemLine{
	width: 7px;
	height: 85%;
	border-right: solid #ACC0D8 1px;
	position: relative;
	float: left;
}
.itemLineR{
	font-weight: 300;
	width: 90%;
	height: 85%;
	position: absolute;
	float: left;
	font-size: 16px;
	left: 2px;
	overflow-y: auto;
}
.itemCircle {
    position: relative;
	background: #6776e9;
	border-radius: 99px;
	width: 10px;
	height: 10px;
	top: 15px;
}
.OLinfoContentItem{
	width: 100%;
}
.itemRinfo{
	padding-left: 20px;
	word-wrap:break-word
}
@media (max-width: 500px) {
	.OLnewsLeft h4 {
	    font-size: 14px;
	}
}
/*-----------------------------------------------
/* videoIntro
--------------------------------------------------*/
iframe{
    width: 100%;
}
.videoIntro{
	background:url(../img/onlineLearn/video/BG.png) ;
	background-size: cover;
	padding-bottom: 50px;
}
.videoBoxOut{
	padding: 10px 0 0 0;
}
.videoBox{
	background-size: cover !important;
	display: flex;
	color: #fff;
	height: 200px;
	background-repeat: no-repeat;
}
.videoBox .videoContent{
	margin: auto;
}
.videoPlay{
	display: flex;
	text-align: center;
}
.videoPlay p{
	font-size: 30px;
	color: #fff;
	margin: auto;
}
.videoMore{
	display: flex;
	text-align: center;
	padding-top: 20px;
    padding-left: 37%;
}
.videoMore p{
	font-size: 18px;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
    display: flex;
    text-align: center;
    width: 100%;
}
.paddingR{
	padding-right: 10px;
}
.videoBG1{
	background:url(../img/onlineLearn/video/01.jpg) ;
}
.videoBG2{
	background:url(../img/onlineLearn/video/02.png) ;
}
.videoBG3{
	background:url(../img/onlineLearn/video/03.png) ;
}
.videoBG4{
	background:url(../img/onlineLearn/video/04.png) ;
}
.videoBG5{
	background:url(../img/onlineLearn/video/05.png) ;
}
.videoBG6{
	background:url(../img/onlineLearn/video/06.png) ;
}
.videoBG7{
	background:url(../img/onlineLearn/video/07.png) ;
}
/*-----------------------------------------------
     Documentation
--------------------------------------------------*/
.Documentation{
	padding-bottom: 50px;
}
.Documentation .container{
	padding-top: 10px;
}
.DTbox{
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #b1b1b1;
	box-shadow: rgb(0 0 0 / 10%) 0px 5px 10px;
}
.DTtop{
	border: 1px solid #b1b1b1;
}
.DTtop img{
	width: 100%;
}
.DTbottom{
	padding-top: 15px;
	display: flex;
}
.DTbottom p{
	color: #0072FF;
	margin: auto;
	padding: 5px 20px;
	border: 1px solid #0072FF;
	border-radius: 50px;
}
@media (max-width: 767px) {
	.DTbox{
		padding: 10px;
	}
}
/*-----------------------------------------------
/* videoBanner
--------------------------------------------------*/
#banner .carousel-item{
	height: 500px;
}
#banner p{
	font-size: 22px;
}

/*-----------------------------------------------
/* menu
--------------------------------------------------*/
#menu{
	width: 100%;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.part {
    overflow: hidden;
    width: 100%;
	padding-top: 5px;
}

.centerParty {
    margin: 0 auto;
}
#menuContent .menuLi {
    text-align: center;
    float: left;
    min-height: 50px;
	padding: 0;
    cursor: pointer;
	list-style-type: none;
	display: flex;
}
#menuContent span {
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	color: #000;
	padding-bottom: 10px;
	margin: auto;
}
#menuContent .selected span {
    color: #446cb3;
    border-bottom: 2px solid #446cb3;
}
@media (min-width: 1400px) {
	#menuContent {
		width: 60%;
	}
}
@media (max-width: 460px) {
	#menuContent .menuLi {
	    height: 70px;
	}
}
/*-----------------------------------------------
/* onlineLearnInfoPage
--------------------------------------------------*/
.TrainingPDF .funListContent li{
	min-width: auto;
}
.TrainingPDF .pdflearn span{
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}
.TrainingPDF .funListContentMiddle p{
	margin-bottom: 10px;
}
.TrainingPDF .funListContentMiddle,.TrainingPDF .funListContentBottom{
	background: #f9f9f9;
}
.TrainingPDF .funListContentBottom span{
	color: #000;
	font-size: 14px;
}
.videoIntroduction .funListContentBottom p{
    padding-top: 10px;
	margin-bottom: 10px;
	/* 允許最多顯示3行 */
	/* display: -webkit-box;
	-webkit-line-clamp: 3;  
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis; */
}
.funListContentBottom p{
    color: #000 !important;
	font-size: 16px;
    padding-top: 40px;
    position: relative;
}

.funListContentBottom button{
    background-color: transparent;
    border: none;
    color: #535353;
}
.funListContentBottom button:hover{
    color: #446cb3;
}
.TrainingPDF .trainingBackground{
	background: #446CB3;
}
.pdfDate{
	float: right;
}
.pdfDate span{
	color: #9e9e9e !important;
}
/* new style end*/

/* .pdflearn{
	cursor: pointer;
}
#myModal{
	margin-top: 5%;
	z-index: 9999;
}
.part {
    float: left;
    overflow: hidden;
    width: 100%;
}
h3 {
    color: #000000;
} */

/*.modal-header .close {*/
    /*margin-top: -20px;*/
/*}*/

@media (max-width: 800px){
	#wowslider-container1 .ws_thumbs {
	    display: none;
	}
	#wowslider-container1 .ws_images {
		left: 0 !important;
	    width: 100%;
	}
}
/*banner*/
*{
	padding: 0;
}
.headTitle{
	width: 100%;
	height: 562px;
	margin-top: -62px;
	overflow: hidden;
}
.head-content{
	width: 100%;
	height: 100%;
}
.Content{
	position: relative;
	top: 100px;
	color: #FFFFFF;
	padding-top: 120px;
	text-align: center;
}
.Content h1{
	margin-bottom:20px;
	font-weight: 400;
	font-size: 90px;
}
.Content h2{
	color: #fff;
	font-size: 35px;
	margin: 0 0 30px 0;
	font-weight: 300;
}
.Content a {
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 5px 32px;
	border-radius: 0px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	margin-top: 10px;
	color: #fff;
	background: #18d26e;
}
.menu-content{
	background: #f9f9f9;
	width: 100%;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	text-align: center;
	padding-bottom: 0px;
	overflow: hidden;
	width: 100%;
	padding-top: 5px;

}
@media (max-width: 850px) {
	.Content h1{
		font-size: 60px;
	}
	.Content h2 {
	    font-size: 30px;
		line-height: 45px;
		margin: 0;
	}
}
@media (max-width: 600px) {
	.Content h1{
		font-size: 50px;
	}
	.Content h2 {
	    font-size: 25px;
	}
}
@media (max-width: 450px) {
	.Content h1{
		font-size: 30px;
		margin: 0 0 10px 0;
	}
	.Content h2{
		font-size: 20px;
		line-height: 30px;
	}	
	
}
/*第一部分-------------------------------*/
#first{
	margin-top: 75px;
	background-size:cover;
	background: url("/assets/src/224/img/onlineLearn/1banner.jpg") no-repeat top;
}
#firstContent{
	min-height: 200px;
}
#title{
	font-size: 2.5em;
	color: #000000;
	display: block;
	text-align: center;
	position: relative;
	top:40%;
	transform:translateY(-50%);
	font-weight: 700;
}
#titleContent{
	font-size: 1.25em;
	color: #000000;
	display: block;
	text-align: center;	
	position: relative;
	top:40%;
	transform:translateY(-50%);
}
.aspectration[data-ratio="5:1"] {
	width: 100vw;
	height: 20vw;
}
@media (max-width: 500px){
	#title{
		font-size: 1.8em;	
	}
	#titleContent{
		font-size: 0.9em;
	}
}
/*-------------------------------第一部分*/
/*第二部分-------------------------------*/
#second {
	width: 100%;
	min-height: 200px;
	/*border: 1px solid red;*/
	padding: 50px 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#second .videoBottom span{
	font-size: 14px;
	font-weight: 300;
}
#second .videoBottom p{
	padding: 0;
    margin: 10px 0;
	line-height: 1.4em;
	font-weight: 300;
	font-size: 16px;
}
#second h3{
	margin: 0;
}
#second h4{
	font-size: 20px;
	line-height: 50px;
	font-weight: 300;
}
#second h4 a{
    color: #000
}
#second h4 a:hover{
    color: #428BFF;
    transition:all 0.3s 0.3s;
	-webkit-transition:all 0.3s 0.3s;
}
#secondContentTop {
	height: 100px;
	width: 100%;
	margin: 0 auto;
	/*border: 1px solid yellow;*/
}
#secondContentTop span {
	width: 100%;
	line-height: 100px;
	font-size: 1.875em;
	text-align: center;
	display: block;
}
#secondContentBottom {
	/*height: 500px;*/
	width: 80%;
	margin: 0 auto;
	/*border: 1px solid yellow;*/
}
.funList{
	padding: 10px 0;
	width: 100%;
/*	height: 340px;*/
	float: left;
}
.funListContent{
	/*height: 200px;*/
	width: 100%;
	/*border: 1px solid blue;*/
}
.funListContent li{
	width: 25%;
	min-width: 240px;
	float: left;
	margin: 10px 0;
}
#second .funListContent li{
	width: 33.3%;
	min-width: 240px;
	float: left;
	margin: 10px 0;
}
.contentIntroduct{
	width: 90%;
	margin: 0;
	border: 1px solid #E0E0E0;
}
.videoIntroduction .funListContentTop{
	height: auto;
}
.funListContentTop{
	width: 100%;
	height: 180px;
	text-align: center;
}
.funListContentTop span{
	font-size: 1.3em;
	line-height: 180px;
}
.funListContentMiddle{
	font-size: 0.9em;
	/*height: 50px;*/
	padding: 5px 20px;
}
.funListContentBottom{
	font-size: 0.9em;
	/*height: 20px;*/
	padding: 0 20px;
	padding-bottom: 10px;
	color: #939393;
}
.defaultBackground{
	background:  url("/assets/src/224/img/onlineLearn/2default.jpg") no-repeat top left;
	background-size:cover;
}
.moduleBackground{
	background:  url("/assets/src/224/img/onlineLearn/2background1.jpg") no-repeat bottom;
	background-size:cover;
}
.introductBackground{
	background:  url("/assets/src/224/img/onlineLearn/2background2.jpg") no-repeat bottom;
	background-size:cover;
}
.operationBackground{
	background:  url("/assets/src/224/img/onlineLearn/2background3.jpg") no-repeat bottom;
	background-size:cover;
}
.platformBackground{
	background:  url("/assets/src/224/img/onlineLearn/2background4.jpg") no-repeat bottom;
	background-size:cover;
}
.trainingBackground{
	background:  url("/assets/src/224/img/onlineLearn/4background1.webp") no-repeat top left;
	background-size:cover;
}
/*-------------------------------第二部分*/
/*第三部分-------------------------------*/
#third {
	width: 100%;
	/*height: 600px;*/
	padding-bottom: 50px;
	/*border: 1px solid red;*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#third span{
	font-size: 14px;
	font-weight: 300;
}
#third p{
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 1.4em;
	font-weight: 300;
	font-size: 16px;
}
#third h3,#third ul{
	margin: 0;
}
#third h3 a{
    color: #446CB3;
    cursor: pointer;
}
#third h3 a:hover{
    color: #18d36e;
    outline: none;
    text-decoration: none;
}
#third h4{
	margin: 0;
	font-size: 20px;
	line-height: 50px;
	font-weight: 300;
}
#thirdContentTop {
	height: 100px;
	width: 100%;
	margin: 0 auto;
	/*border: 1px solid yellow;*/
}
#thirdContentTop span {
	width: 100%;
	line-height: 100px;
	font-size: 1.875em;
	text-align: center;
	display: block;
}
#thirdContentBottom {
	width: 80%;
	margin: 0 100px;
}
#thirdContentBottom ul li{
	width: 33.3%;
	float: left;
	margin: 10px 0;
	/*border: 1px solid red;*/
}
.videoPart ul li{
	width: 100% !important;
}
.secondNew{
	padding: 0 !important;
}
.secondNew .videoContent{
	padding: 10px 0 20px 0;
}
.videoContent{
	width: 100%;
}
.videoContent h1{
	text-align: center;
}
.videoItem{
    display: inline-table;
    margin-right: 20px;
    height: 400px;
    top: 0;
}
.videoContent a{
    cursor: pointer;
}
.videoContent i {
    transition: transform 0.5s ease;
}
.videoContent i:hover {
    transform: scale(1.3) rotate(0deg);
}
.videoTop{
	font-size: 1.2em;
	height: 50px;
	line-height: 50px;
    width: 270px;
}
.videoMiddle{
	width: 270px;
    height: 152px;
    position: relative;
    display: inline-block;
}
.videoMiddle img{
    position: absolute; 
    z-index: 1;
    width: 270px;
}
.videoMiddle button{
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%; 
    background-color: rgba(0, 0, 0, 0.7); 
    border: none; 
    padding: 0; 
    z-index: 2;
}
.videoMiddle button i{
    color: #fff;
    font-size: 20px;
}
.videoMiddleBottom{
	border: 1px solid #E0E0E0;
	background: #f9f9f9;
}
.videoMiddleBottom .videoBottom p{
	margin: 10px 0 !important;
}
.videoBottom{
	width: 270px;	
	padding: 5px 20px;
	border: 1px solid #E0E0E0;
}
@media (max-width: 1000px) {
	#thirdContentBottom li{
		width: 50%;
	}	
}
@media (max-width: 768px) {
	#thirdContentBottom li{
		width: 100%;
	}
}
/*-------------------------------第三部分*/
/*相册样式------------------------------*/
.modal-footer{margin: 0px;padding: 7px 10px 10px 3px}
.showImg{display: none;}
.pictureDia{margin:6% 0px 0px 0px; width: 100%;padding: 0px 10px 0px 10px}
.article{background:#212121}
.product{width:1077px;height:184px;margin:0 auto;}
.pictureCenter{width: 100%;margin: 0 auto;max-width:1635px;}
.product_introduce{width:100%;min-width:1077px;height:184px;margin-bottom:5px}
.product_introduce .product_name{width:149px;height:183px;float:left;position:relative;color:#fff}
.product_introduce .product_main{height:184px;background:#e6e6e6;float:left;margin-left:5px;border-radius:13px}
.product_main .product_j{padding-left:58px;width:120px;float:left}
.product_main .product_j h3{font-family:"微软雅黑";font-size:16px;margin-top:33px}
.product_main .product_j .product_x{font-size:11px;margin-left:10px}
.product .product_introduce .product_picture{float:left;margin:5px 0 0 8px;display:table;width:246px;height:172px}
.product_introduce .product_picture .product_picture1{width:242px;height:168px;border:1px solid #e0e0e0;text-align:center;display:table-cell;vertical-align:middle}
.product_introduce .product_picture .product_picture1 a img{max-width: 213px;max-height: 132px;}
.product .advertisement{margin-bottom:7px}
.product .advertisement a,.product .advertisement a img{display:block;margin:0 auto}
/*{width:90%;height:800px;font-family:"宋体";display:none;z-index:99999;position:fixed;left:0;top:50px;bottom:0;right:0;margin:0 auto;}*/
.picture_top{background:#f3f3f3;height:33px;color:#000;width:100%;margin: 0 auto;}
.picture_top span{font-size:12px;padding-left:20px;line-height:33px}
.picture_top a{float:right;font-size:30px;line-height:27px;padding-right:5px;color:#3f3f3f;font-family:"微软雅黑"}
.picture_bottom{width:100%;background:#fff;margin: 0 auto;}
.picture_bottom .picture_left{width:80%;height:100%;display: inline-block; position: relative;vertical-align:top;margin-top:27px;}
.picture_img{width:85%; margin:0 auto;text-align:center;}
.picture_bottom .picture_left .picture_img .picture_img2{width:100%; max-height: 630px;vertical-align:middle;overflow-y: auto;}
.picture_bottom .picture_left .picture_img .picture_img2 img{width: 100%}
.prev{position: absolute;top:50%; left:10px; width:40px;}
.next{position: absolute;top:50%; right:10px;width:40px;}
.prev button{display:inline-block;width:17px;height:33px;background-image:url(/assets/src/224/img/onlineLearn/previous-page.png)}
.next button{display:inline-block;width:17px;height:33px;background-image:url(/assets/src/224/img/onlineLearn/next-page.png)}
.picture_bottom .picture_right{width:18%;height:100%;display: inline-block;}
.picture_xiao{background:coral;width:50px;height:50px;float:left;margin:5px 8px}
.picture_xiao img{width:100%}
.picture_bottom .picture_right .picture_name{margin-left:25px;margin-top:48px}
.picture_name h3{font-family:"微软雅黑";font-size:16px;margin-top:33px;color: #000;}
.product_x{font-size:11px;margin-left:10px}
.picture_suo{position: relative; width:173px;height:559px;overflow-y: hidden;border:1px solid #e4e4e4;margin-left:2px;margin-top:20px;}
.pictureList{width: 167px;padding:1px 3px 0px 3px;position: relative;top:0px;}
.picture_suo_img{overflow: hidden;width:160px;margin: 3px auto;border:2px solid #eee}
.picture_suo_img img{width:160px;}
.picture_fenye{text-align:center;width:173px;font-size:14px;height:21px;}
.picture_suo .picture_fenye span{position:relative;top:-5px}
.picture_next,.picture_prev{display:inline-block;width:20px;height:21px;cursor:pointer}
.ljxq22{display:inline-block;position:relative;bottom:40px;right:-821px}
.suo-img{border:2px solid #e4393c}
.next button, .prev button {
	display: inline-block;
	margin-top: -3.5em;
	z-index: 60;
	height: 6.1em;
	width: 6.1em;
	background-image: url(/assets/src/224/img/onlineLearn/arrows.png);
	background-size: 200%
}

.next button {
	background-position: 100% 0;
	right: 1em
}

.prev button{
	/*left: 1em;*/
	left: 18.72%;
	background-position: 0 0
}
.next button:hover {
	background-position: 100% 100%
}

.prev button:hover {
	background-position: 0 100%
}
/*.tanchukuang_bg11{width:100%;min-width:1164px;height:100%;background:#000;position:fixed;z-index:1001;filter:alpha(opacity=20);opacity:.4;left:0;top:0;display:none}*/
/*@media (max-width: 1620px) {*/
	/*.pictureDia{margin-top: 10%!important;}*/
/*}*/
@media (max-width: 1450px) {
	.picture{width:95%;}
	.picture_suo{height:350px;}
	.pictureDia{margin-top: 10%!important;}
}
@media (max-width: 1480px) {
	.picture{width:100%;}
	.pictureCenter{width:100%}
}

@media (max-width: 1051px) {
	.picture_suo{margin-top:0px }
	.picture_suo{height:257px;}
}
@media (max-width: 1000px) {
	.picture_bottom .picture_right .picture_name{margin: 0px; padding:0px;}
	.picture_suo{margin-top:0px;width: 110px;}
	.pictureList{width: 103px;}
	.picture_suo_img{width: 100px;}
	.picture_suo_img img{width: 100px;}
	.modal-body{padding: 0px}
	.picture_img{width: 90%}
}
@media (max-width: 768px) {
	.pictureDia{margin-top: 16%!important;}
	.picture_bottom .picture_left{width: 100%}
	.picture_bottom .picture_right{display: none;}
}
@media (max-width: 450px) {
	.prev,.next{top:60%}
	.next button, .prev button{
		height: 4.1em;
		width: 4.1em;}
	.pictureDia{margin-top: 18%!important;padding: 0px;}
	.picture_img{width: 98%}
}
/*------------------------------相册样式*/

/*pdfStyle.css*/

/*基本框架CSS*/

body,
ul,
dl,
dd,
dt,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
textarea,
form,
select,
fieldset,
table,
td,
div,
input {
	padding: 0;
	-webkit-text-size-adjust: none
}

/* h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 12px;
	font-weight: normal
} */

body>div {
	margin: 0 auto
}

div {
	text-align: left
}

a img {
	border: 0
}

ul,
ol,
li {
	list-style-type: none;
	vertical-align: 0
}

a {
	outline-style: none;
	color: #535353;
	text-decoration: none
}

a:hover {
	color: #D40000;
	text-decoration: none
}

.clear {
	height: 0;
	overflow: hidden;
	clear: both
}


/*基本框架CSS结束，应用特效时，以上样式可删除*/


/*.warper{ width: 860px; height: 300px; border: 2px solid #efefef; margin: 0 auto; padding: 3px 3px 0px 0px; }*/

.warper {
	max-width: 1300px;
	max-height: 740px;
	border: 2px solid #efefef;
	margin: 0 auto;
	padding: 3px 3px 0px 0px;
}


/*#wowslider-container1 { zoom: 1; position: relative; min-width: 716px; float:right; z-index: 90 }*/

.wowslider-container1 {
	zoom: 1;
	position: relative;
	min-width: 716px;
	z-index: 90;
	height: 620px;
}

* html .wowslider-container1 {
	width: 716px
}

.wowslider-container1 .ws_images ul {
	position: relative;
	width: 10000%;
	height: auto;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	overflow: visible
}

.wowslider-container1 .ws_images ul li {
	width: 1%;
	line-height: 0;
	float: left;
	font-size: 0;
	padding: 0!important;
	margin: 0!important
}

.wowslider-container1 .ws_images {
	position: relative;
	/*left: 0;*/
	left: 20%;
	top: 0;
	/*width: 100%;*/
	width: 80%;
	height: 100%;
	overflow: hidden
}

.wowslider-container1 .ws_images a {
	width: 100%;
	display: block;
	color: transparent
}

.wowslider-container1 img {
	max-width: none!important
}

.wowslider-container1 .ws_images img {
	width: 100%;
	border: none 0;
	max-width: none;
	padding: 0;
	margin: 0
}

.wowslider-container1 a {
	text-decoration: none;
	outline: 0;
	border: 0
}

.wowslider-container1 a.ws_next,
.wowslider-container1 a.ws_prev {
	position: absolute;
	display: none;
	top: 50%;
	margin-top: -3.5em;
	z-index: 60;
	height: 7.1em;
	width: 7.1em;
	background-image: url(/assets/src/224/img/onlineLearn/arrows.png);
	background-size: 200%
}

.wowslider-container1 a.ws_next {
	background-position: 100% 0;
	right: 1em
}

.wowslider-container1 a.ws_prev {
	/*left: 1em;*/
	left: 18.72%;
	background-position: 0 0
}

.wowslider-container1 a.ws_next:hover {
	background-position: 100% 100%
}

.wowslider-container1 a.ws_prev:hover {
	background-position: 0 100%
}

* html .wowslider-container1 a.ws_next,
* html .wowslider-container1 a.ws_prev {
	display: block
}

.wowslider-container1:hover a.ws_next,
.wowslider-container1:hover a.ws_prev {
	display: block
}

.wowslider-container1 .ws_playpause {
	display: none;
	width: 7.1em;
	height: 7.1em;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -3.5em;
	margin-top: -3.5em;
	z-index: 59;
	background-size: 100%
}

.wowslider-container1:hover .ws_playpause {
	display: block
}

.wowslider-container1 .ws_pause {
	background-image: url(/assets/src/224/img/onlineLearn/pause.png)
}

.wowslider-container1 .ws_play {
	background-image: url(/assets/src/224/img/onlineLearn/play.png)
}

.wowslider-container1 .ws_pause:hover,
.wowslider-container1 .ws_play:hover {
	background-position: 100% 100%!important
}

.wowslider-container1 .ws-title {
	position: absolute;
	display: block;
	bottom: 3.5em;
	left: 1em;
	margin-right: 1em;
	padding: 1em .9em .9em .9em;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	z-index: 50;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: .2em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em
}

.wowslider-container1 .ws-title div {
	margin-top: .3em;
	font-size: 1.6em;
	line-height: 1.15em;
	font-weight: normal;
	text-transform: none;
	color: #fff
}

.wowslider-container1 .ws-title span {
	font-size: 2.4em
}

.wowslider-container1 .ws_thumbs {
	font-size: 0;
	position: absolute;
	overflow: auto;
	z-index: 70;
	/*left: -19.51%;*/
	top: 0;
	width: 18.72%;
	height: 100%
}

.wowslider-container1 .ws_thumbs img {
	text-decoration: none;
	border: 0;
	width: 100%
}

.wowslider-container1 .ws_thumbs a {
	position: relative;
	text-indent: -4000px;
	color: transparent;
	opacity: .85;
	text-decoration: none;
	display: inline-block;
	border: 0;
	margin-bottom: 4%;
	text-indent: 0;
	padding: 2.99%;
	width: 89.54%;
	background-color: #fff
}

.wowslider-container1 .ws_thumbs a:hover {
	opacity: 1
}

.wowslider-container1 .ws_thumbs a:hover img {
	visibility: visible
}

.wowslider-container1 .ws_thumbs div {
	position: relative;
	width: 100%
}

.wowslider-container1 .ws_thumbs a.ws_selthumb {
	background-color: #ff6600
}

.wowslider-container1 .ws_images ul {
	animation: wsBasic 16s infinite;
	-moz-animation: wsBasic 16s infinite;
	-webkit-animation: wsBasic 16s infinite
}

@keyframes wsBasic {
	0% {
		left: -0%
	}
	12.5% {
		left: -0%
	}
	25% {
		left: -100%
	}
	37.5% {
		left: -100%
	}
	50% {
		left: -200%
	}
	62.5% {
		left: -200%
	}
	75% {
		left: -300%
	}
	87.5% {
		left: -300%
	}
}

@-moz-keyframes wsBasic {
	0% {
		left: -0%
	}
	12.5% {
		left: -0%
	}
	25% {
		left: -100%
	}
	37.5% {
		left: -100%
	}
	50% {
		left: -200%
	}
	62.5% {
		left: -200%
	}
	75% {
		left: -300%
	}
	87.5% {
		left: -300%
	}
}

@-webkit-keyframes wsBasic {
	0% {
		left: -0%
	}
	12.5% {
		left: -0%
	}
	25% {
		left: -100%
	}
	37.5% {
		left: -100%
	}
	50% {
		left: -200%
	}
	62.5% {
		left: -200%
	}
	75% {
		left: -300%
	}
	87.5% {
		left: -300%
	}
}
/* middle */
#middle{
	width: 100%;
	height: 30px;
	/*border: 1px solid red;*/	
}
#middleContent{
	width: 100%;
	height: 100%;
}
/* bottom */
#bottom{
	width: 100%;
	/*height: 500px;*/
	/*border: 1px solid red;*/	
}
#bottomContent{
	width: 80%;
	/*height: 100%;*/
	/*border: 1px solid blue;*/
}
#bottomMenu{
	width: 100%;
	/*min-height: 50px;*/
	float: left;
	/*border: 1px solid yellow;*/
}
#bottomMenuContent{
	min-height: 50px;
	/*width: 200px;*/
	float: right;
	/*border: 1px solid black;*/
}
#back{
	float: left;	
}
.btn_select{
	width: 120px !important;
	margin: 0 5px;
	height: 50px !important;
	float: left;
}
.btn_input{
	margin-left: 5px;
	height: 50px !important;
	float: left;
	width: 160px !important;
}
.btn_input input{
	width: 120px !important;
	float: left;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.btn_input span{
	width: 40px;
	float: left;
	margin-top:5px ;
}
#bottomMain{
	width: 100%;
	/*height: 450px;*/
	padding-bottom: 20px;	
	float: left;
	/*border: 1px solid yellow;*/
}
/* levelBar */
.levelBar{
	display: inline-block;
}
.levelBar h4{
	line-height: 30px !important;
	margin: 0;
}
.levelTitle{
	color: #000000;
    width: 240px;
}
.levelTitleTxt:before {
    content: "";
    height: 40px;
    border-left: 6px solid #5c98ca;
    margin-right: 10px;
    width: 240px;
}
.categoryTitleTxt{
    color: #5c98ca;
    width: 240px;
    margin-bottom: 10px;
}
.categoryTitle{
    content: "";
    height: 40px;
    border-bottom: 1px solid #5c98ca;
    margin-right: 10px;
    width: 900px;
}
.categoryTitle h3{
    color: #5c98ca;
}
/*--------------------------------------------------------------
/* news carousel
---------------------------------------------------------------*/
.owl-carousel .owl-item {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.owl-carousel .owl-item img {
    width: 100%;
}

.owl-nav, .owl-dots {
    text-align: center;
    margin-top: 5px;
}

.owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 10px;
    border-radius: 50%;
    background-color: #c2c2c2;
}

.owl-dot.active {
    background-color: #18d26e;
}

.owl-prev, .owl-next {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 0;
    display: inline-block;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.owl-prev:after, .owl-next:after {
    font-size: 36px;
    font-family: FontAwesome;
    line-height: 1;
}

.owl-prev.disabled, .owl-next.disabled {
    color: #c2c2c2;
}

.owl-prev {
    left: -40px;
}

.owl-prev:after {
    content: "\F104";
}

.owl-next {
    right: -40px;
}

.owl-next:after {
    content: "\F105";
}

.js-consult-slider .owl-item {
    opacity: .3;
}

.js-consult-slider .owl-item.active {
    opacity: 1;
}

.consult-slide {
    margin: 0 -30px;
    overflow: hidden;
}

.consult-slide .carousel__element {
    padding: 0 30px;
}

/* owl button */
.videoPart .owl-next {
	border-radius: 50%;
	position: absolute;
	background: rgb(187 187 187);
	opacity: 1;
	top: -15px;
	transform: translateY(-50%);
	z-index: 10;
	color: #fff;
	transition: all 0.3s;
	cursor: pointer;
    right: 20px;
    color: #fff;
}
.videoPart .owl-prev {
	border-radius: 50%;
	position: absolute;
	background: rgb(187 187 187);
	opacity: 1;
	top: -15px;
	transform: translateY(-50%);
	z-index: 10;
	color: #fff;
	transition: all 0.3s;
	cursor: pointer;
    left: 90%;
	color: #fff;
}

.APIMenuNav{
	-webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
	transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
	width: 220px;
	left: 2%;
	display: table-cell;
    position: absolute;
    margin-top: 100px;
	overflow: overlay;
	height: calc(100% - 350px);
	overflow-y: auto;
}
#APIMenu .APISearch{
	padding-left: 250px;
    padding-top: 100px;
	width: 100%;
}
#APIMenu .APISearchLeft p{
	color: #717171;
	margin: 0;
	font-size: 14px
}
#APIMenu .openList li a{
    text-align: left;
}
.APISearchRight {
	min-height: 50px;
	float: right;
}
.APISearchLeft {
	float: left;
	height: 50px
}
.APISearchLeft h2{
	font-size: 28px;
	margin-bottom: 0;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 50px;
	border-left: 4px solid #428bca;
	padding-left: 10px;
	color: #333;
}
.slim-scroll {
	height: 100% !important;
}
.bg-light.lter{
	background-color: #fefefe;
}
.bg-light {
	color: #717171;
}
.bg-light .bg li{
	background-color: #FAFAFA;
}
.bg-light .nav-primary ul.nav>li>a {
	color: #717171;
	border-color: #ececec;
}
.nav-primary ul.nav>li>a.active .text {
	display: none;
}
.nav-primary ul.nav>li>a.active .text-active {
	display: inline-block !important;
}
.nav-primary li {
	line-height: 1.5;
}
.nav-primary ul.nav>li:hover>a, .nav-primary ul.nav>li:focus>a, .nav-primary ul.nav>li>a:hover, .nav-primary ul.nav>li>a:focus, .nav-primary ul.nav>li>a:active, .nav-primary ul.nav>li.active>a {
	color: #fff;
	background-color: #e6e6e6 !important;
	text-shadow: none;
}
.nav-primary ul.nav>li>a {
	padding: 11px 15px 11px 15px;
	position: relative;
	font-weight: 400;
	font-size: 14px;
	border-top: 1px solid transparent;
	border-color: rgba(255,255,255,0.05);
	transition: color .3s ease-in-out 0s;
}
.hidden-xs {
	display: block !important;
}
.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.nav-primary li {
	line-height: 1.5;
}
.nav>li {
	position: relative;
	display: block;
	background: #F5F5F6;
}
#content{
	min-height: 300px;
	padding-bottom: 50px;
}
.openList span{
    color: #000;
}
.openList i{
    float: right;
}
.openList span:hover{
    color: #446cb3;
}
/*-----------------------
class-item
-------------------------*/
.classItem{
    display: none;
	width: fit-content;
	background-color: #fff;
	margin: 20px 30px 50px 0;
	border: 1px solid #cbcbcb;
    padding: 0 20px;
}
.classItem:hover .classItem-left {
	color: #446cb3;
}
.classItemTitle:hover .classItem-left a{
	color: #446cb3;
}
.classItem li span{
    color: #2b2b2b;
	font-size: 18px;
    padding: 10px;
}
.classItem-left a:hover{
	color: #446cb3;
}
.classItem-left span:hover{
	color: #446cb3;
}
.classItem-left a{
	color: #D1E6E8;
	font-size: 20px;
	text-align: center;
	transition: 0.5s;
    float: left;
    line-height: 60px;
}
.classItem-right i{
	font-size: 20px;
}
.classItem-right{
	color: #2b2b2b;
	font-size: 20px;
	text-align: center;
	transition: 0.5s;
    float: right;
    line-height: 60px;
}
.classItemBtn{
	font-size: 20px;
	color: #99AFC3;
}
.videoMenu{
    border-left: 6px solid #446cb3 !important;
}
.videoMenu span{
    color: #446cb3 !important;
}
.showNext i{
    float:right; 
    color: rgb(84, 84, 84); 
    font-size: 14px;
    padding-top: 5px;
}
.openList span{
    font-weight: 300;
}
.openList i{
    font-weight: 200;
    padding-right: 10px;
}
#thirdContentBottom p a{
    color: #446cb3;
}
#thirdContentBottom p a:hover{
    color: #31BF72 !important;
}
.videoBreadcrumb{ 
    margin-bottom: 10px;
    float: left;
	height: 50px;
    width: 80%;
}
.videoBreadcrumb i{ 
    padding: 0 5px;
}
.videoBreadcrumb p{
    margin-bottom: 5px;
    font-size: 14px;
    border-bottom: 1px solid #eff0f2;
    padding: 8px 0;
    line-height: 24px;
}
.videoSearch{ 
    margin-bottom: 10px;
    float: right;
	height: 50px;
    width: 20%;
}
.DocMenuNav{
	-webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
	transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
	width: 220px;
	left: 2%;
	display: table-cell;
    position: absolute;
    margin-top: 100px;
	overflow: overlay;
	height: calc(100% - 350px);
	overflow-y: auto;
}
.bread-tag {
    display: inline-block;
    width: auto;
    height: 20px;
    background-color: #f6f6f6;
    margin-right: 10px;
    position: relative;
    line-height: 20px;
    padding: 0 10px 0 10px;
    margin: 0 10px 0 10px;
}
.bread-tag:hover {
    transform: scale(1.1);
}
.bread-tag:before {
    content: "";
    position: absolute;
    display: block;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f6f6f6;
}
.bread-tag:after {
    content: "";
    background-color: #f6f6f6;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: -10px;
    top: 0.01px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ffffff;
}
@media (max-width: 900px) {
    .classItem{
        display: none;
    }
    #thirdContentBottom {
        width: 80%;
        margin: 0 20px;
    }
    #thirdContentBottom li{
        width: fit-content;
    }
    .classItem{
        width: fit-content;
        margin: 0;
        line-height: 20px;
        padding: 10px;
    }
    .classItem li span{
        font-size: 14px;
    }
    .classItem-left a{
        font-size: 14px;
        line-height: 20px;
    }
    .classItem-right i{
        font-size: 14px;
    }
    .classItem-right{
        font-size: 14px;
        line-height: 20px;
    }
    .classItemBtn{
        font-size: 20px;
    }
    .APIMenuNav{
        left: 2%
    }
}
@media (max-width: 1000px) {
    .classItem{
        display: none;
    }
    #thirdContentBottom {
        width: 80%;
        margin: 0 20px;
    }
    #thirdContentBottom li{
        width: fit-content;
    }
    .classItem{
        width: fit-content;
        margin: 0;
        line-height: 20px;
        padding: 10px;
    }
    .classItem li span{
        font-size: 14px;
    }
    .classItem-left a{
        font-size: 14px;
        line-height: 20px;
    }
    .classItem-right i{
        font-size: 14px;
    }
    .classItem-right{
        font-size: 14px;
        line-height: 20px;
    }
    .classItemBtn{
        font-size: 20px;
    }
    .APIMenuNav{
        left: 2%
    }
}
@media (max-width: 450px) {
    .bread-tag {
        margin: 0 8px 0 8px;
        height: 16px;
        margin-right: 8px;
        line-height: 16px;
    }
    .bread-tag:before {
        right: -8px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #f6f6f6;
    }
    .bread-tag:after {
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        left: -8px;
        top: 0.01px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #ffffff;
    }
    .classItem{
        display: inline-flex;
    }
    #thirdContent{
        width: 350px;
    }
    .classItem{
        margin-bottom: 20px;
    }
    .APIMenuNav{
        display: none;
    }
    #thirdContentBottom {
        margin: 0;
        right: 20%;
        width: 100%;
    }
    #second{
        width: fit-content;
        left: -140%;
        position: relative;
    }
    .openList span {
        font-size: 12px;
    }
    .openList i {
        padding-top: 5px;
    }
    .showNext i{
        color: rgb(84, 84, 84); 
        font-size: 14px;
        float: left;
    }
    #third {
        width: fit-content;
        left: -100%;
        position: relative;
    }
    .DocMenuNav{
        left: 2%;
        width: 100px;
    }
}