@charset "utf-8";
/* CSS Document */
/* Reset */
/* ===============================================================
Basic Swiper Styles 
================================================================*/
/*封面*/
body { width: 100%; height: auto; }
body { min-width: 1000px; min-height: 600px; }
.full-screen, .full-screen body { width: 100%; height: 100%; overflow: hidden; }
.cover-box { position: relative; width: 100%; height: 100%; background: url(../images/ksdby.jpg) top center no-repeat; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; background-size: auto 100%; overflow: hidden; }
.cover-bg, .cover-content, .cover-mask, .cover-title, .cover-building, .cover-slogan { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.show .cover-content, .show .cover-title, .show .cover-building, .show .cover-slogan { opacity: 1; }
.cover-content { z-index: 110; font-size: 12px; }
.cover-content .logo { position: absolute; z-index: 20; top: 2%; left: 50%; margin-left: -590px; width: 112px; height: 71px; }
.cover-content .cover-nav { position: absolute; z-index: 50; top: 50%; width: 100%; width: 696px; height: 256px; background: url(../images/fmbtn.png) no-repeat; left: 50%; margin-left: -230px; margin-top: 100px; text-align: center; color: #435894; }
.cover-content .cover-nav a { padding: 0 10px; color: #435894; }
.cover-content .cover-nav a:hover { text-decoration: underline; }
.jj { display: block; width: 122px; height: 122px; margin-top: 38px; margin-right: 50px; padding: 0!important; float: left; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.hxr { display: block; width: 162px; height: 162px; margin-top: 0px; margin-right: 24px; padding: 0!important; float: left; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.hd { display: block; width: 128px; height: 128px; margin-top: 126px; margin-right: 96px; padding: 0!important; float: left; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.hg { display: block; width: 114px; height: 114px; margin-top: 133px; padding: 0!important; float: left; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.cover-content .cover-goto { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #c39235; font-size: 16px; font-weight: bold; background: url(../images/jrzt.png) no-repeat -10000px -10000px; }
.cover-goto .goto-btn { position: absolute; left: 0; bottom: 5%; width: 100%; cursor: pointer; }
.cover-goto .goto-btn .goto-icon { display: block; margin: 10px auto; width: 77px; height: 45px; background: url(../images/putin.png) no-repeat center; }
.cover-goto .goto-btn .goto-icon { -webkit-animation-name: coverGoto; -moz-animation-name: coverGoto; animation-name: coverGoto; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.cover-mask { display: block; z-index: 100; }
.cover-loading { width: 0; height: 0; opacity: 0; overflow: hidden; }
.cover-bottom { position: absolute; z-index: 90; bottom: 0; left: 0; width: 100%; height: 221px; background: url(../images/cover-bottom.png) no-repeat bottom center; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100%; }
.cover-cloud { position: absolute; z-index: 20; bottom: -8%; left: 0; width: 100%; height: 300px; background: url(../images/cover-cloud.png) repeat-x; opacity: 0.5; }
.cover-cloud { -webkit-animation-name: coverCloud; -moz-animation-name: coverCloud; animation-name: coverCloud; -webkit-animation-duration: 60s; -moz-animation-duration: 60s; animation-duration: 60s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.cover-bg { opacity: 1; z-index: 10; background: url(../images/cover.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
.cover-box img { display: block; margin: 0 auto; width: auto; height: 100%; }
.cover-title { z-index: 60; top: 15%; left: 50%; margin-left: -454px; width: 909px; height: 400px; }
.cover-title-icon { height: 116px; max-height: 116px;/*background:url(../images/cover-title-icon.png) no-repeat center*/ }
.cover-title-text { position: absolute; bottom: 0%; width: 100%; height: 49px; max-height: 49px;/*background:url(../images/cover-title-text.png) no-repeat center*/ }
.show .cover-title { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: coverTitle; -moz-animation-name: coverTitle; animation-name: coverTitle; }
.cover-building { z-index: 50; overflow: visible; }
.cover-building-hall { position: absolute; bottom: 4%; left: -0.5%; width: 294px; height: 38.5%; max-height: 385px;/*background:url(../images/cover-building-hall.png) no-repeat center*/ }
.cover-building-hall img { position: absolute; top: 0; left: 0; }
.cover-building-wall { position: absolute; bottom: 15%; right: -0.5%; width: 324px; height: 28.2%; max-height: 282px;/*background:url(../images/cover-building-wall.png) no-repeat center*/ }
.cover-building-wall img { position: absolute; top: 0; right: 0; }
.cover-building-temple { position: absolute; bottom: 2%; right: 50%; margin-right: -295px; width: 591px; height: 23.3%; max-height: 233px;/*background:url(../images/cover-building-temple.png) no-repeat center*/ }
.cover-building-pavilion { position: absolute; bottom: 6%; left: 50%; margin-left: 290px; width: 415px; height: 21.8%; max-height: 218px;/*background:url(../images/cover-building-pavilion.png) no-repeat center*/ }
.show .cover-building-hall, .show .cover-building-wall, .show .cover-building-temple, .show .cover-building-pavilion { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.show .cover-building-pavilion { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
.show .cover-building-hall { -webkit-animation-name: coverBuilding; -moz-animation-name: coverBuilding; animation-name: coverBuilding; /*background-image:url(../images/cover-building-hall-shine.png);*/ }
.show .cover-building-wall { -webkit-animation-name: coverBuilding; -moz-animation-name: coverBuilding; animation-name: coverBuilding; /*background-image:url(../images/cover-building-wall-shine.png);*/ }
.show .cover-building-temple { -webkit-animation-name: coverBuilding; -moz-animation-name: coverBuilding; animation-name: coverBuilding; /*background-image:url(../images/cover-building-temple-shine.png);*/ }
.show .cover-building-pavilion { -webkit-animation-name: coverBuilding; -moz-animation-name: coverBuilding; animation-name: coverBuilding; /*background-image:url(../images/cover-building-pavilion-shine.png);*/ }
.cover-slogan { z-index: 70; }
.cover-slogan-img { position: absolute; top: 15%; left: 50%; margin: 50px 0 0 -600px; width: 1200px; height: 320px; background: url(../images/cover-slogan.png) no-repeat 0 -22400px; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100%; overflow: hidden; }
.show .cover-slogan-img { -webkit-animation: coverSloganImg 2.8s steps(1) forwards; -moz-animation: coverSloganImg 2.8s steps(1) forwards; animation: coverSloganImg 2.8s steps(1) forwards; }
.cover-slogan-left { position: absolute; top: 32%; left: 50%; margin-left: -690px; width: 1097px; height: 32.8%; max-height: 328px;/*background:url(../images/cover-slogan-left.png) no-repeat center*/ }
.cover-slogan-right { position: absolute; top: 48%; right: 50%; margin-right: -740px; width: 904px; height: 32.1%; max-height: 321px;/*background:url(../images/cover-slogan-right.png) no-repeat center*/ }
.cover-slogan-right img { position: absolute; left: 0; }
.show .cover-slogan-left, .show .cover-slogan-right { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; }
.show .cover-slogan-left { -webkit-animation-name: coverSloganLeft; -moz-animation-name: coverSloganLeft; animation-name: coverSloganLeft; /*background-image:url(../images/cover-slogan-left-shine.png);*/ }
.show .cover-slogan-right { -webkit-animation-name: coverSloganRight; -moz-animation-name: coverSloganRight; animation-name: coverSloganRight; /*background-image:url(../images/cover-slogan-right-shine.png);*/ }
/*
.cover-building-hall,
.cover-building-pavilion,
.cover-building-temple,
.cover-slogan-left,
.cover-slogan-right { -webkit-transition:background-image 0.2s ease-out 1.1s; transition:background-image 0.2s ease-out 1.1s;}
*/

@-webkit-keyframes coverGoto { 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 10% {
 opacity: 1;
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 12% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 14% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 16% {
 -webkit-transform: none;
 transform: none;
}
 95% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
}