section{margin:0px auto;}
section .title{margin:80px 0;text-align:center;font-size:44px;}
@media screen and (max-width:768px){
    section .title{margin:40px 0 20px;font-size:18px;}
}

.index-brand{position:relative;text-align:center;}
.index-brand>div{display:inline-block;margin:0px auto;}
.index-brand>dl{position:absolute;color:#fff;text-shadow:1px 2px 10px #333;top:20%;bottom:5%;left:14%;right:30%;text-align:left;}
.index-brand>dl>dt{font-size:36px;position:relative;padding-bottom:20px;}
.index-brand>dl>dt::after{content:'';display:inline-block;width:123px;height:2px;background-color:#fff;position:absolute;left:0px;bottom:0px}
.index-brand>dl>dd{font-size:16px;line-height:28px;padding-top:30px;}
.index-brand>dl>dd:last-child{padding-top:50px;}
.index-brand>dl>dd>a{color:#fff;border:1px #fff solid;padding:15px 30px;font-size:14px;}
.index-brand>dl>dd>a:hover{background-color:#916d5a;}
@media screen and (max-width:768px){
    .index-brand>dl{position:unset;color:#101116;text-shadow:none;}
    .index-brand>dl>dt{font-size:16px;padding-top:10px;padding-bottom:10px;}
    .index-brand>dl>dt::after{background-color:#101116;}
    .index-brand>dl>dd{font-size:14px;line-height:24px;padding-top:10px;}
    .index-brand>dl>dd:last-child{padding-top:20px;padding-bottom:10px;text-align:center;}
    .index-brand>dl>dd>a{color:#101116;border:1px #101116 solid;padding:5px 20px;font-size:12px;}
}

.index-pro{margin:50px auto 100px auto;}
.index-pro li{float:left;width:33.33%;text-align:center;padding:1.5% 0%;}
.index-pro li a{display:inline-block;position:relative;max-width:90%;}
.index-pro li a img{-webkit-transition: all 0.6s;transition: all 0.6s;display:block;}
.index-pro li a:hover img{transform: scale(1.1);}
.index-pro-pic{overflow:hidden;background:#000;margin:0px auto;text-align:center;}
.index-pro-title{position:absolute;top:0px;left:0px;right:0px;bottom:0px;display:none;background-color:rgba(0,0,0,0.3)}
.index-pro-title::after{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid #fff;box-shadow:0 0 0 30px rgb(255 255 255 / 20%);content:'';opacity:0;}
.index-pro-title>p{color:#fff;padding-top:calc(50% + 17px);width:100%;line-height:34px;text-align:center;margin:0px auto;}
.index-pro li a:hover .index-pro-title{display:block;}
.index-pro li a:hover .index-pro-title::after{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
@media screen and (max-width:768px){
    .index-pro{margin:0px auto 50px auto;}
    .index-pro li{width:30%;padding:1.6% 1.6%;}
}

.backcon{position:relative;text-align:center;}
.backcon>div{display:inline-block;margin:0px auto;}
.backcon>dl{position:absolute;color:#fff;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;letter-spacing:2px;}
.backcon>dl>dt{font-size:48px;}
.backcon>dl>dd{font-size:14px;padding-top:20px;}
.backcon>dl>dd:last-child{padding-top:60px;}
.backcon>dl>dd>a{color:#fff;border:1px #fff solid;padding:12px 80px;font-size:12px;border-radius:30px;}
@media screen and (max-width:768px){
    .backcon>dl>dt{font-size:18px;}
    .backcon>dl>dd{font-size:12px;padding-top:10px;}
    .backcon>dl>dd:last-child{padding-top:20px;}
    .backcon>dl>dd>a{padding:5px 30px;}
}

.index-news{margin:70px auto;}
/*
.index-news-list{padding-bottom:20px;}
.index-news-list a{display:block;transition:all ease-in-out 0.5s;}
.index-news-list a>div{padding-top:100%;width:100%;margin-bottom:30px;overflow:hidden;display:inline-block;border-radius:10px;background-color:#1b1b1b;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0.8;transition:all ease-in-out 0.5s;}
.index-news-list a>p{font-size:18px;line-height:24px;height:48px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.index-news-list a>label{font-size:16px;display:block;}
.index-news-list a>span{position:relative;padding-bottom:10px;display:block;}
.index-news-list a>span::after{content:'';position:absolute;width:60px;height:1px;bottom:0;left:0;background-color:#111111;}
.index-news-list a:hover>div{opacity:1;}
.index-news-list a:hover>span::after{width:80px;background-color:#916d5a;transition:all ease-in-out 0.5s;}
.index-news-list .swiper-pagination{text-align:left;display:contents;margin-top:20px;}
.index-news-list .swiper-button-black{position:unset;display:inline-block;height:10px;background-size:contain;margin-top:20px;}
@media screen and (max-width:768px){
    .index-news-list a>div{margin-bottom: 5px;}
    .index-news-list a>label{font-size:12px;}
    .index-news-list a>p{font-size:12px;}
    .index-news-list a>span{display: none;}
} */
.index-news .list{text-align:center;}
.index-news .list ul{display:inline-block;margin:0px auto;text-align:left;}
.index-news .list ul li{width:33.3%;float:left;}
.index-news .list ul li .news_active_part_box{margin:0 5%;height:380px;overflow:hidden;}
.index-news .news_active_part_box_pic>div{height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
.index-news .news_active_part_box_pic>div>a{height:100%;width:100%;display:block;position:relative;}
.index-news .news_active_part_box_pic>div>a>img{visibility: hidden;}
.index-news .news_active_part_box_pic>div>a>div{position:absolute;top:0px;left:0px;right:0px;bottom:0px;opacity:0;background-color:rgba(0,0,0,0.4)}
.index-news .news_active_part_box_pic>div>a>div>i{position:absolute;width:1px;height:2px;}
.index-news .news_active_part_box_pic>div>a>div>i::before,.index-news .news_active_part_box_pic>div>a>div>i::after{position:absolute;content:'';background-color:#fff;opacity:0;}
.index-news .news_active_part_box_pic>div>a>div>i::before{width:0px;height:1px;transition: width 1s;}
.index-news .news_active_part_box_pic>div>a>div>i::after{width:1px;height:0px;transition: height 1s;}
.index-news .news_active_part_box_pic>div>a>div>i:nth-child(1){top:5%;left:5%;}
.index-news .news_active_part_box_pic>div>a>div>i:nth-child(2){top:5%;right:5%;}
.index-news .news_active_part_box_pic>div>a>div>i:nth-child(2)::before,.index-news .news_active_part_box_pic>div>a>div>i:nth-child(4)::before{right: 0;}
.index-news .news_active_part_box_pic>div>a>div>i:nth-child(3){bottom:5%;left:5%;}
.index-news .news_active_part_box_pic>div>a>div>i:nth-child(4){bottom:5%;right:5%;}
.index-news .news_active_part_box_pic>div>a>div>i:nth-child(3)::after,.index-news .news_active_part_box_pic>div>a>div>i:nth-child(4)::after{bottom: 0;}
.index-news .news_active_part_box_pic>div>a:hover>div{ opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
.index-news .news_active_part_box_pic>div>a:hover>div>i::before,.index-news .news_active_part_box_pic>div>a:hover>div>i::after{opacity:1;}
.index-news .news_active_part_box_pic>div>a:hover>div>i::before{width:50px;}
.index-news .news_active_part_box_pic>div>a:hover>div>i::after{height:50px;}
.index-news .list .news_active_part_box > a img{width:100%;height:auto;}
.index-news .list .news_active_part_box_txt{border-top:1px solid #403e43;position:relative;padding-bottom:20px;}
.index-news .list .news_active_part_box_txt > .link_a{display:block;text-align:center;height:30px;overflow: hidden;}
.index-news .list .news_active_part_box_txt > .link_a a{display: block;}
.index-news .list .news_active_part_box_txt > .link_a img{height:30px;}
.index-news .list .news_active_part_box span{line-height:74px;font-size:14px;color:#333137;font-family:Arial;padding-left:20px;}
.index-news .list .news_active_part_box dl{margin:50px 0 20px;height:260px;overflow:hidden;}
.index-news .list .news_active_part_box dt{width:50%;float:left;}
.index-news .list .news_active_part_box dt a{margin:0 20px;display:block;font-size:18px;color:#333137;line-height:30px;}
.index-news .list .news_active_part_box dt a:hover{color:#666;}
.index-news .list .news_active_part_box dd{width:50%;float:left;padding-right:30px;box-sizing:border-box;line-height:26px;font-size:12px;}
.index-news .list .news_active_part_box dd>p{margin:0px;font-size:14px;}
@media screen and (max-width:768px){
    .index-news .list ul li .news_active_part_box{height:auto;padding:0px;}
    .index-news .list ul li,.index-news .list .news_active_part_box dt,.index-news .list .news_active_part_box dd{width:100%;float:unset;margin-bottom:20px;}
    .index-news .list .news_active_part_box dl{height:auto;margin:10px 0 0px;}
    .index-news .list .news_active_part_box dt,.index-news .list .news_active_part_box dt a{margin:0px;}
    .index-news .list .news_active_part_box dd{padding:0px;margin:0px;}
    .index-news .list .news_active_part_box dt a{font-size:16px;}
    .index-news .list .news_active_part_box_txt > .link_a{display: none;}
}


.index-wap{position:relative;background-attachment:fixed;background-repeat:no-repeat;background-position:center;background-size:cover;}

.index-wap-logo{height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center;}
.index-wap-logo>a{position:relative;padding:30px 0;}
.index-wap-logo span{position:absolute;width: 100%;left: 0;top: 0px;opacity: 0;}
.index-wap-logo span img{width: 100%;}
.index-wap-logo span{transition: all 0.5s;}
.index-wap-logo .line1.on{opacity: 1;transition: all 0.5s;}
.index-wap-logo .line2.on{opacity: 1;transition: all 0.5s 0.3s;}
.index-wap-logo .line3.on{opacity: 1;transition: all 0.5s 0.6s;}
.index-wap-logo .line4.on{opacity: 1;transition: all 0.5s 0.9s;}
.index-wap-logo .line5.on{opacity: 1;transition: all 0.5s 1.2s;}
.index-wap-logo .line6.on{opacity: 1;transition: all 0.5s 1.5s;}
.index-wap-logo .line7.on{opacity: 1;transition: all 0.5s 1.8s;}

.index-wap-news{min-height:100vh;}
.index-wap-news>.list{float:right;width:50%;background:rgba(59,56,56,0.5);box-sizing:border-box;padding:30px 25px 18px;color:#fff;}
.index-wap-news>.list a{color:#fff;}
.index-wap-news>.list b{font-size:12px;}
.index-wap-news>.list h2{font-size:16px;margin-bottom:25px;height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;}
.index-wap-news>.list p{line-height:24px;font-size:14px;height:72px;overflow:hidden;margin-bottom:30px;}
.index-wap-news>.list h1{font-size:14px;}
.index-wap-news>.text{width:100%;float:left;margin-top:30px;color:#fff;}
.index-wap-news>.text h1{color:#fff;font-weight:100;font-size:46px;line-height:68px;letter-spacing:8px;padding-left:20px;}
.index-wap-news>.text h1 img{height:38px;}

.index-wap-pro{padding-top:49px;background: url(../../images/home/index/grand.png) top repeat-x;}
.index-wap-pro>ul{background-color:#fff;padding:3%;}
.index-wap-pro>ul>li{overflow:hidden;margin-bottom:5px;background:#454545;}
.index-wap-pro>ul>li:nth-child(2){background:#f7f7f7;}
.index-wap-pro>ul>li dl dt{width:43.5%;float:left;box-sizing:border-box;padding:20px;padding-bottom:0;}
.index-wap-pro>ul>li dl dt h1{font-size:16px;line-height:28px;height:21px;overflow:hidden;font-weight:normal;color:#fff;margin-bottom:10px;}
.index-wap-pro>ul>li dl dt h2{font-size:14px;line-height:28px;height:53px;overflow:hidden;font-weight:normal;color:#fff;margin-bottom:10px;}
.index-wap-pro>ul>li:nth-child(2n) dl dt h1 > a{color:#454545;}
.index-wap-pro>ul>li:nth-child(2n) dl dt h2 > a{color:#454545;}
.index-wap-pro>ul>li dl dt a{color:#fff;}
.index-wap-pro>ul>li dl dt > a{display:inline-block;width:13px;height:22px;background:url(../../images/home/icon_right_arrow2.svg) center no-repeat;background-size:100% 100%;}
.index-wap-pro>ul>li:nth-child(2n) dl dt > a{background:url(../../images/home/icon_right_arrow.svg) center no-repeat;background-size:100% 100%;}
.index-wap-pro>ul>li dl dd{width:56.5%;float:left;}
.index-wap-pro>ul>li dl dd img{width:100%;display: block;}