|
|
|
@ -2192,6 +2192,116 @@ a.bp-border:hover .bp-inner { |
|
|
|
|
background-size: cover; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home4 .title { |
|
|
|
|
text-align: center; |
|
|
|
|
color: #333333; |
|
|
|
|
font-size: 34px; |
|
|
|
|
position: relative; |
|
|
|
|
width: 500px; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
margin-top: 97px; |
|
|
|
|
margin-bottom: 40px !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home4 .title::before { |
|
|
|
|
content: ''; |
|
|
|
|
width: 120px; |
|
|
|
|
height: 20px; |
|
|
|
|
background-image: url(../../../../../assets/images/title_line_left.svg); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
position: absolute; |
|
|
|
|
left: 20px; |
|
|
|
|
top: 35px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home4 .title::after { |
|
|
|
|
content: ''; |
|
|
|
|
width: 90px; |
|
|
|
|
height: 20px; |
|
|
|
|
background-image: url(../../../../../assets/images/title_line_left.svg); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
position: absolute; |
|
|
|
|
right: 50px; |
|
|
|
|
top: 5px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home4 .title .big-title { |
|
|
|
|
color: #B03232; |
|
|
|
|
font-size: 48px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home4 .tab_title_box { |
|
|
|
|
width: 80%; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
display: flex; |
|
|
|
|
color: #333; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home4 .tabs { |
|
|
|
|
flex: 1; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home4 .tabs .no_bodder { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-around; |
|
|
|
|
width: 800px; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
margin-left: 370px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home4 .no_border_li { |
|
|
|
|
background-image: url(../../../../../assets/images/xframe_normal.svg); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
padding: 10px 20px; |
|
|
|
|
width: 190px; |
|
|
|
|
height: 40px; |
|
|
|
|
text-align: center; |
|
|
|
|
line-height:35px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
font-size: 22px; |
|
|
|
|
margin-right: 40px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home4 .no_border_li.active { |
|
|
|
|
color: #fff; |
|
|
|
|
background-image: url(../../../../../assets/images/xframe_1active.svg); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home4 .mores { |
|
|
|
|
font-size: 16px; |
|
|
|
|
width: 100px; |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home4 .mores::before { |
|
|
|
|
content: ''; |
|
|
|
|
width: 100%; |
|
|
|
|
height: 20px; |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: -15px; |
|
|
|
|
left: -15px; |
|
|
|
|
background-image: url(../../../../../assets/images/more_line.svg); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-position: center; |
|
|
|
|
transform: rotate(180deg); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home4 .mores::after { |
|
|
|
|
content: ''; |
|
|
|
|
width: 100%; |
|
|
|
|
height: 20px; |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: 3px; |
|
|
|
|
right: -25px; |
|
|
|
|
background-image: url(../../../../../assets/images/more_right.svg); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-position: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 以下无用 */ |
|
|
|
|
.home4 .row { |
|
|
|
|
position: absolute; |
|
|
|
|
left: 0; |
|
|
|
@ -2887,6 +2997,7 @@ a.bp-border:hover .bp-inner { |
|
|
|
|
.home6 { |
|
|
|
|
background: url(../image/temp/img8.jpg) center no-repeat; |
|
|
|
|
background-size: cover; |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .widget-area-edit { |
|
|
|
@ -2907,7 +3018,7 @@ a.bp-border:hover .bp-inner { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6.fp-completely .tab-cont { |
|
|
|
|
left: 50%; |
|
|
|
|
left: 55%; |
|
|
|
|
visibility: visible; |
|
|
|
|
opacity: 1; |
|
|
|
|
} |
|
|
|
@ -3047,32 +3158,14 @@ a.bp-border:hover .bp-inner { |
|
|
|
|
content: ''; |
|
|
|
|
position: absolute; |
|
|
|
|
right: 50%; |
|
|
|
|
height:0; |
|
|
|
|
height: 0; |
|
|
|
|
top: 0; |
|
|
|
|
bottom: 0; |
|
|
|
|
border-left: 1px solid #ccc; |
|
|
|
|
transition: all 0.5s ease-in-out |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .tab-term.t1.cur:before, |
|
|
|
|
.home6 .tab-term.t1:hover:before{ |
|
|
|
|
height: 20%; |
|
|
|
|
} |
|
|
|
|
.home6 .tab-term.t2:before{ |
|
|
|
|
height: 10%; |
|
|
|
|
} |
|
|
|
|
.home6 .tab-term.t3:before { |
|
|
|
|
height: 22%; |
|
|
|
|
} |
|
|
|
|
.home6 .tab-term.t4:before{ |
|
|
|
|
height: 15%; |
|
|
|
|
} |
|
|
|
|
.home6 .tab-term.t5:before { |
|
|
|
|
height: 26%; |
|
|
|
|
} |
|
|
|
|
.home6 .tab-term.t6:before { |
|
|
|
|
height: 14%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.home6 .tab-term .h16 { |
|
|
|
|
position: relative; |
|
|
|
@ -3085,6 +3178,13 @@ a.bp-border:hover .bp-inner { |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .tab-term .h16 .jian-img { |
|
|
|
|
width: 20px; |
|
|
|
|
display: inline-block; |
|
|
|
|
padding: 10px 0; |
|
|
|
|
margin-left: -8px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .tab-term .h16:before, |
|
|
|
|
.home6 .tab-term .h16:after { |
|
|
|
|
content: ''; |
|
|
|
@ -3139,7 +3239,36 @@ a.bp-border:hover .bp-inner { |
|
|
|
|
.home6 .tab-term.cur:before, |
|
|
|
|
.home6 .tab-term:hover:before { |
|
|
|
|
border-color: #9a2929; |
|
|
|
|
top: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .tab-term.t1.cur:before, |
|
|
|
|
.home6 .tab-term.t1:hover:before { |
|
|
|
|
height: 20%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .tab-term.t2.cur:before, |
|
|
|
|
.home6 .tab-term.t2:hover:before { |
|
|
|
|
height: 10%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .tab-term.t3.cur:before, |
|
|
|
|
.home6 .tab-term.t3:hover:before { |
|
|
|
|
height: 22%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .tab-term.t4.cur:before, |
|
|
|
|
.home6 .tab-term.t4:hover:before { |
|
|
|
|
height: 15%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .tab-term.t5.cur:before, |
|
|
|
|
.home6 .tab-term.t5:hover:before { |
|
|
|
|
height: 26%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .tab-term.t6.cur:before, |
|
|
|
|
.home6 .tab-term.t6:hover:before { |
|
|
|
|
height: 14%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .tab-term.cur .h16:before, |
|
|
|
@ -3170,7 +3299,7 @@ a.bp-border:hover .bp-inner { |
|
|
|
|
|
|
|
|
|
.home6 .link { |
|
|
|
|
position: relative; |
|
|
|
|
padding: 35px 4px; |
|
|
|
|
padding: 40px 4px; |
|
|
|
|
width: 1em; |
|
|
|
|
background: url(../image/temp/png14.png); |
|
|
|
|
font-family: "微软雅黑"; |
|
|
|
@ -3194,11 +3323,110 @@ a.bp-border:hover .bp-inner { |
|
|
|
|
|
|
|
|
|
.home6 .link:after { |
|
|
|
|
right: 0; |
|
|
|
|
bottom: 0; |
|
|
|
|
bottom: 10px; |
|
|
|
|
background-position: right; |
|
|
|
|
background-image: url(../../../../../assets/images/more_right.svg); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .contents { |
|
|
|
|
width: 0; |
|
|
|
|
opacity: 0; |
|
|
|
|
height: 400px; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
border-radius: 15px; |
|
|
|
|
position: absolute; |
|
|
|
|
left: 55%; |
|
|
|
|
top: 50%; |
|
|
|
|
transform: translate(-50%, -50%); |
|
|
|
|
z-index: 99; |
|
|
|
|
transition: all 0.5s ease-in-out; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .contents .titles { |
|
|
|
|
position: relative; |
|
|
|
|
opacity: 0; |
|
|
|
|
font-size: 34px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
text-align: center; |
|
|
|
|
color: #B03232; |
|
|
|
|
margin-top: 35px; |
|
|
|
|
transition: all 1.5s ease-in-out; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .contents .titles::before { |
|
|
|
|
content: ''; |
|
|
|
|
position: absolute; |
|
|
|
|
left: 55px; |
|
|
|
|
top: 15px; |
|
|
|
|
width: 30px; |
|
|
|
|
height: 20px; |
|
|
|
|
background-image: url(../../../../../assets/images/line2.svg); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .contents .titles::after { |
|
|
|
|
content: ''; |
|
|
|
|
position: absolute; |
|
|
|
|
right: 55px; |
|
|
|
|
top: 10px; |
|
|
|
|
width: 30px; |
|
|
|
|
height: 20px; |
|
|
|
|
background-image: url(../../../../../assets/images/line2.svg); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
transform: rotate(180deg); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .contents .intro { |
|
|
|
|
opacity: 0; |
|
|
|
|
font-size: 18px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: #333333; |
|
|
|
|
margin-top: 23px; |
|
|
|
|
text-align: left; |
|
|
|
|
padding: 0 40px; |
|
|
|
|
transition: all 1.5s ease-in-out; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6.fp-completely .contents { |
|
|
|
|
visibility: visible; |
|
|
|
|
opacity: 1; |
|
|
|
|
width: 300px; |
|
|
|
|
/* background-color: #F7F6F0; */ |
|
|
|
|
background-image: url(../../../../../assets/images/frame.svg); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6.fp-completely .contents .titles, |
|
|
|
|
.home6.fp-completely .contents .intro { |
|
|
|
|
visibility: visible; |
|
|
|
|
opacity: 1; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6 .contents .btns { |
|
|
|
|
opacity: 0; |
|
|
|
|
font-size: 24px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: #FFFEFE; |
|
|
|
|
margin-top: 23px; |
|
|
|
|
text-align: center; |
|
|
|
|
padding: 0 40px; |
|
|
|
|
transition: all 1.5s ease-in-out; |
|
|
|
|
background-image: url(../../../../../assets/images/block.svg); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-size: contain; |
|
|
|
|
background-position: center; |
|
|
|
|
width: 80px; |
|
|
|
|
height: 80px; |
|
|
|
|
line-height: 80px; |
|
|
|
|
margin: 23px auto; |
|
|
|
|
cursor: pointer; |
|
|
|
|
transition: all 3.5s ease; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home6.fp-completely .contents .btns { |
|
|
|
|
opacity: 1; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.home7 { |
|
|
|
|
background: url(../image/temp/img9.jpg) center no-repeat; |
|
|
|
|
background-size: cover; |
|
|
|
|