@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;  }
.pc-container .banner1{ height:510px;  background:#00223e url("https://wh.xhd.cn/topic/2021ossd/images/1.png") no-repeat center ;}
.pc-container .banner2{ height:174px;  background:url("../images/2.png") no-repeat center;}
.pc-container .banner3{ height:86px;  background:url("https://wh.xhd.cn/topic/2021ossd/images/3.png") no-repeat center;}
.pc-container .banner4{ height:684px;  background:url("https://wh.xhd.cn/topic/2021ossd/images/4.png") no-repeat center;}
.pc-container .banner5{ height:614px;  background:url("https://wh.xhd.cn/topic/2021ossd/images/5.png") no-repeat center;}
.pc-container .banner6{ height:146px;  background: url("https://wh.xhd.cn/topic/2021ossd/images/6.png") no-repeat center;}
.pc-container .banner7{ height:auto;  background: url("https://wh.xhd.cn/topic/2021ossd/images/7.png") no-repeat center;}
.pc-container .banner7a{ height:112px;  background: url("https://wh.xhd.cn/topic/2021ossd/images/7a.png") no-repeat center;}
.pc-container .banner8{ height:534px;  background: url("https://wh.xhd.cn/topic/2021ossd/images/8.png") no-repeat center;}
.pc-container .banner9{ height:646px;  background: url("../images/9.png") no-repeat center;}
.pc-container .banner10{ height:568px;  background: url("../images/10.png") no-repeat center;}
.pc-container .banner11{ height:454px;  background: url("https://wh.xhd.cn/topic/2021ossd/images/11.png") no-repeat center;}
.pc-container .banner12{ height:756px;  background: url("../images/12.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:20px; 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:10px;  font-size: 16px; padding-left: 5px; float: left;  outline: none; }
.pc-container .top_yuyue_form .btnon{position: absolute; outline: none; width:170px; height: 41px; border: 2px solid #e0e0e0; background: #2e3192; font-size: 16px; color: #feff00; cursor: pointer; right:15px; top:25px; 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: 16px; float: left;}
.pc-container .top_yuyue_form .codetxt{width: 40%; background: #f0f0f0; outline: none; height: 42px; cursor: pointer; font-size: 16px; border: 0;}

.pc-container  .top_yuyue{width: 300px; height: 165px;  top:375px; right:330px; 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; }

.pc-container .swiper-scroll{width: 100%; height: auto; padding: 0.4rem auto; }
.pc-container .swiper-scroll .swiper-container {width: 100%; height:auto; margin-left: auto; margin-right: auto;}
.pc-container .swiper-scroll .swiper-slide {background-size: cover; background-position: center;}
.pc-container .swiper-scroll .gallery-top { width: 100%;}

.pc-container .swiper-scroll .gallery-thumbs { height:40px; padding: 10px 0; font-size:24px;}
.pc-container .swiper-scroll .gallery-thumbs .swiper-slide {width:225px; height:40px; opacity: 0.4; text-align: center; border: 0.01rem solid #fff; color: #fff; padding: 0.2rem 0.1rem ; border-radius: 0.1rem; cursor: pointer; line-height: 40px;}
.pc-container .swiper-scroll .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; font-weight: bold; background: #2e3192; color: #fbef1f;}

.form{width:900px; margin: 0 auto;}
.form .kuang{width: 200px; height: 40px; margin-bottom: 15px; margin-right:10px;  font-size: 16px; padding-left: 5px; float: left;  outline: none; }
.form .sub-btn { height: 46px;line-height: 46px;  }