@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top:5.5vw;}
.i_banner .item { width: 100%; display: block; overflow: hidden; position: relative; }
.i_banner .item .cp_txt { width: 100%; position: absolute; left: 0; right: 0; top:22%; z-index: 10; overflow:hidden; }
.i_banner .item .cp_img img{ width: 100%; height:auto; transition: all 1s ease 2.5s;}
.i_banner .owl-item.active .cp_img 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%; }
.i_banner.cls{ margin-top:0;}

.more{ width:160px; height:60px; line-height:60px; display:block; text-align:center;}
.more1{ background:#cd113a; color:#FFF;}
.more1:hover{ background:#2459a8; color:#FFF;}

.more2{ border:1px #a1a1a1 solid; color:#666666;}
.more2:hover{ background:#cd113a; color:#FFF; border:1px #cd113a solid;}



/*产品展示*/
.cplb a{ width:11%; border:1px #c3c3c3 solid; margin:0 4.5%;}
.cplb a .heau img{ width:auto; height:4.3vw; margin:0 auto;}
.cplb a .heau .img1{ display:block;}
.cplb a .heau .img2{ display:none;}
.cplb a:hover{ border:1px #2459a8 solid;}
.cplb a:hover .heau .img1{ display:none;}
.cplb a:hover .heau .img2{ display:block;}

/*case*/

.case_l{ width:28%; background:url(../images/bg1.png) no-repeat; background-size: 100% 100%; padding:1vw 2.7vw 0 1.8vw;}
.case_l li{ width:100%; padding-bottom:1.2vw;}
.case_l li i{ width:19%;}
.case_l li i img{ width:auto; height:1.8vw;}
.case_l li span{ width:81%;}
.case_r{ width:68%; position:relative;}
.case_r #owl-demo { padding:0 8%;}
.case_r dl dt{ position:relative; border-radius: 10px 10px 0 0;}
.case_r dl dt span{ width:auto; position:absolute; right:0; bottom:0; background:url(../images/cy.png) repeat; padding:15px 2vw; border-radius: 10px 0 0 0; z-index:1;}
.case_r dl dd{ background:#eeeeee; border-top:2px #fff solid; border-radius: 0 0 10px 10px;}
.case_r dl:hover dd{ background:#2459a8;}
.case_r dl:hover dd a{ color:#FFF;}
.case_r .owl-pagination{ display:none;}
.case_r .owl-buttons div{ width:2.2vw; height:2.2vw; background:url(../images/awr.png) no-repeat center; background-size: 100% 100%; display: block; position: absolute; top:45%;} 
.case_r .owl-buttons div:hover{ background:url(../images/awr_ed.png) no-repeat center; background-size: 100% 100%;}
.case_r .owl-buttons div.owl-prev, .case_r .owl-buttons div:hover.owl-prev { left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.case_r .owl-buttons div.owl-next, .case_r .owl-buttons div:hover.owl-next { right: 0;}
/*abouts*/
.abouts{ position:relative;}
.abouts .abouts_l{ width:43%; background:url(../images/ay.png) repeat; border-radius: 0 20px 20px 0; height:28vw; position:absolute; left:0; top:6.5vw; z-index:5;} 
.abouts .abouts_l .abouts_c{ width:60%; margin-left:25%; margin-right:15%;}
.abouts .abouts_l .abouts_c li.accordion-item .accordion-header{ cursor: pointer; background:url(../images/ioc1.png) no-repeat left 7px; padding-left:30px; user-select: none;}
.abouts .abouts_l .abouts_c li.accordion-item .accordion-content{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding-left:30px;}
.abouts .abouts_l .abouts_c li.accordion-item.active .accordion-content { max-height:200px;}
.abouts .abouts_r{ width:74%; height:41vw; border-radius: 20px 0 20px 0;}
.abouts .abouts_r .abouts_c{ width:52%; margin:0 15% 0 33%;}
.abouts .abouts_r .abouts_c .about_lb { padding-bottom:1vw;}
.abouts .abouts_r .abouts_c .about_lb a{ display:block; float:left; background:#fff; text-align:center; padding:15px 0;}
.abouts .abouts_r .abouts_c .about_lb a:hover{ background:#cd113a; color:#fff;box-shadow: 5px 5px 5px 0px rgba(255, 255, 255, 0.45); }

/*news*/
.new_img dl{ width:26%; position:relative;}
.new_img dl:nth-of-type(1){ float:left;}
.new_img dl:nth-of-type(2){ float:left; margin:0 11%;}
.new_img dl:nth-of-type(3){ float:right;}
.new_img dl dd{ width:100%; position:absolute; left:0; bottom:0; z-index:1;} 
.new_img dl dd a{ background:url(../images/ty.png) repeat; color:#FFF; padding:15px 10px;}
.new_img dl:hover dd a{ background:url(../images/ay.png) repeat;}

.new_txt{ border:1px #eaeaea solid;}
.new_txt li{ width:26%;}
.new_txt li:nth-of-type(1){ float:left; padding-left:2%;}
.new_txt li:nth-of-type(2){ float:left; margin:0 11%; padding:0 1%;}
.new_txt li:nth-of-type(3){ float:right; padding-right:2%;}
.new_txt li:hover .f18 a{ color:#cd113a;}
.new_txt li:hover .more2{ background:#cd113a; color:#FFF; border:1px #cd113a solid;}





@media screen and (max-width: 1600px) and (min-width:0) {
.more{ width:150px; height:55px; line-height:55px;}
/*abouts*/
.abouts .abouts_l{ height:34vw; top:5vw;} 
.abouts .abouts_l .abouts_c{ width:68%; margin-left:17%;}
.abouts .abouts_l .abouts_c li.accordion-item .accordion-header{ background:url(../images/ioc1.png) no-repeat left 0px;}
.abouts .abouts_r{ height:44vw;}
.abouts .abouts_r .abouts_c{ width:62%; margin:0 12% 0 26%;}

}


@media screen and (max-width: 1300px) and (min-width:0) {
.more{ width:140px; height:50px; line-height:50px;}
/*abouts*/
.abouts .abouts_l{ height:44vw;} 
.abouts .abouts_l .abouts_c{ width:75%; margin-left:13%; margin-right:12%;}
.abouts .abouts_r{ height:54vw;}
.abouts .abouts_r .abouts_c{ width:67%; margin:0 7% 0 26%;}

}




@media screen and (max-width: 1100px) and (min-width:0) {
.more{ width:130px; height:45px; line-height:45px;}




}











@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top: 0.78rem; }
.i_banner .item .cp_txt{ text-align:center; top:0; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height:49%;}
.i_banner .item .cp_txt .f48{ font-size:0.4rem;}
.i_banner .item .pt70{ padding-top:0.3rem;}
.i_banner .item .cp_txt .more1{ margin:0 auto;}
.i_banner .owl-item.active .cp_img img{ animation-name:none; animation-duration:0; }

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

/*产品展示*/
.cplb a{ width:31.33%; margin:0 1% 0.15rem 1%;}
.cplb a .heau img{ height:0.86rem;}
.cpzs .owl-pagination{ padding-top:0.2rem;}

/*case*/

.case_l{ width:100%; background:#cd113a; padding:0.2rem 0.2rem 0 0.2rem;}
.case_l li{ width:33.33%; float:left; padding-bottom:0.2rem;}
.case_l li i{ width:24%;}
.case_l li i img{ height:0.36rem;}
.case_l li span{ width:76%;}
.case_r{ width:100%; padding-top:0.25rem;}
.case_r #owl-demo { padding:0 10%;}
.case_r dl.cone{ width:100%;}
.case_r dl dt{ border-radius: 0.1rem 0.1rem 0 0;}
.case_r dl dt span{ padding:0.15rem 0.4rem; border-radius: 0.1rem 0 0 0; }
.case_r dl dd{ border-radius: 0 0 0.1rem 0.1rem;}
.case_r .owl-buttons div{ width:0.46rem; height:0.46rem; top:45%;} 

/*abouts*/
.abouts .abouts_l{ width:100%; background:#2459a8; border-radius:0; height:inherit; padding:0.65rem 0; position:inherit; left:inherit; top:inherit; z-index:inherit;} 
.abouts .abouts_l .abouts_c{ width:96%; margin:0 2% 0 2%;}

.abouts .abouts_r{ width:100%; height:inherit; border-radius: 0; padding:0.65rem 0;}
.abouts .abouts_r .abouts_c{ width:96%; margin:0 2% 0 2%;}
.abouts .abouts_r .abouts_c .about_lb { padding-bottom:0;}
.abouts .abouts_r .abouts_c .about_lb a{ padding:0.15rem 0;}


/*news*/
.new_img dl{ width:100%;}
.new_img dl:nth-of-type(1){ float:none;}
.new_img dl:nth-of-type(2){ float:none; margin:0.25rem 0;}
.new_img dl:nth-of-type(3){ float:none;}


.new_txt{ border:1px #eaeaea solid;}
.new_txt li{ width:100%;}
.new_txt li:nth-of-type(1){ float:none; padding-left:2%; padding-right:2%;}
.new_txt li:nth-of-type(2){ float:none; margin:0.55rem 0; padding-left:2%; padding-right:2%;}
.new_txt li:nth-of-type(3){ float:none; padding-left:2%; padding-right:2%;}
.new_txt li .pt30{ padding-top:0.15rem;}













}


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