@charset "utf-8"; @media (max-width:1800px) { .foot-nav { padding-left: 8%; } .cate-bar .cate-list li { margin-right: 50px; } .cate-bar .cate-list-3 li { margin-right: 40px; } .cate-bar .cate-list li a { font-size: 16px; } .swiper-container-history .swiper-slide .pic img { object-fit: contain; } .culture-list .item:nth-child(4) .cont { padding: 35px 10px 5px 20px; } .contact-list .item .cont { padding-left: 90px; } .contact-list .item:nth-child(2n) .cont { padding-right: 90px; } .contact-list .item .cont-map h3 { font-size: 34px; } } @media (max-width:1600px) { .about-info .item { height: 800px; } .abouta .cont .des p ~ p { margin-top: 8px; } .abouta .cont .des { font-size: 16px; line-height: 28px; } .swiper-container-history .swiper-slide .cont .des { font-size: 16px; } .zyyw-item .cont h4 { font-size: 36px; } .y2-list .item .wp .pic { width: 65%; } .ywly-item .wp .cont .des { font-size: 17px; line-height: 2; } .ywly-item-2 { padding-top: 100px; padding-bottom: 100px; } .y2-2 .item-1 .pic { width: 60%; } .yyjs .item .cont .y-tit { height: auto; padding: 110px 5%; } .y-tit h3 { font-size: 36px; } .list-case .item .abox .pic { height: 288px; } .case-tit { margin-top: -100px; height: 100px; } .case-tit h1 { font-size: 36px; line-height: 1.25; letter-spacing: 1px; } .list-news .item .abox .pic { height: 255px; } .list-news.first-big .item:first-child .pic { height: 412px; } .detail-wrap .content .content-box p { margin-bottom: 10px; } .detail-wrap .content .tit-bar h1 { font-size: 34px; } .contact-list .item:nth-child(2n) .cont, .contact-list .item .cont { padding-left: 5%; padding-right: 5%; } .contact-list .item .pic-map { height: 660px; } .page-banner .cate-box a { height: 60px; line-height: 58px; font-size: 18px; } .job-list .item .content { padding: 60px 80px; } .page-title h3 { font-size: 38px; } .honor-item .abox { padding: 40px 20px; } .culture-list .item:nth-child(4) .cont .des { font-size: 13px; } .list-case .item .abox .cont { padding: 30px; } .list-case .item .abox .cont .more { margin-top: 30px; } .pic-cover:before { margin-left: -32px; margin-top: -32px; width: 64px; height: 64px; } .page-banner .tit .en { font-size: 46px; } .culture-list .item .pic { height: 300px; } .swiper-container-ywly .swiper-slide .abox { height: 560px; } .swiper-container-ywly .swiper-slide .abox .tit { padding: 0 40px; } .tab-ywly li { padding: 25px 25px; } .swiper-container-case .swiper-slide .abox .pic { height: 400px; } .swiper-container-case .swiper-slide .abox .cont .area { padding: 20px 30px 30px 30px; height: auto; } .tab-about .item { padding: 30px; } .swiper-container-jsbox .swiper-slide .cont { background-size: 370px; } .swiper-container-history { margin-top: 80px; } } @media (max-width:1440px) { .tab-ywly li { padding: 30px 20px; padding-right: 5px; } .tab-ywly li .en { font-size: 12px; } .about-info .item { height: 800px; } .nav-list>li { margin: 0 15px; } .tab-about .item { padding: 30px 40px; } .swiper-container-ywly .swiper-slide .abox { height: 600px; } .swiper-container-jstab .swiper-slide h4 { font-size: 16px; } .cate-bar .cate-list-3 li { margin-right: 30px; } .ywly-item .wp .cont h3 { font-size: 36px; } .ywly-item .wp .cont .des { font-size: 15px; } .zyyw-item .cont p { font-size: 16px; line-height: 2; } .zyyw-item .cont h4 { font-size: 30px; } .zyyw-item .pic { height: 510px; } .tab-about .item h4 i { font-size: 38px; } .tab-about .item p { font-size: 16px; line-height: 30px; } .news .news-one .right .item .abox .cont p, .news .news-one .left .abox .cont p { font-size: 15px; } .swiper-container-ywly .swiper-slide .abox .tit { padding: 0 40px; } .swiper-container-ywly .swiper-slide .abox .tit h4 { font-size: 20px; line-height: 1.25; } .contact-list .item .cont-map .list .subitem .info p { font-size: 15px; } .contact-list .item .cont-map h3 { font-size: 32px; } .contact-list .item .cont-map .list .subitem .qrcode { width: 100px; } .contact-list .item .cont .des { font-size: 15px; line-height: 30px; } .contact-list .item .cont-map .list .subitem { padding: 25px 0 5px; } .contact-list .item .cont-map .list .subitem .citem { margin-bottom: 25px; } .contact-list .item .pic-map { height: 600px; } .culture-list .item .cont h4 { font-size: 22px; line-height: 20px; } .page-title h3 { font-size: 36px; } .culture-list .item:nth-child(4) .cont .des { font-size: 12px; } .y-tit h3 { font-size: 30px; } .y-tit p { font-size: 16px; } .list-case .item .abox .pic { height: 260px; } .case-tit h1 { font-size: 28px; } .case-content { padding: 20px 40px; } .list-news .item .abox .pic { height: 240px; } .list-news.first-big .item:first-child .pic { height: 397px; } .detail-wrap .side .xg-case li .pic { height: 240px; } .detail-wrap .content .tit-bar h1 { font-size: 32px; } .detail-wrap .side .xg-case li .pic { height: 200px; } .detail-wrap .side .xg-case li .cont { height: 60px; } } @media (max-width:1366px) { .nav-list>li { margin: 0 10px; } .swiper-container-ywly .swiper-slide .abox { height: 550px; } .swiper-container-jsbox .swiper-slide .cont p { font-size: 16px; } .news .news-one .right .item .abox .cont p { font-size: 14px; height: 52px; } .foot-contact { padding-right: 70px; } .foot-nav { padding-left: 5%; } .tab-ywly li { padding: 25px 20px; } .swiper-container-jsbox .swiper-slide .cont h4 { font-size: 28px; line-height: 1.25; } .culture-list .item:nth-child(4) .cont .des { line-height: 1.75; } .yyjs .item .cont .y-tit { padding: 80px 5%; } .cate-bar .cate-list li { margin-right: 30px; } .y-tit p { font-size: 14px; } .y2-dc .item-1 .pic { max-width: 60%; } .y2-list .item .wp .pic { width: 60%; } .y-tit h3:after { margin-top: 25px; margin-bottom: 20px; } .ywly-item-2 { padding-top: 80px; padding-bottom: 80px; } .list-case .item .abox .pic { height: 240px; } } @media (max-width:1280px) { .wp { width: 92%; } .header-right .tool a { margin-left: 15px; } .nav-list>li { margin: 0 5px; } .liucheng-list li h4 { font-size: 14px; margin-top: 50px; } .liucheng-list li:before { top: 80px; width: 16px; height: 16px; border: 5px solid #fff; margin-left: -8px; } .liucheng-list li .pic img { width: 60px; } .liucheng-list:before { top: 93px; } .swiper-container-jsbox .swiper-slide .pic { height: 450px; } .swiper-container-jsbox .swiper-slide .cont { padding-top: 70px; padding-right: 80px; background-size: 300px; } .swiper-container-jstab .swiper-slide h4 { padding: 0 10px; } .swiper-container-jsbox .swiper-slide .cont h4 { font-size: 26px; } .contact-list .item .cont-map .list .subitem .qrcode { width: 100px; } .contact-list .item .cont-map h3 { font-size: 30px; } .page-title h3 { font-size: 36px; } .value-list li h4 { font-size: 22px; } } @media (max-width:1200px) { .nav-list { display: none; } .foot-contact { max-width: 350px; } .bannerbox .img img, .bannerbox { height: auto; } .tab-about .item { padding: 20px 20px; } .tab-about .item .pic { right: 20px; } .news .news-one .right .item .abox { height: 170px; } .news .news-one .left .abox .pic { height: 352px; } .news .news-one .right .item .abox .date { width: 130px; } .culture-list .item { width: 100%; } .culture-list .item:nth-child(4) .cont .des { font-size: 14px; line-height: 28px; } .culture-list .item:nth-child(3) { flex-direction: row; } .culture-list .item:nth-child(2) { flex-direction: row-reverse; } .abouta .cont { width: 100%; } .abouta .pic { width: 100%; height: 600px; padding: 0 4%; position: static; margin-top: 50px; } .contact-list .item ~ .item { margin-top: 60px; } .contact-list .item .cont { width: 100%; } .contact-list .item .pic { width: 100%; height: auto; padding: 0 4%; margin-top: 30px; } .contact-list .item:nth-child(2n) .cont, .contact-list .item .cont { padding-left: 4%; padding-right: 4%; } .contact-list .item .pic-map { margin-top: 60px; padding-bottom: 60px; } } @media (max-width:1024px) { .abouta .pic { height: 500px; } .about-ys .item { padding: 50px 20px; } .about-ys .item .pic { right: 20px; } .swiper-container-history .swiper-slide .cont { padding-left: 50px; } .list-case .item .abox .pic { height: 190px; } .value-list li { padding: 0 20px; } .value-list li p { font-size: 14px; } .value-list li p br { display: none; } .xg-case li .pic { height: 226px; } .list-news .item .abox .pic { height: 180px; } .list-news.first-big .item:first-child .pic { height: 337px; } .detail-wrap .content { width: 100%; } .detail-wrap .side { width: 100%; margin-top: 50px; } .detail-wrap .side .xg-case { display: flex; justify-content: space-between; flex-wrap: wrap; } .detail-wrap .side .xg-case li { width: 48%; } .gray-titbar span:first-child, .job-list .item .title span:first-child { padding-left: 40px; } .job-list .item .content { padding: 30px 40px; } .page-banner .cate-box { bottom: 40px; } .page-banner .cate-box a { width: 140px; height: 50px; line-height: 48px; font-size: 16px; } } @media (max-width:768px) { .ywly .pic { width: 100%; } .swiper-container-ywly .swiper-slide .abox { height: 310px; } .com-title h3 { font-size: 28px; } .com-title .en { font-size: 46px; } .com-title:before { top: 6px; width: 20px; height: 12px; } .swiper-container-case .swiper-slide .abox .pic { height: 300px; } .swiper-container-case .swiper-slide .abox .cont { width: 100%; height: 90px; } .tab-about .item { width: 50%; padding: 20px 30px; } .about-info .item .cover .cont { padding-right: 30px; padding-top: 90px; } .about-info .item .cover ul { width: 46%; margin-top: 170px; } .about-info .item .cover ul li { padding: 20px 0; } .about-info .item .cover ul li p { font-size: 14px; line-height: 1.25; padding-right: 30px; } .liucheng-list li .pic img { width: 50px; } .liucheng-list li { width: 20%; margin-bottom: 30px; } .tab-about .item { border-bottom: solid 1px rgba(255, 255, 255, .3); } .tab-about .item:nth-child(3) { border-left: none; border-bottom: none; } .tab-about .item:nth-child(4) { border-bottom: none; } .page-banner .tit .en { font-size: 36px; } .page-banner .tit .cn { font-size: 28px; margin-top: 10px; } .page-banner .tit { transform: translateY(-40%); } .about-ys .item p { font-size: 14px; } .about-ys .item h4 i { font-size: 28px; line-height: 28px; } .about-ys .item h4 i.font-zh { font-size: 24px; } .cate-bar .mbx { display: none; } .ywly-item-1 .wp .pic { width: 100%; } .ywly-item-1 .wp .cont { width: 100%; padding-left: 0; margin-top: 50px; } .ywly-item .wp .cont h3 { font-size: 32px; } .ywly-item .wp .cont .des { font-size: 16px; } .zyyw-item .cont { padding-top: 0; width: 100%; padding-right: 0; } .zyyw-item .pic { height: 400px; width: 100%; padding-right: 0; margin-top: 40px; } .zyyw-content .swp-wrap { display: none; } .zyyw-item .cont h4 { font-size: 28px; } .ywly-item-2 .wp .cont { width: 100%; padding-left: 0; } .ywly-item-2 .wp .pic { display: none; } .y2-2 .item-1 .pic, .y2-dc .item-1 .pic, .y2-list .item .wp .pic { width: 100%; margin-top: 20px; } .zyyw, .zyyw.bg-fff { background-size: 500px; } .ywly-item-3 .pic { width: 100%; } .ywly-item-3 .cont { flex: auto; padding-left: 0; margin-top: 40px; } .yyjs .item .cont { width: 100%; } .yyjs .item .pic { width: 100%; } .yyjs .item .cont .y-tit { padding: 50px 5%; width: 100%; position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .yyjs .item { margin-bottom: 50px; padding: 0 4%; } .ywly-item-4 .wp .pic { width: 100%; } .ywly-item-4 .wp .cont { flex: auto; padding-left: 0; margin-top: 40px; } .foot-form { padding-top: 40px; padding-bottom: 50px; } .foot-form form input { width: 100%; height: 45px; padding: 0 20px; border-bottom: 1px solid #ededed; margin-bottom: 10px; } .foot-form form .sub { border-bottom: none; } .foot-form h3 { font-size: 26px; line-height: 1; letter-spacing: 1px; } .foot-form p { font-size: 14px; line-height: 24px; } .foot-form form { margin-top: 45px; } .foot-contact { max-width: 100%; padding-right: 0; border-right: none; } .foot-contact .logo img { height: 45px; } .foot-nav { padding-left: 0; flex: auto; margin-top: 30px; display: none; } .foot-nav .item { width: 100%; } .foot-copy .wp { display: block; } .foot-copy .links { display: none; } .foot-copy .wp .left, .foot-copy .wp .right { display: inline; } .news .news-one .left { width: 100%; } .news .news-one .right { width: 100%; margin-top: 20px; } .news .news-one .left .abox .pic { height: 200px; } .news .news-one .left .abox .cont { height: auto; padding: 20px 20px 20px; border-bottom: 2px solid #c7000b; } .news .news-one .left .abox .cont h4 { font-size: 17px; line-height: 1.25; } .news .news-two .item { width: 46%; } .swiper-container-jsbox .swiper-slide .cont h4 { font-size: 22px; } .swiper-container-jsbox .swiper-slide .pic { height: 400px; } .swiper-container-jsbox .swiper-slide .cont { padding-top: 40px; padding-right: 40px; background-size: 150px; } .swiper-container-jsbox .swiper-slide .cont .more { margin-top: 50px; } .tech-des { font-size: 16px; line-height: 1.75; } .list-case .item .abox .pic { height: 140px; } .case-tit { margin-top: -70px; height: 70px; } .case-tit h1 { font-size: 26px; } .case-wrap { padding: 30px 0px; } .value-list li h4 { font-size: 20px; } .liucheng-list { justify-content: left; } .xg-wrap .xg-case li { width: 49%; } .liucheng-list li h4 { margin-top: 30px; } .liucheng-list:before { display: none; } .liucheng-list li:before { top: 60px; z-index: 2 } .liucheng-list li:after { content: ""; position: absolute; left: 0; top: 67px; width: 100%; border-bottom: 1px solid #ededed; } .list-news .item .abox .pic { height: 120px; } .list-news.first-big .item:first-child .pic { height: 277px; } .gray-titbar span { font-size: 16px; } .page-banner .cate-box a { width: 120px; height: 40px; line-height: 38px; font-size: 14px; } .page-banner .cate-box { bottom: 30px; } .job-list .item .content .cont { font-size: 14px; line-height: 2; } .job-list .item .content .more-wrap { margin-top: 30px; } /*.job-list .item .content .more { width: 150px; height: 44px; line-height: 44px; font-size: 14px;}*/ .job-list .item .title { height: 70px; } } @media (max-width:640px) { body { padding-top: 60px; } .header { box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); background: #fff; } .header .logo-hide { opacity: 1; visibility: visible; } .header .logo span { color: #666; border-color: #ddd; } .header .header-right .tool a { color: #454545; } .header .logo img { height: 32px; } .header .logo span { font-size: 10px; line-height: 14px; padding-left: 10px; margin-left: 12px; } .header-right .tool a { display: none; } .header-right .tool a.ss { display: block; } .header { height: 60px; line-height: 60px; } .header .wp { height: 60px; } .search_box { position: static; } .search_cover { top: 62px; right: 0; z-index: 1; width: 100%; } .header-right .tool a.search_closed { display: block; width: 25px; background: #c8000b; text-align: center; height: 25px !important; line-height: 25px !important; color: #fff !important; font-size: 0; border-radius: 50%; margin-top: 8px; } .search_closed i { font-size: 14px; } .bannerbox .banner-pagin { bottom: 10px; } .bannerbox .img img, .bannerbox { height: auto; } .bannerbox .img img { display: none; } .bannerbox .img .m-img { display: block; } .bannerbox .banner-pagin span { width: 40px; } .bannerbox .banner-pagin .bp-box { margin: 0 15px; } .bannerbox .banner-pagin i { font-size: 12px; } .scroll-tips { display: none; } .ywly { padding: 60px 0 60px; } .com-title .en { font-size: 26px; line-height: 1; } .com-title h3 { font-size: 24px; margin-top: 10px; } .com-title { padding-left: 26px; } .com-title:before { width: 15px; height: 10px; } .tab-ywly li { padding: 15px 15px; display: flex; align-items: center; } .tab-ywly li i { width: 26px; height: 26px; background-size: 52px; margin-right: 6px; } .tab-ywly li.on i, .tab-ywly li:hover i { background-position: -26px; } .tab-ywly li h4 { font-size: 14px; margin-top: 0; } .swiper-container-ywly .swiper-slide .abox { height: 200px; } .swiper-container-ywly .swiper-slide .abox .tit { padding: 0 20px; height: 50px; } .swiper-container-ywly .swiper-slide .abox .tit h4 { font-size: 16px; } .swiper-container-ywly .swiper-slide .abox .tit i { font-size: 18px; } .case { padding: 60px 0; } .com-more { width: 100px; height: 40px; line-height: 38px; font-size: 14px; } .com-more:before { height: 2px; } .swiper-container-case .com-swp { margin-top: 20px; } .swiper-container-case .swiper-slide .abox .pic { height: auto; } .swiper-container-case .com-swp .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; } .title-bar { margin-bottom: 45px; } .swiper-container-case .swiper-slide .abox .cont { height: auto; position: static; padding: 20px; } .swiper-container-case .swiper-slide .abox .cont h4 { font-size: 16px; } .about, .case { overflow: hidden; } .about-info .item { height: 590px; } .about-info .item .cover .cont { padding-right: 0; padding-top: 60px; width: 100%; } .about-info .item .cover .cont h3 { font-size: 26px; } .about-info .item .cover .cont h3:after { width: 35px; height: 2px; margin-top: 20px; } .about-info .item .cover .cont p { font-size: 14px; line-height: 1.75; margin-top: 20px; margin-bottom: 35px; } .about-info .item .cover ul { width: 100%; margin-top: 40px; } .about-info .item .cover ul li h4 { font-size: 18px; } .about-info .item .cover ul li { padding: 15px 0; } .about-info .item .cover ul li h4 { font-size: 16px; } .about-info .item .cover ul li p { margin-top: 10px; } .about .tab-about { position: static; width: 100%; border-top: none; background: #c7000b; } .tab-about .item { padding: 15px 0px 20px; } .tab-about .item:nth-child(2n) { padding-left: 20px; } .tab-about .item p { font-size: 14px; line-height: 1; margin-top: 5px; } .tab-about .item h4 i { font-size: 26px; line-height: 1; height: auto; } .tab-about .item h4 { font-size: 12px; line-height: 1; margin-top: 6px; } .tab-about .item .pic { right: 0px; width: 35px; margin-top: -17.5px; } .tab-about .item:nth-child(2n+1) .pic { right: 20px; } .tab-about .item h4 i.font-zh { font-size: 24px; } .technology { padding-top: 60px; } .swiper-container-jsbox .swiper-slide .cont { padding-top: 0; padding-right: 0; background-size: 150px; width: 100%; } .swiper-container-jsbox .swiper-slide .cont h4 { font-size: 18px; } .swiper-container-jsbox .swiper-slide .cont p { font-size: 14px; line-height: 1.75; margin-top: 20px; } .swiper-container-jsbox .swiper-slide .cont .more { font-size: 14px; line-height: 26px; color: #c7000b; margin-top: 20px; } .swiper-container-jsbox .swiper-slide .cont .more i { font-size: 22px; } .swiper-container-jstab .swiper-slide h4 { font-size: 14px; margin-top: 10px; } .swiper-container-jstab .swiper-slide i { width: 25px; height: 25px; background-size: 25px; } .swiper-container-jstab .swiper-slide { padding: 15px 0; } .jstab-wrap { margin-bottom: 30px; overflow: hidden; } .swiper-container-jsbox .swiper-slide .pic { height: 200px; width: 100%; margin-top: 30px; } .news { padding: 60px 0; } .news .news-one .right .item .abox .cont h4 { font-size: 15px; line-height: 1.25; } .news .news-one .right .item .abox .cont .more { font-size: 12px; line-height: 1.25; display: none; } .news .news-one .right .item .abox .cont p, .news .news-one .left .abox .cont p { font-size: 13px; line-height: 1.5; height: auto; margin-bottom: 0; } .news .news-one .right .item .abox .date .d { font-size: 28px; line-height: 1; } .news .news-one .right .item .abox .date .y { font-size: 14px; line-height: 1; margin-top: 10px; } .news .news-one .right .item .abox { height: auto; padding: 15px 0; } .news .news-two { display: none; } .news .news-one .right .item .abox .date { width: auto; padding: 0 10px; } .tab-ywly { margin-top: 40px; } .tab-ywly li .en { display: none; } .foot-copy { font-size: 13px; } .page-banner .tit .en { font-size: 24px; line-height: 1; } .page-banner .tit .cn { font-size: 22px; } .page-banner .pic { height: 200px; padding-bottom: 0; } .page-banner .pic img { height: 100%; object-fit: cover; } .abouta { padding-top: 60px; padding-bottom: 60px; } .page-title h3 { font-size: 24px; } .page-title h3:before { left: -10px; top: 0px; width: 30px; height: 30px; } .page-title.left h3 { margin-left: 10px; } .abouta .cont .page-title p { font-size: 16px; line-height: 1.5; margin-top: 20px; } .abouta .cont .tit-line { width: 80px; height: 10px; background: url(../images/tit-line-1.png) no-repeat left; margin: 25px 0; background-size: contain; } .abouta .cont .des { font-size: 14px; line-height: 1.75; } .abouta .pic { height: auto; margin-top: 40px; } .about-ys .item { padding: 20px 0; width: 50%; } .about-ys .item:nth-child(2), .about-ys .item:nth-child(4) { padding-left: 20px; } .about-ys .item:nth-child(3) { border-left: none; } .about-ys .item:nth-child(1), .about-ys .item:nth-child(2) { border-bottom: solid 1px rgba(255, 255, 255, .3); } .about-ys .item h4 { line-height: 1; } .about-ys .item p { font-size: 12px; line-height: 1; margin-top: 5px; } .about-ys .item h4 i { font-size: 24px; } .about-ys .item h4 i.font-zh { font-size: 20px; } .about-ys .item .pic img { width: 30px; } .about-ys .item .pic { margin-top: -15px; } .aboutb { padding: 60px 0; } .page-title .tab-tit li { font-size: 14px; line-height: 32px; margin-left: 20px; } .honor-wrap { margin-top: 40px; } .honor-item .abox h4 { font-size: 14px; } .swiper-container-honor .honor-btn, .history-btn-wrap { display: none; } .honor-item .abox { padding: 30px 20px; } .aboutd { padding: 60px 0; } .swiper-container-history { margin-top: 40px; } .swiper-container-history .swiper-slide .pic { width: 100%; height: auto; padding: 10px; box-shadow: none; border: 1px solid #ededed; } .swiper-container-history .swiper-slide .cont { padding-left: 0; flex: auto; padding-top: 30px; } .swiper-container-history .swiper-slide .cont h4 { font-size: 30px; line-height: 1; letter-spacing: 1px; padding-bottom: 20px; } .swiper-container-history .swiper-slide .cont .des { font-size: 14px; line-height: 2; height: 200px; } .swiper-container-year { margin-top: 50px; padding-top: 10px; } .swiper-container-year .swiper-slide { font-size: 16px; line-height: 24px; padding-top: 15px; } .aboutd { background-attachment: unset; } .aboute { padding: 60px 0; background-attachment: unset; } .culture-list .item { background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); } .culture-list .item ~ .item { margin-top: 20px; } .culture-list .item .pic { height: auto; width: 100%; } .culture-list .item .cont { width: 100%; padding: 25px 20px; } .culture-list { margin-top: 50px; box-shadow: none; } .culture-list .item .cont h4 { font-size: 18px; } .culture-list .item .cont .des { font-size: 14px; margin-top: 15px; } .culture-list .item .cont h4:after { width: 20px; margin-top: 15px; } .culture-list .item:nth-child(4) .cont { padding: 25px 20px 25px 20px; } .page-banner .tit { transform: translateY(-50%); } .ywly-item { padding-top: 60px; padding-bottom: 60px; } .ywly-item .wp .cont h3 { font-size: 22px; line-height: 1; } .ywly-item .wp .cont h3:after { width: 35px; height: 3px; margin-top: 20px; } .ywly-item .wp .cont .des { font-size: 14px; } .cate-bar .cate-list li a { font-size: 13px; } .cate-bar .cate-list li { margin-right: 10px; } .cate-bar { height: 50px; line-height: 50px; } .zyyw-item .pic { height: 300px; } .ywly-item-1 .wp .cont { margin-top: 40px; } .zyyw, .zyyw.bg-fff { background-size: 300px; } .zyyw { padding-top: 60px; padding-bottom: 60px; } .zyyw-content { margin-top: 40px; } .zyyw-item .cont h4 { font-size: 18px; line-height: 1.5; } .zyyw-item .cont h4:after { margin-top: 20px; width: 30px; height: 2px; } .zyyw-item .cont p { font-size: 14px; line-height: 1.75; margin-top: 25px; } .zyyw-item .pic { height: 200px; margin-top: 20px; } .y2-2 { padding-top: 40px; padding-bottom: 40px; background-size: 300px; } .y-tit h3 { font-size: 20px; } .y-tit h3:after { margin-top: 10px; margin-bottom: 15px; width: 35px; height: 2px; } .y2-2 .item-2 { margin-top: 20px; } .y2-2 .item-2 img { max-width: 100%; } .y2-dc .item-1 .pic { max-width: 100%; } .y-tit p { line-height: 1.75; } .y2-dc .item-one { margin-top: 20px; } .y2-dc { background: #fff; padding-bottom: 40px; } .y2-list .item { padding: 40px 0; } .y2-list .item .wp .y-tit { flex: auto; padding-left: 0; } .y3-content { padding-top: 60px; padding-bottom: 4px; } .y3-content .yyjs { margin-top: 40px; } .yyjs .item .cont .y-tit { padding: 20px 5%; } .y-tit h3 { font-size: 18px; } .detail-wrap { padding: 50px 0; } .tech-des p ~ p { margin-top: 10px; } .tech-des { font-size: 14px; line-height: 1.75; letter-spacing: 1px; margin-bottom: 0; } .tech-des img { margin-bottom: 10px; } .list-wrap { padding: 50px 0; } .list-case .item { width: 100%; margin-bottom: 20px; } .list-case .item .abox .pic { height: 220px; } .list-case .item .abox .cont { padding: 20px; } .list-case .item .abox .cont .city { font-size: 12px; height: 12px; margin-bottom: 14px; } .list-case .item .abox .cont h4 { font-size: 16px; } .list-case .item .abox .cont .more { margin-top: 20px; font-size: 12px; } .list-case .item .abox .cont .more i { font-size: 18px; height: 18px; line-height: 18px; margin-right: 5px; margin-top: -2px; } .case-tit h1 { font-size: 16px; text-align: center; } .case-tit { margin-top: -60px; height: 60px; padding: 0 10px; } .case-content { padding: 0px 10px; } .case-wrap { padding: 20px 10px; } .case-content .content { font-size: 14px; line-height: 1.75; letter-spacing: 1px; padding-bottom: 30px; } .case-content .content img { margin: 15px auto; } .case-jjfa { padding-top: 50px; padding-bottom: 50px; } .value-list li { padding: 0 10px; width: 50%; } .value-list li .pic img { width: 100px; } .value-list li h4 { font-size: 18px; margin-top: 20px; margin-bottom: 15px; } .value-list li p { font-size: 13px; line-height: 1.5; } .value-list li:nth-child(3), .value-list li:nth-child(4) { margin-top: 30px; } .liucheng-list { margin-top: 40px; } .liucheng-list li { width: 25%; } .zixun2 { margin: 20px auto 0; width: 150px; height: 40px; border: solid 1px #c7000b; line-height: 38px; font-size: 14px; } .content-page { height: 50px; margin-top: 40px; padding: 0 20px; } .xg-wrap { margin-top: 60px; padding-bottom: 40px; } .xg-wrap .xg-case li { width: 100%; } .xg-case li .pic { height: 200px; } .xg-case li .cont { height: 50px; padding: 0 20px; } .xg-case li .cont h4 { padding-right: 20px; font-size: 14px; line-height: 26px; } .xg-case li { margin-bottom: 20px; } .foot-info { padding-bottom: 40px; } .footer { padding-top: 50px; } .list-news.first-big .item:first-child { width: 100%; } .list-news .item { margin-bottom: 30px; width: 100%; } .list-news.first-big .item:first-child .pic { height: 240px; } .list-news.first-big .item:first-child .cont { padding: 15px 15px; } .list-news .item .abox .cont h4 { font-size: 16px; height: auto; margin-top: 8px; } .list-news .item .abox .cont .date { font-size: 12px; } .list-news .item .abox .pic { height: 180px; } .list-news .item .abox .cont { padding-top: 20px; padding-bottom: 15px; border-bottom: 2px solid #e5e5e5; } .list-news .item .abox .cont .more { font-size: 14px; line-height: 24px; letter-spacing: 1px; margin-top: 14px; } .detail-wrap .content .tit-bar h1 { font-size: 20px; } .detail-wrap .content .tit-bar .info { margin-top: 16px; font-size: 12px; } .detail-wrap .content .tit-bar { padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .detail-wrap .content .content-box { padding-top: 20px; font-size: 14px; line-height: 1.75; } .detail-wrap .content .content-box img { width: auto !important; height: auto !important; max-width: 100% !important;} .detail-wrap .side h3 { font-size: 22px; line-height: 1; letter-spacing: 1px; margin-bottom: 30px; } .detail-wrap .side .xg-case li { width: 100%; } .detail-wrap .side .xg-case li .cont { height: 50px; } .contact-list { padding-top: 50px; } .contact-list .item .cont .des { font-size: 14px; line-height: 1.75; margin-top: 20px; } .page-title h3:after { right: -15px; bottom: 5px; width: 6px; height: 6px; } .contact-list .item ~ .item { margin-top: 50px; } .contact-list .item .cont-map h3 { font-size: 20px; line-height: 1; padding-bottom: 20px; } .contact-list .item .cont-map .list .subitem .info p { font-size: 14px; } .contact-list .item .cont-map .list .subitem .citem { margin-bottom: 20px; } .contact-list .item .cont-map .list .subitem { padding: 20px 0 0px; } .contact-list .item .cont-map .list .subitem .qrcode { width: 100px; position: static; } .contact-list .item .pic-map { margin-top: 50px; padding-bottom: 60px; } .page-banner .cate-box { bottom: 15px; } .page-banner .cate-box a { width: 90px; height: 30px; line-height: 28px; font-size: 14px; margin: 0 5px; } .job-wrap { padding-top: 50px; padding-bottom: 60px; } .gray-titbar { height: 50px; } .gray-titbar span:first-child, .job-list .item .title span:first-child { padding-left: 15px; } .gray-titbar span { font-size: 12px; font-weight: bold; } .gray-titbar span { padding: 0; } .gray-titbar span:first-child, .job-list .item .title span:first-child { width: 20%; } .job-list .item .title { height: 55px; } .job-list .item .content { padding: 20px 15px 30px; } .job-list .item .title span { padding: 0; font-size: 12px; line-height: 1.25; } .gray-titbar span:last-child, .job-list .item .title span:last-child { width: 20%; padding: 0; } .job-list .item .content .cont { font-size: 14px; line-height: 1.75; } .job-list .item .content .more-wrap { margin-top: 20px; font-size: 12px;} .job-list .item .content .more { width: 85px; height: 34px; line-height: 34px; font-size: 12px; margin-right: 6px; margin-bottom: 10px;} .job-list .item .content .more i { font-size: 12px; margin-left: 6px; } .job-list .item .title span:last-child { font-size: 10px; } } @media (max-width:320px) { .cate-bar .cate-list li a { font-size: 12px; } .contact-list .item .cont-map h3 { font-size: 18px; } }