﻿/*清除元素默认的内外边距  */
* {
    margin: 0;
    padding: 0
}

body{
    width: 100%;
    height: auto;
   /* background: url("../images/body_bg.jpg") no-repeat;*/
}
.page#box{
    width: 1920px;
    height: auto;
    margin: 0 auto;
}
/*让所有斜体 不倾斜*/
em,
i {
    font-style: normal;
}
/*去掉列表前面的小点*/
li {
    list-style: none;
}
/*图片没有边框   去掉图片底侧的空白缝隙*/
img {
    border: 0;  /*ie6*/
    vertical-align: middle;
}
/*让button 按钮 变成小手*/
button {
    cursor: pointer;
}
/*取消链接的下划线*/
a {
    color: #081837;
    text-decoration: none;
    font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    transition: color 0.3s;
}

span {
    transition: color 0.3s;
}

p {
    font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
}

a:hover {
    cursor: pointer;
    color: #1B68A4;
}

button,
input {
    font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    /*取消轮廓线 蓝色的*/
    outline: none;
}

body {
    /*background-color: #fff;*/
    font: 12px/1.5 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    /*color: #666*/
}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1531401011682'); /* IE9*/
  src: url('iconfont.eot?t=1531401011682#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1531401011682') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1531401011682#iconfont') format('svg'); /* iOS 4.1- */
}
.hide,
.none {
    display: none;
}
/*清除浮动*/
.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.clearfix {
    *zoom: 1
}

.html{-webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
}

/*通用样式*/
.lf {
  float: left;
}

.rt {
  float: right;
}

.active {
  display: block;
}

.container {
  width: 1380px;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.container:before,
.container:after {
  content: '';
  display: table;
  clear: both;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*头部*/
header {
  position: relative;
  height: 166px;
  background: url(../imgs/header-bg.jpg) rgb(27, 104, 164) no-repeat top center;
}

header .top {
  height: 114px;
  line-height: 114px;
}

/*导航栏*/
header .navbar {
  height: 52px;
}

header .navbar>ul {
  float: left;
  width: 1200px;
}

header .navbar>ul>li {
  position: relative;
  float: left;
  width: 120px;
  text-align: center;
}

header .navbar>ul>li>a {
  display: block;
  line-height: 52px;
  color: #fff;
  font-size: 16px;
}

header .navbar>ul>li>a:hover {
  color: #333;
  background: #EEE546;
}

header .navbar>ul>li:hover {
  display: block;
}

header .sub-menu {
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  background: rgb(27, 104, 164);
  display: none;
  z-index: 99;
}

header .sub-menu li a {
  display: block;
  height: 45px;
  line-height: 45px;
  color: #fff;
}

header .sub-menu li a:hover {
  color: #333;
  background: #EEE546;
}

/* 尾部 */
footer {
  height: 130px;
  background: rgb(27, 104, 164);
}

footer .lf {
  padding-top: 40px;
  line-height: 1.75em;
  color: #fff;
}

footer .rt {
  padding: 30px 30px 0 0;
}
    
.search{
  position: relative;
  top: 11px;
  float: right;
  width: 180px;
}
input[type='text']{
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding: 0 30px 0 10px;
  border: none;
  background: #fff;
  box-sizing: border-box;
  border-radius: 20px;
}
input[type='submit']{
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border: none;
  cursor: pointer;
  background: url(../imgs/search.png) no-repeat center center;
}

@media screen and (max-width: 1400px){
  .container {
    width: 1200px;
  }
  header .navbar>ul {
    width: 1000px;
  }
  header .navbar>ul>li {
    width: 100px;
  }
}

/*返回顶部*/
.toTop{
  position: fixed;
  right: 15px;
  bottom: -100px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bolder;
  font-family: '黑体';
  background: rgba(0,0,0,.6);
  border-radius: 5px;
  transform: rotate(90deg);
  cursor: pointer;
  transition: .3s;
  z-index: 99;
}