/*鎶曡祫鑰呭叧绯�*/ .investor_01{padding: 60px 0 90px;overflow: hidden;} .investor_years{display: inline-block;width: 100%;} .investor_years-con{float: right;width: 460px;padding: 10px 0px;box-sizing: border-box;background: #fff;border-radius: 5px;} .investor_yearsL{width: 84px;float: left;} .investor_yearsR{width: 376px;float: left;} .investor_yearsL .selectInput{height: 25px;background: #fff;color: #000000;} .investor_yearsL .selectInput input{color: #000000;} .investor_yearsL .selectInput img{ top: 10px; right: 20px; position: absolute; font-size: 16px; transition: all .3s; } .investor_yearsR{border-left: 1px solid #d0d0d0;box-sizing: border-box;padding: 0 20px;height: 25px;position: relative;} .investor_yearsR input{border: none;display: block;width: 100%;height: 100%;} .investor_yearsR button{position: absolute;right: 20px;top: 2px;background: none;border: none;box-shadow: inherit;font-size: 20px;} .investor_yearsL .selectUl{top: 36px;} .research_table { margin-top: 40px; } .ph_table { width: 100%; margin-bottom: 20px; } .ph_table li{margin-top: 20px;color: #fff;} .ph_table thead td { color: #353434; background: #e6ebed; font-weight: bold; font-size: 16px; padding: 35px 0; border-bottom: 3px solid #ff0202; } .ph_table tbody td { text-align: left; padding: 25px 0; } .ph_table tbody td a{display: block;width: 100%;} .ph_table tbody td i{color: #ff0202;font-size: 20px;margin-right: 25px;margin-bottom: 3px;float: left;width: 20px;height: 27px;line-height: 27px;} .ph_table tbody td span{float: left;width: calc(100% - 50px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ph_table .t1 { width: 70%; float: none; padding-left: 50px; } .ph_table .t2 { width: 15%; text-align: left; float: none; } .ph_table .t3 { width: 15%; text-align: center; float: none; } .ph_table tbody td:first-child { padding-left: 50px; } .ph_table tbody tr{ background: rgba(255,255,255,.8); } .ph_table tbody tr:nth-child(2n) { background: rgba(241,246,247,0.8); } @media only screen and (min-width:1025px) { .ph_table tbody td:last-child:hover .hover_block_img { display: block; } } @media only screen and (max-width:1024px) { .ph_table .t1 { width: 60%; } .ph_table .t3 { width: 25%; } .ph_table tbody td i{height: 24px;line-height: 24px;} } @media only screen and (max-width:767px) { .ph_table, .ph_table thead, .ph_table tbody, .ph_table th, .ph_table td, .ph_table tr { display: block;overflow: hidden; } .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; } .ph_table tr { border: 1px solid #dadada; border-bottom: 0; margin-bottom: 20px; } .ph_table td { border: none; border-bottom: 1px solid #dadada; position: relative; padding: 5px 0; padding-left: 6em; white-space: normal; text-align: left; } .ph_table td:before { position: absolute; top: 0; left: 0; padding: 10px 0; width: 6em; text-indent: 10px; white-space: nowrap; text-align: left; } .ph_table td:before { content: attr(data-title); } .ph_table tbody td { padding: 10px 0; text-align: right; padding-right: 15px; overflow: hidden; } .ph_table tbody td:first-child { text-align: right;padding-left: 6em; } .ph_table tbody td i{margin-right: 10px;} .ph_table tbody td span{width: calc(100% - 35px);} .investor_years-con{width: 100%;} .investor_yearsL{width: 30%;} .investor_yearsR{width: 70%;} .research_table{margin-top: 20px;} .investor_01{padding: 40px 0 50px;} } /*鍏徃淇℃伅*/ .site_banner{overflow: hidden;} .stockCon{position: absolute;right: 10%;box-sizing: border-box;bottom: 10%;color: #fff;} .stock01 p{margin-right: 20px;display: inline-block;} .stock01 span{display: inline-block;vertical-align: middle;margin-bottom: 15px;} .stock02 h1{display: inline-block;margin-right: 10px;color: #ff3131;} .stock02.on h1{color: #0d9d32;} .stock02 p{display: inline-block;} .stock02 p img{vertical-align: baseline;margin-right: 10px;} .stock02 p span em{margin-right: 10px;} .stock03{padding: 20px 0;overflow: hidden;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1);margin: 20px 0;} .stock03 li{float: left;margin-right: 40px;} .stock03 li p{margin-bottom: 8px;} .stock03 li span{font-weight: bold;} .information_01{padding: 100px 0;overflow: hidden;} .information_list dl{float: left;width: 48%;margin-right: 4%;margin-bottom: 4%;} .information_list dl:nth-child(2n){margin-right: 0;} .information_list dd{padding: 20px 40px;box-sizing: border-box;border-bottom: 1px solid #ff0202;background: rgba(0,0,0,0.4);color: #fff;} .information_list dt{padding: 20px 40px;box-sizing: border-box;line-height: 30px;background: rgba(255,255,255,0.8);color: #000;height: 334px;} .dtItem{display: inline-block;width: 100%;margin-bottom: 10px;} .information_list dt .dt_name{float: left;margin-right: 20px;text-align: left;color: #000;font-weight: bold;} .information_list dt .dt_txt{float: left;} .information_list dt .dt_txt p{height: auto;} .information_list dl:first-child .dt_name{width: 165px;} .information_list dl:first-child .dt_txt{width: calc(100% - 185px);} .information_list dl:nth-child(2) .dt_name{width: 75px;} .information_list dl:nth-child(2) .dt_txt{width: calc(100% - 95px);} .name_item{float: left;width: 50%;} .name_item a{cursor: inherit;} .information_list dl:nth-child(3) .dt_name{width: 200px;} .information_list dl:nth-child(3) .dt_txt{width: calc(100% - 225px);} .information_list dl:nth-child(4) .dt_name{width: 235px;} .information_list dl:nth-child(4) .dt_txt{width: calc(100% - 260px);} .information_list dl:nth-child(4) .dtItem:last-child .name_item{width: 100%;} @media only screen and (min-width:1025px) { .name_item a:hover{color: #323232!important;} } @media only screen and (max-width:1400px) { .information_list dd{padding: 20px 30px;} .information_list dt{padding: 20px 30px;} } @media only screen and (max-width:1280px) { .information_list dt{font-size: 16px;} } @media only screen and (max-width:1024px) { .information_list dl{width: 100%;height: auto;} .stockCon{right: 5%;width:auto;padding: 15px;} } @media only screen and (max-width:767px) { .stockCon{display: none;} .information_01{padding: 40px 0;} .information_list dt .dt_name{width: 100%;margin-right: 0;text-align: left;} .information_list dt .dt_txt{width: 100%;} .information_list dl:first-child .dt_name{width: 100%;} .information_list dl:first-child .dt_txt{width: 100%;} .information_list dl:nth-child(2) .dt_name,.information_list dl:nth-child(3) .dt_name,.information_list dl:nth-child(4) .dt_name{width: 100%;} .information_list dl:nth-child(2) .dt_txt,.information_list dl:nth-child(3) .dt_txt,.information_list dl:nth-child(4) .dt_txt{width: 100%;} .information_list dd{padding: 20px;} .information_list dt{padding: 20px;height: auto;} .dt_name br{display: none;} } /*娲炬伅鏂规*/ .program_01{padding: 100px 0;overflow: hidden;} .strockImg{background: #fff;} .program_02{padding: 120px 0 175px;overflow: hidden;} .program_tab table{width: 100%;} .program_tab table td{padding: 15px 30px;text-align: center;} .program_tab table thead td{background: rgba(0,0,0,0.4);border-bottom: 4px solid #ff0202;color: #fff;} .program_tab table tbody td{padding: 20px 30px;} .program_tab table tbody tr{background: rgba(255,255,255,.9);} .program_tab table tbody tr:nth-child(2n){background: rgba(241,246,247,0.8);} /*婊氬姩浣�*/ .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#006ebc;} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#006ebc;} @media only screen and (max-width:1300px) { .program_tab table{width: 1200px;} } @media only screen and (max-width:767px) { .program_01{padding: 40px 0;} .program_02{padding: 40px 0 80px;} } /*浜掑姩*/ .interactive_01{padding: 100px 0 160px;box-sizing: border-box;overflow: hidden;} .interactive_item{float: left;width: 48%;margin-right: 4%;position: relative;margin-bottom: 4%;color: #fff;} .interactive_item:nth-child(2n){margin-right: 0;} .interactive_txt{text-align: center;width: 100%;} .interactive_txt img{width: 50px;height: 50px;margin-bottom: 10px;margin-right: 20px;} .interactive_txt a{font-weight: bold;color: #fff;font-style: italic;} .interactive_txt a.tel_link{cursor: inherit;} .interactive_item:nth-child(2n){color: #000;} .interactive_item:nth-child(2n) .interactive_txt a{color: #000;} .interactive_t{overflow: hidden;} .interactive_b{padding: 50px 0;overflow: hidden;text-align: center;color: #fff;} .index_Link .index_LinkA{display: inline-block;width: 180px;height: 40px;line-height: 40px;text-align: center;background: #fff;font-size: 12px; position: relative;border-radius: 5px;cursor: pointer;margin-top: 30px;font-weight: bold;} .index_Link .index_LinkA i{position: absolute;right: 15px;top: 0px;} .interactive_item>p{position: absolute;left: 0;bottom: 15%;text-align: center;width: 100%;font-weight: bold;} @media only screen and (min-width:1025px) { .index_Link .index_LinkA:hover{ background: #0e0e66; color: #fff!important; } .interactive_txt a.tel_link:hover{color: #fff!important;} } @media only screen and (max-width:1560px) { .interactive_txt img{width: 40px;height: 40px;} } @media only screen and (max-width:1024px) { .interactive_01{padding: 60px 0 80px;} } @media only screen and (max-width:767px) { .interactive_01{padding: 40px 0 60px;} .interactive_item{width: 100%;margin-right: 0;margin-bottom: 30px;} } /*浜у搧*/ .product_tab{position: relative;} .product_tab li{padding: 20px 10px;box-sizing: border-box;position: relative;float: left;width: 20%;} .product_tab li.on{background: #f1f6f7;} .product_tab li.on::before{content: "";display: block;position: absolute;left: 0;bottom: 0;height: 5px;background: #ff0202;width: 100%;} .product_tab li a{display: block;text-align: center;font-size: 20px;} .lhl_but>div{background: none;line-height: 44px;font-size: 20px;font-weight: bold;transition: all .3s;} .lhl_but>div.swiper-button-prev{left: -30px;} .lhl_but>div.swiper-button-next{right: -30px;} .product_02{padding: 100px 0;overflow: hidden;box-sizing: border-box;} .productList dl{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;position: relative;overflow: hidden;} .productList dl:nth-child(3n){margin-right: 0;} .productList dl dd{position: relative;} .productList dl dd .dd_txt{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.4);padding: 10px;box-sizing: border-box;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;text-align: center;color: #fff;width: 100%;font-weight: bold;} .productList dl dt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: all .3s;background: #fff; text-align: center;padding: 0 40px;box-sizing: border-box;padding-top: 8%;transform: translateY(100%);color: #323232;} .dt_more{height: 58px;line-height: 58px;border-top: 1px solid #d6d6d6;font-weight: bold;} .dt_txt{height: calc(100% - 58px);line-height: 30px;} .dt_txt h1{margin-bottom: 10px;font-weight: bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .dt_txt p{height: 60px;overflow: hidden;} @media only screen and (min-width:1025px) { .lhl_but>div:hover{color: #ff0202;} .productList dl:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);} .productList dl:hover dt{transform: translateY(0);} } @media only screen and (max-width:1280px) { .product_02{padding: 60px 0;} .productList dl dt{padding: 0 20px;padding-top: 20px;} .dt_more{height: 40px;line-height: 40px;} .dt_txt{height: calc(100% - 40px);line-height: 24px;} .dt_txt p{height: 48px;} } @media only screen and (max-width:1024px) { .product_tab{width: 90%;margin: 0 auto;} } @media only screen and (max-width:767px) { .product_tab{width: 80%;margin: 0 auto;} .product_02{padding: 40px 0;} .productList dl{width: 100%;margin-bottom: 20px;} } /*娴侀噺浠〃*/ .flowmeter00 .product_tab{text-align: center;} .flowmeter00 .product_tab li{display: inline-block;float: none;} .flowmeter00 .swiper-wrapper{display: inherit;} .flowmeter00 .product_tab ul{font-size: 0;} .flowmeter00.on{position: fixed;top: 60px;left:0;background: #fff;z-index: 15;width: 100%;} .flowmeter_01{padding: 7% 0 5%;overflow: hidden;} .pro_R{float: right;width: 38%;height: 159px;background: #fff;} .pro_R .l{float: left;width: calc(100% - 159px);padding: 35px 25px;box-sizing: border-box;line-height: 28px;} .pro_R .l p>a{display: block;height: 56px;overflow: hidden;} .pro_R .l span{display: block;font-size: 12px;color: #0764cb;line-height: 17px;text-transform: uppercase;margin-top: 16px;height: 34px;overflow: hidden;} .pro_R .r{float: left;width: 159px;height: 159px;overflow: hidden;} .pro_R .r a{height: 100%;} .pro_R .r a img{width: 100%;} .pro_L{float: left;width: 60%;} .pro_L p .en_span{margin-top:10px;} .pro_L h1{font-weight: bold;margin-bottom: 20px;} .index_tit{text-align: center;color: #fff;margin-bottom: 65px;} .flowmeter_02 .productList dl dd .dd_txt{} .flowmeter_03{text-align: left;padding: 6% 0;overflow: hidden;color: #fff;} .flowmeter_03 h1{font-weight: bold;margin-bottom: 30px;} .flowmeter_txt{line-height: 30px;} .flowmeter_04{padding: 6% 0;overflow: hidden;} .flowmeter_04 .productList dl:hover dt{height: 50%;bottom: 0;top: auto;} .flowmeter_05{padding: 6% 0;overflow: hidden;} .flowmeter_05 .index_tit{margin-bottom: 50px;} .case_list{position: relative;overflow: hidden;} .case_l{float: left;width: 62%;margin-right: 40px;} .case_r{float: right;width: calc(38% - 40px);position: absolute;right: 0;top: 0;height: 100%;} .case_r dl{height: calc((100% - 40px) / 2);} .case_r dl:first-child{margin-bottom: 40px;} .case_r dl a,.case_r dl dd{height: 100%;display: block;} .case_r dl dd img{width: 100%;height: 100%;} .case_list dl{position: relative;} .case_list dl dt{position: absolute;bottom: 0;left: 0;width: 100%;padding: 40px 45px 20px;box-sizing: border-box;color: #fff; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; background: -moz-linear-gradient(bottom, rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.8)),color-stop(5%,rgba(0,0,0,.3)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(bottom, rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%, rgba(0,0,0,.1) 100%); background: -o-linear-gradient(bottom, rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(bottom, rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%, rgba(0,0,0,0) 100%); background: linear-gradient(to top, rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%, rgba(0,0,0,0) 100%); } @media only screen and (max-width:1560px) { .case_list dl dt{padding: 40px 20px 20px;} .case_l{margin-right: 20px;} .case_r{width: calc(38% - 20px);} .case_r dl{height: calc((100% - 20px) / 2);} .case_r dl:first-child{margin-bottom: 20px;} } @media only screen and (max-width:1400px) { .pro_R .l{padding: 20px;} } @media only screen and (max-width:1200px) { .pro_L{width: calc(100% - 450px);margin-bottom: 30px;} .pro_R{width: 400px;float: right;} .flowmeter00 .product_tab{width: 100%;} } @media only screen and (max-width:1280px) { .pro_L p br{display: none;} } @media only screen and (max-width:767px) { .flowmeter00 .product_tab ul{font-size: 12px;} .flowmeter00 .product_tab li{padding: 15px 5px;background: #f1f6f7;} .flowmeter00 .product_tab li::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 5px; background: #ff0202; width: 100%; } .pro_L{width: 100%;} .pro_R{width: 100%;} .index_tit{margin-bottom: 30px;} .flowmeter00.on{top: 60px;} .flowmeter_01,.flowmeter_03,.flowmeter_04,.flowmeter_05{padding: 40px 0;} .case_l,.case_r{position: static;width: 100%;margin-bottom: 20px;} .flowmeter_05 .index_tit{margin-bottom: 30px;} } /*鐢电娴侀噺璁�*/ .electro_01{text-align: center;padding: 6% 0;overflow: hidden;} .electro_01 h1{font-weight: bold;margin-bottom: 20px;} /*鎴愬姛妗堜緥*/ .case_con{padding: 70px 0 15%;} .case_01{text-align: center;color: #fff;} .case_01 h1{margin-bottom: 40px;} .case_txt{line-height: 35px;} .redLine{display: block;width: 125px;height: 4px;background: #ff0202;margin: 0 auto;margin-top: 30px;} .case_02{margin-top: 50px;} .case_02 h1{text-align: center;color: #fff;} .caseUl_list{margin-top: 45px;border-top: 2px solid #ff0202;background: rgba(255,255,255,.8);padding: 40px 0;box-sizing: border-box;} .caseUl_list dl{margin-bottom: 50px;} .caseUl_list dl dd{padding: 13px 60px;box-sizing: border-box;font-weight: bold;} .caseUl_list dl dt{padding: 0 60px;box-sizing: border-box;line-height: 30px;overflow: hidden;} .annex_item{box-sizing: border-box;overflow: hidden;width: 100%;margin-bottom: 12px;} .annex_item a{display: block;} .annex_item p{float: left;max-width: calc(100% - 62px);border-bottom: 1px solid #323232;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .annex_item span{float: left;margin-left: 30px;width: 42px;} .annex_item span img{display: inline-block;vertical-align: bottom;} @media only screen and (max-width:1024px) { .case_txt p br{display: none;} } @media only screen and (max-width:768px) { .case_con{padding: 40px 0 80px;} .case_01 h1{margin-bottom: 20px;} .case_02{margin-top: 30px;} .caseUl_list{margin-top: 30px;} .caseUl_list dl dd{padding: 13px 20px;} .caseUl_list dl dt{padding: 20px;} .annex_item{width: 100%;border-right: none;} .annex_item:first-child{padding-right: 0px;margin-bottom: 20px;} .annex_item:last-child{padding-left: 0px} } /*浜у搧鍒楄〃椤�*/ .product_con{padding: 6% 0;overflow: hidden;} .product_l{float: left;width: 264px;background: rgba(255,255,255,0.6);box-sizing: border-box;margin-right: 80px;} .product_r{float: left;width: calc(100% - 344px);margin-bottom: 7%;} /*宸︿晶瀵艰埅*/ .left_nav{width:100%;padding-bottom: 30px;} .left_nav>h1{margin-bottom: 25px;padding: 15px 20px;box-sizing: border-box;background: rgba(0,0,0,0.4);color: #fff;border-bottom: 3px solid #f60d0d;} .left_nav >ul >li{} .left_nav >ul >li > ul >li{margin-bottom: 10px;padding: 0 20px;} .item01{position:relative;display: inline-block;width: 100%;color: #000;line-height: 30px;} .item01 >a{float:left;color:#000;width: calc(100% - 40px);} .icon{transition: all .3s;float: right;width: 40px;text-align: right;font-weight: bold;cursor: pointer;} /*.icon.on:before{content: '\e643';font-weight: inherit;}*/ .item02{position:relative;display: inline-block;width: 100%;padding: 10px 0px; box-sizing: border-box;background: #f2f6f7;border-bottom: 1px solid #d6d6d6;} .item02 >a{float:left;width: calc(100% - 40px);font-weight: bold;} .item02 >span{position: absolute;top: 50%;margin-top: -2px;right: 15px;cursor: pointer;width: 40px; text-align: right;} /*.item01 + ul,.item02 + ul{display:none;}*/ .item02 + ul li > a{} .item03{position:relative;display: inline-block;width: 100%;line-height: 30px;box-sizing: border-box;} .item03 >a{float:left;width: 100%;color: #545454;} .item03 + ul,.item02 + ul{display:none;padding: 10px 0;} .item03 + ul li{line-height: 24px;font-size: 12px;} .item03 + ul li > a{color:#b0b0b0;} .item02 + ul li.on .item03 >a{color: #2b9cfc;} .product_list dl{float: left;width: 32%;box-sizing: border-box;margin-bottom: 20px;margin-right: 2%;border: 1px solid #e9e9e9;} .product_list dl:nth-child(3n){margin-right: 0;} .product_list dl dd{background: #fff;box-sizing: border-box;overflow: hidden;} .product_list dl dt{background: #fff;padding: 0px 20px 0;box-sizing: border-box;text-align: left;} .product_list dl dt h1{font-weight: bold;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pro_link{padding: 15px 0;border-top: 1px solid #d6d6d6;margin-top: 10%;} .pro_link a{display: block;text-align: center;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pro_txt{line-height: 30px;height: 60px;overflow: hidden;} @media only screen and (max-width: 1560px) { .product_l{margin-right: 40px;} .product_r{width: calc(100% - 304px);} } @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 1024px) { .product_l{width: 35%;margin-right: 20px;} .product_r{width: calc(65% - 20px);} .product_list dl{width: 48%;margin-right: 4%;} .product_list dl:nth-child(3n){margin-right: 4%;} .product_list dl:nth-child(2n){margin-right: 0;} } @media only screen and (max-width: 767px) { .product_l,.product_r{width:100%;} .product_r{margin-top: 30px;} .item01,.item02{line-height: 40px;} .product_list dl dt{padding: 10px 20px 0;} .pro_link{padding: 10px 0;} .left_nav{} } /*浜у搧璇︽儏*/ .proDls_01{padding: 78px 0;overflow: hidden;padding-bottom: 0;padding-top: 100px;} .proDls_l,.proDls_r{float: left;width: 50%;box-sizing: border-box;} .proDls_l{padding-right: 40px;} .proDls_r{padding-left: 40px;} .proDls_media{position: relative;} .proDls-item{height: 0;overflow: hidden;} .proDls-item.on{height:100%;overflow: inherit;} .proDls-item.on .swiper-container{width: 100%;height: 100%;} .proDls-item li{position: relative;} .proDls-item img,.proDls-item video{width: 100%;height: 100%;} /*.media_tab{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;}*/ .media_tab{overflow: hidden;} .media_tab-item{width: calc((100% - 1px) / 2);float: left;background: #efefef;color: #323232;text-align: center;line-height: 56px;cursor: pointer; position: relative;} .media_tab-item::after{content: "";width: 100%;height: 3px;background: #ff0202;position: absolute;left: 0;top: 0;display: block;opacity: 0;} .media_tab-item:first-child{margin-right: 1px;margin-right: 0px\9\0;} .media_tab-item.on{background: #fff;color: #ff0202;} .media_tab-item.on::after{opacity: 1;} .proDls_tab{position: absolute;width: 103px;left: 0;top: 0;height: 100%;} .proDls_tab-item{height: 0;background: #fff;overflow: hidden;} .proDls_tab-item .swiper-container{height: 100%;} .proDls_tab-item.on{height: calc(100% - 60px);overflow: inherit;margin-top:30px;} .proDls_tab-item li{padding: 10px;box-sizing: border-box;border: 1px solid rgba(177,177,177,0);cursor: pointer;} .proDls_tab-item li img{width: 100%;} .proDls_tab-item li video{width: 100%;height: 100%;} /*.proDls_tab-item li.swiper-slide-active{border: 2px solid rgba(7,100,203,1);}*/ .proDls_tab-item li.on{border: 1px solid rgba(177,177,177,1);} .video_btn{width: 80px!important;height: 80px!important;} .proDls_tab-item li .video_btn{width: 30px!important;height: 30px!important;} .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .video_appbox.show{visibility: visible;opacity:1;} .video_appbox video{object-fit: cover; width: 100%;} .video_appbox .video_t{ z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; visibility: hidden;opacity: 0; } .video_appbox.show .video_t{ visibility: visible;opacity:1; top:50%; } .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;} .vide0_close i{color: #fff;font-size:20px;font-weight: bold;} .proDls_r{padding: 20px 0 20px 40px;overflow: hidden;box-sizing: border-box;} .proDls_r h1{font-weight: bold;margin-bottom: 20px;} .proDls_r .edit_con_original{line-height: 30px;} .proDls_btn{margin-top: 60px;display: none;} .proDls_btn a{display: inline-block;width: 180px;height: 40px;text-align: center;line-height: 40px;border-radius: 8px; margin-right: 30px;background: #fff;position: relative;border: 1px solid #c6c6c6;color: #000;font-weight: bold;} .proDls_btn a i{position: absolute;right: 15px;top: 0px;} .proDls_02{background: url(../images/proBg1.jpg) no-repeat center;background-size: cover;position: relative; z-index: 2;} .proDls_point{background: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .proDls_point.on{position: fixed;top: 60px;left: 0;width: 100%;z-index: 10;} .proDls_point ul{text-align: center;font-size: 0;} .proDls_point ul li{display: inline-block;box-sizing: border-box;padding: 15px 6%;transition: all .3s;font-size: 22px;} .proDls_point ul li a{color: #323232;display: block;} .proDls_point ul li.on{background: #f1f6f7;font-weight: bold;position: relative;} .proDls_point ul li.on::after{content: "";position: absolute;left: 0;bottom: 0;height: 5px;background: #ff0202;width: 100%;} .proDls_pointItem{padding: 70px 0;overflow: hidden;} .point_item{margin-bottom: 40px;font-size: 18px;} .point_item h1{margin-bottom: 30px;font-weight: bold;} .point_item table{} .point_item td{background: rgba(255,255,255,0.4);border: 1px solid #fff;padding: 10px 90px;} .advantage{border-top: 1px solid #000;padding: 30px 0 5px;overflow: hidden;} .advantage li{float: left;width: 100%;box-sizing: border-box;margin-bottom: 25px;line-height: 30px; padding-left: 15px;position: relative;} .advantage li::before{content: "";display: block;width: 5px;height: 5px;background: url(../images/dian.png) no-repeat;background-size: cover;position: absolute;left: 0; top: 12px;} .performance li{padding: 15px 0px;box-sizing: border-box;} .performance li:nth-child(2n){} .performance li h2{font-weight: bold;margin-bottom: 5px;} .annexCon_t{overflow: hidden;background: #798588;} .annexCon_t li{float: left;width: 25%;height: 50px;line-height: 50px;text-align: center;color: #fff;cursor: pointer;overflow: hidden;} .annexCon_t li.on{background: #ffffff;color: #323232;position: relative;} .annexCon_t li.on::after{content: "";left: 0;top: 0;height: 2px;background: #ff0202;display: block;width: 100%;position: absolute;} .annexCon_b table{width: 100%;} .annexCon_b table td{width: 50%;padding: 15px 30px;} .annexCon_b table td p{float: left;width: calc(100% - 40px);word-break: break-all;} .annexCon_b table td span{float: right;color: #ec154f;width: 40px;text-align: right;} .annexCon_b table td span i{color:#ec154f; font-weight: bold;} .annexCon_item{display: none;} .annexCon_item.on{display: block;} #point3 ul{border-top: 1px solid #000;padding: 15px 0;} @media only screen and (min-width: 1025px) { .proDls_btn a:hover{background: #efefef;border-color: #efefef;color: #000!important;} .proDls_point ul li:hover{background: #f1f6f7;} .proDls_point ul li:hover a{color: #000!important;} } @media only screen and (max-width: 1560px) { .proDls_r{padding: 20px 0 20px 20px;} .proDls_btn{margin-top: 30px;} .proDls_point ul li{font-size: 20px;} } @media only screen and (max-width: 1024px) { .proDls_l,.proDls_r{width: 100%;} .proDls_l{padding-right: 0;} .proDls_r{margin-top: 30px;padding-left: 0;} .proDls_btn a{width: 130px;margin-right: 20px;} } @media only screen and (max-width: 1024px) { /*.proDls_01{padding: 40px 0;}*/ .proDls_point ul li{font-size: 14px;} .proDls_point ul li{padding: 15px 10px;} .proDls_pointItem{padding: 40px 0;} .point_item{font-size: 16px;} .point_item table{width: 100%;} .point_item td{padding: 10px;} .advantage li{width: 100%;margin-right: 0;height: auto;min-height: auto;} .performance li{padding: 20px;} } @media only screen and (max-width: 767px) { .annexCon_t li{font-size: 14px;width: 33.3%;} .annexCon_b table td{padding: 10px;} .annexCon_b table td p{width: 100%;} .media_tab-item{line-height: 40px;} .proDls_point.on{top: 71px;} .proDls_tab{width: 70px;} } /*瑙e喅鏂规*/ .pro_R_img img{width: 100%;} #solution01 .pro_R{height: auto;} .solution03{padding: 7% 0;overflow: hidden;} .solutionCon{overflow: hidden;position: relative;} .solutionCon .solutionCon_l,.solutionCon .solutionCon_r{float: left;width: 50%;} .solutionCon .solutionCon_l img{width: 100%;height: 100%;} .solutionCon_r{position: absolute;right: 0;top: 0;background: rgba(255,255,255,0.9);height: 100%;padding: 5% 3% 0 5%;box-sizing: border-box;overflow: hidden;} .solutionCon_r h1{font-weight: bold;margin-bottom: 30px;} .solutionCon_r p{line-height: 30px;height: 160px;} .solutionCon_r .index_Link .index_LinkA{margin-top: 50px;background: #0764cb;color: #fff;} .solutionCon .swiper-pagination{text-align: right;right: 20px;bottom: 30px;left: auto;} .solutionCon .swiper-pagination-bullet{width: 12px;height: 12px;background: #ccc;opacity: 1;} .solutionCon .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0764cb;} @media only screen and (max-width: 1024px) { .solutionCon_r p{height: 90px;} .solutionCon_r h1{margin-bottom: 20px;} .solutionCon_r .index_Link .index_LinkA{margin-top: 30px;} .index_tit{margin-bottom: 40px;} } @media only screen and (max-width: 767px) { .product_tab li a{font-size: 14px;} .solution00.flowmeter00 .product_tab li{width: 33.3%;} .flowmeter00 .product_tab ul{font-size: 0;} .index_tit{margin-bottom: 30px;} .solution03{padding: 40px 0;} .solutionCon .solutionCon_l, .solutionCon .solutionCon_r{width: 100%;} .solutionCon_r{position: static;padding: 20px 20px 60px;min-height: 377px;} .solutionCon_r p{height: auto;} .solutionCon .swiper-pagination{bottom: 15px;text-align: center;right: 0;} } /*鎼滅储缁撴灉*/ .serrch_cont {padding-bottom: 20px;} .search_top{background:#f2f2f2 ;background-size: cover;padding: 50px 0;} .search_int{width: 790px;margin: auto;max-width: 100%;overflow: hidden;} .search_result{color: #828282;} .search_result span{color: #2b9cfc;} .search_result em{color: #2b9cfc;} .search_le{float: left;color: #000;width: 105px;line-height: 60px;} .search_input{border:1px solid #818181;background: #fff;padding: 4px;overflow: hidden;margin-bottom: 20px;} .search_input input,.search_input button{height: 50px;line-height: 50px;box-sizing:border-box;border:none;outline: none;} .search_input input{padding: 0 15px;box-sizing:border-box;width: calc(100% - 140px);float:left;} .search_input button{width: 140px;text-align: center; float: right;background: #2b9cfc;color: #fff;border-radius: 5px;} .search_re{float: right;width: calc(100% - 105px);} .search_list{padding: 20px 0 60px 0;} .search_list li{padding: 35px 0;border-bottom: 1px solid #e3e3e6;} .search_list dt{overflow: hidden;margin-bottom: 15px;line-height: 30px;} .search_list dt h3 span,.search_list dd span{color: #2b9cfc;} .search_list h3{width: calc(100% - 150px);line-height: 30px;max-height: 60px;float: left; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .search_list .search_yd{float: right;font-family: "Arial"; font-weight: normal;} .search_yd span{color: #a3a3a3;display: inline-block;} .search_yd em{float: right; color: #000;margin-left: 30px;display: inline-block;width: 90px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .search_list dd{color: #595757;} .search_list dd p{line-height: 24px;max-height: 48px;color: #9c9b9b; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} @media only screen and (max-width:1024px) { .search_top{padding: 70px 0;} .search_input input, .search_input button{height: 40px;line-height: 40px;} .search_le{line-height: 50px;} .search_input button{width: 100px;} .search_input input{width: calc(100% - 100px);} .search_le{width: 80px;} .search_re{width: calc(100% - 80px);} .search_list li{padding: 20px 0;} .search_list ul{padding-bottom: 20px;} .search_list dd{font-size: 14px;} .search_list dt{margin-bottom: 10px;} .search_list h3{line-height: 24px;max-height: 48px;} } @media only screen and (max-width:767px) { .serrch_cont{padding-bottom: 10px;} .search_top{padding: 20px 0;} .search_list ul{padding-bottom: 0;} .search_list h3{width: calc(100% - 85px);} .search_input input, .search_input button{height: 32px;line-height: 32px;} .search_input input{padding: 0 5px;} .search_input button{width: 70px;} .search_input input{width: calc(100% - 70px);} .search_le{line-height: 42px;font-size: 14px;width: 50px;} .search_re{ width: calc(100% - 50px);} .search_input{margin-bottom: 10px;} .search_list{padding-top: 0;padding-bottom: 40px;} .search_list h3{font-size: 16px;} .search_result{font-size: 14px;} .search_list li{padding: 15px 0;} .search_list dt{margin-bottom: 4px;} } /*page*/ .pageout{text-align: center;padding-bottom: 5px; clear: both;padding-top: 30px;} .page{display:inline-block;*display:inline;*zoom:1;} .page {vertical-align:middle;text-align:center;margin: 0 auto; color:#2d2d2d; height:60px; line-height:60px; } .page span{color:#2d2d2d; float: left;margin-left: 5px; } .page span em{ } .page i{ float: left; margin: 0 6px;color: #5d5d5d;} .page a{float: left; width:60px; color: #5d5d5d; background: rgba(255,255,255,0.3); margin: 0 0.5px; } .page a.on{background:#2c9dfd;color:#fff;} .page a.prev {background:rgba(255,255,255,0.3) url(../images/page_first.png) center center no-repeat; text-indent:-10000px;margin-left: 0; margin-right:0.5px;} .page a.next {background:rgba(255,255,255,0.3) url(../images/page_last.png) center center no-repeat; text-indent:-10000px; margin-left: 0; margin-left:0.5px;} .page a.prev.no,.page a.next.no,.page a.first.no,.page a.last.no{opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;} .page a.go{margin-left:10px; width: 44px; background: #d99d55; color: #fff; border:1px solid #d99d55; height: 28px; line-height: 28px;} .page a.go:hover{color: #fff !important;} .page a.on:hover{color: #fff !important;} .sociology_list ul{padding-bottom: 40px;} @media only screen and (max-width:1024px) { .pageout{padding-top: 30px;} } @media only screen and (max-width:767px) { .pageout{font-size: 14px;padding-top: 20px;} .page i,.page span,.page a.go{display:block; display:inline-block;} .page a.prev{margin-right: 4px;} .page a.next{margin-left: 4px;} .page a.go{width: 36px;margin-top: 3px;margin-left: 5px;} .page{ height: 36px; line-height: 36px;} .page a{display:none; font-weight: normal;width:42px;} .page a.prev,.page a.next{display:block; display:inline-block;} .page i{margin:0 4px;display: none;} .page a.on{display: inline-block;} } /*page*/ .specialBody .main{padding-top: 95px;background: url(../images/proBg1.jpg) no-repeat center;background-size: cover;} .specialBody header{ /*background: #fff;border-bottom: 1px solid #dedede;*/ } .specialBody header .nav>ul>li>a{color: #fff;} .specialBody .header_boxR{border-top: 1px solid #d9d9db;} .specialBody .boxR_l p{color: #fff;} .specialBody .language a{color: #fff;} .specialBody .search_btn:before{color: #fff;} .detailsBody .header{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);} .detailsBody header .nav>ul>li>a{color: #323232;} .detailsBody .boxR_l p{color: #323232;} .detailsBody .language a{color: #323232;} .detailsBody .search_btn:before{color: #323232;} .detailsBody .main{padding-top: 95px;} /*.scrollHeader.specialBody .header{background: #fff;}*/ /*.scrollHeader.specialBody header .nav>ul>li>a{color: #323232;}*/ /*.scrollHeader.specialBody .boxR_l p{color: #323232;}*/ /*.scrollHeader.specialBody .language a{color: #323232;}*/ /*.scrollHeader.specialBody .search_btn:before{color: #323232;}*/ @media only screen and (max-width:1024px) { .specialBody header .nav>ul>li>a{color: #fff;} } /*浜у搧鏂版洿鏀�*/ .product_02 .part_2 .prolist{background: #dfeaed;position: relative;} .product_02 .part_2 .textbox{float: left;width: 20.1%;padding: 30px 30px;box-sizing: border-box;background: rgba(0,0,0,0.4);position: absolute;left: 0;top: 0;height: 100%;} .product_02 .part_2 .textbox h4{color: #fff;line-height: 40px;margin-bottom: 25px;max-height: 80px;overflow: hidden;} .product_02 .part_2 .textbox p{line-height: 30px;color: #fff;height: 450px;overflow: hidden;text-indent: 20px;} .product_02 .part_2 .prolistUlSwi{float: right;width: 79.9%;background: #dfeaed;position: relative;} .product_02 .part_2 .prolistUlSwi .swiper-container{height: 100%;} .product_02 .part_2 .prolistUlSwi li{} .product_02 .part_2 .ddl{float: left;width: 33.33%;background: #f4f4f4;box-sizing: border-box;border: 0.5px solid #e1e1e1;height: 50% !important;} .product_02 .part_2 .ddl:nth-child(2){background: #f7f7f7;} .product_02 .part_2 .ddl:nth-child(3){background: #fbfbfb;} /*.product_02 .part_2 li:nth-child(3n+1){clear: both;}*/ .product_02 .part_2 .ddl:nth-child(4){background: #f6f6f6;} .product_02 .part_2 .ddl:nth-child(5){background: #fbfbfb;} .product_02 .part_2 .ddl .imgbox{position: relative;height: 100%;} .product_02 .part_2 .ddl .imgbox>.ratio-img{height: 100% !important;} .product_02 .part_2 .ddl .imgbox>.ratio-img img{height: 100%;} .product_02 .part_2 .ddl img{width: 100%;height: 100%;} .product_02 .part_2 .ddl p{position: absolute;bottom: 20px;text-align: center;left: 0;padding: 0 10px;right: 0;z-index: 3;transition: all .5s; white-space: nowrap; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; } .product_02 .part_2 .ddl p a{width: 180px;height: 40px;line-height: 40px;text-align: center;background: #fff;border-radius: 5px;margin: 0 auto; font-size: 14px;margin-top: 30px;display: none;} .product_02 .part_2 .con{position: absolute;left: 0;top: 50%;z-index: 4;background: #a6c4cc;right: 0;padding: 20px 30px;transition: all .5s;opacity: 0;z-index: -1;box-sizing: border-box;} .product_02 .part_2 .con dl{margin-bottom: 30px;width: 100%;} .product_02 .part_2 .con dl:nth-child(4n+1){clear: both;} .product_02 .part_2 .con dt{color: #fff;line-height: 1.1em;display: inline-block;margin-bottom: 20px;font-weight: bold;} .product_02 .part_2 .con dd a{line-height: 2em;color: #fff;white-space: nowrap;float: left;width: 33.3%;overflow: hidden;text-overflow: ellipsis;} .product_02 .part_2 .ddl .mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.7); z-index: 2; transition: all .5s; opacity: 0; cursor: pointer; } .margin_80{margin-bottom: 80px;} .flowmeter-prolist .swiper-wrapper{display: flex;} @media only screen and (min-width:1025px) { .product_02 .part_2 .ddl:hover .con { display: block; opacity: 1; z-index: 5 } .product_02 .part_2 .con dd a:hover { color: #ff0202!important; } .product_02 .part_2 .ddl:hover { border-color: transparent; } .product_02 .part_2 .ddl:hover p { color: #fff } .product_02 .part_2 .ddl:hover .mask { opacity: 1; } .product_02 .part_2 .ddl:hover p a{display: block;} .product_02 .part_2 .ddl:hover p a:hover{background: #0e0e66;} } @media only screen and (max-width:1024px){ .product_02 .part_2 .con{padding: 30px;} .product_02 .part_2 .con dd a{line-height: 1.5em;margin-bottom: 8px;} .product_02 .part_2 .con dt{font-weight: bold;margin-bottom: 14px;} .product_02 .part_2 .textbox{float: none;width: 100%;padding: 25px;position: static;} .product_02 .part_2 .textbox p{height: auto;} .product_02 .part_2 .prolistUlSwi{float: none;width: 100%;} .product_02 .part_2 .ddl p{bottom: 15px;} .flowmeter-prolist .product_tab{width: 90%;} .product_02 .part_2 .ddl.on .con { display: block; opacity: 1; z-index: 5; } .product_02 .part_2 .ddl p a{margin-top: 20px;} .product_02 .part_2 .ddl.on .mask { opacity: 1; } .product_02 .part_2 .ddl.on p { color: #fff } .product_02 .part_2 .ddl.on p a{display: block;} .margin_80{margin-bottom: 40px;} .detailsBody header .nav>ul>li>a{color: #fff;} } @media only screen and (max-width:767px){ .flowmeter-prolist .product_tab{width: 80%;} .product_02 .part_2 .ddl { width: 100%; } .product_02 .part_2 .ddl p{bottom: -40px;} .product_02 .part_2 .ddl p a{width: 50%;display: block; background: #0e0e66;color: #fff;margin-top:8px;} .product_02 .part_2 .con{ position: static; opacity: 1; z-index: 2; height: 300px; overflow: hidden; padding:70px 30px 30px;box-sizing:border-box; background:#fff; } .product_02 .part_2 .con dd a{width: 100%;color:#000;} .product_02 .lhl_but>div{top: 19%;} } .investor_list .ph_table thead td{background: rgba(0,0,0,0.4);color: #fff;} .investor_list .ph_table tbody tr{background: rgba(255,255,255,.9);} .ph_table tbody tr:nth-child(2n) { background: rgba(241,246,247,0.8); } .pro_R_img{position: relative;} .pro_R_img p{position: absolute;left: 0;bottom: 0;padding: 30px;box-sizing: border-box;overflow: hidden;color: #fff;text-transform: uppercase;font-size: 12px;} .Channel_page{overflow: hidden;padding: 170px 0 95px;} .Channel_list dl{float: left;width: 33.333%;position: relative;} .Channel_txt{position: absolute;text-align: center;bottom: 80px;left: 0;width: 100%;color: #fff;transition: all .3s;} .Channel_txt p{text-transform: uppercase;} .Channel_txt .index_Link{transform: translateY(100%);transition: all .3s;display: none;position: absolute;bottom: -60px;width: 100%;} @media only screen and (min-width:1025px){ .Channel_list dl:hover .index_Link{display: block;transform: translateY(0%);} .Channel_list dl:hover .Channel_txt{display: block;bottom: 140px;} } @media only screen and (max-width:1024px){ .Channel_txt{bottom: 60px;} .Channel_txt .index_Link{position: static;display: block;transform: none;} .Channel_txt .index_Link .index_LinkA{margin-top: 20px;} } @media only screen and (max-width:767px){ .Channel_list dl{float: none;width: 100%;} .Channel_page{padding: 100px 0 40px;} } /*缃戠珯鍦板浘*/ .map_site{padding: 40px 0;} .map_site li{margin-bottom: 40px;} .map_site li:last-child{margin-bottom: 0;} .map_site dt{padding: 0 30px;line-height: 32px;border-left:2px solid #233567;margin-bottom: 20px;} .map_site dd{overflow: hidden;background: #f1f7ff;padding: 30px;padding-bottom: 15px;} .map_site p{float: left;margin-right: 65px;line-height: 24px;margin-bottom: 15px;} .map_site p a{padding-left:20px;background: url(../images/map_cicle.png) no-repeat 0 center;} @media only screen and (max-width:1280px) { .map_site p a{padding-left: 20px;} .map_site p{margin-right: 40px;} } @media only screen and (max-width:1024px) { .map_site p a{padding-left: 20px;} .map_site p{margin-right:30px;} .map_site dt{line-height: 24px;padding-left: 15px;} .map_site dd{padding: 20px;padding-bottom: 10px;} } @media only screen and (max-width:767px) { .map_site li{margin-bottom: 20px;} .map_site dt{padding:0 10px;line-height: 24px;margin-bottom: 10px;} .map_site dd{padding: 20px 15px;padding-bottom: 5px;} .map_site p a{padding-left: 10px;} .map_site p{margin-right:20px;} } .padd_t80{padding: 80px 0;overflow: hidden;} .program_01{padding-bottom: 0;} .strockImg_con{background: #fff;padding-bottom: 50px;width: 80%;margin: 0 auto;} .strockImg{position: relative;overflow: hidden; width: 560px; height: 660px;margin: 0 auto;} .strockImg iframe{position: absolute; top: -370px; left: -202px; width: 780px; height: 1020px; } @media only screen and (max-width:1024px) { .strockImg_con{width: 100%;} } .prolistUlSwi .lhl_but{display: none;} .prolistUlSwi .lhl_but>div{width: 40px;height: 40px;background: #0e0e66;text-align: center;line-height: 40px;color: #fff;} .prolistUlSwi .lhl_but>div.swiper-button-prev{left: 0;} .prolistUlSwi .lhl_but>div.swiper-button-next{right: 0;} .part_2{opacity: 0;} .part_2.on{opacity: 1;} .prolist_more{text-align: center;} .prolist_more a{display:inline-block;width: 150px;background: #0e0e66;color: #fff;border-radius: 5px;height: 40px;line-height: 40px;} @media only screen and (min-width:1025px) { .prolistUlSwi .lhl_but>div:hover{background: #fff;color: #000;} .prolist_more a:hover{background: #fff;color: #000;} } .prolist_item{position: relative;} .prolist_more{position: relative;height: 100px;margin-bottom: 80px;} .prolist_more .swiper-pagination{width: 108px;height: 54px;background: rgba(0,0,0,0.4);text-align: center;line-height: 54px;bottom: 0;left: 50%;margin-left: -54px; color: #fff;font-size: 24px;} .prolist_more .swiper-pagination-total{font-size: 14px;} .prolist_more .lhl_but>div{font-weight: bold;font-size: 22px;} .prolist_more .lhl_but>div.swiper-button-prev{left: 50%;margin-left: -110px;width: 54px;height: 54px;background: rgba(0,0,0,0.4);color: #9b9b9b;top: auto;bottom: 0;line-height: 54px;} .prolist_more .lhl_but>div.swiper-button-next{right: 50%;margin-right: -110px;width: 54px;height: 54px;background: rgba(0,0,0,0.4);color: #9b9b9b;top: auto;bottom: 0;line-height: 54px;} .prolist_more .swiper-button-next.swiper-button-disabled,.prolist_more .swiper-button-prev.swiper-button-disabled{opacity: 1;} .prolist_item.margin_80{margin-bottom: 0;} @media only screen and (min-width:1025px) { .prolist_more .lhl_but>div:hover{background: rgba(0,0,0,1);color: #ff0202;} } @media only screen and (max-width:767px) { .product_02 .part_2 .prolistUlSwi{height: auto!important;} } .flowmeter00 .wrap{position: relative;} .tipsEm{position: absolute;right: -60px;top: 25px;} @media only screen and (max-width:1200px) { .tipsEm{display: none;} } .investor_zgs .selectInput{background: #fff;color: #000;float: right;width: 460px;margin-bottom: 30px;} .investor_zgs .selectInput input{color: #333;} .investor_zgs .selectUl{bottom: auto;top: 40px;box-shadow: 0 0 10px rgba(0,0,0,0.1);display: block;} .investor_zgs .selectUl.on{height: 200px!important;overflow: hidden;} .investor_zgs .selectUl li a{display: block;} .investor_zgs img{position: absolute;right: 20px;top: 17px;} @media only screen and (min-width:1025px) { .investor_zgs .selectUl li:hover{background: #0a70d2;} .investor_zgs .selectUl li:hover a{color: #fff;} .investor_zgs .selectUl li:hover a:hover{color: #fff!important;} } @media only screen and (max-width:767px) { .investor_zgs .selectInput{width: 100%;} } /*鎴愬憳浼佷笟 20210106 淇敼*/ .member_l{float: left;width: 74%;margin-right: 3%;background: rgba(255,255,255,0.9);padding: 35px 80px 65px;box-sizing: border-box;overflow: hidden;} .member_tit{text-align: center;border-bottom: 1px solid #cbcbcb;box-sizing: border-box;overflow: hidden;padding-bottom: 20px;margin-bottom: 50px;font-weight: bold;} .member_r{float: right;width: 23%;} .member_edit .edit_con_original{line-height: 35px;} .info_tit{padding: 40px 50px;box-sizing: border-box;background: rgba(0,0,0,0.4);color: #fff;border-bottom: 4px solid #ff0202;overflow: hidden;} .info_tit h2{font-size: 20px;} .info_item{background: rgba(255,255,255,0.7);} .info_item dd{padding: 20px 50px;box-sizing: border-box;overflow: hidden;border-bottom: 1px solid #becbd5;font-weight: bold;cursor: pointer;} .info_item dt{padding: 10px 50px;box-sizing: border-box;overflow: hidden;display: none;border-bottom: 1px solid #becbd5;} .info_item dt li{padding: 10px 0;box-sizing: border-box;overflow: hidden;} .info_item dt li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .info_item dl.active dt{display: block;} .info_item dl li.on a{color: #0a70d2;} @media only screen and (max-width:1440px) { .info_tit{padding: 30px 40px;} .info_item dd{padding: 20px 40px;} .info_item dt{padding: 10px 40px;} .member_l{padding: 35px 50px 65px;} } @media only screen and (max-width:1024px) { .member_l,.member_r{width: 100%;} .member_l{padding: 30px 20px 45px;} .member_tit{margin-bottom: 20px;} .info_tit{padding: 20px;} .info_item dd{padding: 20px;} .info_item dt{padding: 10px 20px;} .info_item dt li{padding: 5px 0;} }