/*header*/
.header{background-color: #214987;}
.navbar-top{padding:7px 0;background-color:#133974;color:#fff;}
.header .hlink {color:#fff;text-align:right;}
.header .hlink span{margin-right:10px;}
.header .hlink span a{color:#fff;padding-left:20px;font-size:12px;}
.header .hlink a{color:#fff;}
.header .hlink .search{background:url(images/search.png) left center no-repeat;}
.header .hlink .homepage{background:url(images/homepage.png) left center no-repeat;}
.header .navbar-brand {padding:22px 15px;height: 100%;}
.navbar-main{background-color:#27559c;margin-bottom:0;border-radius: 0;-webkit-border-radius: 0;border: 0;}
.dropdown-menu{margin:0}
.dropdown{float:left;font-size:16px;min-width:120px;text-align:center;}
.dropdown .caret{margin-left:10px;}
.dropdown a{color:#fff;text-decoration: none;display:block;padding:14px 0;font-size:16px;}
.dropdown-menu{border-radius:0;background-color:#27559c;;color:#333;border:0; font-size:16px;min-width:120px;text-align:center;padding:0;display:none; z-index:99;position:absolute;}
.dropdown-menu>li>a{line-height:2;color:#fff;padding:2px 20px;font-size:14px;background:none;}
.dropdown:hover> .dropdown-menu{display:block}
.navbar-toggle{border-color: #ddd;}
.navbar-toggle .icon-bar {background-color: #fff;}

.searchbox{
    margin: 14px 0;
	padding:10px 28px 17px 28px;
	background-color: rgba(59,71,106,0.5);    
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, .2);
    box-shadow: 1px 3px 10px rgba(0, 0, 0, .2);
}
.TabTitle li{cursor:pointer;display:inline-block;height:50px;text-align:center;}
.TabTitle li a{font-size:15px;cursor:pointer;color:#fff;display: inline-block;height:50px;line-height:50px;overflow: hidden;text-decoration: none;}
.TabTitle li span{font-size:15px;cursor: pointer;color: #fff;margin:0 10px;display: inline-block;height: 50px;line-height: 50px;overflow: hidden;text-decoration: none;}
.TabTitle li.active a{color:#fff; position:relative; }
.TabTitle li.active a:after{ content:"";width:14px; height:14px; position:absolute; left:50%; margin-left:-9px; bottom:-10px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.searchform .searchInput{ float:left; width:428px; height:40px; line-height:40px; }
.searchform .searchBtn{margin-left:-2px;text-align:center;width:auto;float:left;overflow:hidden;height:40px;}
.searchform .searchInput .keyword {float: left;
    height:40px;
    line-height: 40px;
    margin-right: 0;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    padding: 3px 6px;
    border-radius: 3px;
    width:422px;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
	border:0;}
.searchform .searchBtn .btn {height:40px;background-color:#676e9f;color: #fff;cursor: pointer;padding-left: 20px;padding-right: 20px;font-size: 16px;}
.searchform .searchBtn .icon-search {background: url(searchbtn.png) no-repeat scroll left center;padding-left: 24px;}

.searchbar{margin-top: 10px;}
.searchformIndex{background: url(s_bg2.jpg) center no-repeat;}
.serchTitle{font-size:18px;color:#fff;padding:5px 20px;background-color:#185f9f;margin-top: 20px;}
.note {text-indent: 0;color: #fff;line-height:22px;margin-top:10px;}
.note a {color: #DE5133;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .search{
    background-color:#3b476a;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  } 
}
	
/*footer*/
.footer{color:#fff;padding:20px 0;background-color:#214987;}
.copyright{color:#fff;font-size:12px;}
.footer a{color:#fff;font-size:12px;}
@media (min-width:1120px){
	.container {
		width: 1428px;
	}
}
@media (min-width:992px) and (max-width:1120px){
	.searchform .searchBtn{
		margin-top: 8px
	}
}
@media (min-width:768px) and (max-width:992px){
	.dropdown-menu{text-align:left;min-width:auto;}
	.dropdown a{padding:5px 7px;}
}
@media (min-width: 768px){
	.navbar-link>li {
		float: left;
	}
}
@media screen and (max-width: 767px){
	.header .navbar-brand{padding: 10px;}
    .navbar-logo{width:300px; height: auto;}
	.navbar-link>li>a{margin:0;}
	.navbar-nav .open .dropdown-menu>li>a {color: #fff !important;}
	.dropdown{width:100%;padding:5px 0 !important;text-align:left;}
	.dropdown ul{box-shadow:0 0 0 0;text-align:left;}
	.dropdown a:hover{background-color:transparent !important}
	.dropdown a{color:#fff !important;padding: 5px 16px;line-height: 2.4;background:none;}
	.dropdown a.menu1{background:none;}
	.dropdown:hover{background-color: transparent !important}
	.dropdown-menu>li>a{padding:2px 30px;}
	.dropdown-submenu > .dropdown-menu{display:block;margin-left:0 !important;left:0 !important;top:38px !important;}
	.dropdown-submenu > a:after{display:none !important}
	.flink .flist{width:25%;}
}
@media screen and (max-width: 640px){
    .navbar-logo{ width: 180px; height: auto;}
}
@media screen and (max-width: 360px){
    .navbar-logo{ width:130px; height: auto;}
}

@media (min-width: 768px){
	.TabTitle{height:50px;}
	.quick .ml,.quick .mr{width:50%;float:left;}
	.quick .ml2{width:40%;float:left;}
	.quick .mr2{width:60%;float:left;}
	.quick a.qthree{margin:0 0 6px 5px;}
	.quick a.qfive{margin:0 0 0 5px;}
}
@media (min-width: 376px) and (max-width: 767px) {
	.theme-banner{padding:20px 0;}
	
	.search{padding:10px 10px;}
	.searchform .searchInput{width: 70%; }
	.searchform .searchInput .keyword {width:90%;}
    
	.nbox .nlist{padding:10px 5px;}
	.pic-tiem-one,.pic-tiem-two{margin-top:12px;}
    .tabTitleIndex #tabIndex li{width: 100%;
    text-align: center;}
    .tabTitleIndex #tabIndex{padding: 10px;}

    .searchformIndex{text-align: center;background-repeat: repeat-x;}
}
@media (min-width: 240px) and (max-width:375px) {
.searchform .searchInput{
    width: 60%
}
.searchform .searchInput .keyword {width:90%;}
}



