@charset "utf-8";
/* ====================鍏叡鏍峰紡========================= */
/* 澶撮儴 */
.Header-wrapper{width: 100%;position: fixed;z-index: 99;top: 0;left: 0;background: #fff;user-select: none;border-bottom: 1px solid #f4f4f4}
.Header-contain{padding: 0 46px}
.Header-logo{float: left;height: 90px;display: flex;align-items: center;position: relative;z-index: 99;}
.Header-logo img{height: auto;}
.Header-shares{color: #999;float: left;height: 90px;padding-left: 15px;display: flex;align-items: center;}
.Header-shares .text{padding-left: 15px;border-left: 1px solid #ececec;}

.Header-lang{float: right;position: relative;z-index: 99}
.Header-lang-menu{display: flex;align-items: center;height: 90px;border-left: 1px solid #f4f4f4;border-right: 1px solid #f4f4f4;padding: 0 46px}
.Header-lang-menu span{display: block;line-height: 1.1;font-size: 18px;color: #444;font-weight: 500}
.Header-lang.active .Header-lang-menu span{color: #c7161d;}
/* 澶氫釜璇█ */
.Header-lang-more{background-color:#fff;z-index:1;position:absolute;left:0;top:90px;display:none;width:100%;border:1px solid #f4f4f4}
.Header-lang-more a{display:block;font-size:16px;color:#666;text-align:center;padding:10px 0}
.Header-lang-more a+a{border-top:1px solid #f4f4f4}
.Header-lang-more a span{display:inline-block}
.Header-lang-more a:hover{color:#fff;background:#c7161d}
.Header-lang.active .Header-lang-more{display:block;animation:langInUp .4s ease-out}
@keyframes langInUp{0% {transform: translateY(20px);opacity: 0.5;}100% {transform: translateY(0);opacity: 1;}}

.Header-search{float: right;margin-left: 40px}
.Header-search-click{width: 40px;height: 90px;cursor: pointer;background: url("../images/common/search.svg"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/common/search.svg*/) no-repeat center /26px auto;position: relative;z-index: 999;}
.Header-search-click.active{background: url("../images/common/close.svg"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/common/close.svg*/) no-repeat center/20px auto;}
.Header-search-item{display: none;position: absolute;width: 100%;height: 90px;line-height: 90px;top: 0;left: 0;z-index: 99;text-align: right;}
.Header-search-item .contain{padding-right: 148px;}
.Header-search-item.active{display: block;}
.Header-search-item input, .Header-search-item button{display: inline-block;vertical-align: middle;}
.Header-search-item input[type="text"]{width: 0px;height: 40px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-size: 16px;color: #747474;background: transparent;}
.Header-search-item.active input[type="text"]{animation: HeaderSearch 0.8s ease both;}
@keyframes HeaderSearch{0%{width: 0;}100%{width: 520px;}}
.Header-search-item button{width: 50px;height: 40px;background: url("../images/common/search.svg"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/common/search.svg*/) no-repeat center /26px auto;cursor: pointer;margin-right: 0;}
body.onSearch .Header-navbar{visibility: hidden;opacity: 0;}

.Header-navbar{visibility:visible;opacity:1;justify-content:center;display:flex;position:absolute;top:0;width:100%;left:0}
body.PC .Header-navbar{display:flex!important}
.Header-navbar li{float:left;padding:0 35px;z-index:9}
.Header-navbar li:last-child{padding-right:0}
.Header-navbar li:first-child{padding-left:0}
.Header-menu{position:relative;height:90px;display:flex;align-items:center;font-size:19px;color:#444;transition:color .4s ease;font-weight:500}
.Header-navbar li.active .Header-menu,.Header-navbar li:hover .Header-menu{color:#c7161d}
.Header-arrow{display:none}
.Header-drop{display:none;position:absolute;top:90px;left:0;width:100%;background:rgba(255,255,255,.9);padding:50px 0;border-top:1px solid #f4f4f4}
.Header-drop .in{display:flex;justify-content:center}
.Header-drop .lft{width:12.5%}
.Header-drop .lft .title{color:#00569a;line-height:1.1}
.Header-drop .lft a{margin-top:30px;line-height:1.1}
.Header-drop .rgt{width:35%}
.Header-drop .rgt .list{display:flex;flex-wrap:wrap;margin-top:-20px}
.Header-drop .rgt a{display:flex;align-items:center;width:33.33%;margin-top:20px;padding-right:15px}
.Header-drop .rgt a i{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:15px;transition:background-color .4s ease;min-width:35px}
.Header-drop .rgt a:hover i{background-color:#00a8a0}
.Header-drop .rgt a span{font-size:16px;}

.Header-navclick{display: none;width: 24px;height: 54px;cursor: pointer;float: right;user-select: none;align-items: center;}
.Header-navclick span{width: 100%;height: 2px;background: #777;display: block;position: relative;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #777;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -7px;}
.Header-navclick span:after{top: 7px;}
.Header-navclick.active span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.active span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.active span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);-ms-transform: translateY(7px) rotate(0);-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);-ms-transform: translateY(-7px) rotate(0);-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent;}
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}

/* 搴曢儴 */
.Footer-wrapper{width:100%;position:relative;z-index:9}
.Footer-items{width:100%;background:#043055}
.Footer-items .contain{display:flex;flex-wrap:wrap;justify-content:space-between}
.Footer-navbar{width:71%;overflow:hidden;user-select:none}
.Footer-navbar ul{display:flex;justify-content:space-between}
.Footer-menu{font-size:16px;color:#fff;font-weight:500;display:block}
.Footer-drop{width:100%;margin-top:12px}
body.PC .Footer-drop{display:block!important}
.Footer-drop a{display:block;font-size:14px;color:#7f9ab1;line-height:1;padding:7px 0;transition:all .4s ease}
.Footer-drop a:hover{color:#fff}
.Footer-copyright{width:100%;padding:24px 0;background:#022842}
.Footer-copyright h6,.Footer-copyright p{color:#fff;line-height:18px;font-size:14px}
.Footer-copyright h6{float:left}
.Footer-copyright p{float:right}
.Footer-info{width:15%}
.stock-tit{color:#fff;font-weight:700}
.stock-main{margin-top:24px;color:#c41218;line-height:1;font-family:DIN}
.stock-main i{display:inline-block;background:url("../images/icon_stock_up.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/icon_stock_up.png*/) no-repeat center/100%;width:16px;height:13px;margin:0 10px}
.stock-main.down i{background-image:url("../images/icon_stock_down.png"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/icon_stock_down.png*/)}
.stock-main.down{color:#007a00}
.stock-time{color:#7f9ab1;margin-top:20px;line-height:1}
.Footer-pages{display:flex;width:100%;margin-top:35px}
.Footer-pages a{font-size:14px;color:#7f9ab1;transition:all .4s ease}
.Footer-pages a+a{margin-left:26px}
.Footer-pages a:hover{color:#fff}
.FooterCode{width:100%;font-size:0;margin-top:25px}
.FooterCode a{display:inline-flex;vertical-align:middle;position:relative;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:#5c7890}
.FooterCode a:hover{background:#6a8ca9}
.FooterCode a+a{margin-left:16px}
.FooterCode-img{display:none;width:152px;height:152px;padding:6px;position:absolute;bottom:110%;left:50%;margin-left:-76px;background:#fff;border-radius:4px;z-index:9999}
.FooterCode-img img{width:100%;height:100%;object-fit:cover}
.FooterCode a:hover .FooterCode-img{display:block;animation:FooterCode .6s ease-in-out both}
@keyframes FooterCode{0%{transform: translateY(-14px);}100%{transform: translateY(0);}}

.FooterCode1{width:100%;font-size:0;margin-top:25px}
.FooterCode1 a{display:inline-flex;vertical-align:middle;position:relative;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:#5c7890}
.FooterCode1 a:hover{background:#6a8ca9}
.FooterCode1 a+a{margin-left:16px}
.FooterCode1-img{display:none;width:152px;height:152px;padding:6px;position:absolute;bottom:110%;left:50%;margin-left:-76px;background:#fff;border-radius:4px;z-index:9999}
.FooterCode1-img img{width:100%;height:100%;object-fit:cover}
.FooterCode1 a:hover .FooterCode1-img{display:block;animation:FooterCode1 .6s ease-in-out both}
@keyframes FooterCode1{0%{transform: translateY(-14px);}100%{transform: translateY(0);}}
.FooterCode {display: block;}
    .FooterCode1 {display: none;}
/* 缃《 */
.backTop {display: none;right: 40px;bottom: 60px;width: 44px;height: 44px;border-radius: 4px;position: fixed;cursor: pointer;z-index: 9999; background: #0091BF url("../images/common/top.svg"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/common/top.svg*/) no-repeat center/22px auto;}
@media all and (max-width:1599px) {.backTop {right: 30px;bottom: 40px;}}
@media all and (max-width:640px) {.backTop {right: 8px;bottom: 20px;width: 40px;height: 40px;background-size: 20px auto;}}

/* 涓棿+鍏辩敤閮ㄥ垎 */
.Container-wrapper{width: 100%;margin-top: 90px;}
.contain{width: 1400px;margin: 0 auto}






/* -------------------------PC绔?-------------------------- */
@media all and (max-width:1700px) {
    /* 1600 脳 (900) */
}

@media all and (max-width:1599px) {
    /* 1440 脳 (700)  */
    .contain{width: 1200px}
    .Header-navbar li{padding: 0 25px}
    .Header-drop .rgt{width: 46%}
    .Header-menu{font-size: 18px}
    .Header-drop .rgt a i{margin-right: 10px}
    .Header-drop .rgt a{margin-top: 15px}
    .Header-drop .rgt .list{margin-top: -15px}
    .Footer-navbar{width: 78%}
    .stock-main{margin-top: 18px}
    .stock-time{margin-top: 10px}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
    .Header-navbar li{padding: 0 20px}
    .Header-menu{font-size: 16px}
    .Header-lang-menu{padding: 0 30px}
    .Header-lang-more a{font-size: 15px}
    .Header-search{margin-left: 30px}
}

@media all and (max-width:1279px) {
    /* 1152 脳 (700) */
    .contain{width: 960px}
    .Header-drop .rgt a{font-size: 16px;margin-top: 10px}
    .Header-drop .rgt .list{margin-top: -10px}
    .Header-drop .rgt a i{width: 30px;height: 30px;min-width: 30px;margin-right: 5px}
    .Header-drop{padding: 40px 0}
    .Header-drop .rgt a i img{max-width: 18px}
    .Header-navbar li{padding: 0 15px}
    .Header-lang-menu span{font-size: 16px}
    .Footer-info{width: 100%;margin-top: 30px;display: flex;align-items: center}
    .Footer-navbar{width: 100%}
    .stock-main{margin-top: 10px}
    .FooterCode,.Footer-stock{width: 50%}
    .FooterCode1{width: 50%}
    .Footer-pages{margin-top: 20px}
    .Footer-copyright{padding: 20px 0}
    .Header-search{margin-left: 20px}
    .Header-navbar li{padding: 0 10px}
    .Header-drop .lft a{margin-top: 20px}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------鎵嬫満绔?------------------------- */
@media all and (max-width:1000px) {
    /* 骞虫澘璁惧 720 閫傞厤 */
    body.onSearch .Header-navbar{visibility: visible;opacity: 1;}
    .contain{width: 92%}
    .Header-wrapper{border-bottom: 0}
    .Header-wrapper:after{content: '';width: 100%;height: 1px;left: 0;bottom: 0;border-bottom: 1px solid #f4f4f4;position: absolute}
    .Header-contain{padding: 0;width: 100%}
    .Container-wrapper{margin-top: 54px;}
    .Header-wrapper .contain{width: 100%;}
    .Header-logo, .Header-search-click, .Header-lang-menu,.Header-shares{height: 54px;}
    .Header-shares .text{font-size: 14px;line-height: 18px;}
    .Header-lang-menu{padding: 0 20px}
    .Header-search{margin: 0 15px}
    .Header-logo{margin-left: 4%;}
    .Header-logo img{max-height: 44px;}
    .Header-navclick{display: flex;margin-right: 4%;}
    .Header-lang-more{width: 120px;margin-left: -54px;top: 54px;left: 50%}
    .Header-drop .lft{width: 100%;display:flex;align-items: center;display: none}
    .Header-drop .in{flex-wrap: wrap}
    .Header-drop .lft a{margin: 0 0 0 10px}
    .Header-lang-more a{padding: 6px 0;}
    .Header-navbar{display: none;position: absolute;width: 100%;margin-right: 0;height: calc(100vh - 54px);top: 54px;left: 0;padding: 12px 4%;background: #e7e7e7}
    .Header-navbar ul{display: block;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
    .Header-navbar li{display: block;width: 100%;opacity: 0;transform: translateY(32px);transition: all .4s ease;padding: 0;}
    .Header-navbar.active li{opacity: 1;transform: translateY(0);}
    .Header-menu{padding:12px!important;background:#fafafa;color:#121212;height:auto;border-radius:5px;font-weight: normal}
    .Header-navbar li+li{margin-top: 12px}
    .Header-arrow{display:block;width:30px;height:26px;border-radius:5px;position:absolute;z-index:9;right:3px;top:5px;background:#f3f3f3 url("../images/common/arrD.svg"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/common/arrD.svg*/) no-repeat center/12px auto}
    .Header-arrow.active{transform: rotate(180deg);}
    .Header-navbar li:hover .Header-menu{color: #747474;}
    .Header-drop {position: relative;top: -3px;left: 0;width: 100%;margin-left: 0;overflow: hidden;padding: 20px 4%;border-bottom: 1px solid #f4f4f4}
    .Header-drop .rgt{width: 100%;margin-top: 15px}
    .Header-search-item {display: none;width: 100%;line-height: normal;height: 45px;top: 54px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 0;background: #fff;}
    .Header-search-item .contain {padding-right: 0;}
    .Header-search-item input[type="text"]{width: 100%;height: 44px;padding: 0 50px 0 4%;border-bottom: none;}
    .Header-search-item.active input[type="text"] {animation: none;}
    .Header-search-item button{position: absolute;right: 0;top: 0;width: 44px;height: 46px;top: -1px;background: #c7161d url("../images/common/searchW.svg"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/common/searchW.svg*/) no-repeat center /26px auto !important;z-index: 2;}
    .Header-search-click.active {background-image: url("../images/common/close.svg"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/common/close.svg*/) !important;}
    .Header-search-click {background-image: url("../images/common/search.svg"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/common/search.svg*/) !important;}
    .Header-drop .rgt a{font-size: 15px;margin-top: 5px}

    .Footer-items .contain {width: 100%;}
    .Footer-navbar{width: 100%;}
    .Footer-navbar li{width: 100% !important;}
    .Footer-menu {height: 40px;line-height: 40px;padding: 0 4%;position: relative;}
    .Footer-menu::after{content: "";width: 44px;height: 40px;position: absolute;z-index: 9;right: 0;top: 0;background: url("../images/common/arrDW.svg"/*tpa=http://yph.szmynet.net/__TPLTMAPE__template/default/images/common/arrDW.svg*/) no-repeat center /18px auto;}
    .Footer-menu.active::after{transform: rotate(180deg);}
    .Footer-drop a{padding: 7px 4%;}
    .Footer-drop{display: none;margin-top: 0;}
    .Footer-copyright h6{width: 100%;margin-bottom: 8px;}
    .Footer-copyright {text-align: center}
    .FooterCode {margin-top: 28px;}
    .FooterCode1 {margin-top: 28px;}
    .Footer-navbar ul{flex-wrap: wrap}
    .Footer-info{padding: 0 4%;flex-wrap: wrap;border-top: 1px dashed rgba(255,255,255,.05);padding-top:15px;margin-top:15px}
    .FooterCode a{width: 38px;height: 38px}
    .FooterCode a+a{margin-left: 10px}
    .FooterCode1 a{width: 38px;height: 38px}
    .FooterCode1 a+a{margin-left: 10px}
    .Footer-pages{padding: 0 4%}
    .Footer-copyright p{width: 100%}
    .FooterCode {display: none;}
    .FooterCode1 {display: block;}
}
@media all and (max-width:640px) {
    /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */
    .Header-logo img{max-height: 30px}
    .Header-shares{padding-left: 7px;}
    .Header-shares .text{padding-left: 7px;font-size: 12px;line-height: 15px;}
    .Header-lang-menu{padding: 0 10px}
    .Header-lang-menu span{font-size: 14px}
    .Header-search{margin: 0 10px}
    .Header-menu{height: 36px}
    .Header-drop .rgt a{width: 50%}
    .Header-drop{padding: 0 12px 12px}
    .Footer-info{flex-wrap: wrap}
    .FooterCode, .Footer-stock{width: 100%}
    .FooterCode a:nth-child(1) .FooterCode-img{margin-left: -6px;left: 0}
    .FooterCode1, .Footer-stock{width: 100%}
    .FooterCode1 a:nth-child(1) .FooterCode1-img{margin-left: -6px;left: 0}
    .Footer-copyright h6, .Footer-copyright p{font-size: 12px}
    .Footer-copyright h6{margin-bottom: 5px}
}


/* common start- ---- */
.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; text-align: left; }

.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; }

.aboutbj-map img { width: 100%; object-fit: cover; max-width: 100% !important; }

.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; -webkit-border-radius: 50%; border-radius: 50%; position: relative; -webkit-transition: all .4s ease; 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; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #0089bf; background: rgba(0, 145, 191, 0.2); -webkit-transition: all .4s ease; 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; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 145, 191, 0.5); -webkit-animation: boderM 3s .75s infinite; animation: boderM 3s .75s infinite; -webkit-transition: all .4s ease; transition: all .4s ease; }

.aboutbj-site li.top i { padding-bottom: 98px; -webkit-transition: all .4s ease; 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; -webkit-transition: all .4s ease; transition: all .4s ease; }

.aboutbj-site li.down { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-transition: all .4s ease; transition: all .4s ease; }

.aboutbj-site li.down i { padding-top: 98px; -webkit-transition: all .4s ease; 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; -webkit-transition: all .4s ease; transition: all .4s ease; }

.aboutbj-site li.guangzhou { right: 17%; top: 52%; }

.aboutbj-site li.nansha { right: 21%; top: 27%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.aboutbj-site li.huangpu { right: 24%; top: 52%; }

.aboutbj-site li.taiwan { right: 16%; top: 20%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.aboutbj-site li.huazhou { left: 20%; top: 18%; }

.aboutbj .aboutbj-item { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.aboutbj-map { position: relative; }

.aboutbj-site.active ul li i { z-index: -1; }

.aboutbj-site ul li { position: absolute; z-index: 3; font-size: 0; line-height: 0; width: 0; height: 0; }

.aboutbj-site ul li.active { z-index: 10; }

.aboutbj-site ul li:hover em::before { background-color: rgba(199, 22, 29, 0.5); }

.aboutbj-site ul li:hover em::after { background-color: rgba(199, 22, 29, 0.3); }

.aboutbj-site ul li i { position: absolute; left: -6px; top: -6px; padding: 0; }

.aboutbj-site ul li i::after { display: none; }

.aboutbj-site ul li em { background: none; }

.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-site ul li.guangzhou { top: 54.91651%; left: 78.84788%; right: auto; }

.aboutbj-site ul li.huazhou { top: 37.47681%; left: 20.16202%; }

.aboutbj-site ul li.huangpu { top: 54.54545%; left: 75.33753%; }

.aboutbj-site ul li.shaoguang { top: 49.35065%; left: 77.58776%; }

.aboutbj-site ul li.hunan { top: 43.41373%; left: 75.42754%; }

.aboutbj-site ul li.zhejiang { top: 42.11503%; left: 79.83798%; }

.aboutbj-site ul li.shanghai { top: 37.66234%; left: 83.16832%; }

.aboutbj-site ul li.tianjin { top: 31.16883%; left: 81.09811%; }

.aboutbj-site ul li.beijing { top: 27.45826%; left: 79.0279%; }

/* common -end ----- */