@import url("common.css");
body {font-size: 14px; font-weight: 100; min-width: 1330px;}
.layui-container {width: 1330px;padding-left: 15px; padding-right: 15px;}


/* 首页 */
header .vline {border-left: 1px solid #ccc;height: 20px;}
header .left {width: 85%;}
.search-box {position: relative;background: url(../images/icon_search.png) center no-repeat; width: 20px; height: 30px; display: block;}
.search-box form {position: absolute;right: 0;top: 30px; z-index: 999; display: none;}
.search-box form input {border: 1px solid #ddd;height: 38px;padding: 0 10px;}
.search-box form button {padding: 0 10px;border: 1px solid #ddd; border-left: none;background-color: #f5f5f5;}
.search-box:hover form {display: flex;}

nav >ul >li >a {display: block;padding: 10px 20px; border-bottom: 2px solid transparent;}
nav >ul >li >a:hover {border-bottom: 2px solid var(--orangeColor); color: var(--orangeColor);}

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

.block-name {display: flex; flex-direction: column; align-items: center;}
.block-name h3 {font-weight: normal;}
.block-name p {color: #999;}

.block-product .procate-list {border-bottom: 1px solid #ccc; display: flex; justify-content: space-between;}
.block-product .procate-list a {font-size: 24px;padding: 10px 30px;}
.block-product .procate-list a:hover {background-color: var(--orangeColor); color: #fff;}
.block-product .procate-list a.active {background-color: var(--orangeColor); color: #fff;}
.index-prolist a {display: block;}
.index-prolist .img {aspect-ratio: 1/1; background-color: #f9f9f9;}
.index-prolist .img img {width: 100%; height: 100%; object-fit: cover;}
.index-prolist p {background-color: #f5f5f5;font-size: 16px; display: flex; justify-content: space-between; padding: 10px 15px;}
.index-prolist a:hover p {background-color: var(--orangeColor); color: #fff;}

.block-hangye {background: url(../images/hangye_bg.jpg) center bottom no-repeat; height: 899px;}
.hangye-txt {position: absolute;text-align: center; left: 50%; transform: translateX(-50%); top: 700px;}
.hangye-txt .line {border-top: 1px solid #fff; width: 50px; display: inline-block;height: 1px;}

.jishuyoushi-cards .card {width: 33.33333%;background-color: #fff;padding: 60px 50px; text-align: center; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); transition: all 0.3s; border-radius: 15px;}
.jishuyoushi-cards .card h4 {font-size: 24px;margin: 20px 0;}
.jishuyoushi-cards .card p {font-size: 17px;}
.jishuyoushi-cards .card.active {transform: scale(1.1);box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);}
.jishuyoushi-cards .card a {background-color: var(--orangeColor); color: #fff; display: none; padding: 0 30px; line-height: 38px; border-radius: 6px; margin-top: 15px;}
.jishuyoushi-cards .card.active a {display: inline-block;}

.ad {background: url(../images/index_lianxi_bg.jpg) center no-repeat; height: 350px;}
.ad a {display: inline-block;color: #fff;border: 1px solid #fff;line-height: 48px; padding: 0 50px;margin: 0 15px; border-radius: 16px;}
.ad a:hover {background-color: var(--orangeColor); border-color: var(--orangeColor);}

.block-shili {background-color: #f7f7f7;}

.about-box {background: url(../images/about_bg.jpg) right center no-repeat;}
.about-info {background-color: #fff;width: 540px; height: 400px;padding: 30px 40px 30px 30px;}
.about-info .t {display: flex; border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.about-info .t div {line-height: normal;}
.about-info .t div p {color: #999; font-size: 16px;}
.about-info .t div h3 {font-size: 28px; font-weight: normal;margin-top: 5px;}
.about-img {height: 515px;}

.huanjing-honor .left {width: 46%;}
.huanjing-honor .right {width: 628px;}
.huanjing .swiper-slide img {height: 463px;width: 100%;}
.huanjing .btn {position: absolute;right: 1px; bottom: 1px;z-index: 99; display: flex;}
.huanjing .btn a {display: inline-flex;height: 48px; width: 48px;background-color: #f7f7f7; justify-content: center; align-items: center; margin-left: 1px;}
.huanjing .btn a i {font-size: 24px;}
.huanjing .btn a:hover {background-color: var(--orangeColor); color: #fff;}

.img-news .img {aspect-ratio: 16/9; display: block;}
.img-news .img img {width: 100%; height: 100%; object-fit: cover;}
.img-news p {color: #999;}
.img-news a.more {display: inline-block; border-radius: 38px; line-height: 38px; border: 1px solid #ccc; padding: 0 30px;}

.news-item {margin-bottom: 40px;}
.news-item .date {display: flex; width: 150px; height: 150px; background-color: #f9f9f9;  flex-direction: column; justify-content: center; align-items: center;line-height: 1.5;}
.news-item .date span {font-size: 36px;}
.news-item .date p {font-size: 18px;}
.news-item .info {flex: 1; margin-left: 20px;}
.news-item .info h4 {font-size: 20px; font-weight: normal;}
.news-item .info p {color: #666;}
.news-item:hover .date {background-color: var(--orangeColor); color: #fff;}
.news-item:hover .info h4 a {color: var(--orangeColor);}
.news-item:hover .info span a {color: var(--orangeColor);}

footer {background-color: #222;}
.quick-menu {width: 60%;}
.footer-lianxi {width: 37%;margin-left: 3%;}
.quick-menu .item {border-right: 1px solid #444;width: 33.33333%;padding-top: 40px; padding-left: 30px; padding-bottom: 40px;}
.quick-menu .item:nth-child(1) {padding-left: 0;}
.quick-menu .line {width: 50px; height: 0; border-top: 2px solid #666; display: block;}
.quick-menu h4 {color: #999; font-size: 18px; font-weight: normal; margin-top: 6px;}
.quick-menu .link-list {margin-top: 10px;}
.quick-menu .link-list a {display: block;color: #666;}

.footer-lianxi {padding-top: 40px; padding-bottom: 30px;}
.footer-lianxi .left {flex: 1;}
.footer-lianxi .right {width: 120px;}
.footer-lianxi .line {width: 50px; height: 0; border-top: 2px solid #666; display: block;}
.footer-lianxi h4 {color: #999; font-size: 18px; font-weight: normal; margin-top: 6px;}
.footer-lianxi .lianxi-info div {color: #555;}
.footer-lianxi .lianxi-info p {color: #666;}
.footer-lianxi .qrcode {width: 120px; height: 120px;}
.copyrights {border-top: 1px solid #444; padding: 15px 0; color: #666;}
.copyrights a {color: #666;}

/* 内页样式 */
.nybanner {display: flex; justify-content: center;}
.nybanner .sub-nav {position: absolute; bottom: 0; width: 100%; display: flex; gap: 10px; justify-content: center;}
.nybanner .sub-nav a {display: block; width: 25%; text-align: center;line-height: 60px; font-size: 18px; background: rgba(0, 0, 0, 0.1); color: #fff;}
.nybanner .sub-nav a img {margin-right: 10px;}
.nybanner .sub-nav a:hover {background-color: rgba(255, 102, 0, 1);}

.about-box2 .right img {width: 100%;}

.wenhua-block {background: url(../images/wywh_bg.jpg) center no-repeat;}
.wenhua-box .item {background-color: #fff; padding: 30px;}
.wenhua-box .item h3 {font-size: 20px; display: flex; justify-content: space-between;}
.wenhua-box .item p {margin-top: 20px;}
.gcsp-box img {width: 100%;}

.yewu-box .item {height: 417px; background-size: cover; text-align: center;}
.yewu-box .item:nth-child(1) {background: url(../images/yw_bg1.jpg) center no-repeat; }
.yewu-box .item:nth-child(2) {background: url(../images/yw_bg2.jpg) center no-repeat; }
.yewu-box .item:nth-child(3) {background: url(../images/yw_bg3.jpg) center no-repeat; }
.yewu-box .item:nth-child(4) {background: url(../images/yw_bg4.jpg) center no-repeat; }
.yewu-box .item h4 {font-weight: normal;}

.procate-left {background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.procate-left h3 {background-color: var(--orangeColor);color: #fff; font-size: 24px; font-weight: normal; padding: 10px 20px;}
.procate-left >ul {padding: 20px;}
.procate-left >ul >li >a {display: flex; justify-content: space-between;background-color: #f5f5f5; margin-bottom: 10px; padding: 10px 15px; font-size: 16px;}
.procate-left >ul >li >a >span {display: inline-flex; width: 30px; height: 30px; background-color: #fff; justify-content: center; align-items: center; border-radius: 50%;}
.procate-left >ul >li >a:hover {color: var(--orangeColor);}
.procate-left >ul >li >a:hover >span { background-color: var(--orangeColor); color: #fff;}

.lianxi-left {background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.lianxi-left .tel {border-bottom: 1px solid #dfdfdf;padding: 20px; display: flex;}
.lianxi-left .tel span {margin-right: 10px;}
.lianxi-left .lianxi-left-info {padding: 20px;}

.pro-page-list .item {background-color: #fff; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);border: 1px solid #f9f9f9; padding: 20px; display: flex; margin-bottom: 20px;}
.pro-page-list .item >a {display: block; width: 200px; height: 150px; margin-right: 15px;}
.pro-page-list .item >a img {width: 100%; height: 100%; object-fit: cover;}
.pro-page-list .item .right {flex: 1; position: relative;}
.pro-page-list .item .right h3 {font-weight: normal; font-size: 18px; line-height: normal;}
.pro-page-list .item .right p {font-size: 14px; color: #888; line-height: 2; margin-top: 10px;}
.pro-page-list .item .right span {position: absolute; right: 0px; bottom: 0px; background-color: var(--orangeColor); width: 30px; height: 30px; display: none; justify-content: center; align-items: center; border-radius: 50%;}
.pro-page-list .item .right span a {color: #fff;}
.pro-page-list .item:hover {border-color: var(--orangeColor);}
.pro-page-list .item:hover .right h3 a {color: var(--orangeColor);}
.pro-page-list .item:hover .right span {display: flex;}

.hyxw-list .item {width: 33.33333%;}
.hyxw-list .img {display: block; aspect-ratio: 16/9;}
.hyxw-list .img img {width: 100%; height: 100%; object-fit: cover;}
.hyxw-list h3 {font-weight: normal; margin-top: 10px; line-height: 1.5;}
.hyxw-list .date {color: #888;}
.hyxw-list p {line-height: 1.5; color: #666;}
.hyxw-list .more { display: inline-block;border: 1px solid #ccc; padding: 0 20px; line-height: 32px; border-radius: 18px; margin-top: 15px;}
.view-more {background-color: var(--orangeColor); display: inline-block; padding: 0 50px; line-height: 48px; color: #fff; border-radius: 24px; transition: all 0.3s;}
.view-more:hover {color: #fff; padding: 0 100px;}

.block-zxdt,.block-freeback {background-color: #F5F5F5;}
.zxdt-list {background-color: #fff; border: 1px solid #ddd; border-top: none; padding: 25px; display: flex; transition: all 0.5s;}
.block-zxdt .empty {border-bottom: 1px solid #ddd; height: 30px;}
.zxdt-list .img {aspect-ratio: 16/11; width: 200px; margin-right: 20px;}
.zxdt-list .img img {width: 100%; height: 100%; object-fit: cover;}
.zxdt-list .zxdt-info {flex: 1; position: relative;}
.zxdt-list .zxdt-info h3 {font-weight: normal;line-height: normal;}
.zxdt-list .zxdt-info p {font-size: 14px; color: #666;}
.zxdt-list .zxdt-info .date {font-size: 13px; color: #888;}
.zxdt-list .zxdt-info span {position: absolute;background-color: #f5f5f5; display: inline-flex; width: 30px; height: 30px; justify-content: center; align-items: center; border-radius: 50%; color: #888; right: 0; bottom: 0;}
.zxdt-list:hover .zxdt-info h3 a {color: var(--orangeColor);}
.zxdt-list:hover .zxdt-info span {background-color: var(--orangeColor);}
.zxdt-list:hover .zxdt-info span a {color: #fff;}
.zxdt-list:hover {transform: scale(1.01); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}

.lxfs-list >.flex-1 >div {border-bottom: 1px solid #ddd;padding-bottom: 10px;}

#form-liuyan .flex-1 {background-color: #fff;margin-bottom: 20px; padding: 15px 25px; align-items: center;}
#form-liuyan .flex-1 div {flex: 1; margin-left: 10px;}
#form-liuyan .flex-1 div input {width: 100%; height: 38px;border: none; font-size: 13px;}
.msg-con {background-color: #fff;padding: 15px 25px;}
.msg-con textarea { width: 100%; border: none; font-size: 13px;}
#form-liuyan button {background-color: var(--orangeColor); border: none; color: #fff; width: 200px; height: 50px; border-radius: 4px;}
#form-liuyan button:hover {opacity: 0.9;}