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



/*cpzs*/
.cp_index{ position:relative;}
.cp_ry{ width:50%;}
.cp_rl{ width:50%; height:100%; position:absolute; left:0; top:0; z-index:1;}
/*why*/
.cho_fr{ width:26%;}
.cho_fr li{ width:94%; background:#fff; position:relative; margin:1vw 3%; z-index:1; box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1);}
.cho_fr li dl dt img{ width:auto; height:3.5vw;}
.cho_fr li dl dt .img1{ display:block;}
.cho_fr li dl dt .img2{ display:none;}
.cho_fr li dl .f60{ color:#d6d6d6;}
.cho_fr li dl i{ width:auto; position:absolute; right:-100%; top:0; height:100%; z-index:-1;}
.cho_fr li dl i img{ width:auto; height:12vw;}
.cho_fr li:hover{ background:#1a479c; color:#FFF;}
.cho_fr li:hover dl dt .img1{ display:none;}
.cho_fr li:hover dl dt .img2{ display:block;}
.cho_fr li:hover dl i{ right:-5%;}
/*abouts*/
.abouts{ position:relative;}
.abouts .abouts_txt{ width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2;}
.abouts .abouts_txt .video{ width:3.4vw; display:block; margin:0 auto;}
.abouts .pcd{ animation-name: uk-kenburns; animation-duration: 15s; transition: all 1s ease 2.5s;}
/*news*/
.new_bo dl:hover .more2{ padding:0 2.5vw; background:#282828; color:#FFF;}
.new_bo dl:hover a{ color:#1a479c;}
.new_bo dl:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top: 0.78rem; }
.i_banner .f60{ font-size:0.4rem;}
.i_banner .f24{ font-size:0.24rem;}
.i_banner .f18{ font-size:0.2rem;}


/*cpzs*/
.cpzs .f60{ line-height:1;}
.cp_index.boro50{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.cp_ry{ width:100%; padding-top:0.25rem;}
.cp_rl{ width:100%; height:inherit; position:inherit; left:inherit; top:inherit; z-index:inherit; padding:0.4rem 0;}
.cp_rl .main{ width:96%;}

/*why*/
.cho_fl{ width:100%; margin-bottom:0.4rem;}
.cho_fr{ width:50%;}
.cho_fr li{ margin:0.2rem 3%;}
.cho_fr li dl dt img{ height:0.75rem;}
.cho_fr li dl .f40{ font-size:0.3rem;}
.cho_fr li dl i img{ height:2.4rem;}

/*abouts*/
.abouts .abouts_txt .video{ width:0.68rem;}
.abouts .abouts_txt .f18.main{ width:100%;}

/*news*/

.new_bo dl.cpnc{ width:100%; margin-right:0; margin-bottom:0.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)
}
}