@charset "UTF-8";
body div.header-white-wrapper{width:100%;background:0 0;position:absolute;top:0;left:0;z-index:9999;transform:translate(0,10px);transition:All .4s ease-in-out}
body div.header-white-wrapper .left-box a.logo img.black{display:none}
body div.header-white-wrapper .left-box a.logo img.white{display:block}
body div.header-white-wrapper .right-box .nav-list .list-item p.top a{color:#fff}
body div.header-white-wrapper .right-box a.search-icon{color:#fff;display:none}
body div.header-white-wrapper .right-box a.search-icon:hover{color:#ddd}
body div.header-white-wrapper .rows-inner-container.mobile a.logo img.black{display:none}
body div.header-white-wrapper .rows-inner-container.mobile a.logo img.white{display:block}
body div.header-white-wrapper .rows-inner-container.mobile .menu-list{color:#fff}
body.fixed div.header-white-wrapper{background:#fff;transform:translate(0,0)}
body.fixed div.header-white-wrapper .left-box a.logo img.black{display:block}
body.fixed div.header-white-wrapper .left-box a.logo img.white{display:none}
body.fixed div.header-white-wrapper .right-box .nav-list .list-item p.top a{color:#666}
body.fixed div.header-white-wrapper .right-box .nav-list .list-item.button p.top a{color:#fff}
body.fixed div.header-white-wrapper .right-box a.search-icon{color:#666;display:block}
body.fixed div.header-white-wrapper .right-box a.search-icon:hover{color:#999}
@media screen and (max-width:1200px){
body.fixed div.header-white-wrapper .right-box a.search-icon{display:none}
}
@media screen and (max-width:980px){
body div.header-white-wrapper .rows-inner-container a.logo{text-align:center;margin:0;height:60px}
body div.header-white-wrapper .rows-inner-container a.logo img{margin:0 auto}
body div.header-white-wrapper .rows-inner-container a.logo img.black{display:block}
body div.header-white-wrapper .rows-inner-container a.logo img.white{display:none}
body div.header-white-wrapper .rows-inner-container form.search-form{display:none}
body div.header-white-wrapper .rows-inner-container .menu-list{height:60px;color:#333}
body.fixed div.header-white-wrapper .rows-inner-container a.logo{height:70px}
body.fixed div.header-white-wrapper .rows-inner-container .right-box .nav-list .list-item p.top a{color:#fff}
body.fixed div.header-white-wrapper .rows-inner-container .menu-list{height:100%}
}
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
@-webkit-keyframes moveRight{
0%{opacity:0;left:0}
10%{opacity:1}
100%{opacity:1;left:550px}
}
@keyframes moveRight{
0%{opacity:0;left:0}
10%{opacity:1}
100%{opacity:1;left:550px}
}
.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}
@-webkit-keyframes moveLeft{
0%{opacity:0;left:390px}
10%{opacity:1}
100%{opacity:1;left:-370px}
}
@keyframes moveLeft{
0%{opacity:0;left:390px}
10%{opacity:1}
100%{opacity:1;left:-370px}
}
div.slider-index-wrapper{width:100%}
div.slider-index-wrapper .swiper-container{width:100%;min-height:700px;background:#000}
div.slider-index-wrapper .swiper-container .arrow-left,div.slider-index-wrapper .swiper-container .arrow-right{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;margin-top:-15px;width:50px;height:80px;z-index:10;cursor:pointer}
div.slider-index-wrapper .swiper-container .arrow-left:before,div.slider-index-wrapper .swiper-container .arrow-right:before{display:block;content:'';background:transparent url(../images/arrows.png) no-repeat;width:17px;height:30px}
div.slider-index-wrapper .swiper-container .arrow-left{left:30px}
div.slider-index-wrapper .swiper-container .arrow-left:before{background-position:left top}
div.slider-index-wrapper .swiper-container .arrow-right{right:30px}
div.slider-index-wrapper .swiper-container .arrow-right:before{background-position:left bottom}
div.slider-index-wrapper .swiper-container .pagination{position:absolute;left:0;text-align:center;bottom:5px;width:100%}
div.slider-index-wrapper .swiper-container .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#999;margin:0 3px;cursor:pointer}
div.slider-index-wrapper .swiper-container .swiper-active-switch{background:#fff}
div.slider-index-wrapper .swiper-container .swiper-slide{width:100%;height:100%;position:relative;opacity:0;transition:opacity .7s ease-in-out}
div.slider-index-wrapper .swiper-container .swiper-slide .img{max-width:100%;min-height:100%;position:relative;z-index:1;-o-object-fit:cover;object-fit:cover}
div.slider-index-wrapper .swiper-container .swiper-slide .mb-img{display:none}
@media only screen and (max-width:768px){
div.slider-index-wrapper .swiper-container .swiper-slide .img{display:none}
div.slider-index-wrapper .swiper-container .swiper-slide .mb-img{display:block!important}
}
div.slider-index-wrapper .swiper-container .swiper-slide .txt-info{width:100%;height:100%;box-sizing:border-box;padding:12% 5%;font-size:14px;color:#fff;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;position:absolute;left:0;top:0;z-index:99999}
div.slider-index-wrapper .swiper-container .swiper-slide .txt-info img{min-height:inherit}
div.slider-index-wrapper .swiper-container .swiper-slide .txt-info h3{font-size:48px;margin-bottom:10px}
div.slider-index-wrapper .swiper-container .swiper-slide .txt-info p{font-size:26px}
div.slider-index-wrapper-reset .swiper-container .swiper-slide .txt-info{padding:20% 5%!important}
div.slider-index-wrapper-reset .swiper-container .swiper-slide .txt-info h3{font-size:64px;font-weight:700}
div.slider-index-wrapper-reset .swiper-container .swiper-slide .txt-info p{font-size:32px}
div.slider-index-wrapper .swiper-container .swiper-slide-active{opacity:1}
div.slider-index-wrapper .swiper-container .inner{position:relative;display:block;height:100%;margin:0 auto}
@media screen and (max-width:1200px){
div.slider-index-wrapper .swiper-container .swiper-slide .txt-info{padding:100px 15px 30px}
}
@media screen and (max-width:420px){
div.slider-index-wrapper .swiper-container .arrow-left,div.slider-index-wrapper .swiper-container .arrow-right{width:36px}
div.slider-index-wrapper .swiper-container .swiper-slide .txt-info h3{font-size:36px}
div.slider-index-wrapper .swiper-container .swiper-slide .txt-info p{font-size:20px}
}
div.index-main-wrapper{padding:60px 0}
div.index-main-wrapper .index-column-container{padding:20px 0}
div.index-main-wrapper .index-column-container .left-box,div.index-main-wrapper .index-column-container .right-box{overflow:hidden;width:590px}
div.index-main-wrapper .index-column-container .left-box li a.index-thumb,div.index-main-wrapper .index-column-container .right-box li a.index-thumb{display:block;width:100%;height:320px;overflow:hidden}
div.index-main-wrapper .index-column-container .left-box li a.index-thumb img,div.index-main-wrapper .index-column-container .right-box li a.index-thumb img{width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:All .4s ease-in-out}
div.index-main-wrapper .index-column-container .left-box li a.index-thumb.large,div.index-main-wrapper .index-column-container .right-box li a.index-thumb.large{height:660px}
div.index-main-wrapper .index-column-container .left-box li a.index-thumb:hover img,div.index-main-wrapper .index-column-container .right-box li a.index-thumb:hover img{transform:scale(1.2)}
div.index-main-wrapper .index-column-container .left-box li.mb20,div.index-main-wrapper .index-column-container .right-box li.mb20{margin-bottom:20px}
div.index-main-wrapper .index-column-container .left-box{float:left}
div.index-main-wrapper .index-column-container .right-box{float:right}
@media screen and (max-width:1200px){
div.index-main-wrapper .index-column-container .left-box,div.index-main-wrapper .index-column-container .right-box{width:49%}
}
@media screen and (max-width:980px){
div.index-main-wrapper .index-column-container .left-box li a.index-thumb,div.index-main-wrapper .index-column-container .right-box li a.index-thumb{height:216px}
div.index-main-wrapper .index-column-container .left-box li a.index-thumb.large,div.index-main-wrapper .index-column-container .right-box li a.index-thumb.large{height:452px}
}
@media screen and (max-width:768px){
div.index-main-wrapper .index-column-container .left-box li a.index-thumb,div.index-main-wrapper .index-column-container .right-box li a.index-thumb{height:180px}
div.index-main-wrapper .index-column-container .left-box li a.index-thumb.large,div.index-main-wrapper .index-column-container .right-box li a.index-thumb.large{height:380px}
}
@media screen and (max-width:640px){
div.index-main-wrapper .index-column-container .left-box,div.index-main-wrapper .index-column-container .right-box{width:100%}
div.index-main-wrapper .index-column-container .left-box li a.index-thumb,div.index-main-wrapper .index-column-container .right-box li a.index-thumb{height:inherit}
div.index-main-wrapper .index-column-container .left-box li a.index-thumb.large,div.index-main-wrapper .index-column-container .right-box li a.index-thumb.large{height:inherit}
div.index-main-wrapper .index-column-container .left-box{margin-bottom:20px}
}
div.index-main-wrapper .index-bottom-container ul.list{width:100%;background:#fff;padding:50px 15px}
div.index-main-wrapper .index-bottom-container ul.list:after{display:block;content:'';clear:both}
div.index-main-wrapper .index-bottom-container ul.list li{width:33.33%;text-align:center;float:left}
div.index-main-wrapper .index-bottom-container ul.list li a{display:block}
div.index-main-wrapper .index-bottom-container ul.list li a img{display:block;width:90px;height:90px;margin:0 auto 10px}
div.index-main-wrapper .index-bottom-container ul.list li a span.tit{color:#333;font-size:16px}
div.index-main-wrapper .index-bottom-container ul.list li a:focus,div.index-main-wrapper .index-bottom-container ul.list li a:hover{text-decoration:none}
div.index-main-wrapper .index-bottom-container ul.list li a:hover span.tit{color:#4ba5d3}
@media screen and (max-width:640px){
div.index-main-wrapper .index-bottom-container ul.list{padding:20px 15px}
div.index-main-wrapper .index-bottom-container ul.list li{width:100%;padding:20px 0}
}
@media screen and (max-width:980px){
div.index-main-wrapper{padding:20px 0}
}