/* CSS Document */
@charset "utf-8";
html,body{ 
font-family:"PingFang SC","SourceHanSansCN-Light","微软雅黑","SourceHanSansCN-Light","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif; 
-ms-overflow-style: scrollbar;  overflow-style: scrollbar; }
/* body {  -webkit-touch-callout: none;   -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  }*/
.navbar_row{width:100%; height:auto; margin:0px auto;}
.del_jhx{ border:1px solid #0CF; padding:2px;}  /* 增加或删除已选项{}结合项 */
@font-face {
	font-family: "SourceHanSansCN-Light"; 
	src: url("../fonts/SourceHanSansCN-Light.woff") format("woff"),
		 url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"),
		 url("../fonts/SourceHanSansCN-Light.eot") format("embedded-opentype"),
		 url("../fonts/SourceHanSansCN-Light.svg") format("svg");  
	font-weight: normal;
	font-style: normal;
}
/* @font-face {
    font-family: "PingFang SC Regular"; 
    src: url("../fonts/PingFang SC Regular.ttf");
    src: url("../fonts/PingFang SC Regular.woff") format("woff"),
         url("../fonts/PingFang SC Regular.ttf") format("truetype"),
         url("../fonts/PingFang SC Regular.eot") format("embedded-opentype"),
         url("../fonts/PingFang SC Regular.svg") format("svg");  
    font-weight: normal;
    font-style: normal;
} */
@font-face {
	font-family: "DIN";
	src: url("../fonts/DIN-Medium.woff") format("woff"),
		url("../fonts/DIN-Medium.ttf") format("truetype"),
		url("../fonts/DIN-Medium.eot") format("embedded-opentype"),
		url("../fonts/DIN-Medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* @font-face {
	font-family:"youshe";
	src: url("../fonts/youshe.woff") format("woff"),
		url("../fonts/youshe.ttf") format("truetype"),
		url("../fonts/youshe.eot") format("embedded-opentype"),
		url("../fonts/youshe.svg") format("svg");  
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:"Futura";
	src: url("../fonts/Futura-Medium-01.woff") format("woff"),
		url("../fonts/Futura-Medium-01.ttf") format("truetype"),
		url("../fonts/Futura-Medium-01.eot") format("embedded-opentype"),
		url("../fonts/Futura-Medium-01.svg") format("svg"); 
	font-weight: normal;
	font-style: normal;
}  */


@-webkit-keyframes top1_right_con_transform{
	0% {-webkit-transform:translateX(-6%);transform:translateX(-6%)}
	50%{-webkit-transform:translateX(1%);transform:translateX(1%)}
	100% {-webkit-transform:translateX(-6%);transform:translateX(-6%)}
}
@keyframes top1_right_con_transform {
	0% {-webkit-transform:translateX(-6%);transform:translateX(-6%)}
	50%{-webkit-transform:translateX(1%);transform:translateX(1%)}
	100% {-webkit-transform: translateX(-6%);transform:translateX(-6%)}
}

@-webkit-keyframes img-dt1 {
0% {-webkit-transform:translateX(-16%);transform:translateX(-16%)}
50%{-webkit-transform:translateX(8%);transform:translateX(8%)}
100% {-webkit-transform:translateX(-16%);transform:translateX(-16%)}
}
@keyframes img-dt1 {
0% {-webkit-transform:translateX(-16%);transform:translateX(-16%)}
50%{-webkit-transform:translateX(8%);transform:translateX(8%)}
100% {-webkit-transform: translateX(-16%);transform:translateX(-16%)}
}

@-webkit-keyframes img-dt3{
    0%{-webkit-transform:scale(1);transform:scale(1);}
    10%,20%{-webkit-transform:scale(1) rotate(-3deg); transform:scale(1) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1) rotate(3deg); transform:scale(1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1) rotate(-3deg); transform:scale(1) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0);}
}
@keyframes img-dt3{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(1) rotate(-3deg); transform:scale(1) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1) rotate(3deg); transform:scale(1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1) rotate(-3deg); transform:scale(1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0);}
}


.bannerinlist_row{ width: 100%;height: auto;margin: 0px auto; text-align: center; }
.bannerinlist_row .container222{width:100%; margin: 0px auto; text-align: center; }
.bannerinlist_row .container222 .col-md-12 img{max-width:1920px;height:auto;}
.bannerinlist_row img{ width:100%;height: auto; opacity: 1;}
.bannerinlist_row img:hover{ opacity:0.98;}
.renthot_row_bt{ text-align: center;margin: 0px auto;}
.navbar_row .bt_smalltext{ text-align: center;margin: 0px auto;}
.navbar_row .bt_smalltext h4{font-size:36px;padding: 32px 0px 15px 0px; font-weight:600; color: #333;}
.bannerinlist_row .fourcommit{text-align: center; font-size:36px;padding:35px 0px 32px 0px; font-weight:900;color: #333; }
.bannerinlist_row .huodongxunzhan{text-align: center; font-size:36px;padding: 20px 0px 28px 0px; font-weight:900;color: #333; }
.bannerinlist_row .huodongxunzhan img{width:100%;height: auto;}
.liuchengpic { position: relative;  z-index: 9; padding: 140px 0px 140px 0px;margin: 0px auto; margin-top: 0px; background:url(../images/liuchengpic_con_list_bg-min.jpg) no-repeat center center;}
.liuchengpic:after { content: ''; position: absolute; background: rgba(95, 157, 207, 0.85); top: 0; left: 0; right:0; width: 1170px; height: 100%; z-index: -9; margin-left: auto; margin-right: auto;}
.liuchengpic_con{position: relative;}
.liuchengpic_con_text{text-align: center; font-size:50px;margin-bottom:125px; color: #fff; position: relative; margin-top: -50px;}
.liuchengpic_con_text:hover{color: #333; transition: 0.2s; -webkit-transition: 0.2s;} 
.liuchengpic_con_list{margin-bottom: 0px; }
.liuchengpic_con_list li:last-child::after{background: none;}
.liuchengpic_con:after{position: absolute; content: ''; background:url(../images/dot123.png) no-repeat; top:30%; left: 150px; width: 80px; height: 30px; background-size:  60%;}
.liuchengpic_con{display: inline-block; float: left; margin: 0px 0px 20px 78px; text-align: center; width: 12%; height: auto;}
.liuchengpic_con img{transition:transform 0.4s ease; -webkit-transition:transform 0.4s ease;margin-bottom:17px;}
.liuchengpic_con img:hover{transform: rotateY(180deg); -webkit-transform:rotateY(180deg); transition:transform 0.4s ease; -webkit-transition:transform 0.4s ease; }
.liuchengpic_con p{ padding-top:1px; font-size: 17px; color: #000; transition: 0.5s; -webkit-transition: 0.5s; font-family: "Microsoft Yahei";}
.liuchengpic_con p:hover{color: #fff; }
.shbz{margin: 0px 0px 45px 0px;}
.hdxz .col-md-12{background:#DCF3F9; padding-top:20px;}
.shbz_title{text-align: center; font-size:36px;padding: 25px 0px 38px 0px; font-weight:900;color: #333;}
.shbz_list{width: 100%; height: auto; margin: 0px auto; text-align: center;}
.shbz_list li{width: 24.5%; height:350px;float: left; margin-right:6px;}
.shbz_list li:last-child{margin-right: 0px;}
.shbz_list li img{width:100%;height: auto;}
.shbz_list li h4{ padding: 7px 0px 5px 0px; color:#000; font-weight:bold;}
.shbz_list li p{padding: 2px 10px 0px 10px; color:#666;}
.bt1,.bt2,.bt3,.bt4,.bt5{ height: 78px; margin:45px 0px;}
/* .bt1{margin: 25px 0px;}
.bt2{margin: 25px 0px;}
.bt3{margin: 25px 0px;}
.bt4{margin: 25px 0px;}
.bt5{margin: 25px 0px;} */
@media (max-width: 770px){
.productlist_row .productList li:last-child{display:none;}
.liuchengpic { position: relative;  z-index: 9; padding: 70px 0px 70px 0px;margin: 0px auto; }
.liuchengpic:after {width: auto; height: 100%; }
.liuchengpic_con{display: inline-block; float: left; margin: 0px 0px 10px 43px; text-align: center; width: 12%; height: auto;}
.liuchengpic_con img{transition:transform 0.4s ease; -webkit-transition:transform 0.4s ease;margin-bottom:17px; height:40px;}
.liuchengpic_con:after{position: absolute; content: ''; background:url(../images/dot123.png) no-repeat; top:30%; left:84px; width: 40px; height: 30px; background-size:  60%;}
.bt1,.bt2,.bt3,.bt4,.bt5{ height: 45px; margin:18px 0px;}
.shbz_list li{width: 99.7%; height:auto;float: left;margin-bottom:8px; margin-right:0px}
.shbz_list li p{padding: 2px 3px 0px 3px; color:#666; text-align:left;}
}
@media (max-width:620px){
.productlist_row .productList li:last-child{display:none;}
.liuchengpic { position: relative;  z-index: 9; padding: 40px 0px 40px 0px;margin: 0px auto; }
.liuchengpic:after {width: auto; height: 100%; }
.liuchengpic_con{display: inline-block; float: left; margin: 0px 0px 10px 30px; text-align: center; width:11%; height: auto;}
.liuchengpic_con img{transition:transform 0.4s ease; -webkit-transition:transform 0.4s ease;margin-bottom:17px; height:40px;}
.liuchengpic_con:after{display:none;position: absolute; content: ''; background:url(../images/dot123.png) no-repeat; top:30%; left:60px; width:20px; height: 15px; background-size:  60%;}
}


/* the style of slider in index --head-spslide.css */
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
@media (max-width: 768px){
	.g-banner-content{ width: 100%;}
	.menuContent{ display: none; visibility: hidden;}
	.hd{ display: none;/* right:41% !important; bottom:1px !important; */ }
}
@media (min-width: 768px) {
	.g-banner { width:750px}
	/* .menuContent{height: 233px;} */
	.menuContent .item {height: 33.3px;line-height: 33.3px;  padding-left:0px;}
	.item a  {font-size: 10px; padding: 0px 0px;	}
	.g-banner-content{ width: 84%;}
	.recomment-box .banner-course-card img {display: none;}
	.submenu .tag-box a {margin-bottom: 0px;font-size: 13px;color: #4D555D;line-height: 20px;margin-right: 24px;display: inline-block;}
	.submenu .innerBox{padding: 0px;}
	.recomment-box {width: 100%;height: auto;position: absolute;bottom: 0;background: #F8FAFC;padding:0; }
	.recomment-box .banner-course-card {margin-bottom:8px;}
}
@media (min-width: 880px) {
	.g-banner { width:860px;}
	/* .menuContent{height:300px;} */
	.menuContent .item {height: 38.3px;line-height: 38.3px;padding-left:1px;}
	.item a  {font-size: 10px; padding: 0px 0px;}
	.g-banner-content{ width: 84%;}	
}
@media (min-width: 992px) {
	.g-banner { width:970px}
	/* .menuContent{height: 302px;} */
	.menuContent .item {height: 43.1px;line-height: 43.1px;padding-left: 9px;}
	.item a  {font-size:13px; padding: 0px 3px;}
	.g-banner-content{ width: 84%;}
	.submenu .innerBox{padding:  12px 46px 12px 36px;}
	.recomment-box {width: 100%;height: auto;position: absolute;bottom: 0;background: #F8FAFC;padding: 36px 0 0 36px; }
	.recomment-box .banner-course-card {margin-bottom:22px;}
}
@media (min-width: 1100px) {
	.g-banner {width:1080px}
	/* .menuContent{height: 336px;} */
	.menuContent .item {height: 48px;line-height: 48px; padding-left: 9px;}
	.item a {font-size: 13px; padding: 0px 6px;}
	.g-banner-content{ width: 84%;}
	.recomment-box .banner-course-card img {display: block;}
	.submenu .tag-box a {margin-bottom: 4px;font-size: 14px;color: #4D555D;line-height: 22px;margin-right: 24px;display: inline-block;}
	.recomment-box .banner-course-card {width: 100%;height: auto;margin-right: 34px;margin-bottom: 34px;}
}
@media (min-width: 1200px) {
	.g-banner {width:1150px}
	/* .menuContent{height: 358px;} */
	.menuContent .item {height: 51.2px;line-height: 51.2px;padding-left: 10px;}
	.item a  {font-size: 13px; padding: 0px 11px;}
	.g-banner-content{ width: 84%;}	
	.submenu .tag-box a {margin-bottom:7px;font-size: 14px;color: #4D555D;line-height: 22px;margin-right: 24px;display: inline-block;}
}
@media (min-width: 1310px) {
	.g-banner {width:1260px; }
	/* .menuContent{height: 392px;} */
	.menuContent .item {height: 56.0px;line-height: 56.0px; padding-left: 11px;}
	.item a {font-size: 13px; padding: 0px 14px;}
	.g-banner-content{ width: 84%; height: 392px;}
	.submenu .tag-box a {margin-bottom: 16px;font-size: 14px;color: #4D555D;line-height: 22px;margin-right: 24px;display: inline-block;}
}
@media (min-width: 1440px) {
	.g-banner {width:1400px;}
	/* .menuContent{height: 420px;} */
	.menuContent .item { height: 62.3px;line-height: 62.2px; padding-left: 12px;}
	.item a {font-size: 15px; padding: 0px 16px;}
	.g-banner-content{ width: 84%; height: auto;}	
}
/*.menuContent {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: flex-start;}
.menuContent .item{width:100%; height: 14.28%;line-height: 350%;} */
.banner-box {background:#f1f6f8;background-color:#f1f6f8;;/* #f7f7f7  #fafcfd *//* #f1f6f8 */ /* url(../images/bg_slide.jpg)  center center no-repeat; background-size:80%;*/}
.g-banner {position: relative; height: auto; overflow: hidden; margin: 0px auto;  border-radius: 0px; /* box-shadow: 0 12px 24px 0 rgba(7,17,27,.2); */}
.g-banner .g-banner-content {position: relative;float: left; /* width: 84%; */max-height: 436px;}
.g-banner .banner-anchor {
	position: absolute;top: 50%;margin-top: -30px;width: 36px;height: 60px;overflow: hidden;
	font-size:30px;color: rgba(255,255,255,1);text-align: center;line-height: 60px;text-shadow: 0 2px 4px rgba(7,17,27,.6)}
.g-banner .next {right:0; border-radius: 4px 0 0 4px}
.g-banner .prev {left: 0; border-radius: 0 4px 4px 0}
.g-banner .next:hover,.g-banner .prev:hover {color: #fff;background: rgba(7,17,27,.6)}
.g-banner .banner-slide {position:relative; width: 100%; height:auto; z-index:0;}
.g-banner .banner-slide img {width:100%; height: auto; }

.hd{position:absolute; right:48.3%; bottom:5px; text-align:center;/*  background:#000; filter:alpha(opacity=60);opacity:0.6 */ }
.hd ul li{ cursor:pointer; display:inline-block; zoom:1; width:9px; height:9px; margin:5px;  background-color: #fff;/* background:url(../images/tg_flash_p.png) -18px 0;*/ overflow:hidden; font-size:0; }
.hd ul .on{ background:#000; width:20px; height:9px;}
.banner-slide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(../images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.banner-slide .next{  background-position:right 0; float:right; margin-right:3%  }
.banner-slide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }
.submenu {position: absolute;top: 0;left: 16%; height: 100% ;background: #fff;width: 35%; z-index: 581;box-shadow: 0 4px 8px 0 rgba(0,0,0,.1)}
.submenu .subinnerBox {overflow: hidden}
.submenu .banner-line {position: relative;height: 2px;	margin: 35px 0 23px;background-color: rgba(77,85,93,.08)}
.submenu .banner-line span {position: absolute;top: -12px;left: 0;padding-right: 12px;font-size: 15px;font-weight: 700;color:#ff6600; /* #F20D0D; */line-height: 24px;background-color: #fff;}
/* .submenu .tag-box a {margin-bottom: 16px;font-size: 14px;color: #4D555D;line-height: 22px;margin-right: 24px;display: inline-block} */
.submenu .tag-box a:last-child {	margin-right: 0;}
.submenu .subinnerBox .title {color: #07111b;font-size: 16px;line-height: 16px;margin-top: 32px;font-weight: 700;margin-bottom: 13px;}
.submenu a{transition: 0.1s;}
.submenu a:hover {color: #ff6600!important;}
.submenu .subinnerBox .title a:hover {color: #f01414;}
.menuContent {position: relative;float: left;width: 16%;/* height: auto; */z-index: 2;padding-top: 0px;background: #2b333b;/* border-bottom-left-radius: 4px; */font-weight: 400;}
.menuContent .item .box a:hover {	color: #f01414!important; }
.menuContent .item {/* height: 60px;line-height: 60px; */cursor: pointer;position: relative;}
.menuContent .item>a {display: block;color: rgba(255,255,255,.8);/* padding: 0 14px; */border-top-left-radius: 4px;border-bottom-left-radius: 4px;/* height: 60px; */transition: all .1s; -webkit-transition: all .1s;;}
.menuContent .item i {position: absolute; right: 8px;top:34%; width: 30px; height: 30px;background: url(../images/arr6.png) center 5px no-repeat; z-index: 55; background-size:20%;}
.menuContent .item .box a {color: #fff!important}
.menuContent .on a {color: #fff; background-color: rgba(255,255,255,.3); }
.submenu .innerBox {width:100%;background-color: #fff;/* padding: 12px 46px 12px 36px; */position: relative;min-height: 150px;}
/* .recomment-box { width: 100%; height: auto;position: absolute;bottom: 0;background: #F8FAFC;padding: 36px 0 0 36px;} */
.recomment-box a {	display: block;	width: 100%;	height: 100%; transition: 0.5s;}
/* .recomment-box .adsense-box {	width: 312px;	height: 64px;	background-color: #ccc;	border-radius: 4px;	margin-right: 48px} */
/* .recomment-box .banner-course-card {	width: 100%;	height: auto;	margin-right: 34px;	margin-bottom: 34px} */
.recomment-box .banner-course-card img {	width: 64px;	height: 42px;	border-radius: 4px;	background-color: #ccc}
.recomment-box .banner-course-card .course-card {	margin-left: 16px}
.recomment-box .banner-course-card .course-card-name {width: 240px;	font-size: 13px; color: #07111B; line-height: 20px;	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.1s;}
.recomment-box .banner-course-card .course-card-name:hover{ color: #ff6600;}
.recomment-box .banner-course-card .course-card-info,.recomment-box .banner-course-card .course-card-price {font-size: 12px;color: #4D555D;line-height: 20px;}
.recomment-box .banner-course-card .course-card-price.sales {color: #f01414}
.recomment-box .banner-course-card .course-card-price.studentsales .sales-tip {padding: 0;	border: 0}
.l {  float: left;}

.loading{background:green;position:fixed;top:0;left:0;width:100%;height:100%;z-index: 100;}
.loading .icon{width:100px;height:100px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;font-size:30px;text-align:center;line-height:100px;color:white;}    
.loading .icon span{display:block;position:absolute; width:80px;height:80px;border-radius:50%;box-shadow:0 2px 0 0 #ccc;top:10px;left:10px;animation:rotate 1s infinite linear;-webkit-animation:rotate 1s infinite linear;}