.o_big { position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; } .o_big img { max-width: 100%; filter: Alpha(Opacity=0); opacity: 0; display: inline-block; min-height: 120px; } .carousel-caption { position: absolute; right: 15%; bottom: 35%; left: 15%; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: left; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption h2 { margin: 35px 0 10px 0; font-size: 42px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .carousel-caption h3 { font-family: 'Open Sans', sans-serif; font-size: 28px; color: #fff; font-weight: 100; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } .carousel-caption p { color: #fff; font-size: 16px; font-family: 'arial', sans-serif; letter-spacing: 1px; } .carousel-caption .btn { margin-top: 5%; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; } .in { background-image: url(../images/up.png) } .arrow { opacity: 1; z-index: 999; background-image: url(../picture/mouse.png); animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); position: absolute; bottom: -30%; width: 32px; height: 55px; border-radius: 100%; -webkit-border-radius: 100%; line-height: 55px; font-size: 20px; color: #fff; overflow: hidden; } .arrow:hover { animation-play-state: paused; -webkit-animation-play-state: paused; } @keyframes arrow { %0, %100 { bottom: 0px; opacity: 1; } 50% { bottom: -20%; opacity: .5 } } .postions { overflow: hidden; border-bottom: 1px solid #ddd; color: #919191; font-size: 12px; } .postions p { line-height: 61px; } .location { width: 50%; float: left; } .location p { padding-left: 25px; background: url(../picture/home.png) 0px 20px no-repeat; } .yema { width: 100%; text-align: center; clear: both; overflow: hidden; padding-top: 40px; padding-bottom: 40px; clear: both; } .yema a { display: inline-block; height: 26px; line-height: 26px; padding-left: 10px; overflow: hidden; padding-right: 10px; min-width: 12px; margin-left: 1px; margin-right: 1px; text-align: center; color: #757575; font-size: 13px; border: 1px solid #cccccc; } .yema a:hover { text-decoration: none; color: #fff; background-color: #0245de; border: 1px solid #0245de; } .yema a.on { color: #fff; background-color: #0245de; border: 1px solid #0245de; } .yema a.first, .yema a.last { margin-right: 0; } .yema a.first:hover, .yema a.last:hover { background-color: #ec2029; } .i_title2 { line-height: 50px; margin: 2% 0; overflow: hidden; border-bottom: 1px solid #ddd; } .i_title2 h2 { overflow: hidden; font-weight: 500; letter-spacing: 1px; color: #333; /* text-transform: uppercase; */ font-family: Arial; } .product_a { overflow: hidden; text-align: center; } .product_a a { display: inline-block; height: 60px; line-height: 60px; /* width: 19%; */ font-size: 14px; color: #444444; transition: all 0.3s; float: left; padding-left: 40px; } .product_a a:hover { color: #1d2085; filter: Alpha(Opacity=80); opacity: 0.8; } .product_a a.csel { color: #1d2085; } .product_key { overflow: hidden; } .product-top{ padding-bottom: 40px; /* border-bottom: 1px solid #eaeaea; */ } .product-top h2{ font-size: 22px; line-height: 60px; } .product-top-brief{ margin-top: 20px; background-color: #f4f4f4; padding: 20px; box-sizing: border-box; } .product-top p{ font-size: 14px; line-height: 34px; color: #333333; text-indent: 2em; } .product_txt1 { width: 100% !important; margin-top: 40px; margin-right: 0 !important; float: unset !important; } .product_txt{ width: 50%; float: left; margin-right: 10%; } .product_txt h2 { font-size: 22px; line-height: 60px; } .product_txt p { font-size: 14px; line-height: 30px; } .product_img { float: right; width: 40%; } .product_nav { width: 100%; overflow: hidden; /* padding-top: 3%; */ } .product_txt1 .product_nav a{ float: left; padding: 20px 2%; font-size: 18px; background-color: #f4f4f4; width: 43%; margin: 1.5%; color: #333; transition: all 0.3s; } .product_nav a { float: left; height: 50px; line-height: 50px; padding: 0px 2%; background-color: #f4f4f4; width: 43%; margin: 1.5%; color: #333; transition: all 0.3s; } .product_nav a em { color: #f00; } .product_nav a:hover { background-color: #1d2085; color: #fff; filter: Alpha(Opacity=80); opacity: 0.8; } .product_nav a.csel { background-color: #1d2085; color: #fff; } /* 6.2产品新加样式 */ .product-table { width: 100%; } .product-table thead tr { background-color: #21277e; } .product-table thead tr th { padding: 15px 0; font-size: 14px; text-align: center; color: #fff; border: 1px solid #cfcfcf; } .product-table tbody tr td:first-child a{ color: #1d2085; position: relative; } .product-table tbody tr td:first-child a:hover::after{ content: ""; display: block; width: 100%; height: 1px; background-color: #1d2085; position: absolute; bottom: -2px; left: 50%; transform: translate(-50%,0); } .product-table tbody tr td { padding: 10px 0; font-size: 14px; text-align: center; border: 1px solid #cfcfcf; } .product-table tbody tr td a { /* display: block; */ } .product_ul { overflow: hidden; padding-bottom: 20px; padding-top: 8px; } .product_ul ul li { float: left; width: calc(50% - 0.5% - 1%); margin-left: 0.5%; margin-right: 1%; overflow: hidden; margin-bottom: 1.5%; text-align: center; background-color: #fff; } .product_ul ul li:nth-of-type(odd) { clear: both; } .product_ul ul li { background-image: linear-gradient(to bottom, #f1f1f1 50%, #fff 0); text-align: center; } .product_ul ul li:hover { background-image: linear-gradient(to bottom, #f1f1f1 50%, #1d2085 0); text-align: center; color: #fff; } .product_ul ul li .product_b { border: 1px solid #e8e8e8; padding-bottom: 36px; } .product_ul ul li:nth-child(2n+0) { margin-right: 0; } .product_ul ul li img { display: inline-block; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; vertical-align: middle; } .product_ul ul li .imgs { width: 100%; overflow: hidden; } .product_ul ul li h2 { font-weight: normal; color: #333333; line-height: 36px; height: 36px; text-align: center; overflow: hidden; padding-left: 2%; padding-right: 2%; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; margin: 3% 0; } .product_ul ul li.desc { text-align: center; } .product_ul ul li .desc .pro-btn { border: 1px solid #ddd; display: inline-block; margin: 0 10px; padding: 5px 10px; font-size: 12px; } .product_ul ul li .desc .pro-btn2 { border: 1px solid #ddd; display: inline-block; margin: 0 10px; padding: 5px 10px; font-size: 12px; } .product_ul ul li:hover .desc .pro-btn, .product_ul ul li:hover .desc .pro-btn2 { color: #fff; } .product_ul ul li:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .product_ul ul li:hover { -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); transition: all 0.3s; } .product_ul ul li:hover h2 { color: #fff; } .product_ul ul li:hover .product_b { border: 1px solid #fff; } .i_title3 { line-height: 42px; margin: 2% 0; overflow: hidden; background: #1d2085; } .i_title3 h2 { overflow: hidden; font-weight: 600; letter-spacing: 1px; color: #fff; padding-left: 25px; text-transform: uppercase; font-family: Arial; } .app-content { line-height: 30px; } .app-content>img { max-width: 100%; } .app-img { width: 100%; } .app-img a { width: 33%; } .news_bg { overflow: hidden; padding: 3% 0; } .news_con { overflow: hidden; } .news_con ul li { overflow: hidden; margin-bottom: 2%; padding-bottom: 2%; border-bottom: 1px solid #cccccc; display: block; } .news_con ul li:last-child { border-bottom: 0; margin-bottom: 0; } .news_con ul li .imgs { width: 19%; float: left; display: inline; overflow: hidden; } .news_con ul li .imgs img { width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .news_con ul li:hover .imgs img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .news_con ul li .i_about_r { float: right; display: inline; line-height: 22px; width: 78%; overflow: hidden; } .news_con ul li .i_about_r h3 { line-height: 22px; height: 22px; overflow: hidden; font-size: 18px; color: #333; font-weight: normal; margin-bottom: 1%; } .news_con ul li .i_about_r label { display: block; color: #999999; font-size: 14px; height: 20px; line-height: 20px; padding-left: 19px; background: url(../image/news_bg1.png) left center no-repeat; margin-bottom: 1%; } .news_con ul li .i_about_r .p { max-height: 48px; overflow: hidden; font-size: 14px; color: #7b7b7b; line-height: 24px; } .news_con ul li .i_about_r .news_more { margin-top: 2%; width: 106px; text-align: center; float: left; height: 34px; line-height: 34px; background-color: #f5f5f5; border: 1px solid #bababa; color: #828282; font-size: 13px; transition: all 0.3s; } .news_con ul li:hover .i_about_r .news_more { background-color: #0245de; color: #fff; border: 1px solid #0245de; } .news_con ul li:hover .i_about_r h3 { color: #0245de; } .about_x { overflow: hidden; line-height: 30px; font-size: 14px; color: #666666; } .about_x img { margin-bottom: 15px; max-width: 100%; height: auto !important; } /* 发展历程新加 */ .fz-all{} .fz-all h1{ font-size: 40px; color: #1d2085; } .fz-shang{ margin-top: 60px; } .fz-shang-swiper{ overflow: hidden; position: relative; } .fz-shang-all{ display: flex; flex-wrap: wrap; justify-content: center; } .fz-shang-left{} .fz-shang-left h2{ font-size: 60px; color: #1d2085; } .fz-shang-right{ width: 40%; margin-left: 10%; } .fz-shang-right p{ font-size: 20px; line-height: 32px; color: #666666; margin-bottom: 10px; padding-left: 20px; position: relative; } .fz-shang-right p::before{ content: ""; display: block; width: 10px; height: 10px; background-color: #1d2085; border-radius: 50%; position: absolute; top: 11px; left: 0; } .fz-xia{ margin-top: 100px; width: 95%; margin: auto; } .fz-page{ width: 100%; height: 40px; position: relative; } .prev{ position: absolute; top: -25px; left: 0; } .next{ position: absolute; top: -25px; right: 0; } .fz-xia-swiper{ overflow: hidden; position: relative; } .fz-xia-swiper::after{ content: ""; display: block; width: 90%; height: 1px; background-color: #1d2085; position: absolute; bottom: 5px; left: 5%; } .fz-xia-swiper .swiper-slide p{ font-size: 16px; line-height: 30px; color: #cccccc; text-align: center; padding-bottom: 30px; position: relative; } .fz-xia-swiper .swiper-slide p::after{ content: ""; display: block; width: 10px; height: 10px; background-color: #1d2085; border-radius: 50%; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); } .fz-xia-swiper .swiper-slide span{ display: none; width: 10px; height: 10px; background-color: #1d2085; border-radius: 50%; text-align: center; margin: auto; margin-top: 30px; margin-bottom: 15px; } .fz-xia-prev{ width: 40px !important; height: 40px !important; background-color: #1d4085; border-radius: 50%; text-align: center; line-height: 40px; bottom: 0; top: unset !important; left: 0 !important; } .fz-xia-next{ width: 40px !important; height: 40px !important; background-color: #1d4085; border-radius: 50%; text-align: center; line-height: 40px; bottom: 0; top: unset !important; left: unset !important; right: 0 !important; } .fz-xia-prev::after,.fz-xia-next::after { font-size: 16px !important; color: #ffffff; text-align: center; } .aa .swiper-slide{ height: 200px; } .fz-xia-swiper .swiper-slide-thumb-active{} .fz-xia-swiper .swiper-slide-thumb-active p{ color: #1d2085; font-size: 24px; } /* .fz-xia-swiper .swiper-slide-active p{ color: #1d2085; font-size: 24px; } */ .phone-fz{ display: none; } .about_x .show_t { float: left; width: 40%; } .about_x .con_id { float: right; width: 60%; line-height: 30px; overflow: hidden; white-space: normal; word-break: break-all; padding-top: 20px; } .about_x .con_id h2 { color: #333; line-height: 60px; } .about_x table { border-collapse: collapse; border-spacing: 0; } .about_x table td { line-height: 22px; height: 27px; } .prenext { border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; font-size: 16px; line-height: 60px; margin-top: 20px; color: #444; } .prenext span { float: left; width: 108px; color: #666666; font-size: 16px; } .prenext a { color: #444; } .prenext a:hover { color: #00a1e9; text-decoration: none; } .prenext:last-child { border-top: 0; margin-top: 0; margin-bottom: 10px; } .goback { float: right; height: 26px; line-height: 26px; text-align: right; padding-left: 23px; background: url(../image/goback.png) left center no-repeat; font-size: 14px; color: #333333; margin-top: 8px; } .fenxiang { height: 30px; overflow: hidden; } .fenxiang .span { float: right; font-size: 14px; line-height: 34px; } .about_bg { background-color: #f5f5f5; overflow: hidden; } .about_div { overflow: hidden; } .about_div .i_one_div_txt { width: 46.9%; padding-left: 1.6%; padding-right: 1.5%; } .about_div .i_one_div_txt .i_one_con { max-width: 588px; } .about_div .i_one_div_txt .i_one_t { line-height: 30px; color: #0044dc; } .about_div .i_one_div_txt .i_one_t img { display: block; margin-top: 12%; margin-bottom: 2%; } .about_div .i_one_div_txt .i_one_p { color: #666666; font-size: 14px; line-height: 22px; padding-top: 2%; overflow: hidden; text-align: left; } .about_div .i_one_div_txt .i_one_p.brandfont { font-size: 16px; text-align: center; padding-top: 0; } .about_div .i_one_div_img { width: 50%; overflow: hidden; } .about_div .i_one_div_img img { width: 100%; -webkit-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } .about_div .i_one_div_img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .about_two { overflow: hidden; text-align: center; padding-top: 3%; padding-bottom: 3%; background-color: #fff; width: 98%; padding-left: 1%; padding-right: 1%; } .about_two ul li { float: left; width: 30.33%; margin-left: 1.5%; margin-right: 1.5%; overflow: hidden; color: #7b7b7b; font-size: 14px; line-height: 24px; } .about_two ul li h2 { font-weight: normal; color: #333333; margin-bottom: 2%; } .about_two ul li p { margin: 0 auto; max-width: 400px; } .honor_ul { overflow: hidden; } .honor_ul ul li { width: 23.5%; margin-right: 2%; float: left; overflow: hidden; margin-bottom: 3%; text-align: center; } .honor_ul ul li:nth-child(4n+0) { margin-right: 0; } .honor_ul ul li .imgs { width: 100%; overflow: hidden; } .honor_ul ul li .imgs img { width: 100%; -webkit-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } .honor_ul ul li h2 { color: #333; font-size: 13px; font-weight: normal; height: 42px; overflow: hidden; line-height: 42px; } .honor_ul ul li:Hover .imgs img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .honor_ul ul li:Hover h2 { color: #00a1e9; } .contact_bg { background-color: #1d2085; overflow: hidden; margin-top: 45px; margin-bottom: 45px; } .map_div { overflow: hidden; float: left; width: 67%; } .map_div img { max-width: 100%; } .contact_r { overflow: hidden; float: left; width: 30%; margin-left: 3%; margin-top: 3%; margin-bottom: 3%; color: #fff; font-size: 14px; } .contact_r h2 { color: #fff; border-left: 5px solid #fff; padding-left: 15px; font-size: 26px; margin-bottom: 10%; } .contact_r ul li { display: block; margin-bottom: 10px; } .contact_r ul li img { display: inline-block; margin-right: 12px; margin-top: 3px; float: left; } .case_ul { overflow: hidden; padding-top: 1%; } .case_ul ul li { float: left; width: 23.5%; overflow: hidden; margin-bottom: 2%; margin-right: 2%; text-align: center; } .case_ul ul li:nth-child(4n+0) { margin-right: 0; } .case_ul ul li img { display: block; width: 100%; height: 100%; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .case_ul ul li .imgs { overflow: hidden; width: 100%; } .case_ul ul li .imgs img { display: block; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .case_ul ul li .txts { overflow: hidden; transition: all 0.3s; padding-bottom: 25px; padding-top: 25px; padding-left: 26px; padding-right: 2%; text-align: left; } .case_ul ul li .txts h2 { height: 36px; line-height: 36px; overflow: hidden; font-weight: normal; color: #333; } .case_ul ul li .txts .p { font-size: 14px; color: #aaaaaa; line-height: 20px; height: 20px; overflow: hidden; } .case_ul ul li:hover .imgs img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .case_ul ul li:hover .txts h2 { color: #014ee7; } .case_ul ul li .desc { display: none; } /*下载*/ .zxlb-1n-ts-01-list {} .zxlb-1n-ts-01-list dl { background: #f4f4f4; width: 100%; margin: 1.5%; padding: 10px 22px; display: inline-block; transform: scale(1); transition: 0s ease; } .zxlb-1n-ts-01-list dl:hover { background: #1d2085; transform: scale(1); transition: 1.2s ease; color: #fff; } .zxlb-1n-ts-01-list dt { width: 15%; float: left; text-align: center; margin-top: 25px; font-size: 12px; } .zxlb-1n-ts-01-list dd { width: 67%; float: left; } .zxlb-1n-ts-01-list dt p { display: inline-block; color: #999; background: url(../picture/sj.png) no-repeat top 0px left; padding-left: 20px; display: inline-block; font-size: 14px; } .zxlb-1n-ts-01-list dl:hover p { display: inline-block; color: #fff; background: url(../picture/sj_h.png) no-repeat top 0px left; padding-left: 20px; display: inline-block; font-size: 14px; } .zxlb-1n-ts-01-list dt a { height: 25px; display: block; text-indent: -9999px; } .zxlb-1n-ts-01-list dt .xzimg { background: url(../picture/d.png) no-repeat top 0px center; } .zxlb-1n-ts-01-list dl:hover .xzimg { background: url(../picture/d_h.png) no-repeat top 0px center; } .zxlb-1n-ts-01-list dd h4 { height: 40px; font-weight: 500; font-size: 16px; color: #000; line-height: 40px; margin-bottom: 5px; overflow: hidden; } .zxlb-1n-ts-01-list h4 a { display: block; height: 40px; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zxlb-1n-ts-01-list dl:hover h4 a { color: #fff; } .zxlb-1n-ts-01-list-desc { font-size: 14px; line-height: 24px; overflow: hidden; } .zxlb-1n-ts-01-list-desc p { display: inline-block; margin-right: 20px; } .zxlb-1n-ts-01-list-desc p.zx { background: url(../picture/fl.png) no-repeat left 0px center; padding-left: 20px; color: #999; } .zxlb-1n-ts-01-list-desc p.zx2 { background: url(../picture/dx.png) no-repeat left 0px center; padding-left: 20px; color: #999; } .zxlb-1n-ts-01-list dl:hover p.zx { background: url(../picture/fl_h.png) no-repeat left 0px center; padding-left: 20px; } .zxlb-1n-ts-01-list dl:hover p.zx2 { background: url(../picture/dx_h.png) no-repeat left 0px center; padding-left: 20px; } /***招聘****/ .zhaopin_01 { background: url(../images/jopbg.jpg) no-repeat top center; margin-bottom: 50px; padding-bottom: 35px; } .postTit { color: #323232; font-size: 24px; background: url(../images/Jobs.png) no-repeat top center; background-size: 150px; margin-top: 70px; } .postTit p { text-align: center; color: #777; font-size: 14px; margin-top: 10px; } .category { margin-top: 10px; background: #1d2085; padding: 20px 25px; color: #fff; } .category span { display: inline-block; } .category .select-job { margin-top: -8px; width: 400px; } .categoryTit span { margin-left: 16px; cursor: pointer; } .categorySel { font-weight: 600; color: black; } .categoryList { color: #333; } .categoryList table { width: 100%; border-collapse: collapse; } .categoryList tr:hover {} .categoryList td { padding: 0 15px; height: 65px; } .categoryList thead td { background-color: #f5f5f5; width: 30%; padding-left: 15px; } .categoryList thead td:last-child { width: 10%; } .categoryList tbody td { border-bottom: 0px solid #EEEEEE; } .categoryBody { line-height: 30px; border-top: 1px solid #ddd; background: #f4f4f4; } .categoryBody h2 { font-size: 14px; font-weight: 600; color: #333; padding: 20px 0; } .categoryBody a.more { width: 150px; height: 45px; line-height: 45px; margin-bottom: 27px; background: #1d2085; border-radius: 50px; display: block; text-align: center; font-size: 14px; color: #FDFDFD; } .categoryBody a.more:hover { font-weight: bold; } .details { color: #0167f0; background: url(/nlh/view/front/sky/dxw/website/down.png) no-repeat right center; background-size: 6px; padding-right: 15px; } .rDetail { padding: 40px 70px; color: black; background: white; border-radius: 20px; box-shadow: 0px 3px 18px 0px rgba(4, 0, 0, 0.1); } .rDetailTit { font-size: 18px; font-weight: 600; color: #ff3879 } .rDetailTip { margin-top: 20px; border-bottom: 1px solid #DDDDDD; padding-bottom: 35px; } .rDetailTip span { margin-right: 50px; } .rContTit { margin-top: 35px; font-size: 22px; } .rContList { margin-top: 22px; line-height: 30px; } .HR { width: 1200px; margin: 20px auto 0; } .hidden { display: none !important; } .selectPickerWrapper * { box-sizing: border-box; } .selectPickerWrapper { position: relative; display: inline-block; z-index: 999; margin-right: 10%; } .select-picker-search { width: 150px; height: 35px; line-height: 35px; z-index: 999; color: #fff; border-radius: 30px; background: #6063aa; padding: 0 10px; font-size: 14px; cursor: pointer; } .select-picker-search-checked { position: relative; width: 130px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 5px; } .select-picker-search-checked:after { border: 5px solid transparent; content: ' '; height: 0; position: absolute; width: 0; top: 12.2px; border-top: 8px solid #fff; right: 0; } .select-picker-options-wrp { display: none; width: 150px; border-radius: 0 0 0 30px; color: #fff; background: #6063aa; position: absolute; top: 20px; left: 0; z-index: -10; } .select-picker-options-serch input { width: 160px; display: none; height: 32px; line-height: 32px; border: 1px solid #ddd; border-radius: 3px; margin: 12px 0 0 10px; padding-left: 8px; } .select-picker-options-serch input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) } .select-picker-options-list { width: 100%; padding: 25px 0; } .select-picker-options-list-item { width: 100%; line-height: 36px; cursor: pointer; padding: 0 12px; } .select-picker-options-list-item:hover { background: rgba(255, 255, 255, 0.3); } .duihao { display: none; width: 18px; height: 18px; border-radius: 3px; transform: translateY(4px); margin-right: 6px; } .accordion .accordion-item { border-bottom: 1px solid #e5e5e5; } .accordion .accordion-item button[aria-expanded=true] { border-bottom: 1px solid #ddd; } .accordion button { position: relative; display: block; text-align: left; width: 100%; padding: 1em 0; color: #333; font-size: 0.875rem; font-weight: 400; border: none; background: #fff; outline: none; } .accordion button:hover, .accordion button:focus { cursor: pointer; color: #1d2085; } .accordion button:hover::after, .accordion button:focus::after { cursor: pointer; color: #1d2085; border: 1px solid #ddd; } .accordion button .accordion-title { width: 30%; float: left; padding-left: 15px; } .accordion button .accordion-title2 { display: inline-block; position: absolute; } .accordion button .icon { display: inline-block; position: absolute; top: 0; right: 0; height: 22px; border-radius: 22px; } .accordion button .icon::before { display: block; position: absolute; content: ""; top: 9px; left: 5px; width: 10px; height: 2px; background: currentColor; } .accordion button .icon::after { display: block; position: absolute; content: ""; top: 5px; left: 9px; width: 2px; height: 10px; background: currentColor; } .accordion button[aria-expanded=true] { color: #333; } .accordion button[aria-expanded=true] .icon::after { width: 0; } .accordion button[aria-expanded=true]+.accordion-content { opacity: 1; max-height: 100%; transition: all 200ms linear; will-change: opacity, max-height; } .accordion .accordion-content { opacity: 0; max-height: 0; overflow: hidden; transition: opacity 200ms linear, max-height 200ms linear; will-change: opacity, max-height; } .solution_bg { background: url(../image/solution_bg.jpg) center center no-repeat; background-size: cover; overflow: hidden; padding-top: 3%; padding-bottom: 2%; } .solution_bg .solution_t { color: #ffffff; font-size: 32px; text-align: center; margin-top: 1%; margin-bottom: 3%; } .solution_bg .solution_ul ul li { float: left; width: 32%; margin-right: 2%; overflow: hidden; margin-bottom: 2%; position: relative; } .solution_bg .solution_ul ul li:nth-child(3n+0) { margin-right: 0; } .solution_bg .solution_ul ul li .imgs { overflow: hidden; } .solution_bg .solution_ul ul li .imgs img { width: 100%; display: block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .solution_bg .solution_ul ul li .txts { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; } .solution_bg .solution_ul ul li .table { display: table; vertical-align: middle; width: 100%; height: 100%; } .solution_bg .solution_ul ul li .td { display: table-cell; vertical-align: middle; height: 100%; } .solution_bg .solution_ul ul li .txts img { margin: 0 auto; width: 20%; max-width: 90px; display: block; margin-bottom: 5%; } .solution_bg .solution_ul ul li .txts h2 { color: #efefef; font-weight: normal; margin: 0 auto; margin-bottom: 3%; max-width: 350px; width: 94%; font-size: 22px; } .solution_bg .solution_ul ul li .txts p { font-size: 14px; line-height: 22px; margin: 0 auto; max-width: 350px; width: 94%; overflow: hidden; } .solution_bg .solution_ul ul li:hover .imgs img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .product_con { overflow: hidden; font-size: 16px; color: #444444; position: relative; background-position: center bottom; background-repeat: no-repeat; background-size: cover; } .product_con .bigimg { width: 100%; display: block; min-height: 250px; filter: Alpha(Opacity=0); opacity: 0; } .product_con .tabel { display: table; width: 100%; height: 100%; } .product_con .td { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .product_con .td.vt { vertical-align: top; margin-top: 5%; } .product_con .txts { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .product_con .txts .pt { margin-top: 10%; font-weight: normal; margin-bottom: 2%; } .product_con .txts .p1 { color: #444444; font-size: 16px; line-height: 26px; max-width: 680px; width: 96%; margin: 0 auto; } .product_con .txts .p2 { color: #444444; font-size: 16px; line-height: 36px; } .product_con .txts .p2 label { color: #6d6d6d; font-size: 12px; font-family: Arial; padding-right: 3px; } .product_three { max-width: 1120px; width: 94%; margin: 0 auto; overflow: hidden; margin-top: 3%; } .product_three_l { float: left; width: 37.5%; overflow: hidden; text-align: left; } .product_three_img { float: right; width: 59%; } .product_three_img img { width: 100%; } .product_con .txts .product_three_l .pt { margin-top: 5%; } .product_con2 { overflow: hidden; font-size: 14px; line-height: 22px; } .product_con2 img { width: 100%; display: block; } .product_blank { height: 0; font-size: 0; overflow: hidden; } .solution_bg2 { background: url(../image/solution_bg3.jpg) center center no-repeat; background-size: cover; overflow: hidden; padding-top: 3%; padding-bottom: 3%; } .solution_bg2 .solution_t2 { text-align: center; overflow: hidden; color: #333333; width: 94%; max-width: 900px; margin: 0 auto; } .solution_bg2 .solution_desc { color: #535353; font-size: 15px; line-height: 24px; width: 94%; max-width: 900px; margin: 0 auto; margin-top: 1%; text-align: center; } .solution_bg3 { background: url(../image/solution_bg2.jpg) center center no-repeat; overflow: hidden; margin-top: 2%; padding-bottom: 8%; } .solution_con { width: 96%; max-width: 1520px; margin: 0 auto; } .solution_con ul li { float: left; margin-top: 3%; overflow: hidden; } .solution_con ul li:nth-child(1) { width: 13%; padding-top: 9%; } .solution_con ul li:nth-child(2) { width: 22%; padding-right: 2%; padding-top: 8%; } .solution_con ul li:nth-child(3) { width: 20%; } .solution_con ul li:nth-child(4) { width: 20%; padding-left: 2%; padding-right: 2%; padding-top: 6%; } .solution_con ul li:nth-child(5) { width: 19%; padding-top: 10%; } .solution_con ul li .img { max-width: 90%; margin: 0 auto; display: block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .solution_con ul li h2 { font-weight: bold; font-size: 18px; color: #424242; text-align: center; margin-bottom: 10px; overflow: hidden; background: url(../image/solution_bg4.png) center bottom no-repeat; background-size: auto 50px; padding-bottom: 55px; } .solution_con ul li .solution_box { margin-bottom: 20px; } .solution_con ul li .solution_box:hover .img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .solution_con ul li .solution_box:nth-child(2) { margin-bottom: 0%; } .solution_con ul li .solution_box:nth-child(2) h2 { background: url(../image/solution_bg4.png) center top no-repeat; background-size: auto 50px; padding-bottom: 0px; padding-top: 55px; } .solution_con ul li:nth-child(3) .solution_box:nth-child(1) { margin-bottom: 5%; } .solution_con ul li:nth-child(3) .solution_box:nth-child(1):hover .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .solution_con ul li:nth-child(3) .solution_box:nth-child(2) { margin-top: 18%; } .solution_con ul li:nth-child(2) .solution_box:nth-child(2) { margin-left: 36%; } .solution_con ul li:nth-child(4) .solution_box:nth-child(2) { margin-right: 36%; } .b_link { overflow: hidden; margin-bottom: 1%; margin-top: 2%; } .b_link ul li { float: left; width: 15.8%; margin-right: 1%; margin-bottom: 2%; overflow: hidden; } .b_link ul li:nth-child(6n+0) { margin-right: 0; } .b_link ul li .imgs { overflow: hidden; border: 1px solid #f0f0f0; } .b_link ul li .imgs img { display: block; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .b_link ul li:hover .imgs img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .b_link ul li h2 { font-weight: normal; text-align: center; font-size: 15px; margin-top: 10px; height: 22px; line-height: 22px; overflow: hidden; } .fangwei_div { width: 100%; height: 100%; overflow: hidden; display: inline-table; vertical-align: middle; text-align: center; margin-bottom: 50px; } .fangwei_div .fangwei_con { display: table-cell; vertical-align: middle; position: relative; } .fangwei_div .fangwei_con .imgs { width: 42%; display: inline-block; margin-right: 1%; max-width: 271px; } .fangwei_div .fangwei_con .fangwei_txt { display: inline-block; vertical-align: middle; width: 46%; padding: 4%; padding-top: 0; padding-bottom: 0; max-width: 330px; text-align: left; font-family: Arial; color: #737373; font-size: 14px; line-height: 24px; background-color: #464646; height: 271px; overflow: hidden; } .fangwei_div .fangwei_con .fangwei_txt .div { overflow: hidden; margin-bottom: 4%; } .fangwei_div .fangwei_con .fangwei_txt .div .inputs { height: 45px; line-height: 45px; width: 100%; text-indent: 10px; font-size: 18px; color: #313131; font-family: "寰蒋闆呴粦"; border: none; background: #191919; margin-top: 13%; outline: none; } .fangwei_div .fangwei_con .fangwei_txt .div .inputs:focus { color: #fff; } .fangwei_div .fangwei_con .fangwei_txt .div .inputs2 { float: left; height: 45px; line-height: 45px; width: 56%; text-indent: 10px; font-size: 18px; color: #313131; font-family: "寰蒋闆呴粦"; border: none; background: #191919; outline: none; } .fangwei_div .fangwei_con .fangwei_txt .div .inputs2:focus { color: #fff; } .fangwei_div .fangwei_con .fangwei_txt .div .imgs2 { float: right; width: 40%; height: 45px; } .fangwei_div .fangwei_con .fangwei_txt .div2 { text-align: center; overflow: hidden; padding-top: 8%; } .fangwei_div .fangwei_con .fangwei_txt .bnts { background: #0245de; border: 0; height: 30px; line-height: 30px; width: 118px; color: #fff; font-size: 14px; letter-spacing: 1px; outline: none; -webkit-appearance: none; cursor: pointer; margin: 0 auto; } .fangwei_div .fangwei_con .fangwei_txt .bnts:hover { filter: Alpha(Opacity=80); opacity: 0.8; transition: all 0.3s; } .fangwei_pos { position: fixed; width: 100%; height: 100%; background: rgba(5, 5, 5, 0.6); top: 0; left: 0; display: none; } .fangwei_pos1 { position: absolute; width: 100%; height: 93px; top: 50%; margin-top: -46px; left: 0; display: none; } .fangwei_pos_con { width: 96%; margin: 0 auto; max-width: 500px; height: 93px; background-color: #464646; color: #fff; font-size: 14px; font-family: "瀹嬩綋"; line-height: 30px; } .fangwei_pos_con .fangwei_pos_div { text-align: left; max-width: 370px; width: 96%; margin: 0 auto; padding-top: 15px; } @media screen and (max-width: 1440px) { .yp-tan-cont{ width: 45%; } .solution_con ul li:nth-child(4) { padding-top: 4%; } .solution_con ul li:nth-child(5) { padding-top: 8%; } } @media screen and (max-width: 1200px) { .yp-tan-cont{ width: 95%; } .fz-all{ display: none; } .phone-fz{ display: block; } .phone-fz h1{ font-size: 24px; color: #191919; } .phone-fz-swiper{ overflow: hidden; position: relative; padding-bottom: 30px !important; margin-top: 30px; } .phone-fz-swiper .swiper-slide{} .phone-fz-swiper .swiper-slide h2{ font-size: 20px; color: #1d2085; text-align: center; margin-bottom: 20px; } .phone-fz-swiper .swiper-slide p{ font-size: 16px; line-height: 32px; color: #666666; position: relative; padding-left: 20px; margin-bottom: 10px; } .phone-fz-swiper .swiper-slide p::before{ content: ""; display: block; width: 10px; height: 10px; background-color: #1d2085; border-radius: 50%; position: absolute; top: 11px; left: 0; } .about-biao:nth-child(1)::after, .about-biao:nth-child(2)::after, .about-biao:nth-child(3)::after, .about-biao:nth-child(4)::after{ content: ""; display: none !important; } .about-tu h2{ padding: 110px 0 !important; } .product_a a { height: 60px; line-height: 60px; padding-left: 0; } .product_txt1 .product_nav a{ font-size: 14px; padding: 0 2%; } .news_con ul li .i_about_r h3 { font-size: 16px; margin-bottom: 0.5%; } .news_con ul li .i_about_r label { margin-bottom: 0.5%; } .news_con ul li .i_about_r .p { line-height: 22px; max-height: 44px; } .news_con ul li .i_about_r .news_more { margin-top: 1%; height: 32px; line-height: 32px; } .about_div .i_one_div_txt .i_one_t img { margin-top: 6%; margin-bottom: 1%; width: 40px; } .about_div .i_one_div_txt .i_one_p { padding-top: 1%; line-height: 20px; font-size: 13px; } .about_two ul li { line-height: 22px; font-size: 13px; } .contact_r h2 { font-size: 24px; } .solution_bg .solution_t { font-size: 28px; } .solution_bg .solution_ul ul li .txts img { width: 18%; } .solution_bg .solution_ul ul li .txts h2 { margin-bottom: 2%; } .solution_bg .solution_ul ul li .txts p { font-size: 13px; line-height: 20px; } .solution_con ul li h2 { font-size: 16px; } .solution_bg3 { background-position: center 20%; } .solution_con ul li:nth-child(4) { padding-top: 0%; } .solution_con ul li:nth-child(2) { padding-top: 0%; } .solution_con ul li:nth-child(5) { padding-top: 1%; } } @media screen and (max-width: 1100px) { .o_big { background-size: auto 110%; } .news_con ul li .i_about_r h3 { font-size: 15px; margin-bottom: 0.4%; } .news_con ul li .i_about_r label { margin-bottom: 0.4%; font-size: 12px; } .news_con ul li .i_about_r .p { line-height: 18px; max-height: 36px; font-size: 12px; } .case_ul ul li .txts { padding-top: 10px; padding-bottom: 15px; } .case_ul ul li .txts .p { font-size: 13px; } .solution_bg .solution_t { font-size: 24px; } .solution_bg .solution_ul ul li .txts img { width: 16%; } .solution_bg .solution_ul ul li .txts p { font-size: 12px; line-height: 18px; max-height: 180px; } } @media screen and (max-width: 1000px) { .o_big { background-size: auto 120%; } .news_con ul li .i_about_r .news_more { margin-top: 0.5%; font-size: 12px; height: 30px; line-height: 30px; } .honor_ul ul li { width: 32%; } .honor_ul ul li:nth-child(4n+0) { margin-right: 2%; } .honor_ul ul li:nth-child(3n+0) { margin-right: 0; } .case_ul ul li { width: 32%; } .case_ul ul li:nth-child(4n+0) { margin-right: 2%; } .case_ul ul li:nth-child(3n+0) { margin-right: 0; } .solution_con ul li h2 { font-size: 14px; } .b_link ul li { width: 19%; } .b_link ul li:nth-child(6n+0) { margin-right: 1.1%; } .b_link ul li:nth-child(5n+0) { margin-right: 0; } } @media screen and (max-width: 960px) { .o_big { background-size: auto 130%; } .product_a a { height: 46px; line-height: 46px; padding-left: 0; } .news_con ul li .i_about_r h3 { font-size: 14px; } .about_div .i_one_div_txt .i_one_t img { width: 30px; margin-top: 3%; } .about_two ul li { line-height: 20px; font-size: 12px; } .contact_r h2 { font-size: 20px; } .solution_bg .solution_t { font-size: 20px; } .solution_bg .solution_ul ul li .txts img { width: 14%; margin-bottom: 3%; } .solution_bg .solution_ul ul li .txts h2 { font-size: 20px; } .product_con .td.vt { vertical-align: middle; } .product_con .txts .p1 { font-size: 14px; } .product_con .txts .p2 { font-size: 14px; line-height: 26px; } } @media screen and (max-width: 830px) { .o_big { background-size: auto 140%; } .news_con ul li .i_about_r .news_more { display: none; } .about_div .i_one_div_txt { width: 96%; padding-left: 2%; padding-right: 2%; margin-bottom: 3%; padding-top: 2%; } .about_div .i_one_div_txt .i_one_con { max-width: none; } .about_div .i_one_div_img { width: 100%; } .about_two ul li { width: 97%; margin-bottom: 3%; } .solution_bg .solution_ul ul li { width: 49%; } .solution_bg .solution_ul ul li:nth-child(3n+0) { margin-right: 2%; } .solution_bg .solution_ul ul li:nth-child(2n+0) { margin-right: 0%; } .b_link ul li { width: 24%; } .b_link ul li:nth-child(5n+0) { margin-right: 1.1%; } .b_link ul li:nth-child(4n+0) { margin-right: 0; } } @media screen and (max-width: 780px) { .o_big { background-size: auto 150%; } .product_a { float: right; width: 70%; } .product_a a { height: 42px; line-height: 42px; padding-left: 0; } .product_ul ul li { width: 49%; } .product_ul ul li:nth-child(2n+0) { margin-right: 1%; } .product_ul ul li:nth-child(2n+0) { margin-right: 0; } .about_x .show_t, .about_x .con_id { width: 100%; } .prenext { font-size: 14px; } .prenext span { width: 70px; font-size: 14px; } .contact_r h2 { font-size: 18px; } .map_div { width: 100%; } .contact_r { width: 94%; padding-top: 3%; } .case_ul ul li { width: 49%; } .case_ul ul li:nth-child(3n+0) { margin-right: 2%; } .case_ul ul li:nth-child(2n+0) { margin-right: 0; } .solution_bg3 { background: none; } .solution_con ul li:nth-child(1) { width: 50%; } .solution_con ul li:nth-child(2) { width: 50%; padding-right: 0; } .solution_con ul li:nth-child(3) { width: 50%; } .solution_con ul li:nth-child(4) { width: 50%; padding-left: 0; padding-right: 0; } .solution_con ul li:nth-child(5) { width: 50%; } .solution_con ul li .solution_box { margin-bottom: 40px; } } @media screen and (max-width: 640px) { .o_big { background-size: auto 160%; } .news_con ul li .imgs { width: 29%; } .news_con ul li .i_about_r { width: 68%; } .honor_ul ul li { width: 49%; } .honor_ul ul li:nth-child(4n+0) { margin-right: 2%; } .honor_ul ul li:nth-child(3n+0) { margin-right: 2; } .honor_ul ul li:nth-child(2n+0) { margin-right: 0; } .case_ul ul li .txts { padding-left: 4%; } .solution_bg .solution_t { margin-bottom: 5%; } .solution_bg .solution_ul ul li { width: 100%; margin-right: 0%; } .solution_bg .solution_ul ul li:nth-child(2n+0) { margin-right: 3%; } .solution_bg .solution_ul ul li .txts img { width: 21%; } .product_con .txts .p1 { font-size: 12px; line-height: 20px; } .product_con .txts .p2 { font-size: 12px; line-height: 22px; } .product_three_l { width: 50%; } .product_three_img { width: 48%; } .b_link ul li { width: 32.5%; } .b_link ul li:nth-child(4n+0) { margin-right: 1.1%; } .b_link ul li:nth-child(3n+0) { margin-right: 0; } .fangwei_div .fangwei_con .imgs { width: 40%; margin-right: 0; margin-bottom: 4%; } .fangwei_div .fangwei_con .fangwei_txt { width: 100%; height: 250px; } } @media screen and (max-width: 480px) { .o_big { background-size: auto 170%; } .location, .product_a { width: 100%; } .product_txt, .product_img { /* float: left; */ width: 100%; margin-right: 0%; } .product_a a { height: 30px; line-height: 30px; width: 49%; background: #f4f4f4; margin-bottom: 10px; padding-left: 0; } .product_a a.csel { color: #fff; background: #1d2085; } .product_ul ul li .desc .pro-btn { margin: 0 0px; } .product_ul ul li .product_b { padding-bottom: 26px; } .about_x2 .show_t { font-size: 22px; line-height: 30px; } .about_div .i_one_div_txt .i_one_p { line-height: 18px; font-size: 12px; } .case_ul ul li .txts h2 { font-size: 14px; height: 30px; line-height: 30px; } .zxlb-1n-ts-01-list dd { width: 47%; } .zxlb-1n-ts-01-list dt { width: 25%; } .category { padding: 20px 10px; } .category .select-job { margin-top: -8px; width: 260px; } .select-picker-search, .select-picker-options-wrp { width: 120px; } .selectPickerWrapper { margin-right: 3%; } .select-picker-search-checked { width: 100px; } .solution_bg .solution_ul ul li .txts h2 { font-size: 18px; } .accordion button .accordion-title { width: 35%; } .accordion button .accordion-title:nth-child(2), .accordion button .accordion-title:nth-child(3) { width: 25%; } .accordion button { font-size: 0.8rem; } /* https://2021-06-09.hcloudweb.com/job.html Hide more button for mobile */ .accordion-item .accordion-title2 { display: none !important; } } @media screen and (max-width: 360px) { .o_big { background-size: auto 180%; } } @media screen and (max-width: 320px) {} @media screen and (max-width: 480px) { /* Added by xcy: 直接显示 banner 图片,不管之前的自适应了 */ .o_big img { opacity: 1; } /* Added by xcy: 1,太大;2,和手机导航栏交互有问题; */ .arrow { display: none; } } @media screen and (max-width: 320px) { .zxlb-1n-ts-01-list dd { width: 51%; } .zxlb-1n-ts-01-list dt:nth-of-type(1) { width: 30%; } .zxlb-1n-ts-01-list dt:nth-of-type(2) { width: 10%; } .zxlb-1n-ts-01-list dt { margin-top: 10px; } } .zxlb-1n-ts-01-list:hover { cursor: pointer; } .zxlb-1n-ts-01-list:hover h4 { color: #fff; } .why-inbisen { margin-top: 20px; } .why-inbisen .title { margin-bottom: 0.5em; text-align: center; } .why-inbisen .cards { display: flex; flex-wrap: wrap; } .why-inbisen .cards .card { width: 48%; margin: 0 1%; text-align: center; } .why-inbisen .cards .card .img-wrapper img { width: 150px; height: 150px; } .why-inbisen .cards .card p { margin-bottom: 20px; }