@charset"utf-8"; /* 分辨率高于1920px - 页面内容居中显示*/ @media screen and (min-width: 1920px) { html, body { max-width: 1920px; margin: auto; } .header{ max-width: 1920px; margin: auto; } } /* 分辨率为1680px、 */ @media screen and (max-width: 1680px) { .banner_index .banner_index_text .banner_ind_p h3{ font-size: 54px; line-height: 60px; } .banner_index .banner_index_text .banner_ind_p p{ font-size: 22px; line-height: 46px; } .index_title_hz a, .index_about .index_about_r .index_abot_more a, .banner_index .banner_index_text .banner_ind_p .ban_index_mor p,.index_l_swiper .index_pr_text .index_pr_h3 .index_pr_more p{ font-size: 16px; } .banner_index .ban_swipem .swpPrev, .banner_index .ban_swipem .swpNext{ width: 50px; height: 50px; } .index_produt .index_title h3,.index_about .index_about_r h3,.index_title_hz .index_hz h3{ font-size: 46px; line-height: 50px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_pp h3{ font-size: 36px; } .index_produt .index_proudt_cont .index_l_swiper .index_pr_text { width: 100%; } .index_produt .index_proudt_cont .index_r_swiper{ width: 151px; } .index_produt .index_proudt_cont .index_l_swiper{ width: calc(100% - 151px); } .index_about .index_about_r h3{ padding-bottom: 34px; margin-bottom: 34px; } .index_about .index_about_l h3{ font-size: 34px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text h5{ font-size: 22px; line-height: 30px; } .index_news_list ul li .index_news_text .index_news_p h3{ font-size: 20px; } .footer .footer_top .footer_nav ul li a{ font-size: 18px; margin-left: 60px; } .index_produt .index_proudt_cont .index_l_swiper .index_pr_text{ padding-right: 280px; } .index_about .index_about_r{ margin-top: 100px; } } /* 1600px的样式控制 */ @media screen and (max-width: 1600px) { .banner_index .banner_index_text .banner_ind_p h3{ font-size: 50px; line-height: 58px; padding-bottom: 30px; margin-bottom: 25px; } .banner_index .banner_index_text .banner_ind_p p{ font-size: 20px; } .index_title_hz a, .index_about .index_about_r .index_abot_more a, .banner_index .banner_index_text .banner_ind_p .ban_index_mor p, .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_more p{ width: 156px; } .header .nav_right .nav ul li .nav_one a{ font-size: 16px; } .header .nav_right .conter_dh p{ font-size: 16px; } .header .nav_right .nav ul li .nav_one a{ padding: 0 16px; } .navUls{ padding-left: 16px; } .header .nav_right .conter_dh{ margin-left: 30px; } .index_produt .index_title h3, .index_about .index_about_r h3, .index_title_hz .index_hz h3{ font-size: 42px; line-height: 48px; } .index_produt .index_title p{ font-size: 16px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_pp p{ font-size: 16px; line-height: 36px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_pp h3{ font-size: 32px; line-height: 38px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_icon{ margin-top: 50px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_more{ margin-top: 56px; } .index_produt .index_proudt_cont .index_r_swiper{ width: 184px; } .index_produt .index_proudt_cont .index_l_swiper{ width: calc(100% - 184px); } .index_about .index_about_l h3{ font-size: 32px; line-height: 40px; } .index_about .index_about_l p{ font-size: 22px; line-height: 34px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_img img.img1,.index_zydz_cont ul li .index_zydz_ul .index_zydz_img img.img2{ width: 120px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text h5{ font-size: 20px; margin-bottom: 10px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text h3{ font-size: 28px; padding-bottom: 30px; margin-bottom: 30px; } .index_zydz_cont ul li .index_zy_mor{ width: 50px; height: 50px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text{ padding-bottom: 90px; } .index_zyd_span h1{ font-size: 84px; line-height: 86px; } .index_zydz_cont ul li a{ padding: 120px 34px 100px 34px; } .index_zyd_span{ bottom: -35px; } .index_zydz_cont ul li:hover .index_zyd_span { bottom: -23px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_img{ margin-bottom: 70px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_img img.img1, .index_zydz_cont ul li .index_zydz_ul .index_zydz_img img.img2 { width: 100px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text .index_zydz_p p{ font-size: 16px; line-height: 32px; } .index_news_list ul li a{ padding: 44px 40px 0 40px; } .index_news_list{ margin-top: 40px; } .index_news_list ul li .index_news_text .index_news_p{ padding-bottom: 50px; } .footer_bottom{ padding: 30px 0; } .footer .footer_list ul li .footer_icon1 img{ width: 58px; } .footer .footer_top{ margin-bottom: 40px; } .index_produt .index_proudt_cont .index_l_swiper .index_pr_text{ padding-right: 238px; } .index_produt .index_proudt_cont .index_r_swiper{ width: 150px; } .index_produt .index_proudt_cont .index_l_swiper{ width: calc(100% - 150px); } .index_l_swiper .index_pr_text .index_pr_img{ padding-left: 30px; } .index_about .index_about_r{ margin-top: 80px; } } /* 分辨率为1920px被放大到125%的样式控制 */ @media screen and (max-width: 1560px) { .header .nav_right .nav ul li .nav_one a{ height: 70px; } .index_about .index_about_r { margin-top: 56px; } .header .logo{ padding: 15px 0; } .header .logo img{ height: 40px; width: auto !important; } /**/ .hdTit .tit{ font-size: 40px; } .hdTit .txt{ font-size: 16px; } .file-div .nm{ font-size: 20px; } .file-div .txt{ font-size: 28px; line-height: 36px; } .aboFile .abLt .text{ font-size: 14px; line-height: 24px; } .file-div{ margin-top: 35px; margin-bottom: 30px; } .aboFile .abLt .div{ padding-right: 100px; } .aboHono{ padding: 70px 0 70px; } .aboHonoSwp{ margin-top: 50px; } .aboHonoDl dd .tit{ font-size: 22px; line-height: 32px; } .aboHonoDl dt{ margin-bottom: 40px; } .aboYshi-div .list li:nth-child(1) .icon, .aboYshi-div .list li:nth-child(4) .icon, .aboYshi-div .list li:nth-child(5) .icon{ margin-right: 10px; } .aboYshi-div .list li:nth-child(1) .div{ margin-bottom: 30px; } .aboYshi-div .list li .tit{ font-size: 20px; } .aboYshi-div .list .icon img{ width: 22px; } .aboYshi-div .list li .txt{ font-size: 14px; line-height: 22px; } .aboCul-div .list{ padding-bottom: 40px; margin-bottom: 35px; margin-top: 60px; } .aboCul-div .list .icon img{ height: 36px; } .aboCul-div .list .tit{ font-size: 22px; } .aboCul-div .list .txt{ font-size: 14px; } .aboCul-div .list .icon{ margin-bottom: 20px; } .aboCul-div .text{ font-size: 14px; line-height: 26px; } .aboCul-bg{ background-size: 110% !important; } .aboDeve{ padding-top: 70px; } .aboDeveDiv{ margin-top: 70px; padding: 50px 50px 60px 55px; } .aboDeve-txt .date{ font-size: 44px; } .aboDeve-txt .en{ font-size: 18px; line-height: 22px; } .aboDeve-txt .txtby{ font-size: 14px; line-height: 26px; height: 260px; } .aboSocial{ padding: 90px 0 70px; } .aboSoci-box{ margin-top: 50px; } .aboSoci-lt dd{ font-size: 30px; line-height: 36px; } .aboSoci-lt dt img{ width: 70px; } .aboSoci-lt dt{ margin-right: 25px; } .aboSoci-lt dl{ margin-bottom: 40px; } .aboSoci-lt .txt{ font-size: 14px; line-height: 24px; } .aboSoci-lt .txtStr{ font-size: 20px; line-height: 30px; } .aboNew{ padding: 70px 0; } .aboNewSwp{ margin-top: 40px; } .aboNewDl .date .year{ font-size: 32px; } .aboNewDl .date .day{ font-size: 14px; } .aboNewDl .tit{ font-size: 18px; line-height: 24px; } .aboNewDl .txt{ font-size: 14px; line-height: 20px; height: 40px; } .aboNewDl dd{ margin-bottom: 20px; } .abo-moreBut{ font-size: 16px; width: 144px; height: 44px; } .banTxt .tit{ font-size: 40px; } .banTxt .txt{ font-size: 16px; } /**/ .proBox{ padding-bottom: 75px; } .npgNavSwp .swiper-slide a{ font-size: 16px; } .npgNav{ margin-bottom: 50px; } .proColDl .tit{ font-size: 20px; } .proColDl .xhao{ font-size: 14px; } .proColDl .txt{ font-size: 16px; line-height: 24px; } .proColDl .abo-moreBut{ margin-top: 25px; } .proOne .bqian{ font-size: 22px; } .proOne .tit{ font-size: 42px; } .proOne .txt{ font-size: 18px; line-height: 30px; } .proOne .downBut{ margin-top: 60px; } .proOne-rt{ padding: 120px 0 100px; } .proTwo{ padding: 80px 0 100px; } .proTwo-nav span{ font-size: 18px; padding-bottom: 30px; } .proTwo-nav{ margin-bottom: 35px; } .proTwo-tabli .txt{ font-size: 14px; line-height: 28px; margin-bottom: 45px; } .proTwo-nav li:not(:last-child){ margin-right: 55px; } .relRow{ margin-top: 50px; } .relDl{ padding: 55px 40px 45px; } .caseShow .title{ font-size: 30px; margin-bottom: 40px; } .caseShow{ padding: 70px 0 60px; } .caseShow .bjQi{ font-size: 14px; line-height: 26px; padding-bottom: 50px; } .newBox{ margin-top: 50px; } .hxBox{ padding-bottom: 70px; } .hxBox .li .tit{ font-size: 20px; } .hxBox .li div.ab{ height: 72px; } .hxBox .list{ margin-bottom: 40px; } .shouHouBox .hdDiv .tit{ font-size: 20px; } .shouHouBox .hdDiv{ height: 72px; } .shouHouBox .textDiv{ font-size: 14px; line-height: 24px; padding-top: 15px; padding-bottom: 55px; } .tactCol .icon img{ width: 34px; } .tactCol .txt{ margin-top: 25px; padding-top: 30px; line-height: 26px; } .tactCol .couts{ font-size: 18px; } .tactCol .nm{ font-size: 14px; } .tactBox-map #map{ height: 530px !important; } .tactSwp .txt{ height: 88px; line-height: 88px; font-size: 16px; } .aboHonoSwp-pv{ left: -2.333%; } .aboHonoSwp-nt{ right: -2.333%; } } /* * 分辨率为1440px*/ @media screen and (max-width: 1440px) { .banner_index .banner_index_text .banner_ind_p h3{ font-size: 42px; line-height: 50px; padding-bottom: 24px; margin-bottom: 20px; } .banner_index .banner_index_text .banner_ind_p h3::before{ width: 40px; } .banner_index .banner_index_text .banner_ind_p p{ font-size: 18px; line-height: 36px; } .banner_index .ban_swipem .swpPrev, .banner_index .ban_swipem .swpNext{ width: 46px; height: 46px; } .index_produt .index_title h3, .index_about .index_about_r h3, .index_title_hz .index_hz h3{ font-size: 36px; line-height: 42px; } .index_produt .index_title p{ margin-top: 10px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_pp h3{ font-size: 28px; line-height: 32px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_pp h3::before{ width: 40px; } .index_produt .index_proudt_cont .index_r_swiper{ width: 136px; } .index_produt .index_proudt_cont .index_l_swiper{ width: calc(100% - 136px); } .index_produt .index_proudt_cont .index_l_swiper .index_pr_text { width: 100%; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_more{ margin-top: 50px; } .pt_100{ padding: 70px 0; } .index_about .index_about_r p{ line-height: 30px; } .index_about .index_about_r h3{ padding-bottom: 30px; margin-bottom: 30px; } .index_about .index_about_r h3::before{ width: 40px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text h3{ font-size: 24px; padding-bottom: 24px; margin-bottom: 24px; } .index_zydz_cont ul li .index_zy_mor{ width: 45px; height: 45px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text { padding-bottom: 70px; } .index_zyd_span h1{ font-size: 70px; }.index_zydz_cont ul li .index_zydz_ul .index_zydz_img { margin-bottom: 50px; } .index_news_list ul li .index_news_text .index_news_p h3{ font-size: 18px; } .index_news_list ul li .index_news_text .index_news_p { padding-bottom: 38px; } .index_news_list ul li .index_news_text .index_news_mor{ padding: 24px 0; } .footer .footer_top .footer_nav ul li a{ font-size: 16px; line-height: 24px; margin-left: 38px; } .footer .footer_list ul li .footer_icon1 img{ width: 54px; } .footer .footer_list ul li .footer_text p{ font-size: 16px; } .footer .footer_list ul li .footer_text h3{ font-size: 18px; } .footer .footer_list ul li{ padding: 30px; } .footer_bottom{ padding: 30px 0; } .footer_bottom .footer_fx .weixn_fot{ width: 40px; } .footer_bottom .footer_fx .bshare-custom .bshare-sinaminiblog{ width: 40px; height: 40px; } .footer_bottom .footer_bah p, .footer_bottom .footer_bah p a{ font-size: 14px; } .index_l_swiper .index_pr_text .index_pr_img{ padding-left: 24px; } .index_produt .index_proudt_cont .index_l_swiper .index_pr_text{ padding-right: 220px; } } /* 1366px的样式控制 */ @media screen and (max-width: 1366px) { .banner_index .ban_shubiao{ width: 28px; } .banner_index .ban_swipem .swpPrev, .banner_index .ban_swipem .swpNext{ width: 40px; height: 40px; } .banner_index .banner_index_text .banner_ind_p h3{ font-size: 40px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_pp h3{ padding-bottom: 24px; margin-bottom: 24px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_icon{ margin-top: 40px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_more{ margin-top: 40px; } .index_produt .index_proudt_cont .index_r_swiper{ width: 160px; } .index_produt .index_proudt_cont .index_l_swiper{ width: calc(100% - 160px); } .index_title_hz a, .index_about .index_about_r .index_abot_more a, .banner_index .banner_index_text .banner_ind_p .ban_index_mor p, .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_more p{ font-size: 14px; } .index_zydz_cont ul li a { padding: 94px 34px 90px 34px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_img{ margin-bottom: 40px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text h5 { font-size: 18px; margin-bottom: 6px; line-height: 24px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text h3{ font-size: 20px; padding-bottom: 20px; margin-bottom: 20px; } .footer{ padding-top: 60px; } .footer .footer_top{ margin-bottom: 40px; } .footer_bottom { padding: 22px 0; } .index_news{ padding: 70px 0; } .index_title_hz .index_hz p{ font-size: 16px; line-height: 22px; } .index_hzhb_siper .index_zh_span{ margin-top: 40px; } .index_hzhb_cont{ padding: 70px 0 60px 0; } .index_hzhb_siper .index_zh_span .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 30px; } .index_title_hz a, .index_about .index_about_r .index_abot_more a, .banner_index .banner_index_text .banner_ind_p .ban_index_mor p, .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_more p{ width: 140px; height: 48px; } .index_produt .index_proudt_cont .index_l_swiper .index_pr_text{ padding-right: 160px; } .index_produt .index_proudt_cont .index_l_swiper{ width: calc(100% - 150px); } .index_produt .index_proudt_cont .index_r_swiper{ width: 150px; } .index_l_swiper .index_pr_text .index_pr_img{ padding-left: 6px; } .index_l_swiper .index_pr_text .index_pr_h3{ width: 41.6%; } .index_l_swiper .index_pr_text .index_pr_img{ width: 58.4%; } } /* 分辨率为1280px的样式控制 / 分辨率为1920px被放大到150%的样式控制 / 分辨率为1440px、1366px被放大到125%/150%的样式控制 */ @media screen and (max-width: 1282px) { .index_produt .index_proudt_cont .index_l_swiper .index_pr_text { padding-right: 147px; } .index_produt .index_proudt_cont .index_l_swiper{ width: calc(100% - 140px); } .index_produt .index_proudt_cont .index_r_swiper{ width: 140px; } .index_about .index_about_r { margin-top: 35px; } } /* iPad横板显屏 - landscape指定输出设备中的页面可见区域高度小于宽度*/ @media screen and (max-width: 1200px) { .header .logo{ padding: 20px 0; } .header .nav_right .nav{ display: none; } .m_img{ display: flex; } .m_img a .m_menuimg{ display: block; } .header .logo .logo_2{ width: 120px; } .header .logo .logo_1{ width: 140px; } .header .logo img{ width: 100%; } .banner_index .banner_index_text .banner_ind_p h3{ font-size: 34px; line-height: 40px; } .banner_index .banner_index_text .banner_ind_p h3{ padding-bottom: 18px; margin-bottom: 18px; } .banner_index .banner_index_text .banner_ind_p{ width: 47%; } .index_produt .index_title h3, .index_about .index_about_r h3, .index_title_hz .index_hz h3{ font-size: 30px; line-height: 38px; } .index_produt .index_title p{ margin-top: 6px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_icon img{ width: 160px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_pp p{ line-height: 30px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_pp h3{ font-size: 24px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_icon { margin-top: 30px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_more { margin-top: 30px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_pp p{ -webkit-line-clamp: 2; } .index_about .index_about_l h3{ font-size: 26px; line-height: 30px; } .index_about .index_about_l p{ font-size: 20px; line-height: 30px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_img img.img1, .index_zydz_cont ul li .index_zydz_ul .index_zydz_img img.img2 { width: 76px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_img{ height: 60px; } .index_zydz_cont ul li a { padding: 63px 28px 65px 28px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text h5{ font-size: 16px; line-height: 24px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text h3::before{ width: 40px; }.index_zydz_cont ul li .index_zy_mor { width: 36px; height: 36px; } .index_zydz_cont ul li .index_zy_mor img{ width: 6px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text { padding-bottom: 59px; } .index_zyd_span h1 { font-size: 53px; } .index_hzhb_cont { padding: 60px 0 50px 0; } .index_news_list ul li a { padding: 36px 26px 0 26px; } .index_news_list { margin-top: 30px; } .index_news_list ul li .index_news_text .index_news_mor span.date{ font-size: 14px; } .index_news_list ul li .index_news_text .index_news_mor span.more{ font-size: 14px; } .index_news_list ul li .index_news_text .index_news_mor { padding: 14px 0; } .index_news{ padding: 60px 0; } .footer .footer_top .footer_nav ul li a{ font-size: 14px; margin-left: 24px; } .footer .footer_top .footer_logo img{ width: 140px; } .footer { padding-top: 48px; } .footer .footer_list ul li .footer_icon1 img { width: 44px; } .footer .footer_list ul li .footer_text h3{ font-size: 16px; } .footer .footer_list ul li .footer_text p{ font-size: 14px; } .footer .footer_list ul li { padding: 18px; } .footer .footer_top { margin-bottom: 34px; } .header.tophide .m_img a.one{ display: none; } .header.tophide .m_img a.tow{ display: block; } .pt_100{ padding: 60px 0; } .index_produt .index_proudt_cont .index_l_swiper .index_pr_text { padding-right: 110px; } .index_produt .index_proudt_cont .index_r_swiper{ width: 150px; } .index_produt .index_proudt_cont .index_l_swiper{ width: calc(100% - 150px); } .index_about .index_about_r{ margin-top: 0; } /**/ .tactCol{ padding: 0 15px; } .tactRow{ margin: 0 -15px; } .tactCol .couts{ font-size: 17px; } .tactBox-map #map { height: 430px !important; } .tactSwp .txt{ height: 70px; line-height: 70px; } .tactSwp .swiper-slide:not(:last-child){ margin-right: 50px; } .tactMap-tab{ bottom: 50px; } .hdTit .tit{ font-size: 30px; } .hdTit .txt{ font-size: 14px; } .file-div .nm{ font-size: 16px; margin-bottom: 5px; } .file-div .txt{ font-size: 22px; line-height: 30px; } .aboFile .abLt .text{ line-height: 20px; } .aboFile .abLt .div{ padding-right: 35px; } .file-div { margin-top: 25px; margin-bottom: 20px; } .aboHonoSwp{ margin-top: 35px; } .aboHonoDl dd .tit{ font-size: 20px; line-height: 30px; } .aboHonoDl dt{ margin-bottom: 25px; } .aboHono{ padding-bottom: 55px; } .aboCul-div .list { padding-bottom: 30px; margin-bottom: 25px; margin-top: 40px; } .aboCul-div .list .icon img { height: 25px; } .aboCul-div .list .tit{ font-size: 20px; } .aboCul-div .text{ line-height: 24px; } .aboDeve-txt .date{ font-size: 40px; margin-bottom: 20px; } .aboSoci-box .imgDiv{ width: 255px; } .aboSoci-lt dd { font-size: 26px; line-height: 30px; } .aboSoci-lt dt img{ width: 56px; } .aboNew-col{ padding: 0 15px; } .aboNew-row{ margin: 0 -15px; } .aboNewDl .date .year{ font-size: 28px; } .aboNewDl{ padding: 30px; } .proCol{ padding: 15px; } .proRow{ margin: -15px; } .proColDl .txt{ font-size: 14px; line-height: 22px; } .proOne .tit{ font-size: 36px; } .proOne .proOne-rt{ padding-left: 60px; } .proOne .txt{ font-size: 16px; line-height: 28px; } .proOne .bqian{ font-size: 20px; } .proOne-rt{ padding: 100px 0 80px; } .proOne .downBut{ width: 160px; height: 48px; font-size: 16px; } .proTwo{ padding: 70px 0 80px; } .proTwo-nav span{ padding-bottom: 20px; } .relDl{ padding: 40px 20px; } .relDl .tit{ font-size: 20px; } .relDl .txt{ font-size: 14px; } .relDl .relMore{ margin-top: 95px; font-size: 12px; } .proThree{ padding: 60px 0 65px; } .caseDl dt{ width: 400px; } .abo-moreBut{ font-size: 14px; } .pagination{ margin-top: 50px; } .caseBox{ padding-bottom: 70px; } .show-page .nt{ font-size: 16px; } .show-page .returnBut{ font-size: 14px; width: 142px; height: 46px; } .npgNavSwp .swiper-slide a{ padding: 13px 0; } .newBoxDl dd .year{ font-size: 28px; line-height: 34px; } .newBoxDl dd .day{ font-size: 14px; } .newBoxDl dd .tit{ font-size: 20px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newBoxDl dd .txt{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; } .newBoxDl dd .date{ margin-bottom: 15px; } .smlNew-col{ padding: 15px; } .newShow .tit{ padding: 0 80px; } .newShow .tit{ font-size: 28px; line-height: 38px; margin-bottom: 20px; } .newShow .txt{ font-size: 16px; } .newShow{ padding: 70px 0; } .newShow .hdDiv{ padding-bottom: 40px; margin-bottom: 45px; } .newShow .bjQi{ font-size: 14px; line-height: 24px; } .hxBox .li div.ab, .shouHouBox .hdDiv{ height: 62px; } .footer .footer_list ul li .footer_icon1 .footer_icimg{ visibility: visible; opacity: 1; display: none; -webkit-transition: all 0s ease 0s; transition: all 0s ease 0s; margin-left: 10px; z-index: 2; } .tactCol .divs .sewm, .xf_tight_ul ul li .icon_we_hover, .ico_dh_horer{ visibility: visible; opacity: 1; display: none; -webkit-transition: all 0s ease 0s; transition: all 0s ease 0s; } .proRow{ margin-top: 25px; } } /* iPad竖板显屏 - portrait指定输出设备中的页面可见区域高度大于或等于宽度 */ @media screen and (max-width: 992px) { .nav { display: none; } .banner_index .banner_index_text .banner_ind_p { width: 63%; } .index_produt .index_title h3, .index_about .index_about_r h3, .index_title_hz .index_hz h3{ font-size: 28px; line-height: 36px; } .index_produt .index_proudt_cont .index_l_swiper{ width: 100%; } .index_produt .index_proudt_cont .index_l_swiper .index_pr_text{ padding-right: 0; } .index_produt .index_proudt_cont .index_r_swiper .gallery-thumbs_ty{ width: 100%; top: 0; } .index_produt .index_proudt_cont .index_r_swiper{ width: 100%; height: auto !important; } .index_produt .index_proudt_cont .index_r_swiper{ padding: 0 50px; } .index_produt .index_proudt_cont .index_r_swiper .tup{ left: 0; top: 50%; transform: translate(0,-50%); background: url(../images/index_shang_h_ml.png) no-repeat center center/100%; } .index_produt .index_proudt_cont .index_r_swiper .tub{ left: auto; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/index_pr_xia_mbl.png) no-repeat center center/100%; } .index_produt .index_proudt_cont .index_r_swiper{ margin-top: 30px; } .index_about .index_about_r{width: 100%;} .index_about .index_about_r h3 { padding-bottom: 20px; margin-bottom: 20px; }.index_about .index_about_r .index_abot_more{ margin-top: 30px; } .index_zydz_cont ul li a { padding: 63px 36px 65px 36px; } .index_hzhb_siper .index_hzht .index_hz_pev,.index_hzhb_siper .index_hzht .index_hz_pr{ width: 14px; } .index_news_list ul li a { padding: 30px 24px 0 24px; } .warp { width: 90%;} .footer .footer_top .footer_nav{ display: none; } .footer .footer_list ul li .footer_icon1{ margin-bottom: 10px; } .index_about .index_about_l{ width: 100%; padding-right: 0; } /**/ .tactCol{ width: 33.333%; padding: 15px; } .tactCol .txt { margin-top: 20px; padding-top: 20px; } .tactMap-div{ padding: 0 85px; } .hxBox{ padding: 50px 0 40px; } .aboFile .abLt{ width: 100%; padding: 45px 0; } .aboFile .ab{ flex-wrap: wrap; } .aboFile .abLt .div{ margin: auto; width: 750px; max-width: 100%; padding-left: 15px; padding-right: 15px; } .aboFile .imgDiv, .aboCul-img .imgDiv{ width: 100%; } .aboCul-bg { background-size: cover !important; } .aboCul-div .div{ width: 70%; } .aboDeveDiv{ padding: 30px; } .aboDeve-date{ right: 3.666%; } .aboDeve-txt{ width: 75%; } .aboSoci-box{ padding-right: 15px; } .aboSoci-box .imgDiv{ width: 230px; } .aboSoci-box .aboSoci-lt { width: 62.085%; } .aboSoci-lt dl, .aboSoci-lt .txt{ margin-bottom: 30px; } .aboNewDl{ padding: 20px; } .aboNew-col{ padding: 0 10px; } .aboNew-row{ margin: 0 -10px; } .aboNewDl .tit{ font-size: 16px; } .aboNewDl .date{ margin-bottom: 15px; } .caseDl dt{ width: 290px; } .caseDl .txt{ height: 52px; overflow: hidden; } .caseDl .tit{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px; } .caseDl .abo-moreBut{ margin-top: 30px; } .newBoxDl dd{ padding: 20px 25px; height: 90%; } .newBoxDl dd .txt{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newBox-swppg{ bottom: 13.238%;padding: 0 25px; } .smlNew-col{ padding: 10px; } .pagination{ margin-top: 35px; } .newShow .tit{ padding: 0 50px; font-size: 26px; line-height: 36px; } .aboNew{ padding: 50px 0; } .hxBox .li div.ab{ padding-left: 25px; } .footer .footer_list ul li{ max-width: 24%; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text .index_zydz_p{ font-size: 16px; line-height: 30px; } } /* 手机端 - portrait指定输出设备中的页面可见区域高度大于或等于宽度*/ @media screen and (max-width: 680px) { .index_zydz_cont ul li .index_zydz_ul .index_zydz_text .index_zydz_p{ font-size: 13px; line-height: 22px; height: 58px; } .banner_index .swpBan{ height: 80vh; } /* - 手机端显示 - */ .mbl { display: block; } /* - pc端隐藏 - */ .pc { display: none; } .xf_tight_ul{ width: 54px; padding: 14px; } .xf_tight_ul ul li{ margin-bottom: 20px; } .index_zydz_cont ul li{ width: 50%; } .index_news_list ul li{ width: 100%; margin-right: 0; } .index_news_list ul li .index_news_text .index_news_p p{ font-size: 14px; line-height: 22px; height: auto; } .index_news_list ul li .index_news_text .index_news_p h3{ font-size: 16px; line-height: 24px; height: auto; margin-bottom: 10px; } .index_zydz_cont ul li:nth-child(2n){ border-right: 0; } .index_zydz_cont ul li:nth-child(1),.index_zydz_cont ul li:nth-child(2){ border-bottom: 1px solid #ddd; } .index_news{ padding: 30px 0; } .index_news_list ul li .index_news_text .index_news_mor span.date{ font-size: 12px; line-height: 22px; } .index_news_list ul li .index_news_text .index_news_mor span.more{ font-size: 12px; line-height: 22px; } .index_news_list ul li .index_news_text .index_news_mor span.more::before{ width: 6px; } .index_produt .index_title h3, .index_about .index_about_r h3, .index_title_hz .index_hz h3{ font-size: 20px; line-height: 30px; margin-bottom: 4px; } .index_title_hz .index_hz p{ font-size: 14px; } .header.tophide .nav_right .conter_dh p{ font-size: 12px; padding-left: 15px; } .header .nav_right .conter_dh p::before{ width: 10px; } header .logo .logo_2 { width: 94px; } header .logo .logo_1 { width: 100px; } .header .nav_right .conter_dh p{ font-size: 12px; } .index_about .index_about_r p{ font-size: 14px; line-height: 22px; } .index_title_hz a, .index_about .index_about_r .index_abot_more a, .banner_index .banner_index_text .banner_ind_p .ban_index_mor p, .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_more p{ width: 120px; height: 36px; font-size: 12px; } .index_about .index_about_r h3{ margin-bottom: 10px; padding-bottom: 10px; } .index_about .index_about_l h3{ font-size: 20px; } .index_about .index_about_l p{ font-size: 18px; line-height: 24px; } .banner_index .banner_index_text .banner_ind_p p{ font-size: 16px; line-height: 24px; } .banner_index .banner_index_text .banner_ind_p{ width: 100%; } .banner_index .banner_index_text .banner_ind_p h3{font-size: 24px; line-height: 30px;} .index_l_swiper .index_pr_text .index_pr_img{ display: none; } .index_l_swiper .index_pr_text .index_pr_h3{ width: 100%; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_pp h3{ font-size: 20px; line-height: 28px; padding-bottom: 20px; margin-bottom: 20px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_pp p{ font-size: 14px; line-height: 22px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_icon,.index_l_swiper .index_pr_text .index_pr_h3 .index_pr_more{ margin-top: 20px; } .index_produt .index_proudt_cont .index_r_swiper { padding: 0 39px; } .index_produt .index_proudt_cont .index_r_swiper .gallery-thumbs_ty{ height: auto; padding: 0; margin: 0; } .index_produt .index_proudt_cont{ margin-top: 20px; } .index_hzhb_cont .index_hzhb_list ul li{ width: calc(100% / 3); } .footer .footer_list{ display: none; } .footer_bottom .footer_bah{ width: 100%; } .footer_bottom{ flex-wrap: wrap; } .footer_bottom .footer_bah p, .footer_bottom .footer_bah p a{ font-size: 12px; line-height: 22px; } .footer_bottom { padding: 13px 0; } .footer .footer_top { margin-bottom: 8px; } .footer { padding-top: 24px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text .index_zydz_p p{ font-size: 14px; line-height: 22px; } .index_zydz_cont ul li a { padding: 40px 18px 40px 18px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_img img.img1, .index_zydz_cont ul li .index_zydz_ul .index_zydz_img img.img2 { width: 54px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_img{ height:44px; margin-bottom: 20px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text h3{ font-size: 18px; line-height: 22px; padding-bottom: 10px; margin-bottom: 10px; } .index_zydz_cont ul li .index_zydz_ul .index_zydz_text h3::before{width: 20px;} .index_zydz_cont ul li .index_zydz_ul .index_zydz_text .index_zydz_p{ height: 74px; } .index_zyd_span h1 { font-size: 40px; } .index_hzhb_cont{ padding: 30px 0; } .index_hzhb_siper{ margin-top: 24px; } .index_hzhb_siper .index_zh_span{ margin-top: 30px; } .index_hzhb_siper .index_zh_span .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 16px; } .index_hzhb_siper .index_zh_span .swiper-pagination-bullet{ width: 10px; margin: 0 4px; } .index_hzhb_cont .index_hzhb_list ul li:nth-child(4),.index_hzhb_cont .index_hzhb_list ul li:nth-child(5),.index_hzhb_cont .index_hzhb_list ul li:nth-child(6){ border-top: 0; } .index_hzhb_cont .index_hzhb_list ul li:nth-child(3){ border-right: 1px solid rgba(255, 255, 255, .1); } .hzhb_siper1{ padding: 1px; margin: -1px; } .index_news_list ul li .index_news_text .index_news_mor { padding: 8px 0; } .index_news_list ul li{ margin-bottom: 10px; } .index_news_list ul li:last-child{ margin-bottom: 0; } .index_about .index_about_l h3 { font-size: 18px; line-height: 24px; } .index_about .index_about_l p{ font-size: 14px; line-height: 22px; } .index_produt .index_proudt_cont .index_r_swiper .tub,.index_produt .index_proudt_cont .index_r_swiper .tup{ width: 26px; height: 26px; }.pt_100{ padding: 30px 0; } .index_zydz_cont ul li .index_zy_mor{ width: 30px; height: 30px; } .footer_bottom .footer_fx{ width: 100%; } .header .logo .logo_1 { display: inline-block; width: 110px; } .header.tophide .logo .logo_1{ display: none; } .header.tophide .logo .logo_2{ width: 94px; } .header .logo { padding: 10px 0; } .banner_index .banner_index_text .banner_ind_p .ban_index_mor{ margin-top: 24px; } .banner_index .banner_index_text .banner_ind_p h3::before{ width: 30px; } .xf_tight_ul { width: 34px; padding: 9px; } .index_l_swiper .index_pr_text .index_pr_h3 .index_pr_pp{ margin-top: 0; } .index_produt .index_title p{ font-size: 14px; line-height: 20px; } .banner_index .ban_swipem .swpPrev img ,.banner_index .ban_swipem .swpNext img{ width: 6px; } .banner_index .ban_swipem .swpPrev, .banner_index .ban_swipem .swpNext{ width: 36px; height: 36px; } .header .nav_right .conter_dh p{ padding-left: 18px; } .footer_bottom .footer_bah{ padding-right: 0; } .footer_bottom .footer_fx{ margin-top: 20px; } .index_news_list ul li .index_news_text .index_news_p { padding-bottom: 14px; } .footer .footer_top .footer_logo img { width: 80px; margin: auto; } .footer .footer_top{ justify-content: center; } .index_bane_bot{ bottom: 24px; } .ico_dh_horer .icoN-ipo p{ font-size: 14px; } .ico_dh_horer .icoN-ipo{ width: 124px; } .xf_tight_ul ul li .icon_we_hover, .ico_dh_horer{ padding-right: 20px; } .banner_index .swpBan{ height: auto; } .banner_index .swpBan .imgDiv1{ height: auto; } .banner_index .banner_index_text{ display: none; } .index_about .index_about_l{ width: 100%; padding-right: 0; margin-bottom: 24px; } .index_about_img{ bottom: 20px; } /**/ .tactCol .couts{ font-size: 16px; } .tactCol{ width: 50%; } .tactBox-map #map { height: 330px !important; } .tactMap-div{ padding: 0 55px; } .tactSwp .txt{ font-size: 14px; } .tactSwp .swiper-slide:not(:last-child){ margin-right: 30px; } .tactSwp-nt{ right: 20px; font-size: 13px; } .tactSwp-pv{ left: 20px; font-size: 13px; } .hdTit .tit{ font-size: 26px; } .hdTit .txt{ font-size: 12px; } .file-div .nm{ font-size: 14px; } .file-div .txt{ font-size: 16px; line-height: 26px; } .aboFile .abLt .text{ font-size: 12px; line-height: 18px; } .aboswp-pv, .aboswp-nt{ -webkit-transform: translateY(0); transform: translateY(0); top: 100%; font-size: 20px; margin-top: 20px; } .aboswp-pv{ right: 50%; left: auto; margin-right: 10px; } .aboswp-nt{ left: 50%; right: auto; margin-left: 10px; } .aboHonoDl dd .tit{ font-size: 18px; line-height: 26px; } .aboHono{ padding-bottom: 70px; } .aboYshi{ padding: 60px 0; } .aboYshi-div .list li .txt{ display: none !important; } .aboYshi-div .list li .tit{ font-size: 13px; white-space: nowrap; text-overflow: ellipsis; } .aboYshi-div .list .icon img{ width: 15px; } .aboYshi-div .list li:nth-child(1) .div{ margin-bottom: 10px; } .aboYshi-div{ border-width: 1px; } .aboYshi-div .list li .dian{ width: 5px; height: 5px; } .aboYshi-div .list li:nth-child(1){ top: -3px; } .aboYshi-div .list li:nth-child(2){ margin-left: -1px; } .aboYshi-div .list li:nth-child(3){ margin-left: -3px; } .aboYshi-div .list li:nth-child(2) .div, .aboYshi-div .list li:nth-child(3) .div{ margin-left: 10px; } .aboYshi-div .list li:nth-child(4) .div, .aboYshi-div .list li:nth-child(5) .div{ margin-right: 10px; } .aboYshi-div .list li:nth-child(4){ margin-right: -3px; } .aboYshi-div .list li:nth-child(5){ margin-right: -1px; } .aboYshi li .hddiv{ width: 100%; } .aboYshi-div .list li .tit{ margin-bottom: 0; } .aboYshi .listUl{ margin: 0 -15px; margin-top: 30px; } .aboYshi .listUl li{ width: 50%; padding: 15px; float: left; } .aboYshi .listUl li .icon{ margin-right: 10px; } .aboYshi .listUl li .icon img{ width: 18px; } .aboYshi .listUl li .hddiv{ align-items: center; margin-bottom: 10px; } .aboYshi .listUl li .hddiv .tit{ font-size: 16px; } .aboYshi .listUl li .txt{ font-size: 13px; } .aboYshi-div .list li:nth-child(2) .icon, .aboYshi-div .list li:nth-child(3) .icon{ margin-left: 10px; } .aboCul-div{ position: relative; padding: 35px 0; background: url(../images/abowhua-bg.png) no-repeat top left/cover; } .aboCul-bg{ display: none; } .aboCul-div .div{ width: 100%; } .aboCul{ display: flex; display: -webkit-flex; flex-direction: column-reverse; } .aboCul-div .list .tit{ font-size: 16px; } .aboCul-div .list .txt{ font-size: 12px; } .aboCul-div .list .icon img{ height: 23px; } .aboCul-div .text{ font-size: 13px; line-height: 24px; } .aboDeve{ padding-top: 50px; } .aboDeveDiv{ margin-top: 55px; } .aboDeveDiv{ padding: 20px; } .aboDeve-txt .date{ font-size: 28px; margin-bottom: 10px; } .aboDeve-txt .en{ font-size: 16px; line-height: 20px; } .aboDeve-date{ position: relative; } .aboDevedSwp{ display: none; } .aboDeve-txt{ width: 100%; } .aboDeve-txt .hddiv{ flex-wrap: wrap; } .aboDeve-txt .en{ margin-bottom: 10px; } .aboDeve-txt .txtby{ width: 100%; max-width: 100%; } .aboDeve-txt .txtby{ font-size: 13px; line-height: 24px; height: 195px; } .aboSocial{ padding: 50px 0; } .aboSoci-box{ margin-top: 30px; } .aboSoci-box{ flex-wrap: wrap; } .aboSoci-lt dd{ font-size: 20px; line-height: 24px; } .aboSoci-lt dt img{ width: 44px; } .aboSoci-lt dt{ margin-right: 15px; } .aboSoci-lt dl, .aboSoci-lt .txt{ margin-bottom: 20px; } .aboSoci-lt .txt{ font-size: 13px; line-height: 22px; } .aboSoci-box .aboSoci-lt{ width: 100%; } .aboSoci-lt .txtStr{ font-size: 18px; line-height: 26px; } .aboSoci-box .imgDiv{ margin: auto; margin-top: 30px; } .aboNew-row{ margin: 0; } .aboNew-col{ padding: 0; } .aboNewSwp-page{ display: flex; display: -webkit-flex; justify-content: center; margin-top: 20px; } .aboNewSwp-page .swiper-pagination-bullet{ margin: 0 3px; } .aboNewSwp-page .swiper-pagination-bullet-active{ background-color: #004c9b; } .aboNewSwp{ margin-top: 30px; } .npgNavSwp .swiper-wrapper{ justify-content: flex-start; } .npgNavSwp .swiper-slide{ padding: 0; } .npgNav{ margin-bottom: 30px; } .proColDl{ padding: 15px; } .proCol{ padding: 5px; } .proRow{ margin-left: -5px; margin-right: -5px; } .proColDl .tit{ font-size: 16px; } .proColDl .xhao{ font-size: 12px; } .proColDl .txt{ font-size: 13px; line-height: 20px; } .proColDl .abo-moreBut{ margin-top: 15px; } .abo-moreBut{ width: 115px; height: 36px; font-size: 12px; } .proColDl .abo-moreBut{ font-size: 12px; padding-left: 3px; } .pro-moreBut .iconfont{ margin-left: 3px; } .proBox{ padding-bottom: 50px; } .proOne .imgDiv, .proOne .proOne-rt{ width: 100%; } .proOne .ab{ flex-wrap: wrap; } .proOne .proOne-rt{ padding: 0; margin-top: 30px; } .proOne .bqian{ font-size: 16px; } .proOne .tit{ font-size: 26px; margin-bottom: 20px; } .proOne .txt{ font-size: 14px; line-height: 24px; } .proOne .downBut{ margin-top: 35px; } .proTwo{ padding: 45px 0; } .proTwo-nav span{ font-size: 16px; padding-bottom: 15px; } .proTwo-nav li:not(:last-child){ margin-right: 30px; } .proTwo-nav{ margin-bottom: 20px; } .proTwo-tabli .txt{ font-size: 13px; line-height: 24px; margin-bottom: 15px; } .proThree{ padding: 50px 0; } .relCol{ padding: 10px; } .relRow{ margin-right: -10px; margin-left: -10px; margin-top: 30px; } .relDl .tit{ font-size: 18px; } .relDl .txt{ font-size: 13px; } .relDl .relMore{ margin-top: 35px; } .caseDl .ab{ flex-wrap: wrap; } .caseDl{ padding: 30px 0; } .caseDl dt, .caseDl dd{ width: 100%; } .caseDl dd{ margin-top: 20px; } .pagination li{ display: none; } .pagination li.pagin-but, .pagination li.active{ display: inline-block; } .caseShow .title{ font-size: 22px; margin-bottom: 25px; } .caseShow .bjQi strong{ font-size: 16px; } .caseShow .bjQi{ font-size: 13px; line-height: 22px; padding-bottom: 25px; margin-bottom: 30px; } .show-page .nt, .show-page .nt .spans{ font-size: 14px; } .show-page .returnBut{ height: 38px; font-size: 12px; } .caseShow{ padding: 50px 0; } .newBoxDl dt, .newBoxDl dd{ width: 100%; } .newBoxDl dd{ height: auto; padding: 30px 15px; position: relative; top: 0; -webkit-transform: translateY(0); transform: translateY(0); } .newBoxDl dd .year{ font-size: 24px; line-height: 28px; } .newBoxDl dd .day{ font-size: 13px; } .newBoxDl dd .date{ margin-bottom: 10px; } .newBoxDl dd .tit{ font-size: 18px; } .newBox-swppg{ width: 100%; bottom: 20px; padding: 0 15px; } .newBoxDl dd .txt{ white-space: unset; margin-bottom: 30px; } .newBox{ margin-top: 30px; } .smlNew-col{ width: 50%; padding: 5px; } .smlNewRow{ margin-left: -5px; margin-right: -5px; } .smlNewDl .date .year{ font-size: 20px; line-height: 26px; } .smlNewDl .date .day{ font-size: 12px; } .smlNewDl .tit{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .smlNewDl{ padding: 15px; } .smlNewDl .txt{ display: none; } .smlNewDl dd{ margin-bottom: 0; } .smlNewDl .date .year .iconfont{ font-size: 12px; } .pagination li a{ width: 38px; height: 38px; line-height: 38px; } .newBox{ padding-bottom: 35px; margin-bottom: 30px; } .newShow{ padding: 50px 0; } .newShow .tit{ font-size: 20px; line-height: 26px; padding: 0 15px; margin-bottom: 10px; } .newShow .txt{ font-size: 13px; } .newShow .hdDiv { padding-bottom: 25px; margin-bottom: 20px; } .newShow .bjQi { font-size: 13px; line-height: 22px; } .aboNewDl .txt{ font-size: 13px; } .hxBox .li div.ab{ padding-left: 0; padding-right: 0; } .hxBox .li .tit{ font-size: 16px; line-height: 22px; } .hxBox .li .tit:after{ width: 5px; height: 5px; } .hxBox .li .tit{ padding-left: 15px; padding-right: 15px; } .hxBox .li div.ab .icon img{ width: 10px; } .hxBox .li div.ab .icon{ right: 0; } .shouHouBox .hdDiv .tit{ font-size: 16px; line-height: 22px; } .shouHouBox .hdDiv{ padding: 0 40px; } .shouHouBox .textDiv{ padding-left: 40px; padding-right: 40px; } .shouHouBox .hdDiv .tit:after{ margin-right: 15px; -webkit-transform: translateY(0); transform: translateY(0); top: 9px; width: 5px; height: 5px; } .hxBox .li div.ab, .shouHouBox .hdDiv{ padding-top: 15px; padding-bottom: 10px; height: auto; } .shouHouBox .hdDiv .icon{ -webkit-transform: translateY(0); transform: translateY(0); top: 18px; right: 15px; } .shouHouBox .hdDiv .icon img{ width: 13px; } .shouHouBox .textDiv{ font-size: 13px; line-height: 22px; padding-bottom: 35px; } .shouHouBox .textDiv .smlTit{ font-size: 14px; } .shouHouBox .textDiv .txt{ line-height: 24px; } .banTxt .tit{ font-size: 24px; margin-bottom: 5px; } .banTxt .txt{ font-size: 12px; } .aboYshi .listUl:after, .aboYshi .listUl:before{ display: none; } .aboYshi .listUl{ display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start; } .aboYshi .listUl li{ width: 50%; } #ccmap{ height: 320px !important; } .show-page .nt, .show-page .pv{ width: 100%; max-width: 100%; } .show-page{ flex-wrap: wrap; } .show-page .nt, .show-page .pv{ margin-bottom: 20px; } .header .logo img{ height: 30px; } .proBox, .caseBox, .hxBox{ padding-top: 25px; } .smlNewDl .tit{ height: auto !important; } .proColDl .tit{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .proColDl .txt{ height: 60px; overflow: hidden; } .hxBox{ padding: 25px 0 30px; } .npgNav{ margin-bottom: 15px; } .caseBox{ padding-top: 15px; } .xf_right{ top: auto; -webkit-transform: translateY(0); transform: translateY(0); bottom: 8%; } .tactCol .divs .sewm{ display: none !important; } } @media screen and (max-width: 375px) {} @media screen and (max-width: 320px) {}