@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top:5.3vw;}
.i_banner .item .cp_txt { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.i_banner .item .cp_txt .ban_l{ width:auto; }
.i_banner .item .pcd{ width:100%; transition: all 1s ease 2.5s;}
.i_banner #owl-demo .pcd { animation-name: uk-kenburns; animation-duration: 15s; }
.i_banner .owl-pagination { width:100%; position: absolute; left: 0; bottom: 5%; text-align: center; }

.i_banner .owl-pagination { position: absolute; left: 0; bottom: 5%; text-align: center; }
.i_banner .owl-pagination .owl-page { display: inline-block; width:14px; height: 14px; margin: 0 5px; background: #434343; *display: inline;
*zoom: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity:0.5; border:1px #cb4801 solid;}
.i_banner .owl-pagination .owl-page.active { background: #cb4801; width:34px; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; opacity:1;}



.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%; }
/*智慧产线*/
.zhcx{ background-image:url(../images/bg1.jpg);}
.slideTxtBox{ position:relative;  }
.zhcx .slideTxtBox .hd{ width:85%; margin:0 auto;}
.zhcx .slideTxtBox .hd ul{ width:82.4%}
.zhcx .slideTxtBox .hd ul li{ width:15.9%; margin-right:5.1%; float:left;}
.zhcx .slideTxtBox .hd ul li:last-child{ margin-right:0;}
.zhcx .slideTxtBox .hd ul li.on{ color: #cb4801; font-weight:bold;}
.zhcx .slideTxtBox .hd ul li.on a{ color: #cb4801;}
.zhcx .slideTxtBox .hd .morcx{ width:13%; margin-left:4.2%;}
.zhcx .slideTxtBox .bd{ width:100%; padding-top:2vw;}
.zhcx .slideTxtBox .bd ul{ width:68%; margin:0 auto; zoom:1;  }
.zhcx .slideTxtBox .bd ul dl{ width:100%; position:relative;}
.zhcx .slideTxtBox .bd ul dl i{ width:5.4%; display:block; position:absolute; left:47.3%; bottom:-100%;}
.zhcx .slideTxtBox .bd ul dl:hover dt a{ color: #cb4801;}
.zhcx .slideTxtBox .bd ul dl:hover dd 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);}
.zhcx .slideTxtBox .bd ul dl:hover i{ bottom:32.4%;}
/*智能装备*/
.cpzs #thumbs { width:100%; text-align:center;}
.cpzs #thumbs .swiper-slide .heau img{ width:auto; max-height:3.1vw; display:block; margin:0 auto;}
.cpzs #thumbs .swiper-slide .heau .img1{ display:block;}
.cpzs #thumbs .swiper-slide .heau .img2{ display:none;}
.cpzs #thumbs .swiper-slide-thumb-active .heau .img1{ display:none;}
.cpzs #thumbs .swiper-slide-thumb-active .heau .img2{ display:block;}
.cpzs #thumbs .swiper-slide-thumb-active .f19{ color: #cb4801;}
.cpzs #gallery { width: 100%; margin-top:2vw;}
.cpzs #gallery .swiper-slide .cpzs_ly{ display:none; float:left;}
.cpzs #gallery .swiper-slide .cpzs_ry{ width:55%; position:relative; padding-bottom:2vw; z-index:1; float:left;}
.cpzs #gallery .swiper-slide .cpzs_ry .ty{ width:100%; position:absolute; left:0; bottom:0; z-index:-1;}
.cpzs #gallery .swiper-slide.swiper-slide-prev .cpzs_ry{ width:66.5%; display:none;}
.cpzs #gallery .swiper-slide.swiper-slide-active{ position:relative;}			
.cpzs #gallery .swiper-slide.swiper-slide-active .cpzs_ly{ width:55%; display:block; position:absolute; left:-50%; z-index:1; top:0;}
.cpzs #gallery .swiper-slide.swiper-slide-active .cpzs_ry{ width:90%;}	
.cpzs #gallery .swiper-button-white{ width:49px; height:49px; border:2px #282828 solid; background:url(../images/ioc1.png) no-repeat center center; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i;}
.cpzs #gallery .swiper-button-white:hover{ background:url(../images/ioc2.png) no-repeat center center #20263c;}
.cpzs #gallery .swiper-button-prev{ -webkit-transform: rotate(180deg); transform: rotate(180deg); left:0; top:inherit; bottom:10%;}
.cpzs #gallery .swiper-button-next{ left:62px; top:inherit; bottom:10%;}
/*解决方案*/
.jjfa{ background-image:url(../images/bg2.jpg) ;}
.jjfa .slideTxtBox .hd{ width:100%; margin:0 auto;}
.jjfa .slideTxtBox .hd ul li{ width:16.66%; float:left;}
.jjfa .slideTxtBox .hd ul li dl{ margin-bottom:1vw; margin-top:0.5vw;}
.jjfa .slideTxtBox .hd ul li dl a{ position:relative; overflow:hidden;}
.jjfa .slideTxtBox .hd ul li dl a dt{ width:36%; float:left;}
.jjfa .slideTxtBox .hd ul li dl a dd{ width:60%; height:100%; position:absolute; right:0; top:0;}
.jjfa .slideTxtBox .hd ul li.on dl{ background:#FFF; box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1);}
.jjfa .slideTxtBox .hd ul li.on dl a dd{ color:#cb4801;}
.jjfa .slideTxtBox .bd{ width:100%;}
.jjfa .slideTxtBox .bd ul{ position:relative;}
.jjfa .slideTxtBox .bd ul .jjfa_l{ width:45%;}
.jjfa .slideTxtBox .bd ul .jjfa_r{ width:48%;}
/*about*/
.abouts .abouts_l{ width:54%;}
.abouts .abouts_r{ width:40%; position:relative;}
.abouts .abouts_r .video{ width:100%; height:100%; position:absolute; right:0; top:0;}
.abouts .about_lc dl{ border-right:1px solid #dee1e7;}
.abouts .about_lc dl:last-child{ border-right:none;}
.abouts .about_lc dl:nth-of-type(1){ padding-right:4vw;}
.abouts .about_lc dl:nth-of-type(2), .about_lc dl:nth-of-type(3), .about_lc dl:nth-of-type(4){ padding:0 4vw;}
.abouts .about_lc dl:nth-of-type(5){ padding-left:4vw;}
/*可持续发展*/
.fz_top span{ border-bottom:3px #cb4801 solid;}
.fz_l{ width:auto;}
.fz_r{ width:44%;}
/*news*/
.new_lb li{ display:inline;}
.new_lb li:last-child span{ display:none;} 
.newa{ overflow: hidden; position: relative;}
.newa .item dt{ width:50%;}
.newa .item dd{ width:50%; height:100%; position:absolute; right:0; top:0;}
.newa .item dd .newnr{ width:86%;}
.newa .item: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);}
.newa .item:hover dd a{ color:#cb4801;}
.newa .owl-buttons div{ display:none;}
.newa .owl-pagination{ width:auto; position: absolute; left:53.5%; bottom: 5%;}
.newb .item dl dd{ height:16vw;}
.newb .owl-buttons div{ display:none;}
.newb .owl-pagination{ width:100%; text-align:center; padding-top:1vw;}
/******footer**********/
.foot_l{ width:55%;}
.foot_l dd a{ margin-right:0.5em;}
.foot_l dd a:last-child{ margin-right:0;}
.foot_r .fo_logo img{ width:auto; height:4.4vw;}
.foot_r .ewm img{ width:auto; height:7vw;}
@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner{ margin-top:0.78rem; height:auto;}
.i_banner .scroll_wrapper{ bottom: 1%;}
.i_banner .scroll_wrapper .scroll_img{ width:0.3rem;}
.i_banner .item .cp_txt { display:inherit; display: inherit; -webkit-box-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; align-items: inherit; top: 10%;}
.i_banner .item .cp_txt .ban_l{ width:100%;}
.i_banner .item .cp_txt .ban_l .f28{ font-size:0.24rem;}
.i_banner .item .cp_txt .ban_l .f48{ font-size:0.34rem;}
.i_banner .item .cp_txt .ban_l .f24{ font-size:0.22rem;}
/*智慧产线*/
.zhcx .slideTxtBox .hd{ width:100%; position:relative;}
.zhcx .slideTxtBox .hd ul{ width:100%}
.zhcx .slideTxtBox .hd ul li{ width:30%; margin-right:3.33%; float:left; margin-bottom:0.2rem;}
.zhcx .slideTxtBox .hd ul li:last-child{ margin-right:0;}
.zhcx .slideTxtBox .hd ul li.on{ color: #cb4801; font-weight:bold;}
.zhcx .slideTxtBox .hd ul li.on a{ color: #cb4801;}
.zhcx .slideTxtBox .hd .morcx{ width:30%; margin-left:0; position:absolute; right:3.33%; bottom:0.2rem;}
.zhcx .slideTxtBox .bd{ width:100%; float:none;}
.zhcx .slideTxtBox .bd ul{ width:100%; margin:0 0; zoom:1;  }
.zhcx .slideTxtBox .bd ul dl{ width:100%; }
.zhcx .slideTxtBox .bd ul dl i{ width:7%; left:46.5%; bottom:32.4%;}
.zhcx .slideTxtBox .arrow a{ width:10px; height:16px; background:url(../images/ioc1.png) no-repeat; position:absolute; top:2rem; z-index:2;}
.zhcx .slideTxtBox .arrow a:hover{ background:url(../images/ioc3.png) no-repeat;}
.zhcx .slideTxtBox .arrow a.prev{ left:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.zhcx .slideTxtBox .arrow a.next{ right:0;}
/*智能装备*/
.cpzs #thumbs .swiper-slide .heau img{ max-height:0.62rem;}
.cpzs #gallery { margin-top:0.4rem;}
.cpzs #gallery .swiper-slide .cpzs_ry{ width:55%; padding-bottom:0.2rem; }
.cpzs #gallery .swiper-slide.swiper-slide-prev .cpzs_ry{ width:100%; display:none;}		
.cpzs #gallery .swiper-slide.swiper-slide-active .cpzs_ly{ width:100%; display:block; position:inherit; left:inherit; z-index:1; top:inherit;}
.cpzs #gallery .swiper-slide.swiper-slide-active .cpzs_ry{ width:100%; padding-top:0.2rem;}	
.cpzs #gallery .swiper-button-white{ width:0.49rem; height:0.49rem;}
.cpzs #gallery .swiper-button-prev{ position:inherit; left:inherit; top:inherit; right:inherit; bottom:inherit; margin-top:0.6rem; float:left;}
.cpzs #gallery .swiper-button-next{ position:inherit; left:inherit; top:inherit; right:inherit; bottom:inherit; margin-top:0.6rem; margin-left:0.2rem; float:left;}
/*解决方案*/
.jjfa .slideTxtBox .hd ul li{ width:33.33%; margin-bottom:0.1rem}
.jjfa .slideTxtBox .hd ul li dl{ margin-bottom:0.2rem; margin-top:0.1rem;}
.jjfa .slideTxtBox .hd ul li dl a dt{ width:100%; float:none;}
.jjfa .slideTxtBox .hd ul li dl a dd{ width:100%; height:auto; position:inherit; right:inherit; top:inherit; padding-top:0.2rem; text-align:center; display:inherit;}
.jjfa .slideTxtBox .bd ul .jjfa_l{ width:100%;}
.jjfa .slideTxtBox .bd ul .jjfa_r{ width:100%; padding-top:0.3rem;}
.jjfa .slideTxtBox .arrow a{ width:10px; height:16px; background:url(../images/ioc1.png) no-repeat; position:absolute; top:3rem; z-index:2;}
.jjfa .slideTxtBox .arrow a:hover{ background:url(../images/ioc3.png) no-repeat;}
.jjfa .slideTxtBox .arrow a.prev{ left:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.jjfa .slideTxtBox .arrow a.next{ right:0;}

/*about*/
.abouts .abouts_l{ width:100%;}
.abouts .abouts_r{ width:100%; margin-top:0.25rem;}
.abouts .about_lc dl{ border-right:1px solid #dee1e7;}
.abouts .about_lc dl:last-child, .about_lc dl:nth-of-type(even){ border-right:none;}
.abouts .about_lc dl:nth-of-type(1){ width:50%; padding:0 0; margin-bottom:0.1rem; float:left;}
.abouts .about_lc dl:nth-of-type(2){ width:40%; padding:0 0; margin-bottom:0.1rem; float:right;} 
.abouts .about_lc dl:nth-of-type(3){ width:50%; padding:0 0; float:left; margin-bottom:0.1rem;}
.abouts .about_lc dl:nth-of-type(4){ width:40%; padding:0 0; float:right; margin-bottom:0.1rem;}
.abouts .about_lc dl:nth-of-type(5){ width:50%; padding:0 0; float:left; padding-left:0;}
/*可持续发展*/
.fz_l{ width:100;}
.fz_r{ width:100%; padding-top:0.25rem;}


/*news*/
.new_lb{ text-align:left;}
.new_lb li{ display:block; width:33.33%; margin-bottom:0.1rem; float:left;}
.new_lb li:nth-child(3n) span{ display:none;} 
.newa .item dt{ width:100%;}
.newa .item dd{ width:90%; height:inherit; position:inherit; right:inherit; top:inherit; padding:0.3rem 0; margin:0 5%;}
.newa .item dd .newnr{ width:90%;}
.newa .owl-pagination{ width:auto; right:5%; bottom: 2%; left:inherit;}
.newb .item dl dd{ height:inherit;}
.newb .item dl.conba{ width:100%;} 
.newb .owl-buttons div{ display:none;}
.newb .owl-pagination{ padding-top:0.2rem;}

/******footer**********/
.foot_l{ width:100%;}
.foot_r{ width:100%;}
.foot_r .fo_logo img{ max-width:100%; width:auto; height:auto;}


}

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