@import url("owl.carousel.css");
@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top:91px;}
.i_banner .item img { animation-name: uk-kenburns; animation-duration: 15s; }
.i_banner .owl-pagination { width: 100%; position: absolute; left: 0; bottom: 5%; text-align: center; z-index:10; }
.i_banner .owl-buttons div { width: 50px; height: 100%; background: url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 1; z-index:50;}
.i_banner .owl-buttons div:hover  { opacity: 1;}
.i_banner .owl-buttons div.owl-prev, .i_banner .owl-buttons div:hover.owl-prev{left: 10%; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.i_banner .owl-buttons div.owl-next, .i_banner .owl-buttons div:hover.owl-next{ right: 10%;}

/*介绍*/
.more{ width:10vw; height:3vw; line-height:3vw; display:block; border-radius: 3vw; -moz-border-radius: 3vw; -webkit-border-radius:3vw; padding:0 1vw; }
.more span.frn img{ width:1.6vw; height:auto; vertical-align:middle;}

.more1{ background:#019563; color:#FFF;}
.more1:hover{ background:#434343; color:#FFF;}

.more2{ background:#e9ab00; color:#FFF; border-radius: 0 1vw 0 1vw;}
.more2:hover{ background:#c57d43; color:#FFF;}

.cpzsb .logo{ width:auto; height:6.3vw;}



@media screen and (max-width: 1600px) and (min-width:0) {


}
@media screen and (max-width: 1300px) and (min-width:0) {


}
@media screen and (max-width: 1100px) and (min-width:0) {
}

@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner{ margin-top:0.78rem; height:auto;}
.i_banner .item img { animation-name: none; animation-duration: none; }
/*介绍*/
.more{ width:2rem; height:0.65rem; line-height:0.65rem; border-radius: 0.65rem; -moz-border-radius: 0.65rem; -webkit-border-radius:0.65rem; padding:0 0.2rem; }
.more span.frn img{ width:0.32rem; }
.more2{ border-radius: 0 0.2rem 0 0.2rem;}


.cpzsa .pt170{ padding-top:0.5rem;}
.cpzsa .pt140{ padding-top:0.5rem;}

.cpzsb .logo{ height:1.2rem;}
}

/* animation */
@keyframes uk-kenburns { 0% {
transform:scale(1)
}
100% {
transform:scale(1.2)
}
}
 @-webkit-keyframes tracking-in-contract { 0% {
letter-spacing:1em;
opacity:0
}
40% {
opacity:.6
}
100% {
letter-spacing:normal;
opacity:1
}
}
@keyframes tracking-in-contract { 0% {
letter-spacing:1em;
opacity:0
}
40% {
opacity:.6
}
100% {
letter-spacing:normal;
opacity:1
}
}
.rotate-center { -webkit-animation: rotate-center 4s linear infinite both; animation: rotate-center 4s linear infinite both }
@-webkit-keyframes rotate-center { 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
 -webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.slide-bottom-back { -webkit-animation: slide-bottom-back 2s linear infinite both; animation: slide-bottom-back 2s linear infinite both }
@-webkit-keyframes slide-bottom-back { 0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
20% {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
50% {
-webkit-transform:translateY(8px);
transform:translateY(8px)100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
}
@keyframes slide-bottom-back { 0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
20% {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
50% {
-webkit-transform:translateY(8px);
transform:translateY(8px)100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
}
.heartbeat { -webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both }
@-webkit-keyframes heartbeat { from {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
10% {
-webkit-transform:scale(.91);
transform:scale(.91);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
17% {
-webkit-transform:scale(.98);
transform:scale(.98);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
33% {
-webkit-transform:scale(.87);
transform:scale(.87);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
45% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes heartbeat { from {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
10% {
-webkit-transform:scale(.91);
transform:scale(.91);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
17% {
-webkit-transform:scale(.98);
transform:scale(.98);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
33% {
-webkit-transform:scale(.87);
transform:scale(.87);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
45% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
 @keyframes uk-fade { 0% {
opacity:0
}
100% {
opacity:1
}
}
 @keyframes uk-slide-bottom { 0% {
transform:translateY(100%)
}
100% {
transform:translateY(0)
}
}