/* ====首页====== */

body{ background-color:#fff;}

/** header **/

.header{ position:relative; z-index:10;}

.headerBox{display: flex; justify-content: space-between; align-items: center; padding-top: 18px;}

.loarea{ height:80px; position:relative; z-index:3;}

.logo{ /*width:200px;*/ display:block;}

/*.logo img{ height:60px; width:auto;}*/



/*PC导航 begin*/

.nav{ position:relative;  z-index:5; /*padding-top: 35px;*/}

/*.navul{ font-size:0;}*/

.navul li{ display:inline-block; font-size:18px; position:relative;}

.navul li>a{ color:#000; /*padding:0 40px 20px;*/ padding: 0 40px; text-align:center;  display:inline-block;font-family: DIN, DIN;

	font-weight: 500; text-transform: uppercase;}

.navul li>a:hover{ /*color: #0CABAA!important;*/ border: 1px solid #1D3D76 }

.act_nav{/*color: #0CABAA!important;*/  border: 1px solid #1D3D76}



/*登录注册*/

.inloginbxo{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.inloginbxo a{

	margin: 0 15px;

}

.navul li>a i{

	position: absolute;

	width: 0px;

	height: 3px;

	background: #f3a003;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}





.navul li>a:hover,.navul li>a.act_nav{border: 1px solid #1D3D76}

.navul li>a:hover i{ width: 50px;}

.navul li>a.act_nav i{width: 50px;}

/*搜索*/

.searchBg{

	position:absolute;

	left: 0;

	width: 100%;

	background: #fff;

	z-index: 99;

	padding: 20px 0 30px;

	display: none;

}

.searchBoxul{

	width: 90%;

	position: relative;

	margin: 0 auto;

}

.searchtext{

	border: none;

	border-bottom: 1px solid #0CABAA;

	padding-bottom: 20px;

	width: 100%;

	padding-left: 55px;

	padding-right: 130px;

	box-sizing: border-box;

}

.searchBoxul span{

	position: absolute;

	left: 0;

	top: -10px;

}

.searchBoxul button {

	position: absolute;

	right: 0;

	font-weight: 400;

	font-size: 12px;

	color: #FFFFFF;

	border-radius: 4px;

	line-height: 36px;

	border: none;

	background: #0CABAA;

	width: 120px;

	margin-left: 5%;

}



/*PC导航 begin*/

.subnav{ position:absolute; left:0; top:42px; width:100%; padding:8px 5px; box-sizing: border-box; background: rgba(129,129,129,0.8); display:none;}

.subnav1 dd{width:100%; text-align: center; background-image:none !important; padding: 10px 0; border-bottom: 1px solid #f2f2f2; font-size: 16px; color: #fff;}

.subnav1 dd a{color: #fff; display: block; font-size: 14px;}

.subnav1 dd a:hover{color: #ff9443}

.subnav1 dd:hover{border-bottom: 1px solid #ff9443;}

.subnav1 dd .nr a{height:30px; text-align:left; line-height:30px; font-size:14px; display:block;  color:#333 !important; text-align:center; }

.subnav1 dd .nr a:hover{ color:#ff7f02 !important; text-indent:2px; background-color:none;}

.subnav1 .tit{ font-size:16px; font-weight:bold; text-align:center; padding:8px 0 4px;}

/*.subnav2{ width:256px;}*/





/*手机导航按钮及下拉菜单begin*/

.menubtn{ position:absolute; width:24px; height:24px;top:19px; left:10px; cursor:pointer; display:none;}

.menubtn i{ display:block; width:21px; height:3px; background-color:#1D3D76; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}

.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}

.menubtn i:nth-child(2){ top:11px;}

.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}

.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}

.menubtn.on i:nth-child(2){ opacity:0;}

.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

/*小导航*/

.inav{ background:#fff; position:fixed; left:0; top:60px; width:100%; height: 100%; left: -100%; z-index:99999; transition: all 0.3s }
.inav.on{left: 0}
/*手机修改*/
.phonmenubox{
	display: flex;
	justify-content: space-between;
}
.phonmenufl{
    width: 30%;
    box-sizing: border-box;
    border-right: 1px solid #f1f1f1
}
.phonmenufl a{
	font-size: 14px;
	color: #999;
	padding-left: 20px;
    box-sizing: border-box;
	margin: 25px 0;
	display: block;
}
.phonmenufr{
    width: 68%;
}
.phontab{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.phontab .inbestBot .title{
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 14px;
}
.phontab .inbestBot .more{
   width: 98%;
   font-size: 14px;
   line-height: 32px;
   height: 32px;
}



/*.inav{ display:none;}*/

/*.inav dl{ padding:0 10px; text-align:left;}

.inav dt{ font-size:14px; color:#fff; height:40px; line-height:40px; border-bottom:1px solid #0CABAA; padding-left:8px; position:relative;}

.inavbtn{ position:absolute; right:0px; top:14px; width:14px; height:14px; background:url(../images/icon/jia3.png) center center no-repeat; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center;-webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}

.inav dd{ display:none; padding-left:2em; border-bottom:1px solid #1c4e9e; padding-bottom:6px;}

.inav a{ color:#fff;}

.inav a:hover{ color:#ccc;}

.inav dd h6{ font-size:14px; font-weight:normal; line-height:2;}

.inav dd h6 a{ display:block;}

.inav dd p{ font-size:12px; text-indent:1em; line-height:1.8;}*/

.act_inav{ font-weight:bold;}

.act_inav .inavbtn{ -webkit-transform:rotate(135deg) !important; -moz-transform:rotate(135deg) !important; -ms-transform:rotate(135deg) !important; -o-transform:rotate(135deg) !important;transform:rotate(135deg) !important;}

/*手机导航按钮及下拉菜单end*/

/*banner begin*/

.banner{ position:relative; z-index:3; }

.banner .swiper-slide{position:relative; overflow:hidden;}

.banimg{

	width:100%;

	height:auto;

	display:block;

	-webkit-transition:all 20s ease-out 0s;

	-moz-transition:all 20s ease-out 0s;

	-ms-transition:all 20s ease-out 0s;

	-o-transition:all 20s ease-out 0s;

	transition:all 20s ease-out 0s;

}

.banner .swiper-slide-active .banimg{

	-webkit-animation: zoomin_out 20s infinite ease-in-out;

	-moz-animation: zoomin_out 20s infinite ease-in-out;

	-ms-animation: zoomin_out 20s infinite ease-in-out;

	-o-animation: zoomin_out 20s infinite ease-in-out;

}



@-webkit-keyframes zoomin_out{

	0%{-webkit-transform:scale(1);}

	50%{-webkit-transform:scale(1.1);}

	100%{-webkit-transform:scale(1);}

}

@-moz-keyframes zoomin_out{

	0%{-moz-transform:scale(1);}

	50%{-moz-transform:scale(1.1);}

	100%{-moz-transform:scale(1);}

}

@keyframes zoomin_out{

	0%{transform:scale(1);}

	50%{transform:scale(1.1);}

	100%{transform:scale(1);}

}



.banner .swiper-pagination{ bottom:16px !important;}

.banner .swiper-pagination-bullet{

	width:40px;

	height:4px;

	padding: 0;

	background-color:#fff;

	font-size: 0;

	line-height: 0;

	outline:none;

	cursor: pointer;

	-webkit-border-radius:0%;

	-moz-border-radius:0%;

	-ms-border-radius:0%;

	-o-border-radius:0%;

	border-radius:0%;

	filter:alpha(opacity=100);

	-moz-opacity:1;

	-khtml-opacity: 1;

	opacity: 1;

	margin:0 10px !important;

}



.banner .swiper-pagination-bullet-active{background-color:#eb2a2e;}

.banner .swiper-button-prev{ background:url(../images/arrowflb.png) center center no-repeat; left:50%; margin-left: -40px;}

.banner .swiper-button-next{ background:url(../images/arrowfrb.png) center center no-repeat; right:50%; margin-right: -40px;}

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

	filter:alpha(opacity=80);

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

	width:24px;

	height:25px;

	top:inherit;

	bottom: 65px;

	/*margin-top:-30px; */

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-ms-background-size:100%;

	-o-background-size:100%;

	background-size:100%;

}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

.banimgarea{
	position: relative;
    height: 100% !important;
    overflow: hidden;
}
.bantext{
	position: absolute;
	top: 50%;
	left: 38%;
	font-size: 36px;
	color: #666;
	text-align: left;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.bantext h3{
    font-size: 96px;
	color: #090909;
	white-space: nowrap;
	font-weight: bold;
	line-height: 96px;
	/*font-weight: bold;*/
}
.bantext p{
	margin: 5px 0 25px;
}
.semore{
	font-size: 32px;
	color: #fff;
	background: #090909;
	padding: 5px 25px;
	border-radius: 38px;
	display: inline-block;
	transition: all 0.5s;
	text-transform: uppercase;
}


/*banner end*/

.h_tit{



	color: #041C2C;

	text-align: center;

	font-family:"iconfont" !important;

	margin-bottom: 40px;

}

.h_tit h3{

	font-weight: bold;

	font-size:48px;

}

.h_tit .hsubtit{

	display: inline-block;

	color: #041C2C;

	font-size: 16px;

	background: #E8ECF1;

	padding: 10px 15px;

	border-radius: 45px;

	text-transform: capitalize;

}

.titcont{

	font-family:"iconfont" !important;

	font-weight: 400;

	font-size: 24px;

	color: #041C2C;

	text-align: center;

	margin: 10px auto 0;

	width: 70%;

}



.insmartBg{

	position: relative;

}

.insmartBox{

	background: #F3FBFA;

	border-radius: 20px;

	padding: 40px 40px 30px;

	box-sizing: border-box;

	z-index: 2;

	margin-top: -50px;

	position: relative;

}

.inbk{

	display: inline-block;

	vertical-align: middle;

}

.insmartLi{

	float: left;

	margin: 0 1%;

	width: 23%;

	background: #fff;

	color: #0CABAA;

	font-size: 20px;

	font-weight: bold;

	text-transform: uppercase;

	box-sizing: border-box;

	padding: 15px 30px;

	border-radius: 75px;

}

.insmartLi span{

	margin-left: 10px;

}

.padb{

	padding: 45px 0

}

.inproductBox{

	display: flex;

	justify-content: space-between;

}

.inproductLi{

	width: 31%;

	background: #DCF1E6;


	overflow: hidden;

}

.imW{

	overflow: hidden;

}

.img{

	display: block;

	overflow: hidden;

}

.inproductBot{

	box-sizing: border-box;

	padding: 24px 32px;

}

.inprotit{

	font-weight: bold;

	font-size: 48px;

	color: #041C2C;

	text-align: left;

	font-style: normal;

	position: relative;

	display: inline-block;

}

.inprotit:after{

	content: "";

	position:absolute;

	bottom: 0;

	width: 100%;

	left: 0;

	height: 24px;

	background: rgba(51,51,51,0.1);

	border-radius: 0px 0px 0px 0px;

}

.more{

	display: block;

	font-weight: bold;

	font-size: 16px;

	color: #FFFFFF;

	width: 134px;

	height: 43px;

	border-radius: 43px;

	background: #1D3D76;

	text-align: center;

	line-height: 43px;

	margin-top: 20px;

}

.allmore{

	font-size: 16px;

	color: #000;

	text-transform: capitalize;

	display: block;

	margin: 50px auto 0;

	text-align: center;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 12px 32px;
	border-radius: 36px;

}
.allmore:hover{
	background: #090909;
	color: #fff
}
.inbestBg{

	position: relative;

}

.inbestBox {

	position: relative;

}

.inbestBox .imgW{

	/*background: #F0F4F3*/
	margin: 0 auto

}



.inbestBot{

	padding: 16px 0;

	text-align: center;

}

.inbestBot .title{

	font-weight: 500;

	font-size: 24px;

	color: #1B1B1C;

	text-transform: capitalize;

}

.price{

	font-size: 20px;

	font-family: 'ari'!important;

	margin: 12px 0

}

.inbestBot .more{

	text-transform: uppercase;

	margin: 0 auto;

}
.discubpx{
	display: flex;
	justify-content: center;
	align-items: center;
}
.discount{
	color: #1D3D76;
	margin-left: 10px;
}



.inbestBox .swiper-button-prev{ background:url(../images/arrowfh.png) center center no-repeat; right:0%; margin-right: 70px;}

.inbestBox .swiper-button-next{ background:url(../images/arrowrh.png) center center no-repeat; right:0%; margin-right: 20px;}

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

	filter:alpha(opacity=80);

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

	width:24px;

	height:25px;

	top:0;

	left: inherit;

	bottom: inherit;

	margin-top:-50px;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-ms-background-size:100%;

	-o-background-size:100%;

	background-size:100%;

}

.guideBg{

	padding-top: 45px;

}

.guideBox{

	position: relative;

	width: 100%

}
.guideBox img{
	width: 100%;
}

.guidUl{

	position: relative;

	background: #F9F9F9;

	padding: 60px 0;



}

.guidUllon{

	display: flex;

	justify-content: space-between;

}

.guidLi{

	width: 31.3%;

	background: #fff;

	border-radius: 24px;

	text-align: center;

	font-size: 14px;

	color: #666;

	box-sizing: border-box;

	padding: 40px 10px;

}

.guidLi h3{

	font-size: 20px;

	color: #041C2C;

	font-weight: bold;

	margin: 20px 0;

}

.inwordBg{

	padding: 60px 0;
	background: url(../images/realbg.png) no-repeat center bottom;

}

.inwordImg{

	line-height: 0;

	margin-top: 60px;
	position: relative;

}
.inadtitle{
	position: absolute;
	top: 20px;
	left: 50px;
	color: #fff;
	font-size: 48px;
	line-height: 48px;
	width: 30%
}

.inrealBox{
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.inrealItem{
	width: 31.3%;
	margin: 0 1%
}
.inrealImg{
	line-height: 0
}
.inrealImg img{
	width: 100%
}
.inrealTextbox{
	padding: 20px 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	color: #999;
}
.inrealTextbox h3{
	color: #1B1B1C;
	font-size: 24px;
	margin: 20px 0 12px;
}
.inrealItem:hover{
	background: #1D3D76;
	color: #fff
}
.inrealItem:hover .inrealTextbox{
	color: #fff
}
.inrealItem:hover h3{
	color: #fff
}
.neverBg{
	background: url(../images/neverBg.png) no-repeat;
	background-size: cover;
	padding: 60px 0
}
.neverVideo{
	margin: 0 auto;
	text-align: center;
}
.chooseBg{
	padding: 60px 0
}
.chooseBox{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.chooseFl{
	width: 40%
}
.chooseFr{
	width: 55%
}
.chooseItem{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 16px;
	color: #999;
	box-sizing: border-box;
	padding: 30px;
	margin-left: 110px;
	width: 90%
}
.chooseItem:nth-child(2){
	margin-left: 0px;
}
.chooseItem h3{
	font-size: 32px;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
}
.chooseItem img{
	margin-right: 15px;
}
.chooseItem:hover{
	background: #CEDADA;
	border-radius: 10px;
	overflow: hidden;
}
.neverVideo{width: 100%}
.neverVideo video{width: 100%}
.chooseBox{flex-wrap: wrap;}
.chooseFl{width: 100%; margin-bottom: 15px;}
.chooseFr{width: 100%}
.chooseItem{margin-left: 0; width: 100%; padding: 15px 0; font-size: 14px;}
.chooseItem h3{font-size: 20px;}
.footer{

	background: #FAFAFB;

	padding: 60px 0;

}

.footBot{

	margin-top: 30px;

	display: flex;

	justify-content: space-between;

	font-size: 16px;

	color: #1B1B1C;

}

.footBot .copy{

	color: #999;

	font-size: 14px;

}

.footTop{

	display: flex;

	justify-content: space-between;

	align-items:flex-end;

	border-bottom: 1px solid #ccc;

	padding-bottom: 30px;

}

.footfl{

	text-transform: capitalize;

	display: flex;

	justify-content: space-between;

	text-align: center;

}

.footfl a{

	margin: 0 30px;

	font-size: 14px;

	color: #666;

}

.fotmuen{

	font-weight: 400;

	font-size: 16px;

	color: #041C2C;

}

.fotmuen i{

	font-style: normal;

	margin: 0 8px;

}

.fottit{

	font-weight: 500;

	font-size: 16px;

	color: #041C2C;

	margin: 12px 0;

}

.searchBox{

	display: flex;

	justify-content: flex-start;

	width: 70%;

}

.searchBox input{

	border-radius: 4px 4px 4px 4px;

	border: 1px solid #666666;

	line-height: 36px;

	box-sizing: border-box;

	padding: 0 10px;

	width: 70%;

}

.searchBox button{

	font-weight: 400;

	font-size: 12px;

	color: #FFFFFF;

	border-radius: 4px;

	line-height: 36px;

	border: none;

	background: #0A0E19;

	width: 25%;

	margin-left: 5%;

}

/*注册弹窗*/

.registerPupBox{

	width: 660px;

	position: relative;

	background: #fff;

	border-radius: 24px;

	overflow: hidden;

	margin: 0 auto;

}

.registerPupTop{

	position: relative;

}

.registerPupTop img{

	display: block;

}

.registerPupTop .reimg{

	position: absolute;

	top: 0;

	width: 80%;

	font-weight: 900;

	font-size: 32px;

	color: #fff;

	text-align: center;

	left: 50%;

	-webkit-transform: translate(-50%,0%);

	-moz-transform: translate(-50%,0%);

	-ms-transform: translate(-50%,0%);

	-o-transform: translate(-50%,0%);

	transform: translate(-50%,0%);

	padding: 40px 0 0;

}
.registerPupTop .reimg img{
	display: inline-block;
	margin-top: 40px;
}

.regisBot{

	width: 80%;

	margin: 0 auto;

	padding: 15px 0 60px;

}
.fxadd{
	color: #999999
}
.inputBox{

	font-weight: 500;

	font-size: 16px;

	color: #041C2C;

	text-align: left;


}
.tgxbyt{
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid #F1F1F1;
	border-radius: 5px;
	margin-bottom: 20px;
}
.inputBox p{
	margin-bottom: 15px;
}

.inputBox input{

	border-radius: 8px 8px 8px 8px;

	border: 1px solid #F1F1F1;

	line-height: 43px;

	padding: 0 12px;

	box-sizing: border-box;

	width: 100%;

	margin-top: 12px;

}

.regcheck{

	font-size: 12px;

	color: #3F5566;

	text-align: left;

	margin: 20px 0 30px;

	text-transform: capitalize;

}

.regcheck a{

	color: #1D3D76;

}

.regispupbtn{

	background: #1D3D76;

	border-radius: 8px;

	line-height: 54px;

	width: 100%;

	color: #fff;

}

.regh{

	font-size: 16px;

	text-align: center;

}

.registerPupBox .pupClose{

	top: inherit;

	bottom: 20px;

	left: 50%;

	margin-left: -17px;

	right: inherit;

}



/*登录*/

.loginHeader{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.regah{

	font-weight: bold;

	color: #1D3D76;

	font-size: 24px;

}
.logbgtpk{
	background: url(../images/logobg.png) no-repeat;

	background-size: 100% 100%;
	position: fixed;
	width: 100%;
	height: 100%
}
.loginBg{

	width: 100%;

	

	padding: 35px 0 110px;

}

.logonBox{

	width: 580px;

	box-sizing: border-box;

	padding: 32px;

	border-radius: 16px;

	background: #F7F8FA;

	margin: 0 auto

}

.logonBox h3{

	font-weight: bold;

	font-size: 56px;

	color: #041C2C;

}

.forgot{

	font-weight: 400;

	font-size: 14px;

	color: #041C2C;

	text-align: center;

	margin: 20px 0 30px;

	display: block;

}

.loginFoot{

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-weight: 400;

	font-size: 16px;



}

.loginFoot a{

	color: rgba(0,0,0,0.6);

}

.loginFoot span{

	/*width: 28px;

	height: 4px;

	background: #0CABAA;*/

	display: block;

}

.rigisterbox{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.rigisterbox .inputBox{

	width: 48%;

	margin: 0 1%;

}

.rigisterbox .inputBox.regemail{

	width: 100%

}

/*我的订单*/

.orderwp{

	width: 100%;

	max-width: 1380px;

	margin: 0 auto;

}

.orderBox{

	display: flex;

	justify-content: space-between;
	align-items: flex-start;

}

.orderFl{

	width: 285px;

	box-sizing: border-box;

	padding: 32px;

	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);

	border-radius: 16px 16px 16px 16px;

}

.orderFr{

	width: calc(100% - 365px);

	padding: 40px;

	margin-left: 40px;

}

.orderTitle{

	font-weight: bold;

	font-size: 32px;

	color: #041C2C;

	text-transform: capitalize;

}

.orderfltit{

	font-size: 16px;

	color: #12181D;

	font-weight: bold;

	padding-bottom: 10px;

	border-bottom: 1px solid #F1F1F1

}

.orderFl a{

	line-height: 40px;

	padding:0 15px;

	box-sizing: border-box;

	display: block;

	color: #3F5566;

	font-size: 14px;

	border-radius: 8px;

	margin: 10px 0

}

.orderFl a i{

	width: 8px;

	height: 8px;

	margin-right: 10px;

	background: #1D3D76;

	transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	display: none;

}

.orderFl a.on,.orderFl a:hover{

	color: #1D3D76;

	background: rgba(29, 61, 118, 0.10);

}

.orderFl a.on i,.orderFl a:hover i{

	display: inline-block;

}

.orderLi{

	padding: 32px 0;

	border-bottom: 1px solid #F1F1F1

}

.orderStatusbx{

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-size: 14px;

	font-family: 'ari';

	margin-bottom: 15px;

}

.orderStatusbx i{

	font-style: normal;

	margin-right: 8px;

}

.orderid span{

	color: #999;

	margin-right: 10px;

}

.ordsta{

	color: #999

}

.ordertotal{

	font-size: 14px;

	color: #041C2C

}

.orderInform{

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.orderxxtit{

	font-size: 16px;

	color: #041C2C;

	font-weight: bold;

}

.ordercolor{

	font-size: 14px;

	color: #3F5566;

	margin: 8px 0

}

.ordercolor i{

	width: 12px;

	height: 12px;

	display: inline-block;

	vertical-align: middle;

	border-radius: 50%

}

.unitPrice{

	font-size: 14px;

	color: #000

}

.recipbox{

	position: relative;

	font-size: 14px;

	color: #12181D;

	font-family: "ari";

	line-height: 26px;

	margin-top: 20px;

}

.recipTit{

	color: #999;

	font-size: 14px;

}

.orderxinxi{

	margin-left: 10px;

}

.delive{

	color: #1D3D76

}

.confirmbtn{

	font-size: 14px;

	color: #041C2C;

	border: 1px solid #CCCCCC;

	border-radius: 8px;

	padding: 10px 24px;

}

.firmation{

	color: #F16B2B

}

.paynow{

	background:#1D3D76;

	color: #fff

}

.orderLi .tr{

	display: block;

	margin-top: 20px;

}

.nybaner{

	width: 100%;
	position: relative;

}

.nybaner img{

	display: block;
	width: 100%;

}
.nybantbox{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFFFFF;
	font-size: 32px;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}
.nybantbox h3{
	font-size: 60px;
}

.customerBox{

	display: flex;

	justify-content: flex-start;

}
.customerBox form{width: 100%}

.customerFl{

	width: 45%;

	flex: 1;

	background: url(../images/custombg.png) no-repeat;

	background-size: 100% 100%;

	box-sizing: border-box;

	text-align: center;

	padding: 90px 0 0;

	color: #fff

}

.customerFr{

	height: 535px;

	width: 55%

}

.customerFl h3{

	font-size: 48px;

}

.customeImg{

	font-size: 20px;

	color: #fff;

	margin: 25px 0;

	text-align: left;

	padding-left: 100px;

}

.customeImg span{

	margin-left: 10px;

}
.trcakBg{
	background: url(../images/trackBg.png) no-repeat;

	background-size: 100% 100%
}
.trcakBox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 120px 0
}
.trckItem{
	width: 20%;
	position: relative;
}
.trckItem video{
	width: 100%
}
.trckItem.on{
	transform: scale(2.5);
}
.trckItemcont{
	background: rgba(7, 7, 7, 0.33);
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 10px;
	color: #fff;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0
}
.trckItemcont h3{
	font-weight: bold;
	font-size: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.trckItemcont h3 img{
	margin-right: 5px;
}
.supportBg{

	background: url(../images/supprBg.png) no-repeat;

	background-size: 100% 100%

}

.supportBox{

	display: flex;

	justify-content: space-between;

}

.supportLi{

	background: #fff;

	border-radius: 24px;

	margin: 0 1%;

	width: 31.3%;

}

.supportBot{

	padding: 24px;

	box-sizing: border-box;

	font-size: 24px;

	color: #000

}

.supportBot h3{

	font-size: 32px;

	font-weight: bold;

}

.guidUllon.termsUl .guidLi{
    width: 23%;
	background: rgba(29, 61, 118, 0.05)

}

.warrantyBox{

	border-bottom: 1px solid #F1F1F1

}

.warrantNav{

	display: flex;

	justify-content: space-between;

}

.warrantNav a{

	font-size: 14px;

	color: #000000;

	font-weight: bold;

	display: block;

	padding-bottom: 22px;

	width: 31.3%

}

.warrantNav a.on,.warrantNav a:hover{

	border-bottom: 1px solid #0CABAA;

	color: #0CABAA

}

.warrpbg{

	background: url(../images/waeepBg.png) no-repeat;

	background-size: 100% 100%;

	padding: 60px 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;

}

.warrpbg .logonBox{

	background: #fff;
	width: 31.3%;

}


.warrpbg .logonBox h3{

	font-size: 32px;

	margin-bottom: 20px;

}

.warrpbg .inputBox{

	margin-bottom: 25px;

}

.warrpsm{

	font-weight: 400;

	font-size: 16px;

	color: #999999;

	margin-top: 20px;

}

.contactInfor{

	background: #F4F8FF;

	border-radius: 24px;

	padding: 40px;

	box-sizing: border-box;

	position: relative;

	z-index: 2;

	margin-top: -50px;

}

.contafaqBox{

	display: flex;

	justify-content: space-between;

}

.contafaqFl{

	width: 43%

}

.contafaqFl img{

	display: block;

}

.contafaqFr{

	width: 55%;

	font-weight: 500;

	font-size: 24px;

	color: #041C2C;

}

.contafaqFr h3{

	font-size: 32px;

	color: #041C2C;

	font-weight: bold;

	margin-bottom: 60px;

}

.contafaqFr p{

	margin: 15px 0

}

.contafaqFr span{

	font-size: 16px;

	color: #666;

	font-weight: 400

}

.questionBg{

	background: url(../images/contactbg.png) no-repeat;

	background-size: 100% 100%

}

.questionBg .customerFl{

	padding: 0;

	background: #fff;

	border-radius: 24px 0px 0px 24px;

}

.questionBg .logonBox{

	background: #fff;

}

.questionBg .inputBox{

	margin: 10px 0;

}

.questionBg .customerFl h3{

	font-size: 32px;

}

/*添加地址*/

.addressBox{

	display: flex;

	justify-content: space-between;

}

.addressFl{

	width: 54%;

	border-radius: 16px;

	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);

	padding: 32px;

	box-sizing: border-box;

}

.addressFr{

	width: 43%;

	border-radius: 16px;

	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);

	padding: 32px;

	box-sizing: border-box;

}

.addressTit{

	font-weight: 500;

	font-size: 32px;

	color: #12181D;

	margin-bottom: 15px;

}

.addressUl{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.addressLi{

	position: relative;

	width: 48%;

	margin: 10px 1%

}

.addressInputts{

	background: #F4F5F7;

	border-radius: 8px;

	padding: 35px 15px 15px;

	box-sizing: border-box;

	width: 100%;

	border: 1px solid #1D3D76

}

.addressLi span{

	position: absolute;

	top: 8px;

	left: 15px;

	color: #8FA2B2

}

.addressLits{

	position: relative;

	width: 98%;

	margin: 10px 1%

}

.addressLits .addressInputts{

	padding: 15px 15px 15px 150px;

}

.addressLits span{

	position: absolute;

	top: 15px;

	left: 15px;

	color: #8FA2B2

}

.addressUl .regispupbtn{

	width: 98%;

	margin: 25px 1% 0

}

.addrefrtit{

	font-size: 24px;

	color: #12181D;

	font-weight: 500;

	margin-bottom: 24px;

}

.addresxinBox{

	border: 1px solid #F1F1F1;

	border-radius: 8px;

	box-sizing: border-box;

	padding: 12px;

	font-weight: 400;

	font-size: 14px;

	color: #12181D;

	font-family: 'air';

	line-height: 24px;

	margin-bottom: 24px;

}

.addrexxli{

	display: flex;

	justify-content: space-between;

}

.setaddre{

	display: block;

	text-align: center;

	color: #1D3D76;

	font-size: 16px;

}

.warrbox{

	/*width: 70%;*/
	width: 31.3%;

	padding: 30px;

	box-sizing: border-box;

	border-radius: 24px;

	margin: 0 auto;

	font-weight: 400;

	font-size: 16px;

	color: #041C2C;

	line-height: 22px;

	background: #fff

}
.warrbox.warthreebox{
	width: 70%
}

.warrbox h3{

	font-weight: 500;

	font-size: 32px;

	color: #041C2C;

	text-align: center;

	margin-bottom: 30px;

}

.productBox{

	/*	display: flex;

        justify-content: space-between;*/

}

.productFl{

	width: 235px;

	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);

	border-radius: 16px;

	padding: 32px;

}

.productFr{

	width: calc(100% - 335px)

}

.productMenu dl{

	margin: 12px 0;

	padding: 0 2px;

}

.productMenu dl dt{

	font-weight: 500;

	font-size: 16px;

	color: #1B1B1C;

}

.productMenu dl dd{

	margin: 12px 0;

}

.productMenu dl dd a{

	line-height: 40px;

	padding: 0 15px;

	box-sizing: border-box;

	display: block;

	color: #3F5566;

	font-size: 14px;

	border-radius: 8px;

	margin: 10px 0;

}

.productMenu dl dd.on a,.productMenu dl dd:hover a{

	color: #1D3D76;

	background: rgba(29, 61, 118, 0.05);

}

.productMenu dl dd a i {

	width: 8px;

	height: 8px;

	margin-right: 10px;

	background: #1D3D76;

	transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	display: none;

}

.productMenu dl dd.on a i, .productMenu dl dd:hover a i{

	display: inline-block;

}



.productMenu dl.coloul dd{

	margin:15px 5px 0;

	display: inline-block;

	padding: 2px;

	border-radius: 50%;

}

.productMenu dl.coloul dd a{

	display: block;

	width: 25px;

	height: 25px;

	border-radius: 50%;

	padding: 0;

	margin: 0

}

.productMenu dl.coloul dd.on{

	border: 2px solid #0CABAA;

}

.prodecuList{

	display: flex;

	justify-content:flex-start;

	flex-wrap: wrap;

}

.prodecuList.inbestBox .imgW {

	background: transparent;

}

.prodecuLi{

	width: 29.3%;

	margin: 15px 2%;

	background: linear-gradient( 180deg, #F2FBFA 0%, #FFFFFF 100%);

	border-radius: 15px;

}

/*产品详情*/

.productDtileFl{

	width: 52%

}

.productDtileFr{

	width: 46%

}

.productDtiltp{

	background: #F5F5F5;

	border-radius: 16px;

	box-sizing: border-box;

	padding: 32px;

}

.detatp{

	margin: 0 auto;

	line-height: 0;

	text-align: center;

}

.detailbot .detatp{

	padding: 5px;

	border-radius: 5px;

}

.detailbot .swiper-slide-thumb-active .detatp{

	border: 1px solid #0CABAA

}

.detailbot{

	width: 80%;

	margin: 20px auto 0;

}

.detailBrief{

	font-family:"din" !important;

	margin-top: 40px;

}

.detailBrieftit{

	font-weight: 500;

	font-size: 20px;

	color: #041C2C;

	padding-bottom: 12px;

	border-bottom: 1px solid #F1F1F1

}

.detailBriefcnt{

	padding: 25px 0

}

.detatile{

	/*font-weight: bold;*/

	font-size: 32px;

	color: #000000;

	margin-bottom: 50px;

}

.detPrice{

	position: relative;

	font-size: 32px;

	color: #000;

	/*font-weight: bold;*/

}

.pricenum{

	position: absolute;

	left: 0;

	top: 0;

	display: none;

}

.detquantity{

	font-size: 20px;

	margin: 25px 0

}

.detit{

	font-size: 20px;

	margin-bottom: 10px;

}

.detquant{

	border-radius: 5px;

	border: 1px solid #DCDFE6;

	line-height: 40px;

	display: inline-block;

}

.detquant span{

	background: #DCDFE6;

	/*padding: 0 15px;*/

	width: 40px;

	text-align: center;

	line-height: 40px;

	height: 40px;

	display: inline-block;

	cursor: pointer;

}
.packageBpx{
	width: 80%
}
.packageItem{
	box-sizing: border-box;
	padding: 10px 20px;
	border-radius: 8px;
	border: 1px solid #F1F1F1;
	color: #000;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	margin: 10px 0
}
.packageItem span{
	color: #999;

}
.packageItem:hover{
	border: 1px solid #1D3D76
}
.packageItem:hover span{
	color: #1D3D76
}
.detquant input{

	margin: 0;

	padding: 0;

	border: none;

	text-align: center;

	width: 100px;

}

.detcolor dl dd{

	position: relative;

}

.detbtont{

	margin-top: 35px;
	display: flex;
	justify-content: space-between;

}

.detbtont .regispupbtn{

	border-radius: 56px;

	width: 45%;

	margin: 10px 0

}

.detbtont .regispupbtn.buy{

	background: #FF8754

}

.benefit{

	background: #F4F6F6;

	padding: 15px;

	box-sizing: border-box;

	font-size: 14px;

	color: #000;

	line-height: 24px;

	border-radius: 8px;

	margin-top: 20px;

}

.benefit h3{

	font-size: 20px;

	/*font-weight: bold;*/

}

.reviewBox{

	margin-top: 30px;

}

.reviewTitle{

	border-bottom:1px solid #F1F1F1;

	padding-bottom: 12px;

}

.reviewTitle h3{

	color: #041C2C;

	font-size: 24px;

	margin-bottom: 15px;

}

.reviewtst{

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.reviewtst span{

	font-size: 24px;

	color: #041C2C;

	margin: 0 6px;

}

.reviewLi{

	border-bottom:1px solid #F1F1F1;

	padding: 12px 0;

}

.reviewLi .yhm{

	font-size: 16px;

	color: #000;

	/*font-weight: bold;*/

}

.reviewLi .date{

	font-size: 14px;

	color: #999;

	margin: 5px 0

}

.star span{

	width: 22px;

}

.reviewcont{

	font-size: 14px;

	color: #1B1B1C;

	line-height: 24px;

	margin-top: 15px;

}

.reviewcont img{

	float: right;

}

.starmore{

	font-size: 14px;

	color: #000;

	width: 101px;

	height: 37px;

	border-radius: 4px 4px 4px 4px;

	border: 1px solid #999999;

	text-align: center;

	line-height: 37px;

	display: block;

	margin-top: 25px;

}



/*购物车*/

.shopcarBox{

	font-family: 'din';

}

.shopcarBox .shopcarFl{

	width: 62%;

	padding: 40px;

	box-sizing: border-box;

	border-radius: 16px;

	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);

}

.shopcarBox .shopcarFr{

	width: 35%;

	border-radius: 16px;

	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);

	box-sizing: border-box;

	padding: 40px 30px;

}

.shoppcartit{

	font-size: 32px;

	color: #12181D;

	margin-bottom: 30px;

}

.shopptop{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.selectAllbx{

	text-transform: capitalize;

	font-size: 14px;

	color: #12181D;

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.selectstyle{

	position: relative;

	margin: 10px;

	cursor: pointer;

}

.selectstyle input{

	opacity: 0;

	position: absolute;

	left: 0;

}

.selectstyle i{

	width: 18px;

	height: 18px;

	display: block;

	background: url(../images/checkbox01.png);

	background-size: 100% 100%;

}

.selectAll.on i{

	background: url(../images/checkbox02.png);

	background-size: 100% 100%;

}

.shoppli.on .selectstyle i{

	background: url(../images/checkbox02.png);

	background-size: 100% 100%;

}

.shoppdel{

	color: #3F5566;

	font-weight: 400;

}

.shoppli{

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 25px 0;

	border-bottom: 1px solid #F1F1F1;

}

.shopprice{

	font-size: 16px;

	color: #12181D;

}

.shoppxq{

	display: flex;

	justify-content: space-between;

}

.shoppxq .img{

	display: block;

}

.shoppxcont{

	margin-left: 10px;

}

.shoppxcont h3{

	color: #12181D;

	font-size: 16px;

}

.shoplifllw{

	display: flex;

	justify-content: flex-start;

	align-items: center;

	/*width: 300px;*/

}
.shopcolor{
	color: #3F5566
}
.shopcolor i{

	width: 12px;

	height: 12px;

	border-radius: 50%;

	display: inline-block;

	margin: 0 5px;

}

.shopfrfix{

	margin: 15px 0;

	font-size: 14px;

	color: #3F5566;

	font-weight: 400;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.subtotalstyle{

	font-size: 16px;

	color: #12181D

}

.totalstytle{

	color: #9E3241;

	font-size: 24px;

}

.carAddrebox{

	border-top: 1px solid #F1F1F1;

	margin-top: 32px;

	padding: 30px 0

}

.carAddreTop{

	display: flex;

	justify-content: space-between;

	align-items: center;

	cursor: pointer;

	font-size: 16px;

	margin-bottom: 25px

}

/*.carAddreCont{

	margin-top: 25px;

}*/

.paypalBox{

	display: flex;

	justify-content: flex-start;

	align-items: center;

	margin: 30px 0

}

.payradio{

	margin-right: 10px;

}

.paypal{

	font-size: 16px;

	color: #12181D;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.paypalBtn{

	width: 231px;

	height: 44px;

	background: #1D3D76;

	border-radius: 8px 8px 8px 8px;

	font-size: 16px;

	text-align: center;

	line-height: 44px;

	color: #fff;

	cursor: pointer;

	transition: all 0.3s ease;

}

.paypalBtn:hover{

	background: #2a4a8a;

}

.paypalBtn.disabled{

	background: #ccc;

	color: #999;

	cursor: not-allowed;

}

.paypalBtn.disabled:hover{

	background: #ccc;

}

.carAddreCont .addresxinBox{

	cursor: pointer;

	position: relative;

}

.carAddreCont .addresxinBox.on{

	position: relative;

	background: rgba(12,171,170,0.1);

}

.addcheck{

	position: absolute;

	right: 13px;

	background: url(../images/checkbox02.png);

	width: 18px;

	height: 18px;

	background-size: 100% 100%;

	display: none;

}

.addcheck input{

	opacity: 0;

}

.carAddreCont .addresxinBox.on .addcheck{

	display: block;

}

.carAddreCont{

	display: none;

}

.carAddreCont.on{

	display: block;

}



/*评价*/

.evaluateBox{

	width: 60%;

	margin: 0 auto;

	padding: 40px;

}

.evaluateTitle{

	font-size: 24px;

	color: #000;

	font-family: 'din'

}

.evaluateLi{

	margin-top: 40px;

	font-family: 'din'

}

.evaluateLi p{

	font-size: 16px;

	margin-bottom: 15px;

}

.star_input p{display: inline-block;}

.radio_star{background: url(../images/master02.png); background-size: 100% 100%; width: 30px; height: 30px; position:relative; cursor: pointer;}

.star_input input{opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}

.star_input .radio_star.on{background: url(../images/master01.png); background-size: 100% 100%;}



.evalTextare{

	border-radius: 12px 12px 12px 12px;

	border: 1px solid #666666;

	box-sizing: border-box;

	padding: 20px;

	width: 100%

}

.image-uploader{

	position: relative;

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

#upload-button{

	width: 63px;

	height: 63px;

	position: relative;

	padding: 0;

	margin: 0;

	background: transparent;

	border: none;

	margin-left: 10px

}

#image-list{

	position: relative;

}

.image-item{

	width: 65px;

	height: 65px;

	display: inline-block;

	margin:0 8px;

	border: 1px solid #f1f1f1;

	position: relative;

}

.image-info{

	position: absolute;

	top: 0;

	right: 0;

	font-size: 16px;

	color: #000

}

/*购物车弹窗*/

.shopcarPup{

	background: #fff;

	padding: 120px 35px 35px;

	position: fixed;

	top: 0;

	right: -100%;

	width: 540px;

	box-sizing: border-box;

	transition: all 0.5s;

	font-family: 'din'

}



.pupClosecar{

	position: absolute;

	right: 20px;

	top: 20px;

	cursor: pointer;

}

.shopcarputite{

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-family: 'din'

}

.shopcarputite h3{

	color: #12181D;

	font-size: 24px;

	font-family: 'din'

}

.shopcarPup .shoppli{

	display: block;

	padding: 15px;

}

.shopcarPup .shoppxq{

	align-items: center;

	margin: 10px 0

}

.shopcarPup .shoppxcont{

	margin-left: 0

}

.amoutntlu{

	font-size: 14px;

	color: #3F5566;

}

.amoutntlu .detquant{

	border: none;

	line-height: 26px;

	border-radius: 0

}

.amoutntlu .detquant span{

	background: transparent;

	font-size: 24px;

}

.amoutntlu .detquant input{

	width: 30px;

}

.slonw{

	width: calc(100% - 100px)

}

.statlepup{

	text-align: right;

	color: #12181D;

	font-size: 16px;

	margin: 15px 0

}

.statlepup span{

	margin-left: 20px;

}


/*保修中心补页面*/
.warrpxbbox{
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
}
.warrinItem{
	background: #fff;
	border-radius: 24px;
	/*padding: 60px 30px 30px;*/
	text-align: center;
	font-size: 16px;
	color: #666;
	width: 31.3%;
	margin: 0 1%;
	box-sizing: border-box;
	overflow: hidden;
}
.warrinItem img{
	width: 100%
}
.warrcont{
	padding:0 30px 30px;
}
.warrcont p{
	margin-top: 20px;
	color: #999999
}
.warrinItem h3{
	font-size: 32px;
	color: #041C2C;
}
.warrptext{
	margin: 25px 0
}
.warrpgbtn{
	display: block;
	width: 100%;
	border-radius: 8px;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #0CABAA;
}
.warb02{
	background: #2E2E2E;
}
.warb03{
	background: #fff;
	color: #0CABAA;
	border: 1px solid #0CABAA;
}