@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;user-select: none;}
.paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;}
.paging-menu a{width: 47px;height: 47px;line-height: 47px;margin: 0px 7px;font-size: 14px;color: #666;transition: all .4s ease;border-radius: 100px;background-color: #f6f6f6;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #e7222a;background-color: #e7222a;color: #fff;}
.paging-menu a.not{transform: rotate(180deg);}
.paging-menu a i{font-size: 14px;}
.paging-skip{margin-left: 8px;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #e7222a;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #e7222a;color: #fff;border-color: #e7222a;}
.paging-hint span{color: #e7222a;}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;}.paging-skip{width: 100%;margin-left: 0;}}
@media all and (max-width:680px) {.paging-menu a {width: 30px;height: 30px;line-height: 30px;font-size: 12px;}.paging-menu a i{font-size: 12px;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #e7222a;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #e7222a;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;}
.search-link:not(:first-child){margin-top: 16px;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #e7222a !important;}
.search-link:hover h2{color: #e7222a;}
@media all and (max-width:1000px) {.search-link{padding: 20px 15px;}.search-link:not(:first-child) {margin-top: 12px;}}

/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}

/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: 24px;}
.webmap-title::after{content: "";position: absolute;width: 60px;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 4px;background: #e7222a;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -40px 0 0 -40px;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 40px);margin: 40px 0 0 40px;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color: #e7222a;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: 20px;width: 100%;padding-bottom: 20px;line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: 16px;}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: 6px 0;font-size: 18px;}
.webmap-list>ul>li>.drop .drop a{padding-left: 18px;font-size: 16px;}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 14px;}
@media all and (max-width:1270px) {
    .webmap-list>ul{margin: -24px 0 0 -24px;}
    .webmap-list>ul>li{width: calc(20% - 24px);margin: 24px 0 0 24px;}
    .webmap-list>ul>li>.menu {font-size: 18px;}
    .webmap-list>ul>li>.drop a {font-size: 16px;}
    .webmap-list>ul>li>.drop .drop a{font-size: 14px;}
    .webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}
@media all and (max-width: 680px) {
    .webmap-title {padding-bottom: 16px;}
    .webmap-title::after {width: 44px;height: 3px;}
    .webmap-list>ul{margin: -14px 0 0;}
    .webmap-list>ul>li{width: 100%;margin: 14px 0 0;}
    .webmap-list>ul>li>.menu {font-size: 16px;padding-bottom: 14px;}
    .webmap-list>ul>li>.drop{margin-top: 10px;}
    .webmap-list>ul>li>.drop a{padding: 4px 0;font-size: 15px;}
    .webmap-list>ul>li>.drop .drop a{padding-left: 12px;}
}

/*  */
.CommonBanner > img{width: 100%;}
.CommonBanner .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}

.Catmb-list {margin-right: -60px;margin-bottom: -76px;}
.Catmb-list .list{width: calc(100%/2 - 60px);margin-right: 60px;margin-bottom: 76px;}
.Catmb-list .list .hit span{margin-left: 5px;}
.Catmb-list .list input{width: 100%;border-bottom: 1px solid #999;padding-bottom: 12px;margin-top: 32px;}
.Catmb-list .list input::-webkit-input-placeholder{color: #999;font-size: 16px;font-family: "R";}
.Catmb-list .list input:-moz-placeholder{color: #999;font-size: 16px;font-family: "R";}
.Catmb-list .list input::-moz-placeholder{color: #999;font-size: 16px;font-family: "R";}
.Catmb-list .list input:-ms-input-placeholder{color: #999;font-size: 16px;font-family: "R";}
.Catmb-list .list textarea{width: 100%;height: 200px;border: 1px solid #dddddd;border-radius: 10px;padding: 36px 55px;margin-top: 20px;}
.Catmb-list .list textarea::-webkit-input-placeholder{color: #999;font-size: 16px;font-family: "R";}
.Catmb-list .list textarea:-moz-placeholder{color: #999;font-size: 16px;font-family: "R";}
.Catmb-list .list textarea::-moz-placeholder{color: #999;font-size: 16px;font-family: "R";}
.Catmb-list .list textarea:-ms-input-placeholder{color: #999;font-size: 16px;font-family: "R";}
.Catmb-list .list.line {width: calc(100%/1 - 60px);}
.Catmb-py {display: flex;align-items: center;}
.Catmb-py .rideo{width: 20px;height: 20px;border: 1px solid #dedede;border-radius: 100px;display: block;margin-right: 12px;margin-left: 0px;transition: all 0s ease;}
.Catmb-py .rideo.active{background-color: #e7222a;border: 3px solid #dedede;}
.Catmb-py a{color: #e7222a;margin-left: 5px;transition: all .4s ease;}
.Catmb-py a:hover{color: #ff000a;}
.Catmb-btn {display: flex;justify-content: center;align-items: center;}
.Catmb-btn a{width: 200px;height: 68px;}

.PagsBtn{border: 2px solid #e7222a;display: flex;justify-content: center;align-items: center;transition: all .4s ease;border-radius: 35px;}
.PagsBtn:hover{background-color: #e7222a;color: #fff;}

.Catif {background: url(../images/pages/Catif_bg.jpg) center no-repeat;background-size: cover;}
.Catif-cont .cont-l{width: 55%;}
.Catif-cont .cont-r{width: 45%;}
.Catif-cont .cont-l .text{opacity: .5;}
.Catif-list .list{border: 1px solid rgba(255, 255, 255, .5);padding: 30px 30px 30px 60px;border-radius: 20px;margin-bottom: 20px;}
.Catif-list .list li{color: #fefefe;padding-right: 80px;}
.Catif-list .list:last-child{margin-bottom: 0px;}

.Anlits-bg {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.Anlits-bg .img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;transition: all .4s ease;transform: scale(1.2);filter: blur(20px);}
.Anlits-bg .img.active{opacity: 1;}
.Anlits-bg .img img{width: 100%;height: 100%;}
.Anlits-cont {position: relative;display: flex;align-items: center;position: relative;z-index: 1;padding: 30px 0px;}
.Anlits-cont .cont-l{width: 47%;padding-left: 255px;position: relative;z-index: 3;}
.Anlits-cont .cont-r{width: 61%;position: absolute;z-index: 2;right: 0px;height: 100%;}
.Anlits-cont .cont-l .cont{border-radius: 20px;background-color: rgba(255, 255, 255, 0.702);padding: 70px 50px 80px 50px;height: 100%;min-height: 445px;display: none;}
.Anlits-cont .cont-l .cont.active{display: block;animation: showCont .4s ease;}
.Anlits-cont .cont-l .cont .btn{width: 175px;height: 45px;border-radius: 30px;display: flex;justify-content: center;align-items: center;background-color: #e7222a;transition: all .4s ease;}
.Anlits-cont .cont-l .cont .btn:hover{background-color: #ff000a;}
.Anlits-svp {height: 100%;}
.Anlits-svp .swiper-container {padding-right: 255px;height: 100%;}
.Anlits-lun {width: 100%;height: 100%;border-radius: 20px;overflow: hidden;}
.Anlits-lun img{width: 100%;height: 100%;}
.Anlits-pages {display: flex;justify-content: center;}
.Anlits-pages .swiper-pagination-bullet{width: 20px;height: 16px;opacity: 1;border-radius: 0; margin: 0 10px;background: url('../images/index/banner-icon.png') no-repeat center/100% auto;}
.Anlits-pages .swiper-pagination-bullet-active{background-image: url('../images/index/banner-iconH.png');}

.Anlics-search {display: flex;justify-content: space-between;align-items: center;}
.Anlics-from {width: 340px;border-bottom: 2px solid #000;position: relative;display: flex;height: 60px;}
.Anlics-from input{width: calc(100% - 35px);height: 100%;padding: 0px 5px;}
.Anlics-from a{display: flex;width: 35px;height: 100%;justify-content: center;align-items: center;font-size: 22px;color: #393637;transition: all .4s ease;}
.Anlics-from a:hover{color: #e7222a;}
.Anlics-sf {width: 230px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 10px;background-color: #f0f0f0;transition: all .4s ease;}
.Anlics-sf img {margin-right: 30px;}
.Anlics-sf:hover,.Anlics-sf.active{background-color: #e4e4e4;}
.Anlics-odor {border-top: 2px solid #000;border-bottom: 1px solid #dddddd;background-color: #f8f8f8;padding: 65px 85px;}
.Anlics-odor .muen {margin-bottom: 15px;}
.Anlics-odor .muen:last-child{margin-bottom: 0px;}
.Anlics-odor .muen span{width: 195px;padding-top: 10px;}
.Anlics-odor .muen .cont{width: calc(100% - 195px);margin-right: -10px;margin-bottom: -10px;}
.Anlics-odor .muen .cont a{background-color: #fff;border: 1px solid #dddddd;height: 50px;padding: 0px 25px;display: flex;justify-content: center;align-items: center;border-radius: 25px;transition: all .4s ease;margin-right: 10px;margin-bottom: 10px;}
.Anlics-odor .muen .cont a.active{border: 1px solid #e7222a;color: #e7222a;}
.Anlics-odor .muen .cont a:hover{color: #e7222a;}

.Anlics-list {margin-right: -20px;margin-bottom: -60px;}
.Anlics-list .list{width: calc(100%/3 - 20px);margin-right: 20px;margin-bottom: 60px;border-radius: 20px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);overflow: hidden;}
.Anlics-list .list .img{height: 255px;overflow: hidden;}
.Anlics-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.Anlics-list .list:hover .img img{transform: scale(1.04);}
.Anlics-list .list .cont{padding: 35px 35px 50px 35px;}
.Anlics-list .list .cont .title{transition: all .4s ease;}
.Anlics-list .list:hover .cont .title{color: #e7222a;}
.Anlics-list .list .cont .btn{width: 100%;height: 45px;border: 1px solid #e7222a;display: flex;justify-content: center;align-items: center;border-radius: 30px;transition: all .4s ease;}
.Anlics-list .list .cont .btn:hover{background-color: #e7222a;color: #fff;}

.Anlics-odor{display: none;}

.Anlixq-lun img{width: 100%;}
.Anlixq .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 35px;}
.Anlixq .swiper-pagination-bullet{width: 20px;height: 16px;opacity: 1;border-radius: 0; margin: 0 10px;background: url('../images/index/banner-icon.png') no-repeat center/100% auto;}
.Anlixq .swiper-pagination-bullet-active{background-image: url('../images/index/banner-iconH.png');}

.Anliyp-cont {padding: 0px 200px;}
.Anliyp-title {position: relative;}
.Anliyp-title .lin{position: absolute;top: 0%;right: 0%;width: 50px;display: flex;justify-content: flex-end;}
.Anliyp-title .lin i{color: #333;font-size: 28px;transition: all .4s ease;}
.Anliyp-title .lin:hover i{color: #e7222a;}
.Anliyp-title .title{padding-right: 50px;}

.Anliyp_pages{border-top: 1px solid #000;justify-content: space-between;padding-top: 40px;}
.Anliyp_pages .btn{width: 175px;height: 60px;border-radius: 30px;border: 2px solid #e7222a;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.Anliyp_pages .btn:hover{background-color: #e7222a;color: #fff;}
.Anliyp_pages a{display: flex;align-items: center;}
.Anliyp_pages a span{width: 400px;transition: all .4s ease;}
.Anliyp_pages a:hover span{color: #e7222a;}
.Anliyp_pages a i{font-size: 12px;color: #888;}
.Anliyp_pages .prve i{margin-right: 30px;}
.Anliyp_pages .next i{margin-left: 30px;display: block;transform: rotate(180deg);}
.Anliyp_pages .next span{text-align: right;}

.Anlirp {background-color: #f3f4f4;}
.Anlirp img.bg{position: absolute;bottom: 0px;right: 0px;}
.Anlirp .contain{position: relative;z-index: 2;}
.Anlirp-list {margin-right: -30px;margin-bottom: -30px;}
.Anlirp-list .list{width: calc(100%/2 - 30px);margin-right: 30px;margin-bottom: 30px;border-radius: 20px;background-color: #fff;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
overflow: hidden;padding: 80px 60px 40px 75px;}
.Anlirp-list .list .img{width: 195px;display: flex;justify-content: center;align-items: center;}
.Anlirp-list .list .img img{max-height: 100%;transition: all .4s ease;}
.Anlirp-list .list .cont{width: calc(100% - 195px);padding-left: 70px;}
.Anlirp-list .list .cont .btn{width: 100%;height: 45px;border: 1px solid #e7222a;transition: all .4s ease;display: flex;justify-content: center;align-items: center;border-radius: 30px;}
.Anlirp-list .list .cont .btn:hover{background-color: #e7222a;color: #fff;}
.Anlirp-list .list:hover .img img{transform: scale(1.04);}
.Anlirp-list .list .cont .title{transition: all .4s ease;}
.Anlirp-list .list:hover .cont .title{color: #e7222a;}

.ProBan > img{width: 100%;}
.ProBan .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.Prolb-lun {display: block;width: 100%;border: 1px solid #e4e4e4;border-radius: 10px;padding: 0px 0px 56px 0px;}
.Prolb-lun .img{height: 260px;display: flex;justify-content: center;align-items: center;padding: 20px;}
.Prolb-lun .img img{max-height: 100%;transition: all .4s ease;}
.Prolb-lun:hover .img img{transform: scale(1.04);}
.Prolb-lun .title{display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.Prolb-lun .title i{font-size: 12px;transform: rotate(180deg);display: block;margin-left: 10px;transition: transform .4s ease;}
.Prolb-lun:hover .title i{transform: rotate(180deg)translateX(-10px);color: #e7222a;}
.Prolb-lun:hover .title{color: #e7222a;}
.Prolb-svp {padding: 0px 75px;position: relative;}
.Prolb-svp .swiper-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;}
.Prolb-svp .swiper-btn a{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;font-size: 28px;transition: all .4s ease;}
.Prolb-svp .swiper-btn a:hover{color: #e7222a;}
.Prolb-svp .swiper-btn.prev{left: 0px;}
.Prolb-svp .swiper-btn.next{right: 0px;}
.Prolb-svp .swiper-btn.next a{transform: rotate(180deg);}

.Proos-cont > img{width: 100%;}
.Proos-cont {position: relative;}
.Proos-cont .show{position: absolute;top: 0px;right: 0px;width: 40%;height: 100%;padding-right: 70px;display: flex;flex-direction: column;justify-content: center;}
.Proos-cont .show .btn{width: 260px;height: 55px;border: 1px solid #fff;border-radius: 30px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.Proos-cont .show .btn:hover{background-color: #e7222a;border: 1px solid #e7222a;}

.Prols-list .list {margin-bottom: 120px;}
.Prols-list .list .img{width: 50%;height: 610px;overflow: hidden;}
.Prols-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.Prols-list .list .img:hover img{transform: scale(1.04);}
.Prols-list .list .cont{width: 50%;display: flex;flex-direction: column;justify-content: center;}
.Prols-list .list .cont .btn{width: 260px;height: 55px;border-radius: 30px;display: flex;justify-content: center;align-items: center;border: 1px solid #e7222a;transition: all .4s ease;}
.Prols-list .list .cont .btn:hover{background-color: #e7222a;color: #fff;}
.Prols-list .list:nth-child(odd) .cont{padding-right: 135px;}
.Prols-list .list:nth-child(even){flex-direction: row-reverse;}
.Prols-list .list:nth-child(even) .cont{padding-left: 90px;padding-right: 50px;}
.Prols-cont > img{width: 100%;}
.Prols-cont {position: relative;}
.Prols-cont .show{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;padding: 10px 75px;display: flex;flex-direction: column;justify-content: center;}
.Prols-cont .show .btn{width: 220px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 20px;background-color: #fff;transition: all .4s ease;}
.Prols-cont .show .btn:hover{background-color: #e7222a;color: #fff;}
.Prols-cont .show .title{width: 570px;}
.Prols-cont .show .text{width: 570px;}

.Proct {background-color: #f3f4f4;}
.Proct-lun .Anlics-list{margin-right: 0px;margin-bottom: 0px;}
.Proct-lun .Anlics-list .list{width: 100%;margin-right: 0px;margin-bottom: 0px;background-color: #fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.Proct-svp > .muen{margin: -10px;}
.Proct-svp .swiper-container {padding: 10px;}
.Proct-svp {position: relative;}
.Proct-pages {display: flex;justify-content: center;}
.Proct-pages .swiper-pagination-bullet{width: 20px;height: 16px;opacity: 1;border-radius: 0; margin: 0 10px;background: url('../images/index/banner-icon3.png') no-repeat center/100% auto;}
.Proct-pages .swiper-pagination-bullet-active{background-image: url('../images/index/banner-iconH.png');}
.Proct-svp .swiper-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;}
.Proct-svp .swiper-btn a{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;font-size: 28px;transition: all .4s ease;}
.Proct-svp .swiper-btn a:hover{color: #e7222a;}
.Proct-svp .swiper-btn.prev{left: -60px;}
.Proct-svp .swiper-btn.next{right: -60px;}
.Proct-svp .swiper-btn.next a{transform: rotate(180deg);}

.Prolb-pages {display: none;}
.Prolb-pages .swiper-pagination-bullet{width: 20px;height: 16px;opacity: 1;border-radius: 0; margin: 0 10px;background: url('../images/index/banner-icon3.png') no-repeat center/100% auto;}
.Prolb-pages .swiper-pagination-bullet-active{background-image: url('../images/index/banner-iconH.png');}

.indvd{background: #000;overflow: visible;height: 288vh;}
.indvd-sticky{width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;}
.indvd-bg, .indvd-video{width: 100%;height: 100vh;object-fit: cover;}
.indvd-video img{width: 100%;height: 100%;}
.indvd-bg{display: none;}
.indvd-logo{position: absolute;z-index: 2;width: 100%;height: 100vh;top: 0;left: 0;}
.indvd-logo img{width: 100%;height: calc(100% + 4px);object-fit: cover;position: relative;top: -2px;}
.indvd-shade{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, 0);transition: all .4s ease;}
.indvd-click{width: 100%;position: absolute;z-index: 4;justify-content: center;left: 0;top: 86vh;transition: all .4s ease;opacity: 0;pointer-events: none;}
.indvd-btn{padding-left: 60px;user-select: none;cursor: pointer;background: url('../images/index/indvdPlay.png') no-repeat left center/auto 100%;display: flex;align-items: center;height: 41px;}
.indvd-click.active{opacity: 1;pointer-events: auto;}
.indvd-content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 2;opacity: 0;}
.indvd-content.active{animation: indvdContent .6s ease both;}
@keyframes indvdContent {0%{transform: translateY(100px);opacity: 0;}100%{transform: translateY(0px);opacity: 1;}}

.Proxqee {background-color: #000000;}
.Proxqee-list {margin-right: -20px;margin-bottom: -20px;}
.Proxqee-list .list{width: calc(100%/3 - 20px);margin-right: 20px;margin-bottom: 20px;border-radius: 20px;background-color: #151517;display: flex;align-items: center;flex-direction: column;padding: 40px 100px;text-align: center;}
.Proxqee-list .list .img{height: 85px;display: flex;justify-content: center;}
.Proxqee-list .list .img img{max-height: 100%;}

/* .Prodo-list {position: relative;height: 600vh;} */
.Prodo {width:100%;overflow:hidden;background-color: #000000;}
.Prodo-list {position: relative;}
/*.Prodo-list .list{height: 100vh;background-color: #000000;display: flex;align-items: center;position: sticky;}*/
.Prodo-list .list{height: auto;background-color: #000000;display: flex;align-items: center;position: relative;}
.Prodo-list .list .img{width: 59%;display: flex;justify-content: center;align-items: center;}
.Prodo-list .list .cont{width: 41%;display: flex;flex-direction: column;justify-content: center;padding-right: 125px;}
.Prodo-list .list .cont .text{opacity: .6;}
.Prodo-list .list {top: 0vh;}
.Prodo-list .list:nth-child(2n) .contain{flex-direction:row-reverse}
.Prodo-list .list:nth-child(2n) .cont{padding-right:0;padding-left: 125px;}
/* .Prodo-list .list:nth-child(1) {z-index: 1;}
.Prodo-list .list:nth-child(2) {z-index: 2;}
.Prodo-list .list:nth-child(3) {z-index: 3;}
.Prodo-list .list:nth-child(4) {z-index: 4;}
.Prodo-list .list:nth-child(5) {z-index: 5;}
.Prodo-list .list:nth-child(6) {z-index: 6;} */

.Proac-svp .swiper-container{padding-left: 255px;padding-right: 40px;}
.Proac-lun .img{border-radius: 20px;overflow: hidden;height: 458px;}
.Proac-lun .img img{width: 100%;height: 100%;}
.Proac-svp .swiper-slide:nth-child(even) .Proac-lun {display: flex;flex-direction: column-reverse;}
.Proac-svp .swiper-slide:nth-child(odd) .Proac-lun .img{margin-top: 25px;}
.Proac-svp .swiper-slide:nth-child(even) .Proac-lun .img{margin-bottom: 25px;}
.Proac-svp .swiper-slide:nth-child(odd) .Proac-lun .title{margin-top: 54px;}
.Proac-svp .swiper-slide:nth-child(even) .Proac-lun .title{margin-bottom: 54px;}
.Proac-svp  .swiper-wrapper {transition-duration: 10ms !important}
.Proac-svp .swiper-slide .Proac-lun{opacity: .5;transition: all .4s ease;}
.Proac-svp .swiper-slide-active .Proac-lun{opacity: 1;}
.Proac-svp .swiper-slide-next .Proac-lun{opacity: 1;}

.Prosf {background-color: #000;}
.Prosf-table {position: relative;}
.Prosf-table::before {content: '';position: absolute;bottom: 0;right: 0;background: linear-gradient(0deg, #000 10.48%, rgba(255, 255, 255, 0) 70.21%);transform: matrix(-1, 0, 0, 1, 0, 0);height: 320px;width: 100%;z-index: 10;pointer-events: none;transition: all .4s ease;opacity: 1;}
.Prosf-table.active::before{opacity: 0;}
/* .Prosf-table table{width: 100%;color: #fff;border: 0px solid #575757;border-left: 1px solid #575757;border-right: 1px solid #575757;word-break: break-all;} */
.Prosf-table table{width: 100% !important;color: #fff;border: 0px solid #575757;border-left: 1px solid #575757;border-right: 1px solid #575757;}
.Prosf-table table th{border: 1px solid #575757;font-family: "B";font-size: 16px;}
.Prosf-table table tr th:nth-child(1){border-left: 0px;}
.Prosf-table table tr th:last-child{border-right: 0px;}
.Prosf-table table td{border: 1px solid #575757;font-family: "M";font-size: 14px;}
.Prosf-table table tr td:nth-child(1){border-left: 0px;}
.Prosf-table table tr td:last-child{border-right: 0px;}
.Prosf-table table tr td strong{color:#fff;}
.Prosf-btn {justify-content: center;}
.Prosf-btn a{width: 225px;height: 45px;border: 2px solid #fff;border-radius: 30px;display: flex;justify-content: center;align-items: center;line-height: 1;}
.Prosf-btn a i{font-size: 12px;display: block;transform: rotate(-90deg);margin-left: 15px;transition: transform .4s ease;}
.Prosf-btn a.active i{transform: rotate(90deg);}
.Prosf-btn a.active{background-color: #e7222a;border: 2px solid #e7222a;}
.Prosf-table{max-height: 480px;overflow: hidden;}

.Prods{background: url(../images/pages/Prods_bg.jpg) center no-repeat;background-size: cover;}
.Prods-cont {display: flex;flex-direction: column;align-items: center;}
.Prods-btn {width: 360px;height: 60px;display: flex;flex-direction: column;align-items: center;justify-content: center;border: 2px solid #fff;border-radius: 30px;transition: all .4s ease;}
.Prods-btn:hover{background-color: #e7222a;border: 2px solid #e7222a;}

.Prosc-from {margin-right: -15px;margin-bottom: -20px;}
.Prosc-from .list{width: calc(100%/3 - 15px);margin-right: 15px;margin-bottom: 20px;}
.Prosc-from .list input{width: 100%;height: 60px;border-radius: 10px;padding: 0px 30px;background-color: #f3f4f4;}
.Prosc-from .list.line{width: calc(100%/1 - 15px);}
.Prosc-from .list.list2{width: calc(200%/3 - 15px);}
.Prosc-from .list textarea{width: 100%;height: 200px;border-radius: 10px;padding: 15px 30px;background-color: #f3f4f4;}
.Prosc-from .list input::-webkit-input-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list input:-moz-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list input::-moz-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list input:-ms-input-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list textarea::-webkit-input-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list textarea:-moz-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list textarea::-moz-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list textarea:-ms-input-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list.line {display: flex;justify-content: space-between;}
.Prosc-from .list .cont-l {align-items: center;}
.Prosc-from .list .cont-l input{width: 190px;border-radius: 50px;height: 50px;}
.Prosc-from .list .cont-l .hit{margin-right: 40px;}
.Prosc-from .list .cont-l .img{margin-left: 20px;width: 135px;height: 45px;}
.Prosc-from .list .cont-l .img img{width: 100%;height: 100%;}
.Prosc-from .list .cont-r .btn{width: 190px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 30px;background-color: #e7222a;transition: all .4s ease;}
.Prosc-from .list .cont-r .btn:hover{background-color: #ff000a;}

.Serss {background: url(../images/pages/Serss_bg.jpg) center no-repeat;background-size: cover;}
.Serss-from {justify-content: center;}
.Serss-from .cont{width: 900px;position: relative;border-radius: 24px;overflow: hidden;}
.Serss-from input{width: 100%;height: 48px;padding: 0px 150px 0px 20px;}
.Serss-from .btn{position: absolute;right: 0px;top: 0px;width: 130px;height: 100%;background-color: #e7222a;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.Serss-from .btn:hover{background-color: #ff000a;}
.Serss-from input::-webkit-input-placeholder{color: #666;font-size: 12px;font-family: "R";}
.Serss-from input:-moz-placeholder{color: #666;font-size: 12px;font-family: "R";}
.Serss-from input::-moz-placeholder{color: #666;font-size: 12px;font-family: "R";}
.Serss-from input:-ms-input-placeholder{color: #666;font-size: 12px;font-family: "R";}

.Serfq .CommonTitle .text a{color: #e7222a;transition: all .4s ease;border-bottom: 1px solid #fff;}
.Serfq .CommonTitle .text a:hover{border-bottom: 1px solid #e7222a;}
.Serfq-list .list:nth-child(1){border-top: 1px solid #ccd1d9;}
.Serfq-list .list{border-bottom: 1px solid #ccd1d9;padding: 30px 40px;}
.Serfq-list .list .show{align-items: center;}
.Serfq-list .list .show span{width: 40px;}
.Serfq-list .list .show .title{width: calc(100% - 70px);}
.Serfq-list .list .show .btn{width: 30px;display: block;height: 100%;transform: rotate(-90deg);display: flex;justify-content: center;align-items: center;transition: all .4s ease;font-size: 18px;}
.Serfq-list .list .show .btn:hover{color: #e7222a;}
.Serfq-list .list.active .show .btn{transform: rotate(90deg);color: #e7222a;}
.Serfq-list .list .hide{padding: 0px 65px;display: none;}

.Serth-cont {position: relative;border-radius: 20px;overflow: hidden;}
.Serth-cont > img{width: 100%;}
.Serth-cont .show{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.Serth-cont .show .cont-l{width: 50%;padding-left: 180px;}
.Serth-cont .show .cont-r{width: 50%;padding-right: 135px;}
.Serth-cont .show .cont-r .btn{width: 215px;height: 60px;display: flex;justify-content: center;align-items: center;border: 2px solid #fff;border-radius: 30px;transition: all .4s ease;}
.Serth-cont .show .cont-r .btn:hover{background-color: #e7222a;border: 2px solid #e7222a;}

.CommonNav {border-bottom: 1px solid #eee;}
.CommonNav-cont {justify-content: space-between;}
.CommonNav-list {align-items: center;height: 70px;}
.CommonNav-list .home{color: #888;margin-right: 10px;padding-bottom: 5px;}
.CommonNav-list .home i{font-size: 18px;}
.CommonNav-list span {display: flex;transform: rotate(180deg);margin: 0px 8px;padding-top: 4px;}
.CommonNav-list span i{font-size: 12px;}
.CommonNav-list a{transition: all .4s ease;line-height: 1;}
.CommonNav-list a:hover{color: #d7000f;}

.CommonNav-muen{height: 70px;align-items: center;}
.CommonNav-muen span{width: 1px;height: 15px;background-color: #a7a7a7;display: flex;margin: 0px 33px;}
.CommonNav-muen a{transition: all .4s ease;}
.CommonNav-muen a.active{color: #d7000f;}

.news.CommonNav{border-bottom: 0px solid #000;}
.news.CommonNav .CommonNav-list {height: 60px;}

.Newtj-cont {border-radius: 20px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);overflow: hidden;}
.Newtj-cont .cont-l{width: 50%;border-radius: 20px;overflow: hidden;height: 425px;}
.Newtj-cont .cont-l img{width: 100%;height: 100%;transition: all .4s ease;}
.Newtj-cont:hover .cont-l img{transform: scale(1.04);}
.Newtj-cont .cont-r{width: 50%;padding: 0px 85px;display: flex;flex-direction: column;justify-content: center;}
.Newtj-cont .cont-r .btn{display: flex;align-items: center;}
.Newtj-cont .cont-r .btn i{display: block;font-size: 12px;transform: rotate(180deg);margin-left: 10px;padding-top: 5px;transition: all .4s ease;}
.Newtj-cont .cont-r .btn:hover i{transform: rotate(180deg) translateX(-10px);}
.Newtj-cont .cont-r .title{transition: all .4s ease;}
.Newtj-cont:hover .cont-r .title{color: #e7222a;}

.Newlb-list .list{padding: 50px 0px;border-bottom: 1px solid #dedede;}
.Newlb-list .list .img{width: 420px;height: 255px;overflow: hidden;border-radius: 20px;}
.Newlb-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.Newlb-list .list:hover .img img{transform: scale(1.04);}
.Newlb-list .list .cont{width: calc(100% - 420px);display: flex;flex-direction: column;justify-content: center;padding: 0px 30px 0px 70px;}
.Newlb-list .list .cont .btn {display: flex;align-items: center;}
.Newlb-list .list .cont .btn  i{display: block;font-size: 12px;transform: rotate(180deg);margin-left: 10px;padding-top: 5px;transition: all .4s ease;}
.Newlb-list .list .cont .btn:hover i{transform: rotate(180deg) translateX(-10px);}
.Newlb-list .list .cont .title{transition: all .4s ease;}
.Newlb-list .list:hover .cont .title{color: #e7222a;}

.newsxq .contain{padding: 0px 100px;}
.newsxq-title .cont{display: flex;align-items: center;justify-content: space-between;}
.newsxq-title .cont .cont-r a{width: 30px;height: 30px;border-radius: 100px;display: flex;justify-content: center;align-items: center;background-color: #b9b9ba;color: #fff;margin-left: 10px;}
.newsxq-title {border-bottom: 3px solid #d7000f;padding-bottom: 26px;}
.newsxq-page {justify-content: space-between;border-top: 3px solid #d7000f;padding-top: 50px;}
.newsxq-page a i{font-size: 20px;transition: all .4s ease;}
.newsxq-page a:hover i{color: #d7000f;}
.newsxq-page a.right{transform: rotate(180deg);}
.newsxq-page a.cent{display: flex;justify-content: center;align-items: center;}
.newsxq-page a.cent img:nth-child(1){display: block;}
.newsxq-page a.cent img:nth-child(2){display: none;}
.newsxq-page a.cent:hover img:nth-child(1){display: none;}
.newsxq-page a.cent:hover img:nth-child(2){display: block;animation: newsxqPage .4s ease;}
@keyframes newsxqPage {0%{opacity: 0;}100%{opacity: 1;}}
.newsxqlb {box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.newsxqlb-list {margin-right: -40px;margin-bottom: -40px;}
.newsxqlb-list .list{width: calc(100%/3 - 40px);margin-right: 40px;margin-bottom: 40px;border-radius: 10px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);overflow: hidden;display: block;}
.newsxqlb-list .list .img{height: 265px;overflow: hidden;}
.newsxqlb-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.newsxqlb-list .list:hover .img img{transform: scale(1.04);}
.newsxqlb-list .list .cont{padding: 25px 40px;}
.newsxqlb-list .list .cont .line{width: 100%;height: 1px;background-color: #cbcbcb;}
.newsxqlb-list .list .cont .text{display: flex;justify-content: flex-end;}
.newsxqlb-list .list .cont .title{transition: all .4s ease;}
.newsxqlb-list .list:hover .cont .title{color: #d7000f;}

.newsxq .Anliyp_pages {border-top: 1px solid #e5e5e5;}

.newslb {background-color: #f3f4f4;}
.newslb-list {margin-right: -20px;}
.newslb-list .list{width: calc(100%/3 - 20px);margin-right: 20px;display: block;background-color: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.newslb-list .list .cont {padding: 35px;}
.newslb-list .list .img{height: 275px;overflow: hidden;}
.newslb-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.newslb-list .list:hover .img img{transform: scale(1.04);}
.newslb-list .list .cont .title{transition: all .4s ease;}
.newslb-list .list:hover .cont .title{color: #e7222a;}

.Serdl-muen {display: flex;justify-content: center;}
.Serdl-muen a{width: 150px;height: 45px;border: 2px solid #e5e5e5;border-radius: 22.5px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;margin: 0px 5px;}
.Serdl-muen a:hover{color: #e7222a;}
.Serdl-muen a.active{background-color: #e7222a;color: #fff;border: 2px solid #e7222a;}

.Serdl-list .list{border-radius: 10px;background-color: #f4f4f4;padding: 20px 70px 20px 40px;align-items: center;margin-bottom: 10px;}
.Serdl-list .list:last-child{margin-bottom: 0px;}
.Serdl-list .list li:nth-child(1){width: 45px;}
.Serdl-list .list li:nth-child(2){width: 840px;padding-right: 10px;}
.Serdl-list .list li:nth-child(3){width: 200px;}
.Serdl-list .list li:nth-child(4){width: 165px;}
.Serdl-list .list li:nth-child(5){width: 40px;}
.Serdl-list .list li .btn{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 100px;border: 2px solid #e7222a;color: #e7222a;transition: all .4s ease;}
.Serdl-list .list li .btn:hover{background-color: #e7222a;color: #fff;}

.indban{width: 100%;position: relative;height: 250vh;}
.indban-sticky{width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;}
.indban-sticky .img{width: 100%;height: 100vh;object-fit: cover;}
.indban-logo{position: absolute;z-index: 2;width: 100%;height: 90vh;top: 0;left: 0;transform: scale(2.4);opacity: 0;}
.indban-logo::after {content: "";position: absolute;left: 0;bottom: -200px;width: 100%;height: 300px;background: #fff;z-index: -1;}
.indban-logo img{width: 100%;height: 100%;object-fit: cover;}
.indban-logo img.mb{display: none;}
.indban-logo img.bg{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.indban-text{width: 100%;opacity: 0;position: absolute;z-index: 4;align-items: center;flex-direction: column;left: 0;top: 45vh;color: #444;transition: all .4s ease;}
.indban-text.active{opacity: 1;}
.indban-text .hit{position: relative;display: flex;justify-content: center;align-items: center;line-height: 1;}
.indban-text .hit .name{font-size: 160px;color: #232b37;opacity: .1;line-height: 1;}
.indban-text .hit .title{position: absolute;width: max-content;line-height: 1;}
.indban-text .content{width: 1300px;max-height: 31vh;overflow-y: auto;padding-right: 20px;}

.Abosz {background: url(../images/pages/Abosz_bg.jpg) center no-repeat;background-size: cover;}
.Abosz-list {margin-bottom: -90px;}
.Abosz-list .list{width: calc(100%/3);display: flex;flex-direction: column;align-items: center;text-align: center;margin-bottom: 90px;}
.Abosz-list .list .number{line-height: 1;}
.Abosz-list .list .title{padding: 0px 130px;}
.ys_pos_top {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.l_d1bx1quan {top: -129px;}
.l_d1bx1point::before {content: "";width: 176px;height: 176px;border-radius: 50%;background-color: rgba(255,255,255,.3);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.t_b1k5fang::before {content: '';width: 0;height: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 1px solid rgba(255,255,255,.1);background-color: rgba(255,255,255,.1);opacity: 0;border-radius: 50%;animation: page-loader-ripple2 4s linear 1s infinite;z-index: 9;}
.t_b1k5fang.t_b1k5fang2::before {animation-delay: 1s;}
.t_b1k5fang::after {content: '';width: 0;height: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 1px solid rgba(255,255,255,.1);background-color: rgba(255,255,255,.1);opacity: 0;border-radius: 50%;animation: page-loader-ripple2 4s linear 2s infinite;z-index: 9;}
.t_b1k5fang.t_b1k5fang2::after {animation-delay: 2s;}
.t_b1k5fang::before {content: '';width: 0;height: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 1px solid rgba(255,255,255,.1);background-color: rgba(255,255,255,.1);opacity: 0;border-radius: 50%;animation: page-loader-ripple2 4s linear 1s infinite;z-index: 9;}
.t_b1k5fang::after {content: '';width: 0;height: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 1px solid rgba(255,255,255,.1);background-color: rgba(255,255,255,.1);opacity: 0;border-radius: 50%;animation: page-loader-ripple2 4s linear 2s infinite;z-index: 9;}
.l_d1bx1point {width: 258px;height: 258px;border-radius: 50%;background-color: rgba(255,255,255,.2);position: relative;}
@keyframes page-loader-ripple2 {0% {width: 258px;height: 258px;opacity: 0.3;}100% {width: 80vw;height: 80vw;opacity: 0;}}
.Abosz .contain{position: relative;z-index: 3;}

.Aborc-list {margin-right: -30px;}
.Aborc-list .list{width: calc(100%/3 - 30px);margin-right: 30px;height: 615px;position: relative;border-radius: 20px;overflow: hidden;}
.Aborc-list .list > img{width: 100%;height: 100%;transition: all .6s ease;}
.Aborc-list .list::before{z-index: 2; content: "";position: absolute;bottom: 0px;height: 50%;width: 100%;background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}
.Aborc-list .list .show{z-index: 3; position: absolute;width: 100%;bottom: 40px;left: 0px;text-align: center;opacity: 1;transition: all .2s ease;}
.Aborc-list .list .hide{z-index: 3; position: absolute;width: 100%;bottom: 40px;left: 0px;text-align: center;padding: 0px 60px;opacity: 0;transition: all .4s ease;transform: translateY(50px);}
.Aborc-list .list:hover>img{transform: scale(1.1);}
.Aborc-list .list:hover .show{opacity: 0;}
.Aborc-list .list:hover .hide{opacity: 1;transform: translateY(0px);}

.Aborh-list .list{width: calc(100%/3);display: flex;flex-direction: column;align-items: center;}
.Aborh-list .list .number{line-height: 1;}
.Aborh-lun {background: url(../images/pages/Aborh-lun_bg.jpg) center no-repeat;background-size: cover;padding: 60px 40px;border-radius: 5px;box-shadow: 0px 10px 40px 0px rgba(14, 28, 96, 0.2);
border: 1px solid #fff;}
.Aborh-lun .img{width: 150px;display: flex;justify-content: center;align-items: center;height: 200px;}
.Aborh-lun .img img{max-height: 100%;}
.Aborh-lun .cont{width: calc(100% - 150px);padding-right: 45px;display: flex;align-items: center;}
.Aborh-svp {padding-left: 255px;}
.Aborh-svp > .muen{margin: -35px;}
.Aborh-svp .swiper-container {padding: 35px;padding-right: 525px;}
.Aborh-pages {position: relative;z-index: 3;align-items: center;}
.Aborh-pages .cont-l{width: 170px;}
.Aborh-pages .cont-r{width: calc(100% - 170px);position: relative;}
.Aborh-pages .swiper-btn a{width: 55px;height: 55px;border-radius: 100px;display: flex;justify-content: center;align-items: center;border: 1px dashed #d5d5d5;font-size: 16px;color: #666;transition: all .4s ease;}
.Aborh-pages .swiper-btn.next a{transform: rotate(180deg);margin-left: 27px;}
.Aborh-pages .swiper-btn a:hover{background-color: #e7222a;border: 1px solid #e7222a;color: #fff;}
.Aborh-pages .swiper-pagination-progressbar{width: 100%;height: 1px;background-color: #dee1e5;}
.Aborh-pages .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #e7222a;}

.Abobc {background-color: #f3f5f8;}
.Abobc-list {margin-right: -15px;margin-bottom: -12px;}
.Abobc-list .list{width: calc(100%/5 - 15px);height: 133px;margin-right: 15px;margin-bottom: 12px;border-radius: 10px;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.Abobc-list .list img{max-height: 100%;}
.Abobc-pages{display: flex;justify-content: center;}
.Abobc-pages .swiper-pagination-bullet{width: 20px;height: 16px;opacity: 1;border-radius: 0; margin: 0 10px;background: url('../images/index/banner-icon3.png') no-repeat center/100% auto;}
.Abobc-pages .swiper-pagination-bullet-active{background-image: url('../images/index/banner-iconH.png');}

.abodev{width: 100%;padding: 80px 0 68px;position: relative;overflow: hidden;background: url(../images/pages/abodev_bg.jpg) center no-repeat;background-size: cover;}
.abodev-qq{position: absolute;top: 0;left: 6%;width: 88%;height: 100%;}
.abodev-qq span{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: no-repeat url('../images/pages/aboQq.png') center center;background-size: cover;transition: transform 1s;}
.abodev-loop{width: 100%;margin-top: 158px;}
.abodev-top-item{width: 100%;position: relative;}
.abodev-mix{width: 100%;overflow: hidden;padding-top: 10px;display: flex;flex-direction: column;align-items: center;}
.abodev-mix-num{width: auto;line-height: 1;}
.abodev-mix-cont{max-width: 435px;min-height: 268px;}
.abodev-thumbs-item{width: 100%;position: relative;margin-top: 68px;}
.abodev-thumbs-item .swiper-container{z-index: 2;}
.abodev-year{line-height: 1;position: relative;padding-top: 26px;display: block;text-align: center;}
.abodev-year::before{content: "";position: absolute;top: 0;width: 6px;height: 6px;border-radius: 50%;background: #fff;left: 50%;margin-left: -3px;}
.abodev-year span{transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);opacity: 0.3;}
.abodev-year.cur span{opacity: 1;}
.abodev-prev-num, .abodev-next-num{line-height: 1;font-size: 60px;color: #fff;font-family: "MB";opacity: 0.3;position: absolute;z-index: 2;top: 10px;}
.abodev-prev-num{left: 0;}
.abodev-next-num{right: 0;}
.abodev-thumbs-line{position: absolute;z-index: 1;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.2);left: 0;top: 2px;overflow: hidden;}
.abodev-thumbs-line span{position: absolute;width: 0;height: 1px;position: absolute;left: 0;top: 0;background: #fff;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);}
.abodev-prev, .abodev-next{position: absolute;z-index: 6;width: 30px;height: 30px;top: -12px;background: url('../images/pages/pagingH.png') no-repeat center;cursor: pointer;opacity: 0.3;transition: all .4s ease;}
.abodev-prev{left: -40px;transform: rotate(180deg);}
.abodev-next{right: -40px;}
.abodev-prev:hover, .abodev-next:hover{opacity: 1;}
/* .abodev-thumbs-car{position: absolute;left: 0;top: -10px;width: 51px;height: 22px;background: url('../images/pages/aboCar.png') no-repeat center/100% auto;z-index: 4;transition: left 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);} */
.abodev-thumbs-car{position: absolute;left: 0;top: -10px;width: 51px;height: 22px;z-index: 4;transition: left 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);}
.gallery-top .swiper-slide {user-select: none;}

#toShare .social-share-icon.icon-twitter::before{content: "\e711";font-family: "icon";font-size: 16px;color: #fff;}
#toShare .social-share-icon.icon-facebook::before{content: "\e6e7";font-family: "icon";font-size: 16px;color: #fff;}

.indban{margin-top: -80px;}

.Aborh-lun {position: relative;}
.Aborh-lun .show {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.Aborh-lun .show > div{width: 50px;height: 50px;background-color: #d7000f;color: #fff;border-radius: 100px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;transform: scale(0);}
.Aborh-lun .show > div i{font-size: 24px;}
.Aborh-lun:hover .show > div{transform: scale(1);}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .Catmb-list {margin-right: -40px;margin-bottom: -56px;}
    .Catmb-list .list {width: calc(100%/2 - 40px);margin-right: 40px;margin-bottom: 56px;}
    .Catmb-list .list.line {width: calc(100%/1 - 40px);}
    .Anlics-list .list .img{height: 217px;}
    .Anlics-list .list .cont {padding: 30px 30px 40px 30px;}
    .Anlits-cont .cont-l {padding-left: 120px;}
    .Anlits-svp .swiper-container{padding-right: 120px;}
    .Anlics-odor {padding: 45px 65px;}
    .Anliyp-cont {padding: 0px 180px;}
    .Prolb-lun .img {height: 190px;}
    .Prolb-lun {padding: 0px 0px 40px 0px;}
    .Prols-list .list .img{height: 520px;}
    .Proac-svp .swiper-container {padding-left: 120px;padding-right: 30px;}
    .Proac-lun .img{height:382px;}
    .Serss-from .cont {width: 610px;}
    .CommonNav-muen span {margin: 0px 20px;}
    .Newtj-cont .cont-l{height: 365px;}
    .Anliyp_pages a span {width: 300px;}
    .newslb-list .list .img{height: 233px;}
    .Serdl-list .list li:nth-child(2) {width: 640px;}
    .abodev-loop{margin-top: 100px;}
    .abodev-mix-cont {max-width: 400px;}
    .Abosz-list .list .title {padding: 0px 70px;}
    .Aborc-list .list{height: 520px;}
    .Aborh-svp {padding-left: 120px;}
    .Aborh-svp .swiper-container {padding: 35px;padding-right: 415px;}
    .indban-text .hit .name {font-size: 120px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
}

@media all and (max-width:1350px) {
    /* 1280 */
    .CommonNav-muen span {margin: 0px 10px;}
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .Anlits-cont .cont-l {padding-left: 100px;}
    .Anlits-svp .swiper-container{padding-right: 100px;}
    .Anlits-cont .cont-l .cont{padding: 20px;min-height: 330px;}
    .Anlics-list .list .img {height: 172px;}
    .Anliyp_pages a span {width: 290px;}
    .Anlirp-list .list {width: calc(100%/2 - 30px);margin-right: 30px;margin-bottom: 30px;border-radius: 10px;padding: 20px;}
    .Anlirp-list .list .cont {width: calc(100% - 195px);padding-left: 20px;}
    .Prols-list .list .img{height: 415px;}
    .Prolb-lun .img {height: 160px;}
    .Prolb-lun {padding: 0px 0px 20px 0px;}
    .CommonNav-cont .cont-l {display: none;}
    .Serdl-list .list li:nth-child(2) {width: 400px;}
    .abodev-loop {margin-top: 68px;}
    .abodev {padding: 68px 0;}
    .abodev-mix-cont {max-width: 360px;}
    .abodev-mix-num {margin-right: 24px;}
    .abodev-mix-cont p{line-height: 30px;}
    .indban-text .content{width: 100%;padding: 0px 4%;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .indvd{height: auto;overflow: hidden;}
    .indvd::before, .indvd::after{content: "";position: absolute;z-index: 2;transform: translateZ(0);background: #fff;width: 100%;height: 3px;top: 0;left: 0;}
    .indvd::after{bottom: 0;}
    .indvd-video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
    .indvd-bg{display: block;height: 440px;}
    .indvd-logo{height: 100%;transform: scale(1.8);top: -30px;}
    .indvd-click{top: auto;bottom: 40px;opacity: 1;pointer-events: auto;}
    .indvd-btn{color: #333;background-image: url('../images/index/indvdPlayH.png');}
    .indban-logo img.pc{display: none;}
    .indban-logo img.mb{display: block;}
    .indban{margin-top: 0px;}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .Catif-cont .cont-l {width: 100%;}
    .Catif-cont .cont-r {width: 100%;margin-top: 25px;}
    .Catif-cont .cont-l .title{margin-top: 0px;}
    .Catif-list .list {padding: 20px;}
    .Catif-list .list li {padding-right: 0px;}
    .Anlits-cont {padding: 0px 4%;flex-direction: column-reverse;}
    .Anlits-cont .cont-l {padding-left: 0px;width: 100%;margin-top: 25px;}
    .Anlits-cont .cont-r{width: 100%;position: static;}
    .Anlits-svp .swiper-container {padding-right: 0px;}
    .Anlits-lun{border-radius: 5px;}
    .Anlits-cont .cont-l .cont {border-radius: 5px;min-height: auto;}
    .Anlics-odor {padding: 20px;}
    .Anlics-list .list {width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 60px;border-radius: 20px;}
    .Anliyp-cont{padding: 0px;}
    .Anliyp_pages .btn {width: 130px;height: 40px;}
    .Anliyp_pages a span {width: 210px;}
    .Anlirp-list .list .img {width: 100%;}
    .Anlirp-list .list .cont {width: 100%;margin-top: 15px;padding-left: 0px;}
    .Anliyp_pages .prve i {margin-right: 10px;}
    .Anliyp_pages .next i {margin-left: 10px;}
    .indvd-logo{display: none;}
    .indvd-content{opacity: 1;}
    .indvd::before, .indvd::after{display: none;}
    .indvd-content .text{text-align: center;}
    .indvd-video{position: static;}
    .Proxqee-list .list{padding: 20px;}
    .Proxqee-list .list .img {height: 50px;}
    .Prodo-list{height: auto !important;background-color: #000;padding-bottom: 26px;}
    .Prodo-list .list{position: relative;height: auto;padding: 15px 0;}
    .Prodo-list .list .cont{width: 100%;padding: 0px !important;margin-top: 26px;}
    .Prodo-list .list .img{width: 100%;}
    .Prodo-list .list .contain{flex-direction: column-reverse !important;}
    .Prodo-list .list:last-child{margin-bottom: 0px;}
    .Proac-svp .swiper-container{padding: 0px 4%;}
    .CommonNav-cont .cont-r{overflow-x: auto;}
    .CommonNav-muen{height: 50px;}
    .CommonNav-muen span{display: none;}
    .CommonNav-muen a{display: block;padding: 0px 10px;}
    .newsxq .contain{padding: 0px;}
    .abodev-prev{left: -15px;}
    .abodev-next{right: -15px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .CommonBanner > img{min-height: 200px;}
    .CommonTitle .text br{display: none;}
    .Catmb-list {margin-right: 0px;margin-bottom: -16px;}
    .Catmb-list .list {width: 100%;margin-right: 0px;margin-bottom: 16px;}
    .Catmb-list .list input {padding-bottom: 5px;margin-top: 10px;}
    .Catmb-list .list.line {width: 100%;}
    .Catmb-list .list textarea {height: 150px;border-radius: 5px;padding: 10px 20px;margin-top: 10px;}
    .Catmb-list .list input::-webkit-input-placeholder{color: #999;font-size: 14px;font-family: "R";}
    .Catmb-list .list input:-moz-placeholder{color: #999;font-size: 14px;font-family: "R";}
    .Catmb-list .list input::-moz-placeholder{color: #999;font-size: 14px;font-family: "R";}
    .Catmb-list .list input:-ms-input-placeholder{color: #999;font-size: 14px;font-family: "R";}
    .Catmb-list .list textarea::-webkit-input-placeholder{color: #999;font-size: 14px;font-family: "R";}
    .Catmb-list .list textarea:-moz-placeholder{color: #999;font-size: 14px;font-family: "R";}
    .Catmb-list .list textarea::-moz-placeholder{color: #999;font-size: 14px;font-family: "R";}
    .Catmb-list .list textarea:-ms-input-placeholder{color: #999;font-size: 14px;font-family: "R";}
    .Catmb-btn a {width: 130px;height: 45px;}
    .Catif-list .list {border-radius: 5px;padding: 15px;margin-bottom: 10px;}
    .Anlits-cont .cont-l {margin-top: 15px;}
    .Anlits-cont .cont-l .cont .btn {width: 130px;height: 45px;}
    .Anlics-search .cont-l{width: 100%;}
    .Anlics-from {width: 100%;height: 40px;}
    .Anlics-search .cont-r{margin-top: 15px;width: 100%;display: flex;justify-content: flex-end;}
    .Anlics-sf {width: 150px;height: 50px;}
    .Anlics-sf img {margin-right: 15px;}
    .Anlics-odor .muen span {width: 100%;padding-top: 0px;}
    .Anlics-odor .muen .cont {width: 100%;margin-top: 15px;margin-right: -5px;margin-bottom: -5px;}
    .Anlics-odor .muen .cont a {height: 35px;padding: 0px 10px;margin-right: 5px;margin-bottom: 5px;}
    .Anlics-list {margin-right: 0px;margin-bottom: -15px;}
    .Anlics-list .list {width: 100%;margin-right: 0px;margin-bottom: 15px;border-radius: 10px;}
    .Anlics-list .list .img {height: 185px;}
    .Anlics-list .list .cont {padding: 20px;}
    .Anlics-list .list .cont .btn {height: 35px;}
    .Anliyp_pages .btn {width: 70px;height: 35px;border: 1px solid #e7222a;}
    .Anliyp_pages a span {width: 95px;}
    .Anliyp_pages {padding-top: 15px;}
    .Anlirp-list {margin-right: 0px;margin-bottom: -15px;}
    .Anlirp-list .list {width: 100%;margin-right: 0px;margin-bottom: 15px;padding: 20px;}
    .Anlixq-lun img {min-height: 200px;}
    .Anlixq .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 10px;}
    .ProBan .content {position: relative;z-index: 3;padding: 36px 0px;background-color: rgba(0, 0, 0, .3);}
    .ProBan .content .text br{display: none;}
    .ProBan > img {position: absolute;top: 0px;left: 0px;height: 100%;}
    .Prolb-svp {padding: 0px;}
    .Prolb-svp .swiper-btn{display: none;}
    .Proos-cont > img{position: absolute;top: 0px;height: 100%;}
    .Proos-cont .show{position: relative;z-index: 3;width: 100%;padding: 36px 26px;background-color: rgba(0, 0, 0, .3);text-align: center;}
    .Proos-cont .show .btn {width: 130px;height: 40px;margin: 0px auto;margin-top: 16px;}
    .Prols-list .list .cont{width: 100%;padding: 0px !important;margin-top: 15px;}
    .Prols-list .list {flex-direction: column-reverse !important;}
    .Prols-list .list .img{width: 100%;height: 285px;}
    .Prols-list .list .cont .btn{width: 130px;height: 40px;}
    .Prols-list .list{margin-bottom: 38px;}
    .Prols-cont > img{position: absolute;top: 0px;left: 0px;height: 100%;}
    .Prols-cont .show{position: relative;z-index: 3;padding: 36px 26px;}
    .Prols-cont .show .text{width: 100%;text-align: center;}
    .Prols-cont .show .title{width: 100%;text-align: center;}
    .Prols-cont .show .btn{margin: 0px auto;margin-top: 16px;width: 195px;height: 35px;}
    .Prolb-pages {display: flex;justify-content: center;height: 20px;margin-top: 15px;}
    .Proct-pages{height: 20px;}
    .indvd-bg {height: 200px;}
    .indvd-click {bottom: 24px;}
    .indvd-btn {font-size: 16px;padding-left: 40px;height: 28px;}
    .indvd-logo {top: -24px;}
    .Proxqee-list {margin-right: -10px;margin-bottom: -10px;}
    .Proxqee-list .list{width: calc(100%/2 - 10px);margin-right: 10px;margin-bottom: 10px;}
    .Proxqee-list .list .title{line-height: 1.3;font-size: 14px;}
    .Prodo-list .list .cont .Prodo—Icon{height: 50px;}
    .Prodo-list .list .cont .Prodo—Icon img{max-height: 100%;}
    .Prodo-list .list .cont .text {line-height: 1.3;font-size: 16px;}
    .Prosf-table-overflow {overflow-x: auto;}
    .Prosf-table-overflow > div{width: 600px;}
    .Prods-btn {width: 280px;height: 50px;}
    .Prosc-from {margin-right: 0px;margin-bottom: -10px;}
    .Prosc-from .list {width: 100% !important;margin-right: 0px;margin-bottom: 10px;}
    .Prosc-from .list input {height: 45px;padding: 0px 15px;}
    .Prosc-from .list input::-webkit-input-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list input:-moz-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list input::-moz-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list input:-ms-input-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list textarea::-webkit-input-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list textarea:-moz-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list textarea::-moz-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list textarea:-ms-input-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosf-table table th {font-size: 14px;}
    .Prosf-table table td {font-size: 12px;}
    .Prosc-from .list .cont-l{width: 100%;}
    .Prosc-from .list.line{flex-wrap: wrap;}
    .Prosc-from .list .cont-l .hit {margin-right: 0px;margin-bottom: 10px;width: 100%;}
    .Prosc-from .list .cont-l input {width: 160px;height: 45px;}
    .Prosc-from .list .cont-r {width: 100%;display: flex;justify-content: center;margin-top: 15px;}
    .Prosc-from .list .cont-r .btn {width: 140px;height: 45px;}
    .Prosc-from .list textarea {height: 150px;padding: 10px 15px;}
    .Proac-svp .swiper-slide .Proac-lun {display: flex;flex-direction: column-reverse;}
    .Proac-svp .swiper-slide .Proac-lun .img{margin-top: 0px !important;margin-bottom: 0px !important;}
    .Proac-lun .title{margin-top: 16px !important;margin-bottom: 0px !important;}
    .Proac-lun .img{height: 215px;border-radius: 10px;}
    .Serss-from .cont{width: 100%;}
    .Serss-from .btn {width: 90px;}
    .Serss-from input {padding: 0px 100px 0px 20px;}
    .Serfq-list .list {padding: 10px;}
    .Serfq-list .list .hide {padding: 0px 15px;}
    .Serth-cont > img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
    .Serth-cont .show{position: relative;z-index: 3;padding: 36px;flex-wrap: wrap;}
    .Serth-cont .show .cont-l{width: 100%;padding: 0px;}
    .Serth-cont .show .cont-r{width: 100%;padding: 0px;margin-top: 15px;}
    .Serth-cont .show .cont-l .img{height: 45px;}
    .Serth-cont .show .cont-l .img img{max-height: 100%;}
    .Serth-cont .show .cont-r .btn {width: 200px;height: 50px;}
    .Newtj-cont .cont-l{width: 100%;height: 200px;border-radius: 5px;}
    .Newtj-cont{border-radius: 5px;}
    .Newtj-cont .cont-r{width: 100%;padding: 20px;}
    .Newlb-list .list .img{width: 100%;height: 200px;border-radius: 5px;}
    .Newlb-list .list .cont{width: 100%;padding: 20px 0px;}
    .Newlb-list .list {padding: 10px 0px;}
    .newsxq-title .cont {flex-wrap: wrap;}
    .newsxq-title .cont .cont-l{width: 100%;}
    .newsxq-title .cont .cont-r{width: 100%;margin-top: 25px;justify-content: flex-end;}
    .newsxq-title {padding-bottom: 10px;}
    .newslb-list {margin-right: 0px;margin-bottom: -15px;}
    .newslb-list .list {width: 100%;margin-right: 0px;margin-bottom: 15px;border-radius: 10px;}
    .newslb-list .list .img{height: 200px;}
    .newslb-list .list .cont {padding: 15px;}
    .Serdl-list .list{padding: 10px;}
    .Serdl-list .list li:nth-child(3){display: none;}
    .Serdl-list .list li:nth-child(4){display: none;}
    .Serdl-list .list li:nth-child(2){width: calc(100% - 85px);}
    .Serdl-muen{margin-bottom: -10px;}
    .Serdl-muen a{width: auto;padding: 0px 10px;margin: 0px;margin-right: 10px;margin-bottom: 10px;height: 35px;}
    .Serss-from input {height: 35px;}
    .indban-text span {margin-left: 42px;}
    .indban-text span::before {margin-top: -8px;height: 16px;left: -22px;}
    .indban-text{top: 58vh;}
    .abodev {padding: 40px 0;}
    .abodev-year {font-size: 24px;padding-top: 22px;}
    .abodev-prev-num, .abodev-next-num{display: none;}
    .abodev-mix-cont{max-width: none;width: 100%;min-height: auto;}
    .abodev-thumbs-item {margin-top: 36px;}
    .abodev-loop {margin-top: 20px;}
    .abodev-mix-cont p::before{left: 2px;}
    .l_d1bx1point {width: 170px;height: 170px;}
    .l_d1bx1point::before {width: 130px;height: 130px;}
    .l_d1bx1quan {top: -110px;}
    @keyframes page-loader-ripple2 {0% {width: 170px;height: 170px;opacity: 0.3;}100% {width: 100vw;height: 100vw;opacity: 0;}}
    .Abosz-list {margin-bottom: -20px;margin-right: -10px;}
    .Abosz-list .list {width: calc(100%/2 - 10px);margin-right: 10px;margin-bottom: 20px;}
    .Abosz-list .list .title{padding: 0px;font-size: 12px;}
    .Aborc-list {margin-right: 0px;margin-bottom: -20px;}
    .Aborc-list .list {width: 100%;margin-right: 0px;height: 415px;margin-bottom: 20px;border-radius: 10px;}
    .Aborc-list .list .show {bottom: 10px;}
    .Aborc-list .list .hide {bottom: 10px;}
    .Aborh-list .list .title{text-align: center;}
    .Aborh-svp{padding: 0px 4%;}
    .Aborh-svp .swiper-container{padding: 35px;}
    .Aborh-lun{padding: 20px;}
    .Aborh-pages .swiper-btn a {width: 35px;height: 35px;font-size: 12px;}
    .Aborh-pages .swiper-btn.next a {margin-left: 15px;}
    .Aborh-pages .cont-l {width: 100px;}
    .Aborh-pages .cont-r {width: calc(100% - 100px);}
    .Abobc-list {margin-right: -5px;margin-bottom: -5px;}
    .Abobc-list .list {width: calc(100%/3 - 5px);height: 75px;margin-right: 5px;margin-bottom: 5px;padding: 10px;border-radius: 5px;}
    .indban-logo{display: none;}
    .indban{height: auto;position: relative;}
    .indban-text{top: 0px;opacity: 1;position: relative;padding: 36px 0px;background-color: rgba(255, 255, 255, .8);}
    .indban-sticky {position: static;}
    .indban-sticky .img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
    .indban-text .hit .name {font-size: 70px;}
    .indban-text .content{font-size: 12px;line-height: 18px;}
    .indban-text .content{max-height: 308px;}
}