*{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;}

.heads{position: relative;}
.heads .logo{position: absolute;top: 50%;left: 20px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);font-size: 18px;color: #f11c4c; display: none;}
.heads .navs{width: 80%;}
.heads .navs p{float: left;line-height: 50px;width: 30%;text-align: center;}
.heads .navs p a{display: block; font-size: 18px;color: #090687;}
.heads .navs p.active a{font-weight: bold;}

.banner img{width: 100%;display: block;}

.content .titld{text-align: center;font-size: 48px;padding: 10px 0;font-weight: bolder;color: #090687;}
.content .titld.red{color: #f11c4c;}
.content .bg1{background: url(../img/gg_02.jpg) no-repeat center/cover;}
.content .bg2{background: url(../img/gg_04.jpg) no-repeat center/cover;}
.content .bg3{background: url(../img/99_49.jpg) no-repeat center/cover;}
.content .bg4{background: #f11c4c;}
.content .bg5{background: url(../img/gg_05.jpg) no-repeat center/cover;}


.content .chosed li{width: 25%;height: 140px; float: left;text-align: center;
display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;
flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-o-flex-direction: column;
align-items: center;-webkit-align-items: center;-moz-align-items: center;-o-align-items: center;
justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;-o-justify-content: center;}
.content .chosed li img{height: 60%;}
.content .chosed li p{font-size: 16px;padding: 10px 0;color: #090687;}
.content .chosebox{padding:10px 20px;display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;align-items: center;-webkit-align-items: center;-moz-align-items: center;
-o-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-moz-justify-content: space-between;-o-justify-content: space-between;}
.content .chosebox .lis{width: 23%;line-height: 20px; padding: 10px 0;border:4px solid #090687;color: #090687; text-align: center;font-size: 14px;}
.content .chosebox .lis p:first-child{font-size: 18px; font-weight: bolder;}

.content .goodsbox{padding: 30px 0;}
.content .goodsbox .product img{display: block;width: 100%;}
.content .goodsbox .bigImg{width: 440px;height: 440px;overflow: hidden; border: 2px solid #f11c4c;}
.content .goodsbox .smallImg{margin-left: 10px; height: 444px; overflow: hidden;}
.content .goodsbox .smallImg a{display: block;width: 100px;height: 100px;margin-bottom: 10px; border: 2px solid #f11c4c;}

.content .goodsbox .product-btn{width: 390px;height: 440px; margin-left: 10px;background: #f11c4c;}
.content .goodsbox .product-btn .protit{width: 80%;padding-top: 80px;padding-left:10px;margin-left: 10px; font-size: 44px;color: #090687;font-weight: bolder;border-bottom: 2px solid #090687;}
.content .goodsbox .product-btn .protits{width: 80%;font-size: 16px;line-height: 26px;margin: 70px 0 60px 10px; color: #fff;}

.content .goodsbox .product-btn .btns{text-align: center;}
.content .goodsbox .product-btn .btns a{display: block;}
.product-btn .btns img{width: 80%;border-radius: 4px;}
.product-btn .btns p{margin-top: 20px; font-size: 25px;line-height: 36px;color: #fff;font-weight: bolder;}

.content .decbox{padding: 0 30px; }
.content .decbox .declis{width: 50%;}
.content .decbox .declis .deccon{margin-bottom: 20px;}
.content .decbox .declis .deccon p{line-height: 16px; font-size: 12px;color: #090687;}
.content .decbox .declis .deccon .tit{display: inline-block;padding: 2px 4px; background: #f11c4c; font-size: 16px;}
.content .decbox .declis .delpics{border-top: 20px solid #f11c4c;border-left: 20px solid #f11c4c;}
.content .decbox .declis .delpics img{display: block;width: 100%;}

/*.content .shiptop,.content .shipbots{padding: 0 30px; padding-bottom: 30px;}*/
/*.content .shiptop p{margin-bottom: 16px; font-size: 14px;color: #fff;}*/
/*.content .shiptop .tit1,.content .shiptop .tit2,.content .shiptop .tit3{text-align: left;}*/
/*.content .shiptop .tit2{font-size: 18px;}*/
/*.content .shiptop .tit3{font-size: 24px;}*/
/*.content .shiptop .tabtits{text-align: center;font-size: 24px;line-height: 28px;}*/
/*.content .shiptop .tabbox{width: 100%;}*/
/*.content .shiptop .tabbox table{width: 100%;margin: 20px 0; border: 1px solid #fff;}*/
/*.content .shiptop .tabbox table td{padding: 6px 0; font-size: 20px;text-align: center; border: 1px solid #fff;color: #fff;}*/
/*.content .shiptop .picbox{display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;align-items: center;-webkit-align-items: center;-moz-align-items: center;-o-align-items: center;}*/
/*.content .shiptop .picbox .picrt{width: 60%;}*/
/*.content .shiptop .picbox .picrt p{line-height: 28px;padding-left: 20px; text-align: center;font-size: 14px;}*/



.shipping{padding: 0 30px;box-sizing: border-box;}
.ship-wrap{
	/*background: #e5472e;*/
	padding: 20px;
	box-sizing: border-box;
}
.ship-wrap1{
	background: white;
	padding: 20px;
	box-sizing: border-box;
}
.shipping span{
	font-family: Arial-BoldMT;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 1px;
	color: #000000;
	margin-top: 20px;
}
.shipping p{
	font-family: ArialMT;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 1px;
	color: #000000;
}
.s1,.s2{
	margin: 20px auto;
}
.s1 th, td {
	/*text-align: center;*/
	padding: 10px 20px;
}
.s2 th, .s2 td {
	padding: 10px 20px;
	box-sizing: border-box;
	text-align: center;
}
.shipping ul{
	margin: 20px auto;
	width: 60%;
	display: flex;
	justify-content: space-between;
}
.shipping ul li{
	text-align: center;
}
.ship-wrap img{
	text-align: center;
	margin-top: 20px;
	width: 100%;
}.s1 th, td, .s2 th, td {
	 border: 1px solid #000;
 }



.content .shipbots .shipstep{display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;align-items: center;-webkit-align-items: center;-moz-align-items: center;-o-align-items: center;
justify-content: space-between;-webkit-justify-content: space-between;-moz-justify-content: space-between;-o-justify-content: space-between;}
.content .shipbots .shipstep .step{width: 40%;}
.shipstep .step .sicon{float: left; display: inline-block;width: 107px;height: 84px;background: url(../img/99_36.png) no-repeat center/contain;}
.shipstep .step:nth-child(2) .sicon{background-image: url(../img/99_39.png);}
.shipstep .step .stepcon{text-align: center;font-size: 24px;line-height: 28px;color: #090687;}
.shipstep .step .stepcon img{height: 50px;}

.content .shipbots .tits{padding: 30px 0;font-size: 14px;color: #090687;}
.content .shipbots .tits span{color: #f11c4c;}
.content .shipbots .infos{width: 80%;margin: 0 auto;color: #090687;}
.content .shipbots .infos p{line-height: 28px;text-align: center;}
.content .shipbots .infos .ptit1{font-size: 16px;}
.content .shipbots .infos .ptit2{font-size: 18px;}
.content .shipbots .infos .ptit3{font-size: 12px;}

.content .warrtybox{margin:0 40px 40px;}
/*.content .warrtybox .warrycon{padding: 40px 0; background: url(../img/99_46.jpg) no-repeat right top/auto 100%;}*/
.content .warrtybox .warrycon .warylist{padding: 50px 20px; width: 100%;border: 4px solid #090687;box-sizing: border-box;}
.content .warrtybox .warrycon .warylist p{font-size: 14px;line-height: 18px;color: #000;margin-bottom: 10px;}
.content .warrtybox .warrycon .warylist span{
	color: #090687;
	margin-bottom: 10px;
}
.content .item .table-box{margin: 0 20px 60px; background: #fff; }
.content .table-box table{width: 100%;border: 1px solid #C4C4C1;border-top: none;border-right: none;margin-bottom: 10px;background: #FFFFFF; text-align:center;}
.content .table-box table th{ border: 1px solid #C4C4C1;}
.content .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;}
.content .table-box .tabimgs img{width: 100%;}
.content .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;}

.content .questions{margin: 0 40px;padding: 40px 0;}
.content .questions li {margin-bottom: 20px;}
.content .questions li p{font-size: 14px;line-height: 28px; color: #fff;}
.content .questions li .tits{color: #f11c4c;}

.content .otherlist{width: 100%;padding-top: 30px;}
.content .otherlist li{display:inline-block; vertical-align:top;width: 20%;margin: 0 2.2%;margin-bottom: 20px;}
.otherlist li a{display: block;}
.otherlist li .pics{position: relative; border: 4px solid #090687;}
.otherlist li .pics:before{display: block;position: absolute;top: -8px;left: -8px; content: "";width: 100%;height: 100%;border-top: 4px solid #f11c4c ;border-left: 4px solid #f11c4c ; z-index: 5;}
.otherlist li img{width: 100%;display: block;}
.otherlist li p{line-height: 20px; font-size: 12px;color: #090687;}

.decbox  img{width:100%;}
.decbox .content_box_title{font-size:21px;}

@media (max-width: 769px) {
	.content .chosed li img{height: 50%;}
	.content .chosebox .lis{padding: 40px 0; font-size: 12px;}
	.content .chosebox .lis p:first-child{font-size: 14px;}
	.content .goodsbox .product-btn{width: 100%;height: auto; margin: 0;}
	.content .goodsbox .product-btn .protit{padding-top: 10px;font-size: 24px;}
	.content .goodsbox .product-btn .protits{margin: 10px 0 10px 10px;}
	.product-btn .btns {padding: 10px;}
	.product-btn .btns img{float: left;width:40%;}
	.product-btn .btns p{float: left;margin-top: 0;padding-left: 10px;font-size: 20px;}

	.content .shipbots .shipstep .step{width: 50%;}
	.content .table-box table span{ display: block; width: 100px; word-wrap: break-word; }
}


@media (max-width: 451px) {
	.heads .navs p a{font-size: 14px;}
	.content .titld{padding: 10px 0;font-size: 20px;}
	.content .chosed li{width: 50%;height: auto;}
	.content .chosed li img{height:60px;}
	.content .chosed li p{font-size: 14px;}
	.content .chosebox{flex-wrap: wrap;}
	.content .chosebox .lis{width: 45%;padding: 20px 0;margin-bottom: 10px;}
	.content .goodsbox .product {float: inherit;width: 100%; text-align: center;}
	.content .goodsbox .bigImg{float: inherit; width: 350px;height: 350px;display: inline-block;}
	.content .goodsbox .smallImg a{float: left;width: 80px;height: 80px;margin-left: 10px;}
	.content .goodsbox .product-btn .protit{font-size: 22px;}
	.content .goodsbox .product-btn .protits{width: 90%;font-size: 14px;line-height: 22px;}
	.product-btn .btns img{width: 50%;}
	.product-btn .btns p{font-size: 16px;}

	.content .decbox{padding: 0 10px;}
	.content .decbox .declis{width: 100%;}
	.content .decbox .declis .delpics{display: none;}
	.content .shiptop, .content .shipbots{padding: 0 10px;}
	.content .shiptop .tabbox table{margin: 10px 0;}
	.content .shiptop .tabbox table td{padding: 2px 0;font-size: 14px;}
	.content .shiptop .picbox .piclt img{width: 100px;}
	.content .shiptop .picbox .picrt{width: auto;}
	.content .shiptop .picbox .picrt p{line-height: 22px;padding-left: 10px;}
	.content .shiptop .tabtits{font-size: 20px;margin-bottom: 6px;}
	.content .shiptop p{margin-bottom: 10px;}
	.content .shiptop .tit2{font-size: 14px;}
	.content .shiptop .tit3{font-size: 16px;}

	.shipstep .step .sicon{width: 40px;height: 44px;}
	.shipstep .step .stepcon img{height: 20px;}
	.shipstep .step .stepcon{font-size: 12px;line-height: 20px;}
	.content .shipbots .tits{padding: 10px 0;font-size: 12px;}
	.content .shipbots .infos{width: 95%;}
	.content .shipbots .infos p{line-height: 20px;}
	.content .shipbots .infos .ptit1{font-size: 14px;}
	.content .shipbots .infos .ptit2{font-size: 16px;}

	.content .warrtybox{margin: 0 10px 30px;}
	.content .warrtybox .warrycon{padding: 10px 0;}
	.content .warrtybox .warrycon .warylist{width: auto;padding: 10px;}
	.content .item .table-box{margin: 0 10px 30px;}
	.content .questions{margin: 0 10px;padding: 0;}
	.content .questions li{margin-bottom: 0;padding-bottom: 10px;}
	.content .questions li p{font-size: 12px;line-height: 20px;}
	.content .questions li .tits{font-weight: bolder;}

	.content .otherlist{padding-top: 20px;}
	.content .otherlist li{width: 45%;}
}



@media (max-width: 377px) {
.heads .navs{width: 70%;}
.content .titld{font-size: 18px;}
.content .goodsbox .smallImg a{width: 72px;height: 72px;}
.content .otherlist li{margin: 0 2% 10px;}
}

@media (max-width: 321px) {
.content .goodsbox .bigImg{width: 300px;height: 300px;}
}


/*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%;}
}