@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.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 .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%; }
.more{ width: 192px; height: 52px; line-height: 52px; display: block; border-radius: 52px; -moz-border-radius:52px; -webkit-border-radius:52px; padding:0 2vw; position:relative;}
.more i{ width:auto; height: 52px; position:absolute; right:2vw; top:0;}
.more i img{ height:20px;}
.more:hover i{ right:1vw;}
.more1 { color: #FFF; background: #083c87; }
.more1:hover { background:#EEE; color: #083c87;}
.more2 { background:#ffffff; color: #083c87;}
.more2:hover { color: #FFF; background: #083c87;}
/*产品*/
.titl{ width:40%;}
.cplb{ background:url(../images/bg1.jpg) no-repeat center; background-size:cover;}
.cplb dl{ width:20%; border-right: 1px solid rgba(255,255,255,0.1); position:relative; padding:16vw 0 15vw 0; background:url(../images/nv.png) repeat;}
.cplb dl dt img{ width:auto; height:45px;}
.cplb dl dd{ position:absolute; left:0; bottom:3.5vw;}
.cplb dl:hover{ background:url(../images/cy.png) repeat; padding:18vw 0 13vw 0;}
.cplb dl:hover dd{ bottom:inherit; top:7.5vw;}
.cplb dl:hover a{ color:#FFF;}
/*合作伙伴*/
.hzhb a{ width:18.2%; margin-right:2.2%; margin-top:1.6vw;}
.hzhb a:nth-child(5n){ margin-right:0;}
/*abouts*/
.abouts .abouts_cn{ background:url(../images/ay.png) repeat; border: 1px solid rgba(255,255,255,0.4); position:relative;}
.abouts .abouts_cn .about_r{ width:49%; border-left: 1px solid rgba(255,255,255,0.1); display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.abouts .abouts_cn .about_r dl{ display: flex; flex-wrap: wrap; flex-direction: row; width:50%; padding:3.5vw 0 3vw 0; background:url(../images/nv.png) repeat;}
.abouts .abouts_cn .about_r dl:nth-of-type(odd){ border-right: 1px solid rgba(255,255,255,0.1);}
.abouts .abouts_cn .about_r dl:nth-of-type(1), .abouts .abouts_cn .about_r dl:nth-of-type(2){ border-bottom: 1px solid rgba(255,255,255,0.1);}
.abouts .abouts_cn .about_r dl:hover{ background:url(../images/cy.png) repeat;}
.abouts .abouts_cn .about_l{ width:51%; position:absolute; left:0; top:0; height:100%;}
/*news*/
.new_img{ width:30%; margin-right:1.4%;}
.mor1{ background: #083c87; color: #FFF; padding:0 26px; height:34px; line-height:34px; border-radius: 34px; -moz-border-radius: 34px; -webkit-border-radius: 34px; float:left;} 



.new_img:last-child{ margin-right:0;}
.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 .mor1{ background: #313030; color: #FFF;}
.new_img:hover dd .f22 a{ color:#0159a7;}
.sideMenu{ width:37%; overflow: hidden; padding-bottom:2.5vw;}
.sideMenu h3{ width: 100%; overflow: hidden; cursor:pointer; font-weight:normal; margin-top:1.5vw;}
.sideMenu h3 .btopr{ display:none;}
.sideMenu h3 .fl{ width:72%; overflow:hidden; height:24px; line-height:24px; font-size:18px;}
.sideMenu h3 .fr{ height:24px; line-height:24px;}
.sideMenu ul{ width: 100%; display:none; border-bottom:1px #dcdcdc solid; overflow:hidden;}
.sideMenu h3.on .btopr{ display:block;}
.sideMenu h3.on .fl{ width:100%; overflow:hidden; font-size:22px; font-weight:bolder; height:auto; line-height:1.8;} 
.sideMenu h3.on .fr{ display:none;}














@media screen and (max-width: 1600px) and (min-width:0) {
.more { width: 180px; height: 49px; line-height: 49px; border-radius: 49px; -moz-border-radius:49px; -webkit-border-radius:49px;}
.more i{ height: 49px;}
}
@media screen and (max-width: 1300px) and (min-width:0) {
.more { width: 170px; height: 45px; line-height: 45px; border-radius: 45px; -moz-border-radius:45px; -webkit-border-radius:45px;}
.more i{ height: 45px;}

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

}
@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top: 0.78rem; }
.i_banner #owl-demo .owl-item.active .uk-animation-kenburns img { animation-name: none; animation-duration: none; }
.i_banner #owl-demo .owl-item.active .uk-animation-reverse { animation-direction: none; animation-timing-function: none; animation-duration: .2s }
.i_banner #owl-demo .owl-item.active .tracking-in-contract { -webkit-animation: none; animation: none; }
.i_banner #owl-demo .owl-item.active .uk-animation-slide-bottom { animation-name: none; animation-duration: none; }
.more{ width: 2.2rem; height: 0.55rem; line-height: 0.55rem; border-radius: 0.55rem; -moz-border-radius:0.55rem; -webkit-border-radius:0.55rem; padding:0 0.4rem;}
.more i{ height: 0.55rem; right:0.4rem;}
.more i img{ height:0.2rem;}
.more:hover i{ right:0.2rem;}
/*产品*/
.titl{ width:100%;}
.cplb{ background:url(../images/bg2.jpg) no-repeat center; background-size:cover;}
.cplb dl{ width:50%; border-bottom: 1px solid rgba(255,255,255,0.1); padding:0.65rem 0 0.65rem 0;}
.cplb dl dt img{ height:0.45rem;}
.cplb dl:hover{ padding:0.65rem 0 0.65rem 0;}

/*合作伙伴*/
.hzhb a{ width:47%; margin-right:6%; margin-top:0.3rem;}
.hzhb a:nth-child(5n){ margin-right:6%;}
.hzhb a:nth-child(2n){ margin-right:0;}

/*abouts*/

.abouts.bgny{ background-attachment:inherit;}
.abouts .abouts_cn.main{ width:100%;}
.abouts .abouts_cn{ padding:0.65rem 0; border:none;}
.abouts .abouts_cn .about_r{ width:100%; border-left:none; border-top: 1px solid rgba(255,255,255,0.1);}

.abouts .abouts_cn .about_r dl{ width:50%; padding:0.7rem 0 0.6rem 0;}
.abouts .abouts_cn .about_r dl .main{ width:80%;}
.abouts .abouts_cn .about_l{ width:100%; position:inherit; left:inherit; top:inherit; height:auto; padding-bottom:0.3rem;}

/*news*/
.new_img{ width:100%; margin-right:0; margin-top:0.15rem;}
.sideMenu{ width:100%; padding-bottom:0.35rem; margin-top:0.35rem;}
.sideMenu h3{ margin-top:0.3rem;}
.sideMenu h3 .fl{ width:100%; height:auto; line-height:auto; font-size:0.26rem;}
.sideMenu h3 .fr{ display:none;}
.sideMenu ul{ display:block; padding-bottom:0.22rem; opacity:0.7;}
.sideMenu h3.on .btopr{ display:none;}
.sideMenu h3.on .fl{ font-size:0.26rem; font-weight:normal;} 
.sideMenu h3.on .fr{ display:none;}














}


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