@media (min-width: 1025px){ .animate .delay1{ transition-delay: .1s; } .animate .delay2{ transition-delay: .2s; } .animate .delay3{ transition-delay: .3s; } .animate .delay4{ transition-delay: .4s; } .fade-in{ opacity: 0; filter: alpha(opacity=0); transition: opacity 1s; } .fade-in-up{ opacity: 0; filter: alpha(opacity=0); transform: translateY(30px); transition: transform 1s,opacity 1s; } .fade-in-down{ opacity: 0; filter: alpha(opacity=0); transform: translateY(-30px); transition: transform 1s,opacity 1s; } .fade-in-right{ opacity: 0; filter: alpha(opacity=0); transform: translateX(30px); transition: transform 1s,opacity 1s; } .fade-in-left{ opacity: 0; filter: alpha(opacity=0); transform: translateX(-30px); transition: transform 1s,opacity 1s; } .animate .fade-in{ opacity: 1; filter: alpha(opacity=1); } .animate .fade-in-up{ opacity: 1; filter: alpha(opacity=1); transform: translateY(0); } .animate .fade-in-down{ opacity: 1; filter: alpha(opacity=1); transform: translateY(0); } .animate .fade-in-left{ opacity: 1; filter: alpha(opacity=1); transform: translateX(0); } .animate .fade-in-right{ opacity: 1; filter: alpha(opacity=1); transform: translateX(0); } .wow{ visibility: hidden; } .pc-nav li:hover .tit{ color: #ce2122; } .pc-nav .navson a:hover img{ transform: scale(1.1); } .index-page header:hover{ background-color: #fff; border-color: #ddd; } .index-page header:hover .logo .logo1{ display: block; } .index-page header:hover .logo .logo2{ display: none; } .index-page header:hover .pc-nav .tit{ color: #333; } .index-page header:hover .pc-nav li:hover .tit{ color: #ce2122; } .index-page header:hover .header-right .header-btns{ background-color: #ce2122; } .f-nav li .navson a:hover, .f-bot .copy-box a:hover, .f-bot .btns a:hover{ color: #ce2122; } .sub-banner .text .scroll-btn img{ animation:scroll 1s ease infinite; -webkit-animation:scroll 1s ease infinite; -moz-animation:scroll 1s ease infinite; -ms-animation:scroll 1s ease infinite; -o-animation:scroll 1s ease infinite; } @-moz-keyframes scroll { 0% { transform: translate(0,-10px); opacity: 0; } 100% { transform: translate(0,5px); opacity: 1; } } @-webkit-keyframes scroll { 0% { transform: translate(0,-10px); opacity: 0; } 100% { transform: translate(0,5px); opacity: 1; } } @keyframes scroll { 0% { transform: translate(0,-10px); opacity: 0; } 100% { transform: translate(0,5px); opacity: 1; } } .sub-nav .swiper-slide:hover a{ font-weight: bold; color: #ce2122; } .sub-nav .swiper-slide:hover a:before{ width: 100%; } .condition-box li .item a:hover{ color: #ce2122; } .condition-box li .item a:hover:before{ opacity: 1; filter: alpha(opacity=100); } .show-list .con-box:hover{ top: -.25rem; } .show-list .con-box:hover:before{ width: 100%; } .page a:hover{ background-color: #ce2122; color: #fff; border-color: #ce2122; } .page .prev:hover{ background-image: url('../images/page-prev2.png'); } .page .next:hover{ background-image: url('../images/page-next2.png'); } .bread-box .bread a:hover{ color: #ce2122; } .bread-box .back:hover{ color: #ce2122; background-image: url('../images/back-btn2.png'); } .showinfo-top-box .simg-box .prev:hover{ background-image: url('../images/simg-prev2.png'); } .showinfo-top-box .simg-box .next:hover{ background-image: url('../images/simg-next2.png'); } .buttons a:hover{ background-color: #ce2122; border-color: #ce2122; } .buttons .prev:hover{ background-image: url('../images/page-prev2.png'); } .buttons .next:hover{ background-image: url('../images/page-next2.png'); } .home-tab .prev:hover, .home-tab .next:hover{ background-color: #fff; border-color: #fff; } .home-tab .prev:hover{ background-image: url('../images/home-prev2.png'); } .home-tab .next:hover{ background-image: url('../images/home-next2.png'); } .home-img-tab .swiper-slide:hover{ top: -.225rem; } .home-img-tab .swiper-slide:hover .con-box{ box-shadow: 0 10px 10px rgba(188,160,101,.1); } .home-img-tab .swiper-slide:hover .con-box:before{ width: 100%; } .custom-list .con-box:hover{ top: -.25rem; } .custom-list .con-box:hover img{ transform: scale(1.1); } .custom-list .con-box:hover .mask, .custom-list .con-box:hover .txt{ opacity: 1; filter: alpha(opacity=100); } .factory-btns .prev:hover{ background-image: url(../images/factory-prev2.png); } .factory-btns .next:hover{ background-image: url(../images/factory-next2.png); } .story-tab-box .tab-btns a:hover{ background-color: #ce2122; color: #fff; } .story-tab-box .prev:hover, .story-tab-box .next:hover{ background-color: #ce2122; border-color: #ce2122; } .story-tab-box .prev:hover{ background-image: url(../images/page-prev2.png); } .story-tab-box .next:hover{ background-image: url(../images/page-next2.png); } .vr-tab .prev:hover{ background-image: url('../images/vr-prev2.png'); } .vr-tab .next:hover{ background-image: url('../images/vr-next2.png'); } .news-list .con-box .detail:hover{ border-color: #ce2122; background-color: #ce2122; } .news-list .con-box .detail:hover span{ color: #fff; background-image: url('../images/news-detail2.png'); } .news-top-tab .btns .prev:hover{ background-image: url('../images/news-prev2.png'); } .news-top-tab .btns .next:hover{ background-image: url('../images/news-next2.png'); } .news-list .item:hover .d, .news-list .item:hover .tit{ color: #ce2122; } .life-top-box .top-tab-btns a:hover{ color: #ce2122; } .life-top-box .top-tab-btns a:hover:before{ width: 100%; } .life-bot-box .bot-tab-btns .prev:hover{ background-image: url('../images/life-prev2.png'); } .life-bot-box .bot-tab-btns .next:hover{ background-image: url('../images/life-next2.png'); } .life-bot-box .bot-tab-btns .swiper-slide:hover a{ color: #ce2122; } .life-bot-box .bot-tab-btns .swiper-slide:hover a:before{ width: 100%; } .life-bot-box .bot-box .img:hover .mask{ opacity: .8; filter: alpha(opacity=80); } .life-bot-box .bot-box .img:hover .txt-box{ opacity: 1; filter: alpha(opacity=100); } .form-box .sub a:hover{ background-color: #f0f0f0; } .system-list .con-box:hover{ background-color: #ce2122; border-color: #ce2122; top: -.25rem; box-shadow: 0 .25rem .75rem rgba(188,160,101,.3); } .system-list .con-box:hover .init{ opacity: 0; filter: alpha(opacity=0); } .system-list .con-box:hover .hover{ opacity: 1; filter: alpha(opacity=100); } .system-list .con-box:hover .tit{ color: #fff; } .system-list .con-box:hover .con{ color: #fff; } .system-list .con-box:hover .num{ color: #fff; } .output-list .con-box:hover{ background-color: #fff; border-color: #f1f1f1; top: -.25rem; } .output-list .con-box:hover:before{ width: 100%; } .say-tab .con-box:hover .detail{ color: #ce2122; background-image: url('../images/say-arrow2.png'); } .design-wrap .con-box:hover{ background-color: #ce2122; } .design-wrap .con-box:hover .name{ color: #fff; opacity: .1; filter: alpha(opacity=10); } .design-wrap .con-box:hover .tit, .design-wrap .con-box:hover .con, .design-wrap .con-box:hover .detail{ color: #fff; } .design-wrap .con-box:hover .detail{ background-image: url('../images/design-detail2.png'); } .design-wrap .con-box:hover .line{ background-color: #fff; } .health-list .con-box:hover .init{ opacity: 0; filter: alpha(opacity=0); } .health-list .con-box:hover .hover{ opacity: 1; filter: alpha(opacity=100); } .health-list .con-box:hover .tit{ color: #ce2122; } .health-list .con-box:hover .detail{ background-image: url('../images/health-detail2.png'); color: #ce2122; } .enjoy-tab .con-box:hover .tit{ background-image: url('../images/enjoy-icon2.png'); } .name-list .item .detail:hover{ background-image: url('../images/health-detail2.png'); color: #ce2122; } .join-list .con-box:hover .mask{ opacity: .6; filter: alpha(opacity=60); } .position-select-box .select .sub a:hover{ background-color: #ce2122; color: #fff; } .recruit-list .pos-btn:hover{ background-color: #ce2122; background-image: url('../images/recruit-arrow2.png'); color: #fff; } .need-box .list .con-box:hover .init{ opacity: 0; filter: alpha(opacity=0); } .need-box .list .con-box:hover .hover{ opacity: 1; filter: alpha(opacity=100); } .need-box .list .con-box:hover{ border-color: #ce2122; } .need-box .list .con-box:hover .icon-box{ border-color: #ce2122; } .need-box .list .con-box:hover .once{ color: #ce2122; background-image: url('../images/need-arrow2.png'); } .need-box .list .con-box:hover:before{ width: 100%; } .find-box .con-box:hover .init{ opacity: 0; filter: alpha(opacity=0); } .find-box .con-box:hover .hover{ opacity: 1; filter: alpha(opacity=100); } .find-box .con-box:hover .txt{ color: #ce2122; } .network-select-box .select .sub a:hover{ color: #fff; background-color: #ce2122; } .newsinfo-tit-box .data-box .share-box .bds_weixin:hover{ background-image: url('../images/h-news-icon1.png'); } .newsinfo-tit-box .data-box .share-box .bds_tsina:hover{ background-image: url('../images/h-news-icon3.png'); } .newsinfo-tit-box .data-box .share-box .bds_sqq:hover{ background-image: url('../images/h-news-icon2.png'); } .newsinfo .left .ctrl-box a:hover{ color: #a18448; } .newsinfo .left .ctrl-box .prev:hover{ background-image: url('../images/newsinfo-prev2.png'); } .newsinfo .left .ctrl-box .next:hover{ background-image: url('../images/newsinfo-next2.png'); } .i-experience-box .list .con-box:hover{ background-color: #ce2122; } .i-experience-box .list .con-box:hover .line{ background-color: #fff; } .i-experience-box .list .con-box:hover .init{ opacity: 0; filter: alpha(opacity=0); } .i-experience-box .list .con-box:hover .hover{ opacity: 1; filter: alpha(opacity=100); } .i-experience-box .list .con-box:hover .tit{ color: #fff; } .i-experience-box .list .con-box:hover .con{ color: #fff; } .i-news .prev:hover{ background-image: url('../images/i-news-prev2.png'); } .i-news .next:hover{ background-image: url('../images/i-news-next2.png'); } .link-box .item:hover{ top: -.25rem; } .link-box .item:hover .hover{ opacity: 1; filter: alpha(opacity=100); } .link-box .item:hover .txt{ color: #ce2122; } .friend .btns .prev:hover{ background-image: url('../images/friend-prev2.png'); } .friend .btns .next:hover{ background-image: url('../images/friend-next2.png'); } .friend-tab .swiper-slide:hover img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .news-nav a:hover{ color: #ce2122; font-weight: bold; } .news-nav a:hover:before{ width: 100%; } .sub-nav .swiper-slide a, .sub-nav .swiper-slide a:before{ transition: all .2s; } .point-list .item:hover{ z-index: 3; } .search-box .enter-box .list .item a:hover{ color: #ce2122; } .result-box .sub-nav .swiper-slide:hover a{ font-weight: normal; } .result-box .news-lists .con-box:hover{ color: #ce2122; } .result-box .news-lists .con-box:hover:before{ background-color: #ce2122; } .result-box .pro-list .con-box:hover .tit{ color: #ce2122; } .life-btn:hover{ background-color: #ce2122; } .life-btn:hover span{ color: #fff; background-image: url('../images/life-btn2.png'); } .i-product .con-box .index-more:hover{ background-color: #ce2122; border-color: #ce2122; } .i-experience-box .index-more:hover{ opacity: 1; filter: alpha(opacity=100); background-color: #ce2122; border-color: #ce2122; } .i-experience-box .index-more:hover span{ color: #fff; } .i-news-tit .index-more:hover{ background-color: #ce2122; border-color: #ce2122; opacity: 1; filter: alpha(opacity=100); } .i-news-tit .index-more:hover span{ color: #fff; background-image: url('../images/i-news-arrow2.png'); } .i-news .text-box .index-more:hover{ background-color: #ce2122; border-color: #ce2122; } .i-news .text-box .index-more:hover span{ color: #fff; background-image: url('../images/i-news-arrow2.png'); } .i-news .swiper-slide:hover .time .day{ color: #ce2122; } .i-news .swiper-slide:hover .text-box .tit{ color: #ce2122; } .case-tab .con-box:hover img{ transform: scale(1.1); } .banner .ban-more:hover{ background-color: #ce2122; border-color: #ce2122; } .i-about-box .pc-play-btn:hover, .i-about-box .play-btn:hover{ background-image: url('../images/i-play-btn2.png'); } .aside-box .box a:hover .txt{ right: 100%; background-color: #ce2122; } .header-right .header-btns .person-box .username:hover, .header-right .header-btns .person-box .exit:hover{ color: #ce2122; opacity: 1; filter: alpha(opacity=100); } .download-wrap .list .down-btn:hover{ background-color: #ce2122; } .download-wrap .types a:hover{ color: #ce2122; } .download-wrap .types a:hover:before{ width: 100%; } .website-box .list .navson a:hover{ color: #ce2122; } }