@charset "utf-8";
/* CSS Document */
html { font-size: 62.5%; }
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h4, h5, h6, pre, caption, th, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; }
ol, ul, li { list-style: none; }
img { border: 0px none; vertical-align: middle; outline: none; max-width: 100%; width: auto; height: auto; }
.clear { border: 0; line-height: 0; height: 0; clear: both; font-size: 0; }
body { -webkit-text-size-adjust: none; font-size: 14px; color: #333; font-family: "PingFang SC", "Microsoft YaHei", SimHei, Arial, SimSun; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #F00; text-decoration: none; }
#header { height: 61px; width: 1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; background: #FFF; }
.header_a { position: absolute; height: 35px; width: 332px; left: 13px; top: 10px; }
.header_b { position: absolute; height: 45px; width: 150px; left: 658px; top: 20px; background-image: url(tel.fw.png); background-repeat: no-repeat; padding-left: 48px; line-height: 22px; }
.header_c { position: absolute; height: 20px; width: 120px; left: 880px; bottom: 26px; font-size: 12px; font-weight: bold; }
#banner { margin: 0px auto; width: 1000px; text-align: center; padding-top: 2px; padding-bottom: 2px; background: #f5fafd; }
.nav { height: 36px; line-height: 36px; font-size: 14px; font-weight: bold; margin-right: auto; margin-left: auto; }
.nav { }
.nav a:link { font-size: 14px; font-weight: bold; color: #FFF; padding: 0px 0px 0px 15px; }
.nav a:visited { font-size: 14px; font-weight: bold; color: #FFF; padding: 0px 0px 0px 15px; }
.nav a:hover { font-size: 14px; font-weight: bold; color: #FFF; text-decoration: underline; padding: 0px 0px 0px 15px; }
#content { width: 92%; margin: 0px auto; padding: 15px 0px; background: #FFF; }
.box_left { width: 317px; float: left; }
#content_l { border: solid 1px #E5E5E5; padding-top: 8px; }
.content_l_menu { width: 245px; margin: 0px auto; padding: 0px 0px 0 0px; }
.content_l_menu a { display: block; line-height: 28px; font-weight: bold; font-size: 14px; width: 218px; margin: 0px auto; padding-left: 24px; }
.content_l_a_a { text-indent: 15px; font-weight: 500; color: #FFF; font-size: 22px; margin: 0px auto; padding: 5px 0px 5px 0px; position: relative; width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); background-image: linear-gradient(180deg, #46AAEC, #0E77EB, #46AAEC); }
.content_l_a_b { padding: 5px 15px 10px 15px; line-height: 25px; text-align: center; }
#content_r { float: right; width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: calc(100% - 350px); }
.content_r_a { margin: 0px auto; }
.content_r_a_a { padding: 5px 0px 5px 32px; font-weight: 500; color: #333; font-size: 22px; position: relative; border: 1px solid #D0D0D0; border-bottom: 1px solid #FFFFFF; background-image: linear-gradient(180deg, #FFFFFF, #EFEFEf); }
.content_r_a_a::before { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; content: ''; width: 4px; height: 15px; background: #E6212A; }
.more { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; color: #333; font-size: 12px; text-align: right; }


.content_r_a_b { padding: 20px 10px; line-height: 2; border: 1px solid #D0D0D0; overflow:auto; }
.content_r_a_c { padding: 20px 10px; line-height: 2; border: 1px solid #D0D0D0; overflow:auto; }

.content_r_a_b table { margin-top:20px; }
.content_r_a_c table { margin-top:20px; }

.content_r_b { margin: 0px auto 0px 0px; }
#footer { /*background: url(footer_bg.jpg) repeat-x #FFF;*/ padding: 15px 0px 15px 0px; width: 100%; margin: 0px auto 0px auto; position: relative; background: #1785DC; text-align: center; line-height: 22px; color: #FFF; }
#footer a { font-size: 14px; color: #FFF; }
#footer_r { position: absolute; right: 0px; width: 130px; top: 5px; }
.footer_bg { height: 36px; background: url(footer-bg.jpg) no-repeat #FFF; margin: 0px auto; width: 780px; padding-left: 220px; text-align: center; font-weight: bold; line-height: 28px; }
.footer_bg a:link { font-weight: bold; display: block; width: 70px; text-align: center; float: left; color: #E3E3E3; }
.footer_bg a:visited { font-weight: bold; color: #E3E3E3; }
.footer_bg a:hover {
 font-weight:
 color: #E3E3E3; text-decoration: underline; }
.left_sub1 { border: #D2D2D2 1px solid; margin-top: 10px;/*background: #F7F7F7;*/ }
.left_sub3 { padding: 10px 5px 10px 5px; }
.left_sub3 a { width: 33.3333333%; display: block; float: left; line-height: 20px; height: 20px; }
.left_sub4 a { display: block; line-height: 25px; border-bottom: 1px dotted #CECECE; }
.wrap { max-width: 92%; margin: auto; }

@media (max-width:991.98px) {
.box_left { width: 100%; float: left; }
#content_r { width: 100%; float: right; }

.box_l01 { display: none; }
.content_l_a_b { display: none; }
.left_sub1 { display: none; }
.content_r_b { margin: 10px auto 0px 0px; }
.content_r_a { margin-top:10px; }
#content_l { padding-bottom: 8px; }

.content_r_a_b { padding: 20px 5px; }
.content_r_a_c { padding: 20px 5px; }
}

@media (max-width:767.98px) {
}

#dropdownBtn { cursor: pointer; border-radius: 8px; }
@media (max-width:991.98px) {
#content_l_menu { display: none; }
#dropdownBtn::after { font-family: bootstrap-icons !important; content: "+"; position: absolute; right: 15px; }
#dropdownBtn.active::after { content: "×"; }
}

.left_sub2 { background-image: linear-gradient(180deg, #FFFFFF, #E4E4E4); border-bottom: 1px solid #FFFFFF; padding: 5px 0px 5px 15px; font-size: 22px; font-weight: 500; }
.left_sub4 { padding: 10px 5px 10px 5px; border-top: 1px solid #E4E4E4; }

.box_l01td1 { background-image: linear-gradient(180deg, #FFFFFF, #E4E4E4); border-bottom: 1px solid #FFFFFF; padding: 5px 0px 5px 15px; font-size: 22px; font-weight: 500; }
.box_l01td2 { border-top: 1px solid #E4E4E4; }