.container { padding: 0 15.5rem; width: auto; } .daohang { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; line-height: 6.875rem; padding: 0 4.6875rem; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s; -webkit-transform:all .4s; } .daohang .logo .block { display: inline-block; } .daohang .logo img { width: 12.5rem; } .daohang .daohang_fr { color: #ffffff; } .daohang .daohang_fr span { display: inline-block; } .daohang .daohang_fr span .iconfont { font-size: 1.35rem; position: relative; top: 2px; } .daohang .daohang_fr span .icon-sousuo { margin: 0 1.25rem; } .daohang .daohang_fr div { display: inline-block; } .daohang .daohang_fr div a { color: #ffffff; } .daohang .daohang_fr div a .iconfont { font-size: 1.35rem; position: relative; top: 2px; margin-right: 0.3125rem; } .daohang .daohang_ul { margin-right: 1.875rem; } .daohang .daohang_ul > li { display: inline-block; position: relative; margin-left: 5.75rem; } .daohang .daohang_ul > li:nth-of-type(1) { margin-left: 0; } .daohang .daohang_ul > li > a { font-size: 1.125rem; color: #FFFFFF; position: relative; display: block; } .daohang .daohang_ul > li > a::after { position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; content: ""; background: #EB3900; } .daohang .daohang_ul > li:hover > ::after , .daohang .daohang_ul > li.active > ::after { width: 100%; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s; -webkit-transform:all .4s; } .daohang .daohang_ul>li:hover .daohang_box, .daohang .daohang_ul>li:hover .er-ul{ transform: none; opacity: 1; } .er-ul{ width: 9.375rem; left: -2rem; transition: 400ms ease-in-out; transform: scaleY(0); transform-origin: top center; } .er-ul>li:hover a{color:#EB3900} .daohang.active{ background: #fff; line-height: 4.875rem; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s; -webkit-transform:all .4s; } .daohang.active .daohang_fr, .daohang.active .daohang_fr div a, .daohang.active .daohang_ul > li > a{ color : #606060; } .daohang.active .none{ display: inline-block; } .daohang.active .block{ display: none; } .daohang.active .daohang_box{ top: 4.875rem; } .daohang_box{ position: fixed; left: 0; top: 6.875rem; width: 100%; transition: 400ms ease-in-out; transform: scaleY(0); transform-origin: top center; opacity: 0; background: #fff; padding: 2.1875rem 0; } .daohang_box_fr>li{ display: none; } .daohang_box_ul1 li a{ font-size : 1rem; line-height : 3.125rem; color : #9E9D9D; display: block; } .daohang_box_tit{ padding: 0 2.1875rem; margin: 0 2.1875rem; position: relative; border-left: 1px solid #E3E3E5; border-right: 1px solid #E3E3E5; height: 26.25rem; } .daohang_box_ul2{ /* position: absolute; right: -100%; top: 0; width: 100%; padding: 0 2.1875rem; display: none; */ } .daohang_box_ul1>li:hover .daohang_box_ul2{ display: block; } .daohang_box_ul2 li:nth-last-child(1), .daohang_box_tit ul li:nth-last-child(1){ border-bottom: none; } .daohang_box_ul2 li, .daohang_box_tit ul li{ border-bottom: 1px solid #E3E3E5; } .daohang_box_tit .daohang_box_ul1 li a{ position: relative; } .daohang_box_tit .daohang_box_ul1 li.active a::after{ display: block; content: ''; border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:6px solid #0075DD; top:50%; right: 0px; position: absolute; transform: translateY(-50%); } .daohang_box_ul2 li:hover, .daohang_box_tit .daohang_box_ul1 li.active{ border-bottom: 1px solid #0075DD; } .daohang_box_ul2 li:hover a, .daohang_box_tit .daohang_box_ul1 li.active a{ color: #0075DD; } .daohang_ul>li:nth-of-type(3){ display: none; } .logo-wz{ line-height: 87px; } .wz1{ color: #ffffff; font-size: 18px; padding-left: 15px; } .wz2{ color: #0075dd; font-size: 24px; padding-left: 15px; font-weight: bold; } .wz2 span{ color: #EB3900; } .about {border-top: 10px solid #edf0f8;position: relative;padding: 80px 0 65px;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;} .about_swiper {position: absolute;right: 0;top: 0;height: 100%;width: calc((100vw - 1440px) / 2 + 760px);z-index: -1;} .about_swiper .swiper-container {height: 100%;} .about_swiper li {height: 100%;} .about_swiper li img {height: 100%;width: 100%;object-fit: cover;} .about .dth_wh {} .about_cont {width: calc(774 / 1440 * 100%);} .ab_tit {position: relative;padding-left: 22px;} .ab_tit::before {content: "";display: block;width: 8px;height: 100%;position: absolute;left: 0;top: 0;background-color: #1d3ca7;} .ab_tit .titles {text-align: left;} .ab_tit .titles h2 {line-height: 1;} .ab_tit h3 {font-size: 26px;font-weight: normal;font-stretch: normal;line-height: 1;letter-spacing: 0px;color: #333333;margin-top: 0.5em;} .about_wz {font-size: 17px;font-weight: normal;font-stretch: normal;line-height: 1.9;letter-spacing: 0px;color: #666666;margin-top:4.9%;text-align: justify;} a.about_mor {display: block;background-color: #1d3ca7;border-radius: 10px;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 3.5;letter-spacing: 0px;color: #ffffff;width: 12.5em;text-align: center;margin-top: 5.4%;transition: all .3s;} a.about_mor img {margin-left: 1.6em;width: 1em;} a.about_mor:hover{border-radius: 0;} .about_number {margin-top: 3.8%;max-width: 1046px;} .about_number ul {justify-content: space-between;align-items: flex-start;padding: 4.78% 2.8% 4.5%;background-color: rgba(255, 255, 255, 0.96);box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.05);} .about_number li {margin-right: 2%;} .about_number li:last-child {margin-right: 0;} .about_number li .tits {display: flex;align-items: flex-start;justify-content: center;} .about_number li .tits h3 {font-size: 54px;font-weight: bold;font-stretch: normal;line-height: 1;letter-spacing: 0px;color: #333333;font-family: Arial, Helvetica, sans-serif;} .about_number li .tits span {font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 1.5;letter-spacing: 0px;color: #999999;margin-left: 0.6em;} .about_number li h4 {display: flex;align-items: center;justify-content: flex-start;font-size: 16px;line-height: 0;margin-top: 0.5em;} .about_number li h4 img {margin-right: 0.4em;flex-shrink: 0;height: 1.5em;width: auto;} .about_number li h4 span {display: block;overflow: hidden;font-size: inherit;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;font-stretch: normal;line-height: 1.5;color: #666666;letter-spacing: 0px;} @media (max-width: 1500px) { .about {padding: 5.3% 0 4.3%;} .ab_tit {padding-left: 16px;} .ab_tit::before {width: 6px;} .ab_tit h3 {font-size: 1.73vw;} .about_wz {font-size: 16px;} a.about_mor {font-size: 15px;} .about_number li .tits h3 {font-size: 3.6vw;} .about_number li .tits span, .about_number li h4 {font-size: 15px;} } @media (max-width: 1200px) { .about_wz {font-size: 14px;} a.about_mor {font-size: 14px;} .about_number li h4 {font-size: 14px;} .about_number li .tits span {font-size: 14px;} } @media (max-width: 990px) { .about {border-top-width: 8px;} .about {padding: 50px 0 40px;} .ab_tit::before {width: 4px;} .ab_tit h3 {font-size: 16px;} a.about_mor {font-size: 13px;} .about_number ul {padding: 32px 2.8%;} .about_number li .tits span {font-size: 13px;} } @media (max-width: 768px) {.about_number li .tits h3 {font-size: 28px;} } @media (max-width: 640px) { .about {background-position: left center;padding: 0 0 30px;border-top-width: 5px;} .about_swiper {position: relative;width: 100%;height: calc(330 / 425 * 100vw);z-index: 30;} .about_cont {width: 100%;margin-top: 30px;} .ab_tit {padding-left: 10px;} .ab_tit::before {width: 2px;} .ab_tit h3 {font-size: 14px;} .about_wz {margin-top: 20px;} a.about_mor {font-size: 12px;margin-top: 20px;} .about_number {margin-top: 20px;} .about_number ul {flex-wrap: wrap;} .about_number li {width: 48%;} .about_number li:nth-child(2n) {margin-right: 0;} .about_number li:nth-child(n+3) {margin-top: 30px;} .about_number li h4 {justify-content: center;} } /*服务加持*/ .liuc{padding: 80px 0;} .liuc ul{padding: 50px 0 0;} .liuc ul li{font-size: 18px;color: #333;float: left;line-height: 25px;width: 200px;text-align: center;} .liuc ul li em{width: 110px;height: 110px;line-height: 0;display: block;overflow: hidden;background: #333; margin: 0 auto 16px; border-radius: 50%; transition: all 0.3s ease-in-out 0s;} .liuc ul li em img{width: 110px;height: 110px;} .liuc ul li i{display: block;} .liuc ul li:hover,.liuc ul li.cur{font-weight: bold;} .liuc ul li:hover em,.liuc ul li.cur em{background: #ba272d; transform: rotateY(180deg);} .case_tit{font-size: 40px;color: #1a1a1a;text-align: center;height: 90px;line-height: 40px;overflow: hidden;font-weight: normal;} .case_tit a{color: #1a1a1a;} .case_tit span{display: block;font-size: 18px;color: #666;padding: 8px 0 0;} .modal .modal-dialog{ margin-top: 9.375rem; } .searchbox{ top: 7.1875rem; } .searchbox.active { top: 4.9875rem; } .banner { position: relative; } .banner .banner_div { color: #ffffff; width: 100%; } .banner .banner_div .p1 { font-size: 1.25rem; } .banner .banner_div .p2 { font-size: 4.125rem; position: relative; } .banner .banner_div .p2::after { position: absolute; bottom: 0; left: 0; width: 5.125rem; height: 0.25rem; background: #0075DD; content: ""; } .banner .banner_div .p3 { font-size: 1.5rem; margin: 0.9375rem 0 2.5rem; } .banner_img { -webkit-animation: run 1s infinite linear; -moz-animation: run 1s infinite linear; -ms-animation: run 1s infinite linear; -o-animation: run 1s infinite linear; animation: run 1s infinite linear; } .banner_img { position: absolute; left: 50%; transform: translateX(-50%); bottom: 8%; z-index: 5; } .banner_img img { width: 3.5rem; } @keyframes run { from { bottom: 5%; opacity: 0; } to { bottom: 7%; opacity: 1; } } .swiper-pagination { bottom: 3%; } .swiper-pagination-bullet { background: #fff; opacity: 1; } .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; opacity: 1; } .swiper-pagination-bullet-active { border-radius: 0; width: 2.8125rem; border-radius: 0.25rem; } .more { font-size: 1rem; display: inline-block; border-radius: 1.625rem; border: 1px solid #fff; line-height: 3.125rem; padding: 0 2.1875rem; color: #fff; } .more1 { color: #BBBBBC; border: 1px solid #BBBBBC; } .font48 { font-size: 3rem; } .title .font14 { letter-spacing: 0.84px; color: #0075DD; } .title .font48 { line-height: 2.5rem; color: #000000; margin: 1rem 0; font-weight: bold; } .title img { width: 4.125rem; } .title .font16 { line-height: 1.5rem; color: #848484; margin-top: 1rem; } a.over { display: block; } .index_one { padding: 4.6875rem 4.375rem; } .index_one .index_one_size { position: absolute; left: 0; bottom: 0; width: 100%; padding: 3.125rem; } .index_one .index_one_size .font20 { color: #fff; opacity: 0.68; } .index_one .index_one_size .font24 { color: #ffffff; margin-top: 0.3125rem; } .index_two { padding: 26.25rem 0 5.875rem; background: url(../img/5.jpg) no-repeat; background-size: cover; position: relative; margin-top: -24rem; } .index_two .swiper-container { padding-bottom: 5rem; } .index_two .swiper-container .swiper-pagination { bottom: 0; } .index_two .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #EB3900; } .index_two_div { background: #fff; } .index_two_div .index_two_size { padding: 2.1875rem; } .index_two_div .index_two_size a { color: #000000; } .index_three { padding: 5rem 0; overflow: hidden; position: relative; background: url(../img/7.jpg) center / cover no-repeat; background-attachment: fixed; } .index_three .index_three_ul li { width: 33.33%; float: left; background: rgba(0, 117, 221, 0.83); padding: 4.375rem 0; color: #fff; text-align: center; position: relative; } .index_three .index_three_ul li p { font-size: 1.25rem; } .index_three .index_three_ul li p span { font-weight: bold; font-size: 5.75rem; } .index_three .index_three_ul li p sup { top: -3.5em; } .index_three .index_three_ul li div { font-size: 1.125rem; } .index_three .index_three_ul li:nth-of-type(3)::after { position: absolute; left: 0; top: 20%; width: 1px; height: 60%; background: rgba(255, 255, 255, 0.19); content: ""; } .index_three .index_three_ul li:nth-of-type(1) { background: none; } .index_three .index_three_ul li:nth-of-type(1) img { width: 8.5rem; } .index_three .index_three_ul li:nth-of-type(1)::after { width: 0; } .index_four { padding: 6.25rem 0; background: url(../img/11.jpg) no-repeat bottom; } .index_four .w45 { padding-left: 1.875rem; } .index_four .w45 .index_four_fl { background: #fff; width: 45%; position: absolute; bottom: 13%; left: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); padding: 1.5625rem 1.5625rem 1.5625rem 3rem; } .index_four .w45 .index_four_fl p:nth-of-type(1) { font-size: 2.3125rem; color: #0075DD; font-family: 'Alibaba PuHuiTi-R'; } .index_four .w45 .index_four_fl p:nth-of-type(2) { font-size: 1rem; line-height: 1.5rem; color: #848484; } .index_four .fr ul { margin-top: 2.5rem; } .index_four .fr ul li { width: 50%; float: left; } .index_four .fr ul li .fl { width: 20%; } .index_four .fr ul li .fr { width: 70%; color: #848484; } .index_four .fr ul li .fr .font14 { color: #0075DD; display: block; margin-top: 0.3125rem; } .index_four .fr ul li .fr .font14 .iconfont { font-size: 1.25rem; position: relative; top: 2px; } .font17 { font-size: 1.0625rem; } .index_five { padding: 4.6875rem 0; background: url(../img/15.jpg) no-repeat bottom; } .index_five .w37 { width: 37%; } .index_five .w37 ul li { border-bottom: 1px solid #E2E2E2; padding: 1.125rem 0; } .index_five .w37 ul li p { margin-bottom: 0 !important; } .index_five .w37 ul li:nth-of-type(1) { padding-top: 0; } .index_five .index_five_fin .w20 { margin: 0 2%; } .index_five .index_five_fin .w20 .index_five_div .index_five_size { padding: 0.625rem; } .index_five .index_five_fin .index_five_size1 { position: absolute; left: 0; bottom: 0; background: rgba(43, 43, 43, 0.38); padding: 0.625rem; } .index_five .index_five_fin .index_five_size1 a { color: #fff; } .index_five .index_five_fin > div { float: left; } .index_five .index_five_fin > div .index_five_div { background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } .index_five .index_five_fin > div .index_five_div .index_five_size { padding: 1.5625rem; } .index_five .index_five_fin > div a { color: #000000; } .index_five .index_five_fin > div p { color: #CFCFCF; font-size: 0.875rem; } .index_five .index_five_fin > div p:nth-of-type(1) { color: #727271; margin: 0.625rem 0; } .foot { background: url(../img/10.jpg) no-repeat; background-size: cover; padding: 5.625rem 0 3.4375rem; } .foot .foot_div { display: flex; justify-content: space-between; padding-bottom: 5.9375rem; } .foot .foot_div ul li { font-size: 0.875rem; line-height: 2.5rem; color: #BCB3B3; } .foot .foot_div ul li .iconfont { color: #fff; border: 1px solid #6D6D6D; display: inline-block; width: 1.875rem; height: 1.875rem; line-height: 1.875rem; text-align: center; margin-right: 0.5rem; } .foot .foot_div ul li:nth-of-type(1) { font-size: 1.125rem; line-height: 1.625rem; color: #FFFFFF; margin-bottom: 0.625rem; } .foot .foot_div ul li a { color: #BCB3B3; } .foot .foot_div ul li .social-share a { font-size: 1rem; color: #fff; border: 1px solid #6D6D6D; width: 1.875rem; height: 1.875rem; line-height: 1.875rem; border-radius: 0; } .foot .foot_box { font-size: 1rem; color: #FFFFFF; opacity: 0.39; } .picture .picture_div { position: absolute; left: 0; width: 100%; } .picture .picture_div .picture_size p { color: #FFFFFF; } .picture .picture_div .picture_size p:nth-of-type(2) { font-size: 4.125rem; font-weight: bold; } .picture .picture_box { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.65); line-height: 5.3125rem; } .picture .picture_box .flex-ul { text-align: center; display: flex; justify-content: space-between; } .picture .picture_box .flex-ul li:hover a { background: -moz-linear-gradient(50% 126.87% 90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 117, 221, 0.24) 100%); background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 117, 221, 0.24) 100%); background: -webkit-gradient(linear, 50% 126.87%, 50% 5.06%, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(0, 117, 221, 0.24))); background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 117, 221, 0.24) 100%); background: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 117, 221, 0.24) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#0075DD' ,GradientType=0)"; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 117, 221, 0.24) 100%); filter: alpha(opacity=24) progid:DXImageTransform.Microsoft.Alpha(opacity=24) progid:DXImageTransform.Microsoft.gradient(startColorstr='#0075DD', endColorstr='#FFFFFF', GradientType=0); } .picture .picture_box .flex-ul li:hover a::before { width: 100%; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: all 0.4s; } .picture .picture_box .flex-ul li.active a { background: -moz-linear-gradient(50% 126.87% 90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 117, 221, 0.24) 100%); background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 117, 221, 0.24) 100%); background: -webkit-gradient(linear, 50% 126.87%, 50% 5.06%, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(0, 117, 221, 0.24))); background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 117, 221, 0.24) 100%); background: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 117, 221, 0.24) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#0075DD' ,GradientType=0)"; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 117, 221, 0.24) 100%); filter: alpha(opacity=24) progid:DXImageTransform.Microsoft.Alpha(opacity=24) progid:DXImageTransform.Microsoft.gradient(startColorstr='#0075DD', endColorstr='#FFFFFF', GradientType=0); } .picture .picture_box .flex-ul li.active a::before { width: 100%; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: all 0.4s; } .picture .picture_box .flex-ul li:nth-of-type(1) a::after { width: 0; } .picture .picture_box .flex-ul li a { color: #FFFFFF; opacity: 0.71; position: relative; display: block; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: all 0.4s; } .picture .picture_box .flex-ul li a::after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 1.875rem; content: ""; background: rgba(255, 255, 255, 0.13); } .picture .picture_box .flex-ul li a::before { position: absolute; left: 0; top: 0; width: 0%; height: 2px; content: ""; background: #0075DD; } .bread .bread_div { font-size: 0.875rem; line-height: 1.6262rem; color: #BFBEBE; } .bread .bread_div a { color: #BFBEBE; } .bread .bread_div a:nth-last-child(1) em { display: none; } .bread .bread_div a em { font-style: initial; } .padd { padding: 1.875rem 0 5.3125rem; } .solution { background: #F7F7F7; } .solution_div { padding: 2.8125rem; background: #fff; margin-bottom: 1.875rem; } .solution_div :hover .font24::after { width: 100%; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: all 0.4s; } .solution_div > div { width: 48%; } .solution_div .font24 { color: #000000; position: relative; } .solution_div .font16{ position: relative; padding-top: .9375rem; } .solution_div .font16::after { position: absolute; left: 0; top: 0; width: 2.8125rem; height: 2px; content: ""; background: #EB3900; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: all 0.4s; } .solution_div .font16::before { position: absolute; left: 0; top: 0; width: 100%; height: 2px; content: ""; background: #E8E8E8; } .solution_div .font16 { line-height: 1.5rem; color: #848484; margin: 1.25rem 0; } .solution_div .font14 { color: #0075DD; display: block; } .solution_list { background: #F7F7F7; } .solution_list .solution_list_div .solution_div .fl { float: right; width: 77%; } .solution_list .solution_list_div .solution_div .fr { float: left; width: 20%; } .solution_details { padding: 1.875rem 0; } .solution_details .gallery-thumbs { margin-top: 12px; } .solution_details .solution_details_div > div { width: 47%; } .solution_details .fr div { line-height: 1.5rem; color: #848484; margin: 1.5625rem 0; } .solution_details .fr div p { font-size: 1.125rem; line-height: 3.125rem; color: #000000; } .more2 { color: #fff; background: #0075DD; border: 0.0625rem #0075DD; } .tit { position: relative; color: #000000; padding-bottom: 1.5625rem; } .tit::after { position: absolute; left: 0; bottom: 0; width: 2.8125rem; height: 2px; content: ""; background: #EB3900; } .tit::before { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; content: ""; background: #E8E8E8; } .solution_details_content .solution_details_content_size { line-height: 1.625rem; color: #848484; margin-top: 1.5625rem; } .case_tui .index_two_div { background: #F7F7F7; } .case_tui .index_two_div .index_two_size { padding: 1.5625rem; } .case_tui .swiper-container { padding-bottom: 2.5rem; } .case_tui .swiper-container .swiper-pagination { bottom: 0; } .case_tui .swiper-container .swiper-pagination .swiper-pagination-bullet { background: #757474; } .case_tui .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #EB3900; } .font15 { font-size: 0.9375rem; } .news_tui_div .fl { width: 38%; } .news_tui_div .fr { width: 57%; } .news_tui_div .fr .font18 { color: #000; } .news_tui_div .fr .font15 { color: #CFCFCF; margin-top: 0.9375rem; } .more4 { border-color: #0075DD; color: #0075DD; } .caselist { padding: 1.875rem 0 4.375rem 0; } .caselist_div { background: #fff; border: 1px solid #E0E0E0; margin-bottom: 30px; } .caselist_div .caselist_size { padding: 1.5625rem; } .caselist_div .caselist_size .font18 { color: #000000; } .caselist_div .caselist_size p { margin-top: 0.625rem; } .caselist_div .caselist_size p:nth-of-type(1) { color: #999999; } .caselist_div .caselist_size p:nth-of-type(2) { color: #CFCFCF; } .about { padding: 1.875rem 0 4.375rem; } .about .about_div > div { width: 49%; } .about .about_div > div .title .font16 { line-height: 1.825rem; text-align: justify; } .certificate { padding-top: 4.375rem; background: #F7F7F7; } .certificate .certificate_lb { padding-bottom: 1.875rem; } .certificate .certificate_lb .swiper-wrapper { display: flex; /*实现垂直居中*/ align-items: center; } .certificate .certificate_box { padding-bottom: 9.375rem; border-top: 0.875rem solid #EAEAEB; background: -moz-linear-gradient(50% 81.34% 90deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%); background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%); background: -webkit-gradient(linear, 50% 81.34%, 50% 9.13%, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, #afb0b1)); background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%); background: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%); } .certificate1 { padding-top: 0; padding-bottom: 4.375rem; } .certificate1 .certificate_lb { padding-bottom: 1.875rem; } @media(max-width:640px){ .certificate1 .certificate_lb { padding-bottom: 0rem; margin-top: 2rem; } } .certificate1 .certificate_lb .swiper-wrapper { display: flex; /*实现垂直居中*/ align-items: center; } .certificate1 .certificate_box { padding-bottom: 9.375rem; border-top: 0.875rem solid #EAEAEB; background: -moz-linear-gradient(50% 81.34% 90deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%); background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%); background: -webkit-gradient(linear, 50% 81.34%, 50% 9.13%, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, #afb0b1)); background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%); background: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%); } .scrollbar-wrap { position: relative; height: 5px; z-index: 11; } .scrollbar-wrap .scrollbar-inner { position: absolute; left: 0; right: 0; height: 5px; bottom: 1px; z-index: 12; } .scrollbar-wrap .scrollbar-inner .swiper-scrollbar { z-index: 13; height: 2px; background-color: transparent; border-bottom: solid 1px #E2E2E2; } .scrollbar-wrap .scrollbar-inner .swiper-scrollbar-drag { z-index: 14; height: 2px; background-color: #0075DD; border-radius: 0; } .certificate_fix { width: 25%; position: absolute; top: 0; right: 0; top: -20%; } .certificate_fix .swiper-pagination { position: relative; text-align: left; font-size: 0.875rem; color: #B2B2B2; } .certificate_fix .swiper-pagination .swiper-pagination-current { font-size: 1.125rem; color: #000000; } .certificate_fix .swiper-pagination .swiper-pagination-total::before { content: "0"; } .branch { padding: 1.875rem 0 4.375rem; } .branch .branch_box { margin-top: 4.375rem; } .branch .branch_box .branch_div { margin-bottom: 1.875rem; } .branch .branch_box .branch_div .tit1 { color: #2C2C2D; border-bottom: 1px solid #BCBCBC; padding-bottom: 0.625rem; margin-bottom: 1.25rem; } .branch .branch_box .branch_div p { line-height: 1.5rem; } .branch .branch_box .branch_div p:nth-of-type(2) { /* color: #0075DD; */ opacity: 0.83; } .branch .branch_box .branch_div div { color: #848484; margin-top: 1.25rem; } .newslist { padding: 1.875rem 0 4.375rem; } .contact { padding: 1.875rem 0 4.375rem; background: #F5F5F7; } .contact .contact_div > div { width: 48%; } .contact .contact_div .contact_fl { line-height: 2.6rem; color: #000000; } .contact .contact_div .contact_inp { width: 49%; float: left; margin-bottom: 0.75rem; } .contact .contact_div .contact_inp:nth-child(odd) { float: right; } .contact .contact_div .contact_inp input { width: 100%; background: #FFFFFF; border-radius: 0.75rem; height: 3.55rem; border: none; padding: 0 0.625rem; font-size: 1.125rem; } .contact .contact_div .contact_inp input::-webkit-input-placeholder { color: #A8A8A8; } .contact .contact_div .contact_text { margin-bottom: 0.75rem; } .contact .contact_div .contact_text textarea { width: 100%; border: none; border-radius: 0.625rem; height: 6.4375rem; padding: 0.625rem; font-size: 1.125rem; } .contact .contact_div .contact_text textarea::-webkit-input-placeholder { color: #A8A8A8; } .contact .contact_but button { font-size: 1.125rem; line-height: 3.55rem; color: #FFFFFF; background: #0075DD; border-radius: 1.0625rem; width: 100%; text-align: center; border: 1px solid #0075DD; } .ditu { padding: 4.375rem 0; } /* 详情 */ .newsxq{ padding: 1.875rem 0 4.375rem; } .newsxq_size{ margin: 2.1875rem 0; padding: 2.1875rem 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; line-height: 1.875rem; } .newsxq_box{ font-size: 1rem; color: #7C7C7C; line-height: 1.875rem; } .newsxq_box a{ color: #7C7C7C; } .tit-text p:nth-of-type(1){ font-size: 2.1875rem; color: #000; } .tit-text p:nth-of-type(2){ font-size: 1rem; color: #6D6D6D; margin-top: .9375rem; } .more{ } @media(max-width:1550px){ .container { padding: 0 8.5rem; } .picture .picture_div .picture_size p:nth-of-type(2) { font-size: 3.125rem; } } @media(max-width:990px){ .container { padding: 0 4.5rem; } .phone_logo img { width: 13.875rem; } body, html { font-size: calc(100vw / 70); } .banner .banner_div .p2 { font-size: 3.125rem; } .index_three .index_three_ul li p span { font-size: 4.75rem; } .index_three .index_three_ul li:nth-of-type(1) img { width: 6.5rem; } .about .about_div > div, .w50, .w45{ width: 100%; float: none; } .index_four .w45 { padding-left: 0; margin-top: 1.5625rem; } } @media(max-width:767px){ .container { padding: 0 15px; } .banner .banner_div .p3 { font-size: 1rem; margin: .5rem 0; } .banner .banner_div .p2 { font-size: 1.7rem; } .banner .banner_div .p1 { font-size: 1rem; } .banner_img{ display: none; } .more { border-radius: 1.25rem; line-height: 2.2rem; padding: 0 1.7rem } .font48 { font-size: 2rem; } .title .font48 { line-height: 1.5rem; } .index_two { padding: 2.5rem 0 ; margin-top: 0rem; padding-top: 0; } .contact, .newslist, .about, .padd, .index_five, .index_four, .index_three, .index_one { padding: 2.5rem 0 ; } .caselist_div .caselist_size, .solution_div, .index_two_div .index_two_size, .index_one .index_one_size{ padding: .9375rem; } .mt80 { margin-top: 2rem; } .index_two .swiper-container { padding-bottom: 3rem; } .index_three .index_three_ul li:nth-of-type(1){} .index_three .index_three_ul li p span { font-size: 1.75rem; } .index_three .index_three_ul li { padding: 2.375rem 0; } .index_three .index_three_ul li p sup { top: -1em; } .index_three .index_three_ul li:nth-of-type(1) img { width: 3.5rem; } .index_four .w45 .index_four_fl{ width: 80%; padding: .9375rem; } .index_four .w45 .index_four_fl p:nth-of-type(1) { font-size: 1.7rem; } .contact .contact_div > div, .solution_list .solution_list_div .solution_div .fl, .solution_list .solution_list_div .solution_div .fr, .index_five .index_five_fin .w20, .index_five .w37{ width: 100%; float: none !important; } .index_five .index_five_fin .w20{ margin: 15px 0; } .phone_logo img { width: 11.875rem; } #phone_nav span, .seaarch_phone span { line-height: 35px; } .solution_div{ margin-bottom: 15px; } .font24 { font-size: 1.25rem; } .solution_div .font16 { margin: .5rem 0; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-top: .8rem; } .bread, .picture .picture_box{ display: none; } .picture .picture_div .picture_size p:nth-of-type(2) { font-size: 1.5rem; } .solution_list .solution_list_div .solution_div .fl{ margin-top: 15px; } .certificate{ padding-top: 2.5rem; } .certificate .certificate_box { padding-bottom: 5.375rem; border-top: 0.5rem solid #EAEAEB; } .certificate_fix { width: 62%; top: -15%; } .branch .w60{ width: 100%; } .ditu, .branch{ padding: 2.5rem 0; } .tit-text p:nth-of-type(1) { font-size: 1.75rem; } .newsxq_size{ margin: .9375rem 0; padding: .9375rem 0; } .contact .contact_div .contact_fl{ margin-bottom: 15px; line-height: 2rem; } .contact .contact_div .contact_inp{ width: 100%; float: none; } body { padding: 57px 0; } } @media(max-width:420px){ body, html { font-size: calc(100vw / 30); } } .more:hover{ box-shadow: inset 0 0 0 4.5rem #0075DD; border: 1px solid #0075DD !important; color: #ffffff; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .foot .foot_div ul li a:hover, .index_five .w37 ul li:hover a, .index_five .index_five_fin .mt25:hover a, .index_five .index_five_fin .index_five_div1:hover a, .index_five .index_five_fin .index_five_div:hover a, .index_two_div:hover .index_two_size a, .index_one_div:hover .index_one_size .font24{ color: #EB3900; } .index_four .fr ul li:hover .fr .font14 .iconfont{ padding-left: .625rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .index_four .fr ul li .fr .font14 .iconfont{ transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .solution_div:hover .font16::after{ width: 100%; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .caselist_div:hover .font18, .caselist_div:hover .font20, .solution_div:hover .font24{ color: #0075DD !important; } .contact .contact_but button:hover{ box-shadow: inset 0 0 0 4.5rem #EB3900; border: 1px solid #EB3900 !important; color: #ffffff; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; }