﻿@charset "utf-8";
html{min-width:1200px;}
body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#000000;overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif;text-decoration:none;outline:none; /*font-family:'fz','宋体';*/}
a:hover{ text-decoration:none;}
#top{height:100px;width:1200px; margin:0 auto; color:#CCC; background:#000;}
#foot{height:80px;width:1200px; margin:0 auto; text-align:center; line-height:30px;padding-top:20px; color:#CCC; background:#000;}
#logo{width:1200px;margin:0 auto;top:20px;left:50%;margin-left: -660px;z-index:9999; position:absolute;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.none{ display:none; }
.wrap{width: 100%;height:900px;position: relative;overflow: hidden; background-size:100%; background: url(../images/bg_2.jpg) no-repeat center 0;}
.bgvideo{position: absolute;left:50%;top:0;z-index: 2;width: 1920px;height:900px;margin-left: -960px;}
.rel{width: 1360px;height:100%;margin:0 auto;position: relative;}
.btn-wrap{width: 1920px;position: absolute;bottom: 0;left: 50%;margin-left: -960px;height: 114px;background: url(../images/nav-bg_2.png) no-repeat center;z-index: 11112;}
.btns-box{position: absolute;top:16px;left:50%;transform:translateX(-50%);z-index: 3;width: 1402px;z-index: 3;text-align: center;}
.btns-box a{display:inline-block;margin:0 4px;width: 187px;height: 88px;background-repeat: no-repeat;cursor: pointer;background-image: url(../images/nav_2.png); font:25px "汉仪中宋简"; font-weight:bold; line-height:80px; color:#ffdadc; }
.btns-box a:hover,.btns-box a.on,.pop-btns-box span.btn0:hover{background-image: url(../images/nav-on_2.png);color:#600}
.btns-box a.btn0{display:none;background-position: 0 0;}
.btns-box a.btn1{background-position: -196px 0;}
.btns-box a.btn2{background-position: -396px 0;}
.btns-box a.btn3{background-position: -592px 0;}
.btns-box a.btn4{background-position: -790px 0;}
.btns-box a.btn5{background-position: -986px 0;}
.btns-box a.btn6{background-position: -1184px 0;}

.pop{position: absolute;left:0;top:0;width: 100%;height: 900px;background: url(../images/pop-bg_2.jpg) no-repeat center 0;opacity:0;z-index: 2;}
.pop-btns-box{width:1226px;top:720px;left: 50%;margin-left: -580px;}
.pop-btns-box span.btn0{margin-top:50px;float:left;width: 203px;height: 88px;background-repeat: no-repeat;text-indent: -9999px;cursor: pointer;background-position: 0 14px;}
.pop-close{position: absolute;right:-112px;top:10px;width: 212px;height: 328px;background: url(../images/pop-close.png) no-repeat center;cursor: pointer;z-index: 3;}
.pop-close:hover{background-image: url(../images/pop-close-hov.png);}
.pop-box{position:absolute;left:50%;margin-left:-630px;top:50%;margin-top:-420px;width:1260px;height: 961px; }
.pop-title{position: absolute;left: 0;top:-20px;width: 100%;height:100px;text-align: center;}
.pop-title img{display: block;margin:0 auto;}
.pop-cont{position:absolute;top:170px;left:250px;width: 880px;padding-right: 30px;height: 500px;overflow-x: hidden;overflow-y: auto;}
.pop-cont1,.pop-cont2,.pop-cont3,.pop-cont4,.pop-cont5{display: none;}
.pop-cont h3{margin-bottom:10px;font-size: 30px;font-weight: bold;color: #dcd8c8;text-align: center;}
.pop-cont p{font-size: 18px;line-height: 30px;color: #dcd8c8;}
.pop-cont p span{font-weight: bold;color: #56b9ff;}
.pop-cont p img{padding: 10px 0;max-width: 800px;}
.pop-cont::-webkit-scrollbar{width:10px;height:4px;background-color:rgba(0,0,0,0);}
.pop-cont::-webkit-scrollbar-track{background-color: #353628;border-radius: 6px;}
.pop-cont::-webkit-scrollbar-thumb{border-radius:0px;background-color:#a6823c;border-radius: 6px;} 
.flower{position: absolute;left: -106px;bottom: 0;width: 212px;height: 328px;background: url(../images/flower.png) no-repeat center;}
.fadeIn{animation: fadeIn 0.6s linear both;z-index: 11111;}
.pop-in{display: none;width: 1660px;height:870px;left:50%;margin-left:-700px;position: relative;background: url(../images/pop-kuang_2.png) no-repeat center 30px;}
.pop-in-title{margin-left: 500px;}
.pop-tab{position:absolute;left:10px;top:220px;width: 250px;}
.pop-tab a{margin:0 0 25px 35px;display: inline-block;width: 166px;height: 51px;background-repeat: no-repeat;background-position: 0 0;text-indent: -9999px;cursor: pointer;}
.pop-tab a.pop1-tab1{background-image: url(../images/zy-tab1_2.png);}
.pop-tab a.pop1-tab2{background-image: url(../images/zy-tab2_2.png);}
.pop-tab a.pop1-tab3{background-image: url(../images/zy-tab3_2.png);}
.pop-tab a.pop1-tab4{background-image: url(../images/zy-tab4_2.png);}
.pop-tab a.pop1-tab5{background-image: url(../images/zy-tab5_2.png);}
.pop-tab a.on,.pop-tab a:hover{background-position: 0 bottom;}
.mySwiper1{width: 880px;height: 444px;margin:0 auto;overflow: hidden;position: relative;}
.mySwiper1 .swiper-slide{text-align: center;}
.swiper-button-next, .swiper-button-prev{width: 63px;height: 62px;background-size: 63px 152px;opacity: 1;background-position: 0 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../images/next_2.png);}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../images/prev_2.png);}
.swiper-button-next:hover, .swiper-button-prev:hover{background-position: 0 bottom;}

.pop-tab a.pop3-tab1{background-image: url(../images/nr-tab1.png);}
.pop-tab a.pop3-tab2{background-image: url(../images/nr-tab2.png);}
.pop-tab a.pop3-tab4{background-image: url(../images/nr-tab4.png);}
.pop-tab a.pop3-tab3{background-image: url(../images/nr-tab3.png);}
.pop-tab a.pop4-tab1{background-image: url(../images/bb-tab1.png);}
.pop-tab a.pop4-tab2{background-image: url(../images/bb-tab2.png);}
.pop-tab a.pop4-tab3{background-image: url(../images/bb-tab3.png);}
.pop-tab a.pop4-tab4{background-image: url(../images/bb-tab4.png);}
.pop-tab a.pop4-tab5{background-image: url(../images/bb-tab5.png);}
.pop-tab a.pop5-tab1{background-image: url(../images/yh-tab1.png);}
.pop-tab a.pop5-tab2{background-image: url(../images/yh-tab2.png);}
.pop-tab a.pop5-tab3{background-image: url(../images/yh-tab3.png);}
.pop-tab a.pop5-tab4{background-image: url(../images/yh-tab4.png);}
.mySwiper2{width: 920px;margin:0 auto;position: relative;overflow: hidden;}
.mySwiper2 .swiper-slide img{display: block;margin: 54px auto 0;}
@keyframes fadeIn{
	0%{transform: scale(1.4);opacity: 0}
	100%{transform: scale(1);opacity: 1}
}
.fadeOut{animation: fadeOut 0.6s 0.4s linear both;}

@keyframes fadeOut{
	0%{transform: scale(1);opacity: 1}
	100%{transform: scale(1.4);opacity: 0}
}
.fadeIn2{animation: fadeIn2 0.4s 0.2s linear both;}
.fadeIn3{animation: fadeIn2 0.4s 0.5s linear both;}
.fadeIn4{animation: fadeIn2 0.4s 0.3s linear both;}


@keyframes fadeIn2{
	0%{transform: translateY(300px);opacity: 0}
	100%{transform: translateY(0);opacity: 1}
}
.fadeOut2{animation: fadeOut2 0.6s linear both;}

@keyframes fadeOut2{
	0%{transform: translateY(0);opacity: 1}
	100%{transform: translateY(300px);opacity: 0}
}


