@media only screen and (min-width: 769px){ /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮嵜冣€毭偮访兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ .head-right{ height: 90px; line-height: 90px; width:100%; } .head-right a{ display:block; color: #126ace; font-size: 20px; padding-left: 44px; line-height: 90px; background: url(/img/lan_en1.png) no-repeat left center; transition:all 0.3s; float:right; font-family:'Arial', sans-serif !important; } .head-right a:hover{color: #dc0000;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈥澝冣€毭偮裁兤捗偮冣€毭偮棵冣€毭偮?/ .foot{margin:60px 0;} .foot dl{float:left;} .foot .foot-ss{float:right} .foot-lx{padding-top:12px;margin-right:5%;} .foot-lx dt{font-size: 20px;color: #0254a6;line-height: 20px;margin-bottom: 28px;font-weight: normal;} .foot-lx dd{color: #666;line-height: 36px;} .foot-lx dd a:hover{color:#0254a6 !important;} .foot-nav{padding: 12px 5% 0;border-left: 1px solid #c3c8cc;height: 200px;} .foot-nav dt{font-size: 20px;color: #0254a6;line-height: 20px;margin-bottom: 28px;font-weight: normal;} .foot-nav dd a{display: block; color: #666;line-height: 36px;padding-left: 12px;background: url(/img/nav_point.png) no-repeat left center;transition: all 0.3s;} .foot-nav dd:hover a{color: #0254a6;} .foot-ss{margin-top:12px;} .foot-ss dt{font-size: 20px;color: #0254a6;line-height: 20px;margin-bottom: 28px;font-weight: normal;} .foot-ss dd{float: left;height: 48px;margin:0 10px 10px 0;} .foot-ss dd:last-child{margin-right: 0;} .foot-ss dd a{display: block;width: 48px;height: 48px;} .copy span{line-height: 70px;color:#666;} .copy span a{color:"#666";transition: all 0.3s;} .copy span a:hover{color:#0254a6;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ .about-col{width:88%;} .about-col p{font-size: 15px;color: #808080;line-height: 32px;text-align: justify;width:100%;margin-bottom:50px;} .about-col ul li{width: 120px;height: 120px;background: #eef2f6;text-align: center;float: left;margin-right: 20px;border-radius: 4px;transition: all 0.3s;} .about-col ul li:last-child{margin-right:0;} .about-col ul li:hover{background: #dc0000;} .about-col ul li em,.about-col ul li span{display: block;} .about-col ul li span{font-size: 14px;color: #0254a6;line-height: 14px;} .about-col ul li:hover span{color: #fff;} .about-col ul li em{height: 30px;margin: 30px auto 16px;transition: all 0.3s;} .about-col ul li .about-icon1{width: 28px;background: url(/img/about_icon1.png) no-repeat center bottom;} .about-col ul li .about-icon2{width: 32px;background: url(/img/about_icon2.png) no-repeat center bottom;} .about-col ul li .about-icon3{width: 30px;background: url(/img/about_icon3.png) no-repeat center bottom;} .about-col ul li .about-icon4{width: 34px;background: url(/img/about_icon4.png) no-repeat center bottom;} .about-col ul li .about-icon5{width: 32px;background: url(/img/about_icon5.png) no-repeat center bottom;} .about-col ul li:hover .about-icon1{background: url(/img/about_icon1.png) no-repeat center top;} .about-col ul li:hover .about-icon2{background: url(/img/about_icon2.png) no-repeat center top;} .about-col ul li:hover .about-icon3{background: url(/img/about_icon3.png) no-repeat center top;} .about-col ul li:hover .about-icon4{background: url(/img/about_icon4.png) no-repeat center top;} .about-col ul li:hover .about-icon5{background: url(/img/about_icon5.png) no-repeat center top;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓啪脙鈥毭偮?/ .about-sort{/* background: url(/img/about_bg11.png) no-repeat center; */background-color: #003f8f;height: 520px;} .about-sort ul li{float: left;width: 20%;height: 520px;position: relative;} .about-sort ul li a{display: block;width: 100%;height: 100%;border-right: 1px solid #4b8bc6;color: #fff;} .about-sort ul li a .content{padding: 80px 40px;position: absolute;left: 0;top: 0;z-index: 1;height: 100%;width: 100%;} .about-sort ul li a .content img{display: block;transition: all 1s;} .about-sort ul li a .content b{display: block;font-size: 20px;line-height: 30px;margin: 60px 0 30px;transition: all 0.8s;} .about-sort ul li a .content p{line-height: 22px;opacity: 0.8;margin-bottom: 70px;transition: all 0.8s;font-size: 14px;text-align:justify;} .about-sort ul li a .content span{display: block;line-height: 72px;border-top: 2px solid rgba(255,255,255,0.2);position: relative;background: url(/img/more1.png) no-repeat center left 66px;transition: all 0.8s;font-size: 14px;} .about-sort ul li a .content span:after{content: "";width: 15%;height: 2px;background: #fff; transition: all 0.8s;position: absolute;left: 0;top: -2px;} .about-sort ul li:hover a .content img{transform: rotateY(360deg);} .about-sort ul li:hover a .content b{margin: 40px 0 30px;} .about-sort ul li:hover a .content p{margin-bottom: 90px;opacity: 1;} .about-sort ul li:hover a .content span:after{width: 100%;} .about-sort ul li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: all 1.5s;} .about-sort ul .about-sort1:after{background: url(/img/s44.jpg) no-repeat center center;} .about-sort ul .about-sort2:after{background: url(/img/s33.jpg) no-repeat center center;} .about-sort ul .about-sort3:after{background: url(/img/s22.jpg) no-repeat center center;} .about-sort ul .about-sort4:after{background: url(/img/s11.jpg) no-repeat center center;} .about-sort ul .about-sort5:after{background: url(/img/s11.jpg) no-repeat center center;} .about-sort ul li:hover:after {opacity: 1;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓聽脙鈥毭偮访兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ .pro-sort{padding: 0 10px;height: auto;} .pro-sort ul li {float: left;margin: 0 10px;width: calc(100% / 3 - 20px);height: 100%;} .pro-sort ul li a{display:block;width: 100%;height: 100%;position: relative;} .pro-sort ul li a .pro-sort-img{width: 100%;height: 100%;} .pro-sort-col{width: 100%;height: 100%;background: rgba(2,84,166,0.6); position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;text-align: center;transition: all 0.6s;} .pro-sort-col i{display: block;width: 50px;height: 50px;margin: 50% auto 50px;transition: all 0.6s;} .pro-sort-col h3{font-size: 24px;font-weight: bold;line-height: 24px;margin-bottom: 20px;} .pro-sort-col span{display: block;font-size: 18px;line-height: 18px;} .pro-sort-col em{display: block;font-size: 14px;line-height: 42px;width: 130px;height: 42px;border-radius: 21px;background: #dc0000;margin: 80px auto 0;opacity: 0;transition: all 0.6s;} .pro-sort ul li:first-child a .pro-sort-col i{background: url(/img/pro_icon1.png) no-repeat center center;} .pro-sort ul li:nth-child(2) a .pro-sort-col i{background: url(/img/pro_icon2.png) no-repeat center center;} .pro-sort ul li:nth-child(3) a .pro-sort-col i{background: url(/img/pro_icon3.png) no-repeat center center;} .pro-sort ul li:hover a .pro-sort-col{width: 70%;height: 70%;} .pro-sort ul li:hover a .pro-sort-col em{opacity: 1;margin: 50px auto 0;} .pro-sort ul li:hover a .pro-sort-col i{margin: 30% auto 50px;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓娄脙鈥毭偮?/ .hz{text-align: center;font-size: 0;} .hz a{display: inline-block;width: 158px;height: 48px;border-radius: 4px;border: 1px solid #fff;color: #fff;line-height: 48px;font-size: 16px;margin: 0 15px;position: relative;transition: all 0.5s;} .hz a:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #dc0000;opacity: 0;;z-index: 0;transform: scale3d(0.7, 1, 1);transition: transform 0.4s, opacity 0.4s;transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);border-radius: 4px;} .hz a:hover:after{opacity: 1;transform: translate3d(0, 0, 0);} .hz a:hover{border-color: #dc0000;} .hz a span{z-index: 3;position: absolute;left: 50%;transform: translateX(-50%);} /* 脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮┟冣€毭偮棵冣€毭偮疵兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ .more{width: 240px;height: 60px;background: #0254a6;font-size: 14px;color: #fff;text-indent: 60px;line-height: 60px;position: relative;} .more a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;color: #fff;text-indent: 60px;background:url(/img/more1.png) no-repeat center right 60px} .more:after{content: "";width: 100%;height: 4px;background: #dc0000;position: absolute;left: 0;bottom: 0;z-index: 0;transition: all 0.5s;} .more:hover:after{height: 56px;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮 脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮得兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ .case-achieve ul li{width: calc(100% / 3 - 40px);overflow: hidden;position: relative;text-align: center;float: left;margin:0 20px;} .case-achieve ul li h4{width: 100%;height: 50px;font-size: 16px;background: rgba(2,84,166,0.7);line-height: 50px;position: absolute;left: 0;bottom: 0;color: #fff;transition: all 0.5s;} .case-achieve ul li img{display: block; width: 100%;transition: all 1s;} .achieve-col{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);transition: all 0.5s;opacity: 0;} .achieve-col i,.achieve-col span{display: block;} .achieve-col i{width: 48px;height: 48px;background: url(/img/case_more1.png) no-repeat center center;margin: 80px auto 30px;} .achieve-col span{font-size: 24px;color: #fff;} .case-achieve ul li:hover h4{bottom: -50px;} .case-achieve ul li:hover .achieve-col{opacity: 1;} .case-achieve ul li:hover img{transform: scale(1.2);} .achieve-col:before,.achieve-col:after{content: "";position: absolute;left: 20px;top: 20px;right: 20px;bottom: 20px;opacity: 0;transition: all 0.5s;} .achieve-col:before{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); transform-origin: 0 0; } .achieve-col:after{ border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1,0); transform-origin: 100% 0; } .case-achieve ul li:hover .achieve-col:before,.case-achieve ul li:hover .achieve-col:after{ opacity: 1; transform: scale(1); transition: all 0.5s; } .ny_case_more{display:block;width:120px;height:42px;font-size:14px;color:#fff;background:#0254a6;text-align:center;line-height:42px;transition:all 0.5s;} .ny_case_more:hover{background:#dc0000;color:#fff;} .ny_case_more:visited{color:#fff;} } /*脙茠脗聬脙鈥毭偮∶兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ @media only screen and (max-width: 768px){ /*脙茠脗聧脙鈥毭偮访兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ .w_grid-003 > div > .p_gridbox > .p_gridCell{width:auto;} #w_grid-1583303360297, #c_portalResnav_main-15833033601907099, #c_portalResPublic_codeContainer-15833032801716341, #w_grid-1583303139859, #w_grid-1583303142464{ min-height:60px; } #w_grid-1583303142464{width:94%;} #c_portalResnav_main-15833033601907099 .header{height:60px;} #c_portalResPublic_codeContainer-15833032801716341{ line-height:60px; } #content_box-1583303142464-0{ width:40%; } #w_fimg-1583303157110{ margin-top:16px; } #content_box-1583303142464-1,#content_box-1583303142464-2{ float:right; } #content_box-1583303142464-1 .container{ padding:0; margin-left:20px; } #c_portalResnav_main-15833033601907099 .header{ padding:0; } #c_portalResnav_main-15833033601907099 .header #navToggle{ padding:0; height:0; } #w_grid-1583303139859{ position:fixed; top:0; left:0; z-index:9999; width:100%; } .pagebox{margin-top:90px;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓娄脙鈥毭偮?/ #c_portalResnav_main-15833033601907099 .header #navToggle span, #c_portalResnav_main-15833033601907099 .header #navToggle span:before, #c_portalResnav_main-15833033601907099 .header #navToggle span:after{ background:#0254a6; width:36px; height:2px; } #c_portalResnav_main-15833033601907099 .header #navToggle span:after{ bottom:12px; } #c_portalResnav_main-15833033601907099 .header #navToggle span:before{ top:10px; } #c_portalResnav_main-15833033601907099 .header #navToggle span{ margin-top:30px; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗嬇撁冣€毭偮得兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓啪脙鈥毭偮?/ #c_portalResnav_main-15833033601907099 .m_nav{ left:0; } #c_portalResnav_main-15833033601907099 .m_nav .top{ border-bottom:1px solid #dbdbdb; height:80px; padding:0 20px; background: url(/img/logo2.png) no-repeat center left 20px; } #c_portalResnav_main-15833033601907099 .m_nav .top .closed{ line-height:80px; } #c_portalResnav_main-15833033601907099 .m_nav .ul{ margin-top:20px; } #content_box-1583303142464-2 .head-right a{ padding: 6px 20px; color:#fff; background:#dc0000; border-radius: 50px; } #c_portalResnav_main-15833033601907099 .m_nav .ul li a{ height:60px; line-height:60px; } #c_portalResnav_main-15833033601907099 .jt{ height:60px; line-height:60px; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓娄脙鈥毭偮?/ #w_grid-1583400125163{margin:30px auto;} #w_common_text-1583400215650{margin-bottom:10px;} #w_common_text-1583400215650 h2 span{font-size:32px;line-height:32px;} #w_common_text-1583400281650 p span{line-height:22px !important;} .hz{text-align: center;font-size: 0;} .hz a{ display: inline-block; width: 148px; height: 44px; border-radius: 4px; border: 1px solid #fff; color: #fff; line-height: 44px; font-size: 14px; margin: 0 10px; position: relative; transition: all 0.5s; } .hz a:after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0;top: 0; background: #dc0000; opacity: 0; z-index: 0; transform: scale3d(0.7, 1, 1); transition: transform 0.4s, opacity 0.4s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); border-radius: 4px; } .hz a:hover:after{ opacity: 1; transform: translate3d(0, 0, 0); } .hz a:hover{border-color: #dc0000;} .hz a span{ z-index: 3; position: absolute; left: 50%; transform: translateX(-50%); } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈥澝冣€毭偮裁兤捗偮冣€毭偮棵冣€毭偮?/ .foot{padding:30px 0;} .foot-nav,.contact-hide{ display:none; } .foot-lx{ border-bottom:1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; } .foot-lx dt{ font-size: 24px; color: #0254a6; line-height: 24px; margin-bottom: 14px; font-weight: normal; text-align:center; } .foot-lx dd{ color: #666; line-height: 32px; font-size:15px; text-align:center;} .foot-ss{margin-top:12px;font-size:0;text-align:center;} .foot-ss dt{font-size: 24px;color: #0254a6;line-height: 24px;margin-bottom: 20px;font-weight: normal;} .foot-ss dd{display:inline-block;height: 48px;margin:0 5px;} .foot-ss dd:last-child{margin-right: 0;} .foot-ss dd a{display: block;width: 48px;height: 48px;} #c_portalResPublic_codeContainer-15832927181818191{padding:15px;} .copy span{line-height: 24px;color:#666;} .copy span a{color:"#666";transition: all 0.3s;} .copy span a:hover{color:#0254a6;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1583312295011{ width:94%; margin:0 auto; } #w_common_text-1583312360444{ margin-top:30px; text-align:center; } #w_common_text-1583312360444 p span{ font-size:28px !important; } #w_fimg-1583312464710{ margin:20px auto; } #w_common_text-1583312399352{text-align:center;} #w_common_text-1583312399352 p span{ font-size:24px; line-height: 24px; } .about-col{width:100%;} .about-col p{ font-size: 14px; color: #808080; line-height: 22px; text-align: justify; margin:20px auto 10px; text-align-last:center; } .about-col ul li{ width: 20%; height: auto; text-align: center; float: left; border-radius: 4px; transition: all 0.3s; } #c_portalResPublic_codeContainer-15833125543743956{margin-top:20px;} .about-col ul li em,.about-col ul li span{display: block;} .about-col ul li span{font-size: 14px;color: #0254a6;line-height: 14px;} .about-col ul li em{height: 30px;margin: 10px auto 16px;} .about-col ul li .about-icon1{width: 28px;background: url(/img/about_icon1.png) no-repeat center bottom;} .about-col ul li .about-icon2{width: 32px;background: url(/img/about_icon2.png) no-repeat center bottom;} .about-col ul li .about-icon3{width: 30px;background: url(/img/about_icon3.png) no-repeat center bottom;} .about-col ul li .about-icon4{width: 34px;background: url(/img/about_icon4.png) no-repeat center bottom;} .about-col ul li .about-icon5{width: 32px;background: url(/img/about_icon5.png) no-repeat center bottom;} .about-sort{background: url(/img/about_bg11.jpg) no-repeat center;height: 720px;} .about-sort ul li{float: left;width: 25%;height: 720px;position: relative;} .about-sort ul li a{display: block;width: 100%;height: 100%;border-right: 1px solid #4b8bc6;color: #fff;} .about-sort ul li a .content{padding: 80px 40px;position: absolute;left: 0; top: 0;z-index: 1;height: 100%;width: 100%;} .about-sort ul li a .content img{display: block;transition: all 1s;} .about-sort ul li a .content b{display: block;font-size: 30px;line-height: 30px;margin: 260px 0 30px;transition: all 0.8s;} .about-sort ul li a .content p{line-height: 22px;opacity: 0.8;margin-bottom: 70px;transition: all 0.8s;font-size: 14px;text-align:justify;} .about-sort ul li a .content span{display: block;line-height: 72px;border-top: 2px solid rgba(255,255,255,0.2);position: relative;background: url(/img/more1.png) no-repeat center left 18%;transition: all 0.8s;font-size: 14px;} .about-sort ul li a .content span:after{content: "";width: 15%;height: 2px;background: #fff; transition: all 0.8s;position: absolute;left: 0;top: -2px;} .about-sort ul li:hover a .content img{transform: rotateY(360deg);} .about-sort ul li:hover a .content b{margin: 240px 0 30px;} .about-sort ul li:hover a .content p{margin-bottom: 90px;opacity: 1;} .about-sort ul li:hover a .content span:after{width: 100%;} .about-sort ul li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: all 1.5s;} .about-sort ul .about-sort1:after{background: url(/img/s44.jpg) no-repeat center center;} .about-sort ul .about-sort2:after{background: url(/img/s33.jpg) no-repeat center center;} .about-sort ul .about-sort3:after{background: url(/img/s22.jpg) no-repeat center center;} .about-sort ul .about-sort4:after{background: url(/img/s11.jpg) no-repeat center center;} .about-sort ul .about-sort5:after{background: url(/img/s11.jpg) no-repeat center center;} .about-sort ul li:hover:after {opacity: 1;} .m-video{font-size:0;margin:20px auto;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓啪脙鈥毭偮?/ .about-sort{ background: url(/img/about_bg11.jpg) no-repeat center; height: auto; } .about-sort ul li{ float: left; width: 50%; height:280px; position: relative; } .about-sort ul li a{ display: block; width: 100%; height: 100%; border-right: 1px solid #4b8bc6; color: #fff; border-bottom: 1px solid #4b8bc6; } .about-sort ul li a .content{ padding:20px; position: absolute; left: 0; top: 0; z-index: 1; height: 100%; width: 100%; } .about-sort ul li a .content img{ display: block; transition: all 1s; height:12%; } .about-sort ul li a .content b{ display: block; font-size: 20px; line-height: 20px; margin:60px 0 20px; transition: all 0.8s; } .about-sort ul li a .content p{ line-height: 22px; opacity: 0.8; margin-bottom: 30px; transition: all 0.8s; font-size: 14px; text-align:justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2 ; -webkit-box-orient:vertical; } .about-sort ul li a .content span{ display: block; line-height: 50px; border-top: 2px solid rgba(255,255,255,0.2); position: relative; background: url(/img/more1.png) no-repeat center left 66px; transition: all 0.8s; font-size: 14px; } .about-sort ul li a .content span:after{content: "";width: 15%;height: 2px;background: #fff; transition: all 0.8s;position: absolute;left: 0;top: -2px;} .about-sort ul li:hover a .content img{transform: rotateY(360deg);} .about-sort ul li:hover a .content b{margin: 60px 0 20px;} .about-sort ul li:hover a .content p{margin-bottom:30px;opacity: 1;} .about-sort ul li:hover a .content span:after{width: 100%;} .about-sort ul li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: all 1.5s;} .about-sort ul .about-sort1:after{background: url(/img/s44.jpg) no-repeat center center;background-size:100% 100%;} .about-sort ul .about-sort2:after{background: url(/img/s33.jpg) no-repeat center center;background-size:100% 100%;} .about-sort ul .about-sort3:after{background: url(/img/s22.jpg) no-repeat center center;background-size:100% 100%;} .about-sort ul .about-sort4:after{background: url(/img/s11.jpg) no-repeat center center;background-size:100% 100%;} .about-sort ul .about-sort5:after{background: url(/img/s11.jpg) no-repeat center center;background-size:100% 100%;} .about-sort ul li:hover:after {opacity: 1;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓聽脙鈥毭偮访兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #c_portalResProduct_category-15849517336996302 .container{ padding:0 0 20px; } #w_grid-1583395389512{ margin-top:30px; margin-bottom:30px; width:94%; } #w_common_text-1583316192626 p span{font-size:28px !important;line-height:28px;} #w_fimg-1583316150212{margin:20px auto;} #c_portalResProduct_category-15834150339994684{margin-top:30px;} #w_common_text-1583316077983{max-width:100%;} #w_common_text-1583316077983 p span{text-align:justify;line-height:22px;} #c_portalResProduct_category-15849517336996302 .proCateBox{ padding:20px 0 0; } #c_portalResProduct_category-15849517336996302 .swiper-container{ overflow:vivisble } #c_portalResProduct_category-15849517336996302 .slide9{ padding:0; width:100%; margin-right:0; } #c_portalResProduct_category-15849517336996302 .cate-pic-box{ height:auto; padding-bottom:0; } #c_portalResProduct_category-15849517336996302 .cate-pic{ position:unset; top: unset; left: unset; transform: unset; width:100%; height:auto; } #c_portalResProduct_category-15849517336996302 .swiper-button{ top:30%; transform:unset; } #c_portalResProduct_category-15849517336996302 .swiper-button .iconfont{ font-size:24px; color:#0254a6; } #c_portalResProduct_category-15849517336996302 .btn-right9{right:0;} #c_portalResProduct_category-15849517336996302 .btn-left9{left:0;} #c_portalResProduct_category-15849517336996302 .title{ font-size:1.2rem; color:#0254a6; margin-bottom:0; } #c_portalResProduct_category-15849517336996302 .content{ padding:10px; } #c_portalResProduct_category-15849517336996302 .summary{ text-align:center; } #c_portalResProduct_category-15849517336996302 .swiper-pagination-bullet{ border-radius: 50%; margin:0 10px; } #c_portalResProduct_category-15849517336996302 .swiper-pagination-bullet-active{ background:rgba(2,84,166,1) } #w_grid-1583904549030{ background-color:rgba(245, 245, 245, 1); border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗呪€櫭冣€毭偮懊兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1583418312289{ width:94%; margin:30px auto; } #w_common_text-1583453650693 p span{ font-size:28px !important; line-height:28px; } #w_fimg-1583453650699{ margin:20px auto; } #w_common_text-1583453650707{ max-width:100%; } #c_portalResProduct_list-15849575593273877 .proContainer{ min-width:100%; } #c_portalResProduct_list-15849575593273877 .proLi{ padding:0; } #c_portalResProduct_list-15849575593273877 .proLink{ border:none; height:auto; } #c_portalResProduct_list-15849575593273877 .txtBox{ padding:0; height:auto; } #c_portalResProduct_list-15849575593273877 .proTitle{ border:none; background:#fff; padding-right:0; text-align: center; padding: 0 20px; height:50px; line-height:50px; } #c_portalResProduct_list-15849575593273877 .proImgBox{ position:unset; height:auto; } #c_portalResProduct_list-15849575593273877 .proImg{ width:100%; position:unset; top:unset; left:unset; transform:unset; } #c_portalResProduct_list-15849575593273877 .proContainer{ padding:10px; margin:0 auto; } .lantern{ margin-left:0 !important; margin-right:0 !important; width:100%; } #c_portalResProduct_list-15849575593273877 .imgLink{display:none;} #c_portalResProduct_list-15849575593273877 .name{ font-weight:normal; font-size:1rem; } .more{width: 240px;height: 60px;background: #0254a6;font-size: 14px;color: #fff;text-indent: 60px;line-height: 60px;position: relative;} .more a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;color: #fff;text-indent: 60px;background:url(/img/more1.png) no-repeat center right 60px} .more:after{content: "";width: 100%;height: 4px;background: #dc0000;position: absolute;left: 0;bottom: 0;z-index: 0;transition: all 0.5s;} .more:hover:after{height: 56px;} #w_grid-1583475448883{margin-top:0;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓藴脙鈥毭偮?/ #w_grid-1585060711609{display:none;} #w_grid-1583457550341{margin:30px auto;width:94%;} #w_common_text-1583454390857 p span{font-size:28px !important;line-height:28px;} #w_fimg-1583454390863{margin:20px auto;} #w_common_text-1583454390874{max-width:100%;} #w_common_text-1583454390874 p span{text-align:justify;} #w_grid-1585060633644{display:none;} #w_grid-1583454390838{margin-bottom:0;} #c_portalResNews_list-15850636845364268 .p_news{ padding:0 5px; } #c_portalResNews_list-15850636845364268 .newTitleLink{ padding:6px 0; font-size:16px; } #c_portalResNews_list-15850636845364268 .newPicLink{ position:unset; } #c_portalResNews_list-15850636845364268 .newMs{ font-size:14px; height:auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2 ; -webkit-box-orient:vertical; text-align:justify; } #c_portalResNews_list-15850636845364268 .newPicBox{ height:auto; padding-bottom:0; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮 脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗吢犆冣€毭偮?/ #w_grid-1585105387845, #w_grid-1585110949282, #w_grid-1585114714735, #w_grid-1585114924826, #w_grid-1585119924116, #w_grid-1585123774762, #w_grid-1585125920128, #w_grid-1585127831832, #w_grid-1585128864729, #w_grid-1585132885511, #w_grid-1585147447936, #w_grid-1585181608413, #w_grid-1585183546904, #w_grid-1585183372825, #w_grid-1585183632405{ margin:30px auto; } #w_common_text-1583978158558 p span, #w_common_text-1585110949291 p span, #w_common_text-1585114714741 p span, #w_common_text-1585114924839 p span, #w_common_text-1585119924176 p span, #w_common_text-1583978546882 p span, #w_common_text-1585125920137 p span, #w_common_text-1583987335497 p span, #w_common_text-1585128864738 p span, #w_common_text-1583983851834 p span, #w_common_text-1583984263499 p span, #w_common_text-1584009363969 p span, #w_common_text-1585183546914 p span, #w_common_text-1585183372835 p span, #w_common_text-1585183632411 p span{ font-size:28px; } #w_fimg-1583978285244, #w_fimg-1585110949295, #w_fimg-1585114714744, #w_fimg-1585114924846, #w_fimg-1585119924126, #w_fimg-1583978546885, #w_fimg-1585125920141, #w_fimg-1583987335502, #w_fimg-1585128864741, #w_fimg-1583983851839, #w_fimg-1583984263501, #w_fimg-1584009363971, #w_fimg-1585183546917, #w_fimg-1585183372840脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮 #w_fimg-1585183632414{ margin:10px auto; } #w_common_text-1583978346239 p span, #w_common_text-1585110949301 p span, #w_common_text-1585114714749 p span, #w_common_text-1585114924853 p span, #w_common_text-1585119924181 p span, #w_common_text-1583978546889 p span, #w_common_text-1585125920151 p span, #w_common_text-1583987573079 p span, #w_common_text-1585128864747 p span, #w_common_text-1583983851846 p span, #w_common_text-1583984990058 p span, #w_common_text-1584009363975 p span, #w_common_text-1585183546922 p span, #w_common_text-1585183372847 p span脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮 #w_common_text-1585183632419 p span{ font-size:14px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb, #c_portalResAtlas_detail-15839370914359150 .prev, #c_portalResAtlas_detail-15839370914359150 .next, #c_portalResAtlas_detail-1585119924196 .prev, #c_portalResAtlas_detail-1585119924196 .next{ color:#0254a6; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent, .c_portalResBreadcrumb_nav-01001 .p_end .i_separator{ display:none; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮惷冣€毭偮济兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1583832256958, #c_portalResIntro_category-1583832256998, #w_grid-1583913991272, #c_portalResIntro_category-1583913991312, #w_grid-1583936776988, #c_portalResIntro_category-1583936777038, #w_grid-1583917052157, #c_portalResIntro_category-1583917052207, #w_grid-1585119924136, #c_portalResIntro_category-1585119924186, #w_grid-1583741960983, #w_grid-1583741960993, #c_portalResProduct_category-15838265210487879, #w_grid-1583831728272, #w_grid-1583831728282, #c_portalResProduct_category-1583831728322, #w_grid-1583988947052, #w_grid-1583988947042, #w_grid-1584009022300, #c_portalResProduct_category-1583988947102, #w_grid-1583831658618, #w_grid-1583831658628, #w_grid-1584004193935, #w_grid-1584004193925, #c_portalResProduct_category-1584004193985{ min-height:50px; } .p_btn-hide{background: #f5f5f5;} .p_btn-hide .p_c-fff{background: #dc0000;} #w_grid-1583832256968, #w_grid-1583913991282, #w_grid-1583936776998, #w_grid-1583917052167, #w_grid-1585119924146, #w_grid-1583741960993, #w_grid-1583831728282, #w_grid-1583988947052, #w_grid-1583831658628, #w_grid-1584004193935{ width:100%; } .c_portalResBreadcrumb_nav-01001{display:none;} .btn-primary{ background-color:#f5f5f5; width: 100%; border-radius: 0; border: none; height: 50px; line-height: 50px; padding: 0; font-size: 16px; text-align: left; padding-left: 20px; color:#0254a6; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮 脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1583832256978{ width:94%; margin:30px auto; } .p_linkBox{padding:10px 0 10px 20px;} .c_portalResIntro_detail-01001 .p_tit, .c_portalResIntro_detail-01001 .p_dataSource, .c_portalResIntro_detail-01001 .summary-mo{display:none;} .c_portalResIntro_detail-01001 .p_header{ margin: 0 auto; padding-bottom: 20px; margin-bottom:20px; text-align: center; border-bottom: 1px solid #ccc; font-size: 28px !important; } .c_portalResIntro_detail-01001 .p_con{ margin:0; } #c_portalResIntro_detail-1583832257008 .js-reset_style div{ font-size: 14px; line-height: 24px; text-indent: 28px; } .c_portalResIntro_detail-01001 .p_content{ margin:0; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮 脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮得兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮泵冣€毭偮?/ #w_grid-1583913991292, #w_grid-1583917052177, #w_grid-1583936777008, #w_grid-1585119924156{ width:98%; margin:30px auto; } #c_portalResAtlas_list-15839146383677956 .p_Atlas, #c_portalResAtlas_list-1583917052217 .p_Atlas{ padding:0 5px; } #c_portalResAtlas_list-15839146383677956 .articles{ width:50%; margin-right: 0 !important; padding: 0 10px; } #c_portalResAtlas_list-15839146383677956 .title, #c_portalResAtlas_list-1583917052217 .title{ height: 40px; line-height: 40px; } #c_portalResAtlas_list-15839146383677956 .titleLink, #c_portalResAtlas_list-1583917052217 .titleLink{ padding:0 10px; font-size:0.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .p_pagebox{width:96%;} .p_pagebox .NumBox{height:45px;border:none;} #c_portalResAtlas_list-1583917052217 .picBox{padding:5px;} #c_portalResAtlas_detail-15839370914359150 .picTop, #c_portalResAtlas_detail-1585119924196 .picTop{ display:block; } #c_portalResAtlas_detail-15839370914359150 .picTitle, #c_portalResAtlas_detail-1585119924196 .picTitle{ font-size: 1.2rem; padding-bottom: 1rem; } #w_grid-1583937089283 > div > .p_gridbox, #w_grid-1585119924166 > div > .p_gridbox{ background:none; } #c_portalResAtlas_detail-15839370914359150 .detail, #c_portalResAtlas_detail-1585119924196 .detail{ padding:0 10px; } .c_portalResAtlas_detail-01001 .p_Atlas{margin:0 auto;} .c_portalResAtlas_detail-01001 .p_PrevAndNext{margin-bottom:0;} #c_portalResAtlas_detail-15839370914359150 .nextBox, #c_portalResAtlas_detail-1585119924196 .nextBox{ height:20px; line-height:20px; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮 脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓聽脙鈥毭偮访兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ .p_category{background:#fff;} #w_grid-1583741961003{ width:98%; margin:30px auto; } #c_portalResProduct_list-15838967225122266 .proLi{ width: 50%; float: left; padding:0 5px; margin-bottom:10px; } #c_portalResProduct_list-15838967225122266 .proLink{ height:auto; } #c_portalResProduct_list-15838967225122266 .txtBox{ height:auto; padding:0; } #c_portalResProduct_list-15838967225122266 .proTitle{ height:auto; padding:20px 0 0; } #c_portalResProduct_list-15838967225122266 .proLi .proSummry{ display:none; } #c_portalResProduct_list-15838967225122266 .name{ font-size:16px; font-weight:normal; } /* 脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮 脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓聽脙鈥毭偮访兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1583904549030 > div > .p_gridbox{ background:none; border:none; } #w_grid-1583831728292{ margin:30px auto; } .c_portalResProduct_detail-04001 .p_content{ text-align:center; padding:0; margin:0; } #c_portalResProduct_detail-15838317865784786 .js-reset_style img{ width:100% !important; height:auto !important; } #c_portalResProduct_detail-15838317865784786 .css_table td{ padding:0; text-align: center; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮 脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓藴脙鈥毭偮?/ #w_grid-1583831912117{display:none;} #w_grid-1583886928178{margin:30px auto;} #c_portalResNews_list-15838869269912195 .contentBoxB{ padding: 1rem 0rem; } #c_portalResNews_list-15838869269912195 .container{padding:0 5px;} #c_portalResNews_list-15838869269912195 .newTitle{margin-bottom:15px;} #c_portalResNews_list-15838869269912195 .newMs{margin:0 0 10px;} #c_portalResNews_list-15838869269912195 .newPic{width:100%;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮 脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1583832045927{display:none;} #w_grid-1583832045947{margin:30px auto;} .c_portalResNews_detail-01001 .p_dataSource, .c_portalResNews_detail-01001 .p_articlesTitle, .c_portalResNews_detail-01001 .p_summary{ display:none; } .c_portalResNews_detail-01001 .p_TitleBoxA{ padding:0; margin:0; max-width:100%; } .c_portalResNews_detail-01001 .p_headA{ font-size:20px; text-align:center; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #c_portalResNews_detail-15838320850453711 .js-reset_style div{ font-size:14px; text-indent:28px; line-height:24px; } .c_portalResNews_detail-01001 .p_PrevAndNextMo{ border-top:1px solid #ccc; border-bottom:none; margin-top:10px; padding-top:10px; } .c_portalResNews_detail-01001 .p_PrevAndNext{ height:auto; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1583832892828{display:none;} #w_grid-1583832892848{margin: 30px auto;} #w_grid-1583833098323 > div > .p_gridbox{background:none;} #w_common_text-1583833098332{padding: 0;margin-top:0px;} #w_common_text-1583833098332 p span{font-size:20px !important;} #w_fline-1583833098336{padding-top:10px;} #c_portalResMessage_form-15838330984631833{padding-bottom:0;} #c_portalResMessage_form-15838330984631833 .p_ContactInfo{padding:0;} #c_portalResMessage_form-15838330984631833 .p_groupBox textarea{ background:#f5f5f5; } #c_portalResMessage_form-15838330984631833 .InputText{ background:#f5f5f5; padding:0 20px; } #c_portalResMessage_form-15838330984631833 .p_ContactInfo{ padding:20px 5px 0; } #c_portalResMessage_form-15838330984631833 .form-group{ width:100%; margin:0; } #c_portalResMessage_form-15838330984631833 .p_EmailBox{ padding-right:0 !important; } #c_portalResMessage_form-15838330984631833 .p_groupBox textarea{ height:140px; } #c_portalResMessage_form-15838330984631833 .e_input{ height: 50px; margin-bottom: 10px; } #c_portalResMessage_form-15838330984631833 .form-control{ height:50px; } #c_portalResMessage_form-15838330984631833 .e_text{ margin-bottom:10px; } #c_portalResMessage_form-15838330984631833 .p_image{ height:50px; } #c_portalResMessage_form-15838330984631833 .p_CoupWBox{ padding:0; margin:20px auto 0; } #c_portalResMessage_form-15838330984631833 .btn-primary{ color:#fff; padding-left: 0; text-align: center; font-size: 16px; height:50px; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮徝冣€毭偮得兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1583832119349{display:none;} #w_grid-1583832119369{margin:30px auto;} #w_grid-1583908266617{min-height:auto;} #w_grid-1583908266594{padding:0 5px;} #w_grid-1583908266617 > div > .p_gridbox{background:none;} #w_common_text-1583908706596{margin:0;} #w_common_text-1583908706596 p span{font-size:20px;} #w_grid-1583908266626, #w_grid-1583911640726, #w_grid-1583911643823, #w_grid-1583911645531, #w_grid-1583911646970, #w_fimg-1583912444183{ margin-left:0; } #w_grid-1583908266626 >.w_grid>.p_gridbox>.p_gridCell:first-child, #w_grid-1583911640726 >.w_grid>.p_gridbox>.p_gridCell:first-child, #w_grid-1583911643823 >.w_grid>.p_gridbox>.p_gridCell:first-child, #w_grid-1583911645531 >.w_grid>.p_gridbox>.p_gridCell:first-child, #w_grid-1583911646970 >.w_grid>.p_gridbox>.p_gridCell:first-child{ width:12%; } #w_grid-1583908266626 >.w_grid>.p_gridbox>.p_gridCell:last-child, #w_grid-1583911640726 >.w_grid>.p_gridbox>.p_gridCell:last-child, #w_grid-1583911643823 >.w_grid>.p_gridbox>.p_gridCell:last-child, #w_grid-1583911645531 >.w_grid>.p_gridbox>.p_gridCell:last-child, #w_grid-1583911646970 >.w_grid>.p_gridbox>.p_gridCell:last-child{ width:88%; } #c_portalResPublic_codeContainer-15839130004345546{min-height:240px;} #mapContainer{height:240px !important;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮得兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #c_portalResIntro_category-15840678819391815, #c_portalResProduct_category-15839986113136663{ height:50px; } #w_grid-1584009022320{ margin:30px auto; } #w_grid-1584009022310{width:100%;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮得兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1583991340225, #w_grid-1584068010445{ margin:20px auto; } .case-achieve ul{ font-size:0; text-align:center; } .case-achieve ul li{ width: calc(100% / 3 - 10px); overflow: hidden; text-align: center; display:inline-block; margin:0 5px; vertical-align: top; } .case-achieve ul li h4{ width: 100%; font-size: 0.75rem; line-height: 1rem; color: #0254a6; padding-top:0.3rem; transition: all 0.5s; } .case-achieve ul li img{display: block; width: 100%;} #w_grid-1583996310389, #w_grid-1583997560657, #w_grid-1583997727194, #w_grid-1583831658638{ margin:20px auto; padding:0 5px; } #w_common_text-1584068647521, #w_common_text-1583997560671, #w_common_text-1583998340909{ border-bottom:1px solid #0254a6; } #w_common_text-1584068647521 p span, #w_common_text-1583997560671 p span, #w_common_text-1583998340909 p span{ font-size:18px; } #c_portalResProduct_list-15839963094056605 .proLi, #c_portalResProduct_list-15839975596356387 .proLi, #c_portalResProduct_list-15839977262870044 .proLi, #c_portalResProduct_list-1583831658678 .proLi{ padding:0; margin-top:10px; } #c_portalResProduct_list-1583831658678 .proLi{margin-bottom:0;} #w_grid-1583996481267, #w_grid-1583997560664, #w_grid-1583997727204{ padding:0; margin-bottom:0; } .ny_case_more{ display:block; width:90px; height:32px; font-size:12px; color:#fff; background:#0254a6; text-align:center; line-height:32px; transition:all 0.5s; margin-top:4px; } #c_portalResPublic_codeContainer-15839968191827432, #c_portalResPublic_codeContainer-15839975596366411, #c_portalResPublic_codeContainer-15839977262069836{ max-width:90px; } .ny_case_more:hover{background:#dc0000;color:#fff;} .ny_case_more:visited{color:#fff;} #c_portalResProduct_list-15839963094056605 .porBbox, #c_portalResProduct_list-15839975596356387 .porBbox, #c_portalResProduct_list-15839977262870044 .porBbox, #c_portalResProduct_list-1583831658678 .porBbox{ padding:0 10px; } #w_fline-1583997517185, #w_fline-1583997682725 { margin:30px 0; } #w_grid-1583988947062{display:none;} .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox{height:60px;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈩⒚冣€毭偮得兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1584004193945 > div > .p_gridbox{ background:none; border:none; } #w_grid-1584004193955{margin:30px auto;} #w_grid-1584004193955 .d_ProName .font{ font-size:18px; line-height:24px; } #w_grid-1584004193955 img{ width: 100% !important; height: auto !important; } } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ @media only screen and (min-width: 1200px){ .contact-hide{display:none;} #c_portalResnav_main-15833033601907099 .header{ padding:0; } #c_portalResnav_main-15833033601907099 .header .container{ width:100%; padding:0; } } @media only screen and (max-width: 1200px){ #w_grid-1583303139859{ /*display:none;*/ } } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ @media only screen and (min-width: 769px) and (max-width: 1200px){ #w_grid-1583303360297, #c_portalResnav_main-15833033601907099, #c_portalResPublic_codeContainer-15833032801716341, #w_grid-1583303139859, #w_grid-1583303142464{ min-height:70px; } #c_portalResnav_main-15833033601907099 .header{ padding:0; height:70px; } #c_portalResnav_main-15833033601907099 .header .container{ width:100%; padding:0; } #c_portalResnav_main-15833033601907099 .header .nav{ line-height:70px; } #c_portalResnav_main-15833033601907099 .header .navbar_nav li a{ padding:0 18px; font-size:14px; } .head-right{ height:70px; line-height:70px; } .head-right a{ line-height:70px; background: url(/img/lan_en.png) no-repeat left center; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓鈥澝冣€毭偮裁兤捗偮冣€毭偮棵冣€毭偮?/ .foot{display:none;} .contact-hide{width: 100%;margin:40px 0;display:block;} .contact-hide h2{text-align:center;margin-bottom:40px;} .contact-hide ul li{float: left;width: 25%;text-align: center;padding: 0 10px;} .contact-hide ul li .foot-pic{max-width: 30%;margin: 0 auto;} .contact-hide ul li .foot-pic img{width: 100%;} .contact-hide ul li span{display: block;font-size: 18px;color: #0254a6;line-height: 18px;margin-top: 20px;} .contact-hide ul li p{color: #333;line-height: 24px; margin-top: 10px;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1583312295011> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100%; text-align: center; } #w_grid-1583312295011> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:100%; } #w_grid-1583312295011{ margin-top:30px; margin-bottom:50px; } #w_fimg-1583312464710{ margin:30px auto; } #c_portalResPublic_codeContainer-15833125543743956{ margin-top:30px; } #w_common_text-1583312360444{margin-top:20px;} #w_common_text-1583312360444 p span{ font-size:32px; } .about-col{ width:90%; margin:0 auto; } .about-col p{ font-size: 14px; color: #808080; line-height: 24px;text-align: justify; width:100%; margin:0 auto 30px; text-align-last: center; } .about-col ul{ text-align:center; font-size:0; } .about-col ul li{ width: 90px; height: 90px; background: #eef2f6; text-align: center; display:inline-block; float:none; margin: 0 3% 30px; border-radius: 4px; transition: all 0.3s; } .about-col ul li:hover{background: #dc0000;} .about-col ul li em,.about-col ul li span{display: block;} .about-col ul li span{font-size: 14px;color: #0254a6;line-height: 14px;} .about-col ul li:hover span{color: #fff;} .about-col ul li em{height: 30px;margin: 18px auto 12px;transition: all 0.3s;} .about-col ul li .about-icon1{width: 28px;background: url(/img/about_icon1.png) no-repeat center bottom;} .about-col ul li .about-icon2{width: 32px;background: url(/img/about_icon2.png) no-repeat center bottom;} .about-col ul li .about-icon3{width: 30px;background: url(/img/about_icon3.png) no-repeat center bottom;} .about-col ul li .about-icon4{width: 34px;background: url(/img/about_icon4.png) no-repeat center bottom;} .about-col ul li .about-icon5{width: 32px;background: url(/img/about_icon5.png) no-repeat center bottom;} .about-col ul li:hover .about-icon1{background: url(/img/about_icon1.png) no-repeat center top;} .about-col ul li:hover .about-icon2{background: url(/img/about_icon2.png) no-repeat center top;} .about-col ul li:hover .about-icon3{background: url(/img/about_icon3.png) no-repeat center top;} .about-col ul li:hover .about-icon4{background: url(/img/about_icon4.png) no-repeat center top;} .about-col ul li:hover .about-icon5{background: url(/img/about_icon5.png) no-repeat center top;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓啪脙鈥毭偮?/ .about-sort{ /* background: url(/img/about_bg11.jpg) no-repeat center; */ height: auto; } .about-sort ul li{ float: left; width: 50%; height:360px; position: relative; } .about-sort ul li a{ display: block; width: 100%; height: 100%; border-right: 1px solid #4b8bc6; color: #fff; border-bottom: 1px solid #4b8bc6; } .about-sort ul li a .content{ padding:40px; position: absolute; left: 0; top: 0; z-index: 1; height: 100%; width: 100%; } .about-sort ul li a .content img{ display: block; transition: all 1s; height:16%; } .about-sort ul li a .content b{ display: block; font-size: 24px; line-height: 24px; margin:40px 0 20px; transition: all 0.8s; } .about-sort ul li a .content p{ line-height: 22px; opacity: 0.8; margin-bottom: 30px; transition: all 0.8s; font-size: 14px; text-align:justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3 ; -webkit-box-orient:vertical; } .about-sort ul li a .content span{ display: block; line-height: 72px; border-top: 2px solid rgba(255,255,255,0.2); position: relative; background: url(/img/more.png) no-repeat center left 66px; transition: all 0.8s; font-size: 14px; } .about-sort ul li a .content span:after{content: "";width: 15%;height: 2px;background: #fff; transition: all 0.8s;position: absolute;left: 0;top: -2px;} .about-sort ul li:hover a .content img{transform: rotateY(360deg);} .about-sort ul li:hover a .content b{margin: 40px 0 20px;} .about-sort ul li:hover a .content p{margin-bottom:30px;opacity: 1;} .about-sort ul li:hover a .content span:after{width: 100%;} .about-sort ul li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: all 1.5s;} .about-sort ul .about-sort1:after{background: url(/img/js_bg.jpg) no-repeat center center;background-size:100% 100%;} .about-sort ul .about-sort2:after{background: url(/img/zz_bg.jpg) no-repeat center center;background-size:100% 100%;} .about-sort ul .about-sort3:after{background: url(/img/sl_bg.jpg) no-repeat center center;background-size:100% 100%;} .about-sort ul .about-sort4:after{background: url(/img/sb_bg.jpg) no-repeat center center;background-size:100% 100%;} .about-sort ul .about-sort5:after{background: url(/img/sb_bg.jpg) no-repeat center center;background-size:100% 100%;} .about-sort ul li:hover:after {opacity: 1;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓聽脙鈥毭偮访兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1583395389512{ margin-top:50px; margin-bottom:50px; width:98%; } #w_fimg-1583316150212{ margin:30px auto; } #c_portalResProduct_category-15834150339994684{margin-top:30px;} #w_common_text-1583316077983{max-width:90%;} .pro-sort-col i{margin:40% auto 50px;} .pro-sort-col h3{ font-size:20px; line-height:20px; } .pro-sort-col span{ font-size:16px; } .pro-sort-col em{margin:60px auto 0;} .pro-sort ul li:hover a .pro-sort-col{ width: 90%; height: 90%; } .pro-sort ul li:hover a .pro-sort-col em{ opacity: 1; margin: 30px auto 0; } .pro-sort ul li:hover a .pro-sort-col i{margin: 30% auto 30px;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓垄脙鈥毭偮姑兤捗吢犆冣€毭偮?/ #w_grid-1583418312289{margin:50px auto;width:98%;} #w_fimg-1583453650699{ margin:30px auto;} #w_common_text-1583453650707{max-width:90%;} #c_portalResProduct_list-15850467434703188 .proContainer{max-width:100%;} #c_portalResProduct_list-15850467434703188 .lookDetail{height:50px;line-height:50px;} #w_grid-1583474899358{margin-top:30px;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓藴脙鈥毭偮?/ #w_grid-1585060711609{display:block;margin-top:30px;} #w_grid-1585060633644{display:none;} #w_grid-1583457550341{margin:50px auto;} #w_fimg-1583454390863{margin:30px auto;} #w_common_text-1583454390874{max-width:90%;} #c_portalResNews_list-15850607125928452 .newContainer{ max-width:100%; margin:0 auto; padding:0 20px; } #c_portalResNews_list-15850607125928452 .newLi{ width:calc(100% / 3 - 20px); margin:0 10px 5px; } #c_portalResNews_list-15850607125928452 .newSummry{ color: #808080; overflow: hidden; margin: 10px 0; text-overflow: ellipsis; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; } } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ @media only screen and (min-width: 1201px) and (max-width: 1555px){ /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #c_portalResnav_main-15833033601907099 .header .navbar_nav li a{ padding:0 20px; font-size:15px; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗⑩偓鈥澝冣€毭偮裁兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ .foot .foot-ss{ width:174px; } /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_fimg-1583312464710{ margin-top:30px; margin-bottom:30px; } #c_portalResPublic_codeContainer-15833125543743956{ margin-top:20px; } #w_common_text-1583312360444{margin-top:10px;} #w_common_text-1583312360444 p span{ font-size:32px; } .about-col{width:90%;} .about-col p{ font-size: 14px; color: #808080; line-height: 24px;text-align: justify; width:100%; margin-bottom:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .about-col ul li{ width: 90px; height: 90px; background: #eef2f6; text-align: center; float: left; margin-right: 14px; border-radius: 4px; transition: all 0.3s; } .about-col ul li:last-child{margin-right:0;} .about-col ul li:hover{background: #dc0000;} .about-col ul li em,.about-col ul li span{display: block;} .about-col ul li span{font-size: 14px;color: #0254a6;line-height: 14px;} .about-col ul li:hover span{color: #fff;} .about-col ul li em{height: 30px;margin: 18px auto 12px;transition: all 0.3s;} .about-col ul li .about-icon1{width: 28px;background: url(/img/about_icon1.png) no-repeat center bottom;} .about-col ul li .about-icon2{width: 32px;background: url(/img/about_icon2.png) no-repeat center bottom;} .about-col ul li .about-icon3{width: 30px;background: url(/img/about_icon3.png) no-repeat center bottom;} .about-col ul li .about-icon4{width: 34px;background: url(/img/about_icon4.png) no-repeat center bottom;} .about-col ul li .about-icon5{width: 32px;background: url(/img/about_icon5.png) no-repeat center bottom;} .about-col ul li:hover .about-icon1{background: url(/img/about_icon1.png) no-repeat center top;} .about-col ul li:hover .about-icon2{background: url(/img/about_icon2.png) no-repeat center top;} .about-col ul li:hover .about-icon3{background: url(/img/about_icon3.png) no-repeat center top;} .about-col ul li:hover .about-icon4{background: url(/img/about_icon4.png) no-repeat center top;} .about-col ul li:hover .about-icon5{background: url(/img/about_icon5.png) no-repeat center top;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓啪脙鈥毭偮?/ .about-sort{ background: url(/img/about_bg.jpg) no-repeat center; height: 520px; } .about-sort ul li{ float: left; width: 25%; height:520px; position: relative; } .about-sort ul li a{ display: block; width: 100%; height: 100%; border-right: 1px solid #4b8bc6; color: #fff; } .about-sort ul li a .content{ padding: 60px 40px; position: absolute; left: 0; top: 0; z-index: 1; height: 100%; width: 100%; } .about-sort ul li a .content img{ display: block; transition: all 1s; } .about-sort ul li a .content b{ display: block; font-size: 30px; line-height: 30px; margin: 160px 0 30px; transition: all 0.8s; } .about-sort ul li a .content p{ line-height: 22px; opacity: 0.8; margin-bottom: 30px; transition: all 0.8s; font-size: 14px; text-align:justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3 ; -webkit-box-orient:vertical; } .about-sort ul li a .content span{ display: block; line-height: 72px; border-top: 2px solid rgba(255,255,255,0.2); position: relative; background: url(/img/more.png) no-repeat center left 66px; transition: all 0.8s; font-size: 14px; } .about-sort ul li a .content span:after{content: "";width: 15%;height: 2px;background: #fff; transition: all 0.8s;position: absolute;left: 0;top: -2px;} .about-sort ul li:hover a .content img{transform: rotateY(360deg);} .about-sort ul li:hover a .content b{margin: 140px 0 30px;} .about-sort ul li:hover a .content p{margin-bottom: 50px;opacity: 1;} .about-sort ul li:hover a .content span:after{width: 100%;} .about-sort ul li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: all 1.5s;} .about-sort ul .about-sort1:after{background: url(/img/js_bg.jpg) no-repeat center center;} .about-sort ul .about-sort2:after{background: url(/img/zz_bg.jpg) no-repeat center center;} .about-sort ul .about-sort3:after{background: url(/img/sl_bg.jpg) no-repeat center center;} .about-sort ul .about-sort4:after{background: url(/img/sb_bg.jpg) no-repeat center center;} .about-sort ul .about-sort5:after{background: url(/img/sb_bg.jpg) no-repeat center center;} .about-sort ul li:hover:after {opacity: 1;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓聽脙鈥毭偮访兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ .pro-sort{padding:0;} .pro-sort ul li:hover a .pro-sort-col em{margin:30px auto 0;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗呪€櫭冣€毭偮懊兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_grid-1583418312289{width:96%;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓藴脙鈥毭偮?/ #w_grid-1585060711609{display:block;} #w_grid-1585060633644{display:none;} #c_portalResNews_list-15850607125928452 .newContainer{ width:96%; margin:0 auto; } #c_portalResNews_list-15850607125928452 .newLi{ width:calc(100% / 3 - 30px); margin:0 15px 5px; } #c_portalResNews_list-15850607125928452 .newSummry{ color: #808080; overflow: hidden; margin: 10px 0; text-overflow: ellipsis; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; } } @media only screen and (min-width: 1400px) and (max-width: 1700px){ /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮?/ #w_fimg-1583312464710{ margin-top:30px; margin-bottom:40px; } #c_portalResPublic_codeContainer-15833125543743956{ margin-top:20px; } .about-col{width:90%;} .about-col p{font-size: 14px;color: #808080;line-height: 24px;text-align: justify;width:100%;margin-bottom:30px;} .about-col ul li{width: 100px;height: 100px;background: #eef2f6;text-align: center;float: left;margin-right: 20px;border-radius: 4px;transition: all 0.3s;} .about-col ul li:last-child{margin-right:0;} .about-col ul li:hover{background: #dc0000;} .about-col ul li em,.about-col ul li span{display: block;} .about-col ul li span{font-size: 14px;color: #0254a6;line-height: 14px;} .about-col ul li:hover span{color: #fff;} .about-col ul li em{height: 30px;margin: 20px auto 16px;transition: all 0.3s;} .about-col ul li .about-icon1{width: 28px;background: url(/img/about_icon1.png) no-repeat center bottom;} .about-col ul li .about-icon2{width: 32px;background: url(/img/about_icon2.png) no-repeat center bottom;} .about-col ul li .about-icon3{width: 30px;background: url(/img/about_icon3.png) no-repeat center bottom;} .about-col ul li .about-icon4{width: 34px;background: url(/img/about_icon4.png) no-repeat center bottom;} .about-col ul li .about-icon5{width: 32px;background: url(/img/about_icon5.png) no-repeat center bottom;} .about-col ul li:hover .about-icon1{background: url(/img/about_icon1.png) no-repeat center top;} .about-col ul li:hover .about-icon2{background: url(/img/about_icon2.png) no-repeat center top;} .about-col ul li:hover .about-icon3{background: url(/img/about_icon3.png) no-repeat center top;} .about-col ul li:hover .about-icon4{background: url(/img/about_icon4.png) no-repeat center top;} .about-col ul li:hover .about-icon5{background: url(/img/about_icon5.png) no-repeat center top;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓啪脙鈥毭偮?/ .about-sort{ background: url(/img/about_bg.jpg) no-repeat center; height: 600px; } .about-sort ul li{ float: left; width: 25%; height:600px; position: relative; } .about-sort ul li a{ display: block; width: 100%; height: 100%; border-right: 1px solid #4b8bc6; color: #fff; } .about-sort ul li a .content{ padding: 60px 40px; position: absolute; left: 0; top: 0; z-index: 1; height: 100%; width: 100%; } .about-sort ul li a .content img{ display: block; transition: all 1s; } .about-sort ul li a .content b{ display: block; font-size: 30px; line-height: 30px; margin: 200px 0 30px; transition: all 0.8s; } .about-sort ul li a .content p{line-height: 22px;opacity: 0.8;margin-bottom: 40px;transition: all 0.8s;font-size: 14px;text-align:justify;} .about-sort ul li a .content span{display: block;line-height: 72px;border-top: 2px solid rgba(255,255,255,0.2);position: relative;background: url(/img/more.png) no-repeat center left 66px;transition: all 0.8s;font-size: 14px;} .about-sort ul li a .content span:after{content: "";width: 15%;height: 2px;background: #fff; transition: all 0.8s;position: absolute;left: 0;top: -2px;} .about-sort ul li:hover a .content img{transform: rotateY(360deg);} .about-sort ul li:hover a .content b{margin: 180px 0 30px;} .about-sort ul li:hover a .content p{margin-bottom: 60px;opacity: 1;} .about-sort ul li:hover a .content span:after{width: 100%;} .about-sort ul li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: all 1.5s;} .about-sort ul .about-sort1:after{background: url(/img/js_bg.jpg) no-repeat center center;} .about-sort ul .about-sort2:after{background: url(/img/zz_bg.jpg) no-repeat center center;} .about-sort ul .about-sort3:after{background: url(/img/sl_bg.jpg) no-repeat center center;} .about-sort ul .about-sort4:after{background: url(/img/sb_bg.jpg) no-repeat center center;} .about-sort ul .about-sort5:after{background: url(/img/sb_bg.jpg) no-repeat center center;} .about-sort ul li:hover:after {opacity: 1;} /*脙茠脗炉脙鈥毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗偮冣€毭偮棵冣€毭偮矫兤捗⑩偓藴脙鈥毭偮?/ } @media only screen and (min-width: 1400px){ #w_grid-1585060711609{display:none;} }