@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: 1074px;position: relative;overflow: hidden;background: url(bg.jpg) no-repeat center 0;}
.bgvideo{position: absolute;left:50%;top:0;z-index: 2;width: 1920px;height: 980px;margin-left: -960px;}
.rel{width: 1360px;height:100%;margin:0 auto;position: relative;}
.btns-box{position: absolute;top:700px;left: 0;z-index: 3;width: 1360px;}
.btns-box a{display:inline-block;margin-right:20px;width: 45px;height: 99px;background-repeat: no-repeat;cursor: pointer;background-position: 0 0;padding:45px 28px;font-size:22px;color:white; font-family:'汉仪中宋简'; line-height:26px;}
.btns-box a:hover{background-position: -105px 0;}
.btns-box a.btn1{background-image: url(nav1.png);}
.btns-box a.btn2{background-image: url(nav1.png);}
.btns-box a.btn3{background-image: url(nav1.png);}
.btns-box a.btn4{background-image: url(nav1.png);}
.btns-box a.btn5{background-image: url(nav1.png);}
.pop{position: fixed;left:0;top:0;width: 100%;height: 100%;background: url(pop-bg.jpg) no-repeat center 0;opacity: 0;}
.pop-close{position: absolute;right:-112px;top:10px;width: 212px;height: 328px;background: url(pop-close.png) no-repeat center;cursor: pointer;z-index: 3;}
.pop-close:hover{background-image: url(pop-close-hov.png);}
.pop-box{position:fixed;left:50%;margin-left:-630px;top:50%;margin-top:-420px;width:1260px;height: 961px;background: url(pop-box.png) no-repeat center; }
.pop-title{position: absolute;left: 0;top:70px;width: 100%;text-align: center;}
.pop-cont{position: absolute;top:250px;left: 194px;width: 880px;padding-right: 86px;height: 500px;overflow-x: hidden;overflow-y: auto;}
.pop-cont p{font-size: 16px;line-height: 34px;color: #d7dff8;}
.pop-cont p span{font-weight: bold;color: #56b9ff;}
.pop-cont p img{padding: 10px 0;max-width: 880px;}
.pop-cont::-webkit-scrollbar{width:4px;height:4px;background-color:rgba(0,0,0,0);}
.pop-cont::-webkit-scrollbar-track{background-color: transparent;}
.pop-cont::-webkit-scrollbar-thumb{border-radius:0px;background-color:#6a5ba5;} 
.flower{position: absolute;left: -106px;bottom: 0;width: 212px;height: 328px;background: url(flower.png) no-repeat center;}
.fadeIn{animation: fadeIn 0.6s linear both;z-index: 11111;}
@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}
}