@charset "utf-8";
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset {
    margin: 0;
    padding: 0;
}

/* IE5.xIE6斜bug */
* html body {

}

* html iframe, * html frame {
    overflow: auto;
}

* html frameset {
    overflow: hidden;
}

/* body */
body {
    color: #000;
    font-size: 14px;
    background-color: #FFFFFF;font-family: "Microsoft YaHei";
}

i, em, cite {
    font-style: normal;
}

/* a */
a, a:link {
    font-size:14PX;
    color:#565658; 
    text-decoration: none;
}

a:visited {
}

a:active, a:hover {
    text-decoration: none;
    color: #5f5b5a;
}

a:focus {
    outline: none;
}

/* form */
textarea, input {
    word-wrap: break-word;
    word-break: break-all;
}

input {
    vertical-align: middle;
    font-size: 12px
}

.button {
    vertical-align: middle;
    font-size: 12px
}

.button {
    cursor: pointer;
}

/* li */
ul, li {
    list-style-type: none;
}

/* img */
img {
    border: 0 none;
    vertical-align: middle;
}

.clearboth {
    clear: both;
    display: block;
    height: 0;
    font-size: 0;
    overflow: hidden;
}


/*活动专题 */
.hdzt{ width:100%; height:340PX; padding-top:20PX;background-color:#f8f8f8; }
.hdzt1{width:70%; height:30PX; margin:0 auto;}
.hdzt2{width:75%; padding-top:20PX; margin:0 auto; padding-left:5% }
.hdzt1-1{width:6px; height:24PX; float:left; padding-right:10PX}
.hdzt1-2{width:100PX; height:30PX; float:left; font-size:18PX; color:#494a4b;}
.hdzt1-3{width:100PX; height:30PX; float: right; font-size:14PX; color:#666666; line-height:30PX}

.hdzt2 li{width:31.5%; float:left; height:300px }
.hdzt2z{ width:90%;height:267px; cursor:pointer}
.hdzt2-1{width:100%;height:237px; overflow:hidden; }
.hdzt2-1 IMG{width:100%;height:237px; transition: all 1s linear 0s;
    -webkit-transition: all 1s linear 0s;
    -moz-transition: all 1s linear 0s;
    -ms-transition: all 1s linear 0s;}
	.hdzt2-1:hover  img {
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);

}

.hdzt2-2{width:94%;height:30px; background-color:#ffffff; color:#616263; font-size:16PX; padding-left:3%;padding-right:3%; overflow:hidden; line-height:30PX;}
.hdzt2-2 A{ font-size:14PX;color:#565658;  }
.hdzt2-2 A:HOVER{font-size:14PX;color:#323233;  }

/*精品课程 */
.jpkc{width:100%; height:550PX;background-color:#f8f8f8; }
.jpkc1{width:70%; height:30PX; margin:0 auto; padding-top:20PX }
.jpkc2{width:70%; padding-top:20PX; margin:0 auto;  }
.jpkc1-1{width:6px; height:24PX; float:left; padding-right:10PX}
.jpkc1-2{width:100PX; height:30PX; float:left; font-size:18PX; color:#494a4b;}
.jpkc1-3{width:100PX; height:30PX; float: right; font-size:14PX; color:#666666; line-height:30PX}

.jpkc2nr{width:100%;height:450px; }
.jpkc2nr LI{width:33.3%; height:210px; float:left;transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s; margin-bottom: 20px;  }

.jpkc2nr1z{width:98%; height:200px; float:left;transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;  }
.jpkc2nr1z:HOVER{width:98%; height:200px; margin-top: 10px; }


.jpkc2nr1{width:98%; height:200px; }
.jpkc2nr1-1{width:65%; height:200px; float:left; overflow:hidden; position:relative;}
.jpkc2nr1-1 img{width:100%; height:100%;}

.jpkc2nr1-2{width:30%; height:180px; float:left;  color:#FFF; padding-left:1%; padding-right:1%; padding-top:10PX; padding-bottom:10PX  }
.jpkc2nr1-2-1{width:100%; height:50px; margin-bottom:20PX;  padding-top:20PX; overflow:hidden;font-size:14PX }
.jpkc2nr1-2-1 a{font-size:14PX}
.jpkc2nr1-2-1 a:HOVER{font-size:14PX}

.jpkc2nr1-2-2{width:100%; height:30px; font-size:14PX;overflow:hidden;font-size:12PX}
.jpkc2nr1-2-3{width:100%; height:30px; font-size:14PX;overflow:hidden;font-size:12PX}
.jpkc2nr1-2-4{width:100%; height:30px; font-size:14PX;overflow:hidden;font-size:12PX}
.HUANG{background-color:#f9c039;}
.GREEN{background-color:#6bde8f;}
.LANGREEN{background-color:#0abfb0;}
.FEN{background-color:#ff6e6e;}
.LAN{background-color:#44ccee;}
.SHENGGREEN{background-color:#ee6205;}

/*推荐课程 */
.tjkc{ width:100%; height:690PX; padding-top:20PX;}
.tjkc1{width:70%; height:30PX; margin:0 auto;}
.tjkc2{width:70%; padding-top:20PX; margin:0 auto; }
.tjkc1-1{width:6px; height:24PX; float:left; padding-right:10PX}
.tjkc1-2{width:100PX; height:30PX; float:left; font-size:18PX; color:#494a4b;}
.tjkc1-3{width:100PX; height:30PX; float: right; font-size:14PX; color:#666666; line-height:30PX}

.tjkc2 LI{width:25%;height:320PX; float:left;  }
.tjkc2Z{ width:90%;height:290PX;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);border:1PX solid #DEDEDE;border-radius:5px;transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;cursor: pointer}
.tjkc2Z:HOVER{width:90%;height:290PX; margin-top: -10px; }

.tjkc2-1{width:100%;height:200PX; overflow:hidden; }
.tjkc2-1 img{width:100%;height:200PX;}
.tjkc2-2{width:96%;height:25PX; overflow:hidden; padding-left:2%; padding-right:2%; text-align:center;  margin-top:5PX; font-size:14PX;margin-bottom: 5px}
.tjkc2-2 a{font-size:14PX}
.tjkc2-2 a:HOVER{font-size:14PX}
.tjkc2-3{width:90%;height:25PX; padding-left:5%; color:#acacac;font-size:12PX }
.tjkc2-3 a{font-size:12PX }
.tjkc2-3 a:HOVER{font-size:12PX}

.tjkc2-4{width:96%;height:30PX; padding-left:2%; padding-right:2%;color:#acacac;font-size:12PX}
.tjkc2-4 a{font-size:12PX }
.tjkc2-4 a:HOVER{font-size:12PX}

.tjkc2-3-1{width:50%;height:22PX; float:left;}
.tjkc2-3-2{width:50%;height:22PX; float:left; text-align:right; padding-top:3PX}
.tjkc2-4-1{width:50%;height:30PX; float:left;}
.tjkc2-4-2{width:47%;height:30PX; float:left; text-align:right; padding-right:3%}
.tjkc2-4-1-1{width:23%;height:18px; float:left;}
.tjkc2-4-1-2{ width:77%;height:18px;float:left; overflow:hidden;padding-top:6PX}
.tjkc2-4-2-1{width:20%;height:18px; float:right; text-align:left }
.tjkc2-4-2-2{ height:18px;float:right; overflow:hidden; padding-top:6PX}

/*猜你喜欢 */
.cnxh{ width:100%; height:680PX; padding-top:20PX;}
.cnxh1{width:70%; height:30PX; margin:0 auto;}
.cnxh2{width:70%; padding-top:20PX; margin:0 auto; }
.cnxh1-1{width:6px; height:24PX; float:left; padding-right:10PX}
.cnxh1-2{width:100PX; height:30PX; float:left; font-size:18PX; color:#494a4b;}
.cnxh1-3{width:100PX; height:30PX; float: right; font-size:14PX; color:#666666; line-height:30PX}
.cnxh2 li{ width:25%;  float:left; margin-bottom:30PX; position:relative;}

.cnxh2-1{height: 283PX; position:relative; border:1PX solid #DEDEDE; overflow:hidden;width:90%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);border:1PX solid #DEDEDE;border-radius:5px;}
.cnxh2-1-1{height: 200PX;position:absolute;width:100%;overflow: hidden}
.cnxh2-1-1 img{height: 200PX;width:100%;transition: all 1s linear 0s;
    -webkit-transition: all 1s linear 0s;
    -moz-transition: all 1s linear 0s;
    -ms-transition: all 1s linear 0s;}
	
	.cnxh2-1-1:hover  img {
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);

}
.cnxh2-1-2{height: 200PX; position:absolute; background-color:#FFF; margin-top:175PX; width:100%;border-top-left-radius: 30px; transition: all 0.3s linear 0s; }
.cnxh2-1-2:hover{height: 346PX; position:absolute; background-color:#FFF; margin-top:110PX; width:100%;border-top-left-radius: 30px;background-color: rgba(255,255,255,0.9);  }

.cnxh2-1-2-1{height: 28PX; font-size:14PX; color:#252324; overflow:hidden; padding-top:15PX; padding-left:2%; padding-right:2%; width:96%; margin-bottom:10PX; text-align: center;margin-bottom: 10px }
.cnxh2-1-2-1 A{ font-size:14PX;color:#565658;  }
.cnxh2-1-2-1 A:HOVER{font-size:14PX;color:#323233;  }
.cnxh2-1-2-2{ padding-left:10%; width:90%; overflow:hidden;color:#898686; font-size:12PX; height:28PX;  }
.cnxh2-1-2-3{padding-left:10%; width:90%; overflow:hidden;color:#898686; font-size:12PX; height:28PX; }
.cnxh2-1-2-4{padding-left:10%; width:90%; overflow:hidden;color:#898686; font-size:12PX; height:28PX;}
.cnxh2-1-2-5{padding-left:10%; width:90%; overflow:hidden;color:#898686; font-size:12PX; height:28PX;}

.phbz{width:100%;height:730PX; }
.phb{width:70%;height:730PX; padding-top:30PX;margin:0 auto; overflow:hidden;  }
.emphb{width:33.33%;height:670PX; float:left;}
.xkphb{width:33.33%;height:670PX; float:left;}
.wxphb{width:33.33%;height:670PX; float:left;}

.emphbz{width:92%;height:670PX; float:left;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);border:1PX solid #DEDEDE;background-color:#ffffff;}
.xkphbz{width:92%;height:670PX; float:left;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);border:1PX solid #DEDEDE;background-color:#ffffff;}
.wxphbz{width:92%;height:670PX; float:left;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);border:1PX solid #DEDEDE;background-color:#ffffff;}

.emphb1{width:97%;height:50PX; padding-top:20PX; border-bottom:1PX solid #DEDEDE; padding-left:3% }
.emphb1 img{height:42PX; max-width:100% }
.emphb2{width:100%;height:515PX; padding-top:20PX}
.emphb2left{width:10%;height:500PX; float:left; padding-left:8%; font-size:16PX; font-weight:bold;}
.emphb2right{width:75%;height:500PX; float:left;}
.emphb2left LI{width:100%; height:115PX; line-height:110PX;  }
.emphb2left-1{color:#df0b0a;}
.emphb2left-2{color:#f24408;}
.emphb2left-3{color:#f0a933;}
.emphb2left-4{color:#b2b2b2;}
.emphb2left-5{color:#b2b2b2;}


.emphb2right li{width:100%; height:115PX;}
.emphb2rightz{width:100%; height:110PX;float:left; overflow:hidden;}


.emphb2right1{ width:50%;height:100PX;float:left; overflow:hidden; }
.emphb2right1 img { width:100%;height:100PX;
transition: all 1s linear 0s;
    -webkit-transition: all 1s linear 0s;
    -moz-transition: all 1s linear 0s;
    -ms-transition: all 1s linear 0s; 
}

.emphb2right1 img:hover { width:100%;height:100PX;
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
}

.emphb2right2{width:47%; height:100PX;float:left; padding-left:3%; }
.emphb2right2-1{width:100%; height:50PX; line-height:25PX; overflow:hidden; font-size:14PX; margin-top:5PX; }
.emphb2right2-1:HOVER{ color:#578bd7; }

.emphb2right2-1 a{font-size:14PX; }
.emphb2right2-1 a:HOVER{ font-size:14PX;  }


.emphb2right2-2{width:100%; height:25PX; font-size:12PX; color:#979596; margin-top:20PX; }

.xwdt{width:100%;height:420PX; padding-top:30PX;background-color:#f8f8f8;}
.xwdt1{width:70%; height:30PX; margin:0 auto;}
.xwdt2{width:70%; padding-top:20PX; margin:0 auto; }
.xwdt1-1{width:6px; height:24PX; float:left; padding-right:10PX}
.xwdt1-2{width:100PX; height:30PX; float:left; font-size:18PX; color:#494a4b;}
.cnxh1-2fl{width:200PX; height:30PX; float:left;}
.cnxh1-2fl li{width:100PX; height:30PX; float:left; cursor:pointer;font-size:14PX;}
.cnxh1-2fl li A{ color:#16416d ;font-size:14PX;}
.cnxh1-2fl li A:HOVER{color:#16416d;font-size:14PX;}
.cnxh1-2fl-1{width:80PX; height:30PX; background-color:#eeecec; line-height:30PX; text-align:center;border-radius:3px; cursor:pointer;font-size:14PX; }
.cnxh1-2fl-2{width:80PX; height:30PX; background-color:#eeecec;  line-height:30PX;text-align:center;border-radius:3px; cursor:pointer;font-size:14PX;}
.cnxh1-2fl-1change{width:80PX; height:30PX; background-color:#d4e0f3; line-height:30PX; text-align:center;border-radius:5px;font-size:14PX;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.cnxh1-2fl-2change{width:80PX; height:30PX; background-color:#d4e0f3;  line-height:30PX;text-align:center;border-radius:5px;font-size:14PX;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}



.xwdt1-3{width:100PX; height:30PX; float: right; font-size:14PX; color:#666666;}
#Jxwdt2-1{ display:block}
#Jxwdt2-2{display:none}
.TZGG{ width:100%; overflow:hidden;}
.TZGG1{ width:102%; height:150PX; padding-top:20PX}

.TZGG1 li{width:33.3%;height:150PX; float: left}
.TZGG1 li:hover{width:33.3%;height:150PX; float: left; margin-top:5PX;transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;}
.TZGG1-1{ width:90%;height:150PX;}
.TZGG1-2{width:45%; float:left;height:150PX;}
.TZGG1-1-1{width:45%; float:left;height:120PX;overflow: hidden  }
.TZGG1-1-1 img{ width:100%;height:120PX;border-radius: 5px;}
.TZGG1-1-2{width:50%; float:left;height:150PX;padding-left:3%}
.TZGG1-1-2-1{width:100%; height:45PX; overflow:hidden; font-size:14PX; color:#333;line-height:22px}

.TZGG1-1-2-1 a{font-size:14PX; }
.TZGG1-1-2-1 a:hover{font-size:14PX;}

.TZGG1-1-2-2{width:100%; height:40PX; color:#ababab;display: -webkit-box ;overflow: hidden;text-overflow: ellipsis;
    word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:2; margin-bottom: 5px;font-size: 12px;line-height: 22px}
.TZGG1-1-2-3{width:100%; height:45PX;}
.TZGG1-1-2-3-1{width:50%; height:28PX; float:left;font-size:12PX;line-height:28PX;}
.TZGG1-1-2-3-2{width:50%; height:28PX;float:left; line-height:28PX; font-size:12PX; }
.TZGG1-1-2-3-1-1{ width:90%; height:25PX;  background-color:#cd0a0a; line-height:25PX; text-align:center; color:#FFFFFF;border-radius: 20px;font-size: 12px}
.TZGG1-1-2-3-1-2{ width:90%; height:25PX;  background-color:#68686a; line-height:25PX; text-align:center; color:#FFFFFF;border-radius: 20px;  border:1PX solid #DEDEDE; font-size: 12px}




.TZGG2{width:100%;margin-top: 10px;overflow: hidden;}
.TZGG2 LI{width:48%; background-color:#f6f6f6; height:45PX;border-radius:50px; line-height:45PX; margin-bottom:10PX;float: left;margin-right: 2%}
.TZGG2 LI:hover{width:48%; background-color:#eeeded; height:45PX;border-radius:50px; line-height:45PX; margin-bottom:10PX; cursor:pointer; margin-right: 2%}
.TZGG2-1-1{width:70%; float:left; height:45PX; padding-left:3%; font-size:14PX;overflow: hidden }
.TZGG2-1-2{width:15%; float: right; height:45PX;font-size:16PX;padding-right: 3%; overflow: hidden }

.bottom{width:100%; background-color:#276dc3;}
.bottom1{width:72%; height:200PX; margin:0 auto; }
.bottom2{width:100%; height:45PX;margin:0 auto;background-color:#143258; text-align:center; color:#FFFFFF; font-size:14PX; line-height:45PX;}

.bottom1-1{width:100%; height:60PX; padding-top:25PX; }
.bottom1-2-1{color:#FFFFFF; font-size:14PX; line-height:30PX; width:40%; float:left; padding-left:1% }
.bottom1-2-2{ width:25%; float:right; }
    .BOTTOM2-1{ width:50%; position:relative;float:left;}
    .BOTTOM2-2{width:50%; position:relative;float:left;}
    .BOTTOM2-2ewm{ width:180PX; height:194PX;position:absolute; margin-top:-190PX; display:none;z-index: 9999;margin-left: -12%;}
    .BOTTOM2-2ewm img{ width:180PX;  height:194PX;}
    .BOTTOM2-2-1{width:150px;border-radius:10px;position:relative;}
    .BOTTOM2-2-1 img{ width:90%; border:1px solid #868686 ;border-radius:30px;}