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

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


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; background:#11744f; }
.header-box{height:60px;width: 1200px;margin:0 auto;}
.blackbg1{background:#011744f;}
 .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;font-weight:normal;}
  nav ul li h4 a { height: 60px; line-height: 60px; padding: 0;color:#fff; }
  nav ul li.li1.cur h4 a,nav ul li.li1:hover h4 a  { color:#00df78;}
  nav ul li.li1.cur h4 a:before { width: 100%; }
  nav ul li.activehook { position: absolute; top:160px; height: 2px; 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: 120px; left: 0; width: 100%; background: #011744f; border-top: 1px solid #DDDDDD; padding: 0; z-index: 999; }
  .sxdh .sub-nav{ top:60px} 
  .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: #11744f; }
   .language { display: block; }
  .language a:hover { color: #11744f; }
  .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:#11744f;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:#11744f;}


.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:#11744f;display:block;padding:0 20px;}
  
.shopping{float:right;margin-top:0;}
.search-btn { display: inline-block; width: 30px; background: url(/public/images/search1.png) center center no-repeat; }

.search-btn, .sitebtn { height: 30px; line-height: 30px; vertical-align: middle;  background: url(/public/images/search.png) center center no-repeat;}