* {
	padding: 0;
	margin: 0;
	transition: 0.3s all ease-in-out;
}

div,
dl,
dt,
dd,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
ol,
ul,
li,
table,
th,
td,
p,
span,
a,
a:hover {
	border: 0;
	color: inherit;
}

img,
input {
	border: none;
	vertical-align: middle;
}

@font-face {
	font-family: BalooBhaina;
	src: url(../fonts/BalooBhaina-Regular.ttf);
}

@font-face {
	font-family: Montserrat;
	src: url(../fonts/Montserrat-Regular.ttf);
}

@font-face {
	font-family: BarlowCondensed;
	src: url(../fonts/BarlowCondensed-Medium.ttf);
}

body {
	font-family: "BarlowCondensed", Tahoma, Arial, Helvetica, "微软雅黑";
	text-align: center;
	background: #fff !important;
	color: #555 !important;
}

html {
	overflow-y: scroll;
}

ul,
ol {
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
}

#index {
	position: relative;
}

.top {
	position: absolute;
	top: 0;
	display: flex;
	width: 100%;
	max-width: 1300px;
	left: calc(50% - 650px);
	justify-content: space-between;
	align-items: center;
	z-index: 1;
	padding: 2em 1em;
}

.top-logo {
	width: 40vw;
	max-width: 305px;
	min-width: 200px;
	float: left;
}

.top-logo img {
	width: 100%;
}

.top-nav ul {
	display: flex;
	text-transform: uppercase;
	margin: 0;
}

.top-nav li {
	padding: 0.5em 1.5em;
	margin-left: 1.5em;
	color: #fff;
}

.top-nav li:hover,
.top-nav .active {
	background: rgba(255, 255, 255, 0.3);
	color: #fff;
	border-radius: 20px 0 20px 0;
	text-decoration: none;
}

.top-nav li a {
	color: inherit;
	display: block;
}

.top-nav li:hover a {
	text-decoration: none;
	color: #fff;
}

@media only screen and (max-width:1300px) {
	.top {
		left: 0;
	}
}

/* 移动端导航 */
#toggler {
	display: none;
	margin: 0;
}

#toggler:checked+label .top-menu span:nth-child(1) {
	transform: rotate(45deg);
	top: 0.6em;
	transition: top 0.3s ease-in-out, transform 0.3s ease-in-out 0.3s;
}

#toggler:checked+label .top-menu span:nth-child(2) {
	transform: rotate(-45deg);
	transition: top 0.3s ease-in-out, transform 0.3s ease-in-out 0.3s;
	top: 0.5em;
}

.menu-nav {
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0;
	transform: scaleY(0);
	top: 0px;
	z-index: 1;
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out 0.3s;
	transform-origin: 50% 0;
	opacity: 0;
	background: rgba(22, 102, 254, 0.9);
}

.menu-nav ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: calc(100vh - 150px);
	margin: 0;
}

.menu-nav ul li {
	color: #1666fe;
	padding: 1em;
	width: 60vw;
	text-align: left;
	display: flex;
	text-transform: uppercase;
	/* margin-bottom:1px; */
}

.menu-nav ul li:nth-last-child(1) {
	border-bottom: 0px;
}

.menu-nav ul li a {
	color: #fff;
	display: block;
	width: 100%;
}

.menu-nav ul li i {
	display: inline-block;
	margin-right: 1.2em;
	color: #fff;
	font-size: 1.1em;
}

.top-menu {
	display: none;
	width: 1.8em;
	height: 1em;
	position: relative;
	margin-left: 1em;
	z-index: 10;
}

.top-menu span {
	display: block;
	height: 2px;
	background: #fff;
	position: relative;
	top: 0;
	transition: transform 0.3s ease-in-out, top 0.3s ease-in-out 0.3s;
}

.top-menu span:nth-child(2) {
	top: 1em;
}

.top label {
	margin: 0;
	display: none;
}

/* 移动端导航结束 */
.in-banner .carousel-indicators {
	width: 100%;
	left: 0;
	bottom: 30px;
}

.in-banner .carousel-indicators li {
	width: 20px;
	height: 6px;
	border: 0;
	border-radius: 3px;
	margin: 0 3px;
	background: rgba(255, 255, 255, 0.5);
}

.in-banner .carousel-indicators .active {
	width: 50px;
	background: rgba(255, 255, 255, 1);
}

.in-banner .carousel-inner .item {
	height: 900px;
	overflow: hidden;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.in-banner .carousel-inner .item:nth-child(1) {
	background-image: url(../img/in-b1-bg.jpg);
}

.in-banner .carousel-inner .item:nth-child(2) {
	background-image: url(../img/in-b3-bg.jpg);
}

.in-banner .carousel-inner .item:nth-child(3) {
	background-image: url(../img/in-b2-bg.jpg);
}

.in-banner-con {
	height: 100%;
	display: flex;
	justify-content: space-evenly;
	width: 100%;
	margin: 0 auto;
	max-width: 1300px;
	align-items: center;
	text-transform: uppercase;
	font-size: 1.2vw;
	color: #fff;
	font-family: "Montserrat";
}

.in-banner-con span {
	text-transform: uppercase;
	display: block;
	font-size: 3vw;
	text-align: left;
}

.in-banner-con-left,
.in-banner-con-right {
	max-width: 50%;
}

.in-banner-con-left span:nth-child(1),
.in-banner-con-right span:nth-child(1) {
	margin-bottom: 20px;
}

.in-banner-con-right span {
	text-align: right;
}

.in-banner-con img {
	max-width: 100%;
}

footer {
	width: 100%;
	height: 50px;
	background: #161c1f;
	color: #fff;
	position: fixed;
	bottom: 0;
	line-height: 50px;
	padding: 0 1em;
}

.bot-box {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

.bot-logo {
	float: right;
}

.bot-logo span {
	display: block;
}


.bot-logo i {
	margin: 0 3px;
	font-size: 20px;
	color: #aaacae;
}

.bot-logo a:hover,
.bot-logo i:hover {
	color: #fff;
	text-decoration: none;
}

.bot-copyright {
	float: left;
}

.bot-copyright span {
	color: #555;
}

.bot-copyright a,
.bot-copyright a:hover {
	color: #fff;
}

@media only screen and (max-width:1000px) {
	.in-banner-con {
		font-size: 1.5vw;
	}

	.top label {
		display: block;
	}

	.top-nav {
		display: none;
	}

	#toggler:checked~.menu-nav {
		transform: scaleY(1);
		opacity: 1;
	}

	.top-menu {
		display: block;
	}

}

@media only screen and (max-width:600px) {
	.top {
		padding: 1.5em 1em;
	}

	.bot-copyright span {
		display: none;
	}

	.in-banner-btn {
		display: none;
	}

	.in-banner-con span {
		font-size: 5vw;
	}

	.in-banner-con {
		width: 75%;
	}

	.in-banner .carousel-inner .item {
		height: calc(100vh - 50px);
		background-position: left top;
	}

	.in-banner-con-left,
	.in-banner-con-right {
		max-width: 100%;
	}

	.in-banner .carousel-indicators {
		bottom: 20px;
	}

	.in-banner-con {
		font-size: 1.5vw;
		flex-flow: column;
		justify-content: center;
	}

	#index footer {
		margin-top: 0px;
	}
}

/* 公司简介 */
.ab-banner {
	background: url(../img/ab-banner.jpg) center top no-repeat;
	background-size: cover;
	height: 300px;
}

.about-box {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto 100px;
}

.about-con {
	font-size: 16px;
	text-align: left;
	line-height: 30px;
	padding: 0 1em;
}

.about-con span {
	color: red;
}

.about-title {
	font-family: "BalooBhaina";
	font-size: 3em;
	position: relative;
	text-transform: uppercase;
	margin: 1em auto;
	height: 40px;
	width: 205px;
	color: #0959f1;
}

.about-title span {
	color: #9ebfff;
}

.about-title:before {
	content: "";
	position: absolute;
	left: -5px;
	bottom: 0;
	width: 14px;
	z-index: -1;
	height: 14px;
	border-radius: 7px;
	background: #fff45c;
}

.about-title:after {
	content: "";
	position: absolute;
	right: 2px;
	top: 10px;
	z-index: -1;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #b3d465;
}

.red-title {
	color: #e60012;
	width: 300px;
}

.red-title span {
	color: #ff98a0;
}

.red-title p {
	font-size: 14px;
	color: #555;
}

.red-title p span {
	color: #0959f1;
}

.yellow-title {
	width: 310px;
	color: #f8b551;
}

.yellow-title span {
	color: #ffddaa;
}

.about-img {
	text-align: center;
	margin-bottom: 4em;
}

.about-img img {
	max-width: 100%;
}

/* 产品列表 */
.products-box {
	width: 96%;
	max-width: 1300px;
	margin: 0px auto 100px;
}

.products-cate {
	width: 100%;
	padding: 1.5em 1.5em 0.8em;
	border: 1px solid #f3f3f3;
}

.products-cate ul {
	display: flex;
	justify-content: start;
	flex-flow: wrap;
}

.products-cate ul li {
	padding: 6px 12px;
	margin: 0 10px 10px 0;
	border-radius: 18px;
	color: #555;
	background: #f3f3f3;
	border: 1px solid #f3f3f3;
	transition: 0s;
}

.products-cate ul li:hover,
.products-cate ul li.active {
	background: #0959f1;
	color: #fff;
}

.products-cate ul li a {
	color: inherit;
	text-decoration: none;
}

.products-cate .tab-content {
	border-top: 1px solid #F3F3F3;
	padding-top: 10px;
}

.products-cate .tab-content ul>li {
	border: #f3f3f3 1px solid;
	color: #555;
	background: transparent;
	padding: 4px 8px;
}

.products-cate .tab-content ul>li:hover,
.products-cate .tab-content ul>li.active {
	background: #e2042f;
	color: #fff;
}

.products-cate .tab-content ul>li:hover a,
.products-cate .tab-content ul>li.active a {
	color: #fff;
}

.products-list {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto 50px;
}

.products-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	border-left: 1px solid #f3f3f3;
}

.products-list ul li {
	border: 1px solid #f3f3f3;
	padding: 1.5em;
	border-left: 0px;
	border-top: 0px;
	flex-grow: 0;
	width: 20%;
	text-align: left;
	transition: 0.3s all ease-in-out;
}

.products-list ul li a:hover {
	text-decoration: none;
}

.products-list ul li img {
	width: 100%;
	transition: 0.3s all ease-in-out;
}

.products-list ul li span {
	color: #888;
}

.products-list ul li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.products-list ul li:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
	color: #24282a;
}

.products-list ul li i {
	color: #ff2e56;
	font-size: 2em;
}

.products-img {
	display: block;
	overflow: hidden;
}

.product-name {
	font-weight: bold;
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color: #1666FE !important;
}

.products-con {
	color: #555;
}

.products-con p {
	margin: 10px 0 0;
}

.products-price {
	font-weight: bold;
	color: #555 !important;
}

.products-mob-cate {
	display: none;
}

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

	.products-list ul li {
		width: 25%;
	}
}

@media screen and (max-width:600px) {
	.ab-banner{
		height: 150px;
	}
	.products-box {
		width: 100%;
	}

	.products-mob-box {
		width: 85vw;
		height: 100vh;
		background: rgba(255, 255, 255, 1);
		border-radius: 0 20px 20px 0;
		position: fixed;
		top: 0;
		z-index: 100;
		left: -85vw;
	}

	.products-mob-box-left {
		left: 0 !important;
	}

	.products-mob-title {
		padding: 1em 0;
		font-weight: bold;
		font-size: 16px;
	}

	.products-mob-box .products-cate {
		display: block;
		padding: 2em 1em;
		border: none;
	}

	.products-mob-cate {
		display: block;
		text-align: left;
		padding: 1em;
		border: 1px solid #f3f3f3;
	}

	.products-list ul li {
		width: 50%;
		padding: 1em;
	}

	.products-mob-btn {
		display: block;
		float: right;
	}


	.products-cate {
		display: none;
	}
}

/* 产品列表勾选框 */
.cbx {
	width: 100%;
	margin-bottom: 0px;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	padding: 0px;
	border-radius: 2px;
	overflow: hidden;
	transition: all 0.2s ease !important;
}

.cbx:not(:last-child) {
	margin-right: 6px;
}

/* .cbx:hover {
	background: rgba(26, 148, 253, 0.06);
} */

.cbx span {
	float: left;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
}

.cbx span:first-child {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	transform: scale(1);
	border: 2px solid #c8ccd4;
	transition: all 0.2s ease;
}

.cbx span:first-child svg {
	position: absolute;
	top: 2px;
	left: 1px;
	fill: none;
	stroke: #fff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	transition: all 0.3s ease;
	transition-delay: 0.1s;
	transform: translate3d(0, 0, 0);
}

.cbx span:last-child {
	padding-left: 8px;
	line-height: 18px;
}

.cbx:hover span:first-child {
	border-color: #e2042f;
}

.inp-cbx:checked+.cbx span:first-child {
	background: #e2042f;
	border-color: #e2042f;
	animation: wave 0.4s ease;
}

.inp-cbx:checked+.cbx span:first-child svg {
	stroke-dashoffset: 0;
}


.inline-svg {
	position: absolute;
	width: 0;
	height: 0;
	pointer-events: none;
	user-select: none;
}

@-moz-keyframes wave {
	50% {
		transform: scale(0.9);
	}
}

@-webkit-keyframes wave {
	50% {
		transform: scale(0.9);
	}
}

@-o-keyframes wave {
	50% {
		transform: scale(0.9);
	}
}

@keyframes wave {
	50% {
		transform: scale(0.9);
	}
}

@media only screen and (max-width: 768px) {
	.cbx span:first-child {
		width: 22px;
		height: 22px;
	}

	.cbx span:nth-child(2n) {
		display: none;
	}

	.cbx span:first-child svg {
		top: 3px;
		left: 3px;
	}
}

/* 产品列表结束 */

/* 产品详情页 */
.products-detail-box {
	width: 96%;
	max-width: 1300px;
	margin: -70px auto 100px;
	background: #fff;
	border: 1px solid #f3f3f3;
	padding: 30px;
	overflow: hidden;
	border-radius: 30px;
	display: flex;
}

.products-detail-img {
	/* border-right: 1px solid #f3f3f3; */
	padding: 2em;
	min-width: 50%;
}

.products-detail-img img {
	width: 100%;
	max-width: 600px;
	border-radius: 25px;
}

.products-detail-con {
	padding: 2em;
	flex-grow: 1;
	/* font-size: 16px; */
	/* display: flex; */
	justify-content: space-between;
	text-align: left;
	flex-direction: column;
}

.products-detail-con>ul {
	display: flex;
	flex-direction: column;
	padding: 1em 0 !important;
	/* border-top: 1px solid #f3f3f3; */
	/* border-bottom: 1px solid #f3f3f3; */
	/* height: 100%; */
}

.products-detail-con>ul>li {
	flex-grow: 1;
	margin-bottom: 1em;
	/* padding-bottom: 1em; */
	/* border-bottom: 1px solid #f3f3f3; */
	/* padding: 1em 0; */
}

.products-detail-con>ul>li:nth-last-child(1) {
	border-bottom: 0;
}

.products-detail-con ul li span {
	color: #888;
	display: inline-block;
	width: 90px;
}

.products-detail-con-title {
	color: #0959f1;
	font-size: 3em;
	font-family: "BalooBhaina";
	/* padding-bottom: 10px; */
}

.products-detail-con-line {
	height: 6px;
	width: 30%;
	background: #ffddaa;
	position: relative;
	border-radius: 3px;
}

.products-detail-con-line:after {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	right: -20px;
	position: absolute;
	background: #ff98a0;
}

.products-detail-cart {
	display: inline-block;
	/* margin-top: 1em; */
	background: #ff2e56;
	cursor: pointer;
	padding: 1em 2em;
	border-radius: 25px;
	color: #fff;
}

.products-detail-cart a,
.products-detail-cart:hover a {
	color: #fff;
}

.products-detail-cart i {
	margin-right: 5px;
	transition: all 0.3s ease-in-out;
}

.products-detail-cart:hover {
	background: #0959f1;
}

.products-detail-cart:hover i {
	transform: rotate(180deg);
}

.products-detail-cart:hover a {
	text-decoration: none;
}

.products-detail-img-list {
	margin: 2em 0 0;
	overflow: hidden;
}

.products-detail-img-list>ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.products-detail-img-list ul li {
	margin-right: 10px;
	float: left;
	border: 1px solid #f3f3f3;
}

.products-detail-img-list ul li:nth-last-child(1) {
	margin-right: 0;
}

.products-detail-img-list ul li img {
	width: 100%;
	max-width: 100%;
}

.products-detail-img-list .active {
	border: 2px #ff2e56 solid;
}

.products-detail-img-mob {
	display: none;
}

@media screen and (max-width:700px) {
	.products-detail-box {
		flex-direction: column;
		margin: -70px auto 80px;
		padding: 0;
	}

	.products-detail-img-list {
		display: none;
	}

	.products-detail-img-mob {
		display: block !important;
	}

	.products-detail-cart {
		width: 100%;
		text-align: center;
	}

	.products-detail-con-title {
		font-size: 2em;
	}

	.products-detail-img {
		padding-bottom: 0;
	}
}

/* 产品详情页结束 */

.gotop {
	position: fixed;
	border-radius: 50%;
	bottom: 4em;
	right: 1em;
	width: 3em;
	height: 3em;
	line-height: 3em;
	background: #9ebfff;
	color: #fff;
}

.gocart {
	position: fixed;
	border-radius: 50%;
	bottom: 7.5em;
	right: 1em;
	width: 3em;
	height: 3em;
	line-height: 3em;
	background: #ff98a0;
	color: #fff;
}

.gocart i {
	font-size: 22px;
}

.gocart:hover {
	background: #e2042f;
}

.gotop:hover {
	background: #1666FE;
	color: #fff;
}

.gotop:hover a,
.gocart:hover a {
	color: #fff;
	text-decoration: none;
}

.gotop a,
.gocart a {
	display: block;
	widows: 100%;
	color: #fff;
}



/* 新闻列表 */
.news-box {
	width: 96%;
	max-width: 1300px;
	margin: 0px auto 100px;
}

.news-list {
	width: 100%;
	text-align: left;
}

.news-list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news-list ul li {
	width: 48.8%;
	display: flex;
	border-radius: 6px;
	border: 1px solid #f3f3f3;
	color: inherit !important;
	margin-bottom: 2em;
	flex-direction: row;
	transition: 0.3s all ease-in-out;
}

.news-list ul li:hover {
	border: 1px solid #ddd;
	color: inherit !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.news-list ul li:hover .news-time-day {
	color: #e2042f !important;
}

/* .news-list ul li:hover .news-right a {
	color: #fff !important
} */

.news-right a {
	color: inherit;
}

.news-right:hover a {
	text-decoration: none;
}

.news-line {
	width: 1px;
	height: 100%;
	background: #f3f3f3;
}

.news-time {
	padding: 1em;
	flex-direction: column;
	display: flex;
	width: 100px;
	/* color: #ff2e56; */
	/* font-family: CAI978; */
	align-items: center;
}

.news-time-day {
	font-size: 4em;
	display: block;
	color: #1666FE;
	width: 100px;
	height: 70px;
	text-align: center;
	font-family: "BalooBhaina";
}

.news-right {
	padding: 1em;
	width: 100%;
	overflow: hidden;
}

.news-title {
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 1em;
}

.news-con {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #999;
}

@media screen and (max-width:700px) {
	.news-list ul {
		justify-content: center;
	}

	.news-list ul li {
		width: 96%;
		margin-bottom: 1em;
	}
}

.list-page {
	width: 100%;
	margin: 0 auto 50px;
	/* font-family: "BalooBhaina"; */
	display: flex;
	justify-content: center;
}

.list-page .pagination>li {
	margin: 0 2px;
	display: inline-block;
	border-radius: 50%;
}

.list-page .pagination>li>a,
.list-page .pagination>li>span {
	background: #f1f1f1;
	color: #fff;
	border: #141414;
	border-radius: 50%;
}

.list-page .active {
	background: #ff2e56;
}

.list-page .pagination>li:first-child>a,
.list-page .pagination>li:first-child>span {
	border: 0px;
	border-radius: 50% !important;
}

.list-page .pagination>.active>a,
.list-page .pagination>.active>a:focus,
.list-page .pagination>.active>a:hover,
.list-page .pagination>.active>span,
.list-page .pagination>.active>span:focus,
.list-page .pagination>.active>span:hover {
	background: #1666FE;
	z-index: 0;
	border: #1666FE;
	border-radius: 50%;
	color: #fff !important;
}

.list-page .pagination>li>a,
.list-page .pagination>li>span {
	color: #555;
}

.list-page .pagination>li>a:focus,
.list-page .pagination>li>a:hover,
.list-page .pagination>li>span:focus,
.list-page .pagination>li>span:hover {
	background: #141414;
	color: #fff !important;
	border: #141414;
}

.list-page .pagination>li:last-child>a,
.list-page .pagination>li:last-child>span {
	border-radius: 50%;
}

@media screen and (max-width:700px) {
	.list-page {
		width: 96vw;
	}

}

#news .news-detail {
	margin-top: -70px;
}

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

	#news .news-detail,
	.contact-box {
		/* margin-top: 0 !important; */
	}
}

.news-detail {
	border: 1px solid #f3f3f3;
	width: 100%;
	padding: 2em;
	border-radius: 30px;
	text-align: left;
	background: #fff;
	margin: 0 auto;
}

.news-detail-title {
	font-size: 2em;
}

.news-dateil-time {
	display: flex;
	justify-content: flex-start;
	padding: 1em 0;
	color: #888;
}

.news-dateil-time span {
	margin-right: 1em;
}

.news-dateil-time i {
	color: #1666FE;
}

.news-detail-con {
	padding-top: 1em;
	line-height: 2em;
	border-top: 1px solid #f3f3f3;
}

.news-detail-con img {
	display: block;
	margin: 1em 0;
	max-width: 100%;
}

/* 新闻列表结束 */
/* 联系我们 */
.contact-box {
	width: 96%;
	max-width: 1300px;
	margin: -70px auto 100px;
	background: #fff;
	border: 1px solid #f3f3f3;
	/* padding-bottom: 30px; */
	overflow: hidden;
	flex-flow: column;
	border-radius: 30px;
	/* display: flex; */
}

.contact-title {
	width: 245px;
	margin: 1em auto;
	z-index: 5;
}

.contact {
	padding: 0 30px;
	text-align: left;
	width: 50%;
	float: left;
	/* flex: 1 auto; */
}

.contact a {
	color: inherit;
}

.contact-map {
	width: 50%;
	padding: 0 30px;
	float: right;
}

.contact .ab-title {
	padding: 0;
	font-size: 2em;
	/* margin-bottom: 1em; */
	text-align: left;
}

.contact ul {
	/* margin-top: 2em !important; */
}

.contact ul li {
	margin: 1em 0;
	display: block;
}

.contact-name {
	font-weight: bold;
	font-size: 2em;
	font-family: "BalooBhaina";
	color: #e60012;
}

.contact-name span {
	color: #ff98a0;
}

.contact li span {
	color: #1666FE;
	margin-right: 3px;
}

.contact-form {
	clear: both;
	padding: 30px;
	display: flex;
	justify-content: space-between;
	/* flex-flow: column; */
	flex-wrap: wrap;
	border-top: 1px solid #f3f3f3;
	width: 100%;
}

.contact-form input {
	width: 48%;
	padding: 1em 2em;
	border: 1px solid #f3f3f3;
	border-radius: 25px;
	margin-bottom: 1em;
	outline: none;
}

.contact-form input:nth-child(5) {
	width: 100%;
}

.contact-form input:focus {
	border: 1px solid #1666FE;
}

.contact-form textarea {
	width: 100%;
	border-bottom: 1px solid #f3f3f3 !important;
	margin-bottom: 1em;
	border: 0px;
	padding: 1em 2em;
}

.contact-btn {
	width: 200px !important;
	margin: 0 auto;
	margin-bottom: 0px !important;
	padding: 1em 2em;
	background: #1666FE;
	border: 0px;
	color: #fff;
}

.contact-btn:hover {
	background: #e60012;
}

@media screen and (max-width:700px) {
	.contact-form input {
		width: 100%;
	}

	.contact-btn {
		width: 100% !important;
	}

	.contact-form {
		padding: 20px;
	}
}

@media screen and (max-width:600px) {
	.contact-box {
		flex-direction: column;
	}

	.contact,
	.contact-map {
		width: 100%;
		padding: 0 20px;
	}
}

.error {
	margin: 200px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.error img {
	display: block;
	width: 100%;
	max-width: 800px;
}

.error-btn {
	padding: 1em 2em;
	background: #1666FE;
	color: #fff;
	border-radius: 3px;
}

.error-btn:hover {
	background: #e2042f;
}

.error-btn a {
	display: block;
	color: inherit;
}

.error-btn a:hover {
	color: inherit;
}

/* 购物车 */
.cart-box {
	width: 100%;
	text-align: left;
	border: 1px solid #f3f3f3;
	border-radius: 25px;
	padding: 2em;
}

.cart-products img {
	width: 100%;
	max-width: 80px;
	margin-right: 5px;
	border-radius: 50%;
}

.cart-products td {
	vertical-align: baseline !important;
}

.cart-products i {
	background: #9ebfff;
	padding: 0.4em;
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
}

.cart-products i:hover {
	background: #ff2e56;
}

.cart-message {
	padding-top: 2em;
	border-top: 1px solid #f3f3f3;
}

.cart-message input {
	padding: 1em 2em !important;
}

.cart-message ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cart-message ul li {
	width: 23%;
	margin-bottom: 1em;
}

.cart-message ul li:nth-last-child(1) {
	width: 100%;
}

.cart-message ul li textarea {
	width: 100%;
}

.cart-box .form-control {
	height: auto;
	box-shadow: none;
	padding: 1em 2em;
	border: 1px solid #f3f3f3;
	border-radius: 25px;
	margin-bottom: 1em;
	outline: none;
}

.cart-box .form-control:focus {
	border: 1px solid #1666FE;
	box-shadow: none;
}

.cart-message-btn {
	width: 200px;
	margin: 0 auto;
}

.cart-message-btn input {
	padding: 1em 2em;
	border-radius: 25px;
}

.shopping-title {
	width: 320px;
}

@media screen and (max-width:900px) {
	.cart-message ul li {
		width: 48%;
	}
}

@media screen and (max-width:600px) {
	.cart-box .form-control {
		padding: 1em 0.5em;
	}

	.cart-message ul li {
		width: 100%;
	}

	.cart-box {
		padding: 1em;
	}

	.cart-products img {
		max-width: 40px;
	}

	.cart-message-btn {
		width: 100%;
	}

	.cart-message-btn input {
		/* padding: 0.5em 1em; */
	}

	.contact-btn {
		width: 100% !important;
	}
}

/* 提示框 */
.tips-fat {
	display: flex !important;
	width: 100vw;
	height: 100vh;
	justify-content: center;
	align-items: center;
}

.tips-box {
	width: auto;
	width: 25%;
	min-width: 300px;
	margin: 0 auto;
	background: #fff;
	border-radius: 25px;
	/* color: #fff; */
	text-align: left;
}

.tips-title {
	font-size: 1.5em;
	padding: 1em;
	border-bottom: 1px solid #f3f3f3;
}

.tips-con {
	padding: 2em 1.5em;
	border-bottom: 1px solid #f3f3f3;
}

.tips-btn {
	display: flex;
	padding: 1.5em;
	justify-content: space-between;
}

.tips-btn span {
	display: block;
	width: 48%;
}

.tips-btn span button {
	width: 100%;
	padding: 1em 2em;
	color: #fff;
	border-radius: 25px;
	border: 0;
	background: #1666FE;
}

.tips-btn span:nth-child(1) button {
	background: #ccc;
}

.tips-btn span button:focus {
	border: none;
	background: #ff2e56;
}

/* 提示页 */
#tips .error-btn {
	margin-bottom: 10em;
}

.tips-content {
	text-align: center;
	margin-bottom: 1em;
}

.tips-success-box {
	height: 50vh;
	width: 100%;
	max-width: 1200px;
	margin: 60px auto;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}

.tips-icon {
	margin: 0em auto;
	padding: 0;
	position: relative;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.tips-icon i{
	font-size: 5em;
	color: #80c269;
}
.tips-back {
	padding: 1em 2em;
	background: #1666FE;
	color: #fff;
	width: 35%;
	border-radius: 25px;
	min-width: 350px;
	margin: 20px auto 0;
}

.tips-back:hover {
	background: #ff2e56;
}

.tips-back a,
.tips-back:hover a {
	color: #fff;
}

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


	.tips-success-box {
		min-height: 65vh;
		margin-top: 10px;
	}
}



.tips-list {
	width: 35%;
	min-width: 350px;
	padding: 1em 2em;
	margin: 0 auto;
	border: 1px solid #f3f3f3;
	/* background: #f3f3f3; */
	border-radius: 25px;
	text-align: center;
	/* border-radius: 5px; */
	color: #888;
}

.tips-list li {
	padding: 1em 0;
	text-align: left;
	border-bottom: 1px solid #f3f3f3;
}

.tips-list li:nth-last-child(1) {
	border-bottom: none;
}

.tips-list span {
	font-weight: bold;
	color: #555;
}

.error {
	margin: 50px auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.error img {
	display: block;
	width: 100%;
	max-width: 800px;
}

.error-btn {
	padding: 1em 2em;
	background: #1666FE;
	color: #fff;
	border-radius: 25px;
}

.error-btn:hover {
	background: #ff2e56;
}

.error-btn a {
	display: block;
	color: inherit;
	text-decoration: none;
}

.error-btn a:hover {
	color: inherit;
}