@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 .uk-position-center { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; }
.i_banner #owl-demo .owl-item .uk-animation-kenburns img { width: 100%; height: auto; transition: all 1s ease 2.5s; }
.i_banner #owl-demo .owl-item .tsar span{ display:block;}
.i_banner #owl-demo .owl-item.active .uk-animation-kenburns img { animation-name: uk-kenburns; animation-duration: 15s; }
.i_banner #owl-demo .owl-item.active .uk-animation-reverse { animation-direction: reverse; animation-timing-function: ease-in; animation-duration: .2s }
.i_banner #owl-demo .owl-item.active .tracking-in-contract { -webkit-animation: tracking-in-contract 1.5s .5s both; animation: tracking-in-contract 1.5s .5s both }
.i_banner #owl-demo .owl-item.active .uk-animation-slide-bottom { animation-name: uk-fade, uk-slide-bottom; animation-duration: 1s;}
.i_banner .to { position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); width: 64px; height: 64px; }
.i_banner .to .down { width: 60px; height: 60px; border-radius: 50%; border: 2px dashed #fff; transition: .5s all; }
.i_banner .to .icn { position: absolute; top: 50%; left: 45%; transform: translate(-50%, -50%); }
.i_banner .to:hover .down { animation-duration: 2s; }
.i_banner .to:hover svg { animation-duration: 1s; }
.i_banner .owl-pagination { position: absolute; left: 0; bottom: 15%; 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%; }
/*abouts*/
.abouts{ background:url(../images/bg1.jpg) no-repeat center fixed; position:relative;}
.abouts:after { content: ''; width: 46%; height: 1px; background: #dcdcdc; position: absolute; left: 0; top: 36%;}
.abouts .main{ position:relative;}
.abouts .main .abouts_ry{ width:54%; border-left:1px #dcdcdc solid; padding-left:9.6%;}
.abouts .main .abouts_ry .about_lc dl:nth-of-type(2){ border-left:1px #dcdcdc solid; border-right:1px #dcdcdc solid; margin-left:2.6vw; padding:0 2.6vw;}
.more{ width:192px; height:64px; position:relative; background:#003c96; display:block;}
.more i{ width:100%; height:100%; position:absolute; left:0; bottom:-100%; background:#282828;}
.more span{ width:100%; height:100%; text-align:center; color:#FFF; position:absolute; left:0; top:0; z-index:1;}
.more:hover i{ bottom:0;}
.abouts .main .abouts_ly{ width:44%; position:absolute; left:0; top:0; height:100%;}
/*cplb*/
.cplb.slideTxtBox{ width:100%; overflow:hidden; position:relative;  }
.cplb.slideTxtBox .arrow{ display:none;}
.cplb.slideTxtBox .hd{ width:100%; position:absolute; left:0; bottom:11.5%; z-index:1;}
.cplb.slideTxtBox .hd ul li{ width:20%; height:7.4vw; position:relative;}
.cplb.slideTxtBox .hd ul li:after { content: ''; width: 100%; height: 4px; background: #d2d2d2; position: absolute; left: 0; bottom:0;}
.cplb.slideTxtBox .hd ul li .heau{ height:3.3vw;}
.cplb.slideTxtBox .hd ul li .heau img{ width:auto; max-height:3.3vw;}
.cplb.slideTxtBox .hd ul li a{ color:#FFF;}
.cplb.slideTxtBox .hd ul li .linx{ width:100%; height:4px; background:#003c96; display:block; position:absolute; left:-100%; bottom:0; z-index:1;}
.cplb.slideTxtBox .hd ul li:hover .linx, .cplb.slideTxtBox .hd ul li.on .linx{ left:0;}
.cplb.slideTxtBox .bd ul{ zoom:1; position:relative;  }
.cplb.slideTxtBox .bd ul .cpnr{ width:100%; height:71%; position:absolute; left:0; top:0; z-index:2;}
.cplb.slideTxtBox .bd ul .cpnr .cplb_l{ width:42%; color:#FFF;}
.cplb.slideTxtBox .bd ul .cpnr .cplb_l a{ color:#FFF;}
/*news*/
.new_img{ width:57%; box-shadow: 0 5px 10px 0px rgba(10, 2, 4, 0.15); position:relative; margin:0 0 1vw 0; border: 1px solid #eee;}
.new_img dt{ width:51%;}
.new_img dt img{ width:100%;}
.new_img dd{ width:49%; position:absolute; right:0; top:0; height:100%;}
.new_txt{ width:41%; box-shadow: 0 5px 10px 0 rgba(10, 2, 4, 0.15); margin:0 0.5% 1vw 0; border: 1px solid #eee;}
.new_txt li{ border-bottom:1px #eeeeee solid;}
.new_txt li:last-child{ border-bottom:none;}


.fzkx{ position:relative;}
.fzkx .fzkx_txt{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}

@media screen and (max-width: 1600px) and (min-width:0) {
.more{ width:180px; height:60px;}


}
@media screen and (max-width: 1300px) and (min-width:0) {
.more{ width:170px; height:56px;}
}
@media screen and (max-width: 1100px) and (min-width:0) {
.more{ width:160px; height:50px;}
}
@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner .tracking-in-contract, .i_banner .uk-animation-slide-bottom { text-align: center; }
.i_banner #owl-demo .owl-item .tsar span { display: inline; }
.i_banner .to { bottom: 2%; width: 0.64rem; height: 0.64rem; }
.i_banner .to .down { width: 0.6rem; height: 0.6rem; }
/*abouts*/
.abouts{ background:url(../images/bg1.jpg) no-repeat center; background-size:cover; padding:0.9rem 0;}
.abouts:after { width: 0; height:0; background:none;}
.abouts .main .abouts_ly{ width:100%; position:inherit; left:inherit; top:inherit; height:auto;}
.abouts .main .abouts_ly .pb80{ border-bottom:1px #dcdcdc solid;}
.abouts .main .abouts_ry.padt150{ padding:0.55rem 0 0 0;}
.abouts .main .abouts_ry{ width:100%; border-left:none; padding-left:0;}
.abouts .main .abouts_ry .about_lc dl:nth-of-type(2){ margin-left:0.15rem; padding:0 0.15rem;}
.more{ width:2.3rem; height:0.64rem;}
/*cplb*/
.cplb.slideTxtBox .arrow{ display:block;}
.cplb.slideTxtBox .arrow a { width: 0.55rem; height: 0.91rem; background: url(../images/awr.png) no-repeat center; background-size: contain; display:block;position: absolute; top:10%; opacity: 0.2; z-index:5; }
.cplb.slideTxtBox .arrow a:hover { opacity: 1; }
.cplb.slideTxtBox .arrow a.next, .cplb.slideTxtBox .arrow a.next:hover { right: 0; }
.cplb.slideTxtBox .arrow a.prev, .cplb.slideTxtBox .arrow a.prev:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; }
.cplb.slideTxtBox .hd{ position:inherit; left:inherit; bottom:inherit; z-index:inherit;}
.cplb.slideTxtBox .hd ul li{ width:33.33%; height:auto; padding-bottom:0.4rem; padding-top:0.4rem;}
.cplb.slideTxtBox .hd ul li:after { background: #e7ebf0;}
.cplb.slideTxtBox .hd ul li a{ color:#252525;}
.cplb.slideTxtBox .bd{ padding-top:0.25rem;}
.cplb.slideTxtBox .bd ul .cpnr{ height:100%;}
.cplb.slideTxtBox .bd ul .cpnr .cplb_l{ width:100%;}

/*news*/
.new_img{ width:99%; margin:0 0.5% 0.2rem 0.5%;}
.new_img dt{ width:100%;}
.new_img dt img{ height:auto;}
.new_img dd{ width:100%; position:inherit; right:inherit; top:inherit; height:auto; padding:0.35rem 0;}
.new_txt{ width:99%; margin:0.3rem 0.5% 0.2rem 0.5%; height:auto;}
.new_txt li{ height:auto; padding:0.2rem 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)
}
}