.top002916{ position: fixed; width: 100%; border-bottom: solid 1px #ededed}
.ind_title { padding: 0; margin: 0; font-weight: normal; line-height: 1}
.ind_title em{ color: #a78359; display: inline-block; position: relative; text-transform: uppercase}
.ind_title em:after{ content: ''; position: absolute; width: 120%; height:100%; left: 0; bottom: 0; background:linear-gradient(rgba(248, 249, 250,0.5) 10%, rgba(248, 249, 250, 1) 90%)}
.ind_title span{ display: block; color: #000; font-weight: bold}
.top_h{ height: 100px;}
@media(min-width:1024px){
    .top002916{position: fixed !important;}
}
@media(max-width:1024px){
.ind_title{ padding-top:5%; padding-bottom:3%}
.top_h{ display: none}
.index_banner .top_h{ display:block}
}
.index_banner{ position: relative}
.index_banner .top_h{ display: none}
.index_banner .banner,
.index_banner .slick-list,
.index_banner .slick-track,
.index_banner .item,
.index_banner .pic{ height: 100%}
.index_banner .link{ position:absolute; width:100%; height:100%}
.index_banner .pic{ background:no-repeat center bottom; background-size: cover;}
.index_banner .item{ position: relative}
.index_banner .fonttxt{ z-index: 5; position: absolute; top: -20%; width:53%; text-align: center; left: 0; right: 0; margin: auto; opacity: 0; transition: 0.6s;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.index_banner .slick-current .fonttxt{ top: 50%; opacity: 1}
.index_banner .slick-prev{left:3%;}
.index_banner .slick-next{ right:3%; }
.index_banner .slick-dots{ bottom:20px; padding: 0}
.index_banner .slick-dots li{ border:solid 1px transparent; padding:1px; margin:0px 10px;}
.index_banner .slick-dots li button{ background:#fff;border-radius:0;opacity:0.5}
.index_banner .slick-dots li.slick-active { border-color:#fff}
.index_banner .slick-dots li.slick-active button{ opacity:1}

.index_banner .pro_search{ position: absolute; left: 0; right: 0; width: 60%; bottom: 50px; padding-bottom: 0; margin: auto; z-index: 100}
@media(max-width:1024px){
.index_banner .banner .pic{ display: none}
.index_banner .banner .wap{ display: block}
}
@media(max-width:1024px){
.index_banner .pro_search{ position: relative; width: 100%; bottom: auto; background: #eee; padding: 10px;}
.index_banner .pro_search .box{ display: block}
}

.index_about{ background: no-repeat right bottom}
.index_about .article{ position: relative; margin-top: 3%}
.index_about .info{ max-width:760px;}
.index_about .txt{ padding:4% 0}
.index_about .about_num{ padding-top:10%; padding-bottom: 4%}
.index_about .about_num li{ display: inline-block}
.index_about .about_num b{ padding-right: 10px;}
.index_about .about_num span{ display: block}
.index_about .about_num li:not(:last-child){ padding-right:40px;}
.index_about .click_play{ right: 0; top: 50%;}

/* 2022.5.18 */
@media (max-width: 1700px){
    .index_about{
        background-position: center bottom;
    }
}
@media (max-width: 1366px){
    .index_about{
        background-position: right bottom;
        background-size: 83%;
    }
}

@media(max-width:1024px){
.index_about{ padding-top:5%; padding-bottom:5%;background: no-repeat right bottom;background-size: unset;}
.index_about .auto_1440{ background: rgba(255,255,255,0.9); padding-top: 3%; padding-bottom: 3%}
.index_about .column_title{ text-align: center}
.index_about .article{ margin: 0; padding: 3%}
.index_about .click_play{ top: auto; bottom: 0; padding:8%}
}

.index_business{ background: no-repeat center center; background-size: cover}
.index_business .auto_1440{ background: #fff}
.index_business .column_title{ text-align: center; padding-top: 4%}
.index_business .info{ text-align: center; max-width:910px; margin: auto; padding:0 2% 2% 2%}
.index_business .list_pic .item{width: 18.75%; position: relative; transition: 0.5s; overflow: hidden}
.index_business .list_pic .box{ color: #fff; position: absolute; width: 100%; height: 100%; bottom: 0; padding:8%}
.index_business .list_pic .box a{ color: #fff}
.index_business .list_pic .pic:before{ position: absolute; content: ''; width: 100%; height: 100%; bottom: 0; background: rgba(0,0,0,0.5)}
.index_business .list_pic .pic span{ height: 430px; display: block; background: no-repeat center center; background-size: cover}
.index_business .list_pic h4{ position: absolute; width:80%; top:80%; transition: 0.5s}
.index_business .list_pic h4 span{ display: block;}
.index_business .list_pic .txt{ position: absolute; width:90%; padding-right: 11%; left: 5%; bottom:-100%; transition: 0.5s}
.index_business .list_pic .txt:before{ content: ''; position: absolute; right: 0; width: 40px; height: 40px; background:rgba(255,255,255,0.9)  no-repeat center center; border-radius: 100px;}
.index_business .list_pic .item.show{ width: 62.5%}
.index_business .list_pic .item.show .box{ padding:3%;}
.index_business .list_pic .item.show .pic:before{ height:70%;background: linear-gradient(0deg,#081c35,rgba(255,255,255,0))}
.index_business .list_pic .item.show h4{top:6%; left: 10%; text-transform: uppercase}
.index_business .list_pic .item.show .txt{ bottom:8%}
@media(max-width:1024px){
.index_business{ padding-top:5%; padding-bottom:5%}
}
@media(max-width:768px){
.index_business .list_pic .item,
.index_business .list_pic .item.show{ width: 100%; display: block}
.index_business .list_pic .pic span{padding-bottom:55%; height: auto}
.index_business .list_pic .box,
.index_business .list_pic .item.show .box{ padding:10px;}
.index_business .list_pic .item h4,
.index_business .list_pic .item.show h4{ left: 60px; top: 15px; text-transform: uppercase}
.index_business .list_pic .item .txt{ bottom:8%}
.index_about .click_play{bottom: 0%;width: 40px !important;height: 40px !important;}
}

.index_product{overflow: hidden; }
.index_product .titlebox{ padding-bottom: 0%; position: relative; z-index: 10}
.index_product .column_title{ float: left}
.index_product .tab_title{ float: right; width: 50%; padding: 0px 50px;}
.index_product .tab_title .item{ text-align: center;}
.index_product .tab_title .item:nth-of-type(1).slick-active{opacity: 0;width: 0 !important;}
.index_product .tab_title .item a{ cursor: pointer;}
.index_product .tab_title h4{ color: #666666; margin-top:6px;}
.index_product .tab_title .icon { margin: auto; width: 55px; height: 55px; overflow: hidden}
.index_product .tab_title .icon img{ width: 55px; height: 55px; transform: translatey(55px); filter: drop-shadow(#666666 0 -55px);}
.index_product .tab_title .slick-current h4{ color: #e8280c}
.index_product .tab_title .slick-current .icon img{filter: drop-shadow(#e8280c 0 -55px);}
.index_product .tab_title .slick-arrow{ background: #f7f7f7; border-radius: 100px;}
.index_product .tab_title .slick-prev{}
.index_product .tab_title .slick-next{}
.index_product .tab_title .slick-prev:before{background:  no-repeat center center}
.index_product .tab_title .slick-next:before{background:  no-repeat center center}
.index_product .box{ padding: 3%}
.index_product .pic span{ padding-bottom:65%; background-size: 80%}
.index_product .txt{ padding-top: 8%}
.index_product .txt h3,
.index_product .txt h4{ text-align: center}
.index_product .txt h4{ font-weight: bold}
.index_product .txt h3{ opacity: 0.8}
.index_product .tag{ margin-bottom:15%; overflow: hidden; height: 27px;text-align: center;}
.index_product .tag span{ margin-right: 10px; display: inline-block; background:linear-gradient(-45deg, #e70012, #ea5505); padding: 1px; border-radius: 100px;line-height: 24px;}
.index_product .tag i{ font-style: normal; display: inline-block;background: #fff; padding: 0px 10px; border-radius: 100px;}
.index_product .yuan{ display:block; position:absolute; width:10px; height:10px;}
.index_product .yuan:before,
.index_product .yuan:after{ content:''; position:absolute; border: dashed 1px #e2e2e2;border-radius:100%; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.index_product .yuan:before{width:4000%; height:4000%;}
.index_product .yuan:after{width:6000%; height:6000%;}
.index_product .yuan.yt{ left:2%; top:2%}
.index_product .yuan.yb{ right:0; bottom: 0}
.index_product .more{ text-align: center; padding-top:2%}
.index_product .listbox{ margin-left: -50px; margin-right: -50px; padding-bottom: 0;}
.index_product .listbox .slick-list{ padding: 3vw 60px;}
.index_product .listbox .item{ position: relative;}
.index_product .listbox .item .box p,
.index_product .listbox .item .box .redbg{ display: none}

.index_product .listbox .info_hover{ display: none; position: absolute; left: 9px; top:0px; background: #fff; width: 300%; height: 100%; padding:20%; z-index: 10; box-shadow: 0 0 30px rgba(0,0,0,0.1); border-radius: 10px; transition: 0.5s}
.index_product .listbox .info_hover .pic{ float: right; width: 50%;}
.index_product .listbox .info_hover .txt{ float: left; width: 50%; padding-top: 0}
.index_product .listbox .info_hover .txt h3,
.index_product .listbox .info_hover .txt h4{ text-align: left}
.index_product .listbox .info_hover .txt p{ color: #666; margin-top: 10px; margin-bottom: 20px;}
.index_product .listbox .info_hover .txt a:not(:hover) h3{ color: #999999;opacity:1}
.index_product .listbox .info_hover .txt a .redbg{ box-shadow: none}
.index_product .listbox .info_hover .txt a .redbg:not(:hover){ background: #fff; color: #e8250c;border:solid 1px #e8250c}
.index_product .listbox .info_hover .txt a .redbg:not(:hover):before{ border-color: #e8250c}
.index_product .listbox .info_hover .tag{ margin-bottom: 6%}
.index_product .listbox .info_hover .tag span{ background: #e6eef4; border:none}
.index_product .listbox .info_hover .tag i{ background: #e6eef4; }
.index_product .listbox .item.show .info_hover{ display: block}
@media(min-width:1200px){
.index_product .listbox .item.nextshow3 .info_hover,
.index_product .listbox .item.nextshow4 .info_hover{ left: auto; right: 9%}

}
@media(min-width:960px) and (max-width:1200px){
.index_product .listbox .info_hover{ width: 200%}
.index_product .listbox .item.nextshow .info_hover{ left: -10%;}
.index_product .listbox .item.nextshow2 .info_hover{ left: auto; right: 9%}
}
@media(min-width:640px) and (max-width:960px){
.index_product .listbox .info_hover{ width: 180%}
.index_product .listbox .item.nextshow .info_hover{ left: auto; right: 9%}
}
@media(min-width:640px){
.index_product .listbox .slick-arrow{ top:auto; bottom: 0}
.index_product .listbox .slick-prev { left: 40%}
.index_product .listbox .slick-next { right: 40%}
}
@media(max-width:1400px){
.index_product .tab_list{ padding-left: 30px; padding-right: 30px;}
}
@media(max-width:1024px){
.index_product{ padding-top:5%; padding-bottom:5%}
.index_product .tab_title{ width: 70%}
.index_product .yuan{display: none;}
}
@media(max-width:768px){
.index_product .column_title{ float: none}
.index_product .tab_title{ float: none;width: 100%}
}
@media(max-width:640px){
.index_product .tab_title .icon {width: 40px; height:40px;}
.index_product .tab_title .icon img{ width:40px; height:40px; transform: translatey(40px); filter: drop-shadow(#666666 0 -40px);}
.index_product .tab_title .slick-current .icon img{filter: drop-shadow(#e8280c 0 -40px);}
/* #fullpage{padding-top: 60px;} */
.index_product .tag{ margin-bottom: 5%}
.index_product .listbox .item.show .info_hover{ display: none}
.index_product .listbox{ margin-left:0px; margin-right: 0; padding-left: 30px; padding-right: 30px;}
.index_product .tab_list{ padding: 0}
.index_product .listbox .slick-list{ padding: 0}
.index_product .tab_list .slick-arrow{top: 30%;}
}

.index_news{ background: no-repeat center center; background-size: cover}
.index_news .auto_1440{ background: #fff}
.index_news .column_title{ text-align: center; padding-top: 4%}
.index_news .info{ text-align: center; max-width:910px; margin: auto; padding:0 2% 2% 2%}
.index_news .notice{ padding: 2% 4% 0 4% ; border-top: solid 1px #efefef;}
.index_news .notice .tit{ position: absolute; padding-left: 54px;}
.index_news .notice .tit:before{ content: ''; left:24px; position: absolute; width:18px; height: 100%; background: no-repeat left;
animation: radio 1s infinite;-webkit-animation: radio 1s infinite; /* safari and chrome */}
.index_news .notice .list{ padding-left: 140px;}
.index_news .notice .list a{ color: #ea4308}
.index_news .list_box{ padding: 1% 4% 4% 4%; background:  no-repeat right bottom; background-size:50% }
.index_news .list_font{ float: left; width:56%;}
.index_news .list_font li{ padding: 0 30px; border-radius: 20px;}
.index_news .list_font li a{ display: block; padding: 30px 60px 30px 0; position: relative;border-bottom: solid 1px #efefef; }
.index_news .list_font li p{ color: #adadad}
.index_news .list_font li time{ position: absolute; top:50%; right: 0; text-align: center;color: #adadad; font-size: 14px;-webkit-transform: translate(0, -50%);  -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.index_news .list_font li time b{ display: block; color: #333333}
.index_news .list_font li:hover{ box-shadow: 0 0 32px rgba(0,0,0,0.1)}
.index_news .list_font li:hover time b{ color: #e70012}
.index_news .list_font li:hover a{ border-bottom-color: #fff}
.index_news .list_pic{ float: right; width:41.516%;}
.index_news .list_pic .item a{ display: block; position: relative}
.index_news .list_pic .pic span{ height: 350px;}
.index_news .list_pic .txt{ color: #fff; position: absolute; bottom: 0; width: 100%; padding:2% 4%; background: rgba(0,0,0,0.5)}
.index_news .list_pic .txt span{ float: right}
@keyframes radio
{
from {width: 9px}
to {width: 18px}
}

@-webkit-keyframes radio /* safari and chrome */
{
from {width: 9px}
to {width: 18px}
}
@media(max-width:1200px){
.index_news .list_pic .pic span{ height: 325px;}
}
@media(max-width:1024px){
.index_news{ padding-top: 2.5%; padding-bottom: 2.5%}
}
@media(max-width:768px){
.index_news .list_font,
.index_news .list_pic{ float: none; width:100%;}
.index_news .list_pic .pic span{ height:auto; padding-bottom: 60%}
.index_news .list_font{ padding-top: 3%}
.index_news .list_font li{ padding: 0 2%}
.index_news .list_font li a{ padding-top: 2%; padding-bottom: 2%}
.index_news .notice{ padding-bottom: 2%}
.index_news .notice .tit{ padding-left:24px;}
.index_news .notice .tit:before{ left: 0}
.index_news .notice .list{ padding-left: 100px;}
}
.section .icontop{display: none;}