@charset "utf-8";
.autoPage { width: 100%; height: 100%; }
html, body, main { position: relative; height: 100%; }
.swiper-container { width: 100%; height: 100%; }
/*Pagination*/
.mian_pagiation { display: flex; flex-direction: column; top: 50%; transform: translateY(-50%); width: 15px; 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;
 background: url(../images/icon_lingxing.png) no-repeat; box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.mian_pagiation .swiper-pagination-bullet:hover, .mian_pagiation .swiper-pagination-bullet-active { background: url(../images/icon_lingxin_hover.png) no-repeat!important; opacity: 1 !important; -ms-filter: none !important; filter: none !important; box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
/*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: #b89b73; }
.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 { width: 100%; display: block; height: 10vh; }
/*slider1*/
.slider1 { width: 100%; height: 100vh; position: relative;}
.banneri { width: 100%; height: 100vh;}
.banneri #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; height:100vh; }
.banneri #owl-demo .item { width: 100%; display: block; overflow: hidden; }
.banneri #owl-demo .item img { width: 100%; height: 100%; }
.banneri #owl-demo .active .item img { animation: mobileburns 10s infinite; }
.owl-pagination { width: 100%; overflow: hidden; position: absolute; left: 0; bottom:7%; text-align: center; display: block; }
.owl-page { display: inline-block; width: 16px; height: 16px; margin: 0 8px; background: #eee; *display: inline;
*zoom: 1;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity: 0.6; }
.owl-page.active { background: #d4dce7; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity: 1; }
.banneri .owl-buttons div { width: 50px; height: 100%; background: url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 0.6; }
.banneri .owl-buttons div:hover { opacity: 1; }
.banneri .owl-buttons div.owl-next, .swiper-banner .owl-buttons div.owl-next:hover { left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.banneri .owl-buttons div.owl-prev { right: 5%; }
/*slider2*/
.slider2 { width: 100%; height: 100vh; }
.slider2 #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; height:100vh; }
.slider2 #owl-demo .item { width: 100%; display: block; overflow: hidden; position: relative;}
.slider2 #owl-demo .item img { width: 100%; height: 100vh; }
.slider2 #owl-demo .item .cpzs1{ width: 100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.slider2 #owl-demo .item .cpzs2{ width: 100%; height:100%; position:absolute; left:0; bottom:-100%; z-index:1;}
.slider2 #owl-demo .item .cpzs2 .cpny{ width: 100%; height:100%; position:relative;}
.slider2 #owl-demo .item .cpzs2 .cpny .cpzsnr2{ height:86%;}
.slider2 #owl-demo .item .cpzs2 .cpny .cpbz{ width: 80%; height:3.9vw; line-height:3.9vw; position:absolute; left:10%; bottom:7.3%; z-index:1;}
.slider2 #owl-demo .item .cpzs2 .cpny .cpbg{ width: 80%; height:3.9vw; border-radius: 3.9vw; -moz-border-radius: 3.9vw; -webkit-border-radius: 3.9vw; position:absolute; left:10%; bottom:7.3%;}
.slider2 #owl-demo .item:hover .cpzs1{ top:-100%;}
.slider2 #owl-demo .item:hover .cpzs2{ bottom:0;}
.slider2 .owl-pagination{ bottom:12%;}
.slider2 .owl-buttons{ display:none;}

/*slider3*/
.slider3 { width: 100%; height: 100vh; }
.cptx{ height: 90vh;}

.more{ width:13.9vw; height:6.6vh; line-height:6.6vh; background:#bf7a4b; color:#FFF; padding:0 1.3vw; border-bottom-right-radius:2vh;}
.more i{ width:2.4vw; height:6.6vh; background:url(../images/ioc6.png) no-repeat center; background-size:contain;}
.more:hover{ background:#003981; color:#FFF;}


.cptxl{ width:28.6%; height:82.5vh; float:left; position:relative;}
.cptxl .cp_imgs{ width:90%; height:82.5vh; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.cptxl .more{ position:absolute; right:0; bottom:5.4vh;}
.cptxr{ width:67%; height:82vh; float:right;}
.cptxr dl{ width:27.33%; margin:0 0 3vh 6%; float:left;}
.cptxr dl dt img{ width:auto; height:13vh;}
.cptxr dl:hover dt i{ display:block;}
.cptxr dl:hover a{ color:#bf7a4b;}
/*slider4*/
.slider4 { width: 100%; height: 100vh; }
.slider4 .new_top{ width:auto; overflow:hidden; float:left;}
.slider4 .new_more{ width:auto; overflow:hidden; float:right;}
.slider4 .new_img1{ width:42%; overflow:hidden; float:left;}
.slider4 .new_img1 dt img{ height:45vh; width:100%;}
.slider4 .new_img1 dd{ height:19vh; position:relative;}
.slider4 .new_img1 .more1{ width:3.5vh; height:3.5vh; display:block; position:absolute; right:0; bottom:0; background:url(../images/ioc7.png) no-repeat center; background-size:contain;}
.slider4 .new_img1 dd a{ color:#bf7a4b;}
.slider4 .new_img1:hover a{ color:#003981;}
.slider4 .new_img1:hover .more1{ background:url(../images/ioc8.png) no-repeat center; background-size:contain;} 
.slider4 .new_img2{ width:56%; overflow:hidden; float:right;}
.slider4 .new_img2 dl{ width:47%; overflow:hidden; float:left; margin-left:3%;}
.slider4 .new_img2 dl dt img{ height:26vh; width:100%;}
.slider4 .new_img2 dd{ height:38vh; position:relative;}
.slider4 .new_img2 .more2{ width:auto; overflow:hidden; display:block; position:absolute; right:0; bottom:0; color:#bf7a4b;}
.slider4 .new_img2:hover a{ color:#003981;}
/*slider5*/
.slider5 { width: 100%; height: 100vh; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.slider5 .webs{ background-repeat: no-repeat; background-position:inherit;}
.slider5 .jm_r{ width:44.6%; overflow:hidden; float:right;}
.slider5 .jm_l{ width:50%; overflow:hidden; float:left;}
.slider5 .jm_l .tsar{ width:56%; height:auto; display:inline-block; text-align:center;}
.slider5 .jm_l .tsar span{ width:100%; letter-spacing:1em; text-indent:1em; color:#FFF; background:#bf7a4b; padding:10px 0; display:block;}

/*slider6*/
.swiper-container .swiper-wrapper .slider6 { height: auto; }




@media screen and (max-width: 1024px) and (min-width:0) {
.swtop { height:0; }
.swiper-container .bhhy { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.mian_pagiation{ left:0.5%;}
/*slider1*/
.banneri #owl-demo .item { height: 100vh;}
.banneri #owl-demo .item .wapd { display: block; width: 100%; height: 100vh; background-size: cover !important; animation:none;}
.banneri #owl-demo .active .item .wapd { animation:none;}
.owl-pagination { bottom: 10%;}
.owl-page { width: 12px; height: 12px; margin: 0 5px;}
.banneri .owl-buttons div { display:none;}
/*slider2*/
.slider2 #owl-demo .item .cpzs1{ display:none;}
.slider2 #owl-demo .item .cpzs2{ bottom:0; padding-top:0.78rem;}
.slider2 #owl-demo .item .cpzs2 .cpny .cpzsnr2{ height:60%; padding-top:40%;}
.slider2 #owl-demo .item .cpzs2 .cpny .cpbz{ height:0.78rem; line-height:0.78rem; bottom:25%;}
.slider2 #owl-demo .item .cpzs2 .cpny .cpbg{ height:0.78rem; border-radius: 0.78rem; -moz-border-radius: 0.78rem; -webkit-border-radius: 0.78rem; bottom:25%;}
.slider2 #owl-demo .item:hover .cpzs1{ top:-100%;}
.slider2 #owl-demo .item:hover .cpzs2{ bottom:0;}
.slider2 .owl-buttons{ display:none;}

/*slider3*/
.cptx{ height: 100vh;}
.slider3 { position:relative;}
.slider3 .main{ width:100%;}
.more{ width:2.78rem; height:6.6vh; line-height:6.6vh; padding:0 0.36rem; border-bottom-right-radius:1vh;}
.more i{ width:0.48rem; height:6.6vh;}
.tita1 img{ height:2vh;}
.cptxl{ width:100%; height: 100vh; float:none; text-align:center;}
.cptxl .f56{ padding-top:8vh;}
.cptxl .cp_imgs{ width:100%; height:100vh; padding-top:0.2rem;}
.cptxl .more{ right:inherit; bottom:10%; left:0;}
.cptxr{ width:100%; height:auto; float:none; position:absolute; left:0; top:25vh;}
.cptxr dl{ width:30.33%; margin:0 1.5% 2.4vh 1.5%; height:auto;}
.cptxr dl dt img{ height:10vh;}
.cptxr dl .f24{ font-size:0.23rem;}

/*slider4*/
.slider4{ position:relative;}
.slider4 .cptx{ height:auto; padding-top:0.95rem;}
.slider4 .new_top{ width:100%; float:none; text-align:center;}
.slider4 .new_more{ float:none; position:absolute; left:0; bottom:7%;}
.slider4 .new_img1{ width:100%; float:none;}
.slider4 .new_img1 dt img{ height:27vh;}
.slider4 .new_img1 dd{ height:8vh;}
.slider4 .new_img1 .more1{ width:2vh; height:2vh;}
.slider4 .new_img2{ width:100%; float:none; padding-top:2.9vh;}
.slider4 .new_img2 dl{ width:47%; margin-left:1.5%; margin-right:1.5%;}
.slider4 .new_img2 dl dt img{ height:11vh;}
.slider4 .new_img2 dd{ height:15vh;}

/*slider5*/

.slider5 { position:relative; background-repeat:inherit; background-position:inherit; background-size:inherit;}
.slider5 .wapd{ background-repeat: no-repeat; background-position: bottom center; background-size: cover; height:100vh;}
.slider5 .cptx{ height:auto; position:absolute; left:0; top:1.5rem; z-index:1;}

.slider5 .jm_r{ width:100%; float:none; text-align:center;}
.slider5 .jm_l{ width:100%; float:none; padding-top:0.3rem;}
.slider5 .jm_l .tsar{ width:70%;}
.slider5 .jm_l .tsar span{ padding:0.1rem 0; letter-spacing:0.6rem; text-indent:0.6rem;}

/*slider6*/
.swiper-container .swiper-wrapper .slider6 { width:100%; height: 100vh; background:#000; }
.slider6 .main{ padding-top:0.2rem;}


}

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