@charset "utf-8";

@import url(base.css);/**/
@import url(layout.css);/*?*/
@import url(module.css);/*?*/
@import url(tagbox.css);/*?*/
@import url(tab.css);/*?*/
@import url(detail.css);/*?*/
@import url(niceforms-default.css);/*?*/
@import url(page.css);/**/

.banner {max-width:1920px;width:1920px;text-align:center;margin:0 auto;}
.banner img {}

.eyeyj01{ background:url(../images/yj1.jpg) no-repeat center center; height:600px;}
.eyeyj01 .eyj2{
	width: 1000px;
	margin: 0 auto;
	height: 600px;
	position: relative;
}
.eyeyj01 .eyj2 a{
	display: block;
	width: 862px;
	height: 86px;
	position: absolute;
	top: 1945px;
	right: 133px;

}
.eyeyj02{ background:url(../images/yj2.jpg) no-repeat center center; height:588px;}
.eyeyj02 .eyj02{
	width: 400px;
	margin: 0 auto;
	height: 70px;
	position: relative;
	top: 475px;
}
.eyeyj02 .eyj02 a{
	display: block;
	width: 640px;
	height: 80px;
	position: absolute;
	top: 634px;
	left: 76px;
}

.eyeyj03{ background:url(../images/yj3.jpg) no-repeat center center; height:954px;}
.eyeyj03 .eyj2{
	width: 1050px;
	margin: 0 auto;
	height: 50px;
	position: relative;
	top: 0px;
}
.eyeyj03 .eyj2 a{
	display: block;
	width: 644px;
	height: 77px;
	position: absolute;
	top: 811px;
	right: 194px;
}

.eyeyj04{ background:url(../images/yj4.jpg) no-repeat center center; height:2308px;}
.eyeyj04 .eyj2{
	width: 1050px;
	margin: 0 auto;
	height: 50px;
	position: relative;
	top: 0px;
}
.eyeyj04 .eyj2 a{
	display: block;
	width: 315px;
	height: 80px;
	position: absolute;
	top: 2082px;
	right: 367px;
}
.eyeyj05{ background:url(../images/yj5.jpg) no-repeat center center; height:1945px;}
.eyeyj05 .eyj2{
	width: 1050px;
	margin: 0 auto;
	height: 50px;
	position: relative;
	top: 0px;
}
.eyeyj05 .eyj2 a{
	display: block;
	width: 312px;
	height: 80px;
	position: absolute;
	top: 1787px;
	right: 368px;
}
.eyeyj06{ background:url(../images/yj6.jpg) no-repeat center center; height:1868px;}
.eyeyj06 .eyj2{
	width: 1000px;
	margin: 0 auto;
	height: 50px;
	position: relative;
}
.eyeyj06 .eyj2 .a1{
	display: block;
	width: 160px;
	height: 45px;
	position: absolute;
	top: 2267px;
	right: 51px;
}
.eyeyj06 .eyj2 .a2{
	display: block;
	width: 160px;
	height: 45px;
	position: absolute;
	top: 2267px;
	right: 295px;
}
.eyeyj06 .eyj2 .a3{
	display: block;
	width: 160px;
	height: 45px;
	position: absolute;
	top: 2267px;
	right: 541px;
}
.eyeyj06 .eyj2 .a4{
	display: block;
	width: 160px;
	height: 45px;
	position: absolute;
	top: 2267px;
	left: 53px;
}
.eyeyj07{ background:url(../images/yj7.jpg) no-repeat center center; height:516px;}
.eyeyj07 .eyj2{
	width: 1000px;
	margin: 0 auto;
	height: 50px;
	position: relative;
}
.eyeyj07 .eyj2 a{
	display: block;
	width: 317px;
	height: 82px;
	position: absolute;
	top: -127px;
	right: 342px;
}
.eyeyj08{ background:url(../images/yj8.jpg) no-repeat center center; height:1123px;}
.eyeyj08 .eyj2{
	width: 1000px;
	margin: 0 auto;
	height: 50px;
	position: relative;
}
.eyeyj08 .eyj2 a{
	display: block;
	width: 239px;
	height: 81px;
	position: absolute;
	top: 952px;
	right: 390px;
}
.eyeyj09{ background:url(../images/yj9.jpg) no-repeat center center; height:2464px;}
.eyeyj10{ background:url(../images/yj10.jpg) no-repeat center center; height:1404px;}
.eyeyj10 .eyj2{
	width: 1000px;
	margin: 0 auto;
	height: 50px;
	position: relative;
}
.eyeyj10 .eyj2 a{
	display: block;
	width: 315px;
	height: 81px;
	position: absolute;
	top: 1207px;
	right: 343px;
}

.box{
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: -176px;
	z-index: 1;
}
.w1190{
	width: 1190px;
	margin:0 auto;
	/*overflow: hidden;*/
	height: auto;
}
.w1190:after{
	content:"";
	clear: both;
	visibility: hidden;
	height: 0px;
	display: block;
}
.top-bar{
	/*width: 100%;
	height: 64px;
	background: #fff;
	box-shadow: 0 0 5px #e3e3e3;
	overflow: hidden;*/
	width: 100%;
	height: 240px;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}
.logo{
	float: left;
	display: block;
}
.buy{
	display: block;
	float: right;
	margin-top: 15px;
	width: 152px;
	height: 34px;
	border-radius: 17px;
	border:1px solid #bdbdbd;
	line-height: 34px;
	font-size: 16px;
	text-align: center;
	color: #686868;
	transition-duration:300ms;
}
.buy:hover{
	background: #32ac36;
	color: #fff;
	border:1px solid #32ac36;
}
.jl-fash{ height:670px; position:relative;}
.floor4-content,.floor4-img,.floor5-content .floor5-img,.floor5-content .floor5-text{vertical-align:top;display:inline-block}
.buy-content,.floor2-content{padding-top:10%;padding-bottom:10%}a{text-decoration:none;color:#333}.txt-title{font-size:36px}.txt-des{font-size:20px}.pc-container{z-index:1;overflow-x:hidden;background-color:#fff}.pc-container .pc-floor{min-width:1200px;max-width:1420px;margin:0 auto;background-repeat:no-repeat}.pc-container .pc-floor.buy-fash{background-color:#f0f0f0;background-image:url(../images/fash01.png);background-size:100%;background-position:right 20%}.pc-container .pc-floor.floor2-fash{background-color:#fff}.pc-container .pc-floor.fk-fash{background-color:#f2f2f3}.pc-container .pc-floor.app-fash{background-image:url(../images/fash06.png);background-size:100%;background-position:right}.buy-content{display:block;padding-left:10%}.buy-content .buy-title{font-size:36px}.buy-content .buy-title span{font-size:14px}.buy-content .buy-des{font-size:20px}.buy-content .buy-price{font-size:48px;color:#e43434;line-height:2}.buy-content .buy-price span{font-size:20px;color:#333}
.buy-content .buy-btn{ margin:20px 0px 0px 0px;display:block;width:190px;height:44px;line-height:44px;font-size:20px;border-radius:22px;text-align:center;border:1px solid #9d9d9d}.buy-content .buy-btn:hover{cursor:pointer;background:#32ac36;color:#fff;border:1px solid #32ac36}.floor2-content{text-align:center}.floor2-content .floor2-des{font-size:20px}.floor2-content .floor2-title{font-size:36px;margin-top:20px;margin-bottom:40px}.floor2-content .box{position:relative;display:block;margin-top:102px}.floor2-content .square{border:1px solid #9d9d9d;border-radius:5px;width:108px;height:108px;padding:20px;display:inline-block;vertical-align:top}.floor2-content .square img{display:block;margin:0 auto}.floor2-content .square span{display:block;font-size:20px;line-height:48px;margin-top:10px}.floor2-content .square.floor2-2{margin:0 80px}.floor2-content .square.floor2-3 span{line-height:24px}.floor3-content{position:absolute;display:block;text-align:center;top:75%;left:50%;margin-left:-146px}.floor5-content,.floor6-content{position:relative;padding-top:10%;padding-bottom:10%;padding-left:10%}.floor3-content .circle{border:1px solid #fff;border-radius:100%;width:110px;height:110px;margin:0 18px;text-align:center;background-color:rgba(209,209,209,.7);display:inline-block;color:#fff}.floor3-content .circle img{margin:28px auto 0}.floor3-content .circle span{display:block}.floor3-content .circle:hover{border-color:#b0d6f4;color:#333}.floor4-content{width:45%;padding-top:10%;padding-bottom:10%;padding-left:10%;margin-right:120px}.floor4-content .txt-title{margin:40px auto}.floor4-img{padding-top:10%;padding-bottom:10%}.floor5-content{display:inline-block}.floor5-content .floor5-img{width:50%}.floor5-content .floor5-text .txt-title{margin:36px 0}.floor5-content .floor5-text .txt-des{width:560px}.floor5-content .floor5-text img{display:block;margin:46px 0}.floor5-content .floor5-text li{float:left}.floor5-content .floor5-text li:last-child{margin-left:30px}.floor6-content{display:block;color:#fff;width:40%}.floor6-content .txt-des{margin:50px auto}.floor6-img{position:absolute;display:block;bottom:10%;left:10%;width:27%}
.banner{
	position: relative;
	width: 1920px;
	margin-left: -960px;
	left: 50%;
	height: 780px;
}
.wel-ban{
	position: relative;
	display: block;
	width: 1920px;
	padding-top: 48px;
	margin-left: -960px;
	left: 50%;
	height: 539px;	
	/*background: url("../images/wel2.jpg") no-repeat;*/
}
.wel-ban img{
	position: absolute;
	left: 0;
	top: 0;
}
.wraper{
	width: 100%;
	height: 780px;
	position: absolute;
}
.banner .wraper a{
	display:none;
	height: 780px;
	width: 100%;
	position: absolute;
	top:0;
	left: 0 ;
	overflow: hidden;
}
.banner .wraper a img{
	width: 100%;
}
.btns{
	width: 100%;
	position: absolute;
	bottom: 30px;
	text-align: center;
	left: 0;
	float: left;
	z-index: 200;
}
.btns span{
	display: inline-block;
	width:12px;
	height: 12px;
	border-radius: 50%;
	background: #817979;
	margin: 0 10px;
}
.btns .ban-cur{
	background: #32ac36;
}
.video-wel{
	width: 1028px;
	height: 478px;
	border: 6px solid #e0dfdb;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	display: block;
}
.fix-back{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	background: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	display: none;
}
.video-pop {
    position:fixed;
    left: 50%;
    top:50%;
    margin-top: -300px;
    margin-left: -550px;
    z-index:1100;
    display: none;
    width: 600px;
}
.video-pop .box{
    background: #000;
}

.story-wrap{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.section{
    width: 1920px;
	position: relative;
	margin-left: -960px;
	left: 50%;
	overflow: hidden;
}
.section1{
	/*background:url("../images/01.jpg") no-repeat #f4f4f4;*/
	height: 780px;
}
.section1 img{
	display: block;
}
.section2{
	height:870px;
}
.section3{
	height:780px;
}
.story-wrap .w1190{
	position: relative;
	z-index: 200;
	height: 100%;
}
#navLi {
    position: fixed;
    right: 25px;
    top: 50%;
    width: 28px;
    margin-top: -85px;
    z-index: 1000;
}
#navLi li {
    width: 14px;
    height: 14px;
    margin-bottom: 17px;
    cursor: pointer;
    background: url("../images/pro1.png") no-repeat;
    position: relative;
    cursor: pointer;
    padding-left: 14px;
}
#navLi li.current {
    background: url("../images/pro2.png") no-repeat ;
}
.pro-name{
	color: #5a6269;
	font-size: 36px;
	padding-top: 20%;
	letter-spacing: 2px;
}
.pro-describe{
	margin-top: 14px;
	line-height: 36px;
	font-size: 21px;
}
.ins-order{
	display: block;
	width: 190px;
	height: 44px;
	line-height: 44px;
	color: #606060;
	text-align: center;
	font-size: 21px;
	margin-top: 15px;
	border-radius: 22px;
	border:1px solid #b1b1b1;
	letter-spacing: 3px;
	transition-duration:300ms;
}
.ins-order:hover{
	background: #32ac36;
	color: #fff;
	border:1px solid #32ac36;
}
.cont{
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.cont img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.cont3{
	left: 0;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
}
.desc1{
	color: #6a727a;
}
.desc2{
	right:95px;
	color: #4b5560;
	width: 400px;
	position: absolute;
	top: 28%;
}
.clock-2{
	background: url("../images/clk.png") left center no-repeat;
	font-size: 24px;
	height: 25px;
	padding-left: 32px;
	line-height: 25px;
	color: #4b5560;
	margin-top: 24px;
	width:368px;
	font-family: arial;
	clear: both;
}
.five-bx{
	position: absolute;
	bottom: 15%;
	text-align: center;
	width: 100%;
}
.five-bx a{
	display: inline-block;
	width: 110px;
	height: 110px;
	margin-right: 5%;
	border:3px solid #fff;
	background: url("../images/op50.png") repeat;
	border-radius: 50%;
	overflow: hidden;
}
.five-bx a span{
	display: block;
	padding-top: 60px;
	height: 50px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	width: 100%;
	font-size: 14px;
	/*transition-duration:350ms;*/
}
.five-bx .five1{
	background: url("../images/pro5.png") center 22px no-repeat;
}
.five-bx .five2{
	background: url("../images/pro6.png") center 22px no-repeat;
}
.five-bx .five3{
	background: url("../images/pro7.png") center 22px no-repeat;
}
.five-bx .five4{
	background: url("../images/pro8.png") center 22px no-repeat;
}
.five-bx .five5{
	background: url("../images/pro9.png") center 22px no-repeat;
}
.five-bx a:hover,.five-bx .curs{
	/*transition-duration:350ms;*/
	border:3px solid #98c4ea;	
}

.change img{
	display: none;
}
.pro-name3{
	width: 100%;
	text-align: center;
	color: #5e666f;
	line-height:32px;
	font-size:18px;
	margin-top: 8%;
 }
.pro-detail3{
	width: 756px;
	color: #8e8e8e;
	line-height: 26px;
	font-size: 16px;
	margin:0 auto 0;
	margin-top: 14px;
}
.section4{
	height: 899px;
}
.pro-name4{
	width: 336px;
	color: #fff;
    font-size: 32px;
    line-height: 48px;
    margin-top: 16%;
    float: right;
    letter-spacing: 2px;
}
.pro-detail4{
	width: 336px;
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	float: right;
	margin-top: 14px;
	clear: both;
}
.section5{
	height: 830px;
}
.two-bx{
	width: 336px;
	float: right;
	margin-top: 30px;
	clear: both;
}
.two-bx div{
	color: #fff;	
	margin-right: 33px;
}
.four-bx div{
	color: #919191;
	margin-right: 28px;
}
.two-bx div,.four-bx div{
	display: block;
	width: 110px;
	height: 44px;
	border-radius: 5px;
	border:1px solid #c1bdbe;
	float: left;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	padding-top: 66px;
	transition-duration:350ms;
}
.two-bx .two1{
	background: url("../images/pro12.png") center 11px no-repeat;
}
.two-bx .two2{
	background: url("../images/pro13.png") center 14px no-repeat;
}
/*.two-bx a:hover{
	transform:rotateY(180deg);
}*/
.four-bx{
	width: 570px;
	margin-top: 30px;
	float: right;
	clear: both;
}
.four-bx .four1{
	background: url("../images/pro14.png") center 11px no-repeat;
}
.four-bx .four2{
	background: url("../images/pro15.png") center 11px no-repeat;
}
.four-bx .four3{
	background: url("../images/pro16.png") center 12px no-repeat;
}
.four-bx .four4{
	background: url("../images/pro17.png") center 22px no-repeat;
}
/*.four-bx a:hover{
	transform:rotateY(360deg);
}*/
.pro-name5{
	width: 570px;
	margin-top: 18%;
	color: #6a727a;
	font-size: 32px;
	float: right;
	line-height: 48px;
}
.pro-detail5{
	width: 570px;
	line-height: 26px;
	margin-top: 14px;
	float: right;
	clear: both;
	color: #6a727a;
	font-size: 16px;
}
.section6{
	height: 780px;
}
.pro-name6,.pro-name7{
	width: 600px;
	font-size: 32px;
	line-height: 50px;
	color: #5e666f;
	padding-top: 12%;
}
.section7{
	height:780px;
}
.pro-detail6,.pro-detail7{
	font-size: 16px;
	line-height: 26px;
	color: #777;
	margin-top: 14px;
}
.goods6,.goods7{
	margin-top: 46px;
	margin-left: -28px;
}
.goods6 span,.goods7 span{
	display: block;
	float: left;
	padding: 3px 28px;
	border-right: 1px solid #ccc;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}
.clf:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}
.clf{
	zoom: 1;
}
.pro7{
	position: absolute;
}
.pro7-left{
	top: 234px;
	right:246px;
}
.pro7-right{
	top:430px;
	right:0;
}
.pro7-up{
	top:214px;
	right:0;
}
.pro7-down{
	top:412px;
	right:292px;
}
.section8{
	height: 750px;
}
.pro-name8{
	padding-top: 8%;
	color: #fff;
	font-size: 36px;
	width: 100%;
	text-align: center;
	letter-spacing: 2px;
	line-height: 42px;
}
.pro-detail8{
	width: 612px;
	margin:0 auto;
	text-align: center;
	padding-top: 50px;
}
.pro-detail8 li{
	display: inline-block;
	padding: 0 62px;
	width: 76px;
	color: #fff;
	border-right: 1px solid #fff;
	height: 64px; 
}
.pro-detail8 li p{
	line-height: 24px;
}
.pro-detail8 li .p6-up{
	height: 40px;
}
.pro-detail8 li .p6-up span{
	line-height: 40px;
	font-size:38px;
	font-family:arial;	
}
.pro-detail8 li .p6-up .sp-down{
	line-height: 14px;
	font-size: 14px;
	padding-top: 26px;
}
.pro-pic8{
	width: 100%;
	text-align: center;
}
.fade-in-down8{
	/*margin-top: -40px;
	opacity: 0;
	filter:alpha(opacity=0);*/
	margin-top: 130px;
}
.section9{
	height: 780px;
}
.pro9{
	position: absolute;
	top:0;
	height: 100%;
}
.pro9 img{
	height: 100%;
	transition-duration:500ms;
}
.pro-name9{
	width: 495px;
	font-size: 32px;
	line-height: 50px;
	color: #5e666f;
	padding-top:16%;
	float: right;
}
.fade-in-down9{
	margin-right: 120px;
	opacity: 0;
	filter:alpha(opacity=0);
}
.pro-detail9{
	font-size: 16px;
	line-height: 26px;
	color: #777;
	margin-top: 14px;
	float: right;
	clear: both;
	width: 495px;
}
.goods9{
	margin-top: 46px;
	float: right;
	clear: both;
	width: 495px;
	margin-right: 28px;
}
.pro-sub9{
	float: right;
	font-size: 20px;
	color: #848484;
	clear: both;
	width: 495px;
}
.scale{
-webkit-animation:pulse 1.5s .1s ease both;
-moz-animation:pulse 1.5s .1s ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.05)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.05)}
100%{-moz-transform:scale(1)}
}
.goods9 span{
	display: block;
	float: left;
	padding: 3px 28px;
	border-right: 1px solid #ccc;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}
.down-back{
	position: relative;
	width: 1920px;
	margin-left: -960px;
	left: 50%;
	height: 680px;
	/*background: url("../images/down2.jpg") no-repeat;*/
}
.down-back .back-img
{
	position: absolute;
	left: 0;
	top: 0;
}
.down-title{
	font-size: 50px;
	color: #565a56;
	margin-top: 130px;
	line-height: 60px;
}
.down-sub{
	color: #656565;
	font-size: 22px;
	line-height: 40px;
	padding-bottom:24px;
}
.down6{
	font-size: 16px;
	color: #898989;
	margin-left: -20px;
	height: 29px;
}
.down6 span{
	padding: 0 20px;
	border-right: 2px solid #b4b8aa;
	line-height: 16px;
	height: 18px;
	display: block;
	float: left;
}
.left-po{
	float: left;
	padding-left: 58px;
}
.download-way{
	padding-top: 52px;
	position: relative;
	width: 382px;
}
.download-way a{
	display: block;
	margin-bottom: 28px;
	width: 119px;
	height: 64px;
	color: #fff;
	padding-left: 58px;
	opacity: 0.8;
	filter:alpha(opacity=80);
	transition-duration:300ms;
}
.download-way .ios{
	background: url("../images/ios.png") no-repeat;
}
.download-way .and{
	background: url("../images/and.png") no-repeat;
}
.download-way a span{
	display: block;
	font-size: 12px;
	line-height: 22px;
}
.download-way a .fontb{
	font-size: 20px;
	padding-top: 11px;
}
.download-way a:hover{
	opacity: 1;
	filter:alpha(opacity=100);
}
.for-ios,.for-and{
	position: absolute;
	width: 127px;
	height: 127px;
	right: 0;
	top: 52px;
}
.for-ios img,.for-and img{
	width: 100%;
}
.right-po{
	float: right;
	margin-top: 24px;
	/*opacity: 0;
	filter:alpha(opacity=0);*/
}
.buy-back{
	position: relative;
	width: 1920px;
	margin-left: -960px;
	left: 50%;
	height: 680px;
	/*background: url("../images/buy2.jpg") no-repeat;*/
}
.buy-back .back-img{
	position: absolute;
	left: 0;
	top: 0;
}
.buy-po{
	float: left;
	margin-left: 210px;
	/*margin-top: 68px;*/
	margin-top: 150px;
	/*opacity: 0;
	filter:alpha(opacity=0);*/
}
.buys{
	float: right;
	/*width: 504px;*/
	width: 504px;
	padding-top: 190px;
}
.buy-title{
	font-size: 32px;
	line-height: 52px;
	color: #545454;
	letter-spacing: 2px;
	width: 100%;
	margin-top: 0;
	/*margin-top: -30px;*/
	/*opacity: 0;
	filter:alpha(opacity=0);*/
	
}
.buy-er{
	/*width:129px;*/
	width:230px;
	/*padding-top:16px;
	filter:alpha(opacity=0);
	opacity: 0;*/
	padding-top: 40px;
	
}
.buy-er img{
	width: 100%;
	display: block;
}
.buy-er span{
	display: block;
	width: 100%;
	text-align: center;
	line-height: 30px;
	color: #4c4c4c;
	font-size: 16px;
}
.bread{
	height: 48px;
	padding-top: 16px;
	line-height: 48px;
	font-size: 14px;
	color: #9a9999;
}
.bread span{
	padding: 0 4px;
}
.contents{
	width: 100%;
	padding-bottom: 74px;
}
.left-list{
	float: left;
	min-height: 300px;
	padding-bottom: 64px;
	background: #fff;
	width: 240px;
}
.left-list dl{
	padding-left: 55px;
}
.left-list dl dt{
	height: 88px;
	line-height: 88px;
	font-size: 20px;
	color: #333333;
}
.left-list dl dd{
	height: 52px;
	line-height: 52px;
}
.left-list dl dd a{
	color: #333333;
	font-size: 16px;
}
.left-list dl dd a:hover,.left-list dl dd .cur-list{
	color: #2ab10b;
}
.right-content{
	width: 842px;
	padding:28px 46px 100px;
	min-height: 500px;
	background: #fff;
	float: right;
}
.right-content p{
	width: 100%;
	font-size: 16px;
	color: #6c6c6c;
	line-height: 30px;	
}
.right-content img{
	display: block;
	margin-bottom: 22px;
}
.right-content .img-use img{
	float: left;
}
.details{
	padding: 30px 0;
}
.head-name{
	font-size: 30px;
	color: #8c8c8c;
	line-height: 40px;
	padding-bottom: 20px;
}
.para-name{
	padding-top: 36px;
	height: 100px;
	line-height: 100px;
	font-size: 30px;
	width: 100%;
	text-align: center;
}
.para-table tr td{
	padding: 30px 0;
}
.para-table tr .fir{
	text-align: right;
	padding-right: 40px;
	color:#363636;
	font-size: 16px;
}
.para-table tr .sec{
	padding-left: 76px;
	color:#6c6c6c;
	font-size: 14px;
	line-height: 32px;
}
.level{
	font-size: 18px;
}
.battery span{
	display: block;
	width:380px;
	float: left;
}
.left-img{
	float: left;
}
.para-weight{
	float: right;
	width: 480px;
	padding-top: 130px;
}
.para-weight span{
	display: block;
	width: 240px;
	float: left;
}
#ban{
	position: absolute;
	width:100%;

}
#ban .pt{
    position: relative;
    float:left;
    /*    display: none;
    opacity: 0;*/
    transition-duration: 1000ms;
  /*   transform-style: preserve-3d; */
    transform-origin: top left;
    opacity: 0;
    left:0;
}
.ban-i{
    display: block;
   /*  transform-origin: top right;
   transform: rotateY(90deg) translateX(240px); */
    position: absolute;
    top:0;
    left:0;
    pointer-events: none;
}
.ban-old{
    top:0;
    left:0;
    position:absolute;
    background: #ccc; 
    pointer-events: none;
    display: block;
  /*   background: linear-gradient(left , rgb(122, 122, 122) , rgb(22, 26, 30) 100%);
  background: -o-linear-gradient(left , rgb(122, 122, 122) , rgb(22, 26, 30) 100%);
  background: -ms-linear-gradient(left , rgb(122, 122, 122) , rgb(22, 26, 30) 100%);
  background: -moz-linear-gradient(left , rgb(122, 122, 122) , rgb(22, 26, 30) 100%);
  background: -webkit-linear-gradient(left , rgb(122, 122, 122) , rgb(22, 26, 30) 100%);
   */
}

.join-lists{
	width: 420px;
	float: left;
	padding-top: 36px;
}
.join-head{
	font-size: 20px;
	color: #444;
	line-height: 36px;
}
.join-details{
	line-height: 24px;
	color: #888;
	font-size: 14px;
	width: 390px;
}
.mail{
	clear: both;
}
.mail a,.join-details a{
	color: #32ac36;
}
.mail a:hover,.join-details a:hover{
	text-decoration: underline;
}
.mis-joing{
	font-size: 14px;
	color: #666;
	line-height: 26px;
}
.contact-lf{
	width: 420px;
	float: left;
}
.er-two{
	clear: both;
	padding-top: 16px;
}
.er-two .er-sub{
	width: 136px;
	margin-right: 26px;
	float: left;
}
.er-two .er-sub img{
	width: 136px;
	height: 136px;
}
.er-two .er-sub span{
	line-height: 30px;
	color: #666;
	font-size: 14px;
}
.info-com-name{
	width: 100%;
	line-height: 32px;
	font-size: 20px;
	color: #444;
}
.info-com-detail{
	font-size: 14px;
	padding-bottom: 14px;
	color: #888;
}
.detail-save{
	padding-bottom: 30px;
}
.save-h{
	font-size: 20px;
	color: #444444;
	padding-top: 28px;
	line-height: 32px;
}
.desc-save{
	font-size: 16px;
	color: #444;
}
.use-h{
	font-size: 20px;
	color: #444;
}
.use-one{
	clear: both;
	width: 100%;
	float: left;
}
.download{
	width: 130px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 20px;
	display: block;
	background: #32ac36;
	font-size: 16px;
	clear: both;
}
.download:hover{
	background: #2a9b2e;
}
.fr{
	float: right !important;
}
.ques-ul{
	width: 100%;
	float: left;
}
.ques-ul li{
	width: 100%;
}
.ques-ul li .ask{
	display: block;
	width: 100%;
	height: 50px;
	background: url("../images/bf2.png") 794px center no-repeat;
	border-bottom: 1px dashed #cbcbcb;
}
.ques-ul li .ask-cur{
	background: url("../images/bf0.png") 794px center no-repeat #e8e8e8;
	border-bottom:transparent;
	height: 51px;
	margin-top: -1px;
}
.ques-ul li .ask p{
	padding-left: 50px;
	line-height: 50px;
	font-size: 14px;
	background: url("../images/ques.png") 16px center no-repeat;
}
.ques-ul li .answer{
	width: 792px;
	padding: 16px 25px;
	line-height: 22px;
	font-size: 14px;
	color: #888;
	border-bottom: 1px dashed #cbcbcb;
	display: none;
}
.loading{
	background: url("../images/loading.gif") center center no-repeat;
}
.conts{
	float: left;
	width: 100%;
}
.page .pagination .active{
	background: #007cc2;
	color: #fff;
	border-color: #007cc2; 
}
.page{
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 50px;
}
.page .pagination{
	display: inline-block;
}
.page .pagination a{
	display: inline-block;
	line-height: 16px;
	padding: 0 4px;
	font-size: 14px;
}
.page .pagination .active{
	background:#2ab10b; 
	color: #fff;
}
.buttons{
	display: block;
	position: absolute;
	width: 53px;
	height: 108px;
	top: 50%;
	margin-top: -21px;
}
.l-btn{
	left:300px;
	background: url("../images/bb3.png") no-repeat;
}
.l-btn:hover{
	background: url("../images/bb1.png") no-repeat;
}
.r-btn{
	right:300px;
	background: url("../images/bb2.png") no-repeat;
}
.r-btn:hover{
	background: url("../images/bb4.png") no-repeat;
}
a:hover {    
	text-decoration: none !important;
}
* {
    -webkit-box-sizing: inherit !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
}