@charset "utf-8";
.autoPage { width: 100%; height: 100%; }
html, body, main { position: relative; height: 100%; }
.swiper-container { width: 100%; height: 100%; }
.swiper-container .swiper-slide{ width: 100%; height: 100%; overflow:hidden;}
/*Pagination*/
.mian_pagiation { display: flex; flex-direction: column; top: 50%; transform: translateY(-50%); width: 120px; left: 2%; position: fixed; z-index: 1000; }
.mian_pagiation .swiper-pagination-bullet { width: 15px; height: 15px; position: relative; top: 0px; background: transparent; margin: 0; margin-bottom: 25px!important; border-radius: 0; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); cursor: pointer; }
.mian_pagiation .swiper-pagination-bullet:hover .indicator_spot { background: url(../images/icon_lingxing.png) no-repeat!important; }
.mian_pagiation .swiper-pagination-bullet:hover .indicator_spot1 { background: url(../images/icon_lingxing1.png) no-repeat!important; }

.mian_pagiation .swiper-pagination-bullet:hover .indicator_item_active { opacity: 1 !important; -ms-filter: none !important; filter: none !important; -webkit-transform: translateX(10px) !important; -moz-transform: translateX(10px) !important; -o-transform: translateX(10px) !important; -ms-transform: translateX(10px) !important; transform: translateX(10px) !important; }

.indicator_spot { width: 15px; height: 15px; position: absolute; left: 0px; background: url(../images/icon_lingxin_hover.png) no-repeat; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); opacity: 1; }
.indicator_spot1 { width: 15px; height: 15px; position: absolute; left: 0px; background: url(../images/icon_lingxin_hover1.png) no-repeat; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); opacity: 1; }



.indicator_shadow .indicator_spot { -webkit-filter: drop-shadow(1px 1px 2px Gray); filter: drop-shadow(1px 1px 2px Gray) }
.indicator_shadow .indicator_item_active_line { background-color: rgba(0, 0, 0, 0.2); }
.indicator_shadow .indicator_item_active_text { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }

.indicator_shadow .indicator_item_active_line1 { background-color: rgba(255, 255, 255, 0.2); }
.indicator_shadow .indicator_item_active_text1 { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4); }



.indicator_item_active { position: absolute; left: 25px; opacity: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; pointer-events: none; -webkit-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); }

.indicator_item--hover .indicator_item_active { opacity: 1 !important; -ms-filter: none !important; filter: none !important; -webkit-transform: translateX(10px) !important; -moz-transform: translateX(10px) !important; -o-transform: translateX(10px) !important; -ms-transform: translateX(10px) !important; transform: translateX(10px) !important; }

.indicator_item_active_line { width: 11px; height: 1px; background-color: #cf0000; margin-right: 9px; }
.indicator_item_active_line1 { width: 11px; height: 1px; background-color: #FFF; margin-right: 9px; }


.indicator_item_active_text { font-size: 12px; margin-top: -4px; pointer-events: none; font-weight: bold; }
.mian_pagiation .swiper-pagination-bullet-active { transform: matrix(1, 0, 0, 1, -10, 0)!important; }
.mian_pagiation .swiper-pagination-bullet-active .indicator_item_active { opacity: 1; left: 12px; }
.mian_pagiation .swiper-pagination-bullet-active .indicator_spot, .mian_pagiation .swiper-pagination-bullet-active .indicator_spot1 { opacity: 0; }
/*scroll_wrapper*/
.scroll_wrapper { position: fixed; top: auto; left: 0px; bottom: 0px; right: auto; width: 100%; height: 5%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; align-items: flex-start; justify-content: center; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 99; }
.scroll_wrapper .scroll_img { width: 16px; height: 16px; background: url(../images/scoll_down.png) no-repeat top center; display: block; animation: turnCirle 5s infinite; -webkit-animation: turnCirle 5s infinite; }
.scroll_txt { font-weight: bold; font-size: 12px; margin-left: 10px; overflow: hidden; cursor: pointer; }
.scroll_txt span { display: inline-block; transform: translateY(-100%); animation: turnDown 3s infinite; -webkit-animation: turnDown 3s infinite; }
.scroll_wrapper:hover .scroll_txt span { color: #cf0000; }
.scroll_wrapper:hover .scroll_img, .scroll_wrapper.scroll_change .scroll_img { background: url(../images/scoll_downhover.png) no-repeat top center; background-size: 100% 100% }
.swtop { height: 10vh; }
.swbo { height: 90vh;}
/*slider1*/
.slider1 { width: 100%; height: 100%; position:relative;}
.i_banner { width: 100%; overflow: hidden; position: relative; height: 100vh;}
.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: 100vh; z-index: 2; text-align: center; }
.i_banner .item .video-wrapper { width: 100%; height: 100vh; }

.i_banner #owl-demo .owl-item .uk-animation-kenburns img { width: 100%; height: 100vh; 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 { width: 100%; position: absolute; left: 0; bottom: 10%; text-align: center; z-index:100;}
.i_banner .owl-buttons div { width: 50px; height:100vh; 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%; }
/*slider2*/
.about_top{ height: 73%;}
.about_top .abouts{ width:70%;}
.about_top .abouts .ab_top dt{ position:absolute; left:0; top:1.5vw; z-index:1;}
.about_top .abouts .ab_top dd img{ width:auto; height:4.9vw;}
.about_bo{ height: 27%; background:url(../images/hy.png) repeat;}
.about_bo .about_lc dl{ margin:0 5.5vw;}
.about_bo .about_lc dl:nth-of-type(1) a.xialaguang{ margin:0 5.5vw 0 0;}
.about_bo .about_lc dl:last-child a.xialaguang{ margin:0 0 0 5.5vw;}
.about_bo .about_lc dl span{ display:block; float:left;}
.about_bo .about_lc dl span.zs{ width:26px; height:26px; line-height:26px; text-align:center; background:#fff; color:#ae0808; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-left:0.4vw;}
/*slider3*/
.lunhuan { position:relative;}
.lunhuan .cp_top{ width:100%; height:66%; position:absolute; left:0; top:10vh; z-index:2; color:#fff; }
.lunhuan .cp_top a{ color:#fff;}
.slideTxtBox{ width:100%; position:relative;}
.slideTxtBox .arrow{ display:none;}
.slideTxtBox .bd ul{ width:100%; zoom:1;}
.slideTxtBox .bd ul img{ height:100vh;}
.slideTxtBox .hd{ width:100%; overflow:hidden; position:absolute; left:0; bottom:12vh; z-index:1;}
.slideTxtBox .hd ul li{ float: left; margin: 0 0.5% 0 0.5%; background:#f4f4f4;}
.slideTxtBox .hd ul li .main{ position:relative;}
.slideTxtBox .hd ul li .f40{ position:absolute; right:0; top:0; opacity:0.4;}
.slideTxtBox .hd ul li .heau img{ width:auto; height:2.5vw;}
.slideTxtBox .hd ul li .heau .img1{ display:block;}
.slideTxtBox .hd ul li .heau .img2{ display:none;}
.slideTxtBox .hd ul li:hover, .slideTxtBox .hd ul li.on{ background:#cf0000; color:#FFF;} 
.slideTxtBox .hd ul li:hover a, .slideTxtBox .hd ul li.on a{ color:#FFF;}
.slideTxtBox .hd ul li:hover .f40, .slideTxtBox .hd ul li.on .f40{ opacity:0.6;}
.slideTxtBox .hd ul li:hover .heau .img1, .slideTxtBox .hd ul li.on .heau .img1{ display:none;}
.slideTxtBox .hd ul li:hover .heau .img2, .slideTxtBox .hd ul li.on .heau .img2{ display:block;}
/*slider7*/
.slider7 .new1{ position:relative;}
.slider7 .new_img{ width:65%; box-shadow: 0 0px 20px 0px rgba(10, 2, 4, 0.15); margin:1vw 0.5% 0.5vw 1%; position:relative;}
.slider7 .new_img dt{ width:51%;}
.slider7 .new_img dd{ width:49%; height:100%; position:absolute; right:0; top:0;}
.slider7 .new_img: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);}
.slider7 .new_img:hover dd a{ color:#cf0000;}
.slider7 .new_txt{ width:31%; height:calc(100% - 1.5vw); box-shadow: 0 0px 20px 0px rgba(10, 2, 4, 0.15); position:absolute; right:1%; top:1vw;}
.slider7 .new_txt:hover a{ color:#cf0000;}
.slider7 .new2 li{ box-shadow: 0 0px 20px 0px rgba(10, 2, 4, 0.15);}
.slider7 .new2 li:hover a{ color:#cf0000;}
.slider7 .new2 li:nth-of-type(1){ width:31%; margin:0.5vw 0.5% 1vw 1%;}
.slider7 .new2 li:nth-of-type(2){ width:31%; margin:0.5vw 2% 1vw 2%;}
.slider7 .new2 li:nth-of-type(3){ width:31%; margin:0.5vw 1% 1vw 0.5%;}
/*slider8*/
.more1{ width:10.4vw; height:3.2vw; line-height:3.2vw; display:block; text-align:center; background:#cf0000; color:#FFF;}
.more1:hover{ background:#313030; color:#FFF;}
.hzhb li{ width:19%; float: left; margin: 1vw 0.5% 0 0.5%; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i;}
.hzhb li:hover{ box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1);}

@media screen and (max-width: 1024px) and (min-width:0) {
.scroll_wrapper, .mian_pagiation { display: none; }
.autoPage { height: auto; }
html, body, main { height: auto; }
.swiper-container { height: auto; overflow: hidden; }
.swiper-wrapper { width: 100%; height: auto; z-index: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; -ms-transition-property: none; transition-property: none; }
.swiper-container .swiper-wrapper .swiper-slide { height: auto; }
.swtop { height: 0; }
.swbo { height:auto;}

/*slider1*/
.slider1 { margin-top:0.78rem;}
.i_banner #owl-demo .owl-item .uk-animation-kenburns img { height: auto; transition: none; }
.i_banner .item .uk-position-center{ height:calc(100vh - 0.78rem);}
/*slider2*/
.slider2 .swbo{ padding:0.65rem 0 0 0;}
.about_top{ height: auto;}
.about_top.bhac{ display:inline; align-items:inherit;}
.about_top .abouts{ width:100%;}
.about_top .abouts .ab_top.pb50{ padding-bottom:0.8rem;}
.about_top .abouts .ab_top dt{ top:0;}
.about_top .abouts .ab_top dd img{ height:auto; max-width:100%;}
.about_bo{ width:100%; height:auto; padding:0.25rem 0 0 0; margin-top:0.3rem;}
.about_bo.bhhy{ display:block; -webkit-box-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; align-items:inherit; }
.about_bo .about_lc.text-center{ text-align:left;}
.about_bo .about_lc dl{ width:50%; margin:0 0 0.25rem 0;}
.about_bo .about_lc dl:nth-of-type(1) a.xialaguang{ margin:0 0 0 0;}
.about_bo .about_lc dl:last-child a.xialaguang{ margin:0 0 0 0;}
.about_bo .about_lc dl span.zs{ width:0.3rem; height:0.3rem; line-height:0.3rem; margin-left:0.08rem;}

/*slider3*/
.lunhuan{ padding-top:0.65rem; padding-bottom:0.45rem;}
.lunhuan .swbo{ position:relative;}


.lunhuan .cp_top{ width:100%; height:auto; position:inherit; left:inherit; top:inherit; z-index:inherit; color:#252525;}
.lunhuan .cp_top a{ color:#252525;}
.lunhuan .ab_top:after { background: #cf0000;}
.slideTxtBox{ width:100%; position:relative; padding-top:0.25rem;}
.slideTxtBox .arrow{ display:block;}
.slideTxtBox .arrow a { width: 0.55rem; height: 0.91rem; background: url(../images/awr.png) no-repeat center; background-size: contain; display:block;position: absolute; top: 20%; opacity: 0.2; z-index:5; }
.slideTxtBox .arrow a:hover { opacity: 1; }
.slideTxtBox .arrow a.next, .slideTxtBox .arrow a.next:hover { right: 0; }
.slideTxtBox .arrow a.prev, .slideTxtBox .arrow a.prev:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; }
.slideTxtBox .bd{ padding-top:0.25rem;}
.slideTxtBox .bd ul img{ height:auto;}
.slideTxtBox .hd{ position:inherit; left:inherit; bottom:inherit; z-index:inherit;}
.slideTxtBox .hd ul.main{ width:80%;}
.slideTxtBox .hd ul li{ width: 49%; height: auto; text-align:center; margin-bottom:0.1rem;}
.slideTxtBox .hd ul li .pt20{ padding-top:0;}
/*slider7*/
.slider7{ padding:0.4rem 0 0.65rem 0; overflow:hidden;}
.slider7 .main{ width:100%;}
.slider7 .tny{ padding-left:5%;}
.slider7 .new_img{ width:90%; margin:0.2rem 5% 0 5%; position:relative; box-shadow: 0 0px 0.2rem 0px rgba(10, 2, 4, 0.15);}
.slider7 .new_img dt{ width:100%;}
.slider7 .new_img dd{ width:100%; height:auto; position:inherit; right:inherit; top:inherit; padding:0.25rem 0;}
.slider7 .new_txt{ width:90%; height:auto; position:inherit; right:inherit; top:inherit; margin-top:0.1rem; padding:0.35rem 0; box-shadow: 0 0px 0.2rem 0px rgba(10, 2, 4, 0.15); margin:0.2rem 5%;}
.slider7 .new2 li{ box-shadow: 0 0px 0.2rem 0px rgba(10, 2, 4, 0.15);}
.slider7 .new2 li:nth-of-type(1){ width:90%; margin:0.2rem 5%;}
.slider7 .new2 li:nth-of-type(2){ width:90%; margin:0.2rem 5%;}
.slider7 .new2 li:nth-of-type(3){ width:90%; margin:0.2rem 5%;}
/*slider8*/
.slider8{ padding:0.65rem 0; overflow:hidden;}
.more1{ width:2.1rem; height:0.64rem; line-height:0.64rem; margin-top:0.2rem;}
.hzhb li{ width:32.33%; margin: 0.2rem 0.5% 0 0.5%;}






}

/* 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)
}
}
 @keyframes turnDown { 0% {
transform:translateY(-100%);
}
 75% {
transform:translateY(0%);
}
 100% {
transform:translateY(100%);
}
}
@-webkit-keyframes turnDown { 0% {
transform:translateY(-100%);
}
 75% {
transform:translateY(0%);
}
 100% {
transform:translateY(100%);
}
}