@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{ width:960px; margin:0px auto; background:#ffffff; text-align: left;  }
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei; background: #ffffff;}
/*head*/
.navHead{ background: #000000; height: 40px;  }
.navTxt ul li a{ color: #ffffff; font-family: Arial; line-height: 40px; padding:0px 80px; font-weight: bold; }
.navHead .logo{ float: left; width: 230px; background:#000000; height: 40px;  }
.navHead .logo a{  line-height: 0px;display: none; }
.navTxt{ float: left;  }
.navTxt ul li a:hover{ color: #6481ad;}
.bannerPc{ display: block;}
.bannerPc img{width: 100%;}
.bannerPh{ display: none;}
.title{ color: #ed8061; font-size:32px; text-align: center; padding-top: 40px; }
.title div{ position: relative; z-index: 10;}
.title p{  width: 210px; margin: 0 auto; height:10px; background: #01274e; margin-top: -18px;   }
.chooseBlank{ background: #ffffff; height: 80px;}
.chooseMain{ height: 320px; background:#ed8061; margin-top: 30px; }
.chooseMain1{ margin-top: -80px;}
.chooseMain1 li{ width: 175px; margin: 0px 32px; text-align: center; color: #ffffff;}
.chooseMain1 li p{ margin-bottom: 10px;}
.chooseMain2{ margin-top:20px; }
.chooseMain2 li{ width: 220px; height: 70px; background:#01274e;  color: #ffffff; text-align: center; box-sizing: border-box; padding-top:5px; line-height: 30px; margin: 0px 10px;  }
.product{ background:#01274e; padding: 80px 0px; }
.productLeft{ width: 570px; float: left; margin-left: 24px;}
.productRight{ width: 332px; float: left; margin-left: 22px; }
.productLeft .bigImg{ width: 450px; height: 450px;  float: left; overflow: hidden;  }
.productLeft .bigImg img{ width: 100%;}
.productLeft .smallImg{ width: 102px; height: 450px; float: left; margin-left: 8px; overflow: hidden;      }
.productLeft .smallImg img{ width: 100%; margin-top: 5px;}
.productTitle{ color: #ffffff; margin-top: 100px;}
.productTitle div{ font-size: 26px; font-weight: bold; margin-bottom: 20px;}
.productTitle p{ word-wrap: break-word;}
.buyLinkImg a{ width: 310px; height: 40px; display: block;  color: #01274e; border-radius: 3px; border: 1px solid #ed8061; padding: 10px; margin-bottom: 15px;  }
.buyLinkImg a p{ width: 100%; height: 100%; background: #ed8061; text-align: center; line-height: 40px; font-size: 30px;  }
.buyLinkImg{ color: #ffffff; margin-top:110px;}
.description .title p{  width: 175px;   }
.shipping .title p{  width: 130px; }
.shippingContent{ padding:25px; margin-top: 50px;  }
.itemContent div{  width: 50%; float: left; }
.itemContent div p{ margin-bottom: 10px;}
.itemRight img{ margin-left: 10px;}
.shippingContent table{ width: 100%; margin-top: 15px; color: #01274e; font-weight: 600;}
.shippingContent table td{ padding: 5px 0px;}
.shippingContent table,tr,td{ text-align: center;}
.shippingContent .borderTable{ border: 1px solid #01274e;}
.shippingContent .borderTable tr{border: 1px solid #01274e; }
.shippingContent .borderTable td{border: 1px solid #01274e;  }
.shippingContent .minFont{ font-size: 14px; margin-top: 15px;}
.shippingContent .blockFont span{ display: inline-block; padding: 10px; background:#ed8061; color: #ffffff; font-weight: bold;margin: 0 auto;  }
.shippingContent .blockFont{ width: 218px; margin: 0 auto; margin-top: 25px;}
.fontYellow{ color:#ed8061; text-align: center; }
.shippingContent p{ margin-bottom: 10px;  }
.Fontblock{display: inline-block; padding: 10px; background:#ed8061; color: #ffffff; font-weight: bold;margin: 0 auto;     }
.warranty .title P{ width: 160px;    }
.warrantyContent{ margin-top:50px;}
.warrantyLeft{ width: 354px; float: left}
.warrantyRight{ width: 605px; height: 370px; float: left; background: #01274e; color: #ffffff; font-size: 12px;}
.feedbackContent{ margin-top: 50px;    }
.feedbackContent table,tr,th,td{ border: 1px solid #000000; text-align: center;}
.feedbackContent table{ width: 100%; margin-bottom: 10px;}
.feedbackContent p img{ width: 100%;}
.feedback .title p{ width: 130px;  }
.faq .title P{ width:65px;   }
.faqContent{ padding: 0px 18px; margin-top: 35px;}
.faqMain{ border-right: 2px solid #01274e; margin-top: -5px;}
.otherItem .title P{ width: 520px; }
.otherList{ margin-top: 50px;   }
.otherList ul li{ width: 210px; height:280px; background: #01274e; margin-left: 20px;    }
.otherList ul li a:nth-child(1){width:210px; height: 210px; box-sizing: border-box;  display: block; border: 7px solid #ed8061; margin-left: 8px; margin-top: 8px;    }
.otherList ul li a:nth-child(2){ width: 100%; height: 70px; background: #ffffff; display: block; color:#01274e; font-size: 12px;box-sizing: border-box; padding: 5px; box-sizing: border-box;}
.otherList ul li a:nth-child(1) img{ width: 100%;}

.description li{float:none;}
.description ul{list-style:inherit;}
.description ul li{list-style:inherit;margin-left:35px;}




@media only screen and (max-width:481px) {
        .wrap{ width: 100%;}
        .banner img{ width: 100%;}
        .navTxt{ display: none;}
        .navHead .logo{ float: none; margin: 0 auto;}
        .faqContent div img{ width: 100%;}
        .title{ padding-top: 15px;}
        .chooseMain{ margin-top: 20px; height: auto;}
        .chooseMain2{ display: none;}
        .itemRight{ display: none;}
        .fontYellow img{ width: 100%;}
        .warrantyLeft{ display: none;}
        .warrantyRight{ width: 100%; height: auto;}
        .chooseMain1{ margin-top: 0px;   }
        .chooseBlank{ display: none;}
        .chooseMain1 li{ margin: 0px;  }
        .itemContent div{  width: 100%; }
        .productLeft{ margin-left: 0px; width: 100%;}
        .productLeft .bigImg{  float: none; width: 100%; height: auto;  }
        .productLeft .smallImg{ float: none; width: 100%; height: auto; margin-bottom: 20px;}
        .productLeft .smallImg a{ width: 100px; height: 100px; display: inline-block;}
        .buyLinkImg{  margin-top: 30px; }
        .otherItem .title P{ width: 100%;}
        .otherItem .title{ font-size: 22px;}
        .feedbackContent table tr td span{ width: 100px; word-wrap: break-word; display: block;}
        .faqContent{ padding: 0px 5px;}
        .faqMain p{ font-size: 12px;}
        .warrantyRight{ padding: 10px 5px; font-size: 12px; box-sizing: border-box;}
        .shippingContent{padding: 10px;  font-size: 12px;  }
        .descriptionContent{ padding: 10px;}
        .otherList ul li{ width: 175px; margin-left:8px;  }
        .otherList ul li a:nth-child(1){ width: 175px; height: 175px;}
}
/*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%;}
}


