/*杩囧害鍔ㄧ敾*/ .transition3{ -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); -o-transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); -moz-transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); -ms-transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); } .transition3:hover{ -webkit-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -o-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -moz-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -ms-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); } .transition5{ -webkit-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -o-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -moz-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -ms-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); } .transition5:hover{ -webkit-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -o-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -moz-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -ms-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1);} .transition7{ -webkit-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -o-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -moz-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -ms-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); } .transition7:hover{ -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -o-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -moz-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -o-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -ms-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); } .transition10{ -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -o-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -moz-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -o-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -ms-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); } .transition20{ -webkit-transition: all 2s cubic-bezier(.165,.84,.44,1), background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); -o-transition: all 2s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); -moz-transition: all 2s cubic-bezier(.165,.84,.44,1), background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); -o-transition: all 2s cubic-bezier(.165,.84,.44,1), background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); -ms-transition: all 2s cubic-bezier(.165,.84,.44,1), background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); } /*杩囧害鍔ㄧ敾*/ /*鍥剧墖灞呬腑*/ .jzimgbox{ position:relative; width:100%; height:0px; overflow:hidden; padding-bottom:75%; } .jzimg{ left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); max-width:100%; position:absolute; } /*杩囧害鍔ㄧ敾*/ .jzimgbox:hover img{ transform:translate(-50%,-50%) scale(1.1); -webkit-transform: translate(-50%,-50%) scale(1.1); -moz-transform: translate(-50%,-50%) scale(1.1); -ms-transform: translate(-50%,-50%) scale(1.1); -o-transform:translate(-50%,-50%) scale(1.1); cursor: pointer; } /*鍥剧墖鏀惧ぇ*/ /*鍥剧墖鏀惧ぇ*/ /*杩囧害鑳屾櫙*/ .wlbg:after{content:"";position:absolute;width:100%;left:0px;top:0px;height:100%;} .wlbg:before{content:"";position:absolute;width:100%;left:0px;top:0px;height:100%;} /*杩囧害鑳屾櫙*/ /*娴姩*/ .fdbox{overflow:hidden;width:100%;} .fd{float:left;} .fd2{float:left;width:50%;} .fd3{float:left;width:33.33333%;} .fd4{float:left;width:25%;} .fd5{float:left;width:20%;} /*娴姩*/ /*鍏冪礌灞呬腑*/ .jzbox{text-align:center;font-size:0px;} .jz{display:inline-block;} /*鍏冪礌灞呬腑*/ /*寮规€у眳涓?/ .flexsxjz{display: -webkit-flex;display:flex;align-items:center;} .flexzyjz{display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;} /*寮规€у眳涓?/ /*寮规€т袱渚?/ .flextxlc{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;} /*寮规€т袱渚?/ /*鍥剧墖鍙橀粦鐧界粡杩囨甯?/ .heibai img{ filter:saturate(0.2); -webkit-filter:saturate(0.2); transition:1s; } .heibai img:hover{ filter:saturate(1); -webkit-filter:saturate(1); } /*鍥剧墖鍙橀粦鐧界粡杩囨甯?/ /*鍒囨崲鎸夐挳*/ @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #f0f0f0; background: #f0f0f0; color: #333; } .p_page .pre:active { background: #f2a137; border-color: #f2a137; color: #fff; } .p_page .pre:hover { color: #fff; background: #f2a137; border-color: #f2a137; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #f0f0f0; background: #f0f0f0; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #f2a137; border-color: #f2a137; color: #fff; } .p_page .next:hover { background: #f2a137; border-color: #f2a137; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #f2a137; border-color: #f2a137; } .p_page .pageNum:hover { color: #fff; border-color: #f2a137; cursor: pointer; text-decoration: none; background-color: #f2a137; } .p_page .pageNum.active { text-decoration: none; background-color: #f2a137; color: #fff; border-color: #f2a137; } } @media screen and (max-width: 768px) { .p_OccupyBox{width:100%!important;} .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #ddd !important;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf !important;} .p_pagebox .pre { width: 48%; margin-right:2%; background-color: #f2a137; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #f2a137; background-color: #f2a137; cursor: pointer; } .p_pagebox .pre:active { background-color: #f2a137; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #f2a137; } .p_pagebox .next:hover { background-color: #f2a137; } .p_pagebox .next:active { background-color: #f2a137; } } /*鍒囨崲鎸夐挳*/ @media screen and (max-width:1200px) { .fa-title h2,.fa-flexbox h3{font-size:36px;} } @media screen and (max-width:768px) { #c_portalResNews_list-16202716657856995 .pcs span{font-size:16px;line-height: 1.4;} #c_portalResNews_list-16202716657856995 .sumry{font-size:14px;} #c_portalResNews_list-16202716657856995 .dic_more{zoom:0.8;} #c_portalResNews_list-16202716657856995 .pcs img{max-width:40px;} #c_portalResNews_list-16202716657856995 .content{width:100%;padding:20px 10px;} #c_portalResNews_list-16202716657856995 .dic_left{width:100%;} #c_portalResNews_list-16202716657856995 .div_sbxui{padding:0px;} #c_portalResNews_list-16206277840173352 .pcs span{font-size:16px;line-height: 1.4;} #c_portalResNews_list-16206277840173352 .sumry{font-size:14px;} #c_portalResNews_list-16206277840173352 .dic_more{zoom:0.8;} #c_portalResNews_list-16206277840173352 .pcs img{max-width:40px;} #c_portalResNews_list-16206277840173352 .content{width:100%;padding:20px 10px;} #c_portalResNews_list-16206277840173352 .dic_left{width:100%;} #c_portalResNews_list-16206277840173352 .div_sbxui{padding:0px;} #c_portalResProduct_list-16197738951073556 .porTbox .proImg{max-height:90%;} #c_portalResProduct_list-16197738951073556 .proTitle{overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} #c_portalResProduct_list-16197738951073556 .showBox{display:none!important;} #c_portalResProduct_list-16197738951073556 .leftBox{font-size:14px;padding:10px;} #c_portalResProduct_list-16197738951073556 .p_Product{width:50%!important;} #c_portalResProduct_list-16197738951073556 .first{width:100%!important;} #c_portalResProduct_list-16197738951073556 .first_left span{font-size:14px;} #c_portalResProduct_list-16197738951073556 .first_right img{max-width:120px;} #c_portalResProduct_list-16197738951073556 .first_left h3{font-size:18px;} .fa-swiperlist .pj_summary{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;} #w_grid-1619773509841{display:none;} .fa-swiperlist .pj_more{zoom:0.8;} .fa-swiperlist .pj_title{font-size:18px;} #c_portalResPublic_codeContainer-16202861176402956 .fa-botback h3{font-size:18px;} .fa-swiperlist .pj_summary{font-size:14px;margin-top:10px;} .fa-title p{font-size:14px;} .w_tabswitchbox-001 .p_relationbtntab .font{font-size:14px;} .fa-title h2, .fa-flexbox h3{font-size:22px;} .fa-swiperlist .pj_img,.fa-swiperlist .pj_titles{width:100%;} .fa-swiperlist .pj_img{padding-bottom:75%;} .fa-swiperlist .pj_img img{max-width:80%;} .fa-swiperlist .pj_titles{padding:20px;} #c_portalResPublic_codeContainer-16202861176402956 .fa-dis{padding:0;margin-top:20px;text-align:center;} #c_portalResPublic_codeContainer-16202861176402956 *{text-align:center!important;} #c_portalResPublic_codeContainer-16202861176402956 .fa-botback{padding:30px 20px;} #c_portalResPublic_codeContainer-16202861176402956 .fa-href{zoom:0.8;margin:0 auto;margin-top:15px;} .fa-flexbox{display:block;} #w_grid-1620289622504 > div > .p_gridbox{background-size: cover; background-position: right;} .fa-cright .fa-flex-tel{margin-top:15px;} .fa-cold span{margin-right:5px;margin-bottom:5px;} #c_portalResNews_list-16202941063998280 .fa-new-left{width:100%;padding-right:0px;} #c_portalResNews_list-16202941063998280 .fa-new-right{width:100%;} #c_portalResNews_list-16202941063998280 .fa_p_news{display:block;} .fa-newListBox .newList1 .newYear .fa-year1{font-size:20px;} .fa-newListBox .newList1 .newYear{width:70px;height:70px;} .fa-newListBox .newTitle1{font-size:16px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;} .fa-newListBox .newList1 .newMs{font-size:14px;} .sdimore{zoom:0.8;} #c_portalResNews_list-16202941063998280 .fa-new-right{display:none;} .pj_btnbox{padding:15px 5px;} .pj_btnbox div{padding:0 10px;} }