body{  margin:0; padding:0; text-align:center;  font-size:12px; font-family:PingFangSC-Semibold, sans-serif;}
table,td,tr,img,ul,li,h1,h2,p,object,param,embed{margin:0; padding:0; border:0;}
img{border:0;}
ul,li{list-style:none;}
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{content:""; display:block; height: 0; clear:both; visibility:hidden;}

/*-返回定部-*/
#tbox{width:54px; float:right; position:fixed; right:50px; bottom:15px;}
#gotop{ width:54px; height:54px; background:#f19601; display:block;}
#gotop .retopic{display: inline-block; border-top: 2px solid; border-right: 2px solid; margin-top: 20px; width: 25px; height: 25px; border-color: #fff; transform: rotate(-45deg);}

.pc-container{width: 100%; height: 100%; margin: 40px auto 0 auto; text-align: center;  background:url("../images/bg.jpg") no-repeat  top center; }
.pc-container .banner1{ height:327px;  background:url("../images/1.png") no-repeat center ;}
.pc-container .banner2{ height:158px;  background:url("../images/2.png") no-repeat center;}
.pc-container .banner3{ height:712px;  background:url("../images/3.png") no-repeat center;}
.pc-container .banner4{ height:231px;  background:url("../images/4.png") no-repeat center;}
.pc-container .banner5{ height:619px;  }
.pc-container .banner6{ height:882px;  background:url("../images/6.png") no-repeat center;}
.pc-container .banner7{ height:714px;  background:url("../images/7.png") no-repeat center;}
.pc-container .banner8{ height:600px;  background:url("../images/8.png") no-repeat center;}
.pc-container .banner9{ height:712px;  background:url("../images/9.png") no-repeat center;}
.pc-container .banner10{ height:399px;  background:url("../images/10.png") no-repeat center;}
.pc-container .banner11{ height:527px;  background:url("../images/11.png") no-repeat center;}

.pc-container .main_m{width: 960px; height: 100%; margin: 0 auto; text-align: center; position: relative;}

.pc-container  .pc-zx{width: 100%; height: auto; display:flex;flex-flow: row nowrap; justify-content: center; padding:10px 0 20px 0;   }
.pc-container  .pc-zx-icon1{width:15%; height:30px; background: #f77a26; color: #fff; padding: 10px; text-align: center; line-height: 30px; font-size: 16px; transition:all 1s ease-in-out 0s; cursor: pointer; border-radius:20px;  }
.pc-container  .pc-zx-icon2{width: 13%; margin:0 2%; height:30px; background:#3ea6ff; color: #fff; padding: 5px; text-align: center; line-height: 30px; font-size: 16px; transition:all 1s ease-in-out 0s; cursor: pointer; border-radius: 25px;}
.pc-container  .pc-zx-icon1:hover,.pc-container  .pc-zx-icon2:hover{box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.8);}

/*顶部试听预约*/
.pc-container .yuyue{width: 760px; height: 150px; padding-top:148px; margin-left:100px; position: relative;}
.pc-container .top_yuyue_form{width:100%; height: auto; margin: 5px auto 40px auto;}
.pc-container .top_yuyue_form .textinput{width: 150px; height: 40px; margin-bottom: 15px; margin-right:10px;  font-size: 16px; padding-left: 5px; float: left;  outline: none; }
.pc-container .top_yuyue_form .btnon{position: absolute; outline: none; width:150px; height: 41px; border: 2px solid #e0e0e0; background: #f77a26; font-size: 16px; color: #fff; cursor: pointer; right:55px; bottom:103px; font-weight: bold; }

.pc-container .top_yuyue_form .form-group{width: 27%; float: left;}
.pc-container .top_yuyue_form .yzmcode{width: 55%; height: 40px;  font-size: 14px; float: left;}
.pc-container .top_yuyue_form .codetxt{width: 40%; background: #e1e6ec; outline: none; height: 42px; cursor: pointer; font-size: 14px; border: 0;}

.pc-container  .top_yuyue{width: 300px; height: 165px;  top:55px; right:150px; position: absolute;}
.pc-container .top_yuyue_form1{width: 80%; height: auto; margin: 10px auto 0 auto;}
.pc-container .top_yuyue_form1 .textinput{width: 97%; height: 35px; margin-bottom:5px; font-size: 16px; padding-left: 5px; }
.pc-container .top_yuyue_form1 .btnon{outline: none; border: 0; width: 100%; height: 35px; background: #fe4101; font-size: 16px; color: #fff; cursor: pointer;}

.pc-container .top_yuyue_form1 .form-group{width: 100%; margin-bottom:5px; }
.pc-container .top_yuyue_form1 .yzmcode{width: 55%; height: 31px;  font-size: 14px; float: left;}
.pc-container .top_yuyue_form1 .codetxt{width: 40%; background: #f0f0f0; outline: none; height: 35px; cursor: pointer; font-size: 14px;}

/*在线课程*/

.hjb-course .hjb-ul-nav {overflow: hidden; margin: 20px auto 5px auto; display: flex; justify-content: space-around; flex-flow: row wrap; width: 810px;}
.hjb-course .hjb-ul-nav li {font-size: 16px; cursor: pointer;}

.hjb-li1 { width:248px; height: 58px; line-height: 58px; text-align: center; color: #fff;  background: #003432;}
.hjb-course .hjb-ul-nav .hjb-li-color{color: #fff;  background: #009a98;}
.hjb-li2 {width: 248px; height: 58px; line-height: 58px; text-align: center; color: #fff;  background: #003432; }
.hjb-li3 {width: 248px; height: 58px; line-height: 58px; text-align: center; color: #fff;   background: #003432; }
.hjb-cur{margin: 0 auto;}
.hjb-cur ul {overflow: hidden; width: 95%; margin-left: 36px;}

.hjb-cur-show a{cursor: pointer}
.hjb-cur>div{display: none;}
.hjb-cur .hjb-cur-show{display: block;}

/*common公共类底部*/

.huangBotBox{height: auto;color: #fff;padding: 20px 0;text-align: center;background: #505c85;padding: 100px 0;}
.huangBotBox a{color: #fff;}
.huangBotBox a:hover{text-shadow: 0 0 5px #fff;}
.huangBotBox2{overflow: hidden;display: inline-block;border: 0px solid red;}
.huangBotBox .fls{padding-right: 20px;float: left;position: relative;}
.huangBotBox .fls:after{content: "";display: inline-block;width: 2px;height: 120px;background: #fff;position: absolute;top: 0;right: 0;}
.huangBotBox .fls img{width: 240px;}
.huangBotBox .frs{padding-left: 20px;float: left;}
.huangBotBox .frsbox1{overflow: hidden;}
.huangBotBox .fls2{float: left;background: -pink;}
.huangBotBox .frs2{float: left;padding-left: 20px;text-align: left;background: -orange;}
.huangBotBox .frs2 p{padding-top: 10px;}
.huangBotBox .frs2 .p1{font-size: 18px;font-weight: 700;padding-bottom: 10px;}
.huangBotBox .fls2 .p1 img{width: 100px;height: 100px;}
.huangBotBox .frs2 .p1 a{font-size: 20px;}
.huangBotBox .fls2 .p2{font-size: 16px;text-align: center;padding-top: 10px;color: #fff;}
.huangBotBox .frs2 .p2 a{font-size: 16px;}
.huangBotBox .frs2 .p3{font-size: 20px;font-weight: 700;padding-top: 20px;color: #fff;}
.huangBotBox .frs2 .p3:after{content: "";display: block;width: 200px;height: 2px;background: #fff;margin: 10px 0;}
.huangBotBox .frs2 .p4 a{font-size: 16px;padding-bottom: 5px;}
.huangBotBox .frsbox2{text-align: left;padding-top: 20px;}
.huangBotBox .frsbox2 .p1{font-size: 16px;padding-left: 10px;color: #fff;}

/*公共类按钮*/

.combtnbox{text-align: center;}
.combtnbox .combtnlink{display: inline-block;font-size: 20px;color: #fff;font-weight: 700;background: #ff9039;padding: 12px 50px;border-radius: 10px;transition: all 0.3s;box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);}
.combtnbox .combtnlink:hover{background: #D49915;box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);cursor: pointer;}

/*引入了新航道后端的样式前端必须重置的*/

input{margin: 0;padding: 0;}

/*定义公共类间距*/

.padx00{padding: 60px 0;}
.magx00{margin: 60px 0;}
.padx0auto{padding: 60px auto;}
.magx0auto{margin: 60px auto;}
.padtopx0{padding-top: 60px;}
.padbotx0{padding-bottom: 60px;}
.magtopx0{margin-top: 60px;}
.magbotx0{margin-bottom: 60px;}

/*临时备用*/

.br1{border: 1px solid red !important;}
.br2{border: 1px solid orange !important;}
.bg1{background: pink !important;}
.bg2{background: orange !important;}
