@charset "utf-8";
/* CSS Document */
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:  0 auto; text-align: center;  background:url("../images/bg.jpg") no-repeat  top center ; }
.pc-container .banner1{ height:394px;  background:url("../images/1.png") no-repeat center;}
.pc-container .banner2{ height:145px;  background:url("../images/2.png") no-repeat center;}
.pc-container .banner3{ height:807px;  background:url("../images/3.png") no-repeat center;}
.pc-container .banner4{ height:61px; padding-top: 50px;  background:url("../images/4.png") no-repeat center;}
.pc-container .banner5{ height:561px; }
.pc-container .banner6{ height:54px; background:url("../images/6.png") no-repeat center;}
.pc-container .banner7{ height:915px;  background:url("../images/7.png") no-repeat center;}
.pc-container .banner8{ height:407px;  background:url("../images/8.png") no-repeat center;}
.pc-container .banner9{ height:51px; margin-top: 20px; background:url("../images/9.png") no-repeat center;}
.pc-container .banner10{ height:1111px; }
.pc-container .banner11{ height:69px;  background:url("../images/11.png") no-repeat center;}
.pc-container .banner12{ height:1220px;  background:url("../images/12.png") no-repeat center;}
.pc-container .banner13{ height:393px;  background:url("../images/13.png") no-repeat center;}
.pc-container .banner14{ height:855px;  background:url("../images/14.png") no-repeat center;}
.pc-container .banner15{ height:630px;  background:url("../images/15.png") no-repeat center;}
.pc-container .banner16{ height:460px;  background:url("../images/16.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: 860px; height: 150px; padding-top:65px; margin-left:30px; position: relative;}
.pc-container .top_yuyue_form{width:100%; height: auto; margin: 5px auto 40px auto;}
.pc-container .top_yuyue_form .textinput{width: 200px; height: 40px; margin-bottom: 15px; margin-right:5px;  font-size: 16px; padding-left: 5px; float: left;  outline: none; }
.pc-container .top_yuyue_form .btnon{position: absolute; outline: none; width:170px; height: 45px; border: 0; background: #ec661a; font-size: 16px; color: #fff; cursor: pointer; right:20px; bottom:100px; 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: #dadada; outline: none; height: 46px; cursor: pointer; font-size: 14px; border: 0;}

.pc-container  .top_yuyue{width: 300px; height: 165px;  top:110px; right:120px; 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:15px; font-size: 16px; padding-left: 5px; }
.pc-container .top_yuyue_form1 .btnon{outline: none; border: 0; width: 100%; height: 35px; background: #c3000e; font-size: 16px; color: #fff; cursor: pointer;}

.pc-container .top_yuyue_form1 .form-group{width: 100%; margin-bottom:15px; }
.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; }

.pc-container .banner10 .rbkc2{padding-top:10px; }
.hjb-course2 .hjb-ul-nav2 {overflow: hidden; width:980px; height:auto; display: flex; flex-flow:row nowrap; justify-content: center;  margin: 0 auto;}
.hjb-course2 .hjb-ul-nav2 li { font-size:16px; cursor: pointer; width: 185px; height:30px; margin-right:13px; line-height:30px; font-weight: bold; color: #494949; background: #fff; text-align: center; border: 1px solid #c3000e; border-radius: 15px;  }
.hjb-course2 .hjb-ul-nav2 li span{color: #636363; font-weight: bold;}
.hjb-course2 .hjb-ul-nav2 .hjb-li-color2{color: #fff;  background:#c3000e;}
.hjb-course2 .hjb-ul-nav2 .hjb-li-color2 span{color: #fff; font-weight: bold;}
.hjb-cur2{overflow: hidden; width:100%; margin-top: 20px;}
.hjb-cur2>div{display: none;}
.hjb-cur2 .hjb-cur-show2{display: block;}


.pc-container .banner5 .rbkc3{}
.hjb-course3 .hjb-ul-nav3 {overflow: hidden; width:980px; height:auto; display: flex; flex-flow:row nowrap; justify-content: center;  margin: 0 auto;}
.hjb-course3 .hjb-ul-nav3 li { font-size:16px; cursor: pointer; width: 185px; height:35px; margin-right:5px; line-height:35px; font-weight: bold; color: #494949; background: #fff; text-align: center; border: 1px solid #c0000b; border-radius: 25px;  }
.hjb-course3 .hjb-ul-nav3 li span{color: #636363; font-weight: bold;}
.hjb-course3 .hjb-ul-nav3 .hjb-li-color3{color: #fff;  background:#c0000b;}
.hjb-course3 .hjb-ul-nav3 .hjb-li-color3 span{color: #fff; font-weight: bold;}
.hjb-cur3{overflow: hidden; width:100%; margin-top: 10px;}
.hjb-cur3>div{display: none;}
.hjb-cur3 .hjb-cur-show3{display: block;}
.hjb-cur3 div{width:975px; height:520px;  overflow-y:auto; overflow-x: hidden; margin: 0 auto; }

.pc-container .swiper-scroll .gallery-top {height:auto; width: 100%; padding-top: 200px;}
.pc-container .swiper-scroll .gallery-top .t-top{height:380px; width: 100%;}
.pc-container .swiper-scroll .gallery-top .t-flew{width: 100%; height: 100%; display: flex; justify-content: space-around; flex-flow:row nowrap; }
.pc-container .swiper-scroll .gallery-top .t-flew .t-r{ text-align: left; padding-left: 30px;}
.pc-container .swiper-scroll .gallery-top .t-flew .t-r h4{font-size: 18px; color: #0f29ba; line-height: 35px; }
.pc-container .swiper-scroll .gallery-top .t-flew .t-r p{ line-height: 30px; font-size: 16px; margin-bottom: 10px;}

.pc-container .swiper-scroll .gallery-thumbs { font-size: 14px; margin-top: 20px; width: 800px;}
.pc-container .swiper-scroll .gallery-thumbs .swiper-wrapper{display: flex; flex-flow: row nowrap; justify-content: left;}
.pc-container .swiper-scroll .gallery-thumbs .swiper-slide {opacity: 0.4; text-align: center; border: 3px solid #898989; color: #000;  font-weight: bold; border-radius: 50%; width:70px; height: 70px; display: block;}
.pc-container .swiper-scroll .gallery-thumbs .swiper-slide img{ border-radius: 50%;}
.pc-container .swiper-scroll .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; font-weight: bold;  color: #fff;   border: 3px solid #023ecc;}

.pc-container  .top_yuyue3{width: 300px; height: 165px;  bottom:148px; right:70px; position: absolute;}
.pc-container .top_yuyue_form3{width: 80%; height: auto; margin: 10px auto 0 auto;}
.pc-container .top_yuyue_form3 .textinput{width: 97%; height: 35px; margin-bottom:5px; font-size: 16px; padding-left: 5px; }
.pc-container .top_yuyue_form3 .btnon{outline: none; border: 0; width: 100%; height: 35px; background: #c3000e; font-size: 16px; color: #fff; cursor: pointer;}

.pc-container .top_yuyue_form3 .form-group{width: 100%; margin-bottom:5px; }
.pc-container .top_yuyue_form3 .yzmcode{width: 55%; height: 31px;  font-size: 14px; float: left;}
.pc-container .top_yuyue_form3 .codetxt{width: 40%; background: #f0f0f0; outline: none; height: 35px; cursor: pointer; font-size: 14px; }

.pc-container .project{padding: 30px 0 90px 0;}
.pc-container .project .projectBox{display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
.pc-container .project .projectBox .projectBox-item{ width: 255px;display: flex;flex-direction: column;align-items: center;box-shadow: 0 0 5px 1px #e5e5e5;border-top: 5px solid #e1e1e1;padding: 5px 0 10px 0;box-sizing: border-box;}
.pc-container .project .projectBox .projectBox-item .pro-item-top{width: 244px;height: 183px;border: 3px solid #fff3f3;position: relative;display: flex;justify-content: center;}
.pc-container .project .projectBox .projectBox-item .pro-item-top .proItem-des{position: absolute;bottom: 15px;color: #fffeff;font-size: 18px;font-weight: bold;width: 200px;height: 55px;display: flex;align-items: center;justify-content: center;}

.pc-container .project .projectBox .projectBox-item .pro-item-txt{ width: 200px;height: 50px;font-size: 16px;color: #1c1c1c;font-weight: bold;display: flex;align-items: center;justify-content: center;text-align: center;}
.pc-container .project .projectBox .projectBox-item .pro-item-xuLine{ width: 165px;height: 0;border: 1px dashed #c0c0c0;margin: 5px 0;}
.pc-container .project .projectBox .projectBox-item .pro-item-btn{cursor: pointer;width: 200px;height: 35px;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: bold;color: #cd1016;background-image: linear-gradient(to right, #ffc772,#f7ab59, #ffc772);border-radius: 41px; margin-top: 15px;}

.pc-container .fontBig{font-size: 30px;color: #414141;}
.pc-container .fontBig span{color: #cb000d;font-weight: bold;}

.pc-container .main-m{width:1110px; height: 100%;position: relative; margin: 0 auto; text-align: center;}
.pc-container .main-m img{width: 100%;height: 100%;display: block;}