.page-index .banner { height: 100vh; }

.page-index .banner .banner-slider { height: 100%; }

.page-index .banner .slick-active .sm { -webkit-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s; }

.page-index .banner .slick-active .lg { -webkit-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s; }

.page-index .banner .slick-active .kown-more { -webkit-animation: fadeInUp 0.7s; animation: fadeInUp 0.7s; }

.page-index .banner .banner-content { width: 100%; height: 100%; color: #fff; text-align: center; }

.page-index .banner .banner-content .sm { font-size: 24px; }

.page-index .banner .banner-content .lg { padding: 3% 0 2% 0; font-size: 64px; font-weight: bold; }

.page-index .banner .slick-list, .page-index .banner .slick-track, .page-index .banner .slick-slide { height: 100%; }

.page-index .banner .slick-dots { bottom: 50px; }

.page-index .banner .slick-dots li { width: 14px; height: 14px; margin: 0 20px; background: rgba(255, 255, 255, 0.3); border-radius: 50%; }

.page-index .banner .slick-dots li.slick-active { background: #d8261c; }

.page-index .banner .slick-dots li button::before { display: none; }

.page-index .banner .overbg { height: 100%; background-repeat: no-repeat; background-size: cover; }

.page-index .comm-section { padding-top: 90px; padding-bottom: 90px; background-repeat: no-repeat; background-size: cover;overflow: hidden; }

.page-index .section-tit { text-align: center; margin-bottom: 70px; }

.page-index .section-tit .tit { color: #333333; font-size: 36px; position: relative; display: inline-block; }

.page-index .section-tit .bar { width: 61px; height: 6px; background-color: #d8261c; display: inline-block; margin-bottom: 20px; }

.page-index .anim-show .bar { -webkit-animation: fadeInUp 0.6s; animation: fadeInUp 0.6s; }

.page-index .anim-show .tit { -webkit-animation: fadeInDown 0.7s; animation: fadeInDown 0.7s; }

.page-index .anim-show.list { -webkit-animation: fadeInUp 0.6s; animation: fadeInUp 0.6s; }

.page-index .news { background-color: #f4f4f4; }

.page-index .service .list { margin-left: -2%; margin-right: -2%; }

.page-index .service .list li { float: left; width: 20%; padding: 0 2%; -webkit-transition: all 0.5s; transition: all 0.5s; }

.page-index .service .list li .inner { background: #fff; border-radius: 10px; overflow: hidden; text-align: center; cursor: pointer; }

.page-index .service .list li .img-box { padding: 60px 0; background-color: #f7f7f7; }

.page-index .service .list li .img-box .hide { display: none; }

.page-index .service .list li .name { padding: 40px 0; }

.page-index .service .list li:hover { -webkit-transform: translateY(-20px); transform: translateY(-20px); }

.page-index .service .list li:hover .img-box { background: #d8261c; }

.page-index .service .list li:hover .img-box .hide { display: inline-block; }

.page-index .service .list li:hover .img-box .show { display: none; }

.page-index .pro-tablist { margin-left: -2%; margin-right: -2%; }

.page-index .pro-tablist li { float: left; padding-left: 2%; padding-right: 2%; width: 33.333%; text-align: center; color: #333333; font-size: 20px; }

.page-index .pro-tablist li.cur, .page-index .pro-tablist li:hover { color: #d8261c; }

.page-index .pro-tablist li.cur a, .page-index .pro-tablist li:hover a { border-color: #d8261c; }

.page-index .pro-tablist li .hide { display: none; }

.page-index .pro-tablist li.cur .hide, .page-index .pro-tablist li:hover .hide { display: inline-block; }

.page-index .pro-tablist li.cur .show, .page-index .pro-tablist li:hover .show { display: none; }

.page-index .pro-tablist a { display: block; padding-bottom: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; border-bottom: 2px solid rgba(0, 0, 0, 0.1);}

.page-index .pro-list { margin-left: -2%; margin-right: -2%; padding-top: 15px; }

.page-index .pro-list li { float: left; padding-left: 2%; padding-right: 2%; width: 33.333%; text-align: center; margin-top: 40px; }

.page-index .pro-list .cover-box { padding-top: 82%; width: 100%; }

.page-index .pro-list .hover-cover { position: relative; }

.page-index .pro-list .cover { position: relative; }

.page-index .pro-list .tit-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); color: #fff; text-align: center; }

.page-index .pro-list .cover-tit { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.page-index .pro-list .inner { position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; }

.page-index .pro-list .meta { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; padding: 15px 0; -webkit-transform: translateY(300%); transform: translateY(300%); -webkit-transition: all 0.5s; transition: all 0.5s; }

.page-index .pro-list .meta .tit { color: #d8261c; font-size: 24px; font-weight: bold; }

.page-index .pro-list .meta .desc { color: #b1b0b0; padding: 15px 15px 0 15px; }

.page-index .pro-list li:hover .tit-box { opacity: 0; }

.page-index .pro-list li:hover .inner { -webkit-box-shadow: 3px 2px 3px 0px #e9e9e9; box-shadow: 3px 2px 3px 0px #e9e9e9; }

.page-index .pro-list li:hover .meta { -webkit-transform: translateY(0); transform: translateY(0); }

.page-index .pro .more-arrow { font-size: 14px; }

.page-index .introduce .content { padding: 90px 0; background: #fff; display: flex;align-items: center;}

.page-index .introduce .content .desc { color: #9c9c9c !important; font-size: 16px !important; line-height: 1.8 !important; text-align: justify; padding-right: 2%; }
.page-index .introduce .content .dbox { float: left; color: #39383e; -webkit-box-shadow: 3px 2px 3px 3px #e9e9e9; box-shadow: 3px 2px 3px 3px #e9e9e9; border-radius: 10px; text-align: center; overflow: hidden; width: 40%; margin-left: 10%; padding: 30px 0; cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s; }

.page-index .introduce .content .dbox .hide { display: none; }

.page-index .introduce .content .dbox:hover { color: #fff; background: #d8261c; }

.page-index .introduce .content .dbox:hover .hide { display: inline-block; }

.page-index .introduce .content .dbox:hover .show { display: none; }

.page-index .introduce .content .dbox dt { font-size: 38px; padding-top: 10px; }

.page-index .introduce .content .dbox dd { font-size: 16px;padding:0 10px; }