@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top:5.1vw;}
.i_banner .item { width: 100%; display: block; overflow: hidden; position: relative; }
.i_banner .item .cp_txt { width: 100%; position: absolute; left: 0; right: 0; top:0; z-index: 10; overflow:hidden; }
.i_banner .item .cp_img img{ width: 100%; height:auto; transition: all 1s ease 2.5s;}
.i_banner .owl-item.active .cp_img 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%; }
.i_banner.cls{ margin-top:0;}

.more{ width:184px; height:50px; line-height:50px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; display:block;}
.more span{ display:block; float:left;}
.more i{ width:40px; height:40px; float:right; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background:#FFF; margin:5px 7px 5px 0;}
.more i img{ width:auto; height:14px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i;}
.more1{ background:#013c98; color:#FFF;}
.more1:hover{ background:#020202; color:#FFF;}
.more1:hover i img{ -webkit-transform: rotate(-35deg); transform: rotate(-35deg);}

.more2{ background:#FFF; color:#013c98;}
.more2:hover{ background:#013c98; color:#FFF;}
/*about*/
.about_l{ width:50%;}
.about_l .ab_lc dl:nth-of-type(2){ margin-left:15%;}
.about_l .ab_lc dl:nth-of-type(3){ float:right;} 
.about_r{ width:44%;}
/*cpzs*/
.cplb li:last-child span{ display:none;}
.cplb li a:hover{ font-weight:bold;}
.cpzsi .item dl{ position:relative;}
.cpzsi .item dl dd{ padding:1.5vw 1.1vw 2.2vw 1.1vw;}
.cpzsi .item dl i{ width:0; height:6px; background:#fff; display:block; position:absolute; left:0; bottom:0;}
.cpzsi .item dl:hover dt 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);}
.cpzsi .item dl:hover dd .f20 a{ color:#013c98}
.cpzsi .item dl:hover i{ width:100%; background:#013c98;}
.cpzsi .owl-buttons div{ display:none;}
.cpzsi .owl-pagination { width:100%; text-align:center; padding-top:20px;}
/*case*/
.case.slideTxtBox{ width:100%; position:relative; z-index:10;}
.case.slideTxtBox .hd .main .fl{ width:35%;}
.case.slideTxtBox .hd .main ul{ width:48%;}
.case.slideTxtBox .hd .main ul li span{ width:3.5vw; height:3.5vw; border: 1px solid rgba(255, 255, 255, 0.5); margin:0 auto;}
.case.slideTxtBox .hd .main ul li span img{ width:auto; max-height:2vw;}
.case.slideTxtBox .hd .main ul li.on span{ background:#013c98; border: 1px solid #013c98;}
.case.slideTxtBox .bd ul .bg_img{ width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:-1; zoom:1;}
.case.slideTxtBox .bd ul .case_r{ width:79%; z-index:5;}
.case.slideTxtBox .bd ul .case_r dl:hover dt 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);}
.case.slideTxtBox .bd ul .case_r dl:hover dd a{ color:#013c98;}
.case.slideTxtBox .bd ul .case_ry{ width:76.3%; height:50%; background:url(../images/cy.png) repeat; position:absolute; right:0; bottom:0; z-index:-1;}
.case.slideTxtBox .bd ul .moru div{ width:2.8vw; height:2.8vw; background:#013c98;}
.case.slideTxtBox .bd ul .moru div i{ width:18px; height:14px; background:url(../images/ioc2.png) no-repeat; -webkit-transform: rotate(-35deg); transform: rotate(-35deg);}
.case.slideTxtBox .bd ul .moru span{ height:2.8vw; line-height:2.8vw;}
.case.slideTxtBox .bd ul .moru:hover div{ background:#020202;}
.case.slideTxtBox .bd ul .moru:hover span{ color:#013c98;}
.case.slideTxtBox .mory{ width:2.8vw; height:2.8vw; background:#fff;}
.case.slideTxtBox .mory i{ width:18px; height:14px; background:url(../images/ioc1.png) no-repeat; -webkit-transform: rotate(-35deg); transform: rotate(-35deg);}
.case.slideTxtBox .mory:hover{ background:#013c98;}
.case.slideTxtBox .mory:hover i{ background:url(../images/ioc2.png) no-repeat; -webkit-transform: rotate(-35deg); transform: rotate(-35deg);}
/*news*/
.new_img{ width:32%;}
.new_img dd{ border-bottom:1px #e5e5e5 solid;}
.new_img:hover dt 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 dd .f20 a{ color:#013c98;}
.new_img:hover dd{ border-bottom:1px #013c98 solid;}

.new_txt{ width:65%; margin-left:3%;}
.new_txt li{ border-bottom:1px #e5e5e5 solid; padding:1.3vw 0;}
.new_txt li .fl{ width:36%; margin-right:15%;}
.new_txt li .fr{ width:49%;}
.new_txt li:nth-of-type(1){ padding-top:0;}
.new_img .f16, .new_txt li .f16{ opacity: 0.6;}
.new_img:hover .f16, .new_txt li:hover .f16{ opacity: 1;} 
.new_txt li:hover .fl a{ color:#013c98;}
.new_txt li:hover{ border-bottom:1px #013c98 solid;}



/*滚动*/
.scroll-container { width: 2000px; height: 110px; overflow: hidden;}
.scroll-wrapper { display: flex; width: fit-content;}
.scroll-item { width:auto; height: 110px; margin:0 9px; overflow: hidden; flex-shrink: 0; border:1px #e6e6e6 solid;}
.scroll-item img { width: 100%; height: 100%; object-fit: cover; display: block;}
.scroll-item:hover{ border:1px #013c98 solid;}







@media screen and (max-width: 1600px) and (min-width:0) {
.more{ width:174px; height:48px; line-height:48px; border-radius: 48px; -moz-border-radius: 48px; -webkit-border-radius: 48px;}
.more i{ width:38px; height:38px;}

.case.slideTxtBox .bd ul .case_r{ width:77%;}

.new_txt li .fl{ width:41%; margin-right:10%;}


}


@media screen and (max-width: 1300px) and (min-width:0) {
.more{ width:168px; height:45px; line-height:45px; border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px;}
.more i{ width:35px; height:35px;}
.more i img{ height:12px;}

.case.slideTxtBox .bd ul .case_r{ width:75%;}


.new_txt li .fl{ width:45%; margin-right:5%;}
.new_txt li .fr{ width:50%;}

}




@media screen and (max-width: 1100px) and (min-width:0) {
.more{ width:158px; height:40px; line-height:40px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
.more i{ width:30px; height:30px;}
.more i img{ height:10px;}



}











@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top: 0.78rem; }
.i_banner .item .posabs{ text-align:center;}
.i_banner .item .pt70{ padding-top:0.3rem;}
.i_banner .item .posabs .more1{ margin:0 auto;}
.i_banner .owl-item.active .cp_img img{ animation-name:none; animation-duration:0; }

.more{ width:2rem; height:0.55rem; line-height:0.55rem; border-radius: 0.55rem; -moz-border-radius: 0.55rem; -webkit-border-radius: 0.55rem;}
.more i{ width:0.45rem; height:0.45rem; margin:0.05rem 0.07rem 0.05rem 0;}
.more i img{ height:0.14rem; }
.more span.pl24{ padding-left:0.24rem}

/*about*/
.about_l{ width:100%;}
.about_l .ab_lc dl{ width:50%;}
.about_l .ab_lc dl:nth-of-type(2){ margin-left:0;}
.about_l .ab_lc dl:nth-of-type(3){ float:left; margin-top:0.15rem;} 
.about_r{ width:100%; margin-top:0.3rem;}
/*cpzs*/
.cplb li{ width:50%; margin-top:0.15rem;}
.cplb li span{ display:none;}


.cpzsi .item dl.conba{ width:100%; }
.cpzsi .item dl dd{ padding:0.3rem 0.2rem 0.4rem 0.2rem;}
.cpzsi .item dl i{ width:100%; height:6px; background:#013c98; display:block; position:absolute; left:0; bottom:0;}
.cpzsi .owl-pagination { padding-top:0.2rem;}


/*case*/
.case.slideTxtBox .hd .main .fl{ width:100%;}
.case.slideTxtBox .hd .main ul{ width:100%; padding-top:0.25rem}
.case.slideTxtBox .hd .main ul li span{ width:0.7rem; height:0.7rem;}
.case.slideTxtBox .hd .main ul li span img{ width:auto; height:0.38rem;}

.case.slideTxtBox .bd ul .case_r{ width:100%; background:url(../images/cy.png) repeat; padding:0.3rem; margin-top:0.35rem; display: flex; flex-wrap: wrap; position: relative; max-width: 100%; right:0;}

.case.slideTxtBox .bd ul .case_ry{ display:none;}

.case.slideTxtBox .bd ul .moru div{ width:0.56rem; height:0.56rem;}
.case.slideTxtBox .bd ul .moru div i{ width:0.18rem; height:0.14rem; background-size: cover;}
.case.slideTxtBox .bd ul .moru span{ height:0.56rem; line-height:0.56rem;}


.case.slideTxtBox .mory{ width:0.56rem; height:0.56rem;}
.case.slideTxtBox .mory i{ width:0.18rem; height:0.14rem; background-size: cover;}



/*news*/
.new_img{ width:100%;}


.new_txt{ width:100%; margin-left:0; margin-top:0.25rem;}
.new_txt li{ padding:0.25rem 0;}
.new_txt li .fl{ width:100%; margin-right:0;}
.new_txt li .fr{ width:100%; padding-top:0.15rem;}
.new_txt li:nth-of-type(1){ padding-top:0.25rem;}



/*滚动*/
.scroll-container { width: 1200px; height: 1rem;}
.scroll-item { height: 1rem; margin:0 0.28rem;}


}


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