@import url("./common.css");
/*APP*/
.app_01 { width: 1200px; margin: 0 auto; height: 650px; }

.app_01_p { color: #898989; font-size: 14px; text-align: center; margin-bottom: 40px; }

.app_01 ul { margin: 30px auto; }

.app_01 ul li { float: left; width: 20%; padding: 0 24px; height: 390px; transition: .5s ease; }

.app_01 ul li:hover { background: #399dd6; color: #fff; }

.app_01 ul li:hover .core-con { border-color: transparent; }

.app_01 ul li:hover .core-con em { display: block; }

.app_01 ul li a { display: block; width: 100%; height: 100%; position: relative; }

.app_01 ul li h4 { text-align: center; font-weight: normal; width: 100%; position: absolute; top: 0; left: 0; z-index: 10; color: #fff; }

.app_01 ul li h4 span { display: inline-block; width: 131px; height: 115px; line-height: 115px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAABzCAYAAAC7D7F/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF7mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMC0wOC0yN1QxNjo1Mjo0OSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDgtMjdUMTY6NTQ6MzQrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMDgtMjdUMTY6NTQ6MzQrMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjg2NjFjZDItNDkzYi0wYzRlLTg3YjUtZDhkMjdjMDgzNGU4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY2RkJGQzI4N0Y2NzExRTg5RjNBQzVFRUZBOTk3MzhDIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NjZGQkZDMjg3RjY3MTFFODlGM0FDNUVFRkE5OTczOEMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NkZCRkMyNTdGNjcxMUU4OUYzQUM1RUVGQTk5NzM4QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NkZCRkMyNjdGNjcxMUU4OUYzQUM1RUVGQTk5NzM4QyIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyODY2MWNkMi00OTNiLTBjNGUtODdiNS1kOGQyN2MwODM0ZTgiIHN0RXZ0OndoZW49IjIwMjAtMDgtMjdUMTY6NTQ6MzQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7FV9jNAAAGs0lEQVR4nO2dbYhUVRjHf2uKi0lYYgWSEBExUCQREQMSFfUxrLAQImKKgiAtXzN7UXxZNLPVaA2ES/TFDxFGUJQRRcV8sjB6GSNiIQiKikS2KNx2+nDWZXZ35uy997w89955fp/WmbnnOTA/z8xz/3fOHWi32ygKwDzpCSjFYb7rAPWk5WMey4HTwOIez58DxhzGL8PxI8Bxhxq5aDZqU387y+CJ/fQWAWABcLFjjUsdjw/NNcAHwN9SEyjCx8QqYK30JArAFcAWyQlIyzAPOAwMCM+j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") no-repeat center; }

.app_01 ul li h4 .hy { font-size: 42px; }

.app_01 ul li .core-con { position: absolute; width: 100%; height: 334px; top: 57px; border: 1px solid #eee; border-radius: 8px; padding: 88px 18px 20px; text-align: center; }

.app_01 ul li .core-con h2 { font-size: 18px; font-weight: normal; margin-bottom: 42px; }

.app_01 ul li .core-con em { position: absolute; width: 120px; left: 50%; margin-left: -60px; bottom: 16px; display: block; line-height: 36px; border: 1px solid #fff; border-radius: 8px; display: none; }

.app_01 ul li .core-con p { line-height: 2em; font-size: 14px; margin-bottom: 18px; }

.app_02_wrap { width: 100%; height: 679px; background: url("../img/images/app_84.jpg") no-repeat center; background-size: cover; padding-top: 40px; }

.app_02_wrap .about-title { color: #fff; }

.app_02_wrap .about-title p { color: #fff; }

.app_02 ul { padding-top: 40px; margin-bottom: 18px; position: relative; }

.app_02 ul::before { content: ''; position: absolute; display: block; width: 100%; height: 4px; background: #fff; left: 0; top: 100px; border-radius: 2px; -webkit-box-shadow: 0 0 2px #000 inset; -moz-box-shadow: 0 0 2px #000 inset; -o-box-shadow: 0 0 2px #000 inset; box-shadow: 0 0 2px #000 inset; }

.app_02 ul li { float: left; width: 16.66%; padding: 0 24px; text-align: center; }

.app_02 ul li dt { margin-bottom: 24px; }

.app_02 ul li dt .bg-red { background: #399dd6; }

.app_02 ul li dt .bg-grey { background: #a0a0a0; }

.app_02 ul li dt span { display: inline-block; width: 120px; height: 120px; border-radius: 50%; font-size: 20px; font-weight: bold; text-align: center; padding-top: 30px; color: #fff; position: relative; }

.app_02 ul li dt span::after { content: ''; position: absolute; display: block; width: 132px; height: 132px; border-radius: 50%; border: 1px solid #dcdcdc; left: 50%; top: 50%; margin-left: -67px; margin-top: -67px; }

.app_02 ul li dd p { font-size: 16px; color: #ffffff; text-align: left; padding-left: 24px; background: url(../img/app_86.png) no-repeat left center; margin-bottom: 15px; }

.app_02 ul li h2 { width: 48px; height: 48px; font-size: 24px; color: #ffffff; margin: 0 auto; margin-top: 35px; margin-bottom: 70px; }

.app_02 ul li p { font-size: 16px; color: #ffffff; padding-left: 24px; background-image: url(../img/app_86.png); background-position: left top; margin-bottom: 15px; }

.app_02 a { width: 240px; height: 48px; background-color: rgba(241, 88, 36, 0.5); border: solid 1px rgba(229, 229, 229, 0.5); display: block; margin: 0 auto; font-size: 16px; color: #eee; line-height: 48px; text-align: center; border-radius: 24px; }

.app_03_wrap { width: 100%; min-width: 1200px; background-color: #eeeeee; padding: 60px 0; }

.app_03 ul { margin-bottom: 32px; }

.app_03 li { width: 25%; float: left; padding: 0 18px; }

.app_03 li a { display: block; width: 100%; height: 376px; background: #fff; position: relative; }

.app_03 li .industry-img { width: 100%; height: 200px; background: no-repeat center; background-size: cover; }

.app_03 li h2 { font-size: 16px; text-align: center; color: #222; padding: 0 20px; line-height: 50px; }

.app_03 li p { font-size: 14px; color: #666; padding: 0 20px; text-indent: 2em; }

.app_03 li h5 { width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px; }

.app_03 li h5 span { display: block; width: 50%; margin-left: auto; margin-right: auto; font-size: 14px; line-height: 2.4em; color: #444; border: 1px solid #eee; border-radius: 8px; }

.app_03_wrap .app_03_a { width: 240px; height: 48px; background-color: #f15824; font-size: 16px; color: #fff; text-align: center; line-height: 48px; margin: 0 auto; display: block; }

.app_04 { width: 1200px; margin: 0 auto; height: 750px; padding-top: 30px; position: relative; }

.app_04 .pic li { overflow: hidden; }

.app_04 .pic .praise-img { width: 575px; height: 488px; float: left; background: no-repeat center; background-size: 100% auto; }

.app_04 .pic .app_04_r { width: 594px; padding-top: 24px; float: right; }

.app_04 .pic .app_04_r .dis { font-size: 14px; line-height: 2em; text-indent: 2em; margin-bottom: 20px; }

.app_04 .pic .app_04_r .client-ewm { width: 240px; text-align: center; }

.app_04 .pic .app_04_r .client-ewm h4 { font-size: 16px; padding-top:10px; color: #399dd6; }

.app_04 .pic .app_04_r .client-logo > a { display: block; float: left; width: 85px; height: 85px; background: no-repeat center; background: 100% auto; }

.app_04 .pic .app_04_r .client-logo .client-name { width: 500px; float: right; color: #444; line-height: 1.8em; }

.app_04 .pic .app_04_r .client-logo .client-name h3 { font-size: 20px; line-height: 2.4em; }

.app_04 .pic .app_04_r .client-logo .client-name p { font-size: 14px; }

.app_05_wrap { width: 100%; min-width: 1200px; height: 730px; background-color: #eee; padding-top: 42px; margin-bottom: 80px; }

.app_05 li { width: 50%; float: left; padding: 0 18px; margin-bottom: 40px; }

.app_05 li > a { float: left; display: block; width: 145px; height: 109px; background: no-repeat center; background-size: cover; }

.app_05_r { width: 400px; float: right; }

.app_05_r h2 { padding-left: 20px; font-size: 16px; color: #222; line-height: 50px; position: relative; }

.app_05_r h2::before { content: ''; position: absolute; display: block; width: 2px; height: 10px; left: 0; top: 50%; margin-top: -5px; background: #399dd6; }

.app_05_r p { font-size: 14px; color: #9b9a9a; text-indent: 2em; margin-top: 10px; }

.ny_400_06_wrap { width: 100%; min-width: 1200px; padding-bottom: 150px; margin-bottom: 64px; }

.ny_400_06 { width: 1200px; margin: 30px auto; }

.ny_400_06_left { width: 640px; float: left; background-image: url(../img/400_93.jpg); background-repeat: repeat-x; background-position: center 60px; }

.ny_400_06_left h2 { font-size: 18px; color: #222; line-height: 50px; padding-left: 20px; margin-bottom: 30px; position: relative; }

.ny_400_06_left h2::before { content: ''; position: absolute; display: block; width: 3px; height: 16px; background: #399dd6; left: 0; top: 50%; margin-top: -8px; }

.ny_400_06_left h2 > a { font-size: 14px; color: #666; float: right; font-weight: normal; padding-right: 10px; }

.ny_400_06_left li { margin-bottom: 30px; border-bottom: 1px dashed #eee; padding-bottom: 20px; padding-left: 30px; }

.ny_400_06_left li:last-child { border-bottom: none; }

.ny_400_06_left h3 { color: #222; font-size: 16px; line-height: 20px; margin-bottom: 20px; position: relative; }

.ny_400_06_left h3::before { content: 'Q'; position: absolute; display: block; width: 24px; height: 24px; left: -30px; top: 50%; margin-top: -12px; background: #399dd6; line-height: 24px; text-align: center; border-radius: 4px; color: #fff; }

.ny_400_06_left ul li p { color: #666; font-size: 14px; line-height: 2em; margin-bottom: 15px; position: relative; }

.ny_400_06_left ul li p::before { content: 'Q'; position: absolute; display: block; width: 24px; height: 24px; left: -30px; top: 4px; background: #aaa; line-height: 24px; text-align: center; border-radius: 4px; color: #fff; }