@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; height:auto;}
.i_banner .item { width: 100%; display: block; overflow: hidden; position: relative; }
.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%; }
/*about*/
.about_l{ width:29%;}
.about_r{ width:61%;}
.about_r .about_lc li{ width:32%; margin-right:2%; background:url(../images/bg2.png) no-repeat top right;}
.about_r .about_lc li:last-child{ margin-right:0;}
.about_r .about_lc li .heau img{ width:auto; height:2.4vw; margin-left:1em;}
.about_r .about_lc li .heau .img1{ display:block;}
.about_r .about_lc li .heau .img2{ display:none;}
.about_r .about_lc li:hover .heau .img1{ display:none;}
.about_r .about_lc li:hover .heau .img2{ display:block;}
/*cpzs*/
.cpzs{ background:url(../images/bg1.jpg) no-repeat center top;}
.cpzs .cplbi a{ width:auto; padding:0 1.2vw; display:block; height:2.8vw; line-height:2.8vw; border:1px solid rgba(255, 255, 255, 0.4); color:#FFF; margin:0 0.5%;}
.cpzs .cplbi a:hover{ background:#ffffff; color:#06338b;}
.cpzs .cpzs_bo{ position: relative;}



.cpzs .cpzs_bo .item dl{ background:#ffffff;}
.cpzs .cpzs_bo .item dl .fln{ height:2.3vw; line-height:2.3vw;}
.cpzs .cpzs_bo .item dl:hover{ background:#06338b; color:#FFF;}
.cpzs .cpzs_bo .item dl: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);}
.cpzs .cpzs_bo .item dl:hover a{ color:#FFF;}

.cpzs .owl-pagination{ display:none;}
.cpzs .owl-buttons{ width:140px; margin:0 auto; padding-top:30px;}
.cpzs .owl-buttons div{ width:64px; height:20px; background:url(../images/awr1_ed.png) no-repeat;}
.cpzs .owl-buttons div:hover{ background:url(../images/awr1.png) no-repeat;}
.cpzs .owl-buttons div.owl-prev{ float:left;}
.cpzs .owl-buttons div.owl-next{ float:right;  -webkit-transform: rotate(180deg); transform: rotate(180deg);}
/*case*/
.case dl{ width: 24.8125%; margin-right: 0.25%; height:auto; transition: .6s; position: relative; overflow:hidden; height:80vh;}
.case dl:nth-child(4n) { margin-right: 0; }
.case dl dt{ position:relative;}
.case dl dt .case1_txt{ width:100%; position:absolute; left:0; bottom:8.6%;}
.case dl dt .case1_txt .ioc_img{ width:auto; height:6.4vh;}
.case dl dt .case1{ width:100%; height:80vh; background-repeat: no-repeat; background-position: left center; background-size: cover;}
.case dl dd{ width:100%; display:none;}
.case dl dd .case2{ width:100%; height:42vh; background-repeat: no-repeat; background-position: center center; background-size: cover; animation-name: uk-kenburns; animation-duration: 15s;}
.case dl dd .case2 a{ width:100%; height:42vh;}
.case dl dd ul li{ position:relative;}
.case dl dd ul li .heau img{ opacity: 1;}
.case:hover dl{ width: 14%;}
.case dl:hover{ width: 57.25%;}
.case dl:hover dt{ display:none;}
.case dl:hover dd{ display:block;}
.case dl:hover dd ul li:hover .heau img{ opacity:0.6;}
/*news*/
.newi .mor1{ color:#d74814;}
.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:#06338b;}
.newa .item:hover .mor1{ color:#06338b;}
.newa .owl-buttons div{ display:none;}
.newa .owl-pagination{ width:auto; position: absolute; left:53.5%; bottom: 5%;}

.newb .owl-carousel .owl-wrapper{ display: -webkit-box; display: flex; }
.newb .owl-carousel .owl-wrapper .owl-item{ display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start;}
.newb .item{ background: #eff3f6; width:96%; margin:0 3%;}
.newb .item:hover{ background: #06338b; color:#fff;}
.newb .item:hover a{ color:#fff;}
.newb .owl-buttons div{ display:none;}
.newb .owl-pagination{ width:100%; text-align:center; padding-top:1vw;}
/*hzhb_bo*/
.hzhb_bo .owl-pagination{ display:none;}
.hzhb_bo .owl-buttons{ width:140px; margin:0 auto; padding-top:30px;}
.hzhb_bo .owl-buttons div{ width:64px; height:20px; background:url(../images/awr1_ed.png) no-repeat;}
.hzhb_bo .owl-buttons div:hover{ background:url(../images/awr1.png) no-repeat;}
.hzhb_bo .owl-buttons div.owl-prev{ float:left;}
.hzhb_bo .owl-buttons div.owl-next{ float:right;  -webkit-transform: rotate(180deg); transform: rotate(180deg);}


@media screen and (max-width: 1500px) and (min-width:0) {
}
@media screen and (max-width: 1350px) and (min-width:0) {
}
@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;}
/*about*/
.about_l{ width:100%;}
.about_r{ width:100%; padding-top:0.25rem;}
.about_r .about_lc li{ width:100%; margin-right:0; background:url(../images/bg2.png) no-repeat bottom right; background-size: cover; margin-bottom:0.2rem; padding:0.15rem; text-align:center;}
.about_r .about_lc li .text-right{ text-align:center;}
.about_r .about_lc li .heau img{ height:0.48rem; margin:0 auto;}
/*cpzs*/
.cpzs .cplbi a{ width:49%; padding:0 0; height:0.56rem; line-height:0.56rem; float:left; margin-bottom:0.2rem;}
.cpzs .cpzs_bo .item dl.conba{ width:100%;}
.cpzs .cpzs_bo .item dl .fln{ height:0.46rem; line-height:0.46rem;}

.cpzs .owl-buttons{ width:3rem; padding-top:0.3rem;}
.cpzs .owl-buttons div{ width:1.28rem; height:0.4rem; background-size:contain;}
.cpzs .owl-buttons div:hover{ background-size:contain;}
/*case*/
.case dl{ width: 100%; margin-right: 0; height:auto; margin-bottom:0.2rem; float:left;}
.case dl:nth-child(4n) { margin-right: 0; }
.case dl dd{ width:100%; display:block;}
.case dl dd ul li{ position:relative; width: 32.4%; margin-right: 1.4%; float: left;}
.case dl dd ul li:nth-child(3n) { margin-right: 0; }
.case dl dd ul li:nth-child(2n) { margin-right: 1.4%; }
.case dl dd ul li .heau img{ opacity: 0.6;}
.case:hover dl{ width: 100%;}
.case dl:hover{ width: 100%;}
/*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.conba{ width:100%;} 
.newb .owl-buttons div{ display:none;}
.newb .owl-pagination{ padding-top:0.2rem;}
/*hzhb_bo*/
.hzhb_bo .owl-buttons{ width:3rem; padding-top:0.3rem;}
.hzhb_bo .owl-buttons div{ width:1.28rem; height:0.4rem; background-size:contain;}
.hzhb_bo .owl-buttons div:hover{ background-size:contain;}

}

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