@charset "UTF-8";

.navbar {overflow:hidden;}

.nav-container { height: 100%; }

.navbar .navbar-menu { float: right; display: none; }

.navbar .navbar-logo { float: left;position: relative; z-index: 999;}
.navbar .navbar-logo{ padding-top:18px;}
.navbar .navbar-logo img{ height:60px; transition: all .5s;margin-left:0px;}
.navbar .navbar-logo:hover img{margin-left:10px;} 


.navbar .navbar-nav {position: absolute; /* left: 50%; margin-left:-700px; text-align: center; z-index: 2; width: 1400px;font-size: 0;*/ right:250px; text-align: center; z-index: 9999; text-align:right;}

.navbar .navbar-nav > li { display: inline-block; vertical-align: top; line-height: 30px; padding: 0; -webkit-transition: all .3s; transition: all .3s; margin-top:30px;position: relative;}

.navbar .navbar-nav > li:first-child{display: none;}

.navbar .navbar-nav > li a { display: block; margin: 0 25px;  color: #333333; font-size: 16px; height:70px; }

.navbar .navbar-nav > li a:after{content: "";width:0;height: 2px;background: #eb870e;position: absolute;bottom: 0;transition: all .3s; left: 50%; }

.navbar .navbar-nav > li a:hover:after{left: 0%;width: 100%;}

.navbar .navbar-nav > li a:hover , .navbar .navbar-nav > li a.cur { color:#eb870e;}

 .navbar .navbar-nav > li a.cur i{content: "";width:100%;height: 3px;background: #eb870e;position: absolute;bottom: 0;left: 0;}

.navbar .navbar-nav > li a.tb { background-color:#eb870e; color:#FFFFFF; height:30px; line-height:30px;border-radius:25px; padding:0 15px;margin: 0 0 0 15px;}

.navbar .navbar-nav > li a.tb:hover:after{left: 0;width: 0;}

.navbar .navbar-nav > li .language{display: inline-block; color: #999999;}

.navbar .navbar-nav > li .language.lan-act{color: #333333;}

.navbar .navbar-nav > li .language.lan-line{padding: 0 10px;}

.navbar .navbar-nav > li .language-icon{display: inline-block;padding-right:10px;}

.navbar .navbar-nav > li .language-icon>img{vertical-align: middle;}

.navbar .navbar-nav .li-act { opacity: 0.5; color:#333;}

.w90{ width:90%;}

@media screen and (min-width:1270px) and (max-width:1399px){
.main2 { width:100%;}
.navbar-logo{ margin-left:10px !important;}

.edition { margin-right:10px !important;}
.navbar .navbar-nav{right:200px;}
.navbar .navbar-nav > li a { margin: 0 20px; }
}

@media screen and (min-width:1200px) and (max-width:1269px){
.main2 { width:100%;}
.navbar-logo{ margin-left:10px !important;}

.edition { margin-right:10px !important;}
.navbar .navbar-nav{right:180px;}
.navbar .navbar-nav > li a { margin: 0 15px; }
}

@media screen and (min-width:1100px) and (max-width:1199px){
.main2 { width:100%;}
.navbar-logo{ margin-left:10px !important;}

.edition { margin-right:10px !important;}
.navbar .navbar-nav{right:160px;}
.navbar .navbar-nav > li a { margin: 0 10px; }
.w90{ width:88%;}
}

@media screen and (min-width:1024px) and (max-width:1099px){
.main2 { width:100%;}
.navbar-logo{ margin-left:10px !important;}

.edition { margin-right:10px !important;}
.navbar .navbar-nav{right:140px;}
.navbar .navbar-nav > li a { margin: 0 8px; }
.w90{ width:86%;}
}

@media screen and (min-width:900px) and (max-width:1023px){
.main2 { width:100%;}
.navbar-logo{ margin-left:10px !important;}

.edition { margin-right:10px !important;}
.navbar .navbar-nav{right:120px;}
.navbar .navbar-nav > li a { margin: 0 5px; }
.w90{ width:83%;}
}

.navbar .navbar-nav > li i{ display:none;}
.navbar .navbar-nav .dropdown-box { display: none; position: absolute; top: 70px; border-top: none;left: 50%;
    right: auto; width:140px; background-color:#eee; 
   -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.navbar .navbar-nav .dropdown-box .box1{}
.navbar .navbar-nav .dropdown-box .product-list{padding:0px;margin:0px;}
.navbar .navbar-nav .dropdown-box .product-list>li{text-align: center;}
.navbar .navbar-nav .dropdown-box .product-list>li>a{color: #333 !important; height:43px; line-height:43px; font-size:14px !important; display:block;transition: all .2s; margin:0;}
.navbar .navbar-nav .dropdown-box .product-list>li>a:hover{background-color:#eb870e;color: #fff !important;}
.navbar .navbar-nav .dropdown-box .product-list>li>a:hover:after{left: 0%;width: 0;}


@media only screen and (max-width: 1024px) {
.t-nav-top { -webkit-transform: rotate(-45deg) translate3d(-5px, 5px, 0); transform: rotate(-45deg) translate3d(-5px, 5px, 0); }
.t-nav-mid { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.lockScroll { overflow-y: hidden; position: relative; height:100%}

.navbar{ width:100%;}
.navbar .navbar-logo { position: absolute;line-height: 48px; }
.navbar-logo {margin-left: 0px !important;left: 15px;}

.w90{ width: auto;}

.navbar .navbar-logo{ padding-top:8px; margin-left:0px;}
.navbar .navbar-logo img{ height:60px; transition: all .5s;margin-left:0px;}
.navbar .navbar-logo:hover img{margin-left:0px;} 
.navbar .navbar-nav > li a { padding: 0 5px; margin:0; height: auto;position: relative;}

.navbar .navbar-menu { display: block; padding: 32px 20px 15px 0px; float: right;}
.navbar .navbar-menu:hover { cursor: pointer; }
.navbar .navbar-menu span { display: block; width: 28px; height: 2px; background: #666; -webkit-transition: all .3s; transition: all .3s; }
.navbar .navbar-menu .menu { margin-top: 6px; }

.navbar .navbar-nav > li a:hover:after{width: 0%;}

.collapse { display: none; overflow-y: auto;-webkit-overflow-scrolling:touch;min-width: 100%; background: rgba(255, 255, 255, 1); position: absolute; top: 70px; left: 0; height: calc(100% - 70px); z-index: 99; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation: menuScaleDown 0.6s cubic-bezier(0.86, 0, 0.07, 1); animation: menuScaleDown 0.6s cubic-bezier(0.86, 0, 0.07, 1); }
.collapse.on { display: block; }

.navbar .navbar-nav {position: absolute; left: 0; margin-left:0; right: 0; text-align: center; z-index: 2; width:100%;font-size: 0;}

.navbar .navbar-nav { height: auto; padding-top: 10px;}
.navbar .navbar-nav li { display: block; text-align: left; margin: 0 15px; border-bottom: 1px solid rgba(69, 70, 74, 0.2); line-height: 50px; padding: 0 0 0 10px; }
.navbar .navbar-nav li a{ padding: 0 8px;}
.navbar .navbar-nav > li:first-child{display: block;}
	
.navbar .navbar-nav > li a.tb { background-color:#0e6eb8; color:#fff; height: auto; line-height:35px; margin:10px 0; width:100px; text-align:center; border-radius:25px;}


.navbar .navbar-nav > li i{ display:block; 	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #585858;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -1px;}
	
.navbar .navbar-nav > li.current i{width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: none;
	border-bottom: 5px solid #eb870e;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -1px;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;}
	
	
.navbar .navbar-nav .dropdown-box { display: none; position: static; border-top: none;
 width: auto; background-color:#fff; 
   -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
	background-clip: padding-box;
	-webkit-box-shadow:0px 0px 0px #c6c6c6;
   -moz-box-shadow:0px 0px 0px #c6c6c6;
        box-shadow:0px 0px 0px #c6c6c6;}

.navbar .navbar-nav .dropdown-box .product-list>li{text-align: left; border:0 !important; margin:0;}
.navbar .navbar-nav .dropdown-box .product-list>li>a{ height: auto; line-height: normal; padding-bottom:15px; display:block;transition: all 0s;}
.navbar .navbar-nav .dropdown-box .product-list>li>a:hover{background-color:#fff;color: #333 !important;}
}


@-webkit-keyframes menuScaleDown { 
	0% {opacity: 0;
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1); }
    100% { opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); } }

@keyframes menuScaleDown { 0% { opacity: 0;
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1); }
  100% { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }