@charset "utf-8";

a{
	outline:none; border:none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;color:#35ABAD;
}

a:focus, a:hover {  color: #2AABAD;} 
a img,img{border:none;}

body{font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;}
footer{color:#454444; margin-top:30px;padding:20px 0px; border-top:1px solid #ddd;}
footer p{ margin:0px auto; width:50%; line-height:24px; display:block; overflow:hidden}
 .lfooter {
    width: 100%;
    background-color:#41AFB1;
    position: fixed;
    bottom: 0px;
}
.lfooter ul{overflow:hidden; margin:0px; padding:0px}
.lfooter li {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
    padding: 10px 0px;
}
.lfooter ul li a{color:#fff;}
.lfooter img,.lfooter i{width:30px; height:30px;font-size: 25px;}
div#navbar{ background-color:transparent;}
/*-------------------导航-------------------*/
ul{list-style:none;}
.nav > li + li {
  margin-left: 20px;
}
.nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
    color: #fff; /* IE8 proofing */
  border-bottom: 2px solid transparent;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
  border-bottom-width:2px;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.nav > .active > a,
.nav > .active > a:hover,
.nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}
/*------------下拉框----------*/
.dropdown-menu{min-width:auto !important;margin:-3px -1px 0px 0px; border-radius:2px;box-shadow:0 2px 9px rgba(0,0,0,.175); -webkit-box-shadow: 0 2px 9px rgba(0,0,0,.175); text-shadow: none;}
.dropdown-menu:before
    {width:0px; height:0px; display:block; content:''; border-left: 10px solid transparent;
    border-right: 10px solid transparent; margin-top:-14px;
    border-bottom: 10px solid #fff;margin-left:34%;box-shadow:none;}

/*------------导航-------------------*/
@media (min-width: 450px) {
  .nav > li{ line-height:1em;}
  .nav > li > a{ font-weight:normal;} 

}
@media (max-width: 450px) {

  .nav > li{ line-height:1em;font-size:12px}
  .nav > li > a{ font-weight:normal;}

}
@media (min-width: 600px) {	
    .nav> li {
    	line-height: 1em;
    }
    
    .nav> li> a {
    	font-weight: normal;
    }
  
}

@media (min-width: 768px) {
  .nav > li{ line-height:2.5em;}
  .nav > li > a{ font-weight:bold;}
}
@media (min-width: 900px) {
	  .nav > .active > a,
	  .nav > .active > a:hover,
	  .nav > .active > a:focus,
	  .nav > li > a,
	  .nav > li > a:hover,
	  .nav > li > a:focus{padding-bottom:5px;}
	  .nav > li{ line-height:2em;}

}


/*
  ----------------------------------------------------导航
*/
.container-fluid{margin-right:40px;}
.navbar {color:#fff; padding-bottom:20px;}
.container-fluid,.container-fluid .row,.container-fluid.row .navbar-header{ height:100%;}
.container-fluid .row h1{height:100%; vertical-align:middle; line-height:2em; text-align:center;}
.container-fluid .row h1 img{width:100%;}
.container-fluid .row .navbar-collapse{ float:right;}
.container-fluid .row .navbar-form{ margin:-10px 0px  0px; padding:0px; text-align:right; margin-right:30px; }
.container-fluid .row .navbar-form .form-control{width:68%;height:40px; line-height:40px; }
.container-fluid .row ul.navbar-nav li{ padding:15px 0px; }
.glyphicon-search{ margin:0px -40px; border:none; background:none; font-size:22px; color:#4CC2C4; vertical-align:middle; cursor:pointer}
.dropdown{width:80px}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #fff; background-color:transparent;
}
 .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}
.container-fluid .row ul.navbar-nav  .dropdown-menu{ width:100%}
.container-fluid .row ul.navbar-nav  .dropdown-menu li{ padding:0px; text-align:center}
.container-fluid .row ul.navbar-nav  .dropdown-menu li a{ padding:5px 3px;}
.dropdown-menu>li>a{ padding:0px; display:block; width:100%; height:100%}
.navbar-nav{ float:right;}

.navbar-default { background:url(../img/bg.png) no-repeat; background-size:cover;}
.nav>ul>li>ul>li{ margin-left:0px;}
.nav>li>a{color:#FFF !important;}
.nav>li>a:link, .nav>li>a:visited,.nav>li>a:hover,.nav>li>a:active,.nav>li>a:focus{color:#FFF}

.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;}


.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{color:#FFf;background:none;}

.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
.navbar-default .navbar-toggle:focus{    background-color: transparent;}
.navbar-default .navbar-toggle:hover{background-color: rgba(96,222,201,0.6);}
 .collapse{ display:block;} 
 

@media (max-width: 1190px) and  (min-width:1035px) {
	.container-fluid{margin-right:20px;}
	.container-fluid .row .col-sm-4{ width:30%;margin:0px auto;}
	h1{ text-align:center; padding-top:10px}
	#navbar{ padding:0px; padding-right:15px;}
	
}
@media (max-width: 1034px) and  (min-width: 320px) {
 .container-fluid{margin-right:0px;}
 .container-fluid .row .col-sm-5{float:none; margin:0 auto;}
 #navbar.col-md-8 { float:none; margin:0 auto; width:100%; position:relative;}
 #navbar .navbar-nav{ float:none; margin:0 auto;width:657px}
 #navbar .navbar-form{ float:none; margin:0 auto 20px;text-align:center;}
 .container-fluid .row ul.navbar-nav li{ padding-top:0px;}
}
@media (max-width: 860px) and  (min-width: 751px) {
	.row .col-sm-5{width:50%;}
}
@media (max-width: 770px) and  (min-width: 320px) {
	.row .col-sm-5{width:100%; margin:0 auto; overflow:hidden; padding:0px}
	.row .col-sm-5 h1{ float:left; margin-left:15px;font-size:28px;  margin-top:16px;}
	 #navbar .navbar-form{ text-align:center; padding:0px 4%; width:100%; margin-left:0px;border:none;-webkit-box-shadow:none;box-shadow:none;}
	 .container-fluid .row .navbar-form .form-control{width:100%;}
	.collapse{ display:none; max-height:437px; overflow-x: hidden;overflow-y: auto;}
    
	.navbar-toggle{ margin-top:25px;}
	.glyphicon-search{ margin:0px; right:0px; top:0px; margin-top:-32px; float:right;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
    }
	.navbar{ padding:0px;}
	.dropdown-menu:before{ display:none;}
	.container-fluid .row ul.navbar-nav .dropdown-menu li{ text-align:left; margin-left:20px;}
	footer p{width:90%;}
	div#navbar{ background-color:#4CC2C4; background-repeat:no-repeat; background-image:}
	
}
@media (max-width: 460px) and  (min-width: 320px) {
	.collapse{max-height:437px;}
	.navbar-toggle {margin-top: 22px;}
    .row .col-sm-5 h1{ padding:0px; margin:0px; margin-left:15px;font-size:24px;  margin-top:16px;} 
	footer p{width:95%;}
}