@font-face { font-family: ziti1; src: url('../font/BarlowCondensedSemiBold.woff2.ttf'); }
@font-face { font-family: ziti2; src: url('../font/impact.ttf'); }
@font-face { font-family: ziti3; src: url('http://1.cn/theme/php41/font/DIN-MEDIUM.OTF'); }
/*头部*/
.top-head { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.66); height: 80px; z-index: 999; width: 100%; }
.logo { float: left; width: 30%; }
.logo img { display: block; padding: 20px 0; }
.top-right { width: 70%; display: flex; justify-content: space-between; }
.nav { width: 70%; }
.nav ul { display: flex; align-items: center; justify-content: space-between; }
.nav ul li a { display: block; position: relative; color: #fff; font-size: 17px; line-height: 80px; }
.nav ul li:hover a { color: #88cb64; }
.nav ul li.active a { color: #88cb64; }
.top-link { width: 26%; display: flex; align-items: center; justify-content: space-between; }
.ali { width: 144px; height: 30px; background: url("http://1.cn/theme/php41/image/ali.png") no-repeat center center; }
.ali a { display: block; width: 100%; height: 100%; }
.ali:hover { background: url("../image/ali-1.png") no-repeat center center; ; }
.shipin { width: 30px; height: 30px; background: url("../image/video.png") no-repeat center center; margin-left: 18px; position: relative; cursor: pointer; }
.shipin:hover { background: url("http://1.cn/theme/php41/image/video1.png") no-repeat center center; }
.sp { position: absolute; width: 120px; height: 145px; background: #fff; border-radius: 8px; top: 60px; left: 50%; transform: translateX(-50%); overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.5s; z-index: 100; }
.sp img { display: block; max-width: 100%; }
.sp p { text-align: center; font-size: 13px; color: #565656; }
.shipin:hover .sp { opacity: 1; visibility: visible; transition: all 0.5s; top: 40px; }
.weixin { width: 30px; height: 30px; background: url("../image/wx.png") no-repeat center center; margin-left: 18px; position: relative; cursor: pointer; }
.weixin:hover { background: url("http://1.cn/theme/php41/image/wx1.png") no-repeat center center; }
.wx { position: absolute; width: 120px; height: 145px; background: #fff; border-radius: 8px; top: 60px; left: 50%; transform: translateX(-50%); overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.5s; z-index: 100; }
.wx img { display: block; max-width: 100%; }
.wx p { text-align: center; font-size: 13px; color: #565656; }
.weixin:hover .wx { opacity: 1; visibility: visible; transition: all 0.5s; top: 40px; }
.douyin { width: 30px; height: 30px; background: url("../image/douyin.png") no-repeat center center; margin-left: 18px; position: relative; cursor: pointer; }
.douyin:hover { background: url("http://1.cn/theme/php41/image/douyin-1.png") no-repeat center center; }
.dy { position: absolute; width: 120px; height: 145px; background: #fff; border-radius: 8px; top: 60px; left: 50%; transform: translateX(-50%); overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.5s; z-index: 100; }
.dy img { display: block; max-width: 100%; }
.dy p { text-align: center; font-size: 13px; color: #565656; }
.douyin:hover .dy { opacity: 1; visibility: visible; transition: all 0.5s; top: 40px; }
.caidan { width: 89px; height: 30px; background: url("../image/menu1.png") no-repeat center center; margin-left: 18px; position: relative; cursor: pointer; background-size: contain!important; display: none; }
.caidan.on { background: url("../image/menu1.png") no-repeat top right; }
.daohang { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); opacity: 0; transition: all .5s ease 0s; transform: translate(0, -100%); z-index: 998; padding: 0 2%; }
.daohang ul { position: absolute; z-index: 9999; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; width: 80%; }
.daohang ul li>a { color: #88cb64; font-size: 20px; font-weight: bold; }
.daohang ul li .nav-erji { margin-top: 20px; }
.daohang ul li .nav-erji>a { font-size: 16px; color: #fff; display: block; line-height: 35px; }
.daohang ul li .nav-erji>a:hover { color: #88cb64; }
.daohang.on { opacity: 1; transform: translate(0, 0); }
/*banner*/
.banner { width: 100%; height: 36.3vw; }
.c-banner1 { background: #fff; height: 100%; }
#bannervideo1, #bannervideo2, #bannervideo3 { width: 100%!important; height: 100%!important; }
.c-banner1 .swiper-slide { position: relative; overflow: hidden }
.c-banner1 .swiper-slide img { width: 100%; -webkit-transition: all 7s; transition: all 7s; object-fit: cover }
.c-banner1 .swiper-slide .c-bg2 { display: none; height: 332px }
.c-banner1 .swiper-slide .c-wrap { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; background: url(http://www.lvdong-toys.com/static/index/zm001/images/mbl.png) repeat; color: #fff; align-items: center }
.c-banner1 .swiper-slide .c-wrap .c-title { text-shadow: 0 2px 10px rgba(0,0,0,.3); font-size: 80px; line-height: 100px }
.c-banner1 .swiper-slide .c-wrap .c-text { padding: 30px 0 75px; text-shadow: 0 2px 10px rgba(0,0,0,.3); font-size: 40px; line-height: 56px }
.c-banner1 .swiper-pagination-bullet { opacity: 1 }
.c-banner1 .c-dot { position: absolute; bottom: 55px; left: 50%; transform: translateX(-50%); width: 1600px; z-index: 100; }
.c-banner1 .swiper-pagination { position: relative; text-align: left; }
.b-text { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 1600px; left: 50%; text-align: left; }
.b-text h3 { color: #fff; font-size: 50px; font-weight: bold; transform: translateY(30px); opacity: 0; transition: all 0.6s; transition-delay: 0.4s; padding-bottom: 50px; }
.b-text span { color: #fff; font-size: 32px; transform: translateY(40px); opacity: 0; transition: all 0.8s; transition-delay: 0.5s; position: relative; font-weight: bold; }
.b-text span:after { display: block; content: ''; position: absolute; width: 100%; height: 17px; background: rgba(240,130,0,0.6); bottom: -5px; z-index: -1; }
.b-text p { color: #fff; font-size: 22px; padding-top: 10px; font-weight: lighter; transform: translateY(50px); opacity: 0; transition: all 1s; transition-delay: 0.6s; line-height: 40px; }
.banner .swiper-slide-active .b-text h3 { transform: translateY(0); opacity: 1; }
.banner .swiper-slide-active .b-text span { transform: translateY(0); opacity: 1; }
.banner .swiper-slide-active .b-text p { transform: translateY(0); opacity: 1; }
.loading { position: relative; margin: 0 5px; width: 34px; height: 34px; border: 2px solid rgba(255,255,255,.2); background: 0 0; box-sizing: border-box; }
.loading.swiper-pagination-bullet-active { border-color: rgba(255,255,255,.2) }
.loading .c-progress { position: absolute; top: 13px; left: 13px; width: 4px; height: 4px; border-radius: 50%; background: none; text-align: center; line-height: 120px }
.loading.swiper-pagination-bullet-active .c-progress { background-color: #fff }
.loading .left, .loading .right { position: absolute; top: -2px; left: -2px; overflow: hidden; width: 17px; height: 34px; opacity: 0 }
.loading.swiper-pagination-bullet-active .left, .loading.swiper-pagination-bullet-active .right { opacity: 1 }
.loading .right { top: -2px; right: -2px; left: auto }
.loading .left:after, .loading .right:after { position: absolute; top: 0; left: 0; display: block; width: 17px; height: 34px; border: 2px solid #fff; border-right: 0; border-radius: 17px 0 0 17px; content: ""; box-sizing: border-box; }
.loading .right:after { position: absolute; display: block; border: 2px solid #fff; border-left: 0; border-radius: 0 17px 17px 0; content: "" }
.loading.swiper-pagination-bullet-active .left:after { transform-origin: right center; animation-fill-mode: forwards; animation-duration: 3.9s; animation-timing-function: linear; animation-name: spin-left }
.loading.swiper-pagination-bullet-active .right:after { transform-origin: left center; animation-duration: 3.9s; animation-timing-function: linear; animation-name: spin-right }
 @keyframes spin-right {  0% {
 transform: rotate(180deg)
}
 50% {
 transform: rotate(360deg)
}
 100% {
 transform: rotate(360deg)
}
}
 @keyframes spin-left {  0% {
 transform: rotate(180deg)
}
 50% {
 transform: rotate(180deg)
}
 100% {
 transform: rotate(360deg)
}
}
/*首页*/
/*首页案例*/
.index-case { width: 100%; position: relative; padding: 5% 0 1% 0; background: url("../image/fgx.png") no-repeat center bottom; }
.index-title { text-align: left; }
.index-title p { color: rgba(0,0,0,0.06); font-size: 48px; font-family: ziti2; text-transform: uppercase; }
.index-title h3 { color: #333333; font-size: 36px; font-weight: bold; margin-top: -44px; }
.index-title h3 span { color: #88cb64; }
.index-title a { display: block; position: relative; float: right; z-index: 10; margin-top: -20px; color: #333; font-size: 18px; }
.index-title a:hover { color: #88cb64; font-weight: bold; }
.case-center { padding-top: 3%; width: 100%; }
.case-type { width: 12.5%; float: left; }
.case-type ul li { text-align: left; margin-bottom: 40px; }
.case-type ul li a { position: relative; }
.case-type ul li a:before { display: block; content: ''; width: 0; height: 20px; position: absolute; left: 0; background: #88cb64; top: -2px; transition: all 0.5s; }
.case-type ul li span { color: #666666; font-size: 16px; margin-left: 35px; position: relative; }
.case-type ul li span:after { display: block; content: ''; position: absolute; bottom: -5px; width: 0; height: 14px; left: 0; transition: all 0.5s; background: rgba(136,203,100,0.15); }
.case-type ul li.on a:before { width: 4px; transition: all 0.5s; }
.case-type ul li.on span { color: #88cb64; font-weight: bold; }
.case-type ul li.on span:after { width: 100%; transition: all 0.5s; }
.case-type ul li:hover a:before { width: 4px; transition: all 0.5s; }
.case-type ul li:hover span { color: #88cb64; font-weight: bold; }
.case-type ul li:hover span:after { width: 100%; transition: all 0.5s; }
.case-list { width: 85%; float: right; }
.case-list ul li { width: 23.5%; float: left; margin-right: 2%; border-top: 2px solid #a7aaad; position: relative; box-sizing: border-box; margin-bottom: 5%; }
.case-list ul li:before { display: block; content: ''; width: 0; height: 2px; top: -2px; left: 0; position: absolute; transition: all 0.8s; background: #88cb64; }
.case-list ul li:hover:before { width: 100%; transition: all 0.8s; }
.case-list ul li:nth-child(4n) { margin-right: 0; }
.case-list ul li p { color: #888888; font-size: 14px; padding-top: 30px; padding-bottom: 15px; }
.case-list ul li span { color: #242b32; font-size: 20px; font-weight: bold; position: relative; z-index: 15; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.case-list ul li span:after { display: block; content: ''; width: 100%; height: 9px; background: #efefef; position: absolute; bottom: -5px; left: 0; transition: all 0.5s; z-index: -1; }
.case-list ul li small { display: block; color: #999999; font-size: 13px; padding: 25px 0 20px; }
.case-img { width: 100%; height: 228px; overflow: hidden; }
.case-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.case-list ul li:hover span { color: #88cb64; }
.case-list ul li:hover span:after { background: rgba(136,203,100,0.15); }
.case-list ul li:hover .case-img img { transform: scale(1.05); transition: all .5s; }
/*首页产品*/
.index-pro { width: 100%; position: relative; padding: 5% 0 0 0; }
.pro-center { padding-top: 3%; width: 100%; }
.pro-type { width: 12.5%; float: left; }
.pro-type ul li { text-align: left; margin-bottom: 25px; }
.pro-type ul li>a { position: relative; }
.pro-type ul li>a:before { display: block; content: ''; width: 0; height: 20px; position: absolute; left: 0; background: #88cb64; top: -2px; transition: all 0.5s; }
.pro-type ul li span { color: #666666; font-size: 16px; margin-left: 35px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro-type ul li span:after { display: block; content: ''; position: absolute; bottom: -5px; width: 0; height: 14px; left: 0; transition: all 0.5s; background: rgba(136,203,100,0.15); }
.pro-type ul li.on>a:before { width: 4px; transition: all 0.5s; }
.pro-type ul li.on span { color: #88cb64; font-weight: bold; }
.pro-type ul li.on span:after { width: 100%; transition: all 0.5s; }
.pro-list { width: 85%; float: right; }
.pro-list ul li { width: 32%; float: left; margin-right: 2%; position: relative; box-sizing: border-box; margin-bottom: 2%; height: 250px; overflow: hidden; }
.pro-list ul li:nth-child(3n) { margin-right: 0; }
.pro-img { width: 100%; height: 100%; }
.pro-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.pro-list ul li:hover .pro-img img { transform: scale(1.05); transition: all .5s; }
.pro-hover { width: 100%; position: absolute; height: 100%; top: 0; left: 0; z-index: 100; background: rgba(0,0,0,0.5); transition: all .5s; }
.pro-tit { margin: 10%; position: relative; height: 80%; width: 80%; }
.pro-tit h3 { color: #fff; font-size: 22px; position: absolute; right: 0; top: 0; text-align: right; font-weight: bold; }
.pro-tit h3:before { display: block; content: '#'; color: #e89100; font-size: 22px; }
.pro-tit p { color: #fff; font-size: 14px; position: absolute; left: 0; bottom: 0; }
.pro-tit p:before { display: block; content: ''; width: 36px; height: 3px; background: #de8d12; margin-bottom: 15px; }
.pro-list ul li:hover .pro-hover { opacity: 0; transition: all .5s; }
/*首页公司简介*/
.index-company { width: 100%; position: relative; padding: 5% 0; margin: 3% 0; background: url("../image/about.jpg") no-repeat center bottom; }
.com-left { width: 36%; float: left; }
.index-title small { color: rgba(0,0,0,0.4); font-size: 14px; text-transform: uppercase; display: block; padding-top: 15px; }
.company-tit { margin-top: 35px; }
.company-tit p { color: #333333; font-size: 14px; line-height: 32px; font-weight: lighter; }
.company-tit p.p1 { padding-bottom: 10px; }
.company-tit a { display: block; width: 180px; height: 48px; background: #fff; border-radius: 24px; margin-top: 60px; line-height: 48px; text-indent: 33px; position: relative; color: #88cb64; font-size: 16px; }
.company-tit a:after { display: block; content: ''; width: 13px; height: 13px; background: url("../image/c-jt.png") no-repeat center center; position: absolute; top: 50%; transform: translateY(-50%); transition: all .2s; right: 33px; }
.company-tit a:hover { background: #88cb64; color: #fff; }
.company-tit a:hover:after { background: url("../image/c-jt-h.png") no-repeat center center; transition: all .2s; width: 17px; }
.com-right { width: 60%; float: right; }
.com-img { width: 100%; height: 500px; overflow: hidden; }
.com-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.com-num { width: 100%; margin-top: 40px; }
.com-num .comshuitem ul { display: flex; align-items: center; justify-content: space-between; }
.com-num ul li { width: 23.5%; height: 205px; position: relative; transition: all .5s; }
.com-num .list { display: flex; align-items: center; }
.com-num ul li:nth-child(odd) { background: #fff; border-radius: 0 60px 0 60px; }
.com-num ul li:nth-child(even) { background: #88cb64; border-radius: 60px 0 60px 0; }
.com-num ul li:nth-child(even) .s1 p, .com-num ul li:nth-child(even) .s1 span { color: #fff; }
.com-num .s1 { display: flex; align-items: center; position: absolute; left: 50%; top: 38%; transform: translate(-50%, -50%); }
.com-num .s1 p { color: #88cb64; font-size: 60px; font-family: ziti1; }
.com-num .s1 span { font-size: 60px; color: #88cb64; text-align: center; }
.com-num ul li:nth-child(4) .s1 span { font-size: 30px; }
.com-num ul li:nth-child(odd) .s2 { color: #88cb64; }
.com-num ul li:nth-child(even) .s2 { color: #fff; }
.com-num .s2 { text-align: center; font-size: 16px; position: absolute; left: 50%; top: 68%; width: 100%; transform: translate(-50%, -50%); }
.com-num ul li:nth-child(odd):hover { border-radius: 60px 0 60px 0; transition: all .5s; }
.com-num ul li:nth-child(even):hover { border-radius: 0 60px 0 60px; transition: all .5s; }
/*首页-规划*/
.index-guihua { width: 100%; position: relative; }
.index-guihua .warpper { padding: 3% 0 5%; background: url("../image/fgx.png") no-repeat center bottom; }
.index-guihua ul { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.index-guihua ul li { text-align: center; }
.gh-img { width: 100px; height: 100px; border: 1px solid #dddddd; box-sizing: border-box; line-height: 100px; text-align: center; border-radius: 50%; }
.index-guihua ul li .gh-img img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; transition: all 0.5s; }
.index-guihua ul li p { color: #282828; font-size: 20px; padding-top: 30px; }
.index-guihua ul li.on .gh-img { background: #88cb64; border: 1px solid #88cb64; }
.index-guihua ul li.on .gh-img img { transition: all 0.5s; transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); filter: grayscale(100%) brightness(600%); }
/*首页布局*/
.index-buju { width: 100%; position: relative; padding: 4% 0; }
.buju-center { margin-top: 3%; width: 100%; height: 660px; background: #efefef; border-radius: 0 160px; }
.buju-left { width: 30%; height: 100%; float: left; border-radius: 0 160px; background: #f7f7f7; position: relative; }
.buju-left ul { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.buju-left ul li { position: relative; margin-bottom: 30px; height: 80px; }
.buju-left ul li:last-child { margin-bottom: 0; }
.bj-c { position: absolute; left: 50%; transform: translateX(-50%); }
.buju-left ul li .bj-img { width: 80px; height: 80px; border-radius: 50%; background: #fff; line-height: 80px; text-align: center; float: left; margin-right: 33px; }
.buju-left ul li .bj-img img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; transition: all 0.5s; }
.buju-left ul li .bj-tit { float: left; }
.buju-left ul li .bj-tit p { color: #666666; font-size: 12px; text-transform: uppercase; padding-top: 12px; padding-bottom: 5px; }
.buju-left ul li .bj-tit span { color: #666666; font-size: 24px; font-weight: bold; position: relative; }
.buju-left ul li .bj-tit span:after { display: block; content: ''; position: absolute; bottom: -5px; width: 0; height: 14px; left: 0; transition: all 0.5s; background: rgba(136,203,100,0.15); }
.buju-left ul li.on .bj-tit span:after { width: 100%; transition: all 0.5s; }
.buju-left ul li.on .bj-img { background: #88cb64; }
.buju-left ul li.on .bj-img img { transition: all 0.5s; transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); filter: grayscale(100%) brightness(600%); }
.buju-left ul li.on .bj-tit span, .buju-left ul li.on .bj-tit p { color: #88cb64; }
.buju-right { width: 70%; float: right; height: 100%; position: relative; }
.buju-right img { display: block; position: absolute; max-width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
/*底部*/
.foot { width: 100%; position: relative; background: url("../image/foot.jpg") no-repeat center center; background-size: cover; overflow: hidden; }
.f-logo { padding: 55px 0; border-bottom: 1px solid rgba(255,255,255,0.2); }
.flogo { float: left; }
.flogo1 { float: left; position: relative; }
.flogo1:after { display: block; content: ''; width: 1px; height: 50px; background: rgba(255,255,255,0.2); float: right; top: 0; right: -30px; position: absolute; }
.flogo2 { float: left; margin-left: 60px; }
.flogo2 img { display: block; margin-top: -5px; }
.f-link { float: right; width: 18%; }
.f-link h3 { color: rgba(255,255,255,0.6); font-weight: bold; font-size: 16px; }
.f-link .shipin:after { display: block; content: ''; width: 1px; background: rgba(255,255,255,0.3); height: 15px; position: absolute; right: 0; margin-right: -20px; top: 8px; }
.f-link .weixin:after { display: block; content: ''; width: 1px; background: rgba(255,255,255,0.3); height: 15px; position: absolute; right: 0; margin-right: -20px; top: 8px; }
.f-center { width: 100%; display: flex; align-items: center; justify-content: space-between; padding-top: 60px; padding-bottom: 4%; }
.f-lianxi { width: 25%; }
.f-lianxi ul li:nth-child(1) { padding-top: 0; }
.f-lianxi ul li { width: 100%; border-bottom: 1px dashed rgba(255,255,255,0.2); padding: 43px 0; }
.lx-img { width: 55px; height: 55px; background: #88cb64; border-radius: 50%; float: left; line-height: 55px; text-align: center; margin-top: 5px; }
.lx-img img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.lx-tit { float: left; margin-left: 20px; }
.lx-tit p { color: #88cb64; font-size: 16px; }
.lx-tit h3 { color: #fff; font-size: 32px; font-family: ziti1; margin-top: -5px; }
.f-nav { width: 68%; }
.f-nav ul { display: flex; justify-content: space-between; }
.f-nav ul li>a { display: block; color: #88cb64; font-size: 16px; font-weight: bold; padding-bottom: 10px; }
.f-nav ul li .fnav-erji>a { display: block; line-height: 34px; color: rgba(255,255,255,0.6); }
.f-nav ul li .fnav-erji>a:hover { color: #fff; }
.f-admin { width: 100%; line-height: 72px; border-top: 1px solid rgba(255,255,255,0.2); font-size: 14px; color: rgba(255,255,255,0.6); }
.f-admin a { font-size: 14px; color: rgba(255,255,255,0.6); }
.f-admin .writehover { float: right; }
/*float window*/
.float_box { position: fixed; top: 60%; right: 2%; z-index: 100; -webkit-transition: 350ms 0s all ease; -moz-transition: 350ms 0s all ease; -ms-transition: 350ms 0s all ease; -o-transition: 350ms 0s all ease; transition: 350ms 0s all ease; }
.float_box>div { cursor: pointer; margin-bottom: 8px; position: relative; width: 50px; height: 50px; }
.float_box>div>b { display: block; width: 100%; height: 100%; position: absolute; z-index: 10; -webkit-transition: 350ms 0s all ease; -moz-transition: 350ms 0s all ease; -ms-transition: 350ms 0s all ease; -o-transition: 350ms 0s all ease; transition: 350ms 0s all ease; }
.float_box>div>div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.float_box p { color: #fff; font-size: 14px; text-align: center; font-weight: normal; position: relative; z-index: 150; padding-top: 48px; }
.float_box b { display: block; width: 100%; height: 100%; border-radius: 50%; }
.float02 b { background: #a7aaad url("../image/ff1.png") no-repeat center center; }
.float04 b { background: #a7aaad url("../image/ff2.png") no-repeat center center; }
.float03 b { background: #a7aaad url("../image/ff3.png") no-repeat center center; }
.float05 b { background: #88cb64 url("../image/ff4.png") no-repeat center center; }
.float_box>div:hover b { background-color: #88cb64; }
.float03>div { border-radius: 5px; width: 100px; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px; background: #79b45a; right: calc(100% + 20px); opacity: 0; -webkit-transition: 350ms 0s all linear; -moz-transition: 350ms 0s all linear; -ms-transition: 350ms 0s all linear; -o-transition: 350ms 0s all linear; transition: 350ms 0s all linear; visibility: hidden; }
.float03:hover>div { right: calc(100% + 0px); opacity: 1; visibility: visible; }
.float03>div>img { width: 100%; height: 100%; }
.float02>div, .float04>div { width: 48px; height: 48px; border-radius: 48px; background: #79b45a; right: 1px; overflow: hidden; line-height: 50px; color: #fff; font-size: 18px; z-index: 8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; -webkit-transition: 350ms 0s all linear; -moz-transition: 350ms 0s all linear; -ms-transition: 350ms 0s all linear; -o-transition: 350ms 0s all linear; transition: 350ms 0s all linear; }
.float02>div a { color: #fff; font-size: 18px; }
.float02:hover>div { width: 265px; height: 50px; }
.float04:hover>div { width: 205px; height: 50px; }
.float_box>div.float05 { visibility: hidden; opacity: 0; -webkit-transition: 350ms 0s all ease; -moz-transition: 350ms 0s all ease; -ms-transition: 350ms 0s all ease; -o-transition: 350ms 0s all ease; transition: 350ms 0s all ease; }
.float_box>div.float05show { opacity: 1; visibility: visible; }
/*内页*/
.fixed-banner { position: relative; width: 100%; height: 600px; }
.fixed-banner .nei-banner { position: absolute; text-align: center; top: 57%; transform: translateY(-50%); width: 100%; }
.fixed-banner .nei-banner h3 { color: #fff; font-size: 42px; }
.fixed-banner .nei-banner p { font-size: 14px; font-weight: lighter; color: #fff; }
.fixed-banner .nei-banner p a { color: #fff; }
/*内页-关于律动*/
.inner-about { width: 100%; position: relative; }
.about-center { width: 100%; position: relative; padding: 0 0 5% 0; }
.about-left { width: 14.5%; float: left; word-break: break-all; z-index: 100; position: -webkit-sticky; position: sticky; display: block!important; padding-top: 5%; }
.about-left.fixed { top: 100px; }
.about-left ul li { text-align: left; margin-bottom: 40px; }
.about-left ul li a { position: relative; }
.about-left ul li a:before { display: block; content: ''; width: 0; height: 20px; position: absolute; left: 0; background: #88cb64; top: -2px; transition: all 0.5s; }
.about-left ul li span { color: #666666; font-size: 16px; margin-left: 35px; position: relative; }
.about-left ul li span:after { display: block; content: ''; position: absolute; bottom: -5px; width: 0; height: 14px; left: 0; transition: all 0.5s; background: rgba(136,203,100,0.15); }
.about-left ul li.current a:before { width: 4px; transition: all 0.5s; }
.about-left ul li.current a span { color: #88cb64; font-weight: bold; }
.about-left ul li.current a span:after { width: 100%; transition: all 0.5s; }
.about-right { width: 85.5%; float: right; }
#ab1 { width: 100%; padding-top: 5%; position: relative; }
.ab1-left { width: 54%; float: left; }
.ab1-left .index-title { margin-top: -20px; }
.ab1-tit { padding-top: 20px; }
.ab1-tit p { color: #333333; font-size: 16px; font-weight: lighter; line-height: 32px; }
.ab1-right { width: 43%; float: right; height: 404px; }
#ab2 { width: 100%; position: relative; padding-top: 3%; }
.ab2-center { width: 100%; position: relative; padding-top: 3%; }
.ab2-center ul { display: flex; align-items: center; justify-content: space-between; }
.ab2-center ul li { width: 100%; position: relative; text-align: center; height: 500px; cursor: pointer; }
.wh-tit { position: absolute; bottom: 40px; width: 100%; text-align: center; opacity: 1; transition: all 0.5s; }
.wh-tit h3 { color: #fff; font-weight: bold; font-size: 28px; }
.wh-tit p { color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.wh-hover { position: absolute; top: 23%; width: 100%; opacity: 0; transition: all 0.5s; }
.wh-hover img { display: block; margin: 0 auto; }
.wh-hover h3 { color: #fff; font-weight: bold; font-size: 28px; text-align: center; padding-top: 40px; padding-bottom: 10px; }
.wh-hover p { color: #fff; font-size: 18px; line-height: 32px; width: 80%; margin: 0 auto; }
.ab2-center ul li:hover .wh-tit { bottom: 20px; opacity: 0; transition: all 0.5s; }
.ab2-center ul li:hover .wh-hover { top: 24%; opacity: 1; transition: all 0.5s; }
#ab3 { padding: 3% 0 0 0; }
#ab3 .index-guihua { padding-top: 3%; padding-bottom: 5%; margin-bottom: 5%; background: url("../image/fgx.png") no-repeat center bottom; }
#ab3 .buju-left { width: 33%; }
#ab3 .buju-right { width: 67%; }
#ab3 .buju-right img { max-width: 80%; }
#ab4 { padding-top: 2%; }
.ab4 .index-title { padding-top: 5%; }
.ab4-center { margin-top: 2%; background: url("../image/ab5.jpg") no-repeat center center; padding: 5% 10%; }
.ab4-c { background: url("../image/ab5-1.png") no-repeat center center; background-size: cover; padding: 6% 12%; }
.ab4-c h3 { color: #000000; font-size: 44px; text-align: center; }
.ab4-c p { color: #fff; font-size: 20px; text-align: center; line-height: 32px; background: url("../image/ab5-2.png") no-repeat center center; margin-top: 10px; }
.ab4-c h4 { color: #333333; font-size: 22px; text-align: center; padding-top: 23px; }
.ab4-c h4 span { color: #f08200; }
.ab4-c ul { display: flex; align-items: center; justify-content: space-between; margin-top: 70px; }
.ab4-c ul li { width: 44%; display: flex; align-items: center; justify-content: space-between; }
.ab4-1 { color: #88cb64; font-size: 60px; width: 33%; font-family: ziti1; }
.ab4-c ul li:nth-child(1) .ab4-1 { width: 40%; }
.ab4-1 span { font-size: 18px; font-weight: bold; }
.ab4-2 { color: #333333; font-size: 16px; text-align: right; padding-top: 11px; }
.ab5 { position: relative; width: 100%; padding-top: 5%; }
.ab5-center { padding-top: 3%; }
.ab5-center ul li { width: 18%; height: 119px; float: left; margin-right: 2.5%; margin-bottom: 2.5%; border: 8px solid #f7f7f7; box-sizing: border-box; line-height: 100px; text-align: center; }
.ab5-center ul li:nth-child(5n) { margin-right: 0; }
.ab5-center ul li.on { border: 8px solid #88cb64; }
.ab5-center ul li img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.ab6 { padding-top: 3%; width: 100%; }
.ab6-center { padding-top: 3%; }
.ab6-center ul { display: flex; align-items: center; justify-content: space-between; }
.ab6-center ul li { height: 560px; background: #f7f7f7; text-align: center; cursor: pointer; }
.ab6-img { width: 100%; height: 320px; overflow: hidden; }
.ab6-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.ab6-tit { padding: 5%; }
.ab6-tit h3 { color: #bebebe; font-size: 48px; font-family: ziti3; }
.ab6-tit h3:after { display: block; content: ''; width: 100%; height: 2px; background: rgba(0,0,0,0.06); margin: 20px 0 30px; }
.ab6-tit strong { color: #242b32; font-size: 22px; }
.ab6-tit p { color: rgba(36,43,50,0.2); font-size: 16px; font-family: ziti3; text-transform: uppercase; padding-top: 5px; }
.ab6-center ul li.on { background: #88cb64; }
.ab6-center ul li.on .ab6-img img { transform: scale(1.05); transition: all .5s; }
.ab6-center ul li.on .ab6-tit h3, .ab6-center ul li.on .ab6-tit strong { color: #fff; }
.ab6-center ul li.on .ab6-tit h3:after { background: rgba(255,255,255,0.18); }
.ab6-center ul li.on .ab6-tit p { color: rgba(255,255,255,0.6); }
.ab7 { padding-top: 5%; width: 100%; }
.ab7-team { width: 100%; position: relative; padding-top: 3%; }
.ab7-team ul li { width: 23.5%; margin-right: 2%; height: 215px; border-radius: 60px 0; float: left; transition: all .5s; }
.ab7-team ul li:last-child { margin-right: 0; }
.ab7-team ul li:nth-child(1) { background: #1d4030; }
.ab7-team ul li:nth-child(2) { background: #507958; }
.ab7-team ul li:nth-child(3) { background: #15556c; }
.ab7-team ul li:nth-child(4) { background: #62767b; }
.ab7-t-img { width: 80%; margin: 0 auto; padding-top: 30px; }
.ab7-t-img img { display: block; float: left; }
.ab7-t-tit { float: left; margin-left: 18px; }
.ab7-t-tit strong { color: #fff; font-size: 20px; padding-top: 10px; padding-bottom: 5px; display: block; }
.ab7-t-tit p { color: #fff; font-size: 14px; }
.ab7-team ul li h3 { padding: 0 10%; color: #fff; font-size: 16px; padding-top: 20px; margin-top: 20px; border-top: 1px solid rgba(255,255,255,0.3); }
.ab7-team ul li:hover { border-radius: 0 60px; transition: all .5s; }
.ab7-center { padding-top: 3%; }
.ab7-type ul { text-align: center; }
.ab7-type ul li { display: inline-block; width: 120px; height: 42px; border-radius: 21px; box-sizing: border-box; border: 2px solid #dcdcdc; margin-right: 19px; line-height: 42px; color: #636363; font-size: 16px; }
.ab7-type ul li:last-child { margin-right: 0; }
.ab7-type ul li.on { background: #88cb64; color: #fff; border: 2px solid #88cb64; }
.ab7-list { margin-top: 20px; }
.ab7-list .swiper-slide { position: relative; height: 342px; }
.ab7-img { width: 100%; height: 342px; overflow: hidden; }
.ab7-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.ab7-list .swiper-slide:hover .ab7-img img { transform: scale(1.05); transition: all .5s; }
.ab7-tit { position: absolute; bottom: 0; line-height: 70px; background: rgba(0,0,0,0.6); z-index: 100; color: #fff; font-size: 20px; text-indent: 32px; width: 100%; font-weight: bold; }
.ab7-list .swiper-slide:hover .ab7-tit { background: #88cb64; }
.f-prev { width: 40px!important; height: 40px!important; background: url(../image/h-prev.png) no-repeat; background-size: cover!important; margin-top: -22px!important; }
.f-next { width: 40px!important; height: 40px!important; background: url(../image/h-next.png) no-repeat; background-size: cover!important; }
.hj-prev { width: 40px!important; height: 40px!important; background: url(../image/h-prev.png) no-repeat; background-size: cover!important; margin-top: -22px!important; }
.hj-next { width: 40px!important; height: 40px!important; background: url(../image/h-next.png) no-repeat; background-size: cover!important; }
.ab8 { width: 100%; padding-top: 5%; }
.ab8-center { padding-top: 2%; }
.ab8-center h3 { color: #666666; font-size: 18px; }
.ab8-center h3 span { color: #f08200; }
.ab8-center ul { margin-top: 3%; }
.ab8-center ul li { width: 32%; margin-right: 2%; height: 367px; background: #f7f7f7; position: relative; float: left; }
.ab8-center ul li:last-child { margin-right: 0; }
.ab8-img { width: 100%; height: 100%; overflow: hidden; opacity: 0; transition: all .5s; }
.ab8-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ab8-tit { top: 10%; left: 8%; right: 8%; position: absolute; }
.ab8-tit h4 { color: #242b32; font-size: 24px; font-weight: bold; }
.ab8-tit h4 span { font-family: ziti3; }
.ab8-t { padding-top: 27px; }
.ab8-t p { color: #666666; font-size: 16px; line-height: 28px; background: url("../image/ab8-1.png") no-repeat top 8px left; padding-left: 25px; }
.ab8-center ul li.on .ab8-img { opacity: 1; transition: all .5s; }
.ab8-center ul li.on .ab8-tit h4, .ab8-center ul li.on .ab8-tit h4 span, .ab8-center ul li.on .ab8-t p { color: #fff; }
.ab8-center ul li.on .ab8-t p { background: url("../image/ab8-1-h.png") no-repeat top 8px left; }
.ab8-tel { width: 100%; height: 7px; background: #88cb64; position: absolute; bottom: 0; left: 0; text-align: center; transition: all .5s; }
.ab8-tel p { color: #fff; font-size: 20px; opacity: 0; transition: all .5s; font-weight: bold; }
.ab8-tel p span { font-family: ziti3; }
.ab8-center ul li.on .ab8-tel { height: 66px; line-height: 66px; transition: all .5s; }
.ab8-center ul li.on .ab8-tel p { opacity: 1; transition: all .5s; }
/*内页-项目案例*/
.c-type { word-break: break-all; z-index: 100; position: -webkit-sticky; position: sticky; }
.c-type.fixed { top: 180px; }
.c-type ul li.active a:before { width: 4px; transition: all 0.5s; }
.c-type ul li.active span { color: #88cb64; font-weight: bold; }
.c-type ul li.active span:after { width: 100%; transition: all 0.5s; }
.c-list { width: 85%; float: right; }
.c-list ul li { width: 32%; float: left; margin-right: 2%; border-top: 2px solid #a7aaad; position: relative; box-sizing: border-box; margin-bottom: 3%; }
.c-list ul li:before { display: block; content: ''; width: 0; height: 2px; top: -2px; left: 0; position: absolute; transition: all 0.8s; background: #88cb64; }
.c-list ul li:hover:before { width: 100%; transition: all 0.8s; }
.c-list ul li:nth-child(3n) { margin-right: 0; }
.c-list ul li p { color: #888888; font-size: 14px; padding-top: 30px; padding-bottom: 15px; }
.c-list ul li span { color: #242b32; font-size: 20px; font-weight: bold; position: relative; z-index: 15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c-list ul li span:after { display: block; content: ''; width: 100%; height: 9px; background: #efefef; position: absolute; bottom: -5px; left: 0; transition: all 0.5s; z-index: -1; }
.c-list ul li sub { color: #999999; font-size: 13px; padding-top: 10px; font-weight: normal; float: right; }
.c-img { width: 100%; height: 305px; overflow: hidden; margin-top: 30px; }
.c-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.c-list ul li:hover span { color: #88cb64; }
.c-list ul li:hover span:after { background: rgba(136,203,100,0.15); }
.c-list ul li:hover .c-img img { transform: scale(1.05); transition: all .5s; }
.case-video { width: 100%; height: 600px; }
.c-list .news-detail div { display: block; position: relative; width: 100%; }
.c-list .news-detail div img { display: block; width: 100%; }
.c-list .news-detail div:after { display: block; content: '© 苏州律动游乐设备有限公司'; position: absolute; padding: 5px 10px; background: rgba(0,0,0,0.5); color: #fff; font-size: 14px; bottom: 0; left: 0; z-index: 100; }
.anli-center { width: 100%; }
.anli-left { width: 75%; float: left; }
.anli-right { width: 20%; float: right; }
.anli-t p { font-size: 16px; line-height: 30px; }
.anli-t { padding-bottom: 15px; border-bottom: 1px dashed #d2d0d0; }
.anli-right .newsPage .page-a { padding: 10px 15px; margin-bottom: 20px; background: #333; color: #fff; }
.anli-right .newsPage .page-a a { display: block; color: #fff; }
.anli-right .newsPage .page-a:hover { background: #88cb64; }
/*内页-产品中心*/
.p-type { word-break: break-all; z-index: 100; position: -webkit-sticky; position: sticky; }
.p-type.fixed { top: 180px; }
.p-type ul li:hover>a:before { width: 4px; transition: all 0.5s; }
.p-type ul li:hover span { color: #88cb64; font-weight: bold; }
.p-type ul li:hover span:after { width: 100%; transition: all 0.5s; }
.p-type ul li.active>a:before { width: 4px; transition: all 0.5s; }
.p-type ul li.active span { color: #88cb64; font-weight: bold; }
.p-type ul li.active span:after { width: 100%; transition: all 0.5s; }
.p-type ul li .pro-erji a { display: block; color: #666; font-size: 16px; text-indent: 8px; margin-top: 20px; }
.p-type ul li .pro-erji a:before { display: block; content: ''; width: 5px; height: 5px; background: #666; border-radius: 50%; float: left; margin-left: 40px; margin-top: 10px; }
.p-type ul li .pro-erji a:hover { color: #88cb64; }
.p-type ul li .pro-erji a:hover:before { background: #88cb64; }
.p-type ul li .pro-erji a.active { color: #88cb64; }
.p-type ul li .pro-erji a.active:before { background: #88cb64; }
.p-list { width: 85%; float: right; }
.p-list ul li { width: 32%; float: left; margin-right: 2%; margin-bottom: 2%; position: relative; background: #f5f5f5; }
.p-list ul li:nth-child(3n) { margin-right: 0; }
.p-list ul li .p-img { width: 100%; height: 265px; overflow: hidden; position: relative; }
.p-list ul li .p-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.p-tit { padding: 5%; position: relative; }
.p-list ul li .p-tit:after { display: block; content: ''; width: 50px; height: 50px; background: url("../image/c1.png") no-repeat center center; position: absolute; right: 5%; top: -25px; z-index: 100; }
.p-list ul li:hover .p-tit:after { background: url("../image/c2.png") no-repeat center center; }
.p-list ul li:hover .p-img img { transform: scale(1.05); transition: all .5s; }
.p-tit h3 { color: #282828; font-size: 20px; font-weight: bold; }
.p-list ul li:hover { background: #88cb64; }
.p-list ul li:hover h3 { color: #fff; }
/*产品详情*/
.info-pro { width: 100%; background: #eee; }
.info-pro h3 { color: #333; font-size: 48px; text-align: center; padding-top: 40px; font-weight: bold; }
.info-cp { padding-bottom: 40px; padding-top: 40px; }
.info-cp img { display: block; max-width: 100%; margin: 0 auto; padding-bottom: 20px; }
.info-pro-tit { width: 100%; padding: 40px 0; background: #fff; position: relative; }
.info-pro-tit .center-title { width: 100%; line-height: 50px; border-bottom: 3px solid #eee; }
.info-pro-tit .center-title span { color: #88cb64; font-size: 24px; font-weight: bold; display: block; line-height: 50px; border-bottom: 3px solid #88cb64; width: 100px; float: left; }
.center-content { margin-top: 40px; }
.center-content p { font-size: 16px; line-height: 28px; }
/*内页-公司动态*/
.inner-news { width: 100%; position: relative; padding: 5% 0; }
.n-list { width: 85%; float: right; }
.n-list ul li { width: 48%; float: left; margin-right: 4%; padding-top: 3%; border-top: 2px solid #a7aaad; margin-bottom: 3%; }
.n-list ul li:nth-child(2n) { margin-right: 0; }
.n-tit { width: 100%; }
.n-time { float: left; }
.n-time p { color: #242b32; font-family: ziti3; font-size: 38px; }
.n-time h3 { color: #d4d4d4; font-size: 26px; font-family: ziti3; margin-top: -10px; }
.n-tit span { color: #242b32; font-size: 18px; float: right; position: relative; padding-top: 20px; }
.n-tit span:after { display: block; content: ''; width: 100%; height: 8px; bottom: -5px; position: absolute; background: #efefef; }
.n-list ul li h4 { color: #242b32; font-size: 22px; line-height: 36px; text-align: right; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.n-img { width: 100%; height: 265px; overflow: hidden; margin-top: 40px; }
.n-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.n-list ul li:hover .n-img img { transform: scale(1.05); transition: all .5s; }
.n-list ul li:hover h4 { color: #88cb64; }
/*内页-联系我们*/
.inner-contact { width: 100%; position: relative; padding: 5% 0; }
.con-left { width: 14.5%; float: left; word-break: break-all; z-index: 100; position: -webkit-sticky; position: sticky; display: block!important; }
.con-left.fixed { top: 180px; }
.con-left ul li { text-align: left; margin-bottom: 40px; }
.con-left ul li a { position: relative; }
.con-left ul li a:before { display: block; content: ''; width: 0; height: 20px; position: absolute; left: 0; background: #88cb64; top: -2px; transition: all 0.5s; }
.con-left ul li span { color: #666666; font-size: 16px; margin-left: 35px; position: relative; }
.con-left ul li span:after { display: block; content: ''; position: absolute; bottom: -5px; width: 0; height: 14px; left: 0; transition: all 0.5s; background: rgba(136,203,100,0.15); }
.con-left ul li.current a:before { width: 4px; transition: all 0.5s; }
.con-left ul li.current a span { color: #88cb64; font-weight: bold; }
.con-left ul li.current a span:after { width: 100%; transition: all 0.5s; }
.con-right { width: 85.5%; float: right; }
.con1-center { padding-top: 5%; border-top: 2px solid #88cb64; }
.con1 { padding-bottom: 5%; width: 100%; background: url("../image/fgx.png") no-repeat center bottom; }
.con1-left { width: 29%; float: left; }
.con1-left ul { margin-bottom: 55px; }
.con1-left ul li { width: 100%; margin-bottom: 35px; color: #999999; font-size: 16px; padding-left: 30px; }
.con1-left ul li:nth-child(1) { background: url("../image/cc1.png") no-repeat center left; }
.con1-left ul li:nth-child(2) { background: url("../image/cc2.png") no-repeat center left; }
.con1-left ul li:nth-child(3) { background: url("../image/cc3.png") no-repeat center left; }
.con1-left ul li:nth-child(4) { background: url("../image/cc4.png") no-repeat center left; }
.con1-left ul li small { padding: 0 15px; }
.con1-left ul li span { color: #303030; }
.con1-link { display: flex; align-items: center; justify-content: space-between; }
.con1-1 { width: 110px; text-align: center; }
.con1-1 .con1-img { width: 110px; height: 110px; border: 1px solid #e0e0e0; border-radius: 8px; }
.con1-1 .con1-img img { max-width: 100%; display: block; }
.con1-1 p { text-align: center; color: #999999; font-size: 14px; line-height: 30px; }
.con1-right { width: 65%; float: right; height: 390px; }
.con1-right img { display: block; width: 100%; height: 100%; object-fit: cover; }
.con2 { width: 100%; padding-top: 5%; }
.contact-map { width: 100%; height: 680px; }
#dituContent { width: 100%; height: 100%; }
.iw_poi_title { font-size: 24px; padding-right: 20px; color: #282828; }
.iw_poi_content { color: #282828; font-size: 18px; background: url("../image/m2.png") no-repeat center left; text-indent: 20px; }
.BMapLabel { font: 18px arial, sans-serif!important; top: -36px!important; left: 0!important; display: none!important; }
/*内页-生产实力*/
.inner-shili { width: 100%; position: relative; padding: 5% 0; }
.sl-left { width: 14.5%; float: left; word-break: break-all; z-index: 100; position: -webkit-sticky; position: sticky; display: block!important; }
.sl-left.fixed { top: 180px; }
.sl-left ul li { text-align: left; margin-bottom: 40px; }
.sl-left ul li a { position: relative; }
.sl-left ul li a:before { display: block; content: ''; width: 0; height: 20px; position: absolute; left: 0; background: #88cb64; top: -2px; transition: all 0.5s; }
.sl-left ul li span { color: #666666; font-size: 16px; margin-left: 35px; position: relative; }
.sl-left ul li span:after { display: block; content: ''; position: absolute; bottom: -5px; width: 0; height: 14px; left: 0; transition: all 0.5s; background: rgba(136,203,100,0.15); }
.sl-left ul li.current a:before { width: 4px; transition: all 0.5s; }
.sl-left ul li.current a span { color: #88cb64; font-weight: bold; }
.sl-left ul li.current a span:after { width: 100%; transition: all 0.5s; }
.sl-right { width: 85.5%; float: right; }
.sl1 { margin-top: -15px; position: relative; }
.sl1-ul { width: 100%; height: 285px; padding-top: 100px; background: url("../image/shili.png") no-repeat center top; }
.sl1-ul ul { width: 100%; }
.sl1-ul ul li { background: url("../image/sl1-li.png") no-repeat top left; padding-left: 37px; margin-right: 60px; float: left; }
.sl1-ul ul li:last-child { margin-right: 0; }
.sl1-ul ul li h3 { color: #757378; font-size: 16px; }
.sl1-ul ul li h4 { color: #88cb64; font-size: 32px; font-weight: bold; }
.sl1-ul ul li h4 sub { color: #282828; font-weight: normal; font-size: 14px; }
.sl1-ul ul li:nth-child(2n-1) { margin-top: 95px; }
.sl2 { padding-top: 2%; position: relative; }
.sl2-center { width: 100%; background: url("../image/sl2.jpg") no-repeat center center; height: 687px; margin-top: 2%; position: relative; }
.pc { display: block; }
.mobile { display: none; }
.honor { padding-top: 4%; width: 1210px; overflow: hidden; }
.honor .swiper-slide { width: 663px; height: 469px; }
.honor .swiper-slide .h-img { width: 100%; height: 100%; overflow: hidden; }
.honor .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.h-prev { top: 107%!important; left: 44%!important; width: 60px; height: 60px; background: url(../image/h-prev.png) no-repeat; margin-top: 0!important; }
.h-next { top: 107%!important; right: 44%!important; width: 60px; height: 60px; background: url(../image/h-next.png) no-repeat; margin-top: 0!important; }
.honor1 { padding-top: 4%; width: 80%; overflow: hidden; }
.honor1 .swiper-slide { height: 270px; }
.honor1 .swiper-slide .h-img1 { width: 100%; height: 100%; overflow: hidden; background: #fff; line-height: 270px; text-align: center; }
.honor1 .swiper-slide img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.honor1 .swiper-button-prev { top: 84%!important; left: 44%!important; width: 60px; height: 60px; background: url(../image/h-prev.png) no-repeat; margin-top: 0!important; }
.honor1 .swiper-button-next { top: 84%!important; right: 44%!important; width: 60px; height: 60px; background: url(../image/h-next.png) no-repeat; margin-top: 0!important; }
.sl3 { position: relative; padding-top: 5%; }
.mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.5; filter: Alpha(opacity=50); z-index: 9998; transition: all 1s; display: none }
.bigimg { width: auto!important; height: auto!important; max-height: 96%; max-width:100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: none; z-index: 9999; }
.imgbox:hover { cursor: zoom-in }
.mask:hover { cursor: zoom-out }
.mask>img { position: fixed; right: 10px; top: 10px; width: 40px; }
.mask>img:hover { cursor: pointer; }
.sl4 { position: relative; padding-top: 5%; }
.sl4-center { padding-top: 3%; }
.sl4-center ul li { width: 11.11%; float: left; height: 596px; position: relative; background: url("../image/ab8-1.png") no-repeat center top 40px; }
.sl4-center ul li:nth-child(odd) { background: #eeeeee url("../image/ab8-1.png") no-repeat center top 40px; }
.sl4-center ul li:nth-child(even) { background: #f7f7f7 url("../image/ab8-1.png") no-repeat center top 40px; }
.sl4-center ul li h3 { color: #282828; font-size: 22px; font-weight: bold; /*width: 20px;*/
margin: 0 auto; line-height: 25px; padding-top: 65px; word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/ writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ text-align: center; }
.sl4-center ul li img { display: block; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); }
.sl4-center ul li.on { background: #88cb64 url("../image/ab8-1-h.png") no-repeat center top 40px; }
.sl4-center ul li.on h3 { color: #fff; }
.sl4-1 { width: 100%; padding-top: 40px; }
.sl4-1-left { width: 75%; float: left; }
.sl4-1-left li { width: 49.25%; float: left; margin-bottom: 1.5%; margin-right: 1.5%; position: relative; height: 267px; }
.sl4-1-left li:nth-child(2n) { margin-right: 0; }
.sl4-1-left li h3 { position: absolute; right: 0; bottom: 0; color: #fff; font-size: 24px; background: rgba(0,0,0,0.8); padding: 5px 14px; }
.sl4-1-img { display: block; width: 100%; height: 100%; overflow: hidden; }
.sl4-1-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.sl4-1-left li:hover .sl4-1-img img { transform: scale(1.05); transition: all .5s; }
.sl4-1-right { width: 24%; float: right; height: 550px; position: relative; }
.sl4-1-img1 { width: 100%; height: 100%; position: relative; overflow: hidden; }
.sl4-1-img1 img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.sl4-1-img1:hover img { transform: scale(1.05); transition: all .5s; }
.sl4-1-right h3 { position: absolute; right: 0; bottom: 0; color: #fff; font-size: 24px; background: rgba(0,0,0,0.8); padding: 5px 14px; }
.sl4-2 { width: 100%; }
.sl4-2 ul li { width: 23.875%; float: left; margin-right: 1.5%; height: 396px; background: #f7f7f7; }
.sl4-2 ul li:last-child { margin-right: 0; }
.sl4-2-img { width: 100%; height: 266px; overflow: hidden; position: relative; }
.sl4-2-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.sl4-2 ul li:hover .sl4-2-img img { transform: scale(1.05); transition: all .5s; }
.sl4-2-img h3 { position: absolute; right: 0; bottom: 0; color: #fff; font-size: 24px; background: rgba(0,0,0,0.8); padding: 5px 14px; }
.sl4-2 ul li p { padding: 22px 30px; color: #666666; font-size: 20px; line-height: 30px; }
.pro-sider { float: left; width: 260px; }
.pro-sider .in-title { height: 80px; background: url(../image/i-pro-title.jpg) no-repeat center; text-align: center; line-height: 1; overflow: hidden; }
.pro-sider .in-title h3 { margin-top: 20px; font-size: 22px; color: #fff; margin-bottom: 5px; }
.pro-sider .in-title em { font-size: 13px; color: #728dbc; }
.pro-sider .pro-sider-ul { border: 1px solid #ededed; background: #fff; border-top: none; overflow: hidden; }
.pro-sider .pro-sider-ul .ul-li { padding: 0 15px; height: 59px; }
.pro-sider .pro-sider-ul .ul-li a { position: relative; height: 58px; line-height: 58px; font-size: 14px; color: #595959; display: block; padding-left: 10px; padding-right: 30px; border-bottom: 1px dashed #ededed; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro-sider .pro-sider-ul .ul-li a h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro-sider .pro-sider-ul .ul-li a div.icon { position: absolute; width: 16px; height: 16px; text-align: center; line-height: 16px; background: #ededed url(../image/sider-bg-01.png) no-repeat center; border-radius: 50%; right: 8px; top: 50%; margin-top: -8px; font-size: 12px; }
.pro-sider .pro-sider-ul .ul-li:hover, .pro-sider .pro-sider-ul .ul-li.active { background: #268ae7; }
.pro-sider .pro-sider-ul .ul-li:hover a, .pro-sider .pro-sider-ul .ul-li.active a { border: none; color: #fff; }
.pro-sider .pro-sider-ul .ul-li:hover div.icon, .pro-sider .pro-sider-ul .ul-li.active div.icon { background: #0058b1 url(../image/sider-bg-02.png) no-repeat center; }
.pro-sider .pro-sider-ul .ul-li:last-child a { border-bottom: none; }
.pro-sider .pro-sider-tel { overflow: hidden; height: 100px; line-height: 1; font-size: 20px; color: #0058b1; border: 1px solid #ededed; border-top: none; padding-left: 80px; background: url(../image/sider-tel.png) no-repeat 25px center; }
.pro-sider .pro-sider-tel span { display: block; margin: 30px 0 8px; font-size: 14px; color: #808080; }
.pro-sider .pro-sider-tel em { letter-spacing: 2px; font-weight: bold; }
.m-column-t { position: relative; text-align: center; font-size: 0; }
.m-column-t .center { display: inline-block; font-size: 0; }
.m-column-t .center h3 { color: #333; font-size: 30px; }
.m-column-t .center p { color: #d2d2d2; font-size: 30px; }
.m-column-t span { position: absolute; width: 415px; top: 50%; margin-top: -5px; height: 5px; border-bottom: 1px solid #d2d2d2; z-index: 1; }
.m-column-t span.mcl { left: 0; }
.m-column-t span.mcl em { float: right; }
.m-column-t span.mcr { right: 0; }
.m-column-t span em { display: block; height: 11px; border-left: 1px solid #d2d2d2; }
.textLine { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.textLine3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.textHidden { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.domHidden { overflow: hidden; }
.about-main { padding: 20px 0 70px; min-height: 170px; }
.about-main .ab-content { float: right; width: 925px; }
.about-main .ab-content .title { line-height: 50px; }
.about-main .ab-content .title a { color: #333; padding: 0 5px; }
.about-main .ab-content .title span.icon-home { color: #535353; }
.about-main .ab-content .title em { color: #999; }
.about-main .ab-content .ab-conBox { overflow: hidden; background: #fff; min-height: 55px; padding: 30px 45px 40px; }
.about-main .ab-content .ab-conBox .de-title { text-align: center; font-size: 20px; color: #333; line-height: 25px; margin-bottom: 8px; }
.about-main .ab-content .ab-conBox .sub-co { font-size: 14px; color: #999; text-align: center; line-height: 18px; }
.about-main .ab-content .ab-conBox .ab-detail { overflow: hidden; margin-top: 30px; font-size: 14px; color: #777373; line-height: 25px; }
.ab-sild { float: left; width: 260px; }
.ab-sild .title { position: relative; height: 50px; text-align: center; background: #f3c04b; font-size: 16px; line-height: 50px; color: #fff; border-bottom: 1px solid #fff; }
.ab-sild .title span { position: absolute; height: 3px; width: 30px; top: 50%; margin-top: -3px; border-bottom: 1px solid #fff; }
.ab-sild .title span em { display: block; height: 7px; border-left: 1px solid #fff; }
.ab-sild .title span.stl { left: 35px; }
.ab-sild .title span.stl em { float: right; }
.ab-sild .title span.str { right: 35px; }
.ab-sild .sild-cate { background: #fff; margin-bottom: 20px; }
.ab-sild .sild-cate .list { overflow: hidden; }
.ab-sild .sild-cate .list li { position: relative; border-bottom: 1px solid #eee; height: 60px; line-height: 60px; }
.ab-sild .sild-cate .list li a { display: block; padding-right: 35px; font-size: 14px; color: #333; padding-left: 20px; }
.ab-sild .sild-cate .list li:last-child { border-bottom: none; }
.ab-sild .sild-cate .list li:hover { border-color: #f3c04b; background: #f3c04b; }
.ab-sild .sild-cate .list li:hover a { color: #fff; }
.ab-sild .sild-cate .list li:hover:after { color: #fff; }
.ab-sild .sild-cate .list li:after { font-weight: bold; right: 20px; top: 0; color: #999; position: absolute; content: "\e904"; font-family: 'icomoon' !important; }
.ab-sild .sild-cont { background: #fff; }
.ab-sild .sild-cont .cont-list { padding: 20px; }
.ab-sild .sild-cont .cont-list ul li { color: #333; padding: 5px 0; padding-left: 60px; font-size: 14px; }
.ab-sild .sild-cont .cont-list ul li span { width: 60px; margin-left: -60px; display: block; height: 20px; line-height: 20px; float: left; color: #666; }
.page { font-size: 0; text-align: center; }
.page .center { display: inline-block; overflow: hidden; }
.page .center .page-span { float: left; font-size: 14px; color: #c3c3c3; line-height: 32px; margin-right: 30px; }
.page .center .page-list { float: left; overflow: hidden; }
.page .center .page-list ul li { float: left; width: auto; min-width: 30px; height: 32px; text-align: center; line-height: 30px; font-size: 14px; margin: 0 4px; padding: 0; border: none; background: transparent; }
.page .center .page-list ul li a { min-width: 20px; padding: 0 5px; border: 1px solid #eee; display: block; color: #333; border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; background: #fff; }
.page .center .page-list ul li:hover a { color: #f3c04b; }
.page .center .page-list ul li.active a { background: #f3c04b; color: #fff; }
.news-center { background: #fff; padding-bottom: 25px; }
.news-center .new-list { padding: 45px 45px 0px; }
.news-center .new-list ul li { margin-bottom: 35px; border-bottom: 1px solid #eee; }
.news-center .new-list ul li a { overflow: hidden; display: block; height: 90px; padding-bottom: 30px; }
.news-center .new-list ul li a .img { float: left; width: 130px; height: 90px; background: #eee; line-height: 90px; font-size: 0; text-align: center; }
.news-center .new-list ul li a .img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.news-center .new-list ul li a .info { float: right; width: 690px; }
.news-center .new-list ul li a .info h3 { font-size: 14px; font-weight: bold; line-height: 24px; color: #333; }
.news-center .new-list ul li a .info em { display: block; font-size: 12px; color: #999; line-height: 16px; margin-bottom: 10px; }
.news-center .new-list ul li a .info p { font-size: 14px; line-height: 22px; color: #999; max-height: 44px; overflow: hidden; }
.news-center .new-list ul li a:hover h3 { color: #f3c04b; }
.message-c { background: #fff; padding: 40px 50px; overflow: hidden; }
.message-c .p { font-size: 16px; line-height: 30px; color: #666; margin-bottom: 35px; }
.message-c .from input { display: block; height: 38px; line-height: 38px; padding: 0 5px; border: 1px solid #d2d2d2; margin-bottom: 10px; font-size: 14px; color: #333; }
.message-c .from input[name=user], .message-c .from input[name=phone] { width: 348px; }
.message-c .from textarea { font-size: 14px; color: #333; line-height: 20px; display: block; width: 728px; height: 130px; border: 1px solid #d2d2d2; padding: 5px; margin-bottom: 10px; }
.message-c .from .code { overflow: hidden; }
.message-c .from .code input[name=code] { width: 258px; float: left; }
.message-c .from .code a { display: block; float: left; width: 80px; height: 38px; padding: 1px 0; margin-left: 10px; }
.message-c .from .code a img { width: 80px; height: 38px; }
.message-c .from .btn { padding-top: 25px; }
.message-c .from .btn a { display: block; width: 362px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 16px; background: #8fa4de; }
.message-c .from .btn a:hover { background: #8397d0; }
.contact-o { background: #fff; overflow: hidden; padding: 40px 0; text-align: center; }
.contact-o iframe { width: 830px; height: 500px; margin: 0 auto; }
.maskout { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.4); left: 0; top: 0; z-index: 1001; display: none; }
.mask1 { width: 80%; height: 170px; background: rgba(255,255,255,1); border-radius: 20px; box-shadow: 0 0 5px #00000087; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 997; }
.pop-container { position: absolute; width: 100%; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.pop-container .t1 { color: #333; text-align: center; font-size: 18px; font-weight: bold; }
.pop-container .t2 { color: #666; text-align: center; margin: 3% 0 5% 0; font-size: 16px; }
.mask1 button { width: 118px; height: 34px; line-height: 30px; color: #fff; margin: 0 auto; display: block; text-align: center; cursor: pointer; background: #88cb64; font-size: 15px; }
.picsm { display: none; }