@charset "utf-8";
@import url("font.css");
@import url("body.css");
/*body*/
html,body{position:relative;padding:0;margin:0;min-height:100%;width:100%;min-width:960px;display:block;height:8000px;overlow-y: scroll;}

/*header*/
#header{position:fixed;width:100%;height:71px;z-index:8000;}
#header .bg-header{position:absolute;width:100%;height:71px;background:#000;opacity:1;}
#header .content{overflow:hidden;}
#header .content #logo{background:url(../images/index/logo.png) no-repeat;width:177px;height:37px;margin:23px 0 0 8px;float:left;}
#header #nav{float:left;margin: 28px 0 0 130px;}
#header #nav li{float:left;margin-right:35px;}
#header #nav li.img-tall{margin-top:1px;}
#header #nav li.icon-social1{margin:-5px 18px 0 0;}
#header #nav li.li-last{margin:-5px 0 0 0;}


/*index*/

.arrow-slide{position: absolute;background:url(../images/index/arrow.png) no-repeat;height:47px;width:25px;z-index: 500;top: 50%;cursor:pointer;}
.arrow-slide-left{left: 23%;}
.arrow-slide-right{left: 76%;background-position:right;}

.container{position:fixed;width:100%;height:70%;padding:0px;margin:0px;}
.container2{height:70%;}
#container1{padding:0;margin:0;position:fixed;width:100%;height:70%;overflow:hidden;background:url(../images/index/bg1-content1.jpg);overflow:hidden;z-index:10;}
#container1 #bg1{position:absolute;height:100%;width:50%;background:url(../images/index/bg2-content1.jpg) no-repeat;left:0%;background-size:cover;}
#container1 #bg2{position:absolute;height:100%;width:50%;background:url(../images/index/bg3-content1.jpg) no-repeat;left:50%;background-size:cover;}
#container1 .content{color:rgb(187,187,187);}
#container1 .box-container1{display:block;position:relative;width:100%;top:35%;}
#container1 #logo{display:block	;position:relative;max-width:720px;width:28.2%;height:auto;left: 36.4%;z-index:100;cursor:pointer;}
#container1 #menu1{display:block;position:relative;max-width:162px;width:6.4%;height:auto;z-index:100;cursor:pointer;float:left;left:38.3%;margin-top:1%;}
#container1 #img-text{display:block;position:relative;max-width:224px;width: 8.8%;height:auto;z-index:90;float:left;left:40%;margin-top:-2.6%;}
#container1 #menu2{display:block;position:relative;max-width:162px;width:6.4%;height:auto;z-index:90;cursor:pointer;float:left;left:41%;margin-top:1%;}
#container1 .content #detail{position:relative;max-width:900px;display:none;max-height:88%;overflow:auto;top:0;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:grabbing;overflow-y:hidden;}
#container1 .content #detail .detail1{position:relative;margin:10% 18% 0 18%;overflow:hidden;line-height: 18px;}
#container1 .content #detail .detail1 .head1{color:rgb(255,255,255);font-weight:bold;}
#container1 .content #detail .detail1 .head2{color:rgb(255,255,255);margin-bottom:30px;}
#container1 .content #detail .detail1 p{margin-top:0px;line-height: 18px;}
#container1 .content #detail .detail1 .div-text{overflow:hidden;}
#container1 .content #detail .detail1 .text1,#container1 .content #detail .detail1 .text3{float:left;width: 176px;}
#container1 .content #detail .detail1 .text2{float:left;}
#container1 .content #detail .detail1 .text2-1{float:left;width:120px;}
#container1 .content #detail ul{padding:0;margin: -14px 0 0 0;line-height:18px;}
#container1 .content #detail ul li{list-style-image:inherit;}
#container1 .slide{position:absolute;top:100%;height:100%;width:100%;}
#container1 .slide .div-img2{position: absolute;height: 80%;left: 0;right: 0;bottom: 7%;margin: auto;background: no-repeat bottom center;background-size: auto 100%;}
.slide{display:none;}
.ul-slide{position: absolute;overflow: hidden;margin: 0 auto 0;bottom: 8.5%;text-align: center;width: 100%;z-index: 1000;}
.ul-slide li{margin-left:3px;cursor:pointer;display: inline-block; }
.ul-slide li img{width:70px;}
.ul-slide li .url-img-hidden{display:none;}
#bg-video{position: absolute;bottom: 27.8%;height: 100%;margin:auto;left:0;right:0;}
.video-con1{display:none;position:absolute;height: 90%;left: 0;right: 0;top: -90%;margin: auto;}
.video-chalom{position:relative;display: block;width: 50%;height: 70%;top: -7%;margin: auto;max-width:960px;}
.close-tab{position: absolute;display: block;bottom: -2.7%;max-width: 2556px;width: 100%;cursor:pointer;z-index:100;}
#close-video{bottom: 8.5%;}
#close-detail{display:none;}
#detail::-webkit-scrollbar { display: none; }
#detail::-moz-scrollbar { display: none; }
#detail::-o-scrollbar { display: none; }
#detail::scrollbar { display: none; }

#container2{z-index:20;top:70%;background:url(../images/index/bg1-content2.jpg) no-repeat top center;background-size: cover;}
#container2 .box-container2{display:block;position:relative;width:100%;top:36%;}
#container2 #logo{display:block	;position:relative;max-width:916px;min-width:330px;width:35.9%;height:auto;margin:0% auto 0;z-index:100;}
#container2 #box1,#container2 #box2,#container2 #box3,#container2 #box4,#container2 #box5,#container2 #box6,#container2 #box7,#container2 #box8{cursor:pointer;display:block;position:relative;max-width:230px;min-width:100px;width:9%;height:auto;float:left;}
#container2 #box1{margin: 3% 0 0 31.5%;}
#container2 #box2{margin: 3% 0 0 0.5%;}
#container2 #box3{margin: 3% 0 0 0.6%;}
#container2 #box4{margin: 1% 0 0 31.5%;}
#container2 #box5{margin: 1% 0 0 0.5%;}
#container2 #box6{margin: 1% 0 0 0.6%;}
#container2 #box7{margin: 3% 0 0 0.6%;}
#container2 #box8{margin: 1% 0 0 0.6%;}
#container2-1{z-index:21;left:100%;top:70%;background:url(../images/index/img-pumm.jpg) no-repeat top center;display:none;background-size: cover;}
#container2-1 #img-pumm1{position: absolute;display: block;max-width: 795px;width: 31.1%;left: 33%;top: 21%;}
#container2-2{z-index:21;left:100%;top:70%;background:url(../images/index/img-stores.jpg) no-repeat top center;display:none;background-size: cover;}
#container2-2 #img-btn-lo{position: absolute;display: block;max-width: 340px;width: 13.3%;top: 73%;left: 44%;}
#container2-3{z-index:23;left:100%;top:70%;background:url(../images/index/img-oem.jpg) no-repeat top center;display:none;background-size: cover;}
#container2-3 .detail-bottom{position:absolute;bottom:0;background:url(../images/index/bg-con2.png) repeat-x;width:100%;height:281px;}
#container2-3 .detail-bottom #logo-con2-3{float:left;margin:85px 0 0 75px;}
#container2-3 .detail-bottom .detail-con2-3{float:left;width:530px;margin:35px 0 0 100px;width: 500px;line-height:25px;}
#container2-3 .detail-bottom .detail-con2-3 .text2-3{float:left;width:120px;margin-right:60px;}
#container2-3 .detail-bottom .detail-con2-3 .text2-3-last{margin-right:0px;}


#container3{z-index:30;top:140%;background:url(../images/index/bg1-content3.jpg) no-repeat top center;background-size:cover;}
#container3 .text1-con3{position:relative;display:block;max-width:496px;width:19.5%;float:left;top: 45%;left: 31%;}
#container3 #dot{position: absolute;display: block;max-width: 82px;width: 3.2%;top: 49.1%;left: 38.9%;cursor:pointer;}
#container3 .list-menu{position:relative;display:block;height:100%;background:url(../images/index/bg-con3.png) repeat-y;max-width:310px;width: 12%;left:37%;float:left;	}
#container3 .list-menu .arrow1{position:relative;display:block;max-width:50px;width:16%;top: 5.2%;margin:auto;cursor:pointer;}
#container3 .list-menu .box-detail{position: relative;padding: 0px;margin: 0;top: 8%;height:65%;overflow:hidden;}
#container3 .list-menu .detail{position: relative;padding: 0px;margin: 0;color: #fff;line-height:34px;}
#container3 .list-menu .detail li{margin-left:22%;}
#container3 .list-menu .arrow2{position:relative;display:block;max-width:50px;width:16%;top:13%;margin:auto;cursor:pointer;}
#container3 .list-menu .click-formore{position:relative;display:block;max-width:134px;width: 58%;top: 17%;left: 28.5%;cursor:pointer;}
#container3-1{z-index:35;left:100%;top:140%;background:rgb(0,0,0);}
#container3-1 .slide{position:absolute;height:100%;width:100%;}
#container3-1 .slide .div-img2{position: absolute;height: 75%;left: 0;right: 0;top: -17%;bottom: 0%;margin: auto;background: no-repeat bottom center;background-size: auto 100%;}
#container3-1 .ul-slide {bottom: 11.5%;}
#container3-1 .close-tab {bottom: 1%;}
.content-2{height:auto;top:4%;}
.btn-back{position:absolute;right:2%;float:right;cursor:pointer;}


#container4{z-index:40;top:210%;background:rgb(211,211,211) no-repeat top center;}
#container4 .container{display:none;z-index:100;}
#container4-1{z-index:40;left:100%;background:url(../images/index/bg1.jpg) no-repeat top center;background-size: 100% 100%;height:61%}
#container4-2{z-index:40;left:100%;background:url(../images/index/bg2.jpg) no-repeat top center;background-size: 100% 100%;height:61%}
#container4-3{z-index:40;left:100%;background:url(../images/index/bg3.jpg) no-repeat top center;background-size: 100% 100%;height:61%}
#container4-4{z-index:40;left:100%;background:url(../images/index/bg4.jpg) no-repeat top center;background-size: 100% 100%;height:61%}
#container4-5{z-index:40;left:100%;background:url(../images/index/bg5.jpg) no-repeat top center;background-size: 100% 100%;height:61%}
#container4-6{z-index:40;left:100%;background:url(../images/index/bg6.jpg) no-repeat top center;background-size: 100% 100%;height:61%}
#container4-7{z-index:40;left:100%;background:url(../images/index/bg7.jpg) no-repeat top center;background-size: 100% 100%;height:61%}
#container4-8{z-index:40;left:100%;background:url(../images/index/bg8.jpg) no-repeat top center;background-size: 100% 100%;height:61%}
#container4-9{z-index:40;left:100%;background:url(../images/index/bg9.jpg) no-repeat top center;background-size: 100% 100%;height:61%}
#container4-10{z-index:40;left:100%;background:url(../images/index/bg10.jpg) no-repeat top center;background-size: 100% 100%;height:61%}
#container4-11{z-index:40;left:100%;background:url(../images/index/bg11-con4.jpg) no-repeat top center;background-size: cover;height:61%}
#container4-11 #text1{position: relative;display: block;max-width: 734px;width: 28.7%;top: 62%;left: 36.3%;}
#div-btn{position:absolute;bottom:0;width:100%;z-index: 3000;}
#bg-con4{position:relative;display:block;width:100%;max-width:2556px;}
#div-btn .box-menu{position: absolute;margin-top: -5.1%;margin-left:18%;width:100%;cursor:pointer;}
#div-btn .box-menu .img1{display: block;position: absolute;max-width: 90px;width: 3.6%;z-index: 20;top: 14%;left: 0.65%;opacity:1;}
#div-btn .box-menu .img2{display:block;position:relative;max-width:120px;width:4.9%;z-index:10;opacity:0;}
#div-btn #box-menu2{margin-left:24%;}
#div-btn #box-menu3{margin-left:30%;}
#div-btn #box-menu4{margin-left:36%;}
#div-btn #box-menu5{margin-left:42%;}
#div-btn #box-menu6{margin-left:48%;}
#div-btn #box-menu7{margin-left:54%;}
#div-btn #box-menu8{margin-left:60%;}
#div-btn #box-menu9{margin-left:66%;}
#div-btn #box-menu10{margin-left:72%;}
#div-btn #box-menu11{margin-left:78%;}




#container5{position:fixed;display:block;z-index:50;top:280%;background:rgb(32,32,32);width:100%;}
#imd-contact{position:relative;display:block;margin:50px auto;max-width:320px;width:100%;}
#container5{overflow:hidden;}
#container5 #box-con5{height: 100%;overflow-x: inherit;}
#container5 .content{overflow:hidden;height: auto;padding-bottom:79px;}
#container5 .box-con5{float:left;width:285px;height:335px;line-height: 25px;margin-left: 52px;}
#container5 .box-con5-1{margin-left:0px;}
#container5 .box-con5 .box-img{background:url(../images/index/box5-box.jpg) no-repeat;width:285px;height:158px;margin-bottom:25px;}
#container5 .box-con5 #box2-img{background:url(../images/index/box5-box1.jpg?v=10) no-repeat;}
#container5 .box-con5 #box3-img{background:url(../images/index/box5-box2.jpg?v=10) no-repeat;}
#container5 .box-con5 #box4-img{background:url(../images/index/box5-box3.jpg) no-repeat;}
#container5 .box-con5 #box5-img{background:url(../images/index/box5-box5.jpg) no-repeat;}
#container5 .box-con5 #box6-img{background:url(../images/index/box5-box4.jpg) no-repeat;}
#container5 .box-con5 #box7-img{background:url(../images/index/box5-box6.jpg) no-repeat;}
#container5 .box-con5 .box-img .img-1{position:relative;top: 18px;left: 68px;}
#container5 .box-con5 .text1,#container5 .box-con5 .text2{margin-left:5px;color:#fff;font-size: 15px;}
#container5 .box-con5 .text3{margin-left:5px;color:rgb(121,121,121);}
#container5 .address{float:left;color:#fff;line-height:22px;font-size:16px;}
#container5 .map{float:right;color:#fff;font-size: 23px;margin-top: 25px;}
#container5 .map #img-map{margin-right:19px;}
#footer{width:100%;height:293px;background:url(../images/index/bg-footer.jpg) no-repeat center;}
#footer .box1{width:188px;float:left;margin:33px 0 0 0;font-size:14px;line-height: 28px;}
#footer .box2{float:right;width:215px;}
#footer .box1 .head1 a,#footer .box1 .head1{color:#fff;}
#footer .box1 .head2 a,#footer .box1 .head2{color:rgb(121,121,121);}
#footer .box1 .head3 a,#footer .box1 .head3{color:rgb(121,121,121);}
#footer .box2 .head3{font-size: 12px;color: rgb(121,121,121);line-height: 18px;float:left;margin-top:25px;}
#input_email{width: 138px;height: 22px;border: 1px solid rgb(73,73,73);background: rgb(32,32,32);float: left;color: #fff;padding: 10px;margin-top:10px;}
#btn-submit{width: 48px;height: 44px;border: 1px solid rgb(73,73,73);float: left;background:url(../images/index/arrow3.png) no-repeat center;border-left: none;margin-top:10px;cursor:pointer;}
#footer .box-bottom{float:left;width:100%;font-size:14px;color:#fff;margin-top:22px;}
#footer .box-bottom .box1-bottom{float:left;margin-top: 11px;}
#footer .box-bottom .social-btm{float:right;margin-right:5px;}
#icon-social3{margin-right:37px;}