/*--------------------------------------------------
	[PAGE HEADER]头部
----------------------------------------------------*/
/* Page on Scroll */
.page-on-scroll .page-header {background: #fff;transition-duration: 100ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}
.page-on-scroll .page-header .navbar {background: inherit;}
.page-header {padding: 0;margin: 0;border-bottom: none;}
.page-header .navbar {border-radius: 0;margin-bottom: 0;background: transparent;transition-duration: 100ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}
.page-header .navbar-toggle {border: none;margin: 25px 15px 25px 0;}
.page-header .navbar-toggle .icon-bar {background: #3f5263;}
.page-header .navbar-brand {height:75px;max-height: 75px;line-height: 75px;display: inline-block;vertical-align: middle;transition-duration: 400ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}
.page-header .navbar-brand img {height: auto; max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.page-header .navbar-nav li {padding:22px 8px 21px 8px;line-height: 30px;transition-duration: 400ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}
.page-header .navbar-nav li > a {font-size: 16px;border: 1px solid transparent;text-transform: uppercase;color: #fff;}
.page-header .navbar-nav li.active > a,
.page-header .navbar-nav li > a:hover {border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.1); color:#00e3ff;}

.page-header .navbar-nav .navpp:hover{  }
.page-header .navbar-nav .hover .navpp{ }


.page-header .navbar-nav li > a:focus,
.page-header .navbar-nav li > a:hover {background: inherit;}

.topyy{ float:right;}
.topyy a{ font-size:18px; font-weight:bold; line-height:75px; color:#0bdaf3;}

@media screen and (min-width:1700px) and (max-width:2000px){
.page-header .navbar-nav {margin-left:22%;}}
@media screen and (min-width:1460px) and (max-width:1699px){
.page-header .navbar-nav {margin-left:18%;}}

@media screen and (min-width:1461px) and (max-width:1600px){
.page-header .navbar-nav{ margin-left:12%;}}

@media screen and (min-width:1300px) and (max-width:1460px){
.page-header .navbar-nav{ margin-left:4%;}}

@media screen and (min-width:980px) and (max-width:1299px){
.page-header .navbar-nav{ margin-left:0;}}



/* Responsive code for max-width: 991px */
@media (max-width: 991px) {
  /* 991px */
  .page-header .navbar-header {float: none;}
  .page-header .navbar-toggle {display: block;}
  .page-header .navbar-collapse.collapse {display: none !important;}
  .page-header .navbar-collapse.collapse.in {display: block !important;overflow-y: auto !important;}
  .page-header .navbar-nav {margin: 0;float: none !important;}
  .page-header .navbar-nav > li {float: none;}
}
/* Stylesheet design for under max-width: 991px */
@media (max-width: 991px) {
  /* 991px */
  body {padding-top: 80px;}

  .page-header { background: #fff;}
  .page-header .navbar-fixed-top {background: #fff;}
  .page-header .navbar-fixed-top .navbar-collapse {max-height: 100%;}
  .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li {padding: 0; float: none; }
  .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li > a {font-weight: 700;color: #3f5263;}
  .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li.active > a,
  .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li > a:hover {color: #bf5757;}
  .page-header img.logo-default {display: none;}
}
/* Stylesheet design for above 992px */
@media (min-width: 992px) {
  /* 992px */
  .page-header {top: 0;left: 0;width: 100%;height: auto;z-index: 9999;position: fixed;}
  .page-header .navbar-brand img.logo-scroll {display: none;}
  .page-header .navbar-nav {float:left;}
  .page-header .navbar-nav li > a {padding: 5px 10px;}
}
/* Stylesheet design on Scroll (Fixed Header) 992px */
@media (min-width: 992px) {
  /* 992px */
 .page-on-scroll .page-header {filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4); -moz-box-shadow: 2px 2px 10px #909090; -webkit-box-shadow: 2px 2px 10px #909090; box-shadow: 2px 2px 10px #909090;height:80px;}
  .page-on-scroll .page-header .navbar-brand {height: 70px;max-height: 70px;line-height: 49px;transition-duration: 400ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
  .page-on-scroll .page-header .navbar-brand img.logo-scroll {display: block;}
  .page-on-scroll .page-header .navbar-brand img.logo-default {display: none; }
  .page-on-scroll .page-header .navbar-nav li {padding:19px 8px 19px 8px;transition-duration: 400ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}
  .page-on-scroll .page-header .navbar-nav li > a {color: #333;}
  .page-on-scroll .page-header .navbar-nav li.active > a,
  .page-on-scroll .page-header .navbar-nav li > a:hover {color:#00e3ff; font-weight:normal;}
}


/**********************BANNER样式****************************/

.page-slider .fullwidthbanner-container {padding: 0;width: 100%;position: relative;}
.page-slider .fullwidthbanner-container .banner {width: 100%;position: relative;}
.page-slider .fullwidthbanner-container .banner ul {margin: 0;padding: 0;list-style: none;}
.page-slider .fullwidthbanner-container .banner ul > li {visibility: hidden;list-style: none;}
.page-slider .fullwidthbanner-container h3 {font-size: 63px;font-weight: 600;text-transform: uppercase;color: #fff;}
.page-slider .fullwidthbanner-container h3.title-v2 {font-size: 60px;line-height: 1.4;}
.page-slider .fullwidthbanner-container h3.red-title {color: #bf5757;}
.page-slider .fullwidthbanner-container p {font-size: 21px;font-weight: 600;text-transform: uppercase;}
.page-slider .fullwidthbanner-container .subtitle-v1 {color: #80d0de;}
.page-slider .fullwidthbanner-container .subtitle-v2 {color: #a8c6d6;}
.page-slider .fullwidthbanner-container .slide_thumb_img img {opacity: 1;}
.page-slider .fullwidthbanner-container .slide_thumb_img:hover img {opacity: 0.9;text-decoration: none;}
.page-slider .fullwidthbanner-container .slide_border {color: #6b8e9f;padding-left: 10px;}
.page-slider .fullwidthbanner-container .fulllscreenvideo {left: 0 !important;}

/** banner按钮，下面的切换按钮 **/

.tpclear{clear:both}
.tp-bullets{z-index:1000; position:absolute;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px);}
.tp-bullets.hidebullets{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.tp-bullets.simplebullets.navbar{border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.tp-bullets.simplebullets.navbar-old{background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }

.tp-bullets.simplebullets.round .bullet{cursor:pointer; position:relative;width: 15px; height: 15px;border-radius: 50%; border:1px solid #d2d2d2;	width:20px;	height:20px;  margin-right:5px; float:left; margin-top:0px; margin-left:5px;opacity:1;}
.tp-bullets.simplebullets.round .bullet.selected {opacity: 1;background: #d2d2d2;}
.tp-bullets.simplebullets.round .bullet.last{margin-right:3px}
.tp-bullets.simplebullets.round-old .bullet{cursor:pointer; position:relative;	background:url(../assets/bullets.png) no-Repeat bottom left;	width:23px;	height:23px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.round-old .bullet.last{margin-right:0px}

/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

.tp-simpleresponsive img{-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;}
.tp-simpleresponsive a{	text-decoration:none}
.tp-simpleresponsive ul,
.tp-simpleresponsive ul li,
.tp-simpleresponsive ul li:before{list-style:none;padding:0 !important;margin:0 !important;list-style:none !important;overflow-x: visible;overflow-y: visible;background-image:none}
.tp-simpleresponsive >ul >li{list-style:none;position:absolute;visibility:hidden}