@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 .cp_txt .ban_l{ width:48%;}
.i_banner #owl-demo .owl-item.active .ban_l{ -webkit-animation: fadeInLeft 1s 0.5s both; animation: fadeInLeft 1s 0.5s both;}
.i_banner .item img{ 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%; }


.more{ width:168px; height:46px; line-height:46px; border-radius: 46px; -moz-border-radius: 46px; -webkit-border-radius: 46px; display:block; text-align:center;}
.more1{background:#002eb8; color:#FFF;}
.more1:hover{ background:#3c3c3e; color:#FFF;}

/*abouts*/
.abouts{ background:url(../images/bg1.jpg) no-repeat center; background-size:cover;}
.about_l{ width:53%;}
.about_r{ width:43%;}
/*cpzs*/
.cpzs{ background:url(../images/bg2.jpg) no-repeat center; background-size:cover; position: relative;}
.cpzs .item { width: 100%; display: block; overflow: hidden; position: relative; }
.cpzs .item dd{ width:58%;}
.cpzs .item dt{ width:54%; position:absolute; left:0; bottom:0; z-index:1; box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1);}
.cpzs .item dt .cp_l{ width:43%; margin-left:6%;}
.cpzs .item dt .cp_r{ width:46%; margin-right:4%;}
.cpzs .owl-buttons div{ display:none;}
.cpzs .owl-pagination { position: absolute; left:3%; bottom:5%; text-align: left; }
.cpzs .cpzs_top{ position:absolute; left:0; top:0;}
.tia{ background:url(../images/ioc3.png) no-repeat right 30px; padding-right:25px; display:block;}
/*优势*/
.yous_l{ width:60%;}
.ys_bo dl{ background:#fff; padding:20px 2%;}
.ys_bo dl .img1{ display:block;}
.ys_bo dl .img2{ display:none;}
.ys_bo dl:hover{ background:#002eb8; color:#FFF;}
.ys_bo dl:hover .img1{ display:none;}
.ys_bo dl:hover .img2{ display:block;}

/*news*/
.new1{ position:relative; padding:0 10px;}
.newa{ width:66%; box-shadow: 0 0px 20px 0px rgba(10, 2, 4, 0.15); position:relative; margin:20px 0;}
.newa dt{ width:51%;}
.newa dd{ width:49%; height:100%; position:absolute; right:0; top:0;}
.newa: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);}
.newa:hover dd a{ color:#002eb8;}
.newb{ width:32%; box-shadow: 0 0px 20px 0px rgba(10, 2, 4, 0.15); height:calc(100% - 40px); position:absolute; right:10px; top:20px;}
.newb:hover a{ color:#002eb8;}
.new2{ position:relative; padding:0 10px;}
.new2 li{ width:32%; box-shadow: 0 0px 20px 0px rgba(10, 2, 4, 0.15); margin:20px 1.9% 20px 0;}
.new2 li:last-child{ margin:20px 0 20px 0;}
.new2 li:hover a{ color:#002eb8;}

@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top: 0.78rem; }
.i_banner .item .cp_txt .bhhy{ display:inline; display:inline; -webkit-box-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; align-items: inherit;}
.i_banner .item .cp_txt .ban_l{ width:100%; height: auto; margin-right:0;}
.i_banner .item .cp_txt .ban_l .pt80{ padding-top:0.2rem;}
.i_banner .owl-item.active img{ animation-name: none; animation-duration: none; }
.i_banner #owl-demo .owl-item.active .ban_l{ -webkit-animation: none; animation: none;}
.i_banner #owl-demo .owl-item.active .ban_r { -webkit-animation: none; animation: none; }
.i_banner #owl-demo .owl-item.active .text-center{ -webkit-animation: none; animation: none;}

.more{ width:2rem; height:0.55rem; line-height:0.55rem;}

/*abouts*/
.about_l{ width:100%;}
.about_r{ width:100%; padding-top:0.45rem;}
/*cpzs*/
.cpzs .item dd{ width:100%; padding-top:0.45rem;}
.cpzs .item dt{ width:100%; position:inherit; left:inherit; bottom:inherit; z-index:inherit; box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1);}
.cpzs .item dt .cp_l{ width:46%; margin-left:2%;}
.cpzs .item dt .cp_r{ width:48%; margin-right:2%;}
.cpzs .owl-pagination { left:2%; bottom:2%; text-align:center; }
.cpzs .cpzs_top{ position:inherit; left:inherit; top:inherit;}
.tia{ background:url(../images/ioc3.png) no-repeat right 0.25rem; padding-right:0.25rem;}
/*优势*/
.yous_l{ width:100%;}
.ys_bo dl{ padding:0.2rem 0.2rem;}
.ys_bo dl .text-right{ text-align:right;}

/*news*/
.new1{ padding:0 0;}
.newa{ width:96%;  position:relative; margin:0.25rem 2%;}
.newa dt{ width:100%;}
.newa dd{ width:96%; height:auto; position:inherit; right:inherit; top:inherit; padding:0.25rem 0; margin:0.25rem 2%;}

.newb{ width:96%; height:auto; position:inherit; right:inherit; top:inherit; margin:0.25rem 2%; padding:0.25rem 0;}

.new2{ padding:0 0;}
.new2 li{ width:96%; margin:0.25rem 2% 0.25rem 2%;}
.new2 li:last-child{ margin:0.25rem 2% 0.25rem 2%;}

}


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