@charset "utf-8";
/* CSS Document */


/*---------保养app介绍---------*/

.app_upkeep{width: 100%;font-family: "微软雅黑";}
.app_container{width: 1200px;margin: 0 auto; position: relative; }

.app_info{ position: relative; z-index: 5; padding-left: 60px; }
.app_info .title{ line-height: 1; }
.app_info .title h2{ font-size: 48px; line-height: 1; }
.app_info .title .line{ background: #fc4a1a; height: 3px; width: 400px; display: inline-block; margin-top: 10px; }
.app_info .info_list{ margin-top: 40px; }
.app_info .info_list li{ font-size: 24px; color: #666; line-height: 1; margin-bottom: 24px; }
.app_info .info_list li .dot{ margin-right: 10px; vertical-align: middle; background: #fc4a1a; width: 8px; height: 8px; border-radius: 8px; display: inline-block; }
.app_info p{ font-size: 24px; line-height: 45px; margin-top: 30px; }


.app_upkeep01{ background: #f5f6f7; }
.app_upkeep01 .app_container{ height: 1700px; z-index: 99; }
.app_upkeep01 .app_container img{ width: auto; max-width: initial; }
.app_upkeep01 .app_logo{ position: relative; z-index: 5; padding-top: 70px; padding-left: 60px; }
.app_upkeep01 .app_title{ position: relative; z-index: 5; padding-top: 60px; padding-left: 60px; }
.app_upkeep01 .app_title p{ font-size: 24px; color: #fff; padding-top: 10px; }
.app_upkeep01 .app_codeList{ position: relative; z-index: 10; padding: 70px 0 360px 60px; }
.app_upkeep01 .app_codeList li{ position: relative; color: #fff; text-align: center; width: 136px; float: left; margin-right: 30px; }
.app_upkeep01 .app_codeList li img{ margin-bottom: 8px; }
.app_upkeep01 .app_codeList li.applet_code .guide{ display: none; position: absolute; bottom: 155px; left: 140px; }
.app_upkeep01 .app_codeList li.applet_code:hover .guide{ display: block; }

.app_upkeep01 .phone_01{ position: absolute; top: 136px; right: -10px; z-index: 4; }
.app_upkeep01 .phone_02{ position: absolute; bottom: 44px; right: 106px; z-index: 5; }
.app_upkeep01 .lump_01{ position: absolute; top: 0; left: -360px; z-index: 2; }
.app_upkeep01 .lump_02{ position: absolute; top: 0; left: 40px; z-index: 1; }
.app_upkeep01 .lump_03{ position: absolute; top: 0; right: -360px; z-index: 3; }
.app_upkeep01 .lump_04{ position: absolute; bottom: 210px; left: -360px; }


.app_upkeep02{ background: #fa6e23; background-image: linear-gradient(to right, #f7b733 , #fc4a1a); }
.app_upkeep02 .app_container{ height: 696px; padding-top: 130px; }
.app_upkeep02 .app_info_time{ color: #fff; }
.app_upkeep02 .app_info_time .title .line{ background: #fff; width: 196px; margin-left: 100px; }

.app_upkeep02 .phone_01{ position: absolute; bottom: 0; left: 60px; }
.app_upkeep02 .phone_02{ position: absolute; bottom: 0; right: 43px; }
.app_upkeep02 .lump_01{ position: absolute; top: 0; right: -360px; }


.app_upkeep03{ background: #f5f6f7; }
.app_upkeep03 .app_container{ height: 730px; }
.app_upkeep03 .app_info_history{ position: absolute; left: 610px; bottom: 250px; }
.app_upkeep03 .app_info_history .title .line{ width: 196px; margin-left: 190px; }
.app_upkeep03 .app_info_history p{ color: #666; }

.app_upkeep03 .phone_01{ position: absolute; bottom: 0; left: 98px; }
.app_upkeep03 .phone_02{ position: absolute; bottom: 0; right: 56px; }
.app_upkeep03 .lump_01{ position: absolute; bottom: 94px; left: -360px; }


.app_upkeep04{ background: #fff; }
.app_upkeep04 .app_container{ height: 676px; padding-top: 150px; }
.app_upkeep04 .app_info_appointment .title .line{ width: 196px; margin-left: 206px; }

.app_upkeep04 .phone_01{ position: absolute; bottom: 0; right: 72px; }
.app_upkeep04 .lump_01{ position: absolute; bottom: 0; left: -360px; }
.app_upkeep04 .lump_02{ position: absolute; bottom: 0; left: -60px; }
.app_upkeep04 .lump_03{ position: absolute; bottom: 284px; right: -360px; }


/*底部*/
.footer_site_info{background: #eee;}