/*--公共--*/
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input {margin:0;padding:0;border:0;font-weight:normal;background-repeat:no-repeat;outline:none;}
h1,h2,h3,h4,h5,h6,p {margin:0;padding:0;font-weight:normal;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}
body {font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;margin:0px;padding:0px;color:#333333;line-height:24px;height:auto;clear:both;}
img {border:0px;}
ul,li {list-style:none;}
em,i {font-style:normal;}
a {text-decoration:none !important;color:#333333;outline:none;cursor:pointer;}
a:hover {background-repeat:no-repeat;text-decoration:none;color:#69968f;}
.clearfl:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfl {*zoom:1;}
.clearfix:after,.clearfix:before {content:" ";display:table}
.clearfix:after {clear:both}
.c-flex {display:flex;flex-wrap:wrap;align-items:center}
.fl {float:left;}
.fr {float:right;}
* {box-sizing:border-box;}
.pt110 {padding-top:110px;}
.pb110 {padding-bottom:110px;}
.p110{padding:110px 0;}
body {left:0px;position:relative;line-height:1;max-width: 100vw;overflow-x: hidden;}
#about,#about1,#about2,#about3,#about4,#contact,#contact1{padding-top:100px;margin-top:-100px;}
a.more {box-shadow:0 0 15px rgba(0,0,0,0.04);position:relative;overflow:hidden;font-weight:700;display:block;width:230px;height:50px;background-color:#fff;border-radius:30px;font-size:16px;text-align:center;line-height:50px;background-color:#69968f; color:#fff;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
a.more span {position:relative;z-index:3;color:#69968f;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;color:#fff;}
a.more::before {content:'';display:block;width:0;height:100%;background-color:#fff;position:absolute;left:0;top:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
a.more i {display:inline-block;width:21px;height:5px;background-image:url(../images/more-ico1.png);margin-left:14px;position:relative;top:-3px;}
button.more {box-shadow:0 0 15px rgba(0,0,0,0.04);position:relative;overflow:hidden;font-weight:700;display:block;width:230px;height:50px;background-color:#fff;border-radius:30px;font-size:16px;text-align:center;line-height:50px;background-color:#69968f; color:#fff;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
button.more span {position:relative;z-index:3;color:#69968f;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;color:#fff;}
button.more::before {content:'';display:block;width:0;height:100%;background-color:#fff;position:absolute;left:0;top:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
button.more i {display:inline-block;width:21px;height:5px;background-image:url(../images/more-ico1.png);margin-left:14px;position:relative;top:-3px;}

/*button.more{background-color:transparent;}*/
/*button.more::before {width:100%;}*/
/*button.more span {color:#fff;}*/
/*button.more i {background-image:url(../images/more-ico1.png);}*/
/* 过渡时间 */
/* transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;*/
/* 滚动条样式 */
body::-webkit-scrollbar {width:4px;height:1px;}
body::-webkit-scrollbar-thumb {background:#69968f;}
body::-webkit-scrollbar-track {background:#fff;}
.w83 {width:83%;margin:0 auto;}
.w75 {width:75%;margin:0 auto;}


/*字体*/
@font-face {font-family:"bahnschrift";src:url("../fonts/bahnschrift.ttf");font-weight:normal;font-style:normal;}
@font-face {font-family:"DINPRO";src:url("../fonts/DINPRO.OTF");font-weight:normal;font-style:normal;}
/* @font-face {font-family:"Gotham1";src:url("../fonts/GOTHAMBOLD.TTF");font-weight:normal;font-style:normal;}
@font-face {font-family:"Gotham2";src:url("../fonts/GOTHAMMEDIUM.TTF");font-weight:normal;font-style:normal;}
*/
/* pc头部 */
header {width:100%;height:100px;position:fixed;top:0;left:0;z-index:99;box-sizing:border-box;padding:0 80px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
header .left {float:left;position:relative;}
header .nav-ico {cursor:pointer;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;position:relative;float:left;cursor:pointer;top:43px;width:16px;height:16px;background-image:url(../images/nav-ico.png);background-size:100% 100%;}
header .nav-ico1 {cursor:pointer;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;font-size:14px;color:#fff;display:block;float:left;height:100px;line-height:100px;margin-left:10px;}
header .wac-home {position:relative;float:left;margin-left:1.5rem;}
header .wac-home>a {color:#fff;line-height:100px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
header .wac-home .dropdown {display:grid;grid-template-rows:0fr;margin-left:-1rem;transition:all 0.3s ease-in;}
header .wac-home:hover .dropdown {grid-template-rows: 1fr;}
header .wac-home .dropdown ul {list-style:none;min-height:0px;background-color:#fff;overflow-y:hidden;}
header .wac-home .dropdown ul li {padding:0.5rem 1rem;}
header .wac-home .dropdown ul li:first-child {margin-top:1rem;}
header .wac-home .dropdown ul li:last-child {margin-bottom:1rem;}
header .wac-home .dropdown ul li a {border-bottom: 2px solid transparent;}
header .wac-home .dropdown ul li a:hover {border-bottom-color:#69968f;}
header .ser1 {cursor:pointer;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;color:#fff;font-size:14px;height:100px;line-height:100px;position:relative;float:left;padding-left:22px;}
header .ser1::before {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';display:block;width:15px;height:15px;background-image:url(../images/ser-ico1.png);position:absolute;left:0;top:50%;margin-top:-7.5px;}
header .lang {float:left;margin-left:30px;height:100px;line-height:100px;position:relative;display:none; }
header .lang p {color:#fff;font-size:16px;height:100px;padding-right:15px;position:relative;cursor:pointer;}
header .lang p a {color:#fff;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
header .lang p::after {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';display:block;width:8px;height:4px;background-image:url(../images/down-ico.png);background-size:100% 100%;position:absolute;right:0;top:50%;margin-top:-2px;}
header .lang .xl {position:absolute;display:none;left:50%;margin-left:-50px;width:100px;}
header .lang .xl a {display:block;height:40px;line-height:40px;text-align:center;font-size:12px;background-color:#fff;color:#333;}
header .right {float:right;position:relative;}
/* 搜索弹窗 */
#siteHeaderSearch {position:absolute;width:1116px;top:0;left:50%;margin-left:-516px;display:none;z-index:99999;background-color: #fff;}
.search-box {padding:30px 0;position:relative;}
.search-box-cover {position:fixed;width:100%;height:100%;top:100px;left:0;opacity:.5;background-color:#000;z-index:990;}
.search-box form {display:inline-block;}
.search-btn,ul.navbar-right>li>a span {display:inline-block;width:24px;height:24px;vertical-align:middle;background-size:cover;}
.search-btn {cursor:pointer;background-image:url(../images/search2.svg);}
.search-box .search-btn {margin-right:4px;margin-left:182px;animation-name:slideInRight;animation-duration:.5s;animation-fill-mode:both;animation-timing-function:ease;}
.search-box .search-input {display:inline-block;width:640px;outline:none;font-size:16px;height:32px;padding:4px 8px;border:none;animation-name:slideInRight;animation-duration:.5s;animation-fill-mode:both;animation-timing-function:ease;}
.search-box .close-btn {display:inline-block;width:24px;height:24px;position:absolute;top:50%;color:#616466;cursor:pointer;margin-left:244px;margin-top:-12px;background-size:cover;background-image:url(../images//close.svg);}
@keyframes slideInRight {
0% {transform:translate3d(100%,0,0);visibility:visible}
to {transform:translate3d(0,0,0)}
}
header a.logo {display:block;position:absolute;top:50%;margin-top:-8.5px;left:50%;margin-left:-112px;}
header a.logo img {display:block;width:224px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
header a.logo img.oa {display:block;}
header a.logo img.ob {display:none;}
header.fix {background-color:#fff;border-bottom:1px solid #ececec;}
header.fix .nav-ico {background-image:url(../images/nav-ico1.png);}
header.fix .nav-ico1 {color:#000;}
header.fix .wac-home>a {color:#000;}
header.fix .ser1 {color:#000;}
header.fix .ser1::before {background-image:url(../images/ser-ico.png);}
header.fix .lang p a {color:#000;}
header.fix .lang p::after {background-image:url(../images/down-ico1.png);}
header.fix a.logo img.oa {display:none;}
header.fix a.logo img.ob {display:block;}
header.fa {position:absolute;}

/* 目录弹出 */
.menu-tc{width: 0; height:100vh;position: fixed;top:0;left:0;z-index:99999999;overflow: hidden;}
.menu-tc .bg{width: 100vw;height:100vh;position: absolute;left:0;top:0;background-color: rgba(0,0,0,0.6);opacity: 0;transition: opacity .3s;z-index:2;}
/* .menu-tc .nav{width: 27vw;padding:40px 80px;background-color: #fff;height:100vh;overflow: hidden;left:-27vw; position: relative;z-index:3;-webkit-transition: all .5s cubic-bezier(.7,.3,0,1);transition: all .5s cubic-bezier(.7,.3,0,1);} */
.menu-tc .nav{width: 27vw;padding:40px 80px;background-color: #fff;height:100vh;overflow: hidden; position: relative;z-index:3;
	-webkit-transform: translate3d(-27vw,0,0);
    transform: translate3d(-27vw,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);}

.menu-tc .nav .col-top{font-size:14px;height:15px;line-height: 15px;margin-bottom: 50px;cursor: pointer;}
.menu-tc .nav .col-top img{display: inline-block;margin-right: 10px;position: relative;top:3px;}
.menu-tc .nav .col-middle{height:calc(100vh - 80px - 65px - 45px);padding-right: 10px!important;}
.menu-tc .nav .col-middle dl{border-bottom: 1px solid #EEEEEE;}
.menu-tc .nav .col-middle dl dt{font-size:18px;padding:30px 0;position: relative;cursor: pointer;}
.menu-tc .nav .col-middle dl dt a{display: block;width: 100%;color:#333333;transition: all .3s;}
.menu-tc .nav .col-middle dl dt i{transition: all .3s; display: block;width: 11px;height:11px;background-image: url(../images/menu-ico1.png);position: absolute;right:0;top:50%;margin-top:-5.5px;}
.menu-tc .nav .col-middle dl dd{display: none;}
.menu-tc .nav .col-middle dl dd a{display: block;color:#333;font-size:14px;margin-bottom: 24px;padding:0 18px;transition: all .3s;}
.menu-tc .nav .col-bottom{position: absolute;bottom:30px;width: calc(100% - 160px);}
.menu-tc .nav .col-middle dl dt.active i{background-image: url(../images/menu-ico2.png);}
.menu-tc .nav .col-middle dl:hover dt a{color:#69968f;}
.menu-tc .nav .col-middle dl dd a:hover{color:#69968f;}

.menu-tc .nav .col-bottom p.tel {color:#000;font-family:"bahnschrift";font-size:20px;}
.menu-tc .nav .col-bottom p.time {color:#666;font-size:12px;margin-bottom:14px;}
.menu-tc .nav .col-bottom .fx {position: absolute;right:0;bottom:0;}
.menu-tc .nav .col-bottom .fx span {display:inline-block;margin-left:15px;cursor:pointer;position:relative;width:24px;height:24px;transition:background-image .3s;}
.menu-tc .nav .col-bottom .fx span:nth-child(1) {background-image:url(../images/wx-ico.png);}
.menu-tc .nav .col-bottom .fx span:nth-child(2) {background-image:url(../images/wb-ico.png);}
.menu-tc .nav .col-bottom .fx span img {display:none;position:absolute;top:-100px;left:50%;margin-left:-50px;width:100px;height:100px;transition:opacity .3s}


.menu-tc.active{width:100vw;}
.menu-tc.active .nav{-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);}
.menu-tc.active .bg{opacity: 1;}

.menu-tc .zl-scrollBarBox{display: none !important;}


/* 滚动条 */
.zl-scrollBarBox {height:90%!important;position:absolute;right:1%!important; background:#ccc;top:5%!important;width:4px!important;border-radius:4px!important;}
.zl-scrollBar {position:absolute;left:0;top:0;background:#69968f;transition:background 0.3s;width:4px!important;border-radius:4px!important;}
.zl-scrollBar.zl-verticalBar {min-height:10px;}
.zl-scrollBar.zl-horizontalBar {min-width:10px;}
.zl-scrollBar:hover {background:#000;}
.zl-scrollContentDiv {position:relative !important;width:100% !important;height:100% !important;padding:0 !important;margin:0 !important;top:0;left:0;}

/* 产品弹出 */
/* .pro-tc {position:fixed;top:100px;left:0;width:100%;background-color:#fff;z-index:8;text-align:center;display:none;}
.pro-tc .cp {width:72%;margin:0 auto;padding:0 0 50px;}
.pro-tc .cp a.item {display:block;width:16.6666%;float:left;}
.pro-tc .cp a.item .img {width:100%;overflow:hidden;}
.pro-tc .cp a.item .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.pro-tc .cp a.item p {font-size:16px;color:#000;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.pro-tc .other {border-top:1px solid #ececec;padding:54px 0;text-align:center;}
.pro-tc .other a.more {display:inline-block;border:1px solid #f4f4f4;margin:0 13px;} */
/*手机头部*/
.search-bg1 {position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;background-color:#f5f5f5;display:none;z-index:2000;}
.header2 {height:55px;position:fixed;background:#fff;z-index:20000;width:100%;display:none;top:0;left:0;}
.header2 .main-wrap {height:55px;padding:0 3%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);box-sizing:border-box;width:100%;}
.header2 .logo {height:55px;overflow:hidden;}
.header2 .logo a {display:block;}
.header2 .logo img {display:block;height:15px;margin-top:20px;}
.header2 .wac-home {position:relative;float: left;margin-left:8px;height: 100%;}
.header2 .wac-home>a {color:#000;line-height:55px;font-size:12px;}
.header2 .wac-home .dropdown {display:grid;grid-template-rows:0fr;margin-left:-8px;transition:all 0.3s ease-in;}
.header2 .wac-home:hover .dropdown {grid-template-rows: 1fr;}
.header2 .wac-home .dropdown ul {list-style:none;min-height:0px;background-color:#fff;overflow-y:hidden;}
.header2 .wac-home .dropdown ul li {padding:4px 8px;}
.header2 .wac-home .dropdown ul li:first-child {margin-top:8px;}
.header2 .wac-home .dropdown ul li:last-child {margin-bottom:8px;}
.header2 .wac-home .dropdown ul li a {border-bottom: 2px solid transparent;font-size:0.75rem;}
.header2 .wac-home .dropdown ul li a:hover {border-bottom-color:#69968f;}
.header2 .lang {line-height:55px;font-size:12px;position:absolute;top:0;height:55px;right:50px;}
.header2 .lang a {color:#333;font-size:14px;}
.header2 .ser{position:absolute;right:80px;top:50%;transform:translateY(-50%)}
.header2 .nav-btn {width:24px;height:18px;position:relative;cursor:pointer;margin-top:18px;}
.header2 .nav-btn .line {display:block;width:100%;height:2px;border-radius:2px;background-color:#ababab;position:absolute;}
.header2 .nav-btn .line1 {-webkit-transform-origin:left 0px 0;-ms-transform-origin:left 0px 0;transform-origin:left 0px 0;}
.header2 .nav-btn .line2 {top:8px;}
.header2 .nav-btn .line3 {bottom:0;-webkit-transform-origin:left 2px 0;-ms-transform-origin:left 2px 0;transform-origin:left 2px 0;}
.header2 .sub-menu {width:100%;padding:0 2%;display:none;position:absolute;left:0;top:60px;z-index:2;overflow-y:auto;box-sizing:border-box;}
.header2 .sub-menu ul {width:100%;overflow-y:scroll;height:calc(100vh - 55px - 1.5rem);}
.header2 .sub-menu li {border-bottom:1px solid #E8E8E8;font-size:16px;width:96%;margin:0 auto;}
.header2 .sub-menu .tit {display:block;width:100%;padding:0 3%;line-height:60px;color:#333;position:relative;box-sizing:border-box;font-size:16px;}
.header2 .sub-menu .tit i {display:block;width:10px;height:10px;background-image:url(../images/h-add.svg);position:absolute;top:50%;margin-top:-5px;right:3%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.header2 .sub-menu .tit.on i {transform:rotate(45deg);}
.header2 .sub-menu .sec-list {line-height:40px;padding:10px 4%;display:none;}
.header2 .sub-menu .sec-list p {background:url(../images/ico_04.png) no-repeat left center;background-size:3px auto;font-size:14px;}
.header2 .sub-menu .sec-list a {padding-left:3%;color:#666;display:block;}
.header2 .nav-btn.active {-webkit-animation:rotate1 0.5s linear 0s;animation:rotate1 0.5s linear 0s;}
.header2 .nav-btn.hover .line {background:#69968f;}
/* 首页banner */
@font-face {font-family: Antrilla;src: url("../fonts/Antrilla.ttf");}
@font-face {font-family: OPPOR;src: url("../fonts/OPPOSans-R.ttf");}
@font-face {font-family: OPPOM;src: url("../fonts/OPPOSans-M.ttf");}
.wordart {font-family: Antrilla;color: #69968f;}
.index-banner {width:100vw;height:100vh;}
.index-banner .swiper-slide {position:relative;}
.index-banner .swiper-slide .mm{display:none;}
.index-banner .swiper-slide img.mm{display:none;width:100%;}
.index-banner .swiper-slide .img {width:100%;height:100vh;}
.index-banner .swiper-slide .img img {width:100%;height:100vh;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.index-banner .leftUp .img img {-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp {0% {-webkit-transform:scale(1.1) translate(4.545%,4.545%);transform:scale(1.1) translate(4.545%,4.545%);}
to {-webkit-transform:scale(1.1) translate(-4.545%,-4.545%);transform:scale(1.1) translate(-4.545%,-4.545%);}
}
@keyframes leftUp {0% {-webkit-transform:scale(1.1) translate(4.545%,4.545%);transform:scale(1.1) translate(4.545%,4.545%);}
to {-webkit-transform:scale(1.1) translate(-4.545%,-4.545%);transform:scale(1.1) translate(-4.545%,-4.545%);}
}
.index-banner .moveRight .img img {-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight {0% {-webkit-transform:scale(1.1) translate(-4.545%);transform:scale(1.1) translate(-4.545%);}
to {-webkit-transform:scale(1.1) translate(4.545%);transform:scale(1.1) translate(4.545%);}
}
@keyframes moveRight {0% {-webkit-transform:scale(1.1) translate(-4.545%);transform:scale(1.1) translate(-4.545%);}
to {-webkit-transform:scale(1.1) translate(4.545%);transform:scale(1.1) translate(4.545%);}
}
.index-banner .moveDown .img img {-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown {0% {-webkit-transform:scale(1.1) translateY(-4.545%);transform:scale(1.1) translateY(-4.545%);}
to {-webkit-transform:scale(1.1) translateY(4.545%);transform:scale(1.1) translateY(4.545%);}
}
@keyframes moveDown {0% {-webkit-transform:scale(1.1) translateY(-4.545%);transform:scale(1.1) translateY(-4.545%);}
to {-webkit-transform:scale(1.1) translateY(4.545%);transform:scale(1.1) translateY(4.545%);}
}
.index-banner .centerBig .img img {-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig {to {-webkit-transform:scale(1.1);transform:scale(1.1);}
}
@keyframes centerBig {to {-webkit-transform:scale(1.1);transform:scale(1.1);}
}
.index-banner .rightDownBig .img img {-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig {to {-webkit-transform:scale(1.1) translate(4%,4%);transform:scale(1.1) translate(4%,4%);}
}
@keyframes rightDownBig {to {-webkit-transform:scale(1.1) translate(4%,4%);transform:scale(1.1) translate(4%,4%);}
}
.index-banner .swiper-slide .img img.pc {display:block;}
.index-banner .swiper-slide .img img.m {display:none;}
.index-banner .swiper-slide .word {position:absolute;top:50%;left:8%;margin-top:-204.5px;}
.index-banner .swiper-slide .word h3 {color:#fff;font-size:48px;font-weight:bold;margin-bottom:45px;position:relative;}
.index-banner .swiper-slide .word h3 strong {display:block;}
.index-banner .swiper-slide .word p {color:#fff;font-size:20px;line-height:28px;max-width:530px;margin-bottom:220px;position:relative;}
.index-banner .swiper-slide .word p strong {display:block;font-weight:normal;}
.index-banner .swiper-slide .word .oc {}
.index-banner .swiper-slide .word a.more {position:relative;overflow:hidden;}
.index-banner .index-prev {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;cursor:pointer;width:50px;height:50px;background-color:rgba(0,0,0,0);border-radius:50%;position:absolute;left:60px;top:50%;margin-top:-25px;z-index:3;}
.index-banner .index-prev::before {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';display:block;width:8px;height:13px;background-image:url(../images/prev-ico1.png);position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6.5px;}
.index-banner .index-next {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;cursor:pointer;width:50px;height:50px;background-color:rgba(0,0,0,0);border-radius:50%;position:absolute;right:60px;top:50%;margin-top:-25px;z-index:3;}
.index-banner .index-next::before {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';display:block;width:8px;height:13px;background-image:url(../images/next-ico1.png);position:absolute;left:50%;margin-left:-3px;top:50%;margin-top:-6.5px;}
.index-banner .index-p {bottom:92px;left:8%;text-align:left;position:absolute;z-index:3;}
.index-banner .index-p .swiper-pagination-bullet {background:transparent;opacity:1;position:relative;width:16px;height:16px;outline:none;margin:0 12px;}
.index-banner .index-p .swiper-pagination-bullet:after {content:"";position:absolute;left:50%;top:50%;z-index:0;width:10px;height:10px;background-color:#fff;border-radius:50%;margin:-6px 0 0 -5px;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;}
.index-banner .index-p .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity:1;}
.index-banner .index-p .swiper-pagination-bullet.swiper-pagination-bullet-active:after {opacity:1;width:12px;height:12px;background:url(../images/b_dian.png) no-repeat center;border-radius:0;}
.index-banner .index-p .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {-webkit-animation:svgCircleAnmi 6s linear forwards;animation:svgCircleAnmi 6s linear forwards;}
.index-banner .index-p .svg {margin:-8px 0 0 -8px;width:32px;height:32px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;display:block;}
.index-banner .index-p .circle1 {stroke:transparent;}
.index-banner .index-p .circle2 {stroke:#fff;stroke-dasharray:0 339;}
.index-banner .swiper-container svg:not(:root) {overflow:hidden;}
.index-banner .bg {height: 100%;}
@-webkit-keyframes svgCircleAnmi {0% {stroke-dasharray:0 339;}
to {stroke-dasharray:339 339;}
}
@keyframes svgCircleAnmi {0% {stroke-dasharray:0 339;}
to {stroke-dasharray:339 339;}
}

#lighting-page{height: 100vh;background-image: url("../images/personalize-experience.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover;}
#lighting-page .container .col .exp1{background-image: url("../images/exp1.png");}
#lighting-page .container .col .exp2{background-image: url("../images/exp2.png");}
#lighting-page .container .col .exp3{background-image: url("../images/exp3.jpeg");}
#lighting-page .container .col .exp4{background-image: url("../images/exp4.png");}

#chart-page .chart{background-image: url("../images/lighting-chart.jpg");}

#collection-page .container .row .cl1{background-image: url("../images/collection1.png");}
#collection-page .container .row .cl2{background-image: url("../images/collection2.png");}
#collection-page .container .row .cl3{background-image: url("../images/collection3.jpg");}
#collection-page .container .row .cl4{background-image: url("../images/collection4.png");}
#collection-page .container .row .cl5{background-image: url("../images/collection5.png");}

#contact-page::before{background-image: url("../images/contact.jpg");}

.oo {width:100%;height:100vh;}
.i-main {position:relative;background-color:#fff;z-index:4;}
.right_zd {position:fixed;right:-50px;top: calc(50vh - 80px);cursor:pointer;z-index:10;transition:all .3s;}
.right_zd.active {right:0;}
.right_zd ul{}
.right_zd ul li{position: relative;right:-10px; width: 60px;height:50px;background-color: #F4F4F4;border-top-left-radius: 8px;border-bottom-left-radius: 8px;transition:all .3s;margin-bottom: 5px;}
.right_zd ul li .ico{padding:5px;}
.right_zd ul li .ico img{width: 40px;height:40px;}
.right_zd ul li .ico img.pp{display: block;}
.right_zd ul li .ico img.pa{display: none;}
.right_zd ul li .ewm{position: absolute;right:65px;top:50%;margin-top:-50px;transition:all .3s;display: none;}
.right_zd ul li .ewm img{width: 100px;height:100px;}
.right_zd ul li .ico .bg{width:40px;height:40px;display:flex;justify-content:center;align-items:center;}

.right_zd ul li.active{right:0px;background-color: #69968f;}
.right_zd ul li.active .ico img{margin:0 auto;}
.right_zd ul li.active .ico img.pp{display: none;}
.right_zd ul li.active .ico img.pa{display: block;}
.right_zd ul li.active .ewm{display: block;}
.right_zd ul li.active .ico .bg{margin:0 auto;}
.right_zd ul li.active .ico .bg svg path{fill:#fff;}

/* 首页案例 */
.i-case {padding:40px 0;position:relative;z-index:4;width:100%;}
.i-case .bga {background-color:#FFFFFF;position:absolute;left:0;top:-40px;width:100%;height:calc(100% + 40px);opacity:0;z-index:4;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-case .bg {width:85%;height:calc(100% + 40px);background-color:#F9F9F9;position:absolute;top:-40px;right:0;z-index:5;}
.i-case .w83 {position:relative;z-index:6;width:calc(100% - 160px)}
.i-case .left {margin-top:20px;margin-left:7%;float:left;position:sticky;top:100px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-case .right {width:82%;float:right;position:relative;}
.i-case .right .tit {margin-bottom:26px;position:relative;z-index:3;}
.i-case .right .tit h3 {font-size:40px;font-weight:bold;color:#333;float:left;}
.i-case .right .tit .tab {float:right;}
.i-case .right .tit .tab a {display:inline-block;font-size:16px;color:#4D4D4D;padding:0 26px;height:36px;line-height:36px;border-radius:30px;margin-right:24px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-case .right .tit .tab a:last-child {margin-right:0;}
.i-case .right .tit .tab a.active {background-color:#69968f;color:#fff;}
.i-case .right .i-case-b {width:100%;position:relative;z-index:3;}
.i-case .right .i-case-b .oa {width:67%;float:left;}
.i-case .right .i-case-b .ob {width:calc(33% - 24px);float:right;}
.i-case .right .i-case-b .swiper-slide .img {width:100%;overflow:hidden;position:relative;}
.i-case .right .i-case-b .swiper-slide .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-case .right .i-case-b .swiper-slide .word {padding:36px 24px 10px 24px;}
.i-case .right .i-case-b .swiper-slide .word h3 {font-size:28px;color:#333;font-weight:bold;margin-bottom:15px;}
.i-case .right .i-case-b .swiper-slide .word p {font-size:16px;line-height:24px;height:48px;color:#666;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.i-case .right a.more {position:absolute;right:0;bottom:24px;z-index:3;}
.i-case .right .i-case-prev {transform:translateX(-100px);cursor:pointer;width:50px;height:50px;background-color:#fff;border-radius:50%;position:absolute;left:45px;top:50%;margin-top:-100px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-case .right .i-case-prev::before {content:'';display:block;width:8px;height:13px;background-image:url(../images/prev-ico2.png);position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6.5px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-case .right .i-case-next {transform:translateX(100px);cursor:pointer;width:50px;height:50px;background-color:#fff;border-radius:50%;position:absolute;right:45px;top:50%;margin-top:-100px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-case .right .i-case-next::before {content:'';display:block;width:8px;height:13px;background-image:url(../images/next-ico2.png);position:absolute;left:50%;margin-left:-3px;top:50%;margin-top:-6.5px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-case .right .i-case-b .ob .word h3 {font-size:22px;}
.i-case .right .i-case-b .ob .word p {font-size:14px;line-height:22px;height:44px;}
.i-case .right .i-case-b .oa .swiper-pagination {position:relative;display:none;}
.i-case .right .i-case-b .oa .swiper-pagination .swiper-pagination-bullet-active {background-color:#69968f;}
/* 首页产品 */
.i-product {padding:110px 0;}
.i-product .oa {width:59%;}
.i-product .oa .swiper-slide .img {width:100%;overflow:hidden;}
.i-product .oa .swiper-slide .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-product .ob {width:calc(41% - 80px);margin-left:80px;}
.i-product .ob h3 {font-size:40px;font-weight:bold;color:#333;}
.i-product .ob .swiper-slide {text-align:center;}
.i-product .ob .swiper-slide .img {width:100%;overflow:hidden;}
.i-product .ob .swiper-slide .img img {display:block;width:70%;margin:0 auto;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-product .ob .swiper-slide .word {margin-top:40px;}
.i-product .ob .swiper-slide .word h4 {font-size:28px;color:#333;margin-bottom:16px;transition:all .3s}
.i-product .ob .swiper-slide .word p {font-size:16px;color:#666;margin-bottom:35px;display:none;}
.i-product .ob .swiper-slide .word span.more {font-size:16px;color:#69968f;font-weight:bold;position:relative;}
.i-product .ob .swiper-slide .word span.more i {display:inline-block;width:6px;height:10px;background-image:url(../images/span-more-ico.png);margin-left:8px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-product .ob .i-product-prev {cursor:pointer;width:50px;height:50px;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-100px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-product .ob .i-product-prev::before {content:'';display:block;width:8px;height:13px;background-image:url(../images/prev-ico2.png);position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6.5px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-product .ob .i-product-next {cursor:pointer;width:50px;height:50px;border-radius:50%;position:absolute;right:0;top:50%;margin-top:-100px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-product .ob .i-product-next::before {content:'';display:block;width:8px;height:13px;background-image:url(../images/next-ico2.png);position:absolute;left:50%;margin-left:-3px;top:50%;margin-top:-6.5px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-product .ob .swiper-pagination {position:relative;display:none;bottom:0;margin-top:20px;}
.i-product .ob .swiper-pagination .swiper-pagination-bullet-active {background-color:#69968f;}
.i-product .ob .swiper-button-disabled{opacity:0.5;}

.i-product .ob .swiper-slide:hover .word h4{color:#69968f}
.i-product1 {padding:110px 0;width:100%;background-color:#F9F9F9;}
.i-product1 a.item {float:left;width:31%;margin-right:3.5%;display:block;float:left;background-color:#fff;box-sizing:border-box;padding:50px 0;border:1px solid #f4f4f4;margin-bottom:50px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-product1 a.item .tip {font-size:14px;color:#333;padding:0 40px;line-height:14px;height:16px;}
.i-product1 a.item .img {width:100%;padding:0 40px;overflow:hidden;}
.i-product1 a.item .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-product1 a.item .word {border-top:1px solid #f4f4f4;padding-top:50px;padding:50px 40px 0;}
.i-product1 a.item .word h3 {color:#333;font-size:22px;margin-bottom:10px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.i-product1 a.item .word p {color:#666;font-size:14px;height:16px;line-height:14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none;}
.i-product1 a.more {margin:0 auto;}
.i-product1 a.item:nth-child(3n) {margin-right:0;}
/* 底部 */
footer {position:relative;z-index:10;background-color:#FFFFFF;}
footer .foot1 {padding:60px 80px;border-top:1px solid #f5f5f5;}
footer .foot1 .left {width:75%;float:left;width:80%;}
footer .foot1 .left dl {float:left;width:16.66666%;width:14.285%;}
footer .foot1 .left dl.links {text-align: center;}
footer .foot1 .left dl.links dd a img{width:auto;}
footer .foot1 .left dl dt {font-size:14px;font-weight:bold;margin-bottom:35px;}
footer .foot1 .left dl dt a {color:#333;}
footer .foot1 .left dl dd {font-size:12px;line-height:24px;}
footer .foot1 .left dl dd a {color:#979797;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
footer .foot1 .right {width:25%;float:right;text-align:right;max-width: 205px;width:20%;}
footer .foot1 .right dl{width:100%;position: relative;margin-bottom: 30px;}
footer .foot1 .right dl.hidden{visibility: hidden;}
footer .foot1 .right dl dt{display:inline-block; cursor: pointer; width:205px;height:45px;position: relative;border-radius: 22px;border:1px solid #E2E2E2;width:205px;height:45px;text-align: left;line-height: 45px;padding:0 24px 0 40px;color:#333;font-size:14px;}
footer .foot1 .right dl dt i{display: block; width: 9px;height:6px;background-image: url(../images/link-down.png);position: absolute;right:24px;top:50%;margin-top:-3px;transition:all .3s}
footer .foot1 .right dl dd{padding:10px 0; height:auto; background-color: #fff; display:none;width:100%;position: absolute;top:45px;left:0;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
footer .foot1 .right dl dd a{display: block;width: 100%;height:40px;line-height: 40px;text-align: left;padding:0 40px;}

footer .foot1 .right dl:hover dt i{transform:rotate(180deg);}
footer .foot1 .right p.tel {color:#000;font-family:"bahnschrift";font-size:30px;margin-bottom:20px;}
footer .foot1 .right p.time {color:#666;font-size:14px;margin-bottom:40px;}
footer .foot1 .right .fx {}
footer .foot1 .right .fx span {display:inline-block;margin-left:15px;cursor:pointer;position:relative;width:24px;height:24px;transition:background-image .3s;}
footer .foot1 .right .fx span:nth-child(1) {background-image:url(../images/wx-ico.png);}
footer .foot1 .right .fx span:nth-child(2) {background-image:url(../images/wb-ico.png);}
footer .foot1 .right .fx span img {display:none;position:absolute;top:-100px;left:50%;margin-left:-50px;width:100px;height:100px;transition:opacity .3s}
footer .foot2 {height:80px;width:100%;padding:0 40px;line-height:80px;border-top:1px solid #f5f5f5;color:#858585;font-size:12px;overflow:hidden;}
footer .foot2 a {color:#858585;font-size:12px;position:relative;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
footer .foot2 p {display:inline-block;}
footer .foot2 .fl a {padding-right:26px;}
footer .foot2 .fl a:nth-child(1)::before {content:'';width:1px;height:10px;background-color:#858585;position:absolute;top:50%;margin-top:-4px;right:12px;}

footer .foot2 .fr{display:none;}
/* 内页banner */
.ny-banner {position:relative;}
.ny-banner .img {width:100%;}
.ny-banner .img img.pc {display:block;width:100%;}
.ny-banner .img img.m {display:none;}
.ny-banner .word {position:absolute;left:8.5%;color:#fff;z-index:2;top:50%;margin-top:-70px;}
.ny-banner .word h3 {font-size:48px;font-weight:bold;margin-bottom:36px;overflow:hidden;}
.ny-banner .word p {font-size:20px;line-height:28px;height:56px;overflow:hidden;width:582px;max-width:94%;}
.ny-banner .word1 {position:absolute;left:8.5%;color:#fff;z-index:2;top:50%;margin-top:-70px;}
.ny-banner .word1 h3 {font-size:40px;font-weight:bold;margin-bottom:24px;}
.ny-banner .word1 p {font-size:20px;line-height:28px;overflow:hidden;width:582px;max-width:94%;position:relative;padding-bottom:100px;}
.ny-banner .word1 p::after {content:'';width:26px;height:2px;background-color:#fff;position:absolute;left:0;bottom:0;}
.ny-banner .word2 {position:absolute;left:8.5%;color:#333;z-index:2;top:50%;margin-top:-70px;}
.ny-banner .word2 h3 {font-size:40px;font-weight:bold;margin-bottom:24px;}
.ny-banner .word2 p {font-size:20px;line-height:28px;overflow:hidden;width:582px;max-width:94%;position:relative;padding-bottom:100px;}
.ny-banner .word2 p::after {content:'';width:26px;height:2px;background-color:#333;position:absolute;left:0;bottom:0;}
/* 产品中心 */

.tabaa{background-color:#F9F9F9;padding:70px 8.5% 40px;}

.tabaa p{margin-bottom:20px;margin:0; display: flex;align-items: baseline;}
.tabaa p strong{display: inline-block;width:80px;flex-shrink: 0;}
.tabaa p span{width:auto;}

.tabaa a{
    display: inline-block;
    cursor: pointer;
    width: 140px;
    height: 45px;
    position: relative;
    border-radius: 22px;
    border: 1px solid #E2E2E2;
    text-align: center;
    line-height: 45px;
    color: #333;
    font-size: 14px;
    margin-right: 20px;
    transition: all .3s;
    margin-bottom: 20px;
}


.tabaa a.active,.tabaa a:hover{
    background-color: #69968f;
    color: #fff;
    border: 1px solid transparent;
}



.product {padding:80px 0;background-color:#F9F9F9;}
.product dl {position:relative;margin-bottom:80px;}
.product dl dt {width:83%;margin:0 auto;position:sticky;top:0px;height:82px;line-height:42px;padding-bottom:40px;cursor:pointer;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.product dl dt h3 {font-size:40px;font-weight:bold;color:#333;float:left;}
.product dl dt p {position:relative;float:right;padding-right:30px;cursor:pointer;}
.product dl dt p::before {content:'收起';font-size:18px;color:#333;position:absolute;right:30px;top:0;height:42px;line-height:42px;width:80px;text-align:right;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.product dl dt p::after {content:'';display:block;width:14px;height:8px;background-image:url(../images/p-down.png);position:absolute;right:0;top:18px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transform:rotate(180deg);}
.product dl dd {width:83%;margin:0 auto;display:flex;flex-wrap:wrap;}
.product dl dd a.item {display:block;background-color:#fff;box-sizing:border-box;padding:50px 0;width:calc(100% / 5 - 4.8px);margin-right:6px;border:1px solid #f4f4f4;margin-bottom:50px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.product dl dd a.item:nth-child(5n) {margin-right:0;}
.product dl dd a.item .tip {font-size:14px;color:#333;padding:0 40px;line-height:14px;height:16px;}
.product dl dd a.item .img {width:100%;padding:0 40px;overflow:hidden;background-color:#fff;border:none;}
.product dl dd a.item .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.product dl dd a.item .word {padding-top:50px;padding:50px 40px 0;position:relative;}
.product dl dd a.item .word::before{content:'';display:block;width:100%;height:1px;background-color:#f4f4f4;position:absolute;top:0;left:0;}
.product dl dd a.item .word h3 {color:#333;font-size:16px;margin-bottom:10px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product dl dd a.item .word p {color:#666;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none;}
/* .product dl.active dt {z-index:55;border-bottom:1px solid #E3E3E3;position:relative;} */
.product dl dt.active {z-index:8;width:100%;background-color:#fff;height:100px;font-size:30px;line-height:100px;padding-bottom:0;padding-top:0;padding-left:8.5%;padding-right:8.5%;box-shadow:0 0 15px rgba(0,0,0,0.06);}
.product dl dt.active h3 {font-size:30px;}
.product dl dt.active p {}
.product dl dt.active p::before {height:100px;line-height:100px;}
.product dl dt.active p::after {top:46px;}
.product dl.active dd {}
.product dl.active dt p::before {content:'展开';}
.product dl.active dt p::after {transform:rotate(0);}

.product1 dl dd a.item .tip{margin-bottom:20px;}
/* 产品筛选 */
.p-sx {position:fixed;top:77vh;left:0;width:50px;background-color:#69968f;height:180px;z-index:99;}
.p-sx.fix {top:calc(50vh - 80px);}
.p-sx .other {width:50px;height:180px;text-align:center;cursor:pointer;position:relative;float:left;transition: all 0s;z-index:5;}
/*.p-sx .other::before{content:'';display:block;width:100%;height:100%;background-color:#4874ad;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}*/
.p-sx::after,.p-sx::before{width: 16px;height: 16px;border-radius:50%; content: '';background-color: rgba(255, 255, 255, .9);
position:absolute; left:17px;top:23%;z-index:6;}
.p-sx::before{animation: scale 2s infinite;animation-delay:0.8s; }
.p-sx::after{animation: scale2 2s infinite;animation-delay:1.2s; }
@keyframes scale{0%{ transform: scale(.5); opacity:.9}100%{ transform: scale(2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(.5);opacity:.9;}100%{ transform: scale(2);opacity:0;}}
.p-sx.active::after,.p-sx.active::before{display:none;}
.p-sx .other span {display:block;width:18px;color:#fff;font-size:16px;padding-top:80px;margin:0 auto;position:relative;z-index:3;}
.p-sx .other span::before {content:'';display:block;width:18px;height:18px;background-image:url(../images/p-nav1.png);position:absolute;top:40px;left:50%;margin-left:-9px;z-index:3;}
.p-sx .other1 {position:absolute;left:-50px;height:100vh;overflow-y:scroll;padding:80px 0;width:0;transition:all .3s;}
.p-sx .other1::-webkit-scrollbar {width:0px;height:1px;}
.p-sx .other1::-webkit-scrollbar-thumb {background:#69968f;}
.p-sx .other1::-webkit-scrollbar-track {background:#fff;}
.p-sx .other1 .tit {border-bottom:1px solid #f4f4f4;padding-bottom:27px;}
.p-sx .other1 .tit h3 {display:inline-block;font-size:30px;font-weight:bold;color:#333;height:30px;line-height:30px;}
.p-sx .other1 .tit p {display:inline-block;color:#808080;font-size:16px;height:30px;line-height:30px;}
.p-sx .other1 dl {padding:20px 0 4px;border-bottom:1px solid #f4f4f4;}
.p-sx .other1 dl dt {display:block;width:200px;float:left;color:#4D4D4D;font-size:18px;}
.p-sx .other1 dl dd {display:block;float:left;max-width:calc(100% - 200px);}

.p-sx .other1 .qh li{display: none;}
.p-sx .other1 .qh li:nth-child(1){display: block;}
.p-sx .other1 .qh li a{padding:0;}

.p-sx .other1 dl dd .el-checkbox {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;margin-bottom:16px;margin-right:30px;display:inline-block;width:220px;box-sizing:border-box;height:58px;border-radius:5px;background-color:#f7f5f0;padding:9px 15px;border:1px solid transparent;}
.p-sx .other1 dl dd .el-checkbox img {display:block;width:40px;height:40px;float:left;background-image:url(../images/mr-img.jpg)}
.p-sx .other1 dl dd .el-checkbox span {display:block;height:40px;line-height:40px;float:right;font-size:14px;color:#333;}
.p-sx .other1 dl dd .el-checkbox .el-checkbox__inner{display: none;}
.p-sx .other1 dl dd .el-checkbox .el-checkbox__label{width:100%;padding-left: 0;}

.p-sx .other1 dl.hide-icon dd .el-checkbox img{display:none;}
.p-sx .other1 dl.hide-icon dd .el-checkbox span{float:left;}

.p-sx .other1 dl dd a {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;margin-bottom:16px;margin-right:30px;display:inline-block;width:220px;box-sizing:border-box;height:58px;border-radius:5px;background-color:#f7f5f0;padding:9px 15px;border:1px solid transparent;}
.p-sx .other1 dl dd a img {display:block;width:40px;height:40px;float:left;}
.p-sx .other1 dl dd a span {display:block;height:40px;line-height:40px;float:right;font-size:14px;color:#333;}
.p-sx .other1 button.more {border:1px solid #ececec;margin-top:60px;outline:none;cursor:pointer;}

.p-sx .other1 dl dd .el-checkbox.is-checked,.p-sx .other1 dl dd a.active{border:1px solid #69968f;}
.p-sx .other1 dl dd .el-checkbox.is-checked span {color:#69968f;}


.p-sx.active {width:100%;top:0;height:100vh;background-color:#fff;}
.p-sx.active .other {width:50px;background-color:#f7f5f0;height:100vh;z-index:5;}
.p-sx.active .other span {color:#69968f;height:180px;position:absolute;top:50%;margin-top:-90px;left:50%;margin-left:-9px;}
.p-sx.active .other span::before {background-image:url(../images/p-nav2.png);}
.p-sx.active .other1 {width:calc(100% - 50px);left:0;}
.p-sx.active .other1 .zl-scrollBarBox{right: -1%!important;}
/* .p-sx .other1 .zl-scrollBarBox{width: 0!important;opacity: 0!important;right:0!important;display: none!important;}
.p-sx .other1 .zl-scrollBar.zl-verticalBar{width: 0!important;opacity: 0!important;right:0!important; display: none!important;} */
.el-slider__stop {background-color:#69968f;}
.el-slider__bar {background-color:#69968f;}
.el-slider__runway {background-color:#F2F2F2;}
.el-slider__button {border:2px solid #69968f;}
.el-slider__marks-text {width:64px;color:#B0B0B0;font-size:16px;margin-top:26px;}
/* 产品详细 */
.p-nav {height:80px;position:absolute;bottom:80px;width:100%;margin:0 auto;margin-bottom:-80px;z-index:5;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-nav::before {content:'';display:block;width:calc(100% - 160px);height:80px;background-color:#fff;position:absolute;left:80px;top:0;}
.p-nav::after {content:'';display:block;width:calc(100% - 160px);height:1px;background-color:#F0F0F0;position:absolute;left:80px;bottom:0;}
.p-nav .w83 {position:relative}
.p-nav h3 {float:left;font-size:18px;color:#333333;line-height:80px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-nav .c-nav {float:right;}
.p-nav .c-nav a {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;display:inline-block;height:80px;line-height:80px;position:relative;color:#666666;font-size:14px;padding:0 10px;margin-right:66px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-nav .c-nav a:last-child {margin-right:0;}
.p-nav .c-nav a::after {content:'';display:block;width:0;height:2px;background-color:#69968f;position:absolute;left:0;bottom:-1px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-nav .c-nav a.active {color:#69968f;font-weight:700;}
.p-nav .c-nav a.active::after {width:100%;}
.p-nav.ff {position:fixed;top:100px;left:0;z-index:5;width:100%;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.13);height:60px;z-index:55;background-color:#fff;}
.p-nav.ff h3 {height:60px;line-height:60px;}
.p-nav.ff .c-nav a {height:60px;line-height:60px;}
.p-nav.ff::before {height:60px;}
#p-show1,#p-show2,#p-show3,#p-show4,#p-show5,#p-show6 {padding-top:160px;margin-top:-160px;}
.p-tit {font-size:42px;font-weight:bold;color:#333;margin-bottom:40px;}
.p-part1 {position:relative;margin:0 auto;width:66%;text-align:center;padding-bottom:80px;}
.p-part1 .p-ms {width:410px;margin:0 auto;}
.p-part1 .oa {width:100%;margin:0 auto;}
.p-part1 .oa .swiper-slide {width:100%;overflow:hidden;}
.p-part1 .oa .swiper-slide img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part1 .p-prev {cursor:pointer;width:50px;height:50px;background-color:transparent;border-radius:50%;position:absolute;left:24%;top:50%;margin-top:-80px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part1 .p-prev::before {content:'';display:block;width:8px;height:13px;background-image:url(../images/prev-ico2.png);position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6.5px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part1 .p-next {cursor:pointer;width:50px;height:50px;background-color:transparent;border-radius:50%;position:absolute;right:24%;top:50%;margin-top:-80px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part1 .p-next::before {content:'';display:block;width:8px;height:13px;background-image:url(../images/next-ico2.png);position:absolute;left:50%;margin-left:-3px;top:50%;margin-top:-6.5px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part1 .swiper-button-disabled{opacity:0.4}
.p-part1 .ob {width:320px;margin:0 auto;margin-top:1rem;}
.p-part1 .ob .swiper-slide {width:80px;opacity:.24;position:relative;cursor:pointer;}
.p-part1 .ob .swiper-slide img {display:block;width:100%;}
.p-part1 .ob .swiper-slide-thumb-active {opacity:1;}
.p-part1 .ob .swiper-slide-thumb-active::after {content:'';display:block;width:100%;height:2px;background-color:#69968f;position:absolute;bottom:0;left:0;}
.p-part1-1 {background-color:#f7f5f0;padding:80px 0;text-align:center;}
.p-part1-1 h3 {font-weight:bold;font-size:34px;color:#69968f;margin-bottom:24px;}
.p-part1-1 h4 {font-size:20px;color:#333;margin-bottom:40px;}
.p-part1-1 p {color:#666;font-size:16px;line-height:28px;height:56px;width:886px;margin:0 auto;text-align:center;max-width:94%;overflow:hidden;}
.p-part2 {overflow:hidden;}
.p-part2 dl {margin-bottom:40px;}
.p-part2 dl dt {width:50%;overflow:hidden;}
.p-part2 dl dt img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part2 dl dd {width:50%;box-sizing:border-box;padding:0 160px;}
.p-part2 dl dd h3 {font-size:24px;color:#333;margin-bottom:24px;line-height:32px;}
.p-part2 dl dd p {font-size:14px;line-height:24px;color:#666;}
.p-part3 {overflow:hidden;}
.p-part3 .swiper-slide {}
.p-part3 .swiper-slide .img {width:100%;overflow:hidden;position:relative;z-index:2;}
.p-part3 .swiper-slide .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part3 .swiper-slide .bg {width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;left:0;top:0;z-index:3;}
.p-part3 .swiper-slide .play {color:#fff;position:absolute;z-index:4;text-align:center;left:50%;top:50%;cursor:pointer;transform:translate(-50%,-50%)}
.p-part3 .swiper-slide .play .img1 {display:inline-block;width:56px;position:relative;}
.p-part3 .swiper-slide .play .img1 img {width:100%;}
.p-part3 .swiper-slide .play .img1 .svg {position:absolute;left:0;top:0;width:100%;height:100%;transform:rotate(-90deg);}
.p-part3 .swiper-slide .play .img1 .svg .circle1 {stroke:transparent;transition:opacity .3s .3s}
.p-part3 .swiper-slide .play .img1 .svg .circle2 {stroke:#fff;stroke-dasharray:371 371;opacity:0;-webkit-animation:svgCircleAnmi1 3s linear infinite;animation:svgCircleAnmi1 3s linear infinite}
@-webkit-keyframes svgCircleAnmi1 {0% {opacity:0;stroke-dasharray:0 371}
to {opacity:1;stroke-dasharray:371 371}
}
@keyframes svgCircleAnmi1 {0% {opacity:0;stroke-dasharray:0 371}
to {opacity:1;stroke-dasharray:371 371}
}
.p-part3 .swiper-slide .play p {font-size:20px;color:#fff;margin-top:18px;}
.p-part3 .swiper-pagination {position:absolute;bottom:30px;left:0;z-index:5;}
.p-part3 .swiper-pagination .swiper-pagination-bullet {background:none;opacity:1;width:16px;height:16px;position:relative;}
.p-part3 .swiper-pagination .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;}
.p-part3 .swiper-pagination .swiper-pagination-bullet-active:before {background:#fff;}
.p-part3 .swiper-pagination .swiper-pagination-bullet-active {border:2px solid #fff;border-radius:50%;}
.p-part4 {overflow:hidden;}
.p-part4 .swiper-slide {text-align:center;width:600px;text-align:center;}
.p-part4 .swiper-slide .img {width:100%;overflow:hidden;}
.p-part4 .swiper-slide .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part4 .swiper-slide p {font-size:20px;color:#333;margin-top:34px;}
.p-part4 .prev {transform:translateX(-100px);cursor:pointer;width:50px;height:50px;background-color:#F4F4F4;border-radius:50%;position:absolute;left:26px;top:50%;margin-top:-50px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part4 .prev::before {content:'';display:block;width:8px;height:13px;background-image:url(../images/prev-ico2.png);position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6.5px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part4 .next {transform:translateX(100px);cursor:pointer;width:50px;height:50px;background-color:#F4F4F4;border-radius:50%;position:absolute;right:26px;top:50%;margin-top:-50px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part4 .next::before {content:'';display:block;width:8px;height:13px;background-image:url(../images/next-ico2.png);position:absolute;left:50%;margin-left:-3px;top:50%;margin-top:-6.5px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part5 {overflow:hidden;}
.p-part5 .ms{width:100%; height:400px;overflow-x:hidden; overflow-y: auto;}
.p-part5 table {width:100%!important;border:none;border-collapse:collapse;border-spacing:0; table-layout: fixed;word-break: break-all; word-wrap: break-word;}
.p-part5 table tr {background-color:#F7F9FC;height:36px!important;line-height:36px;color:#4D4D4D;font-size:12px;text-align:left!important;}
.p-part5 table tr td {border:none!important;padding:0 10px;vertical-align:text-top;text-align:left!important;color:#000000!important;}
.p-part5 table tr td p{text-align:left!important;color:#000!important;text-indent:0!important;}
.p-part5 table tr td span{color:#000!important;text-indent:0!important;}
.p-part5 table tr td:last-child {border:none!important;}
.p-part5 table tr td b {font-weight:bold;color:#000;margin:0 10px;}
.p-part5 table tr:nth-child(1) {height:56px;background-color:#69968f;color:#fff;font-size:14px;border:none;line-height:30px;}
.p-part5 table tr:nth-child(1) td{vertical-align:middle;color:#fff!important;}
.p-part5 table tr:nth-child(1) td p{color:#fff!important;}
.p-part5 table tr:nth-child(1) td span{color:#fff!important;}
.p-part5 table tr:nth-child(1) th {border-right:none!important;}
.p-part5 table tr:nth-child(1) th:last-child {border:none;}
/* .p-part5 table tr:nth-child(2) {height:76px;}
.p-part5 table tr:nth-child(2) td {height:76px;}
.p-part5 table tr:last-child {height:76px;}
.p-part5 table tr:last-child td {height:76px;} */
.p-part5 .ms > p:last-child {position: sticky; bottom: 0;left: 0; background: #fff;padding-top: 1rem;}
.p-part6 {padding-bottom:60px;overflow:hidden;}
.p-part6 .down {}
.p-part6 .down .item {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;display:block;width:30%;float:left;margin-right:5%;margin-bottom:50px;position:relative;height:87px;padding:22px 0;padding-left:75px;border-bottom:1px solid #F0F0F0;}
.p-part6 .down .item::before {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';width:30px;height:30px;background-image:url(../images/pdf-ico.png);position:absolute;top:26px;left:24px;background-size:100% 100%;}
.p-part6 .down .item .word {}
.p-part6 .down .item .word h3 {font-size:18px;color:#333;margin-bottom:8px;}
.p-part6 .down .item .word p {font-size:14px;color:#666;}
.p-part6 .down .item i {display:block;width:90px;height:87px;position:absolute;right:0;top:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.p-part6 .down .item i::before {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';display:block;width:1px;height:40px;background-color:#F0F0F0;position:absolute;right:89px;top:50%;margin-top:-20px;}
.p-part6 .down .item i::after {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';display:block;width:44px;height:33px;background-image:url(../images/down-icon2.png);position:absolute;top:50%;margin-top:-16.5px;left:50%;margin-left:-22px;}
.p-part6 .down .item:nth-child(3n) {margin-right:0;}

.p-part6 .down .item.pdf::before{background-image:url(../images/pdf-ico.png);}
.p-part6 .down .item.cad::before{background-image:url(../images/pdf-ico1.png);} 
.p-part6 .down .item.zip::before{background-image:url(../images/pdf-ico2.png);} 

/*
.p-part6 .down .item:nth-child(1)::before{background-image:url(../images/pdf-ico.png);}
.p-part6 .down .item:nth-child(2)::before{background-image:url(../images/pdf-ico1.png);} 
.p-part6 .down .item:nth-child(3)::before{background-image:url(../images/pdf-ico2.png);} 
.p-part6 .down .item:nth-child(4)::before{background-image:url(../images/pdf-ico3.png);} 
*/
/*视频弹出*/
.z_tanchuang {position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:100;}
.z_tanchuang .tbox {display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle;}
/* 弹窗内容 */
.z_tanchuang .tbox .modal {background:white;padding:0px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;margin:0 auto;}
.z_tanchuang .tbox .modal .out {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../images/out.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer;}
.z_tanchuang .tbox .modal .img {width:100%;max-width:600px;margin:0 auto;overflow:hidden;height:calc(90% - 100px);}
.z_tanchuang .tbox .modal .img video {display:block;width:100%;max-width:100%;max-height:90%;object-fit:cover;}
.z_tanchuang .tbox .modal .img img {margin:0 auto;}
.z_tanchuang .tbox .modal2 {padding:20px;}
.z_tanchuang .tbox .modal .img {max-width:1200px;}
/* 弹窗选中 */
.z_tanchuang.one {transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;}
.z_tanchuang.one .tbox .modal {transform:scale(0);animation:zoomIn 0.5s 0.8s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn 0.5s 0.8s cubic-bezier(0.165,0.84,0.44,1) forwards;}
.z_tanchuang.one.out {transform:scale(1);animation:unfoldOut 1s 0.3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s 0.3s cubic-bezier(0.165,0.84,0.44,1) forwards;}
.z_tanchuang.one.out .tbox .modal {animation:zoomOut 0.5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut 0.5s cubic-bezier(0.165,0.84,0.44,1) forwards;}
/* 弹窗动画 */
@keyframes unfoldIn {0% {transform:scaleY(0.005) scaleX(0);}
50% {transform:scaleY(0.005) scaleX(1);}
100% {transform:scaleY(1) scaleX(1);}
}
@keyframes zoomIn {0% {transform:scale(0);}
100% {transform:scale(1);}
}
@keyframes zoomOut {0% {transform:scale(1);}
100% {transform:scale(0);}
}
@keyframes unfoldOut {0% {transform:scaleY(1) scaleX(1);}
50% {transform:scaleY(0.005) scaleX(1);}
100% {transform:scaleY(0.005) scaleX(0);}
}
@-webkit-keyframes zoomIn {0% {transform:scale(0);}
100% {transform:scale(1);}
}
@-webkit-keyframes zoomOut {0% {transform:scale(1);}
100% {transform:scale(0);}
}
@-webkit-keyframes unfoldOut {0% {transform:scaleY(1) scaleX(1);}
50% {transform:scaleY(0.005) scaleX(1);}
100% {transform:scaleY(0.005) scaleX(0);}
}
@-webkit-keyframes unfoldIn {0% {transform:scaleY(0.005) scaleX(0);}
50% {transform:scaleY(0.005) scaleX(1);}
100% {transform:scaleY(1) scaleX(1);}
}

/* 下载中心 */
.down{}
.down .left{position: sticky;top:140px;float: left;}
.down .left li{margin-bottom: 40px;}
.down .left li h3{font-size:18px;color:#333;margin-bottom: 28px;cursor: pointer;}
.down .left li h3 a{color:#333;transition: color .3s;}
.down .left .xl{display: none;}
.down .left .xl a{display: block; text-align: center;color:#959595;font-size:14px;margin-bottom: 22px;}
.down .left .xl a{color:#959595;transition: color .3s;}
.down .left li h3.active{color:#69968f;}
.down .left li h3.active a{color:#69968f;}
.down .left li .xl a.active{color:#69968f}
.down .right{width:74%;float: right;}
.down .right ul.act li{padding:30px; float: left; box-sizing: border-box;width: calc(50% - 15px);margin-right: 30px;border:1px solid #EEEEEE;margin-bottom: 30px;}
.down .right ul.act li .img{width:150px;overflow: hidden;height:190px;}
.down .right ul.act li .img img{display: block;width: 100%;transition: all .3s;}
.down .right ul.act li .word{width:calc(100% - 190px);margin-left: 40px;}
.down .right ul.act li .word h3{color:#000;font-size:26px;}
.down .right ul.act li .word p{font-size:16px;line-height: 24px;height:48px;overflow: hidden;margin-top:14px;margin-bottom: 36px;}
.down .right ul.act li .word .dow{}
.down .right ul.act li .word .dow a{font-size:14px;color:#959595;display: inline-block;margin-right: 25px;transition: color .3s;}
.down .right ul.act li:nth-child(2n){margin-right: 0;}

.down .right .act1{}
.down .right .act1 a.item{display: block; transition: all .3s; padding:50px 30px 40px 30px;border:1px solid #EEEEEE;width:calc(25% - 21px);float: left;text-align: center;margin-right:20px;margin-bottom: 28px;}
.down .right .act1 a.item .ico{width: 52px;height:52px;margin:0 auto 30px;border-radius: 12px;overflow: hidden;}
.down .right .act1 a.item h3{color:#1A1A1A;font-size:18px;}
.down .right .act1 a.item p{color:#4D4D4D;font-size:14px;line-height: 20px;height:40px;margin:12px 0 66px;}
.down .right .act1 a.item span{font-size:14px;color:#959595;display: inline-block;transition: color .3s;}
.down .right .act1 a.item:nth-child(4n){margin-right: 0;}

/* 加入我们 */
.jobs{background-color: #F9F9F9;}

.jobs li{cursor: pointer; float: left;width: calc(33.333333% - 50px);margin-right:25px;margin-bottom: 25px;}
.jobs li .jj{background-color: #fff;padding:35px;transition: all .3s;}
.jobs li .jj .tit{height:24px;line-height: 24px;overflow: hidden;}
.jobs li .jj .tit h3{color:#333;float: left;}
.jobs li .jj .tit h3 span{display: inline-block;width: 24px;height:24px;background-color: #E62310;color:#fff;text-align: center;font-size:16px;line-height: 24px;}
.jobs li .jj .tit p{float: right;color:#E62310;font-size:20px;}
.jobs li .jj .ms{color:#808080;font-size:16px;margin:30px 0;}
.jobs li .jj .time{color:#808080;font-size:16px;height:16px;line-height: 16px;}
.jobs li .jj .time p{float: left;}
.jobs li .jj .time span{float: right;}


.jobs li .tc{display: none; position: fixed;top:0;left:0;background-color: rgba(0,0,0,0.27);z-index:9999999;width: 100vw;height:100vh;}
.jobs li .tc .ny{width:54vw;height:60vh; background-color: #fff;position: relative;left:23vw;top:20vh;overflow-y: auto;padding:40px 50px;}
.jobs li .tc p.close{transition: all .3s; width: 21px;height:21px;background-image: url(../images/jobs-colse.png);position: absolute;top:calc(20vh + 40px);right:calc(23vw + 50px);z-index:4;}
.jobs li .tc .ny::-webkit-scrollbar {width:4px;height:1px;}
.jobs li .tc .ny::-webkit-scrollbar-thumb {background:#69968f;}
.jobs li .tc .ny::-webkit-scrollbar-track {background:#fff;}
.jobs li .tc .ny .top{padding-bottom: 20px;position: relative;}
.jobs li .tc .ny .top p.time{color: #979797;font-size:14px;}
.jobs li .tc .ny .top h3{color:#333;margin:20px 0;font-size:24px;}
.jobs li .tc .ny .top h3 span{display: inline-block;width: 24px;height:24px;background-color: #E62310;color:#fff;text-align: center;font-size:16px;line-height: 24px;}
.jobs li .tc .ny .top p.jianjie{color: #979797;font-size:14px;margin-bottom: 20px;}
.jobs li .tc .ny .top p.adr{color:#4D4D4D;font-size:14px;}
.jobs li .tc .ny .top p.xz{color:#E62310;font-size:26px;position: absolute;bottom:20px;right:0;}

.jobs li .tc .ny .middle{padding:30px 0;border-top: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;}
.jobs li .tc .ny .middle .tip{margin-bottom:30px;}
.jobs li .tc .ny .middle .tip a{display: inline-block;background-color: #69968f;color:#fff;font-size:12px;padding:9px 16px;border-radius: 14px;margin-right: 22px;}
.jobs li .tc .ny .middle .xx{color:#4D4D4D;font-size:14px;line-height: 32px;}

.jobs li .tc .ny .bottom{margin-top:30px;font-size:14px;line-height: 26px;}
.jobs li .tc .ny .bottom a.email{color:#0000FF;}
.jobs li .tc .ny .bottom .btn{margin-top:30px;}
.jobs li .tc .ny .bottom .btn a.more{display: inline-block;margin-right:32px;box-shadow: none;border: 1px solid #EEEEEE;}

/* 新闻中心 */
.news{background-color: #f9f9f9;}
.news .n-tab{margin-bottom: 50px;}
.news .n-tab a{position: relative; display: inline-block;width: 210px;height:54px;line-height: 54px;color:#4D4D4D;font-size:16px;border-radius: 27px;text-align: center;margin-right:24px;transition: background-color .3s,color .3s;}
.news .n-tab a.active{color:#fff;background-color: #69968f;}
.news .n-tab a:hover{color:#fff;background-color: #69968f;}
.news .n-list{padding:0 100px;background-color: #fff;}
.news .n-list a.item{width:100%;box-sizing: border-box;border-bottom: 1px solid #E4E4E4;padding:70px 0;}
.news .n-list a.item .word{width: 42%;display: inline-block;}
.news .n-list a.item .word span.time{color:#69968f;font-size:30px;font-family:"bahnschrift";}
.news .n-list a.item .word h3{font-size:22px;line-height: 32px;height:64px;overflow: hidden;color:#333;margin-top:45px;}
.news .n-list a.item .word p{font-size:14px;line-height: 24px;height:48px;overflow: hidden;color:#666;margin-top:20px;}
.news .n-list a.item .word .more {margin-top:55px; border: 1px solid #EEEEEE; position:relative;overflow:hidden;font-weight:700;display:block;width:230px;height:50px;background-color:#fff;border-radius:30px;font-size:16px;text-align:center;line-height:50px;color:#69968f;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.news .n-list a.item .word .more span {position:relative;z-index:3;color:#69968f;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.news .n-list a.item .word .more::before {content:'';display:block;width:0;height:100%;background-color:#69968f;position:absolute;left:0;top:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.news .n-list a.item .word .more i {display:inline-block;width:21px;height:5px;background-image:url(../images/more-ico2.png);margin-left:14px;position:relative;top:-3px;}

.news .n-list a.item .img{width:50%;display: inline-block;margin-left:8%;overflow: hidden;}
.news .n-list a.item .img img{display: block;width: 100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}

.news .n-list a.item:last-child{border-bottom: none;}

/*分页*/
.fy{text-align: center;background-color: #fff;padding:70px 0;}
.fy a{display: inline-block;color:#808080;height:33px;line-height: 33px;padding:0 7px;margin-right: 5px;transition: background-color .3s,color .3s;}
.fy a.prev{width:6px;height:10px;background:url(../images/fy-prev1.png) no-repeat;transition: background-image .3s;}
.fy a.next{width:6px;height:10px;background:url(../images/fy-next1.png) no-repeat;margin-left: 5px;transition: background-image .3s;}
.fy a.active{background: #69968f;color: #fff;}
/* 新闻详细 */
.news-show{margin-top:210px;}
.news-show .tit{text-align: center;max-width: 62%;margin:0 auto 35px;}
.news-show .tit h1{color: #333;font-size:32px;line-height: 46px;margin-bottom: 35px;}
.news-show .tit p.time{font-size:16px;color:#3E3A39;}
.news-show .ms{padding:35px 0;border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;font-size:14px;line-height: 28px;color:#3E3A39;}
.news-show .ms img{max-width: 100%;}

.news-show .ms table{width:700px;margin:0 auto;max-width:100%}
.news-show .ms table img{display:block;}

.show_next{padding:50px 0;width:100%;}
.show_next p{color:#8D8D8D;font-size:14px;line-height: 20px;margin-bottom: 10px;}
.show_next a{color:#000000;transition: color .3s;}
.show_next a.more{box-shadow: none;border: 1px solid #EEEEEE;}

/* 联系我们 */
.contact{}
.contact .tit{color:#000;font-size:22px;margin-bottom: 55px;}
.contact ul{}
.contact ul li{position: relative; float: left;background-color: #F7F7F7;padding:67px 57px;width:calc(33.3333% - 27px);margin-right:40px;margin-bottom: 40px;transition: all .3s;}
.contact ul li::before{content: '';display: block;width: 0;height:3px;background-color: #69968f;position: absolute;left:0;bottom:0;transition: all .3s;}
.contact ul li h3{color:#333;font-size:16px;line-height: 34px;}
.contact ul li h3 span{font-weight: bold;font-size:34px;display: inline-block;margin-right: 24px;position: relative;padding-bottom: 20px;transition: all .3s;}
.contact ul li h3 span::before{content: '';display: block;width: 28px;height: 3px;background-color: #69968f;position: absolute;left:0;bottom:0;}
.contact ul li .ms{margin-top: 30px;color:#666666;font-size:14px;line-height: 30px;height:120px;overflow: hidden;}

.contact ul li:nth-child(3n){margin-right: 0;}

.contact1{background-color: #f9f9f9;}
.contact1 .layout{width: 930px;margin:0 auto;max-width: 96%;}
.contact1 .layout .tit{color:#333;font-weight: bold;font-size:40px;text-align: center;margin-bottom: 60px;}
.contact1 .layout li{width:calc(33.33333% - 7px);float: left;height:54px;border-radius: 3px;overflow: hidden;border: 1px solid #eee;margin-right:10px;margin-bottom: 10px;}
.contact1 .layout li:nth-child(3n){margin-right:0;}
.contact1 .layout li input{width: 100%;height:54px;color:#808080;font-size:14px;box-sizing: border-box;padding:0 20px;}
.contact1 .layout li select{width: 100%;height:54px;color:#808080;font-size:14px;box-sizing: border-box;padding:0 20px;border: none;outline: none;}
.contact1 .layout li:last-child{width: 100%;height:auto;}
.contact1 .layout li textarea{width: 100%;height:163px;color:#808080;font-size:14px;box-sizing: border-box;padding:20px;border: none;outline: none;}

.contact1 .layout button{border: none;outline: none;margin:40px auto;border: 1px solid #eee;box-shadow: none;cursor: pointer;}
.contact1 .layout p.tip{color:#FF0000;font-size:12px;text-align: center;}

/* 工程案例 */
.case{}
.case .col-top{margin-bottom: 100px;}
.case .col-top .left{float: left;}
.case .col-top .left h3{color:#FFA11A;font-size:30px;margin-bottom: 35px;}
.case .col-top .left p{font-size: 40px;color:#333;line-height: 50px;font-weight: bold;}
.case .col-top .right{float: right;}
.case .col-top .right h3{color:#000;font-size:20px;margin-bottom: 15px;}
.case .col-top .right .tab {margin-bottom: 30px;}
.case .col-top .right .tab a {display:inline-block;font-size:16px;color:#4D4D4D;padding:0 26px;height:36px;line-height:36px;border-radius:30px;margin-right:24px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.case .col-top .right .tab a:last-child {margin-right:0;}
.case .col-top .right .tab a.active {background-color:#69968f;color:#fff;}
.case .col-top .right .form{display: block;width: 100%;position: relative;border-radius: 22px;border:1px solid #EBEBEB;font-size:14px;padding:0 45px;}
.case .col-top .right .form::before{content: '';width: 16px;height:16px;background-image: url(../images/case-ser.png);position: absolute;left:20px;top:50%;margin-top:-8px;}
.case .col-top .right .form input{width: 100%;height:44px;box-sizing: border-box;}
.case .col-top .right .form button{cursor: pointer; display: block; width: 90px;height:30px;border-radius: 15px; position: absolute;right:10px;top:50%;margin-top:-15px; background-color: #69968f;color:#fff;font-size: 14px;text-align: center;outline: none;border: none;}

.case .col-bottom{
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.case .col-bottom a.item{display: block;width: calc(50% - 22px);margin-right:44px;position: relative;}
.case .col-bottom a.item .img {width:100%;overflow:hidden;position:relative;}
.case .col-bottom a.item .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.case .col-bottom a.item .word {padding:36px 24px 10px 24px;position: relative;}
.case .col-bottom a.item .word h3 {font-size:28px;color:#333;font-weight:bold;margin-bottom:15px;}
.case .col-bottom a.item .word p {font-size:16px;line-height:24px;height:48px;color:#666;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.case .col-bottom a.item:nth-child(2n){margin-right: 0;margin-top:90px;}
.case .col-bottom a.item .adr{color:#69968f;font-size:16px;display: inline-block;padding-left: 20px;position: absolute;right:24px;top:40px;}
.case .col-bottom a.item .adr::before{content: '';display: block;width: 16px;height:16px;background-image: url(../images/adr-ico.png);position: absolute;left:0;top:0;}

/* 案例详情 */
.case-show{}
.case-show .col-top{margin-bottom: 110px;}
.case-show .col-top .left{float: left;font-size:40px;font-weight: bold;color:#333;max-width: 30%;line-height: 1.2;}
.case-show .col-top .right{width: 66%;float: right;color:#333;font-size:14px;line-height: 20px;text-align: justify;}
.case-show .col-top .right p{margin-bottom: 15px;}

.case-show .col-middle{position: relative;width:100%;display: flex;}
.case-show .col-middle .pic{width:62%;margin:0;position: relative;z-index:2;}
.case-show .col-middle .pic .img{width: 100%;overflow: hidden;}
.case-show .col-middle .pic .img img{display: block;width: 100%;transition: all .3s;}

.case-show .col-middle .word{width:calc(38% + 20px);background-color: #F7F7F7;position: relative;top:30px;right:20px;z-index:3;}
.case-show .col-middle .word .swiper-slide{padding:100px 80px;box-sizing: border-box;}
.case-show .col-middle .word .swiper-slide h3{color:#333;font-size:28px;margin-bottom: 35px;}
.case-show .col-middle .word .swiper-slide p{font-size:16px;line-height: 24px;}

.case-show .col-middle .word .swiper-pagination{width: 60px; bottom:100px;text-align: left;left:154px;color:#AFAFAF;font-style: italic;z-index:5;}
.case-show .col-middle .word .swiper-pagination .swiper-pagination-current{color:#333;font-size:26px;}

.case-show .col-middle .word .prev{transition: background-color .3s; cursor: pointer; width:50px;height:50px;border-radius: 50%;position: absolute;left:80px;bottom:87px;z-index:6;}
.case-show .col-middle .word .prev::before{transition: background-image .3s; content: '';display: block;width:8px;height:13px;background-image: url(../images/prev-ico2.png);position: absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6.5px;}

.case-show .col-middle .word .next{transition: background-color .3s;cursor: pointer; width:50px;height:50px;border-radius: 50%;position: absolute;left:230px;bottom:87px;z-index:6;}
.case-show .col-middle .word .next::before{transition: background-image .3s;content: '';display: block;width:8px;height:13px;background-image: url(../images/next-ico2.png);position: absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6.5px;}

.case-show .col-middle .word .prev:hover,.case-show .col-middle .word .next:hover{background-color: #69968f;}
.case-show .col-middle .word .prev:hover::before{background-image: url(../images/prev-ico1.png);}
.case-show .col-middle .word .next:hover::before{background-image: url(../images/next-ico1.png);}

.case-show .p-part3 .tit{color:#333;font-size:40px;font-weight: bold;margin-bottom: 40px;text-align: center;}

.case-show1{background-color: #F8F8F8;}
.case-show1 .tit{color:#333;font-size:40px;font-weight: bold;margin-bottom: 40px;}
.case-show1 a.item {display:block;float:left;background-color:#fff;box-sizing:border-box;padding:50px 0;border:1px solid #f4f4f4;margin-bottom:50px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.case-show1 a.item:nth-child(3n) {margin-right:0;}
.case-show1 a.item .tip {font-size:14px;color:#333;padding:0 40px;}
.case-show1 a.item .img {width:100%;padding:0 40px;overflow:hidden;}
.case-show1 a.item .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.case-show1 a.item .word {border-top:1px solid #f4f4f4;padding-top:50px;padding:50px 40px 0;}
.case-show1 a.item .word h3 {color:#333;font-size:22px;margin-bottom:10px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.case-show1 a.item .word p {color:#666;font-size:14px;height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: none;}

.case-show1 .swiper-pagination{position: relative;bottom:0;}
.case-show1 .swiper-pagination-bullet{width:24px;height:12px;border-radius: 6px;background-color: #E0E0E0;opacity: 1;}
.case-show1 .swiper-pagination-bullet-active{background-color: #69968f;width:44px;}

.case-show2{background-image: url(../images/case-show-bg.jpg);width:100%;padding:60px 0;margin-bottom: 100px;}
.case-show2 h3{color:#fff;font-size:40px;font-weight: bold;margin-bottom: 40px;text-align: center;}
.case-show2 a.more{margin:0 auto;}


/* 关于我们 */
.about{}
.about .col-top{margin-bottom: 110px;}
.about .col-top .left{max-width: 20%;font-size:40px;font-weight: bold;color:#333;float: left;}
.about .col-top .right{font-size:16px;line-height: 26px;color:#333;width: 75%;float:right;}
.about .col-middle{margin-bottom: 80px;}
.about .col-middle .left{width: 52%;float: left;}
.about .col-middle .left .img{width: 100%;overflow: hidden;}
.about .col-middle .left .img img{display: block;width: 100%;transition: all .3s;}
.about .col-middle .left .ms{color:#333;font-size:16px;line-height: 26px;margin-top:65px;}
.about .col-middle .left .ms h3{font-size:34px;color:#333;margin-bottom: 20px;}
.about .col-middle .left .ms p{margin-bottom: 30px;}
.about .col-middle .right{float:right;width:36%;overflow: hidden;margin-top:140px;}
.about .col-middle .right img{display: block;width: 100%;transition: all .3s;}

.about .col-bottom{}
.about .col-bottom .img{width: 100%;overflow: hidden;}
.about .col-bottom .img img{display: block;width: 100%;transition: all .3s;}
.about .col-bottom .ms{color:#333;font-size:16px;line-height: 26px;margin-top:65px;}
.about .col-bottom .ms h3{font-size:34px;color:#333;margin-bottom: 20px;}
.about .col-bottom .ms p{margin-bottom: 30px;}

.about1{background-color: #F9F9F9;}
.about1 .tit{color:#333;font-size:40px;font-weight: bold;margin-bottom: 40px;}
.about1 .swiper-container{position: relative;/* padding-top:100px; */}
.about1 .swiper-wrapper{width:5791px; height:695px;}
.about1 .swiper-container-horizontal>.swiper-scrollbar{position: relative;margin-top:50px;}
.about1 .swiper-slide{height:110px;z-index:3;width: 350px;text-align: center;}
.about1 .swiper-slide::before{background-color: #fff;}
.about1 .swiper-slide .img{width:160px;height:110px;overflow: hidden;display: inline-block;}
.about1 .swiper-slide .img img{display: block;width: 100%;}
.about1 .swiper-slide .ms{color:#666;font-size:16px;line-height: 28px;max-width:170px;display: inline-block;margin-right:20px;text-align: left;}
.about1 .swiper-slide .ms .time{color:#333;font-size: 40px;font-family:"bahnschrift";margin-bottom: 10px;line-height: 40px;}
.about1 .swiper-scrollbar{border-radius: 0;background-color: #D8D8D8;height:1px;}
.about1 .swiper-scrollbar-drag{height:3px;background-color: #69968f;top:-1px;}
.about1 .swiper-slide:nth-child(2n){flex-direction: row-reverse;}
.about1 .swiper-slide:nth-child(2n) .ms{margin-right:0;}
.about1 .swiper-slide:nth-child(2n) .img{margin-right:20px;}
.about1 .bg{width: 5791px;height:462px;background-image: url(../images/about1-bg.png);position: absolute;left:0;top:50%;margin-top:-240px;z-index:-1;}
.about1 .bg1{width: 300px;height:462px;background-image: url(../images/about1-bg1.png);position: absolute;left:0;top:50%;margin-top:-240px;z-index:2;transition: all .3s;}

.about1 .swiper-slide:nth-child(1){position: absolute;bottom:13%;left:0;}
.about1 .swiper-slide:nth-child(1)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:0;top:-20%;}
.about1 .swiper-slide:nth-child(2){position: absolute;top:21%;left:0%;}
.about1 .swiper-slide:nth-child(2)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:69%;bottom:-47%;}
.about1 .swiper-slide:nth-child(3){position: absolute;top:30%;/* left:30%; */left:8.3%;}
.about1 .swiper-slide:nth-child(3)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:0%;bottom:-34%;}
.about1 .swiper-slide:nth-child(4){position: absolute;bottom:19%;/* left:42%; */left:11.6%;}
.about1 .swiper-slide:nth-child(4)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:59%;top:-30%;}
.about1 .swiper-slide:nth-child(5){position: absolute;bottom:41%;/* left:72%; */left: 19.8%;}
.about1 .swiper-slide:nth-child(5)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:-5%;top:-7%;}
.about1 .swiper-slide:nth-child(6){position: absolute;bottom:71%;/* left:78%; */left: 21.4%;}
.about1 .swiper-slide:nth-child(6)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:54%;bottom:-50%;}
.about1 .swiper-slide:nth-child(7){position: absolute;bottom:30%;/* left:100%; */left: 27.5%;}
.about1 .swiper-slide:nth-child(7)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:15%;top:-39%;}
.about1 .swiper-slide:nth-child(8){position: absolute;bottom:79%;/* left:115%; */left: 31.6%;}
.about1 .swiper-slide:nth-child(8)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:51%;bottom:-28%;}
.about1 .swiper-slide:nth-child(9){position: absolute;bottom:17%;/* left:136%; */left: 37.3%;}
.about1 .swiper-slide:nth-child(9)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:29%;top:-42%;}
.about1 .swiper-slide:nth-child(10){position: absolute;bottom:40%;/* left:171%; */left: 46.9%;}
.about1 .swiper-slide:nth-child(10)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:-15%;top:-8%;}
.about1 .swiper-slide:nth-child(11){position: absolute;bottom:77%;/* left:177%; */left: 52.6%;flex-direction: row-reverse;}
.about1 .swiper-slide:nth-child(11)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:-23%;bottom:40%;}
.about1 .swiper-slide:nth-child(11) .ms{margin-right:0;}
.about1 .swiper-slide:nth-child(11) .img{margin-right:20px;}
.about1 .swiper-slide:nth-child(12){position: absolute;bottom:7%;/* left:197%; */left: 54.1%;}
.about1 .swiper-slide:nth-child(12)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:50%;top:-60%;}
.about1 .swiper-slide:nth-child(13){position: absolute;bottom:59%;/* left:221%; */left: 60.76%;flex-direction: row-reverse;}
.about1 .swiper-slide:nth-child(13)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:45%;bottom:-31%;}
.about1 .swiper-slide:nth-child(13) .ms{margin-right:0;}
.about1 .swiper-slide:nth-child(13) .img{margin-right:20px;}
.about1 .swiper-slide:nth-child(14){position: absolute;bottom:-2%;/* left:240%; */left: 65.92%;}
.about1 .swiper-slide:nth-child(14)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left:47%;top:-59%;}
.about1 .swiper-slide:nth-child(15){position: absolute;bottom:45%;/* left:255%; */left: 70%;}
.about1 .swiper-slide:nth-child(15)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left: 52%;bottom: -122%;}
.about1 .swiper-slide:nth-child(16){position: absolute;bottom:90%;/* left:288%; */left: 79.1%;}
.about1 .swiper-slide:nth-child(16)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #69968f;position: absolute;left: 44%;bottom: -82%;}
.about1 .swiper-slide-active::before{background-color: #69968f;}
.about1 .swiper-slide-next::before{background-color: #69968f;}

.about2{}
.about2 .tit{color:#333;font-size:40px;font-weight: bold;margin-bottom: 40px;}
.about2 .img{width: 100%;overflow: hidden;}
.about2 .img img{display: block;width: 100%;transition: .3s;}
.about2 .word{margin-top: 28px;}
.about2 .word h3{color:#333;font-size:22px;margin-bottom: 20px;}
.about2 .word .ms{font-size:16px;line-height: 26px;color:#666;height:130px;overflow: hidden;}
.about2 .swiper-pagination{position: relative;bottom:0;margin-top:20px;display: none;}
.about2 .swiper-pagination-bullet{background-color: #E0E0E0;opacity: 1;}
.about2 .swiper-pagination-bullet-active{background-color: #69968f;}

.about3{background-color: #F9F9F9;padding:35px 0;min-height: 870px;}
.about3 .w83{position: relative;}
.about3 .col-top{color:#333;font-size:16px;line-height: 26px;max-width: 555px;padding-top:80px;}
.about3 .col-top .tit{color:#333;font-size:40px;font-weight: bold;margin-bottom: 40px;line-height: 40px;}
.about3 .col-middle{width:400px;margin-top:114px;margin-left:180px;height:400px;position: relative;z-index:3;}
.about3 .col-middle .zl-scrollBar{background:#ccc;}
.about3 .col-middle li{cursor: pointer; padding:40px 28px;position: relative;background-color: #fff;transition: background-color .3s;}
.about3 .col-middle li::before{content: '';display: block;width: calc(100% - 56px);background-color: #F2F2F2;height:1px;position: absolute;bottom:0;left:28px;}
.about3 .col-middle li h3{color:#333;font-size:18px;margin-bottom: 10px;transition: color .3s;}
.about3 .col-middle li p{color:#4D4D4D;font-size:14px;transition: color .3s;line-height:24px;max-width:80%;}
.about3 .col-middle li span.num{color:#E5E5E5;font-size:52px;position: absolute;right:28px;bottom:40px;font-family:"DINPRO";transition: color .3s;}

.about3 .col-middle li.active{background-color: #69968f;}
.about3 .col-middle li.active::before{display: none;}
.about3 .col-middle li.active h3,.about3 .col-middle li.active p,.about3 .col-middle li.active span.num{color:#fff;}

.about3 .col-bottom{position: absolute;right:0;top:0;z-index:2;}
.about3 .col-bottom .adr{}
.about3 .col-bottom .adr dl{position: absolute;display: inline-block;}
.about3 .col-bottom .adr dl dt{color:#000;font-size:18px;transition: color .3s;}
.about3 .col-bottom .adr dl dt i{transition: background-image .3s;position: relative;top:10px; display: inline-block;width:23px;height:34px;background-image: url(../images/about3-ico1.png);margin:0 10px;}
.about3 .col-bottom .adr dl dd{display: none; background-color: #fff;padding:20px;position: absolute;left:50%;margin-left:-157.5px;bottom:50px;z-index:5;}
.about3 .col-bottom .adr dl dd .img{width: 275px;overflow: hidden;}
.about3 .col-bottom .adr dl dd .img img{display: block;width: 100%;transition: all .3s;}
.about3 .col-bottom .adr dl dd p{color:#333;font-size:16px;margin-top:15px;}

.about3 .col-bottom .adr dl.active dt{color:#69968f;}
.about3 .col-bottom .adr dl.active dt i{background-image: url(../images/about3-ico2.png);}
.about3 .col-bottom .adr dl.active dd{display: block;}

.about3 .col-bottom .adr dl:nth-child(1){right: 26%;top: 54%;}
.about3 .col-bottom .adr dl:nth-child(2){right: 33%;top: 33%;}
.about3 .col-bottom .adr dl:nth-child(3){right: 37%;top: 73%;}
.about3 .col-bottom .adr dl:nth-child(4){right:37%;top:57%;}
.about3 .col-bottom .adr dl:nth-child(5){right: 50%;top: 56%;}
.about3 .col-bottom .adr dl:nth-child(6){right: 24.5%;top:59%;}
.about3 .col-bottom .adr dl:nth-child(7){right: 37.5%;top: 71%;}
.about3 .col-bottom .adr dl:nth-child(8){right: 38.5%;top: 77%;}
.about3 .col-bottom .adr dl:nth-child(9){right: 30.5%;top: 74%;}

.about4{width: 100%;overflow: hidden;}
.about4 .tit{color:#333;font-size:40px;font-weight: bold;margin-bottom: 40px;}

.about4 .swiper-container{width:166%;left:-10.5%;}
.about4 .swiper-slide{width: 25%;position: relative;margin-right: 20px;}
.about4 .swiper-slide .img{width: 100%;overflow: hidden;}
.about4 .swiper-slide .img img{display: block;width: 100%; transition: all .3s;}
.about4 .swiper-slide .word{background-color: #fff;background-color: rgba(255,255,255,0.5);padding:30px 40px;position: absolute;bottom:20px;width: calc(100% - 52px);left:26px;}
.about4 .swiper-slide .word h3{font-size:22px;color:#000;margin-bottom: 18px;}
.about4 .swiper-slide .word p{color:#333;font-size:14px;line-height: 22px;height:44px;overflow: hidden;}
.about4 .swiper-pagination{position: relative;bottom:0;margin-top:20px;left:-13%;}
.about4 .swiper-pagination-bullet{background-color: #E0E0E0;opacity: 1;}
.about4 .swiper-pagination-bullet-active{background-color: #69968f;}

/*搜索页面*/
.search {margin-top:200px;}
.search .ss {display:table;margin:0 auto;width:83%;line-height:48px;border:1px solid #ECECEC;padding-left:10px;border-radius:6px;position:relative;}
.search .ss input {line-height:48px;width:calc(100% - 40px);background-color:transparent;}
.search .ss input::-webkit-input-placeholder {color:#fff;}
.search .ss input::-moz-placeholder {color:#fff;}
.search .ss input:-ms-input-placeholder {color:#fff;}
.search .ss input::placeholder {color:#fff;}
.search .ss .iconfont {display:block;width:40px;height:48px;position:absolute;top:0;right:0;border:none;background:none;outline:none;}
.search .s_btn {text-align:center;color:#fff;margin-top:50px;}



@media (max-width:1680px) {
	.i-product .ob .swiper-slide .word {margin-top:40px;}
	.i-product1 a.item .img{max-height:350px;}
}
@media (max-width:1600px) {
	.i-case .right .tit h3 {font-size:30px;}
}
@media (max-width:1480px) {
/*.product dl dd a.item .img{height:300px;}*/
.i-product1 a.item .img{max-height:307px;}
.i-case .right .tit .tab a {margin-right:10px;padding:0 20px;font-size:14px;}
.i-product .ob h3 {font-size:24px;}
header {padding:0 2%;}
.i-case .w83 {width:96%;}
header .right li {padding:0 30px;}
footer .foot1 {padding:60px 2%;}
footer .foot2 {padding:0 2%;}
.index-banner .swiper-slide .word {margin-top:-123px;left:7%}
.index-banner .index-p {left:7%;}
.index-banner .swiper-slide .word h3 {font-size:30px;margin-bottom:20px;}
.index-banner .swiper-slide .word p {font-size:16px;margin-bottom:100px;}
a.more,button.more,.news .n-list a.item .word .more {width:140px;height:40px;font-size:12px;line-height:40px;}
.index-banner .index-prev {left:3%;width:40px;height:40px;}
.index-banner .index-next {right:3%;width:40px;height:40px;}
.i-case .right .i-case-prev {width:40px;height:40px;left:20px;margin-top:-60px;}
.i-case .right .i-case-next {width:40px;height:40px;right:20px;margin-top:-60px;}
header .left .lang p {font-size:16px;}
.i-case .right .i-case-b .swiper-slide .word h3 {font-size:24px;}
.i-case .right .i-case-b .ob .word h3 {font-size:20px;}
.i-product .ob .i-product-prev,.i-product .ob .i-product-next {width:40px;height:40px;}
.ny-banner .word {margin-top:-53px;left:7.5%;}
.ny-banner .word h3 {font-size:30px;margin-bottom:20px;}
.ny-banner .word p {font-size:16px;}
.product dl dt h3 {font-size:30px;}
.ny-banner .word {margin-top:-62px;left:7.5%;}
.ny-banner .word h3 {font-size:30px;}
.ny-banner .word p {font-size:16px;padding-bottom:50px;}
.ny-banner .word1 {margin-top:-62px;left:7.5%;}
.ny-banner .word1 h3 {font-size:30px;}
.ny-banner .word1 p {font-size:16px;padding-bottom:50px;}
.ny-banner .word2 {margin-top:-62px;left:7.5%;}
.ny-banner .word2 h3 {font-size:30px;}
.ny-banner .word2 p {font-size:16px;padding-bottom:50px;}
.p-tit {font-size:30px;}
.p-part2 dl dd {padding:0 80px;}
.p-part1 .p-prev {width:40px;height:40px;margin-top:-80px;}
.p-part1 .p-next {width:40px;height:40px;margin-top:-80px;}
header .left .ser {height:30px;width:140px;top:36px;}
header .left .ser::before {width:10px;height:10px;background-size:100% 100%;margin-top:-5px;left:10px;}
header .left .ser input {height:30px;margin-left:30px;width:calc(100% - 30px);}
.i-product .ob .swiper-slide .word {margin-top:30px;}
.i-product,.i-product1 {padding:80px 0;}
.p-part4 .swiper-slide {width:460px;}
.pro-tc .other {padding:24px 0;}
#siteHeaderSearch{width:800px;margin-left: -400px;}
.search-box .search-input{width:400px;}

.p110{padding:80px 0;}
.news .n-list{padding: 0 60px;}
.news .n-list a.item{padding:40px 0;}
.news .n-list a.item .word span.time{font-size:24px;}
.news .n-list a.item .word h3{margin-top:20px;font-size:18px;line-height: 24px;height:48px;}
.news .n-list a.item .word .more{margin-top:30px;}

.news-show .tit h1{font-size:24px;line-height: 36px;}
.contact ul li{padding:40px 30px;}
.contact ul li h3 span{font-size:24px;}
.contact1 .layout .tit{font-size:30px;}
.w83{width:85%;}
.about .col-top .left{font-size:30px;}
.about .col-top .right{font-size:14px;line-height: 24px;}
.about .col-top{margin-bottom: 80px;}
.about .col-middle .left .ms h3{font-size:20px;}
.about .col-middle .left .ms{font-size:14px;line-height: 24px;margin-top: 30px;}
.about .col-middle .right{margin-top:90px;}
.about .col-bottom .ms{font-size:14px;line-height: 24px;margin-top:30px;}
.about .col-bottom .ms h3{font-size:20px;}

.about1 .tit,.about2 .tit,.about3 .col-top .tit,.about4 .tit,.case-show .p-part3 .tit,.case-show1 .tit,.case-show2 h3{font-size:30px;margin-bottom: 30px;}
.about3 .col-top{font-size:14px;line-height: 24px;}
.about2 .word h3{font-size:18px;}
.about2 .word .ms{font-size:14px;}
.about2 .word{margin-top:20px;padding:0 18px;}
.about3{min-height: auto;}
.about3 .col-middle{width:300px;margin-top:40px;}

.about3 .col-middle li span.num{bottom: 20px;font-size:40px;}
.about3 .col-middle li{padding:20px 14px;}
.about3 .col-bottom{/* right:-150px; */width:800px;}
.about3 .col-bottom .bg img{display: block;width: 100%;}
.about3 .col-bottom .adr dl dd .img{width:200px;}
.about3 .col-bottom .adr dl dt{font-size:14px;}
.about3 .col-bottom .adr dl dt i{width:15px;height:24px;background-size:100% 100%;}
.about4 .swiper-container{left: -11%;}
.about4 .swiper-slide .word{padding:20px 30px;}
.about3 .col-middle{margin-left:100px;margin-top:80px;}

.case .col-top .left h3{font-size:24px;}
.case .col-top .left p{font-size: 30px;line-height: 40px;}
.case .col-bottom a.item .word{padding:18px 12px 5px 12px;}
.case .col-bottom a.item .word h3{font-size:18px;}
.case .col-bottom a.item .word p{font-size:14px;}
.case .col-bottom a.item .adr{font-size:14px;top: 18px;}
.case .col-bottom a.item:nth-child(2n){margin-top: 50px;}
.case .col-top .right .tab a{font-size:14px;}

.case-show .col-top .left{font-size: 30px;}
.case-show .col-middle .word .swiper-slide{padding:50px 40px;}
.case-show .col-middle .word .prev{left:40px;}
.case-show .col-middle .word .swiper-pagination{left:114px;}
.case-show .col-middle .word .next{left:190px;}

.case-show .col-middle .word .swiper-slide h3{font-size:20px;margin-bottom: 15px;}
.case-show .col-middle .word .swiper-slide p{font-size:14px;}

.p-part3 .swiper-slide .play p{font-size:14px;}

.pt110{padding-top:80px;}
.pd110{padding-bottom: 80px;}
.case-show .col-top{margin-bottom: 80px;}

/* .about1 .swiper-slide:nth-child(3){left:38%;}
.about1 .swiper-slide:nth-child(4){left:53%;}
.about1 .swiper-slide:nth-child(5){left:91%;}
.about1 .swiper-slide:nth-child(6){left:85%;}
.about1 .swiper-slide:nth-child(7){left:120%;}
.about1 .swiper-slide:nth-child(8){left:145%;}
.about1 .swiper-slide:nth-child(9){left:174%;}
.about1 .swiper-slide:nth-child(10){left:216%;}
.about1 .swiper-slide:nth-child(11){left:177%;}
.about1 .swiper-slide:nth-child(12){left:197%;}
.about1 .swiper-slide:nth-child(13){left:221%;}
.about1 .swiper-slide:nth-child(14){left:240%;}
.about1 .swiper-slide:nth-child(15){left:255%;}
.about1 .swiper-slide:nth-child(16){left:288%;} */

.menu-tc .nav{padding: 40px 30px;}
.menu-tc .nav .col-bottom{width: calc(100% - 80px);}
.menu-tc .nav .col-middle dl dt{padding:20px 0;}

.case-show .col-top .right{max-height:130px;overflow-y: auto;}
.case-show .col-top .right::-webkit-scrollbar {width:4px;height:1px;}
.case-show .col-top .right::-webkit-scrollbar-thumb {background:#69968f;}
.case-show .col-top .right::-webkit-scrollbar-track {background:#fff;}

.news-show{margin-top:160px;}

.tabaa a{width: 130px;}
}
@media (max-width:1440px) {
.i-product1 a.item .img{max-height:297px;}
.product dl dd a.item{width:calc(100% / 4 - 5.25px);margin-right:7px;}
.product dl dd a.item:nth-child(5n){margin-right:7px;}
.product dl dd a.item:nth-child(4n){margin-right:0;}
}
@media (max-width:1366px) {
.i-product .ob .swiper-slide .word {margin-top:15px;}
.i-product .ob .swiper-slide .word h4 {font-size:24px;}
.i-product1 a.item .img{max-height:277px;}
}
@media (max-width:1280px) {
.i-product1 a.item .img{max-height:255px;}
.p-part5 table tr{font-size:12px;}
.p-part5 table tr:nth-child(1){font-size:14px;}
.i-product .ob h3 {padding-top:10px;}
.i-case .right .tit h3 {font-size:24px;}
.i-case .right .tit .tab a {font-size:12px;}
.i-case .right .i-case-b .swiper-slide .word h3,.i-product .ob .swiper-slide .word h4 {font-size:20px;}
.i-case .right .i-case-b .swiper-slide .word p,.i-product .ob .swiper-slide .word p {font-size:14px;}
.i-product .ob .swiper-slide .word p {margin-bottom:20px;}
#siteHeaderSearch{width:600px;}
.search-box .search-input{width:200px;}
.news .n-list{padding:0 30px;}
.news .n-list a.item{padding:20px 0;}
.contact ul li{padding:30px 20px;}
.contact ul li h3{font-size:14px;}
.contact ul li h3 span{font-size:20px;}
.contact ul li .ms{font-size:12px;}
.contact1 .layout .tit{font-size:24px;}
.p110{padding:60px 0;}
.about2 .word h3{margin-bottom: 15px;}
.about2 .word .ms{font-size:12px;}
.about3 .col-top{padding-top:60px;}
.about3 .col-middle{margin-top:30px;margin-left: 50px;width:300px;}
.about3 .col-middle li{padding:30px 15px;}
.about3 .col-middle li span.num{right:15px;bottom:36px;font-size:40px;}
.about3 .col-bottom{right:-190px;}

.case .col-top .right .tab a{font-size:12px;}

.down .right ul.act li .word h3{font-size:20px;}
.down .right ul.act li .word p{font-size:14px;}
.case-show .col-top{margin-bottom: 60px;}

.tabaa a{margin-right: 10px;width: 120px;}
}
@media (max-width:1200px) {
.product dl dd a.item{width:calc(100% / 4 - 4.05px);margin-right:5.4px;}
.product dl dd a.item:nth-child(5n){margin-right:5.4px;}
.product dl dd a.item:nth-child(4n){margin-right:0;}  
}
/* hover */
@media (min-width:1025px) {
header:hover {background-color:#fff;border-bottom:1px solid #ececec;}
header:hover .nav-ico {background-image:url(../images/nav-ico1.png);}
header:hover .nav-ico1 {color:#000;}
header:hover .wac-home>a {color:#000;}
header:hover .ser1 {color:#000;}
header:hover .ser1::before {background-image:url(../images/ser-ico.png);}
header:hover .lang p a {color:#000;}
header:hover .lang p::after {background-image:url(../images/down-ico1.png);}
header:hover a.logo img.oa {display:none;}
header:hover a.logo img.ob {display:block;}
.index-banner .index-prev:hover {background-color:#fff;}
.index-banner .index-prev:hover::before {background-image:url(../images/prev-ico2.png);}
.index-banner .index-next:hover {background-color:#fff;}
.index-banner .index-next:hover::before {background-image:url(../images/next-ico2.png);}
.i-product .ob .swiper-slide .word span.more:hover i {margin-left:25px;}
a.more:hover {background-color:#fff;}
a.more:hover::before {width:100%;}
a.more:hover span {color:#69968f;}
a.more:hover i {background-image:url(../images/more-ico2.png);}
button.more:hover {background-color:#fff;}
button.more:hover::before {width:100%;}
button.more:hover span {color:#69968f;}
button.more:hover i {background-image:url(../images/more-ico1.png);}

.news .n-list a.item .word .more:hover {background-color:transparent;}
.news .n-list a.item .word .more:hover::before {width:100%;}
.news .n-list a.item .word .more:hover span {color:#fff;}
.news .n-list a.item .word .more:hover i {background-image:url(../images/more-ico1.png);}

.i-case .right .i-case-prev:hover {background-color:#69968f;}
.i-case .right .i-case-prev:hover::before {background-image:url(../images/prev-ico1.png);}
.i-case .right .i-case-next:hover {background-color:#69968f;}
.i-case .right .i-case-next:hover::before {background-image:url(../images/next-ico1.png);}
.i-product .ob .i-product-prev:hover {background-color:#69968f;}
.i-product .ob .i-product-prev:hover::before {background-image:url(../images/prev-ico1.png);}
.i-product .ob .i-product-next:hover {background-color:#69968f;}
.i-product .ob .i-product-next:hover::before {background-image:url(../images/next-ico1.png);}
.i-product .ob .swiper-button-disabled:hover{background-color:transparent;}
.i-product .ob .i-product-next.swiper-button-disabled:hover::before{background-image:url(../images/next-ico2.png);}
.i-product .ob .i-product-prev.swiper-button-disabled:hover::before{background-image:url(../images/prev-ico2.png);}
.p-part1 .p-prev:hover {background-color:#69968f;}
.p-part1 .p-prev:hover::before {background-image:url(../images/prev-ico1.png);}
.p-part1 .p-next:hover {background-color:#69968f;}
.p-part1 .p-next:hover::before {background-image:url(../images/next-ico1.png);}
.p-part4 .prev:hover {background-color:#69968f;}
.p-part4 .prev:hover::before {background-image:url(../images/prev-ico1.png);}
.p-part4 .next:hover {background-color:#69968f;}
.p-part4 .next:hover::before {background-image:url(../images/next-ico1.png);}
.i-product1 a.item:hover {box-shadow:0px 0px 5px 1px rgba(0,0,0,0.03);border:1px solid transparent;}
.i-product1 a.item:hover .img img {transform:scale(1.05);}
.i-product1 a.item:hover .word h3 {color:#69968f;}
footer .foot1 .left dl dd a:hover,footer .foot2 a:hover {color:#333;}
.i-case .right .i-case-b .swiper-slide .img:hover img,.i-product .oa .swiper-slide .img:hover img,.i-product .ob .swiper-slide .img:hover img,.about2 .img:hover img,.about .col-middle .left .img:hover img,.about .col-middle .right:hover img,.about .col-bottom .img:hover img {transform:scale(1.05);}
.i-case .right .tit .tab a:hover,.case .col-top .right .tab a:hover {background-color:#69968f;color:#fff;}
header .lang .xl a:hover {background-color:#69968f;color:#fff!important;}
footer .foot1 .right .fx span:nth-child(1):hover {background-image:url(../images/wx-ico1.png);}
footer .foot1 .right .fx span:nth-child(2):hover {background-image:url(../images/wb-ico1.png);}
.menu-tc .nav .col-bottom .fx span:nth-child(1):hover {background-image:url(../images/wx-ico1.png);}
.menu-tc .nav .col-bottom .fx span:nth-child(2):hover {background-image:url(../images/wb-ico1.png);}
.menu-tc .nav .col-bottom .fx span:hover img {display:block;}
footer .foot1 .right .fx span:hover img {display:block;}
header .right li:hover a {color:#69968f;}
header .right li:hover::before {width:70%;}
.pro-tc .cp a.item:hover .img img {transform:scale(1.03);}
.pro-tc .cp a.item:hover p {color:#69968f;}
.i-case .right .i-case-b .oa:hover .i-case-prev {transform:translateX(0);}
.i-case .right .i-case-b .oa:hover .i-case-next {transform:translateX(0);}
.i-product1 a.item:hover,.jobs li:hover .jj{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.product dl dd a.item:hover,.case-show1 a.item:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.p-nav .c-nav a:hover {color:#69968f;font-weight:700;}
.p-nav .c-nav a:hover::after {width:100%;}
.product dl dd a.item:hover .word h3 {color:#69968f;}
.z_tanchuang .tbox .modal .out:hover {background:#fff url(../images/out2.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.p-part4:hover .prev,.p-part4:hover .next {transform:translateX(0);}
.p-part6 .down .item:hover {background-color:#fff;box-shadow:0 0 12px rgba(0,0,0,0.06);border-bottom:1px solid transparent;}
.p-part6 .down .item:hover i {background-color:#69968f;}
.p-part6 .down .item:hover i::before {background-color:transparent;}
.p-part6 .down .item:hover i::after {background-image:url(../images/down-icon1.png);}
.p-part2 dl dt:hover img,.p-part3 .swiper-slide:hover .img img,.p-part4 .swiper-slide:hover .img img {transform:scale(1.03);}
.p-part1 .oa .swiper-slide:hover img {transform:scale(1.03);}
.down .left h3:hover a,.down .left .xl a:hover,.down .right li .word .dow a:hover{color:#69968f;}
.down .right li .img:hover img{transform:scale(1.03);}

.down .right .act1 a.item:hover{border: 1px solid transparent;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.down .right .act1 a.item:hover span{color:#69968f;}

.jobs li .tc p.close:hover{transform: rotate(90deg);}
.news .n-list a.item .img:hover img,.about4 .swiper-slide .img:hover img,.about3 .col-bottom .adr dl dd .img:hover img,.case .col-bottom a.item .img:hover img,.case-show .col-middle .pic .img:hover img{transform: scale(1.03);}

.fy a:hover{background:#69968f;color:#fff;}
.fy a.prev:hover{background:url(../images/fy-prev2.png) no-repeat;}
.fy a.next:hover{background:url(../images/fy-next2.png) no-repeat;}
.show_next a:hover{color:#0000FF;}

.contact ul li:hover::before{width: 100%;}
.contact ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.05);background-color: #fff;}
.contact ul li:hover h3 span{color:#69968f}

.down .right ul.act li .word .dow a:hover{color:#69968f;}
}
/* 移动端 */
@media (max-width:1024px) {
.w83 {width:92%;}
.w75{width:92%;}
header {display:none;}
.header2 {display:block;}
.index-banner .swiper-slide .word {left:2%;}
.index-banner .index-prev,.index-banner .index-next {display:none;}
a.more,a.more {width:140px;height:40px;font-size:12px;line-height:40px;}
.i-case .left {display:none;}
.i-case .right {width:100%;float:none;}
.i-case .bg {display:none;}
.i-case .right .tit h3 {width:100%;margin-bottom:20px;}
.i-case .right .tit .tab {float:none;width:100%;white-space:nowrap;overflow-x:scroll;}
.i-case .right .i-case-b .oa {width:100%;}
.i-case .right .i-case-b .ob {display:none;}
.i-case .right a.more {position:relative;right:auto;bottom:auto;margin-top:20px;background-color:#F9F9F9;margin:20px auto 0;}
.i-case .right .i-case-prev {left:0;}
.i-case .right .i-case-next {right:0;}
.i-product {padding:0 0 30px 0;}
.i-product .oa {width:100%;float:none;display:none;}
.i-product .ob {width:100%;float:none;margin-left:0;}
.i-product1 {padding:30px 0;}
.i-product1 .w83 {width:92%;white-space:nowrap;overflow-x:scroll;}
.i-product1 a.item {padding:20px 0;margin-bottom:20px;width:80%;float:none;display:inline-block;}
.i-product1 a.item .word {padding:20px 15px 0 15px;}
.i-product1 a.item:nth-child(3n) {margin-right:3.5%;}
footer .foot1 {padding:30px 2%;}
footer .foot1 .left {display:none;}
footer .foot1 .right {width:100%;float:none;text-align:center;max-width: 100%;}
footer .foot1 .right dl{display: none;}
footer .foot1 .right p.time {margin-bottom:30px;}
footer .foot2 {height:40px;line-height:40px;text-align:center;}
footer .foot2 .fl {float:none;}
footer .foot2 .fl a:nth-child(1),footer .foot2 .fl a:nth-child(2) {display:none;}
footer .foot2 .fr {display:none;}
.index-banner .swiper-slide .mm{display:block;height:100%;}
.index-banner .swiper-slide .img img.pc {display:none;}
.index-banner .swiper-slide .img img.m {display:block;}
.index-banner .swiper-slide video{display:none!important}
.index-banner .swiper-slide img.mm{display:block;}
.index-banner .swiper-slide .word {margin-top:-112px;}
.index-banner .swiper-slide .word h3 {transform:translateY(0);opacity:1;transition-duration:0s;transition-delay:0s;font-size:20px;margin-bottom:20px;}
.index-banner .swiper-slide .word p {transform:translateY(0);opacity:1;transition-duration:0s;transition-delay:0s;font-size:12px;max-width:70%;margin-bottom:60px;}
.index-banner .swiper-slide .word a.more {transform:translateY(0);opacity:1;transition-duration:0s;transition-delay:0s;}
.index-banner .index-p {left:0%;text-align:center;bottom:40px;}
.i-case .right .i-case-b .swiper-slide .word {padding:20px 2%;}
.i-case .right .i-case-prev,.i-case .right .i-case-next,.i-product .ob .i-product-prev,.i-product .ob .i-product-next {width:40px;height:40px;}
.i-case {padding:30px 0;background-color:#FFFFFF;}
.i-product .ob .swiper-slide .word {margin-top:20px;}
.header2 .lang {right:7%;}
.i-case .right .i-case-prev,.i-case .right .i-case-next,.i-product .ob .i-product-prev,.i-product .ob .i-product-next {display:none;}
.i-case .right .i-case-b .oa .swiper-pagination,.i-product .ob .swiper-pagination {display:block;}
.ny-banner .img img.pc {display:none;width:100%;}
.ny-banner .img img.m {display:block;width:100%;}
.ny-banner .word {left:4%;margin-top:-24px;width:92%;}
.ny-banner .word h3 {font-size:24px;margin-bottom:10px;}
.ny-banner .word p {font-size:14px;line-height:24px;height:48px;}
/*.p-sx {display:none;}*/
.p-sx.active .other1{left:50px;}
.p-sx{height:80px;opacity:0.6;width:30px;top:50vh;}
/* .p-sx.fix{top: 50vh;} */
.p-sx .other{height:100px;width:30px;}
.p-sx .other span{padding-top:16px;font-size:12px;height:70px;}
.p-sx .other span::before{display:none;}
.p-sx::after, .p-sx::before{width:10px;height:10px;left:10px;}
.p-sx .other1 .tit h3{font-size:20px;}
.p-sx .other1 .tit p{font-size:12px;}
.p-sx .other1 dl dt{width:100%;float:none;margin-bottom:20px;font-size:14px;}
.p-sx .other1 dl dd{width:100%;max-width:100%}
.p-sx .other1 dl dd a img{display:none;}
.p-sx .other1 dl dd a{width:48%;height:40px;margin-right:2%;margin-bottom:10px;padding:0;text-align:center;line-height:40px;}
.p-sx .other1 dl dd a:nth-child(2n){margin-right:0;}
.p-sx .other1 dl dd a span{text-align:center;float:none;font-size:12px;}
.p-sx .other1 dl dd .el-checkbox img{display:none;}
.p-sx .other1 dl dd .el-checkbox{width:100%;height:40px;margin-right:2%;margin-bottom:10px;padding:0;text-align:center;line-height:40px;}
.p-sx .other1 dl dd .el-checkbox span{float:none;height:auto!important;}
.p-sx .other1 dl:nth-child(5) dd .el-checkbox span, .p-sx .other1 dl:nth-child(6) dd .el-checkbox span{float:none;}

.p-nav {display:none;}
.ny-banner .word {left:4%;margin-top:-24px;width:92%;}
.ny-banner .word h3 {font-size:24px;margin-bottom:10px;}
.ny-banner .word p {font-size:14px;line-height:24px;height:auto;}
.ny-banner .word p::after {display:none;}
.ny-banner .word1 {left:4%;margin-top:-24px;width:92%;}
.ny-banner .word1 h3 {font-size:24px;margin-bottom:10px;}
.ny-banner .word1 p {font-size:14px;line-height:24px;height:auto;}
.ny-banner .word1 p::after {display:none;}
.ny-banner .word2 {left:4%;margin-top:-24px;width:92%;}
.ny-banner .word2 h3 {font-size:24px;margin-bottom:10px;}
.ny-banner .word2 p {font-size:14px;line-height:24px;height:auto;}
.ny-banner .word2 p::after {display:none;}
footer .foot1 .right .fx span:nth-child(1) {margin-left:0;}
.p-part1 {width:94%;overflow:hidden;padding-bottom:20px;}
.p-part1 .p-ms {width:100%;}
.p-part1 .ob {display:none;}
.p-part1 .p-prev,.p-part1 .p-next {margin-top:-40px;}
.p-part1-1 {padding:30px 0;}
.p-part1-1 h3 {font-size:24px;margin-bottom:15px;}
.p-part1-1 h4 {font-size:18px;margin-bottom:20px;}
.p-part1-1 p {font-size:14px;line-height:24px;height:auto;}
.pt110 {padding-top:30px;}
.pb110 {padding-bottom:30px;}
.p-tit {font-size:24px;margin-bottom:20px;}
.p-part2 dl {position:relative;padding-top:200px;}
.p-part2 dl dt {width:100%;position:absolute;height:180px;top:0;left:0;text-align:center;overflow:hidden;}
.p-part2 dl dt img {display:inline-block;height:180px;width:auto;}
.p-part2 dl dd {width:100%;padding:0;}
.p-part2 dl dd h3 {font-size:18px;margin-bottom:15px;}
.p-part3 {padding-top:0;}
/*.p-part3 .swiper-slide .play {margin-left:-24px;margin-top:-27px}*/
.p-part3 .swiper-slide .play .img1 {width:30px;}
.p-part3 .swiper-slide .play p {font-size:12px;margin-top:10px;}
.p-part3 .swiper-pagination {bottom:10px;}
.p-part4 .swiper-slide {width:100%;}
.p-part4 .swiper-slide p {font-size:14px;margin-top:10px;}
.p-part6 .down .item {width:100%;margin-bottom:20px;}
.p-part6 {padding-bottom:30px;}
body {max-width:100%;overflow-x:hidden;}
.p-part5 .ms {width:100%;overflow-x:scroll;}
.p-part5 table {width:100%;overflow-x:scroll;}
.p-part5 table tr {width:100%;overflow-x:scroll;height:24px;line-height:24px;}
.p-part5 table tr:nth-child(1) {height:40px;line-height:40px;}
.p-part5 table tr:nth-child(1) th {width:200px;font-size:14px;}
.p-part5 table tr:nth-child(2) {padding-top:20px;height:34px;}
.p-part5 table tr:nth-child(2) td {padding-top:20px;height:34px;}
.p-part5 table tr:last-child {padding-bottom:20px;height:34px;}
.p-part5 table tr:last-child td {padding-bottom:20px;height:34px;}
.p-part5 table tr td {font-size:12px;width:100px!important;overflow:hidden;line-height:20px;padding:0 10px;}
.p-part6 .down .item {padding:10px 0;height:67px;padding-left:50px;}
.p-part6 .down .item::before {width:20px;height:20px;background-size:100% 100%;left:10px;top:18px;}
.p-part6 .down .item .word h3 {font-size:14px;}
.p-part6 .down .item .word p {font-size:12px;}
.p-part6 .down .item i {width:50px;height:67px;}
.p-part6 .down .item i::before {right:49px;}
.p-part6 .down .item i::after {width:22px;height:15.5px;background-size:100% 100%;margin-left:-11px;margin-top:-7.5px;}
.right_zd {display:none;}
.i-product1 a.item .word h3,.product dl dd a.item .word h3 {font-size:18px;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden;}
.i-product1 a.item .word p,.product dl dd a.item .word p {font-size:12px;}
footer .foot2 .fl a {padding-right:0;}
.z_tanchuang .tbox .modal {padding:10px;width:80%;}
.z_tanchuang .tbox .modal .out {width:26px;height:26px;right:-32px;background-size:10px 10px;}

.p110{padding:30px 0;}
.down .left{display: none;}
.down .right{width: 100%;float: none;}
.down .right li{padding:10px;width: 100%;}
.down .right .act1{}
.down .right .act1 a.item{padding:15px 10px;width: 100%;}
.down .right .act1 a.item p{margin:12px 0 20px;}
.news .n-tab{display: none;}
.news .n-list{padding:0 10px;}
.news .n-list a.item{position: relative;}
.news .n-list a.item .word{width: 100%;padding-top:178px;}
.news .n-list a.item .img{width: 100%;margin-left: 0;height:168px;position: absolute;top:20px;left:0;}
.news .n-list a.item .word .more{display: none;}
.fy{padding:20px 0;}

.news-show{margin-top:85px;}
.news-show .tit{max-width: 96%;}
.news-show .tit h1{font-size:18px;margin-bottom: 10px;}
.news-show .ms{padding:20px 0;}
.show_next a.more{display: none;}
.show_next{padding:20px 0;}
.contact .tit{font-size:16px;line-height: 30px;margin-bottom: 20px;}
.contact ul li{padding:20px 15px;width: 100%;margin-bottom: 15px;}
.contact1 .layout li{width:100%;}
.contact1 .layout button{margin:15px auto;}

.about .col-top .left{width: 100%;float: none;max-width: 100%;margin-bottom: 10px;}
.about .col-top .right{width: 100%;float: none;}
.about .col-top{margin-bottom: 20px;}

.about .col-middle{margin-bottom: 0;}
.about .col-middle .left{width: 100%;float: none;}
.about .col-middle .left .ms{margin-top:20px;font-size:14px;line-height: 20px;height:200px;overflow-y: auto;}
.about .col-middle .left .ms::-webkit-scrollbar {width:4px;height:1px;}
.about .col-middle .left .ms::-webkit-scrollbar-thumb {background:#69968f;}
.about .col-middle .left .ms::-webkit-scrollbar-track {background:#D8D8D8;}
.about .col-middle .left .ms h3{margin-bottom: 10px;}
.about .col-middle .left .ms p{margin-bottom: 10px;}
.about .col-middle .right{display: none;}
.about .col-bottom{display: none;}
.about1 .tit, .about2 .tit, .about3 .col-top .tit, .about4 .tit{font-size:24px;}
.about1 .swiper-slide{width: 100%;position: relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;}
.about1 .bg{display: none;}
.about1 .swiper-wrapper{height:auto;width:100%;}
.ny-banner .word1 p,.ny-banner .word2 p{display: none;}

.about1 .swiper-slide{margin-right: 20px;}
.about1 .swiper-slide .ms{width: 48%;font-size:12px;line-height: 20px;margin-right:4%;}
.about1 .swiper-slide .ms .time{font-size:24px;line-height: 24px;}
.about1 .swiper-slide .img{width: 48%;}
.about1 .swiper-slide::before{display: none!important;}
.about1 .swiper-slide:nth-child(2n){flex-direction: revert;}
.about1 .swiper-slide:nth-child(2n) .ms{margin-right:4%!important;}
.about1 .swiper-slide:nth-child(2n) .img{margin-right: 0!important;}
.about1 .swiper-slide:nth-child(11),.about1 .swiper-slide:nth-child(13){flex-direction: revert;}
.about1 .swiper-slide:nth-child(11) .ms,.about1 .swiper-slide:nth-child(13) .ms{margin-right:4%;}
.about1 .swiper-slide:nth-child(11) .img,.about1 .swiper-slide:nth-child(13) .img{margin-right:0;}
.about2 .swiper-pagination{display: block;}

.about3 .col-middle{margin-left:0;margin-top:20px;width: 100%;}
.about3 ul{height:400px;overflow-y:scroll;}
.about3 ul::-webkit-scrollbar {width:4px;height:1px;}
.about3 ul::-webkit-scrollbar-thumb {background:#69968f;}
.about3 ul::-webkit-scrollbar-track {background:#D8D8D8;}
.about3 .col-top{max-width: 100%;}
.about3 .col-bottom .adr{display: none;}
.about3 .col-top{padding-top:0;}
.about3 .col-top p{display: none;}
.about3{min-height: auto;}
.about3 .col-bottom{right:auto;top:auto;position: relative;display: none;}
.about3 .col-bottom img{display: block;width: 100%;}
.about4 .swiper-container{width: 92%;left:0;}

.about4 .swiper-slide{width: 100%;margin-right:0;}
.about4 .swiper-pagination{display: block;left:0;}

.about4 .swiper-slide .word{width:calc(100% - 24px);left:12px;padding:8px 12px;bottom:10px;}

.about4 .swiper-slide .word h3{font-size:16px;margin-bottom: 8px;}
.about4 .swiper-slide .word p{font-size:12px;line-height: 20px;}


.case .col-top{margin-bottom: 20px;}
.case .col-top .left{float: none;}
.case .col-top .left h3{display: none;}
.case .col-top .left p{font-size:24px;line-height: 30px;}
.case .col-top .right{width: 100%;float: none;margin-top:15px;}
.case .col-top .right h3{display: none;}
.case .col-top .right .tab{display: none;}
.case .col-bottom a.item{width: 100%;margin-right: 0;margin-bottom: 20px;}
.case .col-bottom a.item:nth-child(2n){margin-top:0px;}


.aa{display:none;}
.case-show {margin-top:80px}
.case-show .col-top .left{font-size:24px;max-width: 100%;float: none;}
.case-show .col-top .right{width: 100%;float: none;margin-top:15px;mix-height:210px;overflow-y: auto;}
.case-show .col-top{margin-bottom: 30px;}
.case-show .col-middle{display: block;margin-bottom: 30px;}
.case-show .col-middle .pic{width: 100%;}
.case-show .col-middle .word{width: 100%;top:0;right:0;}
.case-show .col-middle .word .swiper-slide{padding:15px 20px;}
.case-show .col-middle .word .prev,.case-show .col-middle .word .next{display: none;}

.case-show .col-middle .word .swiper-pagination{width:100%;position:relative;left:0;bottom:0;margin-top:20px;padding-bottom:20px; text-align:center;}

.about1 .tit, .about2 .tit, .about3 .col-top .tit, .about4 .tit, .case-show .p-part3 .tit, .case-show1 .tit, .case-show2 h3{font-size:24px;margin-bottom: 20px;}

.case-show1 a.item {width:80%;float:none;display:inline-block;padding:20px 0;margin-bottom:20px;}
.case-show1 a.item .word {padding:20px 15px 0 15px;}
.case-show2{margin-bottom: 30px;}

.case-show .p-part3 .tit{text-align: left;}

.about1 .swiper-container{padding-top:0;}
.about1 .bg1{display: none;}

.down .right ul.act li{width:100%;padding:10px;margin-bottom: 15px;}

.jobs li{width:100%;padding:15px;margin-bottom: 15px;}
.jobs li .jj .tit p{font-size:16px;}
.jobs li .jj .ms{font-size: 14px;margin:15px 0;}
.jobs li .jj .time{font-size:14px;}

.jobs li .tc .ny{width:92vw;left:4vw;padding:20px 25px;}
.jobs li .tc .ny .top p.xz{font-size:12px;}
.jobs li .tc .ny .top h3{font-size:18px;}
.jobs li .tc p.close{top: calc(20vh + 40px);right: calc(4vw + 25px);}

.jobs li .tc .ny .middle .tip{display: none;}
.jobs li .tc .ny .middle{padding:15px 0;}

.jobs li .tc .ny .middle .xx{font-size:12px;line-height: 20px;}
.jobs li .tc .ny .bottom{margin-top:15px;font-size:12px;line-height: 20px;}
.jobs li .tc .ny .bottom .btn a.more{margin-right: 10px;width:120px;}

.search{margin-top:80px;}

.tabaa{padding:40px 4% 0;}
.tabaa p{margin-bottom:0;}
.tabaa p a{width:100px;height:30px;line-height:30px;font-size:12px;margin-bottom:20px;margin-right:10px;}
/* .tabaa p a:nth-child(3n){margin-right:0;}
.tabaa p a:nth-child(4){margin-left:70px;} */
}
@media (max-width:768px) {
.header2 .ser{right:50px;}
.header2 .lang {right:50px;display:none;}

.p-part1 .p-prev{left:10%;}
.p-part1 .p-next{right:10%;}

.product dl dd a.item{width:calc(100% / 3 - 3.5px);margin-right:5.2px;}
.product dl dd a.item:nth-child(5n){margin-right:5.2px;}
.product dl dd a.item:nth-child(4n){margin-right:5.2px;} 
.product dl dd a.item:nth-child(3n){margin-right:0;}
}
@media (max-width:640px) {
.p-part1 .p-prev{left:5%;}
.p-part1 .p-next{right:5%;} 
.product {padding:30px 20px 30px 30px;}
.product dl dt h3 {font-size:20px;}
.product dl dt p::before {font-size:14px;height:30px;line-height:30px;}
.product dl dt p::after {top:10px;}
.product dl {margin-bottom:20px;}
.product dl dt {padding-bottom:20px;line-height:30px;height:50px;position: relative;width:100%;}
.product dl dt.active{height:50px;padding-top:0;padding-left:0;padding-right:0;box-shadow:none;background-color:transparent;width:92%;line-height: 50px;font-size:24px;}
.product dl.active dt {position:relative;top:0;}
.product dl.active dt.active {height:50px;padding-top:0;padding-left:0;padding-right:0;box-shadow:none;background-color:transparent;}
.product dl dd {width:100%;white-space:nowrap;overflow-x:scroll;display:block;}
.product dl dd a.item {width:80%;float:none;display:inline-block;padding:20px 0;margin-bottom:20px;}
.product dl dd a.item .word {padding:20px 15px 0 15px;}
.product dl dd a.item:nth-child(3n) {margin-right:3.5%;}
.p-sx.active{opacity:1;}

.search .product dl dd{display: block;}
}

/* product nav 202208 */
html{scroll-behavior: smooth;}
.navpd{margin: 0 auto; position: sticky;top: 0;min-height: 99; z-index: 100; background: #fff;display: flex;align-content: center; justify-content: center; align-items: center;border-bottom:solid 1px #eee;}
.navpd .container{width:83%;margin: 20px auto;}
.navpd .container a{cursor: pointer;padding: 8px;margin: 4px; display: inline-block;border-bottom:solid 2px transparent;}
.navpd .container a:hover,
.navpd .container a:active,
.navpd .container a.active{color:#69968f;border-bottom: solid 2px #69968f;}
.product{padding:0;}
.product.pd dl{display: none;margin-top:0;  padding-top: 0;}
.product.pd dl dt {display:none;}
.product.pd dl.active{display: block; padding-top: 100px;}
.p-sx{z-index: 199;}

/* application nav 20230705 */

.product.product1 #pd1 a{display:none;}
.product.product1 #pd1 a.active{display:block;}

@media (max-width:768px) {
    .navpd{display: none;}
    .product{padding: 40px 4% 0;}
    .product.pd dl{display: block;}
    .product.pd dl dt {display:block;margin:0;width:auto;}
    .product.pd dl.active{padding-top:0;}
    .product dl dd{width:auto;}
}

@media (max-width:640px) {
    .navpd{display: none;}
    .product{padding: 30px 20px 30px 30px;}
    .product.pd dl{display: block;}
    .product.pd dl dt {display:block;}
    .product.pd dl.active{padding-top:0;}
}

@media (max-width:360px) {
    .header2 .wac-home {display:none;}
}