@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; 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: 46%;}
.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-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%; }
/*cpzs*/
.cplb li{ display:inline-block; margin-bottom:1.5vw;}
.cplb li span{ margin:0 0.9vw;}
.cplb li:hover a{ color:#a91f24; font-weight:bold;}
.cplb li:last-child span{ display:none;}
.cpzs_bo #owl-demo .item dl{ background:#ffffff; }
.cpzs_bo #owl-demo .item dl:hover{ background:#a91f24; box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1); color:#FFF; }
.cpzs_bo #owl-demo .item dl:hover dt a{ color:#FFF; }
.cpzs_bo #owl-demo .item 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);}
.cpzs_bo .owl-buttons div{ display:none;}
.cpzs_bo .owl-pagination{ width:100%; padding-top:20px; text-align: center;}

/*case*/
.case.slideTxtBox{ width:100%; position:relative;}
.case.slideTxtBox .hd{ width: 100%; color:#FFF;}
.case.slideTxtBox .hd a{ color:#FFF;}
.case.slideTxtBox .hd .case_l{ width:35%; position: absolute; top: 0; left: 11%; height: 100%; z-index:2;}
.case.slideTxtBox .hd .case_r{ width:27%; border-left:1px solid rgba(255, 255, 255, 0.1); position: absolute; top: 0; right: 11%; height: 100%; z-index:2; border-right:1px solid rgba(255, 255, 255, 0.1);}
.case.slideTxtBox .hd .case_r li{ width:100%; height:25%; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.case.slideTxtBox .hd .case_r li.on{ background:url(../images/cy.png) repeat;}
.case.slideTxtBox .hd .case_r li:last-child{ border-bottom:none;}
.case.slideTxtBox .hd .case_r li .ioc_img{ max-width:auto; height:3vw;}

/*about*/
.about_l{ width:58%;}
.about_r{ width:37%;}

.ryzz .owl-buttons div{ display:none;}
.ryzz .owl-pagination{ width:100%; padding-top:20px; text-align: center;}

/*news*/
.new_img{ width:32.4%; margin-right:1.6%;}

.sideMenu{ width:32%; overflow: hidden; padding-bottom:2.5vw;}
.sideMenu h3{ width: 100%; overflow: hidden; cursor:pointer; font-weight:normal; margin-top:2.5vw;}
.sideMenu h3 .btopr{ display:none;}
.sideMenu h3 .fl{ width:78%; overflow:hidden; height:24px; line-height:24px; font-size:18px;}
.sideMenu h3 .fr{ height:24px; line-height:24px;}
.sideMenu ul{ width: 100%; display:none; border-bottom:1px #dcdcdc solid; overflow:hidden;}
.sideMenu h3.on .btopr{ display:block;}
.sideMenu h3.on .fl{ width:100%; overflow:hidden; font-size:22px; font-weight:bolder; height:auto; line-height:1.8;} 
.sideMenu h3.on .fr{ display:none;}

/*link*/
.link_fl{ width:3%;}
.link_fr{ width:95%;}

@media screen and (max-width: 1650px) and (min-width:0) {
.i_banner .item .cp_txt .ban_l{ width: 50%;}

.cplb li span{ margin:0 0.7vw;}

/*case*/
.case.slideTxtBox .hd .case_l{ width:43%; left: 7%;}
.case.slideTxtBox .hd .case_r{ width:30%; right: 7%;}



}
@media screen and (max-width: 1350px) and (min-width:0) {
.i_banner .item .cp_txt .ban_l{ width: 54%;}

.cplb li span{ margin:0 0.5vw;}

/*case*/
.case.slideTxtBox .hd .case_l{ width:46%; left: 5%;}
.case.slideTxtBox .hd .case_r{ width:30%; right: 5%;}

}
@media screen and (max-width: 1250px) and (min-width:0) {
}

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

/*cpzs*/
.cplb li{ width:33.33%; margin-bottom:0.2rem; display:block; float:left; text-align:left;}
.cplb li span{ margin:0 0.1rem;}
.cplb li:nth-child(3n) span{ display:none;}

/*case*/
.case.slideTxtBox{ padding:0.9rem 0;}
.case.slideTxtBox .hd{ color:#282828;}
.case.slideTxtBox .hd a{ color:#282828;}
.case.slideTxtBox .hd .case_l{ width:96%; position:inherit; top:inherit; left:inherit; height:auto; z-index:inherit; margin:0 2%;}
.case.slideTxtBox .hd .case_l .more1{ color:#FFF;}
.case.slideTxtBox .hd .case_r{ width:90%; border-left:none; position: inherit; top:inherit; right:inherit; height:auto; z-index:inherit; border-right:none; padding-top:0.3rem; margin:0 5%;}
.case.slideTxtBox .hd .case_r li{ width:25%; height:auto; border-bottom:none; float:left; text-align:center; background:#999; border-right:1px solid rgba(255, 255, 255, 0.1); padding:0.35rem 0; color:#FFF;}
.case.slideTxtBox .hd .case_r li a{ color:#FFF;}
.case.slideTxtBox .hd .case_r li.on{ background:#a91f24; border-right:none;}
.case.slideTxtBox .hd .case_r li:last-child{ border-right:none;}
.case.slideTxtBox .hd .case_r li .ioc_img{ height:0.6rem;}
.case.slideTxtBox .hd .case_r li dl{ width:100%;}
.case.slideTxtBox .bd{ width:100%; padding-top:0.45rem;}
.case.slideTxtBox .bd img.opac5{ opacity: 1;}
.case.slideTxtBox .arrow{ width:100%; position:absolute; top:58%; z-index:1; left:0;}
.case.slideTxtBox .arrow a{ width:8px; height:7px; background:url(../images/ioc2.png); display:block;}
.case.slideTxtBox .arrow a:hover{ background:url(../images/ioc3.png);}
.case.slideTxtBox .arrow a.prev{ float:left; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.case.slideTxtBox .arrow a.next{ float:right;}

/*about*/
.about_l{ width:100%;}
.about_r{ width:100%; padding-top:0.25rem;}






/*new*/
.new_img{ width:100%; margin-right:0; margin-top:0.15rem;}
.sideMenu{ width:100%; padding-bottom:0.35rem; margin-top:0.35rem;}
.sideMenu h3{ margin-top:0.3rem;}
.sideMenu h3 .fl{ width:100%; height:auto; line-height:auto; font-size:0.26rem;}
.sideMenu h3 .fr{ display:none;}
.sideMenu ul{ display:block; padding-bottom:0.22rem; opacity:0.7;}
.sideMenu h3.on .btopr{ display:none;}
.sideMenu h3.on .fl{ font-size:0.26rem; font-weight:normal;} 
.sideMenu h3.on .fr{ display:none;}









}

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