.module .module-box {
padding: 50px 0
}
.module .title-module {
position: relative;
width: 100%;
max-width: 1000px;
margin: 0 auto 40px
}
.module .title-module .more-btn {
display: block;
position: absolute;
right: 0;
top: 50%;
color: #cc0e19;
border: 1px solid #cc0e19;
padding: 2px 10px;
border-radius: 20px
}
.module .title-module .more-btn:hover {
background-color: #cc0e19;
color: #fff
}
.module .title-module .title-center {
text-align: center
}
.module .title-module .title-center.pc {
display: block
}
.module .title-module .title-center.m {
display: none
}
.module .title-module .title-center .title {
font-size: 35px;
color: #000
}
.module .title-module .title-center .title.text-white {
color: #fff
}
.module .title-module .title-center .subtitle {
font-size: 15px;
color: #cc0e19
}
.module .title-module .title-center .subtitle.text-white {
color: #fff
}
.module .title-module .title-center .subtitle.text-black {
color: #474747
}
.module .m-more {
display: none
}
.bg-module {
position: relative
}
.bg-module .bg-img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1
}
.bg-module .bg-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.bg-module .mask {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
opacity: .8
}
.m-bg-module {
position: relative
}
.m-bg-module .m-bg-img {
position: absolute;
display: none;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1
}
.m-bg-module .m-bg-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.m-bg-module .m-bg-img img.filter {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(3px);
filter: blur(3px)
}
.m-bg-module .mask {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
opacity: .42
}
@media screen and (max-width:768px) {
.module .module-box {
padding: 20rem 0
}
.module .title-module {
position: relative;
width: 100%;
max-width: 90%;
margin: 0 auto 10rem
}
.module .title-module .more-btn {
display: none
}
.module .title-module .title-center {
text-align: center
}
.module .title-module .title-center.pc {
display: none
}
.module .title-module .title-center.m {
display: block
}
.module .title-module .title-center .title {
font-size: 20rem;
font-weight: 700;
color: #474747
}
.module .title-module .title-center .title.m-white,
.module .title-module .title-center .title.text-white {
color: #fff
}
.module .title-module .title-center .subtitle {
font-size: 7rem
}
.module .m-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #282828;
margin: 0 auto;
width: 56rem;
height: 16rem;
line-height: 16rem;
letter-spacing: 5rem;
border: 1rem solid #282828;
border-radius: 30rem
}
.module .m-more.white {
color: #fff;
border: 1rem solid #fff
}
.m-bg-module .m-bg-img {
display: block
}
}
* {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Open Sans, sans-serif
}
body {
min-width: 1180px
}
@media screen and (max-width:768px) {
body {
min-width: auto
}
:root {
font-size: .26667vw
}
}
.container {
max-width: 1400px;
position: relative;
width: 100%;
padding: 0 15px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.dis-none {
display: none
}
.dis-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.align-items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.align-items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.text-center {
text-align: center
}
.pc {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.m {
display: none
}
@media screen and (max-width:768px) {
.pc {
display: none
}
.m {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
@media screen and (max-width:1350px) {
body {
min-width: 1180px
}
.container {
max-width: 1180px;
position: relative;
width: 100%;
padding: 0 15px;
margin: 0 auto
}
}
@media screen and (max-width:1024px) {
body {
min-width: 100%
}
.container {
max-width: 960px;
position: relative;
width: 100%;
padding: 0 15px;
margin: 0 auto
}
}
@media screen and (max-width:769px) {
body {
min-width: 100%
}
.container {
max-width: 100%;
position: relative;
width: 100%;
padding: 0 15px;
margin: 0 auto
}
}
@media screen and (max-width:420px) {
body {
min-width: 100%
}
.container {
max-width: 100%;
position: relative;
width: 100%;
padding: 0 15px;
margin: 0 auto
}
}
body {
line-height: 1.5;
max-width: 4096px;
margin: auto
}
body,
html {
height: 100%
}
.line3 {
-webkit-line-clamp: 3;
height: 72px
}
.line3,
.line4 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.line4 {
-webkit-line-clamp: 4;
height: 96px
}
.line2 {
-webkit-line-clamp: 2;
height: 48px
}
.line2,
.line5 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.line5 {
-webkit-line-clamp: 5;
height: 120px
}
.line6 {
display: -webkit-box;
-webkit-box-orient: vertical;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-line-clamp: 6;
height: 144px
}
.line6,
.pic {
overflow: hidden
}
.pic {
/height: 350px
}
.pic:hover img,
.swiper-slide:hover .pic img,
li:hover .pic img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.new-content05 .pic:hover img {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important
}
.more {
width: 140px;
line-height: 42px;
letter-spacing: 2px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
text-align: center;
border: 2px solid #fff;
display: inline-block
}
.more:hover {
background: #fff;
color: #ffba00
}
.more.orange {
border-color: #ffba00;
color: #ffba00
}
.more.orange:hover {
background: #ffba00;
color: #fff
}
.phone {
display: none
}
.editor {
font-size: 14px;
color: #666;
line-height: 24px;
text-indent: 2em
}
.editor embed,
.editor iframe,
.editor img,
.editor table {
margin: 12px 0;
max-width: 100%
}
.editor img {
height: auto !important
}
.bdsharebuttonbox a {
float: none !important;
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
line-height: inherit;
width: 22px;
height: 22px;
vertical-align: middle
}
.bdsharebuttonbox {
text-align: left
}
.pos_re {
position: relative
}
.pos_re>a {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 5
}
.hei100,
.pos_re>a {
height: 100%
}
.w1600 {
max-width: 1600px
}
.w1630 {
max-width: 1630px
}
.w1300 {
max-width: 1300px
}
.wrapper {
margin: auto;
width: 85%
}
.fontp {
font-size: 15.44px;
line-height: 31px;
color: #666
}
#new-content04-btn {
position: absolute;
left: 50%;
width: 60px;
top: 50%;
cursor: pointer;
z-index: 999;
display: block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9
}
@font-face {
font-family: helveticaneue;
src: url(/public/fonts/helveticaneue-black.eot);
src: local("font/helveticaneue"), local("font/helveticaneue"), url(/public/fonts/helveticaneue-black.ttf) format("truetype"), url(/public/fonts/helveticaneue-black.svg) format("svg")
}
@font-face {
font-family: HelveticaNeueLTPro-ThEx;
src: url(/public/fonts/helveticaneueltpro-thex.eot);
src: local("font/HelveticaNeueLTPro-ThEx"), local("font/HelveticaNeueLTPro-ThEx"), url(/public/fonts/helveticaneueltpro-thex.ttf) format("truetype"), url(/public/fonts/helveticaneueltpro-thex.svg) format("svg")
}
@font-face {
font-family: helveticaneue-light;
src: url(/public/fonts/helveticaneue-light.eot);
src: local("font/helveticaneue-light"), local("font/helveticaneue-light"), url(/public/fonts/helveticaneue-light.ttf) format("truetype"), url(/public/fonts/helveticaneue-light.svg) format("svg")
}
.font {
font-family: helveticaneue
}
.font1 {
font-family: HelveticaNeueLTPro-ThEx
}
.font2 {
font-family: helveticaneue-light
}
.banner {
height: 100%
}
.banner .pc,
.banner .phone {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1
}
.logo {
width: 270px
}
.banner {
overflow: hidden
}
.banner .wrapper {
position: relative;
z-index: 5
}
.slg h1 .lf-hero-text {
font-size: 60px;
color: #fff;
margin-top: 70px;
text-transform: uppercase
}
.slg #js-wordContainer {
line-height: 50px;
font-size: 50px;
text-transform: uppercase
}
.slg .one {
color: #ff6b65
}
.slg .two {
color: #4f80ff
}
.slg .three {
color: #1ceaca
}
.slg .four {
color: #ffd668
}
.slg h1 strong {
padding-left: 15px
}
.header .wrapper {
width: 100%;
max-width: 100%;
padding: 0 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#js-heroWord {
position: relative
}
.slogan {
width: 100%;
max-width: 63.6%
}
.section {
overflow: hidden
}
.banner video,
.new-content04 video {
position: absolute;
z-index: 4;
display: block;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-o-object-fit: fill !important;
object-fit: fill !important;
width: 100%;
height: auto
}
.new-content04 video {
cursor: pointer
}
.new-content04 .play {
display: none
}
.new-content04 .video-bg {
width: 100%;
height: 100%;
max-width: none;
}
.new-content04 .video-bg,
.new-content04.open .video-bg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 8
}
.new-content04.open .video-bg {
display: none
}
#js-wordContainer {
position: relative
}
#js-wordContainer:before {
content: "";
position: absolute;
left: -30px;
animation: blink .5s ease 0s infinite alternate none running;
-webkit-animation: blink .5s ease 0s infinite alternate none running;
background: #fff;
display: block;
width: 2px;
height: 100%;
bottom: 0
}
@keyframes blink {
0%,
50% {
background: rgba(0, 0, 0, 0)
}
75%,
to {
background: #fff
}
}
@-webkit-keyframes blink {
0%,
50% {
background: rgba(0, 0, 0, 0)
}
75%,
to {
background: #fff
}
}
.black {
background: hsla(0, 0%, 100%, .5)
}
.black,
.black1 {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 8;
display: none
}
.black1 {
background: rgba(0, 0, 0, .5)
}
.index-nav {
width: 470px;
float: right
}
.index-nav li>a {
font-size: 320px;
font-size: 20rem;
white-space: nowrap;
color: #fff
}
.index-nav li>a span {
font-size: 704px;
font-size: 44rem;
padding-right: 20rem
}
.index-nav.nav li>a span {
font-size: 528px;
font-size: 33rem
}
.index-nav.nav li>a {
font-size: 288px;
font-size: 18rem
}
.index-nav li {
overflow: hidden;
position: relative;
padding-left: 80px
}
.index-nav li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
height: 2px;
margin-top: -1px;
background: #fff;
width: 60px;
opacity: 0
}
.index-nav li.cur:before,
.index-nav li:hover:before {
animation: hr .3s ease-out alternate forwards;
-webkit-animation: hr .3s ease-out alternate forwards
}
.index-nav li:hover>a {
padding-left: 10px
}
.nav {
height: 100%;
width: 9760px;
width: 610rem;
padding: 1.5% 5% 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: fixed;
right: 0;
top: 0;
background: #fff;
z-index: 9;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
opacity: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.nav.index-nav li>a {
color: #333;
text-align: left
}
.nav.index-nav li {
padding: 10rem 0;
text-align: center
}
.nav.index-nav li:hover>a {
color: #ffba00
}
.nav ul {
margin: 140rem 0 30rem;
overflow: auto;
height: calc(100% - 150px)
}
.index-nav.nav li:before {
display: none !important
}
.nice-li {
margin-bottom: 1rem
}
.nav li {
opacity: 0;
text-align: left;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.nav.on li:first-child {
-o-transition-delay: .1s;
transition-delay: .1s;
-webkit-transition-delay: .1s
}
.nav.on li:nth-child(2) {
-o-transition-delay: .15s;
transition-delay: .15s;
-webkit-transition-delay: .15s
}
.nav.on li:nth-child(3) {
-o-transition-delay: .2s;
transition-delay: .2s;
-webkit-transition-delay: .2s
}
.nav.on li:nth-child(4) {
-o-transition-delay: .25s;
transition-delay: .25s;
-webkit-transition-delay: .25s
}
.nav.on li:nth-child(5) {
-o-transition-delay: .3s;
transition-delay: .3s;
-webkit-transition-delay: .3s
}
.nav.on li:nth-child(6) {
-o-transition-delay: .35s;
transition-delay: .35s;
-webkit-transition-delay: .35s
}
.nav.on li:nth-child(7) {
-o-transition-delay: .4s;
transition-delay: .4s;
-webkit-transition-delay: .4s
}
.nav.on li:nth-child(8),
.nav.on li:nth-child(9),
.nav.on li:nth-child(10) {
-o-transition-delay: .45s;
transition-delay: .45s;
-webkit-transition-delay: .45s
}
.nav.on li>a {
display: block;
line-height: 800px;
line-height: 50rem;
text-align: center;
font-size: 320px;
font-size: 20rem;
font-weight: 700;
color: #fff
}
.nav li img {
width: 200rem
}
.nav.on,
.nav.on li {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.nav.on li>a {
color: #333;
text-align: left
}
@keyframes hr {
0% {
opacity: 0;
-webkit-transform: translateX(-60px);
-ms-transform: translateX(-60px);
transform: translateX(-60px)
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes hr {
0% {
opacity: 0;
-webkit-transform: translateX(-60px);
-ms-transform: translateX(-60px);
transform: translateX(-60px)
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.xia {
position: absolute;
bottom: 15px;
left: 50%;
z-index: 3;
background: url(/public/images/icon01.png) no-repeat 50%/100%;
width: 34px;
height: 34px;
margin-left: -17px;
animation: xia .8s infinite alternate;
-webkit-animation: xia .8s infinite alternate
}
.xiab {
background: url(/public/images/xiab.png) no-repeat 50%/100%
}
@keyframes xia {
0% {
transform: translateY(-15px);
-webkit-transform: translateY(-15px)
}
to {
transform: translateY(0);
-webkit-transform: translateY(0)
}
}
@-webkit-keyframes xia {
0% {
transform: translateY(-15px);
-webkit-transform: translateY(-15px)
}
to {
transform: translateY(0);
-webkit-transform: translateY(0)
}
}
.content01 .wz01 {
margin: 0 60px 0 10px;
width: 21.75%
}
.content01 .wz02 {
width: 23.8%
}
.content01 h3 {
margin-bottom: 60px;
font-size: 60px;
font-weight: 700;
color: #4e4d4d
}
.cased {
padding-bottom: 50px
}
.content02 ul {
max-height: 100%
}
.content02 li {
float: left;
max-height: calc(50% - 3px);
margin: 3px;
width: calc(25% - 6px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden
}
.content02 li>img {
visibility: hidden
}
.content02 li .img {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%
}
.content02 li .hide {
display: none
}
.content02 li:hover .hide {
display: block
}
.content02 li:hover .show {
display: none
}
.content02 li .wenz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 40px 20px;
z-index: 2;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
-webkit-transition: all .3s;
-o-transition: all .3s .3s;
-webkit-transition: all .3s .3s;
transition: all .3s .3s
}
.content02 li .wenz h3 {
font-weight: 700;
text-align: right;
font-size: 20px;
color: #fff
}
.content02 li .wenz h4 {
text-align: right;
font-size: 14px;
color: #fff
}
.content02 li:hover .wenz {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.content02 li .case-more {
background: #ffba00;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 40px;
white-space: nowrap
}
.content02 li .p1 {
line-height: 1;
font-size: 24px;
color: #fff;
font-weight: lighter
}
.content02 li .p2 {
line-height: 1;
font-size: 34px;
color: #fff;
text-transform: uppercase;
font-weight: 700
}
.content02 li .p2 span {
font-size: 52px;
padding-left: 10px
}
.new-content03 li .more {
margin-top: 40px
}
.pad {
padding: 6% 0
}
.sy-tit {
margin-bottom: 60px;
text-transform: uppercase
}
.sy-tit h3 {
font-size: 44px;
color: #000
}
.sy-tit h4 {
font-size: 22px
}
.sy-tit p {
font-size: 16px;
color: #999;
text-transform: uppercase
}
.content03 li {
overflow: hidden;
width: 20%;
float: left
}
.content03 li:first-child,
.content03 li:nth-child(2),
.content03 li:nth-child(3) {
margin-top: 160px
}
.content03 li .wenz {
position: absolute;
right: 20px;
bottom: 20px;
z-index: 2;
text-align: right;
color: #fff;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px)
}
.content03 li .wenz span {
font-size: 20px;
display: inline-block
}
.content03 li .wenz font {
font-size: 14px;
display: inline-block;
padding-left: 5px
}
.content03 li .pic img {
opacity: .6
}
.content03 li:hover .pic img {
opacity: 1
}
.content03 li:hover .wenz {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.content03 li:nth-child(4) {
margin: -160px 0 0 -20%
}
.content03 .more-div {
width: 60%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 50px
}
.more-div>div {
margin-top: -100px;
width: 300px;
text-align: center;
float: right
}
.more-div>div p {
font-size: 16px;
color: #999
}
.more-div .more {
margin-top: 15px
}
.content04 {
position: relative
}
.content04 .wenz {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
left: 0;
top: 0
}
.content04 .wenz .wrapper>div {
max-width: 610px;
width: 60%
}
.content04 .wenz table {
margin-top: 60px
}
.content04 .wenz img {
width: 43.1%
}
.content04 .wenz td {
font-size: 14px;
text-align: center;
border: 1px solid #fff;
width: 64px;
height: 64px;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.content04 .wenz td a {
display: inline-block;
color: #fff
}
.content04 .wenz td.cur,
.content04 .wenz td:hover {
border-color: #ffba00;
background: #ffba00
}
.content04 .wenz td.bor {
border: none;
width: 10px;
height: 0
}
.content04 .wenz td.bor:hover,
.content04 .wenz td.cur.bor {
border: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0)
}
.content05 .wrapper>.clearfix {
position: relative
}
.content05 dl {
width: 100%;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 28px;
margin-bottom: -5px;
border-left: 1px solid #ccc
}
.content05 dl:nth-child(2n) {
float: right
}
.content05 dl:nth-child(2) {
float: left
}
.content05 dt {
position: relative;
font-size: 21px;
color: #444;
font-weight: 700
}
.content05 dd.tuijian:before {
content: "";
display: block;
left: -29px;
width: 3px;
height: 30px;
position: absolute;
top: 50%;
margin-top: -15px;
background: #999
}
.content05 dd.tuijian {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 10px 2px 20px
}
.content05 dd h3 {
padding-bottom: 8px
}
.content05 dd.tuijian h3 a {
font-weight: 700;
font-size: 18px;
color: #434542
}
.content05 dd h3 a {
font-size: 16px;
color: #424242;
line-height: 24px
}
.content05 dd h3 a:hover {
color: #ffba00
}
.content05 dd.tuijian p {
color: #999;
font-size: 13.33px;
color: #898989;
overflow: hidden;
margin: 4px 0
}
.content05 dd.tuijian .date {
position: absolute;
right: 0;
top: 10px
}
.content05 dd.tuijian .date h5 {
font-size: 24px
}
.content05 dd.tuijian .date h5 sup {
font-size: 14px;
padding-left: 4px
}
.content05 dd.tuijian h6 {
font-size: 14px;
text-align: center
}
.content05 dd.tuijian font {
display: none
}
.content05 dd {
float: left;
width: 46%
}
.content05 dd:nth-child(2n) {
float: right
}
.content05 .pic {
position: absolute;
height: calc(50% - 45px);
right: 0;
bottom: 34px;
width: 45%
}
.content05 .wrapper.pad {
padding: 30px 0
}
.content06 ul {
margin-top: -30px
}
.content06 li {
padding: 30px 0;
float: left;
width: 15%;
text-align: center
}
.content06 li .img {
height: 78px;
line-height: 78px
}
.content06 li img {
max-height: 85%;
max-width: 85%
}
.content06 li:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.content06 li p {
font-size: 16px;
color: #1a1a1a;
padding-top: 5px
}
.content06 li:nth-child(7),
.content06 li:nth-child(19) {
margin-left: 10%
}
.content07 .map {
width: 46%;
float: right
}
.content07 #dituContent {
height: 520px;
border: 1px solid #ccc
}
.content07 .map p {
font-size: 18px;
text-align: center;
margin-top: 15px
}
.tel {
float: left;
width: 50%
}
.tel h3 {
padding: 40px 0;
font-size: 48px;
color: #333
}
.tel>div {
font-size: 28px;
color: #333;
background: url(/public/images/icon02.png) no-repeat 0/70px;
padding-left: 100px
}
.tel a {
margin-top: 210px;
width: 180px;
height: 46px;
line-height: 46px;
display: inline-block;
text-align: center;
background: #f1a219;
color: #fff;
font-size: 16px
}
.header {
line-height: 120px;
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: 10
}
.san {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
line-height: 22px;
font-size: 23px;
color: #3e3e3e
margin: 50px 0;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.san>div {
position: relative;
float: left;
margin-left: 10px
}
.san>div:nth-child(2) {
width: 30px;
height: 20px
}
.san span {
width: 100%;
position: absolute;
height: 4px;
background: #3e3e3e;
display: block;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.san span:first-child {
top: 0
}
.san span:nth-child(2) {
top: 50%;
margin-top: -2px
}
.san span:nth-child(3) {
bottom: 0
}
.san.cur span:first-child {
top: 50%;
margin-top: -2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.san.cur span:nth-child(2) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.san.cur span:nth-child(3) {
display: none
}
.ny-banner {
position: relative
}
.ny-banner .wz {
width: 33.3%;
position: absolute;
right: 8%;
bottom: 9%;
z-index: 2
}
.case-ul {
float: right;
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
height: 100%
}
.case-div {
position: relative
}
.case-ul li {
float: left;
overflow: hidden;
width: calc(50% - 4px);
height: calc(50% - 22px);
margin-bottom: 22px
}
.case-ul ul {
height: calc(100% - 80px)
}
.case-ul li:nth-child(2n) {
float: right
}
.case-ul li .img {
overflow: hidden;
height: calc(100% - 77px)
}
.case-ul li .img-box {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
top: 0;
left: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.case-ul li:hover .img-box {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.case-ul li .wenz {
padding-top: 17px
}
.case-ul li .wenz h3>a {
font-size: 20px;
color: #333
}
.case-ul li .wenz h3 {
margin-bottom: 6px
}
.case-ul li .wenz h3>a:hover {
color: #ffba00
}
.page {
text-align: center
}
.page a,
.page span {
margin: 0 3px;
display: inline-block;
width: 38px;
height: 38px;
line-height: 38px;
font-size: 14px;
color: #666;
border: 1px solid #ccc
}
.page .page-next,
.page .page-prev {
border: none
}
.page a.active,
.page a:hover {
background: #ffba00;
border-color: #ffba00
}
.page .page-next:hover,
.page .page-prev:hover {
border: none;
background: rgba(0, 0, 0, 0);
color: #ffba00
}
.case-div .case-profile {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%
}
.case-div .case-profile p {
font-size: 18px;
line-height: 34px;
color: #fff;
max-width: 670px;
width: 75%;
margin: auto
}
.case-div:nth-child(odd) .case-ul {
float: left
}
.case-div:nth-child(odd) .case-profile {
left: auto;
right: 0
}
.case-div:first-child .case-profile {
background: #3e565b
}
.case-div:nth-child(2) .case-profile {
background: #f4cb2a
}
.case-div:nth-child(3) .case-profile {
background: #31486c
}
.case-div:nth-child(4) .case-profile {
background: #aaa
}
.case-div:nth-child(5) .case-profile {
background: #3e565b
}
.case-div:nth-child(6) .case-profile {
background: #f4cb2a
}
.case-div:nth-child(7) .case-profile {
background: #31486c
}
.case-div:nth-child(8) .case-profile {
background: #aaa
}
.case-div .more,
.decorate .more {
color: #ffba00;
border-color: #ffba00;
display: block;
margin: auto
}
.case-div .more:hover,
.decorate .more:hover {
background: #ffba00;
color: #fff
}
.decorate .more {
margin-top: 20px
}
.case-detail-ban .img {
width: 61.25%;
float: right
}
.case-detail-ban .wenz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 80px;
float: left;
width: 35%
}
.case-detail-ban .wenz h1 {
position: relative;
margin-bottom: 30px;
font-size: 36px;
color: #333
}
.case-detail-ban .wrapper {
padding-top: 50px
}
.case-detail-ban .wenz .fontp {
line-height: 28px
}
.case-detail-ban .wenz h1 span {
display: block
}
.case-detail-ban .wenz h1 em {
font-style: normal;
position: absolute;
font-size: 100px;
left: -80px;
top: 50%;
line-height: 100px;
margin-top: -50px;
color: #ffba00;
font-weight: 700
}
.case-detail-pic .swiper-container {
width: 74.8%;
float: left
}
.case-detail-pic .swiper-button-prev {
left: 30px;
width: 20px;
height: 32px;
margin-top: -16px;
background-size: 100% !important
}
.case-detail-pic .swiper-button-next {
right: 30px;
width: 20px;
height: 32px;
margin-top: -16px;
background-size: 100% !important
}
.case-detail-pic .wenz {
max-height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 25.2%;
float: right;
padding: 130px 32px 0
}
.crumbs {
padding-bottom: 8px;
border-bottom: 1px solid #ccc;
font-size: 14px
}
.crumbs,
.crumbs a {
color: #666
}
.crumbs a:hover {
color: #ffba00
}
.crumbs em {
color: #333;
font-style: normal
}
.crumbs a,
.crumbs em,
.crumbs span {
display: inline-block;
vertical-align: middle
}
.crumbs span {
margin-top: -3px;
padding: 0 4px
}
.case-detail-pic .crumbs {
margin-bottom: 35px
}
.case-lists .case-ul {
width: 100%
}
.case-lists .case-ul li {
float: left;
width: 24%;
margin-right: 1.33%
}
.case-lists .case-ul li:nth-child(4n) {
margin-right: 0
}
.case-lists .page {
margin-top: 35px
}
.case-tab {
text-align: center
}
.office-banner {
position: relative
}
.office-banner .wenz {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.office-banner .wenz h2 {
font-size: 56px;
font-weight: 700;
line-height: 1
}
.office-banner .wenz h1 {
font-size: 48px;
font-weight: 700;
margin-bottom: 60px
}
.office-banner .wenz img {
width: 59.6%
}
.office li {
margin-bottom: 40px;
text-align: center
}
.office li h3 {
font-size: 36px
}
.office li h5 {
font-size: 18px;
margin: 8px 0 30px
}
.office li:nth-child(2n) {
margin-bottom: 0
}
.header-mar {
height: 120px
}
.contact .tel {
text-align: center;
width: 100%
}
.contact .tel h3 {
letter-spacing: 4px
}
.contact .tel h5 {
font-size: 20px
}
.contact .tel h5 span {
color: #ffba00;
font-size: 48px;
padding-left: 10px
}
.contact-form {
padding-bottom: 40px
}
.contact-form .map {
width: 58.6%
}
.form {
width: 38%;
float: left
}
.form h1 {
font-size: 36px;
font-weight: 700;
color: #333;
margin-bottom: 8px
}
.form h4 {
font-size: 18px;
line-height: 2
}
.form h4,
.form h4 a {
color: #333
}
.form h5 {
font-weight: 700;
font-size: 20px;
margin-top: 50px
}
.form h5 span {
color: #666;
font-weight: 400;
font-size: 12px
}
.form input[type=text],
.form textarea {
line-height: 40px;
display: block;
border: 1px solid #777;
float: left;
width: 48.5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px;
font-size: 14px;
color: #666;
outline: none;
margin: 12px 0 0
}
.form textarea {
padding: 5px 12px;
line-height: 24px;
width: 100%
}
.form input:nth-child(2n) {
float: right
}
.form input[type=submit] {
width: 160px;
float: left;
margin-top: 30px;
line-height: 44px;
background: #000;
color: #fff;
border: none;
outline: none;
font-size: 16px;
cursor: pointer
}
.form input[type=submit]:hover {
background: #ffba00
}
.padt0 {
padding-top: 30px
}
.brand .editor {
color: #333;
font-size: 16px;
line-height: 34px
}
.brand .tit {
width: 55.7%;
margin-bottom: 80px
}
.team-banner .wrapper {
position: relative
}
.team-banner .wz {
width: 52.6%;
position: absolute;
left: 0;
top: 30%
}
.team-banner .wz01 {
position: absolute;
bottom: 20px;
right: 0;
width: 40%
}
.team-ul .swiper-slide {
overflow: hidden
}
.team-ul .swiper-slide .img-box {
z-index: 2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.team-ul .swiper-slide .wenz {
position: absolute;
left: 0;
bottom: 20%;
width: 100%;
padding: 0 14%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 4;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.team-ul .swiper-slide .yy {
top: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
background: rgba(0, 0, 0, .8);
opacity: 0;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.team-ul .swiper-slide .wenz h3 {
font-size: 20px;
color: #fff
}
.team-ul .swiper-slide .wenz h4 {
font-size: 16px;
color: #fff
}
.team-ul .swiper-slide .wenz p {
color: #d3d0d0;
margin-top: 30px
}
.team-ul .swiper-slide:hover .yy {
opacity: 1
}
.team-ul .swiper-slide:hover .wenz {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.team-ul .swiper-button-next,
.team-ul .swiper-button-prev {
width: 100px;
height: 100px;
margin-top: -50px;
border-radius: 50%
}
.team-ul .swiper-button-prev {
background: #ececec url(/public/images/prev.png) no-repeat 50%;
left: 30px
}
.team-ul .swiper-button-prev:hover {
background: #ffba00 url(/public/images/prevw.png) no-repeat 50%;
left: 30px
}
.team-ul .swiper-button-next {
background: #ececec url(/public/images/next.png) no-repeat 50%;
right: 30px
}
.team-ul .swiper-button-next:hover {
background: #ffba00 url(/public/images/nextw.png) no-repeat 50%;
right: 30px
}
.team-detail {
padding-bottom: 50px
}
.team-detail .toux {
float: left;
width: 24.8%
}
.team-detail .wenz {
float: left;
width: 35%;
padding: 0 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.team-detail .wenz h2 {
font-size: 36px;
font-weight: 700
}
.team-detail .wenz hr {
width: 64px;
height: 2px;
text-align: left;
display: block;
border: none;
background: #666;
margin: 22px 0
}
.team-detail .wenz h3 {
font-size: 24px;
margin-bottom: 40px
}
.team-detail .zuopin {
width: 40.2%;
float: right
}
.team-detail .zuopin p {
font-size: 18px;
color: #fff;
position: absolute;
bottom: 35px;
left: 25px;
z-index: 2
}
.service-banner h3 {
font-size: 36px;
font-weight: 700;
text-transform: uppercase
}
.service-banner h2 {
font-size: 40px;
font-weight: 700
}
.service-banner .wrapper {
position: relative
}
.service-banner h3 {
padding-top: 12.5%
}
.service-banner .wz {
bottom: 13%;
right: 0;
position: absolute;
width: 44%
}
.feedback-alert {
display: none;
position: fixed;
left: 50%;
top: 50%;
width: 340px;
padding: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 3px;
z-index: 12;
margin: -252.5px 0 0 -170px
}
.feedback-alert h3 {
font-size: 24px;
color: #333;
text-align: center;
margin-bottom: 24px
}
.feedback-alert .ff input[type=text] {
width: 100%;
margin-bottom: 12px;
line-height: 42px;
border: 1px solid #eaeaea;
padding: 0 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
color: #666;
outline: none
}
.feedback-alert .ff .submit {
cursor: pointer;
width: 100%;
background: #ffba00;
font-size: 16px;
color: #fff;
border-radius: 3px;
border: none;
outline: none;
line-height: 44px
}
.feedback-alert .ff textarea {
border: 1px solid #eaeaea;
padding: 8px 12px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
margin-bottom: 12px;
font-size: 14px;
color: #666
}
.feedback-alert .close {
background: url(/public/images/closeb.png) no-repeat 50%/64px;
width: 64px;
height: 64px;
position: absolute;
right: 0;
top: 0
}
.service-tab {
margin-bottom: 50px
}
.service-tab a {
display: inline-block;
padding: 0 30px;
line-height: 40px;
border: 1px solid #ccc;
font-size: 16px;
color: #333;
margin-right: 5px
}
.service-tab a.cur,
.service-tab a:hover {
background: #ffba00;
color: #fff;
border-color: #ffba00
}
.service .pic {
width: 48.5%;
float: left
}
.service .btn-box {
position: relative;
padding: 0 160px
}
.service .wenz {
width: 48.5%;
float: right
}
.service .wenz h3 {
font-size: 36px;
font-weight: 700;
text-align: right;
text-transform: uppercase
}
.service .wenz h2 {
margin-bottom: 40px;
font-size: 28px;
text-align: right
}
.service .wenz .fontp {
font-size: 16px;
line-height: 32px
}
.service .swiper-button-next,
.service .swiper-button-prev {
width: 100px;
height: 100px;
margin-top: -50px;
border-radius: 50%
}
.service .swiper-button-prev {
background: url(/public/images/prev.png) no-repeat 50%;
left: 10px
}
.service .swiper-button-next {
background: url(/public/images/next.png) no-repeat 50%;
right: 10px
}
.service .swiper-button-next:hover,
.service .swiper-button-prev:hover {
background-color: #eaeaea !important
}
.decorate-ul {
width: 55.8%;
float: right
}
.decorate-ul.pad {
width: 100%;
float: none
}
.decorate-ul .page {
margin-top: 50px
}
.decorate-div {
position: relative;
margin-bottom: 30px
}
.hot-tit {
font-size: 20px;
color: #f9ad0f;
font-weight: 700;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
margin-bottom: 15px
}
.decorate-ul li {
margin-top: 20px;
position: relative;
width: 48.5%;
float: left
}
.decorate-ul li h3 {
font-size: 16px;
color: #333;
margin-bottom: 5px
}
.decorate-ul li.tuijian {
margin-top: 0;
width: 100%
}
.decorate-ul li h3 a {
color: #333
}
.decorate-ul li h3 a:hover {
color: #ffba00
}
.decorate-ul.du li:nth-child(2n),
.decorate-ul li:nth-child(odd) {
float: right
}
.decorate-ul.du li:nth-child(odd) {
float: left
}
.decorate-ul li span {
margin-top: 3px;
display: block;
font-size: 12px;
color: #666
}
.decorate-div .img {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 6%;
width: 40.8%;
position: absolute;
left: 0;
top: 0;
height: 100%
}
.decorate-div .img h3 {
font-size: 36px;
color: #fff;
font-weight: 700
}
.decorate-div .img hr {
margin: 20px 0;
display: block;
height: 2px;
width: 46px;
text-align: left;
background: #fff;
border: none
}
.decorate-div .page {
margin-top: 28px
}
.decorate-div .img .fontp {
color: #fff
}
.decorate-div .img span {
font-size: 12px;
margin-top: 10px;
color: #fff;
display: block
}
.decorate-div:nth-child(2n) .img {
left: auto;
right: 0
}
.decorate-div:nth-child(2n) .decorate-ul {
float: left
}
.decorate-detail {
position: relative
}
.decorate-detail .img {
width: 47%;
position: absolute;
left: 0;
top: 0;
height: 100%
}
.decorate-detail .wenz {
float: right;
width: 53%;
height: 100%;
overflow-y: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 60px 65px 30px
}
.decorate-detail .wenz>h1 {
margin-bottom: 30px;
font-size: 36px
}
.decorate-detail .editor {
padding: 28px 0
}
.bdsharebuttonbox a {
-webkit-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important
}
.local-page {
margin: 20px 0
}
.local-page dd {
line-height: 30px
}
.local-page dd a {
font-size: 14px;
color: #333
}
.local-page dd a:hover {
color: #ffba00
}
.new-article h3 {
margin-bottom: 12px;
font-size: 18px;
color: #333;
font-weight: 700
}
.new-article dd {
line-height: 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 20px;
float: left;
width: 33%;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden
}
.new-article dd>a {
font-size: 12px;
color: #333
}
.new-article dd>a:hover {
color: #ffba00
}
.lf-hero-text {
display: block
}
#js-wordContainer span {
opacity: 0;
position: relative
}
#js-wordContainer span.show {
opacity: 1
}
.section {
position: relative
}
.new-content01 .video-box {
margin-top: 0;
width: 44.8%;
height: auto;
position: relative;
z-index: 3;
left: 8px
}
.new-content01 .video-box video {
z-index: 3;
display: none;
background: #000;
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 100%
}
.new-content01 .video-box .play {
background: #fff url(/public/images/play.png) no-repeat 50%/100%;
width: 64px;
height: 64px
}
.new-content01 .video-box .play,
.new-content01 .video-box .play6 {
border-radius: 50%;
opacity: .8;
display: block;
position: absolute;
left: calc(50% - 32px);
top: calc(50% - 32px);
z-index: 3
}
.new-content01 .video-box .play6 {
background: #fff url(/public/picture/suspend.png) no-repeat 50%/100%;
width: 50px;
height: 50px;
cursor: pointer
}
.video-path {
display: none
}
.new-content01 .pic,
.new-content01 .pic img {
width: 100%;
height: 100%
}
.new-content01 .wenz {
width: 53.25%;
margin-right: -7.25%
}
.new-tit {
margin-bottom: 80px
}
.new-tit img {
max-width: inherit;
max-width: auto
}
.new-tit img:nth-child(2) {
margin-top: -98px
}
.new-tit .tit1 {
margin-left: 190px;
display: block;
height: 150px
}
.new-tit .tit2 {
margin: -109px 0 0;
display: block;
height: 52px;
position: relative;
z-index: 2
}
.new-tit h3 {
margin-top: 12px;
margin-left: 10px
}
.new-tit a,
.new-tit h3 {
font-size: 18px;
color: #333
}
.new-tit a {
display: inline-block;
margin-top: 15px
}
.ndiv .new-tit a {
display: block
}
.ndiv .new-tit a,
.ndiv .new-tit a img {
width: 100%;
height: 100%
}
.new-tit a img {
width: 10.5px;
margin: -2px 0 0 6px
}
.new-content01 .tit2 {
margin: -57px 0 0 10px
}
.new-content01 .txt {
width: 85%;
max-width: 618px;
margin: 150px 0 0 150px
}
.relx-p {
margin-left: 12px;
width: 435px;
font-size: 15.44px
}
#fullpage,
.section {
height: 100%
}
.new-content02 .swiper-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2
}
.new-content02 .swiper-container,
.new-content02 .swiper-slide .pic {
height: 100%
}
.new-content02 .swiper-slide {
overflow: hidden;
height: 100%
}
.new-content02 .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.new-content02 .txt {
z-index: 3;
position: absolute;
left: 670px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 450px;
/width: 100%;
top:74%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.new-content02 .swiper-container:before {
content: "";
width: 10px;
height: 100%;
position: absolute;
top: 0;
right: calc(16% + 4px);
z-index: 3;
background: #fff
}
.new-content02 .txt>div {
font-family: Microsoft YaHei
}
.new-content02 .txt h6 {
font-size: 28px;
color: #333;
font-weight: 600
}
.new-content02 .txt h3 {
margin: 6px 0;
font-size: 20px;
color: #000;
font-weight: 400
}
.new-content02 .txt h3 img {
width: auto;
height: 25px;
margin: -2px 10px 0 0
}
.ani-left_con .fontp {
line-height: 30px !important;
font-size: 16px;
color: #333
}
.ani-left_con .fontp1 {
line-height: 26px !important;
font-size: 16px;
color: #000
}
.ani-left_con .fontp1 b {
width: 50px;
display: inline-block;
text-align: center
}
.new-content02 .txt .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 20px
}
.new-content02 .txt .flex h3 {
width: 60%;
margin: 0;
letter-spacing: 1.5px;
color: #000;
text-shadow: 0 0 1px #000
}
.new-content02 .swiper-slide .pic {
position: relative
}
.new-content02 .swiper-slide .hide {
display: block
}
.new-content02 .swiper-slide .show {
display: none
}
.new-content02 .swiper-slide-active .show {
display: block
}
.new-content02 .swiper-slide-active .hide {
display: none
}
.new-content02 .swiper-slide.on .txt {
display: block
}
.new-content03 .swiper-container {
margin-top: 125px;
/*margin-left: 160px*/
}
.new-content03 .swiper-wrapper {
-webkit-transition-timing-function: linear !important;
-o-transition-timing-function: linear !important;
transition-timing-function: linear !important
}
.new-content03 .swiper-slide {
overflow: hidden
}
.new-content03 .swiper-slide>img {
visibility: hidden
}
.new-content03 .swiper-slide .img {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.new-content03 .swiper-slide .hide {
display: block
}
.new-content03 .swiper-slide .show {
display: none
}
.new-content03 .swiper-slide:hover .img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.new-content03 .swiper-slide .wenz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 50%;
left: 0;
width: 100%;
height: 100%;
/*padding: 135px 100px 100px 100px;*/
top: -30px;
z-index: 2;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
-webkit-transition: all .3s;
-o-transition: all .3s .3s;
-webkit-transition: all .3s .3s;
transition: all .3s .3s;
z-index: 4;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.new-content03 .swiper-slide .wenz h3 {
font-weight:initial;
text-align: center;
font-size: 20px;
color: #fff;
}
.new-content03 .swiper-slide .wenz h4 {
text-align: center;
font-size: 17px;
color: #fff;
margin-top: -5px;
line-height: 1.8
}
.new-content03 .swiper-slide:hover .wenz {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
opacity: 1;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(46%)
}
.new-content03 .swiper-slide:after {
content: "";
z-index: 3;
display: block;
width: 100%;
height: 100%;
background-color: rgb(31 31 31 / 0.8);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.new-content03 .swiper-slide:hover:after {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
opacity: 1
}
.new-content05 .new-tit .tit1 {
margin-left: 181px;
display: block;
height: 149px
}
.new-content05 .new-tit .tit2 {
margin: -90px 0 0;
display: block;
height: 51px;
position: relative;
z-index: 2
}
.pagination01.swiper-pagination {
position: relative;
bottom: auto !important;
margin-top: 40px;
}
.pagination01.swiper-pagination .swiper-pagination-bullet {
border-radius: 0 !important;
width: 30px;
height: 5px;
background: #adadad;
opacity: 1
}
.pagination01.swiper-pagination .swiper-pagination-bullet-active {
background: #000
}
@media screen and (min-width: 1366px) and (max-width: 1440px){
.new-content02 .pagination01.swiper-pagination {
width: 1100px !important;
}
}
.new-content02 .pagination01.swiper-pagination {
position: absolute !important;
bottom: 30px !important;
text-align: right;
width: 1380px
}
.new-content02 .pagination01.swiper-pagination .swiper-pagination-bullet {
background: hsla(0, 0%, 100%, .6) !important
}
.new-content02 .pagination01.swiper-pagination .swiper-pagination-bullet-active {
background: #fff !important
}
.new-content04 .zz {
z-index: 4;
display: block;
width: 100%;
height: 100%;
max-width: 71%;
max-height: 71%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%)
}
.new-content05 .pic {
float: left;
width: 684px;
height: 439px
}
.new-content05 .pic img {
width: 100%;
height: 100%
}
.new-content05 .logos {
float: right;
width: 50%;
height: 439px;
right: -1200px;
right: -75rem
}
.new-content05 .logos .swiper-wrapper {
width: 80%
}
.new-content05 .logos .swiper-slide {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.new-content05 .logos .swiper-slide img {
max-width: 95%;
max-height: 80%;
opacity: .8;
-webkit-filter: grayscale(100%);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: grayscale(100%)
}
.new-content05 .logos .swiper-slide p {
display: none
}
.new-content05 .logos .swiper-slide .item:hover img {
opacity: 1;
-webkit-filter: grayscale(0);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: grayscale(0)
}
.content05 .clearfix1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.new-content06.content05 dd.tuijian h3 a {
font-weight: 400
}
.new-content06.content05 dl {
padding: 0;
border: 0
}
.new-content06.content05 .box {
width: 100%;
position: relative
}
.new-content06.content05 .box .swiper-button-next {
right: auto;
left: 12%;
background-image: url(/public/images/prev_icon.png) !important;
width: 36px;
background-size: 36px 44px;
top: 70%
}
.new-content06.content05 .swiper-container {
width: 82%;
margin: 0;
float: right
}
.new-content06.content05 dd.tuijian:before {
display: none
}
.new-content06.content05 .pic {
position: relative;
height: 218px;
overflow: hidden;
width: 100%;
right: auto;
bottom: auto
}
.new-content06.content05 .tit1 {
max-width: 100%
}
.new-content06.content05 .tit2 {
margin-top: -80px;
display: block;
height: 51px;
position: relative;
z-index: 2;
width: auto;
text-align: right;
margin-right: -90px
}
.new-content06.content05 .ndiv {
float: right;
width: 44%;
margin-top: 24px
}
.new-content06.content05 .ndiv .tit1 {
margin: 0
}
.new-content06.content05 .new-tit {
margin-bottom: 30px
}
.new-content06.content05 .swiper-slide .clearfix_1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.new-content06.content05 .swiper-slide .clearfix_1 span {
line-height: 1
}
.new-content07 .new-tel {
margin-bottom: 40px;
padding-left: 97px;
position: relative;
font-size: 30px;
font-weight: 700;
color: rgba(61, 61, 61, .8)
}
.new-content07 .new-tel>img {
position: absolute;
left: 0;
top: 50%;
margin-top: -34px
}
.new-content06 .clearfix1>.clearfix:first-child {
margin-right: 110px;
margin-bottom: 12px
}
.new-content06 .clearfix1>.clearfix:nth-child(3) {
margin-right: 110px
}
.new-content06 .clearfix1>.ndiv {
margin-bottom: 50px
}
.new-tel_p {
font-size: 24.69px;
color: #000;
font-weight: 400
}
.ani-down-a,
.ani-down-b,
.ani-down-c {
display: inline-block;
margin-right: 13px !important
}
.new-content07_phone {
width: 68px !important;
-webkit-animation: fc 2s linear infinite !important;
animation: fc 2s linear infinite !important
}
.new-content07 .input {
float: left;
margin-right: 110px
}
.new-content07 .input:nth-child(3n) {
margin-right: 0
}
.new-content07 .input.w100 {
width: 100%
}
.new-content07 .txt {
width: 45.5%;
float: left
}
.new-content07 .input {
margin-bottom: 22px
}
.new-content07 .input span {
display: block;
margin-bottom: 2.5px;
font-size: 16px;
color: #333
}
.new-content07 .input input[type=text] {
width: 165px !important;
height: 29px;
line-height: 30px;
padding: 0 12px;
width: 100%
}
.new-content07 .input input[type=text],
.new-content07 .input textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #000;
font-size: 16px;
color: #333;
outline: none
}
.new-content07 .input textarea {
line-height: 24px;
padding: 3px 12px;
width: 100%;
height: 137px
}
.new-content07 .submit {
font-weight: 500;
width: 160px;
line-height: 30px;
border: 1px solid #000;
outline: none;
cursor: pointer;
color: #000;
font-size: 16px;
background: none
}
.new-content07 form>div>span {
font-size: 16px;
color: #333;
padding-left: 15px;
vertical-align: bottom
}
.new-code {
margin-top: 40px;
position: relative
}
.new-code h1 {
margin-bottom: 6px;
font-size: 20.66px;
color: #333;
font-weight: 700
}
.new-code p {
font-size: 16px;
line-height: 30px;
color: #333
}
.new-code p a {
color: #333
}
.new-code>img {
position: absolute;
right: 0;
top: 50%;
width: 100px;
margin-top: -50px
}
@media only screen and (min-width: 2561px) and (max-width: 4096px){
.new-map{
zoom: 1.2;
}
}
.new-map {
margin-top: 30px;
max-width: 720px;
position: relative;
float: right;
width: 50%
}
.new-map .add {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 2
}
@media only screen and (min-width: 1366px) and (max-width: 1600px){
.new-content07 .new-content07_img0 {
margin-bottom: 5px;
width: 300px;
}
.new-content07 .new-content07_img1 {
width: 300px;
}
.new-content07 .new-content07_img2 {
width: 300px;
}
}
.new-content07 .new-content07_img1 {
-webkit-transition-delay: .7s !important;
-o-transition-delay: .7s !important;
transition-delay: .7s !important;
margin-bottom: 14px
}
.new-content07 .new-tel_p {
-webkit-transition-delay: .9s !important;
-o-transition-delay: .9s !important;
transition-delay: .9s !important
}
.new-content07 .new-content07_img2 {
-webkit-transition-delay: .5s !important;
-o-transition-delay: .5s !important;
transition-delay: .5s !important
}
.new-content07 .new-content07_phone {
-webkit-transition-delay: 1s !important;
-o-transition-delay: 1s !important;
transition-delay: 1s !important
}
.new-content07 .new-content07_icon {
-webkit-transition-delay: 1.2s !important;
-o-transition-delay: 1.2s !important;
transition-delay: 1.2s !important
}
.animate-tit {
opacity: 0;
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
-webkit-transform: translateX(-100px) rotate(8deg);
-ms-transform: translateX(-100px) rotate(8deg);
transform: translateX(-100px) rotate(8deg)
}
.animate-li,
.banner.active .animate-li,
.swiper-slide .animate-li.on,
.swiper-slide .animate-tit.on {
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px)
}
.section .ani-down,
.section .animate-li,
.section .animate-tit {
-o-transition-delay: .6s;
transition-delay: .6s;
-webkit-transition-delay: .6s
}
.active .swiper-slide .ani-left,
.ani-left,
.swiper-slide .ani-left.on {
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
-o-transition-delay: .6s;
transition-delay: .6s;
-webkit-transition-delay: .6s;
-webkit-transform: translateX(-30%);
-ms-transform: translateX(-30%);
transform: translateX(-30%)
}
.new-content03 .ani-left {
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%)
}
.ani-right,
.swiper-slide .ani-right.on {
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
-o-transition-delay: .6s;
transition-delay: .6s;
-webkit-transition-delay: .6s;
-webkit-transform: translateX(30%);
-ms-transform: translateX(30%);
transform: translateX(30%)
}
.ani-right.xian {
-webkit-transform: translate(200px);
-ms-transform: translateX(200px);
transform: translateX(200px)
}
.ani-down,
.swiper-slide .ani-down.on {
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
-o-transition-delay: .1s;
transition-delay: .1s;
-webkit-transition-delay: .1s;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.s-down {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px)
}
.active .ani-down,
.ani-down.on {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.swiper-slide.on .ani-left {
display: block
}
.active .swiper-slide .ani-left,
.section .ani-down,
.section .ani-left,
.section .ani-right,
.section .animate-li {
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-delay: 0s
}
.section.active .ani-down,
.section.active .ani-left,
.section.active .ani-right,
.section.active .animate-li {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s
}
.section.active .delay1 {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
.section.active .delay2 {
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s
}
.section.active .delay3 {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s
}
.section.active .delay4 {
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s
}
.section.active .delay5 {
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s
}
.section.active .delay6 {
-webkit-transition-delay: .7s;
-o-transition-delay: .7s;
transition-delay: .7s
}
.section.active .delay7 {
-webkit-transition-delay: .8s;
-o-transition-delay: .8s;
transition-delay: .8s
}
.section.active .delay8 {
-webkit-transition-delay: .9s;
-o-transition-delay: .9s;
transition-delay: .9s
}
.section.active .delay9 {
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s
}
.section.active .delay10 {
-webkit-transition-delay: 1.1s;
-o-transition-delay: 1.1s;
transition-delay: 1.1s
}
.section.active .delay11 {
-webkit-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
transition-delay: 1.2s
}
.section.active .delay12 {
-webkit-transition-delay: 1.3s;
-o-transition-delay: 1.3s;
transition-delay: 1.3s
}
.section.active .delay13 {
-webkit-transition-delay: 1.4s;
-o-transition-delay: 1.4s;
transition-delay: 1.4s
}
.section.active .delay14 {
-webkit-transition-delay: 1.5s;
-o-transition-delay: 1.5s;
transition-delay: 1.5s
}
.section.active .delay15 {
-webkit-transition-delay: 1.6s;
-o-transition-delay: 1.6s;
transition-delay: 1.6s
}
.section.active .delay16 {
-webkit-transition-delay: 1.7s;
-o-transition-delay: 1.7s;
transition-delay: 1.7s
}
.new-content02 .ani-left_con {
-webkit-transition-delay: 1s !important;
-o-transition-delay: 1s !important;
transition-delay: 1s !important
}
.active .ani-left,
.active .ani-right,
.active .animate-li,
.active .animate-li.on,
.active .animate-tit,
.active .swiper-slide-active .ani-left,
.active .swiper-slide-active .ani-right,
.active .swiper-slide.on .ani-left,
.ani-left.on,
.ani-right.on,
.animate-li.on,
.animate-tit.on,
.banner.active .animate-li.on,
.swiper-slide-active .ani-left.on,
.swiper-slide-active .ani-right.on,
.swiper-slide-active .animate-li.on,
.swiper-slide-active .animate-tit.on {
opacity: 1;
-webkit-transform: translateX(0) rotate(0deg);
-ms-transform: translateX(0) rotate(0deg);
transform: translateX(0) rotate(0deg)
}
.new-tit,
.tuijian {
-webkit-transition-delay: .4s !important;
-o-transition-delay: .4s !important;
transition-delay: .4s !important
}
.ani-down-a,
.ani-down-b,
.ani-down-c,
.clearfix_1 {
-webkit-transition-delay: .8s !important;
-o-transition-delay: .8s !important;
transition-delay: .8s !important
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3) translateX(-50%) translateY(-50%);
-ms-transform: scale3d(.3, .3, .3) translateX(-50%) translateY(-50%);
transform: scale3d(.3, .3, .3) translateX(-50%) translateY(-50%)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) translateX(-50%) translateY(-50%);
-ms-transform: scale3d(1.1, 1.1, 1.1) translateX(-50%) translateY(-50%);
transform: scale3d(1.1, 1.1, 1.1) translateX(-50%) translateY(-50%)
}
40% {
-webkit-transform: scale3d(.9, .9, .9) translateX(-50%) translateY(-50%);
-ms-transform: scale3d(.9, .9, .9) translateX(-50%) translateY(-50%);
transform: scale3d(.9, .9, .9) translateX(-50%) translateY(-50%)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03) translateX(-50%) translateY(-50%);
-ms-transform: scale3d(1.03, 1.03, 1.03) translateX(-50%) translateY(-50%);
transform: scale3d(1.03, 1.03, 1.03) translateX(-50%) translateY(-50%)
}
80% {
-webkit-transform: scale3d(.97, .97, .97) translateX(-50%) translateY(-50%);
-ms-transform: scale3d(.97, .97, .97) translateX(-50%) translateY(-50%);
transform: scale3d(.97, .97, .97) translateX(-50%) translateY(-50%)
}
to {
opacity: 1;
-webkit-transform: scaleX(1) translateX(-50%) translateY(-50%);
-ms-transform: scaleX(1) translateX(-50%) translateY(-50%);
transform: scaleX(1) translateX(-50%) translateY(-50%)
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3) translateX(-50%) translateY(-50%);
-ms-transform: scale3d(.3, .3, .3) translateX(-50%) translateY(-50%);
transform: scale3d(.3, .3, .3) translateX(-50%) translateY(-50%)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) translateX(-50%) translateY(-50%);
-ms-transform: scale3d(1.1, 1.1, 1.1) translateX(-50%) translateY(-50%);
transform: scale3d(1.1, 1.1, 1.1) translateX(-50%) translateY(-50%)
}
40% {
-webkit-transform: scale3d(.9, .9, .9) translateX(-50%) translateY(-50%);
-ms-transform: scale3d(.9, .9, .9) translateX(-50%) translateY(-50%);
transform: scale3d(.9, .9, .9) translateX(-50%) translateY(-50%)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03) translateX(-50%) translateY(-50%);
-ms-transform: scale3d(1.03, 1.03, 1.03) translateX(-50%) translateY(-50%);
transform: scale3d(1.03, 1.03, 1.03) translateX(-50%) translateY(-50%)
}
80% {
-webkit-transform: scale3d(.97, .97, .97) translateX(-50%) translateY(-50%);
-ms-transform: scale3d(.97, .97, .97) translateX(-50%) translateY(-50%);
transform: scale3d(.97, .97, .97) translateX(-50%) translateY(-50%)
}
to {
opacity: 1;
-webkit-transform: scaleX(1) translateX(-50%) translateY(-50%);
-ms-transform: scaleX(1) translateX(-50%) translateY(-50%);
transform: scaleX(1) translateX(-50%) translateY(-50%)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s
}
.active .icontact img {
-webkit-animation-name: bounceInDown1;
animation-name: bounceInDown1;
animation-delay: .5s;
-webkit-animation-delay: .5s
}
.active .icontact img,
.animate-div {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.delay5 {
animation-delay: .8s;
-webkit-animation-delay: .8s
}
.delay8 {
animation-delay: 1.3s;
-webkit-animation-delay: 1.3s
}
.delay9 {
animation-delay: 1.8s;
-webkit-animation-delay: 1.8s
}
.delay10 {
animation-delay: 2.5s;
-webkit-animation-delay: 2.5s
}
.delay12 {
animation-delay: 3s;
-webkit-animation-delay: 3s
}
.delay15 {
animation-delay: 3.5s;
-webkit-animation-delay: 3.5s
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
.rotate {
animation: rot 100s infinite alternate;
-webkit-animation: rot 100s infinite alternate
}
@keyframes rot {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg)
}
to {
transform: rotate(1turn);
-webkit-transform: rotate(1turn)
}
}
@-webkit-keyframes rot {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg)
}
to {
transform: rotate(1turn);
-webkit-transform: rotate(1turn)
}
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -25px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes bounceInDown1 {
0%,
60%,
75%,
90%,
to {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) translateX(-50%) translateY(-50%);
transform: translate3d(0, -3000px, 0) translateX(-50%) translateY(-50%)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 50px, 0) translateX(-50%) translateY(-50%);
transform: translate3d(0, 25px, 0) translateX(-50%) translateY(-50%)
}
75% {
-webkit-transform: translate3d(0, -25px, 0) translateX(-50%) translateY(-50%);
transform: translate3d(0, -10px, 0) translateX(-50%) translateY(-50%)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) translateX(-50%) translateY(-50%);
transform: translate3d(0, 5px, 0) translateX(-50%) translateY(-50%)
}
to {
-webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);
transform: translateZ(0) translateX(-50%) translateY(-50%)
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@keyframes bounceInDown1 {
0%,
60%,
75%,
90%,
to {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) translateX(-50%) translateY(-50%);
transform: translate3d(0, -3000px, 0) translateX(-50%) translateY(-50%)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 50px, 0) translateX(-50%) translateY(-50%);
transform: translate3d(0, 25px, 0) translateX(-50%) translateY(-50%)
}
75% {
-webkit-transform: translate3d(0, -25px, 0) translateX(-50%) translateY(-50%);
transform: translate3d(0, -10px, 0) translateX(-50%) translateY(-50%)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) translateX(-50%) translateY(-50%);
transform: translate3d(0, 5px, 0) translateX(-50%) translateY(-50%)
}
to {
-webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);
transform: translateZ(0) translateX(-50%) translateY(-50%)
}
}
.news .animate-li {
-o-transition-delay: .2s !important;
transition-delay: .2s !important;
-webkit-transition-delay: .2s !important
}
@-webkit-keyframes wobble {
0% {
opacity: 0;
-webkit-transform: none;
transform: none
}
15% {
opacity: 1;
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
opacity: 1;
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
opacity: 1;
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
opacity: 1;
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
opacity: 1;
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes wobble {
0% {
opacity: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
15% {
opacity: 1;
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
opacity: 1;
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
opacity: 1;
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
opacity: 1;
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
opacity: 1;
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
-ms-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-ms-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1
}
to {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1
}
to {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@-webkit-keyframes fc {
10% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
20% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
30% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
40% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
50%,
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes fc {
10% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
20% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
30% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
40% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
50%,
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
.new-nav {
background: rgba(0, 0, 0, .6)
}
.new-nav .nice {
height: auto;
overflow: visible
}
.nav.index-nav.new-nav li>a,
.new-san.cur {
color: #fff !important;
}
.new-san.cur span {
background: #fff !important;
}
.new-nav.index-nav.nav li>a span {
width: 4560px;
width: 285rem;
display: inline-block
}
.new-nav.index-nav.nav li>a span.font {
float: left
}
.header-form {
}
.header-form .tel-num {
font-size: 16px;
font-weight: 700;
color: #fff
}
.header-form .tel-num span {
display: inline-block;
width: 60px;
vertical-align: middle
}
.header-form .tel-num font {
display: inline-block
}
.header-form .input {
margin-top: 12rem;
height: 512px;
height: 32rem
}
.header-form input,
.header-form textarea {
line-height: 384px;
line-height: 24rem;
height: 384px;
height: 24rem;
font-size: 224px;
font-size: 14rem;
color: #fff;
outline: none;
background: rgba(0, 0, 0, 0);
border: none;
border-bottom: 1px solid #fff;
width: calc(84% - 30px)
}
.header-form .submit {
display: block;
margin: 15rem auto 0 35%;
width: 1120px;
width: 70rem;
line-height: 480px;
line-height: 30rem;
height: 480px;
height: 30rem;
color: #fff;
border: 1px solid #fff;
border-radius: 10rem;
font-size: 224px;
font-size: 14rem;
outline: none;
cursor: pointer;
float: none
}
.header-form .submit:hover {
background: #fff;
color: #333
}
.header_phone {
font-size: 320px;
font-size: 20rem;
color: #fff;
font-weight: 700;
line-height: 2;
margin-top: 100rem
}
.header_phone span {
font-size: 288px;
font-size: 18rem;
margin-right: 10rem
}
.new-nav .ret {
display: inline-block;
position: absolute;
bottom: 30px;
right: 30px;
color: #fff;
font-size: 16px
}
.fontp {
text-align: justify
}
@media only screen and (max-width:1620px) {
.new-content05 .logos {
width: 50% !important
}
}
@media only screen and (max-width:1600px) {
.nav {
width: 488px
}
.slg h1 .lf-hero-text {
font-size: 48px
}
.index-nav li>a span,
.slg #js-wordContainer {
font-size: 40px
}
.index-nav li>a {
font-size: 18px
}
.nav.index-nav li>a span {
font-size: 18px !important;
}
.nav.index-nav li>a {
font-size: 16px
}
.nav.index-nav li {
padding: 15px 0
}
.nav.index-nav li img {
margin-bottom: 15px
}
.page a,
.page span {
width: 32px;
line-height: 32px;
height: 32px
}
.content01 h3 {
font-size: 48px
}
.content03 li:nth-child(4) {
margin-top: -120px
}
.content03 .sy-tit {
margin-bottom: 0
}
.more-div>div {
margin-top: -50px
}
.content04 .wenz .wrapper>div {
width: 35%
}
.content04 .wenz td {
height: 44px;
font-size: 12px;
line-height: 15px
}
.pad {
padding: 4.8% 0
}
.more {
width: 120px;
line-height: 38px;
font-size: 14px
}
.content07 #dituContent {
height: 400px
}
.tel a {
margin-top: 100px
}
.content06 li {
padding: 20px 0
}
.content06 li .img {
height: 70px;
line-height: 70px
}
.content03 li:first-child,
.content03 li:nth-child(2),
.content03 li:nth-child(3) {
margin-top: 120px
}
.header {
line-height: 100px
}
.header-mar {
height: 100px
}
.san {
margin: 40px 0
}
.case-div .case-profile p {
font-size: 16px;
line-height: 32px
}
.case-ul li .wenz h3>a {
font-size: 18px
}
.case-detail-ban .wenz h1 {
font-size: 30px
}
.team-ul .swiper-slide .wenz h4 {
font-size: 12px
}
.team-ul .swiper-slide .wenz h3 {
font-size: 18px
}
.team-ul .swiper-button-next,
.team-ul .swiper-button-prev {
width: 75px;
height: 75px;
margin-top: -37.5px;
background-size: 20px !important
}
.team-detail .wenz h2 {
font-size: 30px
}
.team-detail .wenz hr {
width: 32px
}
.team-detail .wenz h3 {
font-size: 18px;
margin-bottom: 22px
}
.office-banner .wenz h2 {
font-size: 42px;
line-height: 1.5
}
.office-banner .wenz h1 {
font-size: 36px;
line-height: 1.5
}
.office li h3 {
font-size: 30px
}
.service-banner h3,
.service .wenz h3 {
font-size: 32px
}
.service-banner h2 {
font-size: 34px
}
.service-tab a {
line-height: 36px;
padding: 0 22px;
font-size: 14px;
margin-right: 3px
}
.service .wenz h2 {
font-size: 24px
}
.decorate-div .img h3 {
font-size: 32px
}
.form h1 {
font-size: 30px
}
.form h4 {
font-size: 16px
}
#js-wordContainer:before {
left: -25px
}
.form h5 {
font-size: 18px;
margin-top: 30px
}
.content07 .map #dituContent {
height: 480px
}
.case-ul ul {
height: calc(100% - 40px)
}
.case-ul li .wenz {
padding-top: 13px
}
.case-ul li .wenz h3 {
margin-bottom: 2px
}
.case-ul li {
margin-bottom: 16px
}
.case-ul li .img {
height: calc(100% - 66px)
}
.new-tit h3 {
font-size: 20px
}
.new-tit .tit2 {
height: 40px
}
.new-tit .tit1 {
height: 146px
}
.new-content01 .tit2 {
margin-top: -41px
}
.new-content01 .txt img {
height: 22px;
margin-bottom: 12px
}
.new-content01 .txt {
margin-top: 150px;
width: 80%
}
.new-content01 .video-box {
margin-top: 60px
}
.new-content02 .txt {
left: 40%;
width: 30%;
}
.new-tit .tit1 {
margin-left: 150px
}
.new-tit .tit2 {
margin-top: -90px
}
.new-tit a {
font-size: 16px
}
.new-tit a img {
width: 8px;
margin: -2px 0 0 4px
}
.new-content03 .swiper-container {
margin-top: 60px;
/*margin-left: 5%*/
}
.new-tit {
margin-bottom: 55px
}
.new-content05 .logos .swiper-slide {
line-height: 92px;
height: 92px
}
.new-content06.content05 .tit1 {
height: 80px
}
.new-content07 .new-tel {
font-size: 3px;
padding-left: 74px;
margin-bottom: 35px
}
.new-content07 .new-tel>img {
height: 60px;
margin-top: -35px;
top: 70%;
}
.new-content07 .input span {
margin-bottom: 1px
}
.new-code h1 {
font-size: 20px
}
.new-code p {
font-size: 14px;
line-height: 24px
}
.new-content01 .tit2 {
margin-top: -40px
}
.new-content01 .new-tit .tit1 {
margin: 0
}
.new-nav.index-nav.nav li>a span {
width: 180px
}
.new-content05 .clients {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.new-content05 .pic {
width: 50%;
margin-right: 50px
}
.new-content05 .pic img {
width: 100%
}
}
@media only screen and (max-width:1440px) {
.more-div>div {
margin-top: -85px
}
.content06 li .img {
height: 60px;
line-height: 60px
}
.content06 li p {
font-size: 14px;
padding-top: 3px
}
.content06 li {
padding: 12px 0
}
.sy-tit h3 {
font-size: 36px
}
.sy-tit h4 {
font-size: 20px
}
.sy-tit {
margin-bottom: 48px
}
}
@media only screen and (max-width:1200px) {
.banner .index-nav {
display: none
}
.banner .fl {
max-width: 100%
}
.content01 .wz01 {
width: 260px;
margin-right: 30px
}
.content01 h3 {
font-size: 30px;
margin-bottom: 30px
}
.content01 .wz02 {
width: 270px
}
.content02 li .p2 {
font-size: 24px;
line-height: 1.5
}
.content02 li .p2 span {
font-size: 30px;
padding-left: 5px
}
.content02 li .more {
margin-top: 25px
}
.content03 li:first-child,
.content03 li:nth-child(2),
.content03 li:nth-child(3) {
margin-top: 100px
}
.content03 li:nth-child(4) {
margin-top: -84px
}
.sy-tit h3 {
font-size: 36px
}
.sy-tit h4 {
font-size: 18px
}
.sy-tit p {
font-size: 14px
}
.more-div .more {
margin-top: 10px;
border-width: 1px
}
.tel h3 {
font-size: 36px;
padding: 20px 0 30px
}
.content06 li p {
font-size: 14px
}
.tel>div {
font-size: 20px;
background-size: 50px !important;
padding-left: 65px
}
.content07 #dituContent {
height: 340px
}
.content07 .map p {
font-size: 16px
}
.case-detail-ban .img {
width: 48.5%
}
.case-detail-ban .wenz {
width: 48%;
padding-left: 40px
}
.case-detail-ban .wenz h1 {
font-size: 26px
}
.case-detail-ban .wenz h1 em {
font-size: 80px;
left: -60px
}
.team-ul .swiper-slide .wenz h4 {
font-size: 12px
}
.team-ul .swiper-slide .wenz h3 {
font-size: 18px
}
.team-ul .swiper-slide .wenz {
padding: 0 15px
}
.service-banner h3 {
padding-top: 26.5%
}
.service .swiper-button-next,
.service .swiper-button-prev {
width: 50px;
height: 50px
}
.service .btn-box {
padding: 0 60px
}
.service .swiper-button-prev {
left: 0
}
.service .swiper-button-next {
right: 0
}
}
.ml11 .text-wrapper {
position: relative;
display: inline-block
}
.ml11 .line {
opacity: 0;
position: absolute;
left: 0;
height: 100%;
width: 3px;
background-color: #ff6b65;
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ml11 .line1 {
top: 0;
left: 0
}
.ml11 .letter {
font-weight: 700;
display: inline-block
}
.pagination {
text-align: center;
margin-top: 30px
}
.pagination li {
display: inline-block
}
.page-item.active span {
background: #ffba00
}
.case-ul li img {
display: none
}
@media only screen and (max-width:1023px) {
.nav.index-nav li img {
width: 120px !important
}
.new-nav.index-nav.nav li>a span {
width: 240px !important
}
.nav.on li>a {
line-height: 40px !important
}
.header-form .input {
margin-top: 6px;
height: 32px
}
.header-form span {
float: left;
width: 60px;
line-height: 15px;
color: #fff;
display: block;
font-size: 16px;
font-weight: 700
}
.header-form .submit {
display: block;
margin: 15px auto 0 35%;
width: 70px;
line-height: 30px;
height: 30px;
color: #fff;
border: 1px solid #fff;
border-radius: 10px;
font-size: 14px;
outline: none;
cursor: pointer;
float: none
}
.header_phone {
font-size: 20px;
color: #fff;
font-weight: 700;
line-height: 2;
margin-top: 100px
}
.header-form {
margin-top: 30px
}
.header_phone span {
font-size: 18px;
margin-right: 10px
}
.case-ul li img {
display: block;
visibility: hidden
}
.san {
font-size: 20px
}
.san>div:nth-child(2) {
width: 24px;
height: 18px
}
.san span {
height: 2px
}
.san span:nth-child(2) {
margin-top: -1px
}
.san>div {
margin-left: 7px
}
.san {
margin: 31px 0
}
.phone {
display: block
}
.index-nav li>a {
font-size: 14px
}
.index-nav li>a span {
font-size: 26px;
padding-right: 4px
}
.nav {
padding-top: 0
}
.index-nav li:before {
display: none !important
}
.logo {
max-width: 50%
}
.slg h1 .lf-hero-text {
margin-top: 60px;
font-size: 30px
}
.slg h1 strong {
padding-left: 0;
display: inline-block
}
.slg #js-wordContainer {
font-size: 30px;
margin-top: 6px
}
.xia {
width: 24px;
height: 24px;
margin-left: -12px
}
.pad {
padding: 34px 0
}
.content01 h3 {
font-size: 18px
}
.content01 .wz01 {
width: 250px;
margin: 0 0 15px
}
.content01 .wz02 {
width: 250px;
margin: 0
}
.content02 li .wenz {
padding: 0 18px 10px
}
.content02 li {
width: calc(50% - 4px);
margin: 2px
}
.content02 li .wenz h3 {
font-size: 16px
}
.content02 li .wenz h4 {
font-size: 13px
}
.content02 li .case-more {
padding: 0 20px
}
.content02 li .p1,
.content02 li .p2 {
font-size: 16px
}
.content02 li .p2 span {
font-size: 20px
}
.more {
width: 100px;
line-height: 32px;
font-size: 14px;
font-weight: 400;
border-width: 1px
}
.content02 li .more {
margin-top: 20px
}
.content03 li:first-child,
.content03 li:nth-child(2),
.content03 li:nth-child(3),
.content03 li:nth-child(4) {
margin: 0
}
.content03 li {
width: 50%
}
.sy-tit h3 {
font-size: 24px
}
.sy-tit h4 {
font-size: 16px
}
.content03 .sy-tit,
.sy-tit {
margin-bottom: 25px
}
.content03 li .wenz span {
font-size: 18px
}
.content03 li .wenz font {
font-size: 12px
}
.content03 li .wenz {
bottom: 10px
}
.content03 .more-div {
width: 100%;
padding: 0
}
.more-div>div {
margin-top: 20px
}
.more-div>div p {
font-size: 12px
}
.content04 .wenz img {
width: 80%
}
.content04 .wenz table {
position: absolute;
bottom: -55px;
left: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.content04 {
padding-bottom: 60px
}
.content04 .wenz td {
color: #333;
border-color: #333
}
.content04 .wenz td a {
color: #333
}
.content04 .wenz td.bor {
width: 5px
}
.content05 dl {
width: 100%;
padding: 0;
margin-bottom: 20px;
border: 0
}
.content05 .clearfix1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column
}
.content05 .clearfix {
margin-right: 0 !important;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
height: auto !important
}
.content05 .ndiv {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.ani-down-a,
.ani-down-b,
.ani-down-c {
display: none
}
.content05 dd.tuijian .date {
top: 9px
}
.content05 dd h3 a {
font-size: 12px
}
.content05 .pic {
display: none
}
.content06 li {
padding: 5px 0;
width: 25%
}
.content06 li .img {
height: 60px;
line-height: 60px
}
.content06 li:nth-child(7),
.content06 li:nth-child(19) {
margin: 0
}
.content06 li p {
font-size: 12px;
display: none
}
.content07 .map,
.content07 .tel {
width: 100%
}
.tel h3 {
font-size: 26px;
padding: 0
}
.tel>div {
font-size: 18px;
margin-top: 20px;
padding-left: 50px;
background-size: 42px !important
}
.content07 #dituContent {
height: 220px;
margin-top: 20px
}
.tel a {
font-size: 16px;
width: 160px;
line-height: 40px;
margin-top: 20px;
height: 40px
}
.content07 .map p {
font-size: 12px
}
.ny-banner .wz {
width: 80%;
right: 10%
}
.case-div .case-profile {
width: 100%;
height: auto;
position: relative;
padding: 22px 0;
font-size: 14px;
line-height: 24px
}
.case-div .case-profile p {
font-size: 14px;
line-height: 24px;
width: 90%
}
.case-ul {
width: 100%;
padding: 12px;
background: #fff
}
.case-ul li .wenz {
padding-top: 10px
}
.fontp {
font-size: 12px;
line-height: 20px
}
.relx-p {
width: 100% !important;
margin-left: 0 !important
}
.case-ul li .wenz h3>a {
font-size: 16px
}
.line2 {
height: 40px
}
.case-detail-ban .img {
width: 100%
}
.case-detail-ban .wenz {
width: 100%;
padding-top: 20px
}
.page a,
.page span {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 12px
}
.case-detail-ban .wenz h1 em {
font-size: 48px;
left: -40px
}
.case-detail-ban .wenz {
padding-left: 40px
}
.case-detail-ban .wenz .fontp {
line-height: 22px
}
.case-detail-ban .wenz h1 {
font-size: 18px;
margin-bottom: 15px
}
.case-detail-pic .swiper-container {
width: 100%
}
.case-detail-pic .wenz {
padding: 20px;
width: 100%
}
.case-detail-pic {
margin-bottom: 0
}
.case-detail-pic .crumbs {
margin-bottom: 15px
}
.case-detail-pic .swiper-button-next {
right: 10px
}
.case-detail-pic .swiper-button-prev {
left: 10px
}
.team-banner .wz01 {
width: 60%;
right: 20%
}
.team-banner .wz {
width: 80%;
left: 10%
}
.team-ul .swiper-button-next,
.team-ul .swiper-button-prev {
width: 42px;
height: 42px;
margin-top: -21px;
background-size: 12px !important
}
.team-ul .swiper-button-prev {
left: 15px
}
.team-ul .swiper-button-next {
right: 15px
}
.team-detail .wenz {
width: 100%;
float: none;
padding: 20px 0 0
}
.team-detail .toux {
width: 130px;
float: none
}
.team-detail .wenz hr {
width: 24px;
height: 1px;
margin: 12px 0
}
.team-detail .wenz h2 {
font-size: 20px
}
.team-detail .wenz h3 {
font-size: 12px
}
.team-detail .zuopin {
width: 100%;
margin-top: 20px
}
.header {
border-bottom: 1px solid #000
}
.office-banner .wenz h2 {
font-size: 20px
}
.office-banner .wenz h1 {
font-size: 18px;
margin-bottom: 20px
}
.office-banner>img {
max-width: 160%;
margin-left: -30%
}
.office-banner {
overflow: hidden
}
.san {
margin: 25px 0
}
.header {
line-height: 70px
}
.office-banner .wenz {
top: 30px
}
.office li h3 {
font-size: 20px
}
.office li h5 {
font-size: 12px;
margin: 5px 0 18px
}
.service-banner h3 {
font-size: 28px;
padding-top: 60%
}
.service-banner h2 {
font-size: 24px
}
.service-tab a {
font-size: 14px;
line-height: 32px;
padding: 0 15px
}
.service-tab {
margin-bottom: 22px;
white-space: nowrap;
overflow-x: auto
}
.service-banner .wz {
width: 85%;
right: 7.5%
}
.service .pic {
width: 100%
}
.service .wenz {
padding-top: 18px;
width: 100%
}
.service .btn-box {
padding: 0
}
.service .swiper-button-next,
.service .swiper-button-prev {
display: none
}
.service .wenz h3 {
font-size: 20px;
text-align: left
}
.service .wenz h2 {
font-size: 16px;
margin-bottom: 15px;
text-align: left
}
.service .wenz .fontp {
font-size: 13px;
line-height: 22px
}
.decorate-div .img {
position: relative;
top: auto;
left: auto;
right: auto;
width: 100%;
padding: 34px 20px
}
.decorate-div .img hr {
width: 24px;
height: 1px;
margin: 12px 0
}
.decorate-div .img h3 {
font-size: 20px
}
.decorate-ul {
width: 100%;
padding-top: 20px
}
.decorate-ul li {
width: 100%;
margin-top: 10px
}
.fontp.line3 {
height: 40px;
-webkit-line-clamp: 2
}
.header-mar {
height: 70px
}
.brand .editor {
font-size: 14px;
line-height: 24px
}
.brand .tit {
width: 100%;
margin: 0 0 25px
}
.contact .tel h3 {
letter-spacing: 0
}
.contact .tel h5 span {
font-size: 30px;
padding-left: 6px
}
.contact .tel h5 {
font-size: 14px;
margin-top: 10px
}
.form {
width: 100%
}
.form h1 {
font-size: 20px
}
.form h4 {
font-size: 14px;
line-height: 24px
}
.form h5 span {
display: inline-block
}
.form input[type=text],
.form textarea {
line-height: 34px;
font-size: 14px
}
.cased {
padding: 30px 0
}
.section {
padding: 34px 0
}
.banner video {
width: 100%
}
.banner .phone {
display: block
}
#fullpage,
.banner {
height: 100%
}
.nav {
width: 100% !important
}
.content02 {
padding: 0
}
.header.bgfff {
background: #fff;
border-bottom-color: #000
}
.header.bgfff .san span {
background: #000
}
.header.bgfff .san {
color: #000
}
.content04 {
height: 160px
}
.content07 .map #dituContent {
height: 240px
}
.content05 .wrapper {
padding: 0;
height: auto !important
}
.content07 {
padding-top: 0
}
#js-wordContainer:before {
display: none
}
.decorate-ul .page {
margin-top: 30px
}
.decorate-detail .img {
display: none
}
.decorate-detail .wenz {
width: 100%;
padding: 110px 20px 30px
}
.decorate-detail .wenz>h1 {
font-size: 20px;
margin-bottom: 15px
}
.crumbs {
display: none
}
.decorate-detail .editor {
padding-top: 0
}
.new-article {
display: none
}
.cased {
height: 200px;
margin-top: 75px
}
.case-detail,
.case-div,
.cased,
.ny-banner {
padding: 0
}
#fullpage {
height: auto
}
.banner {
height: 320px
}
.ny-banner {
height: 500px
}
.fp-auto-height {
padding: 24px 0
}
#fullpage,
.section {
height: auto
}
.section {
overflow: auto
}
.new-content01>.wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.new-content01>.wrapper>.video-box {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-top: 30px
}
.new-content01>.wrapper>.wenz {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.banner {
height: 230px;
padding: 0
}
.banner video,
.new-content04 video {
-o-object-fit: fill;
object-fit: fill;
width: 100%;
height: 100%
}
.new-content01 .video-box {
width: 100%;
height: auto;
margin: 0 auto 11px;
-o-object-fit: fill;
object-fit: fill;
left: 0 !important
}
.new-content01 .video-box .play,
.new-content01 .video-box .play6 {
background-size: 36px !important;
background-color: rgba(0, 0, 0, 0) !important
}
body,
html {
height: auto
}
.new-content01 .wenz {
width: 100%;
margin: 0
}
.new-tit .tit1 {
height: 60px !important
}
.new-tit .tit2 {
height: 25px !important
}
.new-tit {
margin-bottom: 30px
}
.new-content01 .tit2 {
margin-top: -36px !important;
margin-left: 0
}
.new-content02 .swiper-container:before {
content: "";
width: 10px;
height: 310px;
position: absolute;
top: 0;
right: calc(16% + 6px);
z-index: 3;
background: #fff
}
.new-content02 .pagination01.swiper-pagination {
display: none
}
.new-content01 .wenz {
padding-top: 25px
}
.new-tit h3 {
font-size: 16px
}
.new-content01 .txt {
width: 100%;
margin: 0
}
.new-content01 .txt img {
height: 20px
}
.new-content02 .swiper-container,
.new-content02 .txt {
position: relative;
height: auto
}
.new-content02 .txt {
left: 0;
padding: 20px;
width: 100%;
top: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.new-content02 .txt h6 {
font-size: 22px
}
.new-content02 .txt h3 img {
height: 15px;
margin: -2px 4px 0 0
}
.new-content02 .txt h3 {
font-size: 16px;
margin: 6px 0 10px
}
.new-content02 {
padding: 0
}
.pagination01.swiper-pagination {
margin-top: 12px !important
}
.new-tit a {
font-size: 14px
}
.new-tit a img {
width: 5px;
margin: -1px 0 0 3px
}
.new-tit .tit1 {
margin-left: 0 !important
}
.new-content03 .new-tit .tit2 {
margin-top: -23px;
height: 22px
}
.new-content03 .swiper-container {
padding: 0;
margin-top: 25px
}
/*.new-content04 {*/
/* height: 230px*/
/*}*/
#new-content04-btn {
top: 85%;
left: 5%;
width: 30px
}
.new-content04 .zz {
max-width: 90%;
max-height: 90%
}
.new-content05 .new-tit .tit2 {
margin-top: -26px
}
.new-content05 .pic {
display: none
}
.new-content05 .logos {
width: 100% !important
}
.new-tel_p {
font-size: 20px !important;
color: #000;
font-weight: 400
}
.new-content03 .swiper-slide .wenz {
padding: 0 20px 10px;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.new-content07_phone {
height: 62%
}
.content05 dt {
font-size: 25px
}
.content05 dd.tuijian h3 a {
font-size: 17px !important
}
.new-content05 .logos .swiper-slide {
line-height: 75px;
height: 75px
}
.content05 {
padding-top: 0
}
.content05 .wrapper.pad {
padding: 0
}
.ndiv {
margin-bottom: 30px;
float: right;
width: 100% !important
}
.new-content06 {
padding-bottom: 0
}
.new-map {
margin: 12px 0 0
}
.new-content07 .txt,
.new-map {
width: 100%
}
.new-content07 .new-tel {
margin-bottom: 22px;
margin-left: 22px;
width: 48%
}
.new-content07 .input input[type=text] {
width: 100% !important
}
.new-content07 .delay10 {
text-align: center
}
.new-content07 .new-tel>img {
margin-top: -21px
}
.new-content07 .input span {
font-size: 14px;
margin-bottom: 4px
}
.new-content07 .input {
width: 100%
}
.new-content07 form>div>span {
font-size: 12px;
display: block;
padding: 5px 0 0
}
.new-content07 .submit {
font-size: 14px
}
.new-code {
margin-top: 20px
}
.new-code h1 {
font-size: 18px
}
.new-code>img {
position: relative;
margin-top: 12px;
right: auto;
top: auto;
display: none
}
.content05 dd.tuijian {
padding-right: 0
}
.new-content02 .txt>div {
padding: 0
}
.ani-down,
.ani-left,
.ani-right,
.animate-li,
.animate-tit,
.banner.active .animate-li,
.new-content03 .ani-left,
.slogan,
.swiper-slide .animate-li.on,
.swiper-slide .animate-tit.on {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.slogan {
max-width: 100%
}
.new-content02 .txt {
padding-bottom: 0
}
.new-content04 .zz {
height: auto
}
.content05 dd {
width: 48%
}
.nav ul {
margin-top: 70px;
height: calc(100% - 100px)
}
}
@media only screen and (min-width:1440px) and (max-width:1600px) {
.new-content07 .input {
margin-right: 48px
}
.content05 .fp-tableCell,
.new-content01 .video-box,
.new-content02 .txt,
.new-content05 .fp-tableCell,
.new-content07 .fp-tableCell {
zoom: 0;
}
.new-map {
width: 45%;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1440px){
.new-content07 .input {
margin-right: 25px;
}
}
@media only screen and (min-width:1300px) and (max-width:1660px) {
.new-content01 .wenz
{
zoom: 0;
margin-top: 60px;
}
}
@media only screen and (min-width:1601px) and (max-width:1681px) {
.new-content01 .fp-tableCell {
/*zoom: .9*/
}
.new-content02 .txt {
/*zoom: .9;*/
left: 580px;
/*width: 27% !important;*/
}
.new-content03 .new-tit .tit1 {
margin-left: 261px;
display: block;
height: 205px
}
.new-content03 .wrapper {
width: 85%
}
.new-tit img:nth-child(2) {
margin-top: -122px
}
.content05 .fp-tableCell,
.new-content07 .fp-tableCell {
zoom: .9
}
.new-content07 .new-map {
zoom: 1
}
.new-content06.content05 .tit1 {
height: 110px
}
.new-content01 .txt {
margin: 179px 0 0 90px
}
}
@media only screen and (min-width:1981px) and (max-width:2999px) {
.w1600 {
max-width: 1900px
}
.w1630 {
max-width: 2000px
}
.icp {
margin-right: 110px !important
}
.new-content07 .fp-tableCell .wrapper {
zoom: 1.3
}
.new-content07 .delay5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 60%
}
.new-content07 .new-content07_img1 {
margin-bottom: 30px
}
.content05 .fp-tableCell .wrapper {
zoom: 1.2
}
.new-content05 .new-tit,
.new-content05 .pic {
zoom: 1.2
}
.new-content05 .logos {
zoom: 1.2;
width: 50% !important
}
.new-content03 .new-tit {
zoom: 1.3
}
.new-content03 .swiper-container {
height: 520px
}
.new-content01 .txt {
margin: 258px 0 0 66px
}
.new-content02 .txt {
zoom: 1.6;
left: 550px;
}
.new-content01 .video-box {
height: auto;
margin-top: 400px
}
.new-content01 .wenz {
zoom: 1.4
}
.san {
zoom: 1.6
}
.pagination01.swiper-pagination {
position: absolute !important
}
.pagination01.swiper-pagination .swiper-pagination-bullet {
zoom: 1.6
}
.new-content03 .fp-tableCell {
position: relative
}
.new-content03 .swiper-container {
position: static
}
#fp-nav {
zoom: 1.6
}
}
@media only screen and (min-width:3000px) and (max-width:4096px) {
.w1600 {
max-width: 2500px
}
.w1630 {
max-width: 2600px
}
.new-content07 .fp-tableCell .wrapper {
zoom: 1.3
}
.new-content07 .input {
margin-right: 218px
}
.new-content07 .fp-tableCell .new-tel_p {
zoom: 1.4;
margin-bottom: 15px
}
.new-content07 .input input[type=text] {
width: 206px !important
}
.new-content06.content05 .tit1 {
height: 137px
}
.new-content06.content05 .pic {
height: 253px
}
.new-content07 .delay5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 60%
}
.new-content07 .new-content07_img1 {
margin-bottom: 30px
}
.content05 .fp-tableCell .wrapper {
zoom: 1.3
}
.content05 .fp-tableCell .wrapper .clearfix1 {
height: 800px
}
.new-content03 .new-tit,
.new-content05 .logos,
.new-content05 .new-tit,
.new-content05 .pic {
zoom: 1.5
}
.new-content03 .swiper-container {
height: 650px
}
.new-content02 .txt {
zoom: 1.75
}
.new-content01 .video-box {
height: auto;
margin-top: 320px
}
.new-content01 .wenz {
zoom: 1.65
}
.san {
zoom: 1.7
}
.pagination01.swiper-pagination {
position: absolute !important;
width: 2500px !important;
}
.pagination01.swiper-pagination .swiper-pagination-bullet {
zoom: 2
}
.new-content03 .fp-tableCell {
position: relative
}
.new-content03 .swiper-container {
position: static
}
#fp-nav {
zoom: 2
}
}
@media screen and (min-width:2561px) and (max-width: 3440px) {
.new-content02 .swiper-container .morecase {
font-size: 28px;
}
}
@media only screen and (max-width:1200px) {
.san span {
background: #3e3e3e
}
.san {
color: #3e3e3e
}
.logo.phone {
display: none
}
.header {
border: 0
}
}
@media only screen and (max-width:1200px) {
.san .phone2 {
font-size: 20px
}
}
@media (max-width:768px) {
.new-content05 .logos {
right: 0
}
.new-content05 .logos .swiper-wrapper {
width: 100%
}
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 14% !important;
left: auto;
background-image: url(/public/images/prev_iconlist.png) !important
}
.fp-viewing-page1 #fp-nav ul li a span,
.fp-viewing-page1 .fp-slidesNav ul li a span {
background-color: #fff
}
.fp-viewing-page3 .sitelogo .logo_link .white {
display: block;
max-width: 60%;
}
.fp-viewing-page3 .sitelogo .logo_link .dasker {
display: none
}
.fp-viewing-page3 #fp-nav ul li a span,
.fp-viewing-page3 .fp-slidesNav ul li a span {
background-color: #fff
}
.fp-viewing-page3 .san {
color: #fff
}
.fp-viewing-page3 .san span {
background: #fff
}
.fp-viewing-page5 #fp-nav ul li a span,
.fp-viewing-page5 .fp-slidesNav ul li a span {
background-color: #fff
}
.fp-viewing-page5 .san {
color: #3e3e3e
}
.fp-viewing-page5 .san span {
background: #3e3e3e
}
.fp-viewing-page5 .sitelogo .logo_link .white {
display: none;
max-width: 60%;
}
.fp-viewing-page5 .sitelogo .logo_link .dasker {
display: block
}
.new-content01 .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.new-content01 .wenz {
margin-right: 0
}
.new-content01 .wenz .txt {
margin-top: 0
}
.new-content01 .wenz .txt .txt_list {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: justify;
align-content: space-between
}
.new-content01 .wenz .txt .txt_list .txt_item {
width: 100%;
margin-bottom: 50rem
}
.new-content01 .wenz .txt .txt_list .txt_item a {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #202020
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico {
color: #6d6d6d;
padding-right: 30px;
width: 10%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico i {
font-size: 54px;
width: 54px;
height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 600
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico i.icon-changyongiconyikuozhan_huaban22 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 44px;
padding: 4px;
border-radius: 36px;
border: 4px solid #6d6d6d
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico i:before {
line-height: 1
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_title {
width: 20%
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_title h4 {
font-size: 20rem;
font-weight: 500;
color: #000000
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content {
width: 55%
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .top,
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .top b,
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .top,
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .top b {
font-size: 36px
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .top span,
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .top span {
font-size: 20px;
font-weight: 600;
padding-left: 4px
}
@media only screen and (max-width: 1680px) and (min-width: 1600px) {
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .bottom p,
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .bottom p {
font-size: 15.33px
}
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .center_side {
font-size: 20px;
margin: 0 24px
}
.new-content01 .wenz .txt .txt_list .txt_item a:hover .ico i {
color: #faaf40;
font-weight: 600
}
.new-content01 .wenz .txt .txt_list .txt_item a:hover .ico i.icon-changyongiconyikuozhan_huaban22 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 36px;
border: 4px solid #faaf40;
font-size: 44px;
padding: 4px
}
.new-content01 .wenz .txt .txt_list .txt_item:last-child {
margin-bottom: 20rem;
}
.new-content02 .swiper-container .morecase {
position: absolute;
bottom: 1.5%;
width: auto;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
right: 4% !important;
font-size: 18px;
color: #fff
}
.new-content04.open #new-content04-btn.pause {
-webkit-transform: translate(-50%, -50%) scale(1.2);
-ms-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2);
opacity: 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.new-content04.open #new-content04-btn.play {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.new-content04.open:after {
display: none
}
.content05 dd {
width: 100%
}
.new-content01 .video-box .text_list {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.new-content01 .video-box .text_list a {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.new-content01 .video-box .text_list a,
.new-content01 .video-box .text_list a dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: center;
}
.new-content01 .video-box .text_list a dl {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1
}
.new-content01 .video-box .text_list a dl dd {
color: #fff;
font-size: 16px;
line-height: 1
}
.new-content01 .video-box .text_list a dl:first-child {
margin: 0 25px 0 20px;
}
.new-content01 .video-box .text_list a dl:first-child dd {
font-size: 22px;
}
@media only screen and (max-width:1023px) {
.banner video {
display: block !important
}
}
.banner {
position: relative
}
.Hmouse {
z-index: 50;
font-size: 18px
}
.Hmouse,
.Hmouse.xia {
position: absolute;
bottom: 4vw;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.Hmouse.xia {
z-index: 3;
background: none;
width: auto;
height: auto;
margin-left: -17px;
animation: xia .8s infinite alternate;
-webkit-animation: xia .8s infinite alternate;
z-index: 50
}
.Hmouse p {
color: #fff;
font-weight: 500;
}
.Hmouse span {
top: 150%;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
width: 3.5px;
height: 2.5vw;
overflow: hidden;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0, 0%, 100%, 0)));
background-image: -o-linear-gradient(#fff, hsla(0, 0%, 100%, 0));
background-image: linear-gradient(#fff, hsla(0, 0%, 100%, 0));
display: inline-block;
position: absolute
}
.Hmouse span:before {
content: "";
position: absolute;
width: 100%;
height: 25%;
background-color: #f70505;
left: 0;
top: 0;
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-webkit-animation: mouseof 1.5s linear infinite;
animation: mouseof 1.5s linear infinite
}
@keyframes mouseof {
0% {
opacity: 1;
-webkit-opacity: 1;
top: 0
}
to {
opacity: .5;
-webkit-opacity: .5;
top: 100%
}
}
@-webkit-keyframes mouseof {
0% {
opacity: 1;
-webkit-opacity: 1;
top: 0
}
to {
opacity: .5;
-webkit-opacity: .5;
top: 100%
}
}
.banner video {
position: absolute;
z-index: 4;
display: block;
min-width: 100%;
min-height: 0;
height: auto;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
max-height: none
}
@media (max-width:768px) {
.Hmouse {
display: none
}
.new-content06.content05 .tit2 {
margin-top: 0;
display: block;
height: 51px;
position: relative;
z-index: 2;
width: auto;
text-align: right;
margin-right: 0
}
.new-content06.content05 .swiper-container {
width: 90%;
margin: 0 auto;
float: none
}
}
@media (max-width:768px) {
.new-content01 .wenz {
margin-right: 0
}
.new-content01 .wenz .txt {
margin-top: 0
}
.new-content01 .wenz .txt .txt_list {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: justify;
align-content: space-between
}
.new-content01 .wenz .txt .txt_list .txt_item {
width: 100%;
margin-bottom: 50rem
}
.new-content01 .wenz .txt .txt_list .txt_item a {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #202020
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico {
color: #6d6d6d;
padding-right: 0;
width: 8%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico i {
font-size: 35px;
width: 35px;
height: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 600
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico i.icon-changyongiconyikuozhan_huaban22 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 30px;
padding: 2px;
border-radius: 36px;
border: 3px solid #6d6d6d
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico i:before {
line-height: 1
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_title {
width: 25%
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_title h4 {
font-size: 85rem;
font-weight: 600;
color: #202020
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content {
width: 55%
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .top,
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .top b,
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .top,
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .top b {
font-size: 12px
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .top span,
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .top span {
font-size: 18px;
font-weight: 600;
padding-left: 3px
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .bottom p,
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .bottom p {
font-size: 12px
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .center_side {
font-size: 24px;
margin: 0 24px
}
.new-content01 .wenz .txt .txt_list .txt_item a:hover .ico i {
color: #faaf40;
font-weight: 600
}
.new-content01 .wenz .txt .txt_list .txt_item a:hover .ico i.icon-changyongiconyikuozhan_huaban22 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 36px;
border: 4px solid #faaf40;
font-size: 44px;
padding: 4px
}
.new-content01 .wenz .txt .txt_list .txt_item:last-child {
margin-bottom: 0
}
.new-content02 {
padding-bottom: 0
}
.new-content02 .swiper-container .morecase {
position: relative;
bottom: 0;
width: 100%;
height: 24px;
z-index: 10;
cursor: pointer;
right: 0 !important;
font-size: 16px;
color: #000;
text-align: center;
display: block;
margin: 0 auto
}
.new-content02 .swiper-container .swiper-button-next,
.new-content02 .swiper-container .swiper-button-prev {
position: absolute;
top: 50%;
width: 19px;
height: 30px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 18px 30px;
background-position: 50%;
background-repeat: no-repeat
}
.new-content02 .swiper-container .swiper-button-next {
background-image: url(/public/images/nextw.png);
right: 10% !important;
left: auto !important;
display: none
}
.new-content02 .swiper-container .swiper-pagination {
display: block;
position: absolute !important;
bottom: 10px !important;
text-align: center;
width: 100%
}
.new-content02 .swiper-container .swiper-pagination .swiper-pagination-bullet {
border-radius: 0 !important;
width: 8px;
height: 8px;
background: #adadad;
opacity: 1
}
.new-content02 .swiper-container:before {
display: none
}
.new-content02 .ani-left .fontp {
font-size: 14px
}
.new-content02 .txt .flex {
margin-top: 10px !important
}
.new-content02 .txt .flex h3 {
width: 100%;
font-size: 18px
}
.new-content02 .txt .flex .fontp1 {
font-size: 16px;
margin-top: 10px
}
.new-content03 .swiper-container {
margin: 0 auto
}
.new-content03 .swiper-container .swiper-slide .wenz {
padding: 3.5px 20px;
opacity: 1;
height: 30px;
bottom: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
background-color: rgba(0, 0, 0, .56471)
}
.new-content03 .swiper-container .swiper-slide .wenz h3 {
font-size: 16px
}
.new-content03 .swiper-container .swiper-slide .wenz h4 {
display: none
}
.new-content03 .swiper-container .swiper-pagination .swiper-pagination-bullet {
border-radius: 0 !important;
width: 8px;
height: 8px
}
.new-content06 .clearfix1>.ndiv {
margin-top: 24px
}
.new-content07 {
padding-top: 0 !important
}
.new-content07 .new-content07_img1 {
margin-bottom: 0
}
.new-content07 .new-tel {
font-size: 16px;
margin-left: 0
}
.new-content07 .new-tel>img {
height: 70px;
margin-top: -35px
}
.content05 .wrapper {
width: 95%
}
.content05 .wrapper .swiper-button-next {
display: none
}
.new-content04.open #new-content04-btn.pause {
-webkit-transform: translate(-50%, -50%) scale(1.2);
-ms-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2);
opacity: 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.new-content04.open #new-content04-btn.play {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.new-content04.open:after {
display: none
}
.new-content01 .video-box .text_list {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.new-content01 .video-box .text_list a {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.new-content01 .video-box .text_list a,
.new-content01 .video-box .text_list a dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.new-content01 .video-box .text_list a dl {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1
}
.new-content01 .video-box .text_list a dl dd {
color: #fff;
font-size: 15px;
line-height: 1
}
.new-content01 .video-box .text_list a dl:first-child {
margin-right: 15px
}
.new-content01 .video-box .text_list a dl:first-child dd {
font-size: 20px;
font-weight: 500
}
.new-content04 {
padding: 40px 0 100px 0 !important;
background: url(http://www.baima-deco.com/public/images/5bj.jpg);
background-size: 700px 100%;
}
.new-content04 .play {
display: none
}
.new-content04 .video-bg {
width: 100%;
height: 100%
}
.new-content04 .video-bg,
.new-content04.open .video-bg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 8
}
.new-content04.open .video-bg {
display: none
}
.new-content06 .clearfix1>.ndiv {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
order: 0;
margin-top: 0;
margin-bottom: 15px
}
.new-content06 .clearfix1>.ndiv .new-tit {
margin-bottom: 15px
}
.new-content06 .clearfix1>.ndiv .new-tit .tit2 {
float: left;
margin-top: -22px
}
.new-content06.content05 .swiper-container {
width: 100%
}
}
@media only screen and (min-width:1601px) and (max-width:1681px) {
.new-content03 .new-tit .tit1 {
margin-left: 261px;
display: block;
height: 140px
}
.new-tit img:nth-child(2) {
margin-top: -98px
}
.new-tit .tit2 {
height: 42px
}
}
@media only screen and (min-width:1024px) and (max-width:1350px) {
.new-content02 .pagination01.swiper-pagination {
position: absolute !important;
bottom: 30px !important;
text-align: right;
width: 950px
}
.new-content02 .swiper-container .morecase {
position: absolute;
bottom: 1%;
width: auto;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
right: 4% !important;
font-size: 18px;
color: #fff
}
.jiaju_xuancai {
padding-top: 9%
}
}
.header .wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header .wrapper:after,
.sitelogo .logo_link .white {
display: none
}
.sitelogo .logo_link .dasker {
display: block;
width: auto;
height: auto;
opacity: 1;
max-width: 60%;
}
.fp-viewing-page1 .sitelogo .logo_link .white {
display: block;
max-width: 60%;
}
.fp-viewing-page1 .sitelogo .logo_link .dasker {
display: none;
}
.fp-viewing-page8 .header {
opacity: 1 !important;
}
.xia {
z-index: 5
}
.header-form h2 {
font-size: 640px;
font-size: 40rem;
color: #fff;
font-weight: 500;
letter-spacing: 192px;
letter-spacing: 15rem;
text-align: center;
}
.header-form .zixun {
display: block;
margin: 15px auto 0 40%;
width: 70px;
line-height: 30px;
height: 30px;
color: #fff;
border: 1px solid #fff;
border-radius: 10px;
font-size: 14px;
outline: none;
cursor: pointer;
float: none;
text-align: center
}
.header-form .zixun:hover {
background: #fff;
color: #333
}
.tan {
position: fixed;
z-index: 666;
top: 50%;
left: 50%;
width: 14720px;
width: 920rem;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none
}
.tan .left_side {
width: 50%
}
.tan .left_side .ico {
position: relative;
padding-top: 132%;
width: 100%;
overflow: hidden
}
.tan .left_side .ico img {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 100%;
width: auto;
max-width: none
}
.tan .right_side {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 4% 1% 5% 5%;
}
.tan .right_side .top_text {
margin-bottom: 15rem
}
.tan .right_side .top_text h4 {
font-size: 288px;
font-size: 18rem;
font-weight: 500;
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 25rem;
}
.tan .right_side .top_text h4>span {
padding: 0 15px;
font-size: 30rem;
font-weight: 500;
}
.tan .right_side .top_text h2 {
font-size: 416px;
font-size: 26rem;
margin: 5rem 0;
font-weight: 500
}
.tan .right_side .top_text p {
font-size: 256px;
font-size: 16rem;
font-weight: 500
}
.tan .right_side #form1 {
width: 100%
}
.tan .right_side #form1 .input {
margin-top: 15rem
}
.tan .right_side #form1 .input input,
.tan .right_side #form1 .input textarea {
line-height: 500px;
line-height: 40rem;
height: 500px;
height: 40rem;
font-size: 256px;
font-size: 16rem;
color: #747373;
outline: none;
background: rgba(0, 0, 0, 0);
border: none;
border-bottom: 1px solid #747373;
width: calc(100% - 30px)
}
.tan .right_side #form1 button {
margin-top: 40rem;
width: 100%;
border: 0;
background-color: #000000b3;
color: #fff;
font-size: 256px;
font-size: 16rem;
line-height: 800px;
line-height: 50rem;
height: 800px;
height: 50rem;
cursor: pointer;
width: calc(100% - 30px)
}
.tan .right_side #form1 button:hover {
background-color: #2d2d2d
}
.tan .right_side #form1 p {
font-size: 256px;
font-size: 16rem;
margin-top: 20rem
}
.tan .close {
position: absolute;
right: 240px;
right: 15rem;
top: 240px;
top: 15rem;
cursor: pointer
}
.tan .close i {
font-size: 384px;
font-size: 24rem
}
.bg-mask {
width: 100%;
height: 100%;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #000;
opacity: .5;
z-index: 322;
display: none
}
body.tan_open .tan {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
body.tan_open .bg-mask {
display: block
}
@media only screen and (max-width:1023px) {
.nav {
padding-top: 71px
}
.header-form {
margin-top: 100rem
}
.header-form h2 {
font-size: 120rem;
color: #fff;
font-weight: 600;
letter-spacing: 12rem
}
/*.header-form .zixun {
margin-left: 0
}*/
.tan {
position: fixed;
z-index: 666;
top: 50%;
left: 50%;
height: 100vh;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: none
}
.tan,
.tan .left_side {
width: 100%
}
.tan .left_side .ico {
position: relative;
padding-top: 80%;
width: 100%;
overflow: hidden
}
.tan .left_side .ico img {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 100%;
width: auto;
max-width: none
}
.tan .right_side {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5%;
position: relative
}
.tan .right_side .top_text {
margin-bottom: 15rem
}
.tan .right_side .top_text h4 {
font-size: 100rem;
letter-spacing: 18rem;
font-weight: 500
}
.tan .right_side .top_text h2 {
font-size: 120rem;
margin: 25rem 0;
font-weight: 500
}
.tan .right_side .top_text p {
font-size: 70rem;
font-weight: 500
}
.tan .right_side #form1 {
width: 100%
}
.tan .right_side #form1 .input {
margin-top: 80rem
}
.tan .right_side #form1 .input input,
.tan .right_side #form1 .input textarea {
line-height: 160rem;
height: 160rem;
font-size: 80rem;
color: #747373;
outline: none;
background: rgba(0, 0, 0, 0);
border: none;
border-bottom: 1px solid #747373;
width: calc(100% - 30px)
}
.tan .right_side #form1 button {
margin-top: 100rem;
width: 100%;
border: 0;
background-color: #747373;
color: #fff;
font-size: 80rem;
line-height: 200rem;
height: 200rem;
cursor: pointer;
width: calc(100% - 30px)
}
.tan .right_side #form1 button:hover {
background-color: #666
}
.tan .right_side #form1 p {
font-size: 70rem;
margin-top: 100rem
}
.tan .right_side .close {
position: absolute;
right: 80rem;
top: 0;
cursor: pointer
}
.tan .right_side .close i {
font-size: 120rem
}
}
@media only screen and (max-width:1400px) {
/*.header-form .zixun {
margin-left: 0
}*/
}
@media only screen and (max-width:740px) {
:root {
font-size: .26667vw
}
.header {
border-bottom: 0 solid rgba(0, 0, 0, 0)
}
.header .sitelogo .dasker,
.header .sitelogo .white {
display: none;
height: 40px !important
}
.header .san p {
color: #fff
}
.header .san span {
background: #fff
}
.header.bgfff {
/*border-bottom: 1px solid #000;*/
background-color: #fff;
z-index: 9999
}
.header.bgfff .sitelogo .dasker,
.header.bgfff .sitelogo .white {
display: none;
height: 40px !important
}
.header.bgfff .san p {
color: #000
}
.header.bgfff .san span {
background: #000
}
.new-nav.index-nav.nav li a span {
font-size: 80rem !important
}
.new-content02 .swiper-container .morecase {
display: none;
}
.banner video {
height: 100%;
}
}
@media only screen and (min-width:1024px) and (max-width:1350px) {
.new-content07 .input {
float: left;
margin-right: 10px
}
.new-content07 .new-content07_img1,
.new-content07 .new-content07_img2 {
height: 20px;
margin-bottom: 0
}
.new-content07 .new-tel {
font-size: 22px;
max-width: 50%;
margin-bottom: 15px;
}
.new-content07 .new-tel>img {
height: 71px;
margin-top: -35px
}
}
@media (max-width:1350px) {
.new-footer .footer-top-nav a {
position: relative;
color: #fff;
display: block;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: auto;
text-align: left;
padding: 0 21px;
border-right: 1px solid #fff;
font-size: 16px
}
}
@media (max-width:768px) {
.new-footer .footer-top-nav a {
width: 33.33%;
padding-left: 0;
font-size: 14px;
border-right: 0 solid #fff
}
}
@media only screen and (min-width:1351px) and (max-width:1420px) {
.new-content07 .input input[type="text"] {
width: 157px !important;
}
}
@media only screen and (min-width:1024px) and (max-width:1350px) {
.new-footer .footer-top-nav a {
padding: 0 15px;
font-size: 15px
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .top b {
font-size: 32px;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .top span {
font-size: 20px;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_title h4 {
font-size: 30rem;
}
.new-content06 .clearfix1>.ndiv {
margin-bottom: 0px;
}
.pagination01.swiper-pagination {
margin-top: 10px !important;
}
.new-tit {
margin-bottom: 25px;
margin-top: 50px;
}
.new-tit .tit1 {
height: 120px;
}
.new-content07 .input input[type="text"] {
width: 157px !important;
}
}
.banner .fp-tableCell {
display: flex;
flex-wrap: wrap;
align-items: center;
vertical-align: middle;
width: 100%;
height: 100%;
}
.banner.fp-section.fp-table,
.banner.fp-slide.fp-table,
.new-content04.fp-slide.fp-table,
.new-content04.fp-section.fp-table {
display: block;
}
.new-content04 .fp-tableCell {
display: flex;
flex-wrap: wrap;
align-items: center;
vertical-align: middle;
width: 100%;
height: 100%;
background: url(http://www.baima-deco.com/public/images/5bj.jpg);
background-size: 100% 100%;
}
@media only screen and (min-width: 1601px) and (max-width: 1681px) {
.new-content03 .new-tit .tit1 {
margin-left: 165px;
display: block;
height: 140px;
margin-bottom: 10px;
}
.new-tit img:nth-child(2) {
margin-top: -98px;
}
.new-content03 .new-tit .tit2 {
height: 42px;
}
.new-content01 .new-tit .tit1 {
margin-left: 230px;
display: block;
height: 135px;
}
}
@media screen and (min-width:2561px) {
.header-form {
margin-top: 30rem;
}
.header-form h2 {
text-align: center;
}
.nav ul {
margin: 100rem 0 30rem;
}
.header-form .zixun {
margin: 15px auto 35%;
width: 200px;
line-height: 55px;
height: 55px;
font-size: 32px;
}
.w1600 {
max-width: 85%;
}
.sitelogo .logo_link img {
display: block;
max-width: 320rem !important;
}
.new-content01 .wenz .txt .txt_list .txt_item {
width: 100%;
margin-bottom: 20rem;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_title h4 {
font-size: 14rem !important;
}
.new-content01 .video-box {
height: auto;
margin-top: 10px;
}
.new-content01 .video-box .play6 {
background: #fff url(/public/picture/suspend.png) no-repeat 50%/100%;
width: 80px;
height: 80px;
cursor: pointer;
}
#new-content04-btn {
width: 90px;
}
.new-content03 .wenz {
/* padding: 60rem;
*/
}
.new-content03 .swiper-slide .wenz h3 {
font-weight: 700;
text-align: center;
font-size: 24rem;
color: #fff;
/*margin-top: 90px;*/
}
.new-content03 .swiper-slide .wenz h4 {
text-align: center;
font-size: 18rem;
color: #fff;
margin-top: 15px;
line-height: .8;
}
.content05 dt {
position: relative;
font-size: 18rem;
color: #444;
font-weight: 700;
}
.content05 dd h3 a {
font-size: 14rem;
color: #424242;
line-height: 20rem;
}
.content05 dd img {
width: 90%
}
.new-content07 .new-content07_img1 {
margin-bottom: 0;
}
.new-content07 .new-content07_img1,
.new-content07 .new-content07_img2 {
height: 22rem;
margin-bottom: 0;
width: 600px;
}
.new-content07 .delay5 {
font-size: 15px;
}
.new-content07 .input {
margin-right: 31px;
}
.new-content07 .input input[type=text] {
width: 290px !important;
height: 52px;
}
.new-content07 .input textarea {
height: 189px;
}
.new-content07 .new-tel_p {
font-size: 18px;
}
.new-content07 form>div>span {
font-size: 20px;
}
.new-content07 .new-code p {
font-size: 20px;
}
.new-content07 .fp-tableCell .new-tel_p {
margin-bottom: 15px;
}
.new-content07 .input span {
font-size: 20px;
}
.new-code h1 {
font-size: 30px;
}
.footer-nav {
max-width: 1024px;
}
.footer-top-nav a {
font-size: 18rem;
}
.footer-page dd>a {
font-size: 14rem;
padding: 6rem 0;
line-height: 34rem;
}
.footer-partner {
font-size: 14rem;
line-height: 34rem;
}
.icp {
font-size: 14rem;
line-height: 34rem;
max-width: 600px;
}
}
@media only screen and (min-width: 1981px) and (max-width: 2999px) {
.header .wrapper {
padding: 0 6% 0 6% !important;
}
.san {
font-size: 20px
}
.w1600 {
max-width: 1900px;
}
.nav {
width: 600rem;
}
.new-content07 .input input[type=text] {
width: 221px !important;
height: 52px;
}
.new-content01 .wrapper {
width: 100% !important;
max-width: 2275px;
}
.new-content01 .video-box {
height: auto;
margin-top: 0px;
}
.new-content01 .txt {
margin: 66px 0 0 180px;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content {
width: 46%;
}
.new-content03 .wrapper {
width: 88%;
}
.new-content06 .w1600 {
max-width: 1866px;
}
.new-content06.content05 .swiper-container {
width: 85%;
margin: 0;
float: right;
}
.content05 dd img {
width: 90%;
}
.new-content07 .input {
float: left;
margin-right: 67px;
}
.new-content07 .new-content07_img1 {
margin-bottom: 0px;
}
.new-content07 .new-tel {
font-size: 14px;
}
.new-content07 .new-tel>img {
top: 66%;
height: 80px;
}
.new-content07 .new-content07_img0,
.new-content07 .new-content07_img1,
.new-content07 .new-content07_img2 {
max-width: 70%;
}
.new-content07 .new-map {
margin-top: 30px;
max-width: 695px;
position: relative;
float: right;
width: 45%;
}
.new-content07 .input {
float: left;
margin-right: 74px;
}
.new-content07 .wrapper {
margin: auto;
width: 88%;
}
.new-content07 .new-tel span {
margin-top: 10px;
}
.new-content07 .input input[type=text] {
width: 211px !important;
height: 42px;
}
.new-content07 .input {
/*margin-right: 36px;*/
}
.new-code h1 {
margin-bottom: 6px;
font-size: 26px;
color: #333;
font-weight: 700;
}
.new-content07 .input span {
font-size: 18px;
}
.footer-nav {
max-width: 900px;
}
.index-footer .w1600 {
max-width: 2248px;
}
.new-footer .footer-top-nav {
margin-bottom: 35px;
}
.footer-page {
padding: 0px 0 24px;
}
.footer-top-nav a {
font-size: 19rem;
}
.new-footer .footer-page dd {
font-size: 24px;
line-height: 50px;
}
.footer-page dd>a {
font-size: 19px;
padding: 3px 0;
color: #d4d4d4;
}
.footer-partner {
font-size: 20px;
color: #d4d4d4;
}
.footer-page dl {
float: left;
margin-right: 60px;
}
.icp {
font-size: 20px;
line-height: 50px;
margin-right: 0 !important;
}
}
.header .wrapper {
padding: 0 7% 0 8%
}
.new-content03 .swiper-container {
margin-top: 20px;
/*margin-left: 160px;*/
}
.new-content06 .clearfix1>.ndiv {
margin: 24px;
}
@media only screen and (max-width: 1300px) and (max-width: 1600px) {
.header .wrapper {
padding: 0 7% 0 7%
}
.nav {
width: 420px;
}
}
@media only screen and (max-width: 768px) {
.new-content03 .swiper-container{
margin-left: 0px;
}
}
.new-content02 .swiper-slide .case_title{
opacity: 0;
}
.new-content02 .swiper-slide.swiper-slide-active .case_title{
opacity: 1;
}
@media only screen and (min-width:1600px) and (max-width: 3500px){
.new-content02 .swiper-slide .case_title h2 {
font-size: 25px;
color: #ffffff;
letter-spacing: 3px;
margin-bottom: 5px;
}
}
@media only screen and (min-width:2561px) and (max-width: 3440px){
.new-content02 .swiper-slide .case_title{
position: absolute;
left: 10%;
bottom: 60px;
zoom: 1.5;
}
}
@media only screen and (min-width:2200px) and (max-width: 2560px){
.new-content02 .swiper-slide .case_title{
position: absolute;
left: 9%;
bottom: 100px;
}
.new-content02 .swiper-slide .case_title h2{
font-size: 36px;
color: #ffffff;
letter-spacing: 3px;
margin-bottom: 15px;
}
.new-content02 .swiper-slide .case_title h2 b{
margin-right: 10px;
}
.new-content02 .swiper-slide .case_title h4{
height: 36px;
line-height: 36px;
font-size: 30px;
color: #ffffff;
}
.content05 dt {
position: relative;
font-size: 24rem;
color: #444;
font-weight: 700;
}
}
@media only screen and (max-width: 2000px){
.new-content02 .swiper-slide .case_title{
position: absolute;
left: 9%;
bottom: 50px;
}
.new-content02 .swiper-slide .case_title h2{
font-size: 25px;
color: #ffffff;
letter-spacing: 3px;
margin-bottom: 5px;
}
.new-content02 .swiper-slide .case_title h2 b{
margin-right: 10px;
}
.new-content02 .swiper-slide .case_title h4{
height: 36px;
line-height: 36px;
font-size: 18px;
color: #ffffff;
}
}
@media only screen and (max-width: 1600px){
.new-content02 .swiper-slide .case_title{
left:10%;
}
.new-content02 .swiper-slide .case_title h2{
font-size: 24px;
}
.new-content02 .swiper-slide .case_title h4{
height: 30px;
line-height: 30px;
font-size: 20px;
color: #ffffff;
}
.new-content01 .txt {
margin-top: 150px;
width: 90%;
}
.new-content01 .txt{
margin-left: 90px;
}
.new-content01 .video-box .text_list a dl:first-child dd {
font-size: 18px;
font-weight: 500;
}
}
@media (max-width: 768px){
.new-content02 .swiper-slide .case_title{
left:5%;
bottom: 20px;
}
.new-content02 .swiper-slide .case_title h2{
font-size: 18px;
letter-spacing: 2px;
margin-bottom: 0px;
}
.new-content02 .swiper-slide .case_title h4{
height: 20px;
line-height: 20px;
font-size: 16px;
color: #ffffff;
}
.new-content03 .swiper-slide .wenz h4 {
text-align: center;
font-size: 18rem;
color: #fff;
margin-top: 15px;
line-height: .8;
}
}
/*2022.11.23 改版*/
.new-content01 .tit2 {
margin-left:0px;
}
.new-content01 .txt{
max-width: 760px;
}
.new-content01 .box{
align-items: center;
}
.new-content01 .wenz .txt .txt_list{
justify-content: space-between;
}
@media (min-width: 768px){
.new-content01 .wenz .txt .txt_list .txt_item{
width: 50%;
margin-bottom: 80rem;
}
}
.new-content01 .wenz .txt .txt_list .txt_item a{
justify-content: flex-start;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_title {
width: 100%;
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico{
width: 22%;
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico i{
font-weight: 500;
font-size: 50px;
width: 50px;
height: 50px;
}
.new-content01 .wenz .txt .txt_list .txt_item a:hover .ico i{
font-weight: 500;
font-size: 50px;
width: 50px;
height: 50px;
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico i.icon-iostimeroutline{
font-size: 58px;
width: 50px;
height: 50px;
font-weight: 500;
margin-left: -3px;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide{
justify-content: flex-start;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .top span{
font-size: 16px;
font-weight: 500;
color: #666666;
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico i.icon-changyongiconyikuozhan_huaban22{
border: 2.9px solid #6d6d6d;
font-weight: 500;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 44px;
padding: 4px;
border-radius: 36px;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content{
width: 75%;
}
.new-content01 .wenz .txt .txt_list .txt_item a:hover .ico i.icon-changyongiconyikuozhan_huaban22{
border-width: 2px;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .bottom p{
font-size: 14.5px;
color: #666666;
line-height: 1.5;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_title h4{
font-size: 23rem;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .top{
margin-left: 15rem;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .bottom p strong{
color: #232323;
padding: 0 2px;
}.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .top b {
font-size: 42rem;
line-height: 1.5;
}
.new-content01 .wenz .txt .txt_list .txt_item:nth-last-child(1),
.new-content01 .wenz .txt .txt_list .txt_item:nth-last-child(2) {
margin-bottom: 0rem;
}
@media only screen and (min-width: 1930px){
.new-content01 .wenz .txt .txt_list .txt_item a .txt_title h4 {
font-size: 17rem;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .top b {
font-size: 29rem;
line-height: 1.5;
}
.new-content01 .txt {
margin: 66px 0 0 90px;
}
}
.new-tit h3{
margin-left: 0!important;
}
@media (max-width: 768px){
.new-content01 .wenz .txt .txt_list .txt_item a .txt_title h4 {
font-size: 20px;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .right_side .top b {
font-size: 30px;
line-height: 1.5;
}
.new-content01 .wenz .txt .txt_list .txt_item a .txt_content .content_slide .left_side .bottom p {
font-size: 14px;
color: #666666;
line-height: 1.5;
}
.new-content01 .txt {
margin-left: 0px;
}
.new-content01 .wenz .txt .txt_list .txt_item {
width: 100%;
margin-bottom: 24px;
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico i.icon-iostimeroutline {
font-size: 49px;
width: 50px;
height: 50px;
font-weight: 500;
margin-left: -3px;
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico i {
font-weight: 500;
font-size: 42px;
width: 43px;
height: 43px;
}
.new-content01 .wenz .txt .txt_list .txt_item a .ico i.icon-changyongiconyikuozhan_huaban22 {
border: 2px solid #6d6d6d;
font-weight: 500;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 32px;
padding: 4px;
border-radius: 36px;
}
.new-content01 .video-box .text_list a dl:first-child dd {
font-size: 18px;
font-weight: 500;
}
.new-content01 .wenz .txt .txt_list .txt_item:nth-last-child(2){
margin-bottom: 24px;
}
.new-content01 .txt {
margin-left: 42px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1600px){
.new-content06.content05 dl{
zoom: .88;
}
.new-tit {
zoom: .8;
}
.header .wrapper {
zoom: .9;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1300px){
.header .wrapper {
zoom: .85;
}
.new-tit {
zoom: .8;
}
.new-content01 .wenz {
zoom: .9;
}
.new-content01 .video-box {
margin-top: 20px;
}
.new-content06.content05 dl {
zoom: .8;
}
.new-content07 .txt {
zoom: .95;
}
}
@media only screen and (min-width:2560px) and (max-width: 3440px){
.new-content03 .swiper-slide .wenz h3 {
font-size: 34px;
}
.new-content03 .swiper-slide .wenz h4 {
font-size: 30px;
}
.new-content04 .left_box {
zoom: 1.2;
}
.content05 dd:nth-child(2n) {
zoom: 1.4;
}
.content05 dd {
zoom: 1.4;
}
.Hmouse, .Hmouse.xia {
zoom: 1.5;
}
}
@media only screen and (min-width:2810px) and (max-width: 3440px){
.new-content07 .input {
margin-right: 75px;
}
.Hmouse p {
zoom: 1.2;
}
.Hmouse span {
width: 3.5px;
height: 1.5vw;
zoom: 1.4;
}
.new-content01 .wenz .txt .txt_list .txt_item {
margin-bottom: 50rem;
}
.new-content05 .new-tit .tit1 {
zoom: .75;
}
.new-content05 .new-tit .tit2 {
zoom: .75;
}
.new-content05 .pic {
zoom: .9;
}
.new-content05 .logos {
zoom: .9;
}
.new-content07 .txt {
zoom: .98;
}
}
.new-content02 .active .swiper-slide .ani-left, .ani-left, .swiper-slide .ani-left.on{
transform: translateX(-670px);
}
@media (min-width: 321px) and (max-width: 768px) {
/*376~425*/
.a_box {
justify-content: center;
flex-direction: column-reverse;
flex-wrap: wrap;
padding: 0% !important;
}
.new-content04 .left_box {
width: 100% !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.new-content04 .left_box .item {
margin-top: 10px !important;
margin-right: 25px;
font-size: 70rem !important;
margin-bottom: 10px !important;
}
.new-content04 .left_box .item .icon {
font-size: 80rem !important;
}
.new-content04 .left_box .item .title {
font-weight: bold !important;
padding: 1px 0 0 20px !important;
}
.new-content04 .right_box {
width: 100% !important;
}
.new-content04 .left_box .item.curr .icon{
transform: translateX(0px);
color: #faaf40 !important;
}
.new-content04 .right_box .top_title .one {
font-size: 180rem;
}
.new-content04 .right_box .top_title .desc {
font-size: 92rem !important;
}
.new-content04 .right_box .top_title {
text-align: right;
width: 68%;
}
.new-content04 .right_box .top_title .one {
font-size: 180rem !important;
}
.new-content04 .right_box .slogn{
margin-top: -10px!important;
margin-bottom: 10px;
/*width: 100% !important;*/
text-align: right;
font-size: 70rem !important;
margin-left: 35px;
float: left !important;
}
.new-content04 .right_box .slogn .a{
padding-right: 50px;
}
.new-content04 .right_box .slogn .b {
margin-left: unset !important;
}
}
@media (min-width: 769px) {
/*769~+∞*/
.new-content04 .left_box {
width: 100%;
}
.new-content04 .left_box .item.curr .icon{
transform: translateX(0px);
color: #fbd130 !important;
}
}
.a_box{
display: flex;
padding: 9% 12.3%;
justify-content: space-between;
}
.new-content04 .left_box{width: 20%;}
.new-content04 .left_box .item{
display: flex;
font-size: 22rem;
margin-bottom: 40px;
color: #fff;
}
.new-content04 .left_box .item a{
color: #4e4e4e;
display: flex;
align-items: center;
}
.new-content04 .left_box .item .icon{
font-size: 38rem;
color: #4e4e4e;
}
.new-content04 .left_box .item .title{
font-weight: normal;
padding: 12px 0 0 60px;
}
.new-content04 .right_box{width: 53%;}
.new-content04 .right_box .top_title{}
.new-content04 .right_box .top_title .one{
font-size: 110rem;
font-weight: 900;
color: #a5da29;
line-height: normal;
letter-spacing: 10px;
}
.new-content04 .right_box .top_title .desc{
font-size: 55rem;
font-weight: 800;
letter-spacing: 10px;
}
.new-content04 .right_box .top_title .desc span{color: #a5da29;}
.new-content04 .right_box .slogn{
/*width: 60%;*/
float: right;
font-size: 24rem;
font-weight: bold;
margin-top: 15px;
margin-right: 170px;
}
.new-content04 .right_box .slogn {
line-height: normal;
}
.new-content04 .right_box .slogn .b{
margin-left: 100px;
}
@media only screen and (min-width:1300px) and (max-width:1660px) {
.new-content04 .right_box {
width: 59%;
}
.new-content04 .right_box .slogn{
margin-right: 100px;
}
}
@media only screen and (min-width:1981px) and (max-width:2999px) {
.new-content04 .left_box .item {
margin-bottom: 50px !important;
}
}
@media only screen and (min-width:2560px) and (max-width:3500px) {
.new-content04 .left_box {
zoom: 1.1;
}
.new-content04 .right_box {
zoom: 1.5;
}
}
.section-title{
margin: 50px 0;
text-align: center;
font-size: 22px;
font-weight: normal;
}
.section-title span{
padding: 0 20px;
font-weight: 400;
}
.sunmu-case-list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sunmu-case-item{
position: relative;
width: 33%;
cursor: pointer;
margin: 4px 0;
height: 320px;
}
.sunmu-case-item a{
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 100%;
height: 100%;
}
.sunmu-case-list .first{
width: 66.5%;
}
.sunmu-case-item .pic{
height: 100%;
}
.sunmu-case-item .pic>img {
transition: transform 0.3s ease;
height: 100%;
width: 100%;
}
.sunmu-case-item:hover .pic>img {
transform: scale(1.1); /* 鼠标悬停时放大图片 */
}
.sunmu-case-item:hover .pic>img {
transform: scale(1.1); /* 鼠标悬停时放大图片 */
}
.sunmu-case-item:hover::after{
opacity: 0.8;
}
.sunmu-case-item::after{
content: "";
z-index: 3;
display: block;
width: 100%;
height: 100%;
background-color: rgb(31 31 31 / 0.8);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.sunmu-case-item .wenz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 50%;
left: 0;
width: 100%;
height: 100%;
/* padding: 135px 100px 100px 100px; */
top: -30px;
z-index: 2;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
-webkit-transition: all .3s;
-o-transition: all .3s .3s;
-webkit-transition: all .3s .3s;
transition: all .3s .3s;
z-index: 4;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.sunmu-case-item .wenz::before{
content: '';
display: block;
position: absolute;
/*width: 25%;*/
width: 0;
height: 1px;
background: #FFF;
left: 15%;
transform: translate(calc(-100% - 80px), 0);
transform: scaleY(-1);
top: 12%;
transition: width 0.5s ease;
}
.sunmu-case-item:hover .wenz::before {
width: 20%;
}
.sunmu-case-item .wenz::after{
content: '';
display: block;
position: absolute;
width: 0;
height: 1px;
background: #FFF;
right: 15%;
/*transform: translate(calc(-100% + 80px), 0);*/
top: 12%;
transition: width 0.5s ease;
}
.sunmu-case-item:hover .wenz::after {
width: 20%;
}
.sunmu-case-list .first .wenz::after {
right: 20%;
}
.sunmu-case-list .first .wenz::before {
left: 20%;
}
/*.new-content03 .swiper-slide:hover .wenz::before{*/
/* content: '';*/
/* display: block;*/
/* position: absolute;*/
/* width: 20%;*/
/* height: 1px;*/
/* background: #FFF;*/
/* left: 50%;*/
/* transform: translate(calc(-100% - 80px), 0);*/
/* top: 8%;*/
/* transition: width 0.5s ease;*/
/*}*/
/*.new-content03 .swiper-slide:hover .wenz::after{*/
/* content: '';*/
/* display: block;*/
/* position: absolute;*/
/* width: 20%;*/
/* height: 1px;*/
/* background: #FFF;*/
/* right: 0;*/
/* transform: translate(calc(-100% + 80px), 0);*/
/* top: 8%;*/
/* transition: width 0.5s ease;*/
/*}*/
.new-content03 .swiper-slide .wenz::before{
content: '';
display: block;
position: absolute;
width: 0%;
height: 1px;
background: #FFF;
left: 10%;
transform: translate(calc(-100% - 80px), 0);
transform: scaleY(-1);
top: 12%;
transition: width 0.5s ease;
}
.new-content03 .swiper-slide .wenz::after{
content: '';
display: block;
position: absolute;
width: 0%;
height: 1px;
background: #FFF;
right: 10%;
transform: translate(calc(-100% + 80px), 0);
transform: scaleY(-1);
top: 12%;
transition: width 0.5s ease;
}
.new-content03 .swiper-slide:hover .wenz::after{
width: 20%;
}
.new-content03 .swiper-slide:hover .wenz::before{
width: 20%;
}
.sunmu-case-item .wenz h3 {
font-weight: initial;
text-align: center;
font-size: 20px;
color: #fff;
}
.sunmu-case-item .wenz h4 {
text-align: center;
font-size: 17px;
color: #fff;
margin-top: -5px;
line-height: 1.8;
}
.sunmu-case-item:hover .wenz {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
opacity: 1;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(46%)
}
@media only screen and (max-width: 1023px) {
.sunmu-case-item{
height: 90px;
margin: 10px 0;
}
}