/*====================导航*********/

.header{

	width:100%;

	position:fixed;

	top:0;

	left:0;

	z-index:999;

}

/*头部*/

.header_con{width: 1400px;margin: 0 auto}

.header_con .logo{width: 20%;display: inline-block;vertical-align: middle;animation: swing 1s;}

.header_con .nav{display: inline-block;vertical-align: middle;font-size: 0;line-height: 0;margin-left: 163px;animation:fadeInRight 1s;}

.header_con >.nav >ul >li{position: relative;float: left;font-size: 18px;line-height:28px;margin: 0 0 0 32px;color: #fff;transition: all .5s;padding: 50px 0}

.header_con >.nav >ul >li > a{display: block;font-weight: bold;padding: 0 10px;text-transform: uppercase;}

.header_con .search{background: url(../images/icon_bg.png) no-repeat 0 0;width: 40px;height: 40px;margin: 0 0 0 32px;display: inline-block;vertical-align: middle;animation:fadeInRight 2s;}

.header_con >.nav >ul >li:hover{color: #c30d23}

.header_con >.nav >ul >li:hover .subnav{display: block;}

.header_con >.nav >ul >li.lic{color: #c30d23}

.subnav{display: none; position: absolute;top:128px;left: 6px;z-index: 9999;padding: 10px 20px}

.subnav li{font-size: 16px;line-height: 40px;width: 240px;color: #fff;transition:all .4s;text-transform: capitalize;}

.subnav li:last-child{border: none}

.subnav li:hover{padding-left: 8px;color: #c30d23!important}



/*白色背景的头部*/

.header.on{background-color: #333;border-bottom: 1px solid #ccc;}

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

/*搜索*/

.search_zz{display: none; background-color: rgba(0,0,0,.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999}

.search_zz.show{display: block;}

.z_search > .w900{width: 900px;margin: 0 auto;}

.z_search  form{width: 900px;margin: 0 auto;padding: 200px 0 100px}

.z_search_in1{height:54px;padding: 0 10px;width:820px;float: left;line-height: 54px;font-size:16px;border: 1px solid #ccc;border-right: none}

.z_seach_btn1{float:right;width:80px;height:56px;border: 0;background:url(../images/z_search.jpg) no-repeat;}

.search_zz a{display: block;position: absolute;top: 100px;right: 100px;width:40px;height: 40px;z-index: 9999}

.search_zz a:hover{-webkit-transform: rotate(360deg);

    animation: rotation 2s linear infinite;

    -moz-animation: rotation 2s linear infinite;

    -webkit-animation: rotation 2s linear infinite;

    -o-animation: rotation 2s linear infinite;}

@-webkit-keyframes rotation{

    from {-webkit-transform: rotate(0deg);}

    to {-webkit-transform: rotate(360deg);}

}