@charset "UTF-8";

.navbar { width: 1030px; height:100px;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:24px;}
.navbar .navbar-logo img{ height:52px; transition: all .5s;margin-left:0px;}
.navbar .navbar-logo:hover img{margin-left:10px;} 


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

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

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

.navbar .navbar-nav > li a { display: block; padding: 0 15px; color: #333333; font-size: 15px; }

.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.4; }


.navbar .navbar-nav .dropdown-box { width: 732px; height: 330px;display: none; background: #fafafa; position: absolute; top: 100%; border: 1px solid #efe7e7; border-top: none;}

.navbar .navbar-nav>li:nth-child(3) .dropdown-box {left: -90px;}
.navbar .navbar-nav>li:nth-child(4) .dropdown-box {left: -190px;}
.navbar .navbar-nav>li:nth-child(5) .dropdown-box {right: -345px;}
.navbar .navbar-nav>li:nth-child(6) .dropdown-box {right: -245px;}
.navbar .navbar-nav .dropdown-box .box1{width: 270px;}
.navbar .navbar-nav .dropdown-box .product-list{padding-left: 90px;margin-top: 40px;}
.navbar .navbar-nav .dropdown-box .product-list>li{ line-height: 20px;text-align: left;}
.navbar .navbar-nav .dropdown-box .product-list>li>a{color: #000000;padding: 10px ; padding-left: 0;}
.navbar .navbar-nav .dropdown-box .product-list>li>a>span{ display:none !important; margin-right: 10px;margin-bottom:5px;transition: all .5s; display: inline-block;width: 10px;height: 1px;background: #000000;}
.navbar .navbar-nav .dropdown-box .product-list>li>a.act1{color: #DE6D00;}
.navbar .navbar-nav .dropdown-box .product-list>li>a.act1 span{margin-right: 15px;background: #ED6D00;}
.navbar-nav .dropdown-box .product-list-img { width: 433px; height: 222px;border-left: 1px #e5e5e5 solid; position: absolute; right: 88px; top: 40px; margin-bottom: -111px; line-height: normal;}
.navbar-nav .dropdown-box .product-list-img>img{padding-left: 50px;}
.navbar-nav .dropdown-box .product-list-img img{ width:382px; height:221px;}

.navbar .navbar-nav>li:nth-child(4)>.dropdown-box {height: 380px;}
.navbar .navbar-nav>li:nth-child(4)>.dropdown-box .product-list{margin-top: 30px;}

/*.navbar .navbar-nav>li:nth-child(5)>.dropdown-box {height: 380px;}
.navbar .navbar-nav>li:nth-child(5)>.dropdown-box .product-list{margin-top: 30px;}
.navbar .navbar-nav .dropdown-box .product-list h3{color: #ED6D00;font-size: 14px;font-weight: bold;text-align: left;}
.navbar .navbar-nav>li:nth-child(3)>.dropdown-box .product-list{padding-left: 23px;float: left;}
.navbar .navbar-nav .dropdown-box .product-list.product-list1{width: 135px;padding-left: 35px !important;}
.navbar .navbar-nav>li:nth-child(3)>.dropdown-box .product-list-img{width: 433px;}
.navbar .navbar-nav>li:nth-child(3)>.dropdown-box .product-list-img>img{padding-left: 50px;}*/



@media only screen and (max-width: 1199px) {
.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;}

.navbar .navbar-logo{ padding-top:20px;}
.navbar .navbar-logo img{ height:45px; transition: all .5s;margin-left:0px;}
.navbar .navbar-logo:hover img{margin-left:0px;} 
.navbar .navbar-nav > li a { padding: 0 5px; }

.navbar .navbar-menu { display: block; padding: 32px 20px 0px 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; }

.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: 50px;*/}
.navbar .navbar-nav li { display: block; text-align: left; margin: 0 15px; border-bottom: 1px solid rgba(69, 70, 74, 0.2); line-height: 55px; padding: 0; }
.navbar .navbar-nav li a{ padding: 0 8px;}
.navbar .navbar-nav > li:first-child{display: block;}
	


}


@-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; } }