/* 鎵嬫満绔彍鍗 */ #phone { display: none;} .sm_head { width: 100%; /* position: fixed; */ top: 0; left: 0; z-index: 50; display: none; transition: all .5s; } .sm_logo { width: 100%; background-color: #fff; padding: 15px 0; box-shadow: 0 0 35px rgba(0,0,0,.15); } .sm_logo .container { position: relative; z-index: 1; } .sm_logo a { display: inline-block;} .sm_logo a img { height: 60px;} .dot { /*background-color: #eee; */ width: 35px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 1; } .dot span { display: block; width: 100%; height: 4px; background-color: #007AFF; border-radius: 18px; margin: 7px 0; opacity: 1; transform-origin: center center; transition: all .35s; } .ac_close span:nth-child(2) { opacity: 0; transition: all .35s; } .ac_close span:nth-child(1) { transform: translate(0,12px) rotate(45deg) ; } .ac_close span:nth-child(3) { transform: translate(0,-10px) rotate(-45deg) ; } .sm_body { width: 100%; background-color: rgba(255,255,255,.95); position: absolute; z-index: 5; display: none; } .sm_body ul { list-style: none; width: 100% !important; padding: 0;} .sm_body ul li { text-align: center; line-height: 3.5; color: #333; font-size: 20px; border-top: 1px #dcdcdc solid; } .sm_body ul li a { display: block; text-decoration: none; color: #333; } @media screen and (min-width: 1100px) and (max-width: 1200px) { .package-for-search { border-right :none ; } } @media screen and (min-width:1080px) and (max-width:1440px) { /* 2023-8 */ #copy_wrapper table thead tr td span { line-height: .44rem; } /* 2023-8-end */ /* 3-15 */ #copy_wrapper .dataTables_scrollHead thead tr td:last-child { min-width: 2rem !important; } .pro_name { padding-left: .4rem; } .tipsbox2 a { height: 28px; width: 28px; line-height: 25px; } a.icon-pdf { width: .4rem; height: .4rem; font-size: .14rem; background-size: auto 59%; } .swing table tbody tr td { height: 47px; font-size: 14px; } .cp-parameterlist p { font-size: 14px; padding-left: 27px; } .cp-parameterlist p em { width: .3rem; height: .3rem; background-position: center 1px; background-size: .22rem; } .pk-tab table tr td input.nums , input.btn-search { margin-top: -1px; } /* 3-15-end */ .cp-parameterlist p { /*height: .6rem;*/ height: auto; padding: 11px; padding-left: 30px; } .fast-pk-link a { width: 44%; } .pk-tab table tr td button { height: .5rem; line-height: .5rem; font-size: .16rem; margin-top: .1rem; } .pk_result .container, .fengzhuang .container, .cp_canshu .container , .cp_wendang .container { width: 16rem; } .canshu_info ul li { line-height: 1.5; font-size: .22rem; } #inban { height: 2.5rem; /*padding-top: 2.2rem;*/ background-size: cover; background-position: center center; } .innerban h3 { font-size: .55rem; } } @media only screen and ( min-width : 768px) and (max-device-width : 1024px) (orientation: landscape) { .container { width: 90%; } .links a { font-size: 12px;} .searchbar { width: 100%; height: 40px; line-height: 40px; background: -webkit-linear-gradient(left, #3399FF 16%,#E6E6E6 15%); background: -moz-linear-gradient(left, #3399FF 16%,#E6E6E6 15%); background: -ms-linear-gradient(left, #3399FF 16%,#E6E6E6 15%); background: linear-gradient(left, #3399FF 16%,#E6E6E6 15%); } .cp-type { height: 7rem; } .cp-type p { font-size: 15px; padding-left: 25px; } .cp-type h4 { font-size: 20px; margin-top: 15px; } .site_txt { padding: 0; padding-right: 15px; padding-left: 27px; width: 13%; float: left; color: #fff; font-size: 16px; background-color: #3399FF; background-position: 75% center; background-size: 15px; } .site_form { padding: 0 20px; width: 86%; } .site_form form { height: 40px;} .site_form form input { font-size: 14px; } button.btn_search { width: 40px; height: 40px; background-size: 45%; } .cp-parameter { width: 22%; margin-right: 4%; } .cp-content { width: 72%; } .cp-parameterlist p { height: auto; padding: 5px; padding-left: 23px; font-size: 14px; line-height: 1.8; } .cp-parameter dd p { font-size: 14px; } .cp-parameterlist p em { display: inline-block; width: 17px; height: 30px; background-position: center 7px; background-size: 15px; position: absolute; } .cp-parameter h4 { font-size: 18px; } button.reClear, button.reClear:hover { font-size: 12px; height: 30px; border-radius: 5px; padding: 0 12px; } .cp-select-tips { padding-left: 25px; color: #999; font-size: 14px; background-size: 16px; } .btns { width: 100%; margin-bottom: 25px; } .btns button { margin-right: 2%; width: 90px; height: 35px; line-height: 35px; margin-bottom: 0.25rem; font-size: 15px; border-radius: 5px; float: left; } #shuoming span { font-size: 14px !important; padding-left: 17px; line-height: 2.5; } .cp-content table thead tr td, .pk_result table thead tr td { font-size: 16px; } .pro_name { padding-left: 25px; } .tipsbox2 a { display: inline-block; height: 25px; width: 25px; line-height: 22px; font-size: 12px; } #copy_wrapper { top: 3px;} div#table_for_product_paginate a.paginate_button, div#table_for_package_paginate a.paginate_button { width: 30px; height: 30px; line-height: 30px; } div#table_for_product_paginate a.previous, div#table_for_package_paginate a.previous { background-position: center 6px; background-size: 10px; } div#table_for_product_paginate a.next, div#table_for_package_paginate a.next { background-position: center -81px; background-size: 10px; } .total_pages { font-size: 18px;} .total_pages span { font-size: 20px; } .package-for-search { width: 48%; height: auto; border-right: 1px #999 solid; float: left; } .pk-type { width: 48%; height: auto; margin-left: 4%; border-right: none; float: left; } .pk-tab { width: 100%; padding: 0 15px; clear: both; margin-top: 25px; } .package-for-search h3 , .package-panel h6 { font-size: 20px; margin-bottom: 0; line-height: 1.5; } .package-panel form { display: block; width: 97%; height: auto; } .package-panel form input { width: 80%; height: 100%; padding: 0 15px; font-size: 14px; } .package-panel form button { background-size: 20px; width: 40px; height: 100%; } .pk-tab table tr td:nth-child(1) { text-align: right; padding-right: 20px; font-size: 16px; width: 30%; } .pk-tab table tr td p label { font-size: 15px; } .pk-tab table tr td button { width: 41%; height: 40px; line-height: 40px; font-size: 16px; margin-top: 15px; margin-right: 2%; } .pk_result { margin-top: 60px; } .pk_result h3 { font-size: 24px; color: #333; margin-bottom: 15px; } #table_for_package_wrapper tr td { min-width: 100px; } #table_for_package_wrapper tr td:nth-child(3) { min-width: 190px; padding-top: 10px; padding-bottom: 10px; } #table_for_package tr td { font-size: 15px; } a.icon-pdf { width: 40px; height: 30px; } .canshu_info ul li { width: 48%; float: left; height: auto; padding-bottom: 5px; border-bottom: 1px #dcdcdc solid; margin-right: 4%; margin-bottom: 10px; font-size: 15px; } h3.co-innertittle { border-left: 5px #3399ff solid; font-size: 22px; color: #333; line-height: 1; margin-bottom: 20px; padding-left: 8px; } .cp_desc h3 { font-size: 24px; } .cp_detrction { font-size: 14px; } .wd_download table thead b { font-size: 20px; } a.icon_d { width: 50px; height: 50px; background-position: center 10px; } .wd_download table tbody td { font-size: 15px; } .wd_download table h4 a { display: inline-block; padding-left: 31px; background-size: auto 95px; } } /* 3-15 */ @media screen and (max-width:768px) { .headtop { display: none;} .sm_head { display: block;} /* 棣栭〉鎼滅储 */ .home_search { height: 380px; padding: 0; } .t-head { height: 45px; margin-bottom: 3px; } .t-head p { font-size: 18px; line-height: 1.8;} .t-body {min-height: 60px; } .searchbox { height: 40px; } .searchbox form input.search_all {line-height: 60px; font-size: 14px; padding: 6px 20px;} .tab_t,.slogan { position: static; transform: translateY(0); } .slogan { display: none;} .slogan h3 { font-size: 19px; line-height: 1.8; margin-bottom: 15px; } .slogan p { font-size: 16px; } .slogan a { display: block; text-decoration: none; text-align: center; margin-left: auto; margin-right: auto; color: #fff; border: 1px #fff solid; width: 100px; height: 36px; font-size: 14px; line-height: 36px; margin-top: 33px; } .cs_boxs h5{ font-size: 18px; margin-bottom: 8px; } .cs_boxs ul { height: 220px;} .cs_boxs ul li { padding-left: 20px; background-size: auto 13px; margin: 5px 0; font-size: 15px; line-height: 1.8; } .cs_boxs ul li a { background-size: 20px ;} /* 棣栭〉鏂颁骇鍝 */ .chanpins { width: 70% !important; margin-left: 30%; text-align: left !important; padding-left: 23px; height: 100px; line-height: 100px; } .chanpins h3 { line-height: 51px; } .chanpins-leftpic { width: 24% !important; height: auto; overflow: hidden; position: absolute; left: 0; z-index: 5; } /* 涓烘偍鎺ㄨ崘 */ .lan-1 .elementor-image-box-content { width: 69% !important; position: absolute; top: 0; padding: 10px; right: 0; } /* 鍏ㄥ眬鎼滅储 */ .searchbar { width: 100%; height: 44px; overflow: hidden; line-height: 44px; } .site_txt { padding: 0 17px; padding-right: 27px; width: 23%; float: left; font-size: 15px; background-position: 86% center; background-size: 12px; } .site_form { padding: 0 0 0 15px; width: 73%; } .site_form form { height: 46px; } .site_form form input { display: block; width: 80%; height: 96%; font-size: 13px; } button.btn_search { display: block; width: 36px; height: 100%; background-size: 18px; } .foot { width: 100%; margin-top: 15px; background-color: #001c38; padding: 30px 0; color: #fff; } .ft-logo { margin-bottom: 35px; text-align: left; } .ft-contact dl { width: 50%; float: left; margin-bottom: 50px; } .ft-contact dl:nth-child(3) { width: 100%; clear: both;} .ft-contact dt { width: 100%; height: auto; font-size: 16px; margin-bottom: 10px; } .ft-contact dd { font-size: 14px;} /*.copyright { border-top: 1px rgba(255,255,255,.2) solid; margin-top: 20px; padding-top: 20px; font-size: 12px; color: rgba(255,255,255,.5); } */ /* 鍒嗗壊绾 */ #phone { display: block; } #pc { display: none; } #inban { height: 200px; padding-top: 0px; } .container { width: 98%; } .innerban { margin-bottom: 45px; padding-top: 0; } .innerban h3 { font-size: 32px; } hr.line { width: 66px; } .dataTables_wrapper { overflow: scroll; margin-bottom: 37px; } .co-title { font-size: 28px !important; margin-bottom: 20px; } .line-range { display: none;} /* paroduct */ .cp-type { width: 100%; float: none; height: auto; margin-right: 0; margin-bottom: 30px; background-color: #F6F7F8; padding: 20px; } .cp-type h4 { font-size: 20px; margin-bottom: 10px; } .pc_img { width: 100%; height: 100px; position: relative; z-index: 1; margin-bottom: 10px; } .cp-type p { font-size: 16px; padding-left: 25px; } .cates-child-p { width: 100% !important; float: none !important; } .box_pc { padding-top: 30px; margin-bottom: 50px; } .cp-box { padding-left: 0; width: calc(100% - 40px) ; } .showMore { padding-left: 0px !important; } .cp-parameter { width: 100%; float: none; margin-right: 0; padding-top: 15px; opacity: 1; margin-bottom: 50px; position: static; border-right: 0; transform: translateX(0%); } .cp-parameterlist { padding-right: 0; overflow-y: auto !important; } .cp-parameter dl { height: 60px; margin-bottom: 30px; } .cp-parameter dd p { font-size: 18px; } .cp-parameter h4 { font-size: 20px; margin-bottom: 15px; text-transform: capitalize; } .cp-select-tips { padding-left: 25px; font-size: 15px; background-size: 16px; } .cp-parameterlist p { height: 40px; padding: 5px; padding-left: 30px; font-size: 15px; line-height: 32px; /* display: inline-block; min-width: 45%; margin-right: 0%; */ } .cp-parameterlist p input { width: 15px; height: 15px; border: 1px #007AFF solid; background-color: #007AFF; } .cp-parameterlist p em { display: inline-block; width: 25px; height: 25px; background-position: center 6px; background-size: 15px; } .cp-content { width: 100%; float: none; margin-bottom: 50px; } .btns { width: 100%; margin-top: 0; float: none; } .btns button { margin-right: 4%; /*width: 101px; height: 35px; line-height: 35px;*/ margin-bottom: 15px; font-size: 14px; border-radius: 5px; float: left; } /* 2023-8 ds */ .cp-tittle-bar { margin-bottom: 15px !important; width: 100%; display: block; } .cp-tittle-bar dl { width: 100%; margin-right: 25px; height: 56px; border-left: 4px #2f99fd solid; margin-bottom: 25px; float: none; } .cp-tittle-bar dl dt { width: 30%;} .cp-tittle-bar dl dd { width: 70%;} .cp-tittle-bar dl dd p { font-size: 18px; } .sticky { width: calc(90% - 20px) !important; } .show-panel { display: none !important; } .swing table tbody tr td { height: 50px; } #copy_wrapper table thead tr td span { line-height: 42px; } .canzhao-searchbar { display: block !important; } .search-border { width: 100% !important; border: 1px #dcdcdc solid; border-radius: 5px; padding: 0 2px; height: 41px; font-size: 13px; line-height: 49px; margin-right: 15px; } p.upload_all button { width: 100%; margin-top: 15px;} p.upload_all sub { bottom: 0px !important;} .wd_refer { width: 100%; overflow: scroll;} .elementor-kit-7 h4 a, .content table tr td { font-size: 16px !important; } /* 2023-8 -end */ div#table_for_product_length, div#table_for_package_length { float: none; margin-top: 12px; color: #999; font-size: 16px; width: 100%; margin-bottom: 15px; text-align: right; } .dataTables_wrapper .dataTables_length select { border: 1px solid #aaa; border-radius: 3px; padding: 5px; background-color: transparent; padding: 4px; width: 75px; display: inline-block !important; } #copy_wrapper { top: 77px; left: -1px; margin-bottom: 0; bottom: 0px ; } .cp-content table thead tr td, .pk_result table thead tr td { font-size: 16px; min-width: 40px; } .pro_name { padding-left: 28px; } button.reClear, button.reClear:hover { font-size: 13px; height: 30px; border-radius: 5px; padding: 0 15px; } #shuoming span { float: none; width: 46%; height: 100%; padding-left: 14px; font-size: 16px !important; line-height: 2.5; margin-right: 10px; } .tipsbox2 a { height: 25px; width: 25px; line-height: 22px; font-size: 12px; } table.dataTable thead span img { height: 25px; } a.icon-pdf { width: 40px; height: 30px; } div#table_for_product_paginate a.paginate_button, div#table_for_package_paginate a.paginate_button { width: 30px; height: 30px; line-height: 30px; } div#table_for_product_paginate a.previous, div#table_for_package_paginate a.previous { background-position: center 7px; background-size: 10px; } div#table_for_product_paginate a.next, div#table_for_package_paginate a.next { background-position: center -81px; background-size: 10px; } .total_pages { font-size: 18px; } .total_pages span { font-size: 20px; } .btn_close { width: 30px; height: 30px; top: 20px; right: 20px; } .settingbox { padding: 20px; min-height: 84vh; width: 100%; margin: auto; margin-top: 8vh; position: relative; z-index: 1; /*overflow-y: hidden;*/ } #copy_wrapper tr td:nth-child(1) { display: none;} .param-type,.param-panel,.param-result { width: 100%; height: auto; float: none; margin-bottom: 15px; } .param-type h3 { font-size: 18px; } .param-type p { font-size: 14px; display: inline-block; margin-right: 5%; width: auto;} .param-type p i { display: inline-block; } .param-panel .items { position: static;} .search_for_packege { display: none;} .param-panel { min-height: unset; height: 150px; margin-top:0px; overflow-y: scroll; background-color: #eee; padding: 8px 15px; /* position: absolute; top: 0; transform: translateX(100%);*/ } .param-panel hr { display: none; } .param-panel .items label { font-size: 15px; } .param-result { position: static; bottom: 20px; width: 100%; background-color: transparent; padding: 0; } .param-result p { display: none;} .param-result button { width: 49%; height: 40px; position: static; bottom: 0; } .param-type ul { display: block; height: 37vh;} /* 灏佽 */ .package-panel { padding: 25px;margin-bottom: 50px; } .package-for-search, .pk-type { height: auto; border: none; padding: 0 15px; margin-bottom: 15px; } .package-for-search h3,.package-panel h6 { font-size: 18px; margin-bottom: 10px; } .package-panel form { height: auto; font-size: 14px; } .package-panel form input { height: 100%; padding: 0 15px; font-size: 14px; } .package-panel form button { width: 40px; height: 100%; background-color: #007AFF; background-size: 20px; background-position: center 48%; } .pk-type form::after { right: 16px; } .pk-tab { padding-left: 15px; } .pk-tab table tr td:nth-child(1) { padding-right: 16px; font-size: 16px; width: 29%; } .pk-tab table tr td p, .pk-tab table tr td p.zhi { width: 96%; } .pk-tab table tr td p.zhi input {height: 12px; width: 12px; padding: 0;} .pk-tab table tr td p label { font-size: 15px; } .pk-tab table tr td button { height: 35px; line-height: 35px; font-size: 14px; margin-top: 8px; margin-right: 2%; } .pk_result h3 { font-size: 24px; margin-bottom: 8px; } .content table tr td { font-size: 14px ;} #table_for_package img { height: ayto; } #table_for_package tr td { font-size: 15px; } #table_for_package_wrapper table thead tr td {min-width: 108px;} #table_for_package_wrapper table thead tr td:last-child {min-width: 60px;} #table_for_package tr td:nth-child(1) { width: 8% !important; min-width: 100px; } #table_for_package_wrapper table tr td:nth-child(3) {min-width: 200px;} #table_for_package tr td:nth-child(2) { width: 8% !important; } #table_for_package tr td:nth-child(4) , #table_for_package tr td:nth-child(5){ width: 5% !important; } /* 3-24 */ .pk-tab .tijiao2 { padding-left: 0; text-align: center; } /* 璇︽儏椤 */ .cp_imgs { width: 40%; height: 136px; } .cp_desc { width: 48%; height: auto; padding: 0; } .cp_desc h3 { font-size: 20px; margin-bottom: 8px; } .cp_detrction { font-size: 14px; } a.f_download { display: block; width: 110px; height: 35px; text-align: center; background-color: #3399ff; color: #fff; font-size: 14px; margin-top: 17px; line-height: 35px; text-decoration: none; } .cp_canshu { margin-bottom: 35px; margin-top: 35px; } h3.co-innertittle { font-size: 18px; margin-bottom: 15px; padding-left: 15px; } .canshu_info ul li { width: 100%; float: none; height: auto; padding-bottom: 6px; margin-right: 0; margin-bottom: 9px; font-size: 16px; } .content thead tr td { font-size: 15px;padding:8px 15px; } .wd_download table thead b { font-size: 18px; } .wd_download table tbody td { color: #333; font-size: 15px; line-height: 1.35; padding: 10px 15px; background-color: #f4f4f4; } .wd_download table h4 a { padding: 0 15px; width: auto; height: 50px; /* background-image: none; */ line-height: 1.5; padding-top: 0; background-size: auto 118px; background-position: left 6px; font-size: 16px; display: inline-block; } a.icon_d { width: 25px; height: 25px; background-size: cover; } .wd_download table td:nth-child(1) { width: 37%; } .wd_download { margin-bottom: 60px;} .package-panel .formtables input { height: auto; padding: 0 15px; font-size: 14px; border: none; } .package-panel .formtables input.cp-name { display: block; width: 97%; height: 40px; border: 1px rgba(0,0,0,.5) solid; border-radius: 20px; position: relative; z-index: 1; margin: 20px 0; overflow: hidden; font-size: 16px; } .package-panel .formtables { display: block; width: 97%; height: auto; border: none; border-radius: 20px; position: relative; z-index: 1; margin: 10px 0; overflow: hidden; font-size: 15px; } .pk-type .formtables::after { content: ""; right: 18px; } .pk-tab .tijiao2 button { /*width: 41%;*/ width: auto; height: 40px; line-height: 40px; background-color: #007AFF; color: #fff; font-size: 14px; margin-top: 8px; margin-right: 5%; padding: 0 20px; } .yema { margin-bottom: 68px; } .fenye ul a { float: left; margin-right: 10px; height: 30px; min-width: 30px; border: 1px #dcdcdc solid; text-align: center; line-height: 30px; text-decoration: none; margin-bottom: 8px; } span.total i, .total_pages span { font-size: 20px; } .fenye a.next, div#table_for_product_paginate a.next, div#table_for_package_paginate a.next { background-position: center -81px; background-size: 10px; } .fenye a.prev, div#table_for_product_paginate a.previous, div#table_for_package_paginate a.previous { background-position: center 6px; background-size: 10px; } /* 12-30 */ #copy_wrapper table.tabls.display.nowrap.dataTable.no-footer { min-width: 142px; } .fenye { width: 100%; text-align: right; font-size: 18px; line-height: 1; } ul#hot_list li { font-size: 14px; } nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { left: -50vw;top: 49px; } .click-hide ,.result_box { display: none; } .cp-parameterlist { max-height: unset; } .cp-parameter:hover { border-right: none; padding-right: 0; } .cp-parameterlist { padding-right: 0; overflow-y: unset; } .cp-parameterlist:hover { overflow-y: auto;} /* 瀛愮被鍒嗙被鍗曢〉鏁堟灉 */ .panel_child { padding: 30px; } .panel_child h2 { font-size: 24px; text-align: center; margin-bottom: 35px; } .panel_child ul { display: block; } .panel_child ul li { width: 100%; height: 100px; float: none; margin-right: 0; margin-bottom: 25px; position: relative; z-index: 1; padding-left: 55%; } .panel_child ul li .childs_pics { width: 50%; height: 100%; position: absolute; left: 0; top: 0; } .panel_child ul li p { height: 100%; width: 100%; display: table; } .panel_child ul li p a { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; } /* 瀛愮被鍒嗙被鍗曢〉鏁堟灉-end */ /* 4-12灏佽淇敼 */ #table_for_package_wrapper .dataTables_scrollBody { overflow: auto !important; } } /* 鍏煎ipad绔栧睆 and (orientation : portrait) */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* 鍏ㄥ眬鎼滅储 */ .site_txt { padding-right: 40px; } /* 浜у搧椤 */ #shuoming { width: 100%; } #shuoming span { float: none; width: auto; height: 100%; margin-right: 32px; } /*nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { left: -57vw !important; }*/ } @media (width : 1024px) { }