Skip to content

W
www.fudou6.com
Commit 99c34be6 authored by superman's avatar superman
Browse files
Options

Merge branch 'express' of gitlab.yanky.cn:liaili/www.fudou6.com into express

parents 5b2612e1 3f073161
Show whitespace changes
Inline Side-by-side
Showing with 1140 additions and 72 deletions
public/stylesheets/about.css 0 → 100644
View file @ 99c34be6
/* .about-us-banner start */
.about-us-banner {
width: 100%;
height: 667px;
background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
}
.about-us-banner .banner-box {
width: 1100px;
margin: 200px auto 0;
color: #fff;
}
.about-us-banner .banner-box h4 {
width: 100%;
font-size: 82px;
margin-top: 0;
margin-bottom: 35px;
text-align: center;
font-weight: normal;
}
.about-us-banner .banner-box p {
width: 100%;
line-height: 48px;
font-size: 24px;
text-align: left;
}
/* .about-us-banner end */
/* .about-us-banner-bottom start */
.about-us-banner-bottom {
width: 100%;
height: 824px;
background: url("../images/about_us/bg_2.jpg") no-repeat center center;
background-size: cover;
}
.about-us-banner-bottom h4 {
font-size: 52px;
color: #fff;
margin: 28px auto 4px;
text-align: center;
}
.about-us-banner-bottom hr {
display: block;
width: 73px;
border: 3px solid #0074c3;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
margin: 0 auto;
}
.about-us-banner-bottom p {
font-size: 22px;
width: 992px;
margin: 552px auto 0;
line-height: 42px;
}
/* .about-us-banner-bottom end */
/* .company-introduction start */
.company-introduction {
height: 1300px;
width: 100%;
background: #f6f6f6;
}
.company-introduction h2 {
width: 1200px;
height: 74px;
line-height: 74px;
font-size: 46px;
position: relative;
padding-left: 20px;
margin: 40px auto;
}
.company-introduction h2 b {
display: inline-block;
height: 74px;
width: 3px;
background: #0074c3;
position: absolute;
left: 0;
top: 0;
}
.company-introduction ul {
width: 1200px;
margin: 0 auto;
}
.company-introduction ul li {
text-align: center;
float: left;
width: 300px;
padding: 0 50px 60px;
}
.company-introduction ul li h4 {
font-size: 54px;
color: #000;
line-height: 75px;
}
.company-introduction ul li h6 {
font-size: 18px;
color: #666666;
margin: 10px 0 20px;
}
.company-introduction ul li p {
line-height: 27px;
font-size: 15px;
color: #000;
text-align: left;
}
.company-introduction ul li:nth-child(1) {
width: 299px;
border-right: 1px solid #c3c3c3;
}
.company-introduction ul li:nth-child(2) {
width: 299px;
border-right: 1px solid #c3c3c3;
}
.company-introduction div {
width: 1200px;
margin: 0 auto;
}
.company-introduction div a {
display: inline-block;
width: 280px;
height: 270px;
text-align: center;
margin-right: 17px;
border-right: 1px solid #c3c3c3;
position: relative;
}
.company-introduction div a:nth-child(1) {
background: url("../images/about_us/zhongjiang.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3;
}
.company-introduction div a:nth-child(1)::before {
content: '';
display: inline-block;
width: 17px;
height: 20px;
position: absolute;
left: 0;
bottom: -10px;
background: #f6f6f6;
}
.company-introduction div a:nth-child(1)::after {
content: '';
display: inline-block;
width: 34px;
height: 20px;
position: absolute;
right: -17px;
bottom: -10px;
background: #f6f6f6;
}
.company-introduction div a:nth-child(2) {
background: url("../images/about_us/zhongrong.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3;
}
.company-introduction div a:nth-child(2)::after {
content: '';
display: inline-block;
width: 34px;
height: 20px;
position: absolute;
right: -17px;
bottom: -10px;
background: #f6f6f6;
}
.company-introduction div a:nth-child(3) {
background: url("../images/about_us/guomin.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3;
}
.company-introduction div a:nth-child(3)::after {
content: '';
display: inline-block;
width: 34px;
height: 20px;
position: absolute;
right: -17px;
bottom: -10px;
background: #f6f6f6;
}
.company-introduction div a:nth-child(4) {
background: url("../images/about_us/guangda.jpg") no-repeat;
margin-right: 0;
border-right: none;
border-bottom: 1px solid #c3c3c3;
}
.company-introduction div a:nth-child(4)::after {
content: '';
display: inline-block;
width: 17px;
height: 20px;
position: absolute;
right: 0px;
bottom: -10px;
background: #f6f6f6;
}
.company-introduction div a:nth-child(5) {
background: url("../images/about_us/zhongxing.jpg") no-repeat;
}
.company-introduction div a:nth-child(6) {
background: url("../images/about_us/fangzheng.jpg") no-repeat;
}
.company-introduction div a:nth-child(7) {
background: url("../images/about_us/huaxing.jpg") no-repeat;
}
.company-introduction div a:nth-child(8) {
background: url("../images/about_us/zhongtai.jpg") no-repeat;
margin: 0;
border-right: none;
}
/* .company-introduction end */
/* .address-map */
.address-map {
height: 575px;
width: 100%;
background: url("../images/about_us/map.jpg") no-repeat center center;
background-size: cover;
}
.address-map > div {
width: 1200px;
height: 100%;
margin: 0 auto;
}
.address-map > div > div {
margin: 150px 0 0 240px;
width: 291px;
height: 207px;
padding: 32px 18px 0;
background: #fff;
position: relative;
}
.address-map > div > div span {
display: inline-block;
width: 66px;
height: 66px;
border-radius: 50%;
background: #121e2c;
position: absolute;
left: 9px;
top: 18px;
text-align: center;
}
.address-map > div > div span img {
margin-top: 18px;
}
.address-map > div > div h4 {
font-size: 36px;
color: #444444;
line-height: 46px;
margin-left: 64px;
}
.address-map > div > div hr {
display: block;
width: 149px;
border: none;
border-bottom: 1px solid #a9a9a9;
margin: 5px auto 20px;
}
.address-map > div > div p {
font-size: 18px;
color: #828282;
line-height: 24px;
}
.address-map > div > div h3 {
font-size: 25px;
color: #fb2274;
margin-top: 20px;
}
/* .address-map */
public/stylesheets/about.less 0 → 100644
View file @ 99c34be6
@import 'variable';
/* .about-us-banner start */
.about-us-banner {
width: 100%;
height: 667px;
background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
.banner-box {
width: 1100px;
margin: 200px auto 0;
color: #fff;
h4 {
width: 100%;
font-size: 82px;
margin-top: 0;
margin-bottom: 35px;
text-align: center;
font-weight: normal;
}
p {
width: 100%;
line-height: 48px;
font-size: 24px;
text-align: left;
}
}
}
/* .about-us-banner end */
/* .about-us-banner-bottom start */
.about-us-banner-bottom {
width: 100%;
height: 824px;
background: url("../images/about_us/bg_2.jpg") no-repeat center center;
background-size: cover;
h4 {
font-size: 52px;
color: #fff;
margin: 28px auto 4px;
text-align: center;
}
hr {
display: block;
width: 73px;
border: 3px solid #0074c3;
border-bottom-color:transparent;
border-left-color: transparent;
border-right-color: transparent;
margin: 0 auto;
}
p {
font-size: 22px;
width: 992px;
margin: 552px auto 0;
line-height: 42px;
}
}
/* .about-us-banner-bottom end */
/* .company-introduction start */
.company-introduction {
height: 1300px;
width: 100%;
background: #f6f6f6;
h2 {
width: 1200px;
height: 74px;
line-height: 74px;
font-size: 46px;
position: relative;
padding-left: 20px;
margin: 40px auto;
b {
display: inline-block;
height: 74px;
width: 3px;
background: #0074c3;
position: absolute;
left: 0;
top: 0;
}
}
ul {
width: 1200px;
margin: 0 auto;
li {
text-align: center;
float:left;
width: 300px;
padding: 0 50px 60px;
h4 {
font-size: 54px;
color: #000;
line-height: 75px;
}
h6 {
font-size: 18px;
color: #666666;
margin: 10px 0 20px;
}
p {
line-height: 27px;
font-size: 15px;
color: #000;
text-align: left;
}
}
li:nth-child(1) {
width: 299px;
border-right: 1px solid #c3c3c3;
}
li:nth-child(2) {
width: 299px;
border-right: 1px solid #c3c3c3;
}
}
div {
width: 1200px;
margin: 0 auto;
a {
display: inline-block;
width: 280px;
height: 270px;
text-align: center;
margin-right: 17px;
border-right: 1px solid #c3c3c3;
position: relative;
}
a:nth-child(1) {
background: url("../images/about_us/zhongjiang.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3;
}
a:nth-child(1)::before {
content: '';
display: inline-block;
width: 17px;
height: 20px;
position: absolute;
left:0;
bottom: -10px;
background: #f6f6f6;
}
a:nth-child(1)::after {
content: '';
display: inline-block;
width: 34px;
height: 20px;
position: absolute;
right:-17px;
bottom: -10px;
background: #f6f6f6;
}
a:nth-child(2) {
background: url("../images/about_us/zhongrong.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3;
}
a:nth-child(2)::after {
content: '';
display: inline-block;
width: 34px;
height: 20px;
position: absolute;
right:-17px;
bottom: -10px;
background: #f6f6f6;
}
a:nth-child(3) {
background: url("../images/about_us/guomin.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3;
}
a:nth-child(3)::after {
content: '';
display: inline-block;
width: 34px;
height: 20px;
position: absolute;
right:-17px;
bottom: -10px;
background: #f6f6f6;
}
a:nth-child(4) {
background: url("../images/about_us/guangda.jpg") no-repeat;
margin-right: 0;
border-right: none;
border-bottom: 1px solid #c3c3c3;
}
a:nth-child(4)::after {
content: '';
display: inline-block;
width: 17px;
height: 20px;
position: absolute;
right:0px;
bottom: -10px;
background: #f6f6f6;
}
a:nth-child(5) {
background: url("../images/about_us/zhongxing.jpg") no-repeat;
}
a:nth-child(6) {
background: url("../images/about_us/fangzheng.jpg") no-repeat;
}
a:nth-child(7) {
background: url("../images/about_us/huaxing.jpg") no-repeat;
}
a:nth-child(8) {
background: url("../images/about_us/zhongtai.jpg") no-repeat;
margin: 0;
border-right: none;
}
}
}
/* .company-introduction end */
/* .address-map */
.address-map {
height: 575px;
width: 100%;
background: url("../images/about_us/map.jpg") no-repeat center center;
background-size: cover;
> div {
width: 1200px;
height: 100%;
margin: 0 auto;
> div {
margin: 150px 0 0 240px;
width: 291px;
height: 207px;
padding: 32px 18px 0;
background: #fff;
position: relative;
span {
display: inline-block;
width: 66px;
height: 66px;
border-radius: 50%;
background: #121e2c;
position: absolute;
left: 9px;
top: 18px;
text-align: center;
img {
margin-top: 18px;
}
}
h4 {
font-size: 36px;
color: #444444;
line-height: 46px;
margin-left: 64px;
}
hr {
display: block;
width: 149px;
border: none;
border-bottom: 1px solid #a9a9a9;
margin: 5px auto 20px;
}
p {
font-size: 18px;
color: #828282;
line-height: 24px;
}
h3 {
font-size: 25px;
color: #fb2274;
margin-top: 20px;
}
}
}
}
/* .address-map */
\ No newline at end of file
public/stylesheets/project.css
View file @ 99c34be6
/* .hot-project-banner start */
.hot-project-banner {
height: 470px;
width: 100%;
background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
background-size: cover;
text-align: center;
color: #fff;
}
.hot-project-banner h4 {
font-size: 54px;
font-weight: bold;
margin-top: 120px;
margin-bottom: 40px;
}
.hot-project-banner p {
font-size: 24px;
line-height: 36px;
}
/* .hot-project-banner end */
/* .hot-project-introducer start*/
.hot-project-introducer { .hot-project-introducer {
height: 728px; height: 728px;
margin: 0 auto; margin: 0 auto;
} }
.hot-project-introducer > ul { .hot-project-introducer > ul {
width: 100%;
height: 180px; height: 180px;
} }
.hot-project-introducer > ul li { .hot-project-introducer > ul li {
width: 25%; width: 25%;
float: left;
font-size: 18px; font-size: 18px;
color: #000; color: #000;
line-height: 180px; line-height: 180px;
...@@ -133,3 +154,231 @@ ...@@ -133,3 +154,231 @@
top: 172px; top: 172px;
right: -152px; right: -152px;
} }
/* .hot-project-introducer end*/
/* .hot-project-address start */
.hot-project-address {
width: 100%;
height: 926px;
background: #1272ac;
}
.hot-project-address .hot-project-address-box {
width: 1200px;
height: 100%;
margin: 0 auto;
position: relative;
}
.hot-project-address .hot-project-address-box > div:nth-child(1) {
position: absolute;
color: #fff;
top: 40px;
left: 20px;
}
.hot-project-address .hot-project-address-box > div:nth-child(1) h4 {
font-size: 32px;
font-weight: bold;
line-height: 42px;
}
.hot-project-address .hot-project-address-box > div:nth-child(1) p {
font-size: 18px;
line-height: 53px;
}
.hot-project-address .hot-project-address-box > div:nth-child(2) {
width: 100%;
height: 100%;
}
/* .hot-project-address end */
/* .hot-project-tabs start */
.hot-project-tabs {
width: 100%;
height: 690px;
background: #f6f6f6;
}
.hot-project-tabs ul {
width: 1203px;
height: 350px;
margin: 180px auto 160px;
border: 1px solid #43abb6;
}
.hot-project-tabs ul li {
width: 300px;
height: 100%;
float: left;
font-size: 16px;
color: #000;
text-align: center;
}
.hot-project-tabs ul li dl {
width: 100%;
}
.hot-project-tabs ul li dl dt {
width: 115px;
height: 115px;
margin: 44px auto 0;
}
.hot-project-tabs ul li dl dd {
line-height: 28px;
}
.hot-project-tabs ul li dl dd h4 {
font-size: 28px;
color: #43abb6;
margin: 14px 0 24px;
}
.hot-project-tabs ul li:nth-child(1) {
border-right: 1px solid #43abb6;
}
.hot-project-tabs ul li:nth-child(1) dt {
background: url("../images/hot_project/tabs05_b.png") no-repeat;
}
.hot-project-tabs ul li:nth-child(2) {
border-right: 1px solid #43abb6;
}
.hot-project-tabs ul li:nth-child(2) dt {
background: url("../images/hot_project/tabs04_b.png") no-repeat;
}
.hot-project-tabs ul li:nth-child(3) {
border-right: 1px solid #43abb6;
}
.hot-project-tabs ul li:nth-child(3) dt {
background: url("../images/hot_project/tabs03_b.png") no-repeat;
}
.hot-project-tabs ul li:nth-child(4) dt {
background: url("../images/hot_project/tabs02_b.png") no-repeat;
}
.hot-project-tabs ul li:hover {
color: #fff;
background: #43abb6;
}
.hot-project-tabs ul li:hover h4 {
color: #fff;
}
@-webkit-keyframes changeOne {
0% {
opacity: 1;
background: url("../images/hot_project/tabs05_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("../images/hot_project/tabs05_a.png ") no-repeat;
opacity: 1;
}
}
.hot-project-tabs ul li:nth-child(1):hover dt {
animation-name: changeOne;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
@-webkit-keyframes changeTwo {
0% {
opacity: 1;
background: url("../images/hot_project/tabs04_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("../images/hot_project/tabs04_a.png ") no-repeat -1px -1px;
opacity: 1;
}
}
.hot-project-tabs ul li:nth-child(2):hover dt {
animation-name: changeTwo;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
@-webkit-keyframes changeThree {
0% {
opacity: 1;
background: url("../images/hot_project/tabs03_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
background: url("../images/hot_project/tabs03_a.png ") no-repeat;
}
}
.hot-project-tabs ul li:nth-child(3):hover dt {
animation-name: changeThree;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
@-webkit-keyframes changeFour {
0% {
background: url("../images/hot_project/tabs02_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
background: url("../images/hot_project/tabs02_a.png ") no-repeat;
}
}
.hot-project-tabs ul li:nth-child(4):hover dt {
animation-name: changeFour;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
/* .hot-project-tabs end */
/* .modal-box start */
body {
position: relative;
}
.modal-box {
display: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 999;
position: fixed;
}
.modal-box .modal-dialog {
position: fixed;
left: 50%;
top: 50%;
margin-top: -300px;
margin-left: -450px;
width: 830px;
height: 600px;
background: #fff;
padding-left: 70px;
}
.modal-box .modal-dialog h4 {
margin-top: 69px;
font-size: 35px;
color: #000;
}
.modal-box .modal-dialog h3 {
font-size: 45px;
font-weight: bold;
color: #ff4a4a;
margin: 43px 0;
}
.modal-box .modal-dialog h6 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.modal-box .modal-dialog p {
font-size: 18px;
width: 331px;
line-height: 28px;
}
.modal-box .modal-dialog img {
position: absolute;
right: 55px;
top: 108px;
}
.modal-box .modal-dialog b {
font-size: 42px;
position: absolute;
right: 27px;
top: 9px;
cursor: pointer;
}
/* .modal-box end */
public/stylesheets/project.less
View file @ 99c34be6
@import 'variable'; @import 'variable';
//
//.screen() {
// .media(@screen-width-small, @container-width-small);
// .media(@screen-width, @container-width);
// .media(@screen-width-large, @container-width-large);
//}
//
//.media(@sw, @cw) {
// @media screen and (min-width: @sw) {
// .rules(@cw);
// }
//}
//
//body {
// .screen();
//}
//
//.rules(@container-width) {
// .hot-project-introducer {
// width: @container-width;
//
// }
// /* .hot-project-banner start */
//
// //@media screen and (min-width: 1281px) {
// // .hot-project-banner {
// // height: 600px;
// // width: 100%;
// // background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
// // background-size: cover;
// // text-align: center;
// // color: #fff;
// // h4 {
// // font-size: 48px;
// // font-weight: bold;
// // margin-top: 240px;
// // margin-bottom: 60px;
// // }
// // p {
// // font-size: 32px;
// // line-height: 42px;
// // }
// // }
// //}
//
// //@media screen and (max-width: 1281px) {
// // .hot-project-banner {
// // height: 470px;
// // width: 100%;
// // background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
// // background-size: cover;
// // text-align: center;
// // color: #fff;
// // h4 {
// // font-size: 54px;
// // font-weight: bold;
// // margin-top: 120px;
// // margin-bottom: 40px;
// // }
// // p {
// // font-size: 24px;
// // line-height: 36px;
// // }
// // }
// //}
//
/* .hot-project-banner start */
.hot-project-banner {
height: 470px;
width: 100%;
background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
background-size: cover;
text-align: center;
color: #fff;
h4 {
font-size: 54px;
font-weight: bold;
margin-top: 120px;
margin-bottom: 40px;
}
p {
font-size: 24px;
line-height: 36px;
}
}
/* .hot-project-banner end */
/* .hot-project-introducer start*/
.hot-project-introducer { .hot-project-introducer {
height: 728px; height: 728px;
margin: 0 auto; margin: 0 auto;
& > ul { & > ul {
width: 100%;
height: 180px; height: 180px;
li { li {
width: 25%; width: 25%;
float: left;
font-size: 18px; font-size: 18px;
color: #000; color: #000;
line-height: 180px; line-height: 180px;
...@@ -145,74 +234,249 @@ ...@@ -145,74 +234,249 @@
} }
} }
/* .hot-project-introducer end*/
// /* .hot-project-address start */
//.screen() {
// .media(@screen-width-small, @container-width-small); .hot-project-address {
// .media(@screen-width, @container-width); width: 100%;
// .media(@screen-width-large, @container-width-large); height: 926px;
//} background: #1272ac;
// .hot-project-address-box {
//.media(@sw, @cw) { width: 1200px;
// @media screen and (min-width: @sw) { height: 100%;
// .rules(@cw); margin: 0 auto;
// } position: relative;
//} > div:nth-child(1) {
// position: absolute;
//body { color: #fff;
// .screen(); top: 40px;
//} left: 20px;
// h4 {
//.rules(@container-width) { font-size: 32px;
// .hot-project-introducer { font-weight: bold;
// width: @container-width; line-height: 42px;
// }
// } p {
// /* .hot-project-banner start */ font-size: 18px;
// line-height: 53px;
// //@media screen and (min-width: 1281px) { }
// // .hot-project-banner { }
// // height: 600px; > div:nth-child(2) {
// // width: 100%; width: 100%;
// // background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center; height: 100%;
// // background-size: cover; }
// // text-align: center; }
// // color: #fff; }
// // h4 {
// // font-size: 48px; /* .hot-project-address end */
// // font-weight: bold;
// // margin-top: 240px; /* .hot-project-tabs start */
// // margin-bottom: 60px;
// // } .hot-project-tabs {
// // p { width: 100%;
// // font-size: 32px; height: 690px;
// // line-height: 42px; background: #f6f6f6;
// // } ul {
// // } width: 1203px;
// //} height: 350px;
// margin:180px auto 160px;
// //@media screen and (max-width: 1281px) { border: 1px solid #43abb6;
// // .hot-project-banner { li {
// // height: 470px; width: 300px;
// // width: 100%; height: 100%;
// // background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center; float:left;
// // background-size: cover; font-size: 16px;
// // text-align: center; color: #000;
// // color: #fff; text-align: center;
// // h4 { dl {
// // font-size: 54px; width: 100%;
// // font-weight: bold; dt {
// // margin-top: 120px; width: 115px;
// // margin-bottom: 40px; height: 115px;
// // } margin: 44px auto 0;
// // p { }
// // font-size: 24px; dd {
// // line-height: 36px; line-height: 28px;
// // } h4 {
// // } font-size: 28px;
// //} color: #43abb6;
// margin: 14px 0 24px;
// /* .hot-project-banner end */ }
// }
// }
//} }
\ No newline at end of file li:nth-child(1) {
border-right: 1px solid #43abb6;
dt {
background: url("../images/hot_project/tabs05_b.png") no-repeat;
}
}
li:nth-child(2) {
border-right: 1px solid #43abb6;
dt {
background: url("../images/hot_project/tabs04_b.png") no-repeat;
}
}
li:nth-child(3) {
border-right: 1px solid #43abb6;
dt {
background: url("../images/hot_project/tabs03_b.png") no-repeat;
}
}
li:nth-child(4) {
dt {
background: url("../images/hot_project/tabs02_b.png") no-repeat;
}
}
li:hover {
color: #fff;
background: #43abb6;
h4 {
color: #fff;
}
}
li:nth-child(1):hover {
@-webkit-keyframes changeOne {
0% {
opacity: 1;
background: url("../images/hot_project/tabs05_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("../images/hot_project/tabs05_a.png ") no-repeat;
opacity: 1;
}
}
dt {
animation-name: changeOne;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
}
li:nth-child(2):hover {
@-webkit-keyframes changeTwo {
0% {
opacity: 1;
background: url("../images/hot_project/tabs04_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("../images/hot_project/tabs04_a.png ") no-repeat -1px -1px;
opacity: 1;
}
}
dt {
animation-name: changeTwo;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
}
li:nth-child(3):hover {
@-webkit-keyframes changeThree {
0% {
opacity: 1;
background: url("../images/hot_project/tabs03_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
background: url("../images/hot_project/tabs03_a.png ") no-repeat;
}
}
dt {
animation-name: changeThree;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
}
li:nth-child(4):hover {
@-webkit-keyframes changeFour {
0% {
background: url("../images/hot_project/tabs02_b.png ") no-repeat;
}
50% {
opacity:0;
}
100% {
opacity: 1;
background: url("../images/hot_project/tabs02_a.png ") no-repeat;
}
}
dt {
animation-name: changeFour;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
}
}
}
/* .hot-project-tabs end */
/* .modal-box start */
body {
position: relative;
}
.modal-box {
display: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 999;
position: fixed;
.modal-dialog {
position: fixed;
left: 50%;
top: 50%;
margin-top: -300px;
margin-left: -450px;
width: 830px;
height: 600px;
background: #fff;
padding-left: 70px;
h4 {
margin-top: 69px;
font-size: 35px;
color: #000;
}
h3 {
font-size: 45px;
font-weight: bold;
color: #ff4a4a;
margin: 43px 0;
}
h6 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
p {
font-size: 18px;
width: 331px;
line-height: 28px;
}
img {
position: absolute;
right: 55px;
top: 108px;
}
b {
font-size: 42px;
position: absolute;
right: 27px;
top: 9px;
cursor: pointer;
}
}
}
/* .modal-box end */
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment