﻿
/* GNB */
 #header.fixed nav	{background:url('../images/bg_nav98.png') repeat 0 0;}
 #header.fixed nav h1 a	{height:60px;}
 #header.fixed nav .util_wrap > ul > li > a	{line-height:60px;}
 #header.fixed nav .util_wrap ul li.m02 ul	{top:60px}

 #header	{position: relative;z-index:1000; top:0; width:100%;margin:0;  /*height:90px;*/}
 #header nav	{position:relative; width:100%; max-width:1200px; margin:0 auto; background:url('../images/bg_nav98.png') repeat 0 0; /*box-shadow:rgba(113, 113, 113, 0.2) 0px 2px 6px;*/}
 #header nav h1	{}
 #header nav h1 a	{display:block; position:relative; width:207px; height:90px; -webkit-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
 #header nav h1 a img	{position:absolute; top:50%; left:30px; width:200px; height:36px; margin-top:-18px}
 #header nav .btn_nav	{display:none}
 #header nav .util_wrap	{position:absolute; top:0; right:80px; left:210px;}
 #header nav .util_wrap:after	{content:""; display:block; clear:both;}
 #header nav .util_wrap ul li	{float:left; width:16%;}

 #header nav .util_wrap ul li a	{display:block; position:relative; color:#000; font-size:18px; font-weight: normal; text-align:center; line-height:90px; -webkit-transition: line-height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: line-height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: line-height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: line-height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: line-height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
 #header nav .util_wrap ul li a:hover	{color:#ff5e00; text-decoration:none}
 #header nav .util_wrap ul li:hover a:after	{content:""; display:block; position:absolute; bottom:0; right:0; left:0; height:4px; background:#ff5e00;}
 
/* #header nav .util_wrap ul li.m_prod	{position:absolute; top:0; right:-239px; width:239px}
 #header nav .util_wrap ul li.m_prod a	{position:relative; padding-right:67px; font-size:14px}
 #header nav .util_wrap ul li.m_prod a:after	{content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#d9d9d9}
 #header nav .util_wrap ul li.m_prod a span	{display:block; overflow:hidden; position:absolute; top:50%; right:50px; width:39px; height:26px; margin-top:-13px; font-size:0; line-height:0}
 #header nav .util_wrap ul li.m_prod a span img	{transition:all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transition:all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition:all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition:all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
 #header nav .util_wrap ul li.m_prod a:hover span img	{margin-top:-39px}*/

 #header nav .util_wrap ul li ul	{overflow:hidden;  max-height:0; margin:0 -30px; border:1px solid #ddd; border-top:0; border-bottom:0; background:url('../images/bg_nav98.png') repeat 0 0; box-shadow:rgba(113, 113, 113, 0.1) 0px 7px 3px -3px inset; -webkit-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000)}

 #header nav .util_wrap ul li:hover ul	{max-height:400px;  border-bottom:1px solid #ddd; -webkit-transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000)}


 #header nav .util_wrap ul li ul li	{float:none;  width:100%; border-top:1px solid #ddd}
 #header nav .util_wrap ul li ul li:first-child	{border-top:0}
 #header nav .util_wrap ul li ul li a	{display:block;font-size:14px; line-height:50px; text-transform:capitalize /*uppercase*/;}
 #header nav .util_wrap ul li:hover ul li a:after	{display:none}
 #header nav .util_wrap ul li ul li a:hover	{background:#f0f5fa; text-decoration:}
 #header nav .util_wrap ul li ul li:first-child a:hover	{box-shadow:rgba(113, 113, 113, 0.1) 0px 7px 3px -3px inset;}



  #header nav .util_wrap ul li:last-child a:before	{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right:0;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background: #d9d9d9;}
#header nav .util_wrap ul li:last-child ul li a:before,
#header nav .util_wrap ul li ul li:last-child a:before	{ display:none; width:0; height:0;}


.language{position:absolute; top:50%; right:13px; margin-top:-12px; height:24px; }
.language a{font: bold 13px/24px "Arial","微软雅黑","宋体"; padding:0 5px; color:#767676;}
.language a.hover,.language a:hover{color:#ff5e00;}

.topsearch	{position:absolute; top:50%; right:40px; margin-top:-12px; width:24px; height:24px; background:url(../images/btn_search.png) 0 0 no-repeat; font-size:0;}
.topsearch:hover{ background:url(../images/btn_search.png) 0 bottom no-repeat; font-size:0;}

.topfrom{position:absolute; bottom:-50px; right:40px; }








