/*全局*/
:root{
	--color:#333;
	--activeColor:#A12024;
	--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: 1600px;}
.layui-container {width: 1600px;}
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 {display:flex;padding-left: 5%;padding-right: 5%; justify-content: space-between;align-items: center;position: absolute; z-index: 3;left: 0; right: 0; top: 20px;background-color: rgba(255,255,255, 0.6);padding-top: 15px;padding-bottom: 15px;}
.logo {width: 280px;}
.tel-box {width: 280px;display: flex;}
.nav-box {flex: 1;}
.nav-box li {float: left;background: url(../images/split.png) left center no-repeat;width: 16.66666%;}
.nav-box li:nth-child(1) {background: none;}
.nav-box li a {display: block;text-align: center;font-size: 18px;}

.tel-box .tel {background: url(../images/icon-tel.png) left center no-repeat;padding-left: 36px;margin-right: 15px;font-size: 18px;font-weight: 600;color: #A12024;}

.index-zixun-anli {display: flex;}
.index-zixun-anli .left {width: 45%;padding-top: 20px;padding-right: 40px;}
.index-zixun-anli .right {width: 55%;background-color: #ECD8D9;padding: 20px 15px 15px 20px;}
.index-zixun-anli .t {color: #A12024;font-size: 30px;font-weight: 600;}
.index-zixun-anli .t span {color: var(--grayColor);font-size: 16px;font-weight: 100;margin-left: 5px;}
.index-zixun-anli .left ul li {border-bottom: 1px dashed #ccc;line-height: 50px;}
.index-zixun-anli .right .media img {width: 100px;height: 60px;}
.index-zixun-anli .right h4 {line-height: normal;font-size: 18px;}
.index-zixun-anli .right p {font-size: 14px;color: #777;}

.index-yewu {background: url(../images/bg_ywly.jpg) center bottom no-repeat;padding-top: 50px;height: 730px;}
.title {display: flex;justify-content: center;flex-direction: column;align-items: center;line-height: 1.5;}
.title span {font-size: 30px;font-weight: 600;color: var(--activeColor);display: flex;align-items: center;}
.title span:before {margin-right: 10px;}
.title span:after {margin-left: 10px;}
.title span:before,.title span:after {content: '';display: inline-block;width: 8px; height: 8px; border-radius: 50%;background-color: var(--activeColor);}
.title p {color: var(--activeColor);font-size: 30px;font-weight: 100;}
.index-wenhua .line:after {content: '';display: block;clear: both;}
.index-wenhua .line .x3:after {content: '';display: block;clear: both;}
.index-wenhua .img img {width: 100%;}
.index-wenhua .txt {padding: 20px 15px;}
.index-wenhua .txt h3 {font-size: 22px;color: var(--activeColor);font-weight: 600;border-left: 3px solid var(--activeColor);padding-left: 10px;line-height: normal;margin-bottom: 20px;}
.index-wenhua .txt p {font-size: 12px;}
.index-hezuohuoban img {width: 100%;}

.honor-img {text-align: center;}
.index-zhengshu {background: url(../images/bg_honor.jpg) center no-repeat;padding-top: 40px;padding-bottom: 50px;}
.index-zhengshu .t {text-align: center;}
.swiper-honor .swiper-slide {height: 360px;}
.swiper-honor .swiper-slide img {width: 100%;height: 100%;object-fit: contain;}
.swiper-box {position: relative;padding-left: 60px;padding-right: 60px;}
.swiper-box .slide-left {position: absolute;left: 0;top: 50%;z-index: 3;transform: translateY(-50%);}
.swiper-box .slide-right {position: absolute;right: 0;top: 50%;z-index: 3;transform: translateY(-50%);}
.index-gongcheng .img {width: 100%;height: 460px;overflow: hidden;}
.index-gongcheng .img img {width: 100%;height: 100%;object-fit: cover;}
footer {background: url(../images/bg_footer.jpg) center bottom no-repeat;padding-top: 80px;padding-bottom: 30px;color: #fff;}
.lianxi {margin-top: 50px;padding-left: 10px;}
.footer-nav {padding-top: 180px;}
.footer-nav a {display: block;width: 50%;line-height: 50px;float: left;color: #fff;font-size: 20px;}
.wechat-qrocde {text-align: center;font-size: 20px;padding-top: 150px;}
.wechat-qrocde img {width: 180px;height: 180px;}
.copyrights, .copyrights a {color: #fff;}

/* 内页 */
.nybanner {display: flex;justify-content: center;}
.main-box {margin-bottom: 50px;margin-top: 50px;}
.main-box2 {margin-bottom: 50px;}
.pages-box {margin-top: 30px;}

.news-item {box-shadow: 0 0 10px rgba(0,0,0, 0.1);background-color: #fff;border: 1px solid #eee;margin-top: 30px;padding: 30px;position: relative;display: flex;}
.news-item .img {width: 450px;height: 300px;overflow: hidden;margin-right: 50px;}
.news-item .img img {width: 100%;height: 100%; object-fit: cover;}
.news-item .info {flex: 1;}
.news-item .more {position: absolute;right: 0;bottom: 0;}

.yewu-list {background-color: var(--activeColor);line-height: 60px;color: #fff;}
.yewu-list ul {display: flex;justify-content: space-around;}
.yewu-map, .yewu-img {display: flex;justify-content: center;}

.lianxi-box h2 {font-weight: 600; font-size: 30px; text-align: center;}
.lianxi-box {text-align: center;}
.lianxi-box span {font-size: 24px;}

.lianxi-list ul {display: flex;justify-content: center;}
.lianxi-list li {display: flex;border: 1px solid #ccc;padding: 8px;margin:0 30px;}
.lianxi-list li img {margin:0 5px;}
.lianxi-map {background: url(../images/bg_map.jpg) center no-repeat; background-size: cover;border: 1px solid #ccc;padding: 15px; display: flex;justify-content: right;}
.liuyan-box {width: 500px;background-color: rgba(255,255,255, 0.8);padding: 20px;}
.liuyan-box .item {margin-bottom: 20px;}
.liuyan-box .item label {display: block;}
.liuyan-box .item input,.liuyan-box .item textarea {display: block;width: 100%;border: 1px solid #ddd;}
.liuyan-box .item input {padding: 0 10px;height: 38px;}
.liuyan-box .item textarea {padding: 10px;}
.liuyan-box .input-box {display: flex;}
.liuyan-box .input-box .input {flex: 1;}
.liuyan-box .input-box .img {width: 100px;height: 38px;}
.liuyan-box .input-box .img img {width: 100%;height: 100%;}
.liuyan-box .btn-reset {background-color: #fff;border: 1px solid #ccc;padding: 4px 30px;}
.liuyan-box .btn-liuyan {background-color: var(--activeColor); color: #fff;padding: 4px 30px; border: none;}

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