﻿@charset "utf-8";
/* CSS Document */

html,body{color:#000;background:#fff;-webkit-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{margin:0;padding:0; font-family:"????????????",Arial, Helvetica, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,li{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
a{ text-decoration:none; font-family:"????????????"; color:#000;}

.clearfix:after{ content: ""; display: block; clear: both;}
.fl{ float: left;}
.fr{ float: right;}
.wrap{ width: 1000px; margin: 0 auto;}

/*?????????*/
.input_text{ display: inline-block; background-color: #fff; border: 1px solid #eee; height: 32px; line-height: 32px; padding: 0 10px; font-size: 14px; color: #333; margin-top: 8px; width: 298px;}
::-webkit-input-placeholder{ color: #999999;}
:-moz-placeholder{ color: #999999;}
::-moz-placeholder{ color: #999999;}
:-ms-input-placeholder{ color: #999999;}
.input_text:focus,.input_text:hover{ border: 1px solid #FFC528;}

/*??????*/
#header{ width: 100%; min-width: 1080px; background:#0e987f linear-gradient(90deg, #27ab87, #008d7b); height: 144px; padding-top: 36px; position: relative;}
#header .logo{ margin-right: 16px;}
#header h1{ padding-left: 16px; border-left: 1px solid #fff; height: 50px; line-height: 50px; font-size: 36px; color: #fff;}

#nav{ position: absolute; left: 0; bottom: 0; height: 60px; line-height: 60px; background-color: #c2e5df; width: 100%; min-width: 1080px;}
#nav a{ width: 160px; text-align: center; font-size: 16px; height: 56px;}
#nav a:hover{ color: #0e987f;}
#nav a.select{ color: #0e987f; border-bottom: 4px solid #0E987F;}

article{ width: 100%; min-width: 1080px;}
#banner{ width: 1024px; height: 204px; background: url(img/banner_bg.png) no-repeat; margin: 0 auto; margin-top: 2px; text-align: center;}
#banner h2{ font-size: 48px; color: #ffeb70; padding-top: 36px; font-weight: bold;}
#banner p{ font-size: 42px; color: #fff; padding-top: 6px;}

#contect{}
#index #contect{ width: 720px;}
#contect h2{ font-size: 24px; color: #008D7B; padding: 0 0 6px 12px; border-bottom: 1px solid #cfe6e0; margin-bottom: 16px;}
#contect p{ font-size: 16px; color: #666; padding: 0 6px 6px 12px; margin-bottom: 10px; line-height: 28px; text-indent: 1em;}
#contect a{ font-size: 16px; color: blue; line-height: 28px; text-decoration: underline;}
#contect h6{ font-size: 16px; color: #333; padding: 0 6px 6px 12px; margin-bottom: 0px; line-height: 28px; font-weight: bold;}
#contect h3{ font-size: 18px; color: #008D7B; padding: 0 6px 6px 12px; margin-bottom: 0px; line-height: 28px;}
.procedure{ text-align: center;}

.aside_box{ width: 260px; border: 1px solid #cfe6e0; border-radius: 10px; overflow: hidden; margin-bottom: 24px;}
.aside_box h2{ width: 100%; height: 36px; line-height: 36px; font-size: 16px; color: #fff; background:#0e987f linear-gradient(90deg, #27ab87, #008d7b); text-indent: 12px;}
.download_btn{ display: block; width: 160px; height: 36px; margin: 12px auto; line-height: 36px; color: #fff; background:#ff9641 linear-gradient(90deg, #ffbe15, #ff9641); text-align: center; border-radius: 6px;}
.aside_box .word{ margin: 12px 12px 16px; font-size: 14px; line-height: 24px;}
.aside_box dt{ font-size: 16px; color: #0E987F; margin-bottom: 6px;}
.aside_box dd{ line-height: 22px; margin-bottom: 6px;}
.aside_box dd span{ color: #999;}
.more_QA{ display: block; font-size: 14px; text-align: right;}
.more_QA:hover{ color: #0E987F;}

/*??????*/
.copyright{ width: 100%; min-width: 1080px; background-color: #333; color: #ccc; padding: 12px 0; text-align: center;}
.copyright p{ font-size: 16px; line-height: 24px;}


/*????????????*/
#msg{ width: 640px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -320px; display: none; z-index: 999;}
#msg span{ display: inline-block; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.85); color: #fff; font-size: 18px; padding: 0 32px;}