2020.02新版

This commit is contained in:
Blokura
2020-02-21 16:20:55 +08:00
parent 45e2415d71
commit a2f29a310b
755 changed files with 95144 additions and 0 deletions

2668
template/index3/assets/css/animate.min.css vendored Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,125 @@
/*
* Swiper 2.7.6
* Mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/sliders/swiper/
*
* Copyright 2010-2015, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under GPL & MIT
*
* Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
margin:0 auto;
position:relative;
overflow:hidden;
direction:ltr;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
/* Fix of Webkit flickering */
z-index:1;
}
.swiper-wrapper {
position:relative;
width:100%;
-webkit-transition-property:-webkit-transform, left, top;
-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top;
-moz-transition-duration:0s;
-moz-transform:translate3d(0px,0,0);
-moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top;
-o-transition-duration:0s;
-o-transform:translate3d(0px,0,0);
-o-transition-timing-function:ease;
-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top;
-ms-transition-duration:0s;
-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform, left, top;
transition-duration:0s;
transform:translate3d(0px,0,0);
transition-timing-function:ease;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
/* Specify Swiper's Size: */
/*width:200px;
height: 100px;*/
}
.swiper-slide {
/* Specify Slides's Size: */
/*width: 100%;
height: 100%;*/
}
.swiper-slide-active {
/* Specific active slide styling: */
}
.swiper-slide-visible {
/* Specific visible slide styling: */
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
/* Stylize pagination button: */
}
.swiper-active-switch {
/* Specific active button style: */
}
.swiper-visible-switch {
/* Specific visible button style: */
}

View File

@@ -0,0 +1 @@
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../images/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

View File

@@ -0,0 +1,258 @@
@charset "utf-8";
/* CSS Document */
*{
padding:0;
margin:0;
}
.wrap_top {
width: 100%;
overflow: hidden;
border-bottom: 1px solid #e5e5e5;
background: #f7f7f7;
}
.swiper-container{
height:500px;
}
.arrow-left {
background: url(../images/arrows.png) no-repeat left top;
position: absolute;
left: 10px;
top: 50%;
margin-top: -15px;
width: 17px;
height: 30px;
z-index:10;
}
.arrow-right {
background: url(../images/arrows.png) no-repeat left bottom;
position: absolute;
right: 10px;
top: 50%;
margin-top: -15px;
width: 17px;
height: 30px;
z-index:10;
}
.pagination {
position: absolute;
left: 0;
text-align: center;
bottom:5px;
width: 100%;
}
.swiper-pagination-switch {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
background: #108bed;
margin: 0 3px;
cursor: pointer;
}
.swiper-active-switch {
background: #fff;
}
.swiper-slide{
position:relative;
opacity:0;
transition: opacity 0.7s ease-in-out;
}
.swiper-slide-active{
opacity:1;
}
.swiper-slide .img{
position:absolute;
}
.inner{
position:relative;
display:block;
width:1000px;
height:500px;
margin:0 auto;
}
.slide1{
background:url(../images/bannerbg.jpg) top center no-repeat;
}
.slide2{
background-color: #07cf8b;
}
.slide3{
background-color: #108ced;
}
.slide4{
background-color: #13d0d2;
}
.slide5{
background:url(../images/banbg2.jpg) top center no-repeat;
}
.slide6{
background:#e63030 url(../images/ny_bg.png) top center no-repeat;
}
.slide7{
background:url(../images/yx_0.jpg) top center no-repeat;
}
.slide8{
background: #ff5b28;
}
.slide1 .xt1{left: 5%; top:150px;width:900px;}
.slide1 .bs2{left: 20%; top:170px;width:600px;}
.slide1 .bs3{left: 20%; top:260px;width:600px;}
.slide2 .s0{left: 25%; top:130px;width:500px;}
.slide2 .s1{left: 25%;top:300px;width:500px;}
.slide2 .s2{left: 50%;margin-left: -435px;top: 280px;}
.slide2 .s3{left: 0;bottom: 0px;z-index: 5;height:190px;}
.slide2 .s4{right: 0;bottom: 0px;z-index: 0;height: 160px;}
.slide2 .s5{right: 0;top: 10px;width:200px;}
.slide3 .zh-a-1{left: 25%;top: 130px;z-index: 9;width:500px;}
.slide3 .zh-a-3{left: 25%;top: 330px;width:500px;}
.slide3 .zh-a-2{left: 15%;top: 0;height:500px;}
.slide4 .b-1{left:25%;top: 130px;width:500px;}
.slide4 .b-2{left: 90px;top: 180px;}
.slide4 .b-3{left: 25%;top: 320px;width:500px;}
.slide4 .b-s-1{width: 100px; left: 50px; bottom:0px;}
.slide4 .b-s-2{left: 160px;width: 160px;bottom:0px;}
.slide4 .b-s-3{left: 390px;width: 58px;bottom:0px;}
.slide4 .b-s-4{right: 359px; width: 103px;bottom:0px;}
.slide4 .b-s-5{right: 250px;width: 150px;bottom:0px;}
.slide4 .b-s-6{right: 0;width: 65px;bottom:0px;}
.slide4 .b-y-1{top:40px;left:50%;}
.slide4 .b-y-2{top:40px;left:60%}
.slide4 .b-y-3{top:40px;left:0%;}
.slide6 .ny1{bottom:0;right:0;}
.slide6 .ny2{top:100px;left:0;}
.slide6 .ny3{top:340px;left:60px;}
.slide7 .yx1{bottom:0;right:80px;}
.slide7 .yx2{top:0;left:-100px;}
.slide7 .yx3{top:0;right:-100px;}
.slide7 .yx4{top:130px;left:180px;}
.slide7 .yx5{bottom:0;left:20px;}
.slide8 .zs1{left:0;top:140px;width:560px;}
.slide8 .zs2{right:0;top:50px;}
.banwuleft{
top: 33%;
left: 0;
width: 300px;
position: absolute;
}
.banwuleft span{
display: block;
font-size: 40px;
line-height: 50px;
color: #fff;
}
.banwuleft a{
width: 180px;
background: rgba(255,255,255,0.8);
display: block;
text-align: center;
border-radius: 30px;
line-height: 35px;
font-size: 16px;
color: #108bed;
margin-top: 20px;
transition:All 0.6s ease-in-out;
-webkit-transition:All 0.6s ease-in-out;
-moz-transition:All 0.6s ease-in-out;
-o-transition:All 0.6s ease-in-out;
}
.banwuleft a:hover{
background: #fff;
color:#108bed;
}
.banwuright{
position: absolute;
top: 23%;
right: 0;
width: 570px;
background:rgba(80,170,240,0.7);
padding: 30px 20px;
border-radius: 10px;
box-shadow:5px 5px 10px rgba(10,110,190,0.2);
}
.banwuright h6{
font-size: 40px;
color: #fff;
padding-bottom: 20px;
display: block;
border-bottom: 1px solid #73c3ff;
line-height: 50px;
}
.banwuright span{
font-size: 16px;
color: #fff;
font-weight: 700;
margin-top: 10px;
line-height: 35px;
display: block;
}
.banwuright p{
font-size: 16px;
color: #fff;
line-height: 20px;
display: block;
}
.banwuright a{
display: block;
width: 250px;
text-align: center;
background: #f1d025;
border-radius: 20px;
font-size: 16px;
color: #fff;
line-height: 35px;
margin-top: 30px;
transition:All 0.6s ease-in-out;
-webkit-transition:All 0.6s ease-in-out;
-moz-transition:All 0.6s ease-in-out;
-o-transition:All 0.6s ease-in-out;
}
.banwuright a:hover{
background: #f6a90d;
color:#fff;
}
.loop{
animation-iteration-count: infinite;/*无限*/
animation-timing-function:linear;/*平滑*/
}
.targetBtn {
margin-top: 20px;
position: absolute;
bottom: 60px;
left: 352px;
z-index: 999;
}
.targetBtn a{
height:50px;
border-radius:50px;
background:rgba(0,0,0,.5);
float:left;
line-height:50px;
text-align:center;
color:#fff;
text-decoration:none;
}
.targetBtn .a1{
width:110px;
}
.targetBtn .a2{
width:170px;
margin-left:15px;
}
/*自定义CSS动画*/
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
@keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}
@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
@keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}