/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

body { width: 100%; height: 100%; }
body p{ font-size: 14px; }
body main .banner { position: relative; width: 100%; height: 600px; background: url("../images/design/loan_banner.jpg") center no-repeat; text-align: center; }
body main .banner .loan_show { position: absolute; display: inline-block; color: white; bottom: 20px; left: 50%; margin-left: -140px; font-size: 15px; width: 280px; line-height: 40px; border-radius: 5px; text-align: center; background-color: #ff9c00; }
body main .banner .loan_show:hover { box-shadow: 0 0 15px #ccc; background-color: rgba(251, 171, 2, 0.65); }
body main .introduction { width: 1125px; margin: 0 auto; }
body main .max_back{ width: 100%; background-color: #f8f8f8 }
body main .max_back  .tex_iten{ text-align: center}
body main .introduction p {line-height: 22px;}
body main .introduction .tex_iten { padding-top: 80px; overflow: hidden; }
body main .introduction .alont_top { padding-top: 38px;}
body main .introduction .min_wit{width: 990px ; margin:  0 auto}
body main .introduction .alont_bott { padding-bottom: 58px;}.
body main .introduction .alon_text{ text-align: center}
body main .introduction .tex_iten h3 { color: #333; font-size: 26px; padding-bottom: 25px; text-align: center; }
body main .introduction .tex_iten table { width: 100%; }
body main .introduction .tex_iten table thead > tr { background-color: #64d1d4; }
body main .introduction .tex_iten table thead > tr th { font-size: 18px; color: white; width: 484px; text-align: center; border-right: 1px solid #e5e5e5; }
body main .introduction .tex_iten table thead > tr th span { display: inline-block; width: 150px; line-height: 70px; font-size: 38px; font-weight: bold; text-align: center; }
body main .introduction .tex_iten table thead > tr th:nth-child(1) { width: 150px; }
body main .introduction .tex_iten table tr td { border-right: 1px solid #e5e5e5; text-align: center; }
body main .introduction .tex_iten table tr td .alone { width: 150px; text-align: center; color: #ff9c00; font-size: 15px ; letter-spacing: 2px; }
body main .introduction .tex_iten table tr td span { display: inline-block; line-height: 80px; width: 280px; text-align: left; font-size: 14px; }
body main .introduction .tex_iten table tr td span img { padding-right: 18px; vertical-align: middle; }
body main .introduction .tex_iten .one_left { float: left; width: 478px; }
body main .introduction .tex_iten .one_left h3 { text-align: left; font-size: 24px; padding-bottom: 20px; }
body main .introduction .tex_iten .one_left p { line-height: 24px; }
body main .introduction .tex_iten .one_left p em { color: #ff9c00; }
body main .introduction .tex_iten .one_right { float: left; margin-left: 112px; }
body main .introduction .tex_iten .one_ul { display: inline-block; padding: 28px 0; }
body main .introduction .tex_iten .one_ul li { float: left; width: 230px; margin-right: 34px; }
body main .introduction .tex_iten .one_ul li > div { text-align: center; }
body main .introduction .tex_iten .one_ul li > div h4 { padding: 20px 0 15px 0; color: #333333; font-size: 20px; }
body main .introduction .tex_iten .one_ul li:nth-child(4) { margin-right: 0; }
body main .introduction .tex_iten .two_ul li { width: 368px; float: left; margin-right: 10px; }
body main .introduction .tex_iten .two_ul li .li_hed { position: relative; }
body main .introduction .tex_iten .two_ul li .li_hed > img { width: 100%; }
body main .introduction .tex_iten .two_ul li .li_hed span { position: absolute; display: inline-block; width: 100%; top: 0; font-size: 25px; padding-top: 29px; color: white; letter-spacing: 1px; text-align: center; }
body main .introduction .tex_iten .two_ul li > .li_tex { width: 99.5%; border: 1px solid #e5e5e5; }
body main .introduction .tex_iten .two_ul li > .li_tex > div { padding: 28px; }
body main .introduction .tex_iten .two_ul li > .li_tex > div .alone { display: inline-block; width: 100%; border-bottom: 1px solid #30a1d8; text-align: center; }
body main .introduction .tex_iten .two_ul li > .li_tex > div .alone > span { display: inline-block; width: 100%; line-height: 24px; }
body main .introduction .tex_iten .two_ul li > .li_tex > div .alone strong { display: inline-block; font-size: 28px; padding-bottom: 20px; }
body main .introduction .tex_iten .two_ul li > .li_tex > div p { text-align: center; }
body main .introduction .tex_iten .two_ul li > .li_tex > div p em { color: #30a1d8; }
body main .introduction .tex_iten .two_ul li > .li_tex > div p:nth-child(2) { padding-top: 10px; }
body main .introduction .tex_iten .two_ul li:nth-child(3) { margin-right: 0; }
body main .introduction .tex_iten .three_ul li { float: left; margin-right: 95px; }
body main .introduction .tex_iten .three_ul li > div { width: 210px; padding: 60px 0; text-align: center; }
body main .introduction .tex_iten .three_ul li > div a { display: inline-block; padding-bottom: 25px; }
body main .introduction .tex_iten .three_ul li > div a span { display: inline-block; width: 129px; height: 112px; background: url("../images/design/zero_list_05.png"); background-position: 0 0; overflow: hidden; transition: all 0.4s ease; }
body main .introduction .tex_iten .three_ul li > div p { line-height: 42px; }
body main .introduction .tex_iten .three_ul li:nth-child(1) span:hover { background-position: 0 112px; }
body main .introduction .tex_iten .three_ul li:nth-child(2) span { background-position: -129px 0; }
body main .introduction .tex_iten .three_ul li:nth-child(2) span:hover { background-position: -129px 112px; }
body main .introduction .tex_iten .three_ul li:nth-child(3) span { background-position: -258px 0; }
body main .introduction .tex_iten .three_ul li:nth-child(3) span:hover { background-position: -259px 112px; }
body main .introduction .tex_iten .three_ul li:nth-child(4) { margin-right: 0; }
body main .introduction .tex_iten .three_ul li:nth-child(4) span { background-position: 129px 0; }
body main .introduction .tex_iten .three_ul li:nth-child(4) span:hover { background-position: 129px 112px; }
body main .introduction .tex_iten .se_cont{width: 980px; margin: 0 auto}
body main .introduction .tex_iten .se_cont .tb_left { float: left; width: 440px; }
body main .introduction .tex_iten .se_cont .tb_left p { font-size: 19px; text-align: center; padding-bottom: 8px; }
body main .introduction .tex_iten .se_cont .tb_left p img { padding-right: 12px;vertical-align: middle}
body main .introduction .tex_iten .se_cont .tb_left a { display: inline-block; padding-top: 10px; padding-left: 94px; }
body main .introduction .tex_iten .se_cont .tb_left a > span { display: inline-block; width: 304px; font-size: 14px; line-height: 42px; color: white; text-align: center; background-color: #ff9c00; }
body main .introduction .tex_iten .se_cont .tb_left > div { position: relative; padding-top: 15px; }
body main .introduction .tex_iten .se_cont .tb_left > div .alont_span{position: absolute;  right: 31px;  font-size: 14px;  top: 27px;  z-index: 99;}
body main .introduction .tex_iten .se_cont .tb_left > div label { padding: 0 7px; font-size: 15px; }
body main .introduction .tex_iten .se_cont .tb_left > div input {position: relative; padding-left: 20px; width: 280px; height: 34px; line-height: 34px; }
body main .introduction .tex_iten .se_cont .tb_right { float: left; padding-top: 30px; }
body main .introduction .tex_iten .se_cont .tb_right .max_fot { border-right: 1px solid #e5e5e5; float: left; width: 350px;height: 154px;}
body main .introduction .tex_iten .se_cont .tb_right .max_fot span { font-size: 15px; display: inline-block; padding: 33px 50px 0 60px; }
body main .introduction .tex_iten .se_cont .tb_right .max_fot span em { padding: 0 10px; font-size: 28px; color: #ff9c00; }
body main .introduction .tex_iten .se_cont .tb_right .tex_min { float: left; margin: 32px 0 0 30px; }
body main .introduction .tex_iten .se_cont .tb_right .tex_min p { line-height: 30px; }
body main .introduction .tex_iten .se_cont .tb_right .tex_min p em { color: #ff9c00; }
body main .introduction .tex_iten .par_tex { width: 50%; float: left; }
body main .introduction .tex_iten .par_tex .rit_tex { float: right; }
body main .introduction .tex_iten .par_tex span { display: inline-block; padding-bottom: 15px; font-size: 19px; }
body main .introduction .tex_iten .par_tex span em { color: black}
body main .introduction .tex_iten .par_tex span img { padding-right: 10px;vertical-align: middle }
body main .introduction .tex_iten .par_tex .left_ont { padding: 40px 25px ; width: 406px; text-align: left ; height: 158px; background-color: white}
body main .introduction .sub_link { padding: 49px 0 46px  0; text-align: center; }
body main .introduction .sub_link a { display: inline-block; color: white; font-size: 15px; width: 280px; line-height: 40px;  text-align: center; background-color: #ff9c00; }
body main .introduction .sub_link a:hover { box-shadow: 0 0 15px #ccc; background-color: rgba(251, 171, 2, 0.65); }
body main .introduction .max_pad { padding-top: 30px; }
body main .back_icon { width: 100%; height: 499px; background: url("../images/design/back_icon_08.jpg") center no-repeat; }
body .show_box { position: fixed; display: none; width: 100%; top: 0px; z-index: 9; background-color: rgba(0, 0, 0, 0.33); }
body .show_box .show_content { position: absolute; height: 100%; width: 100%; top: 50%; margin-top: -301px; }
body .show_box .show_content .form_box { position: relative; width: 499px; margin: 0 auto; border-radius: 5px; background-color: white; }
body .show_box .show_content .form_box .box_even { width: 100%; overflow: hidden; }
body .show_box .show_content .form_box .box_even h4 { padding-top: 42px; font-size: 24px; color: #2e2e2e; text-align: center; }
body .show_box .show_content .form_box .box_even p { padding-bottom: 15px; line-height: 34px; text-align: center; }
body .show_box .show_content .form_box .box_even p em { color: #ff9c00; }
body .show_box .show_content .form_box .box_even > div { padding: 0 39px; }
body .show_box .show_content .form_box .box_even > div .form_row { padding-bottom: 13px; }
body .show_box .show_content .form_box .box_even > div .form_row select { width: 150px; height: 46px; padding-left: 20px; }
body .show_box .show_content .form_box .box_even > div .form_row .ty_radio { display: inline-block; padding-left: 18px; }
body .show_box .show_content .form_box .box_even > div .form_row .ty_radio label { font-size: 15px; padding-left: 6px; }
body .show_box .show_content .form_box .box_even > div .form_row .ty_radio input { -webkit-appearance:radio; }
body .show_box .show_content .form_box .box_even > div .form_row input[type="text"] { width: 93%; line-height: 42px; height: 42px; padding-left: 7%; }
body .show_box .show_content .form_box .box_even > div a { display: inline-block; width: 100%; font-size: 15px; color: white; line-height: 44px; text-align: center; background-color: #ff9c00; }
body .show_box .show_content .form_box .box_even > div a:hover { box-shadow: 0 0 15px #ccc; background-color: rgba(251, 171, 2, 0.65); }
body .show_box .show_content .form_box .box_even > div p { font-size: 12px; }
body .show_box .show_content .close { position: absolute; top: -18px; right: -15px; }
body .show_box .show_content .form_box .box_even > div .form_row .ty_radio input { -webkit-appearance: radio; }
/*# sourceMappingURL=loan.css.map */
