You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
577 lines
14 KiB
577 lines
14 KiB
.culturebgimg2{
|
|
background-image: url(../images/rubbish/culture02.png);
|
|
filter:alpha(Opacity=60);
|
|
position: static;
|
|
*zoom: 1;
|
|
}
|
|
.culturebgimg3{
|
|
background-image: url(../images/rubbish/culture03.png);
|
|
filter:alpha(Opacity=60);
|
|
position: static;
|
|
*zoom: 1;
|
|
}
|
|
.culturebgimg4{
|
|
background-image: url(../images/rubbish/culture04.png);
|
|
filter:alpha(Opacity=60);
|
|
position: static;
|
|
*zoom: 1;
|
|
}
|
|
.companyheader{
|
|
width: 110px;
|
|
height: 110px;
|
|
-webkit-border-radius: 110px;
|
|
border-radius: 110px;
|
|
}
|
|
.adlefttopimg2{
|
|
background-image: url(../images/rubbish/ad02.png);
|
|
}
|
|
.adlefttopimg3{
|
|
background-image: url(../images/img-ly-1.jpg);
|
|
}
|
|
.adlefttopimg4{
|
|
background-image: url(../images/img-ly-2.jpg);
|
|
}
|
|
.adlefttopimg5{
|
|
background-image: url(../images/img-tzr-1.jpg);
|
|
}
|
|
.adlefttopimg6{
|
|
background-image: url(../images/img-tzr-2.jpg);
|
|
}
|
|
.adlefttopimg7{
|
|
background-image: url(../images/img-tzr-3.jpg);
|
|
}
|
|
|
|
.businessimgages2{
|
|
background-image: url(../images/rubbish/business02.png);
|
|
}
|
|
.businessimgages3{
|
|
background-image: url(../images/rubbish/business03.png);
|
|
}
|
|
|
|
.threemode .adleftimg:nth-child(2){
|
|
margin: 0 21px;
|
|
background-image: url(../images/rubbish/threemode02.png);
|
|
}
|
|
.threeimg3{
|
|
background-image: url(../images/rubbish/threemode03.png);
|
|
}
|
|
.pagination a{
|
|
color: #666;
|
|
}
|
|
.list-page{
|
|
margin: 20px auto;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.pagination {
|
|
display: inline-block;
|
|
padding-left: 0;
|
|
margin: 20px 0;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.pagination>li {
|
|
display: inline
|
|
}
|
|
|
|
.pagination>li>a,.pagination>li>span {
|
|
position: relative;
|
|
float: left;
|
|
padding: 6px 12px;
|
|
margin-left: -1px;
|
|
line-height: 1.428571429;
|
|
text-decoration: none;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd
|
|
}
|
|
|
|
.pagination>li:first-child>a,.pagination>li:first-child>span {
|
|
margin-left: 0;
|
|
border-bottom-left-radius: 4px;
|
|
border-top-left-radius: 4px
|
|
}
|
|
|
|
.pagination>li:last-child>a,.pagination>li:last-child>span {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px
|
|
}
|
|
|
|
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
|
|
background-color: #eee
|
|
}
|
|
|
|
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
|
|
z-index: 2;
|
|
color: #fff;
|
|
cursor: default;
|
|
background-color: #d43f3a;
|
|
border-color: #d43f3a
|
|
}
|
|
|
|
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span {
|
|
color: #999;
|
|
cursor: not-allowed;
|
|
background-color: #fff;
|
|
border-color: #ddd
|
|
}
|
|
|
|
.pagination-lg>li>a,.pagination-lg>li>span {
|
|
padding: 10px 16px;
|
|
font-size: 18px
|
|
}
|
|
|
|
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
|
|
border-bottom-left-radius: 6px;
|
|
border-top-left-radius: 6px
|
|
}
|
|
|
|
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
|
|
border-top-right-radius: 6px;
|
|
border-bottom-right-radius: 6px
|
|
}
|
|
|
|
.pagination-sm>li>a,.pagination-sm>li>span {
|
|
padding: 5px 10px;
|
|
font-size: 12px
|
|
}
|
|
|
|
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
|
|
border-bottom-left-radius: 3px;
|
|
border-top-left-radius: 3px
|
|
}
|
|
|
|
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px
|
|
}
|
|
a{text-decoration: none;}
|
|
|
|
|
|
.partialBorder{
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 60;
|
|
}
|
|
.elem {
|
|
display: inline-block;
|
|
color: white;
|
|
position: relative;
|
|
overflow: hidden;
|
|
will-change: transform;
|
|
}
|
|
|
|
.elem:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
will-change: transform, opacity;
|
|
}
|
|
.elem:after {
|
|
content: "";
|
|
position: absolute;
|
|
will-change: transform;
|
|
}
|
|
|
|
.elem:hover:before {
|
|
opacity: 1;
|
|
}
|
|
/* SECOND ELEMENT */
|
|
.second:before {
|
|
|
|
background-blend-mode: darken;
|
|
}
|
|
.second:hover .partialBorder {
|
|
opacity: 1;
|
|
-webkit-transform: scale(0.95);
|
|
-moz-transform: scale(0.95);
|
|
-o-transform: scale(0.95);
|
|
transform: scale(0.95);
|
|
}
|
|
|
|
.partialBorder {
|
|
-webkit-transform: scale(0.5);
|
|
-moz-transform: scale(0.5);
|
|
-o-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
opacity: 0;
|
|
}
|
|
|
|
.partialBorder > div {
|
|
position: absolute;
|
|
height: 10%;
|
|
width: 10%;
|
|
border: .15vw solid #fff;
|
|
}
|
|
|
|
.partialBorder .leftTop {
|
|
left: 0;
|
|
top: 0;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.partialBorder .rightTop {
|
|
right: 0;
|
|
top: 0;
|
|
border-left: none;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.partialBorder .leftBot {
|
|
left: 0;
|
|
bottom: 0;
|
|
border-right: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.partialBorder .rightBot {
|
|
right: 0;
|
|
bottom: 0;
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
.adleftsizing div, .adleftsizing div:before, .adleftsizing div:after {
|
|
-webkit-transition: 0.5s;
|
|
-moz-transition: 0.5s;
|
|
-o-transition: 0.5s;
|
|
transition: 0.5s;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
}
|
|
/* Sweep To Right */
|
|
.hvr-sweep-to-right {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
position: relative;
|
|
-webkit-transition-property: color;
|
|
transition-property: color;
|
|
-webkit-transition-duration: 0.3s;
|
|
transition-duration: 0.3s;
|
|
|
|
}
|
|
.hvr-sweep-to-right:before {
|
|
content: "";
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 0;
|
|
left: -5px;
|
|
right: -5px;
|
|
bottom: 0;
|
|
background: rgba(204,204,204,0.5);
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
-webkit-transform-origin: 0 50%;
|
|
transform-origin: 0 50%;
|
|
-webkit-transition-property: transform;
|
|
transition-property: transform;
|
|
-webkit-transition-duration: 0.3s;
|
|
transition-duration: 0.3s;
|
|
-webkit-transition-timing-function: ease-out;
|
|
transition-timing-function: ease-out;
|
|
|
|
}
|
|
.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active {
|
|
}
|
|
.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before {
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
|
|
}
|
|
|
|
|
|
.mode .tobig-img:hover{
|
|
-webkit-transform: scale(1.05);
|
|
-ms-transform: scale(1.05);
|
|
transform: scale(1.05);
|
|
z-index: 3000;
|
|
transition:All 0.4s ease-in-out;
|
|
-webkit-transition:All 0.4s ease-in-out;
|
|
-moz-transition:All 0.4s ease-in-out;
|
|
-o-transition:All 0.4s ease-in-out;
|
|
}
|
|
|
|
.fistcardtitle{
|
|
top: 36px;
|
|
position: relative
|
|
}
|
|
.winmenu .fistcard{
|
|
display: inline-block;
|
|
width: 82px;
|
|
height: 74px;
|
|
text-align: center;
|
|
position: relative;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
|
|
}
|
|
.winmenu .fistcard .iconfont{
|
|
position: absolute;
|
|
top: 12px;
|
|
left: 0;
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-align: center;
|
|
filter:alpha(opacity=100);
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
/* MAIN VARIABLES FOR CUSTOMIZATION */
|
|
/* -------------------------------- */
|
|
.modenav {
|
|
overflow: hidden;
|
|
position: fixed;
|
|
left: 28px;
|
|
top: 50%;
|
|
width: auto;
|
|
height: 57px;
|
|
background-color: rgba(251,118,88,0.8);
|
|
border-radius: 5px;
|
|
-webkit-transform: translate3d(-50%, 0, 0);
|
|
transform: translate3d(-50%, 0, 0);
|
|
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
|
|
-webkit-border-top-right-radius: 50px;
|
|
border-top-right-radius: 50px;
|
|
-webkit-border-bottom-right-radius: 50px;
|
|
border-bottom-right-radius: 50px;
|
|
z-index: 99999;
|
|
}
|
|
|
|
.modenav__cb {
|
|
z-index: -1000;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.modenav__content {
|
|
position: relative;
|
|
width: 57px;
|
|
height: 100%;
|
|
-webkit-transition: width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23);
|
|
transition: width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23);
|
|
}
|
|
|
|
.modenav__cb:checked ~ .modenav__content {
|
|
-webkit-transition: width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
|
|
transition: width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
|
|
width: 380px;
|
|
left: 200px;
|
|
}
|
|
|
|
.modenav__items {
|
|
position: relative;
|
|
width: 380px;
|
|
height: 100%;
|
|
list-style-type: none;
|
|
font-size: 0;
|
|
}
|
|
|
|
.modenav__item {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
font-size: 14px;
|
|
line-height: 57px;
|
|
font-weight: bold;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px;
|
|
-webkit-transition: color 0.3s;
|
|
transition: color 0.3s;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.modenav__item:hover {
|
|
}
|
|
|
|
.modenav__item-text {
|
|
display: block;
|
|
height: 100%;
|
|
-webkit-transform: rotateY(-70deg);
|
|
transform: rotateY(-70deg);
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
|
|
transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
|
|
transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s;
|
|
transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
|
|
}
|
|
|
|
.modenav__cb:checked ~ .modenav__content .modenav__item-text {
|
|
-webkit-transform: rotateY(0);
|
|
transform: rotateY(0);
|
|
opacity: 1;
|
|
-webkit-transition: opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
|
|
transition: opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
|
|
transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s;
|
|
transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
|
|
-webkit-border-top-right-radius: 50px;
|
|
border-top-right-radius: 50px;
|
|
-webkit-border-bottom-right-radius: 50px;
|
|
border-bottom-right-radius: 50px;
|
|
}
|
|
|
|
.modenav__item:nth-child(1) .modenav__item-text {
|
|
-webkit-transition-delay: 0.3s;
|
|
transition-delay: 0.3s;
|
|
}
|
|
|
|
.modenav__cb:checked ~ .modenav__content .modenav__item:nth-child(1) .modenav__item-text {
|
|
-webkit-transition-delay: 0s;
|
|
transition-delay: 0s;
|
|
}
|
|
|
|
.modenav__btn {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 57px;
|
|
height: 57px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.modenav__btn:before, .modenav__btn:after {
|
|
content: "";
|
|
display: block;
|
|
border-radius: 2px;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transition: background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
|
|
transition: background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
|
|
transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s;
|
|
transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
|
|
}
|
|
|
|
.modenav__btn:before {
|
|
}
|
|
|
|
.modenav__btn:hover:before, .modenav__btn:hover:after {
|
|
}
|
|
|
|
.modenav__cb:checked ~ .modenav__btn:before {
|
|
-webkit-transform: translateY(0px) rotate(0deg);
|
|
transform: translateY(0px) rotate(0deg);
|
|
}
|
|
|
|
.modenav__cb:checked ~ .modenav__btn:after {
|
|
-webkit-transform: translateY(0px) rotate(0deg);
|
|
transform: translateY(0px) rotate(0deg);
|
|
}
|
|
|
|
.wapper .fivediv, .businessleft, .cultureleft,.residencebodyleft,.banksbodyleft,.artfilmleft {
|
|
/* .wapper .fivediv, .businessleft, .cultureleft,.threemodeleft, .modethreeleft,.residencebodyleft,.banksbodyleft,.artfilmleft { */
|
|
transition:All 0.4s ease-in-out;
|
|
-webkit-transition:All 0.4s ease-in-out;
|
|
-moz-transition:All 0.4s ease-in-out;
|
|
-o-transition:All 0.4s ease-in-out;
|
|
|
|
}
|
|
.wapper .fivediv:hover, .businessleft:hover, .cultureleft:hover,.residencebodyleft:hover,.banksbodyleft:hover,.artfilmleft:hover{
|
|
/* .wapper .fivediv:hover, .businessleft:hover, .cultureleft:hover,.threemodeleft:hover,.modethreeleft:hover,.residencebodyleft:hover,.banksbodyleft:hover,.artfilmleft:hover{ */
|
|
transform:translate(0,-3px);
|
|
-webkit-transform:translate(0,-3px);
|
|
-moz-transform:translate(0,-3px);
|
|
-o-transform:translate(0,-3px);
|
|
-ms-transform:translate(0,-3px);
|
|
-webkit-box-shadow:0px 5px 15px #e5e5e5;
|
|
-moz-box-shadow:0px 5px 15px #e5e5e5;
|
|
box-shadow:0px 5px 15px #e5e5e5;
|
|
}
|
|
|
|
.residencemenubox:hover,
|
|
.residencemenubox:focus {
|
|
box-shadow: inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover);
|
|
}
|
|
.close {
|
|
--color: #ff0000;
|
|
--hover: rgba(213, 221, 235, 1);
|
|
}
|
|
|
|
.residencemenuboxtitle {
|
|
color: var(--color);
|
|
-webkit-transition: 0.25s;
|
|
transition: 0.25s;
|
|
}
|
|
.residencemenuboxtitle:hover, .residencemenuboxtitle:focus {
|
|
border-color: var(--hover);
|
|
}
|
|
|
|
|
|
.button {
|
|
cursor: pointer;
|
|
background: rgba(244,242,245,1);
|
|
text-decoration: none;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
/* Bubble Right */
|
|
.bubble-right {
|
|
display: inline-block;
|
|
position: relative;
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
}
|
|
.bubble-right:before {
|
|
pointer-events: none;
|
|
position: absolute;
|
|
z-index: -1;
|
|
content: '';
|
|
border-style: solid;
|
|
-webkit-transition-duration: 0.3s;
|
|
transition-duration: 0.3s;
|
|
-webkit-transition-property: right;
|
|
transition-property: right;
|
|
top: calc(50% - 10px);
|
|
right: 0;
|
|
border-width: 10px 0 10px 10px;
|
|
border-color: transparent transparent transparent rgba(244,242,245,1);
|
|
}
|
|
.bubble-right:hover:before, .bubble-right:focus:before, .bubble-right:active:before {
|
|
right: -10px;
|
|
}
|
|
.newsactive2{
|
|
color:rgba(240,60,24,1) !important ;
|
|
}
|
|
.newsactive2 .norimg{
|
|
background-image: url(../images/select.png) !important;
|
|
}
|
|
.cursor_text{cursor: text;!important;}
|
|
|
|
.qricon7{
|
|
background-image: url(../images/qrcode/qrcode7.jpg);
|
|
}
|
|
.qricon8{
|
|
background-image: url(../images/qrcode/qrcode8.jpg);
|
|
}
|
|
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none !important;
|
|
margin: 0;
|
|
}
|
|
input[type="number"]{
|
|
-moz-appearance: textfield;
|
|
}
|
|
.required-sgin{
|
|
color: red;
|
|
padding-left: 10px;
|
|
line-height: 52px;
|
|
}
|