@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%; 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_lingxin_hover.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_lingxing.png) no-repeat; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); opacity: 1; }
.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_active .indicator_spot { -webkit-filter: drop-shadow(1px 1px 2px Gray); filter: drop-shadow(1px 1px 2px Gray) }
.indicator_item_active .indicator_item_active_line { background-color:#f18e00; width: 11px; height: 1px; margin-right: 5px; }
.indicator_item_active .indicator_item_active_text { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); font-size: 12px; margin-top: -4px; pointer-events: none; font-weight: bold; color:#f18e00; }
.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; }
.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: 3%; 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_wrapper .scroll_img.imga { background:url(../images/scoll_downw.png) no-repeat top center;  }

.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: #f18e00; }
.scroll_wrapper:hover .scroll_img{ background: url(../images/scoll_downhover.png) no-repeat top center; background-size: 100% 100% }

.swtop { height: 10vh; }
.swbo { height: 90vh;}
.more1{ width:auto; padding:1vw 2.5vw;}

/*slider1*/
.slider1 { width: 100%; height: 100%; position: relative;}
.i_banner { width: 100%; overflow: hidden; position: relative; }
.i_banner .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.i_banner .swiper-slide { width: 100%; overflow: hidden; position: relative; }
.i_banner .swiper-slide .cp_txt { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; }
.i_banner .swiper-slide .cp_txt .ban_l{ width:48%; -webkit-animation: fadeInLeft 1s 0.5s both; animation: fadeInLeft 1s 0.5s both;}
.i_banner .swiper-slide .uk-animation-kenburns {  width:100%; height: 100vh; transition: all 1s ease 2.5s; }
.i_banner .swiper-slide.active .uk-animation-kenburns { animation-name: uk-kenburns; animation-duration: 15s; }
.i_banner .swiper-slide.active .uk-animation-reverse { animation-direction: reverse; animation-timing-function: ease-in; animation-duration: .2s }
.i_banner .swiper-slide.active .tracking-in-contract { -webkit-animation: tracking-in-contract 1.5s .5s both; animation: tracking-in-contract 1.5s .5s both }
.i_banner .swiper-slide.active .uk-animation-slide-bottom { animation-name: uk-fade, uk-slide-bottom; animation-duration: 1s; }
.i_banner .swiper-pagination { width: 100%; position: absolute; left: 0; bottom: 5%; text-align: center; z-index:100; }
.i_banner .swiper-pagination .swiper-pagination-bullet{  display: inline-block; width:22px; height: 4px; margin: 0 5px; background: #162e72; *display: inline;*zoom: 1;  border-radius:0; border:1px #FFF solid; opacity:1;}
.i_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{  background:#f18e00; width:45px; border:1px #f18e00 solid;}
.i_banner .swiper-button-next, .i_banner .swiper-button-prev { width: 50px; height: 100%; background: url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 0.6;}
.i_banner .swiper-button-next:hover, .i_banner .swiper-button-prev:hover  {opacity: 1;}
.i_banner .swiper-button-prev, .i_banner .swiper-button-prev:hover{left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.i_banner .swiper-button-next, .i_banner .swiper-button-next:hover{ right: 5%;}


/*slider2*/
.slider2 { width: 100%; height: 100vh; background:url(../images/bg1.jpg) no-repeat center; background-size:cover;}
.slider2 .cpzs_bo{ display: flex; overflow:hidden;}
.slider2 .cpzs_bo dl{ position: relative;  width: 18.881%; margin-right: 0.7%; height:auto; transition: .6s;}
.slider2 .cpzs_bo dl:nth-child(5n) { margin-right: 0; }
.slider2 .cpzs_bo dl dt span{ display:block; height:56vh; opacity:0.6;}
.slider2 .cpzs_bo dl .f20{ position:absolute; left:0; bottom:3vw; z-index:1;}
.slider2 .cpzs_bo dl dd{ position:absolute; left:0; bottom:-100%; z-index:1; width:100%; height:100%;}
.slider2 .cpzs_bo dl dd .f26{ background:url(../images/la.jpg) no-repeat left bottom;}
.slider2 .cpzs_bo dl dd p a:hover, .slider2 .cpzs_bo dl dd .f26 a:hover{ color:#f18e00; font-weight:bolder;}
.slider2 .cpzs_bo:hover dl{ width: 17%;}
.slider2 .cpzs_bo dl:hover{ width: 29%;}
.slider2 .cpzs_bo dl:hover dt span{ opacity:0.4;}
.slider2 .cpzs_bo dl:hover .f20{ bottom:-100%;} 
.slider2 .cpzs_bo dl:hover dd{ bottom:0;}
/*slider3*/
.slider3 { width: 100%; height: 100%; position: relative; z-index:1;}
.slider3 .bg_l{ width: 61%; height: 100%; position:absolute; left:0; top:0; z-index:-1;}
.slider3 .swbo{ z-index:1;}
.slider3 .about_l{ width:52%;}
.slider3 .about_l .ab_img img{ width:42%;}
.slider3 .about_r{ width:37%; height: 90vh; position:relative; z-index:1; padding:10vh 0;}
.slider3 .about_r .timeline-container { width:100%; position:relative; height:70vh; overflow-y: auto;}
.slider3 .about_r .timeline-container::-webkit-scrollbar{ width: 10px; max-height: 5px; }
.slider3 .about_r .timeline-container::-webkit-scrollbar-thumb { background-color: #162e72; background-clip: padding-box; min-height: 70px;}
.slider3 .about_r .timeline-container::-webkit-scrollbar-track { background-color: #f18e00;}
.timeline{ width:79%; float:right; padding-right:20px;}
.timeline ul { padding: 0; margin: 0; height:70vh;}
.timeline li { margin-bottom: 2vw; text-align:right; cursor: pointer; width:100%;}
.timeline li .date { font-size:1vw;}
.timeline li .f18{ display:none; transition: .6s;}
.timeline li:last-child{ margin-bottom:0;}
.timeline li.active .date { font-size:1.8vw; font-weight:bolder; color:#f18e00;}
.timeline li.active .f18{ display:block;}
.content-container { width:auto; position:absolute; left:0; top:0; z-index:-1;}
.content { display: none; height: 70vh;}
.content.active { display: block; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center;}
.content img{ width:auto; height:58vh;}

/*slider4*/
.slider4 { width: 100%; height: 100%; }
.slider4 .sjyl{ width:56%;}
.slider4 .sjyr{ width:37%;}
.slider4 .ysl{ width:59%;}
.slider4 .ysl ul li{ width:50%; float:left;}
.slider4 .ysnr .lbt{ background:url(../images/lb.jpg) no-repeat left bottom;}
.slider4 .ysnr .lbt img{ width:auto; height:30px;}
.slider4 .ysnr ul li{ padding-top:1vw;}
.slider4 .ysr{ width:31%;}
.slider4 .ysr ul li{ width:100%;}
/*slider5*/
.slider5 { width: 100%; height: 100%; background:url(../images/bg4.jpg) no-repeat center; background-size:cover;}
.slider5 .pro_bo .swiper-wrapper .swiper-slide{ padding:0 1%;}
.slider5 .pro_bo .swiper-wrapper .swiper-slide: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);}
.slider5 .pro_bo .swiper-wrapper .swiper-slide:hover dd a{ color:#f18e00;}
.slider5 .pro_bo .swiper-pagination{ display:none;}
.slider5 .pro_bo .owl-but{ width: 48px; height: 100%; background:url(../images/awr.png) no-repeat center; display: block; position: absolute; top: 0; z-index:1;}
.slider5 .pro_bo .owl-but:hover{ background:url(../images/awr_ed.png) no-repeat center;}
.slider5 .pro_bo .swiper-button-next { left: 32%; }
.slider5 .pro_bo .swiper-button-prev, .slider5 .pro_bo .swiper-button-prev:hover { right: 32%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image:none; left:auto; right: auto }
/*slider6*/
.slider6 { width: 100%; height: 100%; }
.slider6 .newa1{ position:relative;}
.slider6 .newa1 dt{ width:46%; height:100%; position:absolute; left:0; top:0;}
.slider6 .newa1 dd{ width:48%;}
.slider6 .newa1 dd a{ height:36.8vh;}
.slider6 .newb dl{ position:relative;}
.slider6 .newb dl dt{ width:52%;}
.slider6 .newb dl dd{ width:43%;}
.slider6 .newb dl .moren{ width:43%; position:absolute; right:0; bottom:0;}


/*slider7*/
.slider7 { width: 100%; height:100%;}

@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; }
.more1{ padding:0.2rem 0.5rem;}
/*slider1*/
.slider1 { height:auto; margin-top:0.78rem;}
.swiper-banner { width: 100%; height: 100%;}
.swiper-banner #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; height:100%; }
.swiper-banner #owl-demo .item { width: 100%; display: block; overflow: hidden; position: relative; }
.swiper-banner #owl-demo .item .cp_txt{ width: 100%; overflow: hidden; position:absolute; left:0; top:5%; z-index:1;}
.swiper-banner .owl-item.active .item .ovhi img{ animation-name: uk-kenburns; animation-duration: 15s; }
.swiper-banner .owl-pagination { width: 100%; overflow: hidden; position: absolute; left: 0; bottom:7%; text-align: center; display: block; }
.swiper-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; }
.swiper-banner .owl-buttons div:hover { opacity: 1; }
.swiper-banner .owl-buttons div.owl-next, .swiper-banner .owl-buttons div.owl-next:hover { left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.swiper-banner .owl-buttons div.owl-prev { right: 5%; }
/*abouts*/
.slider2 { height: auto; padding:0.65rem 0; overflow:hidden;}
.slider2 .cpzs_bo{ display:inherit;}
.slider2 .cpzs_bo dl{ width: 100%; margin-right: 0; margin-bottom:0.2rem;}
.slider2 .cpzs_bo dl dt span{ display:none;}
.slider2 .cpzs_bo dl dt img{ opacity:0.4;}
.slider2 .cpzs_bo dl dd{ bottom:0;}
.slider2 .cpzs_bo:hover dl{ width: 100%;}
.slider2 .cpzs_bo dl:hover{ width: 100%;}
/*slider3*/
.slider3 { height:auto; overflow:hidden;}
.slider3 .bg_l{ width: 100%; height: 60%;}
.slider3 .about_l{ width:100%; padding-top:0.65rem; overflow:hidden;}
.slider3 .about_l .ab_img img{ width:100%;}
.slider3 .about_r{ width:100%; height: 65vh; padding:1vh 0;}


.slider3 .about_r .timeline-container { height:63vh; overflow-y: auto;}

.timeline{ width:95%; padding-right:5%;}
.timeline ul { height:63vh;}
.timeline li { margin-bottom: 0.4rem;}
.timeline li .date { font-size:0.26rem;}
.timeline li.active .date { font-size:0.36rem;}


.content { height: 63vh;}
.content img{ width:auto; height:58vh;}






/*slider4*/
.slider4 { height: auto; padding:0.65rem 0; overflow:hidden;}
.slider4 .sjyl{ width:100%;}
.slider4 .sjyr{ width:100%; padding-top:0.25rem;}
.slider4 .ysl{ width:100%;}
.slider4 .ysl ul li{ width:100%; float:none;}
.slider4 .ysnr .lbt img{ height:0.3rem;}
.slider4 .ysnr ul li{ padding-top:0.2rem;}
.slider4 .ysr{ width:100%; padding-top:0.25rem;}
.slider4 .ysr ul li{ width:100%;}
/*slider5*/
.slider5{ overflow:hidden; height: auto; padding:0.65rem 0; }
.slider5 .swiper-banner .owl-pagination{ display:none;}
.slider5 .swiper-banner .owl-buttons div { width: 48px; height: 100%; background: url(../images/awr.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 1; z-index:1; }
.slider5 .swiper-banner .owl-buttons div:hover{ background:url(../images/awr_ed.png) no-repeat center;}
.slider5 .swiper-banner .owl-buttons div.owl-next, .slider5 .swiper-banner .owl-buttons div.owl-next:hover { left: inherit; right: 5%; }
.slider5 .swiper-banner .owl-buttons div.owl-prev, .swiper-banner .owl-buttons div.owl-prev:hover{ right: inherit; left: 5%; }

/*slider6*/
.slider6{ overflow:hidden; padding:0.65rem 0; height:auto;}
.slider6 .newa1 dt{ width:100%; height:auto; position:inherit; left:inherit; top:inherit;}
.slider6 .newa1 dd{ width:100%; padding-top:0.25rem;}
.slider6 .newa1 dd a{ height:auto;}
.slider6 .newb dl.cpnc{ width:100%;}
.slider6 .newb dl dd .f15{ font-size:0.2rem;} 


/*slider7*/
.slider7{ overflow:hidden;}


}
/*keyframes*/
@keyframes turnCirle { 0% {
transform:rotateY(0);
}
 25% {
transform:rotateY(90deg);
}
 50% {
transform:rotateY(180deg);
}
 75% {
transform:rotateY(90deg);
}
 100% {
transform:rotateY(180deg);
}
}
 @-webkit-keyframes turnCirle { 0% {
transform:rotateY(0);
}
 25% {
transform:rotateY(90deg);
}
 50% {
transform:rotateY(180deg);
}
 75% {
transform:rotateY(90deg);
}
 100% {
transform:rotateY(180deg);
}
}
 @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%);
}
}
 @keyframes inlinerbg { 0% {
-webkit-transform:translate(5px, -9px);
transform: translate(5px, -9px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform:translate(5px, -9px);
transform: translate(5px, -9px);
}
}
@keyframes inlinerbgo { 0% {
-webkit-transform:translate(-5px, 9px);
transform: translate(-5px, 9px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform:translate(-5px, 9px);
transform: translate(-5px, 9px);
}
}

@keyframes mobileburns { 5% {
 transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
 animation-timing-function: ease-in;
}
 65% {
 transform: scale3d(1.2, 1.2, 1.2) translate3d(-100px, -30px, 0px);
 animation-timing-function: ease-in;
}
 80% {
 transform: scale3d(1.2, 1.2, 1.2) translate3d(-100px, -30px, 0px);
 animation-timing-function: ease-in;
}
 100% {
 transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
 animation-timing-function: ease-in;
}
}
/* animation */
@keyframes uk-kenburns { 0% {
transform:scale(1)
}
100% {
transform:scale(1.2)
}
}

.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
}
}