@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%;margin: 40px auto 0 auto; text-align: center;  background:url("../img/bg.png") no-repeat  top center; }
.pc-container .banner1{ height:402px;  background:url("../img/1.png") no-repeat center ;}
.pc-container .banner2{ height:132px;  background:url("../img/2.png") no-repeat center;}
.pc-container .banner3{ height:567px;  background:url("../img/3.png") no-repeat center;}
.pc-container .banner4{ height:414px;  background:url("../img/4.png") no-repeat center;}
.pc-container .banner5{ height:412px;  background:url("../img/5.png") no-repeat center;}
.pc-container .banner6{ height:366px;  background:url("../img/6.png") no-repeat center;}
.pc-container .banner7{ height:1083px;  background:url("../img/7.png") no-repeat center;}
.pc-container .banner8{ height:825px;  background:url("../img/8.png") no-repeat center;}
.pc-container .banner9{ height:222px;  }
.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);}

/*顶部试听预约*/
.form-margin{position: absolute;top:88px;left:236px;}
.pc-container .yuyue{width: 760px; height: 150px; padding-top:53px; margin-left:90px; position: relative;}
.pc-container .top_yuyue_form{width:100%; height: auto; margin: -10px auto 40px auto;}
.pc-container .top_yuyue_form .textinput{width: 130px; height: 40px; margin-bottom: 15px; margin-right:16px;  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:48px; top:48px; font-weight: bold; }

.pc-container .top_yuyue_form .form-item-code{width: 27%; float: left; }
.pc-container .top_yuyue_form .yzmcode{width: 17%; height: 40px;  font-size: 16px; float: left; position:absolute;right:318px;bottom:114px; border:1px solid #aaa;}
.pc-container .top_yuyue_form .codetxt{width: 13%; background: #f0f0f0; outline: none; height:40px; cursor: pointer; font-size: 16px; position:absolute;right:210px;bottom:115px; }

.header {
	background-color: #292f36;
	height:45px;
	line-height: 45px;
    width:100%;
	margin:0 auto; 
	text-align:center; 
}

.header--fixed {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0
}


.animated {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-4em)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(-4em)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(-4em)
	}

	100% {
		-o-transform: translateY(0)
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-4em)
	}

	100% {
		transform: translateY(0)
	}
}

.animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-4em)
	}
}

@-moz-keyframes slideUp {
	0% {
		-moz-transform: translateY(0)
	}

	100% {
		-moz-transform: translateY(-4em)
	}
}

@-o-keyframes slideUp {
	0% {
		-o-transform: translateY(0)
	}

	100% {
		-o-transform: translateY(-4em)
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-4em)
	}
}

.animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp
}

/*-顶部-*/
.top_head{width:100%; height:45px; line-height:45px; font-size:14px; margin:0 auto; text-align:center; background:#333; position:fixed; left:0; top:0; z-index:99999; overflow: hidden; color: #fff;}
  .top_main{display: flex; flex-flow: row nowrap; justify-content: space-around;}
	  .top_right a{color: #fff; margin-right:10px;}
	  .top_right a:hover{ text-decoration:underline; color: #b81b24; font-weight: 600;}

/*-底部-*/
.bottom{width:100%; height:auto; margin:0 auto; text-align:center; background:#333333; line-height:25px; }
   .bottom_seem{display: flex; flex-flow: row nowrap; justify-content: space-around; overflow: hidden; margin:0 auto; }
     .bottom_nav{padding:5px; color:#fff; height:25px;}
	   .bottom_nav a{margin:0 4px; color: #fff;}
	   .bottom_nav a:hover{text-decoration:underline; color: #fff;}
	   .bottom_nav a:active,.bottom_nav a:focus{color: #fff;}
	 .bottom_logo{ margin-top:10px;}
	   .bottom_xi p{color:#fff; line-height:35px; text-align:left;}
	     .bottom_xi p a:hover{text-decoration:underline; color:#fff; }
	     .bottom_xi p a:active,.bottom_xi p a:focus{ color:#fff; }

		.bottom_tm span p{color:#fff; }

/*-版权信息-*/	
footer{
	width: 100%;
	padding: 10px 0px;
	background-color:#333;
	overflow: hidden;
	 position: relative;}
.footer{
	width:1002px;
	height:130px;
	margin:0px auto;
	}
.logo_bottom{
	width: 102px;
	height:125px;
	float: left;
	padding:0% 10% 0% 0%;
	border-right:1px dashed #fff;
	 margin-top: 35px;}
.address{
	float: left;
	width:50%;
	line-height:24px;
	font-size:14px;
	padding-left:70px;
	margin-top:28px;
	}
.address p{
	color: white;
	font-size: 14px;
	line-height:30px;
	text-align:center;
	}
.address a{
	color: white;
	font-size: 14px;
	text-decoration:none;
	}
.address a:hover{
	color: #ff7f00;
	font-size: 14px;
	}
.wx{
	width: 94px;
	height:125px;
	float: right;
	margin-top:35px;
	padding:0% 0% 0% 10%;
	border-left:1px dashed #fff;
	}


/*-底部漂浮广告-*/
.seem-bt{width: 100%; height:142px;  background:url("../img/pc/btad.png") no-repeat center; position: fixed; bottom: 0; left: 0; z-index: 999999;}
.main_bt{width: 900px; margin: 0 auto; height:auto; position: relative;}
.seem-bt .yuyuebt{width: 355px; height: 55px; margin: 45px 0 0 540px ; padding-top: 40px;  position: relative;}
.seem-bt .top_yuyue_formbt{width:100%; height: auto; }
.seem-bt .top_yuyue_formbt .textinput{width: 125px; height: 30px; margin-bottom: 15px; margin-right:12px;  font-size: 14px;  float: left;  outline: none; padding-left: 5px;}
.seem-bt .top_yuyue_formbt .btnon{position: absolute; outline: none; width:89px; height: 90px; background: url("../images/pc/dbbt.png") no-repeat;  cursor: pointer; right:-25px; top:1px; border: 0;}