@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 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:152px; height:48px; line-height:48px; display:block; text-align:center;}
.more1{background:#00a7b5; color:#FFF;}
.more1:hover{ background:#535353; color:#FFF;}

.more2{ border:1px #282828 solid; color:#282828;}
.more2:hover{ background:#00a7b5; color:#FFF; border:1px #00a7b5 solid;}
/*abouts*/
.about_l{ width:50%;}
.about_l .text-justify{ position:relative;}
.about_l .text-justify .morei{ position:absolute; right:0; bottom:0;}
.about_l .about_lc dl:nth-of-type(1){ float:left;}
.about_l .about_lc dl:nth-of-type(2){ float:left; margin-left:8%;}
.about_l .about_lc dl:nth-of-type(3){ float:right;}

.about_r{ width:39%;}
.about_r li{ background:#fff; margin-bottom:1vw; width:48%;}
.about_r li img{ width:auto; height:2.5vw;}
.about_r li .img1{ display:block;}
.about_r li .img2{ display:none;}
.about_r li:nth-of-type(odd) { float: left; }
.about_r li:nth-of-type(even) { float: right; }
.about_r li:hover{ background:#00a7b5; color:#FFF;}

.about_r li:hover .img1{ display:none;}
.about_r li:hover .img2{ display:block;}






/*产品展示*/
.cplb a{ width:auto; display:block; float:left; margin-right:0.4vw; padding:1vw 0.4vw; background:#f2f6fa;}
.cplb a:last-child{ margin-right:0;}
.cplb a:hover{ background:#00a7b5; color:#fff;}
.cpzs{ position:relative;}
.cpzs #owl-demo { padding:0 4%;}
.cpzs .item { width: 100%; display: block; overflow: hidden;}
.cpzs .item dl{ position: relative;}
.cpzs .item dl i{ width: 100%; height:6px; display:block; position:absolute; left:0; bottom:0; z-index:1}
.cpzs .item dl:hover i{ background:#00a7b5;}
.cpzs .item dl:hover a{ color:#00a7b5;}
.cpzs .owl-pagination{ display:none;}
.cpzs .owl-buttons div{ width:55px; height:100%; background:url(../images/awr.png) no-repeat center; display: block; position: absolute; top: 0;}
.cpzs .owl-buttons div:hover{ background:url(../images/awr_ed.jpg) no-repeat center;}
.cpzs .owl-buttons div.owl-prev, .cpzs .owl-buttons div:hover.owl-prev { left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.cpzs .owl-buttons div.owl-next, .cpzs .owl-buttons div:hover.owl-next { right: 0;}
/*行业解决方案*/
.case.slideTxtBox{ width:100%; position:relative; overflow:hidden;  }
.case.slideTxtBox .hd{ width:100%; position:absolute; left:0; top:10%; z-index:10; color:#FFF;}
.case.slideTxtBox .hd a{ color:#FFF;}
.case.slideTxtBox .hd .fl{ width:29%;}
.case.slideTxtBox .hd .fr{ width:56%;}
.case.slideTxtBox .hd .fr li{ border-right: 1px solid rgba(255, 255, 255, 0.2);}
.case.slideTxtBox .hd .fr li:last-child{ border-right: none;}
.case.slideTxtBox .hd .fr li .ioc_img{ width:4.6vw; height:4.6vw; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin:0 auto;}
.case.slideTxtBox .hd .fr li .ioc_img img{ width:auto; height:2.5vw;}
.case.slideTxtBox .hd .fr li .ioc_img .img1{ display:block;} 
.case.slideTxtBox .hd .fr li .ioc_img .img2{ display:none;}
.case.slideTxtBox .hd .fr li.on .ioc_img{ background:#00a7b5;}
.case.slideTxtBox .hd .fr li.on .ioc_img .img1{ display:none;} 
.case.slideTxtBox .hd .fr li.on .ioc_img .img2{ display:block;}
.case.slideTxtBox .bd ul{ width:100%; zoom:1; position:relative;}
.case.slideTxtBox .bd ul .case_r{ width:62%; background:url(../images/cy.png) repeat; border-top:1px #fff solid; border-left:1px #fff solid; border-top-left-radius:10px; padding:2.3vw 11% 2.3vw 2.4vw; position:absolute; right:0; bottom:0; z-index:5;}
.case.slideTxtBox .bd ul .case_r dl dt{ position:relative;}
.case.slideTxtBox .bd ul .case_r dl dt.bgcolor img{ opacity: 1;}
.case.slideTxtBox .bd ul .case_r dl dt p{ width:100%; position:absolute; left:0; top:-100%; position:absolute; z-index:2;}
.case.slideTxtBox .bd ul .case_r dl:hover dt.bgcolor img{ opacity: 0.4; -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 dt p{ top:0; height:100%;}
.case.slideTxtBox .bd ul .case_r dl:hover dd a{ color:#00a7b5; font-weight:bold;}
/*合作伙伴*/
.hzhb{ background-image:url(../images/bg1.jpg);}
.hzhb .hzhb_l{ width:29%;}
.hzhb .hzhb_r{ width:64%;}
.hzhb .hzhb_r .owl-buttons{ display:none;}
.hzhb .hzhb_r .owl-pagination{ width:100%; text-align:center;}
.hzhb .hzhb_r .owl-pagination .owl-page{ width:14px; height:14px; background:#535353; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.hzhb .hzhb_r .owl-pagination .owl-page.active { background: #00a7b5; width:14px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
/*news*/
.newlb a{ width:auto; display:block; float:left; margin-right:0.4vw; padding:1vw 1.4vw; background:#f2f6fa;}
.newlb a:last-child{ margin-right:0;}
.newlb a:hover{ background:#00a7b5; color:#fff;}
.news .new_img{ width:31%; margin-right:1.5%; position:relative;}
.news .new_img .newa{ display:block; transition: all .6s ease-out; width: 100%; height: 100%;}
.news .new_img .newb{ background:#00a7b5; position: absolute; top: 0; opacity: 0; transform: rotateY(180deg); transition: all .6s ease-out; width: 100%; height: 100%; display: block;}
.news .new_img:hover .newa{ transition: all .6s ease-out; transform: rotateY(180deg); opacity: 0;}
.news .new_img:hover .newb{ transition: all .6s ease-out; transform: rotateY(360deg); opacity: 1;}
.news .news_ry{ width:35%;}
.news .news_ry ul li{ border-bottom:1px #e5e5e5 solid;} 
.news .news_ry ul li a.fln{ display:block; width:78%;}


.link_ioc{ width:3%;}
.linker{ width:96%;}











@media screen and (max-width: 1600px) and (min-width:0) {
/*产品展示*/
.cplb a{ margin-right:0.3vw; padding:1vw 0.4vw;}


.case.slideTxtBox .bd ul .case_r{ padding:2.3vw 7% 2.3vw 2.4vw;}
}


@media screen and (max-width: 1300px) and (min-width:0) {
/*产品展示*/
.cplb a{ margin-right:0.25vw; padding:0.8vw 0.35vw;}


.case.slideTxtBox .bd ul .case_r{ padding:2.3vw 5% 2.3vw 2.4vw;}
}




@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; }
.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_l .about_lc dl:nth-of-type(1){ float:left; margin-bottom:0.1rem;}
.about_l .about_lc dl:nth-of-type(2){ float:right; margin-left:0; margin-bottom:0.1rem;}
.about_l .about_lc dl:nth-of-type(3){ float:left;}

.about_r{ width:100%; padding-top:0.25rem;}
.about_r li{ margin-bottom:0.25rem;}
.about_r li img{ height:0.5rem;}

/*产品展示*/
.cplb{ width:100%; display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.cplb a{ width:49%; margin-right:0; padding:0.2rem 0.1rem; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-bottom:0.2rem; text-align:center;}
.cplb a:nth-of-type(odd) { float: left; }
.cplb a:nth-of-type(even) { margin-left:2%}
.cpzs #owl-demo { padding:0 0;}
/*行业解决方案*/
.case.slideTxtBox .arrow a{ width:0.55rem; height:0.55rem; background:url(../images/awr.png) no-repeat; background-size: cover; position:absolute; top:5rem;}
.case.slideTxtBox .arrow a:hover{ background:url(../images/awr_ed.png) no-repeat; background-size: cover; }
.case.slideTxtBox .arrow a.prev{ left:1%; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.case.slideTxtBox .arrow a.next{ right:1%;}

.case.slideTxtBox .hd{ position:inherit; left:inherit; top:inherit; z-index:inherit; color:#282828;}
.case.slideTxtBox .hd a{ color:#282828;}
.case.slideTxtBox .hd .fl{ width:100%;}
.case.slideTxtBox .hd .fl .more1{ color:#FFF;}
.case.slideTxtBox .hd .fr{ width:100%; padding-top:0.25rem;}
.case.slideTxtBox .hd .fr li{ border-right: 1px solid rgba(0, 0, 0, 0.1);}
.case.slideTxtBox .hd .fr li:nth-of-type(even){ border-right: none;} 
.case.slideTxtBox .hd .fr li .ioc_img{ width:0.92rem; height:0.92rem; background:#787e7e;}
.case.slideTxtBox .hd .fr li .ioc_img img{ width:auto; height:0.5rem;}

.case.slideTxtBox .bd ul .case_r{ width:100%; background:none; border-top:none; border-left:none; border-top-left-radius:0; padding:0.46rem 3%; position:inherit; right:inherit; bottom:inherit; z-index:inherit;}
.case.slideTxtBox .bd ul .case_r dl.cpnc { width: 32.33%; margin-right: 1.5%; float: left; margin-bottom: 0.2rem; }
.case.slideTxtBox .bd ul .case_r dl.cpnc:nth-child(3n) { margin-right: 0; }
/*合作伙伴*/
.hzhb .hzhb_l{ width:100%;}
.hzhb .hzhb_r{ width:100%; padding-top:0.25rem;}

/*news*/
.newlb a{ margin-right:0.1rem; padding:0.2rem 0.35rem;}
.newlb a:last-child{ background:#00a7b5; color:#FFF;}

.news .new_img{ width:100%; margin-right:0; margin-bottom:0.15rem;}
.news .new_img .newb{ display:none;}
.news .new_img:hover .newa{ opacity: 1;}

.news .news_ry{ width:100%;}
.news .news_ry ul li a.fln{ width:70%;}
}


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