/*全局*/
:root{
	--color:#333;
	--activeColor:#EF8203;
	--whiteColor:#FFFFFF;
	--grayColor:#888;
	--redColor:#DA0203;
	--greenColor:#28A574;
}
* {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: 1300px;}
.layui-container {width: 1300px;}
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;}

/* 首页 */
.header {background-color: #000;padding-top: 15px;padding-bottom: 15px;}
.header .layui-container {display: flex;justify-content: space-between;align-items: center;}
.tel {display: flex;align-items: center;}
.tel-img {margin-right: 10px;}
.tel-txt {line-height: normal;}
.tel-txt p {font-size: 34px;font-weight: 600;}
.nav {position: absolute;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.6);z-index: 4;border-top: 1px solid #666;padding-top: 15px;padding-bottom: 15px;}
.nav .layui-container {display: flex;justify-content: space-between;align-items: center;}
.nav .logo {height: 50px;width: 200px;}
.nav .logo img {height: 50px;}
.nav-box {margin-left: 30px;flex: 1;display: flex;justify-content: space-around;}
.nav-box li {width: 100%;}
.nav-box a {color: #fff;display: block;text-align: center;font-size: 24px;}
.nav-box a:hover {color: var(--activeColor);}
.nav-box a:hover:after {content: '';display: block;width: 30px;height: 1px;background-color: var(--activeColor);overflow: hidden;margin: 0 auto;}
.nav .search {width: 200px;margin-left: 30px;}
.search form {border: 1px solid #ccc;display: flex;border-radius: 25px;}
.search button {width: 50px;height: 48px;background-color: transparent;color: #ccc;border: none;}
.search .input {flex: 1;}
.search .input input {width: 100%;height: 48px;border: none;background-color: transparent;padding: 0 10px;color: #fff;}
.banner .swiper-slide img {width: 100%;}

.index-fangan {margin-top: 40px;display: flex;}
.index-fangan .img {width: 600px;}
.index-fangan .txt {flex: 1;text-align: right;}
.index-fangan p.text-active {font-size: 30px;line-height: 1.2;}
.index-fangan h4 {font-size: 30px;}
.index-fangan p.desc {line-height: 1.5;}
.index-fuwu {margin-top: 40px;}
.index-fuwu h3 {font-size: 40px;}
.fuwu-block {display: flex;justify-content: space-between;}
.fuwu-block .item {width: 402px;}
.fuwu-block .item h4 {font-size:28px;}
.fuwu-block .item .txt {margin-top: 10px;}

.index-product {background-color: #F4F4F6;margin-top: 50px;padding-top: 40px;padding-bottom: 60px;}
.index-product h3 {text-align: center;font-size: 40px;}
.index-product h3:after {content: '';display: block;width: 70px;height: 3px;background-color: var(--activeColor);overflow: hidden;margin: 0 auto;}
.index-product-list {display: flex;justify-content: space-between;margin-top: 30px;}
.index-product-list .item {width: 32%;}
.index-product-list .item a {display: block;background-color: #fff;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);padding: 15px;text-align: center;}
.index-product-list .item .img {height: 300px;overflow: hidden;}
.index-product-list .item .img img {width: 100%;height: 100%;object-fit: contain;}
.index-product-list .item .more {display: inline-block;background-color: var(--activeColor);color: #fff;padding: 0 20px;}
.index-ad {background: url(../images/ad_bg.jpg) center no-repeat;height: 196px;display: flex;justify-content: center;align-items: center;color: #fff;}
.index-ad .layui-container {text-align: center;font-size: 52px;font-weight: 600;}
.index-news {margin-top: 30px;}
.index-news .t {font-size: 40px;line-height: normal;}
.index-news .t p {color: var(--activeColor);}
.index-news .desc {font-size: 26px;line-height: normal;margin-top: 10px;}
.index-news .desc p {font-size: 20px;}
.index-news .t-img {margin-top: 20px;}
.index-news .t-img img {width: 100%;}
.index-news-box {margin-top: 20px;display: flex;}
.index-news-box .left {width: 60%;}
.index-news-box .right {width: 35%;margin-left: 5%;background-color: #E6E6E6;padding: 20px 30px;border-radius: 10px;}
.index-news-list li {line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-news-list a:before {content: '';display: inline-block;width: 10px;height: 6px;background-color: var(--activeColor);margin-right: 6px;}
.index-news-box .left a {display: flex;margin-bottom: 30px;}
.index-news-box .news-date {width: 120px;border-left: 1px solid #ccc;margin-left: 30px;display: flex;align-items: center;justify-content: center;}
.index-news-box .news-info {flex: 1;}
.index-news-box .news-info h3 {color: var(--activeColor);line-height: normal;margin-bottom: 10px;}
.index-news-box .news-info p {line-height: 1.6;font-size: 14px;}

.liuyan-block {background: url(../images/footer_bg.jpg) center top no-repeat;margin-top: 30px;padding-top: 30px;padding-bottom: 30px;}
.liuyan-block .layui-container {display: flex;}
.liuyan-block .left {width: 50%;}
.liuyan-block .right {width: 45%;margin-left: 5%;}
.liuyan-block .left h5 {border-left: 4px solid var(--activeColor);font-size: 28px;line-height: 28px;padding-left: 10px;font-weight: 600;}
.liuyan-block .left .logo {margin-top: 30px;}
.liuyan-block .left .name {margin-top: 30px;}
.liuyan-block .left .lianxi-info {margin-top: 30px;}
.liuyan-block .right p {color: #fff;text-align: right;font-size: 14px;}
#form-liuyan {background-color: rgba(255, 255, 255, 0.4);padding: 15px;}
#form-liuyan .item {margin-bottom: 15px;}
#form-liuyan input {background-color: #fff;border: none;width: 100%;font-size: 14px; height: 38px;padding: 0 10px;}
#form-liuyan textarea {background-color: #fff;border: none;width: 100%;font-size: 14px;padding: 10px;}
#form-liuyan button {background-color: var(--activeColor);border: none;color: #fff;height: 40px;padding: 0 20px;}
.fuwu-block2 {background-color: #C0BFBD;padding-bottom: 40px;margin-top: 40px;}

/* 内页 */
.nybanner {display: flex;justify-content: center;}
.about-block {display: flex;justify-content: space-between;align-items: center;}
.about-block .left {font-size: 40px;color: var(--activeColor);line-height: 1.2;border-top: 1px solid var(--activeColor);border-bottom: 1px solid var(--activeColor);padding-top: 10px; padding-bottom: 10px;}
.about-block .right {text-align: right;font-size: 28px;line-height: 1.2;}
.about-block .right h4 {color: #999;}
.about-con {display: flex;}
.about-con .left {width: 320px;}
.about-con .right {flex: 1;}
.about-content .txt h3 {font-size: 44px;color: var(--activeColor);}
.about-content .txt p {font-size: 28px;line-height: 1.5;}
.sale-tel {background-color: #333;color: #fff;}
.sale-tel p {font-size: 24px;font-weight: 600;line-height: 2;}
.sale-tel p span {font-size: 36px;}

.newslist-block {margin-top: 30px;}
.newslist-block >a {display: block;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;border:1px solid #ddd;padding:20px;border-radius: 10px;}
.newslist-block >a img {width: 100%;height: 200px;}
.newslist-block .date {color: #999;}
.newslist-block h3 {font-size: 18px;}
.newslist-block .more {background-color: var(--activeColor);color: #fff;padding:0 15px;line-height: 32px;display: inline-block;margin-top: 10px;}

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