@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* html{min-width: 1500px;margin:0 auto} */

.container{ width: 1200px; margin:0 auto;}

/* 头部 */
.header{position: fixed;top: 0;left: 0; width: 100%;background-color: rgba(255, 255, 255, 0.7);box-shadow: 0 2px 10px 2px #d6d6d6;z-index: 2;}
.header_wrap{position: relative;padding:15px 0;}
.header_con{font-size: 0;}
.head_logo{width: 250px;}
.head_logo img{max-width: 250px;max-height: 64px;}
.navigation{width: calc(100% - 330px);margin-left: 50px;}
.navigation .f_nav{width: calc(100% - 40px);text-align: right;z-index: 99;display: inline-block;vertical-align: middle;}
.f_nav>li{position:relative;display: inline-block;width: auto; vertical-align: top;padding:10px 3%;}
.f_nav>li>a{font-size: 18px; word-break: keep-all; color: #090909;}
.s_nav{z-index: 99;position:absolute;top:100%;left:0;min-width: 100%;text-align: center;background: #ffffff;opacity: 0;visibility: hidden;height: 0;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.s_nav>li>a{display: block;width: 100%; color: #525252;word-break: keep-all;height: 35px;line-height: 35px;text-align: center;font-size: 15px;}
.s_nav>li{position:relative;}
.t_nav{z-index: 99;position:absolute;top:0;left:100%;min-width: 100%; background: #f1f1f1;opacity: 0;visibility: hidden;width: 0;transition: all .4s ease 0s;transform: translate3d(-10px,0, 0);-moz-transform: translate3d(-10px,0, 0);-webkit-transform: translate3d(-10px, 0, 0);}
.t_nav>li>a{display: block;width:100%; height: 35px;line-height: 35px;font-size: 13px;color: #525252; word-break: keep-all;text-align: center}
.f_nav>li:hover>a,.f_nav>li.active>a{color: #da2028;}
.f_nav>li:hover .s_nav{opacity: 1;height: auto; visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.s_nav>li:hover>a,.s_nav>li>a.active{background: #f1f1f1;}
.s_nav>li:hover .t_nav{opacity: 1;width: auto; visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.t_nav>li>a:hover{background: #e0e0e0;}
.head_search{width: 30px;font-size: 22px;text-align: center;cursor: pointer;}
.search_box{width:100%;padding:15px;background-color:rgba(0,0,0,0.5);position:absolute;left:0;top:100%;z-index:1;max-height:0;overflow:hidden;-webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);-webkit-transform-origin:50% 0;-webkit-transition:350ms;-moz-transition:350ms;-o-transition:350ms;transition:350ms;}
.search_box .form_box{width:442px;height:40px;margin:0 auto;font-size:0;}
.form_box input[type="text"]{width:calc(100% - 40px);padding:0 10px;height:40px;line-height:40px;font-size:14px;display:inline-block;vertical-align:top;border:0;}
.form_box button{width:40px;height:40px;background-color:#3b3b3b;color:#ffffff;font-size:18px;line-height:40px;border:0;display:inline-block;vertical-align:top;}
.search_box.active{max-height:1000px;-webkit-transform:perspective(400) rotate3d(0,0,0,0);}



/* 底部 */
.footer{background-color:#08428c;color: #ffffff;padding:20px 10px;text-align: center;font-size: 14px;line-height: 1.2;}