@charset "UTF-8";
/*--公共部分--*/







article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #1a1a1a; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }








@keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }

        @keyframes animtrans {
            from {
                transform: rotateZ(360deg);
            }
            to {
                transform: rotateZ(0deg);
            }
        }

        @-webkit-keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }

/*头部*/
header {     width: 100%;
    margin: 0 auto;
    z-index: 990;
    position: absolute; }
header:hover{    background: #fff;}




.header-box{width: 1200px;
    margin: 0 auto;}




 .header-nav { float: left;padding-bottom: 0; width:70%; border-top: 0; overflow-y: inherit; display: block; }
  nav { float: left; }
  nav ul li { float: left; margin: 0 10px 0 20px; position: relative; border-bottom: 0; padding: 0;position:static; }
    nav ul li h4 {font-size:16px;padding:0 5px;}
  nav ul li h4 a { height: 60px; line-height:60px;padding: 0;color:#0d0d0d; }
  nav>ul>li>h4>a{ color:#fff;font-weight:normal; }
  nav ul li.li1.cur h4 a,nav ul li.li1:hover h4 a  { color: #0d0d0d;  color:#0b5b36;}
  nav ul li.li1.cur h4 a:before { width: 100%; }
  nav ul li.activehook { position: absolute; top: 60px; height: 2px; background: #fff; display: block; }
  .header-right { float:right; padding-top: 20px;display:block;overflow:hidden; }
  .header-right .return-company { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .header-right .return-company:hover { background: #055093; }
  nav ul li:nth-child(1) { position: static; }
  .sub-nav { position: absolute; top: 60px; left: 0; width: 100%; background: #fff; border-top: 1px solid #DDDDDD; padding: 0; z-index: 99; }
  .product-subnav dl { float: left; width: 16.66%; text-align: center; padding: 20px 0 40px; overflow: hidden; }
  .product-subnav dl:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .product-subnav dl img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; }
  .product-subnav dl dt { position: static; }
  .product-subnav dl dt a img { max-width: 100%; margin: 0 auto; width: auto; }
  .product-subnav dl dd { padding-top: 0; }
  .product-subnav dl:hover dd a { color: #0b5b36; }
   .language { display: block; }
  .language a:hover { color: #0b5b36; }
  .top_productmenu{background:#CCCCCC;overflow:hidden;}
  .top_productmenu dl{width:1020px;margin:0 auto;padding-left:200px;}
.top_productmenu dl dd{display:block;float:left;text-indent:40px;line-height:60px;display:block;}
.top_productmenu dl dd a{color:#666666;display:block;padding:0 20px;}
.top_productmenu dl dd  a:hover{color:#0b5b36;display:block;padding:0 20px;}
.icon1 a{background:url(/public/images/product_icon_1.png) no-repeat 20px center;}
.icon1 a:hover{background:url(/public/images/product_icon_1_over.png ) no-repeat 20px center #fff;}
.icon2 a{background:url(/public/images/product_icon_2.png) no-repeat 10px center;}
.icon2 a:hover{background:url(/public/images/product_icon_2_over.png ) no-repeat 10px center #fff;}
.icon3 a{background:url(/public/images/product_icon_3.png) no-repeat 20px center;}
.icon3 a:hover{background:url(/public/images/product_icon_3_over.png ) no-repeat 20px center #fff;}
.icon4 a{background:url(/public/images/product_icon_4.png) no-repeat 20px center;}
.icon4 a:hover{background:url(/public/images/product_icon_4_over.png ) no-repeat 20px center #fff;}

.top_productnav_content dl{margin-top:20px;margin-bottom:20px;overflow:hidden;}
.top_productnav_content{width:1020px;margin:0 auto;}
.top_productnav_content dl dd{float:left;width:204px;height:140px;text-align:center;}
.top_productnav_content dl dd span{display:block;line-height:20px;}
.top_productnav_content dl dd img{text-align:center;height:120px;}
.top_productnav_content dl dd a:hover{display:block;line-height:20px;color:#0b5b36;}


.top_othermenu dl{width:1020px;margin:0 auto;}
.top_othermenu{background:#CCCCCC;overflow:hidden;}
.top_othermenu dl dd{display:block;float:left;line-height:60px;display:block;}
.top_othermenu dl dd a{color:#666666;display:block;padding:0 20px;}
.top_othermenu dl dd  a:hover{background:#fff;color:#0b5b36;display:block;padding:0 20px;}
  
.shopping{float:right;margin-top:0;    width: 22px;
    height: 22px;background:url(/public/images/shopping1.png) no-repeat center; background-size:100% 100% }
.shopping img{ display:none}

.search-btn { display: inline-block; width: 30px; background: url(/public/images/search.png) center center no-repeat; }

.search-btn, .sitebtn { height: 30px; line-height: 30px; vertical-align: middle; }


header:hover .logo {
    background: url(/public/images/logo.png); background-size:100% 100%
}
header:hover nav>ul>li>h4>a {
    color: #0d0d0d;
}
header:hover nav ul li.activehook {
    background: #0b5b36;
}

header:hover .sb-icon-search{    background: url(/public/images/search.png) no-repeat center center;}
header:hover .shopping {
    background: url(/public/images/shopping.png) no-repeat center;
}
header:hover .sb-search-open .sb-search-input {
    background: #e6e5e5;
}