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 p{ font-size: 14px; }
body main .banner { position: relative; width: 100%; height: 600px; background: url("../images/design/Protect_banner1.jpg") center no-repeat; }
body main .banner .banner_tex { position: relative; padding: 80px 0 0 14%; width: 485px; }
body main .banner .banner_tex > img { width: 100%; }
body main .banner .banner_tex p { padding-top: 18px; text-align: center; }
body main .banner .banner_tex p .loan_show { display: inline-block; color: #bd7104; font-size: 15px; width: 280px; line-height: 40px; border-radius: 5px; text-align: center; background-color: #ffca52; }
body main .banner .banner_tex p .loan_show:hover { box-shadow: 0 0 10px #ccc; background-color: rgba(255, 202, 82, 0.68); }
body main .introduction { width: 1400px; margin: 0 auto;}
body main .max_back{ width: 100%; background-color: #f8f8f8 }
body main .max_back .tex_iten { width: 1400px; margin: 0 auto}
body main .introduction h3 { padding: 30px  0 18px 0; font-size: 25px; text-align: center; }
body main .introduction p { line-height: 28px; font-size: 14px; }
body main .introduction .tex_iten { text-align: center; }
body main .introduction .alont_top{ padding-top: 24px;}
body main .introduction .alont_bott{ padding-bottom:  30px;}
body main .introduction .tex_iten > p { font-size: 14px; line-height: 24px; padding-top: 10px; }
body main .introduction .tex_iten > a { display: inline-block; width: 100%; min-width: 1188px; }
body main .introduction .tex_iten > a img { width: 92%; }
body main .introduction .tex_iten .one_tex { display: inline-block; padding: 60px 210px 20px 210px; }
body main .introduction .tex_iten .one_tex li { float: left; margin-right: 183px; }
body main .introduction .tex_iten .one_tex li > div { text-align: center; width: 200px; }
body main .introduction .tex_iten .one_tex li > div span { font-size: 14px; }
body main .introduction .tex_iten .one_tex li > div span em { color: #f7a72b; font-size: 30px; }
body main .introduction .tex_iten .one_tex li > div p { display: inline-block; width: 100%; }
body main .introduction .tex_iten .one_tex li:nth-child(3) { margin-right: 0; }
body main .introduction .tex_iten .five_tex { display: inline-block; width: 100%; padding-bottom: 30px; }
body main .introduction .tex_iten .five_tex li { width: 19%; float: left; margin-right: 26px; margin-top: 6px; text-align: center; }
body main .introduction .tex_iten .five_tex li h5 { color: #333333; font-size: 16px; font-weight: 600; padding-bottom: 5px; }
body main .introduction .tex_iten .five_tex li p { font-size: 14px; }
body main .introduction .tex_iten .five_tex li:nth-child(5) { margin-right: 0; width: 15%; }
body main .introduction .tex_iten .three_serv { display: inline-block; padding: 25px 0; width: 916px; }
body main .introduction .tex_iten .three_serv li { width: 210px; float: left; margin-right: 143px; }
body main .introduction .tex_iten .three_serv li div h5 { padding: 18px 0 10px 0; font-size: 15px; font-weight: bold; }
body main .introduction .tex_iten .three_serv li:nth-child(3) { margin-right: 0; }
body main .introduction .tex_iten .alon_wid { width: 1219px; }
body main .introduction .tex_iten .alon_wid li { width: 330px; margin-right: 113px; }
body main .introduction .tex_iten .bef_tex { position: relative; display: inline-block; padding-bottom: 20px; padding-top: 20px; width: 1178px; overflow: hidden; }
body main .introduction .tex_iten .bef_tex li { float: left; width: 300px; margin-right: 123px; padding-top: 42px; }
body main .introduction .tex_iten .bef_tex li .text_div { padding-left: 100px; height: 90px; text-align: left; }
body main .introduction .tex_iten .bef_tex li .text_div span {  display: inline-block; font-size: 12px; padding-top: 4px; }
body main .introduction .tex_iten .bef_tex li .text_div p { padding-top: 10px; }
body main .introduction .tex_iten .bef_tex li .text_div:before { position: absolute; content: ""; width: 58px; height: 90px; left: 45px; }
body main .introduction .tex_iten .bef_tex li:nth-child(1) { margin-left: 25px; }
body main .introduction .tex_iten .bef_tex li:nth-child(1) .text_div:before { background: url("../images/design/1_arr.jpg"); }
body main .introduction .tex_iten .bef_tex li:nth-child(2) { margin-right: 150px; }
body main .introduction .tex_iten .bef_tex li:nth-child(2) .text_div:before { left: 462px; background: url("../images/design/2_arr.jpg"); }
body main .introduction .tex_iten .bef_tex li:nth-child(3) { width: 260px; margin-right: 0; }
body main .introduction .tex_iten .bef_tex li:nth-child(3) .text_div:before { left: 917px; background: url("../images/design/3_arr.jpg"); }
body main .introduction .tex_iten .bef_tex:before { position: absolute; content: ""; width: 1185px; height: 20px; left: 0px; background: url("../images/design/tex_ber.jpg"); }
body main .introduction .tex_iten .bg_bef { display: inline-block; width: 252px; height: 74px; line-height: 54px; font-size: 20px; background: url("../images/design/bgBorder_07.png"); }
body main .introduction .tex_iten .be_icon { display: inline-block; padding-top: 10px; padding-bottom: 30px; width: 1130px; }
body main .introduction .tex_iten .be_icon li { width: 254px; float: left; margin-right: 184px; }
body main .introduction .tex_iten .be_icon li div img { padding: 15px 10px 10px 0; }
body main .introduction .tex_iten .be_icon li div h5 { font-size: 19px; padding-bottom: 5px; }
body main .introduction .tex_iten .be_icon li div span {font-size: 14px;  line-height: 30px;  font-weight: bold; }
body main .introduction .tex_iten .be_icon li div span em { color: #f7a62b; }
body main .introduction .tex_iten .be_icon li:nth-child(3) { margin-right: 0; }
body main .introduction .tex_iten .six_ul { display: inline-block; width: 1130px; padding: 58px 0; }
body main .introduction .tex_iten .six_ul li { width: 160px; float: left; margin-right: 324px; }
body main .introduction .tex_iten .six_ul li > div { color: #ff9c00; font-weight: bold; font-size: 19px; }
body main .introduction .tex_iten .six_ul li > div h5 { padding-bottom: 20px; color: #ff9c00; font-weight: bold; font-size: 19px; }
body main .introduction .tex_iten .six_ul li > div span { display: inline-block; width: 140px; color: #ff9c00; font-weight: bold; font-size: 19px; line-height: 40px; border: 1px solid #ff9c00; }
body main .introduction .tex_iten .six_ul li:nth-child(3) { margin-right: 0; }
body main .introduction .tex_iten .hed_tit { display: inline-block; width: 600px; font-weight: bold; }
body main .introduction .tex_iten .hed_tit p { color: black; }
body main .introduction .tex_iten .hed_tit span { padding: 0 8px; font-size: 38px; color: #f7a72b; }
body main .introduction .tex_iten .cont_tex { display: inline-block; padding: 20px 0; width: 1188px; }
body main .introduction .tex_iten .cont_tex > p { line-height: 40px; }
body main .introduction .tex_iten .cont_tex .left_tex { float: left; width: 586px; text-align: right; padding-right: 25px; border-right: 1px dashed #7d7d7d; }
body main .introduction .tex_iten .cont_tex .left_tex > p { line-height: 34px; }
body main .introduction .tex_iten .cont_tex .left_tex span { font-size: 15px; font-weight: bold; color: #f7a72b; }
body main .introduction .tex_iten .cont_tex .left_tex span i { display: inline-block; width: 30px; height: 1px; vertical-align: middle; background-color: #f7a72b; }
body main .introduction .tex_iten .cont_tex .rit_tex { float: right; width: 550px; text-align: left; }
body main .introduction .tex_iten .cont_tex .rit_tex > p { line-height: 34px; }
body main .introduction .tex_iten .cont_tex .rit_tex span { font-size: 15px; font-weight: bold; color: black; }
body main .introduction .tex_iten .cont_tex .rit_tex i { display: inline-block; width: 30px; height: 1px; vertical-align: middle; background-color: black; }
body main .introduction .tex_iten .foo_tab { display: inline-block; padding: 20px 0; width: 856px; text-align: left; }
body main .introduction .tex_iten .foo_tab input { padding-left: 20px; width: 230px; line-height: 34px; height: 34px; margin-right: 12px; margin-bottom: 10px; }
body main .introduction .tex_iten .foo_tab input:nth-child(3) { width: 110px; padding-left: 10px; }
body main .introduction .tex_iten .foo_tab input:nth-child(4) { width: 110px; padding-left: 10px; }
body main .introduction .tex_iten .foo_tab input:nth-child(5) { width: 779px; line-height: 40px; height: 48px; padding-left: 20px; }
body main .introduction .tex_iten .foo_tab p { padding-top: 10px; text-align: center; }
body main .introduction .tex_iten .foo_tab p a { display: inline-block; width: 500px; line-height: 40px; color: white; background-color: #f7a62b; }
body main .introduction .alone_iten { background-color: #f8f8f8; }
body main .introduction .alone_iten h3 { padding: 30px 0 6px 0; }
body main .introduction .alone_iten img { margin: 30px 0; }
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: 423px; height: 46px; padding-left: 20px; }
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; }

@media (max-width: 1500px) and (min-width: 1200px) { body main .banner .banner_tex { padding: 80px 0 0 12%; width: 34%; } }
@media (max-width: 1200px) and (min-width: 0px) { body main .banner { min-width: 860px; }
    body main .banner .banner_tex { position: absolute; left: 0; padding: 80px 0 0 9%; width: 380px; } }
