@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 #owl-demo .pcd { 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.6; }
.i_banner .owl-buttons div:hover { opacity: 1; }
.i_banner .owl-buttons div.owl-prev, .i_banner .owl-buttons div:hover.owl-prev { left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.i_banner .owl-buttons div.owl-next, .i_banner .owl-buttons div:hover.owl-next { right: 5%; }

/*about*/
.about_l{ width:53%;}
.about_r{ width:35%;}
.about_r li{ background:#fff; margin-bottom:1vw; position:relative; z-index:1;}
.about_r li dl{ position:relative; z-index:1;}
.about_r li dl dt{ width:14%; height:100%; position:absolute; left:0; top:0;}
.about_r li dl dt img{ width:auto; max-height:3vw;}
.about_r li dl dt .img1{ display:block;}
.about_r li dl dt .img2{ display:none;}
.about_r li dl dd{ width:82%;}
.about_r li .f120{ width:auto; position:absolute; right:5%; top:0; z-index:-1; opacity: 0.1; color:#1c3978; height:100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center;}
.about_r li:hover{ background: #1c3978; color: #fff;}
.about_r li:hover .f120{ color:#FFF; opacity: 0.1;}
.about_r li:hover dl dt .img1{ display:none;}
.about_r li:hover dl dt .img2{ display:block;}
/*case*/
.case.slideTxtBox{ width:100%; position:relative; overflow:hidden;}
.case.slideTxtBox .hd{ width:43%; background:url(../images/bg1.jpg) no-repeat center; background-size: cover; padding:7vw 5% 6vw 12%; position:absolute; left:0; top:0;}
.case.slideTxtBox .hd ul li .neiront{ display:none; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.case.slideTxtBox .hd ul li.on .neiront{ display:block;}
.case.slideTxtBox .bd{ width:57%;}

/*case*/
.khal{ background:url(../images/bg2.jpg) no-repeat center; background-size: cover;}
.slide-box{ width:906px; height:620px; position:relative; margin:0 auto;}
.slide-box .slide-out{ width:500%;}
.slide-box .slide-out .slide-li{ float:left; overflow:hidden; transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;-o-transition:all .5s; transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1);}
.slide-box .slide-out .slide-li .img_bg{ background:#535353;}
.slide-box .slide-out .slide-li .img_bg img{ opacity: 0.2; width:auto; height:558px; margin:0 auto; width:100%; display:block;}
.slide-box .slide-out.isblock .slide-li, .slide-box .slide-out.full-screen .slide-li{ transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);}
.slide-box .slide-out .slide-li.slide-li-act{ opacity: 1; transform:scale(0.9); -moz-transform:scale(0.9); -webkit-transform:scale(0.9);-o-transform:scale(0.9);}
.slide-box .slide-out .slide-li.slide-li-act .img_bg img{ opacity: 1;}
.slide-box .slide-out .slide-li .slide-li-content{ width:100%; margin:0 auto;}
.slide-page .slide-button-prev, .slide-page .slide-button-next{ position:absolute; top:50%; cursor:pointer}
.slide-page .slide-button-next{ right:0}
.slide-page .slide-button-prev i, .slide-page .slide-button-next i{ display:block; width:45px; height:45px; background:url(../images/ioc1.png) no-repeat center; background-size: cover;}
.slide-page .slide-button-prev i, .slide-page .slide-button-prev:hover i{ left:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.slide-page .slide-button-prev:hover i, .slide-page .slide-button-next:hover i{ background:url(../images/ioc2.png) no-repeat; background-size: cover;}
.slide-pagination{ display:none;}
/*news*/
.new_img{ width:48%; margin-right:2%;}
.moie .img1{ display:block;}
.moie .img2{ display:none;}
.moie:hover .img1{ display:none;}
.moie:hover .img2{ display:block;}
.morei{ height:1.4vw;}
.new_img:hover a{ color:#1c3978;}
.new_img:hover .heau 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); }
.new_img:hover .moie .img1{ display:none;}
.new_img:hover .moie .img2{ display:block;} 

.new_txt{ width:50%;}
.new_txt li{ position:relative; z-index:1;}
.new_txt li .fl{ width:89%;}
.new_txt li .fr{ width:4.8%; height:100%; position:absolute; right:0; top:0;}
.new_txt li .fr .img1{ display:block;}
.new_txt li .fr .img2{ display:none;} 
.new_txt li:hover a{ color:#1c3978;}
.new_txt li:hover .fr .img1{ display:none;}  
.new_txt li:hover .fr .img2{ display:block;} 

@media screen and (max-width: 1600px) and (min-width:0) {
/*case*/
.case.slideTxtBox .hd{ padding:5vw 3% 5vw 7%;}

}
@media screen and (max-width: 1300px) and (min-width:0) {
/*case*/
.case.slideTxtBox .hd{ padding:5vw 3% 5vw 5%;}
}
@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;}

/*about*/
.about_l{ width:100%;}
.about_r{ width:100%; padding-top:0.45rem;}
.about_r li{ margin-bottom:0.25rem;}
.about_r li dl dt{ width:14%; }
.about_r li dl dt img{ max-height:0.6rem;}
.about_r li dl dd{ width:82%;}

/*case*/
.case.slideTxtBox{ width:100%; position:relative; overflow:hidden;}
.case.slideTxtBox .hd{ width:100%; padding:1rem 3% 1rem 3%; position:inherit; left:inherit; top:inherit;}
.case.slideTxtBox .hd ul li .neiront{ display:none; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.case.slideTxtBox .hd ul li.on .neiront{ display:block;}
.case.slideTxtBox .bd{ width:100%; padding-top:0.15rem;}
/*wap_case*/
.wap_case{ position:relative;}
.wap_case .owl-pagination{ display:none;}
.wap_case .owl-buttons div { position:absolute; top:40%; cursor:pointer; display: block; width:0.65rem; height:0.65rem; background:url(../images/ioc1.png) no-repeat center; background-size: cover;}
.wap_case .owl-buttons div:hover { background:url(../images/ioc2.png) no-repeat; background-size: cover;}
.wap_case .owl-buttons div.owl-prev, .wap_case .owl-buttons div:hover.owl-prev { left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.wap_case .owl-buttons div.owl-next, .wap_case .owl-buttons div:hover.owl-next { right: 0; }

/*news*/
.new_img{ width:100%; margin-right:0;}
.morei{ height:0.35rem;}


.new_txt{ width:100%; margin-top:0.25rem}

.new_txt li .fl{ width:89%;}
.new_txt li .fr{ width:8%; height:100%; position:absolute; right:0; top:0;}



}

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