@import url("swiper.min.css");
@import url("owl.carousel.min.css");
@import url("iconfont.css");
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.inside-banner{height: auto;}
/*企业管理培训*/
#main{min-width: 320px;max-width: 100%; margin:0 auto;}
#lmbt{ width:100%; float:left; text-align:center; overflow:hidden; padding-top: 3.5rem;background: #f1f1f1; padding-bottom:3rem; }
#lmbt .qyzx{	
 position:relative;display:inline-block;line-height:1.5; padding-left:30%; padding-right:30%;margin-bottom:1%;

}
#lmbt .qyzx em{
	position:absolute;
	top:0px;
	width:40%; max-width:340px;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;background-size:100% auto;
}
#lmbt .qyzx em.lb{	left:0px;
	background-image: url(../images/bl.png);
	background-repeat: no-repeat;
	background-position: left;
}
#lmbt .qyzx em.rb{right:0px;
	background-image: url(../images/br.png);
	background-repeat: no-repeat;
	background-position: right;}
#lmbt  span{ color:#000000;font-size:28px; letter-spacing:5px;}
#lmbt p{ text-transform:capitalize; color:#1f1f1f; letter-spacing:5px; font-size:32px; }

#fnwlist{
	width:100%; 
	margin: 0 auto; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-inline-table;
	display: inline-table;
	-webkit-box-pack: center;
	-ms-block-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
#fnwlist li{ list-style-type:none;}
#fnwlist LI{  text-align:center; overflow:hidden; width: 20%;  height: 22rem; display: inline-block;   transition:all 0.4s ease-in-out 0s;cursor:pointer; position: relative; background: #f1f1f1;}
/*#fnwlist  LI:hover{ background-color:#05C0AB;}*/
#fnwlist LI .nr{ width:100%; height: 22rem; float:left;z-index: 1; bottom:0; background:none; }
#fnwlist LI .nr dd{ width:100%; height:100%; float:left; overflow:hidden; position:relative;transition:all 0.5s ease-in-out 0s;}
#fnwlist LI .nr dd span{font-size: 5rem}
#fnwlist LI .nr dd p{ position:absolute;filter: Alpha(Opacity=0);
-moz-opacity:0; 		opacity:0; z-index:1; left:0px; top:0px; width:100%; height:100%;}
#fnwlist LI .nr dd  img{ max-width:100%; margin-left:auto; margin-right:auto; display:block;transition:all 0.5s ease-in-out 0s;}
#fnwlist LI:hover{ background: #ffab74;}
#fnwlist LI .dr{background: #ffffffe0; position: absolute; width: 100%; height: 100%;transition:all 0.4s ease-in-out 0s;}
#fnwlist LI .dr .cc{ width:85%; margin: 0 auto; color:#1f1f1f; font-size:18px; text-align:left; line-height:35px; margin-top:15% }
#fnwlist LI .dr .cc span{font-size: 40px;}
#fnwlist LI .dr h5{ width:85%; margin: 0 auto; color:#1f1f1f; font-size:18px; text-align:left; font-weight: bold; line-height:35px;}
#fnwlist LI .dr h6{ width:85%; margin:0 auto; color:#1f1f1f; font-size: 14px; text-align:left; font-weight:normal; height:140px; margin-top:5px; line-height:30px; overflow:hidden;}
#fnwlist LI .dr .dbr{letter-spacing: 0; display: block; width: 85%; margin: 0 auto; text-align: right;}
#fnwlist LI:hover .dr{background: #ff6a00e0;transition:all 0.4s ease-in-out 0s;}
#fnwlist LI:hover .dr .cc span,#fnwlist LI:hover .dr h5,#fnwlist LI:hover .dr h6,#fnwlist LI:hover .dr .dbr{color: #fff;}

#fnwlist .owl-controls .owl-dots .owl-dot{ margin-top:1%;}
#fnwlist .owl-controls .owl-dots .owl-dot span{
width:20px;height:3px;margin:12px 5px; background-color:#C7C7C9;
}
#fnwlist .owl-controls .owl-dots .owl-dot.active span,#fnwlist .owl-theme .owl-dots .owl-dot:hover span{background-color:#05C0AB;}

/*电商运营培训*/
#main2{min-width: 320px;max-width: 100%; margin:0 auto;display: grid;}
#lmbt2{ width:100%; float:left; text-align:center; overflow:hidden; padding-top: 3.5rem;margin-bottom: 3.5rem;height: 30rem}
#lmbt2 .qyzx{	
 position:relative;display:inline-block;line-height:1.5; padding-left:30%; padding-right:30%;margin-bottom:1%;

}
#lmbt2 .qyzx em{
	position:absolute;
	top:0px;
	width:40%; max-width:340px;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;background-size:100% auto;
}
#lmbt2 .qyzx em.lb{	left:0px;
	background-image: url(../images/bl.png);
	background-repeat: no-repeat;
	background-position: left;
}
#lmbt2 .qyzx em.rb{right:0px;
	background-image: url(../images/br.png);
	background-repeat: no-repeat;
	background-position: right;}
#lmbt2 .qyzx span{ color:#000000;font-size:28px; letter-spacing:5px;}
#lmbt2 p{ text-transform:capitalize; color:#1f1f1f; letter-spacing:5px; font-size:32px; }
#lmbt2 span{color:#000000;font-size:18px; letter-spacing:5px;line-height: 35px;}
#jxlist{
	width:1300px; 
	margin: 0 auto;
	margin-top:.5%;
	margin-bottom: 2%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-block;
	display: block;
	-webkit-box-pack: center;
	-ms-block-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#jxlist .tab-list{float: left;width: 16.6%; line-height: 45px; text-align: center;cursor: pointer;position: relative;}
#jxlist .tab-list h2{font-weight: bold;}
#jxlist .tab-list.on{color: #ff6a00;  border-bottom: 3px solid #ff6a00;}
.sr1list{
	width:1200px; 
	margin: 2% auto; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-block;
	display: block;
	-webkit-box-pack: center;
	-ms-block-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.sr1list li{ list-style-type:none;}
.sr1list LI{  text-align:center; overflow:hidden; width: 30%; height: 20rem; display: inline-block;   transition:all 0.4s ease-in-out 0s;cursor:pointer; margin:10px; position: relative; background: #f1f1f1;}
/*.sr1list  LI:hover{ background-color:#05C0AB;}*/
.sr1list LI .nr{ width:100%; height: 100%; float:left;z-index: 1; bottom:0; background:none; }
.sr1list LI .nr dd{ width:100%; height: 62%; overflow:hidden; position:relative;transition:all 0.5s ease-in-out 0s;ox-shadow:0px 0px 12px #ff6a0c;-webkit-box-shadow:0px 0px 12px #ff6a0c;-moz-box-shadow:0px 0px 12px #ff6a0c; border: 2px solid #ff6a0c;}
.sr1list LI .nr dd  img{ width:100%; margin-left:auto; margin-right:auto; display:block;transition:all 0.5s ease-in-out 0s;}

.sr1list LI .nr h5{ width:90%; margin: 0 auto; color:#1f1f1f; font-size:18px; text-align:center; line-height:30px; margin-top:2%;}
.sr1list LI .nr h6{ width:85%; margin:0 auto; color:#1f1f1f; font-size: 14px; text-align:center; font-weight:normal; height:152px; margin-top:5px; line-height:30px; overflow:hidden;}
.sr1list LI .bgr{position: absolute; bottom: -15%; right:-15%;z-index: 0;}
.sr1list LI .bgr span{font-size: 13rem;color: #c9c8c7}

.sr1list .owl-controls .owl-dots .owl-dot{ margin-top:1%;}
.sr1list .owl-controls .owl-dots .owl-dot span{
width:20px;height:3px;margin:12px 5px; background-color:#C7C7C9;
}
.sr1list .owl-controls .owl-dots .owl-dot.active span,.sr1list .owl-theme .owl-dots .owl-dot:hover span{background-color:#05C0AB;}

.sr2list{
	width:1100px; 
	margin: 2% auto; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-block;
	display: block;
	-webkit-box-pack: center;
	-ms-block-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.sr2list .nr{ width:100%; height: 40rem; float:left;z-index: 1; bottom:0; background:none; background:#f1f1f1; }
.sr2list .nr dd{ width:100%; height: 62%; overflow:hidden; position:relative;transition:all 0.5s ease-in-out 0s;ox-shadow:0px 0px 12px #ff6a0c;-webkit-box-shadow:0px 0px 12px #ff6a0c;-moz-box-shadow:0px 0px 12px #ff6a0c; border: 1px solid #ff6a0c;}
.sr2list .nr dd  img{ width:100%; margin-left:auto; margin-right:auto; display:block;transition:all 0.5s ease-in-out 0s;}

.sr2list .nr h5{ width:70%; margin: 0 auto; color:#1f1f1f; font-size:18px; font-weight:bold; text-align:center; line-height:30px; margin-top:2%;}
.sr2list .nr h6{ width:85%; margin:0 auto; color:#1f1f1f; font-size: 18px; text-align:center; font-weight:normal; height:152px; margin-top:5px; line-height:30px; overflow:hidden;}

.sr3list{
	width:1200px; 
	margin: 2% auto; 
	background: #f1f1f1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-block;
	display: block;
	-webkit-box-pack: center;
	-ms-block-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.sr3list img{ width:80%; margin: 0 auto; padding:2rem; display:block;transition:all 0.5s ease-in-out 0s;}

.sr4list{
	width:1100px; 
	margin: 2% auto; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-block;
	display: block;
	-webkit-box-pack: center;
	-ms-block-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.sr4list .nr{ width:100%; height: 40rem; float:left;z-index: 1; bottom:0; background:none; background:#f1f1f1; }
.sr4list .nr dd{ width:100%; height: 62%; overflow:hidden; position:relative;transition:all 0.5s ease-in-out 0s;ox-shadow:0px 0px 12px #ff6a0c;-webkit-box-shadow:0px 0px 12px #ff6a0c;-moz-box-shadow:0px 0px 12px #ff6a0c; border: 1px solid #ff6a0c;}
.sr4list .nr dd  img{ width:100%; margin-left:auto; margin-right:auto; display:block;transition:all 0.5s ease-in-out 0s;}

.sr4list .nr h5{ width:70%; margin: 0 auto; color:#1f1f1f; font-size:18px; font-weight:bold; text-align:center; line-height:30px; margin-top:2%;}
.sr4list .nr h6{ width:85%; margin:0 auto; color:#1f1f1f; font-size: 18px; text-align:center; font-weight:normal; height:152px; margin-top:5px; line-height:30px; overflow:hidden;}

/*创学院*/
#main3{min-width: 320px;max-width: 100%; margin:0 auto;display: grid;}
#lmbt3{ width:100%; float:left; position: relative; text-align:center; overflow:hidden; padding-top: 3.5rem;height: auto;background: #f1f1f1;}
#lmbt3 .qyzx{	
 position:relative;display:inline-block;line-height:1.5; padding-left:30%; padding-right:30%;margin-bottom:1%;z-index: 1;

}
#lmbt3 .qyzx em{
	position:absolute;
	top:0px;
	width:40%; max-width:340px;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;background-size:100% auto;
}
#lmbt3 .qyzx em.lb{	left:0px;
	background-image: url(../images/bl.png);
	background-repeat: no-repeat;
	background-position: left;
}
#lmbt3 .qyzx em.rb{right:0px;
	background-image: url(../images/br.png);
	background-repeat: no-repeat;
	background-position: right;}
#lmbt3 .qyzx span{ color:#000000;font-size:28px; letter-spacing:5px;}
#lmbt3 p{ text-transform:capitalize; color:#1f1f1f; letter-spacing:5px; font-size:32px; }
#lmbt3 .cxybg{margin-top: -3%}
#lmbt3 .cxybg img{ width:100%; }