.dsl{display:inline-block;}
.lh1{line-height:1.4;}
.ft26{font-size:26px;}
.mt15{margin-top:15px;}
.mt45{margin-top:43px;}
.mt150{margin-top:145px;}
.ft600{font-weight:600;}
.ftnone{font-weight:400;}
.opac{opacity:0.8;}
a:hover{text-decoration:none;}
a:link{color:#fff;}

/*btn*/
.stobtn{width:160px; height:40px; line-height:40px; font-size:16px; font-weight:bold; background-color:#f37b05; background:linear-gradient(left,#f37b05 0%,#fe9e14 100%); background:-webkit-linear-gradient(left,#f37b05 0%,#fe9e14 100%); background:-moz-linear-gradient(left,#f37b05 0%,#fe9e14 100%); position:relative; z-index:3; overflow:hidden;}
.stobtn:before,.stobancon a:before{
	content:""; display:inline-block; 
	width:21px; height:21px; vertical-align:middle;
	 margin:-4px 12px 0 0; background:url(../images/store/stobtn1.webp) no-repeat;}
.stobtn:after{content:""; width:100%; height:100%; background:rgba(255,255,255,0.1); position:absolute; top:0; left:-100%; z-index:-1; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transform:rotate(60deg); -webkit-transform:rotate(60deg); -moz-transform:rotate(60deg);}
.stobtn:hover:after{width:400%;height:800%; transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); transform:rotate(60deg); -webkit-transform:rotate(60deg); -moz-transform:rotate(60deg);}
/*btn*/


/*product*/
.stoprod{text-align: center; padding-top:50px;}
.stoprod>div{display:none;}
.stoprod .boxshow{display:block;}
.stoal,.stopc{box-shadow:0 0 20px rgba(0,0,0,0.09); }
.stoal div{height:100%; float:left; padding:30px 0; box-sizing: border-box;}
.stoal h3{margin-top:20px; font-size:22px; font-weight:bold;}
.stoprod span{display:inline-block; width:280px; margin-bottom:20px; line-height:1.6; font-size:14px; color:#666;}
.stoprod h5{color:#666;}
.stoprod del{color:#878787;}
.stoprod a,.stowhy a{color:#fff;}
.stoprod h3 a{color: #00CCFF; font-size:20px; font-weight:bold;}
.stoprod .stoal_a{ color:#08c; font-size:inherit;}
.stoprod a:before,.stowhy a:before{margin:-4px 5px 0 0;}
.stoprod b{font-size:16px; font-weight:bold; color:#f37d06;}
.stoborder:after{content:""; display:inline-block; height:316px; border-right:1px solid #e5e5e5; position:absolute; top:40px; right:0;}
.stopc .stoborder:after{top:-15px;}
.stoal{height:400px;}
.stoals1{width:372px;}
.stoals2{width:304px;}
.stoals2 img{margin-top:15px;}
.statios{background-color:#ebf4fd;}
.statandr{background-color:#ebf4fd;}
.stprios{background-color:#f0fffe;}
.stprandr{background-color:#eff6ff;}

.mt10 {
    margin-top: 10px;
}

.ft30 {
    font-size: 30px;
}
.ft18 {
    font-size: 16px;
	font-weight:200;
	 border-radius:40px;
}
.ftb {
    font-weight: 700;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, p, a, li, b, div, span {
    font: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333;
}
.mt150 {
    margin-top: 85px;
}


/*why*/
.stowhy{padding-bottom:35px; background:url(../store/img/stowhy.webp) bottom center no-repeat; background-size:cover;}
.stowhy h2{line-height:1.2;}
.stoprice p{display:block; width:193px; float:left; margin-top:70px;}
.stoall{width:224px; height:290px; margin-right:70px; border-radius:10px; background-color:#ecf5fd; overflow:hidden;}
.stoall p{margin-top:8px;}
.stoall del{font-size:16px; font-weight:400; color:#666;}
.stowhy del{font-weight:bold;}
.stoallother{padding:1px 0 20px 0; border-top:1px dashed #fff; background-color:#dfedf9;}
.stowhy li{width:210px; float:left; margin-right:46px; list-style: none;line-height:1.6; font-size:14px; color:#7f7f7f;}
.stowhy .clearight img{margin-top:-10px;}
.stowhy .clearight,.stonav .clearight{margin-right:0;}
.stowhy b{display:block; margin:20px auto 10px auto; font-size:19px; font-weight:bold;}
.stobancon a:before,.stopc2 a:before{width:26px; height:24px; margin-right:10px; background:url(../store/img/stobtn.webp) no-repeat;}
footer{padding-top:40px; border-top:1px solid #d3dae3; background-color:#ebf3fd;}

/*2018-12-4*/
.stoprice,.standp{width:580px; margin-left:20px;}
.standp p{width:288px; float:left; margin-top:70px;}
.stoprice .stoequal:after,.standp .stoequal:after{width:25px; height:19px; top:68px;}
.stoprice .stoequal:after{right:-30px; background:url(../store/img/stoequal.webp) no-repeat;}
.standp .stoequal:after{right:-15px; background:url(../store/img/stoequal1.webp) no-repeat;}
.stoprice span,.standp span{display:block; margin-top:10px; margin-left:20px; font-size:20px;}
.stoprice p:after,.standp p:after{content:""; display:inline-block; vertical-align:middle; position:absolute; top:55px; right:-20px;}
.stoadd:after{width:23px; height:23px; background:url(../store/img/stoadd.webp) no-repeat;}
.stoadd1:after{background:url(../store/img/stoadd1.webp) no-repeat;}
.stoanall{background-color:#f4fdf1;}
.stoanall .stoallother{background-color:#eaf6e6;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
	.stoban{background:#359cfd url(../store/img/stobanner@2x.webp) top center no-repeat; background-size:cover;}
	.stotime{background:url(../store/img/stotime@2x.webp) repeat; background-size:182px 106px;}
	.stotime span{background:url(../store/img/stotime_block@2x.webp) no-repeat; background-size:35px 32px;}	
	.stonav span:before{background-size:55px 110px;}
	.stonav1:before{background:url(../store/img/stocon_head1@2x.webp) center -55px no-repeat;}
	.stonav2:before{background:url(../store/img/stocon_head2@2x.webp) center -55px no-repeat;}
	.stonav3:before{background:url(../store/img/stocon_head3@2x.webp) center -55px no-repeat;}
	.stonav4:before{background:url(../store/img/stocon_head4@2x.webp) center -55px no-repeat;}	
	.stowhy{background:url(../store/img/stowhy@2x.webp) bottom center no-repeat; background-size:cover;}
	.stoadd:after{background:url(../store/img/stoadd@2x.webp) no-repeat; background-size:23px 23px;}
	.stoprice .stoequal:after{background:url(../store/img/stoequal@2x.webp) no-repeat; background-size:25px 19px;}
	.stobtn:before{background:url(../store/img/stobtn1@2x.webp) no-repeat; background-size:21px 21px;}
	.stobancon a:before,.stopc2 a:before{background:url(../store/img/stobtn@2x.webp) no-repeat; background-size:26px 24px;}	
	.stoadd1:after{background:url(../store/img/stoadd1@2x.webp) no-repeat; background-size:23px 23px;}
	.standp .stoequal:after{background:url(../store/img/stoequal1@2x.webp) no-repeat; background-size:25px 19px;}
}

@media screen and (max-width: 980px){	
	 /*nav style**/
	 .pw980{width:100%;}
	 .nva_meau{display:block;}
	 .nav_cont ul{width:100%; background-color: rgba(0,0,0,0.95); position: absolute; z-index:9999; height:100%; left:0; top:54px; margin:0; overflow:hidden; display: none;}
	 .nav_cont ul li{float:none; text-align:left;}
	 .nav_cont ul li a{display:block; text-align:left; color:#fff; margin-left:20px;}
	 .nav_cont ul li .nav_sel,.nav_cont ul li a:hover{color:#fff;}
	 .language{display:none;}
	 .nav_pro_list{margin-left:50px; display:none;}
	 .nav_pro_list>a{display:block; font-size: 12px; color: #fff; line-height: 50px; font-family:"Open Sans"; margin-right:20px; text-decoration:none;} 
	 .nav_pro_list>a:hover{text-decoration: underline;}
	 
	 .stoban{height:auto; padding-bottom:40px;}
	 .stotime{display:none;}
	 .stowhy h2{font-size:36px;}
	.stocon{width:98%; margin:0 auto;}
	.stonav p{margin-bottom:30px; margin-right:20px;} 
	.stoal div,.stopc div,.stoall{float:none; margin:20px auto 30px auto;}
	.stoal,.stopc{box-shadow:none;}
	.stoals2,.stopc div{box-shadow:0 0 20px rgba(0,0,0,0.05);}	
	.stopc div{padding:30px 0;}
	.stoborder:after{display:none;}
	.stowhy li{display:inline-block; margin-right:50px; margin-bottom:30px; float:none;}
	.stowhy>div{margin-top:0;}
	.stoal{height:auto;}
	
}
@media screen and (max-width: 768px){
	 .mt150{margin-top:50px;}
	 .stowhy h2{font-size:32px;}
	 .stonav p{margin-right:10px;}
	 .stoprice,.standp{width:94%; margin:20px auto;}
	 .stoprice p,.standp p{float:none; margin:20px auto 60px auto;}
	 .stoprice p:after,.stoprice .stoequal:after{right:70px; top:190px;}
	 .stowhy .clearight{margin-right:50px;}
	 .standp p:after,.standp .stoequal:after{right:120px; top:190px;}
}
@media screen and (max-width: 600px){
	.stobancon{width:100%;}
	.stobancon img{display:none;}
	.stobox{width:80%; float:none; margin:20px auto 0 auto; text-align:center;}
	.stoboxbor{width:330px; margin:10px auto 0 auto;}
	.stowhy li,.stowhy .clearight{width:80%; margin:0 auto 30px auto;}
}
@media screen and (max-width: 375px){
	.stoboxbor{width:100%; padding:8px 0;}
	.stoal div{width:90%;}
}