/*piblic*/

.pro-list { width: 100%; padding: 0; }
#main-page { width: 100%; height: calc(100% - 5vw); position: absolute; left: 0; bottom: 0; z-index: 0; }
[class*="BannerShow"] a { width: 100%; min-height: 100%; transition: 7.5s linear 0s; }
[class*="BannerShow"] .banner-pagination { padding: 0 7.5%; text-align: left; bottom: 4vw; font-size: 0; }
[class*="BannerShow"] .swiper-pagination-bullet { width: 3vw; height: 4px; background: #fff; opacity: 0.7; border-radius: 0; margin-left: 0 !important; margin-right: 1vw !important; }
[class*="BannerShow"] .swiper-pagination-bullet-active { opacity: 1; }
#main-pagination { z-index: 2; right: 3vw; }
#main-pagination span { width: 20px; height: 20px; background: none; border: 1px solid transparent; position: relative; z-index: 0; transition: 0.5s ease 0s; opacity: 1; margin: 15px 0; }
#main-pagination span:before { content: ''; position: absolute; z-index: 0; border-radius: 50%; width: 10px; height: 10px; background: #dbdbdb; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.5s ease 0s; }
#main-pagination span[class*="active"] { border-color: #ae2f2f; }
#main-pagination span[class*="active"]:before { background: #ce3636; }
#pro-page span { opacity: 1; width: auto; height: auto; border-radius: 0; background: none; }
#pro-page span:not([class*="active"]), #pro-page span:not([class*="active"])+i { display: none; }
.pro-list li:before, .pro-list li:after { content: ''; position: absolute; z-index: -1; width: 100%; height: 0; left: 0; background: #e9e9e9; transition: 0.5s ease 0s; }
.pro-list li:before { top: 0; }
.pro-list li:after { bottom: 0; }
.pro-list figure { height:12vw; margin: 0.5vw 0; padding:0 1vw; }
.pro-list figure img { transition: 0.8s linear 0s; }
.pro-list ul { width: 100%; height: 100%; position: absolute; transform: scale(0.6, 0.6); transition-duration: 1s; transition-property: transform; transition-timing-function: cubic-bezier(0.5, 0, 0, 1); overflow: hidden; }
.pro-list .list { height: 152px; overflow: hidden; }
.pro-list .list a { border: 1px dashed #ccc; height: 30px; line-height: 28px; padding: 0 25px; border-radius: 10px; }
.pro-list .list a:not(:first-child) { margin-top: 10px; }
.bg1 { background: url(../images/public/bg1.jpg) no-repeat right bottom; background-size: cover; }
.see-more a { width: 5vw; height: 5vw; line-height: 5vw; background: #fff; border-radius: 50%; box-shadow: 0 0.5vw 1vw 0 rgba(192,0,0,0.2); }
.see-more a span { padding: 0 4px; line-height: normal; }
.see-more a:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box; transform: rotate(45deg); border-style: solid; border-width: 4px; border-color: #d10000 #d10000 transparent transparent; transition: 0.5s ease 0s; }
.see-more { margin-top: 1.5vw; }
.problem i { width: 24px; height: 24px; border: 2px solid #666; border-radius: 50%; line-height: 20px; margin-right: 5px; }
.problem span { width: calc(100% - 29px); }
.title .ten { margin-left: 1vw; width: 24px; height: 24px; }
.i-btn { width: 9vw; box-shadow: 0 0.5vw 1vw 0 rgba(192,0,0,0.2); }
.i-btn a { padding: 0.8vw 0; }
.i-btn i { width: 18px; margin-left: 1vw; }
.swiper-btn a { width: 2.5vw; height: 2.5vw; line-height: 2.5vw; border-radius: 50%; background: #ccc; }
.swiper-btn .arrow:before { border-color: #fff; }
.swiper-btn a:not(:first-child) { margin-left: 1vw; }
.pro-list li p { line-height: 1.1; height: 4.3vw; }
/*i2*/

#i-news li { height: auto; }
.bg2 { background: url(../images/public/bg2.jpg) no-repeat left bottom; background-size: cover; }
.title-text { margin-top: 2vw; line-height: 1.75; -webkit-line-clamp: 3; max-height: 84px; }
.i2:after { content: ''; position: absolute; right: 0; top: 0; height: 100%; width: 8.5vw; background: #c10000; z-index: 0; }
.i-news a { padding: 3.5vw 3vw; }
.news-text span { margin-top: 1vw; line-height: 1.7; height: 48px; }
.news-date { width: 16%; padding-left: 2vw; border-left: 1px solid #e3e3e3; white-space: nowrap; }
.news-date small { margin-top: 10px; }
.date-jt { transform: scale(0, 1); margin-left: 2vw; }
.date-jt:after { margin-left: 0; vertical-align: middle; border-color: transparent transparent transparent #ccc; }
.date-jt:before { content: ''; display: inline-block; vertical-align: middle; width: 2.5vw; height: 1px; background: #ccc; }
/*i3*/

.L-text:before { content: ''; display: inline-block; width: 1px; height: 2.5vw; background: #fff; margin-bottom: 1.5vw; }
.L-text { left: 0; top: 0; width: 8.5vw; writing-mode: vertical-lr; writing-mode: tb-lr; line-height: 8.5vw; padding: 2.5vw 0; }
.i3 .L { background: url(../images/public/img1.jpg) no-repeat center; background-size: cover; }
.i-contact big { line-height: 1.5; margin-top: 2.5vw; }
.i-contact p { line-height: 1.75; margin-top: 2.5vw; }
.i-contact ul { margin-top: 1vw; }
.i-contact li:not(:first-child) { margin-top: 0.7vw; }
.i-contact li span { margin-left: 5px; }
.i-contact li>* { vertical-align: middle; }
.i-footer { right: 0; width: calc(100% * 0.83 * 0.325 + 8.5vw);
bottom: 1.5vw; }
.swiper-slide-active .dur0_8 { transition-duration: 0.8s; }
.swiper-slide-active .dur1 { transition-duration: 1s; }
.swiper-slide-active .delay1 { transition-delay: 1s; }
.swiper-slide-active .delay1_2 { transition-delay: 1.2s; }
.swiper-slide-active .delay1_4 { transition-delay: 1.4s; }
.swiper-slide-active .delay1_6 { transition-delay: 1.6s; }
.swiper-slide-active .delay1_8 { transition-delay: 1.8s; }
/*i5*/
.pro-list li p{color:#666;}
.bg3 { background: url('../images/public/bg3.jpg') no-repeat center; background-size: cover; }
 @media screen and (min-width: 801px ) {
[class*="BannerShow"] [class*="active"] a { transform: scale(1.05); }
.i1 .L { width: 71.5%; border-right: 1px solid rgba(156,156,156,0.2); }
.i1 .R { width: 28.5%; padding: 5vw; }
.pro-list li { width: 33.3333%; padding: 2vw 1.5vw; }
.pro-list li:not(:first-child) { border-left: 1px solid rgba(156,156,156,0.2); }
.swiper-btn, .i-btn, .title { margin-top: 5vw; }
.i2 .L { width: 33%; padding-right: 8.5%; }
.i2 .R { width: 67%; }
.news-text { width: 84%; padding-right: 2.5vw; }
#i-news { padding: 1vw 0; }
.i3 .L { width: 67.5%; }
.i3 .R { width: 32.5%; padding-left: 9%; }
}
 @media screen and (min-width: 1101px ) {
.i-news a:hover .news-text { width: 79%; }
.i-news a:hover .news-date { width: 21%; }
.i-news a:hover .date-jt { transform: scale(1); }
.i-news a:hover .news-text p { color: #c00000; }
.i-news a:hover { background: #fff; box-shadow: 0 0.5vw 1vw 0 rgba(175,175,175,0.3) }
.title:hover .ten { transform: rotate(360deg); }
.swiper-btn a:hover { background: #c00000; }
.i-btn a:hover { box-shadow: none; transform: translateY(5px); }
.i-btn a:hover i { transform: translateX(5px); }
.problem a:hover { text-decoration: underline; }
.pro-list li:hover figure img { transform: scale(1.2); }
.pro-list li:hover:before, .pro-list li:hover:after { height: 51%; }
.pro-list li:hover .see-more a:before { transform: rotate(405deg); opacity: 0; }
/*.pro-list li:hover p { color: rgba(255,255,255,0.4); }
.pro-list li:hover .list a { color: #fff; transition-delay: 0.2s; }*/
}
 @media screen and (max-width: 1500px ) {
.news-text span { height: 41px; }
.title-text { max-height: 74px; }
.pro-list .list a{height:26px; line-height:24px;}
.pro-list .list{height:137px;}
}
 @media screen and (max-width: 1100px ) {
#main-page { height: calc(100% - 50px); }
#main-pagination span { width: 14px; height: 14px; }
#main-pagination span:before { width: 6px; height: 6px; }
.i-btn i { width: 12px; }
.pro-list .list a { padding: 0 15px; height: 24px; line-height: 22px; }
.see-more a:before { border-width: 2px; }
.title .ten { width: 16px; height: 16px; }
.title-text { max-height: 63px; }
.i2:after { width: 50px; }
#main-pagination { right: 18px; }
}
 @media screen and (max-width: 800px ) {
#main-page { height: calc(100% - 14vw); }
[class*="BannerShow"] .banner-pagination { padding: 0 3%; display: none; }
.pro-list .list a { padding: 0 3.5vw; height: 6vw; line-height: 6vw; }
.pro-list ul li { height: 30vw; box-sizing: content-box; padding: 5.5vw 0; border-bottom: 1px solid #dbdbdb; overflow: hidden; }
.pro-list .list a:not(:first-child) { margin-top: 2vw; }
.pro-list .list { height: 100%; display: inline-block; vertical-align: middle; width: 50%; }
.p-img { display: inline-block; vertical-align: middle; width: 50%; padding-right: 14%; }
.i1 { padding: 0 3vw; }
.i1 .R { display:none; }
.i1 .L { height: 100%; }
.pro-list figure { height: 20vw; margin: 3vw 0 0; }
.pro-list li p { height: auto; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:5vw; }
.i-btn { width: 33vw; }
.i-btn a { padding: 2vw 0; }
.i-btn i { width: 3vw; margin-left: 3vw; }
.title .ten { width: 3vw; height: 3vw; margin-left: 3vw; }
.i1-btn, .i1 .swiper-btn { display: inline-block; vertical-align: middle; }
.i1 .i-btn { margin-top: 5.5vw; }
.i1-btn { width: calc(100% - 21vw); }
.i1 .R:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.swiper-btn a { width: 9vw; height: 9vw; line-height: 9vw; }
.swiper-btn .arrow:before { width: 2vw; height: 2vw; }
.swiper-btn a:not(:first-child) { margin-left: 3vw; }
.title-text { max-height: none; margin-top: 3vw; line-height: 1.4; margin-bottom: 5vw; }
.i2 .swiper-btn { position: absolute; right: 0; bottom: 10vw; }
.news-text span { height: auto; }
.i-news a { padding: 5vw 0; border-top: 1px solid #dbdbdb; }
.i2 .L { padding: 10vw 0; }
.i3 .w-83 { width: 100%; }
.i3 .L { height: 44%; }
.i3 .R { height: 56%; padding: 0 3%; }
.L-text { height: 44%; width: 16vw; line-height: 16vw; text-align: center; }
.L-text span { transform: scale(0.8); transform-origin: top; }
.L-text:before { height: 5vw; margin-bottom: 3vw; }
.i-contact p { line-height: 1.5; margin-top: 5vw; }
.i-contact ul { margin-top: 2vw; }
.i-contact li:not(:first-child) { margin-top: 1.5vw; }
.i3 .i-btn, .page-technology .i-btn { margin-top: 5vw; }
.i-contact big { margin-top: 0; line-height: normal; }
.page-technology { padding-top: 5vw; }
.bg1 { background: url(../images/public/bg1_1.jpg) no-repeat right bottom; background-size: cover; }
.i2:after, .i2 .v-align-m1:before, .news-date { display: none; }
}
 @media screen and (max-aspect-ratio: 3/5) {
.i1 .L { height: 124vw; }
.i1 .R { height: calc(100% - 124vw); display:block; padding:2vw 0; }
}