ul, li {margin: 0;padding: 0;list-style: none;}
button {border: none;outline: none;background-color: transparent;}
button:focus{outline:none!important;border:none;}
body,html{padding: 0;margin: 0;}
img{max-width: 100%;}
body{font-size: 1rem  /* 16/16 */;}
.bgs{width: 100%;height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.suban img{width:100%;}
.deep{margin-top: 70px;position: relative;}
.deep.bgs{background-position: bottom center;background-size: 100% auto;}
.deep .tips{color: #004298;font-size: 1rem  /* 16/16 */;
padding: 20px 0 6.25rem;}
.deep .deep-h{position: relative;padding-right: 23.75rem  /* 380/16 */;min-height: 12.8125rem  /* 205/16 */;
margin-bottom: 40px;}
.deep .deep-h h2{font-size: 2.875rem  /* 46/16 */;font-weight: bold;line-height:4rem;
margin-top: 0;}
.deep .deep-h h2 span{color: #004298;}
.deep .deep-h img{width: 17.375rem  /* 278/16 */;height: 12.8125rem  /* 205/16 */;
position: absolute;top: 0;right: 6.25rem;}
.deep .deep-h P{margin-top:10px;}
.depul .depli{border-radius: 10px;background-color: #fff;transition: all 0.5s;margin-bottom: 20px;}
.depul .depli:hover{transform: translateY(-10px);}
.depul .depli .name{color: #fff;position: relative;padding: 16px 0 16px;}
.depul .depli .name::after{
	content: '';position: absolute;
	left: 0;top: 0;width: 100%;height: 100%;
	background-image: url("../img/libg.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.depul .depli .name h5,.depul .depli .name p{position: relative;z-index: 1;padding-left: 1.875rem  /* 30/16 */;}
.depul .depli .name h5{font-size: 1.375rem  /* 22/16 */;font-weight: bold;margin-bottom:6px;}
.depul .depli .bor{
	border: 1px solid #eff0f1;
	border-top: none;
	padding: 0 30px;
	overflow: hidden;border-radius: 0 0 10px 10px;
}
.depul .depli ul{padding: 10px 0;border-bottom: 1px solid #eff0f1;margin-bottom: 24px;}
.depul .depli li{position: relative;padding-left: 9.75rem  /* 156/16 */;margin: 12px 0;}
.depul .depli li span{position: absolute;left: 0;top: 0;color: #727171;}
.depul .depli .signs span{display: inline-block;vertical-align: middle;
color: #004298;background-color: #dae5ff;border-radius: 4px;
width: 100px;height:  1.875rem;line-height: 1.875rem  /* 30/16 */;margin-right: 8px;margin-bottom: 8px;
text-align: center;
}
.depul .depli .buy{display: flex;justify-content: space-between;align-items: center;
margin: 30px 0 50px;border-radius: 6px;overflow: hidden;}
.depul .depli .buy .buyle{display: flex;align-items: center;}
.depul .depli .price{font-size: 2.5rem  /* 40/16 */;color: #dc0012;font-weight: bold;margin-right: 10px;}
.depul .depli .unit{font-size: 0.875rem  /* 14/16 */;color: #231815;}
.depul .depli .oldp{text-decoration: line-through;font-size: 0.75rem  /* 12/16 */;color: #959696;}
.depul .depli .btn{font-weight: bold;position: relative;width: 80px;height: 34px;text-align: center;padding: 0;box-shadow: none;border:none;}
.depul .depli .btn:focus{box-shadow: none;}
.depul .depli .btn span{font-weight: bold;position: relative;z-index: 1;
	line-height:34px  /* 34/16 */;color: #fff;display: inline-block;vertical-align: middle;
}
.depul .depli .btn::before{
	content: '';position: absolute;left: 0;width: 100%;height: 100%;
	background-image: url("../img/btn-bg.png");
	background-size: cover;background-repeat: no-repeat;
}

.advantage{padding: 4.375rem  /* 70/16 */ 0 6.25rem  /* 100/16 */;}
.advantage .title{font-size: 2.625rem  /* 42/16 */;color: #fff;margin-bottom: 50px;line-height: 2.625rem  /* 42/16 */;font-weight: bold;}
.advli:hover{transform: translateY(-10px);}
.advli{margin-bottom:20px;background-color: #fff;border-radius: 10px;
	text-align: center;
	padding: 3.125rem  /* 50/16 */ 2.875rem  /* 46/16 */ 1.875rem  /* 30/16 */;transition: all 0.5s;}
.advli img{height: 3.9375rem  /* 63/16 */;width: auto;}
.advli h5{color: #004298;font-size: 1.375rem  /* 22/16 */;margin: 30px 0 20px;font-weight: bold;}
.advli p{text-align: left;line-height: 1.75rem  /* 28/16 */;    text-align: justify;}

.inrto{padding: 6.25rem  /* 100/16 */ 0 3.75rem  /* 60/16 */;}
.inrto .title{color: #231815;font-size: 2.625rem  /* 42/16 */;margin-bottom: 5rem  /* 80/16 */;font-weight: bold;line-height: 3.625rem  /* 58/16 */;}
.troul .troli{position: relative;padding-left: 10.625rem  /* 170/16 */;margin-bottom: 4.375rem  /* 70/16 */;}
.troul .troli:hover img{transform: translateY(-10px);}
.troul .troli img{width: 6.4375rem  /* 103/16 */;height: 5.0625rem  /* 81/16 */;position: absolute;left: 0;top: 0;transition: all 0.5s;}
.troul .troli h5{color: #004298;font-size: 1.75rem  /* 28/16 */;font-weight: bold;margin-bottom: 1.25rem  /* 20/16 */;}
.troul .troli p{font-size: 1.25rem  /* 20/16 */  /* 20/100 */;}


@media (max-width:4000px) {
	html {
		font-size: 18px;
	}
}

@media (min-width:1600px) and (max-width:1940px) {
	html {
		font-size: 16px;
	}
}

@media (min-width:1400px) and (max-width:1600px) {
	html {
		font-size: 13px;
	}
}

@media (min-width:640px) and (max-width:1399px) {
	html {
		font-size: 13px;
	}
}

@media (min-width:471px) and (max-width:639px) {
	html {
		font-size: 12px;
	}
}

@media (min-width:329px) and (max-width:470px) {
	html {
		font-size: 12px;
	}
}

@media (max-width:328px) {
	html {
		font-size: 12px;
	}
}
@media (max-width:768px) {
	.deep .deep-h {
		padding-right: 0;
		min-height: unset;
	}
	.troul .troli{
		padding-left: 7.625rem /* 170/16 */;
	}
	.deep .deep-h img{
		width: 9.375rem /* 278/16 */;
		height: 6.8125rem /* 205/16 */;
		position: absolute;
		top: -45px;
		right: 10px;
	}
}