/*# sourceURL=/template/default/css/index.css */
/*@ sourceURL=/template/default/css/index.css */
/*@ sourceURL=/template/default/css/index.css */
/*@ sourceURL=/template/default/css/index.css */
/*@ sourceURL=/template/default/css/index.css */
/*@ sourceURL=/template/default/css/index.css */
/*@ sourceURL=/template/default/css/index.css */
/*@ sourceURL=static/css/index.css */
/*@ sourceURL=static/css/index.css */
/*@ sourceURL=static/css/index.css */
/*@ sourceURL=static/css/index.css */
/*@ sourceURL=static/css/index.css */
header {
    position: fixed;
    z-index: 999;
    width: 100%;
    transition: all 0.5s;
    top: 0
}
header.active {
	top:-100px
}
header.active-box-shadow {
	box-shadow:0 0 10px 0 rgba(0,0,0,0.1)
}
header .header-menu {
	transition:all 0.5s ease;
	height:100px;
	position:relative;
	background:#fff
}
header .section {
	height:100%;
	width:100%;
	margin:auto;
	max-width:100%;
	padding-left:100px
}
header .section .header-box {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:100%
}
header .section .header-box .logo {
	display:flex;
	justify-content:space-between;
	align-items:center
}
header .section .header-box .logo img {
	transition:all 0.5s;
	width:160px;
	height:auto;
	margin-right:15px
}
header .section .header-box .logo .logo-text {
	font-size:16px;
	font-weight:600;
	border-left:1px solid #eee;
	padding-left:15px;
	color:#444d55;
	line-height:1.4
}
header .section .header-box .menu-box {
	height:100%
}
header .section .header-box .menu-box .menu-list {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:100%;
	color:#fff
}
header .section .header-box .menu-box .menu-list .firstItem {
	display:flex;
	align-items:center;
	height:100%;
	position:relative
}
header .section .header-box .menu-box .menu-list .firstItem:nth-child(3){display:none}
header .section .header-box .menu-box .menu-list .firstItem.product {
	position:inherit
}
header .section .header-box .menu-box .menu-list .firstItem.product .second-box {
	width:100%;
	background:rgba(0,0,0,0.9);
	background:var(--dominant-color)
}
header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list {
	max-width:1740px;
	margin:auto;
	display:flex;
	padding:30px 0;
	background:transparent
}
header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list {
	flex-basis:20%
}
header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .title {
	font-size:16px;
	text-align:center;
	margin-top:10px;
	padding-bottom:10px;
	text-decoration:none
}
header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .small-box {
	text-align:center;
	margin:0 0 20px
}
header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .small-box a {
	text-align:center;
	padding:0 12px;
	border-bottom:none
}
header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .small-box a span {
	margin-right:6px
}
header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list a {
	border-bottom:none;
	padding:12px
}
header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list a::after {
	display:none
}
header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list a:hover {
	border-bottom:1px solid rgba(255,255,255,0.5)
}
header .section .header-box .menu-box .menu-list .firstItem.active {
	}header .section .header-box .menu-box .menu-list .firstItem.active .firstItem-title a {
	color:#ec8819
}
header .section .header-box .menu-box .menu-list .firstItem.active:hover .firstItem-title a {
	color:#ec8819
}
header .section .header-box .menu-box .menu-list .firstItem.language img {
	cursor:pointer
}
header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {
	padding:0 25px;
	position:relative;
	display:flex;
	align-items:center
}
header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {
	color:#010101;
	font-size:16px;
	transition:all 0.5s;
	display:flex;
	align-items:center
}
header .section .header-box .menu-box .menu-list .firstItem .firstItem-title::after {
	width:0;
	height:2px;
	bottom:0;
	left:0;
	background:#333;
	position:absolute;
	margin:auto;
	right:0
}
header .section .header-box .menu-box .menu-list .firstItem .firstItem-title:hover::after {
	width:100%
}
header .section .header-box .menu-box .menu-list .firstItem .firstItem-title:hover a {
	color:var(--dominant-color)
}
header .section .header-box .menu-box .menu-list .firstItem > a {
	font-size:14px;
	height:80px;
	line-height:80px
}
header .section .header-box .menu-box .menu-list .firstItem .second-box {
	position:absolute;
	top:100px;
	width:160px;
	left:50%;
	transform:translateX(-50%);
	display:none;
	overflow:auto;
	transition:top 0.5s
}
header .section .header-box .menu-box .menu-list .firstItem .second-box:before {
	content:'';
	width:16px;
	height:16px;
	background:#fff;
	transform:rotate(45deg);
	position:absolute;
	left:50%;
	top:-12px;
	margin-left:-8px;
	z-index:9
}
header .section .header-box .menu-box .menu-list .firstItem.product .second-box:before {
	display:none
}
header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {
	background:var(--dominant-color);
	padding:0 15px;
	padding-top:10px
}



@media screen and (max-width: 768px) {
    header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {margin-top:0;padding-left: 10%}
}

header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {width: 0;height: 0;border-width: 10px;border-color: transparent transparent var(--dominant-color) transparent;border-style: solid;left: 0;right: 0;top: 0;margin: auto;position: absolute;transition: all 0.5s}

@media screen and (max-width: 768px) {
    header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {display:none}
}

header .section .header-box .menu-box .menu-list .firstItem .second-box a{color:#fff;display:block;text-align:left;padding:12px 0 12px 0;border-bottom:1px solid rgba(255,255,255,0.2);position:relative;text-align:center}
header .section .header-box .menu-box .menu-list .firstItem .second-box a:last-child{border-bottom:none}
header .section .header-box .search-box{display:flex;align-items:center;width: 260px;justify-content:space-between}
header .section .header-box .search-box .top-tel{width:70%;align-items:center;color:var(--dominant-color);font-size:1.12vw;font-family:BEBAS;justify-content:center}
header .section .header-box .search-box .top-tel p{margin-bottom:5px;font-family:BEBAS;letter-spacing:1.2px}
header .section .header-box .search-box .top-tel p span{font-size: 15px;display: block;color: #666;margin-bottom: 3px;}
header .section .header-box .search-box .top-tel p:nth-child(2){letter-spacing:1px}
header .section .header-box .search-box .top-tel img{margin-right:10px;max-width:20px}
header .section .header-box .search-box .search{height:100px;width:30%;background:var(--dominant-color);display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px}
.banner{margin-top:100px;width:100%;position:relative}
.banner img{width:100%}
.banner .swiper-slide .text{position:absolute;width:86%;max-width:1500px;left:0;right:0;top:0;bottom:0;margin:auto;color:#fff;line-height:1;height:fit-content}
.banner .swiper-slide .text .sub{font-size: 18px;transform:translateY(50px);opacity:0;transition:all 1s;transition-delay: 0.9s;font-weight:normal;color: #fff;margin-bottom: 20px;max-width: 410px;line-height: 1.4;}
.banner .swiper-slide .text .sub p{padding: 0px 0 0 40px;margin-bottom: 20px;position: relative;}
.banner .swiper-slide .text .sub span{left: 0;top: -5px;font-size: 26px;position: absolute;}
.banner .swiper-slide .text .title{font-weight:bold;font-size: 36px;margin: 0px 0 20px;line-height: 1.4;opacity:0;transform:translateY(50px);transition:all 1s;transition-delay:0.5s;/* -webkit-text-stroke: 1px #fff; */color: #fff;}
.banner .swiper-slide .text .img{width:636px;transform:translateY(50px);opacity:0;transition:all 1s;transition-delay: 0.3s;font-size: 60px;font-weight:bold;-webkit-text-stroke: 1px #fff;color:rgba(255,255,255,0);box-sizing:border-box;padding-top:0}
.banner .swiper-slide .text .line{width:40px;height: 5px;background: rgba(255,255,255,0.8);margin:30px 0 30px;transform:translateY(50px);opacity:0;transition:all 1s;transition-delay: 0.6s;}
.banner .swiper-slide .text .summary{font-size:16px;transform:translateY(50px);opacity:0;transition:all 1s;transition-delay:0.8s;max-width:670px;line-height:1.6;text-transform:uppercase;font-weight:normal;color: #fff;}
.banner .swiper-slide .text .more{width:168px;height:56px;display:flex;align-items:center;margin-top:70px;opacity:0;transform:translateY(50px);transition:all 1s;border:1px solid rgba(255,255,255,0.3);justify-content:center;border-radius:28px;font-size:14px;transition-delay:0.9s}
.banner .swiper-slide .text .more img{margin-left:20px;filter:grayscale(1) brightness(100)}
.banner .swiper-slide{cursor:pointer}
.banner .swiper-slide .img img{width:100%}
.banner .swiper-slide video{width:100%;object-fit:cover}

@media screen and (max-width: 768px) {
    .banner .swiper-slide video {height:100%}
}

.banner .swiper-slide .video-play{position:absolute;inset:0;margin:auto;width:100px;height:100px;opacity:0.6;cursor:pointer;z-index:10}
.banner .swiper-button-prev{left:60px}
.banner .swiper-button-next{right:60px}
.banner .swiper-button-prev,.banner .swiper-button-next{width:58px;height:58px;background:rgba(186,153,84,0.8);border-radius:50%;margin:10px 0;transition:all 0.5s;margin-top:-29px}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after{opacity:0.3;color:#fff;font-size:16px}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{opacity:1;background:#ec8819;border:none}
.banner .swiper-button-prev:hover::after,.banner .swiper-button-next:hover::after{opacity:1}
.banner .swiper-slide.swiper-slide-active .sub,.banner .swiper-slide.swiper-slide-active .title,.banner .swiper-slide.swiper-slide-active .summary,.banner .swiper-slide.swiper-slide-active .more,.banner .swiper-slide.swiper-slide-active .img,.banner .swiper-slide.swiper-slide-active .line{transform:translateY(0);opacity:1}
.banner .swiper-pagination{bottom:30px !important;max-width:1600px;width:90% !important;left:0;right:0;margin:auto}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;position:relative;border-radius:20px;background: #fff;opacity:1}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--dominant-color)}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity:1}
.index-title{text-align:center;margin-bottom:40px}
.index-title .title{font-size:40px;color:#000;line-height:1;font-weight:bold}
.index-title .title span{color:var(--dominant-color)}
.index-title .sub{font-size:16px;color:#666;line-height:1.6;margin:10px auto 20px}
.index-title .sub span{color:var(--dominant-color)}
.index-title .line{background:var(--dominant-color);width:50px;height:6px;margin:auto}
.index-box1{padding:80px 0 80px}
.index-box1 .index-box1-box{display:flex;justify-content:space-between}
.index-box1 .index-box1-box .left{border-radius: 10px;overflow:hidden;flex-basis:calc(450 / 1400 * 100%)}
.index-box1 .index-box1-box .left .item .imgBox{padding-bottom:calc(730 / 450 * 100%)}
.index-box1 .index-box1-box .right{flex-basis:calc(925 / 1400 * 100%);display:flex;justify-content:space-between;flex-wrap:wrap;height:auto}
.index-box1 .index-box1-box .right .item{flex-basis:calc((100% - 25px) / 2)}
.index-box1 .index-box1-box .right .item:nth-child(3),.index-box1 .index-box1-box .right .item:nth-child(4){margin-top:30px}
.index-box1 .index-box1-box .item{border-radius: 10px;overflow:hidden;position:relative}
.index-box1 .index-box1-box .item .imgBox{height:0;padding-bottom:calc(350 / 450 * 100%)}
.index-box1 .index-box1-box .item .imgBox img{position:absolute}
.index-box1 .index-box1-box .item .text{position:absolute;bottom:30px;left:30px;right:30px;color:#fff;z-index:2}
.index-box1 .index-box1-box .item .text .title{font-size:22px;font-weight:600}
.index-box1 .index-box1-box .item .text .more{opacity:0.6;margin-top:10px}
.index-box1 .index-box1-box .item::after{content:"";z-index:1;position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(16.96deg,rgba(0,0,0,0.5) 11.68%,rgba(0,0,0,0) 50%),linear-gradient(78.99deg,rgba(0,0,0,0.29) 0%,rgba(0,0,0,0) 50%)}
.index-box1 .index-box1-box .item:hover::after{background:linear-gradient(16.96deg,rgba(236,136,25,0.8) 11.68%,rgba(236,136,25,0) 50%),linear-gradient(78.99deg,rgba(236,136,25,0.29) 0%,rgba(236,136,25,0) 50%)}
.index-box2{padding:80px 0 80px}
.index-box2 .index-box2-menu{display:flex;justify-content:center;margin-top:60px;margin-bottom:60px}
.index-box2 .index-box2-menu a{font-size:18px;color:#505050;position:relative;margin-right:30px;padding-right:30px}
.index-box2 .index-box2-menu a:last-child{margin-right:0;padding-right:0}
.index-box2 .index-box2-menu a:last-child::after{display:none}
.index-box2 .index-box2-menu a:hover{text-decoration:underline}
.index-box2 .index-box2-menu a:after{content:'';width:1px;height:16px;top:0;bottom:0;right:0;margin:auto;position:absolute;background:#000;opacity:0.1}
.index-box2 .index-box2-box{display:flex;justify-content:space-between;}
.index-box2 .index-box2-box .left{flex-basis: 24%;max-width:680px;position:relative;cursor:pointer;border-radius: 10px;overflow: hidden;}
.index-box2 .index-box2-box .left1{flex-basis: 24%;max-width:680px;position:relative;cursor:pointer;border-radius: 10px;overflow: hidden;}
.index-box2 .index-box2-box .left img,.index-box2 .index-box2-box .left1 img{max-width:auto;width:100%;}
.index-box2 .index-box2-box .left .video-click,.index-box2 .index-box2-box .left1 .video-click{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1;width:66px;height:66px}
.index-box2 .index-box2-box .right{flex-basis: 49%;padding-left: 25px;}
.index-box2 .index-box2-box .right .sup{font-size:72px;font-family:BEBAS;color:#999999;text-transform:uppercase;line-height:1.4}
.index-box2 .index-box2-box .right .sup span{color:var(--dominant-color);font-family:BEBAS}
.index-box2 .index-box2-box .right .title{font-size:39px;font-weight:600;margin-top:30px;margin-bottom:20px}
.index-box2 .index-box2-box .right .summary{font-size:15px;color:#555;line-height:2;text-align:justify}
.index-box2 .index-box2-number{margin-top:80px;display:flex;justify-content:space-between}
.index-box2 .index-box2-number .item{display:flex;justify-content:space-between;align-items:center}
.index-box2 .index-box2-number .item .img{flex-basis:60px;height:60px;display:flex;justify-content:center;align-items:center}
.index-box2 .index-box2-number .item .text{margin-left:20px}
.index-box2 .index-box2-number .item .text .number{font-size:16px;color:var(--dominant-color);position:relative;width:max-content}
.index-box2 .index-box2-number .item .text .number .add{position:absolute;right:0;top:0}
.index-box2 .index-box2-number .item .text .number span{font-size:46px;font-family:BEBAS}
.index-box2 .index-box2-number .item .text .summary{width:max-content;font-size:16px;color:#333}
.index-box3{margin:60px 0 80px}
.index-box3 img{border:1px solid #eee}
.index-box3 .index-box3-tab{display:flex;justify-content:center;font-size:18px;color:#fff}
.index-box3 .index-box3-tab .item{margin:0 10px;border-radius:25px;display:flex;justify-content:center;align-items:center;background:#999;padding:10px 40px;cursor:pointer;transition:all 0.5s}
.index-box3 .index-box3-tab .item.active,.index-box3 .index-box3-tab .item:hover{background:var(--dominant-color)}
.index-box3 .index-box3-box{max-width:1600px;width:90%;margin:50px auto 0;position:relative}
.index-box3 .index-box3-box .item{display:none;max-width:1400px;margin:auto}
.index-box3 .index-box3-box .item.active{display:block}
.index-box3 .index-box3-box .swiper-button-prev,.index-box3 .index-box3-box .swiper-button-next{width:50px;height:50px;border:1px solid #333;border-radius:50%;opacity:0.5;transition:all 0.5s;z-index:1}
.index-box3 .index-box3-box .swiper-button-prev::after,.index-box3 .index-box3-box .swiper-button-next::after{color:#333;font-size:16px;transition:all 0.5s}
.index-box3 .index-box3-box .swiper-button-prev:hover,.index-box3 .index-box3-box .swiper-button-next:hover{background:var(--dominant-color);border-color:var(--dominant-color)}
.index-box3 .index-box3-box .swiper-button-prev:hover::after,.index-box3 .index-box3-box .swiper-button-next:hover::after{color:#fff}

.index-box3 .index-box3-tab2{display:flex;justify-content:center;font-size:18px;color:#fff;margin-top:40PX;}
.index-box3 .index-box3-tab2 .item{margin:0 10px;border-radius:25px;display:flex;justify-content:center;align-items:center;background:#999;padding:10px 40px;cursor:pointer;transition:all 0.5s}
.index-box3 .index-box3-tab2 .item.active,.index-box3 .index-box3-tab2 .item:hover{background:var(--dominant-color)}
.index-box3 .index-box3-box2{max-width:1600px;width:90%;margin:50px auto 0;position:relative}
.index-box3 .index-box3-box2 .item{display:none;max-width:1400px;margin:auto}
.index-box3 .index-box3-box2 .item.active{display:block}
.index-box3 .index-box3-box2 .swiper-button-prev,.index-box3 .index-box3-box2 .swiper-button-next{width:50px;height:50px;border:1px solid #333;border-radius:50%;opacity:0.5;transition:all 0.5s;z-index:1}
.index-box3 .index-box3-box2 .swiper-button-prev::after,.index-box3 .index-box3-box2 .swiper-button-next::after{color:#333;font-size:16px;transition:all 0.5s}
.index-box3 .index-box3-box2 .swiper-button-prev:hover,.index-box3 .index-box3-box2 .swiper-button-next:hover{background:var(--dominant-color);border-color:var(--dominant-color)}
.index-box3 .index-box3-box2 .swiper-button-prev:hover::after,.index-box3 .index-box3-box2 .swiper-button-next:hover::after{color:#fff}

.index-box4{padding:80px 0 80px}
.index-box4 .index-box4-box{display:flex;flex-wrap:wrap}
.index-box4 .index-box4-box .item{flex-basis:25%;background:#fff;position:relative;display:flex;justify-content:center;align-items:center;padding:50px;flex-direction:column;border-right:1px solid #eee;border-bottom:1px solid #eee;cursor:pointer}
.index-box4 .index-box4-box .item .number{position:absolute;top:20px;left:20px;font-size:30px;color:#333;opacity:0.1;font-family:BEBAS}
.index-box4 .index-box4-box .item .img{width:100px;height:60px;display:flex;justify-content:center;align-items:center}
.index-box4 .index-box4-box .item .img .icon path{fill:#ec8819}
.index-box4 .index-box4-box .item .text{text-align:center;margin-top:20px}
.index-box4 .index-box4-box .item .text .title{font-size:20px;color:#333;margin-bottom:10px;font-weight:600}
.index-box4 .index-box4-box .item .text .summary{font-size:15px;color:#888}
.index-box4 .index-box4-box .item:hover{background:var(--dominant-color)}
.index-box4 .index-box4-box .item:hover .number{color:#fff;opacity:1}
.index-box4 .index-box4-box .item:hover .img{filter:brightness(10)}
.index-box4 .index-box4-box .item:hover .text .title{color:#fff}
.index-box4 .index-box4-box .item:hover .text .summary{color:#fff}
.index-box5{padding:80px 0 80px}
.index-box5 .index-box5-box{display:flex;flex-wrap:wrap}
.index-box5 .index-box5-box .item{flex-basis:calc((100% - 60px) / 4);margin-right:20px;position:relative;background:#000;overflow:hidden;cursor:pointer}
.index-box5 .index-box5-box .item::after{content:'';width:100%;height:20%;position:absolute;bottom:0;left:0;background:linear-gradient(to top,#ec8819,rgba(236,136,25,0.6));transition:all 0.5s}
.index-box5 .index-box5-box .item:nth-child(4n){margin-right:0}
.index-box5 .index-box5-box .item .img{opacity:1;transition:all 0.5s}
.index-box5 .index-box5-box .item .text{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;flex-direction:column;color:#fff;padding:10px 20px;text-align:center;height:100%;transform:translateY(70%);z-index:1;transition:all 0.5s}
.index-box5 .index-box5-box .item .text .small-img{width:55px;height:55px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:var(--dominant-color);min-height:55px;padding:10px}
.index-box5 .index-box5-box .item .text .small-img img{max-height:100%}
.index-box5 .index-box5-box .item .text .title{font-size:24px;font-weight:600;margin-top:10px;transition:all 0.5s}
.index-box5 .index-box5-box .item .text .line{width:30px;height:5px;background:#fff;margin:20px auto;opacity:0;transition:all 0.5s;min-height:5px}
.index-box5 .index-box5-box .item .text .summary{font-size:14px;line-height:1.8;transition:all 0.5s;opacity:0}
.index-box5 .index-box5-box .item .text .tip{font-size:18px;font-weight:600;transition:all 0.5s;opacity:0}
.index-box5 .index-box5-box .item .text .tip span{color:var(--dominant-color);line-height:2}
.index-box5 .index-box5-box .item:hover::after{bottom:-20%}
.index-box5 .index-box5-box .item:hover .img{opacity:0.3}
.index-box5 .index-box5-box .item:hover .text{transform:translateY(20%)}
.index-box5 .index-box5-box .item:hover .text .title{margin-top:20px}
.index-box5 .index-box5-box .item:hover .text .summary{opacity:1}
.index-box5 .index-box5-box .item:hover .text .line{opacity:1}
.index-box5 .index-box5-box .item:hover .text .tip{opacity:1}
.index-box6{padding:70px 0}
.index-box6 .index-box6-box{display:flex;flex-wrap:wrap}
.index-box6 .index-box6-box .item{flex-basis:calc((100% - 90px) / 3);margin-right:45px;margin-bottom:45px;display:flex;padding:20px;align-items:center;background:#fff;justify-content:space-between}
.index-box6 .index-box6-box .item .icon{flex-basis:90px;height:90px;border-radius:50%;background:linear-gradient(to top,#ec8819,#dfb65f);display:flex;align-items:center;justify-content:center}
.index-box6 .index-box6-box .item .text{flex-basis:calc(100% - 110px)}
.index-box6 .index-box6-box .item .text .title{font-size:22px;margin-bottom:6px;font-weight:600}
.index-box6 .index-box6-box .item .text .summary{font-size:14px;color:#666666}
.index-box6 .index-box6-box .item:nth-child(3n){margin-right:0}
.index-box7{padding:80px 0 80px}
.index-box7 .index-box7-box{display:flex;justify-content:space-between}
.index-box7 .index-box7-box .left{flex-basis:410px;display:flex;justify-content:space-between;flex-wrap:wrap}
.index-box7 .index-box7-box .left .item{flex-basis:200px;border:1px solid #eee;margin-bottom:10px;cursor:pointer;position:relative;padding:15px}
.index-box7 .index-box7-box .left .item a{width:100%;height:100%;float:left}
.index-box7 .index-box7-box .left .item .text{position:relative}
.index-box7 .index-box7-box .left .item .text .title{font-size:18px;color:#333}
.index-box7 .index-box7-box .left .item .text .summary{font-size:12px;color:#9f9f9f;text-transform:uppercase}
.index-box7 .index-box7-box .left .item .icon{width:18px;height:18px;border-radius:50%;position:absolute;bottom:15px;left:15px;background:#969696;display:flex;justify-content:center;align-items:center}
.index-box7 .index-box7-box .left .item .icon img{filter:brightness(10)}
.index-box7 .index-box7-box .left .item.active{background:var(--dominant-color)}
.index-box7 .index-box7-box .left .item.active .text .title{color:#fff}
.index-box7 .index-box7-box .left .item.active .text .summary{color:rgba(255,255,255,0.5)}
.index-box7 .index-box7-box .left .item.active .icon{background:#fff}
.index-box7 .index-box7-box .left .item.active .icon img{filter:none}
.index-box7 .index-box7-box .left .item:nth-last-child(2),.index-box7 .index-box7-box .left .item:nth-last-child(1){margin-bottom:0}
.index-box7 .index-box7-box .right{flex-basis:calc(100% - 430px)}
.index-box7 .index-box7-box .right .item{display:none;position:relative}
.index-box7 .index-box7-box .right .item .imgBox{height:510px}
.index-box7 .index-box7-box .right .item .imgBox img{position:absolute}
.index-box7 .index-box7-box .right .item .text{position:absolute;color:#fff;padding:30px 40px;line-height:2;left:0;bottom:0;background:rgba(236,136,25,0.8);font-size:16px}
.index-box7 .index-box7-box .right .item.active{display:block}
.index-box7 .parent{margin-top:60px;display:flex;justify-content:space-between;flex-wrap:wrap;border:1px solid #eee}
.index-box7 .parent .item{border-right:1px solid #eee;flex-basis:calc(100% / 6)}
.index-box7 .parent .item:last-child{border-right:none}
.index-box8{padding:80px 0 80px}
.index-box8 .index-box8-menu{display:flex;justify-content:center;font-size:18px;color:#fff}
.index-box8 .index-box8-menu .item{margin:0 10px;border-radius:25px;display:flex;justify-content:center;align-items:center;background:#999;padding:10px 40px;cursor:pointer;transition:all 0.5s}
.index-box8 .index-box8-menu .item.active,.index-box8 .index-box8-menu .item:hover{background:var(--dominant-color)}
.index-box8 .index-box8-box{display:flex;justify-content:space-between;margin-top:60px}
.index-box8 .index-box8-box .left{flex-basis:calc(650 / 1400 * 100%)}
.index-box8 .index-box8-box .right{flex-basis:calc(670 / 1400 * 100%);display:flex;justify-content:space-between;flex-direction:column}
.index-box8 .index-box8-box .item .imgBox{margin-bottom:20px;height:365px}
.index-box8 .index-box8-box .item .imgBox img{position:absolute}
.index-box8 .index-box8-box .item .text{display:flex;justify-content:space-between;align-items:center}
.index-box8 .index-box8-box .item .text .time{width:110px;height:110px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all 0.5s}
.index-box8 .index-box8-box .item .text .time .day{font-size:40px;font-family:BEBAS;color:#333;transition:all 0.5s}
.index-box8 .index-box8-box .item .text .time .year{color:#666;font-family:BEBAS;transition:all 0.5s}
.index-box8 .index-box8-box .item .text .text-box{flex-basis:calc(100% - 110px);padding-left:20px}
.index-box8 .index-box8-box .item .text .text-box .title{font-size:18px;color:#333;transition:all 0.5s}
.index-box8 .index-box8-box .item .text .text-box .summary{color:#666;margin-top:10px;line-height:1.6}
.index-box8 .index-box8-box .item:hover .text .time{background:var(--dominant-color)}
.index-box8 .index-box8-box .item:hover .text .time .day{color:#fff}
.index-box8 .index-box8-box .item:hover .text .time .year{color:#fff}
.index-box8 .index-box8-box .item:hover .text .text-box .title{color:var(--dominant-color)}
.page-menu{height:80px;background:#fff;position:relative;z-index:1;border-bottom:1px solid #e5e5e5}
.page-menu .phone-click{display:none}

@media screen and (max-width: 768px) {
    .page-menu .phone-click {display:block;background: var(--dominant-color);color: #fff;font-size: 14px;height: 50px;line-height: 50px;text-align: center}
}

.page-menu .menu-box{max-width:1500px;width:100%;margin:auto;display:flex;justify-content:space-between;height:100%}
.page-menu .menu-box .item{display:flex;height:100%;flex-basis:100%;justify-content:center;align-items:center;font-size:18px;transition:all 0.5s;margin-right:1px}
.page-menu .menu-box .item:last-child{margin-right:0}
.page-menu .menu-box .item a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#333}
.page-menu .menu-box .item.active,.page-menu .menu-box .item:hover{background:var(--dominant-color)}
.page-menu .menu-box .item.active a,.page-menu .menu-box .item:hover a{color:#fff}
#map1{width:100%;height:400px;z-index:0}
#tip{height:30px;background-color:#fff;padding-left:10px;padding-right:10px;position:absolute;font-size:12px;right:10px;bottom:20px;border-radius:3px;line-height:30px;border:1px solid #ccc}
div.info-top{position:relative;background:none repeat scroll 0 0 #F9F9F9;border-bottom:1px solid #CCC;border-radius:5px 5px 0 0}
div.info-top div{display:inline-block;color:#333333;font-size:14px;font-weight:bold;line-height:31px;padding:0 10px;text-align:left}
div.info-top img{position:absolute;top:10px;right:10px;transition-duration:0.25s}
div.info-top img:hover{box-shadow:0px 0px 5px #000}
div.info-middle{font-size:12px;padding:10px;line-height:21px;text-align:left}
div.info-bottom{height:0px;width:100%;clear:both;text-align:center}
div.info-bottom img{position:relative;z-index:104}
.footer .footer-top{display:flex;justify-content:space-between;padding:60px 0;flex-wrap:wrap}
.footer .footer-top .item .item-title{font-size:20px;color:#fff;transition:all 0.5s}
.footer .footer-top .item .line{width:50px;height:1px;background:rgba(255,255,255,0.2);margin-top:20px;margin-bottom:20px}
.footer .footer-top .item .item-box a{display:block;transition:all 0.5s;margin-bottom:15px;color:rgba(255,255,255,0.6)}
.footer .footer-top .item .item-box a:hover{color:#fff}
.footer .footer-top .item .item-box .item-list{font-size:16px;display:flex;margin-bottom:10px;align-items:center}
.footer .footer-top .item .item-box .item-list .item-icon{width:20px;height:20px;display:flex;justify-content:center;align-items:center;margin-right:10px}
.footer .footer-top .item .item-box .item-list span{opacity:0.5}
.footer .footer-top .footer-menu{flex-basis:50%;display:flex;justify-content:space-between;max-width: 650px;}
.footer .footer-top .footer-menu a{color:#cdcdcd;font-size:14px}
.footer .footer-top .footer-contact .tel{display:flex;align-items:center;color:var(--dominant-color);font-size:30px;margin-bottom:15px;font-family:BEBAS;letter-spacing:1px}
.footer .footer-top .footer-contact .tel .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--dominant-color);border-radius:50%;margin-right:20px}
.footer .footer-top .footer-contact .text{color:#fff}
.footer .footer-top .footer-contact .text .title{font-size:22px;font-weight:600;margin-top:20px;margin-bottom:20px}
.footer .footer-top .footer-contact .text .summary .item{background-repeat:no-repeat;background-position:left center;font-size:14px;color:rgba(255,255,255,0.7);padding:8px 0 8px 35px}
.footer .footer-top .footer-wechat{display:flex;justify-content:space-between;flex-basis:120px}
.footer .footer-top .footer-wechat .item{flex-basis:calc((100% - 0px) / 1);color:#9e9e9e;text-align:center}
.footer .footer-top .footer-wechat .item img{margin-bottom:10px;padding:10px;background:#fff}
.footer .footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:40px 0 40px;display:flex;justify-content:space-between;align-items:center}
.footer .footer-bottom .copy-right,.footer .footer-bottom a{color:#999;font-size:12px;line-height:1.6}
.footer .footer-bottom .footer-code .code{display:flex;justify-content:flex-end}
.footer .footer-bottom .footer-code .code .item{position:relative;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.5s}
.footer .footer-bottom .footer-code .code .item.active{color:#333}
.footer .footer-bottom .footer-code .code .item:hover{background:var(--dominant-color)}
.footer .footer-bottom .footer-code .code .item .item-icon{width:20px;height:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}
.footer .footer-bottom .footer-code .code .item .item-icon:hover{filter:brightness(100)}
.footer .footer-bottom .footer-code .code .item .item-icon:hover ~ .item-code{display:flex}
.footer .footer-bottom .footer-code .code .item .item-code{position:absolute;width:70px;height:70px;background:#fff;padding:3px;border-radius:6px;bottom:40px;left:50%;margin-left:-35px;display:none;justify-content:center;align-items:center}
.footer .footer-bottom .footer-code .code .item .item-code img{width:100%}
.footer .footer-bottom .footer-code .code .item .item-code::after{content:'';width:10px;height:5px;position:absolute;bottom:-5px;left:0;right:0;margin:auto}
.footer .footer-bottom .copy-right a{transition:all 0.5s}
.footer .footer-bottom .copy-right a:hover{text-decoration:underline}

@media screen and (max-width: 1900px) {
    header .section{padding-left:60px}
    header .section .header-box .search-box{width:320px}
}

@media screen and (max-width: 1600px) {
    .banner .swiper-slide .text .title{font-size:56px}
	.banner .swiper-slide .text .img{font-size:60px}
	.banner .swiper-slide .text .sub{font-size:17px;}
    .index-title .title{font-size:48px}
    .index-box2 .index-box2-box .right .sup{font-size:60px}
	header .section{padding-left:40px}
    header .section .header-box .logo .logo-text{font-size:16px}
    header .section .header-box .search-box .top-tel{font-size:16px;}
    header .section .header-box .search-box{width:280px}
    header .section .header-box .menu-box .menu-list .firstItem .firstItem-title{padding:0 15px}
    .footer .footer-top .footer-wechat{flex-basis: 120px;}
}

@media screen and (max-width: 1440px) {
	header .section{padding-left:40px}
    header .section .header-box .search-box .search{width: 50px;font-size: 16px;}
    header .section .header-box .search-box{width:240px}
    header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a{font-size:16px}
    header .section .header-box .logo img{width: 120px;height:auto}
    .index-box5 .index-box5-box .item .text .title{font-size:20px}
	.banner .swiper-slide .text{width:90%;}
	.banner .swiper-slide .text .title{font-size:46px}
	.banner .swiper-slide .text .img{font-size:60px}
	.banner .swiper-slide .text .sub{font-size:16px;}
	.banner .swiper-button-prev{left:10px;opacity: 0.3;}
	.banner .swiper-button-next{right:10px;opacity: 0.3;}
	.index-title .title{font-size:38px}
	.index-box2 .index-box2-number .item .text .number span{font-size:38px}
	.footer .footer-top .footer-contact .tel{font-size:24px}
}

@media screen and (max-width: 1366px) {
    .index-box2 .index-box2-box .right .sup{font-size:36px}
    .index-box2 .index-box2-box .right .title{font-size:32px}
    .index-box6 .index-box6-box .item{flex-basis:calc((100% - 20px) / 2);margin-right:20px}
    .index-box6 .index-box6-box .item:nth-child(3n){margin-right:20px}
    .index-box6 .index-box6-box .item:nth-child(2n){margin-right:0}
	header .section{padding-left:30px}
    header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .title{font-size:16px}
	header .section .header-box .logo .logo-text{font-size:15px}
	header .section .header-box .menu-box .menu-list .firstItem .firstItem-title{padding: 0 14px;}
	header .section .header-box .search-box{width: 210px;}
	.banner .swiper-slide .text .title{font-size:36px}
	.banner .swiper-slide .text .img{font-size:50px}
	.index-title .title{font-size:32px}
	.index-box2 .index-box2-number .item .text .number span{font-size:32px}
	.footer .footer-top .footer-contact .tel{font-size:22px}
	.index-box5 .index-box5-box .item .text{transform: translateY(65%);}
	.index-box5 .index-box5-box .item::after{height: 25%;}
	.index-box5 .index-box5-box .item:hover::after{bottom: -25%;}
}

@media screen and (max-width: 1280px) {
    .index-box2 .index-box2-box .right .sup br{display:none}
	header .section{padding-left:20px}
    .index-box5 .index-box5-box .item .text{padding:10px;transform:translateY(65%)}
    .index-box5 .index-box5-box .item:hover .text{transform:translateY(0%)}
    .index-box5 .index-box5-box .item .text .tip{font-size:16px}
    .footer-contact{flex-basis:380px;margin-bottom:20px;}
    .footer .footer-top .footer-menu{flex-basis:calc(100% - 380px)}
	.banner .swiper-slide .text .title{font-size:32px}
	.banner .swiper-slide .text .img{font-size:40px}
	.index-title .title{font-size:28px}
	.index-box2 .index-box2-number .item .text .number span{font-size:28px}
	.footer .footer-top .footer-contact .tel{font-size:20px}
	header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a{font-size: 15px;}
	header .section .header-box .menu-box .menu-list .firstItem .firstItem-title{padding: 0 12px;}
	.index-box7 .index-box7-box .right .item .text{font-size: 14px;padding: 20px 30px;line-height: 1.6;}
	.index-box5 .index-box5-box .item .text .title{font-size:18px;}
	.index-box3 .index-box3-tab{font-size:16px;}
}

@media screen and (max-width: 1180px) {
    header .section .header-box .logo .logo-text {display:none}
	header .section{padding-left:20px}
	.banner .swiper-slide .text .title{font-size:28px}
	.banner .swiper-slide .text .img{font-size:40px}
	.banner .swiper-slide .text .sub{font-size:14px;max-width:370px;}
	.index-title .title{font-size:26px}
	.index-box2 .index-box2-number .item .text .number span{font-size:26px}
	.footer .footer-top .footer-contact .tel{font-size:20px}
	.index-box1 .index-box1-box .item .text .title{font-size:18px}
	.index-box2 .index-box2-box .right .title{font-size:24px;margin-top: 10px;}
	.index-box5 .index-box5-box .item::after{height: 30%;}
	.index-box5 .index-box5-box .item:hover::after{bottom: -30%;}
	.index-box5 .index-box5-box .item .text{transform: translateY(58%);}
	.index-box4 .index-box4-box .item .text .title{font-size:18px}
	.index-box8 .index-box8-box .item .text .text-box .title{font-size:16px}
	.index-box8 .index-box8-box .item .text .time .day{font-size:30px}
	.index-box1 .index-box1-box .right{flex: 0 0 100%;}
}

@media screen and (max-width: 1023px) {
    .index-box1 .index-box1-box,.index-box2 .index-box2-box{/* flex-direction:column; */flex-wrap: wrap;}
    .index-box1 .index-box1-box .left{margin-bottom:30px}
    .index-box1 .index-box1-box .item .text .title{font-size:20px}
    .index-box2 .index-box2-box .left{max-width: 48%;margin-bottom:30px;flex: 0 0 48%;}
	.index-box2 .index-box2-box .left1{max-width: 48%;margin-bottom:30px;flex: 0 0 48%;}
	.index-box2 .index-box2-box .right{padding: 0;flex: 0 0 100%;}
    .index-box2 .index-box2-box .left img{width:100%}
    .index-box2 .index-box2-number{flex-wrap:wrap}
    .index-box2 .index-box2-number .item{flex-basis:50%;justify-content:flex-start;margin-bottom:30px}
    .index-box4 .index-box4-box .item{flex-basis:50%}
    .index-box5 .index-box5-box .item{flex-basis:calc((100% - 20px) / 2);margin-bottom:30px}
    .index-box5 .index-box5-box .item:nth-child(2n){margin-right:0}
    .index-box5 .index-box5-box .item img{width:100%}
    .index-box5 .index-box5-box .item .text .small-img img{max-width:100%;width:auto}
    .index-box7 .index-box7-box{flex-direction:column}
    .index-box7 .index-box7-box .left .item:nth-last-child(2),.index-box7 .index-box7-box .left .item:nth-last-child(1){margin-bottom:20px}
    .index-box7 .index-box7-box .left .item{flex-basis:calc((100% - 60px) / 4);margin-bottom:20px}
    .index-box8 .index-box8-box{flex-direction:column}
    .index-box8 .index-box8-box .item{margin-bottom:20px}
    .index-box8 .index-box8-box .left{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee}
    .banner{margin-top:60px}
    .banner .swiper-pagination{bottom:10px !important}
    .banner .swiper-pagination-bullet{width:20px;height:4px}
    .banner .swiper-button-prev,.banner .swiper-button-next{width:40px;height:40px;margin:auto}
    .banner .swiper-button-prev{left:10px}
    .banner .swiper-button-next{right:10px}
    header .section{padding-left:20px;padding-right:20px}
    header .section .header-box .logo .logo-text{display:none}
    header .section .header-box .search-box{display:none}
    header .section .header-box .logo img{width:120px;height:auto}
    header .header-menu{height:60px !important;box-shadow:0 0 5px 5px rgba(0,0,0,0.01);background:#fff !important}
    header.active .phone-line{background:#000000 !important}
    header.active .phone-line::before{background:#000 !important}
    header.active .phone-line::after{background:#000 !important}
    header.active .phone-click.active .phone-line{background:rgba(255,255,255,0) !important}
    header.active .phone-click.active .phone-line::before{background:#000 !important}
    header.active .phone-click.active .phone-line::after{background:#000 !important}
    header#member-header .logo{position:inherit;margin-left:0}
    header .section .header-box .logo{margin-left:0;filter:none !important}
    header .section .header-box .menu-box{display:flex;align-items:center;}
    header .section .header-box .menu-box .phone-click{cursor:pointer;width:22px;height:16px;display:flex;align-items:center;position:relative}
    header .section .header-box .menu-box .phone-click .phone-line{height:2px;background:#000;width:100%;transition:all 0.5s;overflow:hidden}
    header .section .header-box .menu-box .phone-click .phone-line::before,header .section .header-box .menu-box .phone-click .phone-line::after{content:'';position:absolute;width:100%;height:2px;background:#000;transition:all 0.5s}
    header .section .header-box .menu-box .phone-click .phone-line::before{top:0;transition:all 0.5s}
    header .section .header-box .menu-box .phone-click .phone-line::after{bottom:0;transition:all 0.5s}
    header .section .header-box .menu-box .phone-click.active .phone-line{background:rgba(255,255,255,0);transition:all 0.5s}
    header .section .header-box .menu-box .phone-click.active .phone-line::before{margin:auto;transition:all 0.5s;transform:translateY(7px) rotate(45deg)}
    header .section .header-box .menu-box .phone-click.active .phone-line::after{margin:auto;transition:all 0.5s;transform:translateY(-7px) rotate(-45deg)}
    header .section .header-box .menu-box .menu-list{display:none;position:absolute;width:100%;background:#fff;top:60px;height:100vh;z-index:10;left:0;margin-left:0;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:30px}
    header .section .header-box .menu-box .menu-list .firstItem{height:auto;width:100%;border-bottom:1px solid #eee;display:block;position:relative !important}
    header .section .header-box .menu-box .menu-list .firstItem .firstItem-title{height:50px;width:92.5%;margin-left:5%;padding:0}
    header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a{color:#2a2a2a;font-size:14px;display:block;width:100%}
    header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a:hover{color:#2a2a2a}
    header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i{width:50px;height:50px;position:absolute;right:0;top:0;bottom:0;margin:auto;cursor:pointer;transition:all 0.5s}
    header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i.active{transform:rotate(45deg)}
    header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i::before{content:'';width:16px;position:absolute;height:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#000}
    header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i::after{content:'';height:16px;position:absolute;width:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#000}
    header .section .header-box .menu-box .menu-list .firstItem .firstItem-title::after{display:none}
    header .section .header-box .menu-box .menu-list .firstItem .second-box{top:0 !important;border-top:none;box-shadow:none;position:relative;left:0;font-size:12px;transform:translateX(0);width:92.5%;margin-left:5%;margin-bottom:20px}
    header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list{margin-top:0;padding:10px}
    header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after{left:20px;right:auto}
    header .section .header-box .menu-box .menu-list .firstItem .second-box a{text-align:left;margin-bottom:10px}
    header .section .header-box .menu-box .menu-list-phone{background:#fff;border-top:1px solid #e5e5e5;position:absolute;height:100vh;left:0;width:100%;top:50px;padding:20px;display:none;z-index:10}
    header .section .header-box .menu-box .menu-list-phone .menu-list-box{display:flex;justify-content:space-between;height:100%}
    header .section .header-box .menu-box .menu-list-phone .menu-aside{border-right:1px solid #e1e3e6;height:100%;overflow:hidden;width:120px}
    header .section .header-box .menu-box .menu-list-phone .menu-aside .item{margin-bottom:30px;position:relative;padding-left:10px}
    header .section .header-box .menu-box .menu-list-phone .menu-aside .item a{display:block}
    header .section .header-box .menu-box .menu-list-phone .menu-aside .item.active::after{content:'';width:4px;height:15px;background:var(--dominant-color);left:0;top:0;bottom:0;margin:auto;position:absolute}
    header .section .header-box .menu-box .menu-list-phone .menu-content{flex:auto;width:calc(100% - 120px);padding:0 10px}
    header .section .header-box .menu-box .menu-list-phone .menu-content .item-content{display:none}
    header .section .header-box .menu-box .menu-list-phone .menu-content .item-content.active{display:block}
    header .section .header-box .menu-box .menu-list-phone .menu-content .item-list{display:flex;flex-wrap:wrap}
    header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item{width:50%;padding:0 20px;margin-bottom:20px}
    header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .title{font-size:12px;color:#666;text-align:center}
    header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .summary{font-size:12px;text-align:center}
    header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .imgBox{height:auto}
    header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .news-img{height:80px;display:flex;align-items:center;justify-content:center}
    header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .news-title{text-align:center;font-size:12px}
    header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .second-item-support-link a{display:block;color:#666;font-size:12px;margin-top:10px}
    header .section .header-box .menu-box .menu-list .firstItem:last-child span{display:inline-block}
    header .section .header-box .menu-box .menu-list .firstItem:last-child img{display:none}
    header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list{flex-wrap:wrap}
    header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list{flex-basis:50%}
    header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .img{display:none}
    .footer .footer-top .footer-menu{display:none}
	.banner .swiper-slide .text .title{font-size:24px}
	.banner .swiper-slide .text .img{font-size:38px}
	.index-title .title{font-size:24px}
	.index-box2 .index-box2-number .item .text .number span{font-size:24px}
	.footer .footer-top .footer-contact .tel{font-size: 24px;}
}

@media screen and (max-width: 768px) {
    .index-title .title{font-size:24px}
    .index-title .sub{font-size:14px;margin:5px auto 10px}
    .index-box1 .index-box1-box .left{margin-bottom:0}
    .index-box1 .index-box1-box .right .item{flex-basis:calc((100% - 20px) / 2);margin-top:20px}
    .index-box2 .index-box2-menu{flex-wrap:wrap;margin:30px auto}
    .index-box2 .index-box2-menu a{flex-basis:calc(80% / 3);font-size:16px;margin-right:5%;padding-right:5%;margin-bottom:20px}
    .index-box2 .index-box2-menu a:nth-child(3n){margin-right:0;padding-right:0}
    .index-box2 .index-box2-menu a:nth-child(3n)::after{display:none}
    .index-box2 .index-box2-box .right .sup{font-size:24px}
    .index-box2 .index-box2-box .right .title{font-size:20px;margin-top:6px;margin-bottom:4px}
    .index-box2 .index-box2-box .right .summary{font-size:14px}
    .index-box2 .index-box2-number .item{margin-bottom:40px}
    .index-box2 .index-box2-number .item .img{flex-basis:40px;height:40px}
    .index-box2 .index-box2-number .item .img img{width:100%}
    .index-box2 .index-box2-number .item .text .number span{font-size:24px}
    .index-box2 .index-box2-number .item .text .summary{font-size:14px}
    .index-box3 .index-box3-tab{font-size:14px}
    .index-box3 .index-box3-tab .item{margin:0 4px;padding:10px 20px}
    .index-box4 .index-box4-box .item{flex-basis:50%;padding:20px}
    .index-box4 .index-box4-box .item .text .title{font-size:16px}
    .index-box4 .index-box4-box .item .text .summary{font-size:14px}
    .index-box5 .index-box5-box .item{flex-basis:calc((100% - 10px) / 2);margin-right:10px}
    .index-box5 .index-box5-box .item:nth-child(5){flex-basis:100%;margin-right:0}
    .index-box5 .index-box5-box .item .text{transform:translateY(75%)}
    .index-box5 .index-box5-box .item .text .summary{font-size:13px;line-height:1.48}
    .index-box5 .index-box5-box .item .text .line{margin:10px auto}
    .index-box6 .index-box6-box .item{flex-basis:100%;margin-right:0;margin-bottom:20px}
    .index-box6 .index-box6-box .item .text .title{font-size:16px}
    .index-box7 .index-box7-box .left .item{flex-shrink:0;flex-basis:130px;padding-bottom:50px}
    .index-box7 .index-box7-box .left{flex-wrap:nowrap;flex-basis:auto;overflow:auto;margin-bottom:30px}
    .index-box7 .parent .item{flex-basis:50%;border-bottom:1px solid #eee}
    .index-box7 .index-box7-box .left .item .text .title{font-size:16px}
    .index-box7 .index-box7-box .right .item .text{font-size:14px;line-height:1.6;padding:20px}
    .index-box8 .index-box8-menu{font-size:14px}
    .index-box8 .index-box8-menu .item{margin:0 4px;padding:10px 20px}
    .index-box8 .index-box8-box .item .text .text-box .title{font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    .footer .footer-top{/* flex-direction:column; */padding: 40px 0 20px;}
    .footer .footer-top .footer-menu{display:none}
    .footer .footer-top .footer-wechat{margin-top:30px;justify-content:flex-start;flex-basis:auto;flex: 0 0 40%;}
    .footer .footer-top .footer-wechat .item{margin-right:20px;flex-basis: 80%;}
    .footer .footer-bottom{flex-direction:column;align-items:flex-start}
    .footer-contact{flex-basis:auto}
    .banner .swiper-slide .text .sub{font-size:14px}
    .banner .swiper-slide .img img{width:148%!important;max-width:148%!important;margin-left:-24%!important}
    .swiper-backface-hidden .swiper-slide{overflow:hidden!important}
    .swiper-button-prev,.swiper-button-next{top:44%!important}
    .banner .swiper-slide .text .title{font-size:20px;margin:10px 0}
    .banner .swiper-slide .text .img{width:200px;font-size:26px;}
	.banner .swiper-slide .text .sub span{font-size:20px;}
	.banner .swiper-slide .text .sub p{padding:0 0 0 30px;margin-bottom:10px;}
    .banner .swiper-slide .text .line{height:3px;margin-bottom:15px;margin-top:15px;}
    .banner .swiper-slide .text .summary{font-size:12px}
    .page-menu{height:auto;background:none;box-shadow:none}
    .page-menu .menu-box{display:none;flex-wrap:wrap;justify-content:flex-start;width:100%}
    .page-menu .menu-box::-webkit-scrollbar:horizontal{height:0}
    .page-menu .menu-box .item a{padding:10px}
    .page-menu .menu-box .item{height:40px;font-size:14px;flex-shrink:0}
	header .section{padding-left:20px;}
}

.index-case-list{width:100%;max-width:1440px;padding:0 20px;display:table;margin-top:40px;margin:40px auto}
.index-case-list li{width:32.5%;float:left;margin-right:1.25%;margin-bottom:20px}
.index-case-list li:nth-child(3n){margin-right:0}
.index-case-list li:hover{box-shadow:0 0 15px 1px rgba(0,0,0,.1)}
.index-case-list li .img{width:100%;overflow:hidden;height:auto;padding-bottom:64.615%;position:relative;float:left}
.index-case-list li .img img{-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;width:112%;height:auto;transition:all .5s ease;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute}
.index-case-list li:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);max-width:108%;transition:all .5s ease}
.index-case-list li .tbox{width:100%;box-sizing:border-box;border:1px solid #ebebeb;border-top:none;padding:0px 20px 0;float:left}
.index-case-list li .tbox .title{width:100%;position:relative;line-height:36px}
.index-case-list li .tbox .title .t1{font-size:16px;font-weight:bold;color:#222}
.index-case-list li .tbox .title .t2{font-size:14px;color:#888}
.index-case-list li .tbox .title{width:100%;margin:5px 0;font-size:14px;color:#666;line-height:36px;padding:7px;transition:all ease .3s}
.videos{display:none;position:fixed;left:0;top:0;z-index:99999;background:rgba(0,0,0,0.75);width:100%;height:100%}
#video{width:100%!important}
.videos_tcfw1{width:90%!important;max-width:640px;position:absolute;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}
.vclose{position:absolute;right:-26px;top:-26px;border-radius:100%;cursor:pointer}
.ui-sidebar{position:fixed;right:0;bottom:16%;z-index:998}
.ui-sidebar ul{list-style:none;box-shadow:0px 0px 30px rgba(0,0,0,0.1);border-radius:20px 0 0 20px}
.ui-sidebar ul li{color:#333;margin-BOTTOM:1px;position:relative;z-index:200}
.ui-sidebar ul li a{color:#ec8819;display:block;width:50px;line-height:45px;text-align:center;background:#ec8819;height:50px;padding-top:10px;font-size:15px}
.ui-sidebar ul li div{position:absolute;right:-100px;top:2px;border:1px solid #d9d9d9;box-shadow:0px 0px 30px rgba(0,0,0,0.1);background:#fff;font-size:15px;color:#333;border-radius:4px;padding:10px;line-height:40px;opacity:0;min-width:120px;transition:all .5s ease;text-align:center;z-index:-1;white-space:nowrap}
.ui-sidebar ul li div:after{content:" ";position:absolute;width:.5rem;height:.5rem;border-left:0;border-bottom:0;background:#fff;border:1px solid #d9d9d9;border-bottom:0;border-right:0;right:-.3rem;top:50%;transform:translateY(-50%) rotate(-225deg)}
.ui-sidebar ul li a:hover{color:#fff;background:#ec8819;border-color:#ec8819;border-bottom-color:#fff}
.ui-sidebar ul li:hover div{opacity:1;right:60px}
.ui-sidebar ul li.active a{color:#fff;display:block;width:50px;line-height:45px;text-align:center;background:#1890FF;border:1px solid #ec8819}
.ui-sidebar ul li.wx div{margin-top:-30px;right:-140px;}
.ui-sidebar ul li.wx:hover div{opacity:1;right:60px}
.g_fnva{position:fixed;z-index:100;bottom:0;width:100%;max-width:768px;min-width:320px;background:#ec8819;height:50px;line-height:50px;display:none}
.m-f01 li{float:left;width:33.33%;text-transform:uppercase;padding-left:10%;position:relative;border-right:1px solid rgba(255,255,255,.1);box-sizing:border-box}
.m-f01 li em{position:absolute;left:8%;top:12px;width:27px;height:27px}
.m-f01 li img{width:100%;display:block}
.m-f01 a{color:#fff;display:block;font-size:14px}

@media only screen and (max-width: 1023px) and (min-width: 769px){
    header .section .header-box .logo .logo-text{display:block!important;}
	.index-box5 .index-box5-box .item .text {transform: translateY(70%);}
	.index-box5 .index-box5-box .item::after {height: 20%;}
	.index-box5 .index-box5-box .item:hover::after{bottom: -20%;}
	.index-box7 .index-box7-box .left{flex-basis: 260px;}
	.index-box1 .index-box1-box .item{border-radius: 10px;}
}

@media screen and (max-width: 768px) {
    .index-box1 .index-box1-box .left .item .imgBox{padding-bottom:calc(730 / 450 * 40%)}
    .index-box1 .index-box1-box .item .text .title{font-size:14px}
    .index-box1 .index-box1-box .item .text{left:20px;bottom:20px}
    .index-box7 .index-box7-box .right .item .imgBox{height:300px}
    .index-box8 .index-box8-box .item .imgBox{height:200px}
    .banText{top:25%}
    .newsDl dt{height:150px}
    .proPg-hd .proPg-rt,.proPg-hd .proPg-lt{width:100% !important}
    .index-case-list li{width:48.75%}
    .index-case-list li:nth-child(3n){margin-right:1.25%}
    .index-case-list li:nth-child(2n){margin-right:1.25%}
    .index-box5 .index-box5-box .item .text .title{font-size:14px}
    .ui-sidebar{display:none}
    .g_fnva{display:block}
    .footer .footer-bottom{padding:20px 0 66px 0}
	.index-box5 .index-box5-box .item .text {transform: translateY(53%);}
	.index-box5 .index-box5-box .item::after {height: 30%;}
	.index-box5 .index-box5-box .item:hover::after{bottom: -30%;}
	.index-box7 .index-box7-box .left{flex-basis: 130px;}
	.index-box7 .index-box7-box .right .item .text{font-size: 14px;padding: 15px 15px;line-height: 1.5;}
	.index-box1 .index-box1-box .item,.index-box1 .index-box1-box .left{border-radius: 10px;flex: 0 0 100%;}
	.index-box1,.index-box2,.index-box5,.index-box4,.index-box8,.index-box7{padding: 40px 0 40px;}
	.index-box3{margin: 60px 0 60px;}
	.index-box2 .index-box2-number{margin-top:40px;}
	.index-box4 .index-box4-box .item .img svg{width:40px;}
	.banner .swiper-button-prev,.banner .swiper-button-next{display:none;}
	.banner .swiper-slide .text{width: 90%;}
}