*{margin: 0;padding: 0;font-family:微软雅黑, Arial;}
p{margin: 0;}
a{text-decoration: none;color: #fff;}
img{border: 0;}
ul,li,i{margin: 0;padding: 0;font-style: normal;list-style: none;}
.fl{float: left;}
.fr{float: right;}
input{border: 0;outline: 0;}
.clearfix:after{display: block;content: "";clear: both;}

.home{max-width: 960px;min-width: 320px;margin: 0 auto;}
.hd-top .logo{float: left;margin-left: 40px;}
.hd-top .logo img{ display: none;}
.hd-top{padding-top: 0px; background: url(../img/fff_01.png) no-repeat left top/auto 100%;}
.hd-top .navs{height: 34px;line-height: 34px;background: url(../img/fff_02.png) no-repeat right top/auto 100%;text-align: right;}
.hd-top .navs a{display: inline-block;margin-right:60px;}
.hd-top .navs a.active{font-weight: bolder;}
.head .banner img{width: 100%;}

.comment .title{padding: 15px; text-align: center;}
.comment .title p{display: inline-block;position: relative;padding: 6px 18px;min-width: 240px; border: 2px solid #000;font-size: 26px;font-weight: bolder;}
.comment .title p span{display: block;position: absolute;top: 50%; width: 70px;height: 12px;margin-top: -6px; background: #000;}
.comment .title p span:before{position: absolute;top: 5px; display: block;content: ""; width: 90px; height: 2px;background: #000;}
.comment .title p span.ltline{left: -64px;}
.comment .title p span.ltline:before{left: -90px;}
.comment .title p span.rtline{right: -64px;}
.comment .title p span.rtline:before{right: -90px;}

.comment .whites p{border-color: #fff; color: #fff;}
.comment .whites p span,.comment .whites p span:before{background: #fff;}


.comment .introlist{padding: 5px 0; background: #5171b6;}
.comment .introlist .lis{display: inline-block;width: 20%;margin: 0 2.2%;text-align: center;}
.comment .introlist .lis img{display: inline-block; height:35px;}
.comment .introlist .lis p{margin-top:5px;color: #fff;font-size: 16px;}

.comment .product-box{padding:20px;}
.comment .product-box .product{margin-right: 10px;}
.product-box .product .bigImg{width: 405px;height: 405px;overflow: hidden;border: 2px solid #000;}
.product-box .product .bigImg img{width: 100%;}

.product-box .product .smallImg a{display: block;float: left;width: 86px;height: 86px;margin: 10px 15px 0 0; border: 2px solid #000;}
.product-box .product .smallImg a img{width: 100%;}

.product-box .proinfo{width: 470px;}
.product-box .proinfo .infotit{font-size: 20px;line-height: 26px;}
.product-box .proinfo .prolist{margin: 20px 0;padding: 0 40px;border-top: 1px dashed #000;border-bottom: 1px dashed #000;}
.product-box .proinfo .prolist .prolis{float: left;width: 50%;margin: 20px 0;}
.product-box .proinfo .prolist .prolis p{font-size: 16px;line-height: 28px;}
.product-box .proinfo .prolist .prolis p.tits{position: relative; font-size: 18px;color: #ff0000;font-weight: 600;}
.product-box .proinfo .prolist .prolis p.tits:before{position: absolute;content: "";display: block; bottom: -2px;left: 0;width: 26px;height: 4px;background: #000;}
.product-box .proinfo .prolist .prolis p.tits span{font-size: 24px;}
.product-box .proinfo .paybox{padding-left: 40px;}
.product-box .proinfo .paybox .tips{font-size: 24px;line-height: 32px;}
.product-box .proinfo .paybox .buys{display: inline-block; margin-top:20px; padding: 16px 30px;background: #000;color: #fff;font-size: 28px;font-weight: bold;}
.choose .title{ display: none;}
.comment .item{margin-top: 90px;}
/*.comment .item .bg1{background: url(../img/fff_19.jpg) no-repeat right top /auto 100%; }*/
.comment .item .bg2{background: url(../img/fff_22.jpg) no-repeat left top /auto 100%;}


.comment .item .article{position: relative;background-color: #6483c5;}
.article .titled{position: absolute;top: -134px;right: 40px; width: 278px;height: 190px;line-height: 190px; background: #303645;text-align: center;font-size: 38px;color: #fff;font-weight: bolder;}
.article .titled:before{position: absolute;top:20px;left: -20px; display: block;content: "";width: 278px;height: 190px;border: 2px solid #6483c5;}
.left-item .article .titled{position: absolute;top: -60px;right: 40px; width: 278px;height: 190px;line-height: 190px; background: #303645;text-align: center;font-size: 38px;color: #fff;font-weight: bolder;}
.article .artbox{width:100%;padding:20px; background: #6483c5;box-sizing: border-box;}
.left-item .article .artbox{width:63%;padding:20px; background: #6483c5;box-sizing: border-box;}
.article .descriptionContent{ background: #ffffff; padding: 5px; box-sizing: border-box;}
.article .artbox .tits{font-size: 18px;line-height: 22px;}
.article .artbox .artlist .tts{display:inline-block;padding: 6px 10px;font-size: 18px;font-weight: bolder;background: #303645;margin: 10px 0;}
.article .artbox .artlist p{font-size: 14px;}

.comment .item .shipps{background: url(../img/fff_20.jpg) no-repeat center/cover;}
.shipps .shipbox{margin: 30px;border: 2px solid #fff;padding: 20px;border-bottom: 0;color: #fff;}
.shipps .shipbox .tits{font-size: 14px;line-height: 24px;}

.shipps .shipbox .tabtit{font-size: 20px;display: inline-block;border-bottom: 2px solid #fff;font-weight: bolder;margin-bottom: 10px;}
.shipps .shipbox .tabs table{border: 1px solid #fff;border-right: 0;border-bottom: 0; color: #ffffff;}
.shipps .shipbox .tabs table th,.shipps .shipbox .tabs table td{padding: 4px; border-right: 1px solid #fff;border-bottom: 1px solid #fff;font-size: 14px;text-align: center;}

.shipps .shipbox .fedex{margin: 20px 0;font-size: 14px;display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;-webkit-align-items: center;-moz-align-items: center;
-o-align-items: center;align-items: center;}
.shipps .shipbox .fedex span{margin-left: 10px;}

.shipps .shipbox .tips{display: inline-block;margin:20px 0;padding: 4px 10px; font-size: 18px;background: #6483c5;}
.shipps .shipbox .tipps{font-size: 16px;}

.shipps .shipbox .tags{width: 100%;margin-top: 20px;}
.shipps .shipbox .tags .taglis{position: relative; width: 300px;height: 72px;background: #d7d9db;}
.shipps .shipbox .tags .taglis:first-child{margin-right: 200px;}
.shipps .shipbox .tags .taglis i{display: inline-block;width: 80px;height: 55px;margin: 10px 0 0 20px; background: url(../img/hh_09.png) no-repeat center/contain;}
.shipps .shipbox .tags .taglis:first-child i{background-image:url(../img/hh_07.png)}
.shipps .shipbox .tags .taglis span{position: relative; font-size: 20px;color: #2a313c;margin-left: -20px;top: -10px;}


.shipps .shipbox .declare{width: 90%;margin: 20px auto 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff; display: flex;display: -webkit-flex;display: -moz-flex;
display: -o-flex;-webkit-align-items: center;-moz-align-items: center;-o-align-items: center;align-items: center;}
.shipps .shipbox .declare p{font-size: 28px;font-weight: bolder;}


.left-item .article .titled{left: 40px;right: inherit;}
.left-item .article .titled:before{right: -10px;left: inherit;}

.comment .item .feeds{padding-bottom: 30px; background: url(../img/fff_24.jpg) no-repeat center/cover;}
.comment .item .table-box{margin: 0 24px; padding: 0 30px;background: #fff;}
.comment .table-box table{width: 100%;border: 1px solid #C4C4C1;border-top: none;border-right: none;margin-bottom: 10px;background: #FFFFFF;}
.comment .table-box table tr td{height: 30px; border-top: 1px solid #C4C4C1;border-right:1px solid #C4C4C1 ;font-size: 14px;color: #666;padding-left: 10px;}
.comment .table-box .tabimgs img{width: 100%;}
.comment .table-box .add-btn{display: inline-block; width: 16px;height: 16px;margin-right:8px;margin-bottom: -4px; background: url(../img/home3/adds_03.jpg) no-repeat center/contain;cursor: pointer;}


.comment .otherlist{width: 100%;}
.comment .otherlist li{display:inline-block; vertical-align:top;width: 20%;margin: 0 2.2%;margin-bottom: 20px;overflow: hidden;}
.otherlist li a{display: block;}
.otherlist li .pics{border: 1px solid #000;}
.otherlist li img{width: 100%;display: block;}
.otherlist li p{line-height: 20px; font-size: 12px;color: #000;}


.artbox li{float:none;}
.artbox ul{list-style:inherit;}
.artbox ul li{list-style:inherit;margin-left:35px;}

@media (max-width: 769px) {
	.comment .introlist .lis p{font-size: 14px;}
	.comment .product-box .product{float: inherit;margin: 0;}
	.product-box .product .bigImg{width: 500px;height: 500px;margin: 0 auto;}
	.product-box .product .smallImg{width: 500px;margin: 0 auto;}
	.product-box .proinfo{float: inherit;margin: 10px auto 0;}

	.comment .item{margin-top: 70px;}
	.article .titled{width: 240px;height: 160px;line-height: 160px;font-size: 30px;}
	.article .titled:before{width: 240px;height: 160px;}
	.article .artbox{padding: 10px 4px 10px 10px;}

	.shipps .shipbox .tags .taglis{width: 70%;margin-bottom: 10px;}

	.left-item .article .titled{left: 20px;}
	.shipps .shipbox .declare{display: block;}
}

@media (max-width: 451px) {
	.hd-top{background: #000;}
	.hd-top .logo{float: inherit;color: #fff;}
	.hd-top .navs{background: #6483c5;}
	.hd-top .navs a{margin-right: 20px;}

	.comment .title{padding: 10px;}
	.comment .title p{padding: 4px 10px; font-size: 20px;}
	.comment .title p span{display: none;}

	.comment .introlist {padding: 10px 0;}
	.comment .introlist .lis{width: 50%;margin: 0 0 10px 0;float: left;}
	.comment .introlist .lis img{height: 70px;}
	.comment .introlist .lis p{margin-top: 10px; font-size: 16px;}

	.comment .product-box{padding: 10px;}
	.product-box .product .bigImg{width: 320px;height: 320px;}
	.product-box .product .smallImg{width: 320px;}
	.product-box .product .smallImg a{width: 68px;height: 68px;margin: 8px 8px 0 0;}

	.product-box .proinfo{width: 100%;}
	.product-box .proinfo .prolist{margin: 10px 0;padding: 0 20px;}
	.product-box .proinfo .prolist .prolis{margin: 10px 0;}

	.product-box .proinfo .paybox{padding-left: 0;}
	.product-box .proinfo .paybox .tips{font-size: 20px;line-height: 28px;}
	.product-box .proinfo .paybox .buys{margin-top: 10px;font-size: 22px;padding: 10px 30px;}

	.comment .item{margin-top: 20px;}
	.article .artbox{width: 100%;padding: 0;}
	.article .artbox .artlist .tts{margin: 6px 0;font-size: 16px;}
	.article .titled{position: relative;top: inherit;left: inherit;right: inherit; display: inline-block; width: 100%;height: 60px;line-height:60px;margin: 0 auto; text-align: center;font-size: 22px;}
	.article .titled:before{display: none;}
	.left-item .article .titled{left: inherit;}

	.shipps .shipbox{margin: 10px;padding: 10px;}
	.shipps .shipbox .tags .taglis{width: 100%;height: 50px;}
	.shipps .shipbox .tags .taglis:first-child{margin-right: 0;}
	.shipps .shipbox .tags .taglis i{height: 38px;width: 50px;margin: 10px 0 0 10px;}
	.shipps .shipbox .tags .taglis span{margin-left: 0;font-size: 16px;}
	.shipps .shipbox .tabtit{font-size: 18px;}
	.shipps .shipbox .declare{width: 95%;margin: 10px auto 0;}
	.shipps .shipbox .declare img{width: 100%;}
	.shipps .shipbox .declare p{font-size: 24px;}

	.comment .item .feeds{padding-bottom: 10px;}
	.comment .item .table-box{margin: 0 10px;padding: 0;}

	.comment .otherlist li{width: 45%;}

}

@media (max-width: 377px) {
	.hd-top{padding-top: 14px;}
	.hd-top .logo{margin-left: 20px;}

	.comment .title p{min-width: 200px;border-width: 1px;font-size: 16px;}
	.comment .introlist .lis img{height: 50px;}
	.comment .introlist .lis p{font-size: 14px;margin-top: 6px;}

	.product-box .proinfo .infotit{font-size: 18px;line-height: 22px;}
	.product-box .proinfo .prolist{padding: 0 10px;}
	.product-box .proinfo .prolist .prolis p{font-size: 14px;line-height: 22px;}
	.product-box .proinfo .prolist .prolis p.tits{font-size: 16px;}
	.product-box .proinfo .prolist .prolis p.tits span{font-size: 20px;}
	.product-box .proinfo .paybox .tips{font-size: 16px;line-height: 22px;}
	.product-box .proinfo .paybox .buys{margin-top: 4px;font-size: 16px;}

	.article .titled{font-size: 18px;}
	.article .artbox .tits{font-size: 16px;}
	.article .artbox .artlist p{font-size: 12px;}
	.article .artbox .artlist .tts{font-size: 14px;}

	.shipps .shipbox .tits{font-size: 12px;line-height: 20px;}
	.shipps .shipbox .tabs table th, .shipps .shipbox .tabs table td{font-size: 12px;}
	.shipps .shipbox .fedex span{font-size: 12px;}
	.shipps .shipbox .tabtit{font-size: 14px;margin-bottom: 6px;}
	.shipps .shipbox .tips{margin: 6px 0;font-size: 14px;}
	.shipps .shipbox .tipps{font-size: 14px;}
	.shipps .shipbox .tags{margin-top: 6px;}
	.shipps .shipbox .declare p{font-size: 20px;}
	.shipps .shipbox .tags .taglis span{font-size: 14px;}

	.comment .otherlist li{margin: 0 2%;}
}

@media (max-width: 321px) {
	.comment .introlist .lis img{height: 40px;}
	.product-box .product .bigImg{width: 300px;height: 300px;}
	.product-box .product .smallImg a{margin: 4px 4px 0 0;}
}
/*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%;}
}