@charset "utf-8";

/*统一的样式*/

/* reset */
*{margin:0;padding:0;list-style:none; font-size: 16px; box-sizing: border-box;} /*默认外边距 和 内边距*/ /*去圆点*/
img{border:none; vertical-align:bottom; max-width: 100%}

table {border-collapse:collapse;} /*边框会合并为一个单一的边框*/ /**/
button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/*字体系列 字体大小 字体样式 字体粗细 都继承父元素*/
.h1, .h2, .h3, .h4, .h5, .h6,span, h1, h2, h3, h4, h5, h6, p{margin: 0px; padding: 0px; font-size: inherit}
address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */
/*input:focus{box-shadow: 0 0 10px #999; outline: none;}   /*边框阴影*/  /*轮廓取消*/
/* link */
a{text-decoration:none; color: inherit; transition: 0s;}  /*清除超链接的下划线*/
a:hover{text-decoration:none; color: inherit;}
.clear{clear: both;}  /*清除浮动*/
/*统一的样式*/
ol, ul, dl{margin: 0px;}
.swiper-button-next,.swiper-button-prev{color: transparent;}

html body {
	margin: 0px auto;
	max-width: 1920px;	
	min-width: 320px;
	font-size: 100%;
	font-family:  "微软雅黑", "Microsoft YaHei", "SimSun", "宋体";
}
main{font-size: 16px;}
.max-w-15{max-width: 1500px;margin: 0 auto;}
.max-w-14{max-width: 1400px;margin: 0 auto;}
.max-w-12{max-width: 1080px;margin: 0 auto;}
.max-w-11{max-width: 1080px;margin: 0 auto;}
.img{width: 100%;height: 100%;object-fit: cover;display: block;}

/* 公共标题 */
.public-tit{width: 100%;text-align: center;display: flex;justify-content: center;align-items: center;}
.public-tit strong{position: relative; padding-right: 40px;font-size: 75px;color: #d0d0d0;text-transform: uppercase;}
.public-tit::before,
.public-tit::after{content: "";flex: auto;height: 2px;background: #d9d9d9;display: inline-block;}
.public-tit::before{background: #d9d9d9;}
.public-tit::after{background: #ec5f17;}
.public-tit span{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 35px;color: #ec5f17;}
@media screen and (max-width:1200px){
	.public-tit strong{font-size: 40px;}
	.public-tit span{font-size: 18px;}
	
}
@media screen and (max-width:767px){
	.public-tit strong{    font-size: 18px;}
	.public-tit span {font-size: 16px;display: block;position: unset;margin-top: 10px;}
	.public-tit strong{padding: 0;line-height: 1.8;}
	.public-tit::before, .public-tit::after{height: 1px;}
	.public-tit::before{margin-right: 20px;}
	.public-tit::after{margin-left: 20px;}
	
}
@media screen and (max-width:414px){
	.public-tit strong{font-size: 14px;}
}
/*=================公共头部样式           开始==========================*/

.head-top{position: fixed;top: 0;left: 0;z-index: 99; width: 100%;padding: 10px 20px; height: auto;background: #fff;transition: 0.5s ease;}
.head-top .max-w-15{display: flex;width: 100%;height: 100%;justify-content: space-between;align-items: center;}
.head-top .pc-logo{display: block;width: 240px;height: 80px;object-fit: contain;}
.head-top .pc-logo img{display: block;object-fit: contain;width: 100%;height: 100%;}
.head-top .right-silde{width: 850px;max-width: 850px;}
.head-top .pc-nav{width: 100%;display: flex;color: #333;font-size:16px;justify-content: flex-end;}
.head-top .pc-nav a{display: block;color:#333;font-size:18px;padding: 0 17px;border-right: 1px solid #ea5709;line-height: 1;}
.head-top .search{position: relative; border: 1px solid #ea5709;height: 25px;width: 300px;padding: 0 25px 0 10px;margin-right: 8%; background:rgba(255, 255, 255, 0.3);}
.head-top .search input[type="text"]{font-size: 14px; height: 100%;width: 100%;border: none;outline: none;box-shadow: none;background: transparent;}
.head-top .search button{border: none;box-shadow: none;outline: none; width: 25px;height: 25px;position: absolute;background: url("../images/icon01.png") no-repeat center;right: 0;top: 0;}
.head-top .top-silde{display: flex;justify-content: flex-end;align-items: center;margin-bottom: 20px;}
.head-top .login a{font-size: 14px;color: #aaaaaa;display: inline-block;margin-left: 10px;}
.head-top .languer{background: #a0a0a0;color: #fff;width: 40px;border-radius: 4px;line-height: 18px;font-size: 12px;}
.head-top .pc-nav li.active a{color: #ea5709 !important;}
.head-top .pc-nav li.active a:hover{color: #ea5709 !important;}
.mobile-nav-box{display: none;}
.meun-btn{display: none;}
/* 移动端导航 */
.search-box{display: none;}



@media screen and (max-width:1200px){
	.head-top .pc-logo{width: 120px;height: 43px;}
	.head-top{padding: 8px 14px;}
	.head-top .right-silde{display: none;}



	.nav-menu{ display: block; position: relative; width: 30px; height: 30px; cursor: pointer;}
	.meun-btn{position: relative;width: 30px;height: 30px;right: 10px;display: block;}
	.meun-btn span { position: absolute; top: 50%; left: 0px; display: block; width: 30px; height: 2px; margin-top: -1px; background: #000; transition: .2s ease;}
	.meun-btn span:before {content: '';position: absolute;top: -8px;left: 0px;width: 30px;height: 2px;border-radius: 3px;background: #000;transition: transform .2s ease, top .2s ease;}
	.meun-btn span:after { position: absolute; top: 8px; left: 0px; width: 30px; height: 2px; content: ''; border-radius: 3px; background: #000; transition: transform .2s ease, top .2s ease;}
	.mobile-nav-box {display: block;position: fixed;top: 0px;left: 0px;z-index: 99;width: 320px;height: 100%;background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.4);transform: translateX(-110%);transform-origin: 0% 0%;transition: .4s ease;}
	.mobile-meun-nav { position: absolute; top: 56px; bottom: 0px; width: 100%;}                   
	.mobile-meun-nav {overflow-y: scroll;}
	.mobile-nav-box-show{transform: perspective(450px) rotateY(0deg);}
	.search-btn {box-sizing: border-box;padding: 0px 20px;margin: 0px;background: #333;line-height: 56px;font-size: 16px;color: #fff;text-align: center;cursor: pointer;}
	.search-btn i {margin-left: 10px;}                   
	.fa-search:before {content: "\f002";}
	
	.mobile-meun-nav ul li {border-bottom: 1px solid #f2f2f2;}
	.mobile-meun-nav ul li:first-of-type a{display: block;}
	.mobile-meun-nav ul li .tit {position: relative;display: block;height: 56px;line-height: 56px;overflow: hidden;padding: 0px 20px 0px 40px;margin: 0px;font-size: 16px;color: #505050;font-weight: normal;letter-spacing: 1px;cursor: pointer;transition: .3s;}
	.meun-nav ul li .tit.chose, 
	.mobile-meun-nav ul li .tit.active {color: #1b1b1b;}
	.mobile-meun-nav ul li .tit, .mobile-second-nav dd a {height: 50px;line-height: 50px;}
	.mobile-meun-nav ul li .tit.chose:before, .mobile-meun-nav ul li .tit.active:before {border: none;background: #ea5709;}
	.mobile-meun-nav ul li .tit:before {content: "";position: absolute;top: 50%;left: 15px;width: 10px;height: 10px;margin-top: -5px;border: 1px solid #505050;border-radius: 50%;transition: .3s;}
	.mobile-meun-nav ul li .tit i {float: right;margin-top: 18px;font-size: 18px;}
	.fa-angle-up:before {content: "\f106";}
	.mobile-second-nav {display: none;margin-bottom: 0px;}
	.mobile-second-nav dd {border-top: 1px solid #f2f2f2;}
	.mobile-meun-nav ul li .tit, .mobile-second-nav dd a {height: 50px;line-height: 50px;}
	.mobile-second-nav dd a {display: block;height: 56px;line-height: 56px;overflow: hidden;padding: 0px 10px 0px 45px;font-size: 16px;color: #505050;letter-spacing: 1px;cursor: pointer;}
	.search-box{position: fixed;top: 0px;left: 0px;z-index: 101;width: 100%;height: 100%;background: rgba(0,0,0,.9);pointer-events: none;opacity: 0;transition: .4s;display: block;}
	.search-box .close {position: absolute;top: 30px;right: 30px;display: block;width: 30px;height: 30px;background:url("../images/close.png")  no-repeat center center;background-size: 20px;opacity: 1;}
	.close {float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;}
	.search-box form {position: absolute;top: 50%;left: 2.6%;right: 2.6%;height: 40px;margin-top: -62px;border-bottom: 1px solid #515151;}
	.search-box form input {box-sizing: border-box;width: 100%;height: 40px;overflow: hidden;padding-left: 30px;padding-right: 50px;border: none;outline: none;background: url(../images/ico_36.png) no-repeat left;line-height: 40px;font-size: 20px;color: #fff;text-align: center;text-overflow: ellipsis;white-space: nowrap;}.search-box form button {position: absolute;top: 0px;right: 0px;width: 50px;height: 100%;border: none;background: transparent;line-height: 40px;font-size: 18px;color: #777;text-align: center;cursor: pointer;transition: .3s;}
	.search-box-show {pointer-events: auto;opacity: 1;}
	.meun-btn-open span {width: 0px;}
	.meun-btn span:before {content: '';position: absolute;top: -8px;left: 0px;width: 30px;height: 2px;border-radius: 3px;background: #000;transition: transform .2s ease, top .2s ease;}
	.meun-btn-open span:before {top: 0px;transform: rotate(45deg);}
	.meun-btn span:after {position: absolute;top: 8px;left: 0px;width: 30px;height: 2px;content: '';border-radius: 3px;background: #000;transition: transform .2s ease, top .2s ease;}
	.meun-btn-open span:after {top: 0px;transform: rotate(-45deg);}
	.mobile-nav-box-show {transform:translateX(0);}
	.mobile-meun-nav ul li .tit a{display: block;}
}





/* 移动端 */
.m_page_nav{display: none;}
.m_page_nav2{display: none;transition: 0.5s;}

@media screen and (max-width: 1200px){
	.m_page_nav2{margin-bottom: 20px;}
	.m_page_nav2.m2{margin-bottom: 20px;}
	.m_page_nav{display: none;margin-top: 80px;margin-bottom: 20px;}
	.m_page_nav2{display: none;margin-top: 80px;}
    .m_page_nav li{width: 100%;}
	.m_page_nav dl{display: block; border-top: 1px solid #bdbdbd;border-bottom: 1px solid #bdbdbd;}
	.m_page_nav2 .dl{border-bottom: 1px solid #ccc;}
	.m_page_nav dl dt,
	.m_page_nav2 .dl{font-weight: normal;background: #fff; transition: 0.6s; padding: 1.2% 20px; cursor: pointer; display: flex; align-items: center; justify-content: space-between;font-size: 14px;}
	
	.m_page_nav dl dt span,
	.m_page_nav2 .dl span{transition: 0.6s; font-size: 18px; color: #333; line-height: 200%;}
	.m_page_nav dl dt i,
	.m_page_nav2 .dl i{transition: 0.6s; font-size: 20px; color: #ea5709;}
    .m_page_nav dl dd{display: none;  border-top: 1px solid #bdbdbd; background: #fff;}
    .m_page_nav dl dd a{display: block; font-size: 18px; color: #434144; line-height: 200%; padding: 1.2% 0; border-bottom: 1px solid #cecece; text-align: center;}
    .m_page_nav dl dd a:last-child{border-color: transparent;}
	.m_page_nav dl dd a.active{color: #ea5709;}
	.m_page_nav{margin-bottom: 0;}
}

@media screen and (max-width: 767px){
	.m_page_nav{margin-top: 60px;display: block;}
	.m_page_nav2{margin-top: 60px;display: block;}
	.m_page_nav  dl dt,
	.m_page_nav2  .dl {padding: 1.6% 10px;}
	.m_page_nav  dl dt span,
	.m_page_nav2  .dl  span{font-size: 18px;}
	.m_page_nav  dl dt i,
	.m_page_nav2  .dl  i{font-size: 30px;}
	.m_page_nav  dl dd a{font-size: 16px; padding: 1.6% 0;}
}

@media screen and (max-width: 500px){
	.m_page_nav dl dd a{font-size: 14px;}
	.m_page_nav dl dt span{font-size: 16px;}
	.m_page_nav2 .dl span{font-size: 16px;}
	.m_page_nav  dl dt{padding: 2.2% 10px;}
	.m_page_nav2  .dl {padding: 2.2% 10px;}
    /* .m_page_nav  dl dt span{font-size: 14px;} */
	.m_page_nav  dl dt i{font-size: 24px;}
	.m_page_nav2  .dl  i{font-size: 24px;}
	.m_page_nav  dl dd a{font-size: 14px; padding: 2.2% 0;}
}




/* .banner {margin-top: 100px;} */
.banner .swiper-slide{width: 100%;height:100vh;background: #000;}
.banner .swiper-slide img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.banner .swiper-slide video{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.banner .swiper-slide iframe{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.head-top .pc-nav a:hover{color:#ea5709;}
.banner .swiper-pagination-bullet{border-radius: 0; opacity: 1; width: 60px;height: 4px;background: #fff;position: relative;}
/* .banner .swiper-pagination-bullet-active{background: ##fff;} */
.banner .swiper-pagination-bullet::before{content: "";width: 0;position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #e05f1d;}
.banner .swiper-pagination-bullet-active::before{width: 100%;transition: 1s; }

.banner .swiper-button-next,.banner .swiper-button-prev{width: 50px;height: 50px;border-radius: 50%;border: 1px solid #e05f1d;background-position: center center;background-repeat: no-repeat;background-size: 18px;}
.banner .swiper-button-prev{background-image: url("../images/icon03.png");}
.banner .swiper-button-next{background-image: url("../images/icon03r.png");}
.banner .swiper-button-disabled{opacity: 1 !important;}
.banner .swiper-button-next:hover{background-image: url("../images/icon04.png");background-color: #fff;border: none;}
.banner .swiper-button-prev:hover{background-image: url("../images/icon04r.png");background-color: #fff;border: none;}


.cov{display: block;width: 100%;height: 100%;object-fit: cover;}
.cont{display: block;width: 100%;height: 100%;object-fit: contain;}
.pos-0{position: absolute;left: 0;top: 0;}
.head-pic{padding-bottom:26%;position: relative;margin-top: 100px;}
.m-head-pic{display: none;padding-bottom:60%;position: relative;}
.head-pic .tit{position: absolute;z-index: 4;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.head-pic .tit h2{font-size: 24px;font-weight: bold;color: #1c1c1c;}
.head-pic .tit i{width: 50px;height: 4px;margin:16px auto;display: block;background: #1c1c1c;}
.head-pic .tit  p{font-size: 20px;color: #1c1c1c;}
/* 面包屑 */
.senav{padding: 10px 0;}
.senav .max-w-14{color: #626262;font-size: 14px;display: flex;justify-content: space-between;align-items: center;}
.senav a{display: inline-block;color: #626262;font-size: 14px;}
.senav .lanmu2 a{font-size: 16px;display: inline-block;margin-left: 10px;width: 96px;line-height: 36px;text-align: center;border-radius: 4px;}
.senav .lanmu2 a:hover,
.senav .lanmu2 a.active{background: #e05f1d;color: #fff;}
.senav .max-w-14 p{line-height: 1;}
.m-banner{display: none;}
@media screen and (max-width:1500px){
	.head-pic {padding-bottom: 43%;}
}
@media screen and (max-width:1200px){
	.banner{margin-top: 60px;}
	.head-pic{margin-top: 60px;}
}
@media screen and (max-width:1024px){
	
	.m-head-pic{display: block;}
	.senav{display: none;}
}
@media screen and (max-width:767px){
	.head-pic{display: none;}
	/* .banner{display: none;} */
	.banner .swiper-slide{display: none;}
	.banner .swiper-slide{height: auto;}
	.banner .m-banner{padding-bottom: 180%;position: relative;display: block;}
}
@media screen and (max-width:414px){
	.mobile-nav-box{max-width: 280px;}
}
/*=================公共头部样式           结束============================*/




/*=================首页样式              ===========================*/
.index-page .box1{background: #f0f0f0;padding: 50px 20px 90px 20px;}
.index-page .box1 .public-tit{margin-bottom: 90px;}

.index-page .box1 .content{display: flex;}
.index-page .box1 .left-slide{width: 260px;margin-right: 24px;min-width: 260px;}
.index-page .box1 .left-slide .title{background: url("../images/bg01.jpg") no-repeat center;background-size: cover;display: block;padding: 20px 10px;}
.index-page .box1 .left-slide .title span{color: #fff;display: block;font-size: 18px;line-height: 1.2;}
.index-page .box1 .left-slide .title p{font-size: 18px;color: #e05f1d;}

.index-page .box1 .public-model .tit{display: block;background: #e05f1d;color: #fff;display: flex;justify-content: center;align-items: center;height: 45px;font-size: 18px;}
.index-page .box1 .public-model .tit img{margin-right: 10px;}
.index-page .box1 .public-model .list{padding:30px 20px;display: flex;flex-wrap: wrap;background: #fff;}
.index-page .box1 .public-model .list a{display: block;width: 50%;font-size: 14px;color: #747474;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 12px;}
.index-page .box1 .public-model .list a:hover{color:#e05f1d;}
.index-page .box1 .spec .list a{width: 33% !important;}
.index-page .box1 .index-pro{flex: auto;max-width: 1250px;}
.index-page .box1 .max-w-15{position: relative;}
.index-page .box1 .right-slide{display: flex;flex-wrap: wrap;}
.index-page .box1 .right-slide a{max-height: 48%;transition: 0.5s;display: flex;flex-direction: column;justify-content: space-between;align-items: center;  background: #fff;width: 32%;margin-right: 2%;margin-bottom: 26px;position: relative;padding: 10px;}
.index-page .box1 .right-slide a:nth-of-type(3n+3){margin-right: 0;}
.index-page .box1 .right-slide .pic{padding-bottom: 348px;position: relative;width: 100%;}
.index-page .box1 .right-slide .pic img{width: auto;left: 50%;transform: translateX(-50%);}
.index-page .box1 .right-slide p{text-align: center;width: 100%;line-height: 50px;text-align: center;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-page .box1 .right-slide a:hover{box-shadow: 0 3px 5px rgba(0,0,0,0.2);transform: translateY(-6px);}
.index-pro-pagination{bottom: -60px;right: 0;}
.index-page .box1 .swiper-pagination-bullet{width: 32px;line-height: 32px;background: #fff;border-radius: 0;text-align: center;height: auto;opacity: 1 !important;color: #333;margin-right: 10px;}
.index-page .box1 .swiper-pagination-bullet:last-of-type{margin-right: 0;}
.index-page .box1 .swiper-pagination-bullet-active{background: #e05f1d;color: #fff;}

.index-page .box1 .color{position: relative;background: #fff;}
.index-page .box1 .color .list{z-index: 9; padding: 10px 20px; position: absolute;background: #fff; top: 100%;width: 100%;left: 0;display: none;}
.index-page .box1 .color .list a{float: left;}
/* .index-page .box1 .color .list::-webkit-scrollbar{background: #eee;width: 3px;}
.index-page .box1 .color .list::-webkit-scrollbar-thumb{background: #e05f1d;width: 3px;border-right: 2px;} */
.arrow-d{transition: 0.3s;}
.arrow-d.active{transform: rotateX(-180deg);}




.index-page .box2 .public-tit{margin-bottom: 90px;}
.index-page .box2{padding: 60px 20px 80px 20px;}
.index-page .box2 .max-w-15{position: relative;}
.index-page .box2 .content{display: flex;justify-content: space-between;}
.index-page .box2 .left-slide{width: 260px;min-width: 260px;padding: 10px 0;}
.index-page .box2 .index-pro{flex: auto;max-width: 1250px;}
.index-page .box2 .left-slide .title{background: url("../images/bg03.jpg") no-repeat center;background-size: cover;display: block;padding: 20px 10px;height: 540px;}
.index-page .box2 .left-slide .title span{color: #fff;display: block;font-size: 18px;line-height: 1.2;}
.index-page .box2 .left-slide .title p{font-size: 18px;color: #e05f1d;}
.index-page .box2 .left-slide .tit2{display: block;color: #fff;display: flex;justify-content: center;align-items: center;height: 100px;font-size: 18px;}
.index-page .box2 .left-slide .tit2 img{margin-right: 10px;}
.index-page .box2 .left-slide .tit2:nth-of-type(odd){color: #000;}
.index-page .box2 .left-slide .tit2:nth-of-type(even){background: #e05f1d;}

.index-page .box2 .min-slide{max-width: 740px;width: 50%;}
.index-page .box2 .index-pro2{height: auto;}
.index-page .box2 .index-pro2 .swiper-slide{display: flex;flex-wrap: wrap;align-content: space-between;justify-content: space-between;height: 100%;padding: 10px;}
.index-page .box2 .index-pro2 a{max-height: 48%;box-shadow: 0 0 1px rgba(0,0,0,0.2);transition: 0.5s; display: flex;align-items: center;justify-content: center;flex-direction: column; background: #fff;width: 48%;position: relative;padding: 10px;margin-bottom: 12px;}
.index-page .box2 .index-pro2 a .pic{padding-bottom: 294px;position: relative;width: 100%;}
.index-page .box2 .index-pro2 p{text-align: center;width: 100%;line-height: 50px;text-align: center;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-page .box2 .index-pro2 a:hover{transform: translateY(-6px);}

.index-page .box2 .left-slide .tit2{position: relative;}
.index-page .box2 .yb-list{transition: 0.3s; box-shadow: 2px 2px 3px rgba(0,0,0,0.2);border: 1px solid #eee; opacity: 0;transform: scale(0,0); z-index: 9; padding:30px 20px;width: 100%; display: flex;flex-wrap: wrap;background: #fff;position: absolute;left: 100%;top: 0;}
.index-page .box2 .yb-list a{display: block;width: 50%;font-size: 14px;color: #747474;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 12px;}
.index-page .box2 .yb-list a:hover{color:#e05f1d;}
.tit2:hover .yb-list{opacity: 1;transform: scale(1,1);}


.index-pro2-pagination{bottom: -60px;right: 0;}
.index-page .box2 .index-pro2-pagination .swiper-pagination-bullet{width: 32px;line-height: 32px;background: #f0f0f0;border-radius: 0;text-align: center;height: auto;opacity: 1 !important;color: #333;margin-right: 10px;}
.index-page .box2 .index-pro2-pagination .swiper-pagination-bullet:last-of-type{margin-right: 0;}
.index-page .box2 .index-pro2-pagination .swiper-pagination-bullet-active{background: #e05f1d;color: #fff;}
.index-page .box2 .right-slide{width: 30%;padding: 10px 0;}
.index-page .box2 .index-pro3{width: 100%;
    margin-bottom: 14px;
}
.index-page .box2 .index-pro3 .swiper-pagination{text-align: right;padding-right: 30px;}
.index-page .box2 .index-pro3 .swiper-pagination-bullet{opacity: 1;background: #fff;width: 14px;height: 14px;}
.index-page .box2 .index-pro3 .swiper-pagination-bullet-active{background: #e05f1d;}
.index-page .box2 .index-pro3 .swiper-slide{height: 457px;}
.index-page .box2 .index-pro3 .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.index-page .box2 .right-slide .pic{height: 270px;display: block;width: 100%;object-fit: cover;}

.index-page .box3{background: #f0f0f0;padding: 50px 20px 20px;}
.index-page .box3 .public-tit{margin-bottom: 60px;}
.index-page .box3 .index-effect{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index-page .box3 .index-effect a{display: block;background: #434343;padding-bottom: 28%;position: relative;margin-bottom: 1%;}
.index-page .box3 .index-effect a:nth-of-type(1){width: 60%;}
.index-page .box3 .index-effect a:nth-of-type(2){width: 39%;}
.index-page .box3 .index-effect a:nth-of-type(3){width: 40%;}
.index-page .box3 .index-effect a:nth-of-type(4){width: 29%;}
.index-page .box3 .index-effect a:nth-of-type(5){width: 29%;}
.index-page .box3 .index-effect a:nth-of-type(3),
.index-page .box3 .index-effect a:nth-of-type(4),
.index-page .box3 .index-effect a:nth-of-type(5){padding-bottom: 24%;}
.index-page .box3 .index-effect a img{opacity: 0.35;display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;transition: 0.4s;}
.index-page .box3 .index-effect a p{position: absolute;top: 50%;left: 50%;z-index: 3;transform: translate(-50%,-50%);text-align: center;color: #e05f1d;font-size: 50px;;}
.index-page .box3 .index-effect a p span{transition: 0.4s; position: relative; display: block;width: 220px;line-height: 60px;border-radius: 30px;border: 4px solid #fff;color: #fff;font-size: 30px;margin-top: 20px;z-index: 4;}
.index-page .box3 .index-effect a:hover p span{border:4px solid #e05f1d;background: #e05f1d;}
.index-page .box3 .index-effect a:hover img{opacity: 1;}

.index-page .box4{padding: 50px 0 100px 0;}
.index-page .box4 .public-tit{margin-bottom: 90px;}
.index-page .box4 .index-activy{height: 650px;}
.index-page .box4 .index-activy .swiper-slide{display: flex;}
.index-page .box4 .index-activy .pic{width: 60%;padding-bottom: 40%;position: relative;}
.index-page .box4 .index-activy .pic img{position: absolute;left: 0;top: 0;}
.index-page .box4 .index-activy .txt{min-width: 580px;width: 40%;padding: 5%  20px 2% 3%;background: #f0f0f0;}
.index-page .box4 .index-activy .txt .t1{font-size: 40px;color: #000;margin-bottom: 10px;}
.index-page .box4 .index-activy .txt .t2{font-size: 48px;color: #000;margin-bottom: 60px;padding-bottom: 20px;border-bottom: 1px solid #e05f1d;padding-right: 50px;width: fit-content;}
.index-page .box4 .index-activy .txt .t3{color: #7f7f7f;font-size: 40px;margin-bottom: 16px;}
.index-page .box4 .index-activy .txt .t4{color: #7f7f7f;font-size: 24px;}
.index-page .box4 .index-activy .txt .t5{font-size: 24px;color: #000;margin-bottom: 20px;}
/* .index-page .box4 .index-activy .txt {display: flex;flex-direction: column;justify-content: space-between;} */
.index-page .box4 .index-activy .txt  a{width: 160px;line-height: 50px;background: #e05f1d;text-align: center;color: #fff;font-size: 24px;display: block;}
.index-activy-pagination .swiper-pagination-bullet{background: #7f7f7f;opacity: 1;width: 14px;height: 14px;}
.index-activy-pagination .swiper-pagination-bullet-active{background: #fff;}

@keyframes boxchange{
	0%{transform:scale(0,0);}
	50%{transform: translate(-50%,-50%) scale(0.5,0.5);}
	100%{transform: translate(-50%,-50%) scale(1,1);opacity:1;}
}



/*.index-page .box5{padding: 40px 20px 70px;background: #f0f0f0;}*/
/*.index-page .box5 .content{position: relative;}*/
/*.index-page .box5 .index-case1{max-width: 920px;margin:0 auto;width: 60%;z-index: 20;}*/
.index-page .box5 .index-case1 {margin: 0 auto;width: 920px;height: 760px;z-index: 9;}
.index-page .box5 .index-case1 .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.index-page .box5 .public-tit{margin-bottom: 60px;}
 




.index-page .box5 .content{max-width: 1500px;margin: 0 auto;position: relative;}
.index-page .box5 .content .min-border{width: 90%;height: 500px;border: 2px solid #7f7f7f;position: absolute;left: 0;top: 50%;margin-top:-250px ;}
.index-page .box5 .min-border2 .next_index-case{position: absolute; background:url("../images/icon9.png") #ec5f17 no-repeat center center;color: transparent;width: 80px;height: 70px;right: -80px;top: 50%;margin-top: -35px;}
.index-page .box5 .min-border2 .prev_index-case{position: absolute; background:url("../images/icon10.png") #ec5f17 no-repeat center center;color: transparent;width: 80px;height: 70px;right:0;left: unset;top: 50%;margin-top: -35px;}
.index-page .box5 .min-border2 .swiper-button-disabled{opacity: 1 !important;}

/* 
.index-page .box5 .btn{width: 60px;height: 40px;background: #e05f1d;}
@keyframes boxchange{
    0%{opacity: 1;left: 10%;top: 20%;width: 600px;height: 500px;margin:-20px 0 0 20px;}
    25%{opacity: 1;left: 10%;top: 20%;width: 600px;height: 500px;margin:-20px 0 0 20px;}
	50%{-webkit-filter: grayscale(1);opacity: 1;top: 50%;left: 50%;width: 600px;height: 500px;margin:-200px 0 0 -300px;}
	100%{margin:-380px 0 0  -460px;opacity:1;top: 50%;left: 50%;width: 920px;height: 760px;-webkit-filter: grayscale(0);}
}
@keyframes boxchange2{
	0%{margin:-380px 0 0  -460px;opacity:1;top: 50%;left: 50%;width: 920px;height: 760px;-webkit-filter: grayscale(0)}
	50%{-webkit-filter: grayscale(1);opacity: 0.5;top: 50%;left: 50%;width: 600px;height: 500px;margin:-250px 0 0 -300px;}
	100%{margin:-20px 0 0  20px;left: 0;top: 0;opacity: 1;left: 10%;top: 20%;width: 600px;height: 500px;}
}
.index-page .box5 .content{position: relative;}
.pic-list1{position: relative;height: 760px;z-index: 9;}
.index-page .box5 .pic-list1 .pic{transition:1s;width: 600px;height: 500px;-webkit-filter: grayscale(1);}
.index-page .box5 .pic-list1 .pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.index-page .box5 .pic-list1 .pic{position: absolute;}

.index-page .box5 .pic-list1 .pic:nth-of-type(1){z-index: 5;animation:boxchange 1.8s ease;top: 50%;left: 50%;margin:-380px 0 0  -460px;width: 920px;height: 760px;-webkit-filter: grayscale(0)}
.index-page .box5 .pic-list1 .pic:nth-of-type(2){animation:boxchange2 1.8s ease;left: 10%;top: 20%; margin:-20px 0 0  20px;z-index: 4;}
.index-page .box5 .pic-list1 .pic:nth-of-type(3){margin:-40px 0 0  40px;z-index: 3;left: 10%;top: 20%;}
.index-page .box5 .pic-list1 .pic:nth-of-type(4){margin:-60px 0 0  60px;z-index: 2;left: 10%;top: 20%;}
.min-border{position: relative;z-index:2;} 
.min-border2{width: 90%;height: 500px;position: absolute;left: 0;top: 50%;margin-top: -200px;z-index: 20;} */


@keyframes boxchange{
    0%{margin:0 0 0 80px;z-index: 5;top: 0;left: 0;width: 600px;height: 500px;}
    50%{top: 50%;left: 50%;opacity: 1;margin:-380px 0 0  -460px;opacity:1;width: 920px;height: 760px;}
    100%{top: 50%;left: 50%;margin:-380px 0 0  -460px;opacity:1;width: 920px;height: 760px;-webkit-filter: grayscale(0);z-index: 5;opacity: 1;}
}
@keyframes boxchange2{
    0%{top: 50%;left: 50%;margin:-380px 0 0  -460px;opacity:1;width: 920px;height: 760px;-webkit-filter: grayscale(0);z-index: 2;opacity: 1;}
    50%{top: 50%;left: 50%;opacity: 1;margin:-250px 0 0  -300px;opacity:1;width: 600px;height: 500px;-webkit-filter: grayscale(1);}
    100%{margin:60px 0 0 20px;z-index: 2;left: 0;width: 600px;height: 500px;top: 10%;}
}


@keyframes boxchange3{
    0%{margin:60px 0 0 20px;z-index: 2;top: 0;left: 0;width: 600px;height: 500px;}
    /* 25%{top: 50%;left: 50%;opacity: 1;margin:-250px 0 0  -300px;opacity:1;width: 600px;height: 500px;-webkit-filter: grayscale(1);z-index: 2;opacity: 0.3;} */
    50%{top: 50%;left: 50%;opacity: 1;margin:-250px 0 0  -300px;opacity:1;width: 600px;height: 500px;-webkit-filter: grayscale(1);z-index: 5;opacity: 1;}
    100%{top: 50%;left: 50%;margin:-380px 0 0  -460px;opacity:1;width: 920px;height: 760px;-webkit-filter: grayscale(0);z-index: 5;opacity: 1;}
}

@keyframes boxchange4{
    0%{top: 50%;left: 50%;margin:-380px 0 0  -460px;opacity:1;width: 920px;height: 760px;-webkit-filter: grayscale(0);z-index: 2;opacity: 1;}
    50%{top: 50%;left: 50%;opacity: 1;margin:-250px 0 0  -300px;opacity:1;width: 600px;height: 500px;-webkit-filter: grayscale(1);}
    100%{margin:60px 0 0 20px;z-index:5;top: 10%;left: 0;width: 600px;height: 500px;-webkit-filter: grayscale(1);opacity: 1;}
}


.index-page .box5 .content{position: relative;}
.pic-list1{position: relative;height: 760px;z-index: 9;}
.index-page .box5 .pic-list1 .pic{transition:1s;width: 600px;height: 500px;-webkit-filter: grayscale(1);}
.index-page .box5 .pic-list1 .pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.index-page .box5 .pic-list1 .pic{position: absolute;}
.index-page .box5 .pic-list1 p{text-align: center;margin-top: 20px;font-size: 18px;transform: scale(0,0);transition: 0.5s;}

.index-page .box5 .pic-list1 .pic:nth-of-type(1){animation:boxchange 2s ease;transition: 3s; display: block;margin:-380px 0 0  -460px;opacity:1;top: 50%;left: 50%;width: 920px;height: 760px;-webkit-filter: grayscale(0);z-index: 5;opacity: 1;}
.index-page .box5 .pic-list1 .pic:nth-of-type(1) p{transform: scale(1,1);transition: 0.5s;}
.index-page .box5 .pic-list1 .pic:nth-of-type(2){margin:20px 0 0 60px;z-index: 4;top: 10%;}
.index-page .box5 .pic-list1 .pic:nth-of-type(3){margin:40px 0 0 40px;z-index: 3;top: 10%;}
.index-page .box5 .pic-list1 .pic:nth-of-type(4){animation:boxchange2 1s ease;transition: 3s; margin:60px 0 0 20px;z-index: 2;-webkit-filter: grayscale(1);top: 10%;left: 0;}

.index-page .box5 .pic-list1 .pic:nth-of-type(1).active{animation:boxchange4 1s ease;margin:60px 0 0 20px;z-index: 5;top: 10%;left: 0;width: 600px;height: 500px;-webkit-filter: grayscale(1);}
.index-page .box5 .pic-list1 .pic:nth-of-type(4).active{animation:boxchange3 2s ease;top: 50%;left: 50%;margin:-380px 0 0  -460px;opacity:1;width: 920px;height: 760px;-webkit-filter: grayscale(0);z-index: 5;opacity: 1;}
.index-page .box5 .pic-list1 .pic:nth-of-type(2).active{margin: 40px 0 0 40px;}
.index-page .box5 .pic-list1 .pic:nth-of-type(3).active{margin: 20px 0 0 60px;}

.index-page .box5 .pic-list1 .pic:nth-of-type(1).active p{transform: scale(0,0);}
.index-page .box5 .pic-list1 .pic:nth-of-type(4).active p{transform: scale(1,1);transition: 0.5s;}
.index-case1{display: none;}
.min-border{position: relative;z-index:2;} 
.min-border2{width: 90%;height: 500px;position: absolute;left: 0;top: 50%;margin-top: -250px;z-index: 20;}



.index-page .box6{margin: 50px 0 20px 0;padding-top:70px;}
.index-page .box6 .public-tit{margin-bottom: 50px;}
.index-page .box6 .pic{display: block;position: relative;background: #fff;object-fit: cover;padding: 10% 0;}
.index-page .box6 .play-box{background:rgba(0,0,0,0.2) ;padding: 10px;width: 480px;height: 300px;position: relative;z-index: 3;margin: 0 auto;}
.index-page .box6 .play-box>div{background: #fff;padding: 40px;text-align: center;width: 100%;height: 100%;}
.index-page .box6 .play-box p{color: #7f7f7f;font-size:16px;}
.index-page .box6 .play-box h5{font-size:28px;color: #000;margin: 20px 0 90px 0;}
.index-page .box6 .play-box  span{cursor: pointer; display: block;margin: 0 auto;background:url("../images/icon11.png") #ec5f17 no-repeat right 18px center;width: 130px;line-height: 40px;font-size: 24px;color: #fff;text-transform: uppercase;text-align: center;}
.index-page .box6 .play-box  span:hover{background: #fff;color: #000;border: 1px solid #000;}
.index-page .box6 .video-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:#000;display: none;z-index: 99;}
.index-page .box6 video{width: 100%;height: 100%;object-fit: contain;}

.index-page .box7 {padding-bottom: 40px;}
.index-page .box7 .tit{position: relative;margin-bottom: 30px;}
.index-page .box7 .tit:before{content: "";left: 0;top: 50%;height: 2px;width: 100%;background: #7f7f7f;position: absolute;}
.index-page .box7 .tit span{position: relative;z-index: 2; border-radius:24px ; display: block;margin: 0 auto;width: 270px;line-height: 48px;background: #ec5f17;text-align: center;color: #fff;font-size: 20px;}
.index-news{width: 100%;}
.index-news .swiper-wrapper{height: auto;}
.index-news .pic{height: 240px;position: relative;z-index: 3;}
.index-news .pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.index-news .txt p{color: #000;font-size: 24px;margin:10px auto;}
.index-news .txt {position: relative;z-index: 3;}
.index-news .txt span{display: block;color: #9b9a9a;font-size: 24px;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.index-news a{position: relative;z-index: 3;display: block;}
.index-news a::before{background: #d0d0d0;content: "";position: absolute;bottom: 0;width: 100%;height: 80%;left:0;z-index: 0;opacity: 0;transition: 0.4s;}
.index-news a .scale-1{margin: 0 auto;transition: 0.4s;width: 100%;}
.index-news a:hover .scale-1{width: 90%;}
.index-news a:hover::before{opacity: 1;}
.index-news a:hover span{color: #fff;}
.index-page .box7 .read-more{width: 140px;line-height: 40px;font-size: 20px;margin-top: 30px;color: #000;text-align: center;display: block;border: 1px solid #ec5f17;border-radius: 20px;float: right;}
.index-page .box7 .read-more:hover{background: #ec5f17;color: #fff;}

.swiper-wrapper{height: auto;}

.index-ser{display: none;}



@media screen and (max-width:1500px){
	.index-page .box3 .index-effect a p span{font-size: 30px;}
	.index-page .box3 .index-effect a p{font-size: 40px;}
	.index-page .box4 .index-activy .txt .t1{font-size: 24px;}
	.index-page .box4 .index-activy .txt .t2{font-size:30px ;}
	.index-page .box4 .index-activy .txt .t3{font-size: 20px;}
	.index-page .box4 .public-tit{    margin-bottom:60px;}
	.index-page .box5{padding: 0 20px;}
	.index-page .box4{padding: 50px 20px;}
	.index-page .box6{padding: 50px 20px 20px 20px;}
	.index-page .box7{padding: 40px 20px;}
	.foot-form img{width: 53%;}
	.foot-top{padding: 0 20px 50px 20px;}

}
@media screen and (max-width:1200px){
	.index-case1{display: block;}
	.index-page .box5 .index-case1 .swiper-slide{padding-bottom: 40%;position: relative;height: auto;}
	.index-page .box5 .index-case1 .swiper-slide img{position: absolute;left: 0;top: 0;}
	.index-page .box1 .public-tit{margin-bottom: 60px;}
	.index-page .box1 .left-slide{display: none;}
	.index-page .box1 .right-slide .pic{padding-bottom: 75%;}
	.index-page .box1{padding: 50px 20px;}
	.index-page .box2 .public-tit {margin-bottom: 60px;}
	.index-page .box2{padding: 60px 20px;}
	.index-page .box2 .right-slide{display: none;}
	.index-page .box2 .min-slide{flex: auto;max-width: unset;}
	.index-page .box3 .index-effect a p{font-size: 30px;}
	.index-page .box3 .index-effect a p span{width: 180px;line-height: 44px;border-radius: 22px;font-size: 24px;    border: 2px solid #fff;}
	.index-page .box4{padding: 50px 20px;}
	.index-page .box4 .index-activy .txt .t5{font-size: 18px;}
	.index-page .box4 .public-tit{margin-bottom:40px;}
	.index-page .box5 .index-case1{width: 100%;height: auto;display: block;}
	.index-page .box5 .index-case1 .swiper-slide{position: relative;padding-bottom: 60%;}
	.index-page .box5 .index-case1 .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
	.index-page .box2 .index-pro2 a{box-shadow: none;}
	.index-page .box5 .content{display: none;}
	.index-page .box5 .content .min-border{display: none;}
	.pic-list{display: none;}

	.index-ser{display: flex;margin-bottom: 14px;flex-wrap: wrap;}
	.index-ser li{display: block;width: 33%;font-size: 14px; margin-right: 0.5%;line-height: 36px;border-radius: 3px;margin-bottom: 0.5%;text-align: center;background: #fff;color: #333;}
	.index-ser li:nth-of-type(3n+3){margin-right: 0;}
}
@media screen and (max-width:1024px){
	.index-page .box1 .public-tit{margin-bottom: 30px;}
	.index-page .box2 .public-tit {margin-bottom: 30px;}
	.index-page .box2{padding: 30px 20px;}
	.index-page .box3 .public-tit{margin-bottom: 30px;}
	.index-page .box3{padding: 30px 20px 20px;}
	.index-page .box4{padding: 30px 20px;}
	.index-page .box4 .index-activy .swiper-slide{display: block;}
	.index-page .box4 .index-activy .pic{width: 100%;}
	.index-page .box4 .index-activy .txt{width: 100%;}
	.index-page .box4 .index-activy .txt{padding: 20px;}
	.index-page .box4 .index-activy .txt .t2{margin-bottom: 30px;}
	.index-page .box4 .index-activy .txt a{margin: 0 auto;    width: 120px;line-height: 40px;    font-size: 18px;}
	.index-page .box4 .public-tit{    margin-bottom:30px;}
	.index-page .box4 .index-activy .txt .t1{font-size: 18px;}
	.index-page .box4 .index-activy .txt .t2{font-size:20px ;}
	.index-page .box4 .index-activy .txt .t3{font-size: 16px;}
	.index-page .box4 .index-activy .txt .t5{    font-size: 16px;}
	.index-activy-pagination {bottom: 0 !important;}
	.index-activy-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
	.index-page .box6{margin: 40px 0 20px 0;}
	.index-page .box7{padding: 30px 20px;}
	.foot-form img{display: none;}
	.foot-form .max-w-15{    padding: 30px 0;    text-align: center;}
	.index-pro-pagination{position: unset;}
	.index-pro2-pagination{position: unset;}
	.index-page .box2 .right-slide .pic{height: auto;}
	.index-page .box2 .index-pro2 .swiper-slide{height: auto;}
	.box2{margin-bottom: 0px;}
	.index-page .box4 .index-activy{height: auto !important;}
	.index-page .box4 .index-activy .swiper-slide{height: auto !important;}
	.index-page .box4 .index-activy .swiper-wrapper{height: auto !important;}
}
@media screen and (max-width:767px){
	.index-page .box4 .index-activy{height: auto !important;max-height: 460px !important;overflow: hidden;background: #eee;}
	.index-page .box4 .index-activy .swiper-wrapper{max-height: 460px !important;height: auto !important}
	.index-page .box4 .index-activy .swiper-wrapper .swiper-slide{max-height: 460px !important;height: auto !important}
	.index-page .box4 .index-activy .txt a{background: red;}
	.index-activy-pagination{bottom: 10px !important;}
	.index-page .box1 .public-tit{margin-bottom: 20px;}
	.index-page .box2 .public-tit {margin-bottom: 20px;}
	.index-page .box2{padding: 30px 10px;}
	.index-page .box1 .right-slide a{width: 49%;margin-right: 0 !important;}
	.index-page .box1 .right-slide{justify-content: space-between;}
	.index-page .box1{padding: 30px 10px;}
	.index-page .box2 .left-slide{display: none;}
	.index-page .box1 .right-slide p{line-height: 2;}
	.index-page .box2 .index-pro2 a .pic{padding-bottom: 85%;}
	.index-page .box3 .public-tit{margin-bottom: 20px;}
	.index-page .box3 .index-effect a p{font-size: 18px;}
	.index-page .box3 .index-effect a p span{width: 100px;line-height: 32px;border-radius:16px;font-size: 16px;border: 1px solid #fff;}
	.index-page .box3 .index-effect a p span{font-size:14px;}
	.index-page .box3{padding: 20px 10px 10px;}
	.index-page .box3 .index-effect a{width: 49.5% !important;}
	.index-page .box3 .index-effect a{padding-bottom: 50% !important;}
	.index-page .box4{padding: 20px 10px;}
	.index-page .box4 .public-tit{    margin-bottom:20px;}
	.index-page .box4 .index-activy .txt .t2{margin-bottom: 10px;}
	.index-page .box4 .index-activy .txt .t3{margin-bottom: 8px;}
	.index-page .box5{padding: 0 10px;}
	.index-page .box4 .index-activy .pic{padding-bottom: 58%;}
	.index-page .box4 .index-activy .txt{padding:12px 10px 30px 10px;}
	.index-page .box4 .index-activy .txt .t1{font-size: 16px;}
	.index-page .box4 .index-activy .txt{width: 100%;min-width: unset;}
	.index-page .box6{margin: 30px 0 20px 0;}
	.index-page .box6{padding: 0 10px;}
	.public-tit{margin-bottom:0 !important;}
	.index-page .box6 .play-box{width: 80%;height: auto;padding: 10px;}
	.index-page .box6 .play-box>div{width: 100%;height: auto;padding: 20% 0;}
	.index-page .box6 .play-box h5{margin: 20px 0 40px 0;font-size: 20px;}
	.index-page .box6 .play-box span{line-height: 32px;width: 100px;font-size: 16px;}
	.index-page .box7 .tit span{line-height: 40px;width: 160px;font-size: 16px;border-radius: 20px;}
	.index-page .box7 .tit:before{height: 1px;}
	.index-page .box7{padding: 20px 10px;}
	.index-news .pic{height: 210px;}
	.index-news .txt p{font-size:18px ;margin: 4px auto;}
	.index-news .txt span{font-size:16px ;}
	.index-page .box7 .read-more{float: none;margin: 10px auto 0;}
	.index-page .box7 .read-more {width: 100px;line-height: 32px;font-size: 14px;}
	.index-page .box4 .index-activy .txt a{    width: 100px;line-height: 32px;font-size: 14px;}
	.index-page .box4 .index-activy .txt .t2{padding-right: 0;    padding-bottom: 8px;}
	.index-page .box2{background: #fff;}
	.index-page .box2 .index-pro2 .swiper-slide{padding: 0;}
	.index-news a::before{display: none;}
	.index-page .box4 .index-activy{height: auto;}
	.index-page .box1 .right-slide a{margin-bottom: 10px;}
	.index-page .box1 .right-slide .pic img{height: 100%;display: block;}
	.index-page .box2 .index-pro2 p{line-height: 1.5;}
	.index-page .box1 .right-slide{height: auto;}
	.index-news a{height: auto;}
	.index-page .box2 .index-pro2 a{background: transparent;border: 1px solid #eee;}
	.index-page .box4 .index-activy .swiper-slide{height: auto;}

	.index-page .box3{padding: 30px 10px}
}
@media screen and (max-width:414px){ 
	.index-page .box4 .index-activy .txt a{background: red;}
	.public-tit{margin-bottom: 10px !important;}
	.index-page .box1 .right-slide p{line-height: 1.5;}
	.index-page .box1 .right-slide .pic{padding-bottom: 80%;}
	.index-page .box1{padding: 30px 10px;}
	.index-page .box2 .public-tit{margin-bottom: 0;}
	.index-page .box3 .index-effect a p span{font-size: 16px;    margin-bottom: 4px;}
	.index-page .box4 .index-activy .txt .t2{    font-size: 18px;    margin-bottom: 10px;}
	.index-page .box6{margin: 20px 0 20px 0;}
	.index-page .box6 .play-box>div{padding: 10% 0;}
	.index-news .pic{height: 210px;}
	
	.index-page .box1 .right-slide .pic img{height: 100%;}
}


/*=================首页样式           结束=============================*/




/*=================公共尾样式           开始===========================*/
/* 右侧功能栏 */

.aside ul{z-index: 19; position: fixed; bottom:80px; right: 20px;}
.aside ul .aside-hide li,
.aside .put-away{margin-top: 6px;position: relative;width: 72px;height: 72px;transition: 0.5s;}
.aside .put-away.up{transform: scale(0.6);}
.aside .put-away.up i{width: 56px;height: 56px;}
.aside .put-away.up span{display: none !important;}
.aside ul .aside-hide li:nth-of-type(1){margin-top: 0;}
.aside ul .aside-hide li .fix_box,
.aside .put-away .fix_box{transition: 0.6s; width: 100%; height: 100%; border: 1px solid #bebebe; background: #fff;}
.aside ul .aside-hide li .fix_box>a,
.aside .put-away .fix_box>a{text-align: center; width: 100%; height: 100%; font-size: 12px; color: #434144; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.aside ul .aside-hide li .fix_box>a span,
.aside .put-away .fix_box>a span{font-size: 14px;display: inline-block;}
.aside ul .aside-hide li i,
.aside .put-away i{transition: 0.6s; display: block; width: 34px; height: 34px; margin: 0 auto 5px; overflow: hidden;}
.aside ul .aside-hide li:nth-of-type(1) i{background: url("../images/aside_ico1_h.png") center no-repeat; background-size: contain;}
.aside ul .aside-hide li:nth-of-type(2) i{background: url("../images/aside_ico2_h.png") center no-repeat; background-size: contain;}
.aside ul .aside-hide li:nth-of-type(3) i{background: url("../images/aside_ico3_h.png") center no-repeat; background-size: contain;}
.aside ul .aside-hide li:nth-of-type(4) i{background: url("../images/aside_ico4_h.png") center no-repeat; background-size: contain;}
.aside ul .aside-hide li:nth-of-type(5) i{background: url("../images/aside_ico5_h.png") center no-repeat; background-size: contain;}
.aside .put-away{margin-top: 10px;}
.aside .put-away i{background: url("../images/icon35.png") center no-repeat; background-size: contain ;}
.aside ul .aside-hide li:hover:nth-of-type(1) i{background-image: url("../images/aside_ico1.png");}
.aside ul .aside-hide li:hover:nth-of-type(2) i{background-image: url("../images/aside_ico2.png");}
.aside ul .aside-hide li:hover:nth-of-type(3) i{background-image: url("../images/aside_ico3.png");}
.aside ul .aside-hide li:hover:nth-of-type(4) i{background-image: url("../images/aside_ico4.png");}
.aside ul .aside-hide li:hover:nth-of-type(5) i{background-image: url("../images/aside_ico5.png");}
.aside .put-away:hover i{background-image: url("../images/icon32.png") ;}
.aside .put-away.up i{background-image: url("../images/icon33.png");}
.aside .put-away.up:hover i{background-image: url("../images/icon34.png");}
.aside ul li .fix_tel{transform: scale(1,0); width: max-content; width: -webkit-max-content; width: -moz-max-content; width: -ms-max-content; width: -o-max-content; transition:all 0.6s;color: transparent; opacity: 0; pointer-events: none; position: absolute; right: 100%; top: 0; font-size: 14px; height: 70px; line-height: 24px; padding: 0 30px; border: 2px solid #ec5f17; border-right: none; background: #fff;  display: flex; justify-content: center; flex-direction: column; align-items: center;}
.aside ul li .fix_erwei{transition: 0.6s; z-index: -1; transform: scale(0); position: absolute; right: 70px; top: 50%; margin-top: -60px; font-size: 14px; color: #fff; width: 130px; height: 120px; padding-right: 10px;}
.aside ul li .fix_erwei img{width: 100%; height: 100%; object-fit: contain;}
.aside ul li:hover .fix_box{border-color: #ec5f17; background: #ec5f17;}
.aside ul li:hover .fix_box>a span{color: #fff;}
.aside ul li:hover .fix_tel{opacity: 1; pointer-events: auto;color: #434144;transform: scale(1,1); }
.aside ul li:hover .fix_erwei{transform: scale(1);}
.aside ul .go_top{display: none;}
.weixin-code2 img{display: block;position: absolute;right: 136%;transform: scale(0,0);opacity: 0;transition: 0.8s;top:20px;}
.weixin-code2{position: relative;}
.weixin-code2:hover img{transform: scale(1.5,1.5);opacity: 1;}
.aside{display: none;}
.aside.active{display: block;}
@media screen and (max-width: 1199px){
	.aside{display: block;}
	.aside ul .put-away{display: none;}
	.aside ul .aside-hide li {margin-top: 0;width: 25%;height: 50px;letter-spacing: 1px;background: #fff;}
    .aside ul .aside-hide li i {height:30px;width: 30px;margin: 0 auto;}
    .aside ul .aside-hide li .fix_box>a {font-size: 14px;}
    .aside ul .aside-hide li .fix_box {border: none;border-top: 1px solid #bebebe;border-right: 1px solid #bebebe;}
    .aside ul .aside-hide li:nth-of-type(1) .fix_box{border-left:1px solid #bebebe ;}
	.aside ul {bottom: 0;right: 0;width: 100%;}
	.aside ul .aside-hide{display: flex;align-items: center;justify-content: center;width: 100%;}
	.weixin-code2{display: none;}
	.aside ul .aside-hide li:nth-of-type(1) i{background: url("../images/icon23-f.png") center no-repeat;background-size: 25px;}
	.aside ul .aside-hide li:nth-of-type(2) i{background: url("../images/icon24-f.png") center no-repeat;background-size: 25px;}
 
	.aside ul .aside-hide li:nth-of-type(4) i{background: url("../images/icon25-f.png") center no-repeat;background-size: 25px;}
	.aside ul .aside-hide li:nth-of-type(5) i{background: url("../images/icon26-f.png") center no-repeat;background-size: 25px;}
	.fix_tel{display: none;}
	.aside.show{display: block;}
}
@media screen and (max-width: 767px){}
@media screen and (max-width: 767px){
	
}
@media screen and (max-width: 500px){
	.aside ul li a span{display: block;font-size: 12px;}
}


footer{background: #3d3d3d;}
.foot-form{background: url("../images/bg07.jpg") no-repeat center center;background-size: cover;}
.foot-form a{display: inline-block;background: #1b1b1b;border: 1px solid #1b1b1b;width: 230px;line-height: 56px;text-align: center; color: #fff;font-size:24px;border-radius: 28px;margin-right: 40px;}
.foot-form .max-w-15{position: relative;padding: 6% 0 6% 6%;}
.foot-form img{position: absolute;bottom: -40px;right: 0;z-index: 3;}
.foot-form a:hover{background: #fff;border: 1px solid #1b1b1b;color: #1b1b1b;}
.foot-top{display: flex;justify-content: space-between;padding-bottom: 50px;}
.foot-top .content1::before{content: "";width: 100%;position: absolute;height: 40px;top: -40px;left: 0;background: #1b1b1b;}
.foot-top .content1{background: #1b1b1b;min-width: 330px;padding: 50px 30px;position: relative;}
.foot-top .content1 .phone{display: flex;align-items: flex-end;}
.foot-top .content1 .phone img{width: 100px;height: 100px;object-fit: contain;margin-right:10px ;}
.foot-top .content1 .phone p{color: #e84500;font-size: 20px;}
.foot-top .content1 .phone p small{font-size: 12px;color: #fff;display: block;}
.foot-top .outlink{display: flex;width: 100%;justify-content: space-between;margin: 40px 0 20px 0;}
.foot-top .outlink a{display: block;}
.foot-top .outlink a:hover img{opacity: 0.5;}
.foot-top .send-form{display: block;line-height: 50px;background: #e84500;color: #fff;text-align: center;width: 320px;}
.foot-top .txt{width: 30%;margin-top: 6%;}
.foot-top .txt h6{color: #acacac;font-size: 20px;padding-bottom: 16px;border-bottom: 1px solid #e84500;margin-bottom: 20px;}
.foot-top .txt p{color: #acacac;font-size: 16px;text-align: justify;line-height:2;}
.foot-bottom {background: #1b1b1b;}
.foot-bottom .max-w-15{height: 48px;display: flex; align-items: center;justify-content: space-between;}
.foot-bottom p{color: #acacac;font-size: 14px;}
.foot-form a:last-of-type{margin-right: 0;}

@media screen and (max-width:1200px){ 
	footer{padding-bottom:50px;}
	.foot-top{display: flex;flex-wrap:wrap ;padding: 20px 20px 50px 20px ;}
	.foot-top .content1{width: 100%;}
	.foot-top .txt{width: 48%;}
	.foot-top .content1::before{display: none;}
	.foot-top .content1 .phone{display: block;}
	.foot-top .content1 .phone img{margin: 0 auto 10px;display: block;}
	.foot-top .content1 .phone p{text-align: center;}
	.foot-top .content1{padding: 20px;}
	.foot-top .send-form{margin: 0 auto;}
	.foot-top .outlink{justify-content: center;}
	.foot-top .outlink a{margin-right: 10px;}
	.foot-top .outlink a:last-of-type{margin-right: 0;}
	.foot-bottom .max-w-15{height: auto;display: block;padding: 20px;line-height: 2;}
}
@media screen and (max-width:1024px){ 
	
}
@media screen and (max-width:767px){ 
	.foot-form a:last-of-type{margin-right: 0;}
	.foot-form .max-w-15{padding: 20px 0;}
	.foot-form a{width: 110px;line-height: 40px;border-radius: 20px;margin-right: 40px;}
	.foot-top .txt{width: 100%;}
	.foot-top .txt h6{margin-bottom: 10px;padding-bottom: 10px;font-size: 16px;}
	.foot-top .txt p{    font-size: 14px;   line-height: 1.5;}
	.foot-top{display: flex;flex-wrap:wrap ;padding: 10px 10px 20px 10px ;}
	.foot-top .outlink{margin:20px 0;}
	.foot-top .txt{margin-top: 12px;}
	.foot-top .send-form{width: 200px;line-height: 40px;}
	.foot-bottom .max-w-15{padding: 10px;line-height: 1.5;}
	.foot-form{display: none;}
	.foot-top{display: none;}
}

@media screen and (max-width:414px){ 
	.foot-form a{font-size: 16px;line-height: 34px;border-radius: 17px;}
}

/*=================公共尾样式            结束=======================*/

/* 产品中心 */
.pro-center .pro-list{display: flex;flex-wrap: wrap;}
.pro-center .pro-list a{width: 23.5%;margin-right: 2%;margin-bottom: 3%;}
.pro-center .pro-list a:nth-of-type(4n+4){margin-right: 0;}
.pro-center .pro-list .pic{background: #fff;padding-bottom:100%;position: relative;}
.pro-center .pro-list p{color: #494747;line-height: 2;text-align: center;margin-top: 6px;}
.pro-center .pro-list .pic .cov{z-index: 2;opacity: 0;transition: 0.3s;width: 90%;height: 90%;left: 5%;top: 5%;}
.pro-center .pro-list .pic .cont{z-index: 3;opacity: 1;transition: 0.3s;width: 90%;height: 90%;left: 5%;top: 5%;}
.pro-center .pro-list a:hover .cov{opacity: 1;}
.pro-center .pro-list a:hover .cont{opacity: 0;}



/* 产品筛选 */
.pro-para{background: #f0f0f0;padding: 40px 0 80px;}
.pro-para .tit{text-align: center;margin-bottom: 40px;}
.pro-para .tit h6{font-size: 26px;color: #000;}
.pro-para .tit i{display: block;width: 42px;height: 2px;margin: 16px auto;background: #e84500;}
.pro-para .tit{font-size: 16px;color: #494747;}
.pro-para .cate{text-align: center;margin-bottom: 40px;}
.pro-para .cate a{display: inline-block;margin-right: 100px;}
.pro-para .cate a .pic{display: block;margin: 0 auto;width: 49px;height: 49px;}
.pro-para .cate a:nth-of-type(1) .pic{background: url("../images/icon17.png") no-repeat center center;}
.pro-para .cate a:nth-of-type(2) .pic{background: url("../images/icon24.png") no-repeat center center;}
.pro-para .cate a:nth-of-type(3) .pic{background: url("../images/icon19.png") no-repeat center center;}
.pro-para .cate a:nth-of-type(4) .pic{background: url("../images/icon18.png") no-repeat center center;}

.pro-para .cate a:nth-of-type(1):hover .pic,
.pro-para .cate a:nth-of-type(1).active .pic{background: url("../images/icon17r.png") no-repeat center center;}
.pro-para .cate a:nth-of-type(2):hover .pic,
.pro-para .cate a:nth-of-type(2).active .pic{background: url("../images/icon24r.png") no-repeat center center;}
.pro-para .cate a:nth-of-type(3):hover .pic,
.pro-para .cate a:nth-of-type(3).active .pic{background: url("../images/icon19r.png") no-repeat center center;}
.pro-para .cate a:nth-of-type(4):hover .pic,
.pro-para .cate a:nth-of-type(4).active .pic{background: url("../images/icon18r.png") no-repeat center center;}
.pro-para .cate a .pic{background-size: contain !important;}
.pro-para .cate a:last-of-type{margin-right: 0;}
.pro-para .cate-list{background: #fff;width: 100%;padding: 20px;}
.pro-para .cate-list a{display: inline-block;margin-right: 3%;color: #333333;}
.pro-para .cate-list a.active,
.pro-para .cate-list a:hover{color: #e84500;}
.pro-para .cate-list a{margin-bottom: 10px;}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
	.pro-para{display: none;}
	.pro-center .pro-list a{width: 49%;margin-right: 2% !important;}
	.pro-center .pro-list a:nth-of-type(2n+2){margin-right: 0  !important;}
	.pro-center .pro-list p{line-height: 1.5;}
}
@media screen and (max-width: 767px) {
	.pro-center .pro-list p{font-size: 14px;text-overflow: ellipsis;}
}


/* 产品详情 */
.pro-detail .box1{background: #fff;}
.pro-detail .box1 .max-w-14{display: flex;justify-content: space-between;}
.pro-detail .box1 .pic{min-width: 600px;width: 40%;position: relative;}
.pro-detail .pro-pic1{width: 100%; border-radius: 10px;border: 1px solid #ccc;}
.pro-detail .pro-pic1 .swiper-slide{padding-bottom: 90%;position: relative;background: #fff;}
.pro-detail .box1 .txt{width: 54%;}
.pro-detail .pro-pic1 .swiper-slide p{position: absolute;z-index: 6;left: 0; bottom: 0;background: rgba(0,0,0,0.4);color: #fff;line-height: 40px;border-radius: 10px;width: 100%;padding: 0 20px;}
.pro-detail .pro-pic1 img{width: 90%;height: 90%;left: 5%;top: 5%;}
.pro-detail .pro-pic2{position: absolute;bottom: 60px;z-index: 20;left: 20px;width: 80%;height: 44px;}
.pro-detail .pro-pic2 .swiper-slide{height: auto;border: 1px solid #ffffff;}
.pro-detail .pro-pic2 .swiper-slide-thumb-active{border: 1px solid #e84500;}

.pro-detail .box1 .txt{padding: 3% 2% 0 2%;}
.pro-detail .box1 .txt h5{font-size:26px;color: #494747;margin-bottom: 40px;}
.pro-detail .box1 .txt p{margin-bottom: 4%;color: #494747;}
.pro-detail .box1 .txt b{color: #333333;}
.pro-detail .box1 .txt  hr{background: #d6d6d6;}
.pro-detail .box1 .change-pro a{display: inline-block;color: #333333;width: 140px;line-height: 44px;text-align: center;}
.pro-detail .box1 .change-pro a:hover{background: #e65920;color: #fff;}

.bdsharebuttonbox {display: flex;margin-bottom: 20px;}
.bdshare_popup_list{display: none !important;}
.bdshare_popup_box{display: none !important;;}
.bdsharebuttonbox a{background-position: left center !important;background-size: contain !important;background-repeat: no-repeat !important; clear: both !important;float: none !important;margin: 16px 0 0 0;width: 32px !important;height: 32px !important;line-height: 32px !important;padding:0 !important;display:inline-block;margin-right: 10px !important; }
.bdsharebuttonbox a:first-of-type{width: auto !important;background: none;}
.popup_qzone {background: url("../images/share03.png") !important;}
.bds_weixin {background: url("../images/share01.png") !important;}
.bds_tsina { background: url("../images/share02.png") !important;}

.pro-detail .box2{padding: 100px 20px 70px 20px;}
.pro-detail .box2 h5{font-size: 24px;color: #494747; text-align: center;font-weight: bold;margin-bottom: 40px;}
.pro-detail .box2 .content p,
.pro-detail .box2 .content span{padding: 20px;}
.pro-detail .box2 .pro-pic3{padding: 0 160px;margin-bottom: 30px;}
.pro-detail .box2 .pro-pic3 .swiper-slide{padding-bottom: 50%;position: relative;}
.pro-detail .box2 .pro-pic4 .swiper-slide{padding-bottom: 16%;position: relative;background: #000;cursor: pointer;}
.pro-detail .box2 .pro-pic4 .swiper-slide img{transition: 0.4s;}
.pro-detail .box2 .pro-pic4 .swiper-slide-thumb-active img,
.pro-detail .box2 .pro-pic4 .swiper-slide:hover img{opacity: 0.5;}
.pro-detail .box2 .pro-pic4 .swiper-slide::before{content: "查看中";font-size: 18px;color: #fff;opacity: 0; text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 9;}
.pro-detail .box2 .pro-pic4 .swiper-slide-thumb-active::before{opacity: 1;}
.pro-detail .box3{background: #fff;padding: 50px 20px 10px 20px;}
.pro-detail .box3 h5{text-align: center;font-size: 24px;color: #494747;font-weight: bold;padding-bottom: 20px;border-bottom: 1px solid #ccc;margin-bottom:60px ;}
.pro-detail .box3 .tuijian{display: flex;justify-content: space-between;width: 100%;}
.pro-detail .box3 .tuijian a{width: 30%;text-align: center;}
.pro-detail .box3 .tuijian .pic{padding: 50%;border: 1px solid #ccc;position: relative;margin-bottom: 30px;}
.pro-detail .box4{padding: 36px 0;display: flex;justify-content: space-between;align-items: flex-end;}
.pro-detail .box4 .txt a{color: #4e4e4e;display: block;font-size: 14px;line-height: 1.8;}
.pro-detail .box4 .txt a:hover{color: #e65920;}
.pro-detail .box4 .to-back{font-size: 14px;padding: 10px 20px;border:1px solid #ccc;line-height: 1.2;}
.pro-detail .box4 .to-back img{margin-right: 4px;}
.pro-detail .box4 .to-back:hover{background: #fff;}
.pro-detail .box1 .change-pro a{border: 1px solid #e84500;}
.pro-detail .box1 .change-pro a:first-of-type{margin-right: 20px;}
.prev3{color: #868686 !important; font-size: 40px;left: 6%;}
.next3{color: #868686  !important;font-size: 40px;right: 6%;}
.pro-pic3 .swiper-pagination{display: none;}
@media screen and (max-width: 1500px) {

}
@media screen and (max-width:1200px) {
	.pro-detail .box2{padding: 40px 20px;}
}
@media screen and (max-width: 1024px) {
	.pro-detail .box1 .max-w-14{display: block;}
	.pro-detail .box1 .pic{width: 100%;min-width: unset;}
	.pro-detail .box1 .txt{width: 100%;}
	.pro-detail .pro-pic1 .swiper-slide{padding-bottom: 50%;}
	.change-pro{text-align: center;}
	.pro-detail .box1 .txt p{margin-bottom: 20px;}
	.pro-detail .box1 .txt h5{margin-bottom: 20px;}
	.pro-detail .box2{padding: 40px 0px 20px;}
	.pro-pic4{display: none;}	
	.pro-detail .box2 .pro-pic3{padding:0 50px;}
	.pro-detail .box1{padding-bottom:20px ;}
	.pro-detail .box3{padding: 30px 20px;}
	.pro-detail .box3 h5{margin-bottom: 30px;}
}
@media screen and (max-width: 767px) {
	.pro-detail .box1 .txt h5{font-size: 18px;}
	.pro-detail .box1 .txt p {margin-bottom: 10px;}
	.pro-detail .bdsharebuttonbox{display: none;}
	.pro-detail .box2 .pro-pic3 .swiper-slide{padding-bottom: 70%;}
	.pro-detail .box1 .change-pro a{width: 110px;line-height: 36px;font-size: 16px;}
	.pro-detail .box2 h5{font-size: 18px;}
	.pro-detail .box2{padding: 20px 0;}
	.pro-detail .box2 .pro-pic3{margin-bottom: 0;}
	.pro-detail .box3{padding: 20px 10px;}
	.pro-detail .box3 h5{font-size: 18px;}
	.pro-detail .box3 h5{margin-bottom: 20px;}
	.pro-detail .box3 .tuijian .pic{margin-bottom: 10px;}
	.pro-detail .box3 .tuijian{flex-wrap: wrap;}
	.pro-detail .box3 .tuijian a{width: 49%;}
	.pro-detail .pro-pic2{height: 40px;}
	.prev3{left: 10px;}
	.next3{right: 10px;}
	.prev3::after{font-size: 20px;}
	.next3::after{font-size: 20px;}
	.pro-detail .pro-pic1 .swiper-slide{padding-bottom: 80%;}
	.pro-detail .box2 .pro-pic3{padding: 0;padding-bottom: 40px}
	.next3,.prev3{top: auto;bottom: 0;position: unset;height: auto;margin-top:0;height: 30px;
		width: 30px;margin: 0 20px;}
	.next3{right: 40%;}
	.prev3{left: 40%;}
	.pro-pic3 .swiper-pagination{display: block;position: unset;}
	.pro-pic3 .swiper-pagination-bullet{margin: 0 6px;}
	.pro-pic3 .swiper-pagination-bullet-active{color: #e84500;background: #e84500;}
	.gongbox{display: flex;justify-content: center; position: absolute;bottom: 0;width: 100%;align-items: center; }
	.pro-detail .box2{padding-bottom: 0;}
}
@media screen and (max-width: 414px) {
	
}

/* 案例中心 */
.case-page{padding: 70px 20px;}
.case-page .case-list a{display: block;background: #fff;display: flex;align-items: center;margin-bottom: 20px;}
.case-page .case-list .pic{padding-bottom: 480px;position: relative;width: 60%;}
.case-page .case-list .txt{width: 40%;padding:20px  4%;}
.case-page .case-list .txt h6{font-size:20px ;color: #333333;font-weight: bold;margin-bottom: 20px;}
.case-page .case-list .txt .p1{font-size:18px ;color: #333333;margin-bottom: 30px;}
.case-page .case-list .txt .p2{font-size:14px ;color: #333333;line-height:2;margin-bottom: 50px;}
.case-page .case-list .txt span{color: #333333;border: 1px solid #333333;text-align: center;line-height: 36px;width: 100px;display: block;}
.case-page .case-list .txt span:hover{background: #e65920;border: 1px solid #e65920;color: #fff;}
.case-page .case-list a:nth-of-type(even){flex-direction: row-reverse;}


/* 关于我们 */
.about-us .box1{padding: 90px 0;display: flex;justify-content: space-between;align-items: center;}
.about-us .box1 .pic{display: block;position: relative;z-index: 3;}
.about-us .box1 .pic::before{content: ""; position: absolute;width: 100%;height: 100%;display: block;left: 20%;top: 20%;border: 8px solid #e65920;}
.about-us .box1 .txt{width: 50%;}
.about-us .box1 .txt strong{display: block;font-size: 28px;color: #333333;margin-bottom: 20px;}
.about-us .box1 .txt .p1{font-size: 16px;}
.about-us .box1 .txt i{display: block;width: 24px;height: 1px;background: #e65920;margin: 20px 0;}
.about-us .box1 .txt .p2{line-height: 2;color: #333333;font-size: 14px;text-indent: 28px;}

.about-us .box2{margin-bottom: 60px;}
.about-us .box2 .bg-top{background: url("../images/pic10.jpg") no-repeat center center;background-size:cover;height: 660px;padding-top:160px ;padding-left:100px ;position: relative;z-index:3;}
.about-us .box2 .bg-top .p1{color: #fff;font-size: 50px;}
.about-us .box2 .bg-top .play{display: block;width: 54px;height: 54px;background: url("../images/icon20.png") no-repeat center center;margin: -100px auto 0;cursor: pointer;}
.about-us .box2 .max-w-12{background: #fff;padding: 30px;position: relative;z-index:9;margin-top: -200px;}
.about-us .box2 .video-list .pic{padding-bottom:300px;position: relative;margin-bottom: 14px;transition: 0.4s;}
.about-us .box2 .video-list p{padding-left: 24px;background: url("../images/icon21.png") no-repeat center left;color: #333333;}
.about-us .box2 .video-list .swiper-slide:hover .pic{box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.about-us .box2 .video-list .swiper-slide{cursor: pointer;}

.video-box{width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: none;position: fixed;left: 0;top:0;justify-content: center;align-items: center;z-index: 99;}
.video-box .vd{width: 60%;padding-bottom: 40%;position: relative;background: #000;}
.video-box .vd video{display: block;width: 100%;height: 100%;position: absolute;object-fit: contain;left: 0;top: 0;}
.close-v{position: absolute;width: 30px;height: 30px !important;background:url("../images/close.png") rgba(0,0,0,0.7) no-repeat center;background-size: 20px;border-radius: 4px;right: 10px;height: 16px;display: block;top: 10px;z-index: 9;}


.about-us .box3 .dev-path{background: url("../images/pic11.jpg") no-repeat center center;background-size: cover;display: flex;align-items: center;justify-content: center;padding: 40px 20px;}
.about-us .box3 .dev-path .swiper-slide{padding: 50px 30px;background: #fff;display: flex;}
.about-us .box3 .dev-path .p1{font-size: 18px;color: #333333;font-weight: bold;}
.about-us .box3 .dev-path .p1 span{color: #e65920;display: block;font-size: 20px;text-transform: uppercase;font-weight:normal ;}
.about-us .box3 .dev-path i{display: block;width: 24px;height: 2px;background: #e84500;margin: 20px 0 40px 0;}
.about-us .box3 .dev-path .p2{font-size: 20px;font-weight: bold;color: #e65920;margin-bottom: 20px;}
.about-us .box3 .dev-path .p3{color: #333333;font-size: 16px;max-height: 210px;overflow-y: scroll;}
.about-us .box3 .dev-path .p3::-webkit-scrollbar{width: 2px;background: #f9f9f9;}
.about-us .box3 .dev-path .p3::-webkit-scrollbar-thumb{background: #e65920;width: 3px;height: 6px;}
.about-us .box3 .dev-path .txt{width: 50%;padding-right: 10px;}
.about-us .box3 .dev-path .pic{width: 50%;height: 400px;display: block;object-fit: cover;}

.about-us .box3 .dev-time{padding:0 60px;position: relative;margin: 20px auto;}
.about-us .box3 .dev-time {padding-bottom: 20px;margin-bottom: 60px;}
.about-us .box3 .dev-time .swiper-slide{text-align: center;border-top: 1px solid #c8c8c8;color: #424242;font-size: 18px;font-family: "BASKERVILLEMTSTD-REGULAR";padding-top: 20px;cursor: pointer;}
.about-us .box3 .dev-time .swiper-slide::before{content: "";width:20px ;height: 20px;border-radius: 50%;background: #cccccc;position: absolute;top: -16px;left: 50%;transform: translate(-50%,5px);}
.about-us .box3 .dev-time  .swiper-slide-thumb-active {color: #e84500;}
.about-us .box3 .dev-time .swiper-slide-thumb-active::before{	background: #e84500;}
.about-us .box3 .swiper-button-prev{background: url("../images/icon15.png") no-repeat center center;color: transparent;width: 26px;height: 26px;background-size: contain; top:44px;transform: translateY(-50%);left: 0;}
.about-us .box3 .swiper-button-next{background: url("../images/icon16.png") no-repeat center center;color: transparent;width: 26px;height: 26px;background-size: contain; top:44px;transform: translateY(-50%);right: 0;	}
.about-us .box3 .dev-time .swiper-slide-thumb-active {color: #e84500;}
.about-us .box3 .dev-time .swiper-container{padding-top:20px;}

.about-us .box4 {margin-bottom: 60px;}
.about-us .box4 .tit{text-align: center;color: #000;text-transform: uppercase;margin-bottom: 30px;}
.about-us .box4 .p1{font-size: 36px;}
.about-us .box4 .p2{font-size:22px;}
.about-us .box4 .tit i{display: block;width: 42px;height: 1px;background: #e84500;margin: 18px auto;}
.about-us .box4 .pic{padding-bottom: 80%;position: relative;background: #fff;margin-bottom: 10px;}
.about-us .box4 .pic img{width: 90%;height: 90%;left: 5%;top: 5%;}
.about-us .box4 .honor .swiper-slide{color: #333333;text-align: center;}
.honor-box{padding:0 60px;position: relative;max-width: 1500px;margin: 0 auto;}
.prev-honor{background:url('../images/icon04r.png') no-repeat center center;color: transparent;}
.next-honor{background:url('../images/icon04.png') no-repeat center center;color: transparent;}




.about-us .box5{background: url("../images/pic12.jpg") no-repeat center center;background-size: cover;padding: 80px 20px 40px 20px;}
.about-us .box5 .p1{font-size:30px;color: #fff;text-align: center;margin-bottom: 50px;}
.about-us .box5 .p1 span{font-size: 18px;text-transform: uppercase;}
.about-us .box5 .clearfix img:first-of-type{float: left;width: 50%;height: 540px;object-fit: cover;margin:0;padding: 0;}
.about-us .box5 .clearfix img{float: left;width: 25%;height: 250px;padding:10px 1%;object-fit: cover;margin-top: 10px;position: unset;display: block;}
.about-us .box5 .m-clearfix{display: none;}

@media screen and (max-width: 1500px){	
	.about-us .box1{padding: 40px 20px;}
	.about-us .box5{ padding:40px 20px;}

	.case-page{padding: 40px 0;}
	.case-page .case-list .pic{padding-bottom: 34%;}
}

@media screen and (max-width: 1200px){
	.about-us .box1 .txt strong{font-size: 20px;margin-bottom: 10px;}
	.about-us .box1 .txt{margin-left: 30px;}
	.about-us .box1 .txt2{max-height: 400px;overflow-y: scroll;}
	.about-us .box1 .txt2::-webkit-scrollbar{width: 2px;background: #f9f9f9;}
	.about-us .box1 .txt2::-webkit-scrollbar-thumb{background: #e65920;width: 3px;height: 6px;}
	.about-us .box1 .txt i{margin: 10px 0;}
	.about-us .box1 .pic{height: 480px;width: 50%;object-fit: cover;}
	.about-us .box2 .max-w-12{margin-top:0 ;}
	.about-us .box2 .bg-top .play{display: none;}
	.about-us .box2 .bg-top{height: auto;}
	.about-us .box2 .bg-top{padding: 10% 8%;}
	.about-us .box3 .dev-path .swiper-slide{padding: 20px;}
	.about-us .box3 .dev-path .p3{font-size: 14px;}
	.about-us .box3 .dev-path i{    margin: 16px 0;}
	.about-us .box4 .p1{    font-size: 24px;}
	.about-us .box4 .tit i{    margin: 10px auto;}
	.about-us .box4 .p2 {font-size: 18px;}
	.about-us .box2{margin-bottom: 30px;}


	.case-page{padding: 20px 0;}
}
@media screen and (max-width: 1024px){
	.about-us .box1{padding: 30px 20px;}
	.about-us .box2 .max-w-12{padding: 20px;}
	.about-us .box2 .video-list .pic{padding-bottom:70%;}
	.about-us .box5{ padding:30px 20px;}
	.about-us .box5 .p1{    font-size: 20px;    margin-bottom: 30px;}
	.about-us .box5 .p1 span{font-size: 16px;}


	.case-page .case-list a{display: block;}	
	.case-page .case-list .pic{width: 100%;    padding-bottom: 50%;}
	.case-page .case-list .txt{width: 100%;}
	.case-page .case-list .txt .p2{margin-bottom: 30px;}
	.about-us .box4{margin-bottom: 30px;}
	.about-us .box5 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
	.about-us .box5 .swiper-slide{padding-bottom:50% ;position: relative;}
	.about-us .box5 .clearfix{display: none;}
	.about-us .box5 .m-clearfix{display: block;}
}
@media screen and (max-width: 767px){
	.video-box .vd{width: 90%;}
	.about-us .box1{padding: 20px 10px;}
	.about-us .box1{flex-direction: column-reverse;}
	.about-us .box1 .pic{width: 100%;}
	.about-us .box1 .txt{width: 100%;text-align: center;margin-left: 0;margin-bottom: 20px;}
	.about-us .box1 .txt i{margin: 6px auto;}
	.about-us .box1 .txt2{height: auto;overflow: unset;max-height: unset;}
	.about-us .box1 .pic{width: 100%;height: 280px;}
	.about-us .box1 .txt2 {text-align: justify;}
	.about-us .box2 .bg-top .p1{font-size: 30px;}
	.about-us .box2 .bg-top .p1 img{width: 210px;}
	.about-us .box2 .max-w-12{padding: 10px;}
	.box2{margin-bottom: 20px;}
	.about-us .box3 .dev-path .swiper-slide{flex-direction: column-reverse;}
	.about-us .box3 .dev-path .pic{width: 100%;}
	.about-us .box3 .dev-path .pic{height: 260px;}
	.about-us .box3 .dev-path .txt{width: 100%;padding:10px 0;}
	.about-us .box3 .dev-path .p3{overflow: unset;max-height: unset;}
	.about-us .box3 .dev-path .swiper-slide{height: auto;padding: 10px;}
	.about-us .box3 .dev-time{margin: 20px auto;}
	.about-us .box5{ padding:30px 10px;}
	.about-us .box5 .p1{ margin-bottom: 20px; }
	.about-us .box5 .p1 {font-size: 16px;}
	.about-us .box5 .p1 span {font-size: 14px;}
	.about-us .box4 .p1{font-size: 18px;}
	.about-us .box4 .tit i{margin: 8px auto;}
	.about-us .box4 .p2 {font-size: 16px;}
	.about-us .box2{margin-bottom: 20px;}

	
	.case-page .case-list .txt h6{font-size: 18px;}
	.case-page .case-list .txt .p1{ font-size: 16px;}
	.case-page .case-list .txt .p1{    margin-bottom:10px;}
	.case-page .case-list .txt{padding: 10px;}
	.case-page .case-list .txt .p2{    margin-bottom: 10px;}
	.prev-honor,
	.next-honor{display: none;}
	.honor-box{padding: 0;}
	.about-us .box4 .honor .swiper-slide{font-size: 14px;}
}
@media screen and (max-width: 414px){
	.about-us .box1 .pic{height: 200px;}
	.about-us .box2 .bg-top{padding:10% 0 10% 30px;}
	.about-us .box2 .bg-top .p1{margin: 0 auto;}
	.about-us .box2 .bg-top .p1{font-size: 20px;}
	.about-us .box2 .bg-top .p1 img{width: 140px;}
	.about-us .box3 .dev-path .pic{height: 200px;}
	.about-us .box3 .dev-path{padding: 0;}
	.about-us .box3 .dev-path i{margin: 6px 0;}
	.about-us .box3 .dev-path .p1 span{font-size: 18px;}
	.about-us .box3 .dev-path .p1 {font-size: 16px;}
	.about-us .box3 .dev-time{padding: 0 40px;}
	.about-us .box3 .dev-time .swiper-slide{padding-top: 12px;font-size: 14px;}
	.about-us .box3 .dev-time .swiper-slide::before{    width: 10px;height: 10px;top: -10px;}
	.about-us .box3 .dev-time{margin: 10px auto 20px;}
	.about-us .box4{margin-bottom:20px;}
	.case-page .case-list .txt span{display: none;}
	
}


/* 效果中心 */
.effect-list{display:flex;flex-wrap: wrap;}
.effect-list a{width: 23.5%;margin:0 2% 2% 0;padding: 2%;transition: 0.4s;}
.effect-list a:nth-of-type(4n+4){margin-right: 0;}
.effect-list a .pic{width: 100%;padding-bottom:80%;margin-bottom: 18px;position: relative;}
.effect-list a p{text-align: center;color: #a0a0a0;}
.effect-list a i{display: block;width:120px;height: 1px;background: #a0a0a0;margin: 10px auto;}
.effect-list a:hover{background: #fff;}
.effect-list a:hover p{color: #e84500;}
.effect-list a:hover i{background: #e84500;}



.space-effect{padding: 80px 20px;}
.space-effect .effect-type{margin: 0 auto  60px;background: #fff;}
.space-effect .effect-type .tit{display: flex;justify-content: space-between;align-items: center;padding: 0 20px;height: 60px;border: 1px solid #d3d3d3;}
.space-effect .effect-type .tit span{display: inline-block;padding-left: 30px;color: #626262;background: url("../images/icon-01.png") no-repeat left center;}
.space-effect .effect-type .tit .more{display: inline-block;color: #626262;}
.space-effect .effect-type .type-detail{border: 1px solid #d3d3d3;border-top: none;height: auto;padding: 10px 40px;display: flex;color: #868686;}
.space-effect .effect-type .type-detail ul{display: flex;flex-wrap: wrap;flex: 1;}
.space-effect .effect-type .type-detail b{margin-right: 20px;color: #626262;display: block;width: 80px;}
.space-effect .effect-type .type-detail li{margin-right: 30px;position: relative;margin-bottom: 10px;}
.space-effect .effect-type .type-detail a{display: inline-block;color: #686868;}
.space-effect .effect-type .type-detail li.active::before,
.space-effect .effect-type .type-detail li:hover::before{transform: scale(1,1)}
.space-effect .effect-type .type-detail li::before{position: absolute;content: "";bottom: -10px;left: 50%;height: 4px;width: 30px;margin-left: -15px;background: #d32228;transition: .4s;transform: scale(0,1);}
.space-effect .effect-type .type-detail li.active a,
.space-effect .effect-type .type-detail li:hover a{color: #242424;}
@media screen and (max-width: 1400px){
	.effect-type{margin: 60px  20px 0 20px;}
	.space-effect{padding: 50px 0;}
}
@media screen and (max-width: 1200px){
	.effect-type{margin: 40px  20px 0 20px;}
}
@media screen and (max-width: 767px){
	.effect-type{display: none;}
}

@media screen and (max-width:1500px){

}
@media screen and (max-width:1200px){
	
}
@media screen and (max-width:1024px){
	.space-effect .effect-type{margin: 0 auto 30px;}
	.effect-list a{padding:0px;}
}
@media screen and (max-width:767px){
	
	.effect-list a{width: 48%;}
	.effect-list a{margin-right: 4% !important;}
	.effect-list a:nth-of-type(even){margin: 0 !important;}
	.effect-list a .pic{margin-bottom: 6px;}
	.effect-list a i{margin: 4px auto;width: 80px;}
	.space-effect{padding: 20px 0;}
}
@media screen and (max-width:414px){
	.effect-list a p{font-size: 14px;}
}
/* 移动端产品筛选 */
.page_nav_bd{background: #fff;display: none;}
.page_nav_bd li{width: 100%; padding: 11px 0; border: 1px solid #d3d3d3; border-top: none;}
.page_nav_bd li dl{display: flex; align-items: flex-start; justify-content: flex-start;}
.page_nav_bd li dl dt{padding: 0 44px; display: flex; align-items: center; justify-content: center;}
.page_nav_bd li dl dt span{display: block; min-width: 2em; position: relative; font-size: 16px; font-weight: bold; color: #626262; line-height: 100%; padding: 13px 0;}
.page_nav_bd li dl dt i{display: none; margin-left: 1%; font-size: 20px; color: #b3b3b3;}
.page_nav_bd li dl dd{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.page_nav_bd li dl dd a{margin: 0 15px; display: block; font-size: 16px; color: #626262; line-height: 100%; padding: 10px 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent;}
.page_nav_bd li dl dd a:hover,.page_nav_bd li dl dd a.active{border-bottom-color: #e84500;}
@media only screen and (min-width: 0) and (max-width: 1200px){
	
	.page_nav_bd li{width: 100%; padding: 0; border: none;}
	.page_nav_bd li dl{display: block;}
	.page_nav_bd li dl dt{transition: 0.6s; padding: 2%; border: 1px solid #bdbdbd; border-bottom: none; cursor: pointer;}
	.page_nav_bd li:last-child dl dt{border-bottom: 1px solid #bdbdbd;}
	.page_nav_bd li dl dt span{transition: 0.6s; font-size: 18px; font-weight: normal; padding: 0;}
	.page_nav_bd li dl dt i{transition: 0.6s; display: block;}
	.page_nav_bd li dl dd{display: none; padding: 2% 0; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd;}
	.page_nav_bd li:last-child dl dd{border-bottom: 1px solid #bdbdbd;}
	.page_nav_bd li dl dd a{margin: 0; font-size: 18px; padding: 2%; border: none; text-align: center;}
	.page_nav_bd li dl dd a:nth-of-type(1){display: block;}
	.page_nav_bd li dl dd a.active{color: #797979;}
	.page_nav_bd li.active dl dt{border-color: #e84500; background: #e84500;}
	.page_nav_bd li.active dl dt span,.page_nav_bd li.active dl dt i{color: #ffffff;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.page_nav_bd {display: none;padding: 20px;margin-bottom:20px;background: #fff;}
	.page_nav_bd li dl dt{padding: 2.3%;}
	.page_nav_bd li dl dt span{font-size: 16px;color: #333333;}
  .page_nav_bd li dl dd a{font-size: 16px; padding: 2.3%;color: #333333;}
  .page_nav_bd{padding: 20px 10px;background: transparent;padding: 0;}
  .page_nav_bd li dl dt{background: #fff;}
  .page_nav_bd li dl dt{border: none;}
  .page_nav_bd li.active dl dt{border: none;}
  
}
@media only screen and (min-width: 0) and (max-width: 500px){
	/* .page_nav_bd {padding: 10px;} */
	.page_nav_bd li dl dt{padding: 2.8%;}
	.page_nav_bd li dl dt span{font-size: 14px;}
	.page_nav_bd li dl dd a{font-size: 14px; padding: 2.8%;}
}
.m-seri{display: none;}
@media only screen and (min-width: 0) and (max-width: 768px){
	.m-seri{display: block;}
	.seri1 {display: flex;margin-bottom: 14px;margin-top: 60px;}
	.seri1 li{display:block;text-align: center;background: #fff;line-height: 40px;border-right: 1px solid #f0f0f0;width: 25%;}
	.seri1 li.active span{color: #fff;}
	.seri1 li.active i{color: #fff;}
	.seri1 li i{transition: 0.6s;}
	.seri1 li.active{background: #e84500;}
	.seri2{margin-bottom: 14px;}
	.seri2 li{display: none;font-size: 0;}
	.seri2 li a{text-overflow: ellipsis;overflow: hidden;text-align: center;white-space: nowrap; display: inline-block;background: #fff;width: 33.33%;border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;line-height: 36px;font-size: 14px;}
	.seri2 li a.active{background: #e84500;color: #fff;}
}



/* 联系我们 */
.contact-us .box1{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 60px;}
.contact-us .box1 .txt{min-width: 470px;width: 35%;}
.contact-us .box1 .txt p{font-size: 16px;color: #333333;padding: 16px 0;border-bottom: 1px solid #cccccc;}
.contact-us .box1 .txt h5{font-size: 30px;color:#31302e ;font-weight: bolder; padding: 16px 0;position: relative;}
.contact-us .box1 .txt h5::before{position: absolute;content: "";bottom: 0;width: 450px;left: -70%;height: 1px;background: #e1e1e1;}
.contact-us{padding: 70px 20px;}
.contact-us .map{width: 60%;height: 340px;}
.contact-us .map #bmap {width: 100%;height: 100%;}
.contact-us .box2  h5{font-size: 30px;color:#31302e ;font-weight: bolder; padding: 16px 0;position: relative;width: 35%;margin-bottom:20px;}
.contact-us .box2  h5::before{position: absolute;content: "";bottom: 0;width: 450px;left: -70%;height: 1px;background: #e1e1e1;}
.contact-us .box2 form{background: #fff;padding: 30px;}
.contact-us .box2 form{display: flex;justify-content: space-between;flex-wrap:wrap;}
.contact-us .box2 .input-box{width: 100%;margin-bottom: 30px;}
.contact-us .box2 .contact-name{width: 48%;}
.contact-us .box2 .contact-phone{width: 48%;}
.contact-us .box2 .input-box{display: flex;}
.contact-us .box2 label{color: #31302e;font-size: 14px;white-space: nowrap;font-weight: normal;line-height: 36px;}
.contact-us .box2 input,
.contact-us .box2 textarea{height: 36px;border: 1px solid #d0d0d0;width:100%;}
.contact-us .box2 textarea{height: 190px;}
.contact-us .box2 .contact-message  label{line-height: 1;}
.contact-us .box2 .contact-btn{margin-left: 40px;}
.contact-us .box2 .contact-btn button{width: 150px;height: 40px;border: none;} 
.contact-us .box2 .contact-btn .b1{color: #fff;background: #e84500;margin-right: 20px;}
@media screen and (max-width:1500px){
	.contact-us{padding: 40px 0;}
	.contact-us .box1 .txt{margin-right: 20px;}
	.contact-us .box1 .txt {min-width: 360px;}
}
@media screen and (max-width:1200px){
	
}
@media screen and (max-width:1024px){
	.contact-us .box1{display: block;}
	.contact-us .box1 .txt{width: 100%;}
	.contact-us .map{width: 100%;}
	.contact-us .box1 .txt{margin-bottom: 30px;}
	.contact-us .box1{margin-bottom: 30px;}
	.contact-us{padding: 20px 0}
}
@media screen and (max-width:767px){
	
	.contact-us .box1 .txt h5{    font-size: 20px;    padding: 10px 0;}
	.contact-us .box1 .txt p{padding: 8px 0;}
	.contact-us .map{height: 280px;}
	.contact-us .box1{margin-bottom: 10px;}
	.contact-us .box2 h5{padding: 10px 0;font-size: 20px;}
	.contact-us .box2 .contact-phone{width: 100%;}
	.contact-us .box2 .contact-name{width: 100%;}
	.contact-us .box2 label{min-width: 46px;}
	.contact-us .box2 .contact-btn{margin: 0 auto;}
	.contact-us .box2 form{padding: 20px;}
	.contact-us .box2 .input-box{margin-bottom: 20px;}
}
@media screen and (max-width:414px){
	.contact-us .box2 form{padding: 10px;}
	.contact-us .box2 .input-box{margin-bottom: 6px;}
	.contact-us .box2 textarea{height: 80px;}
	.contact-us .box2 .contact-btn {margin-top: 16px;}
	.contact-us .box2 .contact-btn button{width: 100px;font-size: 14px;height: 36px;}
}
/* 活动中心 */
.activy-center {padding: 40px 0;}
.activy-center .top-activy {display: flex;align-items: center;background: #fff;margin-bottom: 36px;}
.activy-center .top-activy .txt{height: auto;padding:0 40px;}
.activy-center .top-activy .pic{padding-bottom: 460px;position: relative;width: 60%;}
.activy-center .top-activy .txt p{margin-bottom:28px;font-size: 20px;color: #797979;}
.activy-center .top-activy .txt .p1{color:#333333; font-size:28px;}
.activy-center .top-activy .txt .p2{color: #494747;}
.activy-center .top-activy .txt p span{font-size: 26px;color: #e65920;}
.activy-center .top-activy .txt a{display: block;width: 200px;line-height: 44px;background: #e65920;color: #fff;text-align: center;}
.activy-list{display: flex;flex-wrap: wrap;}
.activy-list a{width: 32%;display: block;background: #fff;margin:0 2% 2% 0;}
.activy-list a:nth-of-type(3n+3){margin-right: 0%;}
.activy-list a .pic{ padding-bottom: 60%;position: relative;width: 100%;}
.activy-list a .p1{color: #333333;font-size: 20px;}
.activy-list a .p2{font-size: 14px;color:#adadad;margin: 16px 0;}
.activy-list a .txt{padding: 20px;}
.activy-list a .txt span{display: block;border: 2px solid #e65920;width: 100px;line-height: 36px;color:#e65920;text-align: center;}
.activy-list a .txt span:hover{background: #e65920;color:#fff;}

.activy-view{padding: 20px;}
.activy-view .max-w-14{background: #fff;padding: 20px;}
.activy-view h5{padding: 20px;font-size: 24px;border-bottom: 1px solid #e65920;}
.activy-view .content{padding: 40px 20px;}
.activy-view .content img{display: block;max-width: 100%;margin:0  auto;}
.activy-view .content p{font-size:14px;}


@media screen and (max-width:1500px){
	.activy-center{padding: 20px 0;}
}

@media screen and (max-width:1024px){

	.activy-center .top-activy{display: block;}
	.activy-center .top-activy .pic{width: 100%;    padding-bottom: 62%;}
	.activy-center .top-activy .txt{padding: 20px;}
	
}
@media screen and (max-width:767px){
	.activy-center .top-activy .txt p{margin-bottom: 12px;font-size: 16px;}
	.activy-center .top-activy .txt .p1{font-size: 20px;}
	.activy-center .top-activy .txt .p2{font-size: 16px;}
	.activy-center .top-activy .txt p span{font-size: 20px;}
	.activy-center .top-activy .txt a{    width: 120px;line-height: 40px;}
	.activy-center .top-activy .txt{padding: 10px;}
	.activy-list a{width: 49%;margin-right: 2% !important;}
	.activy-list a:nth-of-type(even){margin-right: 0 !important;}
	.activy-list a .txt{padding: 10px;}
	.activy-list a .p1{font-size: 16px;}
	.activy-list a .p2{margin: 10px 0;}
	.activy-center .top-activy{margin-bottom: 20px;}
}

/* 视频中心 */
.video-center{padding: 90px 20px;}
.video-center .video-list{width: 100%;display: flex;flex-wrap: wrap;}
.video-center .video-list li{width:49%;padding-bottom:30%;position: relative;margin:0 2% 2% 0;cursor: pointer;overflow: hidden;}
.video-center .video-list li:nth-of-type(2n+2){margin-right: 0;}
.video-center .video-list .txt{color: #fff;position: absolute;z-index: 3;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video-center .video-list .txt img{display: block;margin: 0 auto 40px;}
.video-center .video-list .txt p{font-size: 20px;color: #fff;font-weight: bold;}
.video-center .video-list li .cov{transition: 1s;}
.video-center .video-list li:hover .cov{transform: scale(1.05,1.05);}
@media screen and (max-width:1500px){
	.video-center{padding:40px 0;}
}
@media screen and (max-width:1200px){
	
}
@media screen and (max-width:1024px){
	
}
@media screen and (max-width:767px){
	.video-center .video-list .txt img{width: 24px;margin: 0 auto 10px;}
	.video-center .video-list .txt p{    font-size: 16px;}
	.video-center .video-list li{    padding-bottom: 40%;}
	.video-center{padding: 20px 0;}
}
@media screen and (max-width:414px){
	
}
/* 新闻中心 */
.news-list a{display: block;transition: 0.4s;}
.news-list a .max-w-14{display: flex;padding: 50px 0;border-top: 1px solid #a0a0a0;align-items: center;}
.news-list a:last-of-type .max-w-14{border-bottom: 1px solid #a0a0a0;}
.news-list .pic{width: 46%;display: block;height: 350px;object-fit: cover;margin-right: 4%;}
.news-list .txt{width: 50%;max-height: 280px;display: flex;justify-content: space-between;flex-direction: column;}
.news-list .txt p{color: #333333;margin-bottom: 30px;}
.news-list .txt hr{height:3px;background:#e65920; width: 100%;margin:0 0 30px 0;}
.news-list .txt .p1{font-size:16px;}
.news-list .txt .p2{font-size:22px;}
.news-list .txt .p3{font-size:14px;}
.news-list a:hover{background: #fff;}
.news-list a:hover .txt .p1{color: #e65920;}
.news-list a:hover .txt .p2{color: #e65920;}
.news-list a .learn-more{display: block;width: 70px;line-height: 30px;text-align: center;color: #333;background: #fff;border:1px solid #333;font-size: 14px;float: right;}
.news-list a .learn-more:hover{color: #e65920;border:1px solid #e65920;}

.news-view{padding:80px 0;}
.news-view .max-w-14{padding: 40px 30px;background: #fff;}
.news-view .tit{margin-bottom: 40px;}
.news-view .tit hr{border-bottom: 1px dotted #585858;}
.news-view .tit{text-align: center;}
.news-view .tit .p1{color: #283043;font-size: 20px;font-weight: bold;}
.news-view .tit .p2{color: #4e4e4e;font-size: 14px;}
.news-view .tit .p2 span{display: inline-block;margin-right: 30px;}
.news-view .bdsharebuttonbox{margin: 0 auto;text-align: center;width: fit-content;}
.news-view .bdsharebuttonbox a{  height: 21px !important;line-height: 22px !important;}
.news-view .txt{font-size: #494747;font-size: 16px;}
.news-view .txt img{display: block;max-width: 100%;margin: 0 auto;}
.news-view .change-news{background: #e2e2e2;display: flex;justify-content: space-between;padding: 14px 20px;margin: 40px auto;}
.news-view .change-news a{display: block;color: #494747;font-size:14px;width: 48%;}
.news-view .change-news a:last-of-type{text-align: right;}
.news-view .goback{background: #e65920;font-weight: bold;color: #fff;padding: 10px 20px;margin: 0 auto;display: block;width: fit-content;}
.news-view .goback img{margin-right: 10px;}
@media screen and (max-width:1500px){
	.news-view{padding: 40px 0;}
	.news-list a .max-w-14{padding: 30px 0;}
	.news-list .txt hr{height: 2px;}
}
@media screen and (max-width:1200px){
	
}
@media screen and (max-width:1024px){
	
	.news-list .txt p{margin-bottom: 10px;}
	.news-list .txt .p2{    font-size: 16px;}
	.news-list .txt hr{margin: 0px 0 16px 0;}
	.news-list a .learn-more{margin-top: 30px;}
	.news-list .txt hr{height:1px;}
}
@media screen and (max-width:767px){
	.news-view{padding: 20px 0;}
	.news-view .max-w-14{padding: 20px;}
	.news-view .tit{margin-bottom:20px;}
	.news-view .change-news{    margin: 20px auto;}
	.news-view .change-news{padding: 10px;}
	.news-view .change-news{display: block;}
	.news-view .change-news a:last-of-type{    text-align: left;margin-top: 8px;}
	.news-view .goback img{width: 16px;}
	.news-view .goback{font-size: 16px;line-height: 1;    padding: 8px 14px;}
	.news-list a .max-w-14{display: block;}
	.news-list .pic{width: 100%;}
	.news-list .txt{width: 100%;max-height: unset;}
	.news-list .txt{background:#fff ;padding: 10px;}
	.news-list a .learn-more{display: none;}
	.news-list .pic{height: 280px;}
	.news-list .txt .p1{font-size: 14px;}
	.news-list .txt p{    margin-bottom: 4px;}
	.news-list .txt hr{margin-bottom: 8px;}
	.news-list a .max-w-14 {
		padding: 20px 0;
	}
	.news-view .change-news a{width: 100%;}
}
@media screen and (max-width:414px){
	.news-view .max-w-14{padding: 20px 10px;}
	.news-view .txt{font-size: 14px !important;}
	.news-view .tit .p1{font-size: 16px;}
	.news-view .tit hr{margin: 8px 0;}
	.news-view .tit .p2 span{margin-right: 10px;}
	.news-view .tit .p2{font-size: 12px;}
	.news-list .pic{height: 200px;}
	.news-list a .max-w-14 {
		padding: 10px 0;
	}
}
/*=================部分公共样式            开始==========================*/

/* 翻页 */
.page-t{padding: 40px 0;}
.listpages li a{display: block;padding: 4px 10px;border: 1px solid #e65920;border-radius: 4px;}
.listpages li{margin-right: 10px;}
.listpages li:hover a{background:#e65920;color: #fff;}
.listpages {display: flex;align-items: center;}
.listpages select{display: block;padding: 4px 8px;border: 1px solid #e65920;border-radius: 4px;}

@media screen and (max-width: 767px){
	.page-t{padding: 10px 0;}
}


/* 在线留言 */
.design_box,
.design_box2{z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; align-items: center; justify-content: center;}
.design_con,
.design_con2{position: fixed; background: #fff; display: flex; align-items: center; justify-content: center;}
.design_con .will_close,
.design_con2 .will_close{z-index: 99; display: block; position: absolute; left: 100%; top: 0; width: 58px; height: 58px; background: url("../images/close.png") #e65920 center no-repeat; cursor: pointer;background-size: 32px; }
.design_form,
.design_form2{width: 100%; display: flex; align-items: stretch; justify-content: space-between;}
.design_left,
.design_left2{width: 820px; padding: 70px 40px;}
.design_left .content,
.design_left2 .content{margin-top: 40px; display: flex; align-items: stretch; justify-content: space-between;}
.design_left .content .design_pic,
.design_left2 .content .design_pic{display: block; position: relative; width: 42.973%; padding: 19% 0; height: 100%; overflow: hidden;}
.design_left .content .design_pic img,
.design_left2 .content .design_pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.design_left .content ul,
.design_left2 .content ul{width: 51.3514%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.design_left .content ul li,
.design_left2 .content ul li{margin-top: 20px; width: 100%;}
.design_left .content ul li:nth-of-type(1),
.design_left2 .content ul li:nth-of-type(1){margin-right: 5.263%;}
.design_left .content ul li:nth-of-type(-n+2),
.design_left2 .content ul li:nth-of-type(-n+2){margin-top: 0; width: 47.3685%;}
.design_left .content ul li .text,
.design_left2 .content ul li .text{transition: 0.6s; font-size: 14px; color: #979797; width: 100%; height: 46px; padding: 0 14px; border: 1px solid #bebebe;}
.design_left .content ul li .text::-webkit-input-placeholder,
.design_left2 .content ul li .text::-webkit-input-placeholder{color: #979797;}
.design_left .content ul li .design_sex,
.design_left2 .content ul li .design_sex{background:#fff 90% center no-repeat; cursor: pointer;}
.design_left .content ul li .design_address,
.design_left2 .content ul li .design_address{display: flex; align-items: center; justify-content: space-between;}
.design_left .content ul li .design_address select,
.design_left2 .content ul li .design_address select{width: 47.3685% ; background: #fff 90% center no-repeat;  cursor: pointer;}
.design_left .content ul li input[type='text']:focus,
.design_left2 .content ul li input[type='text']:focus{border-color: #e65920; box-shadow: 0 0 10px rgba(45, 99, 248, 0.5);}
.design_left .content ul li .form_btn,
.design_left2 .content ul li .form_btn{transition: 0.6s; font-size: 16px; font-weight: bold; color: #fff; width: 100%; height: 58px; border: none; background: #e65920; cursor: pointer;}
.design_left .content ul li .form_btn:hover,
.design_left2 .content ul li .form_btn:hover{background: #0167b9;}
.design_left .content ul li textarea{width: 100%;height: 60px;order: 1px solid #bebebe;padding: 14px;color: #979797;}
.design_left .content ul li textarea::placeholder{font-size: 14px;color: #979797;}
.ind_tit figure{display: block;margin: 0 auto;max-width: 300px;width: 100%;text-align: center;overflow: hidden;}
.ind_tit h4 span {position: relative;display: block;padding: 0 12px;}
.ind_tit h4 span::after {z-index: -1;position: absolute;right: 100%;top: 50%;content: "";width: 150px;height: 1px;background: #bebebe;}
.ind_tit h4 span::before {z-index: -1;position: absolute;left: 100%;top: 50%;content: "";width: 150px;height: 1px;background: #bebebe;}
.ind_tit h3{font-size: 30px;color: #000;line-height: 100%;text-align: center;}
.ind_tit h4 {margin-top: 15px;display: inline-block;font-size: 14px;font-family: "Arial";color: #787878;line-height: 100%;text-align: center;text-transform: uppercase;}


@media screen and (max-width: 1200px){
	.design_con .will_close, .design_con2 .will_close{right: 0px;top: 0px;left: unset;}
    .design_left .content ul, .design_left2 .content ul{width: 100%;}
    .design_left .content ul li:nth-of-type(-n+2), .design_left2 .content ul li:nth-of-type(-n+2) {margin-top: 0;width: 47.3685%;}
    .design_left .content ul li .design_sex, .design_left2 .content ul li .design_sex {background-position: 95% center;}
    .design_left .content ul li .design_address select, .design_left2 .content ul li .design_address select {background-position: 95% center;}
    .design_left .content ul li .text, .design_left2 .content ul li .text {font-size: 14px;height: 38px;}
	.design_left  .content ul {width: 100%;}
    .design_left .content .design_pic, .design_left2 .content .design_pic {display: none;}
}

@media screen and (max-width: 767px){
	.design_left .content, .design_left2 .content { margin-top: 6%;}
    .ind_tit h3 {font-size: 20px;}
    .design_con, .design_con2 { width: 90%;}
    .design_left, .design_left2 {padding: 8% 4%;}
    .design_con .will_close, .design_con2 .will_close {width: 30px;height: 30px;background-size: 42%;}
}




/* 门店展示 */
.store-list{padding: 60px 0;}

#allmap{height:750px !important;}
.cityList {display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;}

.cityList-l {position: relative;width: 32%;height: 60px;display: flex;}

.cityList-l input {box-sizing: border-box;width: 100%;height: 100%;padding: 0 20px;border: 1px solid #cccccc;outline: none;line-height:normal;font-size: 14px;color: #d7d7d7;transition: .3s;border-radius: 16px;}

/* .cityList-l input:focus {box-shadow: 0px 0px 10px #ccc} */

.cityList-l button {margin-left: 6%; border-radius: 10px;background:#e65920; right: 0px;top: 0px;width: 150px;height: 100%;min-width: 150px; border: none;outline: none;line-height: 28px;font-size: 14px;color: #fff;text-align: center;cursor: pointer;}

.cityList-r {width: 65%;display: flex;justify-content: space-between;}

.cityList-r form {display: block;width: 31%;}


.cityList-r form select {box-sizing: border-box;width: 100%;height: 60px;padding: 0px 15px;border: none;border-left: 1px solid #eee;outline: none;font-size: 14px;color: #656565;cursor: pointer;border: 1px solid #ccc;border-radius: 16px;}

.networkMap {flex: auto;}

.mapChose {box-sizing: border-box;height: 600px;overflow: hidden;padding: 0px;flex: 1;background: #ffffff; }
.mapChose .swiper-slide {    max-width: 390px;background: #ffffff; width: 100%; position: relative;height: 135px;padding:20px 0 20px 70px ;border-bottom: 1px solid #eee;cursor: pointer;transition: .3s;}

.mapChose .swiper-slide:hover,
.mapChose .swiper-slide.active {background: #f3f3f3;}

.mapChose .swiper-slide i {position: absolute;top: 16px;left: 10px;width: 36px;height: 36px;border-radius: 18px;background: #e65920;line-height: 36px;font-size: 16px;color: #fff;text-align: center;font-style: normal;}

.mapChose .swiper-slide h6 {height:32px;    margin-bottom: 10px;line-height: 1.2;font-size: 16px;color: #2c2c2c;}

.mapChose .swiper-slide p {max-height: 48px;line-height: 1.5;font-size: 14px;color: #a4a4a4;max-width: 400px;}

.mapChose .swiper-scrollbar {width: 10px}

.mapChose .swiper-scrollbar-drag { background: #e65920}
.ditu{display: flex;border: 1px solid #d7ddde;}
.networkContent{display: flex;}
.uio{min-width: 390px;padding-bottom: 78px;position: relative;}
.uio h1{background: #fff;line-height: 70px;color: #696969;font-size: 18px;text-align: center;border-bottom: 1px solid #eee;}
.uio h1 b{color: #e65920;}
.next_map{top: unset;bottom: 0;height: 80px;width: 50%;color: #868686;background: #d9d9d9;right: 0;}
.prev_map{top: unset;bottom: 0;height: 80px;width: 50%;color: #868686;background: #d9d9d9;left: 0;}
.prev_map:after{transform: rotateZ(90deg) !important;}
.next_map:after{transform: rotateZ(90deg) !important;}
.mysount{opacity: 0;}

@media screen and (max-width: 1024px) {
	.ditu{display: block;}
	.uio{min-width: auto;}
	.uio h1{line-height: 40px;}
	.store-list{padding: 	30px 0;}
}


@media screen and (max-width: 991px) {
	.network-box {width: 95%;margin: 30px auto;}
	/* .networkMap {display: none} */
	.mapChose { float: none; width: 100%; height: 310px; overflow: hidden; padding: 0px 20px 0px 0px; margin-top: 15px;}

	.mapChose .swiper-slide {padding-top: 10px;padding-left: 45px;}
	.mapChose .swiper-slide i {top: 10px;width: 25px;height: 25px;line-height: 25px;}
}

@media screen and (max-width: 767px) {
	.cityList {box-sizing: border-box;display: block;box-shadow: none;}

	.cityList-l {width: 100%;height: 38px;margin: 10px 0px;}

	.cityList-r {width: 100%;display: block;}

	.cityList-r form {display: block;width: 100%;margin: 10px 0px;}
	.cityList-r{display: block;}
	.cityList-r form select {height: 38px;padding: 0px 10px;border: 1px solid #eee;}
	#allmap{height: 280px !important;}
	.uio{    padding-bottom: 40px;}
	.prev_map,.next_map{height: 40px;}
	.prev_map:after,
	.next_map:after{font-size: 20px;}
	.cityList-l button{    width:70px;min-width:70px;}
	.cityList-l input{padding: 0 20px;}
	.store-list{padding: 	20px 0;}
	.networkMap{margin-top: 20px;}
	.cityList{margin-bottom: 20px;}
}

@media screen and (max-width: 414px) {
	#allmap{height: 240px !important;}
}

.in-page{background: #f0f0f0;}
@media screen and (max-width: 1500px) {
	.in-page{padding: 20px;}
}
@media screen and (max-width: 767px) {
	.in-page{padding: 10px;}
}
.wrapper {
	width: 100%;
	min-width: 320px;
	margin: auto;
	overflow: hidden;
}

.layout {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1200px){.layout{padding-left: 15px; padding-right: 15px;}}
.clearfix::after{
	clear: both;
	content: '';
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: block;
}
.ulclearfix ul::after{
	display: block;
	overflow: hidden;
	clear: both;
	width: 0px;
	height: 0px;
	content: '';
}

.liclearfix li::after{
	display: block;
	overflow: hidden;
	clear: both;
	width: 0px;
	height: 0px ;
	content: '';
}
body .swiper-container{overflow: hidden;}




/*=================部分公共样式            结束===================================*/