@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.html"/*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.html"/*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;
}
/* 荣誉 */
.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.html"/*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%;
    }
  }