@charset "UTF-8";

/* 自写辅助 CSS */

@font-face {
    font-family:"FontAwesome";
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

* {font-family: "FontAwesome","Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif, "微软雅黑", "黑体", Tahoma,Verdana}

.w90{width:90%!important;height:200px!important;padding:40px 0 20px!important;margin:10px 0!important}

body{background:#fff!important;}
.text-success{color:#EAE74D!important}
.text-white{color:#fff!important}

h4{line-height:150%!important}
.line-hr{border-top:1px solid rgba(230,230,230,0.5)!important}
.wrap_bg{background:rgba(250,250,250,0.8)}

figure {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    margin: 0;
    border-radius: 5px;
}

figure figcaption {
    position: absolute;
    bottom: 4px;
    left: 4px;
    right: 4px;
    padding:10px 20px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*navbar*/
.navbar{border-radius:0!important;margin-bottom:0!important;border-bottom:1px solid rgba(34,34,34,0.8)!important}
.navbar-brand{padding:10px 15px!important;}
.navbar-inverse{background-color:rgba(34,34,34,0.5)!important}

.nav li{perspective:4000px}
.nav li a{display:block;width:90px;height:50px;padding:0!important;line-height:50px!important;color:#fff!important}
.nav li a p{display:block;width:90px;height:50px;text-align:center;margin:0;}
.nav li a p:first-child{background-color:rgba(34,34,34,0)!important;}
.nav li a p:last-child{display:none;background-color:rgba(7,20,127,0.6);color:#fff;font-weight:bold;margin-top:-50px}
.nav li a:hover p:first-child{display:none}
.nav li a:hover p:last-child{margin-top:0;display:block}
/*navbar*/

/*巨幕*/
@keyframes piao{
	from{transform:translateX(-20px);}
	to{transform:translateX(20px);transform:translateY(-10px);}
}
.jumbotron{background:#090a08 url(../images/big-bg.png) center top no-repeat!important;background-size:cover!important;margin-bottom:0px!important;overflow:hidden;padding:0!important}
.jumbotron .carousel-caption{position:relative!important;top:0!important;left:auto!important;right:auto!important;padding:0!important;}
.jumbotron .carousel-caption img{width:80%;margin:200px auto 220px!important}

.jumbotron a.down{display:block;position:absolute;border:1px solid rgba(255,255,255,0.5);border-radius:50%;margin-top:-80px;left:50%;margin-left:-20px;width:55px;height:55px;background:url(../images/next.png) center center no-repeat;background-size:50%;-moz-animation: down 0.5s linear infinite alternate running;-webkit-animation: down 0.5s linear infinite alternate running;animation: down 0.5s linear infinite alternate running}

.jumbotron a.down:hover{border:1px solid rgba(255,167,1,1);}
@keyframes down{
	from{transform:translateY(-10px)}
	to{transform:translateY(10px)}
}

@keyframes rotate{
	0%{transform:rotate(0deg)}
	50%{	transform:rotate(180deg)}
	100%{transform:rotate(360deg)}		
}
@keyframes rotate-2{
	0%{transform:rotate(360deg)}
	50%{	transform:rotate(180deg)}
	100%{transform:rotate(0deg)}		
}

/*巨幕*/

p.background{line-height:32px;font-size:17px;text-indent:33px}
p.desc{line-height:25px;}

/*title-box*/
.title-box{position:relative;width:350px;height:100px;left:50%;margin-left:-175px;background:url(../images/title-bg.png) center center no-repeat;background-size:contain;}
.title-box h1{display:block;position:absolute;width:160px;height:40px;left:50%;margin-left:-80px;top:50%;margin-top:-25px;paddin:0;word-spacing:100%;}


.title-box .chilun5{position:absolute;left:28px;z-index:1;background:url(../images/chilun5.png) no-repeat center center;background-size:100% 100%;width:60px;height:60px;-moz-animation:rotate-2 10s infinite linear;-webkit-animation: rotate-2 10s infinite linear;animation: rotate-2 10s infinite linear;}
.title-box .chilun6{position:absolute;top:10px;z-index:1;background:url(../images/chilun6.png) no-repeat center center;background-size:100% 100%;width:30px;height:30px;-moz-animation:rotate 5s infinite linear;-webkit-animation: rotate 5s infinite linear;animation: rotate 5s infinite linear;}
.title-box .chilun7{position:absolute;top:38px;z-index:1;background:url(../images/chilun7.png) no-repeat center center;background-size:100% 100%;width:24px;height:24px;-moz-animation:rotate-2 2s infinite linear;-webkit-animation: rotate-2 2s infinite linear;animation: rotate-2 2s infinite linear;}
/*title-box*/

/*content*/
.content{padding:25px!important;margin:30px 20px!important;background:rgba(1,52,124,.6);}
/*content*/

/*circle*/
.circle{position:relative;margin-top:70px;margin-bottom:70px;}
.circle-title{display:block;position:absolute;z-index:1;width:500px;left:50%;margin-left:-250px;margin-top:-30px}

.circle-zb {
    width: 146px;
    height: 146px;
    background: rgba(255, 255, 255, .1);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -73px;
    margin-top: -73px;
    z-index: 1;
    -webkit-animation: scaleoutrb 1.6s infinite ease-in-out;
    animation: scaleoutrb 1.6s infinite ease-in-out;
}

.circle-zm {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, .1);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 2;
    -webkit-animation: scaleoutrm 1.6s infinite ease-in-out;
    animation: scaleoutrm 1.6s infinite ease-in-out;
}

.circle-zl {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, .1);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 3;
    -webkit-animation: scaleoutrs 1.6s infinite ease-in-out;
    animation: scaleoutrs 1.6s infinite ease-in-out;
}

.circle-zs {
    width: 30px;
    height:30px;
    background: rgba(255, 255, 255, .1);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    z-index: 4;
    -webkit-animation: scaleoutr 1.6s infinite ease-in-out;
    animation: scaleoutr 1.6s infinite ease-in-out;
}
@-webkit-keyframes scaleoutrb {
    0% {
        -webkit-transform: scale(1.0)
    }

    70% {
        -webkit-transform: scale(1.5);
        opacity: 0;
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0) ;
        opacity: 1;
    }
}

@keyframes scaleoutrb {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }

    70% {
        transform: scale(1.1);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0) ;
        opacity: 1;
    }
}

@-webkit-keyframes scaleoutrs {
    0% {
        -webkit-transform: scale(1.0)
    }

    70% {
        -webkit-transform: scale(1.1);
        opacity: .8;
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0) ;
        opacity: 1;
    }
}

@keyframes scaleoutrs {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }

    70% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: .8;
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0) ;
        opacity: 1;
    }
}

@-webkit-keyframes scaleoutrm {
    0% {
        -webkit-transform: scale(1.0)
    }

    70% {
        -webkit-transform: scale(1.3);
        opacity: .6;
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0) ;
        opacity: 1;
    }
}

@keyframes scaleoutrm {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }

    70% {
        transform: scale(1.1);
        -webkit-transform: scale(1.3);
        opacity: .6;
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0) ;
        opacity: 1;
    }
}
/*circle*/

/*gues*/
.guest{margin:0 20px;padding:30px 0 40px;transition: .4s all ease;-webkit-transition: .4s all ease;-moz-transition: .4s all ease;}
.guest .img-thumbnail{background-color:rgba(255,255,255,0.5)!important;border:none!important}
.guest:hover{background-color:#ffa701;transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);}
.guest:hover .img-thumbnail{background-color:#fff!important;border:none!important}
/*guest*/

/*review*/
.review{transition: .4s all ease;-webkit-transition: .4s all ease;-moz-transition: .4s all ease;}
.review .img-thumbnail{background-color:rgba(255,255,255,0.5)!important;border:none!important}
.review:hover{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);}
.review:hover .img-thumbnail{background-color:#ffa701!important;border:none!important}
.review:hover a{color:#fff!important}
/*guest*/

/*费用*/
.price{margin:15px auto;width:240px;height:240px;border:1px solid rgba(255, 255, 255, 0.2);border-radius:100%}

.contact .thumbnail{background:rgba(1,52,124,.6);border:none;padding:5px;color:#fff790}
.contact .thumbnail small{color:#f8f6c3;}

/*底部*/
.footer{background:#047ED2;clear:both;padding:10px 0;text-align:center;color:white}
.service-title a,.service-title a:hover{color:white;text-decoration:none}
.service-title{z-index:10;position:relative;top:10px;margin:10px auto;background: #047ED2;width:190px;line-height:40px;border: 2px solid #ffffff;border-radius: 56px;text-align:center;font-size:18px}

.service-con{margin:20px 10px 0;text-align:left;clear:both;line-height:25px}
.service-con a,.service-con a:hover{color:white}

.foot-link{line-height:25px}
.foot-link a,.foot-link a:hover{color:white;text-decoration:none}
/*底部*/