header,menu,nav{display:block}

/* ----------header---------- */
.header{width:100%;margin:auto;display:table;}

@media (min-width: 768px) and (max-width: 1179px){
.header{height:90px;}}
@media (min-width: 1180px){
.header{height: 100px;}}
@media (max-width: 767px){
.header{padding-top:20px;padding-bottom:20px;}}

/* ----------header__inner---------- */
.header__inner{display:table;margin-left:auto;margin-right:auto;position:relative;box-sizing:border-box;width:100%}
.header__inner:after{display:table;clear:both;content:" "}

@media (min-width: 768px) and (max-width: 1179px){
.header__inner{padding-left:20px;padding-right:20px;padding-top:25px;}}
@media (min-width: 1180px){
.header__inner{width:1140px;padding-top:30px;padding-left:20px;padding-right:20px;}}
@media (max-width: 767px){
.header__inner{padding-left:20px;padding-right:20px;}}

/* ----------header__logo---------- */
.header__logo{float:left;display:block;background-repeat:no-repeat;background-image:url("../images/logo.png");}
.header__logo:hover{opacity:0.9;filter(alpha=90)}
.header__logo h1,.header__logo h2{text-indent:-999999px}

@media (min-width: 1180px){
.header__logo{width:500px;height:90px;background-size:auto 72px;background-position: 0px 0px;margin-top:-8px}}
@media (min-width: 768px) and (max-width: 1179px){
.header__logo{width:400px;height:72px;background-size:auto 58px;background-position: 0px 0px;margin-top:-6px}}
@media (max-width: 767px){
.header__logo{width:330px;height:58px;background-size:auto 58px;background-position: 0px 0px;}}

/* ----------header__right---------- */
.header__right{float:right;}

/* ----------header__language---------- */
.header__language{cursor:pointer;float:right;padding-left:15px}

@media (min-width: 921px) and (max-width: 1179px){
.header__language{padding-left:15px;}}
@media (max-width: 920px){
.header__language{display:none;padding-top:8px;width:100%;}}

/* ----------#search搜索栏---------- */
.search{float:right;}
.search .searchBar{float:left;height:37px}
.searchBar input{width:220px;border:none;background:transparent;height:37px;padding:0px 0px 4px 7px;font-size:0.975em;margin:0;}
.searchBar .buttonsearch{cursor:pointer;width:20px;height:20px;padding:9px 11px;border:0px;float:right;}


@media (max-width: 920px){
.search{display:none}}
@media (min-width: 921px) and (max-width: 1179px){
.search .searchBar{height:33px}
.searchBar input{width:200px;height:33px;font-size:1.0em;}
.searchBar .buttonsearch{width:18px;height:18px;padding:8px 10px;}}

/* ----------.lng-id-地球按钮----------- */
.lng-id{float:right;padding:0px 0px 0px 32px;height:40px;background-repeat:no-repeat;background-image:url("../images/icon-world.svg");background-size:auto 30px;overflow:hidden;background-position:0px 5px;}
.lng-id:hover{background-image:url("../images/icon-world0.svg");}


@media (min-width: 768px) and (max-width: 1179px){
.lng-id{float:right;padding:10px 0px 0px 32px;background-repeat:no-repeat;background-image:url("../images/icon-world.svg");background-size:auto 28px;overflow:hidden;background-position:0px 3px;}}


/* ----------#lng语言版本框---------- */
#lng_open{display:none;position:absolute;top:75px;right:10px;width:300px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.4);box-shadow:0 10px 30px rgba(0,0,0,0.4);padding-top:25px;padding-bottom:20px;padding-left:25px;padding-right:10px;z-index:10000;border-radius:2px}

@media (min-width: 768px) and (max-width: 1179px){
#lng_open{display:none;position:absolute;top:70px;right:10px;width:300px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.4);box-shadow:0 10px 30px rgba(0,0,0,0.4);padding-top:25px;padding-bottom:20px;padding-left:25px;padding-right:10px;z-index:10000;border-radius:2px}}
@media (max-width: 767px){
#lng{display:none}
#lng_open{width:180px;margin-bottom:50px;top:36px;right:14px}}

/* ----------#select选择语言---------- */
#select{font-size:1.1em;font-family:"OpenSansS";margin-bottom:23px;background-image:url("../images/icon-close.svg");background-size:auto 30px;background-position:95% 0%;background-repeat:no-repeat;}
#select:hover{background-image:url("../images/icon-close0.svg");}
#select .dropdown{display:none}

/* ----------#popular语言列表弹出框---------- */
@media (max-width: 767px){#popular li{width:180px}}
#popular li{width:140px;float:left;list-style-type:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:0.9em;line-height:18px;margin-bottom:8px;}
#popular li img{margin-right:5px;vertical-align:middle}

/* ----------.clear---------- */
.clear:after{display:table;clear:both;content:" "}

/* ----------header__menu右边【自适屏】菜单按钮---------- */
.header__menu{float:right;cursor:pointer;background-image:url("../images/icon-menu.svg");background-size:auto 32px;width:33px;height:33px;margin-top:5px;display:block;background-repeat:no-repeat;}
.header__menu:hover{background-image:url("../images/icon-menu0.svg");}

@media (min-width: 921px){.header__menu{display:none;}}

/**------------------menubar 顶部导航条菜单------------**/
.menu-container{width:100%;margin:auto;display:table;}
.menubar{margin-left:auto;margin-right:auto;position:relative;box-sizing:border-box;display:table;}
.menubar ul{display:table;height:49px}
.menubar ul li{float:left;list-style-type:none;font-size:1.0em;display:table;text-align:center;font-family:"OpenSansS";text-transform: uppercase;}
.menubar ul li a{float:left;height:35px;padding-top:14px;padding-left:40px;padding-right:40px;}
.menubar ul li a:hover{float:left;text-decoration:none;}
ul.drop-down-content,ul.drop-down-content2{padding: 0;display: none;position: absolute;margin-top:51px;border-right:none}
.drop-down{position:relative}
.drop-down:hover .drop-down-content{display: block;z-index:999;margin-top:49px;width:180px}
.drop-down:hover .drop-down-content2{display: block;z-index:999;margin-top:49px;width:180px}
ul.drop-down-content li,ul.drop-down-content2 li{float: left;background-image:none;text-align:left;font-size:0.975em;text-transform: none;font-family:"OpenSans"}
ul.drop-down-content li a{ width:180px;display: block;line-height:30px;height:30px;background-image:none;padding:7px 20px 7px 20px;}
ul.drop-down-content li a:hover,ul.drop-down-content2 li a:hover{text-decoration:none;font-weight:normal;background-image:none}
ul.drop-down-content2 li a{ width:120px;display: block;line-height:30px;height:30px;background-image:none;padding:7px 20px 7px 20px;}

@media (min-width: 1180px){
.menubar{ width:1140px;margin:auto;padding-left:20px;padding-right:20px;}}
@media (min-width: 921px) and (max-width: 1179px){
.menubar{margin:0;padding-left:20px;padding-right:20px;}
.menubar ul li a{float:left;padding-left:30px;padding-right:30px;height:35px;padding-top:16px;}
.menubar ul li{font-size:0.975em;}
ul.drop-down-content li,ul.drop-down-content2 li{font-size:1.0em;}}
ul.drop-down-content li a,ul.drop-down-content2 li a{ display: block;line-height:30px;height:30px;background-image:none;padding:5px 20px 5px 20px;}
@media (max-width: 920px){
.menu-container{display:none}}




/* ----------header__nav-LOGO右边的菜单导航（---另一个版本菜单在LOGO右边）---------- */
@media (min-width: 1180px){
.header__nav{float:right;}}
@media (min-width: 921px) and (max-width: 1179px){
.header__nav{float:right;}}
@media (max-width: 920px){
.header__nav{display:none}}

/* ----------sitenav-LOGO右边的菜单导航（---另一个版本菜单在LOGO右边）---------- */
.sitenav{font-size:1.05em;line-height:30px;padding-right:25px;display:table;list-style-type:none;white-space:nowrap;text-transform: uppercase;font-family: "OpenSansS"}

@media (min-width: 921px) and (max-width: 1179px){
.sitenav{font-size:1.0em;line-height:30px;padding-right:15px;}}

/* ----------sitenav-item-LOGO右边的菜单导航（---另一个版本菜单在LOGO右边）---------- */
.sitenav-item{float:left;vertical-align:middle;list-style-type:none;}

@media (min-width: 1180px){.sitenav-item{padding-left:25px;}}
@media (min-width: 921px) and (max-width: 1179px){
.sitenav-item{padding-left:13px;}}

/* ----------drawer-右边隐藏【自适屏】的菜单--------- */
.drawer{position:fixed;top:0;width:70%;height:100%;overflow-x:hidden;overflow-y:auto;z-index:9999; right:-101%;transition:right .3s ease-in-out}
.drawer__inner{padding-top:30px;}
.drawer__close{position:absolute;cursor:pointer;right:20px;background-image:url("../images/icon-close.svg");background-size:40px 40px;width:40px;height:40px;display:block}
.drawer__close:hover{background-image:url("../images/icon-close0.svg");}
.drawer__icon{position:absolute;top:12px;left:12px;width:40px;height:40px}
.drawer.is-visible{right:0}
.drawer select{font-size:16px}

/* ----------menu menu--drawer menu__item-右边隐藏【自适屏】的菜单----------- */
.menu{list-style-type:none;margin-top:25px}
.menu--drawer .menu__item{line-height:22px;font-size:1.1em;margin-left:20px;margin-right:20px}
.menu--drawer .menu__link{display:block;padding-top:8px;padding-bottom:8px;padding-left:10px;text-decoration:none;}
.menu--drawer .menu__item--language{padding-top:42px;border-bottom:none}

/* ----------side__media-右边隐藏【自适屏】的社交ICON----------- */
.side_media ul {list-style-type:none;margin-top:20px;margin-left:20px;display:table}
.side_media ul li{float:left;margin-right:10px;}

.linkedin,.facebook,.twitter,.instagram,.youtube,.pinterest{display:block;width:25px;height:25px;margin-top:2px;}
.linkedin:hover,.facebook:hover,.twitter:hover,.instagram:hover,.youtube:hover,.pinterest:hover{opacity:0.8;filter(alpha=80)}
.linkedin{background:url(../images/linkedin.png);background-size:auto 25px;background-repeat:no-repeat;}
.facebook{background:url(../images/facebook.png);background-size:auto 25px;background-repeat:no-repeat;}
.twitter{background:url(../images/twitter.png);background-size:auto 25px;background-repeat:no-repeat;}
.instagram{background:url(../images/instagram.png);background-size:auto 25px;background-repeat:no-repeat;}
.youtube{background:url(../images/youtube.png);background-size:auto 25px;background-repeat:no-repeat;}
.pinterest{background:url(../images/pinterest.png);background-size:auto 25px;background-repeat:no-repeat;}

/* ----------products-右边隐藏【自适屏】的菜单-下拉---------- */
.accordion {width:100%;list-style-type:none}
.accordion .link {cursor: pointer;display: block;position: relative;padding-top:8px;padding-bottom:8px;padding-left:10px;width:calc(100% - 10px)}
.accordion li i {position: absolute;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition: all 0.4s ease;}
.accordion li i.fa-chevron-down { right: 12px;left: auto;background:url(../images/icon-cross.png);width:20px;height:20px;background-size:auto 17px;background-repeat:no-repeat;background-position:0px 3px;}
.accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);
transform: rotate(180deg);background:url(../images/icon-minus.png);width:20px;height:20px;background-size:20px auto;background-position:0px 6px;background-repeat:no-repeat}

/* ----------Submenu --右边隐藏【自适屏】的菜单-下拉---------------------------*/
.submenu {display: none;list-style:none}
.submenu li {background:url(../images/dot.png);background-size:3px auto;background-position:12px 16px;background-repeat:no-repeat;line-height:1.4}
.submenu li:last-child {border-bottom: none}
.submenu a { display: block;  text-decoration: none; padding: 7px;padding-left: 25px;}
.submenu a:hover ,.submenu li.current a{background-size:3px auto;background-position:15px 16px;background-repeat:no-repeat;text-decoration:none;}

/* ----------side_search--右边隐藏【自适屏】的搜索栏--------- */
.side_search{margin:20px 0px 20px 0px;padding-top:15px;padding-left:20px;font-size:0.95em;line-height:1.8}
.side_search ul{list-style-type:none}
.side_search img{vertical-align:middle;max-height:15px}
.side_search input{border:none;font-size:0.925em;height:30px;margin:0;width:70%;padding:0}
.side_search .buttonsearch{cursor:pointer;border:0px;float:right;width:20px;height:20px;padding:5px}
.search-col{padding:20px 0px 30px 0px;width:250px;height:20px;}
.search-col input{width:150px;padding:2px 10px 1px 20px;overflow:hidden;vertical-align:middle;font-size:0.95em}
.search-col button{width:30px;height:35px;overflow:hidden;text-align:center;border:none;vertical-align:middle;}