@charset "utf-8";

#nr_top{color:#f5f5f5;height:40px;background-color: #000;position:relative;width: 100%; }

#nr_top a{color:#f5f5f5; font-size:13px;}

#nr_top a:hover{color:#f5f5f5;}
#nr_top li i{margin: -4px 0px 0px 0px;}
#nr_top .nr_t_l_link a,

#nr_top .nr_t_r_link a{color:#fff; font-weight:bold;}

#nr_top sup{vertical-align:top; line-height:0;}

#nr_top .r{height:40px;width: 1200px;z-index: 100;margin: 0 auto;    position: relative;}

#nr_top ul.links{height:40px;float: right;display:inline;padding:0;margin:0;}

#nr_top ul.links li{height:40px; line-height: 40px; float:left; display:inline; /*position:relative;*/ background-image:url('../images/nr_top_divider.gif'); background-position:right center; background-repeat:no-repeat; margin-left:-1px;   white-space:nowrap; margin-bottom: 18px;}

#nr_top ul.links li.language-btn{    display: block;    overflow: hidden; }

/*.globalBox { width:100%; height:0; background:url(../images/global_bg.png); position:absolute; left:0; top:40px; color:#fff;z-index: 99;overflow: hidden; transition: height 1s ;-moz-transition: height 0.2s;-webkit-transition: height 0.2s;-o-transition: height 0.2s;}*/

.globalBox { width:80%; height:0; background:url(../images/global_bg.png); position:absolute; left:10%; top:40px; color:#fff;z-index: 99;overflow: hidden; transition: height 1s ;-moz-transition: height 0.2s;-webkit-transition: height 0.2s;-o-transition: height 0.2s;}


.globalBox .allSites{padding: 2.4% 4% 0.5%;}
.globalBox .text { border-bottom:#444444 0px solid; padding:0 5px 20px; line-height:1.5;}
.globalBox .text01 { font-size:40px; font-weight:bold; color:#00abf7;}
.globalBox .text02 { font-size:18px; color:#6e6f6e; font-family:Arial;}
.globalBox .allSites { border-top:#222222 0px solid;  }
#nr_top ul.links li.language-btn:hover .globalBox{ height: 260px; /*height: 155px; */}
.globalBox .span-4{width: 33.33%;height: 75px !important; background-image: none !important;} 
.mr0{margin-right: 0px !important;}

#nr_top ul.links li:last-child{background-image: none;line-height: initial;}

#nr_top ul.links li a{ margin:0px 10px; float:left; display:inline;  }

#nr_top ul.links li a i{display:inline-block;  vertical-align:middle; width:18px;}

#nr_top ul.links li a.i_store i{background-position:-66px 0;}

#nr_top ul.links li a.i_bbs i{background-position:-85px 0;}

#nr_top ul.links li a.i_dream{display:inline; float:left; margin-right:0;}

#nr_top ul.links li a.i_dream i{background-position:-104px 0;}

#nr_top ul.links li .tag_sup{float:left; font-size:10px; line-height:10px; margin:5px 10px 0 0;}

#nr_top ul.links li#nr_top_links_dream{width:104px;}

#nr_top ul.links li#nr_top_links_dream a.a_lv1{}

#nr_top ul.links li#nr_top_links_dream.hover,

#nr_top ul.links li#nr_top_links_dream:hover{background-image:url('../images/nr_top_user_btn_hover.gif'); background-position:0 4px;}

#nr_top ul.links li#nr_top_links_dream.hover a.a_lv1,

#nr_top ul.links li#nr_top_links_dream:hover a.a_lv1{color:#6d6e71; background-position:-20px 0;}

#nr_top ul.links li#nr_top_links_dream.hover .pop_lv2,

#nr_top ul.links li#nr_top_links_dream:hover .pop_lv2{display:block;}

#nr_top ul.links .pop_lv2{width:260px; display:none; position:absolute; right:0; top:30px; background-color:#fafafa; overflow:hidden; margin:0; -webkit-border-radius: 6px; -webkit-border-top-right-radius: 0; -moz-border-radius: 6px; -moz-border-radius-topright: 0; border-radius: 6px; border-top-right-radius: 0; display:none; zoom:1; padding:10px 10px;}

#nr_top ul.links .pop_lv2 ul{padding:0; margin:0; overflow:hidden; position:relative;}

#nr_top ul.links li#nr_top_links_dream .pop_lv2 ul li{float:left; display:inline; margin-left:-1px; background-image:url('../images/nr_top_divider.gif'); background-position:0 center; background-repeat:no-repeat;}

#nr_top ul.links li#nr_top_links_dream .pop_lv2 ul li a{float:left; display:inline; background:none; color:#606060; padding:0;}

#nr_top ul.links li#nr_top_links_dream .pop_lv2 ul li a:hover{color:#005aaa;}

#nr_top ul.links li a:hover .no_udline{text-decoration:none;}

#nr_top .userinfo{padding:0;margin:0;float: right;display:inline;height:30px;margin-left:10px;}

#nr_top ul.userinfo li{height:30px; float:left; display:inline; position:relative; background-image:url('../images/nr_top_userinfo_btn_hover.gif'); background-position:0 -60px; background-repeat:no-repeat; padding-left:5px; font-size:12px;}

#nr_top ul.userinfo li a{height:18px; padding:6px 10px 6px 5px; float:left; display:inline; line-height:18px; background-image:url('../images/nr_top_userinfo_btn_hover.gif'); background-position:0 -60px; background-repeat:no-repeat;}

#nr_top ul.userinfo li#nr_top_userinfo_user.hover,

#nr_top ul.userinfo li#nr_top_userinfo_user:hover,

#nr_top ul.userinfo li#nr_top_userinfo_my_haier.hover,

#nr_top ul.userinfo li#nr_top_userinfo_my_haier:hover{background-position:0 0;}

#nr_top ul.userinfo li#nr_top_userinfo_user.hover a,

#nr_top ul.userinfo li#nr_top_userinfo_user:hover a,

#nr_top ul.userinfo li#nr_top_userinfo_my_haier.hover a,

#nr_top ul.userinfo li#nr_top_userinfo_my_haier:hover a{background-position:right -30px; color:#6d6e71;}

#nr_top ul.userinfo li#nr_top_userinfo_user.hover .pop_lv2,

#nr_top ul.userinfo li#nr_top_userinfo_user:hover .pop_lv2,

#nr_top ul.userinfo li#nr_top_userinfo_my_haier.hover .pop_lv2,

#nr_top ul.userinfo li#nr_top_userinfo_my_haier:hover .pop_lv2{display:block;}

#nr_top ul.userinfo .pop_lv2{display:none; position:absolute; right:0; top:30px; overflow:hidden; background:url(nr_top_nav_popbg.png) left top no-repeat; margin:0; display:none; zoom:1; padding:0 0 0 10px;}

#nr_top ul.userinfo li#nr_top_userinfo_user .pop_lv2{width:127px;}

#nr_top ul.userinfo li#nr_top_userinfo_my_haier .pop_lv2{width:380px;}

#nr_top ul.userinfo li .pop_lv2 ul{background:url(nr_top_nav_popbg.png) right bottom no-repeat; padding:10px 0 10px 0; margin:0; overflow:hidden; position:relative;}

#nr_top ul.userinfo li#nr_top_userinfo_user .pop_lv2 ul li,

#nr_top ul.userinfo li#nr_top_userinfo_my_haier .pop_lv2 ul li{float:left; display:inline; background-image:url(nr_top_divider.gif); background-position:right center; background-repeat:no-repeat;}

#nr_top ul.userinfo li#nr_top_userinfo_my_haier .pop_lv2 ul{padding-left:15px;}

#nr_top ul.userinfo li#nr_top_userinfo_user .pop_lv2 ul{padding-left:4px;}

#nr_top ul.userinfo li#nr_top_userinfo_user .pop_lv2 ul li a,

#nr_top ul.userinfo li#nr_top_userinfo_my_haier .pop_lv2 ul li a{float:left; display:inline; background:none; color:#606060;}

#nr_top ul.userinfo li#nr_top_userinfo_user .pop_lv2 ul li a:hover,

#nr_top ul.userinfo li#nr_top_userinfo_my_haier .pop_lv2 ul li a:hover{color:#005aaa;}

#nr_top .userinfo a:hover{}
a:visited{text-decoration:none !important;}


a:hover, a:focus {
    color: #2a6496;
    text-decoration: none !important;
}
a, a:visited {
        text-decoration:none !important;
    }

#header {
   width: 100%;
   background: #fff;
   border-bottom: 1px solid #dddddd;
   position: relative;
   z-index: 99;
}
#header .con{
   width: 1200px;
   margin: 0 auto;
   height: 80px;
}
#header .logo{
   float: left;
   margin: 7px 0 0 0;
}

#header .menu{
   /*float: left;
   margin: 0 0 0 40px;*/
  float: right;
  width: 800px;
  overflow: hidden;
}
#header .menu li{
   list-style-type: none;
   float: left;
   overflow: hidden;
   display: block;
}
#header .menu li a{
   display: block;
   padding: 30px 15px 0 16px;
   /* padding: 30px 20px 0 25px; */
   height: 80px;
   font-size: 16px;
   color: #333;
   font-weight: bold;
}

#header .menu li.current a, #header .menu li a:hover{
	color: #008ed6;
   /*color: #e60012;*/
}

#header .menu li.products-menu a{
   padding: 30px 45px 0 25px;
   background: url(../images/menu-ico.png) no-repeat 93px 38px;
}
#header .menu li.products-menu:hover{/*,#header .menu li.current*/
	background: #008ed6;
   /*background: #e60012*/
}
#header .menu li.products-menu:hover a{/*,#header .menu li.current a*/
   background: url(../images/menu-ico.png) no-repeat 93px -62px;
   color: #fff;
}
#header .menu li .products-menu-con{
   position: absolute;
   width: 100%;
   left: 0;
   top: 80px; 
   background: #000; 
   background: rgba(0, 0, 0, 0.80); 
   /*background: #fff;*/
   width: 100%;
   overflow: hidden;
   height: 0px;
   z-index: 999;
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;   
}

#header .menu li.products-menu:hover .products-menu-con{
   height: 360px;
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow:0px 1px 3px #ccc;
}

#header .menu li.products-menu:hover .products-menu-con .products-menu-con-top{
	border-top: 4px solid #008ed6;
   /*border-top: 2px solid #e60012;*/
}
#header .menu li .products-menu-con .p-m-c-block{
   width: 1200px;
   margin: 35px auto;
   /* padding-left: 150px; */
}
#header .menu li .products-menu-con ul{
   /* width: 170px; */
   float: left;
   /*margin-right: 1.8%;*/
   margin-right: 1%;
   /* 
   padding-right: 10px;
   border-right:1px solid #dddddd;  */
}
#header .menu li .products-menu-con ul:last-child{
   margin-right:0px;	
}

#header .menu li .products-menu-con ul h2{
   font-size: 16px;
   color: #ff9a00;
   /*color: #e60012;*/
   padding-bottom: 15px;
   font-weight: bold;
   cursor:pointer;
} 
#header .menu li .products-menu-con ul h2 a{padding: 0px;
    background: none;
    color: #ff9a00 !important;
    height: auto;
}



#header .menu li .products-menu-con ul h3{
   font-size: 15px;
   color: #275da8;
   padding-bottom: 8px;
   font-weight: bold;
   cursor: pointer;
   float: left;
   margin-right: 8px;
   margin-top: 6px;
} 

#header .menu li .products-menu-con ul  li{
   float: none;
   margin: 0;
   padding: 0;
   /* height: 30px; */
   line-height: 30px;
}
#header .menu li .products-menu-con ul  li div.ll {
  float: left;
  margin-right: 12px;

} 
#header .menu li .products-menu-con ul  li div.ll:last-child{
   margin-right: 0px;
}


#header .menu li:hover .products-menu-con ul li a, #header .menu li .products-menu-con ul li a{
   padding: 0;
   text-align: left;
   margin: 0;
   height: 30px;
   line-height: 30px;
   font-size: 13px;
   color: #FFFFFF;
   /*color: #666;*/
   font-weight: 100;
}

#header .menu li:hover .products-menu-con ul li a:hover{
	color: #ff9a00;
   /*color: #e60012*/
}




#header .menu li.mall-menu a{
}
#header .menu li.mall-menu:hover{
   background: #e60012
}
#header .menu li.mall-menu:hover a{
   color: #fff;
}
#header .menu li .mall-menu-con{
   position: absolute;
   width: 100%;
   left: 0;
   top: 80px;
   background: #fff;
   width: 100%;
   overflow: hidden;
   height: 0px;
   z-index: 999;
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;   
}

#header .menu li.mall-menu:hover .mall-menu-con{
   height: 230px;
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow:0px 1px 3px #ccc;
}

#header .menu li.mall-menu:hover .mall-menu-con .mall-menu-con-top{
   border-top: 2px solid #e60012;
}
#header .menu li .mall-menu-con .m-m-c-block{
   width: 1200px;
   margin: 25px auto;
}


#header .menu li .mall-menu-con ul  li{
   width: 14.2857142%;
   text-align: center;
   float: left;
   margin: 0;
   padding: 0;
}
#header .menu li .mall-menu-con ul  li a{
   height: 200px;
   padding: 30px 10px 0 10px;
   font-size: 13px;
   line-height: 30px;
   color: #666;
}
#header .menu li:hover .mall-menu-con ul  li a{
   color: #666;
}
#header .menu li .mall-menu-con ul  li a:hover{
   color: #333;
}
#header .menu li .mall-menu-con ul  li a img{
   width: 100%;
}
#header .menu li .mall-menu-con ul  li a p{
   display: block;
   filter: alpha(opacity=100);
   opacity: 1;
}

/*语言版本*/
#header .language{
   float: right;
   margin: 25px 0 0 0;
}
#header .language a.mobile-btn{
   display: none;

}
#header .language a.language-btn{
         text-indent: -9999em;
         display: block;
         text-align: center;
         background: url(../images/language-2.png) no-repeat center center;
         width: 30px;
         float: right;
         height: 30px;
         margin: 0;
         padding: 0;
         color: #555;
      filter: alpha(opacity=60);
      opacity: 0.6;
}

#header .language a.language-btn:hover{
   color: #e60012;
      filter: alpha(opacity=100);
      opacity: 1;   
}

   #language{
      position: absolute;
      display: none;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 9999;
   }
 

   #language .language-bg{
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: #000;
      filter: alpha(opacity=60);
      opacity: 0.6;
   }

   #language .language-con {
       padding: 30px 15px 20px 30px;
       background: #fff;
       width: 1000px;
       overflow: hidden;
       position: fixed;
       z-index: 1000;
       top: 50%;
       left: 32%;
       margin: -150px 0 0 -250px;
   }
   #language .language-con h2{
      font-size: 18px;
      color: #888;
      font-weight: 100;
      margin-bottom: 20px;
   }

   #language .language-con li{
      list-style-type: none;
      float: left;
      display: block;
      overflow: hidden;
      width: 50%;
   }

   #language .language-con li a{
      background: #f1f1f1;
      margin-right: 15px;
      display: block;
      line-height: 30px;
      padding: 0 5px 2px 15px;
      margin-bottom: 10px;
   }

   #language .language-con li span{
      float: left;
      margin-right: 5px;
   }
   #language .language-con li h4{
      padding: 0;
      margin:0;
      line-height: 34px;
      font-size: 12px;
      font-weight: 100;
   }

   #language .language-con .language-close{
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 5px;
      top: 5px;
      text-indent: -999em;
      background: url(../images/close.png) no-repeat 0 0;
   }
   #language .language-con .language-close:hover{
      background: url(../images/close.png) no-repeat 0 -30px;
   }   

/*global sites*/

.span-3, .full-row .row .span-3 {
    float: left;
    transition: .2s width ease;
    margin-right: 2%;
    margin-left: 2%;
    /* padding-bottom: 20px; */
    width: 23.5%;
    background: #555;
    background-image: none !important;
    /* height: 158px; */
    padding: 10px;
    height: auto !important;
} 
.span-3{
	width: 32.05%;
}
.span-5{
	width: 49%;
}
.allSites ul.row  li:last-child{
	margin-right: 0;
	 
	
}

.allSites .sl {
    height: 78px;
    position: relative;
    padding-left: 115px;
    padding-top: 8px;
    margin: 0px;
    }

.allSites   .map{
   width: 90px;
   height: 56px;
   position: absolute;
   left: 7px;
   top: 8px;
   overflow: hidden;
   border: #ffffff 2px solid;
   }
.allSites   i.map {margin: 8px 0px 0px 11px !important;}
.allSites .yg .map {    background: url(../gq/yg.png) no-repeat;    }
.allSites .mg .map {    background: url(../gq/mg.png) no-repeat;     }   
.allSites .els .map {    background: url(../gq/els.png) no-repeat;    } 
.allSites .xby .map {    background: url(../gq/xby.png) no-repeat;     }       
.allSites .zg .map {    background: url(../gq/zg.png) no-repeat;     }  


.globalBox .language-close{
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 5px;
      top: 5px;
      text-indent: -999em;
      background: url(../images/close.png) no-repeat 0 0;
   }
.globalBox .language-close:hover{
      background: url(../images/close.png) no-repeat 0 -30px;
   } 
/* .allSites .sl .map { background:url(../images/global_area.png) no-repeat; width:110px; height:90px; overflow:hidden; position:absolute; left:0; top:0;}
.allSites .sl01 .map { background-position:0 0;}
.allSites .sl01:hover .map { background-position:-110px 0;}
.allSites .sl02 .map { background-position:0 -90px;}
.allSites .sl02:hover .map { background-position:-110px -90px;}
.allSites .sl03 .map { background-position:0 -180px;}
.allSites .sl03:hover .map { background-position:-110px -180px;}
.allSites .sl04 .map { background-position:0 -270px;}
.allSites .sl04:hover .map { background-position:-110px -270px;}
.allSites .sl05 .map { background-position:0 -360px;}
.allSites .sl05:hover .map { background-position:-110px -360px;}
.allSites .sl06 .map { background-position:0 -450px;}
.allSites .sl06:hover .map { background-position:-110px -450px;}
.allSites .sl07 .map { background-position:0 -540px;}
.allSites .sl07:hover .map { background-position:-110px -540px;} */

.allSites .sl dt {     font-size: 20px;
    font-weight: bold;
    color: #e6e6e6;
    line-height: 1;
    margin-bottom: 3px;}
.allSites a { color:#c7c7c7;}
.allSites a:hover { color:#ff9a00 !important; text-decoration:underline !important;}
/*global sites end*/


/*语言版本*/


/*二维码弹出*/
#header .mobile{
   float: right;
   margin: 25px 0 0 0;
}

#header .language a.mobile-btn{
   height: 30px; 
   line-height: 30px;
   display: block;
   margin: 0;
   width: 28px;
   padding: 0;
   text-indent: -999em;
   float: left;
   color: #555;
   padding-left: 20px;
   background: url(../images/logo-sj.png) no-repeat center center;
   background-size: 45%;
      filter: alpha(opacity=55);
      opacity: 0.55;   
}
#header .language a.mobile-btn:hover{
      filter: alpha(opacity=100);
      opacity: 1;   

}





#mobile{
      position: absolute;
      display: none;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 9999;
   }
 

   #mobile .mobile-bg{
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: #000;
      filter: alpha(opacity=60);
      opacity: 0.6;
   }

   #mobile .mobile-con{
      padding: 30px 30px 20px 30px;
      background: #fff;
      width: 365px;
      overflow: hidden;
      position: fixed;
      z-index: 1000;
      top: 50%;
      left: 50%;
      margin: -150px 0 0 -182px;
   }

   #mobile .mobile-con .mobile-close{
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 5px;
      top: 5px;
      text-indent: -999em;
      background: url(../images/close.png) no-repeat 0 0;
   }
   #mobile .mobile-con .mobile-close:hover{
      background: url(../images/close.png) no-repeat 0 -30px;
   }  
/*二维码弹出*/ 
   
#nr_top .search{
    position: relative;
    float: right;
    margin: 8px 10px 0 8px;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    border-radius: 11px;
    width: 198px;
    height: 22px;
}
#nr_top .search .search_select a.select_list{
   
}

#nr_top .search .search_select{
   position: relative;
   float: left;
}
#nr_top .search .search_select a.select_list{
    display: block;
    width: 60px;
    padding: 0px 0 0 13px;
    background: url(../images/search_select.png) no-repeat 45px 8px;
    margin: 0px;
    color: #757575;
}
#nr_top .search input.search-content{
    border: 0;
    background: none;
    /* border-left: 1px solid #e1e1e1; */
    padding: 0px 5px;
    text-indent: 5px;
    margin: 1px 0 0 0;
    height: 18px;
    line-height: 18px;
    width: 112px;
    color: #757575;
}
#nr_top .search .search-btn{
   background: url(../images/search_btn.png) no-repeat;
   background-color: none;
   width: 18px;
   height: 16px;
   border: 0;
   position: absolute;
   top:2px;
   right: 3px;
}
#nr_top .active{
      display: block;
   }

 #select_list{
    position: absolute;
    left: 8px;
    top: 21px;
    background: #fff;
    border: 1px solid #e1e1e1;
    display: none;
    padding: 6px 0;
    border-radius: 4px;
    z-index: 20;


   }
 #select_list li{
      list-style-type: none; 
      line-height: 24px !important;
      height: 24px  !important;
   }
 #select_list li a{
      display: block;
      width: 52px;
      height: 24px;
      line-height: 24px;
      padding-left: 13px;
      margin: 0px !important;
      color: #000000;
   }
 #select_list li a:hover{
      color: #2a6496;
      background: #f1f1f1;
   }

/* Start 旗下子公司 */


ul.companys{
	position: absolute;
	background-color: #2d2d2c;
	top: 40px;
	max-height: 0px; 
	overflow: hidden;
	transition: max-height ease-out 0.2s ;
	-moz-transition: max-height ease-out 0.2s;
	-webkit-transition: max-height ease-out 0.2s;
	-o-transition: max-height ease-out 0.2s;
	
	 
}
li.companys-btn:hover ul.companys{
	max-height: 500px;
	transition: max-height ease-in 0.2s;
	-moz-transition: max-height ease-in 0.2s;
	-webkit-transition: max-height ease-in 0.2s;
	-o-transition: max-height ease-in 0.2s;
	
}
ul.companys li{
	background-image: none !important;
	color: #e6e6e6;
	float: none !important;
	display: block !important;
	padding: 0px 15px;
	height: 30px !important;
	line-height: 30px !important;
	border-bottom: #4a4a4a 1px solid;
	margin-left: 0px !important;
}
ul.companys li a{
	float: none !important;
	margin: 0px !important;
}
ul.companys li a:hover{
	color: #ff9a00 !important;
	
}



/* End 旗下子公司 */

/* #header .search{
   position: relative;
   float: right;
   margin: 25px 10px 0 0;
   border: 1px solid #e1e1e1;
   border-radius: 30px;
   width: 230px;
   height: 32px;
}
#header .search .search_select{
   position: relative;
   float: left;
}
#header .search .search_select a.select_list{
   display: block;
   width: 60px;
   padding:5px 0 0 13px;
   background: url(../images/search_select.png) no-repeat 44px 13px;
}
   #select_list{
      position: absolute;
      left: -1px;
      top: -16px;
      background: #fff;
      border: 1px solid #e1e1e1;
      display: none;
      padding: 6px 0;
      border-radius: 8px;
   }
   #select_list li{
      list-style-type: none;
   }
   #select_list li a{
      display: block;
      width: 60px;
      height: 24px;
      line-height: 24px;
      padding-left: 13px;
   }
   #select_list li a:hover{
      background: #f1f1f1;
   }
   #header .active{
      display: block;
   }


#header .search input.search-content{
   border:0;
   background: none;
   border-left: 1px solid #e1e1e1;
   padding: 0px 5px;
   margin: 5px 0 0 0;
   height: 22px;
   line-height: 22px;
   width: 150px;
}
#header .search .search-btn{
   background: url(../images/search_btn.png) no-repeat;
   background-color: none;
   width: 18px;
   height: 16px;
   border: 0;
   position: absolute;
   top:7px;
   right: 3px;
} */

#menu-m{
   display: none;
}


@media screen and (min-width: 40.01em) and (max-width: 73.70em) {
	#nr_top .r{ width: 100%;}
	#header .con{width: 100%; }
	#header .con .logo{width:16%; overflow: hidden;}
	
	.globalBox{width: 96%; left: 2%;}
 
	#header .con .menu{ width: 83%; margin-left: 1%; overflow: hidden; height: 80px;} 
	#header .menu li.products-menu a{ padding-right:30px ;}
	#header .con .menu li a{ padding-left: 12px; margin-right: 12px; }
	#header .con .menu li:last-child a{ margin-right: 0px;}
	
}



@media screen and (max-width: 768px) {
      #main{
         padding-top:65px;
      }
      #nr_top{display: none;}
      #nr_top .r{width: 100%;}


      #header {
         width: 100%;

        /* height: 65px;*/
         z-index: 90;
      }
      #header .con{
          background: #fff;
         border-bottom: 1px solid #dddddd;        
         width: 100%;
         max-width: 1200px;
         margin: 0 auto;
         height: 65px;
         position: fixed;
         top: 0;
         left: 0;        
      }
      #header .con_about-del{
        position: relative;
      }
      #header .con_about-add{
        position: fixed;
      } 
      #header .logo{
         position: relative;
         width: auto !important; 
         float: left;
         margin: 16px 0 0 10px;
         z-index: 999999;
      }
      #header .logo img{
         width: 65%;
      }

      #header .menu{
         display: none;
      }

      #header .language{
         float: right;
         margin: 3px 10px 0 0;
      }
      #header .language a.mobile-btn{
         display: none;
      }
      #header .language a.language-btn{
         text-indent: -9999em;
         display: block;
         text-align: center;
         background: url(../images/language.png) no-repeat center center;
         width: 60px;
         height: 60px;
         margin: 0;
         padding: 0;
         color: #555;
      }

      #header .language a.language-btn:hover{
         color: #e60012;
      }

         #language{
            position: absolute;
            display: none;
            width: 100%;
            height: 100%;
            left: 0;
            top: 65px;
            z-index: 9999;
         }
       

         #language .language-bg{
            position: fixed;
            width: 100%;
            height: 100%;
            left: 0;
            top: 65px;
            background: #000;
            filter: alpha(opacity=60);
            opacity: 0.6;
         }

         #language .language-con{
            padding: 0 0 30px 0;
            background: #fff;
            width: 100%;
            overflow: hidden;
            position: absolute;
            z-index: 1000;
            top: 0px;
            left: 0;
            margin: 0;
            margin: 0;
         }

         #language .language-con h2{
            padding: 20px;
            border-top: 1px solid #f16e78;
            font-size: 16px;
            color: #888;
            font-weight: 100;
         }
         #language .language-con ul{
            display: block;
            padding: 0 20px;
         }
         #language .language-con li{
            list-style-type: none;
            float: left;
            display: block;
            overflow: hidden;
            width: 100%;
         }

         #language .language-con li a{
            background: #f1f1f1;
            margin-right: 0;
            display: block;
            line-height: 30px;
            padding: 0 5px 2px 15px;
            margin-bottom: 10px;
         }

         #language .language-con li span{
            float: left;
            margin-right: 5px;
         }
         #language .language-con li h4{
            padding: 0;
            margin:0;
            line-height: 34px;
            font-size: 12px;
            font-weight: 100;
         }

         #language .language-con .language-close{
            display: none;
            position: absolute;
            right: 10px;
            top: 3px;
            text-indent: -9999em;
            background: url(../images/language.png) no-repeat center center;
            width: 60px;
            height: 60px;            
         }
         #language .language-con .language-close:hover{
            background: url(../images/close.png) no-repeat 0 -30px;
         }   


      #header .search{
         display: none;
         position: relative;
         float: right;
         margin: 25px 10px 0 0;
         border: 1px solid #e1e1e1;
         border-radius: 30px;
         width: 230px;
         height: 32px;
      }
/*      #header .search .search_select{
         position: relative;
         float: left;
      }
      #header .search .search_select a.select_list{
         display: block;
         width: 60px;
         padding:5px 0 0 13px;
         background: url(../images/search_select.png) no-repeat 44px 13px;
      }
         #select_list{
            position: absolute;
            left: -1px;
            top: -16px;
            background: #fff;
            border: 1px solid #e1e1e1;
            display: none;
            padding: 6px 0;
            border-radius: 8px;
         }
         #select_list li{
            list-style-type: none;
         }
         #select_list li a{
            display: block;
            width: 60px;
            height: 24px;
            line-height: 24px;
            padding-left: 13px;
         }
         #select_list li a:hover{
            background: #f1f1f1;
         }*/
         #header .active{
            display: block;
         }

.smal-12, .full-row .row .smal-12 {
    width: 98%;
}
      #header .search input.search-content{
         border:0;
         background: none;
         border-left: 1px solid #e1e1e1;
         padding: 0px 5px;
         margin: 5px 0 0 0;
         height: 22px;
         line-height: 22px;
         width: 150px;
      }
      #header .search .search-btn{
         background: url(../images/search_btn.png) no-repeat;
         background-color: none;
         width: 18px;
         height: 16px;
         border: 0;
         position: absolute;
         top:7px;
         right: 3px;
      }
   
   #menu-m{
      display:block;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
   }
   #menu-m .m-menu-btn{
      display: block;
      position: fixed;
      right: 15px;
      top: 7px;
      width: 60px;
      height: 60px;
      background: url(../images/m-menu.png) no-repeat center center;
      z-index: 900;
   }
   #menu-m .m-menu-btn-about-del{
    position: absolute;
    top: -59px;
   }
   #menu-m .m-menu-btn-about-add{
    position: fixed;
    top: 7px;
   }
      #menu-m .m-menu-bg{
            position: fixed;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: #000;
            filter: alpha(opacity=60);
            opacity: 0.6;
            z-index: 1;
         }
   }

   #m-menu{
      border-top: 1px solid #f16e78;
      top: 0;
      padding-top: 63px;
      display: none;
      width: 100%;
      background: #fff;
      position: fixed;
      height: 100%;
      overflow-x: auto;
      background: #fff;
      z-index: 20;
   }
   
   #menu-m .active {
      display: block;
   }
   #menu-m .m-menu-list{
      border-bottom: 1px solid #dddddd;
      height: 50px;
      line-height: 50px;
      font-size: 14px;
      padding-left: 20px;
      position: relative;
      background: #fff;
      z-index: 9;
   }
   #menu-m .m-menu-list a{
      font-size: 14px;
   }

      .m-nav{
         overflow: hidden;
         padding: 8px 20px;
         background: #fff;
         position: relative;
         z-index: 9;
      }
      .m-nav a.side-btn{
         display: block;
         height: 44px;
         line-height: 44px;
         font-size: 14px;
         padding-left: 27px;
         color: #333;
         background: url(../images/side-bg.png) no-repeat 8px 17px;
         border-bottom: 1px solid #dddddd;
      }
      .m-nav a.side-btn:hover{
         background: url(../images/side-bg.png) no-repeat 8px -73px;
         color: #e60012
      }
      .m-nav a.current{
         background: url(../images/side-bg.png) no-repeat 8px -28px;
         color: #e60012
      }
      .m-nav .stores-menu{
         padding: 10px 0 10px 27px;
         border-bottom: 1px solid #dddddd;
      }
      .m-nav .stores-menu li{
         line-height: 24px;
         list-style-type: none;
      }
      .m-nav .stores-menu li a{
         display: block;
         color: #333333;
      }
      .m-nav .stores-menu li a:hover, .m-nav .stores-menu li.current a{
         color: #e60012;
      }
      .m-nav ul.none, #main .stores a.none{
         border: none;
      }
      .m-nav ul.none{
         border-top: 1px solid #dddddd;
      }


}