.menuIcon,.menuIcon2{position:absolute; left:0px; top:0px; z-index:996; cursor:pointer;}
.btn-nav{background:0 0;border:none;padding:10px 20px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
.btn-nav:focus{outline:0}
.icon-bar{display:block;margin:5px 3px;width:18px;height:2px;background-color:#fff;}
.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.animated2{display:block;margin:0 auto}
.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#000}
.animated2:focus{cursor:pointer;z-index:9999}
.middle{width:24px;margin-left: 0;}
.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
.animated2 .icon-bar{z-index:999999;background-color:#000}
.animated2 .top{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
.animated2 .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
.animated2 .middle{width:0}


.menuIcon2{ background:url(../img/icon_05.png) no-repeat center center; background-size:18px; width:63px; height:46px; display:none;}
header{ left:0; top:0; width:100%; height:45px; z-index:1000;position:fixed;transition:background 0.4s ease-out 0.5s; -webkit-transition:background 0.4s ease-out 0.5s;}
header .logo{ position:absolute; left:0; top:0; width:140px; height:45px; background:url(../image/logo.png) no-repeat center center; }
header .logo a{ display:block; width:100%; height:100%;}
header.showMenu{  background:none;transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
header.showMenu .logo{ background-image:url(../img/logo2.png)}
header.showMenu .animated2 .icon-bar{ background:#fff;}
.menuMain{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:#2f2f2f; display:none; margin:0; padding:0; overflow:hidden; overflow-y: scroll;}
.menuBox{ margin:65px 0px 20px 0px; padding:0 20px; height:100%; position:relative; overflow:hidden; overflow-y:scroll;}
.menuBox li{ padding:0 0px 0 0; position:relative;}
.menuBox li>a{ height:48px; line-height:48px; color:#fff; font-size:14px;  display:block; opacity:0.8}
.menuBox li.bBor>a{background:url(../img/icon_01.png) no-repeat 98% center; background-size:12px;}
.menuBox li>a.r-arrow{
	background-image: url(../img/r-arrow.png);
	-webkit-background-size: 8px;
	background-size: 8px;
}
.menuBox li.on>a{ background-image:url(../img/icon_02.png);}
.menuBox li.link>a{ background-image:url(../img/icon_031.png);}
.menuBox li.searchBtn>a{ background: url(../img/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px;}
.menuBox .linkBtn{ padding-top:30px; text-align:center;}
.menuBox .linkBtn a{height:42px; line-height:42px; color:rgba(255,255,255,0.5); padding:0 30px; border-radius:5px; display:inline-block; margin:0 15px; font-size:14px; position:relative;}
.menuBox .linkBtn a:after{border-radius:10px;}
.proList,.serList{ overflow:hidden; display:none;}
.proList a,.serList a{ padding-left:12px; display:block; height:42px; line-height:42px; font-size:13px;  color:rgba(255,255,255,0.6); position:relative; background-repeat:no-repeat; background-position:15px center; background-size:28px;}
.serList a{ width:100%; text-indent:20px;}
.menuBox .preBox ul{ padding:0 15px;}
.menuBox .preBox ul.proList{ padding-right:0;}
.menuBox .preBox{ position:absolute; left:0; top:0; width:100%;
-webkit-transform: translateY(0px); transform:translateY(0px);
 transition:-webkit-transform 0.35s linear;
    transition: transform 0.35s linear;}
    
.menuBox .nextBox .other{ display:none;}
.menuBox .nextBox .other .tit{ font-size:12px; color:rgba(255,255,255,0.3); padding:20px 0 10px 0;}
.menuBox .nextBox .other a{ height:40px; line-height:40px; position:relative; font-size:14px; color:rgba(255,255,255,0.64); display:inline-block; width:100%;}
.searchForm{height:48px; line-height:48px; color:rgba(255,255,255,0.8); font-size:14px; background: url(../img/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px; opacity:0.8; position:relative; left:200%; opacity:0;}
.searchForm .searchBtn,.searchForm .searchBtn2{ position:absolute; left:0; top:0; width:20px; height:48px; display:block;}
.searchForm .searchBtn2{ height:24px; line-height:24px; width:68px; text-align:center; color:#fff; border:1px solid #fff; border-radius: 5px; display:inline-block; right: 0; left: auto; top:8px; text-indent: 0; opacity:0.5;}
.searchForm input{ background:none;color:rgba(255,255,255,0.64); border:0;height:20px; line-height:20px; margin-top:14px; width:90%;}
.menuSearch .preBox{-webkit-transform: translateY(-144px); transform:translateY(-144px);}
.menuSearch .searchForm{ left:0;}
.searchHide .searchForm{opacity:1;}
.showMain .searchHide .searchBtn{opacity:0;}
.menuBox li,.linkBtn{opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.showMain .menuBox li,.showMain .linkBtn{opacity: 1;pointer-events: auto; -webkit-transform: none; transform: none;}
.showMain .menuBox li:nth-child(2){-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}
.showMain .menuBox li:nth-child(3){-webkit-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}
.showMain .menuBox li:nth-child(4){-webkit-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}
.showMain .menuBox li:nth-child(5){-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}
.showMain .menuBox li:nth-child(6){-webkit-transition-delay: 420ms,420ms; transition-delay: 420ms,420ms;}
.showMain .menuBox li:nth-child(7){-webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.showMain .menuBox li:nth-child(8){-webkit-transition-delay: 580ms,580ms; transition-delay: 580ms,580ms;}
.showMain .linkBtn{-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}

.subtwo{ display:none;}
.proList a{ padding-left:0;}
.menuBox li .proList a{ line-height:40px; height:40px;}
.menuBox li .subtwo a{ line-height:30px; height:30px;}

.headtop,.backtops,footer{ display:block;}
.rt-search{ background:url(../images/search-w.png) center no-repeat; width:20px; height:20px; position:absolute; right:15px;top:13px; z-index:996;}
.rtlogo{ width:55px; height:35px; position:absolute; left:50%; margin-left:-27px; top:10px; z-index:996;}
.rtlogo a{ display:block; width:100%; height:100%; background:url(../img/logo.png) center no-repeat; background-size:100% auto ;}
.headtopon .rtlogo a{background:url(../img/logo1.png) center no-repeat; background-size:100% auto;}
.showMenu .rtlogo a{background:url(../img/logo.png) center no-repeat; background-size:100% auto;}
.headtopon .rt-search{background:url(../img/search.png) center no-repeat;}
.headtopon{ background:#fff;}
.headtopon .icon-bar{ background:#000;}


.headtop .rtlogo a,.headtopon .rtlogo a{background-position:center top;}
header{ height:55px;}
.rt-search{ top:20px; display:none;}
.btn-nav{ padding-top:15px; padding-bottom:15px;}
.subtwo{ padding-left:10px;}



.storeMain{ position:absolute; left:0; top:45px; background:rgba(0,0,0,0.5); width:100%; height:100vh; overflow: hidden;overflow-y: scroll; z-index:999; display:none;}
.storeBox{ padding:20px; background:#fff;}
.storeBox .before .btn a{ background:#050505; height:48px; line-height:48px; text-align:center; color:#fff; font-size:14px; border-radius: 5px; margin:20px 0; cursor:pointer; display:block;}
.storeBox .before .tip{ text-align:center; padding-bottom:20px;}
.storeBox .before .tip a{ color:#b81111; text-decoration:underline;}

.menuIcon2{ background:url(../img/icon_05.png) no-repeat center center; background-size:18px; width:55px; height:55px; display:none;}
.menuIcon2{ right:0; left:auto;display:block;background-size:auto 21px;}
.storeMain{ background:#2f2f2f; padding-top:65px; overflow:hidden; box-sizing:border-box; top:0; position:fixed;}
.storeBox{ padding:20px; padding-top:0; background:none;}
.storeBox .before .btn a{ margin:0; margin-top:0;}
.storeBox .before .btn { padding-top:20px;}
.headtopon .menuIcon2{ background-image:url(../img/icon_0511.png);}
.storeBox .before .btn a{ height:40px; line-height:40px;}
.headtopon.showMenu .menuIcon2{ background-image:url(../img/icon_05.png);}




.gudingny2 .headtop .rtlogo a{background:url(../images/logo.png) center no-repeat; background-size:100% auto;}
.gudingny2 .headtop .rt-search{background:url(../images/search.png) center no-repeat;}
.gudingny2 .headtop{ background:#fff;}
.gudingny2 .headtop .icon-bar{ background:#000; }
.gudingny2 .headtop.rtlogo a{background:url(../images/logo.png) center no-repeat; background-size:100% auto;}
.gudingny2 .headtop .rt-search{background:url(../images/search.png) center no-repeat;}
.gudingny2 .headtop{ background:#fff;}
.gudingny2 .headtop .icon-bar{ background:#000; }
.gudingny2 .headtop .rt-search{background:url(../images/search.png) center no-repeat;}
.gudingny2 .headtop .menuIcon2{ background-image:url(../img/icon_0511.png);}
.gudingny2 .headtop .rtlogo a{background-position:center top;}

.gudingny2 header.showMenu .animated2 .icon-bar {background: #000;}


.headtop .icon-bar:before{ display:none;}



.ban{ position:fixed; width:100%; left:0; top:0;}





.homebanner{ position:relative; z-index:6; height:690px;}
.homebanner,.homebanner a{ color:#fff;}
.homebannertxt{ padding-top:235px; position:relative; z-index:10;}
.homebannerp1{ font-size:16px;  text-transform:uppercase;}
.homebannerp1 img{ height:70px;}
.homebannerp2 img{ height:100px;}
.homebannerp2{ font-size:34px; padding-top:35px; letter-spacing:2px; text-transform:uppercase;}
.swiper-img{ width:100%; height:100%; position:absolute; z-index:8; left:0; top:0;}
.mainbox{text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.homebanner .video{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.scrolldown{ width:78px; position:absolute; bottom:0; z-index:66; left:50%; margin-left:-36px; cursor:pointer;}
@-o-keyframes zoomIn{0%{opacity:0;-o-transform:scale(1.05);}100%{opacity: 1;-o-transform:scale(1.01);}}
@-moz-keyframes zoomIn{0%{opacity: 0;-moz-transform:scale(1.05);}100%{opacity: 1;-moz-transform:scale(1.01);}}
@-webkit-keyframes zoomIn{0%{opacity: 0;-webkit-transform:scale(1.05);}100%{opacity: 1;-webkit-transform:scale(1.01);}}
@keyframes zoomIn{0%{transform:scale(1.05);}100%{transform:scale(1.01);}}

.zoomIn{-o-animation-name:zoomIn;-moz-animation-name:zoomIn;-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.swiper-img{background-position: center; background-repeat:no-repeat; background-size:cover; -webkit-transition: 3s;transition: 3s;
}
.home-pagination .swiper-pagination-bullet{ width:38px; height:4px;}
.home-pagination span:before{ background:#ed6d00;}
.homebanner .swiper-slide-active .swiper-img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.homebannerp1{ font-size:48px; text-align:center; text-transform:uppercase;}
.homebannerp2{ font-size:28px; padding-top:40px;}
.homebannertxt{ padding-top:0;}
.homebanner .home-pagination{ left:0; margin:0; text-align:center;bottom: 52%;}

.homebannerp1,.homebannerp2{
  -webkit-transition: 1.2s;
  transition: 1.2s;
}
.homebannerp1,.homebannerp2{
	margin:0 auto;
  opacity: 0;
  width:auto;  
  
}
.homebannerp1{
  padding-bottom: 30px;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  letter-spacing:3px;
}
.homebannerp1 img{ height:45px;}
.homebannerp2{
  -webkit-transform: translateX(200px);
  transform: translateX(200px); padding-top:0;
}
.swiper-slide-active .homebannerp2,.swiper-slide-active .homebannerp1{
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.homebannertxt{ width:1200px;}
.homebanner .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.scrolldown{ width:78px; position:absolute; bottom:0; z-index:66; left:50%; margin-left:-36px; cursor:pointer;}

.backtops{background:#aaaaaa;color: #fff;text-align: center;height: 46px;line-height: 46px;}

.backtops{ background:#2f2f2f; color:#d1d1d1; font-size:14px; position:relative; z-index:3; text-align:center; height:46px; line-height:46px; border-bottom:1px solid #3d3d3d;}
.backtops span{ display:inline-block; background:url(../img/gotop.png) center right no-repeat; background-size:10px 6px; padding-right:15px;}
.cz_select {
    display: none;
}