/*全局*/
:root{
	--color:#333333;
	--activeColor:#0E80D8;
	--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: 14px;overflow-x: hidden;background-color: #fff;min-width: 1200px; font-family: system-ui,-apple-system,Segoe UI,Rototo,Helvetica,Arial,sans-serif; font-weight: 100;}
.layui-container {width: 1200px;padding-left: 15px; padding-right: 15px;}
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;}

/* 首页 */
header {padding-top: 15px; padding-bottom: 15px;}
header .layui-container {display: flex; justify-content: space-between; align-items: center;}
header .lianxi li {display: flex;align-items: center;}
header .lianxi li span {margin-right: 5px;}
nav {background: url(../images/index_12.jpg) center bottom repeat-x;}
.nav-box {display: flex;}
.nav-box li {width: 14.28571%; background: url(../images/index_15.jpg) left center no-repeat;}
.nav-box li:nth-child(1) {background: none;}
.nav-box li a {display: block; color: #fff; font-size: 16px;line-height: 70px; text-align: center;}
.nav-box li a:hover {font-weight: bold;}
.banner .swiper-slide {display: flex; justify-content: center;}
.banner .swiper-slide a {width: 100%;}
.banner .swiper-slide img {width: 100%;}
.index-product .t .en {text-align: center; text-transform: uppercase;font-size: 24px; font-weight: 400;}
.index-product .t .en span {color: var(--activeColor);}
.index-product .t .cn {display: flex;align-items: center;justify-content: center;}
.index-product .t .cn .name {width: 200px; height: 40px;border: 1px solid #ddd; display: flex;justify-content: center; align-items: center; font-size: 20px; font-weight: 400;}
.index-product .t .cn .line {flex: 1; height: 1px; background-color: #ddd;}

.pro-cate-search {background-color: #f7f7f7; display: flex;justify-content: space-between; height: 60px;}
.pro-cate {display: flex; flex: 1;}
.pro-cate-search .search {width: 200px; margin: 0 15px; display: flex; align-items: center;}
.pro-cate-search .cate-more {width: 120px;}
.pro-cate-search .cate-more a {display: flex;background-color: #ccc; height: 100%; align-items: center; justify-content: center;}
.pro-cate-search .cate-more a:hover {background-color: #aaa; color: #fff;}
.pro-cate a {display: flex;align-items: center; justify-content: center;;padding: 0 15px;}
.pro-cate a:hover {background-color: var(--activeColor); color: #fff;}
.pro-cate-search form {display: flex;align-items: center;background-color: #fff;padding: 5px 15px; border: 1px solid #ddd; border-radius: 20px;}
.pro-cate-search .button {width: 30px; height: 30px;}
.pro-cate-search button {border: none; background-color: transparent;width: 30px; height: 30px;}
.pro-cate-search .input {flex: 1;}
.pro-cate-search input {height: 30px;border: none;}

.index-pro-list a {display: block;border: 1px solid var(--activeColor);}
.index-pro-list a .img {height: 200px;}
.index-pro-list a .img img {width: 100%; height: 100%; object-fit: contain;}
.index-pro-list a p {line-height: 30px; background-color: var(--activeColor); color: #fff; text-align: center;}

.index-about .t .en {text-align: center; text-transform: uppercase;font-size: 24px; font-weight: 400; color: #fff;}
.index-about .t .en span {color: var(--activeColor);}
.index-about .t .cn {display: flex;align-items: center;justify-content: center;}
.index-about .t .cn .name {width: 200px; height: 40px;border: 1px solid #ddd; display: flex;justify-content: center; align-items: center; font-size: 20px; font-weight: 400; color: #fff;}
.index-about .t .cn .line {flex: 1; height: 1px; background-color: #ddd;}
.index-about {background: url(../images/about_bg.jpg) center no-repeat;background-size: cover; padding: 60px 0;}
.about-box {display: flex; justify-content: space-between;}
.about-box .img {width: 313px; margin-right: 20px;}
.about-box .more {width: 93px; margin-left: 20px; display: flex;align-items: end;}
.about-box .con {flex: 1;color: #fff;}

.title .en {text-align: center; text-transform: uppercase;font-size: 24px; font-weight: 400;}
.title .en span {color: var(--activeColor);}
.title .cn {display: flex;align-items: center;justify-content: center;}
.title .cn .name {width: 200px; height: 40px;border: 1px solid #ddd; display: flex;justify-content: center; align-items: center; font-size: 20px; font-weight: 400;}
.title .cn .line {flex: 1; height: 1px; background-color: #ddd;}

.slide-fengcai .swiper-slide {height: 300px;}
.slide-fengcai .swiper-slide img {height: 300px;width: 100%; object-fit: cover;}
.fengcai-box .swiper-button-prev {left: -20px;}
.fengcai-box .swiper-button-next {right: -20px;}

.news-list .item {display: flex;}
.news-list .item .img {width: 180px; height: 130px; box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1);margin-right: 15px;}
.news-list .item .img img {width: 100%; height: 100%; object-fit: cover;}
.news-list .item .info {flex: 1;line-height: 1.5;}
.news-list .item .info h4 {font-size: 18px; font-weight: 400;}
.news-list .item .info .date {font-size: 13px; color: #999; border-bottom: 1px solid #ddd; padding-bottom: 7px; margin-bottom: 10px;}
.news-list .item .info p {color: #666;}
.news-list .item .info p a {color: var(--activeColor);}
footer {background-color: #272B36; color: #fff;}
.footer-nav {text-align: center;background-color: #2C323E; line-height: 50px;}
.copyrights {display: flex;justify-content: space-between; padding: 15px 0; align-items: center;}
.footer-logo {width: 300px;}
.copys {flex: 1; color: #999;}
.copys a {color: #999;}

@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;} */
	
}