@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 .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:48%;}
.i_banner .item .uk-position-center .ban_r{ width:48%;}
.i_banner .item .ban{ position:relative;}
.i_banner .item .ban .ban_l{ height:100%; position:absolute; left:0; top:0;}
.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-demo .owl-item.active .ban_l{ -webkit-animation: fadeInLeftBig 1s .3s both; animation: fadeInLeftBig 1s .3s both;}
.i_banner #owl-demo .owl-item.active .ban_r{ -webkit-animation: fadeInRightBig 1s .7s both; animation: fadeInRightBig 1s .7s both;}
.i_banner .owl-pagination { position: absolute; left: 0; bottom: 2%; text-align: center; z-index:10; }
.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*/
.more{ width: 13.2vw; height: 4vw; line-height: 4vw; display: block; position: relative; text-align: center; z-index: 1; color: #FFF;}
.more1 { background: #e5b200; }
.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); }
/*cpzs*/
.cpzs{ background-image: linear-gradient(to bottom, #fef7f1 58%, #FFF 42%); text-align:center;}
.cpzs .cplb a{ width:auto; display:inline-block; margin-right:7.5%;}
.cpzs .cplb a:last-child{ margin-right:0;}
.cpzs .cplb a .ioc_img span{ width:82px; height:82px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border:2px #e5b200 solid; margin:0 auto;}
.cpzs .cplb a .ioc_img span .img1{ display:block;}
.cpzs .cplb a .ioc_img span .img2{ display:none;}
.cpzs .cplb a:hover .ioc_img span{ background:#e5b200;}
.cpzs .cplb a:hover .ioc_img span .img1{ display:none;}
.cpzs .cplb a:hover .ioc_img span .img2{ display:block;}
.cpzs_bo .item { width: 100%; display: block; overflow: hidden;}
.cpzs_bo .item dl{ position: relative; background:#fef7f1;}
.cpzs_bo .item dl:hover { background:#e5b200;}
.cpzs_bo .item dl:hover a{ color:#FFF;}
.cpzs_bo .owl-pagination{ padding-top:20px;}

/*about*/
.abouts{ position:relative;}
.abouts .abouts_cn{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.abouts .abouts_cn .main{ position:relative;}
.abouts .abouts_cn .main .abo_l{ width:40%;}
.abouts .abouts_cn .main .abo_l .abo1{ position:relative;}
.abouts .abouts_cn .main .abo_l .abo1 dd{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.abouts .abouts_cn .main .abo_l .abo2 dt{ width:40%; border-right: 1px solid rgba(255,255,255,0.3);}
.abouts .abouts_cn .main .abo_l .abo2 dd{ width:50%;}
.abouts .abouts_cn .main .abo_r{ width:53%; position:absolute; right:0; bottom:0;}




@media screen and (max-width: 1600px) and (min-width:0) {
.cpzs .cplb a{ margin-right:6.5%;}
}
@media screen and (max-width: 1300px) and (min-width:0) {
.cpzs .cplb a{ margin-right:5.5%;}
}
@media screen and (max-width: 1100px) and (min-width:0) {
.cpzs .cplb a{ margin-right:5%;}
}
@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top: 0.78rem; }
.i_banner .item .uk-position-center .ban_l{ width:100%;}
.i_banner .item .ban .ban_l{ height:auto; position:inherit; left:inherit; top:inherit;}
.i_banner .item .ban .ban_l .pt40{ padding-top:0.2rem;}
.i_banner .item .ban .ban_l .pt80{ padding-top:0.3rem;}
.i_banner .item .uk-position-center .ban_r{ width:50%; margin:0 auto; padding-top:0.35rem;}
/*abouts*/
.more { width:2.8rem; height: 0.8rem; line-height: 0.8rem; }

/*cpzs*/
.cpzs{ background-image: linear-gradient(to bottom, #fef7f1 70%, #FFF 30%); display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.cpzs .cplb a{ width:25%; display:block; float:left; margin-right:0; margin-bottom:0.2rem;}

.cpzs .cplb a .ioc_img span{ width:0.82rem; height:0.82rem; border-radius: 0.2rem; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem;}
.cpzs .cplb a .ioc_img span img{ height:0.4rem;}

.cpzs_bo .owl-pagination{ padding-top:0.2rem;}

/*about*/
.abouts{ z-index:-1;}
.abouts .abgb{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.abouts .abouts_cn{ position:inherit; left:inherit; top:inherit; z-index:inherit; padding:0.65rem 0;}

.abouts .abouts_cn .main .abo_l{ width:100%;}

.abouts .abouts_cn .main .abo_l .abo2 dt{ width:30%;}
.abouts .abouts_cn .main .abo_l .abo2 dd{ width:60%;}
.abouts .abouts_cn .main .abo_r{ width:100%; position:inherit; right:inherit; bottom:inherit; padding-top:0.35rem;}

}


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