@charset "utf-8"; /* =====================鍐呴〉鏍峰紡======================== */ /* 瑙嗛寮圭獥 */ .popVideo{display: none;opacity: 0;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;} .popVideo-items{width: 1000px;position: relative;display: none;padding: 34px 34px 0;} .popVideo-video{width: 100%;} .popVideo-video video{width: 100%;} .popVideo-video iframe{width: 100%;height: 500px;} .popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url("../fonts/closew.svg"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/fonts/closew.svg*/) no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;} .popVideo-close:hover{opacity: 1;} @media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}} @media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}} /* 鍒嗛〉 */ .paging{width: 100%;text-align: center;margin-top: 50px;user-select: none;} .pageRemark1{line-height: 52px;display: inline-block;margin: 0 4px;color: #444;} .paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;} .paging-menu a{width: 44px;height: 44px;line-height: 42px;border: 1px solid #e1e1e1;margin: 4px;font-size: 14px;color: #444;transition: all .4s ease;border-radius: 50%;background-color: #fff;} .paging-menu a:first-child, .paging-menu a:last-child,#alast{width: 102px;border-radius: 22px;} p.pre{width: 102px !important;border-radius: 22px; height: 44px !important; line-height: 42px !important; border: 1px solid #e1e1e1; margin: 4px; font-size: 14px; color: #444; transition: all .4s ease; background-color: #fff; display: inline-block; } .paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #0091c0;background-color: #0091c0;color: #fff;} @media all and (max-width:1599px) {.paging{margin-top: 48px;}} @media all and (max-width:1279px) {.paging{margin-top: 38px;}} @media all and (max-width:1000px) {.paging{margin-top: 32px;}.paging-menu a,.paging-menu p{margin: 4px 2px;}.paging-menu a:first-child, .paging-menu a:last-child{width: 68px;}.paging-menu p{vertical-align: middle;}} /* 鎼滅储椤甸潰 */ .search{width: 100%;padding: 80px 0;} .search-info{width: 100%;font-size: 28px;color: #333;font-weight: 700;} .search-info span{color: #c7161d;} .search-list{width: 100%;margin-top: 30px;} .search-link{display: block;width: 100%;padding: 32px 0;border-bottom: 1px solid #f0f0f2;} .search-link h2{font-size: 20px;color: #333;line-height: 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .search-link p{width: 100%;font-size: 16px;margin-top: 16px;color: #666;line-height: 26px;max-height: 52px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .search-link .highlightRow span{color: #c7161d !important;} .search-link:hover h2{color: #c7161d;} @media all and (max-width:1599px) {.search{padding: 70px 0;}.search-info{font-size: 26px;}.search-link{padding: 28px 0;}.search-list{margin-top: 18px;}} @media all and (max-width:1279px) {.search{padding: 60px 0;}.search-info{font-size: 24px;}.search-link{padding: 24px 0;}.search-list{margin-top: 12px;}.incom-tit{top: -30px !important;}.aboutbj-number{top: 75px !important;}} @media all and (max-width:1000px) {.search{padding: 40px 0;}.search-info{font-size: 20px;}.search-link{padding: 20px 0;}.search-list{margin-top: 8px;}.search-link h2{font-size: 18px;}.search-link p{margin-top: 12px;}} .inpage{width: 100%;position: relative;overflow: hidden;z-index: 2;} .inpage img{width: 100%;object-fit: cover;} .inpage-content{position: absolute;left: 0;top: 0;display: flex;align-items: center;width: 100%;height: 100%;} .inpage-intro{width: 100%;} .inpage-logo{width: 132px;height: 43px;} .inpage-logo .logo{max-width:100%;object-fit: cover;} .inpage-intro span{color: #fff;text-transform: uppercase;} .inpage-intro h2{color: #fff;font-weight: 500;} .inpage-intro p{color: #fff;font-weight: 500;line-height: 26px;} .incom-tit{width: 100%;text-align: center;position: absolute;top: 0;left: 0;right: 0;} .incom-tit.lft{text-align: left;} .incom-tit h2{color: #333;font-weight: 700;line-height: 1;} .incom-tit.white h2{color: #fff;} .aboutjs{width: 100%;} .aboutjs-items{display: flex;justify-content: flex-end;width: 100%;position: relative;z-index: 1;} .aboutjs-items::after{content: '';width: 1852px;height: 637px;background: url("../images/aboutjs_bj.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/aboutjs_bj.png*/) no-repeat center/100%;position: absolute;left: 0;top:10px;z-index: -1;} .aboutjs-contain{width: calc(50vw + 700px);display: flex;justify-content: space-between;align-items: center;margin-top: 80px;} .aboutjs-intro{width: calc(100% - 600px);padding-right: 20px;} .aboutjs-headlie{width: 100%;} .aboutjs-headlie .tit{color: #043055;font-weight: 500;} .aboutjs-headlie .intro{color: #777;text-transform: uppercase;font-weight: 700;} .aboutjs-text{width: 100%;/*overflow-y: auto;*/padding-right: 30px;} .aboutjs-text::-webkit-scrollbar {width: 3px;} .aboutjs-text::-webkit-scrollbar-thumb {background: #0091bf;} .aboutjs-text::-webkit-scrollbar-track {background: #f1f1f1;} .aboutjs-text p{color: #777 !important;line-height: 24px;} .aboutjs-text p+p{margin-top: 15px;} .aboutjs-show{width: 832px;position: relative;padding-bottom: 20px;} .aboutjs-show::after{content: '';width: 94%;height: 7px;background-color: #008ebb;position: absolute;right: 0;bottom: 0;} .aboutjs-show img{width: 100%;object-fit: cover;} .aboutbj{width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;} .aboutbj-number{display: flex;justify-content: center; width: 100%;position: absolute;top: 110px;left: 0;right: 0;} .aboutbj-number li{width: 25%;text-align: center;} .aboutbj-number li h1{font-size: 68px;line-height: 0.66;color: #fff;font-family:'Arial';margin-bottom: 20px;min-height: 48px;} .aboutbj-number li h1 b{font-size: 28px;color: #fff;vertical-align: top;font-weight: 500;} .aboutbj-number li p{font-size: 18px;color: #fff;line-height: 1;font-weight: 500;} .aboutbj-item{display: flex;justify-content: flex-end;top:40px;width: 100%;border-radius: 30px;padding: 0px 40px;height: 700px; position: relative;background-color: #fff;} /* 鍏辩敤妯″紡*/ .aboutbj-map{ width: 1111px;height:539px;position: relative;} .aboutbj-map img{width: 100%;object-fit: cover;} .aboutbj-site{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 3;} .aboutbj-site li{position:absolute;color:#444;cursor:pointer} .aboutbj-site li .name{font-weight:500;line-height:1} .aboutbj-site li i{display:inline-block;z-index:1;position:relative} .aboutbj-site li i em{width:12px;height:12px;background:#189bc5;border-radius:50%;position:relative;transition:all .4s ease;display:block;z-index:3} .aboutbj-site li.on em,.aboutbj-site li:hover em{background:#c7161d} .aboutbj-site li.on em::before,.aboutbj-site li:hover em::before{border:1px solid #c7161d} .aboutbj-site li.on i:after{background:#c7161d!important} .aboutbj-site li.on.down i{padding-top:68px} .aboutbj-site li.on.down{margin-top:30px} .aboutbj-site li.on.top i{padding-bottom:68px} .aboutbj-site li em:before{content:'';display:block;position:absolute;left:-8px;top:-8px;z-index:-1;width:28px;height:28px;border-radius:50%;border: 1px solid #0089bf; background:rgba(0,145,191,.2);transition:all .4s ease} .aboutbj-site li em:after{content:'';display:block;position:absolute;left:-15px;top:-15px;z-index:-2;width:42px;height:42px;border-radius:50%;background:rgba(0,145,191,.5);animation:boderM 3s .75s infinite;transition:all .4s ease} .aboutbj-site li.top i{padding-bottom:98px;transition:all .4s ease} .aboutbj-site li.top i:after{content:'';width:2px;height:97%;background:#189bc5;position:absolute;left:5px;bottom:0;z-index:2;transition:all .4s ease} .aboutbj-site li.down{display:flex;flex-direction:column-reverse;transition:all .4s ease} .aboutbj-site li.down i{padding-top:98px;transition:all .4s ease} .aboutbj-site li.down i:after{content:'';width:2px;height:95%;background:#189bc5;position:absolute;left:5px;bottom:0;z-index:2;transition:all .4s ease} /* .aboutbj-site li.guangzhou{right:17%;top:52%} */ .aboutbj-site li.nansha{right:21%;top:27%;align-items: center;} .aboutbj-site li.huangpu{right:24%;top:52%} .aboutbj-site li.taiwan{right:16%;top:20%;align-items: center;} /* .aboutbj-site li.huazhou{left:20%;top:18%} */ .aboutbj-site li.nanfei{left:54%;top:82%} .aboutbj-site li.jianada{left:17%;top:24%} .aboutbj-site li.meiguo{left:19%;top:37%} .aboutbj-site li.moxige{left:17%;top:46%} .aboutbj-site li.glby{left:27%;top:62%} .aboutbj-site li.baxi{left:33%;top:71%} .aboutbj-site li.adly{left:85%;top:78%} .aboutbj-site li.ydnxy{left:80%;top:66%} .aboutbj-site li.mlxy{left:76%;top:66%} .aboutbj-site li.feilvbin{left:81%;top:57%} .aboutbj-site li.riben{left:86%;top:42%} .aboutbj-site li.hanguo{left:83%;top:42%} .aboutbj-site li.eluosi{left:75%;top:19%} .aboutbj-site li.zhongguo{left:76%;top:39%} .aboutbj-site li.xianggang{left:79%;top:51%} .aboutbj-site li.jianpuzhai{left:75%;top:56%} .aboutbj-site li.yindu{left:69%;top:51%} .aboutbj-site li.yilang{left:62%;top:44%} .aboutbj-site li.ouzhou{left:55%;top:30%} .aboutbj-site li.aiji{left:55%;top:50%} .aboutbj-site li.niriliya{left:49%;top:59%} .incom-tit1{ padding-left: 140px; color: #444; } .industry .txt{color:#fff;position:absolute;left:0;max-width:380px;top:60%} @keyframes boderM{0%{transform:scale(.8);opacity:0}20%{opacity:1}75%{transform:scale(1);opacity:0}100%{opacity:0}} .aboutbj-cont{width:26%;position: absolute;left:50px;bottom:120px;} .aboutbj-cont h2{font-size: 30px;color: #043055;font-weight: 700;} .aboutbj-cont p{font-size: 15px;color: #7e7e7e;line-height: 24px;margin-top:18px;} .aboutlc{width: 100%;padding: 80px 0 80px;background-color: #f3f8fa;} .aboutlc-loop{width: 100%;} .aboutlc-container{float: right;width:calc(50vw + 700px);position: relative;padding-bottom: 46px;} .aboutlc-loop .swiper-slide{width: 360px;} .aboutlc-show{width: 100%;padding: 0px 32px 80px;} .aboutlc-show .aboutlc-year{font-size: 54px;color: #0091bf;font-family:'samsung';transition: all .4s ease;} .aboutlc-show .aboutlc-cont{width: 100%;margin-top: 24px;overflow-y: auto;height: 218px;} .aboutlc-show .aboutlc-cont::-webkit-scrollbar {width:3px;height: 100%;background: #dddddd} .aboutlc-show .aboutlc-cont::-webkit-scrollbar-thumb {background: #0091bf;border-radius: 20px} .aboutlc-show .aboutlc-cont::-webkit-scrollbar-track {border-radius: 00px} .aboutlc-show .aboutlc-cont p{font-size: 15px;color: #555;line-height: 26px;margin-bottom: 10px;position: relative;padding-left: 20px;} .aboutlc-show .aboutlc-cont p::before{content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #043055;position: absolute;left: 0;top: 9px;} .aboutlc-loop .swiper-slide-active .aboutlc-show .aboutlc-year{color: #d6000f;} .aboutlc-loop .aboutlc-pagination{width: 100%;height: 2px;left: 0;bottom: 0;background-color: #e5e9eb;} .aboutlc-loop .aboutlc-pagination .swiper-pagination-progressbar-fill{background-color: #1688b5;} .aboutlc-prev,.aboutlc-next{width: 42px;height: 42px;border-radius: 50%;background: transparent url("../images/abt_arr.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/abt_arr.png*/) no-repeat center;position: absolute;top: 50%;left: -60px;margin-top: -40px; cursor: pointer;z-index: 3;transition: all .4s ease;opacity: 0;} .aboutlc-next{left: auto;right: 60px;transform: rotate(180deg);} .aboutlc-prev:hover,.aboutlc-next:hover{background: #1688b5 url("../images/abt_arrh.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/abt_arrh.png*/) no-repeat center;} .aboutlc-container:hover .aboutlc-prev,.aboutlc-container:hover .aboutlc-next{opacity: 1;} .aboutdj{width: 100%;padding: 110px 0 212px;background-position: center;background-repeat: no-repeat;background-size: cover;} .aboutdj-intro{width: 50%;padding:0 0 10px 60px;border-left: 4px solid #fff;} .aboutdj-intro .tit{color: #fff;font-weight: 700;line-height: 1;} .aboutdj-intro .text{color: #fff;line-height: 32px;text-align: justify;} .aboutdj-intro .text p{line-height: 32px;} .aboutdj-intro .text p+p{margin-top: 24px;} .aboutwh{width: 100%;background-color: #f3f8fa;} .aboutwh-items{width: 100%;} .aboutwh-items ul{margin:-4px 0 0 -2%;} .aboutwh-items li{float: left;width: 31.333%;margin:4px 0 0 2%;} .aboutwh-show{width: 100%;height: 238px;overflow: hidden;} .aboutwh-show .pic{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;} .aboutwh-intro{display: flex;width: 88%;height: 160px; margin: 0 auto;background-color: #fff;position: relative;top: -40px;z-index: 3;padding: 38px 34px 0 28px;} .aboutwh-intro i{display: flex;justify-content: center;align-items: center; width: 82px;height: 82px;border-radius: 50%;background-color: #f3f8fa;border: 1px solid #e1ecf0;} .aboutwh-intro i .icon{max-width: 100%;object-fit: cover;} .aboutwh-text{width: calc(100% - 82px);padding:10px 0 0 22px;} .aboutwh-text h2{font-size: 24px;color: #043055;font-weight: 700;} .aboutwh-text p{font-size: 15px;color: #777;line-height: 20px;margin-top: 10px;} .aboutwh-items li:hover .aboutwh-show .pic{transform: scale(1.05);} .team{width: 100%;} .team-coulmn{width: 100%;} .team-item{width: 100%;} .team-item+.team-item{margin-top: 108px;} .team-tit{width: 100%;color: #043055;font-weight: 700;line-height: 1;} .team-list{width: 100%;} .team-list ul{width: 100%;margin-bottom: -30px;} .team-list li{width: 49%;margin-bottom: 30px;padding: 48px 52px;background-color: #f3f7f8;border-radius: 25px;overflow: hidden;} .team-show{display: flex;width: 100%;} .team-show:hover a{text-decoration: underline;} .team-show:hover img{transform: scale(1.1);} .team-img{width: 148px;height: 148px;border-radius: 50%;overflow: hidden;} .team-img img{width: 100%;object-fit: cover;transition: all .4s ease;} .team-intro{width: calc(100% - 148px);padding-left: 48px;} .team-intro .tit{color: #043055;} .team-intro .tit h2{font-weight: 700;} .team-intro a{display: inline-block;font-weight: 500;color: #c7161d;} /* 寮圭獥 */ .popup{visibility: hidden;opacity: 0;transition: all .4s ease; width: 100vw;height:100vh;position: fixed;left: 0;top: 0;z-index: 100; background: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;} .popup-con{overflow: hidden; width: 720px;height: 540px;padding: 50px 80px 80px 70px;background: #fff;border-radius: 20px;position: relative;} .popup-title{display: flex;flex-wrap: wrap;width: 100%;border-bottom: 1px solid #f4f4f4;} .popup-title,.popup-text{position: relative;z-index: 1;} .popup-img{width: 200px;height: 200px;overflow: hidden;border-radius: 50%;display: flex;justify-content: center;align-items: center;} .popup-img img{width: 100%;object-fit: cover;} .popup-name{margin-left: 40px;display: flex;justify-content: center;flex-direction: column;} .popup-name .name{font-weight: 700;color: #043055;} .popup-name .text{color: #777777;} .popup-text li{position: relative;color: #545454;margin-top: 20px;line-height: 25px;letter-spacing: 1px;} .popup-text li:first-child{margin-top: 0;} .popup-text li::before{content: "";border: 2px solid #bfc4c8;border-radius: 50%;width: 12px;height: 12px;margin-right: 10px;display: inline-block;} .pop-close{cursor: pointer; position: absolute;top: 50px;right: 60px;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;z-index: 10;} .pop-closeC{width: 25px;height: 25px;border-radius: 50%;border: 2px solid #333;position: relative;} .pop-closeC::after{position: absolute;top: 50%;left: 50%;transform: translate(-45%,-50%) rotate(45deg);width: 13px;height: 2px;background: #333;content: "";} .pop-closeC::before{position: absolute;top: 50%;left: 50%;transform: translate(-45%,-50%) rotate(-45deg);width: 13px;height: 2px;background: #333;content: "";} .pop-bg{overflow: hidden;position: absolute;right: -50px;bottom: -130px;opacity: .7;} .pop-bg img{max-width: 100%;object-fit: cover;} .antherjs{width: 100%;} .antherjs-items{width: 100%;} .antherjs-intro{width: calc(100% - 594px);padding-right: 40px;} .antherjs-text{width: 100%;} .antherjs-text p{color: #777;line-height: 25px;} .antherjs-list{display: flex;flex-wrap: wrap; width: 100%;} .antherjs-list li{width: 38%;font-size: 15px;color: #555;padding: 8px 0 8px 25px;position: relative;} .antherjs-list li::before{content: '';width: 8px;height: 8px;border-radius: 50%;border: 2px solid #616161;position: absolute;left: 0;top: 50%;margin-top: -4px;} .antherjs-intro .btn{display:flex;justify-content: center;align-items: center;width: 118px;height: 48px;border-radius: 23.5px;background-color: #0091bf;color: #fff;transition: all .4s ease;} .antherjs-intro .btn:hover{border: 1px solid #0089bf;color: #0089bf;background-color: transparent;} .antherjs-show{display: flex;justify-content: center;align-items: center;overflow: hidden;width: 594px;height: 456px;border-radius: 20px;background-color: #fff;box-shadow: 0px 3px 72.96px 3.04px rgba(0, 145, 191, 0.09);} .antherjs-show img{max-width: 88%;max-height: 88%;object-fit: cover;} .antheryf{width: 100%;} .antheryf-show{width: 100%;overflow: hidden;} .antheryf-show img{width: 100%;object-fit: cover;} .antherzj{width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;} .antherzj-list{width: 100%;} .antherzj-list li{width: 25%;} .antherzj-show{width: 100%;display: flex;flex-direction: column;align-items: center;padding: 0 52px;} .antherzj-show i{display: flex;justify-content: center;align-items: center;width: 124px;height: 124px;border-radius: 50%;} .antherzj-show i img{max-width: 88%;max-height: 88%;object-fit: cover;} .antherzj-show .tit{color: #fff;font-weight: 700;} .antherzj-show .intro{color: #fff;line-height: 22px;text-align: center;} .antherzl{width: 100%;} .antherzl-loop{width: 100%;position: relative;} .antherzl-show{width: 100%;display: inline-block;} .antherzl-img{display: flex;justify-content: center;align-items: center;width: 100%;height: 514px;position: relative;border: 1px solid #e5e5e5;} .antherzl-img::after{content: '';width: 0%;height: 5px;background-color: #c7161d;position: absolute;right: 0;bottom: 0;transition: all .4s ease;} .antherzl-img img{max-width: 88%;max-height: 88%;object-fit: cover;} .antherzl-show:hover .antherzl-img::after{width: 100%;right: auto;left: 0;} .antherzl-img .tit{position: absolute;text-align: center;left: 0;right: 0; bottom: 32px;margin: 0 auto;color: #043055;font-weight: 700;} .news-menu{width: 100%;} .news-submenu{width: 100%;display: flex;} .news-submenu a{display: inline-block;padding: 0 26px;height: 60px;font-size: 16px;color: #777;line-height: 60px;transition: all .4s ease;} .news-submenu a:hover,.news-submenu a.active{background-color: #0091bf;color: #fff;} .news{width: 100%;background-color: #f1f4f6;} .news-items{width: 100%;} .news-items ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;margin-top: -30px;} .news-items ul::after{width: 32%;content: "";} .news-items li{width: 31.7%;margin-top: 30px;} .news-link{display: inline-block;width: 100%;border-radius: 16px;overflow: hidden;} .news-show{width: 100%;} .news-show img{width: 100%;object-fit: cover;transition: all .6s ease;} .news-text{width: 100%;background-color: #fff;padding: 32px 40px 30px;} .news-items li:hover .news-text{background-color: #0091bf;} .news-text .tit{color: #444;font-weight: 700;} .news-text .intro{color: #777;} .news-more .btn{display: flex;align-items: center;width: 118px;height: 48px;/*transition: all .1s ease;*/border-radius: 23.5px;color: #fff;background-color: #0091c0;} .news-more .btn span{padding-left: 26px;transition: all .4s ease;} .news-items li:hover .news-more .btn{color: #0091c0;background-color: #fff;border: 1px solid #0091c0;} .news-items li:hover .tit{color: #fff;} .news-items li:hover .intro{color: #fff;} #news-items li:hover .news-text{background-color: #0091bf !important;} /* #news-items li:hover .tit{color: #022842;} #news-items li:hover .intro{color: #454545;} */ .news-items li:hover .news-show img{transform: scale(1.05);} .link-nav{height:64px;background-color: #f3f6f7;} .link-nav .contain{height:100%;display:flex;align-items:center} .link-nav a{font-size:16px;color:#444;line-height:1;transition:all .4s ease} .link-nav a:hover,.link-nav a.active{color:#0091bf;} .link-nav i{display:block;background:url("../images/arrr.svg"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/arrr.svg*/) no-repeat center/100%;width:16px;height:16px;margin:0 6px} .article{width: 100%;} .article .contain{display:flex;justify-content:space-between} .article-l{width:68.6%;background-color: #fff;} .article-l h1{font-size:30px;color:#333;line-height: 32px;text-align: center;} .article-time{display:flex;justify-content: center;padding-top:32px;border-top:1px solid #ebebeb;margin:28px 0 32px;font-size:16px;color:#777;font-family:'FuturaLT';} .article-l p{font-size:15px;line-height:26px;color:#777;} .article-l img{max-width: 100%;object-fit: cover;} .article-r{width:29%;height: 100%;background-color: #fff;padding:0px 40px;} .article-r-header{width: 100%;margin-bottom:25px;padding-bottom: 28px;border-bottom: 1px solid #f1f1f1;} .article-r-header h3{font-size:30px;color:#333;text-transform: uppercase;line-height: 1;} .article-side{width: 100%;} .article-side .article-side-link{display:block;width: 100%;margin-bottom:25px;padding-bottom: 25px;border-bottom: 1px solid #f1f1f1;} .article-side .article-side-link:last-child{margin-bottom: 0;} .article-side-info{width: 100%;} .article-side-info .time{font-size:13px;line-height:1;color:#0089bf;margin-bottom: 14px;} .article-side-info h4{font-size:18px;line-height:26px;color:#444;height: 48px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;transition:all .4s ease} .article-side .article-side-link:hover h4{color:#0089bf} .article-return{display: flex;justify-content: center;align-items: center; width: 100%;height: 44px;border-radius: 23.5px; background-color: #0091bf;color: #fff;font-size: 16px; border: 1px solid #0091bf;} .article-return:hover{ background-color: #fff; color: #0091bf; border: 1px solid #0091bf; } /* 鎶曡祫鑰呭叧绯 */ .invest{width: 100%;} .invest-top{display: flex;justify-content: space-between;align-items: center;width: 100%;} .invest-top .incom-tit{width: 50%;} .invest-top .btn{display: flex;align-items: center;width: 118px;height: 48px;color: #555;transition: all .1s ease;border-radius: 23.5px;} .invest-top .btn span{padding-left: 26px;background: url("../images/more_arr.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/more_arr.png*/) no-repeat center left;transition: all .4s ease;} .invest-top .btn:hover{color: #fff;background-color: #c7161d;} .invest-top .btn:hover span{transform: translateX(16%);background: url("../images/more_arrh.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/more_arrh.png*/) no-repeat center left;} .investdq{width: 100%;} .investdq-items{width: 100%;margin-top: 30px;} .investdq-items ul{margin-left: -2%;} .investdq-items li{float: left;width: 23%;margin: 30px 0 0 2%;} .investdq-link{display: inline-block;width: 100%;padding: 52px 38px 134px;position: relative;box-shadow: 0px 9px 32px 0px rgba(187, 215, 224, 0.2);} .investdq-link::before{content: '';width:100%;height: 5px;background-color: #0091bf;position: absolute;right: 0;bottom: 0;transition: all .4s ease;} .investdq-link::after{content: '';width:0%;height: 5px;background-color: #d6000f;position: absolute;right: 0;bottom: 0;transition: all .4s ease;} .investdq-link span{font-size: 14px;color: #0091bf;font-family:'samsung';transition: all .4s ease;} .investdq-link h2{font-size: 18px;color: #043055;margin: 24px 0 26px;line-height: 22px;height: 66px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .investdq-link .down-btn{display: inline-block;font-size: 14px;color: #0091bf;padding-left: 32px;position: relative;transition: all .4s ease;} .investdq-link .down-btn::before{content: '';width: 20px;height: 20px;background: url("../images/down_btn.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/down_btn.png*/) no-repeat center;position: absolute;left: 0;top: 0;transition: all .4s ease;} .investdq-items li:hover .investdq-link::after{width: 100%;left: 0;right: auto;} .investls{width: 100%;background-color: #f3f6f7;} .investls-items{width: 100%;margin-top: 42px;} .investls-items li{width: 100%;transition: all .4s ease;padding: 0 40px 0 45px;} .investls-items li.no-border{border-color: transparent} .investls-numitem{width: 100%;height: 120px;display: flex;align-items: center;justify-content: space-between;} .investls-numitem .texticon{width:20px;height: 20px;background: url("../images/toltxt.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/toltxt.png*/) no-repeat center;transition: all .4s ease;} .investls-numitem .lodicon{float: right; width: 50px;height: 50px;border-radius: 50%; background:#0091bf url("../images/tload.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/tload.png*/) no-repeat center;transition: all .4s ease;} .investls-numconts{width: calc(100% - 50px);padding-right: 20px;} .investls-time{font-size: 14px;color: #0091bf;} .investls-intro{display: flex;width: 100%;margin-top: 10px;} .investls-menucont{margin-left: 16px;} .investls-menucont h2{font-size: 18px;color: #333;font-weight: 500;} .investls-items li:hover .investls-numitem .lodicon{background:#d6000f url("../images/tload.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/tload.png*/) no-repeat center;} .investls-items li:hover .investls-menucont h2{color: #d45454;} .contactus{width: 100%;} .contactus-gather{width: 100%;} .contactus-item{width: 100%;} .contactus-item+.contactus-item{margin-top: 58px;padding-top: 50px;border-top: 1px solid #f4f4f4;} .contactus-coulmn{display: flex;width: 100%;} .contactus-link{display: flex;align-items: center;width: 448px;height: 168px;padding: 0 40px 0 36px;border-radius: 16px;overflow: hidden;transition: all .4s ease;} .contactus-link+.contactus-link{margin-left: 32px;} .contactus-link i{display: flex;justify-content: center;align-items: center;width: 76px;height: 76px;border-radius: 50%;background-color: #0091bf;} .contactus-link i img{max-width: 88%;max-height: 88%;object-fit: cover;} .contactus-intro{width: calc(100% - 76px);padding-left: 30px;} .contactus-intro h2{font-size: 22px;color: #444;font-weight: 700;} .contactus-intro p{font-size: 16px;color: #444 !important;line-height: 24px;margin-top: 12px;} .contactus-intro span{color: #444 !important;} /* .contactus-link:hover{box-shadow: 1px 9px 9px 0px rgba(91, 123, 174, 0.09);} */ .contactdz{width: 100%;background-color: #f6f6f6;} .contactdz-contain{width: calc(50vw + 700px);float: right;} .contactdz-items{display: flex;align-items: center;width: 100%;} .contactdz-intro{width: 40%;padding-right: 48px;} .contactdz-intro h2{font-size: 38px;color: #022842;font-weight: 700;padding-bottom: 24px;position: relative;z-index: 1;} .contactdz-intro h2::before{content: '';width: 62px;height: 3px;background-color: #0091bf;position: absolute;left: 0;bottom: -1px;z-index: 3;} .contactdz-intro h2::after{content: '';width: 80%;height: 1px;background-color: #dcdcdc;position: absolute;left: 0;bottom: 0;} .contactdz-list{width: 100%;} .contactdz-list li{width: 100%;} .contactdz-list li+li{margin-top: 12px;} .contactdz-list li p{font-size: 16px;color: #444;line-height: 26px;} .contactdz-btn{transition: all .4s ease; display: flex;justify-content: center;align-items: center;width: 158px;height: 48px;border: 2px solid #0091bf;border-radius: 23.5px;} .contactdz-btn:hover{background: #0091bf;} .contactdz-btn:hover span{color: #fff;background: url("../images/contactdz_btn2.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/contactdz_btn2.png*/) no-repeat center left;} .contactdz-btn span{font-size: 16px;color: #0091bf;font-weight: 500;padding-left: 30px;background: url("../images/contactdz_btn.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/contactdz_btn.png*/) no-repeat center left;} #map{width: 60%;height: 632px;} #map .amap-info-content {padding: 20px 40px;} #map .amap-info-close{display: none;} .relmap-info{width: 100%;text-align: center;} .relmap-info p{text-align: left;font-size: 14px;color: #777;line-height: 22px;margin-top: 8px;} .amap-copyright,.amap-info-close,.amap-logo{display:none!important} .paging-menu{ display: flex; justify-content: center; } .paging-menu .pageRemark2{ width: 102px; border-radius: 22px; height: 44px; line-height: 42px; border: 1px solid #e1e1e1; margin: 4px; font-size: 14px; color: #444; transition: all .4s ease; background-color: #fff; } .pageEllipsis{ display: inline-block; width: 44px; height: 44px; line-height: 42px; border: 1px solid #e1e1e1; margin: 4px; font-size: 14px; color: #444; transition: all .4s ease; border-radius: 50%; } /* 浜у搧涓績 */ .productcd{display: flex;justify-content: flex-end; width: 100%;position: relative;z-index: 1;} .productcd::after{content: '';width: 1789px;height: 182px;background: url("../images/prodcd_bj.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/prodcd_bj.png*/) no-repeat center;position: absolute;right: 0;bottom: 88px;z-index: -1;} .productcd-contain{width:1400px;margin: 0 auto;} .productcd-loop{width: 100%;} .productcd-loop .swiper-container{padding-bottom: 20px;} .productcd-loop .swiper-slide.active .productcd-show{ background-color: #0091bf;} .productcd-loop .swiper-slide.active .product_tit{ color: #fff;} .productcd-loop .product_tit{ color: #444;} .productcd-show{display: flex;justify-content: center;align-items: center;flex-direction: column; width: 100%;height: 190px; background-color: #c5e0e7;border-radius: 8px;overflow: hidden;} .productcd-show:after {content: "";width: 0;height: 0;border-left: 13px solid #0000;border-right: 13px solid #0000;border-top: 16px solid #c5e0e7; position: absolute;bottom: -16px;left: 50%;transform: translateX(-50%);visibility: visible;transition: all .4s ease;opacity: 0;} .productcd-loop .swiper-slide.active .productcd-show:after{opacity: 1;border-top: 16px solid #0091bf;} .productcd-next{width:30px;height:30px;border-radius: 50%;background: url("../images/arr_prev.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/arr_prev.png*/) no-repeat center;position: absolute;right: -80px;top: 50%;z-index: 3;margin-top: -25px;} .productcd-pagination{display: none;} .productlb{width: 100%;background-color: #f3f7f8;} .productlb-toplist{width: 100%;} .productlb-item{width: 49%;display: flex;flex-direction: column;justify-content: space-between;} .productlb-show{width: 100%;border-radius: 25px;background-color: #fff;padding: 84px 98px 168px;} .productlb-gather{width: 100%;} .productlb-intro{width: 50%;} .productlb-pic{width: 50%;display: flex;justify-content: center;align-items: center;} .productlb .tit{color: #022842;font-weight: 700;line-height: 1;} .productlb .intro{color: #777;font-weight: 700;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .productlb .text{color: #777;} .productlb-more{width: 100%;} .productlb-more .btn{display: flex;justify-content: center;align-items: center;width: 118px;height: 48px;border-radius: 23.5px;background-color: #0091c0;color: #fff;font-size: 16px;font-weight: 500;} .productlb-more .btn:hover{ color: #0091c0;background-color: #fff;border: 1px solid #0091c0; } .productlb-more .btn.line{border: 1px solid #d2d2d2;background-color: transparent;color: #333;} .productlb-more a+a{margin-left: 8px;} .productlb-img{width: 100%;display: flex;justify-content: center;} .productlb-img img{max-width: 88%;max-height: 88%;object-fit: cover;} .productlb-coulmn{width: 100%;height: 48%;background-color: #fff;padding: 84px 32px 0 56px;border-radius: 16px;overflow: hidden;} .productlb-title{width: 100%;} .productlb-botlist{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;} .productlb-botlist .productlb-coulmn{width: 49%;padding: 84px 32px 82px 56px;margin-bottom: 40px;} /* .productlb .paging{margin-top: 0;} */ .productzc{width: 100%;} .productzc-list{width: 100%;} .productzc-list li{width:25%;} .productzc-link{display: flex;padding-left: 38px;width: 100%;} .productzc-list li i{width: 35px;height: 26px;display: flex;justify-content: center;} .productzc-list li i img{max-width: 100%;object-fit: cover;} .productzc-list li .productzc-text{width: calc(100% - 35px);padding-left:10px;} .productzc-text .tit{color: #333;font-weight: 700;} .productzc-text .intro{display: inline-block; color: #868686;padding-right: 20px;background: url("../images/productzc_textarr.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/productzc_textarr.png*/) no-repeat center right;} .detailsPages{width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} .detailsPages .contain{display: flex;justify-content: space-between;align-items: center;height: 192px;} .detailsPages .tit{color: #fff;font-weight: 700;} .detailsPages .btn{display: flex;justify-content: center;align-items: center;width: 138px;height: 48px;border: 2px solid #fff;border-radius: 23.5px;} .detailsPages .btn span{color: #fff;font-weight: 500;padding-left: 24px;background: url("../images/btn_iconf.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/btn_iconf.png*/) no-repeat center left;} .detailscp{width: 100%;background-color: #f8fbfc;} .detailscp .contain{display: flex;justify-content: space-between;align-items: center;} .detailscp-show{width: 50%;text-align: center;} .detailscp-show img{max-width: 88%;object-fit: cover;} .detailscp-intro{width: 50%;} .detailscp-headline{width: 100%;display: flex;justify-content: space-between;} .detailscp-tit{width: 80%;} .detailscp-tit h2{font-size: 30px;color: #022842;} .detailscp-tit h6{font-size: 30px;color: #b4c8d8;font-weight: 700;margin-top: -15px;} .detailscp-headline a{display: inline-block;font-size: 24px;color: #333;font-weight: 500;} .detailscp-headline .shop_icon{display: flex;justify-content: space-between;} .detailscp-headline a .jd{display: inline-block;background: #e12319;border-radius: 6px;padding: 15px 10px;color: #fff;} .detailscp-headline a .taobao{display: inline-block;background: #ff0030;padding: 15px 10px;color: #fff; border-radius: 6px;overflow: hidden;margin-left: 15px;} .detailscp-list{width: 100%;margin-top: 24px;} .detailscp-list h6{color: #022842 !important;} .detailscp-list li{width: 100%;font-size: 15px;color: #777;margin-top: 8px;} .detailscp-list li p{padding-left: 28px;position: relative;} .detailscp-list li p::before{content: '';width: 8px;height: 8px;border-radius: 50%;border: 2px solid #9ebfc9;position: absolute;left: 0;top: 7px;} .detailszs{width: 100%;} .detailszs-intro{width: 100%;} .detailszs-intro h2{font-size: 30px;color: #333;font-weight: 700;padding-left: 42px;background: url("../images/detailszs_icon.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/detailszs_icon.png*/) no-repeat center left;} .detailszs-text{width: 100%;padding-left: 42px;} .detailszs-intro h6{font-size: 20px;color: #444;font-weight: 500;margin-bottom: 10px;} .detailszs-intro p{font-size: 16px;color: #777;line-height: 28px;} .yao_icon{ display: flex; } .yao_icon .yao_item{ padding: 7px 15px; border: 1px solid #0091C0; margin-right: 24px; border-radius: 30px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #0091C0; cursor: pointer; } .yao_icon .yao_item:hover{ color: #fff; background: #0091C0; } .yao_icon .active{ color: #fff; background: #0091C0; } /* 鑽h獕 */ .honor{width: 100%;} .honor-coulmn{width: 100%;display: flex;justify-content: center;} .honor-coulmn ul{display: flex;justify-content: center;flex-wrap: wrap; width: 100%;margin: -28px 0 0 0;} .honor-coulmn li{margin: 28px 0 0 0;width: 32%;} /* .honor-coulmn li{width: 32%;} */ .honor-show{display: flex;justify-content:center;align-items: center;width: 100%;height: 328px;border-radius: 10px;overflow: hidden;background-color: #f3f7f8;} .honor-show img{max-width: 88%;max-height: 88%;object-fit: cover;transition: all .6s ease;} .honor-coulmn li .tit{color: #444;font-weight: normal;min-height: 88px;padding-top: 32px;text-align: center;transition: all .4s ease;} .honor-coulmn li:hover .honor-show img{transform: scale(1.05);} /* .honor-coulmn li:hover .tit{color: #0091bf;} */ .benefit{width: 100%;} .benefit-items{width: 100%;} .benefit-items ul{display: flex;flex-wrap: wrap; width: 100%;margin: -80px 0 0 0;} .benefit-items li{width: 32%;margin: 70px 26px 0 0;} .benefit-items li:nth-child(3n){margin:70px 0 0 0} .benefit-link{display: inline-block;width: 100%;background:#fff;border-radius: 16px;overflow: hidden;} .benefit-show{width: 100%;border-top-left-radius: 16px;border-top-right-radius: 16px;} .benefit-show img{width: 100%;object-fit: cover;transition: all .6s ease;} .benefit-text{width: 100%;padding: 0px 40px;} .benefit-text .tit{color: #444;font-weight: 700;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .benefit-items li:hover .tit{ color: #fff; } .benefit-items li:hover .intro{ color: #fff; } .benefit-items li:hover .benefit-link{ background: #0091bf; } .benefit-text .intro{color: #777;} .benefit-more{width: 100%;padding: 32px 40px 52px;} .benefit-more .btn{display: flex;align-items: center;width: 118px;height: 48px;color: #fff;background-color: #0091c0;transition: all .1s ease;border-radius: 23.5px;} .benefit-more .btn span{padding-left: 26px;transition: all .4s ease;} .benefit-items li:hover .benefit-show img{transform: scale(1.05);} .benefit-items li:hover .benefit-more .btn{color: #0091c0;background-color: #fff;border: 1px solid #0091c0;} .benefit-items li:hover .benefit-more .btn span{} /* 浜哄姏鎷涜仒 */ .talents{width: 100%;} .talents-search{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;} .talents-search li{position: relative;width: 18.72%;} .talents-search li+li{margin-left: 20px;} .talents-search li input{width: 100%;height: 45px;padding: 0 20px;border: 1px solid #e5ebed;font-size: 16px;color: #555;font-weight: 700;} .talents-search li input::placeholder{font-size: 16px;color: #555;font-weight: 400;} .talents-search li:last-child{width: 114px;} .talents-search li button{width: 100%;height: 45px;cursor: pointer;background: #0091c0;font-size: 14px;color: #fff;font-weight: 700;} /* 涓嬫媺 */ .FooterCode{ display: block; } .FooterCode1{ display: none; } .customSelect{display: block;width: 100%;position: relative;user-select: none;margin:0px auto 0;} .customSelect-name{display: flex;align-items: center;height: 45px;position: relative;border-radius: 5px;border: 1px solid #e5ebed;padding: 0 14px;font-size: 16px;color: #555;cursor: pointer;} .customSelect-name::after{content: "";position: absolute;width: 16px;height: 16px;right: 14px;top: 50%;margin-top: -8px;background: url("../images/arrd.svg"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/arrd.svg*/) no-repeat;} .customSelect-drop{display: none;position: absolute;z-index: 10;width: 100%;top: 45px;max-height: 200px;border: 1px solid #e5ebed;border-top: none;overflow-x: hidden;overflow-y: auto;left: 0;background: #f2f2f2;cursor: pointer;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;} .customSelect-drop li{padding: 0 14px;height: 40px;position: relative;display: flex;align-items: center;width: 100%;font-size: 14px;color: #555;transition: all .4s ease;} .customSelect-drop li::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #fff;} .customSelect-drop li:last-child::after{display: none;} .customSelect-drop li:hover, .customSelect-drop li.active{background: #dadfe5;color: #000;} .customSelect-drop::-webkit-scrollbar {width: 2px;height: 4px;} .customSelect-drop::-webkit-scrollbar-thumb {background: #7a8896;} .customSelect-drop::-webkit-scrollbar-track {background: #fff;} .customSelect-name.noRadius{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} .customSelect-name.noRadius::after{transform: rotate(180deg);} .talents-coulmn{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;} .talents-item{display: flex;justify-content: space-between;align-items: center; width: 48%;border-bottom: 1px solid #ececec;transition: all .4s ease;} .talents-show{width: calc(100% - 40px);padding-right: 20px;} .talents-text{display: flex;align-items: center;width: 100%;} .talents-text span{display: flex;justify-content: center;align-items: center;width: 24px;height: 24px;border-radius: 3px;font-size: 14px;color: #fff;background-color: #c7161d;margin-right: 18px;} .talents-text .tit{color: #444;font-weight: 700;} .talents-intro{width: 100%;} .talents-intro .firm{color: #777;line-height: 24px;} .talents-require{display: flex;width: 100%;} .talents-require li{display: flex;align-items: flex-end;} .talents-require li+li{margin-left: 48px;} .talents-require li i{display: inline-block;width: auto;margin-right: 10px;} .talents-require li i img{max-width: 100%;object-fit: cover;} .talents-require li h6{font-size: 15px;color: #444;} .talents-know{display: flex;justify-content:center;align-items: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #ececec;background: url("../images/tal_arr.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/tal_arr.png*/) no-repeat center;cursor: pointer;transition: all .4S ease;} .talents-item:hover{border-color: #0091c0;} .talents-item:hover .talents-know{background:#0091c0 url("../images/tal_arrh.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/tal_arrh.png*/) no-repeat center;border-color: #0091c0;} .talents-item:hover .talents-text .tit{color: #0091bf;} .talents.invite{padding: 80px 0;} .talents.invite .talents-coulmn{margin-top: 0;} .talents.invite .talents-item{padding: 0 0 38px 0;width: 100%;align-items: flex-end;} .talents.invite .talents-show{width:100%;} .talents.invite .talents-text span{background-color: #c7161d;} .talents-weal{display: flex;flex-wrap: wrap;width: 100%;} .talents-weal a{display: inline-block;padding: 8px;border-radius: 3px;background-color: #f1f5f6;font-size: 12px;color: #0875a7;white-space: nowrap;margin-right: 10px;} .talents-weal a+a{margin-right: 10px;} .invite-message{width: 100%;} .invite-message h3{font-size: 18px;color: #333;font-weight: 700;margin-bottom: 12px;} .invite-message p{font-size: 15px;color: #777;line-height: 30px;} .talents-skip{display:flex;justify-content: center;align-items: center; width: 118px;height: 48px; border-radius: 23.5px;background:#0091bf;font-size: 16px;color: #fff;transition: all .4s ease;} .talents-skip:hover{border: 1px solid #0091bf;color: #0091bf;background: transparent;} .developrc{width: 100%;background-color: #f3f7f8;} .developrc-item{width: 100%;} .developrc-item+.developrc-item{margin-top: 90px;} .developrc-show{width: 100%;display: flex;position: relative;z-index: 1;} .developrc-show.switch{justify-content: flex-end;} .developrc-picture{width: 944px;position: relative;z-index: 1;} .developrc-img{width: 100%;overflow: hidden;} .developrc-img img{width: 100%;object-fit: cover;} .developrc-nav{display: flex;align-items: center;position: absolute;left: 0;bottom:40px;width: 100%;z-index: 3;padding:0 20px;} .developrc-nav .developrc-pagination{display: flex;position: static;} .developrc-nav .developrc-pagination .swiper-pagination-bullet{background: #fff;opacity: 1;margin: 0 18px;} .developrc-nav .developrc-pagination .swiper-pagination-bullet-active{background: #0089bf !important;} .developrc-nav a{z-index:2;margin-left:10px} .developrc-nav a i{z-index:2;display:block;width:30px;height:30px;border-radius: 50%;background:url("../images/stop.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/stop.png*/) no-repeat center right} .developrc-nav a.active i{background:url("../images/start.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/start.png*/) no-repeat center right} .developrc-intro{width: 628px;padding:80px 48px 60px; background-color: #fff;position: absolute;right: 0;bottom: 0;z-index: 3;} .developrc-intro1{padding:110px 48px 60px;} .switch .developrc-intro{left: 0;} .developrc-intro h2{font-size: 38px;color: #022842;font-weight: 500;position: relative;} .developrc-intro h2::before{content: '';width: 46px;height: 28px;background: url("../images/quote.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/quote.png*/) no-repeat center;position: absolute;left: 0;top:-42px;} .developrc-text{width: 100%;color: #777;} .developrc-text p{line-height: 26px;font-weight: 500;} /*.developrc-text p+p{margin-top: 28px;}*/ .developrc-list{width: 100%;} .developrc-list li+li{margin-top:10px;} .developrc-list li h6{font-size: 15px;color: #777;} .developrc-list li h6{margin-top: 4px;} .developrc-list li span{color:#022842;font-weight:700;} .developrc-item:nth-child(2n) .developrc-show{justify-content: flex-end;} .developrc-item:nth-child(2n) .developrc-intro{right:auto;left: 0;} .developgh{width: 100%;} .developgh-show{width: 100%;position: relative;} .developgh-img{width: 100%;position: relative;overflow: hidden;} .developgh-img img{width: 100%;object-fit: cover;} .developgh-img .text{position: absolute;bottom: 0;left: 0;display: flex;align-items: center; width: 434px;height: 96px;padding:0 46px;color: #fff;background: linear-gradient(to right,rgba(34,153,191),rgba(34,153,191,.01));} .developgh-prev,.developgh-next{width: 48px;height:124px;background: rgba(0,0,0,.5) url("../images/develop_arr.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/develop_arr.png*/) no-repeat center;position: absolute;top: 50%;left: 0px;margin-top: -62px; cursor: pointer;z-index: 3;transition: all .4s ease;} .developgh-next{left: auto;right:0px;transform: rotate(180deg);} .developgh-prev:hover,.developgh-next:hover{background: rgb(0, 137, 191,.5) url("../images/develop_arr.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/develop_arr.png*/) no-repeat center;} /* -------------------------PC绔?-------------------------- */ @media all and (max-width:1700px) { /* 1600 脳 (900) */ } @media all and (max-width:1599px) { /* 1440 脳 (700) */ .aboutjs-contain{width: calc(50vw + 600px);} .aboutjs-intro {width: calc(100% - 500px);} .aboutjs-text {padding-right: 5px;} .aboutjs-show {width: 600px;} .aboutlc {padding: 120px 0 120px;} .aboutlc-container{width: calc(50vw + 600px);} .aboutlc-prev, .aboutlc-next{left: 0;} .aboutlc-next{left: auto;} .contactdz-contain {width: calc(50vw + 600px);} .antherjs-list li {width: 48%;} .productcd-contain {width: 1200px;} .productlb-more .btn{width: 100px;height: 42px;} .developrc-picture{width: 800px;} .developrc-intro {padding: 100px 48px 88px;} .pop-closeC::before{transform: translate(-50%,-50%) rotate(-45deg);} .pop-closeC::after{transform: translate(-50%,-50%) rotate(45deg);} .productcd-next{right: -50px;} .productcd-prev{left: -60px !important;} .benefit-items li{width: 32%;margin: 70px 24px 0 0;} } @media all and (max-width:1439px) { /* 1360 */ .aboutbj-item{ height: auto; } } @media all and (max-width:1359px) { /* 1280 */ } @media all and (max-width:1279px) { .benefit-items li{width: 32%;margin: 70px 19px 0 0;} .yao_icon .yao_item{ font-size: 16px; } /* 1152 脳 (700) */ .aboutjs-items::after{width: 1480px;top: -30px;} .aboutjs-contain{width: calc(50vw + 480px);margin-top: 48px;} .aboutjs-intro {width: calc(100% - 580px);padding-right: 40px;} .aboutjs-text {padding-right: 20px;} .aboutjs-show {width: 580px;} .aboutbj-number li h1{font-size: 48px;min-height: 38px;} .aboutbj-map{width: 830px;height: 403px;} .aboutbj-site li.guangzhou{right: 15%;} .aboutbj-site li.huangpu{right: 25%;} .aboutbj-site li.nansha{right: 20%;top: 20%;} .aboutbj-site li.huazhou {top: 10%;} .aboutbj-cont h2{font-size: 26px;} .aboutdj {padding: 80px 0 148px;} .aboutlc {padding: 100px 0 100px;} .aboutlc-container{width: calc(50vw + 480px);} .aboutlc-show {padding: 0px 30px 40px;} .aboutwh-intro {width: 94%;padding: 25px 24px 0 20px;} .aboutwh-text {width: calc(100% - 68px);} .aboutwh-text h2{font-size: 22px;} .aboutwh-text p{font-size: 14px;} .aboutwh-intro i{width: 68px;height: 68px;} .aboutwh-intro i .icon{max-width: 68%;max-height: 68%;} .contactdz-contain {width: calc(50vw + 480px);} .contactdz-intro h2{font-size: 28px;} #map {height: 488px;} .antherjs-intro {width: calc(100% - 488px);padding-right: 24px;} .antherjs-list li {width: 50%;font-size: 13px;padding: 8px 0 8px 16px;} .antherjs-show {width: 488px;height: 388px;} .antherzj-show {padding: 0 20px;} .productcd-contain {width: 960px;} .productlb-more .btn {width: 80px;height: 38px;font-size: 13px;} .detailscp-tit h2 {font-size: 25px;} .detailscp-tit h6 {font-size: 22px;} .team-item+.team-item {margin-top: 88px;} .team-list li {padding: 38px 28px;} .team-intro {padding-left: 30px;} .article-r {padding: 0px 30px;} .article-l h1{font-size: 28px;} .talents-text .tit{font-size: 20px;} .talents.invite {padding: 80px 0 88px;} .developrc-item+.developrc-item {margin-top: 68px;} .developrc-picture{width: 700px;} .developrc-intro {padding: 80px 38px 48px;width: 580px;} .developrc-intro h2{font-size: 28px;} .developrc-intro h2 br{display: none;} .developgh-prev, .developgh-next{width: 40px;height: 88px;margin-top: -44px;} .investdq-link {padding: 48px 24px 88px;} .investdq-items {margin-top: 38px;} .investdq-link h2{font-size: 16px;} .investls-items li {padding: 0 28px 0 30px;} } @media all and (max-width:1151px) { /* 1024 */ } /* ------------------------鎵嬫満绔?------------------------- */ @media all and (max-width:1000px) { /* 骞虫澘璁惧 720 閫傞厤 */ .inpage img{min-height: 328px;} .inpage-logo .logo{min-height: auto;} .aboutjs-items{padding: 0 4%;} .aboutjs-items::after{display: none;} .aboutjs-contain{width: 100%;flex-direction: column;margin-top: 38px;} .aboutjs-intro{width: 100%;padding-right: 0;} .aboutjs-show{width: 100%;margin-top: 32px;} /* .aboutbj-item {padding: 48px 30px 60px;} */ .aboutbj-map {width: 646px;height: 314px;} .aboutbj-site li.taiwan {right: 15%;top: 10%;} .aboutbj-site li.guangzhou {right: 13%;top: 52%;} .aboutbj-site li.nansha { right: 19%; top: 12%;} .aboutbj-site li.huazhou {top: 4%;} .aboutbj-site li.down i:after{left: 3px;} .aboutbj-site li i em{width: 8px;height: 8px;} .aboutbj-site li em:before {left: -5px; top: -5px;width: 18px;height: 18px;} .aboutbj-site li em:after {left: -12px;top: -12px;width: 32px;height: 32px;} .aboutbj-cont {width: 38%;left: 30px;bottom: 40px; } .aboutbj-cont h2{font-size: 24px;} .aboutbj-cont p{margin-top: 8px;} .aboutlc-loop{padding: 0 4%;} .aboutlc-container{width: 100%;} .aboutlc-show {padding: 0px 20px 38px;} .aboutlc-show .aboutlc-cont {padding-right: 8px;} .aboutlc-show .aboutlc-year{font-size: 38px;} .aboutdj {padding: 60px 0 108px;} .aboutdj-intro{width: 80%;} .aboutwh-items li {width: 48%;} .aboutjs-text{overflow-y: auto;max-height: 300px;margin-bottom: 30px;} .benefit-items ul {margin: -52px 0 0 0;} .benefit-items li{margin: 52px 12px 0 0;width: 100%;} .benefit-items li:nth-child(3n){margin:52px 0 0 0} .contactus-link i {width: 68px;height:68px;} .contactus-item+.contactus-item { margin-top: 38px;padding-top: 32px;} .contactus-link {width: 50%;padding: 0 25px 0 20px;border-radius: 10px;} .contactus-link+.contactus-link {margin-left: 0px;} .contactdz-contain {width: 100%;} .contactdz-items{flex-direction: column;} .contactdz-intro{width: 100%;padding: 40px 4% 40px;} #map{width: 100%;} .antherjs-intro{width: 100%;} .antherjs-show{width: 100%;margin-top: 28px;} .antherzj-show i{width: 80px;height: 80px;} .antherzj-show i img { max-width: 60%; max-height: 60%;} .antherzl-img{height: 380px;} .antherzl-img .tit{bottom: 16px;} .productcd-contain {width:92%;} .productlb-item{width: 100%;flex-direction: unset;} .productlb-item+.productlb-item{margin-top: 28px;} .productlb-item .productlb-coulmn{width: 49%;padding: 48px 32px 56px;height: auto;} .productlb-intro{width: 100%;} .productlb-pic{width: 100%;margin-top: 28px;} .productlb-show {padding: 48px 32px 100px;} .productlb-title .tit{line-height: 30px;} .productlb-botlist .productlb-coulmn {padding: 48px 32px 56px;border-radius: 10px;} .productcd-next{right: 60px;} .productcd-pagination{display: block;position: absolute;left: 50%;bottom: -15px;transform: translateX(-50%);} .productcd-pagination .swiper-pagination-bullet{margin-left: 5px;} .productcd-pagination .swiper-pagination-bullet:first-child{margin-left: 0;} .productzc-list li {width: 50%;margin-top: 28px;} .detailscp .contain {flex-direction: column;} .detailscp-show{width: 100%;} .detailscp-intro{width: 100%;margin-top:32px;} .detailszs-intro h2{font-size: 26px;} .team-item+.team-item {margin-top: 68px;} .team-show{flex-wrap: wrap;} .team-intro{width: 100%;padding-left: 0;margin-top: 28px;} .news-text {padding: 24px 16px 38px;} .article .contain{flex-direction: column;} .article-l,.article-r{width: 100%;} .article-r{margin-top: 32px;padding: 0 20px;} .article-l h1{font-size: 24px;} .article-r-header {margin-bottom: 18px;padding-bottom: 20px;} .article-side .article-side-link {margin-bottom: 18px;padding-bottom: 18px;} .talents-search li+li {margin-left: 10px;} .talents-search li:last-child {width: 80px;} .talents-search li input{padding: 0 12px;} .talents-text .tit {font-size: 16px;} .talents-require li+li {margin-left: 20px;} .talents-require li h6{font-size: 14px;} .talents.invite {padding: 60px 0 68px;} .developrc-item+.developrc-item {margin-top: 48px;} .developrc-show{flex-direction: column;} .developrc-picture{width: 100%;} .developrc-intro{position: static;width: 100%;} .investdq-items{margin-top: 28px;} .investdq-link {padding: 38px 24px 60px;} .investdq-link h2{margin: 16px 0 20px;} .investls-items{margin-top: 28px;} .popup-con{width: 500px;height: auto;padding: 20px 40px 40px 30px;} .popup-img{width: 130px;height: 130px;} .popup-name{margin-left: 20px;} .popup-name .text{margin-top: 5px;} .pop-close{top: 30px;right: 40px;} .pop-closeC{width: 20px;height: 20px;} .pop-bg{width: 400px;right: -80px;bottom: -50px;} } @media all and (max-width:640px) { /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */ .inpage img{min-height: 288px;} .aboutbj-number{flex-wrap: wrap;} .aboutbj-number li{width: 50%;margin-bottom: 28px;} .aboutbj-number li h1{font-size: 28px;min-height: 22px;margin-bottom: 14px;} .aboutbj-number li p{font-size: 16px;} .aboutbj-item { padding: 32px 18px 40px;flex-direction: column;justify-content: unset;top: 28px;border-radius: 10px;} .aboutbj-map{width: 310px;height: 150px;} .aboutbj-site li{align-items: center;} .aboutbj-site li .name{margin: 12px 0;font-size: 13px;} .aboutbj-site li i::after{display: none;} .aboutbj-site li.top i{padding-bottom: 0px;} .aboutbj-site li.down i{padding-top: 0px;} .aboutbj-site li.on.top i{padding-bottom: 0px;} .aboutbj-site li.guangzhou {right: 6%;top: 46%; } .aboutbj-site li.huangpu { right: 26%;top: 47%;} .aboutbj-site li.nansha{right: 17%;} .aboutbj-site li.taiwan {right: 10%;top: 20%;} .aboutbj-cont{position: static;width: 100%;margin-top: 28px;} .aboutbj-cont p{font-size: 14px;} .aboutlc {padding: 48px 0 48px;} .aboutdj {padding: 40px 0 68px;} .aboutdj-intro { width:100%;padding: 0 0 10px 20px;} .aboutwh-items ul {margin: -4px 0 0 0%;} .aboutwh-items li {width: 100%;margin: -4px 0 0 0%;} .benefit-items ul {margin: -32px 0 0 0;} .benefit-items li{width: 100%;margin: 32px 0 0 0;} .honor-coulmn ul {margin: -20px 0 0 0;} .honor-coulmn li {width: 100%; } .contactus-coulmn{flex-wrap: wrap;} .contactus-link{width: 100%;} .contactus-intro h2 {font-size: 18px;} .contactus-intro p {font-size: 16px;line-height: 22px; margin-top: 10px;} .contactdz-intro h2 {font-size: 20px;padding-bottom: 16px;} .antherjs-list li {width: 100%;font-size: 15px;} .antherjs-show{height: 318px;} .antherzj-list li {width: 50%;margin-bottom: 28px;} .antherzl-img {height: 448px;} .productcd-next, .productcd-prev{right: 40px;display: none;} .productlb-item{flex-direction: column;} .productlb-item .productlb-coulmn{width: 100%;} .productlb-item .productlb-coulmn+.productlb-coulmn{margin-top: 28px;} .productlb-show {padding: 38px 20px 68px;} .productlb-coulmn {padding: 38px 20px 68px;} .productlb-botlist .productlb-coulmn{width: 100%;padding: 38px 20px 0px;margin-bottom: 28px;} .productzc-list li {width: 100%;} .productzc-link {padding-left: 20px;} .detailsPages .contain{flex-direction: column;justify-content: center;} .detailsPages .tit{font-size: 18px;} .detailsPages .btn{margin-top: 20px;} .detailscp-headline{flex-direction: column;} .detailscp-tit{width: 100%;} .detailscp-headline a{margin-top: 20px;} .detailszs-text {padding-left: 0px; } .team-item+.team-item {margin-top: 48px;} .team-list ul {margin-bottom: -25px;} .team-list li{width: 100%;margin-bottom: 25px;} .news-submenu a {padding: 0 10px;height: 48px;font-size: 13px;line-height:48px;} .news-items li {width: 100%;} #news-items li {width: 100% !important;} .link-nav{height: 52px;} .link-nav a{font-size: 14px;} .article-r-header h3{font-size: 22px;} .talents-search{justify-content: space-between;} .talents-search li{width: 100% !important;} .talents-search li+li {margin-left: 0px;margin-top: 20px;} .talents-item{width: 100%;} .talents.invite {padding:40px 0 48px;} .talents-weal a{margin-bottom: 6px;} .talents.invite .talents-item{padding: 0 0 28px 0;} .developrc-item+.developrc-item {margin-top: 38px;} .developrc-intro {padding: 60px 20px 28px;} .developrc-intro h2{font-size: 20px;} .developgh-img .text {width: 68%;height: 48px;padding: 0 20px;} .developgh-prev, .developgh-next{width: 32px;height: 42px;margin-top: -24px;} .investdq-items ul{margin-top: -24px;} .investdq-items li{width: 48%;margin-top: 24px;} .investdq-link {padding: 28px 20px 48px;} .investls-items li {padding: 0;} .investls-menucont{width: calc(100% - 20px);} .investls-numitem .lodicon{width: 38px;height: 38px;} .investls-menucont h2{font-size: 15px;} .popup-con{width: 300px;padding: 15px 15px 30px 15px;} .popup-img {width: 80px;height: 80px;} .popup-name{margin-left: 10px;} .pop-close{top: 10px;right: 15px;width: 30px;height: 30px;} .pop-closeC{width: 15px;height: 15px;} .popup-name .text{margin-top: 0;} .popup-title{padding-bottom: 15px;} .popup-text{padding-top: 15px;} .pop-closeC::after,.pop-closeC::before{width: 8px;} .pop-closeC::after{transform: translate(-55%,-45%) rotate(45deg);} .pop-closeC::before{transform: translate(-55%,-45%) rotate(-45deg);} .popup-text li{margin-top: 15px;} .pop-bg{bottom: -80px;} .popup-text ul{font-size: 14px;} .popup-text li::before{width: 10px;height: 10px;} } /*UPDATE*/ .m-card-list ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -13px; } .m-card-list li { width: 25%; padding: 0 13px; margin-bottom: 26px; } .m-card-list .team-show { background-color: #f3f7f8; -webkit-border-radius: 25px; border-radius: 25px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 48px; } .m-card-list .team-img { margin-bottom: 22px; } .m-card-list .team-intro { width: 100%; height: 114px; padding: 0 10px; text-align: center; overflow: hidden; } .developgh-show .developgh-next, .developgh-show .developgh-prev { display: none; } .developgh-show .swiper-container { margin: 0 -19px; } .developgh-show .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .developgh-show .swiper-slide { width: 25%; padding: 0 19px; margin-bottom: 38px; } .developgh-show .developgh-img { position: relative; } .developgh-show .developgh-img::after { content: ""; display: block; width: 100%; padding-bottom: 68.32298%; } .developgh-show .developgh-img img { position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; } .developgh-show .developgh-img .text { width: 100%; height: 40px; padding: 0 10px; font-size: 18px; line-height: 40px; color: #fff; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(74, 153, 190, 0.7); } .developgh-show .developgh-img .text h2 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* .developrc-right { background-color: red; } */ .developrc-right .developrc-nav { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .aboutjs-container { position: relative; } .aboutjs-container::after { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 35.20833%; padding-bottom: 35.20833%; background: url("../images/about-panel-bg.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/about-panel-bg.png*/) no-repeat center; background-size: 100%; } .aboutjs-panel { position: relative; z-index: 10; padding: 5% 8.57143% 2%; } .aboutjs-panel .en-img-name { position: relative; font-size: 0; margin-bottom: 3.87931%; } .aboutjs-panel .en-img-name img { max-width: 100%; } .aboutjs-panel .aboutjs-intro { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 100%; padding: 0; } .aboutjs-panel .aboutjs-intro .v-title { position: relative; width: 1em; font-size: 40px; line-height: 52px; letter-spacing: 10px; color: #333333; margin-right: 7%; } .aboutjs-panel .aboutjs-intro .v-title::after { content: ""; position: absolute; left: 50%; top: 1.3em; z-index: -1; width: 1.78em; margin-left: -0.89em; height: 5.29167em; background-color: #ccc; background: url("../images/about-title-bg.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/about-title-bg.png*/) no-repeat center 0; background-size: 100% auto; } .m-pop { display: none; position: absolute; left: 50%; bottom: 0; z-index: 1000; -webkit-transform: translate(-50%, -32px); -ms-transform: translate(-50%, -32px); transform: translate(-50%, -32px); width: 220px; min-height: 138px; padding: 20px 18px; background-color: rgba(0, 0, 0, 0.7); -webkit-border-radius: 5px; border-radius: 5px; } .m-pop::after { content: ""; position: absolute; left: 50%; margin-left: -5px; bottom: -16px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-top-color: rgba(0, 0, 0, 0.7); } .m-pop .title { margin-bottom: 6px; font-size: 18px; line-height: 32px; color: #fff; } .m-pop .desc { font-size: 14px; line-height: 22px; color: #fff; } .hz-more:hover{ color: #0091bf !important; } .benefit .tits{ color: #444; line-height: 1; font-family: Source Han Sans CN; font-weight: bold; color: #333; text-align: center; line-height: 1.2; } .aboutbj .aboutbj-map { width: 100%; height: auto; } .aboutbj .aboutbj-item { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .aboutbj .aboutbj-site.active ul li i { z-index: -1; } .aboutbj .aboutbj-site ul li { z-index: 3; font-size: 12px; line-height: 0; width: 0; height: 0; } .aboutbj .aboutbj-site ul li.active { z-index: 10; } .aboutbj .aboutbj-site ul li:hover em::before { background-color: rgba(199, 22, 29, 0.5); } .aboutbj .aboutbj-site ul li:hover em::after { background-color: rgba(199, 22, 29, 0.3); } .aboutbj .aboutbj-site ul li i { position: absolute; left: -6px; top: -6px; padding: 0; } .aboutbj .aboutbj-site ul li i::after { display: none; } .aboutbj .aboutbj-site ul li em { background: none; } .aboutbj .aboutbj-site ul li em::before { border: solid 1px rgba(255, 255, 255, 0.7); background: rgba(0, 145, 191, 0.5) url("../images/m-pop-logo.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/m-pop-logo.png*/) no-repeat center; background-size: 60%; } .aboutbj .aboutbj-site ul li.guangzhou { top: 54.91651%; left: 78.84788%; right: auto; } .aboutbj .aboutbj-site ul li.huazhou { top: 37.47681%; left: 20.16202%; } .aboutbj .aboutbj-site ul li.huangpu { top: 54.54545%; left: 75.33753%; } .aboutbj .aboutbj-site ul li.shaoguang { top: 49.35065%; left: 77.58776%; } .aboutbj .aboutbj-site ul li.hunan { top: 43.41373%; left: 75.42754%; } .aboutbj .aboutbj-site ul li.zhejiang { top: 42.11503%; left: 79.83798%; } .aboutbj .aboutbj-site ul li.shanghai { top: 37.66234%; left: 83.16832%; } .aboutbj .aboutbj-site ul li.tianjin { top: 31.16883%; left: 81.09811%; } .aboutbj .aboutbj-site ul li.beijing { top: 27.45826%; left: 79.0279%; } .aboutbj .aboutbj-site ul li.aodawan {top: 49%;left: 80%;} .aboutlc { background: #f3f8fa url("../images/aboutlc_bg.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/aboutlc_bg.png*/) no-repeat center bottom; } .aboutlc .aboutlc-prev, .aboutlc .aboutlc-next { opacity: 0.5; } .aboutlc .aboutlc-next { left: auto; right: -60px; } .aboutlc .aboutlc-line { position: relative; padding: 0 20% 0; margin-bottom: 60px; } .aboutlc .aboutlc-line::after { content: ""; position: absolute; left: 0; bottom: 14px; width: 100%; height: 3px; background-color: #2484a9; } .aboutlc .aboutlc-line .swiper-container { padding-bottom: 10px; } /* .aboutlc .aboutlc-line .swiper-slide-active .year::after { display: block; background-color: #c7161d; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } */ .aboutlc .aboutlc-line .year { position: relative; font-size: 26px; color: #444444; text-align: center; font-weight: bold; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .aboutlc .aboutlc-line .year::after { content: ""; display: block; margin: 26px auto 0; width: 11px; height: 11px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #2484a9; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } .aboutlc .aboutlc-container { float: none; width: 100%; padding: 0 11.42857%; } .aboutlc .aboutlc-container .swiper-slide-active .aboutlc-year::after { background-color: #c7161d; } .aboutlc .aboutlc-show { padding: 0; } .aboutlc .aboutlc-show .aboutlc-year { font-size: 18px; font-weight: bold; line-height: 24px; color: #444; } .aboutlc .aboutlc-show .aboutlc-year::after { content: ""; display: block; width: 1em; height: 3px; margin-top: 10px; overflow: hidden; background-color: #2484a9; } .aboutlc .aboutlc-show .aboutlc-cont { height: auto; } .aboutlc .aboutlc-show .aboutlc-cont p { padding: 0; font-size: 16px; line-height: 26px; color: #777; } .aboutlc .aboutlc-show .aboutlc-cont p::before { display: none; } .aboutwh-items ul { margin: 0 -19px; overflow: hidden; } .aboutwh-items ul li { padding: 0 19px; margin: 0; width: 33.3333%; } .aboutwh-items ul .aboutwh-show { position: relative; overflow: hidden; height: auto; } .aboutwh-items ul .aboutwh-show img { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; min-height: 100%; } .aboutwh-items ul .aboutwh-show::after { content: ""; display: block; width: 100%; padding-bottom: 34.84163%; } .aboutwh-items .aboutwh-intro { width: 88.68778%; position: relative; height: 122px; padding: 8px 56px 8px 6.78733%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .aboutwh-items .aboutwh-intro i { position: absolute; right: 20px; top: 20px; width: 34px; height: 34px; border: 0; background: none; } .aboutwh-items .aboutwh-intro .aboutwh-text { width: 100%; padding: 0; max-height: 80px; overflow: hidden; } .aboutwh-items .aboutwh-intro .aboutwh-text h2 { font-size: 18px; line-height: 32px; font-weight: normal; color: #444; } .aboutwh-items .aboutwh-intro .aboutwh-text p { margin: 0; font-size: 18px; line-height: 24px; color: #022842; } .system-inro-wrap ul { margin: 0 -17px; } .system-inro-wrap li { float: left; width: 33.3333%; padding: 0 17px; } .system-inro-wrap li:nth-child(3n + 1) .item { background-color: #3da8f6; } .system-inro-wrap li:nth-child(3n + 2) .item { background-color: #0191c0; } .system-inro-wrap li:nth-child(3n + 3) .item { background-color: #0191c0; } .system-inro-wrap .item {transition: all .6s; padding: 11.93694% 9.00901% 9.68468% 9.00901%; background: url("../images/ps-logo.png");background-repeat: no-repeat;background-position: center; background-size: 0%; } .system-inro-wrap .item .title{font-size: 20px; color: #fff;margin:20px 0 12px;font-weight:700} .system-inro-wrap .item .text { height: 210px; font-size: 16px; line-height: 30px; color: #fff;text-align: justify; } .system-inro-wrap li:hover .item{background-size: 60%;} .system-album-wrap { background-color: #e7ecee; } .system-album-wrap .album-swiper { position: relative; } .system-album-wrap .album-ctrl { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; } .system-album-wrap .album-ctrl.album-prev { left: -53px; background: url("../images/ps-next.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/ps-prev.png*/) no-repeat center; } .system-album-wrap .album-ctrl.album-next { right: -53px; background: url("../images/ps-next.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/ps-next.png*/) no-repeat center; } .system-album-wrap .swiper-slide { background-color: #fff; padding: 10px 10px 0; } .system-album-wrap .swiper-slide:hover img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .system-album-wrap .album-item { position: relative; overflow: hidden; } .system-album-wrap .album-item::after { content: ""; display: block; width: 100%; padding-bottom: 59.40594%; } .system-album-wrap .album-item img { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; min-height: 100%; -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s; } .system-album-wrap .text { text-align: center; line-height: 3.54545; color: #444444; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .album-swiper { position: relative; } .album-ctrl { position: absolute; top: 50%; margin-top: -20px; width: 33px; height: 66px; cursor: pointer;} .album-ctrl.album-prev { left: -80px;transform: rotate(180deg); background: url("../images/product_right.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/ps-prev.png*/) no-repeat center; } .album-ctrl.album-next { right: -80px; background: url("../images/product_right.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/ps-next.png*/) no-repeat center; } .pro_title{ font-family: Source Han Sans CN; font-weight: 700; color: #333333; line-height: 1; } .benefit:nth-child(3){ background: #fff !important; } .benefit:nth-child(3) .benefit-link{ background: #f0f4f7; } .production-base-wrap { background-color: #f8f9f9; } .production-base-wrap ul { margin: 0 -17px; overflow: hidden; } .production-base-wrap li { float: left; width: 33.3333%; padding: 0 17px; } .production-base-wrap .item:hover img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .production-base-wrap .img { position: relative; overflow: hidden; } .production-base-wrap .img::after { content: ""; display: block; width: 100%; padding-bottom: 58.55856%; } .production-base-wrap .img img { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; min-height: 100%; -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s; } .production-base-wrap .content { padding: 6.75676% 6.75676% 4.27928%; background: #fff url("../images/ps-base-bg.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/ps-base-bg.png*/) no-repeat center bottom; } .production-base-wrap .content .title { margin-bottom: 6.51042%; font-size: 30px; line-height: 48px; letter-spacing: 0px; color: #022842; } .production-base-wrap .content .text { overflow: hidden; height: 156px; font-size: 16px; line-height: 26px; color: #777777; } .production-base-wrap .content .text p { margin-bottom: 1em; } .aboutdj { padding: 4.94792% 0 5%; background-position: center bottom; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left bottom, left top, from(#b0d2dd), to(#0d96c1)), -webkit-gradient(linear, left top, left bottom, from(#bbcbd1), to(#bbcbd1)); background-image: linear-gradient(0deg, #b0d2dd 0%, #0d96c1 100%), linear-gradient(#bbcbd1, #bbcbd1); background-blend-mode: normal, normal; } .aboutdj-content { width: 50%; } .aboutdj-content .u-title { margin-bottom: 5%; color: #fff; font-weight: bold;line-height: 1;} .aboutdj-content .aboutdj-intro { width: 100%; border: 0; padding: 0 17px 0 0; height: 296px; } .aboutdj-content .aboutdj-intro::-webkit-scrollbar { width: 3px; height: 16px; background-color: #ededed; } .aboutdj-content .aboutdj-intro::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; border-radius: 3px; background-color: #ededed; } .aboutdj-content .aboutdj-intro::-webkit-scrollbar-thumb { -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #0091bf; } .aboutdj-content .aboutdj-intro .text { line-height: 26px; text-align: left; } .dj-album { padding-top: 5%; } .dj-album ul { margin: 0 -12px; } .dj-album li { float: left; width: 33.3333%; padding: 0 12px; } .dj-album .img { position: relative; } .dj-album .img::after { content: ""; display: block; width: 100%; padding-bottom: 64%; } .dj-album .img img { position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; } .productcd-loop { position: relative; } .productcd-prev { position: absolute; left: -80px; top: 50%; z-index: 3; width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; background: url("../images/arr_next.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/arr_next.png*/) no-repeat center; margin-top: -25px; } .productcd-show { height: 150px; } @media all and (max-width: 1599px) { .aboutjs-panel { padding: 7% 4.28571% 3%; } .aboutlc .aboutlc-next { right: 0; } .developrc-show.prote .developrc-intro { padding: 80px 35px 0px; } .developrc-show.prote .developrc-intro1 { padding: 65px 35px 88px; } } @media all and (max-width: 1440px) { .aboutwh-items .aboutwh-intro { height: 122px; } .aboutwh-items .aboutwh-intro .aboutwh-text { max-height: 86px; } .aboutwh-items .aboutwh-intro .aboutwh-text h2 { font-size: 16px; line-height: 28px; } .aboutwh-items .aboutwh-intro .aboutwh-text p { font-size: 14px; line-height: 20px; } .production-base-wrap .content .title { font-size: 26px; line-height: 36px; } .developrc-show.prote .developrc-intro {padding: 88px 40px 10px;} .developrc-show.prote .developrc-intro1 {padding: 65px 40px 88px;} } @media all and (max-width: 1366px) { .production-base-wrap .content .text { height: 182px; } .system-album-wrap .album-ctrl.album-prev { left: -40px; z-index: 9; } .system-album-wrap .album-ctrl.album-next { right: -40px; z-index: 9; } .aboutlc .aboutlc-line .year { font-size: 22px; } .productcd-prev { left: -30px; } .developrc-show.prote .developrc-intro { padding: 80px 20px 35px; } .developrc-show.prote .developrc-intro1 { padding: 84px 20px 95px; } } @media all and (max-width:1279px) { .developrc-show.prote .developrc-intro { padding: 0px 20px 15px; } .developrc-show.prote .developrc-intro h2::before{ display: none; } .developrc-show.prote .developrc-intro1 { padding: 55px 20px 35px; } #news-items li{ width: 48.5%; } } @media all and (max-width: 1024px) { .m-card-list li { width: 33.333%; } .m-card-list .team-intro { margin: 0; } .developgh-show .swiper-container { margin: 0 -10px; } .developgh-show .swiper-slide { width: 33.3333%; padding: 0 10px; margin-bottom: 20px; } .aboutjs-panel .aboutjs-intro .v-title { font-size: 36px; } .production-base-wrap ul, .system-inro-wrap ul { margin: 0 -10px; } .production-base-wrap li, .system-inro-wrap li { padding: 0 10px; width: 50%; margin-bottom: 20px; } .aboutwh-items ul li { width: 50%; } .system-album-wrap .album-ctrl.album-prev { left: 0; -webkit-border-radius: 50%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); } .system-album-wrap .album-ctrl.album-next { right: 0; -webkit-border-radius: 50%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); } .aboutdj-content { width: 100%; } .developrc-show.prote .developrc-intro { padding: 10px 20px 0px; } .developrc-show.prote .developrc-intro1 { padding: 70px 20px 25px; } /* .honor-coulmn li{ width: 380px !important; } */ } @media all and (max-width: 1000px) { .developrc-show.prote .developrc-intro { padding: 80px 20px 28px; } .developrc-show.prote .developrc-intro h2::before{ display: block; } .news-link{ border-radius: 10px; } .pageRemark1{line-height: 52px;display: inline-block;width: auto !important;} .m_intelligent{ display: none !important; } .contactus{ padding-bottom: 0; } .benefit-text{ padding: 0px 16px; } .benefit-more{ padding: 32px 16px 52px; } .FooterCode{ display: none; } .FooterCode1{ display: block; width: 100%; font-size: 0; margin-top: 25px; } .incom-tit{top: -55px !important;} .aboutbj-number{top: 55px !important;} /* .aboutbj-number li span{font-size: 30px;} */ } @media all and (max-width: 768px) { .m-card-list li { width: 50%; } .developgh-show .swiper-slide { width: 50%; } .aboutjs-panel .aboutjs-intro .v-title { font-size: 28px; } .production-base-wrap li, .system-inro-wrap li { width: 100%; } .production-base-wrap .content .title { font-size: 24px; line-height: 34px; } .aboutwh-items ul li { width: 50%; } .antherzj-list li{ width: 100%; } .incom-tit{top: -55px !important;} .aboutbj-number{top: 35px !important;} .aboutbj-number li p{font-size: 18px;} /* .contactbgp{ background-image: url('__TPLTMAPE__template/default/images/industry-bg.jpg') !important; } */ } @media all and (max-width: 640px) { .incom-tit{top: -26px !important;} .aboutbj-number{top: 15px !important;} .yao_icon .yao_item{ font-size: 16px; padding: 4px 5px; margin-right: 13px; } .productcd .productcd-loop .swiper-wrapper{ justify-content: start !important; } .benefit-show{ border-top-left-radius: 10px; border-top-right-radius: 10px; } .aboutdj-content .aboutdj-intro .tit{ font-size: 20px !important; line-height: 1.3 !important; } .paging-menu{ display: block; } .detailscp-headline .shop_icon{display: flex;justify-content: start;} .m-card-list li { width: 100%; padding: 0 13px; margin-bottom: 26px; } .developgh-show .swiper-slide { width: 100%; } .aboutjs-panel .aboutjs-intro .v-title { font-size: 24px; } .aboutwh-items ul li { width: 100%; } .aboutwh-items .aboutwh-intro { height: 110px; } .productcd-prev { left: 40px; } .system-inro-wrap .item .title {font-size: 18px;margin: 16px 0 4px;} } @media (min-width: 999px) and (max-width: 1278px) { .detailscp-tit{ width: 73%; } }