/*product*/ .product {background: #f8f8f8;padding: 70px 0;} .pr_t .prolist2021 ul {display: flex; justify-content: space-between;position: relative;} .pr_t .prolist2021 ul li>a { background: #eee; width: 100%; display: block; text-align: center; font-size: 22px; color: #333; height: 120px; line-height: 102px; position: relative; transition: all 0.3s; padding-left: 10px; } .pr_t .prolist2021 ul li:nth-child(4)>a{padding-left: 12px;} .pr_t .prolist2021 ul li>a:before { content: '\e61d'; width: 50px; height: 50px; position: absolute; left: 0; top: 25%; right: 40%; margin: auto; font-family: "iconfont" !important; line-height: 50px; font-size: 39px; color: #bdbdbd; transition: all 0.3s;} .pr_t .prolist2021 ul li:nth-child(1)>a:before { content: '\e60c'; right: 60%; font-size: 43px;} .pr_t .prolist2021 ul li:nth-child(2)>a:before { content: '\e90d'; right: 60%; font-size: 43px;} .pr_t .prolist2021 ul li:nth-child(3)>a:before { content: '\e657'; right: 60%; font-size: 44px;} .pr_t .prolist2021 ul li.on>a { background: #06a4eb; color: #fff; transition: all 0.3s;} .pr_t .prolist2021 ul li.on>a:before {color: #fff; transition: all 0.3s;} .pr_t .prolist2021 ul li.on>a:after {color: #fff; transition: all 0.3s;} .pr_t .prolist2021 ul li:nth-child(1)>a:after {content: 'Industrial large ceiling fan';position: absolute;left: 0;right: -40px;bottom: -4px;margin: auto;font-size: 12px;color: #ccc;text-transform: uppercase;} .pr_t .prolist2021 ul li:nth-child(2)>a:after {content: 'The air conditioning';position: absolute;left: 14px;right: 22px;bottom: -4px;margin: auto;font-size: 12px;color: #ccc;text-transform: uppercase;} .pr_t .prolist2021 ul li:nth-child(3)>a:after {content: 'Fan unit or';position: absolute;left: 0;right: 50px;bottom:-4px;margin: auto;font-size: 12px;color: #ccc;text-transform: uppercase;} .pr_t .prolist2021 ul li:nth-child(4)>a:after {content: 'Negative pressure fan series';position: absolute;left: 0;right: -100px;bottom: -4px;margin: auto;font-size: 12px;color: #ccc;text-transform: uppercase;} .pr_t .prolist2021 ul li {width: 33.4%;margin-bottom: 10px;} .pr_o .divproduct_new_div {display: flex; justify-content: space-between; align-items: center;} .pr_t .prolist2021 ul li>dl {display: flex; justify-content: space-between; align-items: center; padding: 35px 50px; width:800px;} .pr_o .divproduct_new_div .divproduct_new_div_item img {width: 70%;transition: all 0.3s;margin-left: 50px;align-content: center;} .pr_o .divproduct_new_div .divproduct_new_div_item {width: 32.8%;display: flex;flex-flow: wrap-reverse;background: #fff;padding: 25px;transition: all 0.3s;justify-content: center;} .pr_o .divproduct_new_div .divproduct_new_div_item .divproduct_new_div_item_title {text-align: center; margin: 20px 0;} .pr_o .divproduct_new_div .divproduct_new_div_item .divproduct_new_div_item_body {line-height: 25px;font-size: 14px;color: #999;position: relative;margin-bottom: 100px;margin-top: 10px;padding:0 3%;text-align: left;font-weight: 100;} .pr_o .divproduct_new_div .divproduct_new_div_item:hover {background: #06a4eb; transition: all 0.3s;} .pr_o .divproduct_new_div .divproduct_new_div_item:hover .divproduct_new_div_item_title a {color: #fff; transition: all 0.3s;} .pr_o .divproduct_new_div .divproduct_new_div_item:hover .divproduct_new_div_item_body {color: #fff; transition: all 0.3s;} .pr_o .divproduct_new_div .divproduct_new_div_item:hover .divproduct_new_div_item_title a::before {color: #fff; transition: all 0.3s;} .pr_o .divproduct_new_div .divproduct_new_div_item .product_div_item_pic {overflow: hidden; transition: all 0.3s;} .pr_o .divproduct_new_div .divproduct_new_div_item:hover img { transform: scale(1.05); transition: all 0.3s;} .pr_o ul {display: flex;transition: all 0.3s;} .pr_o ul li {flex-shrink: 0; width: 100%;} .pr_o {overflow: hidden;} .pr_t .prolist2021 ul li>dl dt a::before { content: ''; width: 12px; height: 12px; background: #ddd; position: absolute; left: -24px; top: 0; bottom: 0; border-radius: 50%; margin: auto;} .pr_t .prolist2021 ul li>dl dt {position: relative;} .pr_t .prolist2021 ul li>dl dt a{font-size:17px; font-weight:100;} .pr_t .prolist2021 ul li>dl {position: absolute; left: 0; bottom: -5px; opacity: 0; z-index: -1;} .pr_t .prolist2021 ul li.on>dl {opacity: 1; transition: all 0.3s; z-index: 999;} .gy{max-width: 1280px;margin: 0 auto;width: 100%;/* margin-top: 40px; *//* text-align: center; */} .gy1{min-width: 1280px;margin: 0 auto;width: 100%;} .gy2{min-width: 1280px;margin: 0 auto;width: 95%;} .product {/* margin-top:40px; */padding-bottom: 40px;background: #fafafa;padding-top: 40px;} @font-face { font-family: 'iconfont'; /* Project id 3612187 */ src: url('//at.alicdn.com/t/c/font_3612187_mgoginnz30h.woff2?t=1661937452129') format('woff2'), url('//at.alicdn.com/t/c/font_3612187_mgoginnz30h.woff?t=1661937452129') format('woff'), url('//at.alicdn.com/t/c/font_3612187_mgoginnz30h.ttf?t=1661937452129') format('truetype'); } @font-face { font-family:din; src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2); } @font-face {font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg'); } /*projects */ .proj_wrap{width: 100%;padding: 70px 0;background:url(img/anli.jpg) center;background-repeat: no-repeat;background-attachment: fixed;margin-bottom: 70px;padding-top: 60px;/* margin: 0; */} .proj_tab{float: left;width: 30.1%;} .proj_tab a{width:calc((100% - 18px) /2);background:rgba(255, 255, 255, 0.15);display: block;border: 1px solid rgba(255, 255, 255, 0.1);padding:25.4px 15px;box-sizing: border-box;margin-right: 18px;float: left;position: relative;overflow: hidden;transition:all 0.35s ease-in-out;} .proj_tab a:nth-child(2n){margin-right: 0;} .proj_tab a:nth-child(n+3){margin-top: 18px;} .proj_tab a.on{background: #028afc;border-color: #028afc;} .proj_tab a i{display: block;font-size: 32px;color: #fff;padding-left: 12px;} .proj_tab a p{font-size: 16px;color: #fff; font-weight: normal;margin-top: 20px;position: relative;/*overflow: hidden;*/text-overflow: ellipsis;white-space: nowrap;padding-right: 20px;} .proj_tab a p span{font-size: 14px;color: rgba(255,255,255,0.4);display: block; padding-top:8px;} .proj_tab a p:before {/* content: '\e612'; */position: absolute;width: 20px;height: 20px;line-height: 20px;background: rgba(147,147,147,0.6);border-radius: 50%;top: -1px;right: 1px;font-family: 'iconfont';font-size: 16px;text-align: center;color: rgb(54,54,54,0.4);} .proj_tab a.on p::before {background: rgb(198,198,198,0.9);color: #d6d6d6;} .proj_tab a:nth-child(1) {padding: 29.5px 20px;} .proj_tab a:nth-child(1) i {font-size: 23px;} .proj_list{width: 67.3%;height: 665px;overflow: hidden;position: relative;} .proj_list .divdgweb_new_div_item{width: 100%;position: absolute;top: 0;left: 100%;overflow: hidden;display: flex;flex-flow: column-reverse;} .proj_list .divdgweb_new_div_item .divdgweb_new_div_item_body { background: #028afc; height: 160px; padding: 0 28px; display: flex; align-items: center; color: #fff; font-size: 15px; line-height: 25px; font-weight:100; } .proj_list .divdgweb_new_div_item .divdgweb_new_div_item_title a { font-size: 20px; color: #fff; line-height: 60px; margin-left: 28px;position: relative;} .proj_list .divdgweb_new_div_item .divdgweb_new_div_item_title {position: absolute; top: -60px; left: 0; width: 100%; background: linear-gradient(359deg, black, transparent); height: 60px; line-height: 60px;} .proj_list .divdgweb_new_div_item .news_div_item_picture img { width: 100%; height: 100%;} .proj_list .news_div_item_pic_a {height: 500px;} .proj_list .divdgweb_new_div_item_content {height: 500px;position: relative;} .proj_list .divdgweb_new_div_item .divdgweb_new_div_item_title a::before {content: '\e612'; width: 20px; height: 20px; background: #fff; position: absolute; right: -28px; top: 3px; bottom: 0; margin: auto; font-family: 'iconfont'; border-radius: 50%; color: #333; line-height: 20px;} .proj_text{width: 100%;height: 182px;background: #028afc;padding: 35px;box-sizing: border-box;display: flex;justify-content: space-between;} .proj_text>div{width: 48%;overflow: hidden;} .proj_text p{font-size: 16px;color: #fff;} .projt_le span{display:block;color:rgba(255,255,255,0.7);margin-top:15px;line-height:26px;height:52px;overflow:hidden;} .projt_le a.iconfont{display: block;font-size: 20px;color: rgba(255,255,255,0.4);margin-top: 15px;} .projt_le a.iconfont:hover{color: #fff;} .projt_ri ul{height: 100%;} .projt_ri li{width:22%;text-align:center;height:100%;box-sizing:border-box;padding-top:22px;border-radius:8px;} .projt_ri li i{display:block;width:100%;font-size:36px;color:rgba(255,255,255,0.5);} .projt_ri li p{width:100%;margin-top:16px;font-size:14px;color:rgba(255,255,255,0.5);} .proj_wrap .tit h3 {color: #fff !important;} .proj_wrap .tit p {color: #fff;} .news_div_item_picture {height: 500px!important;} .nyxqnewsbg { width: 100%; background: #f4f4f4; padding: 30px 0;