*{padding: 0;margin: 0;box-sizing: border-box;}
html,body{width: 100%;font-size: 16px;font-family: '微软雅黑','microsoft';}
ul,ul li{list-style: none;}
:root {
	--main-color: #1b3076;
	--white: #fff;
}
a{color: var(--white);text-decoration: none;}
h2,button{font-family: 'Arial';}
input{min-width: 120px;height: 40px;background-color: #fff;border-radius: 0;padding-left: 8px;display: inline-block;vertical-align: top;border: none;}
textarea{padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;overflow: auto;resize: vertical;font-family: 'Arial'!important;}
input:focus,textarea:focus{color: #495057;background-color: #fff;border-color: #80bdff !important;outline: 0;box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);}
button{border-radius: 8px;cursor: pointer;}
button:disabled{background-color: #b0b0b0;color: #fff;}

.w-100{width: 100%;}
.w-12{width: 1200px;margin: 0 auto;overflow: hidden;}
.t-r{text-align: right;}
.t-c{text-align: center;}
.p-1{padding: 0.5rem;}
.mtb-2{margin-top: 1rem;margin-bottom: 1rem;}
.mtb-4{margin-top: 2rem;margin-bottom: 2rem;}
.bg-primary{background-color: var(--main-color);}
.bg-blank{background-color: #131313;}
.f-white{color: var(--white);}
h2{text-align: center;font-size: 3rem;color: #333232;font-weight: 400;letter-spacing: 1px;margin: 2rem 0;text-transform: uppercase;}
.block{display: block;margin: 1rem 0;}
.font-1{font-size: 1.6rem;color: #343434;margin: 1.6rem 0 1rem;}
.font-1 img{width: 40px;vertical-align: middle;margin-right: 0.5rem;}



/* 公共页面 */
.top-banner{background-color: var(--main-color);color: #fff;vertical-align: middle;height: 47px;}
.top-banner a{display: flex;align-items: center;height: 100%;width: 1200px;margin: 0 auto;justify-content: flex-end;}
.top-banner span{vertical-align: super;}
/* 菜单 */
.menu{display: flex;justify-content: space-between;padding: 2rem 0;}
.menu-list ul{display: flex;justify-content: flex-end;padding-top: 0.5rem;}
.menu-list ul li{position: relative;margin: 0 1px;}

.menu-list ul li::before{content: '';position: absolute;width: 4px;height: 36px;transition: background-color 0.3s;top: 15px;left: 6px;z-index: -1;}
.menu-list ul li a{padding: 0.8rem 1.3rem 0.6rem;color: #302d2d;text-transform: uppercase;display: block;width: 100%;height: 100%;font-weight: bold;}
.menu-list ul li a i{font-style: normal;font-size: 16px;}
/* .menu-list ul li:last-child{padding-right: 0;} */
.menu-list ul li.active::before,.menu-list ul li:hover::before{background-color: var(--main-color);}


/* 轮播图 */
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.banner-swiper img{width: 100%;}

/* 产品 */
.tab-top{display: flex;align-items: center;justify-content: center;}
.tab-top button{background: none;border: 1px solid #cccccc;font-size: 18px;padding: 12px 18px;color: #403f3f;margin: 1rem;transition: all 0.3s;}
.tab-cont{width: 100%;}
.tab-cont .tab-one{visibility: hidden;display: none;}
.tab-top .tab-show{background-color: #162c71;color: #fff;}
.tab-cont .tab-show{visibility: visible !important;display: block;}
.tab-cont .tab-one>div{display: flex;flex-wrap: wrap;align-content: space-between;}
.oneGoods,.oneBox{width:calc((100% - 60px) / 3);text-align: center;margin: 1rem 0;transition: all 0.2s;}
.oneGoods .box{height: 256px;text-align: center;border: 1px solid #d2d2d2;display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;padding: 0.5rem;}
.oneGoods .box img {width: 100%;}
.oneGoods:nth-child(3n-1),.oneBox:nth-child(3n-1){margin-right: 30px;margin-left: 30px;}
.oneGoods a{font-size: 1.125rem;color: #403f3f;text-transform: capitalize;}
/* 关于我们 */
.about_us{display: flex;justify-content: space-between;margin-bottom: 2rem;}
.about_us .article{width: calc(100% - 430px);color: #fff;line-height: 2;font-size: 1.1rem;text-align: justify;font-weight: 300;}
.about_us .article p{position: relative;letter-spacing: 1px;}
.about_us .article a{position: absolute;bottom: 0;right: 0;color: #e7d613;z-index: 1;}

/* 设备 */
.equipment{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.oneBox{border: 1px solid #d2d2d2;background: url(/images/dgxj/block-1.jpg) no-repeat bottom right;padding-bottom: 0.5rem;transition: all 0.3s;cursor: pointer;}
.oneBox div{width: 100%;height: 283px;overflow: hidden;margin-bottom: 0.5rem;}
.oneBox img{width: 100%;height: 100%;}
.oneBox:hover,.oneBox:active{border-color: #deab99;background-image: url(/images/dgxj/block-2.jpg);transform: translateY(-3px)}

/* foot */
.foot{color: rgba(255, 255, 255, 0.91);padding: 1.8rem 0;display: flex;justify-content: space-between;margin-top: 2rem;}
.foot-left{flex:1.7;border-right: 1px solid #fff;padding-right: 2rem;}
.foot p{width: 100%;font-size: 0.95rem;line-height: 2;font-weight: 300;}
.input-group{background-color: #fff;display: flex;justify-content: space-between;display: inline-block;height:40px;}
.input-group input{background-color: #fff;border: none;color: #666;width: 147px;height: 100%;float: left;padding-left: 5px;}
.input-group-append{width: 30px;display: inline-block;padding: 8px 0;}
.input-group-append img{width: 26px;border-left: 1px solid #ccc;}
.foot textarea{width: 80%;border-radius: 6px;padding: 0.5rem;line-height: 1.5rem;}
#v_container{width: 120px;height: 40px;display: inline-block;}
.submit{width: 180px;height: 40px;border: none;}
.foot-right{display: flex;flex-wrap: wrap;justify-content: space-between;padding-left: 1.5rem;flex: 1.5;}
/*.foot-right p{width: 100%;font-size: 1.125rem;line-height: 1.5rem;}*/
.foot-bottem{color: #949393;text-align: center;background-color: #373737;padding: 1rem 0;line-height: 1.5rem;font-size: 0.875rem;}

/* 其他页面的左侧商品导航 */
.other{display: flex;justify-content: space-between;}
.cont-left{width: 260px;}
.product-nav{border-left: 2px solid var(--main-color);}
.product-nav li{position: relative;margin-left: 0.6rem;border-radius: 1.5rem;width: fit-content;padding:7px 12px;border: 1px solid transparent;transition: background 0.3s;margin-bottom: 0.4rem;font-weight: 300;}
.product-nav li.first{margin-left: 6px;background-color: var(--main-color);border-radius: 0;padding: 12px 16px;}
.product-nav li.first a{color: #fff;}
.product-nav li.first::before{content: '';width: 6px;height: 2px;display: inline-block;background-color: var(--main-color);position: absolute;left: -7px;top: 50%;}
.product-nav a{color: #303030;transition: all 0.3s;font-size: 15px;text-transform: capitalize;}
.product-nav li:hover{border-color: var(--main-color);background: aliceblue;}
.product-nav li:hover a{color: var(--main-color);}

.left-contact{margin-top: 1rem;}
.left-contact p{line-height: 1.5rem;font-size: 14px;color: #666;}
.left-contact a{color: #454545;}

.cont-right{width: calc(100% - 300px);margin-top: 2rem;}
.navigation{background-color: #e7e7e7;overflow: hidden;}
.navigation span{text-transform: uppercase;display: inline-block;padding: 0.5rem;background-color: #d8d8d8;}

.main{margin: 2rem 0;}
.main p{line-height: 1.6rem;}

/* 产品页面 */
.products{display: flex;flex-wrap: wrap;justify-content: space-between;}

/* 质量展示页面 */
.main .oneBox>div{height: 205px !important;}

/* 意见反馈页面 */
.feedback{border: 1px solid var(--main-color);padding: 1rem;}
.feedback input,.feedback textarea{border: 1px solid #ccc;border-radius: 6px;width: calc(100% - 140px);}
.feedback label{width: 102px;text-align: right;color: #676767;display: inline-block;padding-right: 0.4rem;vertical-align: top;}
.feedback span{color: #df1515;padding: 0.2rem;}
.feedback p{color: #676767;}
.feedback .submit-2{width: 160px;text-align: center;background-color: var(--main-color);color: #fff;margin-top: 1rem;}
.feedback .cancel{border: 1px solid #666;width: 160px;height: 40px;text-align: center;background-color: #eee;color: #454545;margin-top: 1rem;}

.leaving-icon{animation: jump infinite 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate;width: auto !important;}
.leaving .one-leaving{border: 1px dashed var(--main-color);margin: 0.5rem 0;}
.one-leaving .leaving-head{background-color: #eee;padding: 0.5rem;font-size: 1.1rem;}
.leaving-head span{padding-right: 1rem;color: #484848;}
.leaving-head .leaving-tiem{float: right;font-size: 14px;}
.one-leaving .leaving-body{padding: 1rem;}
.one-leaving .leaving-foot{padding: 1rem;border-top: 1px solid #999;position: relative;}
.one-leaving .leaving-foot::before{content: 'reply';position: absolute;left: 0;right: 0;margin: auto;top: -10px;background-color: #fff;width: 100px;height: 30px;text-align: center;color: var(--main-color);font-size: 18px;letter-spacing: 1px;}
.reply-time{position: absolute;font-size: 14px;color: #777;background-color: #fff;width: 80px;height: 30px;right: 15px;top: -8px;text-align: center;}

/* 联系我们 */
.contact p,.contact a{color: #454545;letter-spacing: 1px;}

/* 其他页面的foot */
.foot-2{display: flex;}
.menu-2{width: 40%;}
.menu-2 ul li{line-height: 2rem;background:url(/images/dgxj/arrow.svg) no-repeat;padding-left: 2rem;background-position: 0px 0px;}
.article-2{width: 60%;line-height: 1.5rem;}
.font-2{font-size: 1.5rem;font-style: italic;text-transform: capitalize;margin-bottom: 1rem;padding-bottom: 0.5rem;position: relative;}
.font-2::after{content: '';display: inline-block;width: 20%;height: 2px;background-color: var(--main-color);position: absolute;bottom: 0;left: 0;}
/* .menu-2 */

@keyframes jump{
	0%{transform: translateY(0);}
	/* 20%{transform: translateY(5px);} */
	50%{transform: translateY(10px);}
	/* 80%{transform: translateY(5px);} */
	100%{transform: translateY(0);}
}

@media screen and (max-width:1200px) {
	.w-100{width: 1200px ;}
	.equipment,.about_us,.tab-cont{padding: 1rem;}
}

.page {
	width: 814px;
	margin: 30px auto 15px;
	height: 36px;
	text-align: center;
	line-height: 30px;
	float: left;
}
 .page a {
	color: #999999;
	font-size: 14px;
	font-family: "宋体";
	font-weight: normal;
	border: 1px solid var(--main-color);
	margin: 2px;
	line-height: 30px;
	height: 20px;
	padding:10px;
}
.page span {
	color: #999999;
	font-size: 14px;
	font-family: "宋体";
	font-weight: normal;
	margin: 2px;
	line-height: 30px;
	height: 20px;
	font-weight: bold;
}
.page .page_wz {
	color: #ffffff;
	background-color: var(--main-color);
}