/*全局*/
:root{
	--color:#333333;
	--activeColor:#B60A0A;
	--whiteColor:#FFFFFF;
	--grayColor:#888888;
	--redColor:#DA0203;
	--greenColor:#28A574;
	--orangeColor:#FF6600;
}
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: var(--color);line-height: 2;font-size: 16px;overflow-x: hidden;background-color: #fff;min-width: 1430px; font-family: system-ui,-apple-system,Segoe UI,Rototo,Helvetica,Arial,sans-serif;}
.layui-container {width: 1430px;padding-left: 15px; padding-right: 15px;}
.layui-fluid {padding-left: 60px; padding-right: 60px;}
a:hover {text-decoration: none;color: var(--activeColor);}
.margin-top10 {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 40px;}
.margin-top50 {margin-top: 50px;}
.margin-bottom40 {margin-bottom: 40px;}
.relative {position: relative;}
.text-active,.text-active a {color: var(--activeColor);}
.text-white,.text-white a {color: var(--whiteColor);}
.text-red,.text-red a {color: var(--redColor);}
.text-gray,.text-gray a {color: var(--grayColor);}
.text-green,.text-green a {color: var(--greenColor);}
.overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.overflow2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.overflow3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.overflow4 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.overflow5 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.overflow6 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
/*图片父级容器正方形显示*/
.auto-box {position: relative;overflow: hidden; padding-bottom: 100%;border: 0px solid #ddd;background: #f8f8f8;}
.auto-box .auto-flex {position: absolute;width:100%; height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.auto-box .auto-flex a {display: block;height: 100%;}
.auto-box .auto-flex img {height:100%;max-width: auto!important;}
.flex {display: flex;}
.flex-center {justify-content: center;align-items: center;}

/* 首页 */
.nav {border-bottom: 6px solid var(--activeColor);}
.nav .layui-fluid {display: flex; justify-content: space-between;align-items: center;}
.nav .logo {width: 50%;}
.nav .logo img {max-width: 100%;}
.nav-box {display: flex; width: 50%;}
.nav-box >li {width: 16.66666%;}
.nav-box >li >a {display: block;line-height: 120px; text-align: center;}
.nav-box >li >a:hover {background-color: var(--activeColor);color: #fff;}
.nav-box >li.active >a {background-color: var(--activeColor);color: #fff;}

.banner .swiper-slide {display: flex;justify-content: center;}

#index-about .title {display: flex;align-items: center; justify-content: center; font-size: 20px;padding: 30px  0;}
#index-about .title:before {display: inline-block;height: 1px; width: 50px;background-color: #888888; content: '';margin-right: 10px;}
#index-about .title:after {display: inline-block;height: 1px; width: 50px;background-color: #888888; content: ''; margin-left: 10px;}
#index-about>p {text-align: center;font-size: 36px; font-weight: bold;line-height: 1.7;}
#index-about .red-bg {background-color: var(--activeColor);color: #fff;margin-top: 30px;padding-top: 20px; padding-bottom: 40px;}
#index-about .red-bg .txt {text-indent: 2em;}
#index-about .red-bg .img img {max-width: 100%;}
#index-about .number {display: flex; justify-content: center;}
#index-about .number .item {margin-left: 100px;}
#index-about .number .item:nth-child(1) {margin-left: 0px;}
#index-about .number .item span {font-size: 48px; font-weight: bold;}
#index-about .number .item div {font-size: 18px; font-weight: bold;}
#index-about .number .item p {font-size: 18px;}

.index-pro-title {text-align: center;padding-top: 40px;}
.index-pro-block {margin-top: 30px;}
.pro-tuijian {background: url(../images/index-pro-block-bg.jpg) center top no-repeat;position: relative;height: 700px;}
.pro-tuijian img {position: absolute;left: 50%; transform: translateX(-50%);top: 100px;}
.pro-list {background: url(../images/index-pro-block-bg2.jpg) center bottom no-repeat;padding-top: 140px;padding-bottom: 50px;}
.pro-list .img {position: relative;padding-bottom: 100%;background-color: #f5f5f5;}
.pro-list .img img {position: absolute;left: 0;top: 0; width: 100%; height: 100%; object-fit: contain;}
.pro-list .txt {text-align: center;color: #fff;}
.pro-list .txt h3 {font-size: 28px;}
.dingzhi-title .img {text-align: center;}
.dingzhi-title p {text-align: center;}

.shili-block {background-color: #161711;padding-top: 40px; padding-bottom: 40px;}
.shili-box {background-color: #DA1C1E;color: #fff;padding: 50px; display: flex; justify-content: space-between;}
.shili-box .left {width: 170px;}
.shili-box .right {flex: 1;margin-left: 50px;}
.shili-box .right .t {text-align: left; font-size: 42px;font-weight: bold; line-height: normal;}
.shili-con {display: flex;justify-content: space-between;}
.shili-con .txt {font-size: 20px;}
.anli-block {padding-top: 50px;text-align: center;}
.anli-img img {max-width: 100%;}

.map-block {margin-top: 60px;text-align: center;}

.liuyan-block {background: url(../images/lianxi-bg.jpg) center no-repeat;color: #fff;padding-top: 60px; padding-bottom: 60px; margin-top: 60px;}
.liuyan-block .layui-container {display: flex; justify-content: space-between;}
.liuyan-block .left {width: 60%;}
.liuyan-block .right {width: 40%;}
.lianxi-txt {font-size: 30px;}
.lianxi-big-txt {font-size: 46px;}
.lianxi-small-txt {font-size: 22px;}

.liuyan-form input {background-color: rgba(255, 255, 255, 0.8); border: none; padding: 10px; width: 100%;}
.liuyan-form textarea {background-color: rgba(255, 255, 255, 0.8); border: none; padding: 10px; width: 100%;}
.liuyan-form button {background-color: rgba(255, 255, 255, 0.9); border: none;width: 100%;padding: 15px;}

footer {background: url(../images/footer-bg.jpg) center no-repeat;padding-top: 30px; color: #fff; background-size: cover;}
.lianxi-nav {display: flex; justify-content: space-between; margin-top: 30px;}
.lianxi-nav .left {width: 35%;}
.lianxi-nav .left p {line-height: 1.4;margin-bottom: 15px;}
.lianxi-nav .right {width: 60%; display: flex;}
.lianxi-nav .right a {color: #fff;}
.lianxi-nav .right ul {width: 20%;}
.lianxi-nav .right li.active {font-size: 22px; font-weight: bold;margin-bottom: 10px;}
.lianxi-nav .right li.active:after {content: ''; display:block;width: 40px; height: 3px; background-color: var(--activeColor);}
footer .copys {border-top: 1px solid rgba(255, 255, 255, 0.7);padding-top: 15px; padding-bottom: 15px;}
footer .copys a {color: #fff;}

.ny-pro-tj {text-align: center;}
.pro-cate {margin-top: 40px; display: flex;justify-content: center;}
.cate-txt {text-align: center;font-size: 24px; font-weight: 100;padding: 20px 0;}

.ny-pro-list .layui-fluid {display: flex; justify-content: center; flex-wrap: wrap;}
.ny-pro-list .layui-fluid .item {width: 30%;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);margin: 0 20px; margin-bottom: 30px;}
.ny-pro-list .layui-fluid .up {padding: 0 20px;}
.ny-pro-list .layui-fluid .up .arrow {display: inline-block;background-color: #333;color: #fff;width: 24px; height: 24px;line-height: 24px;text-align: center;border-radius: 50%;}
.ny-pro-list .layui-fluid .img {position: relative;padding-bottom: 100%;margin-top: 15px;}
.ny-pro-list .layui-fluid .img img {position: absolute;left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}

.t-hyyy-fwqy {text-align: center;margin-top: 30px;}
.hyyy-fwqy {margin-top: 30px;text-align: center; max-width: 100%;}

.ny-banner {display: flex;justify-content: center;}

.ny-dingzhi-t {text-align: center; margin-top: 40px;margin-bottom: 20px;}
.ny-dingzhi-con {margin-bottom: 30px; text-align: center;}
.ny-dingzhi-con img {max-width: 100%;}

.ny-anli-con {text-align: center;margin-top: 40px;margin-bottom: 40px;}
.ny-anli-con img {max-width: 100%;}

.ny-t-about {text-align: center;margin-top: 40px; margin-bottom: 40px;}
.ny-about-con {display: flex; justify-content: space-between;}
.ny-about-con .left {width: 55%;}
.ny-about-con .left p {text-indent: 2em;font-size: 20px;}
.ny-about-con .right {width: 42%;}
.ny-about-con .right img {width: 100%;}
.number {background-color: #B80C0C; margin-top: 40px; text-align: center;}
.ny-about-honor, .ny-about-qyjs {text-align: center;}
.ny-about-honor img, .ny-about-qyjs img {max-width: 100%;}

.mingpian {margin-top: 40px;margin-left: auto; margin-right: auto; max-width: 1300px; background-color: #B60A0A;padding: 1px; display: flex;}
.mingpian .left {background-color: #fff; width: 65%;padding: 20px;}
.mingpian .right {width: 35%; color: #fff; padding: 30px;display: flex; flex-direction: column; justify-content: center;}

.mingpian .left .logo img {max-width: 100%;}
.mingpian .left .lianxi-info {margin-top: 20px;}
.lianxi-info li {display: flex;}
.lianxi-info span {color: #999;width: 100px; text-align: right;}
.lianxi-info p {flex: 1;}
.mingpian .right .up p {margin-bottom: 30px;}

@media only screen and (min-width: 1440px)  {
	/* .layui-container {width: 1300px;} */
}
@media only screen and (min-width: 1200px) and (max-width:1439px)  {
	/* .layui-container {width: 1170px;} */
}
@media only screen and (min-width: 992px) and (max-width:1199px)  {
	/* .layui-container {width: 970px;} */
}
@media only screen and (min-width: 768px) and (max-width:991px)  {
	/* .layui-container {width: 750px;} */
}
@media only screen and (max-width: 767px)  {
	/* .layui-container {width: auto;} */
	
}