.pc-ban{display: block; width: 100%;}
.phone-ban{display: none; width: 100%;}
@media(max-width:1024px){
    .pc-ban{display: none; }
    .phone-ban{display: block; }
}
.index-banner,
.index-banner .item{position: relative;}
.index-banner .item a{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.index-banner .arrows_dots{position: absolute; right: 5.21%; bottom: 0;  z-index: 2; width: 410px; height: 410px; background: url(../images/dots-bg.png) center center no-repeat; background-size: contain; transform: translateY(50%);}
/*.index-banner .slick-dots::before{content: '';width: 6px; height: 6px; border-radius: 50%; background-color: #c6b7a4; position: absolute; left: 18.29%; top: 44.39%; transform: translate(-50%,-50%);}*/
.index-banner .slick-dots{ list-style: none;}
.index-banner .slick-dots li{font-size: 16px;font-family: "Manrope";color: rgba(255, 255, 255, 0.502); position: absolute; cursor: pointer; transform: translate(-50%,-50%);}
.index-banner .slick-dots li.slick-active{ color: rgb(255, 255, 255);}
.index-banner .slick-dots li:nth-of-type(1){left:21.95%; top: 34.63%;}
.index-banner .slick-dots li:nth-of-type(2){left:27.31%; top: 26.59%;}
.index-banner .slick-dots li:nth-of-type(3){left: 35.37%; top: 20.73%;}
.index-banner .slick-dots li:nth-of-type(4){left: 44.63%; top: 16.78%;}
.index-banner .slick-dots li:nth-of-type(5){left: 56%; top: 17%;}
.index-banner .slick-dots li:nth-of-type(6){left: 66%; top: 21%;}
.index-banner .slick-dots li:nth-of-type(7){left: 74%; top: 28%;}
.index-banner .slick-dots li:nth-of-type(8){left: 79%; top: 36%;}
.index-banner .slick-dots li:nth-of-type(9){left: 83%; top: 45%;}
.index-banner .slick-dots li:nth-of-type(10){left: 84%; top: 52%;}
.index-banner .slick-dots li:nth-of-type(11){left: 79%; top: 56%;}
.index-banner .slick-dots li:nth-of-type(12){left: 74%; top: 60%;}
.index-banner .slick-dots li:nth-of-type(13){left: 66%; top: 64%;}
.index-banner .slick-dots li:nth-of-type(14){left: 64%; top: 60%;}
@media(max-width:1366px){
    .index-banner .arrows_dots{width: 300px; height: 300px; right: 3%;}
}

@media(max-width:1024px){
    .index-banner .slick-dots li{font-size: 12px;}
    .index-banner .slick-arrow{bottom: 5%;width: 180px; height: 180px;}
}
@media(max-width:640px){
    .index-banner .arrows_dots{width: 140px; height: 140px; right:0;}
    .index-banner .slick-dots li{transform: translate(-50%,-50%) scale(0.8);}
    .index-banner .slick-dots::before{transform: translate(-50%,-50%) scale(0.8);}
}
.index-banner .slick-arrow{width: 6px; height:6px; border-radius: 50%; background-color: #c6b7a4; position: absolute; z-index: 20;cursor: pointer;font-size: 0; border: 0;}
.index-banner .slick-prev {margin-top:30px; margin-left: -20px}
.index-banner .slick-next{margin-top:-10px;margin-left: 30px}

.index-part2{background-position: bottom center; position: relative;}
.index-part2::before{content: ''; width: 100px; height: 100px; position: absolute; left: 0; top: 0; background-size: contain; background-position: left top; background-repeat: no-repeat; background-image: url(../images/index_part2bg.png);}
.index-part2-bg{position: absolute;width: 62.5%; right: 0; bottom: 0;}
.index-part2-bg-circle{position: absolute;width: 22.39%;left: 0; top: 0;bottom: 0; margin: auto;}
.index-part2 .auto{position: relative;}
.index-part2-bg-txt{position: absolute; width: 21.91%; right: 0; top: 7%;}
.ind-nav{transform: translateY(-35px); position: relative; z-index: 5; margin-bottom: 8.82%;max-width:800px;}
.ind-nav-item{float: left; width: 25%; max-width: 190px; padding-right: 10px; height: 70px; margin-bottom: 10px; }
.ind-nav-item .box{border-radius: 17px 0 17px 0 ;background-color: rgb(238, 31, 45); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2); text-align: center; position: relative; overflow: hidden; height: 100%;}

.ind-nav-item .icon{max-width: 70px; max-height: 70px; opacity: 0.1; position: absolute; right: -10%; bottom: -30%;}
.ind-nav-item a{min-width: 70%; text-align: left; display: inline-block; color: #fff;line-height: normal;  height: 100%;display: flex;justify-content: center;align-items: center;}
@media(max-width:769px){
    .ind-nav-item{height: 50px;}
    .ind-nav{transform: translateY(-25px);}
    .ind-nav-item .icon{width: 50px;}
}
@media(max-width:768px){
    .ind-nav{transform: translateY(0);}
    .ind-nav-item{height: 40px; padding-right: 3px; width:24%;}
    .ind-nav-item:nth-child(1){ width:28%;}
    .ind-nav-item a{font-size: 12px;}
}

.ind-title{margin-bottom: 2.2%;}
.ind-cn{ color: rgb(51, 51, 51); font-weight: bold;line-height: 0.833; position: relative; z-index: 2;}
.ind-en{font-family: "Manrope";color: rgb(241, 241, 247); line-height: 0.672; margin-top: -18px;width: 100%;height: auto;
}

.ind-pro-list{margin-bottom: 9.6%;}
.ind-pro-item{width: 23.16%; float: left; margin-right: 2.45%; position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 2.2%;}
.ind-pro-item:nth-of-type(4){margin-right: 0;}
.ind-pro-item:nth-of-type(9){margin-right: 0;}
.ind-pro-pic{overflow: hidden; background-color: #ee1f2d;}
.ind-pro-bg{padding-top: 95.24%; transition: .3s;}
.ind-pro-label{position: absolute; color: rgb(51, 51, 51); width: 90%; max-width: 210px; left: 0; line-height: 60px; padding-left: 9.5%; bottom: 13.33%; background-color: rgba(255, 255, 255,.9); border-radius: 0 30px 30px 0;  z-index: 3;}
.ind-pro-txt{position: absolute; width: 100%; height: 100%; left: 0;top: 0; color: #fff; text-align: center; display: table; opacity: 0; transition: .3s;}
.ind-pro-inner{display: table-cell;vertical-align: middle; padding: 9.5%;}
.ind-pro-title{ line-height: 1.5; margin-bottom: 5.88%;}
.ind-pro-des{font-size: 14px;line-height: 1.571; height: 4.713em;}

.ind-pro-item:hover .ind-pro-bg{opacity: 0.2;}
.ind-pro-item:hover .ind-pro-label{left: -100%;}
.ind-pro-item:hover .ind-pro-txt{opacity: 1;}
@media(min-width:768px){
    .ind-pro-item:nth-child(n+5){width: 18%;}
}
@media(max-width:1366px){
    .ind-pro-label{font-size: 16px;}
}
@media(max-width:1024px){
    .ind-pro-label{font-size: 14px;}
}
@media(max-width:768px){
    .ind-pro-item{width: 49%; margin-right: 2%;}
    .ind-pro-item:nth-of-type(2n){margin-right: 0;}
    .ind-pro-label{line-height: 50px;}
}
@media(max-width:480px){
    .ind-pro-label{font-size: 14px; line-height: 50px; padding-left: 5%;}
}

.ind-about{/*width: 44.12%;*/padding-right: 55.88%;color: rgb(51, 51, 51); line-height: 1.875; padding-bottom: 11%; position: relative; overflow: hidden}
.ind-about-bg{position: absolute; bottom: 0; min-width: 100%; min-height: 100%; max-width: none; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
.ind-about-des{margin-bottom: 9%;}

.ind-count-box{text-align: justify;  text-justify: inter-ideograph; margin-bottom: 5.33%;}
.ind-count-box::after{content: ''; width: 100%; height: 0; display: inline-block;}
.ind-count-item{display: inline-block; text-align: left;}
.ind-count{font-size: 46px; font-family: "Manrope";color: rgb(237, 27, 46);font-weight: bold; line-height: 1.5;}
.ind-count-box .unit{vertical-align: top;color: rgb(51, 51, 51);}
.ind-count-box .label{color: rgb(102, 102, 102); line-height: 1.875;}
@media(max-width:1024px){
    .ind-count{font-size: 30px;}
}
@media(max-width:768px){
    .ind-about{width: 100%;padding-right:0;}
    .ind-count{font-size: 26px;}
    .ind-count-box .label{font-size: 12px;}
    .ind-count-box .unit{font-size: 12px;}
    .ind-count-item:last-of-type .label{color: #fff;}
    .ind-count-item:last-of-type .unit{color: #fff;}
}



.ind-more a span{color: rgb(102, 102, 102); vertical-align: middle;display: inline-block; margin-right: 10px;}
.ind-more i{width: 37px; height: 37px;margin-left: 50px; background-color: #ee1f2d; display: inline-block; vertical-align: middle; border-radius: 50%; position: relative; transition: .3s; background-image: url(../images/icon_more.png); background-position: -4px center; background-repeat: no-repeat;}
.ind-more i::before{content: ''; width: 50px; height: 1px; background-color: #999; position: absolute; right: 100%; top: 0; bottom: 0; margin: auto;}
.ind-more:hover i{background-position: left center;}

.index-part3{position: relative; padding-top: 5.21%; padding-bottom: 6.25%;}
.index-part3-bg{position: absolute;width: 37.5%; left: 0; top: 0; z-index: -1;}
.index-part3 .ind-cn{color: #fff;}

.index-part3 .left{width: 57.35%; float: left;}
.ind-reco-list .item{float: left; width: 46.9%; border-radius: 20px; background-image: linear-gradient(to right,#fff,rgb(250, 250, 252)); margin-right: 6.2%;}
.ind-reco-list .item:nth-of-type(2n){margin-right: 0;}
.ind-reco-list .bg_cover{padding-top: 65.41%; width: 110%; border-radius: 20px;transform:rotateY(25deg);  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); transform-origin: left;}
.ind-reco-list .pic{ perspective: 800px;border-radius: 20px;perspective-origin:center top; transform: translateY(-60px);}
.index-part3 .ind-title{margin-bottom: 12.38%;}
.ind-reco-list .txt{padding: 0 30px; transform: translateY(-70px);}
.ind-reco-list .time{text-align: right; color: #cccccc;line-height: 0.8; font-weight: lighter; margin-bottom: 15.4%; font-family: "Manrope";}
.ind-reco-list .time span{vertical-align: top;line-height: 0.8; font-weight: normal;}
.ind-reco-list .time .year{font-size: 14px; margin-right: 5px;  color: rgb(102, 102, 102);}
.ind-reco-list .time .day{color: rgb(51, 51, 51); margin-left: 5px;}
.ind-reco-list h2{ color: rgb(51, 51, 51); line-height: 1.2;height: 2.4em; margin-bottom: 7.9%;}
.ind-reco-list .des{ color: rgb(102, 102, 102); line-height: 1.5; height: 3em; margin-bottom: 11.47%;}

.ind-reco-list .item:hover .ind-more i{background-position: left center;}
.ind-reco-list .item:hover h2{color: #ee1f2d;}



.index-part3 .right{width: 38.24%; float: right; padding-top: 20px;}
.ind-news-nav{padding-left: 7.7%; margin-bottom: 5.77%;}
.ind-news-nav .item{padding-left: 20px; text-align: center; padding-bottom: 20px;}
.ind-news-nav .item span{cursor: pointer; line-height: 50px; border-radius: 25px; display: block; background-color: #f4f5f9; transition: .3s; position: relative;}

.ind-news-nav .item.slick-current span{background-color: rgb(237, 27, 46); box-shadow: 0px 5px 10px 0px rgba(237, 27, 46, 0.2); color: #fff;}
.ind-news-nav .item.slick-current span::after{content: ''; width: 0; height: 0; border: 6px solid transparent; border-top-color: #ee1f2d; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);}

.ind-news-main{margin-bottom: 8.8%;}
.ind-news-main .item{background-image: linear-gradient(to left top, #f5f6f9, #fdfdfe); padding: 0 11.5%; margin-bottom: 3.84%; height: 135px; display: table; width: 100%; border-radius: 15px;}
.ind-news-main .item a{display: table-cell  ; vertical-align: middle; }
.ind-news-main h2{color: rgb(51, 51, 51); font-weight: normal;line-height: 1.333; max-height: 2.6666em; margin-bottom: 10px;}
.ind-news-main .time{ font-family: "Myriad Pro"; color: rgb(102, 102, 102);}
.ind-news-main .item:hover h2{color: #ee1f2d;}

.index-part3 .right .more{text-align: right;}
.index-part3 .right .more a{padding-right: 23px;  color: rgb(153, 153, 153); background: url(../images/icon_more2.png) right center no-repeat;}
.index-part3 .right .more a:hover{color: #ee1f2d;}
@media(max-width:768px){
    .index-part3 .left{width: 100%; float: none;}
    .index-part3 .right{width: 100%; float: none;}
    .ind-news-main .item{height: 100px;}
    .ind-news-nav{padding-left: 0;}
    .ind-news-nav .item span{line-height: 40px; font-size: 14px;}
}
.index-part4 .top-wrap .left{width: 39.7%; float: left;}
.index-part4 .top-wrap .left .item{position: relative;}
.index-part4 .top-wrap .left .pic{overflow: hidden ; border-radius: 10px;}
.index-part4 .top-wrap .left .bg_cover{height: 310px; transition: .3s;}
.index-part4 .top-wrap .left .txt{position: absolute; width: 100%; left: 0; bottom: 8.1%; color: #fff; padding: 0 7.4%;}
.index-part4 .top-wrap .left h2{line-height: 2.308;}
.index-part4 .top-wrap .left .des{line-height: 1.5;}
.index-part4 .top-wrap .left .item:hover .bg_cover{transform: scale(1.1);}


.index-part4 .top-wrap{background-color: #f7f5f2; padding-top: 5.21%; padding-bottom: 6.25%;}
.index-part4 .top-wrap .right{width: 54.41%; float: right;}
.index-part4 .top-wrap .right .title{font-weight: bold; margin-bottom: 26px; line-height: 1;}
.index-part4 .top-wrap .right .item{display: table; border-radius: 10px; float: left;}
.index-part4 .top-wrap .right .item a{display: table-cell; vertical-align: middle; white-space: pre-wrap; color: #fff;line-height: 2;}
.index-part4 .top-wrap .right .item:nth-of-type(1){height:260px ;width: 39.1%; float: left; background-color: #ee1f2d; background-image: url(../images/book.png) ; background-repeat: no-repeat; background-position: 90% 90%;margin-right: 1.25%;}
.index-part4 .top-wrap .right .item:nth-of-type(1) a{ padding: 0 15.5%; }

.index-part4 .top-wrap .right .item:nth-of-type(2){background-color: #af9668; width: 29.2%; height: 80px;margin-right: 1.25%; margin-bottom: 10px;}
.index-part4 .top-wrap .right .item:nth-of-type(2) a{ padding: 0 11.9%;}

.index-part4 .top-wrap .right .item:nth-of-type(3){background-color: #8d8d8f; width: 29.2%; height: 80px;margin-bottom: 10px;}
.index-part4 .top-wrap .right .item:nth-of-type(3) a{ padding: 0 11.9%;}


.index-part4 .top-wrap .right .item:nth-of-type(4){background-color: #525262; width: 29.2%; height: 170px;margin-right: 1.25%;}
.index-part4 .top-wrap .right .item:nth-of-type(4) a{ padding: 0 11.9%;}



.index-part4 .top-wrap .right .item:nth-of-type(5){background-color: #786e64; width: 29.2%; height:80px; margin-bottom: 10px;}
.index-part4 .top-wrap .right .item:nth-of-type(5) a{ padding: 0 11.9%;}
.index-part4 .top-wrap .right .item:nth-of-type(6){background-color: #af9668; width: 29.2%; height:80px; }
.index-part4 .top-wrap .right .item:nth-of-type(6) a{ padding: 0 11.9%;}


.index-part4{position: relative; margin-bottom: -23px;}
.index-part4 .bot-wrap{background-color: #f0ede7; padding: 5.21% 0;}
.index-part4 .bot-wrap .auto,.index-part4 .top-wrap .auto{position: relative;z-index: 5;}
.index-part4 .bot-wrap .left{width: 29.4%; float: left;}
.index-part4 .bot-wrap .left .item{margin-bottom: 13px; line-height: 38px; border-radius: 19px; background-color: #fff; padding-left: 37px; padding-right: 20px; position: relative;}
.index-part4 .bot-wrap .left .item::before{content: ''; width: 0; height: 0; border: 4px solid transparent; border-left-color: #333; position: absolute; left: 23px; top: 0; bottom: 0; margin: auto;}
.index-part4 .bot-wrap .left .item:hover::before{border-left-color: #ee1f2d;}
.index-part4 .bot-wrap .left .item:last-of-type{margin-bottom: 0;}

.index-part4 .bot-wrap .right{width: 66.9% ; float: right;}
.index-part4 .bot-wrap .right .item{width: 31.87%; float: left; margin-right: 2.195%;  border-radius: 10px; background-color: #808080; font-size: 14px; padding: 30px 2% 30px 4.39%;}
.index-part4 .bot-wrap .right .item:nth-of-type(3n){margin-right: 0;}
.index-part4 .bot-wrap .right .item .title,
.index-part4 .bot-wrap .right .item .label{ color: rgb(255, 255, 255);line-height: 1.286;}
.index-part4 .bot-wrap .right .item .mailbox a{color: rgb(255, 255, 255);line-height: 1.857;}
.index-part4 .bot-wrap .right .item .des{ color: rgba(255, 255, 255, 0.502); font-size: 12px;}

.index-part4-bg{width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2;}
@media(max-width:1024px){
    .index-part4 .bot-wrap .right .item{padding: 30px 2% 30px 2%;}
}
@media(max-width:768px){
    .index-part4 .top-wrap .left    {width: 100%; float: none; margin-bottom: 2%;}
    .index-part4 .top-wrap .left .bg_cover{height: auto; padding-top: 57.41%; }
    .index-part4 .top-wrap .right{width: 100%; float: none;}

    .index-part4 .bot-wrap .left{width: 100%; float: none;margin-bottom: 2%;}
    .index-part4 .bot-wrap .right{width: 100%; float: none;}
    .index-part4 .bot-wrap .right .item{width: 100% ; margin-right: 0; margin-bottom: 2%;}
}
@media(max-width:640px){
    .index-part4 .top-wrap .right .item:nth-of-type(1){width: 100%; margin-right: 0; margin-bottom: 1.25%;} 
    .index-part4 .top-wrap .right .item:nth-of-type(2){width: 32.5%;}
    .index-part4 .top-wrap .right .item:nth-of-type(3){width: 32.5%;margin-right: 1.25%;}
    .index-part4 .top-wrap .right .item:nth-of-type(4){width: 32.5%; float: right; margin-right: 0;}
    .index-part4 .top-wrap .right .item:nth-of-type(5){width: 32.5%;margin-right: 1.25%;}
    .index-part4 .top-wrap .right .item:nth-of-type(6){width: 32.5%;}
}