@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#898989;line-height:28px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background:none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: inline-block;}
a{ color:#5c5c5c; text-decoration:none}

@font-face {
    font-family: "font1";
    src: url(../images/SOURCEHANSERIFCN-HEAVY.OTF); 
}


.top{ width: 100%; height: 80px; background:url(../images/tppbj.png) center no-repeat ; background-size:cover; border-bottom: 1px solid #d3b067;}
.top .topBox{ width: 90%; margin:0 auto;}
.top .topBox .logo{ float: left; height: 80px; line-height: 80px;}
.top .topBox .logo img{ display: inline-block; vertical-align: middle;}
.top .topBox .phone{ font-size: 14px; color: #d3b067; float: right; background:url(../images/topbg.png); height: 80px; line-height: 80px;}
.top .topBox .phone img{ display: inline-block; vertical-align: middle;}
.top .topBox .nav{ float: right; margin-right: 9.333vw;}
.top .topBox .nav ul{ float: right; height: 80px;}
.top .topBox .nav ul li{position: relative; height: 80px; float: left; padding: 0 40px; text-align: center; margin: 0 20px; text-align: center; height: 80px; position: relative;}
.top .topBox .nav ul li a{  font-size: 16px; color: #bc9c60; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0;transition: all 1.2s;}
.top .topBox .nav ul li img{ transition: all 0.5s; position: absolute; opacity: 0; bottom: -40px; left: 50%; transform: translateX(-50%);}
.top .topBox .nav ul li:hover img{ bottom: -30px; opacity: 1;}
.top .topBox .nav ul li:hover>a {margin-top: -10px;}
.top .topBox .nav ul li dl{ z-index: 10; width: 150px; position: absolute; left: 50%; transform: translateX(-50%); top: 80px; background:#180A2C; padding: 10px 0; display: none;}
.top .topBox .nav ul li:hover dl{ display: block;}
.top .topBox .nav ul li dl dd{ width: 100%; text-align: center; height: 40px; text-align: center; line-height: 40px;}
.top .topBox .nav ul li dl dd a{position: relative; top: auto; transform: none; transition: 0.5s; width: 100%; height: 100%; display: block; text-align: center; font-size: 14px; color: #D3B067;}
.top .topBox .nav ul li dl dd a:hover{ background: linear-gradient(90deg, #ECC563 0%, #C58000 20.82%, #EBB43E 49.24%, #EBB43E 75.07%, #C58000 100%); color: #fff; }

.top .topBox .nav ul li:hover dl{ display: block; }
.banner{ overflow: hidden; width: 100%; position: relative;}

.banner img{ transform: scale(1.2); transition: all 2s; display: block; width: 100%; height: auto;}
.banner .swiper-slide-active img { transform: scale(1);}
.banner .swiper-slide-active { z-index: 2;}
.banner .swiper-pagination{ width: 100%; bottom: 30px; height: 35px;}
.banner .swiper-pagination span{ display: inline-block; width: 11px; height:17px;  vertical-align: middle;background:url(../images/a1.png);  opacity: 1; margin: 0 15px!important;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width: 12px; height: 35px; background: url(../images/a2.png);}
.banner .swiper-button-next{ background: url(../images/a3.png); width: 42px; height: 60px; right: 40px; top: 50%; transform: translateY(-50%);}
.banner .swiper-button-prev{background: url(../images/a4.png); width: 42px; height: 60px; left: 40px; top: 50%; transform: translateY(-50%);}
.banner .swiper-button-prev::after{ display: none;}
.banner .swiper-button-next::after{ display: none;}
.banner1{ overflow: hidden; width: 100%; position: relative;}
.banner1 img{ display: block; width: 100%; height: auto;}
.banner1 .swiper-pagination{ width: 100%; bottom: 30px; height: 35px;}
.banner1 .swiper-pagination span{ display: inline-block; width: 11px; height:17px;  vertical-align: middle;background:url(../images/a1.png);  opacity: 1; margin: 0 15px!important;}
.banner1 .swiper-pagination span.swiper-pagination-bullet-active{ width: 12px; height: 35px; background:url(../images/a2.png);}
.banner1 .swiper-button-next{ background:url(../images/a3.png); width: 42px; height: 60px; right: 40px; top: 50%; }
.banner1 .swiper-button-prev{background:url(../images/a4.png); width: 42px; height: 60px; left: 40px; top: 50%;}
.banner1 .swiper-button-prev::after{ display: none;}
.banner1 .swiper-button-next::after{ display: none;}


.indexContainer{ width: 100%; }
.indexContainer .layer1{ width: 100%; padding: 75px 0; background:#180a2c;}
.indexContainer .layer1 ul{ text-align: center;}
.indexContainer .layer1 ul li{ display: inline-block; padding: 0 150px; border-right:1px solid #463b56 ;}
.indexContainer .layer1 ul li img{ display: block; margin: 0 auto;}
.indexContainer .layer1 ul li:last-child{ border: none;}
.indexContainer .layer1 ul li h2{ text-align: center; margin: 30px 0; font-size: 17px; background:linear-gradient(#f3dc84,#a37418); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight: bold;}
.indexContainer .layer1 ul li p{ font-size: 15px; background:linear-gradient(#f3dc84,#a37418); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.indexContainer .layer2{ padding-bottom: 120px; width: 100%; background:radial-gradient(#412867,#0a0423);}
.indexContainer .layer2 .bt{ padding: 75px 0;}
.indexContainer .layer2 .bt h2{font-family: "font1"; font-weight: bold; text-align: center; font-size: 26px; background:linear-gradient(#e8c868,#fced9c,#bc8b1e); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow: 0 0 10px rgba(0,0,0,.1);}
.indexContainer .layer2 .bt p{  text-align: center; padding-top: 25px; font-size: 15px;background:linear-gradient(#e8c868,#fced9c,#bc8b1e); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight: bold;}

.indexContainer .layer2Box{ max-width: 92%; overflow: hidden; width: 1440px; margin: 0 auto; padding: 3px; box-sizing: border-box; background:linear-gradient(#b58113,#f0d87e);}
.indexContainer .layer2Box .bd{ float: left; box-sizing: border-box; background:#180a2c; width: 285px; height: 600px; float: left; border-right:1px solid #e9cb6d;}
.indexContainer .layer2Box .bd ul{ width: 100%;}
.indexContainer .layer2Box .bd ul li{ line-height: 74px; box-sizing: border-box; width: 100%; height: 75px; text-align: center; line-height: 75px; border-bottom: 1px solid #2f2241; font-size: 15px; color: #d3b067; cursor: pointer;}
.indexContainer .layer2Box .bd ul li.on{ background:url(../images/zha1.png); color: #fff; border-bottom: 1px solid #fff1a1;}
.indexContainer .layer2Box .icon{ width: calc(100% - 285px); height: 600px; float: left;}
.indexContainer .layer2Box .icon img{ width: 100%; height: 100%;}
.indexContainer .layer2Box ul{ width: 100%; height: 100%;}
.indexContainer .layer2Box ul li{ width: 100%; height: 100%;}
.indexContainer .layer3{ background:#180a2c;}
.indexContainer .title{ padding: 75px 0 40px 0px;;}
.indexContainer .title h2{ font-family: "宋体"; font-weight: bold; text-align: center; font-size: 32px; background:linear-gradient(#e8c868,#fced9c,#bc8b1e); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow: 0 0 10px rgba(0,0,0,.1);line-height:48px; }
.indexContainer .title p{ margin: 30px 0; height: 30px; line-height: 30px; text-align: center; background:linear-gradient(#fced9c,#bc8b1e); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size: 16px; font-weight: bold;}
.indexContainer .title p img{ display: inline-block; margin: 0 38px; vertical-align: middle; }
.indexContainer .title span{ font-size: 14px; display: block; margin: 0 auto; width: 1200px; line-height: 32px; color: #d3b067; text-align: center;}
.indexContainer .layer3{ padding-bottom: 100px; width: 100%;}
.indexContainer .layer3 .hd{ width: 100%; position: relative;}
.indexContainer .layer3 .hd ul{position: relative; z-index: 2; text-align: center; padding-bottom: 95px;}
.indexContainer .layer3 .hd ul li{ position: relative; display: inline-block; margin: 0 25px; background:url(../images/bg1.png); width: 198px; height: 111px;}
.indexContainer .layer3 .hd ul li .num{ position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%);}
.indexContainer .layer3 .hd .xian{ width: 100%; position: absolute; top: 0; height: 46px; border-bottom: 1px solid #5d536b;}
.indexContainer .layer3 .hd ul li p{cursor: pointer; margin-top: 24px; width: 100%; height: 49px; line-height: 49px; text-align: center; font-size: 16px; color: #fced9c;}
.indexContainer .layer3 .hd ul li.on{ background:url(../images/bg2.png);} 
.indexContainer .layer3 .hd ul li.on p{ color: #fff; font-weight: bold;}
.indexContainer .layer3 .icon{ max-width: 92%; width: 1360px; margin: 0 auto; padding: 3px; box-sizing: border-box; background:linear-gradient(#b58214,#fff2a3);}
.indexContainer .layer3 .icon ul{ width: 100%; height: 100%;}
.indexContainer .layer3 .icon ul li{ width: 100%; height: 100%; position: relative;}
.indexContainer .layer3 .icon ul li img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer3 .icon ul li .text{background: linear-gradient(90deg,#180a2c, rgba(24,10,44,0.20) 100%); width: 100%; height: 188px; position: absolute; left: 0; bottom: 0; padding: 0 75px; box-sizing: border-box;}
.indexContainer .layer3 .icon ul li .text h2{ height: 80px; line-height: 80px; font-weight: bold; font-size: 16px; color: #fff;}
.indexContainer .layer3 .icon ul li .text p{ font-size: 14px; color: #fff; line-height: 24px; width: 855px;}

.indexContainer .layer4{background: radial-gradient(#412867,#0a0423); padding-bottom: 205px; position: relative;}
.indexContainer .layer4 .more{ display: block; background:url(../images/frame_2.png); width: 176px; height: 50px; margin:0 auto 75px auto; line-height: 45px; text-align: center; font-size: 14px; color: #826236; font-weight: bold;}
.indexContainer .layer4 ul{ width: 1160px; height: 100px; margin: 0 auto; background:#433261;}

.indexContainer .layer4 ul li{ text-align: center; float: left; width: 20%; float: left; height: 100px; line-height: 100px; text-align: center; position: relative;}
.indexContainer .layer4 ul li span{ vertical-align: middle; border-right:1px solid #7b6f90 ; height: 18px; width: 100%; display: inline-block; }
.indexContainer .layer4 ul li img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer4 ul li:last-child span{ border: none}
.indexContainer .layer4 ul li .nr{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:url(../images/zha1.png); border: 3px solid #b68314; box-sizing: border-box; background-size:100% 100%; transition: 0.5s; opacity: 0;}
.indexContainer .layer4 ul li .nr h2{line-height: 14px; text-align: center; padding-top: 32px; font-size: 14px; font-weight: bold; color: #fff; padding-bottom: 15px;}
.indexContainer .layer4 ul li .nr p{ font-size: 10px; line-height: 12px; font-weight: bold; color: #fff;}
.indexContainer .layer4 ul li:hover .nr{ opacity: 1;}
.indexContainer .layer4 .text{ margin-top: 35px; text-align: center; font-size: 14px;background:linear-gradient(#e8c868,#fced9c,#bc8b1e); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight: bold;}
.indexContainer .layer4 img.layer4Bg{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}

.indexContainer .layer52 img.layer4Bg1{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}



.indexContainer .layer5{ background:#180a2c;}
.indexContainer .layer5Box{ max-width: 92%; position: relative; width: 1360px; margin: 0 auto; padding-bottom: 120px;}
.indexContainer .layer5Box .swiper-container{ width: 100%; overflow: hidden;}
.indexContainer .layer5Box img{ display: block; width: 100%; height: auto;}
.indexContainer .layer5Box p{ font-size: 16px; text-align: center; margin-top: 32px;background:linear-gradient(#e8c868,#fced9c,#bc8b1e); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.indexContainer .layer5Box .swiper-button-next{ width: 22px; height: 34px; right: -70px; top:35%; transform: translateY(-50%); background:url(../images/arrow_05.png);  background-size:100% 100% ;}
.indexContainer .layer5Box .swiper-button-prev{ width: 22px; height: 34px; left: -70px; top:35%; transform: translateY(-50%); background:url(../images/arrow_03.png); background-size:100% 100% ;}
.indexContainer .layer5Box .swiper-button-prev::after{ display: none;}
.indexContainer .layer5Box .swiper-button-next::after{ display: none;}



.indexContainer .layer51{ background:#180a2c;}
.indexContainer .layer5Box1{ max-width: 92%; position: relative; width: 1360px; margin: 0 auto; padding-bottom: 120px;}
.indexContainer .layer5Box1 .swiper-container{ width: 100%; overflow: hidden;}
.indexContainer .layer5Box1 img{ display: block; width: 100%; height: auto;}
.indexContainer .layer5Box1 p{ font-size: 16px; text-align: center; margin-top: 32px;background:linear-gradient(#e8c868,#fced9c,#bc8b1e); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.indexContainer .layer5Box1 .swiper-button-next{ width: 22px; height: 34px; right: -70px; top:48%; transform: translateY(-50%); background:url(../images/arrow_05.png);  background-size:100% 100% ;}
.indexContainer .layer5Box1 .swiper-button-prev{ width: 22px; height: 34px; left: -70px; top:48%; transform: translateY(-50%); background:url(../images/arrow_03.png); background-size:100% 100% ;}
.indexContainer .layer5Box1 .swiper-button-prev::after{ display: none;}
.indexContainer .layer5Box1 .swiper-button-next::after{ display: none;}

.indexContainer .layer52{ background:#180a2c;}
.indexContainer .layer5Box2{ max-width: 92%; position: relative; width: 1360px; margin: 0 auto; padding-bottom: 120px;}
.indexContainer .layer5Box2 .swiper-container{ width: 100%; overflow: hidden;}
.indexContainer .layer5Box2 img{ display: block; width: 100%; height: auto;}
.indexContainer .layer5Box2 p{ font-size: 16px; text-align: center; margin-top: 32px;background:linear-gradient(#e8c868,#fced9c,#bc8b1e); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.indexContainer .layer5Box2 .swiper-button-next{ width: 22px; height: 34px; right: -70px; top:48%; transform: translateY(-50%); background:url(../images/arrow_05.png);  background-size:100% 100% ;}
.indexContainer .layer5Box2 .swiper-button-prev{ width: 22px; height: 34px; left: -70px; top:48%; transform: translateY(-50%); background:url(../images/arrow_03.png); background-size:100% 100% ;}
.indexContainer .layer5Box2 .swiper-button-prev::after{ display: none;}
.indexContainer .layer5Box2 .swiper-button-next::after{ display: none;}



.indexContainer .layer6{ background: #180a2c; padding-bottom: 10px;}
.indexContainer .layer6 .layer6Box{ max-width: 92%; width: 1440px; margin: 0 auto; overflow: hidden;}
.indexContainer .layer6 .layer6Box .icon{ width: 690px; height: 460px; padding: 3px; background:linear-gradient(#b58113,#fef1a2); float: left; box-sizing: border-box;}
.indexContainer .layer6 .layer6Box .icon .Tp{ width: 100%; height: 270px; position: relative;}
.indexContainer .layer6 .layer6Box .icon .Tp .time{ background:#d3b067; text-align: center; line-height: 44px; position: absolute; width: 94px; height: 44px; top: 27px; left: 0; border: 3px solid #b78316; font-weight: bold; line-height: 38px; text-align:center ; font-size: 14px; color: #fff;}
.indexContainer .layer6 .layer6Box .icon .Tp img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer6 .layer6Box .icon .nr{background:#2f2241; width: 100%; height: calc(100% - 270px); padding: 0 60px; box-sizing: border-box;}
.indexContainer .layer6 .layer6Box .icon .nr h2{ padding-top: 40px; margin: 0 0 25px 0; font-size: 16px; color: #d3b067; overflow: hidden;}
.indexContainer .layer6 .layer6Box .icon .nr p{ font-size: 12px; color: #bf9e62; line-height: 28px;}
.indexContainer .layer6 .layer6Box .list{ width: calc(100% - 700px); float: right;}
.indexContainer .layer6 .layer6Box .list ul{ width: 100%;}
.indexContainer .layer6 .layer6Box .list ul li{ transition: 0.5s; width: 100%; overflow: hidden; height: 154px; box-sizing: border-box; border: 3px solid #180a2c; box-sizing: border-box; transition: 0.5s;}
.indexContainer .layer6 .layer6Box .list ul li .time{ float: left; width: 120px; float: left; background:#d3b067; height: 148px; line-height: 148px; text-align: center; line-height: 148px; font-size: 18px; color: #fff; font-weight: bold;}
.indexContainer .layer6 .layer6Box .list ul li .text{ transition: 0.5s; padding: 0 65px; box-sizing: border-box; width: calc(100% - 120px); float: left;  height: 152px; background:#2f2241; color:#d3b067;}
.indexContainer .layer6 .layer6Box .list ul li .text h2{ color: #d3b067; padding: 32px 0 15px 0; font-size: 16px; overflow: hidden;  text-overflow: ellipsis; white-space:nowrap;}
.indexContainer .layer6 .layer6Box .list ul li .text p{ color: #d3b067; font-size: 14px; line-height: 28px; height: 56px; overflow: hidden;}
.indexContainer .layer6 .layer6Box .list ul li:hover{ border: 3px solid #b58214;}
.indexContainer .layer6 .layer6Box .list ul li:hover .text{ background:#3a2f4b;}
.indexContainer .layer6 .more{ display: block; margin: 65px 0; background:url(../images/frame_2.png); width: 176px; height: 50px; line-height: 45px; text-align: center; font-size: 14px; color: #826236; margin: 65px auto; font-weight: bold;}
.indexContainer .layer7 img.bg{ display: block; width: 100%; height: auto;}
.indexContainer .layer7 { position: relative; background:url(../images/banner_06.png); height: 860px; background-size:100%  auto;}
.indexContainer .layer7 .nr{ width: 100%; height: 100%; background:rgba(0,0,0,0.4);}
.indexContainer .layer7 .layer7Box{ max-width: 92%; border: 3px solid #b58113; box-sizing: border-box; width: 1360px; height: 555px; position: relative; margin: 0 auto;}
.indexContainer .layer7 .layer7Box .click{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer7 .layer7Box img.bg{ display: block; width: 100%; height: 100%;}
.indexContainer .layer7 .title{ padding: 60px 0;}
.indexContainer .layer7 .title p{ margin-bottom: 0;}

.indexContainer .layer8{ width: 100%; background:radial-gradient(#412866,#0a0423);}
.indexContainer .layer8Box{ max-width: 92%; width: 1440px; margin: 0 auto;}
.indexContainer .layer8Box ul{ width: 100%; overflow: hidden;}
.indexContainer .layer8Box ul li{ height: 580px; width: 223px; margin-right: 20px; float: left; border: 3px solid #b58114; box-sizing: border-box; overflow: hidden; position: relative; transition: 0.7s; cursor: pointer;}
.indexContainer .layer8Box ul li:last-child{ margin-right: 0;}
.indexContainer .layer8Box ul li img{ display: block; height: 100%; width: auto;}
.indexContainer .layer8Box ul li.on{ max-width: calc(100% - 486px); width: 950px;}
.indexContainer .layer8Box ul li .bt{ position: absolute; top: 40px; right: 25px; width: 20px; font-size: 18px; text-align: center; color: #fff; line-height: 28px;}
.indexContainer .layer8Box ul li .num{ position: absolute; left: 35px; bottom: 35px; font-size: 24px; color: #fff; font-weight: bold;}


.footer{ width: 100%; background:url(../images/dbbj.png) center no-repeat ; background-size:cover; padding: 50px 0;}
.footer .logo{ width: 100%;}
.footer .logo img{ display: block; margin: 0 auto;}

.footer .footerBox{ max-width: 92%; width: 1440px; margin: 0 auto; position: relative;}
.footer .footerBox .nav{ width: 100%; height: 110px;}
.footer .footerBox .nav ul{ text-align: center;}
.footer .footerBox .nav ul li{ display: inline-block; line-height: 110px; margin: 0 20px;}
.footer .footerBox .nav ul li a{ font-size: 14px; background:linear-gradient(#e8c868,#fced9c,#bc8b1e); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.footer .footerBox .copyRight{ text-align: center; color: #b08c6a; font-size: 12px; }
.footer .footerBox .phone{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.footer .footerBox .phone p{color: #b08c6a; font-size: 14px; margin-bottom: 15px; }
.footer .footerBox .code{ right: 0; top: 50%; transform: translateY(-50%); position: absolute; }
.footer .footerBox .code p{ margin-top: 12px; font-size: 14px;background:linear-gradient(#e8c868,#fced9c,#bc8b1e); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-align: center; font-weight: bold;}
.AppTop{ display: none;}
.sideBar{ display: none;}
.zz{display: none; width: 100%; height: 100vh; background:rgba(0,0,0,0.7); position: fixed;left: 0; top: 0; z-index: 10;}
.videoPop{ display: none; width: 40%; z-index: 99; height: auto; position: fixed; left: 60%; top: 50%; transform: translate(-50%,-50%);}
.videoPop video{ width: 50%; margin:auto;height: auto;}
.videoPop .close{ width: 40px; height: 40px; left: 50%; bottom: -80px; transform: translateX(-50%); border: 1px solid #fff; text-align: center; line-height: 38px; font-size: 16px; cursor: pointer; color: #fff; border-radius:50% ; position: absolute;}

.tpp{ width:100%; height:80px;}
@media(max-width:1600px ) {
	.top .topBox .nav ul li { margin: 0 20px;}
	.top .topBox .nav { margin: 0 auto;}
	.indexContainer .layer5Box .swiper-button-next { right: 0; top:40%;}
	.indexContainer .layer5Box .swiper-button-prev { left: 0; top:40%;}
	.indexContainer .layer5Box1 .swiper-button-next { right: 0;}
	.indexContainer .layer5Box1 .swiper-button-prev { left: 0;}
	.indexContainer .layer5Box2 .swiper-button-next { right: 0;}
	.indexContainer .layer5Box2 .swiper-button-prev { left: 0;}
	.top .topBox .nav { margin-right:4.3vw;}
}
@media(max-width:1520px ) {
	.top .topBox .nav ul li { margin: 0 10px;}
}
@media(max-width:1340px ) {
	.top .topBox { width: 98%;}
	
}
@media(max-width:1280px ) {
	.top .topBox .nav ul li { margin: 0;}
}
@media(max-width:1200px ) {

	.tpp{ width:100%; height:60px; display:block;}
	.banner .swiper-pagination{ display: none;}
	.banner .swiper-button-next{ display: none;}
	.banner .swiper-button-prev{ display: none;}
	
	.AppTop{border-bottom: 1px solid #d3b067; display: block; position: fixed; left: 0; top: 0; z-index: 100; background:#180a2c; width: 100%; height: 60px; padding: 0 15px; box-sizing: border-box; box-shadow:0 0 10px rgba(0,0,0,.1);}
	.AppTop .logo{ float: left; height: 60px; line-height: 60px;}
	.AppTop .logo img{ display: inline-block; height: 50%; width: auto; vertical-align: middle;}
	.banner{ width: 100%; height: auto;}
	.banner img{ display: block; width: 100%; height: auto;}
	.banner .swiper-container{ width: 100%; height: auto;}
	.top{ display: none;}
	.PopLeft{ display: none;}
	.PopRight{ display: none;}
	.AppTop .sideClick{transition: 0.5s; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 28px; height: 24px;}
	.AppTop .sideClick span{transition: 0.5s; display: block; width: 100%; height: 3px; background:#bc9c60; position: absolute;}
	.AppTop .sideClick span:nth-child(1){ left: 0; top: 0;}
	.AppTop .sideClick span:nth-child(2){ left: 0; top: 50%; transform: translateY(-50%);}
	.AppTop .sideClick span:nth-child(3){ left: 0; bottom: 0;}
	.AppTop .sideClick.on{ transform: translateY(-50%) rotate(-180deg);}
	.AppTop .sideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.AppTop .sideClick.on span:nth-child(2){ width: 0;}
	.AppTop .sideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.sideBar{ z-index: 101; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: block; position: fixed; transition: 0.5s; width: 70%; left: -100%; height: 100vh; background:#fff; top: 0;}
	.sideBar .logo{ padding: 50px 0;}
	.sideBar .logo img{ display: block; width: 60%; height: auto; margin: 0 auto;} 
	.sideBar .nav{ width: 70%; margin: 0 auto;}
	.sideBar .nav ul li{ line-height: 40px;}
	.sideBar .nav ul li a{ font-size: 16px; color: #333;}
	
	.indexContainer .layer1{ width: 100%; padding: 35px 0 0 0;}
	.indexContainer .layer1 ul{ width: 100%; text-align: center; overflow: hidden;}
	.indexContainer .layer1 ul li{ padding: 0; border: 0; width: 33%; display: block;float: left;}
	.indexContainer .layer1 ul li img{ width: 50px; height: auto;}
	.indexContainer .layer1 ul li h2{ font-size: 12px; width: 100%; text-align: center;}
	.indexContainer .layer1 ul li p{ display: none;}
	.indexContainer .layer2{ padding-bottom: 20px;}
	.indexContainer .layer2 .bt{ padding: 25px 0;}
	.indexContainer .layer2 .bt h2{ font-size: 15px; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer2Box{ width: 100%; height: auto;}
	.indexContainer .layer2Box .bd{ width: 100%; height: auto;}
	.indexContainer .layer2Box .bd ul li{ width: 25%; float: left;}
	.indexContainer .layer2Box .icon{ width: 100%; height: auto;}
	.indexContainer .title{ padding:30px 0px 30px 0px;;}
	.indexContainer .title h2{ font-size:26px;}
	.indexContainer .title p{ width: 100%; margin:15px auto; font-size:14px;}
	.indexContainer .title p img{ display: none;}
	.indexContainer .title span{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer3 { padding-bottom: 20px;}
	.indexContainer .layer3 .hd ul { padding-bottom: 35px;}
	.indexContainer .layer3 .hd ul li{ width: 99px; height: 55px; background-size:100% 100% ; margin: 0 3px 10px 3px;}
	.indexContainer .layer3 .hd ul li p{ margin-top: 12px; line-height: 24px; font-size: 12px;}
	.indexContainer .layer3 .hd ul li.on{ background-size:100% 100% ;}
	.indexContainer .layer3 .hd .xian{ display: none;}
	.indexContainer .layer3 .icon{ width: 100%; height: 300px;}
	.indexContainer .layer3 .icon ul li .text{ width: 100%; padding: 0 20px 20px 20px; height: auto;}
	.indexContainer .layer3 .icon ul li .text p{ width: 100%;}
	.indexContainer .layer4{ padding-bottom: 105px;}
	.indexContainer .layer4 ul li{ width: 50%;}
	.indexContainer .layer4 ul{ width: 100%; height: auto; overflow: hidden;}
	.indexContainer .layer4 img.layer4Bg{ width: 60%; height: auto;}
	
	.indexContainer .layer52 img.layer4Bg1{ width: 60%; height: auto;}
	
	.indexContainer .layer5Box{ width: 100%; padding-bottom: 40px;}
	.indexContainer .layer5Box1{ width: 100%; padding-bottom: 40px;}
	.indexContainer .layer6 .layer6Box{ width: 100%; padding: 20px 0 0; box-sizing: border-box;}
	.indexContainer .layer6 .layer6Box .icon{ width: 100%; height: auto;}
	.indexContainer .layer6 .layer6Box .icon .Tp{ height: auto;}
	.indexContainer .layer6 .layer6Box .icon .nr{ width: 100%; padding: 0 15px 15px 15px;}
	.indexContainer .layer6 .layer6Box .list{ width: 100%;}
	.indexContainer .layer6 .layer6Box .list ul li .time{ width: 100px;}
	.indexContainer .layer6 .layer6Box .list ul li .text{ padding: 0 15px; width: calc(100% - 100px);}
	.indexContainer .layer6 .layer6Box .list ul li .text h2{ padding: 15px 0; font-size: 16px; line-height: 24px;}
	.indexContainer .layer6 .layer6Box .list ul li .text p{ line-height: 20px; margin-top: 10px;}
	.indexContainer .layer7 .layer7Box{ width: 100%; height: auto;}
	.indexContainer .layer7{ background-size:auto 100%; height: auto; padding-bottom: 30px;}
	.footer .footerBox{ width: 100%;}
	.indexContainer .layer8Box{ width: 100%; height: auto; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer8Box ul li{ width: 100%; height: auto; margin-bottom: 20px;}
	.indexContainer .layer8Box ul li.on{max-width: none; width: 100%; height: auto;}
	.indexContainer .layer8Box ul li img{ width: 100%; height: 200px;}
	.indexContainer .layer8Box ul li .bt{ width: 100%; font-size: 16px; right: 15px; top: 15px; text-align: right;}

	.videoPop{ width: 50%;}
	.nav li dl { text-indent: 10px; display: none;}
	.nav li:hover dl { display: block;}
	.sideBar .nav ul li dl a { color: #999; font-size: 14px;}
}
@media(max-width:1080px) {
	.phone { display: none;}
	.code { display: none;}
	.footer .footerBox .nav ul li { line-height: 2; margin: 0 5px;}
	.footer .footerBox .nav { height: auto; margin: 20px auto;}
	.sideBar .nav { width: 90%;}
}
@media(max-width:750px) {
	.indexContainer .layer2Box .bd ul li { height: 40px; line-height: 40px;}
	.indexContainer .layer3 .hd ul li .num { display: none;}
	.indexContainer .layer3 .hd ul { padding-bottom: 20px;}
	.indexContainer .layer3 .icon ul li .text h2 { height: auto; line-height: 3;}
	.indexContainer .layer4 ul li .nr h2 {
	    line-height: 14px;
	    text-align: center;
	    padding-top: 20px;
	    font-size: 14px;
	    font-weight: bold;
	    color: #fff;
	    padding-bottom: 5px;
	}
	.indexContainer .layer4 ul { text-align: center;}
	.indexContainer .layer4 ul li { height: 80px; line-height: 80px; width: 32%; display: inline-block; vertical-align: top; float: none;}
	.indexContainer .layer4 ul li:nth-child(3) span { display: none;}
	.indexContainer .layer6 .layer6Box .list ul li { margin-top: 10px; height: 120px;}
	.indexContainer .layer6 .layer6Box .list ul li .text p { margin-top: 0;}
	.indexContainer .layer6 .layer6Box .list ul li .text h2 { padding: 10px 0;}
	.indexContainer .layer6 .layer6Box .list ul li .text { height: 120px;}
	.indexContainer .layer6 .layer6Box .list ul li .time { height: 120px; line-height: 120px;}
	.indexContainer .layer6 .more { margin: 20px auto;}
	.indexContainer .layer4 .more { margin-bottom: 20px;}
		.indexContainer .title p{ width: 100%; margin:10px auto 0px auto; font-size:14px;}
		
		.videoPop video{ width: 100%;}
		
		
}