.store_top{width:100%; height:auto; background:#fff;padding:0 0 100px 0;}
.store_top1{ width:89%; margin:0 auto; border-bottom:1px solid #eee; padding:10px 0 10px 0; height:34px;}
.store_top1_1{color:#555555; float:left; margin:5px 0 0 0; font-size:20px;}
.store_top1_1 span{display: none;}
.store_top1_2{float:right; margin:5px 0 0 10px;}
.store_top1_2btn{ width:90px; height:25px; line-height:25px; font-size:14px;}
.store_top2{ width:1200px; margin:0 auto; padding:50px 0 0 0; }
.store_top2_1{ text-align:center; color:#292929; font-size:36px; line-height:1.3;}
.store_top2_1 span{color: #333;display: block;}
.store_top2_1 span{color:#333;font-size: 24px; }
.store_top2_2{ text-align:center; color:#1A68CB; font-size:26px; padding:20px 0 20px 0; height:30px;}
.store_top2_2_1{ float:left; font-size:26px;color:#1A68CB; width:50%; text-align:right; text-decoration:line-through; }
.store_top2_2_2{ float:left; font-size:22px;color:#444; width:48%; padding:2px 0 0 1%; text-align:left;}

/*固定导航条*/
.fixeddaohang{position:fixed;top:46px;opacity:0;filter: Alpha(opacity=0);transition:all 0.5s;postion:absolute;width:100%;height:0;background:#fff;overflow:hidden;box-shadow: 0 0 10px #656363;}
.fixeddaohang1{width:1200px;height:auto;margin:0 auto;border-bottom: 1px solid #eee;padding: 10px 0 10px 0;overflow:hidden;}

.store_top2_3 a{ color:#1a68cb; font-size:14px; margin:0 50px 0 0;}
.store_top2_3 a:last-child{margin-right:0;}
.store_top2_4{ padding:50px 0 0 0;height:500px;}
.store_top2_4 img { max-width: 500px; }
.store_top2_5{ text-align:center; color:#292929; font-size:30px;margin: 10px 0 0 0;}
.store_top2_6{ width:490px; height:auto; overflow:hidden;margin: 10px auto 0px;}
.store_top2_6 ul{ margin:0; padding:0;}
.store_top2_6 ul li{ cursor: pointer; margin:0 10px 0 10px; text-align:center;  float:left;border:2px solid #ccc; height:40px; width:120px; line-height:40px; color:#797979; overflow:hidden;}
.store_top2_6 ul li.hover{border:2px solid #1A68CB;}
.store_top2_6 ul li:hover{border:2px solid #1A68CB;}
.store_top2_7{ width:490px; height:auto; overflow:hidden;margin: 20px auto 0px;}
.store_top2_7 ul{ margin:0; padding:0;}
.store_top2_7 ul li{ cursor: pointer; margin:0 10px 20px 10px; text-align:center;  float:left;border:2px solid #ccc; height:40px; width:120px; line-height:40px; color:#797979; overflow:hidden;}
.store_top2_7 ul li.hover{border:2px solid #1A68CB;}
.store_top2_7 ul li:hover{border:2px solid #1A68CB;}

.store_content{width:100%; height:auto; overflow:hidden;}
.store_content .title{ color:#555; font-size:48px;}
.store_content .subtitle{ color:#777; font-size:22px; line-height:1.2;margin:20px 0 0 0;}
.store_content .nr{color:#b7b7b7; font-size:1.2em; margin:3em 0 0 0;}
.store_content .url{ margin:1em 0 0 0;}
.store_content .url a{ color:#1a68cb; font-size:1em;}
.store_content .section-content{width:1200px; margin:0 auto;}
.store_content1{ background:url(../images/store_d/1.jpg) no-repeat center; width:100%; height:750px;}
.store_content1 .section-content{height:805px;}
.store_content1 .section-content .wen{ float:right !important; width:530px; padding:250px 0 0 0;}
.store_content2{ background:url(../images/store_d/2.jpg) no-repeat center; width:100%; height:770px;}
.store_content3{ background:#fff; width:100%; height:auto; overflow:hidden;}
.store_content3 .section-content{ width:1050px;}
.store_content3 .section-content .wen{ padding:250px 0 0 100px; width:520px;}
.store_content3 .section-content .tu{ margin:100px 0 0 0;}
.store_content4{ background:url(../images/store_d/6.jpg) no-repeat center; width:100%; height:730px;}
.store_content4 .section-content{ width:1050px;}
.store_content4 .section-content .wen{ width:520px; padding:250px 0 0 0;}
.store_content5{ background:#fff; width:100%; height:773px;}
.store_content5 .section-content{height:805px;}
.store_content5 .section-content .wen{ margin:200px 0 0 0; width:500px;}
.store_content5 .section-content .tu{ margin:150px 0 0 20px;}
.store_content6{ background:url(../images/store_d/5.jpg) no-repeat center; width:100%; height:775px;}


/*******详情********/
.store_content .xm-animation.xm-animation-active .product,.store_content .xm-animation.xm-animation-active .p1,.store_content .xm-animation.xm-animation-active .product.p1{transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px);opacity: 1;}
.store_content .xm-animation .product,.store_content .xm-animation .product.p1,.store_content .xm-animation .p1{ transition: all 1.5s ease 0s;-ms-transition: all 1.5s ease 0s;-moz-transition: all 1.5s ease 0s; -webkit-transition: all 1.5s ease 0s;-o-transition: all 1.5s ease 0s;opacity: 0;}
.section .title{ font-size:48px; color:#222;}
.section .sub-title{ font-size:22px; color:#777; margin:50px 0 0 0;}
.section .content{ font-size:20px; color:#444; margin:20px 0 0 0; line-height:1.2;}
/*******iData********/
.idata1{height:680px;background:#fff;position: relative;}
.idata1 .section-content{width:1150px; margin:0 auto; padding:80px 0 0 0;}
.idata1.xm-animation .product {transform: translate3d(0px, 580px, 0px); -ms-transform: translate3d(0px, 580px, 0px);-moz-transform: translate3d(0px, 580px, 0px);-webkit-transform: translate3d(0px, 580px, 0px); -o-transform: translate3d(0px, 580px, 0px);}
.idata1 .tu{ margin:160px 0 0  0;}
.idata2{height:945px;background:#f8f8f8;position: relative;}
.idata2 .section-content{width:1000px; margin:0 auto; padding:80px 0 0 0;}
.idata2.xm-animation .product {transform: translate3d(-500px, 580px, 0px); -ms-transform: translate3d(-500px, 580px, 0px);-moz-transform: translate3d(-500px, 580px, 0px);-webkit-transform: translate3d(-500px, 580px, 0px); -o-transform: translate3d(-500px, 580px, 0px);}
.idata2 .tu{ margin:70px 0 0  0;}
.idata3{height:850px;background:#fff;position: relative;}
.idata3 .section-content{width:1130px; margin:0 auto; padding:80px 0 0 0;}
.idata3.xm-animation .product {transform: translate3d(-800px, 0, 0px); -ms-transform: translate3d(-800px, 0, 0px);-moz-transform: translate3d(-800px, 0, 0px);-webkit-transform: translate3d(-800px, 0, 0px); -o-transform: translate3d(-800px, 0, 0px);}
.idata3 .tu{ margin:100px 0 0  0;}
.idata4{height:635px;background:#f8f8f8;position: relative;}
.idata4 .section-content{width:1200px; margin:0 auto; padding:80px 0 0 0;}
.idata4.xm-animation .product {opacity: 0;}
.idata4 .tu{ margin:80px 0 0  0;}
.idata5{height:995px;background:#fff;position: relative;}
.idata5 .section-content{width:900px; margin:0 auto; padding:80px 0 0 0;}
.idata5.xm-animation .product {transform: translate3d(800px, 0, 0px); -ms-transform: translate3d(800px, 0, 0px);-moz-transform: translate3d(800px, 0, 0px);-webkit-transform: translate3d(800px, 0, 0px); -o-transform: translate3d(800px, 0, 0px);}
.idata5 .tu{ margin:80px 0 0  0;}
/*******20cm Lightning to USB Cable********/
.USBcableHI1{height:850px;background:#f8f8f8;position: relative;}
.USBcableHI1 .section-content{width:1200px; margin:0 auto; padding:120px 0 0 0;}
.USBcableHI1.xm-animation .product {transform: translate3d(-800px, 0, 0px); -ms-transform: translate3d(-800px, 0, 0px);-moz-transform: translate3d(-800px, 0, 0px);-webkit-transform: translate3d(-800px, 0, 0px); -o-transform: translate3d(-800px, 0, 0px);}
.USBcableHI1.xm-animation .product.p1 {transform: translate3d(800px, 0, 0px); -ms-transform: translate3d(800px, 0, 0px);-moz-transform: translate3d(800px, 0, 0px);-webkit-transform: translate3d(800px, 0, 0px); -o-transform: translate3d(800px, 0, 0px);}
.USBcableHI1_1{ width:440px;}
.USBcableHI2{height:820px;background:#fff;position: relative;}
.USBcableHI2 .section-content{width:1000px; margin:0 auto; padding:80px 0 0 0;}
.USBcableHI2.xm-animation .product {transform: translate3d(0, 600px, 0px); -ms-transform: translate3d(0, 600px, 0px);-moz-transform: translate3d(0, 600px, 0px);-webkit-transform: translate3d(0, 600px, 0px); -o-transform: translate3d(0, 600px, 0px);}
.USBcableHI2 .tu{ margin:80px 0 0  0;}
.USBcableHI2 .wen{ width:590px; margin:180px 0 0 0; display:none;}
/*******Power Angel 2********/
.Angel1{height:730px;background:#f8f8f8;position: relative;}
.Angel1 .section-content{width:1200px; margin:0 auto; padding:80px 0 0 0;}
.Angel1.xm-animation .product {transform: translate3d(0, 600px, 0px); -ms-transform: translate3d(0, 600px, 0px);-moz-transform: translate3d(0, 600px, 0px);-webkit-transform: translate3d(0, 600px, 0px); -o-transform: translate3d(0, 600px, 0px);}
.Angel1 .tu{ margin:80px 0 0  0;}
.Angel2{height:740px;background:#fff;position: relative;}
.Angel2 .section-content{width:1100px; margin:0 auto; padding:80px 0 0 0;}
.Angel2.xm-animation .product {transform: translate3d(-600px, 0, 0px); -ms-transform: translate3d(-600px, 0, 0px);-moz-transform: translate3d(-600px, 0, 0px);-webkit-transform: translate3d(-600px, 0, 0px); -o-transform: translate3d(-600px, 0, 0px);}
.Angel2 .tu{ margin:80px 0 0  0;}
.Angel2 .wen{ width:530px; margin:180px 0 0 0; display:none;}
.Angel3{height:950px;background:#f8f8f8;position: relative;}
.Angel3 .section-content{width:820px; margin:0 auto; padding:70px 0 0 0;}
.Angel3.xm-animation .product {transform: translate3d(0, 600px, 0px); -ms-transform: translate3d(0, 600px, 0px);-moz-transform: translate3d(0, 600px, 0px);-webkit-transform: translate3d(0, 600px, 0px); -o-transform: translate3d(0, 600px, 0px);}
.Angel3 .tu{ margin:70px 0 0  0;}
.Angel4{background:url(../images/store/Angel2/5.jpg) no-repeat center;width:100%;height:688px;}
.Angel4 .section-content{width:870px; margin:0 auto; position:relative;height: 688px;}
.Angel4 .wz{ font-size:14px; color:#444;}
.Angel4_1{ position:absolute; left:9%; top:13%;}
.Angel4_2{ position:absolute; left:35%; top:52.4%;}
.Angel4_3{ position:absolute; left:71%; top:43%;}
.Angel4_4{ position:absolute; left:36%; top:60.3%;}
.Angel4_5{ position:absolute; left:-3%; top:71.5%;}
.Angel4_6{ position:absolute; left:41%; top:72%;}
.Angel5{background:url(../images/store/Angel2/6.jpg) no-repeat center;width:100%;height:785px;border-top: 1px solid #fafafa;}
.Angel5 .section-content{width:1150px; margin:0 auto; position:relative;height: 785px;}
.Angel5 .wz{ font-size:20px; color:#999; line-height:2;}
.Angel5_1{ position:absolute; left:33%; top:11%;}
.Angel5_2{ position:absolute; left:54%; top:32%;}

/*******Power Spring 6********/
.Spring1{height:860px;background:#f8f8f8;position: relative;}
.Spring1 .section-content{width:1150px; margin:0 auto; padding:100px 0 0 0;}
.Spring1.xm-animation .product {transform: translate3d(600px, 600px, 0px); -ms-transform: translate3d(600px, 600px, 0px);-moz-transform: translate3d(600px, 600px, 0px);-webkit-transform: translate3d(600px, 600px, 0px); -o-transform: translate3d(600px, 600px, 0px);}
.Spring1 .tu{ margin:80px 0 0  0;}
.Spring1 .wen{ width:580px; margin:230px 0 0 0; display:none;}
.Spring2{height:780px;background:#fff;position: relative;}
.Spring2 .section-content{width:1170px; margin:0 auto; padding:100px 0 0 0;}
.Spring2.xm-animation .product {transform: translate3d(-600px, 600px, 0px); -ms-transform: translate3d(-600px, 600px, 0px);-moz-transform: translate3d(-600px, 600px, 0px);-webkit-transform: translate3d(-600px, 600px, 0px); -o-transform: translate3d(-600px, 600px, 0px);}
.Spring2 .tu{ margin:70px 0 0  0;}
.Spring2 .wen{ width:540px; margin:160px 0 0 0; display:none;}
.Spring3{height:860px;background:#f8f8f8;position: relative;}
.Spring3 .section-content{width:1100px; margin:0 auto; padding:100px 0 0 0;}
.Spring3 .wen{ width:530px; margin:160px 0 0 0;}
.Spring3 .product2{display:none;}
.Spring4{height:925px;background:#fff;position: relative;}
.Spring4 .section-content{width:1150px; margin:0 auto; padding:100px 0 0 0;}
.Spring4.xm-animation .product {transform: translate3d(0, -600px, 0px); -ms-transform: translate3d(0, -600px, 0px);-moz-transform: translate3d(0, -600px, 0px);-webkit-transform: translate3d(0, -600px, 0px); -o-transform: translate3d(0, -600px, 0px);}
.Spring4 .tu{ margin:70px 0 0  0;}
.Spring4 .wen{ width:750px; margin:160px 0 0 0;}
.Spring5{height:700px;background:#fff;position: relative;}
.Spring5 .section-content{width:1150px; margin:0 auto;height:580px; padding:120px 0 0 0; position:relative;}
.Spring5.xm-animation .product {transform: translate3d(-800px, 0, 0px); -ms-transform: translate3d(-800px, 0, 0px);-moz-transform: translate3d(-800px, 0, 0px);-webkit-transform: translate3d(-800px, 0, 0px); -o-transform: translate3d(-800px, 0, 0px);}
.Spring5.xm-animation .product.p1 {transform: translate3d(800px, 0, 0px); -ms-transform: translate3d(800px, 0, 0px);-moz-transform: translate3d(800px, 0, 0px);-webkit-transform: translate3d(800px, 0, 0px); -o-transform: translate3d(800px, 0, 0px);}
.Spring5 .wen{ width:530px;}
.Spring5 .wz{ font-size:32px; color:#1c1c1c;}
.Spring5_1{ position:absolute; left:5%; top:82%;}
.Spring5_2{ position:absolute; left:65%; top:82%;}
.Spring6{background:url(../images/store/PowerSpring6/6.jpg) no-repeat center;width:100%;height:1055px;}
.Spring6 .section-content{width:700px; margin:0 auto; position:relative;height: 1055px;}
.Spring6_1{ position:absolute; left:23%; top:7%;}
.Spring7{background:url(../images/store/PowerSpring6/9.jpg) no-repeat center;width:100%;height:1010px;}
.Spring7 .section-content{width:850px; margin:0 auto; position:relative;height: 1010px;}
.Spring7_1{ position:absolute; left:31%; top:6%;}
.Spring7_2{ position:absolute; left:8%; top:16%; font-size:22px;width:100%; color:#777;}
.Spring7_2 table{ width:100%;}
.Spring7_2 table td{font-size:22px; color:#777;}
.Spring10{background:url(../images/store/PowerSpring6/10.jpg) no-repeat center;width:100%;height:1170px;}
.Spring10 .section-content{width:830px; margin:0 auto; position:relative;height: 1170px;}
.Spring10_1{ position:absolute; left:37%; top:4%;}
.Spring11{background:url(../images/store/PowerSpring6/8.jpg) no-repeat center;width:100%;height:1018px;}
.Spring11 .section-content{width:1110px; margin:0 auto; position:relative;height: 1170px;}
.Spring11_1{ position:absolute; left:19%; top:6%;}
.Spring11 .ys1{ font-size:26px; color:#666;}
.Spring11_2{ position:absolute; left:38%; top:12%; font-size:32px; color:#666;}
.Spring11_3{ position:absolute; left:13%; top:18%;}
.Spring11_4{ position:absolute; left:35%; top:18%;}
.Spring11_5{ position:absolute; left:58%; top:18%;}
.Spring11_6{ position:absolute; left:83%; top:18%;}
.Spring11_7{ position:absolute; left:13%; top:27%;}
.Spring11_8{ position:absolute; left:45%; top:25%;}
.Spring11_9{ position:absolute; left:78%; top:26%;}
.Spring11_10{ position:absolute; left:43%; top:59%; font-size:30px; color:#555;}
.Spring11_11{ position:absolute; left:5%; top:76%; font-size:30px; color:#555;}
.Spring11_12{ position:absolute; left:62%; top:76%; font-size:30px; color:#555;}
/*******Smart Dual********/
.smartdual1{height:875px;background:#f8f8f8;position: relative;}
.smartdual1 .section-content{width:1250px; margin:0 auto; padding:80px 0 0 0;}
.smartdual1.xm-animation .product {transform: translate3d(600px, 0, 0px); -ms-transform: translate3d(600px, 0, 0px);-moz-transform: translate3d(600px, 0, 0px);-webkit-transform: translate3d(600px, 0, 0px); -o-transform: translate3d(600px, 0, 0px);}
.smartdual1.xm-animation .p1 {transform: translate3d(-600px, 0,0px); -ms-transform: translate3d(-600px, 0,0px);-moz-transform: translate3d(-600px, 0,0px);-webkit-transform: translate3d(-600px, 0,0px); -o-transform: translate3d(-600px, 0,0px);}
.smartdual1 .tu{ margin:80px 0 0  0;}
.smartdual2{height:890px;background:#fff;position: relative;}
.smartdual2 .section-content{width:990px; margin:0 auto; padding:80px 0 0 0;}
.smartdual2.xm-animation .product {transform: translate3d(-600px, 0, 0px); -ms-transform: translate3d(-600px, 0, 0px);-moz-transform: translate3d(-600px, 0, 0px);-webkit-transform: translate3d(-600px, 0, 0px); -o-transform: translate3d(-600px, 0, 0px);}
.smartdual2 .tu{ margin:80px 0 0  0;}
.smartdual3{height:860px;background:#f8f8f8;position: relative;}
.smartdual3 .section-content{width:1100px; margin:0 auto; padding:160px 0 0 0;}
.smartdual3.xm-animation .product {opacity: 0;}
.smartdual3.xm-animation .p1 {transform: translate3d(600px, 0,0px); -ms-transform: translate3d(600px, 0,0px);-moz-transform: translate3d(600px, 0,0px);-webkit-transform: translate3d(600px, 0,0px); -o-transform: translate3d(600px, 0,0px);}
.smartdual3 .wen{ margin:20px 0 0  0; width:400px;}
.smartdual4{height:840px;background:#fff;position: relative;}
.smartdual4 .section-content{width:880px; margin:0 auto; padding:140px 0 0 0;}
.smartdual4.xm-animation .product {transform: translate3d(-600px, 0, 0px); -ms-transform: translate3d(-600px, 0, 0px);-moz-transform: translate3d(-600px, 0, 0px);-webkit-transform: translate3d(-600px, 0, 0px); -o-transform: translate3d(-600px, 0, 0px);}
.smartdual4.xm-animation .p1 {transform: translate3d(600px, 0,0px); -ms-transform: translate3d(600px, 0,0px);-moz-transform: translate3d(600px, 0,0px);-webkit-transform: translate3d(600px, 0,0px); -o-transform: translate3d(600px, 0,0px);}
.smartdual4 .wen{ margin:110px 0 0  0; width:360px;}
.smartdual5{background:url(../images/store/SmartDualHC-C10/2.jpg) no-repeat center;width:100%;height:930px;}
.smartdual5 .section-content{width:1170px; margin:0 auto; position:relative;height: 930px;}
.smartdual5_1{ position:absolute; left:7%; top:24%;}
.smartdual5_2{ position:absolute; left:7%; top:28%;}

/*底部按钮*/
.box{width:735px;margin:0 auto;}
.link{width:205px;height:150px;margin:0 20px;float:left;}
.link>p{font-size: 12px;color: #787878;width: 170px;}
.buttonyl{display:block;width:180px;height:50px;text-decoration: none;line-height:50px;color:#505050;font-family:"微软雅黑",Arial;font-size:18px;font-weight:bold;border:2px solid rgba(120,120,120,0.5);padding-left:20px;margin:50px auto 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;transition:0.2s ease;-webkit-transition:0.2s ease;-moz-transition:0.2s ease;}
.aaa{background:url("/images/demo/2.png") no-repeat 127px;background-size:50px 50px;}
.bbb{background:url("/images/demo/1.png") no-repeat 127px;background-size:50px 50px;}
.ccc{background:url("/images/demo/jiantou.png") no-repeat 127px;background-size:50px 50px;}
.buttonyl:hover{border:2px solid rgba(120,120,120,1);background-position:95px center;}
.buttonyl .line{display:block;position:absolute;background:none;transition:0.4s ease;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;}
.buttonyl:hover .line{background:#787878;}
/*top:1.高度不变2.宽度变3.位置*/
.buttonyl .line-top{height:2px;width:0;left:-110%;top:-2px;}
.buttonyl:hover .line-top{height:2px;width:100%;left:-2px;top:-2px;}
.buttonyl .line-bottom{height:2px;width:0;right:-110%;top:46px;}
.buttonyl:hover .line-bottom{height:2px;width:100%;right:-2px;top:46px;}
.buttonyl .line-left{height:0;width:2px;left:-2px;bottom:-110%;}
.buttonyl:hover .line-left{height:100%;width:2px;left:-2px;bottom:0;}
.buttonyl .line-right{height:0;width:2px;right:-2px;top:-110%;}
.buttonyl:hover .line-right{height:100%;width:2px;right:-2px;top:0;}
/*详情页底部二维码*/
.qrcode {width: 1000px;margin: 0 auto !important;padding: 100px 0 !important;}
.qrcode::after {content: '';display: block;clear: both;}
.qrcode .title,.qrcode-img {float: left;}
.qrcode .title {width: 72%;}
.qrcode .qrcode-img {width: 28%;}
.qrcode .qrcode-img img{max-width: 100%;}
.qrcode .title h3 {font-family: '微软雅黑' !important;font-size: 18px !important;font-weight: 500 !important;;line-height: 280px !important;;color:#333 !important;;}