/*全局*/
:root{
	--color:#333;
	--activeColor:#1345C6;
	--whiteColor:#FFFFFF;
	--grayColor:#888;
	--redColor:#DA0203;
	--greenColor:#28A574;
}
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: #333;line-height: 2;font-size: 16px;overflow-x: hidden;background-color: #fff;min-width: 1200px;}
.layui-container {width: 1200px;}
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-white,.text-white a {color: #fff;}
.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 .logo {text-align: center;}
.header nav {margin-top: 40px;display: flex;justify-content: center;}
.header nav li {margin: 0 30px;}
.header nav a {display: block;line-height: 40px;padding: 0 10px;border-bottom: 3px solid transparent;font-size: 20px;}
.header nav a:hover {border-color: #AE2221; color: #AE2221;}
.header nav li.active a {border-color: #AE2221; color: #AE2221;}
.banner {margin-top: 40px;}
.banner .swiper-pagination-bullet {width: 10px;height: 10px;background-color: #DA0203;opacity: 1;}
.banner .swiper-pagination-bullet-active {background-color: #fff;}
.our-service {margin-top: 30px;}
.our-service .title {text-align: center;font-size: 30px;}
.our-service-con {font-size: 17px;color: #888;margin-top: 20px;}
.our-service-img {text-align: center;margin-top: 30px;}

.our-product {background: url(../images/our_product_bg.jpg) center top no-repeat;padding-top: 40px;padding-bottom: 60px;color: #fff;}
.our-product .title {text-align: center;font-size: 30px;}
.our-product .tips {text-align: center;}
.scroll-pro {margin-top: 40px;}
.prev1, .next1 {position: absolute;top: 60%;left: -100px;transform: translateY(-50%);}
.next1 {left: unset;right: -100px;}
.scroll-pro .img {height: 280px;overflow: hidden;background-color: #fff;}
.scroll-pro .img img {width: 100%;height: 100%;object-fit: cover;}
.scroll-pro .swiper-slide p {text-align: center;color: #fff;background-color: rgba(0, 0, 0, 0.4);line-height: 50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.about-us {margin-top: 30px;}
.about-us .title {text-align: center;font-size: 30px;}
.about-us-con {font-size: 17px;color: #888;margin-top: 20px;}
.about-us-img {text-align: center;margin-top: 30px;}

footer {background-color: #323232;padding-top: 30px;margin-top: 30px;}
.footer-lianxi {display: flex;justify-content: space-between;padding-bottom: 30px;color: #fff;align-items: center;}
.footer-lianxi .lianxi {width: 50%;}
.footer-lianxi .com-name {flex: 1;border-left: 1px solid #fff;padding-left: 50px;text-align: center;font-size: 24px;font-weight: 400;line-height: 1.5;}
.copyrights {background-color: #000;color: #999;padding-top: 20px;padding-bottom: 20px;}
.copyrights a {color: #999;}

/* 联系我们 */
.lianxi-us {margin-top: 60px;display: flex;justify-content: space-between;}
.lianxi-us .left {flex: 1;margin-right: 50px;}
.lianxi-us .right {width: 460px;}
.lianxi-us .right .item {margin-bottom: 15px;}
.lianxi-us .right input {width: 100%;height: 40px;border: 1px solid #666;padding: 0 10px;font-size: 14px;}
.lianxi-us .right textarea {width: 100%;height: auto;border: 1px solid #666;padding: 10px;font-size: 14px;}
.lianxi-us .right button {background-color: #AE2221; color: #fff;border: none;width: 200px;height: 50px;}
.lianxi-us .left .title {font-size: 28px;}
.lianxi-us .left .title span {color: #999;}
.lianxi-us .com-name {font-size: 24px;color: #AE2221;}
.lianxi-list {margin-top: 40px;}
.lianxi-list li {display: flex;justify-content: space-between;margin-bottom: 30px;}
.lianxi-list li span {width: 70px;}
.lianxi-list li .lianxi-txt {flex: 1;font-size: 24px;}
.lianxi-list li .lianxi-txt p {font-size: 20px;color: #777;}

@media only screen and (min-width: 1440px)  {
	/* .layui-container {width: 1400px;} */
}
@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)  {
	
}