@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:auto; display:block; padding:1.2vw 2.5vw;}
.more1{ background:#c30000; color:#FFF;}
.more1:hover{ background:#454545; color:#FFF;}
.more2{ border: 1px solid rgba(255,255,255,0.5); color:#FFF;}
.more2:hover{ background:#c30000; color:#FFF; border: 1px solid #c30000;}


/*cpzs*/
.cpzs{ width: 100%; overflow: hidden; background:url(../images/bg1.jpg) no-repeat center; background-size:cover;}
.cpzs .slideTxtBox{ position:relative;}
.cpzs .slideTxtBox .arrow{ display:none;}
.cpzs .slideTxtBox .hd{ width:26%; overflow: hidden;}
.cpzs .slideTxtBox .hd li{ width: 100%; overflow: hidden; border-bottom:1px #dcdcdc solid; }
.cpzs .slideTxtBox .hd li.on a{ color:#c30000;}
.cpzs .slideTxtBox .bd{ width:68%; }
.cpzs .slideTxtBox .bd ul{ width: 100%; zoom:1;}
.cpzs .slideTxtBox .bd ul .heau{ width:52%;}
.cpzs .slideTxtBox .bd ul .cp_txt{ width:45%;}
.cpzs .slideTxtBox .bd ul .cp_txt .padt30{ background:url(../images/la.jpg) no-repeat left bottom;}

.cpzs_bo .item { width: 100%; display: block; overflow: hidden; }
.cpzs_bo .item dl{ width:96%; margin:0 auto; background:#f5f5f5;}
.cpzs_bo .item dl:hover{ background:#c30000;}
.cpzs_bo .item dl:hover a{ color:#FFF;}
.cpzs_bo .owl-buttons div{ display:none;}
.cpzs_bo .owl-pagination{ width:100%; text-align:center; padding-top:0.25rem;}

/*about*/
.about_l{ width:59%;}
.about_r{ width:17%;}
.about_r dl{ background:url(../images/ay.png) repeat; width:100%;}
.about_r dl dt img{ width:auto; display:block; margin:0 auto; height:3vw;}
.about_r dl:hover{ background:url(../images/ay_ed.png) repeat;}
.about_r dl:nth-of-type(2){ margin-top:1px;}
.youshi li{ width:33.3333%; position:relative; overflow:hidden;}
.youshi li dl dt{ height:3.2vw;}
.youshi li dl dt img{ width:auto; max-height:3.2vw;}
.youshi li .ysa{ width: 100%; border-top: 1px solid rgba(255,255,255,0.2); margin-top: 3.8vw; overflow:hidden;}
.youshi li .ysb{ width: 100%; overflow:hidden; position:absolute; left:0; bottom:-100%; height:100%; z-index:1;} 
.youshi li .ysb .cone{ position:relative;}
.youshi li .ysb i{ line-height:0.8; position:absolute; right:3%; top:0;}
.youshi li:hover .ysb{ bottom:0;}


/*news*/
.news_bo .item { width: 100%; display: block; overflow: hidden; }
.news_bo .item .conba{ position:relative;}
.news_bo .item .conba .newa{ display:block; transition: all .6s ease-out; width: 100%; height: 100%;}
.news_bo .item .conba .newb{ position: absolute; top: 0; opacity: 0; transform: rotateY(180deg); transition: all .6s ease-out; width: 100%; height: 100%; display: block;}
.news_bo .item .conba:hover .newa{ transition: all .6s ease-out; transform: rotateY(180deg); opacity: 0;}
.news_bo .item .conba:hover .newb{ transition: all .6s ease-out; transform: rotateY(360deg); opacity: 1;}
.news_bo .owl-buttons div{ display:none;}
.news_bo .owl-pagination{ width:100%; text-align:center; padding-top:0.25rem;}











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


}


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

}




@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 .owl-item:nth-of-type(1) .item .cp_txt.bhhy, .i_banner .owl-item:nth-of-type(2) .item .cp_txt.bhhy{ display:inherit; display: inherit; -webkit-box-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; align-items: inherit; }
.i_banner .owl-item:nth-of-type(1) .item .cp_txt, .i_banner .owl-item:nth-of-type(2) .item .cp_txt { top:6%; bottom: inherit; left: 0; right: 0; height:auto; z-index: inherit; }
.i_banner .item .cp_txt .f60{ font-size:0.45rem;}
.i_banner .item .cp_txt .f28{ font-size:0.24rem;}
.i_banner .item .cp_txt .f20{ font-size:0.2rem;}
.i_banner .owl-item.active img{ animation-name: none; animation-duration: none; }

.more{ padding:0.24rem 0.5rem;}


/*cpzs*/
.cpzs .slideTxtBox .arrow{ display:block;}
.cpzs .slideTxtBox .arrow a { width: 0.55rem; height: 0.55rem; background:url(../images/awr.jpg) no-repeat center; background-size: contain; display:block;position: absolute; top:1rem; z-index:5; }
.cpzs .slideTxtBox .arrow a:hover { opacity: 1; }
.cpzs .slideTxtBox .arrow a.next, .cpzs .slideTxtBox .arrow a.next:hover { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.cpzs .slideTxtBox .arrow a.prev, .cpzs .slideTxtBox .arrow a.prev:hover { left: 0; }
.cpzs .slideTxtBox .hd{ width:80%; margin:0 auto; }
.cpzs .slideTxtBox .hd li{ width: 50%; float:left; height:0.8rem; display: -webkit-box; display: flex; align-items: center;}
.cpzs .slideTxtBox .hd li.on{ -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); padding-left:0;}

.cpzs .slideTxtBox .bd{ width:100%; margin-right:0; border-left:none; padding-left:0;}
.cpzs .slideTxtBox .bd ul .heau{ width:100%;}
.cpzs .slideTxtBox .bd ul .cp_txt{ width:100%; padding-top:0.15rem;}


/*about*/
.about_l{ width:100%;}
.about_r{ width:100%; padding-top:0.25rem;}
.about_r dl{ width:49%; float:left;}
.about_r dl dt img{ height:0.6rem;}

.about_r dl:nth-of-type(2){ margin-top:0; margin-left:2%;}

.youshi li{ width:100%; position:relative; overflow:hidden; margin-bottom:0.2rem;}
.youshi li dl dt{ height:0.6rem;}
.youshi li dl dt img{ max-height:0.6rem;}
.youshi li .ysa{ display:none;}
.youshi li .ysb{ position:inherit; left:inherit; bottom:inherit; height:inherit auto; z-index:inherit; padding:0.5rem 0; } 
.youshi li .ysb .cone{ position:relative;}
.youshi li .ysb i{ line-height:0.8; position:absolute; right:3%; top:0;}

.youshi li:hover .ysb{ bottom:inherit;}



















}


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