@charset "utf-8";

/*width:1200+*/



@media only screen and (min-width: 1004px) and (max-width: 2800px){

	/** 鼠标滑过 斜切 **/

.dd, .simg, .imgW .img, .imga, .product-list a, .teach-list .imga a, .news-list .more{transition:all ease-in .3s;-moz-transition:all ease-in .3s;-ms-transition:all ease-in .3s;-o-transition:all ease-in .3s;-webkit-transition:all ease-in .3s;}

.shadow1 .imga:hover,.shadow1 dd:hover{

    box-shadow:0px 0px 10px #aaa;

    -moz-box-shadow:0px 0px 10px #aaa;

    -ms-box-shadow:0px 0px 10px #aaa;

    -o-box-shadow:0px 0px 10px #aaa;

    -webkit-box-shadow:0px 0px 10px #aaa;

}

.shadow99 .imga:hover,.shadow99 dd:hover{

    transform:translateY(-5px);

    -moz-transform:translateY(-5px);

    -ms-transform:translateY(-5px);

    -o-transform:translateY(-5px);

    -transform:translateY(-5px);

    box-shadow:0px 0px 10px #999;

    -moz-box-shadow:0px 0px 10px #999;

    -ms-box-shadow:0px 0px 10px #999;

    -o-box-shadow:0px 0px 10px #999;

    -webkit-box-shadow:0px 0px 10px #999;

}

.shadowcc .imga:hover{

    box-shadow:0px 0px 10px #ccc;

    -moz-box-shadow:0px 0px 10px #ccc;

    -ms-box-shadow:0px 0px 10px #ccc;

    -o-box-shadow:0px 0px 10px #ccc;

    -webkit-box-shadow:0px 0px 10px #ccc;

}

.lateY .imga:hover{

    transform:translateY(-5px);

    -moz-transform:translateY(-5px);

    -ms-transform:translateY(-5px);

    -o-transform:translateY(-5px);

    -transform:translateY(-5px);

    box-shadow:0px 0px 10px #ccc;

    -moz-box-shadow:0px 0px 10px #ccc;

    -ms-box-shadow:0px 0px 10px #ccc;

    -o-box-shadow:0px 0px 10px #ccc;

    -webkit-box-shadow:0px 0px 10px #ccc;

}

.lateY10 .imga:hover{

    transform:translateY(-10px);

    -moz-transform:translateY(-10px);

    -ms-transform:translateY(-10px);

    -o-transform:translateY(-10px);

    -transform:translateY(-10px);

}

.scale:hover .simg,.imgW:hover .img,.product-list a:hover .img{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}







}







@media only screen and (min-width: 1200px){



	}

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

  .wp{ width:96%;}

  .navul li>a{padding: 0 15px;}



}

/** max-width:1200 **/

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

   .wp{ width:96%;}

   .navul li>a{padding: 0 20px;}

   .footfl a{margin: 0 10px;}

   .insmartLi{padding: 10px 15px; font-size: 14px;}

   .insmartLi span{margin-left: 5px;}



   .orderwp{width: 96%}



}

/** max-width:1024 **/

@media only screen and (max-width: 1023px) {
.warrpxbbox{display: block;}
.warrinItem{width: 98%; margin: 15px 0; padding: 30px;}
.warrinItem h3{font-size: 24px;}
.warrptext{margin: 25px 0}
.nav{ display:none;}
body{padding-top: 60px;}
.header{position: fixed; top: 0; background: #fff; z-index: 99999; width: 100%}

.menubtn{ display:block;} 
.bantext h3{font-size: 18px; line-height: 20px;}
.bantext{font-size: 14px; line-height: 20px;}
.bantext p{margin: 5px 0}
.semore{font-size: 16px;}
.inrealBox{flex-wrap: wrap;}
.inrealItem{width: 98%; margin: 5px 0}
.inadtitle{font-size: 14px; width: 50%; line-height: 24px;}
.neverVideo{width: 100%}
.neverVideo video{width: 100%}
.shopcarPup{width: 100%; padding: 70px 20px 20px}

.loarea{ height:60px;}

.loarea .logo{ width:140px; padding-top:14px; }

/*.loarea .logo img{ height:32px;}*/

.tel{ display:none;}

.mtel{ display:block;}
.nybantbox{font-size: 14px;}
.nybantbox h3{font-size: 20px;}
.banner .swiper-pagination{ display:none;}

.banner .swiper-button-prev,.banner .swiper-button-next{ display:inline-block; width:20px; height:28px;margin-top:-14px;}

.footer_wap{ display:block;}

.pcshow{ display:none;}

.wapshow{ display:inline-block;}



.headerBox{padding-top: 0; padding-left: 50px;}

.inloginbxo{padding-right: 10px; padding-top: 10px;}

.inloginbxo a{margin: 0 5px;}

.insmartBox{margin-top: 20px; padding:25px 15px;}

.h_tit h3{font-size: 24px;}

.titcont{width: 100%; font-size: 16px;}

.insmartLi{width: 98%;margin: 10px 1%;}

.insmartUl{

    display:flex;

    justify-content:space-between;

    flex-wrap: wrap;

}

.inproductBox{

    flex-wrap: wrap;

}

.inproductLi{

    width: 98%;

    margin: 10px 1%;

}

.inprotit{

    font-size: 30px;

}

.inbestBox .swiper-button-prev, .inbestBox .swiper-button-next{

    margin-top: -75px;

}

.guidUl{

    padding: 30px 0;

}

.guidUllon{

     flex-wrap: wrap;

}

.guidLi{

    width: 98%;

    margin: 10px 0;

}
.registerPupTop .reimg{font-size: 14px; padding-top: 15px}
.registerPupTop .reimg img{margin-top: 15px;}
.regisBot{width: 90%}

.footer{

    padding: 30px 0;

}

.footTop{

    flex-wrap: wrap;

}

.footfl{

    margin-bottom: 25px;

    flex-wrap: wrap;

    justify-content: flex-start;

}

.footfl a{

    margin: 5px 8px;

}

.searchBox{

    width: 100%;

}

.footBot{

    margin-top: 15px;

    flex-wrap: wrap;

}

.registerPupBox{width: 98%}

.logonBox{width: 98%}

.regah{font-size: 14px;}

.logonBox h3{font-size: 36px;}

.logonBox{padding: 25px 20px;}



.orderBox{flex-wrap: wrap;}

.orderFl{

    width: 98%;

}
.guidUllon.termsUl .guidLi{
    width: 98%;
    margin: 10px 1%
}
.orderFr{

    width: 98%;

    margin-left: 0;

    padding: 25px

}

.orderTitle{font-size: 28px;}

.customerBox{flex-wrap: wrap;}

.customerFl{width: 100%; padding: 25px 0; border-radius: 20px;  margin-bottom: 20px;}

.customerFr{width: 100%}

.customeImg{padding-left: 0; margin: 10px 0}

.customerFl h3{font-size: 28px;}

.supportBox{

    flex-wrap: wrap;

}
.trcakBox{
    flex-wrap: wrap;
    padding: 20px 0;
}
.trckItem{
    width: 100%;
    margin: 10px 0
}
.logbgtpk{
    position: static;
}
.trckItem.on{
    transform: scale(1);
}

.supportLi{

    width: 98%;

    margin: 10px 1%

}

.supportBot{padding: 12px; font-size: 18px;}

.supportBot h3{font-size: 24px;}

.contactInfor{margin-top: 20px; padding:15px 15px;}

.contafaqBox{

    flex-wrap: wrap;

}

.contafaqFl,.contafaqFr{

    width: 100%;

    margin-bottom: 20px;

}

.contafaqFr h3{margin-bottom: 20px; font-size: 24px;}

.contafaqFr{font-size: 16px;}

.questionBg .customerFl h3{font-size: 24px;}
.questionBg .customerFl{border-radius: 24px; margin-bottom: 20px;}
.customerBox form{width: 100%}


/**/

.warrbox{width: 98%; padding: 20px;}

.productFl{width: 100%; box-sizing:border-box; padding: 20px;}

.productFr{

    width: 100%;

    margin-top: 25px;

}

.prodecuLi{width: 46%}

.inbestBot .title{font-size: 20px;}

.more{font-size: 16px;}

.productDtileFl{width: 100%}

.productDtileFr{width: 100%}

.detailbot{width: 100%; margin-top: 10px}

.addressBox{flex-wrap: wrap;}

.addressFl{

    width: 100%

}

.addressFr{

    width: 100%;

    margin-top: 20px;

}

.shopcarBox .shopcarFl{width: 100%;padding: 25px;}

.shopcarBox .shopcarFr{width: 100%; margin-top: 20px; padding: 25px;}

.shoppcartit{font-size: 24px;}

.shoppli{flex-wrap: wrap;}

.shoplifllw{margin-bottom: 15px;}

.detquant span{height: 30px; line-height: 30px;}

.detquant input{height: 30px; line-height: 30px; width: 60px;}

.detquant{line-height: 30px;}



.evaluateBox{width: 98%; box-sizing: border-box; padding: 20px}

















}

/** max-width:960 **/

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



}

/** max-width:768 **/

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

.banner .slick-dots{ bottom:10px;}

}

/** max-width:640 **/

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

}



/** width:480 **/

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



}



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



}

/** width:320px **/

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

}



/*********************************首页结束**********************************/



/*******************************************************************/

/*width:1200+*/

@media only screen and (min-width: 1200px){}

/** max-width:1200 **/

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



	}

/** max-width:1200 **/

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

/** width:960px **/

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

}

/** max-width:960 **/

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

/** max-width:768 **/

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

/** max-width:640 **/

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

	}

/** width:480 **/

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

/** width:360px **/

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



/** width:320px **/

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

/*******************************************************************/