skin/css/index.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

.index{height: 100%;}
/* 公用 */
.rotate-left{width: 7.33%;  position: absolute; top: 0; bottom: 0; margin: auto; left: 0;height: 130px;}
.rotate-left .left-item{ text-align: right; font-size: 14px; color: rgb(74, 79, 83);position: relative;cursor: pointer;margin-right: 35%;}
.rotate-left .left-item::after{content: '';width: 4px; height: 4px; border-radius: 50%; background-color: rgb(74, 79, 83);position: absolute; top: 0; bottom: 0; right: -15px;margin: auto;transition: all .3s;}
.rotate-left .left-item.slick-active::after{transform: scale(3);}
.rotate-left .left-item.slick-active p{opacity: 1;}
.rotate-left .left-item p{line-height: 20px; opacity: 0;margin: 0;}
.more a{font-size: 16px; color: rgb(0, 0, 0); font-weight: bold;line-height: 1; position: relative;}
.more:hover{border-color: #da6212 !important;}
.more:hover a{color: #da6212!important;}
.button-next{width: 50px; height: 50px;cursor: pointer; background:#f5f5f5 url(../images/part4-next.png) center center no-repeat;}
.button-prev{width: 50px; height: 50px;cursor: pointer; background:#f5f5f5 url(../images/part4-prev.png) center center no-repeat;}
.button-prev:hover{background: #da6212 url(../images/part4-prev1.png) center center no-repeat;}
.button-next:hover{background: #da6212 url(../images/part4-next1.png) center center no-repeat;}
/* top */
.index .top{position: absolute; left: 0; top: 0; width: 100%;z-index: 5; border-bottom: 1px solid rgba(241, 234, 229,0.102);}
.header-menu li a{color: rgb(255, 255, 255);}
.header-menu li span.en{ color: rgba(255, 255, 255, 0.502);}
.top-search .open-search{background: url(../images/search-btn.png) center center no-repeat;}

/* 滚动底部高度控制 */
#fp-nav ul li .fp-tooltip{left: 20px;}

.index{position: relative;}

.tit1-en{font-size: 60px; color: #000; padding: 0; margin: 0}
.tit1-cn{ font-size: 28px;color: rgb(0, 0, 0);line-height: 1; margin: 0; padding: 0 0 20px 0}
.contain-part3 .tit1-en,
.contain-part3 .tit1-cn{ color: #fff}

.fp-responsive{ overflow-x: hidden!important}

.contain-part1{position: relative;}
/* #fp-nav ul li a span, .fp-slidesNav ul li a span{background-color: #000 !important;} */
/* #fp-nav ul li .fp-tooltip{color:#000 !important;} */

/* index-part1 */
.contain-part1 .wap_pic{display: none;}
.contain-part1 .font_pic{ position: absolute; width: 100%; top: 0; text-align: center; opacity: 0; transition: 1s}
.contain-part1 .font_pic:after{ content: ''; position: absolute; width: 20px; height: 3px; left: 50%; bottom:-10px; margin-left: -10px; background: #da6212}
.contain-part1 .font_pic img{ width: 24.5%}
.contain-part1 .banner-slick{height: 100%;}
.contain-part1 .slick-list{height: 100%;}
.contain-part1 .slick-track{height: 100%;}
.contain-part1 .slick-track .slick-item{height: 100%;} 
.contain-part1 .slick-item{ width: 100%; overflow: hidden;}
.contain-part1 .pic{background:  center center no-repeat ;background-size: cover;transition: 10s ease-out; -ms-transition: 10s ease-out; -webkit-transition: 10s ease-out; -moz-transition: 10s ease-out; position: relative; width: 100%; height: 100%; }
.contain-part1 .banner-slick-item a{width: 100%; height: 100%; display: block; cursor: pointer;}
.contain-part1 .slick-dots{z-index: 1;}
.contain-part1 .slick-slide{ transition: 0.5s}
.contain-part1 .slick-current{ z-index: 10;}
.contain-part1 .slick-current .pic{ transform: scale(1.2);}
.contain-part1 .slick-current .font_pic{ top: 20%; opacity: 1}
.contain-part1 .slick-dots li.slick-active button{ background-color: #da6212; border-color: #da6212;}
/*@keyframes scale11 {
    0% {
        transform: scale(1)
    }