@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top:5.3vw; }
.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 .item .uk-position-center .ban_l{ width:80%;}
.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%; }
/*abouts*/
.more1 { width: 12.5vw; height: 4vw; line-height: 4vw; display: block; position: relative; text-align: center; z-index: 1; color: #FFF; background: #d50003; }
.more1::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #282828; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.more1:hover { color: #fff; background: none;}
.more1:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.abouts .about_l { width: 45%;}
.abouts .about_r { width: 45%;}
.abouts .aboutlc dl{ position:relative;}
.abouts .aboutlc dl dt{ width:50px; position:absolute; left:0; height:100%;}
.abouts .aboutlc dl dd{ padding-left:80px;}
.abouts .aboutlc:nth-of-type(1) dl{ padding:1vw 0 2.5vw 0; border-bottom:1px #eeeeee solid;}
.abouts .aboutlc:nth-of-type(1) dl dt{ top:0;}
.abouts .aboutlc:nth-of-type(2) dl{ padding-top:2vw;}
.abouts .aboutlc:nth-of-type(2) dl dt{ top:1vw;}
/*cpzs*/
.cpzs{ background-image: linear-gradient(to bottom, #f4f4f4 62%, #d50003 38%); position: relative;}
.cpzs .cpzs_cn{ width:76%; margin:0 auto; z-index:1;}
.cpzs .cpzs_cn .slideTxtBox{ width:100%; position:relative; overflow: hidden;}
.cpzs .cpzs_cn .slideTxtBox .hd{ padding:0 3%;}
.cpzs .cpzs_cn .slideTxtBox .hd ul li{ width:auto; cursor:pointer; margin-left:4vw; padding-left:22px;}
.cpzs .cpzs_cn .slideTxtBox .hd ul li:nth-of-type(1){ margin-left:0;}
.cpzs .cpzs_cn .slideTxtBox .hd ul li.on{ background:url(../images/ioc2.png) no-repeat left center;}
.cpzs .cpzs_cn .slideTxtBox .hd ul li.on a{ color:#d50003;}
.cpzs .cpzs_cn .slideTxtBox .bd ul{ zoom:1;  }
.cpzs .cpzs_cn .slideTxtBox .bd ul .cpzs_img { width: 100%; overflow: hidden; position: relative;}
.cpzs .cpzs_cn .slideTxtBox .bd ul .cpzs_img #owl-demo { padding:0 3%;}
.cpzs .cpzs_cn .slideTxtBox .bd ul .cpzs_img .item { width: 100%; display: block; overflow: hidden; display: flex; flex-wrap: wrap; position: relative; max-width: 100%; transition: all .15s linear; } 
.cpzs .cpzs_cn .slideTxtBox .bd ul .cpzs_img .owl-pagination { display: none;}
.cpzs .cpzs_cn .slideTxtBox .bd ul .cpzs_img .owl-buttons div { width:21px; height:100%; background:url(../images/awr.png) no-repeat center; position:absolute; top:0;}
.cpzs .cpzs_cn .slideTxtBox .bd ul .cpzs_img .owl-buttons div:hover{ background:url(../images/awr_ed.png) no-repeat center;}
.cpzs .cpzs_cn .slideTxtBox .bd ul .cpzs_img .owl-buttons div.owl-prev, .cpzs .cpzs_cn .slideTxtBox .bd ul .cpzs_img .owl-buttons div.owl-prev:hover { left:0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.cpzs .cpzs_cn .slideTxtBox .bd ul .cpzs_img .owl-buttons div.owl-next{ right:0;}
.cpzs .cpzs_cn .slideTxtBox .arrow{ display:none;}
/*case*/
.case.slideTxtBox{ width:100%; position:relative; overflow: hidden; color:#FFF;}
.case.slideTxtBox .case_top{ width:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:1; padding-top:5vw;}
.case.slideTxtBox .case_top .case_l{ width:48%;}
.case.slideTxtBox .bd ul{ zoom:1; background:#1b1b1b;}
.case.slideTxtBox .bd ul img{ opacity:0.7;}
.case.slideTxtBox .hd{ width:100%; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1;}
.case.slideTxtBox .hd li{ width:16.66%; padding:5vw 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.case.slideTxtBox .hd li img{ width:auto; height:50px;}
.case.slideTxtBox .hd li:hover, .case.slideTxtBox .hd li.on{ background:url(../images/cy.png) repeat-x bottom; background-size:100% 100%;}
.case.slideTxtBox .arrow{ display:none;}
/*news*/
.new_img{ display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.new_img dl{ width:31.7%; overflow:hidden; margin-right:2.41%; display: flex; flex-wrap: wrap; flex-direction: row;}
.new_img dl:nth-of-type(3){ margin-right:0;}
.new_img dl:nth-of-type(4){ display:none;}



















@media screen and (max-width: 1600px) and (min-width:0) {
.cpzs .cpzs_cn { width: 90%;}
}
@media screen and (max-width: 1300px) and (min-width:0) {
.cpzs .cpzs_cn { width: 96%;}
}
@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 .f45 { font-size: 0.3rem; }
.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; }
.i_banner .item .uk-position-center .ban_l{ width:100%;}

/*abouts*/
.abouts .about_l { width: 100%; padding-bottom: 0.2rem; }
.more1 { width:2.8rem; height: 0.8rem; line-height: 0.8rem; }
.abouts .about_r { width: 100%;}
.abouts .aboutlc dl dt{ width:0.5rem;}
.abouts .aboutlc dl dd{ padding-left:0.8rem;}
.abouts .aboutlc:nth-of-type(1) dl{ padding:0.2rem 0 0.5rem 0;}
.abouts .aboutlc:nth-of-type(2) dl{ padding-top:0.5rem; padding-bottom:0.5rem;}

/*cpzs*/
.cpzs{ background-image: linear-gradient(to bottom, #f4f4f4 70%, #d50003 30%);}
.cpzs .cpzs_cn{ width:98%;}
.cpzs .cpzs_cn .slideTxtBox .hd{ padding:0 3%;}
.cpzs .cpzs_cn .slideTxtBox .hd .fl{ width:100%;}
.cpzs .cpzs_cn .slideTxtBox .hd ul{ width:90%; margin-left:5%;}
.cpzs .cpzs_cn .slideTxtBox .hd ul.pt20{ padding-top:0.45rem;}
.cpzs .cpzs_cn .slideTxtBox .hd ul li{ margin-left:0.4rem; padding-left:0.23rem;}
.cpzs .cpzs_cn .slideTxtBox .arrow{ display:block;}
.cpzs .cpzs_cn .slideTxtBox .arrow a{ display:block; position:absolute; top:1.1rem; z-index:10; width:0.21rem; height:0.3rem; background:url(../images/awr.png) no-repeat center; background-size:contain;}
.cpzs .cpzs_cn .slideTxtBox .arrow a:hover{ background:url(../images/awr_ed.png) no-repeat center; background-size:contain;}
.cpzs .cpzs_cn .slideTxtBox .arrow a.prev, .cpzs .slideTxtBox .arrow a.prev:hover{ left:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.cpzs .cpzs_cn .slideTxtBox .arrow a.next{ right:0;}

/*case*/
.case{ padding:0.7rem 0;}
.case.slideTxtBox{ color:#282828;}
.case.slideTxtBox .case_top{ position:inherit; left:inherit; top:inherit; z-index:inherit; padding-top:0;}
.case.slideTxtBox .case_top .case_l{ width:100%;}
.case.slideTxtBox .bd{ padding-top:0.25rem;}
.case.slideTxtBox .bd ul img{ opacity:1;}
.case.slideTxtBox .hd{ position:inherit; left:inherit; bottom:inherit; z-index:inherit; padding-top:0.4rem; display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.case.slideTxtBox .hd li{ width:50%; padding:0.6rem 0; height:0.5rem; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.case.slideTxtBox .hd li:hover, .case.slideTxtBox .hd li.on{ color:#FFF;}
.case.slideTxtBox .arrow{ display:none;}
.case.slideTxtBox .arrow{ display:block;}
.case.slideTxtBox .arrow a{ display:block; position:absolute; top:6rem; z-index:10; width:0.21rem; height:0.3rem; background:url(../images/awr.png) no-repeat center; background-size:contain;}
.case.slideTxtBox .arrow a:hover{ background:url(../images/awr_ed.png) no-repeat center; background-size:contain;}
.case.slideTxtBox .arrow a.prev, .case.slideTxtBox .arrow a.prev:hover{ left:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.case.slideTxtBox .arrow a.next{ right:0;}

/*news*/

.new_img dl{ width:49%; margin-right:1.4%; margin-bottom:0.2rem;}


.new_img dl:nth-of-type(3){ margin-right:1.4%}
.new_img dl:nth-of-type(2), .new_img dl:nth-of-type(4){ display:block; margin-right:0;}


}


/* 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)
}
}
}
 @keyframes uk-fade { 0% {
opacity:0
}
100% {
opacity:1
}
}
 @keyframes uk-slide-bottom { 0% {
transform:translateY(100%)
}
100% {
transform:translateY(0)
}
}
 @-webkit-keyframes hoop-animation { 0% {
 opacity: 1;
 -moz-transform: translate(0, 0) scale(0.5);
 -ms-transform: translate(0, 0) scale(0.5);
 -webkit-transform: translate(0, 0) scale(0.5);
 transform: translate(0, 0) scale(0.5);
}
 100% {
 -moz-transform: translate(0, 0) scale(1);
 -ms-transform: translate(0, 0) scale(1);
 -webkit-transform: translate(0, 0) scale(1);
 transform: translate(0, 0) scale(1);
 opacity: 0;
}
}
@keyframes hoop-animation { 0% {
 opacity: 1;
 -moz-transform: translate(0, 0) scale(0.5);
 -ms-transform: translate(0, 0) scale(0.5);
 -webkit-transform: translate(0, 0) scale(0.5);
 transform: translate(0, 0) scale(0.5);
}
 100% {
 -moz-transform: translate(0, 0) scale(1);
 -ms-transform: translate(0, 0) scale(1);
 -webkit-transform: translate(0, 0) scale(1);
 transform: translate(0, 0) scale(1);
 opacity: 0;
}
}