* { margin: 0; padding: 0; }
div, address, b, big, blockquote, body, center, cite, code, dd, del, dl, dt, em, fieldset, font, form, b, b, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var, th, td, input { margin: 0; padding: 0; }
div, dl, dt, dd, form, input, button, textarea, p, ul, li, ol, table, tr, td, header, footer, aside, nav, b, b, h3, h4, h5, h6, section { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body { font-size: 14px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color: #333; padding: 0px; margin: 0px; }
button:foucs { border: none !important; outline: none !important; }
button::-moz-focus-inner { border-color: transparent; }
input[type=number] { -moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
ul, ol { list-style: none; padding: 0; margin: 0; }
i { font-style: normal; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; }
video, embed, iframe { width: 100%; }
img { border: none !important; vertical-align: middle }
input[type="button"], input[type="text"], input[type="submit"], input[type="reset"], button, select { -webkit-appearance: none; outline: none; }
textarea { -webkit-appearance: none; outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix {  /*兼容 IE*/
zoom: 1; }
.fl { float: left; }
.fr { float: right; }

/*t图片样式*/
.center-block { display: block; margin-right: auto; margin-left: auto; }
img { border: 0px; vertical-align: middle; }
.img-responsive { display: block; height: auto; max-width: 100% }
.logo2 { height: 60px }
.logo { height: 60px }
.avatar { display: block; overflow: hidden; width: 100%; }
.avatar img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.avatar:hover img { transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); }

/*文字超出隐藏*/
.dot { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dot2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.wal { width: 1200px; margin: 0px auto; }
.main_title { text-align: center; }
.main_title p { font-size: 40px; margin-bottom: 16px; color: #333; }
.main_title p b { font-size: 40px; font-weight: bold; color: #093AA7; }
.main_title span { font-size: 18px; color: #666; }

/*--------------------------------------------------------------
# 头部Header
--------------------------------------------------------------*/

/* scroll to top */
.scroll-to-top { display: inline-block; width: 45px; height: 45px; background: #152b81; position: fixed; bottom: 40px; right: 40px; z-index: 99; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: none; border-radius: 50%; transition: all 0.4s ease; }
.scroll-to-top i { color: #ffffff; font-size: 18px; line-height: 45px; }
.scroll-to-top:hover { background-color: #152b81; }
.scroll-to-top:hover i { color: #fff; }

/*--------------------------------------------------------------
# Navigations One
--------------------------------------------------------------*/
.page-wrapper { width: 100%; }
.main-header { position: relative; display: block; }
.main-menu { position: relative; background: rgb(255, 255, 255, 0.1); z-index: 91; }
.main-menu-wrapper { display: block; }
.sticky-header-content { border-bottom: 1px solid rgb(255, 255, 255, 0.3); }
.stricky-header .logo { display: none; }
.main-menu-wrapper-left { display: flex; justify-content: space-between; align-items: center; height: 90px; }
.main-menu-wrapper-logo { position: relative; margin-right: 35px; }
.main-menu-wrapper-main-menu { display: flex; height: 90px; align-items: center;}
.main-menu .main-menu-list, .main-menu .main-menu-list ul, .stricky-header .main-menu-list, .stricky-header .main-menu-list ul { margin: 0; padding: 0; list-style-type: none; align-items: center; display: none; }
.main-menu .main-menu-list { display: flex; }
.main-menu .main-menu-list>li, .stricky-header .main-menu-list>li { position: relative; padding: 0 20px; }
.main-menu .main-menu-list>li>a { font-size: 16px; font-weight: 500; display: flex; align-items: center; position: relative; transition: all 500ms ease; }
.stricky-header .main-menu-list>li>a { font-size: 16px; line-height: 1.75; font-weight: 500; display: flex; align-items: center; color: #fff; transition: all 500ms ease; }
.main-menu .main-menu-list>li.current>a, .main-menu .main-menu-list>li:hover>a, .stricky-header .main-menu-list>li.current>a, .stricky-header .main-menu-list>li:hover>a { color: #152b81; }
.main-menu .main-menu-list>li>a:hover { color: #152b81; }
.main-menu .main-menu-list li ul, .stricky-header .main-menu-list li ul { position: absolute; top: 100%; left: -15%; right: 0; margin: 0 auto; text-align: center; width: 130%; background: rgba(255, 255, 255, .9); box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); flex-direction: column; justify-content: flex-start; align-items: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; visibility: hidden; z-index: 99; display: inline-block; }
.main-menu .main-menu-list li:hover>ul, .stricky-header .main-menu-list li:hover>ul { opacity: 1; visibility: visible; top: 100%; }
.main-menu .main-menu-list li ul li, .stricky-header .main-menu-list li ul li { position: relative; text-align: center; line-height: 32px; padding: 10px 0; }
.main-menu .main-menu-list li ul li a, .stricky-header .main-menu-list li ul li a { font-size: 16px; line-height: 30px; color: #666; text-align: center; transition: 500ms; }
.main-menu .main-menu-list li ul li:hover>a, .stricky-header .main-menu-list li ul li:hover>a { color: #152b81; }
.main-menu .main-menu-list li ul li>ul, .stricky-header .main-menu-list li ul li>ul { top: 0; left: 100%; }
.main-menu .main-menu-list li ul li>ul.right-align, .stricky-header .main-menu-list li ul li>ul.right-align { top: 0; left: auto; right: 100%; }
.main-menu .main-menu-list li ul li>ul ul, .stricky-header .main-menu-list li ul li>ul ul { display: none; }
.stricky-header { position: fixed; z-index: 991; top: 0; left: 0; margin: auto; width: 100%; transition: transform 500ms ease, visibility 500ms ease; }
.stricky-header.stricky-fixed { background: rgba(255, 255, 255, 1); border-bottom: 1px solid #f1f1f1; box-shadow: 0 2px 16px 0 rgba(0, 78, 204, 0.1); }
.stricky-header.stricky-fixed .main-menu-list>li.current>a, .stricky-header.stricky-fixed .main-menu-list>li:hover>a { color: #152b81; }
.stricky-header.stricky-fixed .logo { display: block; }
.stricky-header.stricky-fixed .logo2 { display: none; }
.stricky-header.stricky-fixed .main-menu-list>li>a { color: #333; }
.stricky-header .main-menu-inner { box-shadow: none; padding-right: 0; width: 100%; margin: 0 auto; }
.mobile-nav-buttons { display: flex; margin-left: auto; margin-right: 10px; }
.mobile-nav-buttons a { font-size: 20px; color: var(--thm-black); cursor: pointer; }
.mobile-nav-buttons a+a { margin-left: 10px; }
.mobile-nav-buttons a:hover { color: var(--thm-base); }
.mobile-nav-toggler { font-size: 20px; color: #152b81; cursor: pointer; transition: 500ms; }
.sticky-header-content .mobile-nav-toggler i { color: #152b81 !important; }
.top-tel b { font-size: 18px; color: #333; }

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav-wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; opacity: 0; transform: translateX(-50%); transform-origin: right center; transition: transform 500ms ease-in, opacity 500ms linear, visibility 500ms ease-in; z-index: 999; visibility: hidden; }
.mobile-nav-wrapper .wal { padding-left: 0; padding-right: 0; }
.mobile-nav-wrapper.expanded { opacity: 1; transform: translateX(0%); visibility: visible; }
.mobile-nav-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0.5; cursor: pointer; }
.mobile-nav-content { width: 300px; background-color: #007AFF; z-index: 10; position: relative; height: 100%; overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; }
.mobile-nav-content .thm-btn { padding: 8px 0; width: 100%; text-align: center; }
.mobile-nav-content .logo-box { margin-bottom: 40px; display: flex; }
.mobile-nav-close { position: absolute; top: 20px; right: 15px; font-size: 18px; color: var(--thm-text-dark); cursor: pointer; }
.mobile-nav-close i { color: #fff; }
.mobile-nav-content .main-menu-list, .mobile-nav-content .main-menu-list ul { margin: 0; padding: 0; list-style-type: none; }
.mobile-nav-content .main-menu-list ul { display: none; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-left: 10px; background: rgba(255, 255, 255, .3); }
.mobile-nav-content .main-menu-list li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.mobile-nav-content .main-menu-list li a { display: flex; justify-content: space-between; line-height: 30px; color: #ffffff; font-size: 14px; font-family: var(--thm-font); font-weight: 500; height: 56px; align-items: center; transition: 500ms; }
.mobile-nav-content .main-menu-list li a.expanded { color: rgba(255, 255, 255, .7); }
.mobile-nav-content .main-menu-list li a button { width: 30px; height: 30px; background-color: #fff; border: none; outline: none; color: #152b81; display: flex; align-items: center; justify-content: center; text-align: center; transform: rotate(-90deg); transition: transform 500ms ease; }
.mobile-nav-content .main-menu-list li a button.expanded { transform: rotate(0deg); background-color: #fff; color: #152b81; }
.mobile-nav-content .main-menu-list li.cart-btn span { position: relative; top: auto; right: auto; transform: translate(0, 0); }
.mobile-nav-content .main-menu-list li.cart-btn i { font-size: 16px; }
.mobile-nav-wal { margin-top: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.mobile-nav-wal .main-logo, .mobile-nav-wal .topbar-buttons, .mobile-nav-wal .main-menu-language, .mobile-nav-wal .main-menu-login { display: none; }

/*首页banner图*/
#banner .swiper { width: 100%; height: 100%; position: relative; }
#banner .swiper-slide { background-position: center; background-size: cover; position: relative; }
#banner .swiper-slide img { display: block; width: 100%; }
#banner .swiper-button { position: absolute; top: 50%; transform: translateY(-50%); text-align: center; color: #fff; cursor: pointer; overflow: hidden; z-index: 10; transition: all .5s ease; outline: none; opacity: 0; }
#banner:hover .swiper-button { opacity: 1; }
.btn-prev { left: 8%; }
.btn-next { right: 8%; }
#banner:hover .btn-prev { left: 5%; }
#banner:hover .btn-next { right: 5%; }
#banner .swiper-pagination-bullet { position: relative; margin: 0 8px !important; display: inline-block; width: 14px; height: 14px; overflow: hidden; z-index: 10; border-radius: 100%; outline: none; background: #fff; opacity: 1; }
#banner .swiper-pagination-bullet-active.swiper-pagination-bullet::before { background: #fff; }
#banner .swiper-pagination-bullet-active { background-color: #152b81; opacity: 1; filter: alpha(opacity=100); }
#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 90px; left: 0; width: 100%; }
.banner_txt { position: absolute; width: 100%; top: 35%; left: 0; right: 0; z-index: 10; color: #fff; text-align: left; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.banner_txt_spe { position: absolute; width: 100%; top: 23%; left: 0; right: 0; margin: auto; z-index: 10; color: #fff; text-align: center; }
.banner_txt p { font-size: 30px; color: rgba(255, 255, 255, 0.8); text-shadow: none; }
.banner_txt b { display: block; font-size: 42px; color: #fff; margin: 30px 0; text-shadow: none; }
.banner_txt span { color: #fff; font-size: 16px; line-height: 28px; display: block; text-shadow: none; }
.banner-more { display: block; width: 130px; letter-spacing: 1px; margin-top: 20px; height: 38px; line-height: 38px; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 38px; text-shadow: none; }
.banner-more:hover { background: rgba(255, 255, 255, 0.3); color: #fff; }
.banner-more::after { content: ''; display: inline-block; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; top: -1px; margin-left: 7px; -webkit-transition: .6s ease; transition: .6s ease; }
.banner-more:hover::after { margin-left: 13px; }

/*首页banner图 end*/

/*简介*/
.about { margin-top: 50px; }
.about-box { background-color: #fff; -webkit-box-shadow: 0 42px 95px rgba(0, 0, 0, .15); -moz-box-shadow: 0 42px 95px rgba(0, 0, 0, .15); box-shadow: 0 42px 95px rgba(0, 0, 0, .15); display: flex; align-items: center; justify-content: center; margin-top: 50px; }
.about_fl { overflow: hidden; padding: 40px; width: 50%; }
.about_fl p { line-height: 26px; padding: 10px 0; color: #666; margin-top: 15px; }
.about_fl .ab-title { font-size: 22px; color: #222; font-weight: bold; margin-top: 10px; }
.about_fr { width: 50%; overflow: hidden; }
.more_a2 { display: inline-block; line-height: 40px; padding: 0px 26px; color: #fff; position: relative; transition: all 0.8s ease 0s; font-size: 16px; margin: 20px 0; }
.more_a2 span { display: inline-block; position: relative; z-index: 2; }
.more_a2::before { content: ""; position: absolute; left: 0px; bottom: 0px; background: #093AA7; width: 100%; height: 100%; transition: all 0.3s ease 0s; }
.more_a2:hover { border-bottom-color: #093AA7; color: #093AA7; }
.more_a2:hover::before { height: 1px; }

/* 图标 */
.zyzs-list-box { background: #093AA7; z-index: 9; position: relative; margin-top: -80px; }
.zyzs-list { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; cursor: pointer; }
.zyzs { width: 25%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; position: relative; padding: 40px 20px; border-right: 1px solid rgba(255, 255, 255, .1); }
.zyzs:hover { background: #152b81; }
.zyzs-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.zyzs-content b { color: #fff; text-align: center; margin: 15px 0; font-size: 20px; display: block; }
.zyzs-content p { line-height: 24px; font-size: 14px; text-align: center; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #fff; }

/* 产品 */
.product { margin-top: 60px; }
.ny-xiaoguo6 { clear: both; overflow: hidden; margin-top: 50px; transition: opacity .3s .6s, visibility 0s .6s, margin-top 0s .6s; display: flex; align-items: stretch; flex-wrap: wrap; }
.ny-xiaoguo6 li { width: calc(100% / 6); float: left; border: 1px solid #E0E0E0; background: #f5f5f5; margin-left: -1px; transition: all 0.3s; }
.ny-xiaoguo6 li a { text-decoration: none; position: relative; display: block; padding: 50px 40px; transition: all .3s; }
.ny-xiaoguo6 li img { margin-bottom: 30px; transition: all .3s; margin-left: auto; margin-right: auto; display: block; margin-top: 20px; max-width: 100%; }
.ny-xiaoguo6 li b { display: block; color: #333; font-weight: bolder; text-align: center; font-size: 26px; margin: 40px 0 20px 0; }
.ny-xiaoguo6 li a p { color: #666; font-size: 14px; line-height: 24px; text-align: center; text-transform: uppercase; }
.ny-xiaoguo6 li:last-child a { border-right: none; }
.ny-xiaoguo6 li:hover { background: #093AA7; transform: scale(1.1); }
.ny-xiaoguo6 li:hover p, .ny-xiaoguo6 li:hover b { color: #fff; }

/* 产品名称 */
.sl { padding: 50px 0; position: relative; }
.sl .wal { position: relative; }
.xcal .swiper-wrapper { padding-top: 20px; }
.xcal .swiper-slide { transition: all 0.5s ease; position: relative; }
.xcal .swiper-slide .info img { margin-top: 10%; }
.xcal .swiper-slide .info i { display: block; line-height: 28px; margin-top: 30px; }
.xcal .swiper-slide .inner-con { position: relative; z-index: 1; border: 1px solid #E0E0E0; margin: 1px; }
.xcal .swiper-slide img { display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%; }
.xcal .swiper-slide p { background-color: #093AA7; color: #fff; text-align: center; height: 70px; line-height: 70px; font-size: 16px; }
.sl .swiper-button-next { position: absolute; top: 45%; right: -100px; color: #152b81; cursor: pointer; overflow: hidden; z-index: 9; width: 60px; text-align: center; height: 60px; line-height: 60px; border: 2px solid #dedede; border-radius: 100%; --swiper-navigation-size: 0; color: #fff; background: rgba(0, 0, 0, 0.3); cursor: pointer; overflow: hidden; z-index: 10; font-size: 30px; transition: all .5s ease; outline: none; }
.sl .swiper-button-prev { position: absolute; top: 45%; left: -100px; color: #152b81; text-align: center; cursor: pointer; overflow: hidden; z-index: 9; width: 60px; height: 60px; line-height: 60px; border: 2px solid #dedede; border-radius: 100%; --swiper-navigation-size: 0; color: #fff; background: rgba(0, 0, 0, 0.3); cursor: pointer; overflow: hidden; z-index: 10; font-size: 30px; transition: all .5s ease; outline: none; }
.sl .swiper-button-prev:hover, .sl .swiper-button-next:hover { background: #152b81; border: 2px solid #152b81; color: #fff; }
.xcal .swiper-slide:hover { margin-top: -10px; }
.xcal .swiper-slide:hover p { background: #152b81; color: #fff; }

/* 优势 */
.ys { background: url(../images/fanga.jpg) no-repeat; background-size: 100%; padding-top: 100px; padding-bottom: 30px; margin-top: 50px; }
.ys_con { margin-top: 60px; background: #fff; padding: 30px; }
.zzsc { width: 100%; height: auto; margin: 20px auto; }
.zzsc .tab { overflow: hidden; }
.zzsc .tab a { display: block; font-size: 22px; padding: 30px 0; width: calc(25% - 10px); color: #333; background: #fff; margin: 0 5px; text-align: center; float: left; text-decoration: none; transition: all .3s; }
.zzsc .tab a span { display: block; font-size: 16px; text-transform: uppercase; color: #666; margin-top: 10px; }
.zzsc .tab a.on { background-color: #093AA7; color: #fff; }
.zzsc .tab a.on span { color: #fff; }
.zzsc .co { overflow: hidden; margin: 5px; }
.zzsc .co>ul { margin-top: 30px; }
.zzsc .co li { display: none; width: 100%; list-style: none; position: relative; }
.ys_list { margin-top: 40px; }
.ys_list_right { float: left; width: 50%; }
.ys_list_left { float: right; width: 50%; padding: 40px 5%; background: #ffffff; line-height: 24px; font-size: 14px; color: #585657; }
.ys_list_left i { font-size: 62px; display: block; margin-bottom: 10px; color: #093AA7; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }
.ys_list_left b { line-height: 56px; color: #333; padding: 28px 0 0; font-size: 36px; position: relative; font-weight: 500; display: block; }
.ys_list_left span { display: block; font-size: 20px; line-height: 28px; margin: 30px 0; }
.ys_list_left p { font-size: 16px; padding-top: 10px; line-height: 26px; color: #666; }
.ys_list_left a { display: block; padding-top: 10px; color: #C21125; }

/* 设备环境 */
#case { position: relative; padding: 60px 0; }
#case .wal { position: relative; }
#case .swiper-container { width: 100%; margin-top: 30px; }
#case .swiper-slide { width: 100%; height: 100%; background: #fff; position: relative; transform: scale(0.85); margin-top: 70px; margin-bottom: 70px; -webkit-transition: transform 1.0s; transition: transform 1.0s; }
#case .swiper-slide img { width: 100%; display: block; height: 100%; border: none; }
#case .swiper-slide a { display: block; position: relative; }
#case .swiper-slide p { line-height: 70px; padding-top: 0; text-align: center; color: #fff; font-size: 20px; margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; background: #093AA7; height: 70px; }
#case .swiper-slide-active { border-radius: 2px; box-shadow: 0 2px 6px rgb(0 0 0 / 30%); box-shadow: 0 4px 20px 0 rgb(0 0 0 / 30%); }
#case .swiper-slide-active .layer-mask { display: none; }
.layer-mask { width: 100%; height: calc(100% - 70px); transition: all 0.5s; background: rgba(255, 255, 255, .7); position: absolute; left: 0; top: 0; right: 0; bottom: 100px; }
#case .swiper-button-next { right: -80px; width: 65px; height: 65px; line-height: 60px; text-align: center; border: 2px solid #dedede; border-radius: 100%; --swiper-navigation-size: 0; color: #fff; background: rgba(0, 0, 0, 0.3); cursor: pointer; overflow: hidden; z-index: 10; font-size: 36px; transition: all .5s ease; outline: none; }
#case .swiper-button-prev { left: -80px; width: 65px; height: 65px; line-height: 60px; text-align: center; border: 2px solid #dedede; border-radius: 100%; --swiper-navigation-size: 0; color: #fff; background: rgba(0, 0, 0, 0.3); cursor: pointer; overflow: hidden; z-index: 10; font-size: 36px; transition: all .5s ease; outline: none; }
#case .swiper-button-prev:hover, #case .swiper-button-next:hover { border: 2px solid #152b81; color: #fff; background: #152b81; }
#case .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-transform: scale(1.15); transform: scale(1.15); z-index: 1002; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

/* 流程 */
.liucheng { background: -webkit-linear-gradient(#DEE8F4, #F5F9FC); background: -o-linear-gradient(#DEE8F4, #F5F9FC); background: -moz-linear-gradient(#DEE8F4, #F5F9FC); background: linear-gradient(#DEE8F4, #F5F9FC); padding: 60px 0; }
.lc_con { position: relative; }
.lc_bg { position: absolute; top: 75px; left: 30px; width: 93%; height: 40px; background: #093AA7; z-index: 1; }
.lc_bg2 { position: absolute; top: 265px; width: 93%; left: 50px; height: 40px; background: #093AA7; z-index: 1; }
.lc_bg3 { position: absolute; right: -50px; top: 75px; width: 230px; height: 230px; border: 40px solid #093AA7; border-radius: 80px; clip-path: polygon(50% 0%, 100% 0%, 100% 3600%, 50% 50%); -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 3600%, 50% 50%); }
.lc_bg4 { position: absolute; z-index: 3; left: 20px; top: 235px; width: 0; height: 0; border-right: 50px solid #093AA7; border-top: 50px solid transparent; border-bottom: 50px solid transparent; }
.lc_box { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; position: relative; z-index: 2; }
.lc_box .item { width: calc((100% / 6) - 30px); height: 88px; line-height: 88px; border: 1px solid #093AA7; background: #fff; border-radius: 20px; margin: 50px 15px; font-size: 20px; font-weight: bold; text-align: center; }
.lc_box .item:first-child { background: #093AA7; color: #fff; }
.lc_box .item:hover { background: #152b81; cursor: pointer; color: #fff; border: 1px solid #152b81; }
.lc_box2 { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; flex-direction: row-reverse; position: relative; z-index: 2; }
.lc_box2 .item { width: calc((100% / 6) - 30px); height: 88px; line-height: 88px; border: 1px solid #093AA7; background: #fff; border-radius: 20px; margin: 50px 15px; font-size: 20px; font-weight: bold; text-align: center; }
.lc_box2 .item:hover { background: #152b81; cursor: pointer; color: #fff; border: 1px solid #152b81; }

/* 新闻 */
.news_bg { background: #f5f5f5; padding: 50px 0; }
.news_con { display: flex; align-items: stretch; justify-content: space-between; margin: 50px 0; }
.news_con a { width: 50%; }
.news_con a span { color: #868686; display: block; }
.news_con a b { color: #000; display: block; font-size: 28px; margin: 15px 0; }
.news_con a p { color: #5F636F; font-size: 16px; line-height: 28px; }
.news_con a i { display: block; width: 160px; border-radius: 45px; height: 45px; line-height: 45px; margin-top: 30px; text-align: center; color: #57789E; border: 1px solid #57789E; }
.news_con a i:hover { background: #093AA7; color: #fff; }
.news_con a:first-child { border-right: 1px solid #e0e0e0; padding-right: 60px; }
.news_con a:last-child { padding-left: 60px; }
.news-two ul { display: flex; flex-wrap: wrap; margin-top: 60px; }
.news-two ul li { width: 33.33%; margin-top: 10px; }
.news-two a { display: flex; justify-content: center; flex-direction: column; padding: 30px 20px; transition: .3s; margin-left: -1px; border: 1px solid #e0e0e0; }
.news-two a:hover { box-shadow: 0 0 10px #dedede; background: #093AA7; background-size: 100%; }
.news-two a:hover span { color: #fff; }
.news-two a:hover .day, .news-two a:hover .newscon, .news-two a:hover .newscon b { color: #fff; }
.day { color: #666; width: 100%; margin: 7px 0; font-size: 14px; border-top: 1px solid #dedede; }
.day span { font-size: 16px; float: right; }
.day p { padding-top: 20px; }
.newscon b { padding-bottom: 10px; font-size: 16px; color: #333; display: block; }
.newscon p { text-align: left; line-height: 24px; font-size: 14px; }

/*底部footer*/
.footer { background: url(../images/ftbg.jpg) no-repeat; background-size: cover; }
.foot { padding: 60px 0; }
.foot b { font-size: 22px; color: #fff; display: block; text-transform: uppercase; margin-bottom: 32px; }
.foot span { color: #fff; font-size: 20px; font-weight: normal; padding-right: 8px; }
.foot .ft-nav { width: 40%; }
.foot .ft-nav li { float: left; margin-bottom: 22px; width: 50%; }
.foot .ft-nav li a { font-size: 16px; display: block; color: #fff; }
.foot .ft-nav li a:hover { color: #152b81; }
.foot .ft-contact { width: 35%; margin-left: 5%; }
.foot .ft-contact p { width: 100%; color: #fff; font-size: 16px; margin-bottom: 22px; }
.foot .footer_center { margin-top: 62px; display: flex; justify-content: center; flex-direction: column; }
.foot .ewm { width: 132px; }
.foot .ewm img { max-width: 120px; }
.foot .ewm p { margin-top: 10px; text-align: center; color: #fff; }
.copyright { padding: 20px 10px; text-align: center; color: #fff; border-top: 1px solid rgba(255, 255, 255, .2); }
.copyright a { color: #fff; }

/*返回*/
.back-to-top { position: fixed; display: none; width: 50px; height: 50px; text-align: center; border-radius: 3px; right: 65px; bottom: 65px; background: #152b81; color: #fff; transition: display 0.5s ease-in-out; z-index: 999; }
.back-to-top i { font-size: 26px; width: 50px; height: 50px; line-height: 50px; }
.back-to-top:hover { color: #fff; background: #152b81; transition: background 0.2s ease-in-out; }
.admin_mk img { max-width: 100% !important; height: auto !important; display: inline-block; }
.admin_mk p { text-wrap: inherit !important; }
.admin_mk p span { text-wrap: inherit !important; }
.pagebar { padding: 20px; overflow: hidden; clear: both }
.pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; }
.pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height: 100% }
.pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; }
.pagination a:hover { color: #333; border: 1px solid #333; }
.pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; }
.pagination .st { font-family: 宋体 }
.text-secondary { text-align: center; padding: 20px 0 }

/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar { padding: 20px; overflow: hidden; clear: both }
.pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; }
.pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height: 100% }
.pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; }
.pagination a:hover { color: #333; border: 1px solid #333; }
.pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; }
.pagination .st { font-family: 宋体 }
.text-secondary { text-align: center; padding: 20px 0 }