@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;}

/*头部*/
.header{
	width:100%;
	height: 54px;
	margin:0px auto;
	background-color:#333;
	position:fixed;
	top:0px;
	z-index:999;
	}
.nav{
	width:1034px;
	height:54px;
	margin:0px auto;
	overflow: hidden;
	}
.nav a{
	color:#fff;
	font-size:18px;
	font-weight:500;
	}
.nav a:hover{
	text-decoration:none;
	color:#fff;
	}
.logo img{
	width: 198px;
	}
.logo{
	float:left;
	width: 198px;
	margin-top:7px;
	}
.navigation{
	width:60%; 
	float:left; 
	font-weight:500;
}
.navigation .navul {
	padding-left:0%;
}
.navigation .navul li{
	float: left;
    line-heigh:54px;
    margin-left: 3%;
	list-style: none; padding-top: 15px;
    }
.navigation .navul .sy{}
.navigation a{text-decoration:none;}
.navigation a:hover{ 
	text-decoration:none;
	color:#ff7f00;
	}
.phone{
	float:right; 
	height:54px;
	text-align:right;
	background: url("../img/phone.png") left center no-repeat;
	padding-left:50px;
	}	
.phonenumber{
	color:#ff7f00;
	height:54px;
	font-weight:bold;
	font-size:18px;
	line-height:54px;
    }


.pc-container{width: 100%; height: 100%; margin: 40px auto 0 auto; text-align: center;  }
.pc-container .banner1{ height:510px;  background:#00223e url("../img/1.png") no-repeat center ;}
.pc-container .banner2{ height:174px;  background:url("../img/2.png") no-repeat center;}
.pc-container .banner3{ height:86px;  background:url("../img/3.png") no-repeat center;}
.pc-container .banner4{ height:684px;  background:url("../img/4.png") no-repeat center;}
.pc-container .banner5{ height:614px;  background:url("../img/5.png") no-repeat center;}
.pc-container .banner6{ height:146px;  background: url("../img/6.png") no-repeat center;}
.pc-container .banner7{ height:auto;  background: url("../img/7.png") no-repeat center;}
.pc-container .banner7a{ height:112px;  background: url("../img/7a.png") no-repeat center;}
.pc-container .banner8{ height:534px;  background: url("../img/8.png") no-repeat center;}
.pc-container .banner9{ height:646px;  background: url("../img/9.png") no-repeat center;}
.pc-container .banner10{ height:568px;  background: url("../img/10.png") no-repeat center;}
.pc-container .banner11{ height:454px;  background: url("../img/11.png") no-repeat center;}
.pc-container .banner12{ height:756px;  background: url("../img/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:10px; margin-left:40px; position: relative;}
.pc-container .top_yuyue_form{width:100%; height: auto; margin: 5px auto 40px auto;}
.pc-container .top_yuyue_form .textinput{width: 260px; height: 40px; margin-bottom: 15px; margin-right:43px;  font-size: 16px; padding-left: 5px; float: left;  outline: none; }
.pc-container .top_yuyue_form .btnon{position: absolute; outline: none; width:200px; height: 46px; border: 2px solid #e0e0e0; background: #2e3192; font-size: 16px; color: #feff00; cursor: pointer; right:30px; top:16px; 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;}

/*-版权信息-*/	
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: 20px;}
.address{
	float: left;
	width:45%;
	line-height:24px;
	font-size:14px;
	padding-left:70px;
	margin-top:25px;
	}
.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:20px;
	padding:0% 0% 0% 10%;
	border-left:1px dashed #fff;
	}