@charset "utf-8";
/* header */
.header{height: 465px; background: url(../images/header_bg.jpg) no-repeat center top;}
.header > .container{position: relative;}
.header-toolbar{position: absolute; top: 8px; right: 0; color: #0953ae; float: right;}
.header-toolbar ul{float: left; border: 1px solid transparent;}
.header-toolbar ul.mark{padding: 0 20px; background: rgba(44,90,167, .3); border-radius: 15px; border-color: rgba(255,255,255,.1); margin-left: 20px;}
.header-toolbar a{color: #fff;}
.header-toolbar a:hover{text-decoration: underline;}
.header-toolbar li{position: relative; height: 32px; line-height: 32px; float: left;}
.header-toolbar li + li{ margin-left: 18px;}
.header-toolbar li.split{position: relative; padding-left: 19px;}
.header-toolbar li.split:after{position: absolute; left: 0; top: 50%; margin-top: -7px; content:''; width: 1px; height:14px; background: #fff; opacity: .46;}
.header-toolbar li.split{}

.header-logo{clear: both; padding: 50px 0 20px;}
.header-logo img{display: block; margin: 0 auto;}

.header-search{position: relative; width: 50%; min-width: 700px; margin:0 auto; overflow: hidden;}
.header-search dl{position: relative; border: 1px solid #8493b1; background-color: rgba(255,255,255,.8); border-radius: 5px;}
.header-search dl dd{margin-right: 80px; margin-left: 20px;}
.header-search  {border: 1px solid #8493b1;background: #fff;}
.header-search form {background: #fff;}
.header-search form button {float: right;}
.header-search  input[type="text"]{width: 100%; width: 100%; height: 55px; font-size: 1.25em; line-height: 55px; border: none; background: none;float: left;padding: 0 20px;}
.header-search  input::-webkit-input-placeholder{font-weight: bold; color: #3d527b;}
.header-search  button{position: absolute; top: -1px; right: -1px; bottom: -1px; width: 60px;}
.header-search  button .submit{position:absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: none; cursor: pointer; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search  button {filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;background: #cca259;border:0;}
.header-search  button img {width: 50%;height: 50%;}
.header-search .hotwords{margin-top: 1.125em; color: #fff;}
.header-search .hotwords span{margin-right: 0;}
.header-search .hotwords span,
.header-search .hotwords a{display: inline-block; white-space: nowrap; line-height: 1.875em; margin: 6px 6px 0;}
.header-search .hotwords a{color: #fff; padding: 0 .75em; background-color: rgba(5,27,102,.2); border-radius: .3125em; cursor: pointer;}
.header-search .hotwords a:hover{background-color: rgba(5,27,102,.35);}

.mainnav{position: relative; z-index: 9; height: 69px; background-color: rgba(18, 55, 151,.6);}
.mainnav ul{position: relative; z-index: 8; padding-right: 200px;}
.mainnav ul li{float: left; position: relative; width: 20%; text-align: center;}
.mainnav ul li a{display: inline-block; position: relative; padding: 0 .75em; font-weight: bold; line-height: 60px; font-size: 1.5em; text-align:center; color: #d7dffb; transition: .3s;}
.mainnav ul li a span{display: inline-block; vertical-align: top; position: relative; z-index: 2;}
.mainnav ul li a i{position: relative; z-index: 2; display: inline-block; vertical-align: top; width: 30px; height: 60px; margin-right: 5px;}
.mainnav ul li a i:before{position: absolute; top: 50%; right: 0; left: 0; content: ""; width: 30px; height: 30px; margin-top: -15px; background-repeat: no-repeat; background-position: center -30px; background-image: url(../images/mainnav_icon_index.png);}
.mainnav ul li a:after{position: absolute; right: 0; bottom: -10px; left: 0; content: ""; opacity: 0; height: 10px; background: url(../images/mainnav_line_on.png) repeat-x; transition: all .3s;}
.mainnav ul li.on a{color: #ead0a2;}
.mainnav ul li.on a i:before{background-position: 0 0;}
.mainnav ul li.on a:after{opacity: 1;}
.mainnav ul li.wsbj{position: absolute; right: 0; bottom: 0; width: auto;}
.mainnav ul li.wsbj a span{display: none;}
.mainnav:before{position: absolute; right: 0; bottom: 0; left: 0; z-index: 3; content: ""; height: 10px; background: url(../images/mainnav_line.png) repeat-x;}
.mainnav:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background-color: rgb(12, 50, 150); opacity: .9;}

/*responsive*/

@media (max-width: 1280px) {
	.header-search{max-width: 100%; width: 620px; min-width: inherit;}
	.header-search, .header-search-txt{box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}
	.header-search dl dd input[type="text"]{height: 52px; line-height: 52px; font-size: 1.125em;}
}


@media (max-width: 1024px) {
	.header-toolbar .wza, .header-toolbar .zz{display: none;}
	.header{height: auto; padding: 0 0 30px; background-size: auto 100%;}
	.mainnav li a{line-height: 64px;}
}

@media (max-width: 992px) {
  .header-logo{padding: 80px 30% 30px;}
  .header-logo img{height: auto;}
  .mainnav{height: auto; padding-bottom: 10px}
  .mainnav .container{width: auto; padding-right: 0; padding-left: 0;}
  .mainnav ul{padding: 2px 0;}
  .mainnav ul li{width: 33.33333% !important;}
  .mainnav ul li:before{position: absolute; top: 50%; right: 0; content: ""; width: 1px; height: 18px; margin-top: -9px; background-color: #d7dffb;}
  .mainnav ul li a{display: block; line-height: 50px; margin: 2px 4px; font-size: 1.125em; padding: 0 !important;}
  .mainnav ul li a i{height: 50px;}
  .mainnav ul li a:after{top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: 0; height: auto;}
  .mainnav ul li.on a:after{opacity: .15;}
  .mainnav ul li.wsbj{position: relative; float: left;}
  .mainnav ul li.wsbj a span{display: block; font-size: 1.0625em; color: #fff; background-color: #a78940; background: linear-gradient(to bottom right, #d7b77a 30%, #a78940); border-radius: 100px; letter-spacing: 2px; font-style: italic;}
  .mainnav ul li.wsbj a img{display: none;}
  .mainnav ul li.wsbj:before{content: normal;}
  .mainnav ul li:nth-child(3):before{content: normal;}
  .header-search dl dd input[type="text"]{height: 46px; line-height: 46px; font-size: 1em;}
}

@media (max-width: 640px) {
  .header-search .hotwords{display: none;}
}


/* xs mobile*/
@media (max-width: 414px) {
	.header-toolbar li.ipv6{padding-left: 0;}
	.header-toolbar li.ipv6:after{display: none;}
	.header-logo{padding-right: 20%; padding-left: 20%;}
	.mainnav ul li.wsbj a span{margin-top: 7px; line-height: 36px;}
	.header-search dl dd{margin-right: 60px; margin-left: 10px;}
	.header-search dl dd input[type="text"]{height: 40px; line-height: 40px;}
	.header-search dl dt.button{width: 50px;}
}

@media (max-width: 375px) {
	.header-toolbar{top: 10px; right: 10px; height: 30px; line-height: 30px; font-size: 12px;}
	.header-toolbar li{height: 30px;}
	.header-toolbar li.ipv6 img{height: 16px; margin-top: 7px;}
	.header-logo{padding-bottom: 28px; padding-top: 60px; padding-right: 15%; padding-left: 15%;}
	
}