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;}
}
.swiper-pagination-bullet-active{background:#333137 !important}

.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{text-align:center;}
.index-news .list ul{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:#e7dcd0;}
.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;}



.index-item01{background:url(../../images/home/index/index-item01-bg.jpg) no-repeat center center/cover;padding:65px 0px 140px 0;text-align:center;}
.index-item01 .tit{}
.index-item01 .tit img{margin:0 auto;}
.index-item01 .tit .en{font-size:48px;text-transform:uppercase;margin-top:15px;}
.index-item01 .tit-txt{font-size:20px;color:#000;margin-top:15px;}
.index-item01 .index-item01-container{margin-top:80px;}
.index-item01 .index-item01-container .swiper-slide{padding-top:22.5%;margin:0px 0.5px;text-align:center;color:#fff;font-size:20px;}
.index-item01 .index-item01-container .swiper-slide .box{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);opacity:1;}
.index-item01 .index-item01-container .swiper-slide .box .icon{height:70px;}
.index-item01 .index-item01-container .swiper-slide .box img{margin:0 auto;}
.index-item01 .index-item01-container .swiper-slide .content{position:absolute;left:0;width:100%;top:0;height:100%;background:rgba(0,0,0,0.65);opacity:0;}
.index-item01 .index-item01-container .swiper-slide .content .con{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);}
.index-item01 .index-item01-container .swiper-slide .content .con .ms,
.index-item01 .index-item01-container .swiper-slide .content .con a{transform:translateY(25px);opacity:0;}
.index-item01 .index-item01-container .swiper-slide .content .con .ms{font-size:20px;}
.index-item01 .index-item01-container .swiper-slide .content .con a{width:42px;height:42px;display:block;margin:0 auto;background:url(../../images/home/index/index-item01-add.png) no-repeat center center/cover;margin-top:60px;transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;transition-delay:100ms;}

.index-item01 .index-item01-container .swiper-slide:hover .content .con .ms,
.index-item01 .index-item01-container .swiper-slide:hover .content .con a{transform:translateY(0px);opacity:1;}

.index-item01 .index-item01-container .swiper-slide:hover .box{opacity:0;}
.index-item01 .index-item01-container .swiper-slide:hover .content{opacity:1;}

.index-item01 .index-item01-container .arrow{width:33px;height:33px;background:url(../../images/home/index/index-item01-arrow.png) no-repeat left top/cover;margin-top:-16.5px;}
.index-item01 .index-item01-container .arrow.swiper-item01-next{background-position:right top;right:60px;}
.index-item01 .index-item01-container .arrow.swiper-item01-prev{left:60px;}
.index-item01 .more{margin-top:30px;}
.index-item01 .more i{width:35px;height:19px;background:url(../../images/home/index/index-item01-more.png) no-repeat center center;display:inline-block;vertical-align:middle;margin-left:15px;}
.index-item01 .more a:hover i{transform:translateX(15px);}

@media screen and (max-width:1025px) {
    .index-item01{padding:30px 0;}
    .index-item01 .tit img{width:50px;display:none;}
    .index-item01 .tit .en{font-size:20px;text-transform:uppercase;margin-top:5px;}
    .index-item01 .tit-txt{font-size:14px;margin-top:5px;}
    .index-item01 .index-item01-container{margin-top:20px;}
    .index-item01 .index-item01-container .swiper-slide{font-size:16px;}
    .index-item01 .index-item01-container .swiper-slide .box{height:80px;margin-top:-40px;transform:translateY(0);}
    .index-item01 .index-item01-container .swiper-slide .box .icon{height:60px;}
    .index-item01 .index-item01-container .swiper-slide .content .con .ms{font-size:18px;}
    .index-item01 .index-item01-container .swiper-slide .content .con a{margin-top:20px;width:30px;height:30px;}

    .index-item01 .index-item01-container .arrow{width:25px;height:25px;margin-top:-12.5px;}
    .index-item01 .index-item01-container .arrow.swiper-item01-next{right:15px;}
    .index-item01 .index-item01-container .arrow.swiper-item01-prev{left:15px;}

    .index-item01 .more{margin-top:15px;}
}
@media screen and (max-width:769px) {
    .index-item01 .index-item01-container .swiper-slide{padding-top:60%;}
}

.index-item02{padding:145px 0;text-align:center;font-size:16px;color:#fff;background:url(../../images/home/index/index-item02-bg.jpg) no-repeat center center/cover;}
.index-item02 .contxt{line-height:42px;}
.index-item02 .en{margin:50px 0;}
.index-item02 a{width:160px;height:45px;display:block;margin:0 auto;border-radius:30px;border:1px solid #fff;line-height:43px;color:#fff;}
.index-item02 a span{font-family:'宋体';margin-left:10px;}
.index-item02 a:hover{background:#fff;color:#000;}
.index-item02 a:hover span{color:#000;}

@media screen and (max-width:1367px) {
    .index-item02{padding:100px 0;}
    .index-item02 .contxt{font-size:14px;line-height:24px;}
    .index-item02 .en{margin:40px 0;}
}

@media screen and (max-width:1025px) {
    .index-item02{padding:40px 0;font-size:14px;}
    .index-item02 .contxt{line-height:26px;font-size:12px;line-height:22px;}
    .index-item02 .en{margin:25px 0;}
    .index-item02 a{width:120px;height:40px;line-height:38px;}
}

.index-item03{padding:120px 75px 180px 75px;background:url(../../images/home/index/index-item03-bg.jpg) no-repeat center center/cover;position:relative;}
.index-item03 .more{width:135px;height:40px;border-bottom:2px solid #191919;position:relative;}
.index-item03 .more:before{content:'';position:absolute;left:0;height:2px;background:#df3909;transition:800ms ease-out;-webkit-transition:800ms ease-out;-ms-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;bottom:-2px;width:0;}
.index-item03 .more:hover:before{width:100%;}
.index-item03 .more a{display:block;}
.index-item03 .more i{width:17px;height:19px;background:url(../../images/home/index/index-item03-right.png) no-repeat center center;display:inline-block;vertical-align:middle;}
.index-item03 > .more{display:none;}
.index-item03 .left{width:30%;}
.index-item03 .left .tit{font-size:48px;margin-bottom:35px;}
.index-item03 .left .tit2{font-size:36px;margin-bottom:20px;}
.index-item03 .contxt{margin-left:30%;line-height:30px;padding-right:60px;}
.index-item03 .icon{position:absolute;width:56px;height:56px;background:url(../../images/home/index/index-item03-icon.png) no-repeat center center;right:75px;top:120px;cursor:pointer;}

@media screen and (max-width:1025px) {
    .index-item03{padding:40px 25px;text-align:center;}
    .index-item03 .left,.index-item03 .contxt{width:100%;float:none;}
    .index-item03 .left .tit{font-size:24px;margin-bottom:15px;}
    .index-item03 .left .tit2{font-size:20px;margin-bottom:10px;}
    .index-item03 .left .more{display:none;}
    .index-item03 .icon{display:none;}
    .index-item03 .contxt{margin-left:0;padding:0;line-height:22px;font-size:12px;height:65px;overflow:hidden;}

    .index-item03 > .more{width:95px;height:30px;display:block;margin:0 auto;text-align:left;height:35px;margin-top:40px;text-align:center;border-bottom:1px solid #191919;}
    .index-item03 .more i{display:none;}
}

.index-item04{position:relative;background:url(../../images/home/index/index-item04-bg.jpg) no-repeat center center/cover;height:570px;}
.index-item04 .icon{position:absolute;z-index:2;width:80px;height:80px;left:50%;top:50%;margin:-40px 0px 0px -40px;background:url(../../images/home/index/index-item04-icon.png) no-repeat center center;cursor:pointer;}
.index-item04 .icon:after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;background: url(../../images/home/index/index-item04-rotate.png) center no-repeat;background-size: 100%;animation:gorotate 3s linear infinite;}
@media screen and (max-width:1367px) {
    .index-item04{height:438px;}
}
@media screen and (max-width:1025px) {
    .index-item04 .icon{width:50px;height:50px;background:url(../../images/home/index/index-item04-icon.png) no-repeat center center/10px auto;margin:-25px 0px 0px -25px;}
    .index-item04{height:250px;}
}

@keyframes gorotate {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}