 

 

 

.part1 ul li .names{float: left; font-size: 18px;color: #333333;   margin-right: 20px;}

 

 

.part01 ul li .list{float: left;}

.part1 ul li .list a{display: inline-block;height: 25px;font-size: 14px;color: #333333;background: #ebebeb;line-height:25px;padding: 0 8px;margin-right: 4px; cursor: pointer}

.part1 ul li .list a:hover,.part1 ul li .list a.on{background: #2a59a4;color: #f7f8ff;}

.part2{margin-top: 10px; }

.part2 table{width: 100%;border-collapse: collapse;}

.part2 table tr th{background: #2a59a4;height: 50px;font-size: 16px;color: #ffffff;}

.part2 table tr td{text-align: center;font-size: 14px;color: #333333;border-bottom:1px solid #e1e1e1;padding: 10px 0;line-height: 1.5;}

.part2 table tr td a span{color: #f82d6e;}

.part2 table tr td a.gg{color: #e82930;}

.part2 table tr td a.zl{color: #00BCD4;}

.part2 table tr td a.ts{color: #4CAF50;}

.part2 table tr td a.kc{color: #00BCD4;}

.part2 table tr td a:hover{text-decoration: underline;}

/*.pages{text-align: center;margin-top: 30px;}

.pages a,.pages span{display: inline-block;vertical-align: middle;padding: 0 10px;height: 32px;line-height: 32px;background: #333;color: #fff;margin: 0 10px;}

.pages a.on,.pages a:hover{background: #2a59a4;}*/

.alert-class{ width:600px !important;}

.alertBox{display:none;padding:20px 20px 40px;}

.alertBox h3{ text-align:center; font-size:18px; line-height:1.2;}

.alertBox .slideNav{ text-align:center; border-bottom:1px solid #333; margin-top:12px;}

.alertBox .slideNav span{ display:inline-block; border:1px solid #333;border-bottom:none; position:relative; height:36px; line-height:36px; padding:0 20px; font-size:16px; margin:0 4px; cursor:pointer;}

.alertBox .slideNav span.on:after{ content:''; width:100%; height:4px; background:#ffffff; position:absolute; left:0; bottom:-2px;}

.loadList{ margin-top:12px; }

.loadList .list{display:none;}

.loadList p{ float:left; width:33.3%; margin-top:6px; line-height:1.2;}

.alertBox a{color: #2a59a4;}

.alertBox .links{padding-top:20px; text-align:center;}





.coursePage {

  text-align: center;

  overflow: hidden;

  margin: 60px 0 50px;

}

.coursePage li {

  display: inline-block;

}

.coursePage a,.coursePage span {

  display: inline-block;

  padding: 0 13px;

  height: 38px;

  border: solid 1px #eaeaea;

  text-align: center;

  line-height: 38px;

  margin: 0 8px;

  color: #333;

  border-radius: 4px;

  font-size: 18px;

}
.coursePage .active a{ background: #2a59a4; color: #fff}
.coursePage a.coursePage-prev, .coursePage a.coursePage-next {

  width: 40px;

  padding: 0;

}

.coursePage-prev {

  background: url(../images/fxfyprev.png) no-repeat center;

}

.coursePage-next {

  background: url(../images/fxfynext.png) no-repeat center;

}

.coursePage a.coursePage-prev:hover {

  background-image: url(../images/fxfyprevon.png);

}

.coursePage a.coursePage-next:hover {

  background-image: url(../images/fxfynexton.png);

}

.coursePage a:hover {

  color: #39a6fc;

  border: solid 1px #39a6fc;

}

.coursePage a.on {

  background: #39a6fc;

  border: solid 1px #39a6fc;

  color: #fff;

}

.coursePage li.thisclass a {

  background: #39a6fc;

  border: solid 1px #39a6fc;

  color: #fff;

}

.coursePage-inp {

  display: inline-block;

}

.coursePage-inp input {

  width: 50px;

  height: 39px;

  border: solid 1px #eaeaea;

  margin: 0 8px;

  text-align: center;

  border-radius: 4px;

  font-size: 18px;

}

.coursePage-inp button {

  width: 50px;

  height: 39px;

  border: solid 1px #39a6fc;

  background: #39a6fc;

  line-height: 39px;

  margin: 0 8px;

  border-radius: 4px;

  font-size: 18px;

  cursor: pointer;

  color: #fff;

}





.bghui{box-sizing: border-box;
    background: #F6F7FA;     padding: 40px 0;}




.part2 table tr td .span1{ display: none}


@media screen and (max-width:1366px){



}

@media screen and (max-width:750px) {
	.part2 table tr { display: none;}
	.part2 table tr:first-child,.part2 table tr:nth-child(2),.part2 table tr:nth-child(3),.part2 table tr:nth-child(4),.part2 table tr:nth-child(5){ display: block}
	.mb30{ margin-bottom:10px}

	::-webkit-scrollbar {display: none;}

	 

    
.part2 table tr td .span1{display: inline-block; width:90px; border-right: 1px solid #eee; text-align: center; padding:5px 0;}
.part2 table tr td .span2{display: inline-block; padding: 5px;  }
     

    .part1 ul li .names { font-size:14px; float:none; width: 100%; padding-top:0;  line-height: 20px;}

  

    .part1 ul li .list {width:100%;  float:none; line-height: 25px; margin-bottom: 10px;}

	.part2 table tr td a.kc{ display: block;   text-align: center; padding: 5px;}

    .part1 ul li .list a {height:18px;font-size:12px;line-height:18px;padding: 0 5px;margin-right:5px; cursor: pointer}

    .part2 {margin:15px 15px 0 15px; }
	.main_box .part2{ margin:15px 0 0 0;}
    .part2 table tr:nth-child(1){display: none;}

    .part2 table tr{border: 1px solid #ccc;margin-bottom:5px; overflow: hidden;}

    .part2 table tr td{border: none;border-bottom: 1px solid #eee; text-align:left;font-size: 14px;overflow: hidden; display: block; padding: 0px;}

    .part2 table tr td:before {content: attr(data-label);float: left;text-transform: uppercase;font-weight: bold;}

    .part2 table tr td:nth-of-type(1) {background: #f7f7f7; padding: 5px; text-align: center}

	 
	.coursePage{ margin:15px 0 25px 0;}
	.coursePage,.coursePage a,.coursePage span{ font-size: 14px;}
	.coursePage a,.coursePage span{ height: 25px; line-height: 25px; padding: 0 8px; margin:0 3px;}

 

    

}

.side {  position: fixed;  width: 78px;  right: 0;  top: 50%;  margin-top: -200px;  z-index: 100;  border: 1px solid #e0e0e0;  background: #fff;  border-bottom: 0}.side ul li {  width: 78px;  height: 78px;  float: left;  position: relative;  border-bottom: 1px solid #e0e0e0;  color: #333;  font-size: 14px;  line-height: 38px;  text-align: center;  transition: all .3s;  cursor: pointer}.side ul li:hover {  background: #f67524;  color: #fff}.side ul li:hover a {  color: #fff}.side ul li i {  height: 25px;  margin-bottom: 1px;  display: block;  overflow: hidden;  background-repeat: no-repeat;  background-position: center center;  background-size: auto 25px;  margin-top: 14px;  transition: all .3s}.side ul li i.bgs1 {  background-image: url(../images/right_pic5.png)}.side ul li i.bgs2 {  background-image: url(../images/right_pic7.png)}.side ul li i.bgs3 {  background-image: url(../images/right_pic2.png)}.side ul li i.bgs4 {  background-image: url(../images/right_pic1.png)}.side ul li i.bgs5 {  background-image: url(../images/right_pic3.png)}.side ul li i.bgs6 {  background-image: url(../images/right_pic6_on.png)}.side ul li:hover i.bgs1 {  background-image: url(../images/right_pic5_on.png)}.side ul li:hover i.bgs2 {  background-image: url(../images/right_pic7_on.png)}.side ul li:hover i.bgs3 {  background-image: url(../images/right_pic2_on.png)}.side ul li:hover i.bgs4 {  background-image: url(../images/right_pic1_on.png)}.side ul li:hover i.bgs5 {  background-image: url(../images/right_pic3_on.png)}.side ul li .sidebox {  position: absolute;  width: 78px;  height: 78px;  top: 0;  right: 0;  transition: all .3s;  overflow: hidden}.side ul li.sidetop {  background: #f67524;  color: #fff}.side ul li.sidetop:hover {  opacity: .8;  filter: Alpha(opacity=80)}.side ul li.sideewm .ewBox.son {  width: 238px;  display: none;  color: #363636;  text-align: center;  padding-top: 235px;  position: absolute;  left: -240px;  top: 0;  background-image: url(/images/leftewm.png);  background-repeat: no-repeat;  background-position: center center;  border: 1px solid #e0e0e0}.side ul li.sideetel .telBox.son {  width: 238px;  display: none;  color: #363636;  text-align: center;  padding-top: 235px;  position: absolute;  left: -240px;  top: 0;  background-image: url(/images/lefteJl.png);  background-repeat: no-repeat;  background-position: center center;  border: 1px solid #e0e0e0}.side ul li:hover .son {  display: block !important;  animation: fadein 1s}