body{ font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; margin:0; padding:0;}
ol, ul, li{ list-style-type:none; margin:0; padding:0;}
a{ color:#6a6a6a;}
a:hover{ color:#6a6a6a;}
a:link,a:visited,a:hover,a:active{ text-decoration:none;}
h1,h2,h3,p{ margin:0;}
header{}

/*eClass头部*/
.eCl_mune{ height:90px; background-color:#0293dc; border-top:7px solid #fff;}
.eCl_muneitem{ max-width:1200px; margin:auto;}
.eCl_logo{ float:left; width:200px; cursor:pointer; margin-top:15px;}
.eCl_lm{ float:right;}
.eCl_lm a{ color:#fff; display:block; float:left; position:relative; text-align:center; padding:0 20px;}
.eCl_lm a div{transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all  0.2s linear; -webkit-transition: all 0.2s linear;}
.eCl_lm a h1{ font-size:16px; font-weight:normal; letter-spacing:0.1rem; padding-top:22px; padding-bottom:3px; position:relative; z-index:1; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s;}
.eCl_lm a span{ font-size:16px; letter-spacing:0.1rem; position:relative; z-index:1;}
.eCl_lm a b{ position: absolute; top:20px; right:0; height:50px; width:1px; background-color:#fff; opacity:0.5;}
.eCl_lm a.active b{ background:url(../images/into_mune.png) no-repeat right; top:-7px; left:-1px; height:84px; width:100%; opacity:1; position: absolute;}
.eCl_lm a.active b.b_no{ background: url(../images/into_mune.png) no-repeat right;}
.eCl_lm a.active h1{ }
.eCl_lm a.active div{ position:relative; z-index:1;}

.eCl_lm a:hover b{}
.eCl_lm a b.b_no{ background:none;}
.eCl_lm a:hover b.b_no{background:url(../images/into_mune.png) no-repeat right;}
.eCl_lm a:hover div{-webkit-transform: scale(1.08,1.08);
   -moz-transform: scale(1.08,1.08);
   -o-transform: scale(1.08,1.08);
   -ms-transform: scale(1.08,1.08));
   transform: scale(1.08,1.08)}
.eCl_tb{ float:right;}
.a_h_b{ float:left; padding-right:5px;}
.eCl_tb a{ display:block; float:left; width:55px; height:55px; border:1px solid #fff; margin-left:10px; border-radius:50%;transition: transform 0.5s ease 0s; -moz-transition: transform 0.5s ease 0s; -o-transition: transform 0.5s ease 0s; -webkit-transition: transform 0.5s ease 0s;}
.eCl_tb a.eCl_black{ background:url(../images/into_blank.PNG) no-repeat center; background-size:33px; margin-top:15px;}
.eCl_tb a.eCl_home{ background:url(../images/into_home.PNG) no-repeat center; background-size:33px;margin-top:15px}
.eCl_tb a:hover{ transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.a_caidan{ float:left; position:relative;}
.a_caidan a{ display:block;}
.a_caidan a.eCl_cd{  width:55px; height:55px; border:1px solid #fff;border-radius:50%;background:url(../images/into_cd.PNG) no-repeat center; background-size:33px; margin-top:15px; margin-left:5px; margin-right:10px;}
.a_caidan a.eCl_cd:hover{ transform:none;}


.pc_mune_ul{ display: none;}
.a_caidan:hover .pc_mune_ul{ display:block; position: absolute; right:-5px; top:83px; width:230px;}
.a_caidan:hover .pc_mune_ul ul{ position:relative; z-index:1;}
.a_caidan:hover .pc_mune_ul ul a{ color:#fff; font-size:16px; line-height:40px; letter-spacing:0.05rem; padding-left:10px; border-radius:0; border:none; width:100%; height:auto; float:none; margin:0;}
.a_caidan:hover .pc_mune_ul ul a:hover{ background: rgba(238, 57, 70, 0.75); transform:none;}
.a_caidan:hover a.eCl_cd{ background-color:#087dbd; border-radius:0; border:0; transition:none; margin-left:0px; margin-right:-5px; margin-top:0; width:75px; height:83px; background-size:40px;}
.a_caidan:hover .a_caidan_bj{ position:absolute; background-color:#000; width:100%; height:100%; top:0; left:0; opacity:0.7;}
.a_caidan:hover .pc_mune_line{ background: rgba(255, 255, 255, 0.25); height:1px; overflow:hidden;}

.m_mune{ display:none;}

/*eClass banner*/
.eCl_banner{ position:relative;}
.eCl_bj{ background:url(../images/eCl_1.png) no-repeat center; height:427px; width:100%; z-index:0; position: relative; text-align:center; }
.eCl_bj img{ display:none;}
.eCl_b_a{ width:100%; max-width:1200px; margin:auto;  position: absolute; left:0; top:0; right:0; bottom:0; height:427px; z-index:1;}
.eCl_banner a{ position: absolute; display:block; border-radius:50%;}
.eCl_banner a img{ width:100%;}
.eCl_banner a.a_animation{ width:18.5%; height:0; padding-bottom:18.5%; left:9.7%; top:39.95%; background-color:#a36bee; }
.eCl_banner a.a_online{ width:18.5%; height:0; padding-bottom:18.5%; left:32.3%; top:7.9%;background-color:#ff559d; }
.eCl_banner a.a_iChinese{ width:19.3%; height:0; padding-bottom:19.3%; left:53.7%; top:39%;background-color:#5f93e9; }
.eCl_banner a.a_content{ width:16.3%; height:0; padding-bottom:16.3%; left:72%; top:7%;background-color:#47cbc6; }

.eCl_banner a{ transition: transform 0.5s ease 0s; -moz-transition: transform 0.5s ease 0s; -o-transition: transform 0.5s ease 0s; -webkit-transition: transform 0.5s ease 0s;}
.eCl_banner a:hover{ -webkit-transform: scale(1.05,1.05);
   -moz-transform: scale(1.05,1.05);
   -o-transform: scale(1.05,1.05);
   -ms-transform: scale(1.05,1.05));
   transform: scale(1.05,1.05)}
   

.eCl_bj_1{ background:url(../images/eCl_2.png) no-repeat center;}
.eCl_banner a.a_online1{ width:18.5%; height:0; padding-bottom:18.5%; left:16.7%; top:12%;background-color:#ff7920; }
.eCl_banner a.a_iAssessmen{ width:19.5%; height:0; padding-bottom:19.5%; left:40.2%; top:37.7%;background-color:#3d902d; }
.eCl_banner a.a_content1{ width:16.5%; height:0; padding-bottom:16.5%; left:60.2%; top:5.8%;background-color:#00a0e9; }

.eCl_bj_2{ background:url(../images/eCl_3.png) no-repeat center;}
.eCl_banner a.a_online2{ width:18.5%; height:0; padding-bottom:18.5%; left:6.6%; top:8.5%;background-color:#ff7920; }
.eCl_banner a.a_levelled{ width:18.5%; height:0; padding-bottom:18.5%; left:30%; top:31.8%;background-color:#53bd32; }
.eCl_banner a.a_free{ width:19.2%; height:0; padding-bottom:19.2%; left:52%; top:43%;background-color:#d1a01b; }

.eCl_banner a.a_free1{ width:19.2%; height:0; padding-bottom:19.2%; left:52%; top:43.2%;background-color:#d1a01b; }
.eCl_banner a.a_EBook{ width:16%; height:0; padding-bottom:16%; left:71%; top:5%;background-color:#ff559d; }

.eCl_bj_3{ background:url(../images/eCl_4.png) no-repeat center;}
.eCl_banner a.a_online3{ width:18.5%; height:0; padding-bottom:18.5%; left:33%; top:8%;background-color:#ff559d; }
.eCl_banner a.a_iPad{ width:18.5%; height:0; padding-bottom:18.5%; left:10%; top:39.8%;background-color:#53b2e0; }
.eCl_banner a.a_free{ width:19.2%; height:0; padding-bottom:19.2%; left:52.5%; top:39.2%;background-color:#d1a01b; }


@media (max-width:1200px){
	.eCl_mune{ padding:0 10px;}
	
	.eCl_bj{ height:100%; width:100%; text-align:center;background: none;  }
	.eCl_bj img{ width:100%; display:block;}
	.eCl_b_a{ height:100%;}
	

}
@media (max-width:1030px){
	.eCl_logo{ margin-top:10px; width: auto;}
	.eCl_logo img{ height:50px;}
	.eCl_mune{ border:0; height:70px; position:relative;}
	.eCl_lm{ display:none;}
	.eCl_tb{ display:none;}
	.m_mune{ display:block; float:right;padding-top: 12px;}
	.m_mune a{ display:block; float:left; width:45px; height:45px; border-radius:3px; margin-left:10px;}
	.m_mune a.eCl_home{ background:url(../images/into_home.PNG) no-repeat center #0081c4; background-size:26px;}
	.m_mune a.eCl_lm{ background:url(../images/into_lm.PNG) no-repeat center  #0081c4; background-size:25px;}
	.m_mune ul{ width:100%; border-radius:0;}
	.m_mune ul.dropdown-menu{ background:none; border:0; margin:0;}
	.m_mune ul li{ position:relative; z-index:1; width:100%;}
	.m_mune ul li a{ text-align:right; display:block; color:#fff; width:100%; height:40px; padding:0 15px; margin:0; font-size:16px; line-height:40px; letter-spacing:0.1rem;}
	.m_mune ul li a:hover,.m_mune ul li a:active{ background-color:#0081c4; color:#fff;}
	.m_mune ul b{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#0292dc; opacity:0.8;}

}