.menu-index { /*background: #eb612a;*/ } .menu-index>a { color: #eb612a !important; } .carousel-arrow { font-size: 80px; top: 43% } .publicity-wrap { padding-top: 70px; /*padding-bottom: 70px;*/ } .publicity-su1 { position: absolute; top: 0px; width: 100%; height: 100%; } .su1-wrap { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 114px; margin-bottom: 20px; padding: 0px 40px 0px 20px; word-break: break-all; } .su1-wrap h3 { font-size: 30px; margin-bottom: 10px; line-height: 1.2; position: relative; opacity: 1; color: #fff; -moz-transform: translateY(60%); -ms-transform: translateY(60%); -webkit-transform: translateY(60%); transform: translateY(60%) } .su1-wrap p { position: relative; -moz-transform: translateY(80%); -ms-transform: translateY(80%); -webkit-transform: translateY(80%); transform: translateY(80%); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; color: #fff; line-height: 1.5; width: 100% } .publicity-su1:hover { background: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a8000000", endColorstr="#a8000000", GradientType=0); text-decoration: none; } .su1-wrap a, .su1-wrap h3, .su1-wrap p { -moz-transition: all 1s cubic-bezier(.19, 1, .22, 1); -o-transition: all 1s cubic-bezier(.19, 1, .22, 1); -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1); transition: all 1s cubic-bezier(.19, 1, .22, 1) } .publicity-su1:hover a button, .publicity-su1:hover h3, .publicity-su1:hover p { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0) } .publicity-img1-wrap, .publicity-img2-wrap, .publicity-img3-wrap { position: relative; } /* publicity css stop*/ /* description css start*/ @media screen and (min-width : 1500px) { .description-wrap { width: 1470px; } .company-title { width: 50%; } } .company-btn { margin: 20px 0px 0px 0px; } .company-btn span { border: 1px solid #fff; padding: 10px 20px 10px 20px; color: #fff; text-decoration: none; } .company-content { text-indent: 48px; margin-top: 30px; line-height: 2; } .description { background: url('../../img/index_description.jpg'); } .company-description-wrap { height: 100%; color: #fff; font-size: 20px; } .description-wrap { padding-top: 100px; padding-bottom: 220px; margin-bottom: 70px; } .description-wrap-title { height: 5px; background: #eb612a; margin-bottom: 40px; } .title-hr { margin: 0px 0px 40px 0px; border: 3px solid #eb612a; } .description-title-name { background: #fff; font-size: 24px; font-weight: bold; margin-top: -16px; } /* description css stop*/ /* news css start*/ @media screen and (min-width : 1500px) { .news-wrap { width: 1470px; } } .news-title-name { font-size: 24px; font-weight: bold; margin-top: 20px; } .news { /*padding:0px 0px 0px 0px;*/ } .news-wrap { margin-top: 30px; margin-bottom: 60px; } .news-box { position: relative; } .news-info { width: 100%; padding: 10px 20px; background-color: #000000; background-color: rgba(0, 0, 0, 0.4); color: #eee; position: absolute; bottom: 0px; font-size: 18px; } /* news css stop*/ /* scheme css start*/ @media screen and (min-width : 1500px) { .scheme-wrap { width: 1470px; } } .scheme-wrap {} /* scheme css stop*/ .item img { margin: auto; } .news ul { list-style: none; padding: 0px; margin: 0px; color: #888; } .news a { color: #888; } .news a:hover { color: #EB612A; } .news-top a { color: #fff; } .news-top a:hover { color: #EB612A; } .news-date { font-size: 1.1em; font-weight: bold; text-align: right; padding-right: 25px; } .top-title { font-size: 1.1em; font-weight: bold; text-align: justify; } .news-title { font-size: 1.1em; font-weight: bold; text-align: justify; background: #e5e3e3; padding: 5px 5px 0px 5px; } .news-des { text-align: justify; height: 65px; word-break: break-all; background: #e5e3e3; margin-bottom: 10px; padding: 5px 5px 0px 5px; } .top-des { text-align: justify; word-break: break-all; } @media screen and (min-width : 1500px) { .publicity-wrap { width: 1470px; } .publicity-img2{ margin-bottom: 36px; } .publicity-img1, .publicity-img3 { margin-bottom: 28.8px; } } @media screen and (max-width:1499px) and (min-width:1200px) { .publicity-img2, .publicity-img1, .publicity-img3 { margin-bottom: 22.8px; } } @media screen and (max-width:1199px) and (min-width:1000px) { .publicity-img2, .publicity-img1, .publicity-img3 { margin-bottom: 18.8px; } } @media screen and (max-width:999px) and (min-width:700px) { .publicity-img2, .publicity-img1, .publicity-img3 { margin-bottom: 13.8px; } } @media screen and (max-width:699px) and (min-width:500px) { .publicity-img2, .publicity-img1, .publicity-img3 { margin-bottom: 10.8px; } } @media screen and (max-width:560px) and (min-width:400px) { .publicity-img1 { padding-right: 3.5px; } .publicity-img2, .publicity-img3 { padding-left: 3.5px; } .publicity-img2, .publicity-img1, .publicity-img3 { margin-bottom: 8.8px; } .img-height{ height: 200px; } .publicity-wrap { padding-top: 20px; /*padding-bottom: 70px;*/ } .news-wrap { margin-top: 20px; margin-bottom: 20px; } .carousel-indicators .active { width: 5px !important; height: 5px !important; } .carousel-indicators li { width: 5px !important; height: 5px !important; } .carousel-indicators { bottom: -5px !important; } } @media screen and (max-width:399px) and (min-width:200px) { .publicity-img1 { padding-right: 3.5px; } .publicity-img2, .publicity-img3 { padding-left: 3.5px; } .publicity-img2, .publicity-img1, .publicity-img3 { margin-bottom: 8.8px; } .img-height{ height: 200px; } .publicity-wrap { padding-top: 20px; /*padding-bottom: 70px;*/ } .news-wrap { margin-top: 20px; margin-bottom: 20px; } .carousel-indicators .active { width: 5px !important; height: 5px !important; } .carousel-indicators li { width: 5px !important; height: 5px !important; } .carousel-indicators { bottom: -5px !important; } }