@charset "utf-8";
html{ color: #333; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
audio, canvas, video{ display: inline-block; *display: inline; *zoom: 1;}
body, button, input, select, textarea{ font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53"; -webkit-font-smoothing: antialiased;}
input, select, textarea{ font-size: 100%;}
table{ border-collapse: collapse; border-spacing: 0;}
th{ text-align: inherit;}
fieldset, img{ border: 0;}
img{ vertical-align: middle;}
iframe{ display: block;}
abbr, acronym{ border: 0; font-variant: normal;}
del{ text-decoration: line-through;}
i{ font-style: normal;}
address, caption, cite, code, dfn, em, th, var{ font-style: normal; font-weight: 500;}
ol, ul{ list-style: none;}
caption, th{ text-align: left;}
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: 500; color: #000;}
h1{ font-size: 24px;}
h2{ font-size: 16px;}
h3, h4, h5, h6{ font-size: 14px;}
q:before, q:after{ content: '';}
sub, sup{ position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sup{ top: -0.5em;}
sub{ bottom: -0.25em;}
ins, a{ text-decoration: none;}
a{ -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s;}
a, a:link, a:visited, a:hover{ color: #00a2ca;}
a:hover{ text-decoration: underline;}
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix{ zoom: 1;}

@-webkit-keyframes bounceIn{
    0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3);}
    50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);}
    70% { -webkit-transform: scale(.9); transform: scale(.9);}
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
}
@keyframes bounceIn{
    0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3);}
    50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
    70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9);}
    100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
}
.bounceIn{ -webkit-animation-name: bounceIn; animation-name: bounceIn;}
@-webkit-keyframes fadeIn{
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes fadeIn{
    0% { opacity: 0;}
    100% { opacity: 1;}
}
.fadeIn{ -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.animated{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.yuyu-hd{ width: 100%; max-width: 1200px; min-width: 600px; height: 70px; margin: 0 auto; position: relative;}
.yuyu-logo{ position: absolute; top: 25px;}
.yuyu-nav{ position: absolute; left: 280px; top: 18px;}
.yuyu-nav ul li{ float: left; margin: 0 10px;}
.yuyu-nav ul li a{ display: block; color: #242424; font-size: 16px; padding: 6px;}
.yuyu-nav ul li a:hover, .yuyu-nav ul li a.current{ text-decoration: none; border-bottom: 3px #5dd2a5 solid; color: #5dd2a5;}
.yuyu-sign{ position: absolute; right: 0; top: 24px;}
.yuyu-sign a{ color: #242424; font-size: 16px; padding: 6px 15px; border-width: 2px; border-color: #fff; border-style: solid; border-radius: 30px; margin-left: 10px;}
.yuyu-sign a:hover{ border-color: #5dd2a5; text-decoration: none;}
.yuyu-sign a.btn-register{ background-color: #6fd7af; color: #fff; border-color: #5dd2a5;}
.yuyu-sign a.btn-register:hover{ background-color: #fff; color: #5dd2a5;}

.yuyu-banner{ width: 100%; height: 600px; background-repeat: no-repeat; background-position: top center; color: #fff; position: relative;}
.yuyu-banner dl{ position: absolute; bottom: 80px; left: 8%;}
.yuyu-banner dt{ font-size: 48px;}
.yuyu-banner dd{ font-size: 20px;}
.yuyu-banner dd a{ color: #fff; font-size: 16px; padding: 6px 15px; border-width: 1px; border-color: #fff; border-style: solid; border-radius: 30px; margin: 10px 0; position: relative; top: 12px;}
.yuyu-banner dd a:hover{ background: #fff; color: #5dd2a5; text-decoration: none;}
.banner-index{ padding-top: 200px; height: 400px; background-image: url('../img/banner-06.jpg'); text-align: center; border-bottom: 3px #d7d7d7 solid;}
.banner-index h1{ font-size: 56px; color: #fff;}
.banner-index p{ font-size: 24px;}
.banner-index .yuyu-col{ line-height: 3; padding-top: 20px;}
.banner-index .yuyu-col a{ padding: 8px 25px; color: #fff; font-size: 30px; border: 1px #fff solid; border-radius: 30px; letter-spacing: 1px;}
.banner-index .yuyu-col a:hover{ background: #fff; color: #5dd2a5; text-decoration: none;}
.banner-solution{ background-image: url('../img/banner-03.jpg');}
.banner-settledin{ background-image: url('../img/banner-04.jpg');}
.banner-contact{ background-image: url('../img/banner-05.jpg');}
.yuyu-module{ padding-top: 35px;}
.yuyu-module .yuyu-module-t{ text-align: center;}
.yuyu-module .yuyu-module-t h3{ line-height: 2.5; font-size: 26px; color: #242424; letter-spacing: 1px;}
.yuyu-module .yuyu-module-t p{ color: #7a7a7a; font-size: 16px;}
.yuyu-module .yuyu-module-c hr{ background-color: #e6e6e6; height: 2px; border: none; width: 92%; margin: 0 auto;}
.yuyu-module-1{ text-align: center; font-size: 0; padding: 50px 0;}
.yuyu-module-1 li{ display: inline-block; width: 143px; height: 30px; padding-top: 180px; background: url('../img/icon-1.png') no-repeat; font-size: 16px; margin: 0 35px;}
.yuyu-module-1 .icon-2{ background-position: -143px 0;}
.yuyu-module-1 .icon-3{ background-position: -286px 0;}
.yuyu-module-1 .icon-4{ background-position: -429px 0;}
.yuyu-module-1 .icon-5{ background-position: -572px 0;}
.yuyu-module-2{ text-align: center; margin: 0 auto; padding: 50px 0;}
.yuyu-module-2 dl{ display: inline-block; width: 190px; overflow: hidden; margin: 0 10px;}
.yuyu-module-2 dt{ color: #242424; position: relative; text-align: left;}
.yuyu-module-2 dt span{ color: #4d4d4d; position: absolute; top: 0; left: 0;}
.yuyu-module-2 dt strong{ color: #4d4d4d; font-size: 40px; font-weight: normal;}
.yuyu-module-2 dt hr{ width: 85px; height: 1px; position: absolute; top: -1px; background-color: #4d4d4d; border: none; transform: translate(-63px, 27px) rotate(-45deg);}
.yuyu-module-2 dt h3{ font-size: 22px; line-height: 3;}
.yuyu-module-2 dd{ font-size: 14px; color: #8f8f8f; text-align: left;}
.yuyu-module-3{ width: 100%; height: 850px; text-align: center; background: url('../img/bg-1.png') repeat-x; position: relative;}
.yuyu-module-3 .yuyu-module-t{ padding: 30px 0 50px;}
.yuyu-module-3 .yuyu-module-t h3, .yuyu-module-3 .yuyu-module-t p{ color: #fff;}
.yuyu-module-3 span{ display: block; width: 130px; line-height: 24px; position: absolute; top: 0; left: 50%; color: #fff; font-size: 16px; text-align: left; letter-spacing: 2px;}
.yuyu-module-3 .text-1{ top: 200px; margin-left: 95px;}
.yuyu-module-3 .text-2{ top: 502px; margin-left: -490px;}
.yuyu-module-3 .text-3{ top: 700px; margin-left: -205px;}
.yuyu-module-3 .text-4{ top: 502px; margin-left: 344px;}
.yuyu-module-4{ max-width: 968px; margin: 0 auto;}
.yuyu-module-4 ul{ text-align: center; font-size: 0;}
.yuyu-module-4 li{ display: inline-block; padding: 5px; border: 2px #5adea6 solid; border-radius: 10px; background: #9edbd3; margin: 34px 34px 0;}
.yuyu-module-4 li img{ width: 160px; height: 160px; vertical-align: middle;}
.yuyu-module-4 p{ color: #6fd7af; font-size: 15px; text-align: center; margin-top: 20px; letter-spacing: 1px;}
.yuyu-module-5{ max-width: 1200px; min-width: 600px; margin: 0 auto; position: relative; padding-top: 50px;}
.yuyu-module-5 h4{ color: #5dd2a5; font-size: 24px; line-height: 2.2; position: absolute; left: 50%; margin-left: -600px; top: 0;}
.yuyu-module-5 hr{ background-color: #e6e6e6; height: 2px; border: none; width: 100%;}
.yuyu-5-detail{}
.yuyu-5-detail dl{ margin: 30px 0; border: 1px #d7d7d7 solid;}
.yuyu-5-detail dt{ float: left; margin-right: 30px;}
.yuyu-5-detail dt img{ vertical-align: middle;}
.yuyu-5-detail dd{ padding: 30px; font-size: 16px; color: #777; line-height: 26px;}
.yuyu-5-detail dd p{ margin-bottom: 5px; letter-spacing: 1px;}
.yuyu-5-detail dd a, .yuyu-6-item dd a{ color: #5dd2a5; font-size: 16px; display: inline-block; width: 100px; height: 30px; line-height: 30px; border: 1px #5dd2a5 solid; border-radius: 70px; text-align: center; margin: 20px auto;}
.yuyu-5-detail dd a:hover, .yuyu-6-item dd a:hover{ text-decoration: none; background: #5dd2a5; color: #fff;}
.yuyu-module-6{ max-width: 1200px; min-width: 600px; margin: 0 auto;}
.yuyu-6-item{ width: 560px; float: left; margin: 0 20px;}
.yuyu-6-item h4{ color: #5dd2a5; font-size: 24px; line-height: 2.2; margin: 20px 0; border-bottom: 1px #e6e6e6 solid;}
.yuyu-6-item dl{ border: 1px #d7d7d7 solid;}
.yuyu-6-item dt img{ width: 100%;}
.yuyu-6-item dd{ padding: 30px;}
.yuyu-6-item dd p{ font-size: 16px; letter-spacing: 1px;}
.yuyu-6-item dd a{ display: block; margin: 50px auto 20px;}
.yuyu-module-7{ width: 100%; min-width: 600px; max-width: 1000px; height: 1410px; margin: 50px auto 0; position: relative; background: url('../img/bg-2.png') 200px 0 no-repeat; overflow: hidden;}
.yuyu-module-7 dl{ width: 520px; position: absolute; top: 0; left: 0;}
.yuyu-module-7 .step-1{ left: 480px;}
.yuyu-module-7 .step-2{ top: 380px;}
.yuyu-module-7 .step-3{ top: 790px; left: 490px;}
.yuyu-module-7 .step-4{ top: 1230px;}
.yuyu-module-7 dt{ color: #5dd2a5; font-size: 22px; line-height: 2; letter-spacing: 1px; font-weight: bold;}
.yuyu-module-7 dd{ color: #777; font-size: 16px; letter-spacing: 1px; margin-top: 10px;}
.yuyu-7-btn{ text-align: center; margin-top: 20px;}
.yuyu-7-btn a{ display: inline-block; width: 220px; height: 65px; background-color: #5dd2a5; color: #fff; line-height: 65px; text-align: center; border-radius: 65px; font-size: 30px; letter-spacing: 1px;}
.yuyu-7-btn a:hover{ text-decoration: none; background: #00d8a2;}

.yuyu-module-8{ max-width: 885px; min-width: 400px; margin: 30px auto 0;}
.yuyu-module-8 dl{ width: 440px; float: left;}
.yuyu-module-8 dt{ height: 48px; line-height: 58px; position: relative; padding-left: 25px; color: #242424; font-size: 20px; margin-bottom: 20px;}
.yuyu-module-8 dt i{ display: block; width: 10px; height: 100%; border-radius: 10px; position: absolute; top: 0; left: 0; background: #09d4c8;}
.yuyu-module-8 dd{ width: 50%; border: 1px #09d4c8 solid; line-height: 30px; border-radius: 30px; text-indent: 20px; overflow: hidden; margin: 15px 0;}
.yuyu-module-8 dd a{ display: block; font-size: 14px; color: #777;}
.yuyu-module-8 dd a:hover{ text-decoration: none; color: #09d4c8;}
.yuyu-module-8 .yuyu-8-b i{ background: #94d058;}
.yuyu-module-8 .yuyu-8-b dd{ border: 1px #94d058 solid;}
.yuyu-module-8 .yuyu-8-b dd a:hover{ color: #94d058;}
.yuyu-module-9{ width: 100%; max-width: 1200px; min-width: 600px; text-align: center; margin: 30px auto;}
.yuyu-module-9 img{ width: 100%;}

.yuyu-ft{ width: 100%; height: 35px; padding-top: 15px; text-align: center; background-color: #c1c1c1; margin-top: 50px; font-size: 14px;}