@charset "utf-8";
 
html {padding:0;margin:0;overflow: hidden;}
body {padding:0;margin:0; font-size:14px; font-family:"Microsoft YaHei", "Hiragino Sans GB",Tahoma,SimSun , sans-serif;background:#fff;position:relative; }
a, a:hover, a:active, a:focus, a:visited {
    color:#62E2F4;
    text-decoration: none; text-shadow:none; box-shadow:none;outline:none;
}
a { cursor:pointer;
 transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; line-height:1.2;}
li,ul,dd,dt,dl { list-style:none;margin:0;padding:0;}
.btn {border-radius:0;letter-spacing: 1px;}
.btn:focus {box-shadow:none;outline:none;}
.form-control:focus { box-shadow:none;outline:none;}
p { max-height: 999999px; }


 /*-------header------*/
 
.header { position: absolute;  z-index:10; top: 0; left: 0; right: 0;background: transparent;}
.header .navbar { background:none; margin-bottom:0; border:0;border-radius:0; background-color:#151515;margin-top:775px;}
.header .navbar-bg {   }
.navbar-brand { width:160px; padding:0;}
.navbar-brand .logo {width:90px;height:auto;margin-top:14px; display:none;}
.header .navbar.menu-scroll { padding-top: 0px;  padding-bottom: 0px;position: fixed;top: 0;  left: 0;  right: 0; margin-top:0;}
.header .menu-scroll .navbar-bg {border-top:0;  border-bottom:0px solid #466fb1; }
.header .navbar.menu-scroll{ background-color: rgba(10, 38, 82, 0.9);  }


.navbar-nav { width:100%; }
.navbar-nav > li { margin:0;} 
.navbar-nav > li > a { text-align: center; margin:0;border:0;padding-left:13px;padding-right:15px; padding-top:25px;padding-bottom:25px; font-size:17px;}
.navbar-nav > li > a:after {content: " "; position: absolute; left:50%;margin-left:-20px; bottom:14px; z-index:1;background-color:#62E2F4;
     height:2px;width:0; 
	transition:width .3s; 
	-webkit-transition:width .3s;} 
.navbar-nav .visible-lg { display:none!important;}
.navbar-default .navbar-nav li.open > a,
.navbar-default .navbar-nav > li.open > a:focus,
.navbar-default .navbar-nav > li.open > a:hover,
.navbar-default .navbar-nav > li.open {background-color:transparent;color:#fff; }
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color:#fff;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color:#62E2F4;}
.navbar-default .navbar-nav > li > a:hover:after {width:40px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#62E2F4;border:0; background:none; }
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:transparent;margin:0;padding:20px 17px;
border:0;  border-radius:0;}
.navbar-default.menu-scroll .navbar-toggle, .navbar-default.menu-scroll .navbar-toggle:hover,.navbar-default.menu-scroll .navbar-toggle:focus {background:none; }
.navbar-default .navbar-toggle .icon-bar {background-color: #fff; width: 25px; }
.navbar-collapse { border: 0;} 
.menu-scroll .navbar-collapse {background-color:transparent;  border: 0;} 

.header .navbar.navbar-review {margin-top:0px;}
.header .navbar.navbar-review.menu-scroll {margin-top:0px;}

 
.city-menu { width:700px;left: -430px;margin:0; z-index:99;padding:30px 15px;border-radius:10px!important; background-color:#f3f3f3; border: 1px solid #ccc; box-shadow:none;}
.city-menu-b { width:430px;left: -160px; }
 .navbar-nav>li>.dropdown-menu.city-menu {margin-top:10px;}
.city-menu li { float:left; width:16.666%;}
.city-menu-b li { float:left; width:33.333%;}
.city-menu li a {padding:0;margin:0; display:block; text-align:center;font-size:14px;color:#222; background-repeat:no-repeat; background-position: right bottom;
background-image:url(../../images/icon30.png); background-size:42px;} 
.city-menu li:last-child a { background:none; }
.city-menu-b li a {background:none;}
.city-menu li a,.city-menu li a:hover,.city-menu li a:focus {background-color:transparent;color:#222; }
.city-menu li a strong {font-size:16px;color:#222; line-height:2; font-weight:bold;display:block;}  
.city-menu li.on a strong {color:#FFAD02; font-weight:bold;}
.city-menu-b li a strong { font-weight:normal;}
.city-menu-b li a:hover strong,.city-menu-b li a:focus strong { color:#666; }
.city-menu li b { background-color: rgba(10, 38, 82, 0.7); border-radius:100px; display:block;width:55px;height:55px;
    font-weight:normal; padding: 10px;margin: 17px;color:#fff;font-size:12px; line-height:1.6;}
.city-menu span.img { display:block;width:90px;height:90px;margin:0 auto;border-radius:50%; margin-bottom:10px;overflow:hidden; background-position:center center; background-size:cover;}
.city-menu span.img-a { background-image:url(../images/city01.jpg);}
.city-menu span.img-b { background-image:url(../images/city02.jpg);}
.city-menu span.img-c { background-image:url(../images/city03.jpg);}
.city-menu span.img-d { background-image:url(../images/city04.jpg);}
.city-menu span.img-e { background-image:url(../images/city05.jpg);}
.city-menu span.img-f { background-image:url(../images/city06.jpg);}
.city-menu span.img-g { background-image:url(../images/city07.jpg);}
.city-menu span.img-h { background-image:url(../images/city08.jpg);}
.city-menu span.img-i { background-image:url(../images/city09.jpg);}

.city-menu li a span.img {
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); 
    filter: grayscale(100%);
    filter: gray;
	}
.city-menu li.on a span.img ,.city-menu li.on a:hover span.img,.city-menu li.on a:focus span.img,
.city-menu li a:hover span.img,.city-menu li a:focus span.img,.city-menu-b li a span.img  {filter:initial;}  
.navbar-nav > li.logo-li { }
.navbar-nav > li.logo-li a {padding:0;text-align: center; padding-right:30px; }
.navbar-nav > li.logo-li a:after { display:none}

@-webkit-keyframes menu_sticky {
  0%  {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
@keyframes menu_sticky {
  0%  {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
} 
@media (min-width: 768px) and (max-width: 991px) { 
.header .navbar-bg .container {padding:0; }
}

@media (min-width: 992px) { 
.city-menu { width:850px;left: -510px;}
.city-menu-b { width:430px;left: -160px;}
.navbar-nav > li > a {font-size:17px; padding-left:24px;padding-right:25px;  }
.navbar-brand {  width:220px;height:auto;}
.navbar-brand .logo { display:none;}

}
@media (min-width:1200px) {
.navbar-nav > li > a:after { margin-left:-35px;  width:0;  }  
.navbar-default .navbar-nav > li > a:hover:after {width:70px; } 
.navbar-nav > li > a {font-size:17px;padding-left:19px;padding-right:19px;  } 
.navbar-nav .visible-lg { display:inline!important;} 
}
 

/*-----mainpage----*/ 

.mainpage {background-image:url(../images/bg.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;position:relative;
 z-index:1;min-height:500px;}
.mainpage .hall-title {position:absolute;padding-top:100px;left:0; z-index:9;width:100%;top:0; }
.mainpage .hall-title .title { font-size:18px; font-weight:normal; font-weight:100;margin:0 auto;width:750px; text-align:center;display:block;}
.mainpage .container {z-index:2;padding:0;width: 100%;height: 100%; position:relative;}
.mainpage .title-left { position:absolute;left:0;top:49%; font-size:14px; z-index:12;}
.mainpage .title-right { position:absolute;right:0;top:49%; font-size:14px; z-index:12;}
.mainpage .title-left a {border:1px solid #444;color:#333;padding:10px 20px 10px 40px; border-left:0; position:relative;}
.mainpage .title-right a {border:1px solid #444;color:#333;padding:10px 40px 10px 20px;border-right:0; position:relative;}
.mainpage .title-left:after {display:inline-block; position:absolute;top:4px; left:20px; width: 0;height: 0;
    border-top: 6px solid transparent; content:" ";
    border-right: 8px solid #444;
    border-bottom: 6px solid transparent;
	 transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear; }
.mainpage .title-right:after {display:inline-block; position:absolute;top:4px; right:20px; width: 0;height: 0;
    border-top: 6px solid transparent; content:" ";
    border-left: 8px solid #444;
    border-bottom: 6px solid transparent;
	 transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear; }
 
	
.each {position:relative;}
#canvas {
	position:absolute;
	left: 0;
	top:0;
	right:0;bottom:0;
	width: 100%;
	height:100%;
	background:none;
	overflow: hidden;
}
#canvas img {
	overflow: hidden;
	cursor: pointer;
	left: 100%; position:absolute;
}

#canvas a { 
	 filter: alpha(opacity=100); background-color:#000;left:auto!important;top:auto!important;margin-right:-115px; 
	opacity:1; position:absolute!important;right:50%!important;bottom:30%!important; border-radius:33px;padding-left:25px;
	color:#fff; width:220px!important; height:40px!important;font-size:16px!important; text-align:left; line-height:40px;display:blcok!important; }
#canvas a:hover { text-decoration:none;}
#canvas a strong {display:inline-block; float:right;padding-right:40px;position:relative;color:#ffad02;font-size:12px;}
#canvas a strong:after {display:inline-block; position:absolute;top:13px; right:25px; width: 0;height: 0;
    border-top: 8px solid transparent; content:" ";
    border-left: 10px solid #ffad02;
    border-bottom: 8px solid transparent;
	 transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear; }
#canvas a:hover strong:after {right:15px;}
 
@media (min-width: 992px) {
#canvas a {bottom:20%!important; }
.mainpage .hall-title .title {width:970px}	
}
@media (min-width: 1200px) {
#canvas a {bottom:15%!important; }
.mainpage .hall-title .title  {width:1170px}	
}