@charset "utf-8";
#BannerShow_b1 {/*width: 83.2%;margin-left: 16.8%;*/ overflow: hidden; }
#swiper-container1 .swiper-slide img { width: 100%; display: block; }
#swiper-container1 .swiper-pagination-bullets { width: 90%; right: 4%; bottom: 7%; text-align: right; display: inline-block; }
#swiper-container1 .swiper-pagination-bullet { display: inline-block; width: 8px; height: 8px; border: 2px solid #fff; margin: 0 9px !important; background: #fff; display: inline-block; border-radius: 50%; }
#swiper-container1 .swiper-pagination-bullet-active { border-color: #2d3c74; background-color: #2d3c74; }
.p_ban { width: 100%; position: relative; }
.p_ban a { display: block; max-height: 40vw; background-position: center; background-size: cover; background-repeat: no-repeat; pointer-events: none; }
.p_ban img { height: 100%; object-fit: cover; display: block; width: 100%; }
.page, #load_more_button { display: none; }
.box { width: 73%; margin: 0 auto; }
.box .page, .box #load_more_button { display: none; }
.more { width: 158px; border-radius: 24px; color: #3b3b3b; border: 2px solid #c3c3c3; line-height: 44px; height: 44px; margin: 3vw auto 0 auto; display: block; text-align: center; background: url(../images/more.png) #fff no-repeat; background-position: 123px center; text-align: left; text-indent: 22px; }
.ResTitle_a1 { text-align: center; margin-bottom: 2.2vw; position: relative; }
.ResTitle_a1 span { font-size: 1.8vw; color: #22316d; line-height: 1.3; font-weight: bold; top: 1.3vw; position: absolute; width: 100%; left: 0; display: none; }
.ResTitle_a1 em { font-size: 4.8vw; color: #f0ca9f; line-height: 1.0; display: block; font-weight: bold; text-transform: uppercase; font-family: Arial; }
.ResTitle_a1 br { display: none; }
.box-about { background: url(../images/bgabout.jpg) top left no-repeat; background-size: cover; padding: 5.2vw 0 7vw 0; }
.box-about .fl { width: 44.6%; }
.box-about .fl img { display: block; width: 100%; }
.box-about .fr { width: 47.3%; color: #404040; line-height: 1.7; padding-top: 7.5vw; }
.box-about .fr p { margin-top: 1.5vw; }
.box-about .ResTitle_a1 { margin-bottom: 0; margin-left: -1.5vw; width: 100%; text-align: left; display: inline-block; }
.box-about .ResTitle_a1 span { text-indent: 1em; display: none; }
.box-about .fr .more { float: left; margin-top: 1.9vw; text-transform: uppercase; }
.box_product { position: relative; overflow: hidden; text-align: center; background: url(../images/bgpro.jpg) top left no-repeat; background-size: cover; padding: 0 13.5%; }
.box_product .top { position: absolute; top: 6vw; width: 100%; left: 0; }
.box_product .ResTitle_a1 em { color: #fff; }
.box_product .ResTitle_a1 span, .box_product .top p { color: #fff; }
.box_product .ResTitle_a1 { margin-bottom: 1.5vw; }
.box_product .top p { display: inline-block; width: 50%; white-space: normal; text-align: center; margin: 0 auto; line-height: 1.5; height: 3em; word-break: break-all; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
.classlist li { float: left; width: 20%; color: #fff; text-align: center; padding: 20vw 0 7.8vw 0; height: 40.6vw; box-sizing: border-box; }
.classlist li a { color: #fff; }
.classlist i { height: 8.85vw; line-height: 8.85vw; display: block; width: 8.85vw; border: 1px solid #fff; border-radius: 50%; margin: 0 auto 1.3vw auto; }
.classlist i img { display: inline-block; max-height: 4.2vw; max-width: 4.2vw; vertical-align: middle; }
.classlist small { text-transform: capitalize; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.classlist span { font-size: 14px; text-transform: uppercase; width: 125px; height: 36px; line-height: 36px; border: 1px solid #fff; text-align: center; border-radius: 18px; display: inline-block; margin: 2.4vw auto 0 auto; display: none; }
.box_case { padding: 4.2vw 0 5.2vw 0; width: 100%; box-sizing: border-box; text-align: center; position: relative; background: url(../images/bgcse.jpg) top left no-repeat; background-size: 100%; }
.box_case .title { margin-bottom: 2.6vw; }
.box_case .title h3, .box_case .title p { color: #fff; }
.box_case .more { color: #fff; background-color: #22316d; border-color: #22316d; background-image: url(../images/more2.png); }
.PhotoList_i1 { width: 73%; margin: 0 auto; background: #fff; box-sizing: border-box; }
.PhotoList_i1 li:first-child { width: 74%; height: 29vw; float: left; margin-bottom: 0; }
.PhotoList_i1 li { width: 24.2%; height: 9.1vw; position: relative; float: right; margin-bottom: 0.8vw; }
.PhotoList_i1 li img { width: 100%; display: block; height: 100%; object-fit: cover; }
.PhotoList_i1 h4 { position: absolute; font-size: 1.2vw; color: #fff; bottom: 1vw; left: 1.7vw; width: calc(100% - 4.6vw); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: left; display: none; }
.PhotoList_i1 li:first-child h4 { display: block; }
.PhotoList_i1 li:first-child a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 20%; width: 100%; display: block; background: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8)); background: -ms-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8)); background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8)); }
.PhotoList_i1 span { display: none; }
.box_news { padding: 5.2vw 0 3.5vw 0; background: url(../images/bgnews.jpg) left bottom no-repeat; background-size: 100% auto; }
.NewsList_j1 li { float: left; width: 30%; margin-right: 5%; background: #fff; box-shadow: 2px 2px 20px rgba(0,0,0,0.2); }
.NewsList_j1 li:last-child { margin-right: 0; }
.NewsList_j1 li>.case_img { display: block; height: 15vw; margin-bottom: 1.5vw; }
.NewsList_j1 li>.case_img img { width: 100%; height: 100%; object-fit: cover; }
.NewsList_j1 li .hd { padding: 0 1.7vw 3.5vw 1.7vw; box-sizing: border-box; }
.NewsList_j1 li .hd .case_img { font-size: 20px; color: #323232; margin: 0 auto 0.5vw auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.NewsList_j1 li i { font-size: 14px; color: #666666; font-style: normal; line-height: 1.8; height: 5.4em; word-break: break-all; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.wmore { display: none; }
@media screen and (min-width: 1366px) {
.more:hover { color: #fff; background-color: #22316d; border-color: #22316d; background-image: url(../images/more2.png); }
.classlist li:hover { padding-top: 19vw; background: rgba(4,14,53,0.75); }
.classlist li:hover span { display: block; }
.classlist li:hover i { height: auto; width: auto; border: none; line-height: 1.0; }
.box_case .more:hover { color: #3b3b3b; background-color: #fff; border-color: #c3c3c3; background-image: url(../images/more.png); }
}
@media screen and (max-width: 1440px) {
.box { width: 80%; }
.PhotoList_i1 { width: 80%; }
.box_ser .fr { right: 12%; top: 6vw; }
.box_ser .fr li p { font-size: 16px; }
.box_ser .fr h4 { font-size: 20px; }
.NewsList_j1 .data { top: 10vw; }
.box_product { padding: 0 10%; }
}
@media screen and (max-width: 1250px) {
.ResTitle_a1 span { font-size: 2.8vw; }
.ResTitle_a1 em { font-size: 6.5vw; }
.box-about .fr { padding-top: 3.5vw; }
}
@media screen and (max-width: 1024px) {
.ResTitle_a1 span { font-size: 3vw; }
.ResTitle_a1 em { font-size: 6vw; }
.box { width: 90%; }
.PhotoList_i1 { width: 90%; }
.PhotoList_i1 li { height: 12.15vw; width: 25.2%; }
.PhotoList_i1 li:first-child { height: 38vw; }
.PhotoList_i1 h4 { font-size: 18px; }
.box-about .fr p.mob { display: none; }
.box_product { padding: 4vw 5%; }
.box_product .top { position: static; margin-bottom: 4vw; }
.classlist i { width: auto; height: auto; border: none; line-height: 1.0; }
.classlist li { width: 31.3%; height: auto; margin-bottom: 3vw; padding: 0; display: inline-block; float: none; }
.classlist li span { display: block; line-height: 28px; height: 28px; }
.classlist i img { max-height: 6vw; max-width:6vw; }
}
@media screen and (max-width: 768px) {
.box-about .fr { padding: 0; }
}
@media screen and (max-width: 640px) {
.box { width: 94%; }
.PhotoList_i1 { width: 94%; }
.more { line-height: 10vw; height: 10vw; font-size: 3.8vw; margin-top: 6vw; }
.ResTitle_a1 { width: 94%; margin: 0 auto 6vw auto; }
.ResTitle_a1 em { font-size: 11vw; }
.box-about { padding-bottom: 10vw; }
.box-about .ResTitle_a1 { text-align: center; margin: 0 auto 4vw auto; }
.box-about .ResTitle_a1 span { text-indent: 0; }
.box-about .fl { float: none; width: 100%; display: none; }
.box-about .fr { float: none; width: 100%; }
.box-about .fr .more { float: none; margin: 5vw auto 0 auto; }
.box_case .title { margin-bottom: 6vw; }
.box_product .top { margin-bottom: 8vw; }
.box_product .top p { width: 93%; }
.box_product { padding: 12vw 3%; text-align: center; }
.classlist { font-size: 0; }
.classlist li { margin-bottom: 7vw; width: 50%; }
.classlist li:last-child { display: none; }
.classlist li span { display: none; }
.classlist small { font-size: 4.2vw; }
.classlist i img { max-height: 12vw; max-width:12vw; }
.PhotoList_i1 li:first-child a:before, .PhotoList_i1 li a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 50%; width: 100%; display: block; background: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8)); background: -ms-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8)); background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8)); }
.box_case { padding-top: 14vw; background-size: auto 60%; }
.PhotoList_i1 li:nth-of-type(3) { display: none; }
.PhotoList_i1 li:first-child { width: 48%; height: 60vw; }
.PhotoList_i1 li { width: 50%; height: 29vw; margin-bottom: 1.8vw; }
.PhotoList_i1 h4 { display: block; font-size: 3.8vw; }
.box_news { padding-bottom: 16vw; }
.NewsList_j1 li { float: none; width: 100%; margin-bottom: 5vw; }
.NewsList_j1 li .hd { padding: 5vw; }
.NewsList_j1 li>.case_img { display: none; }
.NewsList_j1 li:first-child .hd { padding-top: 3vw; }
.NewsList_j1 li:first-child>.case_img { display: block; height: 53vw; margin-bottom: 0; }
.NewsList_j1 li .hd .case_img { font-size: 4.2vw; margin-bottom: 0.5vw; }
.NewsList_j1 li i { font-size: 3.6vw; display: -webkit-box; -webkit-line-clamp: 2; height: 3.6em; }
}