@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top:6vw;}
.i_banner .item { width: 100%; display: block; overflow: hidden; position: relative; display: flex; flex-wrap: wrap; flex-direction: row;}
.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%; }
/*产品*/
.cp_ly{ width:64%;}
.cpzs_bo .item{ width: 100%; display: block; overflow: hidden; position: relative;}
.cpzs_bo .item dl{ background:#f4f6fa;}
.cpzs_bo .item dl:hover{ background:#132148;}
.cpzs_bo .item dl:hover a{ color:#fff;}
.cpzs_bo .item dl:hover .more2{ background:#f9eb57; color:#132148;}
.cpzs_bo .owl-pagination{ padding-top:35px; text-align:center;}
.cpzs_bo .owl-pagination .owl-page { background: #132148; }
.cpzs_bo .owl-pagination .owl-page.active { background: #eb691b;}

/*case*/
.case{ background-image:url(../images/bg1.jpg);}
.case .case_bg{ height:53%; position:absolute; left:0; top:0; z-index:-1;}
.case .case_bo{ display: flex; overflow:hidden;}
.case .case_bo dl{ width: 20%; margin-right: 0.25%; height:auto; transition: .6s; position: relative; background:#111111; overflow:hidden;}
.case .case_bo dl:nth-child(5n) { margin-right: 0; }
.case .case_bo dl .ioc_img img{ width:auto; height:2.8vw;}
.case .case_bo dl dd{ width: 100%; height:100%; position:absolute; left:0; bottom:0; z-index:1;}
.case .case_bo dl .caset{ width: 100%; height:100%; position:absolute; left:0; bottom:-100%; z-index:0;}
.case .case_bo dl dt{ opacity:0.5;}
.case .case_bo dl .bgcy{ height:26.6vw;}
.case .case_bo dl .ioc_imgs{ width:35%; position:absolute; right:-5%; bottom:5%; z-index:1;}
.case .case_bo:hover dl{ width: 14%;}
.case .case_bo:hover dl .caset{ bottom:-100%;}
.case .case_bo dl:hover{ width: 43%; background:#132148;}
.case .case_bo dl:hover dd{ bottom:-100%;}
.case .case_bo dl:hover .caset{ bottom:0;}
.case .case_bo dl:hover dt{ opacity:0.4;}

/*about*/
.abouts{ position:relative; z-index:1;}
.abouts .ab_by{ width:30%; height:100%; position:absolute; right:0; top:0; z-index:0;}
.about_fl{ width:48%;}
.about_fr{ width:45%; position:relative;}
.about_fr .video{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/ay.png) repeat;}
/*youshi*/
.youshi dl{ position:relative; display: flex; flex-wrap: wrap; flex-direction: row;}
.youshi dl dd{ margin-top:3vw;}
.youshi dl dt{ width:24%; position:absolute; left:38%; top:0; z-index:1;}
.youshi dl dt .ioc_img{ position:relative;}
.youshi dl dt .ioc_img .ioc_a{ width: 100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.youshi dl dt .ioc_img .ioc_a img{ width:auto; height:2.7vw;}













/*新闻*/
.more3{ width:45px; height:45px; background:#132148;}
.more3 img{ width:auto; height:10px;}
.new_img{ display: flex; overflow:hidden;}
.new_img dl{ width: 30.33%; margin-right: 4.5%; height:auto; transition: .6s; position: relative; overflow:hidden;}
.new_img dl:nth-child(3n) { margin-right: 0; }
.new_img dl dt{ height:22.3vw; position:relative;}
.new_img dl dt .new_img a{ height:11.1vw;}
.new_img dl dt .more3{ position:absolute; left:0; bottom:1.7vw;}
.new_img dl dd{ display:none;}
.new_img dl dd .fl{ width:56%;}
.new_img dl dd .fl a{ height:22.3vw;}
.new_img dl dd .fr{ width:40%; height:22.3vw; position:relative;}
.new_img dl dd .fr .more3{ position:absolute; left:0; bottom:1.7vw;}
.new_img:hover dl{ width: 18.5%;}
.new_img dl:hover{ width: 54%;}
.new_img dl:hover dt{ display:none;} 
.new_img dl:hover dd{ display:block;}
.new_img dl:hover dd .f20 a{ color:#0068b7;}
.new_img dl:hover dd .more3{ background:#f9eb57;}

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

/*新闻*/
.more3{ width:40px; height:40px;}
.more3 img{ height:8px;}
.new_img dl{ width: 31.66%; margin-right: 2.5%;}
.new_img dl dt{ height:26vw;}
.new_img dl dt .new_img a{ height:13vw;}
.new_img dl dt .more3{ bottom:0;}
.new_img dl dd .fl a{ height:26vw;}
.new_img dl dd .fr{ height:26vw;}
.new_img dl dd .fr .more3{ bottom:0;}
.new_img:hover dl{ width: 18%;}
.new_img dl:hover{ width: 59%;}
}
@media screen and (max-width: 1300px) and (min-width:0) {



/*新闻*/
.more3{ width:38px; height:38px;}
.more3 img{ height:7px;}
.new_img dl{ width: 32.33%; margin-right: 1.5%;}
.new_img dl dt{ height:30vw;}
.new_img dl dt .new_img a{ height:15vw;}
.new_img dl dd .fl a{ height:30vw;}
.new_img dl dd .fr{ height:30vw;}
.new_img:hover dl{ width: 18%;}
.new_img dl:hover{ width: 61%;}

}
@media screen and (max-width: 1100px) and (min-width:0) {
/*新闻*/
.more3{ width:36px; height:36px;}
.more3 img{ height:6px;}

.new_img dl dt{ height:30vw;}
.new_img dl dt .new_img a{ height:15vw;}
.new_img dl dd .fl a{ height:30vw;}
.new_img dl dd .fr{ height:30vw;}


}


@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top: 0.78rem; }
.i_banner .f56{ font-size:0.35rem;}
.i_banner .f18{ font-size:0.2rem;}
/*产品*/
.cp_ly{ width:100%;}


/*case*/
.case .case_bo{ display:inherit;}
.case .case_bo dl{ width: 100%; margin-right: 0; margin-bottom:0.1rem;}
.case .case_bo dl:last-child{ margin-bottom:0;}
.case .case_bo dl .ioc_img img{ height:0.56rem;}
.case .case_bo dl .caset{ bottom:0; z-index:1; display: -webkit-box; display: flex; align-items: center;}
.case .case_bo dl .caset.pt45{ padding-top:0;}
.case .case_bo:hover dl{ width: 100%;}
.case .case_bo:hover dl .caset{ bottom:0;}
.case .case_bo dl:hover{ width: 100%;}
.case .case_bo dl:hover .caset{ bottom:0;}
/*about*/

.abouts .ab_by{ width:100%; height:20%; top:inherit; bottom:0}
.about_fl{ width:100%;}
.about_fr{ width:100%; margin-top:0.5rem;}

/*youshi*/
.youshi dl.cpnc{ width:100%; margin-right:0; margin-top:0.25rem;}
.youshi dl dd{ margin-top:0.6rem;}
.youshi dl dt{ width:24%;}
.youshi dl dt .ioc_img .ioc_a img{ height:0.55rem;}


/*新闻*/
.more3{ width:0.65rem; height:0.65rem;}
.more3 img{ height:0.2rem;}
.new_img{ display:inherit;}
.new_img dl{ width: 100%; margin-right: 05%; margin-bottom:0.2rem;}
.new_img dl:nth-child(3n) { margin-right: 0; margin-bottom:0; }
.new_img dl dd{ display:block;}
.new_img dl dd .fr{ width:100%; height:auto; position:relative;}
.new_img dl dd .fr .more3{ position:inherit; left:inherit; bottom:inherit; margin-top:0.25rem; background:#f9eb57;}
.new_img:hover dl{ width: 100%;}
.new_img dl:hover{ width: 100%;}


}


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