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

/* 首页 */
.lang {position: relative;cursor: pointer;display: inline-block; white-space: nowrap;margin-left:30px;}
.lang img {height: 16px;width: 24px;margin-right: 8px;}
.lang ul {position: absolute;z-index: 3;width: 120px;box-shadow: 0 2px 5px rgba(0,0,0,.2);background: rgba(255, 255, 255, .7);
    display: none;}
.lang ul a {display: block;padding: 0 10px;border-bottom: 1px solid #ddd;}
.lang:hover ul {display:block;}

.nav {border-bottom: 6px solid var(--activeColor);}
.nav .layui-fluid {display: flex; justify-content: space-between;align-items: center;}
.nav .logo {flex: 1}
.nav .logo img {max-width: 100%;}
.nav-box {display: flex; width: 50%;}
.nav-box >li {width: 16.66666%;}
.nav-box >li >a {display: block;line-height: 120px; text-align: center;font-size: 20px; font-weight: 400;}
.nav-box >li >a:hover {background-color: var(--activeColor);color: #fff;}
.nav-box >li.active >a {background-color: var(--activeColor);color: #fff;}
.banner .swiper-slide {text-align: center;}
.banner .swiper-slide img {max-width: 100%;}

.our-product .t {text-align: center;margin-top: 30px;}
.our-product .t .name {font-size: 24px;}
.our-product .t .name:before {content: '—';margin-right: 10px;}
.our-product .t .name:after {content: '—';margin-left: 10px;}
.our-product .t h3 {font-size: 48px; font-weight: bold;}
.our-product .t .line {background-color: var(--activeColor);height: 5px; width: 60px;display: inline-block;}
.procate-list {display: flex;}
.procate-list li {width: 33.33333%;}
.procate-list li a {display: block;text-align: center;font-size: 32px;}

.shuangzhou {background: url(../images/index_17.jpg) center no-repeat;background-size: cover;padding-top: 150px;padding-bottom: 150px;margin-top: 60px; max-width: 1920px; margin-left: auto; margin-right: auto;}
.shuangzhou h3 {font-size: 56px; font-weight: bold;color: #fff; -webkit-text-stroke: 2px var(--activeColor);}
.shuangzhou .txt {width: 37%;font-size: 26px;}

.nav-block {display: flex; justify-content: space-between;margin-top: 100px;}
.nav-block .txt {width: 50%; display: flex;flex-direction: column;justify-content: center; }
.nav-block .img {width: 45%;}
.nav-block .img img {width: 100%;border-radius: 40px;}
.nav-block h3 {font-size: 52px;}
.nav-block p {font-size: 32px;margin-top: 15px;}
.nav-block .blue-block {display: inline-block;height: 40px; width: 40%;background-color: var(--activeColor);margin-top: 50px;}
.right-txt .txt {text-align: right;align-items: end;}

.icon_msg {position: fixed; right: 15px; bottom: 50px;width: 70px; height: 70px;background:rgba(255,255,255,0.9); border-radius: 50%; backdrop-filter: blur(5px); box-shadow: 0 2px 6px rgba(0,0,0,0.2); z-index: 9; cursor: pointer;}
.icon_msg img {width: 100%;height: 100%;}
.liuyan-block {position: fixed; right: 10px; bottom: 10px; z-index: 10; background: #fff; border: 1px solid #ddd; border-radius: 20px;width: 400px; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.liuyan-form textarea,.liuyan-form input {border-color: #ccc;}
.liuyan-form textarea {background-color: #fff;padding: 10px; width: 100%;}
.liuyan-form button {background-color: var(--activeColor); border: none;width: 100%;padding: 15px;color: #fff; border-radius: 26px;}

/*.liuyan-block {padding-top: 60px; padding-bottom: 60px; margin-top: 60px;}*/
/*.liuyan-block .layui-container2 {display: flex; justify-content: space-between;max-width: 1200px;margin-left: auto; margin-right: auto;}*/
/*.liuyan-block .left {width: 50%;}*/
/*.liuyan-block .right {width: 50%;}*/
.liuyan-block .left .t {padding:15px; background: var(--activeColor); color: #fff; position: relative;}
.liuyan-block .left .t .close {position: absolute; right: 10px; top: 10px; cursor: pointer;}
.liuyan-block .left .t .close i {font-size: 28px}
.liuyan-block .right {padding:15px; font-size: 14px;}
.lianxi {padding:0 15px;}
.lianxi img {width: 100%; height: 100px; object-fit: cover; object-position: top;}
.lianxi-txt {font-size: 16px; line-height: normal;}
.lianxi-big-txt {font-size: 20px;font-weight: bold;line-height: normal;}
.lianxi-small-txt {font-size: 22px;}

footer {background: #000;padding-top: 30px; color: #fff; margin-top: 40px;}
.logo-info {display: flex;justify-content: space-between;}
.logo-info .name-box {width: 35%;font-size: 32px;line-height: normal;}
.logo-info .name-box p {font-size: 12px;}
.logo-info .info {display: flex; flex: 1;}
.logo-info .info .item {display: flex;margin-left: 80px;}
.logo-info .info .item .txt {line-height: 1.8; margin-left: 10px;}
.lianxi-nav {display: flex; justify-content: space-between; margin-top: 30px;}
.lianxi-nav .left {width: 35%;}
.lianxi-nav .left p {line-height: 1.4;margin-bottom: 15px;}
.lianxi-nav .right {width: 60%; display: flex;}
.lianxi-nav .right a {color: #fff;}
.lianxi-nav .right ul {width: 20%;}
.lianxi-nav .right li.active {font-size: 22px; font-weight: bold;margin-bottom: 15px;}
.lianxi-nav .right li.active:after {content: ''; display:block;width: 40px; height: 3px; background-color: var(--activeColor);}
footer .copys {border-top: 1px solid rgba(255, 255, 255, 0.7);padding-top: 15px; padding-bottom: 15px;}

/* 内页样式开始 */
.nybanner {display: flex;justify-content: center;}
.nybanner img {max-width: 100%;}

.filter-box {margin-top: 50px;}
.filter-box .item {display: flex;font-size: 24px;font-weight: 100;margin-bottom: 30px;}
.filter-box .item span {display: flex; width: 180px;height: 50px; background-color: var(--activeColor); color: #fff;justify-content: center; align-items: center;}
.filter-box .filter-list {margin-left: 20px;flex: 1; display: flex; flex-wrap: wrap;}
.filter-box .filter-list li {margin-right: 30px;line-height: 50px;}

.fangan img {width: 100%;}
.fangan .txt {text-align: center;margin-bottom: 30px;}
.fangan .txt h3 {font-size: 36px;}
.fangan .txt p {font-size: 20px; font-weight: 100;}

.procate-block a {display: inline-block;line-height: 50px;padding: 0 30px;font-size: 24px;font-weight: 100;background-color: #f0f0f0; margin-right: 10px;}
.procate-block a:hover, .procate-block a.active {background-color: var(--activeColor);color: #fff;}
.procate-info {margin-bottom: 30px;}
.procate-info h3 {font-size: 36px;}
.product-list a {display: block;}
.product-list a .img {display: block;padding-bottom: 100%;position: relative;background-color: #f5f5f5;}
.product-list a .img img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain;}
.product-list a p {background-color: var(--activeColor);color: #fff; text-align: center;line-height: 50px; font-size: 22px; font-weight: 100;}

.pro-main {display: flex;margin-top: 30px; justify-content: space-between;}
.pro-main .left {width: 45%;}
.pro-main .info {width: 50%;}
.pro-main .left .img {padding-bottom: 100%;background-color: #fff; position: relative;}
.pro-main .left .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.pro-main .info h1 {font-size: 52px;}
.pro-main .yyly {font-size: 36px; font-weight: 100;}
.pro-main .jjfa {display: flex;margin-top: 30px;}
.pro-main .jjfa .t {background-color: var(--activeColor); color: #fff;padding: 10px 50px;border-radius: 12px; font-size: 36px;font-weight: bold; margin-right: 30px;}
.pro-main .jjfa .lxfs { font-size: 20px; color: var(--activeColor);}
.pro-main .jjfa .lxfs p { font-size: 28px; font-weight: bold;}
.pro-introduce {margin-top: 30px;}

.anli-list .item {display: flex;background-color: #fff; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); margin-bottom: 40px; justify-content: space-between;}
.anli-list .item .img {width: 65%;height: 500px;}
.anli-list .item .img img {width: 100%; height: 100%; object-fit: cover;}
.anli-list .item .info {width: 32%; padding:60px;padding-left: 0; display: flex; flex-direction: column; justify-content: space-between;}
.anli-list .item .info h2 { font-size: 36px; font-weight: bold;}
.anli-list .item .info >a {border: 1px solid #666; display: inline-block;width: 150px; text-align: center;line-height: 50px;margin-top: 30px;}
.anli-list .item .info >a:hover {border-color: var(--activeColor);}
.fenye {margin-top: 30px;}

.fuwu-item {margin-top: 30px;}
.fuwu-item .t {text-align: center; font-size: 20px;}
.fuwu-item .item-list {margin-top: 30px;}
.fuwu-item .item-list .box {background-color: #f7f7f7;}
.fuwu-item .item-list .box .img {padding-bottom: 60%; position: relative;}
.fuwu-item .item-list .box img {width: 100%;position: absolute;left: 0; top: 0; height: 100%;}
.fuwu-item .item-list .box h3 {text-align: center;font-size: 24px;}
.fuwu-item .item-list .box p {font-size: 20px; font-weight: 100;padding: 0 30px 30px;min-height: 150px;}
.fuwu-number {display: flex;justify-content: space-around;}
.fuwu-number .item {text-align: center;}
.fuwu-number .item span {font-size: 62px;font-weight: bold;color: var(--activeColor);}
.fuwu-number .item span i {font-size: 62px; font-style: normal;}
.fuwu-number .item p {font-size: 22px;font-weight: 100;}


#bxzc {margin-top: 50px;}
.fuwu-bczc {margin-top: 50px; display: flex;background-color: #f7f7f7; max-width: 1920px; margin-left: auto; margin-right: auto;}
.fuwu-bczc .img {width: 60%;}
.fuwu-bczc .img img {width: 100%;height: 100%; object-fit: cover;}
.fuwu-bczc .txt {flex: 1;display: flex; flex-direction: column; justify-content: center;padding: 50px;}
.fuwu-bczc .txt div {font-weight: 400;font-size: 24px;}
.fuwu-bczc .txt p {margin-bottom: 10px;}
.shsm {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); margin-top: 30px; padding: 30px; font-size: 22px; font-weight: 100;}

.news-block {margin-top: 30px;}
.news-block .item-list {margin-top: 30px;}
.news-block .item-list .box {background-color: #f7f7f7;display: block;}
.news-block .item-list .box .img {padding-bottom: 60%; position: relative;}
.news-block .item-list .box img {width: 100%;position: absolute;left: 0; top: 0; height: 100%;}
.news-block .item-list .box span {position: absolute;left: 0; bottom: 0;background-color: rgba(0, 0, 0, 0.6);z-index: 2; color: #fff;padding: 5px 10px;}
.news-block .item-list .box h3 {font-size: 20px; padding: 0 20px;}
.news-block .item-list .box p {font-weight: 100;padding: 0 20px 20px;}

.about-box {display: flex;margin-top: 30px; justify-content: space-between;}
.about-box .img {width: 44%;}
.about-box .img img {width: 100%;}
.about-box .txt {width: 52%; font-size: 28px;}

.huanjing-box {margin-top: 30px; overflow: hidden;padding-top: 50px;padding-bottom: 50px;}
.huanjing {height: 400px; overflow: visible;}
.huanjing .swiper-slide img {width: 100%; height: 100%;}
.huanjing .swiper-slide { display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(1); }
.huanjing .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1.2); border: 1px solid #fff; box-shadow: 0 0 20px rgba(255, 255, 255, 1); z-index: 3;}
.honor-img {display: flex;justify-content: center;}
.hezuo-img {background-color: #F9F9F9;padding: 30px;display: flex;justify-content: center;}
.hezuo-img img {width: 100%;}

.mingpian-block {background-color: #f9f9f9; padding-top: 50px; padding-bottom: 50px;}
.mingpian {margin-top: 40px;margin-left: auto; margin-right: auto; max-width: 1200px; background-color: var(--activeColor);padding: 1px; display: flex; border-radius: 20px;}
.mingpian .left {background-color: #fff; width: 65%;padding: 40px;border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.mingpian .right {width: 35%; color: #fff; padding: 30px;display: flex; flex-direction: column; justify-content: center;}

.mingpian .left .logo {line-height: 1.4;}
.mingpian .left .logo .name {font-size: 28px;}
.mingpian .left .logo p {font-size: 12px;}
.mingpian .left .lianxi-info {margin-top: 20px;}
.lianxi-info li {display: flex;}
.lianxi-info span {color: #999;width: 100px; text-align: right;}
.lianxi-info p {flex: 1;}
.mingpian .right .up p {margin-bottom: 30px;}
.mingpian .right .up p strong {font-size: 20px;}


.dh-dz {display: flex;}
.dh-dz .item {display: flex; align-items: center;}
.dh-dz .item:nth-child(2) {margin-left: 30px;}
.dh-dz .item .img {margin-right: 10px;}
.dh-dz .item .txt {line-height: normal;color: #888;font-size: 13px;}
.dh-dz .item .txt p {line-height: normal;color: #333;font-size: 17px; font-weight: 400;}



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