@charset "utf-8";
/* CSS Document */

body{ background:url(../images/body_bj_img.png) no-repeat center top; position:relative;}


.header{ height:223px; position:relative; z-index:2;}
.header .header_con{background:url(index_header_bj.png) center;height: 138px;}
.header .top-box{ height:138px; }
.header .top-box .left-logo{ margin-top:25px; width:294px; height:87px;}
.header .top-box .left-logo a{ display:block;}
.header .top-box .left-logo a img{ width:294px; height:87px;}
.header .top-box .search-box{ background:url(index_search_icon.png) no-repeat 13px center; width:458px; height:43px; line-height:45px; margin-left:64px; margin-top:47px; position:relative; border:1px solid #0064c2; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
.header .top-box .search-box input{ border:none; width:198px;height:45px; line-height:45px; text-indent:1em; position:absolute; left:52px; top:0; 
 background:none;}
.header .top-box .search-box input:focus{ outline: none;}
.header .top-box .search-box a.sbz_box{ display:block; width:82px; height:43px; color:#fff; background:#0064c2; position:absolute; right:81px; text-align:center; top:0;}
.header .top-box .search-box a.sqs_box{ display:block; width:82px; height:45px; color:#fff; background:#02a861; position:absolute; right:-1px; text-align:center; top:-1px; border-top-right-radius:50px; -moz-border-radius-topright:50px; -webkit-border-top-right-radius:50px;border-bottom-right-radius:50px; -moz-border-radius-bottomright:50px; -webkit-border-bottom-right-radius:50px;}

.header .top-box  .mail-box{ margin-top:38px;}
.header .top-box  .mail-box li{ margin-left:10px; float:left; width:50px;}
.header .top-box  .mail-box li:first-child+li+li+li+li{ width:56px;}
.header .top-box  .mail-box li a{ display:block;}
.header .top-box  .mail-box li a i{ display:block; background:url(index_all_icon.png) no-repeat; height:31px; margin:0 auto;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.header .top-box  .mail-box li a:hover i{-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}
.header .top-box  .mail-box li a i.icon1{ background-position:0 5px; width:32px;}
.header .top-box  .mail-box li a i.icon2{ background-position:0 -42px; width:34px;}
.header .top-box  .mail-box li a i.icon3{ background-position:0 -90px; width:20px;}
.header .top-box  .mail-box li a i.icon4{ background-position:0 -139px; width:30px;}
.header .top-box  .mail-box li a i.icon5{ background-position:0 -188px; width:25px;}
.header .top-box  .mail-box li a i.icon6{ background:url(/material/images/wza_img.png) no-repeat; width:32px;}
.header .top-box  .mail-box li a p{ margin-top:12px; color:#666; font-size:14px; text-align:center;}



.header .nav-box{ height:86px;}
.header .nav-box ul{ height:66px; background:#0064c2;}
.header .nav-box ul li{ width:132px; border-right:1px solid #057be9; line-height:66px; height:66px; text-align:center; float:left;}
.header .nav-box ul li:first-child{ width:134px;}
.header .nav-box ul li:first-child a{ width:134px;}
.header .nav-box ul li a{ display:block; font-size:18px;  color:#fff; height:66px; height:85px;}
.header .nav-box ul li a.on{ background:url(index_nav_bj.png) no-repeat; height:85px; }
.header .nav-box ul li.first-li a.on{ width:134px;}
.header .nav-box ul li a:hover{ background:url(index_nav_bj.png) no-repeat; height:85px; color:#fff !important;}