@charset "utf-8"; /* CSS Document */ @media (max-width:1800px) { .mainbav ul li .erji_dh dl dd { width: 25%; } } @media (max-width:1600px) { .mainbav ul li:hover .erji_dh { padding-left: 3%; } .mainbav ul li .erji_dh dl dd { width: 28%; } .foot-hz-nav { margin-right: 11%; } .banner-titie-hz { top: 40%; } .banner-titie span { font-size: 42px; } .banner-titie p.banner-bt { margin: 30px 0 10px; font-size: 30px !important; line-height: 30px; } .banner-titie p.banner-bt2 { margin: 20px 0 30px; font-size: 30px !important; line-height: 30px; } .banner-titie p { margin-bottom: 10px; font-size: 18px; line-height: 27px !important; } .index-rmcp-left-title { font-size: 24px; } .index-rmcp-left-nr { font-size: 16px; margin: 15px 0; } .index-rmcp-left-more { width: 130px; line-height: 35px; } .index-rmcp-right-title { font-size: 24px; } .index-rmcp-right-nr { font-size: 16px; margin: 15px 0; } .index-rmcp-right-box { top: 2%; } .index-rmcp-right-more { width: 130px; line-height: 35px; } .index-rmcp-right-bottom-title { font-size: 24px; } .index-rmcp-right-bottom-nr { font-size: 16px; margin: 15px 0; } .pro_gg-wb { padding: 3% 5%; } .pro_gg-wb-content { margin: 30px 0; } } @media (max-width:1440px) { .top-hz { width: 98%; } .hz { width: 98%; } .hza { width: 98%; } .mainbav .memu>a { padding: 0 28px; } } @media (max-width:1200px) { img { max-width: 100%; } .hz { width: 96%; } .hza { width: 96%; margin: 30px auto; } .top-pc, .ntop-pc { display: none; } .banner { display: none; } .banner-sj { display: block; } .top_sj .tp_wrap { width: 98%; margin: 0 auto; } .logo { padding-top: 10px; } .top_sj { position: fixed; z-index: 99999; top: 0px; left: 0; right: 0%; display: block; transition: all 0.4s; } .top_sj.active { background: rgba(0, 0, 0, 0.7); } .top_sj.active1 { background: rgba(9, 49, 144); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5); } .top_sj.open { background: rgba(9, 49, 144); } .top_sj .tp_wrap:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; } .dh { position: absolute; left: 0px; top: 100%; z-index: 1111; width: 100%; display: none; background: #fff; overflow: hidden; -webkit-transition: 1s; transition: 1s; } .dhov { height: calc(100vh - 80px); display: block; overflow-y: auto; } .dh>ul { text-align: left; width: 90%; margin: 0 auto; } .dh>ul>li { border-bottom: 1px solid #ebebeb; position: relative; } .dh>ul>li>a { display: block; font-size: 16px; font-weight: bold; line-height: 55px; } .dh>ul>li>a:hover {} .dh>ul>li .droparea { display: none; } .dh ul li span { position: absolute; height: 55px; width: 31px; top: 0px; right: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .dh ul li .inactive:before, .dh ul li .inactive:after { transform: rotate(45deg); transition: all .3s ease; content: ""; position: absolute; right: 0; top: 50%; left: 50%; margin-left: -5px; height: 2px; width: 10px; border-radius: 3px; background-color: #303030; margin-top: -3px; transition: 0.5s; } .dh ul li .inactive:after { transform: rotate(-45deg); margin-top: 3px; transition: 0.5s; } .dh ul li .inactives:before, .dh ul li .inactives:after { transform: rotate(135deg); transition: all .3s ease; content: ""; position: absolute; top: 50%; height: 2px; width: 20px; border-radius: 3px; background-color: #333; margin-top: 0px; } .dh ul li .inactives:after { transform: rotate(45deg); margin-top: 0px; } .dh>ul>li .droparea img { display: none; } .dh ul li.act>a { color: #000; } .dh ul li .droparea .act>a { color: #000; font-size: 16px; } .dh ul li .droparea li { line-height: 50px; position: relative; } .dh ul li .droparea li .droparea li { position: relative; } .dh ul li .droparea li a { text-indent: 20px; display: block; font-size: 16px; } .dh ul li .droparea ul li ul li a { padding-left: 20px; font-weight: normal !important; color: #666; font-size: 15px; line-height: 35px; } .dh ul li .droparea ul li ul li a:hover { color: #e51a15; } .dh ul li .droparea>ul>li>ul { display: none; margin: 0 0 15px 0; } .sj-serach { padding: 12px 0; } .sok { border: none; background: none; font-size: 15px; width: 88%; } .sj-menu-yy { /*margin: 20px 0;*/ overflow: hidden; border-bottom: none !important; } .sj-menu-yy a { float: left; font-weight: normal !important; font-size: 14px !important; margin-right: 10px; } .sear_t { position: absolute; width: 100% !important; top: 75px; left: 0px; background-color: #fafafa; background: linear-gradient(to bottom, #f5f5f5 10%, #ededed 50%, #f5f5f5 90%); z-index: 99; display: none; } .search_bar1 { max-width: 630px; border-bottom: 1px solid #dcdcdc; margin: 20px auto 10px; padding-left: 50px; padding-right: 50px; position: relative; width: 80%; } .search_form .sf_input1 { padding: 10px; display: block; font-size: 18px; border: none; color: #212721; width: 100%; line-height: 36px; height: 46px; text-indent: 10px; background-color: transparent; -webkit-appearance: none; } .search_form .sf_input1:hover { outline: 0; } .search_form .sf_btn1 { background: url("../images/search_btn.png") no-repeat center; width: 46px; height: 46px; float: right; border: none; cursor: pointer; position: absolute; left: 0px; } .search_form .search_close { position: absolute; right: 5px; top: 0px; width: 20px; height: 46px; background: url(../images/ssbtn_close.png) center no-repeat; } .search_form .sf_input::-webkit-input-placeholder { color: #505050; } /* 火狐浏览器 */ .search_form .sf_input::-moz-placeholder { color: #505050; } .search_tbn { background: url(../images/ss_tbn.png) no-repeat center; width: 20px; height: 20px; float: left; padding: 0 5px; margin: 0 10px; cursor: pointer; } .banner-titie { margin: 100px 0 0; } .index-title { font-size: 32px; line-height: 32px; } .jjfa_con img { width: 100%; } .index-about-imglist { display: none; } .pro_gg-wb-title a { font-size: 26px; } .pro_gg-wb-content { margin: 20px 0; } .pro_gg-wb-more { width: 150px; line-height: 42px; } .m4_2a { padding: 30px; } .m4_2a_1 h3, .news-list_item h3 { font-size: 20px !important; } .news_gg-left { display: none; } .m4_2a_1 { width: 100%; } .down-item .down-k { width: 0; } .sy-product-hz { width: 48%; margin-bottom: 30px; } .index-product-title { font-size: 20px; } .index-product-wb { font-size: 16px; } .index-rmcp-gm li { margin-bottom: 15px; font-size: 16px; } .pro_t li { padding: 15px 40px; } .pro_t li a { font-size: 23px; } .product-ry .item .cpzs_wb .cpzs_wb_t { font-size: 20px; } .index-about-bj { padding: 50px 0; } .infou-ul li h3 span:nth-child(1) { font-size: 40px; } .infou-ul li p { font-size: 16px; } .index-cases-wb { padding: 0 40px; } .index-cases-wb a { font-size: 20px; } .foot-logo { display: none; } .foot-lxfs { width: 65%; } .foot-hz-nav { margin-right: 7%; } .m4_2 ul li { width: 50%; } .news-list .news-list_item { width: 48%; margin-right: 4%; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); margin-bottom: 18px; } .news-list .news-list_item:nth-child(2n) { margin-right: 0; } /***--内页代码***/ .about_banner-sj { background: url(../images/mob_about_banner.jpg) center 0 no-repeat; } .product_banner-sj { background: url(../images/mob_pro_banner.jpg) center 0 no-repeat; } .service_banner-sj { background: url(../images/mob_case_banner.jpg) center 0 no-repeat; } .news_banner-sj { background: url(../images/mob_news_banner.jpg) center 0 no-repeat; } .contact_banner-sj { background: url(../images/mob_contact_banner.jpg) center 0 no-repeat; } .down_banner-sj { background: url(../images/mob_down_banner.jpg) center 0 no-repeat; } .job_banner-sj { background: url(../images/mob_job_banner.jpg) center 0 no-repeat; } .dl_banner-sj { background: url(../images/mob_dl_banner.jpg) center 0 no-repeat; } .nbanner-sj { background-size: 100% auto !important; background-attachment: fixed !important; position: relative; z-index: 1; height: calc(100vw * 0.6); display: flex; align-items: center; justify-content: center; overflow: hidden; } .navbx { width: 90%; margin: 0 auto; } .navbx h2 { color: #fff; font-size: 25px; font-weight: normal; letter-spacing: 2px; padding-top: 80px; } .navbx span { color: #fff; font-size: 20px; display: block; padding-top: 0; } /*.navbx {*/ /* width: 90%;*/ /* margin: 0 auto;*/ /*}*/ /*.navbx h2 {*/ /* color: #fff;*/ /* font-size: 18px;*/ /* font-weight: normal;*/ /* letter-spacing: 2px;*/ /* padding-top: 60px;*/ /*}*/ /*.navbx span {*/ /* color: #fff;*/ /* font-size: 14px;*/ /* display: block;*/ /* padding-top: 0;*/ /*}*/ .nbanner { display: none; } /* .ny-banner { display: none; } .ny-banner-sj { display: block; text-align: center; position: relative; } .ny-banner-sj img { width: 100%; } */ .AbHisList .bd .item h4 { font-size: 28px; } .tab-btn-contact a { font-size: 18px; } .contact-map-left h3 { font-size: 22px; } .contact-map-left { font-size: 16px; } .contact-title { font-size: 30px; } .contact-title p { font-size: 22px; margin-top: 30px; } #c-link-box .c-list .c-wrap { padding: 60px; } .sy_cpfl_img ul li { width: 31.3%; } .sy_cpfl_img ul li .text .h1 { font-size: 18px; } .join-wb-left { width: 60%; } .join-wb-right { width: 40%; } .news-tt-title { margin-bottom: 30px; } .news-tt-title a { font-size: 22px; } .ny-news-bottom-nr { font-size: 20px; } .news-ti { font-size: 26px; } .ny-newsshow-right-title { font-size: 26px; } .ny-company-left { margin-top: 0; } .ny-company-left2 { margin-top: 0; } .ny-news-menu li a { font-size: 18px; } .ptt-title { font-size: 24px; } .product-top .l { width: 45%; } .pro-right { width: 50%; } } @media (max-width:1024px) { .index-rmcp-left { width: 100%; } .index-rmcp-right { width: 100%; margin: 15px 0 15px 0; overflow: hidden; } .index-rmcp-left-title { font-size: 32px; } .index-rmcp-left-nr { font-size: 18px; margin: 20px 0; } .index-rmcp-right-title { font-size: 30px; } .index-rmcp-right-nr { font-size: 18px; margin: 20px 0; } .index-rmcp-right-bottom-title { font-size: 30px; } .index-rmcp-right-bottom-nr { font-size: 18px; margin: 20px 0; } .index-news-right-more { bottom: 26%; } .feedback-k { width: 48%; margin-right: 1%; margin-left: 1%; } } @media (min-width:1024px) { .feedback-k:nth-child(2n) { margin-right: 0; } } @media (max-width:960px) { #home_slider { display: none; } #home_slider2 { display: block; } .banner-titie span { font-size: 35px; } .banner-titie p.banner-bt { margin: 30px 0 10px; font-size: 28px !important; line-height: 30px; } .banner-titie p.banner-bt2 { margin: 20px 0 30px; font-size: 28px !important; line-height: 30px; } .banner-titie p { margin-bottom: 10px; font-size: 18px; line-height: 27px !important; } .index-title { font-size: 28px; line-height: 30px; } .navbx h2 { font-size: 18px; } .navbx span { font-size: 14px; } .index-rmcp-right-bottom-left { width: 100%; margin-bottom: 15px; margin-right: 0; } .pro_gg-list { display: flex; flex-direction: column; align-items: center; } .index-pro-hz { width: 100%; margin-right:0; } .pro_gg-wb-title a { font-size: 22px; } .pro_gg-left { width: 100%; } .pro_gg-wb { padding: 6%; float: left; width: 100%; } .pro_gg-wb-title { font-size: 26px; } .pro_con, .news_con { margin-top: 40px; } .pro_t li { padding: 10px 15px } .news_t li { padding: 0 15px } .pro_t li a, .news_t li a { font-size: 20px; } .pro-tab_list .pro-tab_item { padding: 0 15px 10px !important; } .pro-tab_list .pro-tab_item a { font-size: 20px; } .index-about-left { width: 100%; } .index-about-right { width: 100%; margin-top: 40px; } .index-cases-hz { width: 100%; margin-bottom: 15px; } .index-cases-wb { padding: 0 30px; } .index-cases-wb a { font-size: 18px; } .m4_2 ul li { width: 100%; } .m4_2 ul li .m4_2a { margin-right: 0; } .m4_2a_1 h3, .news-list_item h3 { font-size: 18px !important; } .m4_2a { padding: 20px; } .news-list .news-list_item { width: 100%; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); margin-bottom: 18px; } .contact { height: auto; display: flex; flex-direction: column; align-items: center; } .contact .text { width: 100%; height: auto; position: relative; } .contact .text p, .contact .text .list { width: 100% !important; } .contact .text .title { font-size: 20px; } .download .down-item { height: auto; line-height: 1; margin-bottom: 10px; border-radius: 10px; } .download .down-item:hover { box-shadow: 0 3px 6px rgba(32, 43, 51, 0.18); } .download .down-item .down-name { width: 100%; margin-right: 0; padding: 0 10px; font-size: 14px; line-height: 60px; } .down-item .down-i, .down-item .down-t { display: none; } .dlbox .dl-left .dl-item { margin-bottom: 10px; padding: 5px; } .dlbox .dl-pic { display: none; } .dlbox .dl-left { width: 100%; } .dlbox .dl-right { display: none; } .dl-oper .dl-btn a { font-size: 14px; } .dl-oper .dl-btn { width: 130px; } .pro-show_main { width: 100%; } .pro-show_left, .pro-show_right { width: 100%; } .pro-show_right h1 { margin-top: 10px; } .pro-show_right .price-box { width: 100%; } .pro-show_title { height: 40px; } .pro-show_title h3 { background: #093190; width: 120px; line-height: 40px; text-align: center; color: #fff; font-weight: 500; font-size: 16px; } .pro-show_right .pro-text1 { width: 100%; } .foot-contact-hz { margin-left: 0; width: 100%; margin-top: 50px; } .foot-lxfs { display: none; } .foot-logo { display: none; } .float-kf{ display: none !important; } #firstpane { display: block; } .menu_head { font-size: 17px; font-weight: 500; color: #fff; line-height: 50px; cursor: pointer; border-bottom: 1px solid #b1c8ff; position: relative; background: url(../images/pro_left.png) center right no-repeat; } .menu_list .current { background: url(../images/pro_down.png) center right no-repeat; } .menu_body { width: 100%; height: auto; overflow: hidden; margin: 15px 0; line-height: 35px; } .menu_body a { display: block; width: 100%; color: #fff; } .menu_body a:hover { text-decoration: none; } .foot-contact-hz { border-left: none; padding-left: 0; } .foot-bq-pc { display: none; } .f_logo { display: none; } .product-list li { width: 46%; margin: 0 2% 4% 2%; } .about-title { font-size: 23px; } .about-ryzz-title { font-size: 28px; } .AbHisBg h2 { font-size: 28px; } .AbHisBg { padding: 60px 0; } .about-left { width: 100%; } .about-right { /* width:100%;margin-top:30px; */ display: none; } .about-pic img { width: 80% } .about-qyzl { margin-top: 50px; padding-top: 50px; } .about-qyzl-a { width: 48%; margin-bottom: 20px; } .about-qyzl-a-title { font-size: 22px; } .about-left { font-size: 15px; line-height: 30px; } .about-qy-hz { margin-top: 10%; } .tab-btn a { width: 31.3%; padding: 0; margin-bottom: 10px; } .about-qy-hz h3 { font-size: 22px; } .about-qy-left { width: 100%; font-size: 15px; } .about-qy-right { width: 100%; margin-top: 30px; } .contact-map-left { width: 100%; padding: 40px; font-size: 15px; line-height: 30px; } .relbar-map { width: 100%; } .tab-btn-contact a { font-size: 16px; } .contact-map-left h3 { font-size: 20px; } .contact-title { font-size: 26px; } .contact-title p { font-size: 20px; } .contact-hz { margin: 0; } #c-link-box, #c-profile2, #c-profile3 .c-mask { padding: 60px 0; } #c-link-box .c-list .c-wrap { padding: 30px; } #c-link-box .c-list li { margin-bottom: 20px; width: 100%; } #c-link-box .c-list li:last-child { margin: 0; } #c-link-box .c-list .c-wrap .c-title { margin-bottom: 10px; font-size: 20px; } #c-visualization { background: #fff; } #c-visualization .c-list { position: relative; top: 0; box-shadow: none; } #c-link-box .c-list .c-wrap .c-text { padding-right: 22px; background: url(../images/jt4.png)no-repeat right center; background-size: 10px auto; } #c-link-box .c-list .c-wrap .c-img-box { width: 40px; } .join-wb-left { width: 100%; padding: 30px; } .join-wb-right { width: 100%; margin-top: 0; } .about-title p { font-size: 17px; } .feedback-nr { font-size: 15px; } .feedback-title { font-size: 18px; } .feedback-k p { font-size: 16px; } .feedback-k2 p { font-size: 16px; } .feedback-k { width: 100%; margin-left: 0; margin-right: 0; } .soka { font-size: 15px; line-height: 54px; } .sokb { font-size: 15px; } .feedback-k { margin-bottom: 35px; } .news-tt-pic { width: 100%; } .news-tt-right { width: 100%; padding: 40px; } .news-tt-title a { font-size: 20px; } .news-tt-more-hz { margin-top: 60px; } .ny-news-bottom-hz { margin-left: -2%; margin-right: -2%; } .ny-news-bottom { width: 46%; margin-left: 2%; margin-right: 2%; } .ny-news-bottom-nr-hz { padding: 30px; } .ny-news-bottom-nr { font-size: 18px; } .ny-newsshow-left { width: 100%; border: none; padding: 50px 0 0 0; margin-bottom: 30px; } .ny-newsshow-right { width: 100%; padding-top: 0; margin-bottom: 50px; padding-left: 0; } .ny-news-menu li a { font-size: 16px; } .news-ti { font-size: 24px; } .ny-newsshow-right-title { font-size: 24px; } .ny-title { font-size: 24px; margin-bottom: 20px; } .ny-newsshow-right-nr li a { font-size: 16px; } .index-product-right-title { font-size: 20px; } .index-product-left { width: 100%; margin-top: 30px; } .index-product-right { width: 100%; padding: 30px 20px; } .prc1 .prtp .prt { width: 100%; float: left; margin-top: 50px; } .product-top .l { width: 100%; } .product-xq-sj { display: block; width: 98%; margin: 0 1%; } .product-top { display: none; } .ptt-title { font-size: 22px; } .prc1 .prtp .prt .ptc { -webkit-line-clamp: 50; } .tabs .horizontal li { font-size: 22px; } } @media (max-width:768px) { .foot-contact { float: left; width: 100%; } .foot-contact li { margin-left: 0; } .about-menu-right li a { font-size: 16px; } .about-qy-left { width: 100%; } .about-qy-right { width: 100%; margin-top: 30px; } .sy_cpfl_img ul { margin-right: -2%; margin-left: -2%; } .sy_cpfl_img ul li { width: 46%; margin-right: 2%; margin-left: 2%; } .sy_cpfl_img ul li .text .h1 { font-size: 16px; } .sy_cpfl_img ul li .text { padding: 20px; } } @media (max-width:580px) { .block_home_slider .flex-direction-nav a.flex-next { display: none; } .block_home_slider .flex-direction-nav a.flex-prev { display: none; } .hamburger { top: 56%; } .logo img { height: 50px; } .banner-titie span { font-size: 24px; } .banner-titie p.banner-bt { margin: 5px 0; font-size: 18px !important; line-height: 28px; } .banner-titie p.banner-bt2 { margin: 0 0 10px; font-size: 18px !important; line-height: 28px; } .banner-titie p { font-size: 15px; line-height: 27px !important; } .index-rmcp-left-title { font-size: 24px; } .index-rmcp-left-nr { font-size: 16px; margin: 15px 0; } .index-rmcp-left-more { width: 130px; line-height: 35px; } .index-rmcp-right-title { font-size: 24px; } .index-rmcp-right-nr { font-size: 16px; margin: 15px 0; } .index-rmcp-right-box { top: 0; } .index-rmcp-right-more { width: 130px; line-height: 35px; } .index-rmcp-right-bottom-title { font-size: 24px; } .index-rmcp-right-bottom-nr { font-size: 16px; margin: 15px 0; } .product-ry .item .cpzs_wb .cpzs_wb_t { font-size: 18px; } .infou-ul { margin-top: 50px; } .infou-ul li h3 span:nth-child(1) { font-size: 36px; } .infou-ul li p { font-size: 15px; } .infou-ul li { width: 50%; text-align: center; padding: 20px 0; } .index-about-more a { width: 160px; } .index-cases-wb { padding: 0 10px; } .index-cases-wb a { font-size: 17px; } .index-cases-wb p { margin-top: 20px; } .tech05 .box { padding: 12px 20px; } .sy-product-hz { width: 98%; } .pro_t li a { font-size: 16px; } .about-title { font-size: 20px; margin-bottom: 30px; } .about-ryzz-title { font-size: 26px; margin-bottom: 40px; } .AbHisBg h2 { font-size: 26px; } .pro-list-bot b { font-size: 16px; } .index-product-bj { padding: 50px 0; } .foot-hz-cd { font-size: 17px; } .contact-map-left h3 { font-size: 18px; } .contact-title p { font-size: 17px; margin-top: 20px; } .contact-title { font-size: 24px; } .contact-map-left { padding: 40px 20px; } .join-wb-right { height: 400px; } .news-tt-right { padding: 30px 20px; line-height: 28px; } .news-tt-title { margin-bottom: 30px; } .news-tt-title a { font-size: 18px; } .news-tt-more-hz { margin-top: 50px; } .news-tt-more { width: 100%; margin-top: 10px; } .ny-news-bottom-nr-hz { padding: 20px; } .news-ti { font-size: 20px; } .ny-newsshow-right-title { font-size: 20px; } .news-tt-title a { font-size: 16px; } .ny-news-bottom-nr { font-size: 16px; } .ny-company-left { width: 100%; padding: 30px; } .ny-company-pic { width: 100%; } .ny-company-left2 { width: 100%; padding: 30px; } .ny-company-pic2 { width: 100%; } .ny-title { font-size: 20px; } .index-product-right-title { font-size: 18px; } .tabs .horizontal li { font-size: 20px; } } @media (max-width:480px) { .index-cases-wb { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .foot-contact li img { width: 100px; } .news-tt-rq { width: 100%; } .clearfix .item strong { display: none; } .index-news-right-more { bottom: 15%; left: 10%; } } @media (max-width:320px) {}