@charset "utf-8";
/* Reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea {  font:12px/1.5  Arial, Sans-Serif, "Microsoft YaHei"}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight: normal; }
ul, ol ,li { list-style:none; }
a { text-decoration:none; }
input,fieldset, img { border:0; }
i{font-style: normal;}
select,input{color:#a0a0a0}
button, input, select, textarea { font-size:100%; }
input{ vertical-align: middle;}
table { border-collapse:collapse; border-spacing:0; }
img{ vertical-align: middle}
/* Common */
html,body{  height:100% ; width:100%;} 

.fl { float:left; display: inline; }
.fr { float:right; display: inline; }
.clear { clear:both; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; font-size:0; line-height:0; height:0; }
.clearfix { *zoom:1; /* 针对IE6 7 */ }
html,body{ height: 100%; }
body{text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;}
input:focus,
textarea:focus{ outline:none;}
textarea { border: none}
a:focus {outline:none; }
a:link { color: #484848;text-decoration: none; }
a:visited { color: #484848;text-decoration: none; }
a:hover { color: #484848; text-decoration: none; }
a:active {color: #ff7f24;  text-decoration: none; }
a{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
body{background: #050505;}
.wrap_640{position: relative;width: 640px;margin:  0 auto;height: 100%}
.m_header{position: fixed;width: 640px;height: 157px;background: #000;z-index: 5;	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
}
.m_header.show{opacity: 1}
.m_header.on{opacity: 0}

.m_header h1{position: relative;width: 188px;height:98px;overflow: hidden;margin-left: 222px;top:-5px;}
.m_header h1 a{display: block;width: 100%;height: 100%;background: url(../m_images/logo.jpg);text-indent: -999px;}
.header_main{margin-right: 30px;padding-top: 42px;}
.header_main a{display: inline-block;width: 43px;height: 43px;float: left;overflow: hidden;text-indent: -99px;margin-left: 22px;}
.header_main a.a1{background: url(../m_images/ico_1.jpg);}
.header_main a.a2{background: url(../m_images/ico_ch.jpg);}
.header_main a.a3{background: url(../m_images/ico_2.jpg); }
.header_main a.on_3{
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg); 
	-webkit-transform: rotate(-180deg);
}
.nav{position: relative;clear: both;top:5px;height: 73px;width: 640px;
	z-index: 3	;
}
.nav a{color: #9b9a9a;font-size: 30px;display: inline-block;float: left;height: 100%;width: 160px;text-align: center;line-height: 73px}
.nav a span{
	border-left: 1px solid  #9b9a9a;
	border-right: 1px solid  #9b9a9a;
	padding: 0 6px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
}
.nav a.curr{
	  -webkit-animation: move2 1.2s ease-in-out 1;
}
.m_header .h_b{position: relative;z-index: 5;background: #000}
.second_nav{position: absolute;top:0px;z-index: 4;opacity: 0;	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	}
.second_nav_on{opacity: 1;top:157px;}
.second_nav ul{display: none}
.second_nav ul {height: 100px;background: #000;width: 640px;}
.second_nav ul li{float: left;display: inline;}
.second_nav ul li a{color: #fff;font-size: 24px;width: 160px;display: block;height: 100px;line-height: 100px;text-align: center;color: #9b9a9a;	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	}

.m_header_on,.nav_on{top: -250px}
.second_nav i{position: absolute;cursor: pointer;width: 145px;height: 49px;background: url(../m_images/ico_back.png);top:100px;left:244px;}
.second_nav ul li a:hover{color: #fff;}
@-webkit-keyframes move2{
    0%{-webkit-transform:scale(1);opacity:1;}
    60%{-webkit-transform:scale(1.3);opacity:0.2;}
    100%{-webkit-transform:scale(1);opacity:1;}
}
.trnslt {
	-webkit-transition: -webkit-transform 1000ms ease-in 100ms, opacity 700ms ease-in 0ms;
	-moz-transition: -moz-transform 1000ms ease-in 100ms, opacity 700ms ease-in 0ms;
	-ms-transition: -ms-transform 1000ms ease-in 100ms, opacity 700ms ease-in 0ms;
	-o-transition: -o-transform 1000ms ease-in 100ms, opacity 700ms ease-in 0ms;
	transition: transform 1000ms ease-in 100ms, opacity 700ms ease-in 0ms;
	z-index: 1;
	opacity: 0;
}
 .trnslt_item_2{
	-webkit-transform: translate3d(0, 45px, 0);
	-moz-transform: translate(0, 45px);
	-ms-transform: translate(0, 45px);
	-o-transform: translate(0, 45px);
	transform: translate(0, 45px);
}
 .trnslt_item_3{
	-webkit-transform: translate3d(0, 75px, 0);
	-moz-transform: translate(0, 75px);
	-ms-transform: translate(0, 75px);
	-o-transform: translate(0, 75px);
	transform: translate(0, 75px);
}
 .trnslt_item_4{
	-webkit-transform: translate3d(0,105px, 0);
	-moz-transform: translate(0, 105px);
	-ms-transform: translate(0, 105px);
	-o-transform: translate(0, 105px);
	transform: translate(0, 105px);
}
section.active .trnslt_item_2,.open h3.trnslt_item_2 {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms,opacity 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
	-moz-transition: -moz-transform 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms,opacity 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
	-ms-transition: -ms-transform 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms,opacity 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
	-o-transition: -o-transform 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms,opacity 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94)200ms;
	transition: transform 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms,opacity 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
	opacity: 1;
}
section.active .trnslt_item_3 ,.open p.trnslt_item_3{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms,opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
-moz-transition: -moz-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms,opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
-ms-transition: -ms-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms,opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
-o-transition: -o-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms,opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms,opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
opacity: 1;
}
section.active .trnslt_item_4{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms,opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
-moz-transition: -moz-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms,opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
-ms-transition: -ms-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms,opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
-o-transition: -o-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms,opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms,opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
opacity: 1;
}
.nav a.on,.nav a:hover{color: #fff;}
.nav a.on span,.nav a:hover span{border-left: 1px solid  #fff;border-right: 1px solid  #fff;}
.hd{width: 100%;position: absolute;bottom: 3px;z-index: 6;left: 0%; text-align:center;}
.carousel  .hd{
	opacity: 0;
	-webkit-transition: opacity 500ms ease-in 500ms;
	-moz-transition: opacity 500ms ease-in 500ms;
	transition: opacity 500ms ease-in 500ms;
}
.hdc{ width:220px; margin:0 auto; text-align:center}
.active .carousel  .hd{opacity: 1}
.hd ul{display: inline-table;height: 30px;float: left; }
.hd li{width: 30px;height: 30px;display: inline-block;background:url(../m_images/sp_ico.png) -30px -30px;overflow: hidden;text-indent: -100px;cursor: pointer;}
.hd li.on{background-position: 0 -30px;}
.hd .prev{float: left;width: 30px;height: 30px;display: inline-block;background:url(../m_images/sp_ico.png) 0px 0px;overflow: hidden;cursor: pointer;}
.hd .next{float: left;width: 30px;height: 30px;display: inline-block;background:url(../m_images/sp_ico.png) -30px 0px;overflow: hidden;cursor: pointer;}
.index_scroll{height: 837px;position: relative;top:130px;overflow: hidden;}
#slideBox{padding-top: 50px;}
.color_box #slideBox{height: 960px;overflow: hidden;position: relative;}

.cover{position: absolute;width: 100%;height: 100%;background: #000;opacity: .5;z-index: 9;top: 0;left: 0;display: none}
.language_box{width: 400px;height: auto;position: absolute;z-index: 10;top:170px;left: 118px;background: #212121;color: #fff;display: none}
.language_box h3{font-size: 36px;margin:  0 2px;border-bottom: 1px solid #4e4e4e;height: 74px;line-height: 74px;text-align: center;}
.language_box ul li{width: 110px;float: left;display: inline;margin-right: 15px;text-align: center;margin-bottom: 15px;}
.language_box ul li a{font-size: 24px;}
.language_box ul{margin-left: 23px;bottom: 0;margin-top: 30px;padding-bottom: 20px;}
#slidable {
	position: absolute;
	overflow: visible;
	height: 100%;
	left: 0;
	right: 0;
	z-index: 1;
	-webkit-transition: all 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: all 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.silde_b {
	height: 100%;
	-webkit-transform: translateZ(0);
	overflow: hidden;
	position: absolute;
	-ms-touch-action: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: all 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
p{font-size: 22px;line-height: 34px;}
.silde_b.show{opacity: 1}
.part {position: absolute;overflow: hidden;z-index: 1;height:100%;width: 100%}
.part_8{z-index: 7;}
.part .txt{position: absolute;z-index: 3;color: #fff;width: 540px;margin-left: 30px; top:9%}

/*.part .txt1{position: absolute;z-index: 3;color: #000;width: 500px;margin-left: 80px;margin-top:280px; font-family:"微软雅黑"}*/



/*.part .txt1 h3.two_h4{line-height: 24px; margin-top:150px}*/
.t1{ margin-top:60px}



/*.part.part_up .txt{margin-top: 135px;}*/
.part .txt h3{font-size: 40px;font-family: \5b8b\4f53;margin-bottom: 10px;}
.part .txt h3 span{font-size: 50px;font-style: italic;margin-right: 6px;}
.part .txt h3.two_h3{line-height: 24px;margin-bottom: 0;}
.part .txt h3.h3{line-height: 44px;margin-left: 105px;margin-bottom: 17px;}
.part .txt  p{font-size: 15px;width: 540px;}
.sider_nav{position: fixed;z-index: 9;right: 15px;top: 40%;width: 20px;opacity: 0;
	-webkit-transition: all 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: all 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.sider_nav.show{opacity: 1}
.sider_nav a{position: relative;left: 1px;width: 10px;height: 10px;border-radius: 50%;background: #be905f;display: block;margin-bottom: 20px;border-width: 4px;border-style: solid;border-color: rgba(0,0,0,0);}
.sider_nav a.active{background: none;border: 4px solid #be905f;width: 12px;height: 12px;left: 0px;}
.part img{height: 100%}

.brand_box .part_1 .txt{margin-top: 190px}
.brand_box .part_1.on{background: url(../m_images/brand_1.jpg)  center top;}
.brand_box .part_3{top:200%;}
.brand_box .part_3.on{background: url(../m_images/brand_2.jpg)  center 0px;}
.brand_box .part_2{top:100%;}
.brand_box .part_2.on{background: url(../m_images/brand_3.jpg) center center; }
.brand_box .part_4{top:300%;}
section#leather .carousel {width: 100%;-webkit-transform: translateZ(0);}
.carousel{height: 100%}
article,.carousel  .tempWrap{height: 100%;width: 100%}

.brand_box .part_4.on .item_1{background: url(../m_images/brand_4_1.jpg) no-repeat;}
.brand_box .part_4.on .item_2{background: url(../m_images/brand_4_2.jpg) no-repeat 0 -130px;}
.brand_box .part_4.on .item_3{background: url(../m_images/brand_4_3.jpg) no-repeat 0 -130px;}
.brand_box .part_4 .slide{height: 100%}
.brand_box .part_4 p{width: 540px;}
.carousel .scroll {position: relative;vertical-align: top;-webkit-transform: translateZ(0);height: 100%}
.contact_box{position: relative;top:160px;height: 830px;padding: 30px;color: #fff;background: -webkit-radial-gradient(70% 50%, circle cover, #444,#111 65%);
background: radial-gradient( circle at 70% 50%, #1c1c1c,#0e0e0e 65%);z-index: 2 ;}
.contact_box h2{font-size: 40px;border-bottom: 1px solid rgba(56,56,56,.4);padding-bottom: 10px;margin-bottom: 20px;}
.contact_box {font-size: 22px;}
.online_b {margin-top: 30px;}
.online_b .online_l{width: 200px;position: relative;margin-top: 20px}
.online_b .online_l i{position: absolute;display: block;width: 43px;height: 35px;background: url(../m_images/ico_con.png) ; right: 57px;top:2px;}
.online_b .online_r{padding-left: 95px;position: relative;}
.online_b .online_r span{position: absolute;left: 0;top:20px;}
.online_b .online_r  li{float: left;width: 127px;text-align: center;margin-right: 15px;}
.online_b .online_r  li p{font-size: 16px;color: rgba(255,255,255,.5);}
.contact_box  h3{font-size: 30px;border-bottom: 1px solid rgba(56,56,56,.4);padding-bottom: 10px;margin-bottom: 20px;}
.contact_box .link{margin-bottom: 15px;}
.contact_box .link a{margin-right: 18px; }
.about_box h2{border-bottom: 1px ;padding-bottom: 0;}
.about_box p img{width: 100%}
.about_box h3{border-bottom: none;text-align: center;margin-top: 25px;}
.about_box .p5{color: rgba(255,255,255,1);padding-bottom: 40px;}
.about_box p{margin-top: 10px;color: rgba(255,255,255,.6);}
.product  .part_1.on{background: url(../m_images/abf_1.jpg) center bottom no-repeat #000; }
.product  .part_1 .txt{margin-top: 670px; position:relative}
.product  .part_3{top: 200%}
.product  .part_2{top: 100%}
.product .part_2.on .item_1{background: url(../m_images/abf_2_1.jpg) no-repeat left bottom #000;}
.product .part_2.on .item_2{background: url(../m_images/abf_2_2.jpg) no-repeat left bottom #000;}
.product .part_2.on .item_3{background: url(../m_images/abf_2_3.jpg) no-repeat left bottom #000;}


.product  .part_4{top: 300%}
.product  .part_5{top: 300%}
.product  .part_6{top: 500%}
.product  .part_7{top: 400%}
/*.product  .part_8{top: 700%}
.product  .part_9{top: 800%}*/
.product  .part_10{top: 500%}
.product  .part_11{top: 600%}
.product .part .slide{height: 100%;position: relative;}
.product .part_3.on .item_1{background: url(../m_images/abf_3_1.jpg) no-repeat left bottom #000;}
.product .part_3.on .item_2{background: url(../m_images/abf_3_2.jpg) no-repeat left bottom #000;}
.product .part_3.on .item_3{background: url(../m_images/abf_3_3.jpg) no-repeat left bottom #000;}
.product .part_3.on .item_4{background: url(../m_images/abf_3_4.jpg) no-repeat left bottom #000;}
.product .part_3.on .item_5{background: url(../m_images/abf_3_5.jpg) no-repeat left bottom #000;}
.product .part_3.on .item_6{background: url(../m_images/abf_3_6.jpg) no-repeat left bottom #000;}
.product .part_3 .hdc{ width:280px; margin:0 auto; text-align:center}

#gradientviewport {position: fixed;top: 0;left: 0;right: 0;height: 200%;z-index: 0;-webkit-transition: all 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);-moz-transition: all 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);transition: all 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);}
 #gradientviewport .darkgradient {top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
background: -webkit-radial-gradient(70% 50%, circle cover, #2b2b2b,#111 65%);
background: radial-gradient( circle at 70% 50%, #1c1c1c,#0e0e0e 65%);z-index: 2;}
#gradientviewport.p3 {
	-webkit-transform: translate3d(0, -7.5%, 0);
	-moz-transform: translate(0, -7.5%);
	-ms-transform: translate(0, -7.5%);
	-o-transform: translate(0, -7.5%);
	transform: translate(0, -7.5%);
}
#gradientviewport.p4 {
	-webkit-transform: translate3d(0, -10%, 0);
	-moz-transform: translate(0, -10%);
	-ms-transform: translate(0, -10%);
	-o-transform: translate(0, -10%);
	transform: translate(0, -10%);
}
#gradientviewport.p5 {
	-webkit-transform: translate3d(0, -12.5%, 0);
	-moz-transform: translate(0, -12.5%);
	-ms-transform: translate(0, -12.5%);
	-o-transform: translate(0, -12.5%);
	transform: translate(0, -12.5%);
}
#gradientviewport.p6 {
	-webkit-transform: translate3d(0, -15%, 0);
	-moz-transform: translate(0, -15%);
	-ms-transform: translate(0, -15%);
	-o-transform: translate(0, -15%);
	transform: translate(0, -15%);
}
#gradientviewport.p7 {
	-webkit-transform: translate3d(0, -17.5%, 0);
	-moz-transform: translate(0, -17.5%);
	-ms-transform: translate(0, -17.5%);
	-o-transform: translate(0, -17.5%);
	transform: translate(0, -17.5%);
}
#gradientviewport.p8 {
	-webkit-transform: translate3d(0, -20%, 0);
	-moz-transform: translate(0, -20%);
	-ms-transform: translate(0, -20%);
	-o-transform: translate(0, -20%);
	transform: translate(0, -20%);
}
#gradientviewport.p9 {
	-webkit-transform: translate3d(0, -22.5%, 0);
	-moz-transform: translate(0, -22.5%);
	-ms-transform: translate(0, -22.5%);
	-o-transform: translate(0, -22.5%);
	transform: translate(0, -22.5%);
}
#gradientviewport.p10 {
	-webkit-transform: translate3d(0, -25%, 0);
	-moz-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
}
#gradientviewport.p11 {
	-webkit-transform: translate3d(0, -27.5%, 0);
	-moz-transform: translate(0, -27.5%);
	-ms-transform: translate(0, -27.5%);
	-o-transform: translate(0, -27.5%);
	transform: translate(0, -27.5%);
}
#gradientviewport.p12 {
	-webkit-transform: translate3d(0, -30%, 0);
	-moz-transform: translate(0, -30%);
	-ms-transform: translate(0, -30%);
	-o-transform: translate(0, -30%);
	transform: translate(0, -30%);
}
#gradientviewport.p13 {
	-webkit-transform: translate3d(0, -32.5%, 0);
	-moz-transform: translate(0, -32.5%);
	-ms-transform: translate(0, -32.5%);
	-o-transform: translate(0, -32.5%);
	transform: translate(0, -32.5%);
}
#gradientviewport.p14 {
	-webkit-transform: translate3d(0, -35%, 0);
	-moz-transform: translate(0, -35%);
	-ms-transform: translate(0, -35%);
	-o-transform: translate(0, -35%);
	transform: translate(0, -35%);
}
 #gradientviewport .darkgradient.show {opacity: 1;}
 .product  .part_2 p{margin-top: 20px;}

 .cropped {z-index: 0;opacity: 0;-webkit-transition: opacity 500ms ease-in 300ms;-moz-transition: opacity 500ms ease-in 300ms;transition: opacity 500ms ease-in 300ms;}
 .active .cropped {opacity: 1;}
/*.product .part_2.on  .bg_item{width: 100%;height:100%;background:#fff url(../m_images/nf_2.jpg) no-repeat left bottom ;position: absolute;top:0;left: 0}*/
.product .part_4.on  .bg_item{width: 100%;height: 423px;background: url(../m_images/pro_4.png) no-repeat;position: absolute;bottom:5%;left: 0}
.product .part_5.on .item_1{background: #fff url(../m_images/abf_4_1.jpg) no-repeat   left bottom;}
.product .part_5.on .item_2{background:#fff url(../m_images/abf_4_2.jpg) no-repeat   left bottom;}
.product .part_5.on .item_3{background: #fff url(../m_images/abf_4_3.jpg) no-repeat   left bottom;}
.product .part_5.on .item_4{background:#fff url(../m_images/abf_4_4.jpg) no-repeat   left bottom;}
.product .part_5 .hd,.brand_box .part_4 .hd{}
.product .part_5 .hdc{ width:180px; margin:0 auto; text-align:center}
.product .part_7 .hdc{ width:120px; margin:0 auto; text-align:center}
.product .part_9 .hd{left: 0;margin-left: 0;}
.product .part_10 .hd{margin-left: 0px}
.product .part_10 .hdc{ width:180px; margin:0 auto; text-align:center}

.product .part_6.on .bg_item{width: 100%;height: 110%;background:#fff url(../m_images/js.jpg) no-repeat left bottom;position: absolute;left: 0;bottom:0;}
.product .part h4{font-size: 22px;margin-top: 25px;cursor: pointer;padding-left: 30px;background:url(../m_images/ico_se.png) no-repeat left;display: inline-block;}
#lightbox.open {opacity: 1;}
.blur {-webkit-filter: blur(15px);-ms-filter: blur(15px);filter: blur(15px);-o-filter: blur(15px);opacity: 0.3;}
.silde_b {z-index: 2}
#lightbox {background: rgba(0,0,0,.7);position: fixed;right: 0;bottom: 0;top: 0;
    opacity: 0;
    z-index: 1;
    margin: -1px;
    -webkit-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 640px;left: 50%;margin-left: -320px;
}
.open .carousel .hd{opacity: 1}
.open .bg_item{width: 100%;height: 100%;position: absolute;top:0;left: 0;opacity: 1}
.hd_d  .item_1 .bg_item{background: url(../m_images/pic_hd_1.jpg) no-repeat 0 0 ;}
.hd_d  .item_2 .bg_item{background: url(../m_images/pic_hd_2.jpg) no-repeat 0 0;}
.hd_d  .item_3 .bg_item{background: url(../m_images/pic_hd_3.jpg) no-repeat 0 0;}
.camera_d_1  .item_1 .bg_item{background: url(../m_images/pic_camera_1_1.jpg) no-repeat 0 0 ;}
.camera_d_1  .item_2 .bg_item{background: url(../m_images/pic_camera_1_2.jpg) no-repeat 0 0;}
.camera_d_1  .item_3 .bg_item{background: url(../m_images/pic_camera_1_3.jpg) no-repeat 0 0;}
.camera_d_2  .item_1 .bg_item{background: url(../m_images/pic_camera_2_1.jpg) no-repeat 0 0 ;}
.camera_d_2  .item_2 .bg_item{background: url(../m_images/pic_camera_2_2.jpg) no-repeat 0 0;}
.scroll_detail .slide{height: 100%;position: relative;color: #fff;}
.scroll_detail .slide h3{font-size: 40px;font-family: \5b8b\4f53;margin-bottom: 10px;line-height: 40px;}
.scroll_detail .slide .txt{position: absolute;z-index: 7;bottom:10%;left: 49px;width: 540px;}
.scroll_detail .slide h3.two_h3{margin-bottom: 0}
.open h3,.open p{opacity: 1}
#hd_detail ,#camera_detail_1,#camera_detail_2{opacity: 0}
.hd_d #hd_detail,.camera_d_1 #camera_detail_1,.camera_d_2 #camera_detail_2 {opacity: 1}
.scroll_detail .slide p{font-size: 22px;letter-spacing: 0px;}
.sider_nav_p{top:40%;}
.part .txt h3.font{font-size: 26px;}
.product .part_7.on .slide{background: #070707}
.product .part_7.on .item_1 .bg_item{width: 100%;height: 110%;background: url(../m_images/abf_5_1.jpg) no-repeat left bottom #000;position: absolute;left: 0;bottom:0%;}
.product .part_7.on .item_2 .bg_item{width: 100%;height: 115%;background: url(../m_images/abf_5_2.jpg) no-repeat left bottom #000;position: absolute;left: 0;bottom:0%;}
/*.product .part_8  .bg_item{width: 100%;height: 510px;position: absolute;bottom:-5%;left: 0}
.product .part_8.on .bg_item_1{background: url(../m_images/pro_8_1.png) no-repeat   left bottom;}
.product .part_8.on .bg_item_2{background: url(../m_images/pro_8_2.png) no-repeat   left bottom;opacity: 1;}
.product .part_8.on .bg_item_3{background: url(../m_images/pro_8_3.png) no-repeat   left bottom;opacity: 0;}
.product .part_8.on .bg_item_4{background: url(../m_images/pro_8_4.png) no-repeat   left bottom;opacity: 0;}
.product .part_8.sec2 .bg_item_3,.product .part_8.sec3 .bg_item_4,.product .part_8.sec .bg_item_2{opacity: 1}
.part_8 .txt ,.part_9 .txt  {margin-top: 180px;}
.part_8.part_up .txt,
.part_9.part_up .txt{margin-top: 80px}*/
.set_bg ul{margin:  13px 0 0 100px;}
.set_bg{height: 100px;width: 640px;position: absolute;z-index: 6;background: rgba(0,0,0,.5);bottom: 0;left: 0;}
.set_bg li{-webkit-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in ;
transition: all 500ms ease-in ;float: left;margin-right: 32px;width: 118px;height: 72px;border:1px solid #8e8e8e;color: #fff;font-size: 25px;line-height: 72px;text-align: center;background: #505050;}
.set_bg li.on,.set_bg li.on_2{background: rgba(80,80,80,.3);}
/*.part_9 .set_bg li{text-indent: 0;-webkit-overflow-scrolling: touch;}
.part_9 .set_bg ul{margin-left: 10px;}
.part_9 .set_bg li.item_3{width: 152px;}
.part_9 .set_bg li.item_4{margin-right: 0;}
.product .part_9.on .slide .bg_item{width: 100%;height: 110%;position: absolute;bottom:0%;left: 0;}
.product .part_9.on .item_1 .bg_item{background: url(../m_images/pro_9_1.jpg) no-repeat   left bottom;}
.product .part_9.on .item_2 .bg_item{background: url(../m_images/pro_9_2.jpg) no-repeat   left bottom;}
.product .part_9.on .item_3 .bg_item{background: url(../m_images/pro_9_3.jpg) no-repeat   left bottom;}
.product .part_9.on .item_4 .bg_item{background: url(../m_images/pro_9_4.jpg) no-repeat   left bottom;}*/
.product .part_10.on .slide .bg_item{width: 100%;height: 100%;position: absolute;bottom:0%;left: 0;}
.product .part_10.on .item_1 .bg_item{background: url(../m_images/abf_6.jpg) no-repeat left bottom #000;}
/*.product .part_10.on .item_3 .bg_item{background: url(../m_images/pro_10_3.jpg) no-repeat   left bottom;}
.product .part_10.on .item_4 .bg_item{background: url(../m_images/pro_10_4.jpg) no-repeat   left bottom;}*/
.product .part_10 .txt{position: absolute;bottom:20%;text-align: center;}
.product .part_10 .txt p{color:rgba(255,255,255,.6);}
.product .part_11.on  .bg_item{opacity: 1;width: 100%;height: 100%;position: absolute;bottom:0%;left: 0;background: url(../m_images/xb_7.jpg) no-repeat left bottom #000;}
.product .part_11.on  p{font-size: 15px; width:275px}
.mz{ margin-top:60px; margin-left:325px}
.mz1{margin-left:325px; margin-top:-10px}
.product .part_11.on  p.p3{font-size: 20px;margin-top: 70px;margin-bottom: 15px;}
.color_box .set_bg li{text-indent: 0;}
.color_box .set_bg li.item_1{background: rgba(255,255,255,.3);}
.color_box .set_bg li.item_2{background: rgba(255,108,150,.3);}
.color_box .set_bg li.item_3{background: rgba(0,32,80,.3);}
.color_box .set_bg ul{margin-left: 40px;}
.color_box .set_bg{background: none;}
.color_box {height: auto}
.box{min-height: 630px;padding: 240px 10px 0;background: -webkit-radial-gradient(70% 50%, circle cover, #2b2b2b,#111 65%);
background: radial-gradient( circle at 70% 50%, #1c1c1c,#0e0e0e 65%);position: relative;color: #fff}
table td{border:  1px solid #353535;padding:  3px 8px;}
table td h3{font-size: 28px;line-height: 30px;}
table td h3 span{font-size: 45px;font-family: Arial;}
table td h4{font-size: 24px;opacity: .8}
table td p{opacity: .6}
table {width: 100%;}
.standard .box{padding:  240px 30px 40px;}
.standard .box table{margin-bottom: 40px;}
.box .tit{background-image: url(../m_images/ico_b.png); background-repeat: no-repeat;padding-left:30px;font-size: 30px;height: 34px;line-height: 34px;margin-bottom: 20px;}
.box .tit_2{background-position: 0 -50px;}
.box .tit_3{background-position: 0 -97px;padding-left: 35px;}
.box .tit_4{background-position: 0 -143px;}
.box .tit_5{background-position: 0 -210px;}
.scroll_detail{position: absolute;margin: 0;-webkit-overflow-scrolling: touch;overflow: auto;overflow-x: hidden;z-index: 2;height: 100%;width: 100%;}
.closeoverlay{position: fixed;top:0;right: 0;width: 63px;height:  69px;background: url(../m_images/btn_back.png);z-index: 3;text-indent: -9999px}
/*.part .txt2{position: absolute;z-index: 3;color: #000;width: 540px;margin-left: 35px;margin-top:110px; font-family:"微软雅黑"; font-size:12px}*/
@media only screen and (min-width: 320px) and (max-width: 720px){
    .product .part_7.on .item_1 .bg_item{bottom: 0%;}
    .product .part_7.on .item_2 .bg_item{bottom: 0%;}
    .product .part_6.on .bg_item{bottom: -7%}
    .product .part_9.on .slide .bg_item{bottom:-12%;}
    .product .part_9.part_up .slide .bg_item{bottom:-5%;}
    .product .part_5.on .slide{bottom: 0%}
    .product .part_5.part_up .slide{bottom: 0%}
    .product .part_10.on .slide {bottom: 0%;}
    .product .part_10.part_up .item_1 {bottom: 0;}

.part .txt2{position: absolute;z-index: 3;color: #000;width: 540px;margin-left: 35px;margin-top:110px; font-family:"微软雅黑"; font-size:12px}
.product  .part_6 p{margin-top: 20px;line-height:20px;}

.part .txt1{position: absolute;z-index: 3;color: #000;margin-left: 30px;font-family:"微软雅黑";top:10%;}
.part .txt1  p{font-size: 15px;line-height:15px; width:590px;font-size:11px}
/*.part .txt1 .two_h3{margin-bottom:30px}
.part .txt1 .two_h4{margin-bottom:50px}
.part .txt1 .two_h5{margin-bottom:55px}*/
}
@media only screen and (min-width: 720px){
	.product .part_7.on .item_1 .bg_item{bottom: 0%;}
    .product .part_10.on .slide {bottom: 0%;}
    .product .part_10.part_up .item_1 {bottom: 0;}	
    .product .part_5.on .slide{bottom: 0%}
    .product .part_5.part_up .slide{bottom: 0%}
	.part .txt2{position: absolute;z-index: 3;color: #000;width: 540px;margin-left: 35px;margin-top:110px; font-family:"微软雅黑"; font-size:12px}

.part .txt1{position: absolute;z-index: 3;color: #000;margin-left: 30px;font-family:"微软雅黑";top:15%;}
.part .txt1  p{font-size: 15px;line-height:20px; width:590px; top:15%}
}
@media only screen and (min-width: 1280px){
	.product .part_7.on .item_1 .bg_item{bottom: 0%;}
    .product .part_10.on .slide {bottom: 0%;}
    .product .part_10.part_up .item_1 {bottom: 0;}	
    .product .part_5.on .slide{bottom: 0%}
    .product .part_5.part_up .slide{bottom: 0%}
	.part .txt2{position: absolute;z-index: 3;color: #000;width: 540px;margin-left: 35px;margin-top:110px; font-family:"微软雅黑"; font-size:12px}

.part .txt1{position: absolute;z-index: 3;color: #000;margin-left: 30px;font-family:"微软雅黑";top:15%;}
.part .txt1  p{font-size: 15px;line-height:20px; width:590px; top:15%}
}
@media only screen and (min-width: 1920px){
.product .part_7.on .item_1 .bg_item{bottom: 0%;}
.product .part_10.on .slide {bottom: 0%;}
.product .part_10.part_up .item_1 {bottom: 0;}
.product .part_5.on .slide{bottom: 0%}
.product .part_5.part_up .slide{bottom: 0%}
.part .txt2{position: absolute;z-index: 3;color: #000;width: 540px;margin-left: 35px;margin-top:110px; font-family:"微软雅黑"; font-size:12px}

.part .txt1{position: absolute;z-index: 3;color: #000;margin-left: 30px;font-family:"微软雅黑";top:15%;}
.part .txt1  p{font-size: 15px;line-height:20px; width:590px; top:15%}
}

#topNav{position:fixed;z-index:100;top:0;left:0;_position:absolute;_top:expression(documentElement.scrollTop + 0 + "px");_left:expression(documentElement.scrollLeft + 0 + "px");}
#topNav{width:100%;height:105px;overflow:hidden;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; display:block;z-index:999;}
#topNav div{margin:0 auto;width:641px; position:relative}
.trnslt img{ max-width: 100%;height: auto;width: auto\9;}

.lk1 { width:270px; height:78px; display:block; position:absolute; float:left; left: 29%; bottom: 4%}