@media only screen and (max-width: 1550px) { .common_top_nav { padding: 0 40px; } } @media only screen and (max-width: 1450px) { .common_top_nav .link ul li { float: left; padding: 0 10px; } .common_top_nav .link ul li a { font-size: 16px; } .common_top_nav .second_menu .link a { margin: 0 10px; } .index .about .details p{margin-bottom:1em;} } @media only screen and (max-width: 1366px) { .index .honour .content, .index .news { padding-top: 90px; } } @media only screen and (max-width: 1280px) { .pttSelectTab { padding: 0 60px 0 20px; background-size: 0.7em auto; } .indAbout { padding: 40px 0; } .product_main .product_type_content0 .item .pic{width:470px;} .product_main .product_type_content0 .item .text{padding-top:30px;} } @media only screen and (max-width: 1024px) { .common_web_nav, .header .common_web_nav { background: rgba(0, 0, 0, 0.8); display: block; position: fixed; width: 100%; z-index: 100; left: 0; top: 0; } .news_page .common_banner, .dtjb_page .common_banner, .product_page .common_banner, .contact_page .common_banner, .about_page .common_banner, .page404 .banner, .tzzgx_page .common_banner, .kjcx_page .common_banner, .banner { margin-top: 50px; } .common_web_nav .content_div { height: 50px; display: flex; align-items: center; justify-content: space-between; } .index_menu { height: 100vh; width: 80%; padding: 0; position: fixed; top: 0; z-index: 400; background: #edf0f2; right: 0; transition: 0.5s; transform: scale(0, 1); transform-origin: right; } .index_menu .bottom .jz { height: auto; display: flex; background-size: cover; } .index_menu .bottom .jz .item { float: inherit; padding: 30px 10px; } .index_menu li > a { display: inline-block; height: 44px; line-height: 44px; font-size: 16px; width: auto; } .index_menu .bottom .item .c { font-size: 16px; } .index_menu .bottom .hb { height: auto; background-size: cover; padding: 10px; } .common_web_nav .content_div::after { display: none; } .common_web_nav .content_div>div { display: inline-block; } .common_web_nav img { height: 30px; } .common_web_nav .menu img { height: 25px; } .index { width: 100%; overflow: hidden; } .nav_right>div{display: inline-block;} .nav_right .search{margin-right:20px;} .nav_right .search img{height:20px;} /* .index_menu, */ .common_nav { display: none; } .common_top_nav { display: none; } .pttSelectTab { font-size: 16px; transform: translateY(0); -webkit-transform: translateY(0); position: relative; width: 160px; margin: 10px auto 30px; } .indAbout { padding: 2em 0; } .about .content .content_div { padding-top: 2em; } .index .about .details { width: auto; float: none; } .indAboutItem .item .name { padding-left: 1em; } .indAboutItem { padding-top: 0; } .indAboutItem .item { margin-top: 3em; } .indAboutItem .item:nth-child(1), .indAboutItem .item:nth-child(2) { margin-top: 3em !important; } .index .about .details { max-width: 100%; } .common_footer .item2 { display: none; } .index .honour .content, .index .news { padding-top: 2em; } .honorSwiper .swiper-pagination { position: static; margin-top: 1em; } .index .banner a span{display: none;} .index .honour .btn{margin-top:30px;} } @media only screen and (max-width: 768px) { /*.content_div{ width: 96%; margin: 0 auto; }*/ .common_footer { padding: 20px 0; } .common_footer .item1 { width: 100%; } .common_footer .item2 { width: 50%; margin-top: 20px; } .common_footer .item1 .txt { margin-bottom: 10px; } .common_footer .item2 .name { margin-bottom: 10px; } .common_footer .item2 ul li a { line-height: 30px; height: 30px; } .common_footer .item3 { width: 100%; display: none; } .common_footer .item3 .name { text-align: center; } .common_footer .item4 { width: 100%; float: left; border-top: 1px solid #dadcdd; padding-top: 10px; margin-top: 20px; } .common_footer .item4 .blogroll i { display: inline-block; margin: 0 5px; font-size: 12px; color: #858585; opacity: 0.7; } .common_footer .item4 .blogroll a { font-size: 12px; } .common_footer .item4 .bq { font-size: 12px; } .news_page .common_banner, .dtjb_page .common_banner, .product_page .common_banner, .contact_page .common_banner, .about_page .common_banner, .tzzgx_page .common_banner, .kjcx_page .common_banner { height: 240px; } .product_page .common_banner .banner_text .p1, .contact_page .common_banner .banner_text .p1, .news_page .common_banner .banner_text .p1, .about_page .common_banner .banner_text .p1, .tzzgx_page .common_banner .banner_text .p1, .dtjb_page .common_banner .banner_text .p1, .kjcx_page .common_banner .banner_text .p1 { font-size: 30px; height: 30px; line-height: 30px; } .product_page .common_banner .banner_text .p2, .contact_page .common_banner .banner_text .p2, .news_page .common_banner .banner_text .p2, .tzzgx_page .common_banner .banner_text .p2, .about_page .common_banner .banner_text .p2, .dtjb_page .common_banner .banner_text .p2, .kjcx_page .common_banner .banner_text .p2 { font-size: 18px; height: 20px; line-height: 20px; margin-bottom: 10PX; } .product_page .common_banner .banner_text .p3 p, .contact_page .common_banner .banner_text .p3 p, .about_page .common_banner .banner_text .p3 p, .tzzgx_page .common_banner .banner_text .p3 p, .news_page .common_banner .banner_text .p3 p, .dtjb_page .common_banner .banner_text .p3 p, .kjcx_page .common_banner .banner_text .p3 p { line-height: 18px; } .about_page .title { height: 100px; line-height: 90px; font-size: 22px; } .about_page .title::before { display: block; content: ''; width: 30px; border-radius: 5px; position: absolute; bottom: 10px; left: 50%; margin-left: -15px; background: #0050a1; height: 3px; margin-bottom: 10px; } .about_page .qyjs .text p { font-size: 14px; ; margin-bottom: 20px; line-height: 25px; ; } .about_page .qyjs .txt_pic .zczj, .about_page .qyjs .txt_pic .zczj img { width: 100%; } .about_page .qyjs .txt_pic .czy { width: 100%; } .about_page .qyjs .txt_pic .czy .pic { width: 100%; } .about_page .qyjs .txt_pic .czy .txt { width: 100%; padding-left: 0; text-align: left; margin-top: 30px; } .about_page .qyjs .txt_pic .czy .txt img { width: 50%; } .about_page .gcxx { margin-top: 20px; height: auto; padding: 50px 0; } .about_page .gcxx .swiper { margin-top: 30px; } .about_page .gcxx .swiper .swiper-slide { padding: 20px; height: auto; } .about_page .gcxx .swiper .swiper-slide .box .content { flex-wrap: wrap; } .about_page .gcxx .swiper .swiper-slide .box .name { font-size: 26px; text-align: left; color: #333333; height: 30px; line-height: 30px; margin-bottom: 20px; } .about_page .gcxx .swiper .swiper-slide .box .content .txt, .about_page .gcxx .swiper .swiper-slide .box .content .pic { width: 100%; padding: 0; line-height: 25px; margin-bottom: 20px; } .about_page .csr { } .about_page .userInfo { top: 0; } .about_page .userInfo .box { position: initial; width: 100%; } .about_page .userInfo .name { font-size: 24px; margin-top: 20px; margin-bottom: 0; } .about_page .userInfo .details { margin-top: 20px; font-size: 14px; line-height: 25px; color: #333333; } .about_page .userInfo .txt img { margin-top: 20px; height: 30px; } .product_type_tab span { font-size: 20px; padding: 16px 10px; } .product_type_tab span:after { left: 50%; width: 30px; margin-left: -15px; height: 3px; border-radius: 3px; bottom: 6px; position: absolute; transition: 0.3s; transform: scale(0, 1); } .product_main .product_type_content0 .item, .product_main .product_type_content0 .item:nth-child(2n+1) { display: block; padding: 0; width: 100%; } .product_main .product_type_content0 .item .pic { padding: 0!important; width: 100%;float:none !important;} .product_main .product_type_content0 .item:nth-child(2n) .text .more a{float:none;} .product_main .product_type_content0 .item:nth-child(2n) .text .more{text-align:left;} .product_main .product_type_content0 .item .text { padding-top: 20px; } .product_main .product_type_content0 .item .pic:before { display: block; content: ''; width: 70%; height: 50%; right: 4%; bottom: -10px; position: absolute; } .product_main .product_type_content0 .item .text .info .details { padding: 0!important; } .product_main .product_type_content0 .item:nth-child(2n) .text .num { text-align: left; } .product_main .product_type_content0 .item:nth-child(2n) .text { flex-direction: initial; width: 100%; } .product_main .product_type_content0 .item:nth-child(2n) .text .info .title { text-align: left; } .product_main .product_type_content0 .item .text .more { text-align: left; } .product_main .product_type_content0 .item .text .info .name { height: auto; line-height: 30px; margin-bottom: 10px; margin-top: 10px; font-size: 20px; padding: 0 0 5px!important; } .product_main .product_type_content0 .item .text .info .time { margin-top: 10x; ; margin-bottom: 20px; } .product_main .product_type_content0 .item:nth-child(2n) .text .info .name { text-align: left; padding-right: 0; padding-left: 0; } .product_main .product_type_content0 .item:nth-child(2n) .text .info .details { padding-right: 25px; padding-left: 0; text-align: left; } .product_main .product_type_content0 .item:nth-child(2n) .text .info .time { text-align: left; padding-right: 25px; padding-left: 0; } .product_main .proPb { padding-bottom: 30px; } .product_main .product_type_content0 .more { text-align: center; padding-bottom: 40px; } .kjcx_page .title { height: 100px; line-height: 90px; font-size: 22px; } .kjcx_page .title::before { display: block; content: ''; width: 30px; border-radius: 5px; position: absolute; bottom: 10px; left: 50%; margin-left: -15px; background: #0050a1; height: 3px; margin-bottom: 10px; } .kjcx_main .kjcx .box { flex-wrap: wrap; margin-bottom: 50px; } .kjcx_main .kjcx .box .pic { width: 100%; height: auto; max-height: 300px; overflow: hidden; } .kjcx_main .kjcx .box .text { width: 100%; flex: auto; margin-left: 0; } .kjcx_main .kjcx .box .text .details { line-height: 30px; margin-top: 20px; color: #333333; font-size: 14px; text-indent: 30px; margin-bottom: 40px; } .kjcx_main .kjcx .box .text .info .item { width: 50%; padding-left: 10px; display: flex; margin-bottom: 15px; align-items: flex-end; } .kjcx_main .kjcx .box .text .info { margin-bottom: 20px; } .kjcx_main .kjcx .box .text .info .item .num { font-size: 30px; height: 50px; line-height: 50px; } .kjcx_main .kjcx .box .text .info .item .txt { margin-left: 10px; } .kjcx_main .kjcx .box .text .info .item .txt .p1 { font-size: 14px; } .kjcx_main .kjcx .box .text .info .item .txt .p2 { font-size: 12px; } .kjcx_main .kjcx .box .text .more a { width: 120px; height: 35px; line-height: 35px; border-radius: 50px; margin: 0 auto; display: block; } .kjcx_list { margin-bottom: 40px; } .kjcx_main1 .kjcx_list { margin-bottom: 0; padding-bottom: 40px; } .kjcx_main1:before { height: 100%; } .kjcx_list .list .item .txt .name { font-size: 18px; margin-bottom: 10px; } .kjcx_list .list .item .txt .details { margin-bottom: 10px; } .kjcx_list .list .item .txt .details p { font-size: 14px; line-height: 25px; } .kjcx_list .num_list { width: 60px; } .kjcx_list .num_list span::after { width: 10px; } .kjcx_list .list { flex: auto; width: calc( 100% - 60px); } .kjcx_list .list .item { flex-wrap: wrap; } .kjcx_list .list .item .txt { width: 100%; } .kjcx_list .list .item .txt .details { max-height: 400px; height: auto; } .kjcx_list .more { text-align: right; margin-top: 20px; position: initial; } .kjcx_list .more a { margin: 0 10px; } .news_main .item1 { flex-wrap: wrap; margin-bottom: 40px; } .news_main .title { height: 100px; line-height: 90px; font-size: 22px; } .news_main .title::before { display: block; content: ''; width: 30px; border-radius: 5px; position: absolute; bottom: 10px; left: 50%; margin-left: -15px; background: #0050a1; height: 3px; margin-bottom: 10px; } .news_main .item1 .pic { width: 100%; height: auto; } .news_main .item1 .text { width: 96%; position: initial; height: auto; top: 0; left: 0; padding: 20px; margin: 20px 2% 0 2%; } .news_main .swiper-pagination { bottom: 0 !important; } .news_main .item { flex-wrap: wrap; } .news_main .item .text { flex: auto; width: 100%; } .news_main .item .time { width: 60px; height: 70px; background: url(../images/xwdt_icon1.png) no-repeat center; margin-right: 10px; background-size: 100% 100%; display: none; } .news_main .item .time .d { height: 45px; line-height: 55px; font-size: 24px; text-align: center; color: #777777; font-weight: bold; } .news_main .item .pic { width: 100%; height: auto; overflow: hidden; margin-right: 0; margin-bottom: 10px; } .news_main .item1 .text .name, .news_main .item .text .name { font-size: 20px; height: 30px; line-height: 30px; margin-bottom: 10px; } .news_main .item .text .details, .news_main .item1 .text .details { font-size: 14px; color: #797979; line-height: 24px; } .news_main .item1 .text .more { margin-top: 20px; } .news_main .item .time_web, .news_main .item1 .text .time { display: block; width: 100%; color: #797979; font-size: 14px; line-height: 30px; margin-bottom: 10px; } .news_main .item .text .more { margin-top: 0; } .news_main .item .text .details { margin-bottom: 30px; } .index .news .content .item_news { width: auto; float: none; } .common_page span, .common_page a { display: inline-block; height: 30px; width: 30px; font-size: 12px; line-height: 30px; margin: 0 4px; text-align: center; } .common_page a.next, .common_page a.prev { padding: 0 10px; width: auto; } .common_page .content_div { margin: 30px auto; } .dtjb_page .title { height: 100px; line-height: 90px; font-size: 22px; } .dtjb_page .title::before { display: block; content: ''; width: 30px; border-radius: 5px; position: absolute; bottom: 10px; left: 50%; margin-left: -15px; background: #0050a1; height: 3px; margin-bottom: 10px; } .dtjb_main .dtjb .list .item { width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; } .dtjb_main .dtjb .list .item .pic { height: auto; width: 50%; } .dtjb_main .dtjb .list .item .pic img { width: 100%; } .dtjb_main .dtjb .list .item .txt .name { color: #333333; font-size: 18px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; } .dtjb_main .dtjb .list .item .txt .more a { width: 100px; height: 30px; line-height: 30px; font-size: 14px; } .dtjb_main .dtjb .list .item .txt { margin-top: 0px; background: #fbfbfb; height: auto; width: 50%; padding: 20px 10px; } .dtjb_main .title { height: 100px; line-height: 90px; font-size: 22px; } .dtjb_main .title::before { display: block; content: ''; width: 30px; border-radius: 5px; position: absolute; bottom: 10px; left: 50%; margin-left: -15px; background: #0050a1; height: 3px; margin-bottom: 10px; } .history_main .details { width: 100%; flex-wrap: wrap; } .history_main .details .pic { height: auto; margin-top: 20px; } .history_main .details .pic, .history_main .details .txt { width: 100%; } .history_main .details .txt .time { font-size: 18px; height: 20px; line-height: 20px; margin-bottom: 10px; } .contact_page .common_banner { } .contact_page .title { height: 100px; line-height: 90px; font-size: 22px; } .contact_page .title::before { display: block; content: ''; width: 30px; border-radius: 5px; position: absolute; bottom: 10px; left: 50%; margin-left: -15px; background: #0050a1; height: 3px; margin-bottom: 10px; } .map_mian .info .map, .map_mian .info .email, .map_mian .info .other { width: 100%; flex-wrap: wrap; margin-bottom: 15px; } .map_mian .info { background: rgba(255, 255, 255, 0.9); position: initial; height: auto; padding: 20px; } .map_mian .info .other .item { width: 100%; margin-bottom: 15px; } .map_mian .info .map i { width: 100%; display: inline-block; text-align: left; margin-top: 10px; } .map_mian { margin-bottom: 50px; } .ryzz_main .swiper-slide .text { display: block; } .ryzz_main .swiper-container, .ryzz_main .swiper-slide, .ryzz_main .swiper-wrapper { height: auto; } .ryzz_main .swiper-slide { transform: scale(1); } .ryzz_main .swiper-wrapper { padding-bottom: 30px; } .ryzz_main .swiper-slide>div { width: 80%; } .ryzz_main .ryzz_type_tab span { font-size: 20px; padding: 20px; } .ryzz_main .ryzz_type_tab span:after { left: 50%; width: 30px; margin-left: -15px; height: 3px; border-radius: 3px; bottom: 10px; position: absolute; transition: 0.3s; transform: scale(0, 1); } .ryzz_main { margin-bottom: 50px; } .tzzgx_page .gp { margin-bottom: 10px; margin-top: 10px; } .tzzgx_page .tzzgx_type_tab span { font-size: 18px; padding: 20px 8px; } .tzzgx_page .tzzgx_type_tab span:after { left: 50%; width: 30px; margin-left: -15px; height: 3px; border-radius: 3px; bottom: 10px; position: absolute; transition: 0.3s; transform: scale(0, 1); } .tzzgx_page .tzzgx_type_tab { margin-bottom: 20px; } .tzzgx_type_content0 .item { padding-top: 10px; padding-bottom: 10px; display: block; } .tzzgx_type_content0 .item .info { width: auto; } .tzzgx_type_content0 .item .time { width: 62px; margin-right: 10px; } .tzzgx_type_content0 .item .time .day { display: none; } .tzzgx_type_content0 .item .time .date { height: 20px; line-height: 20px; font-size: 14px; text-align: left; } .tzzgx_type_content0 .item .info .name { font-size: 16px; height: 25px; line-height: 25px; margin-bottom: 0; } .tzzgx_type_content0 .item .info .details { height: auto; line-height: 20px; font-size: 14px; } .tzzgx_type_content0 .item::before { right: 10px; } .news_details_main .title { margin: 10px auto 20px; font-size: 18px; line-height: 30px; } .news_details_main .info { font-size: 14px; padding-bottom: 20px; } .news_details_main .content .txt { font-size: 14px; line-height: 25px; margin-top: 20px; } .news_details_main .link { margin: 40px auto 20px; } .news_details_main .operation { flex-wrap: wrap; margin-bottom: 40px; } .news_details_main .operation .right { margin-top: 20px; } .gp .content_div { flex-wrap: wrap; } .gp .gp_info { width: 100%; padding: 10px; } .gp .pic { width: 100%; } .gp .gp_info .name { font-size: 20px; } .gp .gp_info span { font-size: 14px; } .gp .gp_info .num .all { font-size: 40px; height: 40px; line-height: 40px; } .gp .gp_info .list { margin: 15px auto; } .gp .gp_info .list .item { width: auto; margin-right: 15px; } .gp .gp_info .list .item span { font-size: 14px; } .gp .gp_info .list .item i { font-size: 14px; } .gp .gp_info .bottom { font-size: 12px; line-height: 20px; white-space: normal; } .index .about .details { width: 100%; max-width: 100%;line-height: 1.8;font-size:14px; } .indAboutItem{padding-left:0;} .indAboutItem .item .f3{font-size:14px;} .indAboutItem .item:nth-child(2) .ovh{left:0;} .index .about .details p br{display: none;} .index .honour .text .b { margin-bottom: 15px; } .index .honour .text .d { margin-bottom: 8px; } .index .honour .text .l { margin-bottom: 10px; } .index .company .small_pic .item .text { padding: 10px; height: auto; } .index .company .small_pic .item .text .c::before { display: none; } .index .company .small_pic .item .text .c { font-size: 12px; } .index .company .small_pic .item .text .e { font-size: 12px; display: none; line-height: 20px; } .cx-time-main ul, .cx-time-main, .cx-time-main > span { height: 550px !important; } /*.cx-time-main > span{line-height:550px !important;}*/ .index .about .more a { width: 30px; } .common_web_nav .menu img { height: 18px; } .index .news .content .list_news .more a { display: block; float: none; margin: 1em auto 0 auto; } .about_page .swiper-button-prev, .about_page .swiper-button-next { width: 30px; height: 30px; margin-top: 15px; background-size: 100% auto !important; opacity: 0.8; } .about_page .csr { padding: 2em 0; } .kjcx_list .list .item .txt .name { white-space: normal; height: auto; } .news_main .item .text .more a { width: 110px; height: 32px; line-height: 32px; } .indAboutItem .item .f1 { margin-bottom: 4px; } .indAboutItem .item .img img { width: 24px!important; height: auto!important; } .indAboutItem .item .name { margin-top: -7px; } } @media only screen and (max-width:640px) { .indAboutItem .item {width:50%; margin-top: 1em; } .indAboutItem .item:nth-child(1), .indAboutItem .item:nth-child(2) { margin-top: 2em !important; } .indAboutItem .item .name {float:none; padding-left: 2.4em; position: relative; margin-top: 0;background:none;padding-right:0; } .indAboutItem .item .img { position: absolute; left: 0; top: 0; } .indAboutItem .item .f2 { font-size: 28px; line-height: 1.5; } .indAboutItem .item .f3{margin-top:3px;} .indAboutItem .item .f3 br { display: none; } .indAboutItem .item .ovh{margin-top:1em; align-items: center;} .pttBox{margin:30px 0;} .product_type_tab .swiper-wrapper{justify-content: flex-start;} .product_type_tab .swiper-wrapper.active{justify-content: center;} .product_type_tab a{display: inline-block;min-width:114px;height:36px;line-height:36px;padding:0 15px;background:#f4f4f4;margin:0;} .product_type_tab a.active,.product_type_tab .swiper-slide.active a{background:#1d3989;color:#fff;} .product_type_tab a.active span,.product_type_tab .swiper-slide.active a span{color:#fff;} .product_type_tab span{font-size:14px;padding:0;} .product_type_tab span:after{display:none;width:26px;height:2px;margin-left:-13px;} .pttSelectTab{display:inline-block;width:auto;padding:0 40px 0 20px;font-size:14px; line-height: 36px;background-size:12px;background-position: 84% 50%;margin:0;border:1px solid #eee;} .product_type_tab .active .pttSelectTab{border-color:#0075cb;} .social-share{display: none;} .business_main .section1:before{width:100%;height:100%;background:rgba(255,255,255,0.6);content:''; position: absolute;left:0;top:0;} .business_main.indBusiness .section1:before{display: none;} .business_main .section1 .img{height:28px;} .business_main .section1 .img img{width:100%;height:100%;} .current_addresss{background:#f5f5f5;padding:12px 0;line-height: 1.8;} .current_addresss span, .current_addresss a{font-size:12px;height:auto;line-height: normal;} .news_page .common_banner, .dtjb_page .common_banner, .product_page .common_banner, .contact_page .common_banner, .about_page .common_banner, .tzzgx_page .common_banner, .kjcx_page .common_banner { height: 180px; } .product_page .common_banner .banner_text .p1, .contact_page .common_banner .banner_text .p1, .news_page .common_banner .banner_text .p1, .about_page .common_banner .banner_text .p1, .tzzgx_page .common_banner .banner_text .p1, .dtjb_page .common_banner .banner_text .p1, .kjcx_page .common_banner .banner_text .p1 { font-size: 20px; height: auto; line-height: 30px; } .product_page .common_banner .banner_text .p2, .contact_page .common_banner .banner_text .p2, .news_page .common_banner .banner_text .p2, .tzzgx_page .common_banner .banner_text .p2, .about_page .common_banner .banner_text .p2, .dtjb_page .common_banner .banner_text .p2, .kjcx_page .common_banner .banner_text .p2 { font-size: 14px; height: auto; line-height: 20px; margin-bottom: 10PX; } .news_page .common_banner .banner_text, .dtjb_page .common_banner .banner_text, .product_page .common_banner .banner_text, .contact_page .common_banner .banner_text, .about_page .common_banner .banner_text, .tzzgx_page .common_banner .banner_text, .kjcx_page .common_banner .banner_text{margin-top:0;transform:translateY(-50%);} .index .company .small_pic{ position: static;margin-top:1em; } .index .company .small_pic .item{width:31.33%;margin-left:3%;} .index .company .small_pic .item:nth-child(1){margin-left:0;} }