/*/union/businesscard_templates/space_sail/css/company_business_card.css*/
* {margin: 0;padding: 0;text-decoration: none;outline: none;-webkit-text-size-adjust: 100% !important;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family: "Helvetica Neue", "Microsoft YaHei", "Simsun", "Arial";list-style: none;}img {border: none;}body #load {background-image: url("//p.yunshuren.com/union/images/sustims_12.jpg");}body.up #load {background-image: url("//p.yunshuren.com/union/images/sustims_12.jpg");}body.ali #load {background-image: url("//papu.yunshuren.com/union/images/sustims_12.jpg");}#load {display: block;width: 100%;height: 100%;position: fixed;z-index: 1000;top: 0;left: 0;background-repeat: no-repeat;background-position: center center;text-align: center;}body {margin: 0;padding: 0;}body #background {background-image: url("//p.yunshuren.com/union/images/page_bg.jpg");}body.up #background {background-image: url("//p.yunshuren.com/union/images/page_bg.jpg");}body.ali #background {background-image: url("//papu.yunshuren.com/union/images/page_bg.jpg");}#background {display: block;width: 100%;height: 100%;position: fixed;top: 0;left: 0;overflow: hidden;}#main {position: relative;z-index: 1;}h1 {font-size: 30px;color: blue;text-align: center;}p {color: #ffffff;text-align: center;}body #mobile_background {background-image: url("//p.yunshuren.com/union/images/health.png");}body.up #mobile_background {background-image: url("//p.yunshuren.com/union/images/health.png");}body.ali #mobile_background {background-image: url("//papu.yunshuren.com/union/images/health.png");}#mobile_background {display: none;background-repeat: no-repeat;background-size: cover;background-position: center center;}#load canvas {clear: both;margin-top: 240px;background: rgba(0, 0, 0, 0);}.web_logo_area {width: 1000px;margin: 0 auto;margin-top: 15px;overflow: hidden;}.web_logo_area img {border: none;}.web_logo {float: left;}#load h1 {font-style: italic;font-size: 30px;color: #009ae3 !important;}.ysr_address {position: fixed;bottom: 20px;color: #ffffff;text-align: center;width: 100%;z-index: 999;font-size: 16px;left: 0;}.scroll {}.probation {float: right;background: rgba(255, 255, 255, 0.2);border-radius: 5px;overflow: hidden;font-size: 14px;line-height: 30px;padding: 0 10px;color: #fff;position: fixed;right: 20px;top: 170px;z-index: 1;}.colose_vip_btn {position: absolute;right: 10px;top: 10px;cursor: pointer;}.vip_show {width: 1008px;overflow: hidden;display: block;margin: 0 auto;z-index: 1;}.show_content {background: #ee5907;width: 1008px;margin: 0 auto;text-align: center;overflow: hidden;position: relative;}.show_title {font-size: 30px;color: #fff;line-height: 1em;margin: 40px 0;float: left;width: 380px;text-align: center;}.show_ico {float: left;margin: 0;}.show_ico img {display: block;width: 100%;}.ico_img {display: block;overflow: hidden;float: left;margin: 0 20px;}.img_ico {display: block;overflow: hidden;}.img_ico img {display: block;width: 60px;}.ico_text {display: block;font-size: 16px;color: #ffab7b;margin-top: 12px;line-height: 1em;}body .company_logo {background-image: url("//p.yunshuren.com/union/images/company_logo_bg.png");}body.up .company_logo {background-image: url("//p.yunshuren.com/union/images/company_logo_bg.png");}body.ali .company_logo {background-image: url("//papu.yunshuren.com/union/images/company_logo_bg.png");}.company_logo {width: 150px;height: 150px;box-sizing: border-box;overflow: hidden;padding: 10px;margin: 0 auto;background-repeat: no-repeat;position: relative;transform-origin: 0% 100%;}.company_logo img {display: block;width: 100%;height: 100%;border-radius: 15px;}.company_name {font-size: 36px;text-align: center;color: #fff;line-height: 50px;margin: 0 auto;margin-top: 50px;width: 640px;}.page_bottom {width: 100%;position: fixed;bottom: 10px;}.scroll {position: relative;box-sizing: border-box;display: table;width: 100%;text-align: center;}.content_area {display: table-cell;vertical-align: middle;}.page_bottom img {display: block;margin: 0 auto;width: 12px;}.page_top {width: 100%;height: 100px;}.company_header {width: 100%;height: auto;display: inline-block;background: #000;position: fixed;left: 0;top: 0;z-index: 3;}.company_header_box {width: 1000px;margin: 0 auto;}.company_img {width: 80px;height: 80px;box-sizing: border-box;padding: 10px;display: block;float: left;}.company_img img {display: block;width: 100%;height: 100%;}.company_menu {float: right;display: none;}.pc_nav {float: right;font-size: 14px;line-height: 80px;}.pc_nav a {color: #fff;margin: 0 10px;position: relative;}.pc_nav a:hover {color: #ff8a00;}.company_menu img {display: block;height: 30px;margin-top: 35px;cursor: pointer;}.company_page_title {width: 100%;text-align: center;color: #009ae3;height: 90px;}.company_page_title span {border-bottom: 1px solid #9ab3c1;font-size: 60px;line-height: 1em;padding-bottom: 20px;}.company_intro {width: 640px;margin: 0 auto;color: #fff;font-size: 16px;margin-top: 20px;line-height: 35px;text-align: left;}.company_intro p {text-align: left;}.more {width: 640px;margin: 0 auto;}.more_btn {float: right;display: block;background: rgba(0, 154, 277, 0.5);color: #fff;font-size: 14px;line-height: 30px;height: 30px;}.more_btn img {display: block;float: left;height: 100%;}.more_btn span {padding: 0 10px;}.page_title {width: 100%;text-align: center;font-size: 30px;padding-top: 10px;color: #fff;}.roads_num {text-align: center;font-size: 25px;color: #fff;margin-top: 20px;}.roads_num span {font-size: 3em;color: #009ae3;}.hot_roads_info {width: 640px;margin: 0 auto;margin-top: 20px;overflow: hidden;}.hot_title {font-size: 36px;color: #009ae3;text-align: left;}.line {font-size: 26px;color: #fff;margin: 15px 0;width: 100%;display: block;overflow: hidden;line-height: 1em;}.start_address {float: left;width: 280px;text-align: center;}.end_address {float: right;width: 280px;text-align: center;}.middle_show {float: left;width: 80px;text-align: center;color: #009ae3;}.company_scale {width: 640px;margin: 0 auto;}.company_scale > div {width: 50%;float: left;color: #fff;text-align: center;font-size: 20px;display: block;height: 233px;}.company_scale > div > div {display: table;text-align: center;width: 100%;height: 100%;}.car_num > div > div {display: table-cell;vertical-align: middle;}.company_scale div span {font-size: 2.5em;color: #009ae3;}.sacle_img {padding: 15px;box-sizing: border-box;overflow: hidden;}.sacle_img > div {display: block;width: 100%;height: 100%;position: relative;display: block !important;background: rgba(104, 134, 181, 0.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f6886b5,endColorstr=#7f6886b5);overflow: hidden;box-sizing: border-box;padding: 10px;}.blue_div {position: absolute;display: block !important;width: 100%;height: 100%;left: 0;background: rgba(0, 210, 255, 0.3);top: 0;opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}.sacle_img img {display: block;width: 100%;}.company_address_intro {width: 640px;margin: 0 auto;text-align: center;font-size: 20px;color: #fff;line-height: 40px;margin-top: 10px;}.tel_btn {display: block;width: 200px;margin: 0 auto;margin-top: 30px;cursor: pointer;}.tel_btn img {display: block;width: 100%;}.end {display: block;max-width: 458px;margin: 0 auto;}.img_after {position: relative;}.img_after ::after {display: block;width: 100%;position: absolute;background: red;height: 100%;content: "";left: 0;top: 0;}.pc_nav a:hover::before,.pc_nav a:hover::after {position: absolute;color: #fff;}.pc_nav a:hover::before {content: "\5B";left: -10px;}.pc_nav a:hover::after {content: "\5D";right: -10px;}.null_div {width: 100%;height: 240px;}.pc_hide {display: none !important;}.mob_menu_dialog {display: none;}.scroll {position: static !important;}.fixed {position: fixed;bottom: 0;}.scroll_flow {display: table;width: 100%;height: 100%;bottom: 0;opacity: 1;}.tel_dialog {display: none;width: 400px;height: auto;position: fixed;z-index: 100;color: #fff;left: 0;box-sizing: border-box;background: rgba(0, 0, 0, 0.9);padding: 0;overflow: hidden;top: 40%;padding-bottom: 70px;left: 50%;border: 1px solid #888;margin-left: -200px;border-radius: 3px;}.tel_info {font-size: 18px;text-indent: 105px;line-height: 45px;border-bottom: 1px solid #888;width: auto;margin: 0 40px;}.colse_dialog_btn {font-size: 16px;width: 80px;line-height: 30px;text-align: center;margin: 0 auto;cursor: pointer;position: absolute;bottom: 20px;left: 50%;margin-left: -40px;background: #bfbfbf;border-radius: 3px;color: #909090;}.tel_dialog_title {font-size: 20px;text-align: center;line-height: 50px;background: #2b2b2b;color: #909090;}.sound_btn {position: fixed;right: 0;bottom: 0;width: 60px;}.sound_btn img {display: block;cursor: pointer;width: 100%;animation: round_sound 2s linear infinite;-webkit-animation: round_sound 2s linear infinite;-moz-animation: round_sound 2s linear infinite;-ms-animation: round_sound 2s linear infinite;-o-animation: round_sound 2s linear infinite;}@keyframes round_sound {from {transform: rotate(0);}to {transform: rotate(360deg);}}@-webkit-keyframes round_sound {from {-webkit-transform: rotate(0);}to {-webkit-transform: rotate(360deg);}}@-moz-keyframes round_sound {from {-moz-transform: rotate(0);}to {-moz-transform: rotate(360deg);}}@-o-keyframes round_sound {from {-o-transform: rotate(0);}to {-o-transform: rotate(360deg);}}@-ms-keyframes round_sound {from {-ms-transform: rotate(0);}to {-ms-transform: rotate(30deg);}}#background {display: none;}#load {display: none;}.pc_qrcode {display: block;margin: 0 auto;width: 140px;margin-top: 300px;text-align: center;font-size: 18px;color: #ff8a00;}.pc_qrcode img {display: block;width: 100%;}@media all and (max-width: 768px) {.pc_tips {display: none !important;}#background canvas {display: none;}#load {display: block;}body #background {background-image: url("//p.yunshuren.com/union/images/fallback_bg_sp.jpg");}body.up #background {background-image: url("//p.yunshuren.com/union/images/fallback_bg_sp.jpg");}body.ali #background {background-image: url("//papu.yunshuren.com/union/images/fallback_bg_sp.jpg");}#background {display: block;background-color: #000;background-repeat: no-repeat;background-position: center center;background-size: cover;}.web_logo_area {width: 100%;}.web_logo {width: 2.04rem;margin: 0.35rem;}.web_logo img {display: block;width: 100%;}.web_logo_area {margin: 0;}#load canvas,#load > img {margin-top: 3rem;}body #load {background-image: url("//p.yunshuren.com/union/images/mob_load_bg.jpg");}body.up #load {background-image: url("//p.yunshuren.com/union/images/mob_load_bg.jpg");}body.ali #load {background-image: url("//papu.yunshuren.com/union/images/mob_load_bg.jpg");}#load {background-size: cover;}#load h1 {font-size: 0.46rem;}.web_logo_area {width: 100%;margin: 0 auto;}.ysr_address {font-size: 0.24rem;}.company_header {width: 100%;}.company_header_box {width: 100%;}.company_img {width: 0.8rem;height: 0.8rem;padding: 0;margin: 0.1rem;}.vip_show {width: 100%;}.pc_nav {display: none;}.company_menu {display: block;}.company_menu img {display: block;height: 0.3rem;margin: 0.35rem 0.13rem;}.company_menu .menu_open {transform-origin: 100% 50%;}.company_menu .menu_close {transform-origin: center;}.mob_hide {display: none !important;}.pc_hide {display: block !important;}.mob_enter {display: block;width: 100%;}.show_content {width: 100%;height: auto;overflow: hidden;position: relative;}.mob_enter img {display: block;width: 100%;}.colose_vip_btn {display: block;position: absolute;right: 0.05rem;top: 0.07rem;width: 0.2rem;height: 0.2rem;}.colose_vip_btn img {display: block;width: 100%;}.probation {border-radius: 3px;font-size: 0.24rem;line-height: 0.5rem;padding: 0 0.15rem;position: fixed;right: 0.15rem;top: 1.6rem;z-index: 1;}body .company_logo {background-image: url("//p.yunshuren.com/union/images/company_logo_bg.png");}body.up .company_logo {background-image: url("//p.yunshuren.com/union/images/company_logo_bg.png");}body.ali .company_logo {background-image: url("//papu.yunshuren.com/union/images/company_logo_bg.png");}.company_logo {width: 1.5rem;background-size: cover;background-repeat: no-repeat;background-position: center center;height: 1.5rem;padding: 0.14rem;}.company_name {font-size: 0.36rem;width: 82.6%;}.company_page_title {height: 1.17rem;font-size: 0.6rem;}.company_page_title span {font-size: 1em;line-height: 1em;padding-bottom: 0.37rem;}.company_intro {width: 82.6%;font-size: 0.3rem;margin-top: 0.37rem;line-height: 0.5rem;text-align: left;}.more {width: 82.6%;overflow: hidden;margin-top: 0.3rem;}.more_btn {font-size: 0.24rem;line-height: 0.4rem;height: 0.4rem;}.page_title {font-size: 0.36rem;padding-top: 0;}.roads_num {font-size: 0.36rem;margin-top: 0.3rem;}.roads_num span {line-height: 1rem;font-size: 1.19rem;}.hot_roads_info {width: 82.6%;margin-top: 0.5rem;}.hot_title {font-size: 0.36rem;line-height: 1em;}.line {font-size: 0.25rem;margin: 0.3rem 0;width: 100%;display: block;overflow: hidden;line-height: 1em;}.start_address,.end_address {width: 40%;text-align: center;}.middle_show {width: 20%;}.company_scale {width: 82.6%;margin: 0 auto;}.company_scale > div {font-size: 0.36rem;display: block;height: 2.3rem;}.sacle_img {padding: 0.22rem;}.company_address_intro {width: 82.6%;margin: 0 auto;text-align: center;font-size: 0.3rem;color: #fff;line-height: 0.5rem;margin-top: 0.37rem;}.tel_btn {width: 53%;margin: 0 auto;margin-top: 0.7rem;cursor: pointer;}.end {width: 63.6%;}.mob_menu_dialog {position: fixed;width: 100%;height: 100%;top: 0;background: #000;z-index: 2;left: 0;box-sizing: border-box;padding-top: 1rem;}.menu_list {width: 76.4%;margin: 0 auto;margin-top: 0.3rem;}.menu_list a {font-size: 0.36rem;display: block;line-height: 1em;padding: 0.3rem 0.15rem;color: #fff;border-bottom: 1px solid #fff;}.menu_list img {float: right;display: block;height: 1em;}.company_menu .menu_close {display: none;}.current.company_menu .menu_close {display: block;}.current.company_menu .menu_open {display: none;}.page_bottom img {display: block;margin: 0 auto;width: 0.2rem;}.sound_btn {width: 0.8rem;}}@media all and (max-width: 432px) {#load canvas {margin-top: 2rem;}.company_logo img {border-radius: 10px;}}@media all and (max-width: 360px) {.start_address,.end_address {line-height: 1.1em;}}