@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:#cb0000; color:#FFF;}
.more1:hover{ background:#535353; color:#FFF;}

.more2{ border:1px #282828 solid; color:#282828;}
.more2:hover{ background:#cb0000; color:#FFF; border:1px #cb0000 solid;}


/*产品展示*/
.cplb a{ width:auto; display:block; float:left; margin-right:0.4vw; padding:1vw 0.4vw; background:#f5f5f5;}
.cplb a:last-child{ margin-right:0;}
.cplb a:hover{ background:#b51b13; 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:#cb0000;}
.cpzs .item dl:hover a{ color:#cb0000;}
.cpzs .owl-pagination{ display:none;}
.cpzs .owl-buttons div{ width:42px; height:100%; background:url(../images/awr.jpg) 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;}

/*案例展示*/
.use{ background:url(../images/bg1.jpg) no-repeat center; background-size:cover;}
.use_bo{ display: flex; overflow:hidden;}
.use_bo dl{ position: relative; width:25%; height:auto;transition: .6s; background:#111111; border-right: 1px solid rgba(255,255,255,0.2);}
.use_bo dl dt{ width:100%; height:63vh; opacity:0.6; background-repeat: no-repeat; background-position: left center; background-size: cover;}
.use_bo dl .fd{ position:absolute; left:0; top:0; z-index:1;}
.use_bo dl dd{ width:100%; background:url(../images/py.png) repeat; position:absolute; left:0; bottom:-100%; z-index:1;}
.use_bo dl dd ul li{ width:47%;}
.use_bo dl dd ul li .heau{ border:3px #dcdcdc solid;}
.use_bo dl dd ul li:nth-of-type(odd) { float: left; }
.use_bo dl dd ul li:nth-of-type(even) { float: right; }
.use_bo dl dd ul li:hover .heau{ border:3px #222222 solid;}
.use_bo:hover dl{ width: 20%;}
.use_bo dl:hover{ width: 40%;}
.use_bo dl:hover dt{ background-position: center center;}
.use_bo dl:hover dd{ bottom:0;}
/*优势*/
.ys_bo{ border-bottom:1px #dcdcdc solid; border-top:1px #dcdcdc solid; border-left:1px #dcdcdc solid;}
.ys_bo li{ width:25%; border-right:1px #dcdcdc solid; overflow:hidden; position:relative;}
.ys_bo li .cone{ position:relative; height:34vh; z-index:1;}
.ys_bo li .cone .ioc_img{ width:4.5vw; height:4.5vw; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border:1px #cb0000 dashed; position:absolute; left:0; bottom:2vw;}
.ys_bo li .cone .ioc_img img{ width:auto; max-height:2.6vw;}
.ys_bo li .cone .ioc_img .img1{ display:block;}
.ys_bo li .cone .ioc_img .img2{ display:none;}
.ys_bo li .sum{ position:absolute; right:-6%; bottom:0.2vw; color:#ededed; z-index:-1;}
.ys_bo li:hover{ background:#cb0000; color:#FFF;}
.ys_bo li:hover .cone .ioc_img{ border:1px #FFF dashed;}
.ys_bo li:hover .cone .ioc_img .img1{ display:none;}
.ys_bo li:hover .cone .ioc_img .img2{ display:block;} 
.ys_bo li:hover .sum{ color:#d04141;}
/*abouts*/
.abouts{ background:url(../images/bg23.jpg) no-repeat center; background-size:cover;}
.abouts .about_l{ width:52%;}
.abouts .about_r{ width:41%; position:relative;}
.abouts .about_r .heau{ background:#434343;}
.abouts .about_r i{ width:100%; height:100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position:absolute; left:0; top:0; z-index:1;}
.abouts .about_lc dl:nth-child(1){ width:27%;}
.abouts .about_lc dl:nth-child(2){ width:32%;}
.abouts .about_lc dl:nth-child(3){ width:auto;}
.abouts .about_lc dl:nth-child(4).fln{ width:auto; float:right;}
/*合作伙伴*/
.hzhb .item { width: 100%; display: block; overflow: hidden;}
.hzhb .item .conb{ border:1px #e5e5e5 solid;}
.hzhb .item .conb:hover{ border:1px #cb0000 solid;}
.hzhb .owl-buttons div{ display:none;}
.hzhb .owl-pagination{ padding-top:20px; text-align:center;}
/*news*/
.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:#cb0000; 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 .new_ry{ width:35%;}
.news .new_ry dl{ margin-bottom:2.2vh;}
.news .new_ry dl:last-child{ margin-bottom:0;}
.news .new_ry dl dt{ width:44%; margin-right:2%;}
.news .new_ry dl dd{ width:54%;}



.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;}

.use_bo dl dt{ height:58vh;}

}


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

.use_bo dl dt{ height:50vh;}

}




@media screen and (max-width: 1100px) and (min-width:0) {
.use_bo dl dt{ height:46vh;}



}











@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;}

/*产品展示*/
.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;}

/*案例展示*/

.use_bo{ display:inherit;}
.use_bo dl{ width:100%; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.2);}
.use_bo dl dt{ width:100%; height:60vh; }
.use_bo dl dd{ bottom:0;}
.use_bo dl dd ul li{ width:49%;}
.use_bo:hover dl{ width: 100%;}
.use_bo dl:hover{ width:100%;}

/*优势*/

.ys_bo li{ width:50%;}
.ys_bo li:nth-of-type(1), .ys_bo li:nth-of-type(2){ border-bottom:1px #dcdcdc solid;}

.ys_bo li .cone{ height:4rem;}
.ys_bo li .cone .ioc_img{ width:0.88rem; height:0.88rem; bottom:0.2rem;}
.ys_bo li .cone .ioc_img img{ max-height:0.5rem;}

.ys_bo li .sum{ bottom:0; line-height:1;}
/*abouts*/

.abouts .about_l{ width:100%;}
.abouts .about_r{ width:100%; padding-top:0.3rem}

.abouts .about_lc dl:nth-child(1){ width:50%; margin-bottom:0.25rem;}
.abouts .about_lc dl:nth-child(2){ width:50%; margin-bottom:0.25rem;}
.abouts .about_lc dl:nth-child(3){ width:50%;}
.abouts .about_lc dl:nth-child(4).fln{ width:50%; float:left;}


.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 .new_ry{ width:100%; padding-top:0.25rem}
.news .new_ry dl{ margin-bottom:0.15rem;}
.news .new_ry dl dt{ width:42%; margin-right:2%;}
.news .new_ry dl dd{ width:56%;}
}


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