@charset "utf-8";
/* CSS Document */
/* Author: alsoflying */
/* Date: 2025.2 */
*{-webkit-tap-highlight-color: transparent;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
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; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}/*-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start:0px;*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none; }
blockquote, q {quotes:none; }
blockquote:before, blockquote:after,q:before, q:after {content: '';content:none; }
table {border-collapse: collapse;border-spacing: 0;}
html,body {width:100%; height:100%;}
*+html html,body {height:auto;}
body {font:14px/20px "Microsoft YaHei",SimHei,"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#333;-webkit-text-size-adjust:100%; background:#fff; box-sizing: border-box;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size:1em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit; }

em {font-style:normal; }
strong {font-weight: normal;}
small {font-size: 80%; }

a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); cursor:pointer;}
a, a:visited { color: #1E60A7; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #1E60A7; text-decoration: underline; }
p a, p a:visited { line-height: inherit; }

/*a, img {-webkit-touch-callout: none; }*//* 禁止长按链接与图片弹出菜单 */
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
i {font-style:normal;}

img.scale-with-grid {max-width: 100%; height: auto; }

.button,button,input[type="submit"],input[type="reset"],input[type="button"],input[type="number"] {-webkit-appearance:none;-moz-appearance:none;font:14px Verdana,Arial, Helvetica, sans-serif; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input:disabled{border: 1px solid #DDD;background-color: #F5F5F5;color:#ACA899;}


input[type="text"],input[type="date"],input[type="password"],input[type="email"],input[type="number"],textarea {border: 1px solid #dcdcdc; outline: none; font:14px Verdana,Arial, Helvetica, sans-serif;color: #333; max-width: 100%;display:block;background: #fff; -webkit-appearance:none;-moz-appearance:none; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
select {border: 1px solid #dcdcdc; font: 14px Verdana,Arial, Helvetica, sans-serif;color: #000; max-width: 100%;display:block;background: #fff; margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
input[type="text"]:focus,input[type="date"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus,select:focus {color: #333; border-color:#448aca;}
textarea {min-height: 60px; }
label,legend {display: block;font-weight: normal;}
input[type="checkbox"] {display: inline;}
input[type=checkbox],input[type=radio] {vertical-align:middle; margin:0 3px 3px 0;}
input.readonly,.readonly{background-color:#eee;}

.pr {position: relative;}
.pa {position: absolute;}


.fl {float:left;}
.fr {float:right;}
.clear {width:100%; clear:both; font-size:0; height:0; line-height:0; margin:0;}
.imgb img {display:block;}
.main_header {margin:0 auto; clear:both; min-width: 1376px; width: 100%; height: 64px; background-color: #1E60A7;}
.main_header .m {min-width: 1376px; width: calc(100vw - 64px); height: 64px; margin: 0 auto;}
.main {margin:0 auto; clear:both; width: 1248px;}
.main2 {margin:0 auto; clear:both; width: 1280px;}

.bgfff {background-color:#fff;}

.h20 {height:20px; line-height:20px; font-size:0; width:100%; clear:both; overflow:hidden;}
.h10 {height:10px; line-height:10px; font-size:0; width:100%; clear:both; overflow:hidden;}
.h52 {height:52px; font-size:0; width:100%; clear:both; overflow:hidden;}

.borderradius {-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.c-red,.red {color:#f00;}
a.orange,.orange,a.orange:hover,a.orange:visited {color:#ff4f0d;}
.flex {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start;}
.flex_r_g {display: flex; flex-direction: row; flex-wrap: nowrap;}

.pr {position: relative;}
.pa {position: absolute;}

.body {position: absolute; left: 0; top: 0; right: 0; bottom: 0; min-height: 100%; overflow-x: hidden; overflow-y: auto; background-color: #fff;}
.body.bgf5 {background-color: #f5f5f5;}

.mainpage {width:100%; position:absolute; left:0; top:0; right:0; bottom:0;  overflow-x:hidden; overflow-y: auto; z-index:1;}
.notop {top: 0;}
.fl {float:left;}
.fr {float:right;}
.clear {width:100%; clear:both; font-size:0; height:0; line-height:0; margin:0;}
.imgb img {display:block;}
.clear100 {width:100%; clear:both;}
.c-red {color:#f00;}
a.blue {color:#31bcf0;}

.fl {float:left;}
.fr {float:right;}
.h10 {height:10px; line-height:0.2rem; font-size:0; width:100%; clear:both; overflow:hidden;}
.h30 {height:30px; line-height:0.3rem; font-size:0; width:100%; clear:both; overflow:hidden;}
.h40 {height:40px; line-height:0.4rem; font-size:0; width:100%; clear:both; overflow:hidden;}
.h50 {height:50px; line-height:0.5rem; font-size:0; width:100%; clear:both; overflow:hidden;}
.h88 {height:88px; line-height:0.88rem; font-size:0; width:100%; clear:both; overflow:hidden;}
.clear {height:0; line-height:0; font-size:0; width:100%; clear:both; overflow:hidden;}
.box-sizing {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing: border-box;}

.display-box {display:-moz-box; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.flex {-moz-box-flex:1.0; -webkit-box-flex:1.0; box-flex:1.0; -webkit-flex:1.0; -ms-flex:1.0; flex: 1.0;}

.borderradius,input.borderradius {-moz-border-radius:0.06rem;-webkit-border-radius:0.06rem;border-radius:0.06rem;}
.c-red,.red {color:#f00;}

.bgfff {background-color:#fff;}
.hiden,input[type="checkbox"].hiden {display: none;}


.cpage {width:100%; margin:0 auto; padding:20px 0; text-align:center; overflow:hidden;}
.cpage a,.cpage span,.cpage select {display:inline-block; height:50px; line-height:50px;  margin:0 10px; padding:0 20px;}
.cpage span,.cpage a {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color:#F4F4F4; border: 1px solid #DCDCDC; color:#fff; vertical-align:bottom;}
.cpage a {background-color:#005EC7; color:#fff;}
.cpage select {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color:#fff; border:solid 1px #ccc; vertical-align:bottom;}

.main_header .logo {float: left; height: 64px; line-height: 64px;}
.main_header .logo a {height: 64px; line-height: 64px; display: flex; align-items: center;}
.main_header .logo img {height: 45px; display: block;}
.main_header .nav {float: left; height: 64px; padding-left: 20px; line-height: 64px; display: flex; align-items: center;}
.main_header .nav ul li {float: left; padding: 0 25px;}
.main_header .nav ul li a {font-size: 16px; color: #fff; height: 64px; line-height: 64px; display: block; white-space: nowrap; position: relative;}
.main_header .nav ul li a:hover {text-decoration: none;}
.main_header .nav ul li a.on {}
.main_header .nav ul li a.on:hover,.main_header .nav ul li a:hover {color: #fff;}
.main_header .nav ul li a:after {content: "";position: absolute;left: 0;bottom: 0px;width: 100%;height: 2px;border-radius: 1px;background-color: #fff;-webkit-transform: scaleX(0);transform: scaleX(0);transition: -webkit-transform .4s; transition: transform .4s;transition: transform .4s,-webkit-transform .4s}
.main_header .nav ul li a.on:after,.main_header .nav ul li a:focus:after,.main_header .nav ul li a:hover:after {-webkit-transform: none;transform: none}
.main_header .login {float: right; color: #fff; width: 96px; height: 64px; line-height: 64px; display: block; text-align: center; font-size: 16px;}
.main_header .login_d {float: right; color: #fff; height: 64px; line-height: 64px; display: block; padding-left: 25px; background: url("../images/t_ld.svg") no-repeat left center; padding-right: 5px;}
.main_header .login_d a {color: #fff;}
.main_map {min-width: 1192px; width: 100%; height: 753px; margin: 0 auto; background: url("../images/bg_map.jpg?t=4") no-repeat center; background-size:cover;}
.main_map .z {width: 1192px; margin: 0 auto;}
.main_map_c {height: 95px; text-align: center;}
.main_map_c img {height: 46px; margin: 30px auto 0;}
.main_map_area {height: 644px; width: 100%; margin: 0 auto; position: relative;}
.main_map_body {width: 100%; height: 100%;}
.main_map_tips {position: absolute; left: 40px; top: 34px; width: 215px; height: 115px; padding-left: 18px; padding-top: 16px; border-radius: 14px; opacity: 1; background: rgba(255, 255, 255, 0.77); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0); z-index: 9999;}
.main_map_tips p {height: 24px; padding-left: 32px; font-size: 20px; color: #EF4444; background: url("../images/map_tips.png") no-repeat left top; background-size: auto 20px; margin-bottom: 5px;}
.main_map_tips div {height: 30px; line-height: 30px; display: flex; align-items: center;}
.main_map_tips div em {width: 145px; font-size: 14px;}
.main_map_tips div span {font-size: 12px;}
.main_map_tips div span i {font-size: 32px;}
.main_map_tips div.t3 span {color: #EF4444;}
.main_map_tips div.t10 span {color: #EFA244;}

.forecast_title {height: 50px; line-height: 40px; font-size: 30px;}
.forecast_top {height: 40px; background-color: #F3F4F6;}
.forecast_top div {float: left; text-align: center; line-height: 40px; font-size: 12px; color: #999;}
.forecast_top div.f1,.forecast_body ul li.f1 {width: 6.8%}
.forecast_top div.f2,.forecast_body ul li.f2 {width: 18%}
.forecast_top div.f3,.forecast_body ul li.f3 {width: 12%}
.forecast_top div.f4,.forecast_body ul li.f4 {width: 24.2%}
.forecast_top div.f5,.forecast_body ul li.f5 {width: 12.8%}
.forecast_top div.f6,.forecast_body ul li.f6 {width: 12.8%}
.forecast_top div.f7,.forecast_body ul li.f7 {width: 13.4%}
.forecast_body ul {height: 56px; border-bottom: solid 1px #E2E2E2;}
.forecast_body ul li {float: left; line-height: 55px; text-align: center; font-size: 16px;}
.forecast_body ul li.f7 {font-size: 12px;}
a.forecast_more {margin: 50px auto 0; width: 156px; height: 52px; line-height: 52px; background: #1E60A7; border-radius: 4px; display: block; color: #fff; text-align: center; font-size: 18px;}

.news_top {height: 68px;}
.news_top a {display: block; float: left; padding-bottom: 5px; margin-right: 32px; height: 32px; line-height: 32px; font-size: 16px; color: #828282;}
.news_top a.on {border-bottom: solid 2px #1E60A7; color: #1E60A7;}
.news_top a.on:hover,.news_top a:hover {text-decoration: none;}

.news_body {overflow: hidden;}
.news_body div {width: 33.33%; padding: 0 16px 25px; float: left;}
.news_body div a {display: block; width: 100%; box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06),0px 4px 6px -1px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; color: #333; text-decoration: none;}
.news_body div a p img {width: 100%; height: auto;}
.news_body div a dl {padding: 24px;}
.news_body div a dl dt {height: 24px; line-height: 24px; margin-bottom: 8px; overflow: hidden; font-size: 20px;}
.news_body div a dl dd {height: 48px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.link_area {border-radius: 8px; background: #E5E8EC; padding: 25px 30px; line-height: 45px; font-size: 16px;}
.link_area a {padding-right: 60px; color: #333;}

.main_footer {width: 100%; border-top: solid 7px #1E60A7; background: #E5E8EC; min-width: 1248px;}
.main_footer_top {overflow: hidden; border-bottom: solid 1px #fff; padding-top: 25px; padding-bottom: 20px;}
.main_footer_top .fl,.main_footer_top .fr,.main_footer_top .c {width: 33.33%;}
.main_footer_top .c {float: left; text-align: center; display: flex; align-items: center; justify-content: center;}
.main_footer_top .fl dt {font-size: 20px; font-weight: bold; line-height: 28px; height: 44px;}
.main_footer_top .fl dd {font-size: 16px; line-height: 24px; color: #5F6666;}
.main_footer_top .c div {width: 30%;}
.main_footer_top .c div p {font-size: 20px; line-height: 28px; height: 38px; font-weight: bold;}
.main_footer_top .c div img {width: 90px;}
.main_footer_top .fr {padding-left: 10%;}
.main_footer_top .fr dt {font-size: 20px; font-weight: bold; line-height: 28px; height: 44px;}
.main_footer_top .fr dd {font-size: 16px; line-height: 24px; color: #5F6666;}
.main_footer_txt {height: 90px; line-height: 90px; text-align: center; font-size: 16px; color: #9CA3AF;}


.main_forecast {min-width: 1248px; width: 100%; height: 239px; background: url("../images/bg_title.jpg") no-repeat center; background-size: cover;}
.main_forecast h2 {text-align: center; line-height: 239px; font-size: 38px; color: #fff; font-weight: bold;}
.forecast_nav {height: 30px; line-height: 16px; font-size: 14px;}
.forecast_nav a {padding: 0 16px; color: #999;}
.forecast_nav a.on {color: #1E60A7; font-weight: bold;}

.news_chg {min-width: 1440px; width: 100%; height: 400px; background-color: #333;}

.swiper {width: 100%;height: 100%;}
.swiper-slide { width: 100%; height: 400px;}
.swiper-slide a {display: block; width: 100%; height: 100%; position: relative;}
.swiper-slide a dl {position: absolute; left: 0; bottom: 0; right: 0; height: 112px; background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); color: #fff; padding: 24px 0 0 24px;}
.swiper-slide a dl dt {height: 40px; line-height: 32px; font-size: 24px; font-weight: bold; overflow: hidden;}
.swiper-slide a dl dd {height: 20px; font-size: 16px; overflow: hidden;}
.news_swiper .swiper-pagination-bullet {background-color: #fff;}

.news_recommend {width: 100%; display: table;}
.news_recommend .fl {display: table-cell; vertical-align: top; width: 62.3%;}
.news_recommend .fr {display: table-cell; vertical-align: top; width: 35%; border-radius: 12px; padding-bottom: 20px; padding-left: 24px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)), #FFFFFF; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);}
.broadcast_title {height: 32px; line-height: 32px; margin-bottom: 24px; padding-left: 32px; background: url("../images/broadcast_title.svg") no-repeat left center; background-size: 24px; font-size: 20px;}
.broadcast_list {overflow: hidden;}
.broadcast_list a {background: #F9FAFB; border-radius: 12px; min-height: 168px; display: block; position: relative; padding-left: 272px; margin-bottom: 20px;}
.broadcast_list a:last-child {margin-bottom: 0;}
.broadcast_list a img {width: 240px; height: auto; position: absolute; left: 16px; top: 16px; border-radius: 12px;}
.broadcast_list a dl {padding-top: 16px;}
.broadcast_list a dl dt {height: 36px; line-height: 28px; overflow: hidden; font-size: 18px; color: #000; font-weight: 500;}
.broadcast_list a dl dd {height: 40px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #4B5563;}
.broadcast_list a .i {padding-top: 20px; height: 40px; width: 100%; line-height: 20px; font-size: 14px; color: #6B7280;}
.broadcast_list a .i span {padding-right: 15px;}
.broadcast_list a .i span.t {padding-left: 18px; background: url("../images/time.svg") no-repeat left center; background-size: 14px;}
.broadcast_list a .i span.l {padding-left: 16px; background: url("../images/location.svg") no-repeat left center; background-size: auto 14px;}
.broadcast_list a .i span.s {padding-left: 10px; background: url("../images/depth.svg") no-repeat left center; background-size: auto 14px;}

.broadcast_top {height: 32px; line-height: 32px; margin-bottom: 24px; padding-left: 32px; background: url("../images/broadcast_top.svg") no-repeat left center; background-size: 24px; font-size: 20px;}
.broadcast_top_list {overflow: hidden;}
.broadcast_top_list a {height: 48px; display: block; width: 100%; margin-bottom: 16px;}
.broadcast_top_list a:last-child {margin-bottom: 0;}
.broadcast_top_list a p {height: 24px; line-height: 24px; overflow: hidden; font-size: 16px; color: #374151; font-weight: 400;}
.broadcast_top_list a span {height: 24px; padding-top: 4px; line-height: 20px; overflow: hidden; font-size: 14px; color: #6B7280; font-weight: 400;}

.news_nav {border-top: solid 1px #F3F4F6; height: 60px; padding-top: 13px;}
.news_nav a {display: block; float: left; width: 88px; height: 36px; line-height: 36px; text-align: center; margin-right: 12px; font-size: 14px; text-decoration: none; color: #4B5563; border-radius: 4px;}
.news_nav a:hover {background-color: #F5F5F5;}
.news_nav a.on {background-color: #EFF6FF; color: #2563EB;}

.news_page a {background-color:#fff; display: block; min-height: 168px; border: 1px solid #F3F4F6; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); position: relative;  border-radius: 12px; padding-left: 272px; margin-bottom: 20px; text-decoration: none;}
.news_page a:last-child {margin-bottom: 0;}
.news_page a img {width: 240px; height: auto; position: absolute; left: 16px; top: 16px; border-radius: 12px;}
.news_page a dl {padding-top: 16px;}
.news_page a dl dt {height: 36px; line-height: 28px; font-size: 18px; color: #111827;}
.news_page a dl dd.f {height: 34px; line-height: 20px; color: #6B7280;}
.news_page a dl dd.t {font-size: 16px; line-height: 24px; height: 48px; color: #4B5563; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.main_service_top {width: 100%; height: 364px; background: url("../images/bg_service.jpg") no-repeat center; background-size: auto 364px;}
.service_top {padding: 80px 0 0 0px;}
.service_top .s_t {height: 64px; line-height: 40px; font-size: 36px; font-weight: bold; color: #111827;}
.service_top .s_i {height: 88px; line-height: 28px; font-size: 18px; width: 610px; color: #4B5563;}
.service_top a.s_a {width: 136px; height: 52px; border-radius: 4px; background: #1E60A7; line-height: 52px; text-align: center; color: #fff; font-size: 18px; text-decoration: none; display: block;}

.bg_s {background-color: #F9FAFB;}
.service_title {line-height: 100px; text-align: center; font-size: 30px; font-weight: bold;}

.service_list {overflow: hidden;}
.service_list div {width: 50%; padding: 0 16px 32px; float: left;}
.service_list div a {display: block; width: 100%; padding: 32px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); background-color: #fff; border-radius: 12px; overflow: hidden; color: #333; text-decoration: none;}
.service_list div a img {display: block; width: 100%; height: auto; border-radius: 12px;}
.service_list div a dl dt {height: 68px; padding-top: 24px; line-height: 28px; overflow: hidden; font-size: 20px; color: #000; font-weight: bold;}
.service_list div a dl dd {height: 88px; line-height: 24px; font-size: 16px; color: #4B5563; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.service_list div a span {display: block; width: 114px; height: 42px; border-radius: 4px; border: 1px solid #2563EB; line-height: 40px; text-align: center; color: #2563EB; font-size: 16px;}

.service_highlights,.service_object {overflow: hidden;}
.service_highlights div {width: 33.33%; float: left; padding: 0 20px;}
.service_highlights div i {display: block; width: 64px; height: 64px; margin: 0 auto;}
.service_highlights div i.s_1 {background: url("../images/s_1.svg") no-repeat center; background-size: 100%;}
.service_highlights div i.s_2 {background: url("../images/s_2.svg") no-repeat center; background-size: 100%;}
.service_highlights div i.s_3 {background: url("../images/s_3.svg") no-repeat center; background-size: 100%;}
.service_highlights div h4 {height: 60px; line-height: 60px; text-align: center; font-size: 20px; font-weight: bold; color: #000;}
.service_highlights div p {line-height: 24px; font-size: 16px; text-align: center;}
.service_object .fl {width: 615px;}
.service_object .fr {width: 633px; padding-top: 40px;}
.service_object .fr p {line-height: 40px; font-size: 16px;}

.main_about_top {width: 100%; height: 400px; background: url("../images/bg_about.jpg") no-repeat center; background-size: auto 400px;}
.about_top {padding: 158px 0 0 0px;}
.about_top .s_t {height: 64px; line-height: 40px; font-size: 36px; font-weight: bold; color: #fff;}
.about_top .s_i {height: 88px; line-height: 28px; font-size: 18px; width: 610px; color: #fff;}
.about_title {height: 68px; line-height: 36px; font-size: 30px; font-weight: bold;}
.about_body,.about_contact {overflow: hidden;}
.about_body .fl,.about_contact .fl {width: 48%;}
.about_body .fl {font-size: 16px; line-height: 26px; color: #4B5563;}
.about_body .fl p {margin-bottom: 24px;}
.about_body .fr,.about_contact .fr {width: 48%;}
.mission_vision {width: 100%; height: 166px; background: url("../images/bg_mission_vision.png") no-repeat center; background-size: auto 100%; text-align: center; line-height: 166px; color: #fff; font-size: 36px; font-weight: bold;}
.about_contact .fr {height: 400px; border-radius: 12px;}
.about_contact .fl {padding-top: 32px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); border-radius: 12px; padding-left: 32px;}
.about_contact .fl dl {padding-bottom: 24px;}
.about_contact .fl dl dt {height: 32px; line-height: 32px; padding-left: 32px; font-size: 18px; font-weight: 600; color: #111827;}
.about_contact .fl dl dt.z {background: url("../images/c_z.svg") no-repeat 2px center; background-size: auto 18px;}
.about_contact .fl dl dt.l {background: url("../images/c_l.svg") no-repeat 0px center; background-size: auto 18px;}
.about_contact .fl dl dt.e {background: url("../images/c_e.svg") no-repeat 0px center; background-size: auto 14px;}
.about_contact .fl dl dt.s {background: url("../images/c_s.svg") no-repeat 0px center; background-size: auto 18px;}
.about_contact .fl dl dd {line-height: 24px; padding-top: 8px; font-size: 16px; color: #4B5563;}

.view_title {text-align: center; line-height: 36px; font-weight: bold; font-size: 30px; color: #111827;}
.view_info {text-align: center; line-height: 20px; margin: 16px 0; color: #6B7280; font-size: 14px;}
.view_info span.n {padding-left: 26px; padding-right: 20px; background: url("../images/view_n.svg") no-repeat left center; background-size: 14px;}
.view_info span.t {padding-left: 22px; background: url("../images/view_t.png") no-repeat left center; background-size: 14px;}
.view_body {line-height: 200%; min-height: 360px; font-size: 18px; color: #1F2937;}
.view_body p {margin-bottom: 24px; text-indent: 2em;}
.view_body img {max-width: 100%; display: block; margin: 0 auto;}
.view_body img.downIco {display: inline-block;}

.bg_login {background: url("../images/bg_login.jpg") no-repeat center; background-size: cover;}
.login_logo {position: absolute; left: 20px; top: 20px;}
.login_logo img {height: 60px;}
.login_area {width: 520px; height: 520px; position: absolute; left: 50%; top: 50%; margin-top: -240px; margin-left: -260px; background-color: #fff; border-radius: 14px; padding: 50px 50px 0;}
.login_area h2 {height: 64px; line-height: 40px; text-align: center; font-size: 34px; font-weight: bold; color: #111827;}
.login_area .f {width: 100%; overflow: hidden;}
.login_area .f .i {width: 100%; height: 76px; position: relative;}
.login_area .f .i input {width: 100%; height: 46px; border: 1px solid #D1D5DB; border-radius: 5px; padding-left: 10px;}
.login_area .f .i input.u {padding-left: 48px; background: url("../images/l_u.svg") no-repeat 13px center; background-size: auto 19px;}
.login_area .f .i input.p {padding-left: 48px; background: url("../images/l_p.svg") no-repeat 12px center; background-size: auto 19px;}
.login_area .f .i a.pwd {width: 50px; height: 46px; display: block; position: absolute; top: 0; right: 0; background: url("../images/l_s.svg") no-repeat center;}
.login_area .f .i a.pwd.txt {background-image: url("../images/l_y.svg");}
.login_area .f .i .c {width: 66%;}
.login_area .f .i .y {display: block; width: 130px; height: 46px; position: absolute; right: 0; top: 0; cursor: pointer;}
.login_area .f .i .btn {width: 100%; height: 44px; background: #1E60A7; border-radius: 5px; color: #fff; font-size: 18px; border: 0; cursor: pointer;}
.login_area .tips {text-align: center; font-size: 18px; color: #6B7280;}
.login_area a.bc {width: 100%; height: 44px; border-radius: 5px; background-color: #eee; display: block; line-height: 44px; text-align: center; margin-bottom: 20px;}

.main_user {background-color: #F3F4F6;}
.user_body {box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1),0px 10px 15px -3px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 12px; padding: 32px;}
.user_top {height: 72px; line-height: 40px;}
.user_top h2 {float: left; font-size: 24px; font-weight: bold; color: #111827;}
.user_top a {display: block; float: right; width: 112px; height: 40px; text-align: center; line-height: 40px; background: #1E60A7; border-radius: 4px; color: #fff; font-size: 16px;}

.user_area dl {height: 80px; margin-bottom: 20px; background-color: #F9FAFB; border-radius: 4px;}
.user_area dl dt {float: left; width: 166px; line-height: 80px; padding-left: 50px; font-size: 16px; color: #6B7280;}
.user_area dl dt.u {background: url("../images/u_u.svg") no-repeat 18px center;}
.user_area dl dt.i {background: url("../images/u_i.svg") no-repeat 18px center;}
.user_area dl dt.n {background: url("../images/u_n.svg") no-repeat 17px center;}
.user_area dl dt.s {background: url("../images/u_s.svg") no-repeat 18px center;}
.user_area dl dd {line-height: 80px; font-size: 16px; color: #111827;}
.user_body .tips {height: 56px; width: 100%; border-radius: 12px; line-height: 56px; padding-left: 50px; background: #EFF6FF url("../images/u_t.svg") no-repeat 18px center; font-size: 14px; color: #4B5563;}