/* css reset */
* { margin: 0; padding: 0; border: 0; }

ul, ol { list-style: none; }

a { text-decoration: none; color: inherit; border: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; }

img { display: block; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary, time, mark, audio, video, textarea { display: block; }

textarea, input, button { -webkit-appearance: none; }

body { width: 100%; max-width: 16rem; margin: 0 auto; font-family: arial,"Helvetica Neue", Helvetica, STHeiTi, sans-serif; font-size: .6rem; padding-top: 3rem; overflow-x: hidden; }

input { outline: none; }

.fl { float: left; }

.fr { float: right; }

.clear { clear: both; }

.hidden { overflow: hidden; }

.container { width: 15.4rem; margin: 0 auto; }

p { color: #999999; line-height: .9rem; text-align: justify; }

.hr { width: 100%; height: 1px; background: #f0f0f0; margin: 2rem 0; }

p.center { text-align: center; }

.tit_b { width: 100%; text-align: center; font-weight: bold; font-size: 1.2rem; margin-bottom: .3rem; }

.tit_main { margin-top: 1.75rem; }

.bgbl_t, .bggre_t { width: 100%; height: 2.5rem; background: #2885e2; color: #FFFFFF; line-height: 2.5rem; font-size: .7rem; text-align: center; display: block; }

.bggre_t { background: #f5f5f5; color: #2885e2; }

/*-------header----------*/
header { width: 100%; height: 3rem; background: #FFFFFF; position: fixed; top: 0; z-index: 9999; border: 1px solid #f0f0f0; padding: .75rem .8rem; box-sizing: border-box; border-left: none; border-right: none; max-width: 16rem; }
header .logo { width: 5.5rem; height: 1.5rem; display: block; background: url("../img/logo.png") no-repeat; background-size: 100%; left: 50%; margin-left: -3.25rem; position: absolute; }

.menu { width: 1rem; height: 1rem; background: url("../img/menu.png") no-repeat; background-size: 100%; float: left; margin-top: .25rem; }

.mhide { background: url("../img/menu_hide.png") no-repeat; background-size: 100%; }

.mail_h { display: block; width: 1rem; height: .75rem; background: url("../img/mail_h.png") no-repeat; background-size: 100%; margin-top: .375rem; float: right; }

.navbar { width: 100%; height: 100%; background: #333333; box-sizing: border-box; padding: 1.5rem .3rem 0; position: fixed; z-index: 9999; top: 100%; max-width: 16rem; }

nav { width: 100%; height: 11rem; }
nav a { display: block; float: left; width: 5rem; margin-right: .2rem; height: 5.5rem; text-align: center; color: #FFFFFF; font-weight: bold; line-height: 1.5rem; }
nav a:nth-child(3n) { margin-right: 0; }
nav a span { display: block; width: 100%; height: 3rem; background: #FFFFFF; }
nav a img { width: 100%; }

.navcons { width: 100%; border-top: 1px solid #4d4d4d; padding: 1.5rem 0 0; }
.navcons a { color: #FFFFFF; font-weight: bold; display: block; line-height: 1.25rem; margin-bottom: 1.25rem; }
.navcons a:before { display: inline-block; width: 1.25rem; height: 1.25rem; content: " "; margin-right: .5rem; background: url("../img/mail_nav.png") no-repeat; background-size: 100%; vertical-align: middle; }
.navcons .nav_tel:before { background: url("../img/tel_nav.png") no-repeat; background-size: 100%; }

/*----------footer------------*/
footer { margin: 1rem auto 1.5rem; width: 15.4rem; }
footer .title { font-weight: bold; margin-bottom: 1.25rem; font-size: .8rem; }
footer .man_header { width: 100%; height: 2.5rem; margin-bottom: 1.25rem; }
footer .man_header dl { width: 9rem; height: 2.5rem; float: left; }
footer .man_header dl dt { width: 2.5rem; height: 2.5rem; float: left; margin-right: .5rem; }
footer .man_header dl dt img { width: 100%; }
footer .man_header dl dd { width: 6rem; float: left; height: 100%; display: table; }
footer .man_header dl dd p { display: table-cell; vertical-align: middle; }
footer .man_header dl dd span { color: #2885e2; font-size: .8rem; display: block; }
footer .tmc { width: 6.4rem; height: 2rem; text-align: center; float: right; margin-top: .25rem; }
footer .tmc a { display: inline-block; width: 2rem; height: 2rem; background: url("../img/f_tel.png") #009933; background-size: 100%; }
footer .tmc .ma { background: url("../img/f_mail.png") #0066cc; background-size: 100%; }
footer .tmc .chat { background: url("../img/f_chat.png") #ff0000; background-size: 100%; }
footer .hr { margin: 1.5rem auto 1.75rem; }
footer .tit_b { margin: 0rem 0 1rem; }
footer .f_sns { width: 100%; height: 2rem; text-align: center; }
footer .f_sns a { display: inline-block; width: 2rem; height: 2rem; background: url("../img/f_fb.png") #3c5a99; background-size: 100%; }
footer .f_sns .tw { background: url("../img/f_tw.png") #1da1f3; background-size: 100%; }
footer .f_sns .ins { background: url("../img/f_ins.png") #0077b5; background-size: 100%; }
footer .f_sns .cre { background: url("../img/f_cre.png") #6450c1; background-size: 100%; }
footer .f_sns .youtu { background: url("../img/f_youtu.png") #ff011d; background-size: 100%; }
footer .f_sns .po { background: url("../img/f_po.png") #c82528; background-size: 100%; }
footer .f_sns .gp { background: url("../img/f_gp.png") #dd4b3e; background-size: 100%; }
footer p.center { margin-top: 1.5rem; }
footer p.center:before { width: 5rem; height: 1px; background: #2885e2; display: block; margin: 0 auto 1rem; content: " "; }
footer p.center a { display: block; }

/*------form--------*/
.forms { margin-top: 1.25rem; }
.forms span { color: #333333; font-weight: bold; display: block; margin-bottom: .75rem; text-indent: .4rem; }
.forms input, .forms select, .forms textarea { width: 99.9%; border: #e6e6e6 1px solid; text-indent: .5rem; color: #666666; font-size: .6rem; background: #FFFFFF; margin-bottom: 1.2rem; outline: none; }
.forms input, .forms select { height: 2rem; line-height: 2rem; }
.forms textarea { height: 4rem; padding: .5rem 0; }
.forms button { width: 100%; color: #FFFFFF; height: 2rem; line-height: 2rem; background: #2885e2; font-size: .6rem; }

/*----------------*/
form.mail { width: 100%; height: 2.5rem; line-height: 2.5rem; }
form.mail * { font-size: .6rem; }
form.mail input { width: 11rem; height: 2.5rem; background: #f5f5f5; border: none; text-indent: .75rem; float: left; }
form.mail button { width: 4rem; height: 2.5rem; float: right; background: #2885e2; color: #FFFFFF; }

dl.ask_eng { width: 100%; height: 2.5rem; background: #f5f5f5; }
dl.ask_eng dt { width: 3.5rem; height: 100%; float: left; background: url("../img/eng_head.jpg") no-repeat; background-size: 100%; }
dl.ask_eng dt img { width: 100%; }
dl.ask_eng dd { width: 11.9rem; height: 100%; line-height: 2.5rem; color: #2885e2; text-align: center; font-size: .7rem; float: left; }
dl.ask_eng dd:before { display: inline-block; width: .9rem; height: .78rem; content: " "; background: url("../img/icon_askmoney.png") no-repeat; background-size: 100%; vertical-align: middle; margin-right: .2rem; }

.ach { width: 100%; margin-top: 1.5rem; }
.ach:after { display: block; content: " "; clear: both; }
.ach dl { width: 50%; float: left; text-align: center; margin-bottom: 1rem; }
.ach dl dt { width: 7rem; height: 7rem; margin: 0 auto .5rem; display: table; background: #f7f7f7; color: #2885e2; }
.ach dl dt span { display: table-cell; vertical-align: middle; font-size: 1.75rem; font-weight: bold; }
.ach dl dt em { display: block; font-weight: normal; font-size: .6rem; font-style: normal; }
.ach dl dd { color: #333333; line-height: .9rem; }

.cases_tab { width: 100%; }
.cases_tab .cases_tabbox { width: 100%; position: relative; overflow: hidden; margin: 1.5rem 0 2rem; }
.cases_tab .cases_tabbox img { width: 100%; }
.cases_tab .cases_tabbox span { display: block; width: 100%; color: #FFFFFF; text-align: center; position: absolute; bottom: 0; line-height: 1.5rem; background: rgba(0, 0, 0, 0.3); }

.nav_clump_3, .nav_clump_2 { width: 100%; margin-top: 1.25rem; overflow: hidden; }
.nav_clump_3:after, .nav_clump_2:after { display: block; content: " "; clear: both; }
.nav_clump_3 li, .nav_clump_2 li { width: 4.8rem; height: 2.5rem; display: table; float: left; margin: 0 .5rem 1rem 0; background: #f5f5f5; }
.nav_clump_3 li:nth-child(3n), .nav_clump_2 li:nth-child(3n) { margin-right: 0; }
.nav_clump_3 li a, .nav_clump_2 li a { display: table-cell; font-weight: bold; line-height: .9rem; color: #333333; margin-bottom: 1rem; text-align: center; vertical-align: middle; }
.nav_clump_3 li.on, .nav_clump_2 li.on { background: #2885e2; }
.nav_clump_3 li.on a, .nav_clump_2 li.on a { color: #ffffff; }
.nav_clump_3 + div.hr, .nav_clump_2 + div.hr { margin-top: 1rem; }

.nav_clump_2 { margin-top: 0; }
.nav_clump_2 li { width: 7.45rem; margin-bottom: 0; }
.nav_clump_2 li:nth-child(2n) { margin-right: 0; }

/*-----pro/case list----------*/
.pro_list { width: 100%; margin-top: 1.75rem; }
.pro_list dl { width: 100%; height: 4rem; margin-bottom: 1.6rem; overflow: hidden; }
.pro_list dl dt { width: 6rem; height: 100%; float: left; overflow: hidden; }
.pro_list dl img { width: 100%; }
.pro_list dl dd { width: 9rem; float: right; height: 100%; }
.pro_list dl dd span { display: block; font-weight: bold; line-height: .9rem; margin-bottom: .2rem; }

.page_num { width: 100%; position: relative; height: 2rem; text-align: center; line-height: 2rem; color: #2885e2; font-weight: bold; margin: 2rem auto; }
.page_num * { float: left; }
.page_num .pages { width: 5.4rem; height: 2rem; }
.page_num .prev, .page_num .next { width: 5rem; height: 2rem; background: #f4f4f4; display: block; }
.page_num .next { background: #2885e2; color: #FFFFFF; }

/*# sourceMappingURL=public.css.map */