#nav {
		width: 100%;
		z-index: 9999;
		position: relative;
		background: #000000;
	}
	
	.nav-con {
		position: relative;
		height: 88px;
	}
	
	.top-navbar {
		padding: 0;
		height:100%;
	}
	
	.navbar-container {
		padding: 0;
	}
	
	.top-brand {
		border-top-right-radius: 44px;
		border-bottom-right-radius: 44px;
	}
	
	.nav-con .dropdown-toggle::after {
		display: none;
	}
	
	.navbar-nav .nav-item {
		padding: 0 1rem;
		position: relative;
	}
	
	.navbar-nav .nav-item.active {
		background: #252525;
		border-bottom: 2px solid #c49a5c;
	}
	
	.navbar-nav .nav-item:first-child:before {
		display: none;
	}
	
	.nav-con .navbar-nav .nav-link {
		font-weight: bolder;
		color: #c69c6d!important;
		padding: 32px 15px;
	}
	
	.nav-con .navbar-nav .nav-link:hover,
	.navbar-light .navbar-nav .show>.nav-link {
		color: #c69c6d!important;
	}
	
	.nav-con .dropdown-menu {
		margin-top: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	
	.nav-con .dropdown-menu a.dropdown-item {
		color: #333333;
	}
	
	.nav-con .dropdown-menu a.dropdown-item:hover {
		background: #c69c6d;
		color: #ffffff;
	}
	
	.nav-order .icon-order {
		margin-right: 15px;
		display: block;
		width: 24px;
		height: 24px;
		background: url(../images/icon-order.png) no-repeat;
		background-size: cover;
	}
	
	.nav-search {
		display: flex;
		color: #ddd;
		cursor: pointer;
	}
	
	.nav-search a i {
		float: left;
		font-size: 20px;
		margin-right: 5px;
		line-height: 26px;
	}
	
	.nav-search a {
		display: block;
		background-size: cover;
		border-radius: 50%;
		text-align: center;
		line-height: 24px;
		color:#c69c6d!important;
	}
	
	.nav-search:hover a {
		color: #fff;
	}
	
	.nav-right {
		display: flex;
		margin-left: 10px;
	}
	
	.nav-right .navbar-toggler {
		margin-right: 15px;
		margin-top: -8px;
	}
	
	#banner {
		position: relative;
	}
	
	#banner .swiper-slide {
		position: relative;
	}
	
	.banner-nav ul li {}
	
	.banner-nav ul li a {
		position: relative;
		display: inline-block;
		width: 26px;
		height: 26px;
		cursor: pointer;
	}
	
	.banner-nav ul li a b {
		position: absolute;
		display: inline-block;
		width: 6px;
		height: 6px;
		background: #ffffff;
		border-radius: 100%;
		top: 50%;
		left: 50%;
		margin-top: -3px;
		margin-left: -3px;
		opacity: 0.5;
	}
	
	.banner-nav ul li.active a b {
		background: #ffffff;
		opacity: 1;
	}
	
	.banner-1 {
		position: relative;
		z-index: 10;
		background: rgba(0, 0, 0, 0.1);
	}
	
	.banner-img {
		width: 100%;
	}
	
	.banner-btn {
		position: absolute;
		right: 3%;
		bottom: 160px;
		z-index: 1000;
	}
	
	.banner-btns {
		display: inline-block;
		position: relative;
		width: 50px;
		height: 50px;
		border: 1px solid #ffffff;
		border-radius: 50%;
		font-size: 30px;
		color: #ffffff;
		text-align: center;
		line-height: 50px;
	}
	
	.banner-btns:hover {
		cursor: pointer;
	}
	
	.banner-btns:focus {
		outline: none;
	}
	
	.banner-btns.banner-btn-next {
		margin-right: 15px;
	}
	
	.divider-bar {
		position: absolute;
		width: 6px;
		left: 50%;
		top: 0px;
		bottom: 0px;
		background: #ca1b1d;
		height: 100%;
		display: block;
		z-index: 2;
		box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4);
	}
	
	.banner-items-line {
		position: relative;
		width: 100%;
		height: 5px;
		background-color: #cccccc;
		z-index: 11;
	}
	
	.banner-items-line .pre-line:after {
		content: "";
		position: absolute;
		width: 0;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #c69c6d;
		animation-fill-mode: both;
		animation-duration: 6s;
		animation-timing-function: linear;
	}
	
	.banner-items-line.is-active .pre-line:after {
		animation-name: line_1;
	}
	
	@keyframes line_1 {
		0% {
			width: 0%;
		}
		100% {
			width: 100%;
		}
	}
	
	.container-title {
		margin-bottom: 0.8rem;
	}
	
	.container-title h1 {
		margin-bottom:10px;
		font-weight: bolder;
		color: #111111;
		text-transform: uppercase;
		font-size: 2.25rem;
	}

	.container-title-center {
		text-align: center;
	}
	
	.container-title hr {
		width: 60px;
		border-bottom: 3px solid #c8a063;
		margin: 0;
		padding: 0;
	}
	
	.container-more {
		margin-top: 2rem;
	}
	
	.container-more a {
		display: block;
		width: 170px;
		height: 38px;
		background: #000000;
		color: #ffffff;
		padding: 7px 15px;
		position: relative;
	}
	
	.container-more a:after {
		content: "";
		display: block;
		width: 14px;
		height: 14px;
		background: url(../images/icon-white.png) no-repeat;
		background-size: cover;
		position: absolute;
		right: 25px;
		top: 12px;
	}
	
	.container-more a:hover {
		text-decoration: none;
		background: #b6925b;
	}
	
	#index-pro {
		position: relative;
	}
	
	.index-pro-container {
		padding-top: 100px;
		padding-bottom: 60px;
	}
	
	.index-pro-left {
		float: left;
		width: 50%;
		padding-right: 25px;
	}
	
	.index-pro-right {
		float: right;
		width: 50%;
		padding-left: 25px;
	}
	
	.index-pro-serise {
		margin-top: 2rem;
	}
	
	.index-pro-serise ul li {
		float: left;
		width: 50%;
		list-style: none;
		list-style-position: inside;
		position: relative;
		font-size: 1.1rem;
		font-weight: bolder;
		margin-bottom: 10px;
		padding-left: 34px;
	}
	
	.index-pro-serise ul li:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0px;
		width: 20px;
		height: 20px;
		background: url(../images/icon-red.png) no-repeat;
		background-size: cover;
	}
	
	.index-pro-serise ul li a {
		color: #333333;
		display;
		inline-block;
		position: relative
	}
	
	.index-pro-serise ul li a:hover {
		color: #333333;
		text-decoration: none;
	}
	
	.index-pro-serise ul li a:after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		width: 0;
		border-bottom: 3px solid #c69c6d;
		transition: width 0.5s;
		-moz-transition: width 0.5s;
		/* Firefox 4 */
		-webkit-transition: width 0.5s;
		/* Safari 和 Chrome */
		-o-transition: width 0.5s;
		/* Opera */
	}
	
	.index-pro-serise ul li.selectTag a:after,
	.index-pro-serise ul li a:hover:after {
		width: 100%;
	}
	
	.index-pro-right .tagContent {
		display: none;
	}
	
	.index-pro-right .tagContent:first-child {
		display: block;
	}
	
	.index-hot-pro-con {
		margin-top: 1.6rem;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#index-hot-pro {
		padding: 40px 0 20px;
	}
	
	.pro-item {}
	
	.pro-item a {
		display: block;
		position: relative;
		background: #e0e0e0;
		text-align: center;
		padding-bottom: 80px;
		color: #333333;
	}
	
	.pro-item a:hover {
		text-decoration: none;
	}
	
	.pro-item-img img {
		width: 100%;
	}
	
	.pro-item-name {
		position: absolute;
		bottom: 15px;
		padding: 15px;
		width: 100%;
		z-index: 2;
	}
	
	.pro-item a:hover .pro-item-name {
		transform: scale(1.3);
		font-weight: bold;
		color: #c9a063;
	}
	
	.pro-item a .bg {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 0px;
		background: #000;
		z-index: 1;
		transition: all 0.2s linear;
	}
	
	.pro-item a:hover .bg {
		height: 80px;
		transition: all 0.2s linear;
	}
	
	.pro-item-tags {
		position: absolute;
		left: 5%;
		top: 5%;
		z-index: 2;
	}
	
	.pro-item-tags ul li {
		list-style: none;
		margin-bottom: 3px;
		width: 40px;
	}
	
	.index-pro-swiper {
		padding-bottom: 54px;
	}
	
	.swiper-container-horizontal>.pro-swiper-scrollbar {
		left: 0;
		background-color: #eeeeee;
		height: 1px;
		width: 100%;
	}
	
	.pro-swiper-scrollbar .swiper-scrollbar-drag {
		background: #c69c6d;
		height: 3px;
		border-radius: 0;
		width: 10%;
		cursor: pointer;
		margin-top: -1px;
	}
	
	.index-about-container {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#index-news {
		background: #f8f8f8;
	}
	
	.index-about-left {
		float: left;
		width: 50%;
		padding-right: 35px;
	}
	
	.index-about-right {
		float: right;
		width: 50%;
	}
	
	.index-about-right-con {
		position: relative;
	}
	
	.index-about-img img {
		width: 100%;
	}
	
	.index-about-num {
		background:#000000ab;
		left: 5%;
		right: 5%;
		border-radius: 3px;
		position: absolute;
		bottom: 5%;
		display: flex;
		justify-content: space-around;
	}
	
	.index-about-num-item {
		width: 100%;
		color: #ffffff;
		text-transform: uppercase;
		position: relative;
		padding: 15px;
	}
	
	.index-about-num-item:after {
		content: "";
		height: 24px;
		border-right: 1px solid #ffffff;
		opacity: .3;
		top:15px;
		position: absolute;
		right: 0;
	}
	
	.index-about-num-item:last-child:after {
		display: none;
	}
	
	.index-about-num-item .about-num-icon {
		margin-right: 10px;
		flex-shrink: 0;
		height: fit-content;
		width: fit-content;
	}
	
	.about-num-con {
		text-align: center;
	}
	.about-num-con .num{
		display: block;
	}
	.about-intro-num .about-num-con .num {
		font-size:30px;
		
	}
	.about-txt{
		margin-top:10px;
		display: flex;
		    justify-content: center;
    align-items: flex-end;
	}
	#index-news {}
	
	.index-news-container {
		padding: 60px 0;
	}
	
	.news-items img {
		width: 100%;
	}
	
	.news-items a {
		display: block;
		color: #333333;
		position: relative;
	}
	
	.news-items a:hover {
		text-decoration: none;
	}
	
	.news-items a .news-name {
		position: relative;
		height: 44px;
		line-height: 44px;
		font-size: 1.125rem;
		font-weight: bolder;
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.news-items a:hover .news-name {
		color: #c69c6d;
	}
	
	.news-items a .news-jj {
		margin-top: .5rem;
		height: 72px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical
	}
	
	.news-items a .news-time {
		margin-top: .5rem;
		height: 24px;
	}
	
	.index-news-pagination,
	.index-factory-pagination {
		position: relative;
		margin-top: 2rem;
		bottom: 0!important;
	}
	
	.index-news-pagination .swiper-pagination-bullet,
	.index-factory-pagination .swiper-pagination-bullet {
		position: relative;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #d9d9d9;
		opacity: 0.5;
		margin: 0 5px !important;
	}
	
	.index-news-pagination .swiper-pagination-bullet-active,
	.index-factory-pagination .swiper-pagination-bullet-active {
		opacity: 1;
		background: #121212;
	}
	
	.index-news-pagination .swiper-pagination-bullet:focus,
	.index-factory-pagination .swiper-pagination-bullet:focus {
		outline: none;
	}
	
	#index-contact {
		position: relative;
		background: url(../images/index-contact-bg.jpg) right center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}
	
	.index-contact-logo {
		position: absolute;
		right: 5%;
		bottom: 0;
	}
	
	.index-contact-p h1 {
		font-size: 1.2rem;
		font-weight: bolder;
		color: #ffffff;
		background: #121212;
		line-height: 30px;
		display: inline-block;
		padding: 10px 20px;
	}
	
	.index-contact-container {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	
	#banner-img {
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	
	.banner-img-container {
		padding-top: 450px;
	}
	
	.banner-img-title {
		display: flex;
	}
	
	.banner-img-icon {
		background:rgba(0,0,0,0.84);
		display: block;
		width: 102px;
		height: 102px;
	}
	
	.banner-img-con {
		width: 50%;
		height: 102px;
		background:rgba(0,0,0,0.84);
		color: #ffffff;
		padding: 15px 0px;
		
	}
	
	.banner-img-con h1 {
		font-size:2.25rem;
		margin-bottom: 0;
		font-weight: bolder;line-height:72px;
	}
	
	.about-intro-container {
		padding-top:60px;
		padding-bottom: 60px;
	}
	
	.about-intro-num {
		margin-top: 2rem;
	}
	
	.about-intro-num-title {
		font-size: 1.125rem;
		font-weight: bolder;
		color: #111111;
	}
	
	.about-intro-num-con {
		display: flex;
		flex-direction: row;
		margin-top: 1.5rem;
	}
	
	.about-intro-num-con .index-about-num-item {
		background:#121212;
		margin-right: 20px;
		flex-direction: column;
		text-align: center;
		width: 220px;
		padding: 20px 30px;
	}
	.about-number{
		display: flex;
		    justify-content: center;
	}
	.about-intro-num-con .index-about-num-item:after {
		display: none;
	}
	

	#about-factory {
		padding-bottom: 60px;
		margin-top: 1rem;
	}
	
	.index-factory-pagination {
		margin-top: 1rem;
	}
	
	#about-ideas {
		background: #ddddde;
		margin-top: 5rem;
	}
	
	.about-ideas-container {
		padding-top: 1rem;
		padding-bottom: 5rem;
	}
	
	.about-ideas-con {
		margin-top: 2rem;
	}
	
	.ideas-item {
		float: left;
		width: 50%;
		display: flex;
		flex-shrink: 0;
		margin-bottom: 1rem;
	}
	
	.ideas-item:nth-child(even) {
		padding-left: 15px;
	}
	
	.ideas-item:nth-child(odd) {
		padding-right: 15px;
	}
	
	.ideas-item-icon {
		width: 55px;
		height: 55px;
		background: #b5081f;
		margin-right: 15px;
	}
	
	.ideas-item-p {
		width: calc(100% - 70px);
		min-height: 78px;
	}
	
	.ideas-item-p h4 {
		font-size: 1.125rem;
		font-weight: bolder;
		color: #111111;
		margin-bottom: 0.5rem;
	}
	
	.history-item {
		height: 500px;
		position: relative;
		padding-left: 40px;
		cursor: pointer;
	}
	
	.history-item .history-time {
		font-size: 1.625rem;
		color: #b5081f;
		line-height: 40px;
		font-weight: bolder;
		transition: all 0.3s ease-out;
	}
	
	.history-item:before {
		content: "";
		height: 250px;
		border-left: 1px solid #b5081f;
		position: absolute;
		left: 26px;
		top: 0px;
	}
	
	.history-item:after {
		content: "";
		width: 16px;
		height: 16px;
		display: block;
		border-radius: 50%;
		background: url(../images/icon-red.png);
		background-size: cover;
		position: absolute;
		left: 18px;
		top: 250px;
		transition: all 0.3s ease-out;
	}
	
	.history-item.top {
		padding-bottom: 250px;
	}
	
	.history-item.bottom {
		padding-top: 325px;
	}
	
	.history-item.bottom:before {
		top: 262px;
		height: 250px;
	}
	
	.history-item.bottom:after {
		top: 250px;
	}
	
	.history-item:hover:after {
		border-color: #b5081f;
		transform: scale(1.1);
	}
	
	.history-item .history-time-1 {
		font-size: 1.625rem;
		color: #111111;
		line-height: 40px;
		font-weight: bolder;
		position: absolute;
		top: 272px;
		left: 0;
	}
	
	.history-item.bottom .history-time-1 {
		top: 202px;
	}
	
	.about-factory-container {
		position: relative;
	}
	
	#about-factory {
		overflow: hidden;
	}
	
	#about-factory:hover .swipers-btns {
		opacity: 1;
	}
	
	.swipers-btns {
		position: absolute;
		top: 35%;
		width: 100%;
		opacity: 0;
		z-index: 999;
		left: 0;
	}
	
	.swipers-btn {
		position: absolute;
		display: block;
		cursor: pointer;
		width: 36px;
		height: 36px;
		background: #121212;
		border-radius: 50%;
		color: #ffffff;
		text-align: center;
		line-height: 36px;
		font-size: 26px;
	}
	
	.swipers-btn-next {
		left: -60px;
	}
	
	.swipers-btn-prev {
		right: -60px;
	}
	
	.swipers-btn:focus {
		box-shadow: none;
		outline: none;
	}
	
	.swipers-btn.swiper-button-disabled {
		background: #eeeeee;
		color: #cccccc;
	}
	
	#contain {
		overflow: hidden;
	}
	
	.contain-container {
		padding-top: 100px;
		padding-bottom: 120px;
	}
	
	.contact-left {
		width: calc(100% - 380px);
		float: left;
		max-width: 600px;
	}
	
	.contact-right {
		width:calc(100% - 630px);
		float: right;
	}

	
	.feedback-con {
		margin-top: 1rem;
	}
	
	.feedback-form .form-control {
		font-size: 14px;
	}
	
	.feedback-form .form-control-input {
		position: relative;
	}
	
	.feedback-form .form-control-input .form-control,
	.feedback-form .form-textarea {
		width: 100%;
		padding: 5px 15px;
		height: 40px;
		line-height: 26px;
		font-size: 14px;
		color: #333333;
		background-repeat: no-repeat;
		background-position: .5rem center;
		background-size: .5rem;
		background-color: #f9f9f9;
		border: 1px solid #dddddd;
		border-radius: 0;
		transition: all .3s;
	}
	
	.feedback-form .form-textarea {
		height: auto;
		padding-left: 15px;
	}
	
	.feedback-form .form-control-input .form-control:focus,
	.feedback-form .form-control-input .form-textarea:focus {
		color: #ffffff;
		background-color: #dddddd;
		border-color: #dddddd;
		outline: 0;
		box-shadow: none;
	}
	
	.feedback-form .form-control-input .form-control:focus::-webkit-input-placeholder,
	.feedback-form .form-control-input .form-textarea:focus::-webkit-input-placeholder {
		/* WebKit browsers 适配谷歌 */
		color: #ffffff;
	}
	
	.feedback-form .form-control-input .form-control:focus:-moz-placeholder,
	.feedback-form .form-control-input .form-textarea:focus:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 适配火狐 */
		color: #ffffff;
	}
	
	.feedback-form .form-control-input .form-control:focus::-moz-placeholder,
	.feedback-form .form-control-input .form-textarea:focus::-moz-placeholder {
		/* Mozilla Firefox 19+ 适配火狐 */
		color: #ffffff;
	}
	
	.feedback-form .form-control-input .form-control:focus:-ms-input-placeholder,
	.feedback-form .form-control-input .form-textarea:focus:-ms-input-placeholder {
		/* Internet Explorer 10+  适配ie*/
		color: #ffffff;
	}
	
	.feedback-submit {
		background: #121212;
		color: #ffffff;
		border-radius: 0;
		width: 134px;
		height: 40px;
		float: right;
	}
	
	.feedback-submit:hover {
		color: #ffffff;
		background-color: #a88551;
	}
	
	.contact-openhour-title {
		margin-bottom: 1rem;
	}
	
	.contact-openhour-title h2 {
		color: #ffffff;
		background: #121212;
		font-size: 1.25rem;
		font-weight: bolder;
		padding: 15px;
	}
	
	.contact-map-con {
		position: relative;
		height: 468px;
	}
	
	.news-contain {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.news-item {
		width: 33.3%;
		float: left;
		padding: 15px;
	}
	
	.news-con-title {
		text-align: center;
		color: #111111;
		font-size: 1.875rem;
		margin-bottom: 1.5rem;
		font-weight: bolder;
	}
	
	.news-share {
		border: #c5c5c5 1px dashed;
		margin: 0 auto;
		margin-bottom: 1.5rem;
	}
	
	.news-conner {
		margin-top: 15px;
	}
	
	.products-serise {
		margin-bottom: 30px;
	}
	
	.pro-serise-container .swiper-wrapper .swiper-slide {
		width: auto !important;
	}
	
	.pro-serise-container .swiper-wrapper .swiper-slide a {
		display: block;
		position: relative;
		padding: 8px 15px;
		color: #333333;
		border: 1px solid #e0e0e0;
		min-width: 190px;
		text-align: center;
	}
	
	.pro-serise-container .swiper-wrapper .swiper-slide a:hover,
	.pro-serise-container .swiper-wrapper .swiper-slide a.active {
		text-decoration: none;
		color: #ffffff;
		background:#000000;
		border-color:#000000;
	}
	
	.product-contain {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.pro-items {
		width: 33.3%;
		float: left;
		padding: 15px;
	}
	
	.pro-view-container .pro-view-left {
		width: 48%;
		float: left;
	}
	
	.pro-view-container .pro-view-right {
		width: 48%;
		float: right;
	}
	
	.pro-view-container .pro-img {
		text-align: center;
	}
	
	.pro-view-container .pro-title h1 {
		font-size: 1.625rem;
		font-weight: bolder;
		color: #111111;
		margin-bottom: 0;
	}
	
	.pro-view-container .pro-title {
		font-size: 18px;
		position: relative;
		padding-right: 66px;
		padding-bottom: 20px;
		border-bottom: 1px solid #cccccc;
		margin-bottom: 20px;
	}
	
	.pro-view-tages {
		position: absolute;
		right: 0;
		color: #333333;
		font-size: 14px;
		top: 10%;
	}
	
	.pro-view-tages ul li {
		list-style: none;
		display: inline-block;
	}
	
	.pro-view-container .pro-view-jj {
		min-height: 200px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #cccccc;
	}
	
	.pro-view-container .pro-back {}
	
	.pro-view-container .pro-back a {
		display: inline-block;
		color: #111111;
		padding: 6px 15px;
		border: 1px solid #111111;
		margin-right: 10px;
		min-width: 140px;
		text-align: center;
	}
	
	.pro-view-container .pro-back a.btn-contact {
		background: #121212;
		border-color: #121212;
		color: #ffffff;
		cursor:pointer;
	}
	
	.pro-view-container .pro-back a.btn-back i {
		margin-right: 10px;
	}
	
	.pro-view-container .pro-back a:hover {
		background: #c69c6d;
		border-color: #c69c6d;
		color: #ffffff;
		text-decoration: none;
	}
	
	.pro-view-container .pro-back a.btn-contact:hover {
		background: #c69c6d;
		border-color: #c69c6d;
	}
	
	.pro-view-img {
		max-width: 768px;
		margin: auto;
		position: relative;
	}
	
	.gallery-top {
		border: 1px solid #cdcdcd;
	}
	
	.gallery-top .swiper-slide {
		text-align: center;
		background: #ffffff;
	}
	
	.gallery-thumbs {
		padding: 10px 0;
	}
	
	.gallery-thumbs .swiper-slide {
		opacity: 0.4;
		border: 1px solid #cdcdcd;
	}
	
	.gallery-thumbs .swiper-slide-thumb-active {
		opacity: 1;
		border-color: #121212;
	}
	
	.pro-view-btns {
		position: absolute;
		top: 36%;
		opacity: 0;
		width: 100%;
		left: 0;
	}
	
	.pro-view-btns .swiper-btn {
		position: absolute;
		width: 36px;
		height: 36px;
		line-height: 36px;
		background: #121212;
		color: #ffffff;
		font-size: 26px;
		border-radius: 50%;
	}
	
	.pro-view-img:hover .swiper-btns {
		opacity: 1;
	}
	
	.pro-view-img:hover .swiper-btns .swiper-btn {
		z-index: 10;
	}
	
	.pro-view-img .swiper-btns .swiper-btn.swiper-button-disabled,
	.pro-view-img:hover .swiper-btns .swiper-btn.swiper-button-disabled {
		opacity: 0;
		cursor: unset;
	}
	
	.pro-view-img .swiper-btn.swiper-but-next {
		left: 3%;
	}
	
	.pro-view-img .swiper-btn.swiper-but-prev {
		right: 3%;
	}
	
	.pro-view-img .swiper-btn:hover {
		opacity: 1;
	}
	
	.pro-view-img .swiper-btn:focus {
		outline: none;
	}
	
	.product-view-detail {
		margin-top: 60px;
	}
	
	.product-view-detail-con {
		border-top: 1px solid #eeeeee;
		padding: 15px;
	}
	
	.bags-form .form-group {
		width: 100%;
	}
	
	.bags-list-table {
		min-width: 680px;
	}
	
	.bags-list-table thead th {
		border-bottom: 1px solid #ececec;
		border-top: none;
		padding-bottom: 1.5rem;
		font-size: 16px;
	}
	
	.bags-list-table thead {
		text-transform: uppercase;
	}
	
	.bags-list-img {
		max-width: 90px;
	}
	
	.bags-list-table>tbody>tr>td {
		vertical-align: middle;
	}
	
	.bags-list-table td {
		border-bottom: 1px solid #ececec;
		border-top: none;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.bags-list-table td a:hover {
		text-decoration: none;
		color: #b5081f;
	}
	
	.bags-form .form-control-input {
		width: 100%;
		float: none;
	}
	
	.bags-form .delet-icon {
		font-size: 26px;
		color: #727272;
		padding: 12px;
		display: inline-block;
	}
	
	.bags-form .delet-icon:hover {
		color: #b5081f;
	}
	
	.bags-continue {
		text-align: right;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	
	.bags-continue a {
		display: inline-block;
		padding: 10px;
		border: 1px solid #111111;
		text-transform: uppercase;
		min-width: 250px;
		text-align: center;
		color: #111111;
	}
	
	.bags-continue a:hover {
		background: #111;
		border-color: #111;
		color: #ffffff;
		text-decoration: none;
	}
	
	.bags-feedback {
		max-width: none;
		padding-top: 1rem;
	}
	
	.clear1 {
		display: block;
	}
	
	.clear2 {
		display: none;
	}
	
	.clear3 {
		display: none;
	}
	/**/
	
	.pro_img {
		width: 100%;
		height: 160px;
		background: url(../images/fbg.png) repeat-x;
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 10;
	}
	
	ul.pro_tb {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap;
		flex-direction: row;
	}
	
	ul.pro_tb li {
		list-style: none;
		text-align: center;
	}
	
	ul.pro_tb li a {
		color: #fff;
	}
	
	ul.pro_tb li img {
		margin-top: 30px;
	}
	
	.index-about-p p {
		line-height: 25px;
	}
	/**/
	
	.anniu {
		margin-top: 30px;
		display: flex;
		position: relative;
		justify-content: center;
	}
	
	.anniu .swiper-pagination-bullet {
		margin: 0 5px;
	}
	
	.anniu .swiper-button-next,
	.anniu .swiper-button-prev {
		margin: 4px 10px 0;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		border: 1px solid #333;
		text-align: center;
		left: inherit;
		right: inherit;
		float: left;
		position: inherit;
	}
	
	.anniu {
		--swiper-theme-color: #14a73d;
		/* 设置Swiper风格 */
		--swiper-navigation-color: #666;
		/* 单独设置按钮颜色 */
		--swiper-navigation-size: 20px;
		/* 设置按钮大小 */
	}
	/**/
	
	footer {
		width: 100%;
		background: #121212;
	}
	
	#foot {
		color: #ffffff;
		margin-top: 90px;
	}
	
	#foot a {
		color: #ffffff;
	}
	
	.foot-nav-ul a {
		color: #ffffff;
	}
	
	.foot-nav-ull a {
		color: #ffffff;
	}
	
	.foot-nav-ull ul li {
		float: left;
	}
	
	.foot-nav-contain p {
		line-height: 30px;
	}
	
	.foot-1 {
		color: #ffffff;
		padding: 60px 0 0px 0;
		width: 100%;
	}
	
	.foot-1-con {
		padding-right: 90px;
		min-height: 250px;
		position: relative;
		margin-bottom: 40px;
	}
	
	.foot-nav {
		float: left;
		width: 33.3%;
		padding: 15px;
	}
	
	.foot-nav-about {
		width: 25%
	}
	
	.foot-nav-pro {
		width: 30%
	}
	.navbar-toggler-icon2{
		display:inline-block;
		width:30px;
		height:30px;
	}
	.foot-nav-title {
		position: relative;
		font-size: 1.2rem;
		font-weight: bolder;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.foot-nav-title:before {
		content: "";
		border-bottom: 3px solid #db9815;
		width: 26px;
		position: absolute;
		top: 0;
	}
	
	.foot-nav-title2:before {
		content: "";
		border-bottom: 3px solid #db9815;
		width: 26px;
		position: absolute;
		top: 0;
	}
	
	.foot-nav-title2 {
		position:relative;
		font-size: 1.2rem;
		font-weight: bolder;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	footer ul {
		padding-left: 0;
	}
	
	footer ul a {
		text-decoration: none;
	}
	
	.foot-nav-ul li {
		list-style: none;
	}
	
	.foot-nav-ul li a {
		opacity: 0.8;
	}
	
	.foot-nav-ul li a:hover {
		opacity: 1;
		text-decoration: none;
	}
	
	.foot-nav-ull li {
		float: left;
		list-style: none;
		width: 45%;
	}
	
	.foot-nav-ull li a {
		opacity: 0.8;
	}
	
	.foot-nav-ull li a:hover {
		opacity: 1;
		text-decoration: none;
	}
	
	.foot-contact {
		opacity: 0.8;
	}
	
	.foot-contact:hover {
		opacity: 1;
	}
	
	.foot-nav-ull2 {
		margin: -130px 80px;
	}
	
	.foot-link {
		position: absolute;
		right: 0;
		width: 90px;
		top: 0;
	}
	
	.foot-link ul li {
		list-style: none;
		text-align: center;
		padding: 10px 0;
	}
	
	.foot-link ul li a {
		color: ffffff;
		display: block;
		width: 40px;
		height: 40px;
		background: rgba(255, 255, 255, 0.15);
		border-radius: 50%;
		font-size: 16px;
		text-align: center;
		line-height: 40px;
		margin: auto;
		color: #fff;
	}
	
	footer ul li a {
		line-height: 25px;
	}
	
	.foot-link ul li a:hover {
		text-decoration: none;
		color: #db9815;
		background: rgba(255, 255, 255, 0.2);
	}
	
	.foot-copyright .foot-copyright-con {
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.foot-copyright-l {
		float: left;
	}
	
	.foot-copyright-r {
		float: right;
	}
	
	.index-about-con {
		width: 100%;
		margin: auto;
	}
	
	.foot-1-con {
		padding-right: 60px!important;
	}
	
	.foot-copyright-r a {
		color: #fff;
	}
	.foot-nav-ull:after{
	content: '.';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
	font-size: 0
}
@media screen and (max-width: 1500px){
	.banner-btn{
		display:none;
	}
	}
	@media (min-width: 1200px) {
		.container,
		.container-lg,
		.container-md,
		.container-sm,
		.container-xl {
			max-width: 1280px;
		}
	}
	.nav-right .navbar-toggler{
		outline:0;
	}
	@media screen and (max-width: 1200px) {
		.nav-con .navbar-nav .nav-link {
			padding: 32px 16px;
		}
		.index-about-left {
			width: 45%;
		}
		.index-about-right {
			width: 55%;
		}
		.index-about-num {
			position: relative;
			left: 0;
			border-radius: 0;
		}
		.banner-img-container {
			padding-top: 410px;
		}
		.banner-btn {
			bottom: 160px;
			}
	}
	
	@media screen and (max-width: 992px) {
		.nav-right .navbar-toggler{
			margin-right:5px;
		}
		.banner-btn {
			bottom: 8%;
			}
		.pro_img{
			display:none;
		}
		.nav-right {
			position: absolute;
			right: 15px;
			top: 34px;
		}
		.nav-con .navbar-container {
			position:relative;
			width: 100%;
			max-width: none;
			padding: 0;
			height:100%;
		}
		nav .navbar-collapse {
			position: absolute;
    background: #000;
    width: 100%;
    top: 100%;
    left: 0;
}
		.navbar-nav .nav-item:first-child {
			border-top: 1px solid #a58351;
		}
		.navbar-nav .nav-item {
			border-bottom: 1px solid #a58351;
			padding: 0;
		}
		.nav-con .navbar-nav .nav-link {
			padding: 20px 40px;
		}
		.navbar-nav .nav-item:before {
			left: 15px;
			top: 30px;
		}
		.navbar-nav .nav-item:first-child:before {
			display: block;
		}
		.nav-con .dropdown-menu {
			background: #fafafa;
			border-radius: 0;
			border: none;
			padding-left: 20px;
		}
		.index-pro-left {
			float: none;
			width: 100%;
			padding-right: 0px;
		}
		.index-pro-right {
			float: none;
			width: 100%;
			padding-left: 0px;
			margin-top: 25px;
		}
		.index-about-left {
			width: 100%;
			float: none;
			padding-right: 0;
		}
		.index-about-right {
			width: 100%;
			float: none;
			margin-top: 2rem;
		}
		.index-about-num {
			position: absolute;
			left: 5%;
			border-radius: 3px;
		}
		.index-contact-logo {
			width: 60%;
		}
		.banner-img-container {
			padding-top: 350px;
		}
		.ideas-item {
			float: none;
			width: 100%;
		}
		.ideas-item:nth-child(even) {
			padding-left: 0px;
		}
		.ideas-item:nth-child(odd) {
			padding-right: 0px;
		}
		.contact-left {
			width: 100%;
			float: none;
			max-width: none;
		}
		.contact-right {
			width: 100%;
			float: none;
			margin-top: 5rem;
		}
		.news-item {
			width: 50%;
		}
		.pro-items {
			width: 50%;
		}
		.pro-view-container .pro-view-left {
			width: 100%;
			float: none;
		}
		.pro-view-container .pro-view-right {
			width: 100%;
			float: none;
			margin-top: 2rem;
		}
		.clear1 {
			display: none;
		}
		.clear2 {
			display: block;
		}
		.clear3 {
			display: none;
		}
		.foot-1-con {
			padding-right: 0px;
			position: relative;
		}
		.foot-nav {
			float: none;
			width: 100%;
			padding: 15px;
		}
		.foot-nav-ul li {
			display: inline-block;
			padding-right: 15px;
		}
		.foot-link {
			position: relative;
			width: 100%;
		}
		.foot-link ul li {
			display: inline-block;
			padding: 15px;
		}
		.foot-copyright-l {
			width: 100%;
			text-align: center;
		}
		.foot-copyright-r {
			width: 100%;
			text-align: center;
		}
	}
	
	@media screen and (max-width: 768px) {
		.foot-contact {
			width: 100%;
			height: auto;
			float: none;
			padding-right: 15px;
			padding-bottom: 30px;
		}
		.foot-right {
			width: 100%;
			float: none;
			padding-right: 15px;
			padding-left: 15px;
			height: auto;
		}
		.foot-container {
			max-width: 100%;
		}
		.foot-nav {
			padding-top: 30px;
			min-height: unset;
		}
		.foot-nav-con {
			margin-bottom: 1rem;
		}
		.index-pro-container,
		.index-about-container {
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.banner-img-container {
			padding-top: 300px;
		}
		.about-intro-container {
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.contain-container {
			padding-top: 30px;
			padding-bottom: 60px;
		}
	}
	
	@media screen and (max-width: 680px) {
		.top-brand img {
			height: 40px;
		}
		.nav-con {
			height: 66px;
		}
		.nav-right {
			top: 22px;
		}
		.top-brand {
			padding:0px 0px 0 20px;
		}
		.container-title h1,
		.index-contact-p h1 {
			font-size: 1.5rem;
		}
		.banner-img-container {
			padding-top: 250px;
		}
		.banner-img-icon {
			width: 60px;
			height: 60px;
		}
		.banner-img-con {
			width: 60%;
			height: 60px;
			padding: 5px 20px;
			font-size: 0.75rem;
		}
		.banner-img-con h1 {
			font-size: 1.5rem;
			line-height:50px;
		}
		.about-intro-num-con {
			flex-direction: column;
		}
		.about-intro-num-con .index-about-num-item {
			width: 100%;
			margin-bottom: 1rem;
		}
		.clear1 {
			display: none;
		}
		.clear2 {
			display: none;
		}
		.clear3 {
			display: block;
		}
	}
	
	@media screen and (max-width: 572px) {
		.index-about-num {
			flex-direction: column;
			position: relative;
			left: 0;
			border-radius: 0;
		}
		.news-item {
			width: 100%;
			float: none;
		}
		.pro-items {
			width: 100%;
			float: none;
		}
	}