@charset "utf-8";

.rolling { width: 30px; height: 80px;position:absolute;right:1%;bottom: 10%;cursor: pointer;z-index: 10;}
.rolling h6 {font-size: 12px;color: #fff;width: 22px;font-weight: normal;text-align: center;margin-bottom: 15px;margin-right: 0;}
.rolling  p{position:relative;width: 22px;}
.rolling  p span{border:2px solid #fff;display:inline-block;width: 18px;height:36px;border-radius:10px;}
.rolling  p::before{content:"";width:2px;height:6px;border-radius:1px;position:absolute;left:50%;transform:translateX(-50%);top:8px;background:#fff;animation: height1 1300ms infinite ease-out;-webkit-animation: height1 1300ms infinite ease-out;}
@keyframes height1{
	0%{top:10%;opacity: 1;} 
	100%{top:50%;opacity: 0;}
}

.page-container {overflow: hidden;position: relative;}
.page-container img{display: block;width: 100%;height: auto;transition: all 1s;}
.d-table {display: table;width: 100%;height: 100%;}
.d-table-cell {display: table-cell;vertical-align: middle;}
.container {margin:auto 5%;position: relative;overflow: hidden;}
.ptb5 {padding-bottom:5%;}
.ptt5 {padding-top:5%;}
.mab5 {margin-bottom:5%;}
.mat5 {margin-top:5%;}
.title h2{font-size: 44px;text-transform: uppercase; }
.title h3{font-size: 30px;font-weight: normal;}
.title h3 line{width:38px;height: 2px;background:var(--color-main);margin: 0 15px;display: inline-block;vertical-align: middle;}
.title h6 {font-size: 14px;line-height: 28px; color: #999999;font-weight: normal;padding:30px 0;overflow: hidden;width: 60%;}
.tmore {position: absolute;width: 115px;right: 0;top:25%;}
.tmore a {display: block;position: relative;font-size: 14px;padding-bottom: 20px; text-transform: uppercase;}
.tmore a i{display: block;width: 20px;height: 10px;position: absolute;right: 0;top: 4px;}
.tmore a::after {content: '';width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom:0px;}
.tmore a:hover {color: #000;letter-spacing: 1px;}
.tmore a:hover::after {background: #000;}
.dtable {display: table;width: 100%;height: 100%;}
.dtable-cell {display: table-cell;vertical-align: middle;}
.imore a{display: block;font-size: 14px;width: 180px;height: 52px;line-height: 52px; position: relative;border: 2px solid #1a1a1a;text-align: center;}
.imore a:hover {background: #000;color: #FFFFFF;}

/* 通用 */
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-container .swiper-slide{z-index: 22;}


/* banner */
.ozark-ban{position:relative;width:100%;overflow:hidden;}
.xy-index-banner {}
.xy-index-banner img{height: 100%;}
.xy-index-banner a {display: block;width: 100%;height:auto; overflow: hidden;}
.xy-index-banner .text {position: absolute;width: 1000px;left:50%;top:25%;margin-left: -500px;text-align: center;z-index: 10;}
.xy-index-banner .text h2{color: #fff;font-size: 68px;font-weight: bold;font-family:Arial,'宋体';}
.xy-index-banner .text h3{color: #fff;font-size: 55px;}
.xy-index-banner .text p{margin-top:10%;font-size:14px;color:var(--color-white);width:38%;line-height:28px;}
.xy-index-banner .text h6{color: #fff;font-size: 14px;width: 160px;height: 46px;line-height: 46px; position: relative;border: 2px solid #fff;text-align: center;margin-top: 50px;cursor: pointer;}
.xy-index-banner .text h6 i{margin-left:10px;}
.xy-index-banner .text h6:hover {background: #fff;color: #000;}

.xy-index-banner .text.left {left: 5%;margin-left:0px;text-align: left;}
.xy-index-banner .text.center {top: 40%;}
.xy-index-banner .text.center h6{margin:50px auto auto;}
.xy-index-banner .text.right {right: 13%; margin-left:0px;text-align: left;}
.xy-index-banner .text.right .toptags ul li{margin-bottom:20px;color:var(--color-white);}
.xy-index-banner .text.right .toptags h4{font-size: 14px;line-height: 24px;font-weight: normal;}
.xy-index-banner .text.right .toptags .counter{font-size: 25px;line-height: 35px;font-weight:bold;}
.xy-index-banner .text.right .toptags .num i{font-size: 12px;margin-left:6px;font-style: normal;}
.xy-index-banner .text h2{transform:translateY(200px);opacity:0;transition:all .4s;}
.xy-index-banner .text h2 em{color: var(--color-main);font-style: normal;}
.xy-index-banner .text h3{transform:translateX(-200px);opacity:0;transition:all .4s;}
.xy-index-banner .text .toptags li{transform:translateX(200px);opacity:0;transition:all .4s;}
.xy-index-banner .text p{transform:translateX(-200px);opacity:0;transition:all .4s;}
.xy-index-banner .text h6{transform:translateX(-200px);opacity:0;transition:all .8s;}
.xy-index-banner .ani-slide .text h2{transform:translateY(0);opacity:1;}
.xy-index-banner .ani-slide .text h3{transform:translateX(0);opacity:1;}
.xy-index-banner .ani-slide .text .toptags li{transform:translateX(0);opacity:1;}
.xy-index-banner .ani-slide .text h6{transform:translateX(0);opacity:1;}
.xy-index-banner .ani-slide .text p{transform:translateX(0);opacity:.9;}
.xy-index-banner .pic {width: 100%;height:100%;}
.xy-index-banner .pic img{display: block;width: 100%;height:100vh;}

.swiper-ozarkshow {width:45%;right: 5%;z-index:3;overflow:hidden;position:absolute;bottom:13%;}
.swiper-ozarkshow .swiper-slide{margin-right:10px;margin-bottom:20px;}
.swiper-ozarkshow .swiper-slide a{display:block;overflow:hidden;border-radius:5px;}
.swiper-ozarkshow .swiper-slide a:before{position:absolute;content:"";width:100%;height:100%;left:0;bottom:0;background-image:linear-gradient(0deg,#000000 0,rgba(255,255,255,0) 100%);opacity:.3;transition:.5s;}
.swiper-ozarkshow .swiper-slide img{width:100%;transition: all 1s;}
.swiper-ozarkshow .swiper-slide a:hover 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);}
.swiper-ozarkshow .swiper-slide  p{position:absolute;color:#fff;text-align:center;display:block;top:25%;left:25%;opacity:0;}
.swiper-ozarkshow .swiper-slide a:hover p{opacity:1;}

.swiper-ozarkshow .swiper-pagination-bullets{bottom:0;border-radius:5px;}
.swiper-ozarkshow .swiper-pagination{position: absolute;right: 5%;bottom:0;width: 100%;}
.swiper-ozarkshow .swiper-pagination::after{height:5px;background:var(--color-white);border-radius:5px;opacity:.2}
.swiper-ozarkshow span.swiper-pagination-bullet {background:var(--color-white);margin:0 !important;width:33.33%;height: 5px; border-radius:0;position: relative;}
.swiper-ozarkshow .swiper-pagination .swiper-pagination-bullet-active{background:var(--color-main);border-radius:5px;}

.xy-index-banner .swiper-button-next,.xy-index-banner .swiper-button-prev{top:auto;bottom:15px; width: 27px;height: 44px;margin-top:auto;background: none;z-index: 99;outline: none;}
.xy-index-banner .swiper-button-prev {left: 50%;margin-left: -190px;}
.xy-index-banner .swiper-button-next {left:auto;right: 50%;margin-right: -170px;}



.xy-index-banner .swiper-pagination {position: absolute;left: 5%;bottom: 9%;text-align: left;width: 95%;}
.xy-index-banner span.swiper-pagination-bullet {background:rgb(255 255 255 / 88%);width: 26px;height: 5px; border-radius:0;position: relative;border-radius:5px;}
.xy-index-banner span.swiper-pagination-bullet.swiper-pagination-bullet-active {}
.xy-index-banner span.swiper-pagination-bullet::before {content: '';width: 0%; height: 100%;left: 0;top: 0;background:#fff;z-index: 3;display: block;border-radius:5px;}
.xy-index-banner span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {-webkit-animation: w100 5000ms 1;animation: w100 5000ms 1;width:100%;}
@keyframes w100{
	0%{width: 0%;} 
	100%{width: 100%;}
}


@keyframes move{
    0%{top: 8px;}
    50%{top: 15px;}
    100%{top: 8px;}
}


.ozark-iproduct{margin-bottom:10%;}
.ozark-iproduct .iproduct {position: relative;margin:0 0px 2px 0;width:-webkit-calc(33.36% - 2px); width:-moz-calc(33.36% - 2px); width:calc(33.36% - 2px);max-width: 33.6%;float: left;}
.ozark-iproduct .iproduct a{display: block;overflow: hidden;}
.ozark-iproduct .iproduct .txt{position: absolute;bottom: 0;left: 0;width: 90%;z-index: 3;padding:5%;}
.ozark-iproduct .iproduct .txt h5{font-size: 14px;color: #fff;text-transform: uppercase;font-weight: normal;}
.ozark-iproduct .iproduct .txt h4{font-size: 20px;color: #fff;}
.ozark-iproduct .iproduct .pic{position: relative;}
.ozark-iproduct .iproduct .pic .mark{position: absolute;bottom: 0;left: 0;width: 100%;height:70%;z-index: 1; background:linear-gradient(to top,#000,rgba(0,0,0,0));opacity: .6;}
.ozark-iproduct .iproduct .imore2{font-size: 14px;width: 70px;height: 52px;line-height: 52px;position: absolute;color:#fff;text-align: center;right: 5%;bottom: 8%;opacity:0;z-index: 1;}
.ozark-iproduct .iproduct .imore2 i{padding-left:1%;}
.ozark-iproduct .iproduct a:hover .pic 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);}
.ozark-iproduct .iproduct a:hover .imore2{opacity:1;}
.ozark-iproduct .iproduct.ip1{width:66.64%;max-width: 66.64%;margin: 0 2px 0 0;}
.ozark-iproduct .iproduct.ip10{width:-webkit-calc(50% - 2px); width:-moz-calc(50% - 2px); width:calc(50% - 2px);max-width: 49.9%;margin: 0 0 0.1% 0.05%;} 
.ozark-iproduct .iproduct.ip3,.ozark-iproduct .iproduct.ip5,.ozark-iproduct .iproduct.ip8 {}
.ozark-iproduct .iproduct.ip4{width:-webkit-calc(33.3333333% - 2px); width:-moz-calc(33.3333333% - 2px); width:calc(33.3333333% - 2px);margin: 0 0.1%;}
.ozark-iproduct .iproduct.ip7{width:-webkit-calc(33.3333333% - 2px); width:-moz-calc(33.3333333% - 2px); width:calc(33.3333333% - 2px);margin:0 0.1% 0.1% 0.1%;}

/*关于*/
.ozark-iadvantages {overflow: hidden;position: relative;}
.ozark-iadvantages .left{float: left;width: 50%;position: relative;z-index: 5;}
.ozark-iadvantages .left .pic{}
.ozark-iadvantages .right{float: left;width: 40%;padding:3% 5% 0 5%;overflow: hidden;position: relative;z-index: 5;}
.ozark-iadvantages .right .iadvantages{padding:7% 0;overflow: hidden;max-width:600px;}
.ozark-iadvantages .right .iadvantages p{font-size: 16px;line-height: 28px; font-weight: normal;text-indent: 2em;text-align: justify;}
.ozark-iadvantages .right .iadvantages ul {padding:3% 0;overflow: hidden;}
.ozark-iadvantages .right .iadvantages ul i{display:block;float: left; width: 50px;height: 50px; position: relative;}
.ozark-iadvantages .right .iadvantages ul i::after {content: '';width: 1px;height: 100%;position: absolute;right: 0px;top: 4px;background: #ccc;}
.ozark-iadvantages .right .iadvantages ul i img {display: block;width: 30px;height: 30px;margin: 15px 0px 0px 0px;}
.ozark-iadvantages .right .iadvantages ul li{display:block;float: left;padding:0 3% ;overflow: hidden;}
.ozark-iadvantages .right .iadvantages ul li h5{font-size: 18px;line-height: 28px; font-weight: normal;}
.ozark-iadvantages .right .iadvantages ul li h4{font-size: 18px;line-height: 28px;}
.ozark-iadvantages .text {position: absolute;opacity: .03;font-size: 300px;text-transform: uppercase;width:200%;left: -1%;top: 5%;}
.about{padding-top:5%}
.about .us{padding:5% 0 0 0}
.about .us .swiper-button-next,.about .us .swiper-button-prev{display:none}
.about .us .row{text-align:right;}
.about .us .row{text-align:left}
.about .us .row .cont{float:left;}
.about .us .row .picbox{float:right}
.about .us .cont{width:45%;float:right;padding-top:5%}
.about .us .cont .pic{margin-top:87px}
.about .us .picbox{width:50%;float:left}
.about .us .row .picbox .pic2{width:80%;}
.about .us .pic{margin-bottom:70px}
.about .us .title{font-size:3.2rem;color:#010101;text-transform:upperus;font-weight:400}
.about .us .text{line-height:30px;font-size:20px;margin:28px 0 36px 0;}
.about .us .text p{font-size: 16px;line-height: 28px; font-weight: normal;}


 .z_index_adv{position:relative;overflow: hidden;}
.z_big_imgwap{width:100%;height:68vh}
.z_big_imgwap li{position:absolute;background-attachment:fixed;left:0;top:0;transition:ease 1s;opacity:0}
.z_big_imgwap li.on{opacity:1}
.z_big_imgwap .imgbg{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:ease 1s}

.z_adv_li{height:100vh;width:100%;background:rgba(0,0,0,.05);position:absolute;left:0;left:0;top:0}
.z_adv_li li{width:-webkit-calc(25% - 1px); width:-moz-calc(25% - 1px); width:calc(25% - 1px);transition:ease .4s;position:relative;height:100vh;float:left;border-right:1px solid rgba(255,255,255,.15)}
.z_adv_li li:last-child{border-right:none}
.z_adv_li li a{display:block;width:100%;height:100%}
.z_adv_li li .infobox{position:absolute;transition:ease 1s;padding:0 1vw;box-sizing:border-box;width:100%;left:0;top:40%;transform:translateY(-50%);text-align:center}
.z_adv_li li p{font-size: 14px;color: #fff;text-transform: uppercase;}
.z_adv_li li .icon img{display:block;max-width:100%;max-height:100%}
.z_adv_li li.on .icon1{display:none}
.z_adv_li li .z_qitit{opacity:0}
.z_adv_li li.on .z_qitit{opacity:1}
.z_adv_li li .desc{font-size:20px;transition:ease 1s;font-weight:bold;color:#fff;}
.z_adv_li li.on .infobox{top:15vw;transform:translateY(0)}
/*.z_adv_li li.on{background:var(--color-main);}*/
.z_adv_li li .z_index_more2{position:absolute;padding:0 2vw;box-sizing:border-box;transition:ease 1s;opacity:0;left:0;width:100%;bottom:210px;}
.z_adv_li li .z_index_more2 h6{display:block;margin:0 auto;text-align: center;font-size: 14px;width: 160px; height: 46px;line-height: 46px; position: relative; border: 2px solid #fff;  text-align: center; color:#fff;}
.z_adv_li li .z_index_more2 h6 i{margin-left:10px;}   
.z_adv_li li.on .z_index_more2{transform:translateY(-30vh);opacity:1}

@media screen and (max-width:1140px){.z_adv_li{position:relative;height:auto;left:auto;top:auto}
.z_adv_li li{width:100%;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}
.z_adv_li li.on .desc{line-height:normal;font-size:16px}
.z_adv_li li .desc{font-size:16px;line-height:normal}
.z_adv_li li .icon{height:30px;width:30px;float:left;margin:0;margin-right:10px}
.z_adv_li li .infobox{position:relative;left:auto;top:auto;transform:translateY(0);display:flex;align-items:center;justify-content:center}
.z_adv_li li .desc{margin:0}
.z_adv_li li a{padding:25px 0}
.z_adv_li li.on .infobox{top:auto}
.z_big_imgwap{position:absolute;left:0;top:0;height:100%}
.z_adv_li li.on .z_index_more2{opacity:1;visibility:visible;transform:translateY(0);display:none}
}