.about-content { /* margin-top: 160px; */ height: 621px; } .leftc { width: 60%; padding-right: 47px; } .leftc, .rightc { margin-top: 112px; } .rightc { width: 40%; } .companytitle h2 { font-size: 32px; color: #1c4d9f; } .company-content p { text-indent: 28px; line-height: 28px; font-size: 14px; color: #555; text-align: justify; } .lookmore a { font-size: 14px; color: #fff; text-align: center; line-height: 38px; display: block; width: 130px; height: 38px; background-color: #188ce9; margin-top: 50px; } .companytitle h1 { font-size: 26px; margin-bottom: 20px; } .rightc { height: 367px; overflow: hidden; cursor: pointer; } .rightc img { transition: all .5s linear; } .rightc img:hover { transform: scale(1.2); } /* 经典案例 start */ .index-title { text-align: center; } .index-title h2 { font-size: 23px; color: #333; } .index-title p { font-size: 14px; color: #ababab; } .box { overflow: hidden; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); position: relative; cursor: pointer; height: 276px; } .box:before { content: ""; background: #188ce9; box-shadow: 0 0 20px #fff; position: absolute; top: 0; opacity: .9; left: 50%; bottom: 0; right: 50%; z-index: 1; transition: all 0.3s ease-out 0.3s; } .box:hover:before { left: 0; right: 0; box-shadow: 0 0 0 #fff; transition-delay: 0s; } .box img { width: 100%; height: 100%; transition: all 0.8s ease-out 0s; } .box .box-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .box .title { margin: 0; font-size: 16px; color: #fff; line-height: 28px; opacity: 0; transition: all 0.35s ease-out 0s; } .listitle{ margin: 47px 0 0 32px; } .box .icon { list-style: none; padding: 0 25px; margin: 0; opacity: 0; transition: all 0.35s ease-out 0s; } .box .icon li { display: inline-block; } .box .icon li a:hover:after { top: 0; } .box .description { padding: 25px 25px 25px 32px; margin: 0; font-size: 12px; color: #fff; letter-spacing: 1px; text-align: right; opacity: 0; position: absolute; bottom: 50px; transition: all 0.35s ease-out 0s; } .description a.case-more{ display:block; width: 121px; height: 38px; border: 1px solid #fff; text-align: center; line-height: 38px; font-size: 16px; color: #fff; border-radius: 30px; } .box:hover .title, .box:hover .icon, .box:hover .description { opacity: 1; transition-delay: 0.3s; width: 300px; } .case-body ul li{ width: 392px; height: 280px; float: left; margin-right: 6px; } .case-body ul li:nth-child(3){ margin-right: 0; } .case-body{ margin-top: 39px; } .case{ margin-bottom: 90px; } /* 经典案例 end */ /* 合作优势 start */ .cooperation{ overflow: hidden; width: 100%; height: 521px; background: url(/uploads/image/phimages/cooperation-bg.jpg) no-repeat center; background-color: #2283d6; } .cooperation .index-title{ margin-top: 80px; } .cooperation .index-title h2{ color: #fff; } .cooperation .index-title p{ color: #fff; } .cooperation-body ul li{ width: 25%; float: left; text-align: center; margin-top: 86px; } .cooperation-body ul li h3{ margin-top: 13px; color: #fff; } .cooperation-body ul li:hover{ transform: scale(1.2); cursor: pointer; } /* 合作优势 end */ /* 新闻案例 start */ .news{ margin-top: 90px; } .news .index-title{ margin-bottom: 80px; } .recommendnews{ width: 50%; position: relative; overflow: hidden; } .recommendnewslist{ width: 48%; } .news-body{ height: 508px; } .recommendnews img{ width: 100%; height: 508px; transition: all .4s; } .recommendnews img:hover{ transform: scale(1.2); } .recommendnewstitle{ padding: 24px; position: absolute; width: 100%; height: 119px; background-color: rgba(0, 0, 0, 0.72); bottom: 0px; } .recommendnewstitle h2{ font-size: 18px; color: #fff; font-weight: bold; } .recommendnewstitle p{ text-indent: 26px; font-size: 13px; color: #fff; margin-top: 20px; } .timetag{ width: 83px; height: 113px; background-color: #188ce9; position: absolute; left: 39px; top: 0; } .timetag .day{ font-size: 47px; color: #fff; text-align: center; margin-top: 19px; } .yearmonth { text-align: center; color: #fff; font-size: 12px; line-height: 2px; } .lefttime{ width: 92px; } .newslistdesc{ width: 460px; } .recommendnewslist ul li{ width: 100%; height: 159px; background-color: orange; margin-bottom: 15px; } .recommendnewslist ul li a{ display: block; width: 100%; height: 100%; background-color: #f6f6f6; padding-top: 40px; transition: all .3s; } .recommendnewslist ul li a:hover{ background-color: #188ce9; color: #fff; } .recommendnewslist ul li a:hover .newslistdesc h2{ color: #fff; } .recommendnewslist ul li a:hover .newslistdesc p{ color: #fff; } .recommendnewslist ul li a:hover .lefttime{ border-right: 1px solid #fff; } .newslistdesc{ padding-right: 20px; } .newslistdesc h2{ font-size: 17px; color: #333; font-weight: bold; } .lefttime{ text-align: center; } .lefttime .day{ font-size: 25px; margin-top: 5px; } .lefttime .yearandmonth{ font-size:16px; padding-top: 10px; padding-bottom: 3px; } .newslistdesc{ padding-left: 15px; } .newslistdesc p{ color: #a2a2a2; margin-top: 10px; } .lefttime{ border-right: 1px solid #bfb9b9; } /* 新闻案例 end */