@import url("swiper.min.css");
@import url("owl.carousel.css");
@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top:5vw;}
.i_banner .item .pcd { animation-name: uk-kenburns; animation-duration: 15s; }
.i_banner .item .cp_txt { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.i_banner .item .cp_txt .main{ padding-right:10%;}
.i_banner .item .cp_txt .f36{ text-align:right;}
.i_banner .owl-pagination { width: 100%; position: absolute; left: 0; bottom: 5%; text-align: center; z-index:10; }
.i_banner .owl-page.active{ background:#fff;}
.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%;}
/*abouts*/
.abouts{ width: 100%; box-shadow: 0 0px 10px 0px rgba(141, 141, 141, 0.25); background:#FFF; overflow: hidden;}
.abouts .about_lc dl:nth-of-type(2){ border-left:1px #e3e3e3 solid; border-right:1px #e3e3e3 solid;}
.about_nr{ position:relative;}
.about_nr dt{ width:58%;}
.about_nr dd{ width:54%; position: absolute; bottom: 0; right: 0; height: 100%; z-index: 2;}
.about_nr dd .ab_nr{ width:94%;}



.ab_youshi li{ position:relative; height:22vw; margin-top:5vw;}
.ab_youshi li .heau img{ width:auto; height:4.8vw;}
.ab_youshi li .tra3{ width: 100%; position:absolute; left:0; top:13vw; padding:0 5%;}
.ab_youshi li .mort{ width: 100%; position:absolute; left:0; bottom:-100%;} 
.ab_youshi li:hover{ margin-top:3vw;}
.ab_youshi li:hover .tra3{ top:-100%;}
.ab_youshi li:hover .mort{ bottom:2vw;}
/*youshi*/
.sy_youshi{ position:relative; z-index:1;}
.sy_youshi .heau{ width: 100%; position:absolute; top:0; left:0; z-index:-1;}
.sy_youshi ul li{ border:5px #0451dc solid;}
.sy_youshi ul li .pb36{ background:url(../images/lb.jpg) no-repeat center bottom;}

/*news*/
.new_img{ width:44%; position:relative; margin-right:10%;}
.new_img dt{ width:59%; position:absolute; left:0; top:0; z-index:-1;}
.new_img dd{ width:94%;}

.new_txt{ width:46%;}
.new_txt li:hover .f24 a{ color:#0451dc;}
.new_txt li:hover .more2{ background:#0451dc; color:#FFF;}









@media screen and (max-width: 1600px) and (min-width:0) {
/*abouts*/
.about_nr dt{ width:70%;}

.ab_youshi li{ height:24vw;}
.ab_youshi li .tra3{ top:13.5vw;}
.ab_youshi li:hover .mort{ bottom:3vw;}

}
@media screen and (max-width: 1300px) and (min-width:0) {
.ab_youshi li{ height:25vw;}
.ab_youshi li:hover .mort{ bottom:4vw;}
}
@media screen and (max-width: 1100px) and (min-width:0) {
.ab_youshi li{ height:26vw;}

}

@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner{ margin-top:0.78rem; height:auto;}
.i_banner #owl-demo .pcd { animation-name: none; animation-duration: none; }
.i_banner .item .cp_txt .f36{ text-align:left;}
.i_banner .item .cp_txt .main{ padding-right:0;}
/*abouts*/
.abouts .about_lc dl{ margin-bottom:0.1rem;}
.abouts .about_lc dl:nth-of-type(2){ border-right:none;}

.about_nr{ position:relative;}

.about_nr dd{ width:100%; position:inherit; bottom:inherit; right:inherit; height:auto; z-index: inherit;}
.about_nr dd .ab_nr{ width:100%;}

.about_nr dt{ width:100%; padding-top:0.3rem;}


.ab_youshi{ padding-top:1rem;}
.ab_youshi li{ height:inherit; margin-top:auto;}
.ab_youshi li .heau img{ height:0.96rem;}
.ab_youshi li .tra3{ position:inherit; left:inherit; top:inherit; padding:0.25rem 5%;}
.ab_youshi li .mort{ width: 100%; position:inherit; left:inherit; bottom:inherit;} 
.ab_youshi li:hover .tra3{ top:inherit;}
.ab_youshi li:hover .mort{ bottom:inherit;}
/*news*/
.new_img{ width:100%; margin-right:0;}
.new_txt{ width:100%; padding-top:0.25rem}

}

/* 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)
}
}