@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* 全局 */
body,h1,h2,h3,h4,h5,h6,hr,p,pre,blockquote,dl,dd,ul,ol,th,td,form,fieldset,legend,button,input,textarea,img{margin:0;padding:0; border:none;}
h1,h2,h3,h4,h5,h6,button,input,textarea,select{font-size:100%;}
fieldset,img{border:0;}table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}ul,li{list-style:none;}
address,cite,code,dfn,var,em,th{font-style:normal;font-weight:normal;}
button,input,textarea{outline:none;font-family:inherit;}:focus{outline:0;}
body{font-family:Arial, Helvetica, sans-serif;}
textarea{overflow-x:hidden;overflow-y:auto;resize:none;}
a{color:#ac2424;text-decoration:none;}a:hover{text-decoration:none;}
i,em{font-weight:bold;font-style:normal;}
li{ float:left;}
/* 清浮动*/
/*
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
*/
.clearfix:after{content:"";display:block;height:0;clear:both;}
.clearfix{zoom:1;}
.fl{float:left!important;}
.fr{float:right!important;}
.wrap{min-width:960px;  max-width:1400px; margin:0px auto;}
.center{ width:960px; margin:0 auto;}
/**/
/*content*/
.headContent{ height:50px; border-top:1px solid #3c3c3c; border-bottom:1px solid #3c3c3c; background:url(../images/navBg.jpg) no-repeat;}
.headContent .headNav{ height:100%;}
.headNav .logo{ float:left; display:none;}
.headNav .nav{ float:right;}
.nav li{height:100%; margin-left:20px;}
.nav li a{ color:#c0c0c0; line-height:50px; font-weight:600; display:block; width:125%; height:100%; text-align:center;}
.nav li a:hover{ background:#353535;}
.nav .addBg a{ background:#353535;}
.bannerContent{ height:378px; background:url(../images/bannerBg.jpg) no-repeat;}
.bannerContent .banner{  height:375px;}
.mainPage{ background:#dcdcdc;}
.advertising{ background:#ffffff; height:103px; position:relative;}
.advertising .shadowO{ position:absolute; width:40px; height:104px; background:url(../images/shadow1.png) no-repeat; left:-40px; }
.advertising .shadowT{position:absolute; width:40px; height:104px; background:url(../images/shadow2.png) no-repeat;left:960px; display:block; }
.advertising ul li{ width:33%;}
.advertising ul li div{ float:left;}
.advertising ul li .iconImg{ line-height:50px; padding-top:20px; margin-right:8px; margin-left:24px;}
.advertising ul li .iconText{ width:66%; padding-top:15px; }
.advertising ul li .iconText .textMain{ font-size:12px; margin-top:5px;}
.description{ background:#FFF; height:auto; border-top:1px dashed #767676;}
.description .descriptionHead{ width:100%; height:94px; }
.description .descriptionHead .productTitle{ margin-top:20px; width:82%; word-wrap:break-word;  }
.descriptionTitle { float:left;}
.description .descriptionHead .productTitle span{ font-size:18px;}
.description .descriptionText{ padding:0 88px; word-wrap:break-word; text-align:left; height:auto;}
.productImg{ border-top:1px dashed #767676; background:#FFF; border-bottom:1px dashed #767676;}
.productImg .productImgTitle{ height:65px;}
.productImg .imagesShow div{ float:left;  width:45%; margin-left:3%;}
.otherText{  background:#FFF;}
.otherText .Tmessage{ width:100%; padding-top:25px;}
.otherText .Tmessage .shipping{ float:left;  margin-left:24px; width:45%;}
.Tmessage .shipping .shippingImg{ margin-top:15px; border:5px solid #ebebeb; width:305px; height:85px;}
.Tmessage .shipping .shippingText{  font-size:14px; margin-top:12px; margin-bottom:12px; line-height:20px;}
.otherText .Tmessage .warranty{ float:left; margin-left:24px;width:45%; }
.otherText .Tmessage .warranty .warrantyImg{ margin-top:15px; border:5px solid #ebebeb; width:305px; height:85px; }
.otherText .Tmessage .warranty .warrantyText{  font-size:14px; margin-top:12px; margin-bottom:12px;  line-height:22px;}
.otherText .feedbackTitle{ width:100%; background:#efefef; height:36px; line-height:36px; font-weight:600; font-size:18px;}
.feedback{ background:#FFF; width:890px; padding:20px; margin:0 auto;   border-bottom-right-radius:25px; border-bottom-left-radius:25px; position:relative;}
.tfeedbackdetail .tfree_tabs{ padding:0;border-collapse:collapse;border-spacing:0;width:100%;font-family:Microsoft YaHei; border:1px solid #dedede;background:#eee;margin:0 auto;margin-bottom:20px;}
.tfeedbackdetail .tfree_tabs tr th{ border-right:1px solid #dedede;border-bottom:1px solid #dedede;color:#999; padding:5px 20px;height:40px;line-height:40px;font-size:14px;font-weight:bold;}
.tfeedbackdetail .tfree_tabs tr td{ border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;line-height:20px;color:#666;font-weight:normal;text-align:left;}
.spanicon{height:20px;width:20px;display:inline-block;vertical-align:top;margin-right:5px;}
.spanicon img{width:20px;height:20px;display:inline-block;}
.feedback .HowFeedback{ width:130px; height:28px; background:#5c5c5c;  font-size:14px; text-align:center; line-height:28px;  color:#FFF; overflow:hidden; transition:0.5s;}
.feedback .HowFeedback{}
.feedback .HowFeedback:hover{ overflow:visible;transition:0.3s; cursor:pointer;  font-weight:600; color:#ee6310;}
.otherText .FAQTitle{ width:100%; background:#efefef; height:36px; line-height:36px; font-weight:600; font-size:18px; margin-bottom:15px; }
.otherText .FAQ .question{ padding:5px 20px; vertical-align:sub; line-height:14px; font-size:14px;}
.otherText .FAQ .question img{vertical-align:middle; }
.FAQ .answer{ margin-bottom:8px;}

.otherText .subscribe{ width:100%; background:#303030; height:67px;}
.subscribe .subscribeLeft .addstore{ width:378px; color:#FFF; font-size:12px; padding-top:20px; padding-left:25px;}
.subscribe .subscribeLeft .addstorebtn{ width:64px; height:28px; border-radius:5px; background:#f4f4f4; line-height:28px;margin-top:20px;}
.subscribe .subscribeLeft .addstorebtn a{ font-size:14px; color:#333; text-align:center; width:100%; height:100%; display:block;}
.subscribe .subscribeLeft .addstorebtn:hover{ background:#fff; }
.subscribe .subscribeRight{ float:right;}
.subscribe .subscribeRight p{ margin-top:20px;}
.subscribe .subscribeRight .paypayWay{ width:272px; height:48px; margin-left:15px; margin-right:20px; margin-top:12px; background:url(../images/pay.jpg) no-repeat; }
.bottomLogo{ background:#fff; height:105px; }
.bottomLogo img{ display:none;}
.bottomLogo p{ padding:20px; width:40%; font-size:14px; padding-top:35px; }
/*add picture*/
.addPicture{ text-align: center; width: 100%;}
.addPicture img{ width: 95%;}
@media only screen and (max-width: 481px){
	.center{ width:100%;}
	.wrap{ min-width:100%; max-width:100%;}
	.subscribe .subscribeLeft .addstore{ width:320px; padding-left:15px;}
	.subscribe .subscribeRight{ display:none;}
	.bottomLogo p{ padding:12px;}
	.advertising ul li .iconImg img{ width:40px; height:40px;}
	.advertising ul li .iconImg{ padding-top:10px; line-height:28px; }
	.advertising ul li .iconText .textMain{ display:none;}
	.advertising ul li .iconText{ padding-top:0px; font-size:14px; text-align:center;}
	.bannerContent{ height:265px; }
	.headNav .nav{ float:none;}
	.headNav .logo{ float:none; text-align:center; display:none;}
	.nav li{ font-size:12px; margin-left:15px; }
	.description .descriptionHead .productTitle{ float:none;  margin:0 auto; padding-top:30px; font-size:12px;}
	.descriptionTitle{ width:90px;}
	.descriptionTitle img{ width:100%;}
    .otherText .Tmessage .shipping{ width:90%;}
	.otherText .Tmessage .warranty{ width:90%;}
	.tfeedbackdetail tbody .tfree_tabs tr .tdhead{ width:150px;}
	.tfeedbackdetail tbody .tfree_tabs tr .tdhead{ width:120px;}
	.tfeedbackdetail tbody .tfree_tabs tr .tdhead{ width:50px;}
	.Tmessage .shipping .shippingText{ font-size:12px; line-height:1.2em;}
	.otherText .Tmessage .warranty .warrantyText{ font-size:12px; line-height:1.2em;}
	.otherText .FAQ .question{ font-size:12px; line-height:1.2em;}
	.tfeedbackdetail .tfree_tabs{ width:375px; margin:0px;}
	.tfeedbackdetail .tfree_tabs tr td span{ display:table-cell; word-break:break-all;  }
	.feedback{ padding-left:0px;}
	.advertising .shadowT{ display:none; }
	/*add picture*/
	.addPicture{ text-align: center; width: 100%;}
	.addPicture img{ width:100%;}
}

@media only screen and (max-width: 413px){
}
@media only screen and (max-width: 375px){

}
@media only screen and (max-width: 320px){
}

@media (min-width: 481px) and (max-width: 769px){
}

/*video*/
.video{width: 100%;}
.video-wrap{margin: auto;width: 76%;}
.video-container{
	width: 100%;
	height: 486px;
	background-size: 100% auto;
	background-color: black;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}
.video-container .btn{
	width: 68px;height: 48px;background:#202120;border-radius: 8px;  display: flex;
	align-items: center;
	justify-content: center;
}
.logo{text-align: right;margin-bottom: 20px;}
.video-container .btn img{width: 20px;}
.video-container:hover .btn{background: #c81c20;}
.video-wrap p{font-size: 30px;font-weight: 600;margin: 30px 0;}
@media only screen and (max-width: 768px){
	.video-wrap{width: 100%;}
}