@charset "UTF-8";
/* 主题色*/
/* 
背景色
由深到浅排序
*/
/*
文本颜色
由深到浅排序
*/
h1.hide {display: none;}
.mt-0 { margin-top: 0px !important; }

.mb-0 { margin-bottom: 0px !important; }

.pt-0 { padding-top: 0px !important; }

.pb-0 { padding-bottom: 0px !important; }

.mt-10 { margin-top: 10px !important; }

.mb-10 { margin-bottom: 10px !important; }

.pt-10 { padding-top: 10px !important; }

.pb-10 { padding-bottom: 10px !important; }

.mt-20 { margin-top: 20px !important; }

.mb-20 { margin-bottom: 20px !important; }

.pt-20 { padding-top: 20px !important; }

.pb-20 { padding-bottom: 20px !important; }

.mt-30 { margin-top: 30px !important; }

.mb-30 { margin-bottom: 30px !important; }

.pt-30 { padding-top: 30px !important; }

.pb-30 { padding-bottom: 30px !important; }

.mt-40 { margin-top: 40px !important; }

.mb-40 { margin-bottom: 40px !important; }

.pt-40 { padding-top: 40px !important; }

.pb-40 { padding-bottom: 40px !important; }

.mt-50 { margin-top: 50px !important; }

.mb-50 { margin-bottom: 50px !important; }

.pt-50 { padding-top: 50px !important; }

.pb-50 { padding-bottom: 50px !important; }

.mt-60 { margin-top: 60px !important; }

.mb-60 { margin-bottom: 60px !important; }

.pt-60 { padding-top: 60px !important; }

.pb-60 { padding-bottom: 60px !important; }

.mt-70 { margin-top: 70px !important; }

.mb-70 { margin-bottom: 70px !important; }

.pt-70 { padding-top: 70px !important; }

.pb-70 { padding-bottom: 70px !important; }

.mt-80 { margin-top: 80px !important; }

.mb-80 { margin-bottom: 80px !important; }

.pt-80 { padding-top: 80px !important; }

.pb-80 { padding-bottom: 80px !important; }

.h-44 { height: 44px; }

.h-71 { height: 71px; }

.h-88 { height: 88px; }

.h-104 { height: 104px; }

.h-140 { height: 140px; }

.h-144 { height: 144px; }

.h-216 { height: 216px; }

.h-360 { height: 360px; }

.w-1200 { width: 1200px; }

.m-1200, .m-box { width: 1200px; margin-left: auto; margin-right: auto; }

.w-160 { width: 160px; }

.w-260 { width: 260px; }

.w-880 { width: 880px; }

.w-820 { width: 820px; }

.w-300 { width: 300px; }

.w-360 { width: 360px; }

.m-aut{width: auto; display:flex;}

.mb-8 { margin-bottom: 8px; }

.mr-16 { margin-right: 16px; }

.pt-40 { padding-top: 40px; }

.pt-80 { padding-top: 80px; }

.pl-20 { margin-left: 20px; }

.fw-600 { font-weight: 600; }

.u-relative { position: relative; }

.c-warn { color: #F24949; }

.c-suc { color: #2FAA18; }

.c-orange { color: #258aff; }

.bg-fair { background-color: #f7f9fa; }

.bg-white { background-color: #ffffff; }

.bg-blue { background-color: #2762C9; }

.bg-black { background-color: #293140; }

.bg-orange { background-color: #258aff; }

.text-center { text-align: center; }

.text-left { text-align: left !important; }

.border-none { border: none !important; }

.u-time { display: block; height: 20px; padding-left: 24px; line-height: 20px; font-size: 14px; position: relative; }

.u-time i { position: absolute; top: 0; left: 0; }

.u-time.h-18 { height: 18px; line-height: 18px; }

.m-title { height: 45px; line-height: 45px; font-size: 32px; color: #2A3457; text-align: center; }

.m-title-sub { height: 22px; margin-top: 16px; line-height: 22px; color: #686F88; text-align: center; }

.m-spread-tab { height: 25px; padding-bottom: 24px; border-bottom: 1px solid #E0E6ED; position: relative; }

.m-spread-tab ul { line-height: 25px; font-size: 18px; color: #2A3457; }

.m-spread-tab li { margin-right: 30px; float: left; position: relative; }

.m-spread-tab li.active, .m-spread-tab li:hover { color: #258aff; cursor: pointer; }

.m-spread-tab li.active::after, .m-spread-tab li:hover::after { content: ''; display: block; width: 40px; height: 4px; background-color: #258aff; position: absolute; bottom: -25px; left: 50%; margin-left: -20px; }

.m-spread-tab a { display: block; height: 25px; line-height: 25px; position: absolute; right: 0; bottom: 24px; }

.m-spread-tab a i { margin-left: 8px; }

.m-spread-tab a:hover { color: #258aff; text-decoration: none; }

.m-spread-tab a:hover::after { background-color: #258aff; }

.u-tab-more { display: block; float: right; color: #686F88; position: relative; font-size: 14px; }

.u-tab-more i { margin-left: 8px; }

.u-tab-more:hover { text-decoration: none; color: #258aff; }

.m-full-tab,.m-full-tab1 { border-bottom: 1px solid #E0E6ED; text-align: center; font-size: 18px; }

.m-full-tab li,.m-full-tab1 li { padding-bottom: 26px; float: left; cursor: pointer; position: relative; }

.m-full-tab li:hover, .m-full-tab li.active { color: #258aff; }

.m-full-tab li:hover::after, .m-full-tab li.active::after { content: ''; display: block; width: 40px; height: 4px; background-color: #258aff; position: absolute; bottom: -1px; left: 50%; margin-left: -20px; }

.m-full-tab1 li p{display: block;width: 120px;height: 40px;text-align: center;line-height: 40px;border-radius: 6px;margin:0 auto;border:1px solid rgb(239,239,241); }

.m-full-tab1 li.active p,.m-full-tab1 li p:hover{ color: #fff;background-color: rgb(37,138,255); }

		
.btn { display: inline-block; box-sizing: border-box; padding: 0 40px; height: 40px; line-height: 40px; font-size: 14px; }
.btn.hide {display: none}
.btn:hover { text-decoration: none; }

.btn.pd-12 { padding: 0 12px; }

.btn.pd-32 { padding: 0 32px; }

.btn.pd-36 { padding: 0 36px; }

.btn.block { display: block; margin: 0 auto; }

.btn-orange { background-color: #258aff; color: #ffffff; }

.btn-blue { background-color: rgb(37,138,255); color: #ffffff; }

.btn-orange:hover { box-shadow: 0px 6px 18px -9px #258aff; color: #ffffff; }

.btn-white { background-color: #ffffff; color: #258aff; }

.btn-white:hover { color: #258aff; box-shadow: 0px 6px 18px -9px rgba(0, 0, 0, 0.4); }

.btn-gray { background-color: #F1F4F7; color: #686F88; }

.btn-gray:hover { color: #686F88; box-shadow: 0px 6px 18px -9px #cfd9e6; }

.btn-line-orange { border: 1px solid #258aff; color: #258aff; background-color: #ffffff; }

.btn-line-orange:hover { background-color: #258aff; color: #ffffff; box-shadow: 0px 6px 18px -9px #258aff; }

.btn-line-gray { border: 1px solid #E0E6ED; background-color: #ffffff; color: #686F88; }

.btn-line-gray:hover { color: #686F88; background-color: #F7F9FA; box-shadow: 0px 6px 18px -9px #CFD9E6; }

.btn-line-white { color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.3); }

.btn-line-white:hover { border-color: #258aff; background-color: #258aff; box-shadow: 0px 6px 18px -9px #258aff; color: #ffffff; }

.tag-btn { display: inline-block; box-sizing: border-box; height: 20px; padding: 0 5px; line-height: 18px; font-size: 12px; border: 1px solid rgba(232, 123, 42, 0.3); color: #258aff; background-color: #ffffff; }

.tag-btn:hover { background-color: rgba(232, 123, 42, 0.3); }

/* top */
.xz-top { width: 100%; background-color: #2A3457; }

.top-main { width: 1200px; height: 39px; margin: 0 auto; font-size: 13px; color: rgba(255, 255, 255, 0.7); }

.top-nav { height: 100%; line-height: 39px; float: left; margin-left: -20px; }

.top-nav li { float: left; position: relative; }

.top-nav li::before { content: ''; display: block; width: 1px; height: 14px; background: rgba(255, 255, 255, 0.2); position: absolute; top: 12px; left: 0; }

.top-nav li:first-child::before { display: none; }

.top-nav .top-nav-item { display: block; padding: 0 20px; color: rgba(255, 255, 255, 0.7); }
         
.top-nav .top-nav-item a {width: 100%; height: 100%; cursor: pointer;  color: rgba(255, 255, 255, 0.7); }

.top-nav .top-nav-item:hover { background-color: #258aff; color: #fff; text-decoration: none; }

.top-nav p.top-nav-item { cursor: default; }

.top-nav .top-nav-item.hover { background-color: #258aff; color: #fff; }

.top-nav .top-nav-sub { display: none; width: 100%; padding: 8px 0; background-color: #fff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 39px; left: 0; z-index: 9; }

.top-nav .top-nav-sub a { display: block; text-align: center; }

.top-nav .top-nav-sub a:hover { background-color: #F1F4F7; text-decoration: none; color: #2A3457; }

.top-search { width: 140px; height: 24px; margin-top: 7px; background: #ffffff; float: right; position: relative; }

.top-search input { box-sizing: border-box; width: 100%; height: 100%; padding: 0 22px 0 10px; background-color: #fff; border: none; }

.top-search button { display: block; width: 16px; height: 16px; line-height: 16px; position: absolute; top: 4px; right: 8px; border: none; }

.top-phone { margin: 0 10px 0 20px; line-height: 39px; float: right; }

.top-phone span, .top-phone em { display: block; float: left; }

.top-phone em { font-size: 16px; color: #258aff; }

.top-wx { float: right; position: relative; }

.top-wx .top-wx-handle { height: 39px; line-height: 39px; padding: 0 20px; position: relative; }

.top-wx .top-wx-handle i { margin-right: 8px; line-height: 16px; vertical-align: text-bottom; color: rgba(255, 255, 255, 0.5); }

.top-wx .top-wx-handle::after { content: ''; display: block; width: 1px; height: 14px; background-color: rgba(255, 255, 255, 0.2); position: absolute; top: 12px; right: 0; }

.top-wx .top-wx-handle.hover { background-color: #258aff; color: #ffffff; }

.top-wx .top-wx-handle.hover i { color: #ffffff; }

.top-wx .top-wx-slide { display: none; width: 100%; padding: 10px 0 16px; background-color: #fff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 39px; left: 0; z-index: 9; }

.top-wx .top-wx-slide img { display: block; width: 96px; height: 96px; margin: 0 auto; }

.top-wx .top-wx-slide span { display: block; height: 18px; line-height: 18px; text-align: center; margin: 12px auto 0; font-size: 13px; color: #2A3457; }

/* end */
/* header */
.xz-header { height: 120px; position: relative; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.xz-header .m-box { position: relative; }

.xz-header .header-logo { display: block; width: 155px; height: 65px; margin-top: 30px; float: left; }

.xz-header .header-logo img { display: block; width: 100%; height: 100%; }

.xz-header .header-nav { height: 100%; float: right; font-size: 16px; margin-right: -15px; }

.xz-header .header-nav-item { display: block; line-height: 120px; padding: 0 15px; float: left; color: #2A3457; cursor: pointer; }

.xz-header .header-nav-item:hover .header-nav-sup { color: #258aff; }

.xz-header a.header-nav-item:hover { text-decoration: none; color: #258aff; }

.xz-header .header-nav-sup.active, .xz-header a.header-nav-item.active { color: #258aff; }

.xz-header .header-nav-about { display: none; width: 140px; padding: 18px 0; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); text-align: center; background-color: #fff; position: absolute; top: 120px; left: -38px; z-index: 9; }

.xz-header .header-nav-about a { display: block; height: 48px; line-height: 48px; font-size: 14px; color: #2A3457; }

.xz-header .header-nav-about a:hover { text-decoration: none; background-color: #F1F4F7; }

.xz-header .header-nav-about a.active { color: #258aff; }

.xz-header .header-nav-more { display: none; width: 1200px; background-color: #ffffff; box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 120px; z-index: 10; }

.xz-header .header-nav-more li, .xz-header .header-nav-more a { display: block; box-sizing: border-box; width: 400px; height: 136px; padding: 40px 0 0 84px; float: left; position: relative; border-right: 1px solid #E8EDF2; border-bottom: 1px solid #E8EDF2; }

.xz-header .header-nav-more li:nth-child(3n), .xz-header .header-nav-more a:nth-child(3n) { border-right: 0; }

.xz-header .header-nav-more img { display: block; width: 24px; height: 24px; position: absolute; top: 40px; left: 40px; }

.xz-header .header-nav-more p { height: 25px; line-height: 25px; font-size: 18px; }

.xz-header .header-nav-more span { display: block; height: 20px; margin-top: 10px; line-height: 20px; color: #9FA3B3; }

/* end */
/* 面包屑导航 */
.xz-brand-crumbs { box-sizing: content-box; height: 18px; line-height: 18px; padding: 15px 0; font-size: 13px; }

.xz-brand-crumbs span, .xz-brand-crumbs em, .xz-brand-crumbs a { display: block; float: left; }

.xz-brand-crumbs span { color: #9FA3B3; }

.xz-brand-crumbs a { padding-right: 23px; color: #9FA3B3; position: relative; }

.xz-brand-crumbs a:after { content: ''; display: inline-block; width: 4px; height: 8px; background: url("/d/main/img/005.png") no-repeat center center; background-size: 100% 100%; position: absolute; top: 6px; right: 9px; }

.xz-brand-crumbs em, .xz-brand-crumbs h1 { color: #686F88; }

/* end */
/* footer */
.xz-footer-a { background-color: #141621; }

.xz-footer-a .footer-web { padding: 80px 0; }

.xz-footer-a .footer-logo { display: block; width: 251px; height: 65px; }

.xz-footer-a .footer-logo img { width: 100%; height: 100%; }

.xz-footer-a .footer-logo-slogan { display: block; width: 253px; height: 21px; margin-top: 16px; }

.xz-footer-a .footer-company-info { margin-top: 44px; color: rgba(255, 255, 255, 0.7); }

.xz-footer-a .footer-company-info p { height: 20px; line-height: 20px; }

.xz-footer-a .footer-company-info div { height: 33px; margin: 4px 0 8px; line-height: 33px; font-size: 24px; color: #258aff; }

.xz-footer-a .footer-link-btn { margin-top: 40px; }

.xz-footer-a .footer-link-btn a { display: block; margin-right: 12px; float: left; }

.xz-footer-a .u-wx-btn { width: 40px; position: relative; }

.xz-footer-a .u-wx-btn:before { content: ''; display: block; width: 16px; height: 13px; background: url("http://img-i.gcimg.net/2019/0104/dy8vszf65ukw8nqq065258.png") no-repeat center center; background-size: 100% 100%; position: absolute; top: 14px; left: 12px; }

.xz-footer-a .footer-web-server { float: right; color: #ffffff; }

.xz-footer-a .footer-web-server dl { width: 160px; float: left; }

.xz-footer-a .footer-web-server dt { height: 25px; margin-bottom: 24px; line-height: 25px; font-size: 18px; }

.xz-footer-a .footer-web-server dd { height: 40px; line-height: 40px; }

.xz-footer-a .footer-web-server dd a { color: rgba(255, 255, 255, 0.7); }

.xz-footer-a .footer-web-server dd a:hover { color: #ffffff; }

.xz-footer-a .footer-copyright { display: flex; padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); align-items: center; justify-content: center; }

.xz-footer-a .footer-copyright p { margin: 0 13px 0 8px; color: rgba(255, 255, 255, 0.7); }

.xz-footer-a .footer-copyright .u-record-img { display: block; width: 16px; height: 16px; }

.xz-footer-a .footer-copyright .u-star-img { display: block; width: 127px; height: 28px; }

.xz-footer-b { background-color: #2A3457; }

.xz-footer-b .footer-web { padding: 60px 0 30px; }

.xz-footer-b .footer-company-link { width: 180px; float: left; }

.xz-footer-b .footer-company-link .footer-logo { display: block; width: 100%; height: 40px; margin-bottom: 24px; }

.xz-footer-b .footer-company-link .footer-logo img { width: 100%; height: 100%; }

.xz-footer-b .footer-company-link .btn { width: 100%; padding: 0 auto; text-align: center; }

.xz-footer-b .footer-company-link p { margin: 12px 0 16px; line-height: 18px; color: #999999; font-size: 13px; }

.xz-footer-b .footer-company-link em { height: 33px; line-height: 33px; font-size: 24px; color: #ffffff; }

.xz-footer-b .footer-web-server { float: right; color: #ffffff; }

.xz-footer-b .footer-web-server dl { width: 120px; float: left; }

.xz-footer-b .footer-web-server dl:last-child { width: 73px; }

.xz-footer-b .footer-web-server dt { height: 25px; padding: 10px 0 24px; margin-bottom: 25px; line-height: 25px; font-size: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.xz-footer-b .footer-web-server dd { height: 32px; line-height: 32px; }

.xz-footer-b .footer-web-server dd a { color: rgba(255, 255, 255, 0.7); }

.xz-footer-b .footer-web-server dd a:hover { color: #ffffff; }

.xz-footer-b .footer-wx-server { width: 90px; margin: 90px 72px 0 88px; float: right; }

.xz-footer-b .footer-wx-server img { display: block; width: 90px; height: 90px; }

.xz-footer-b .footer-wx-server p { height: 18px; margin-top: 13px; line-height: 18px; text-align: center; color: rgba(255, 255, 255, 0.5); font-size: 13px; }

.xz-footer-b .footer-copyright { display: flex; padding: 13px 0 14px; border-top: 1px solid rgba(255, 255, 255, 0.2); align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.7); }

.xz-footer-b .footer-copyright p { margin-right: 10px; }

.xz-footer-b .footer-copyright a { margin: 0 5px; color: rgba(255, 255, 255, 0.7); }

/* end */
/* footer */
/* 联系我们 */
.xz-contact { width: 1200px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; }

.xz-contact li { width: 313px; position: relative; text-align: center; }

.xz-contact li::after { content: ''; display: block; height: 100%; width: 1px; background-color: #E8EDF2; position: absolute; top: 0; left: -45px; }

.xz-contact li:first-child::after { display: none; }

.xz-contact div { width: 56px; height: 56px; margin: 0 auto; line-height: 56px; }

.xz-contact h5 { height: 33px; margin-top: 24px; line-height: 33px; font-size: 24px; font-size: 24px; color: #2A3457; }

.xz-contact p { margin-top: 25px; font-size: 14px; line-height: 22px; color: #686F88; text-align: left; }

.xz-contact .btn { height: 44px; margin-top: 23px; line-height: 44px; }

.xz-contact span { display: block; margin-top: 16px; line-height: 25px; color: #686F88; text-align: left; }

.xz-contact span em { font-size: 18px; color: #258aff; }

.m-page-nav-wrap { height: 80px; position: relative; }

.m-page-nav-wrap .m-page-nav { width: 100%; display: flex; justify-content: center; background-color: #ffffff; position: absolute; left: 0; top: 0; }

.m-page-nav-wrap .m-page-nav li { padding: 27px 0; margin: 0 64px; }

.m-page-nav-wrap .m-page-nav li p { height: 25px; line-height: 25px; }

.m-page-nav-wrap .m-page-nav.fixed { position: fixed; top: 0; left: 0; z-index: 999; transition: all 1s linear; }

/* 内页模型结构 */
.inside-page-model { padding: 120px 0 80px; background: #F7F9FA url("/d/main/img/006.png") no-repeat center top; background-size: 1920px 310px; }

.inside-page-model .m-1200 { background-color: #F1F4F7; }

.inside-page-model .i-line { display: block; width: 100%; height: 1px; background-color: #E8EDF2; }

.inside-page-model-nav { width: 236px; box-sizing: border-box; float: left; }

.inside-page-model-nav h4 { height: 33px; padding: 60px 0 20px 40px; margin-bottom: 30px; line-height: 33px; color: #2A3457; font-size: 24px; border-bottom: 1px solid #E8EDF2; background: #ffffff url("/d/main/img/007.png") no-repeat left top; background-size: 50px 50px; }

.inside-page-model-nav a, .inside-page-model-nav p { display: block; height: 46px; padding-left: 40px; line-height: 46px; color: #686F88; font-size: 16px; }

.inside-page-model-nav a:hover, .inside-page-model-nav a.active { background-color: #E8EDF2; color: #258aff; position: relative; text-decoration: none; }

.inside-page-model-nav a:hover::after, .inside-page-model-nav a.active::after { content: ''; display: block; width: 3px; height: 100%; background-color: #258aff; position: absolute; top: 0; right: 0; }

.inside-page-model-main { box-sizing: border-box; width: 964px; padding: 60px; float: right; background-color: #ffffff; position: relative; }

.inside-page-model-main::before { content: ''; display: block; height: 100%; border-left: 1px solid #EAEEF3; position: absolute; top: 0; left: 0; }

.inside-page-model-title { padding-bottom: 20px; line-height: 33px; font-size: 24px; color: #2A3457; border-bottom: 1px solid #E8EDF2; }

.inside-page-model-img { display: block; width: 100%; height: 340px; margin-top: 30px; }

.m-txt-intro { color: #686F88; line-height: 22px; }

.m-txt-intro p { margin-bottom: 10px; }

.m-txt-intro p:last-child { margin-bottom: 0; }

.inside-page-model-tab { height: 28px; padding: 40px 0 30px; padding-left: 23px; line-height: 28px; font-size: 20px; color: #2A3457; position: relative; }

.inside-page-model-tab::before { content: ''; display: block; width: 8px; height: 8px; background-color: #258aff; position: absolute; top: 50px; left: 0; }

.inside-page-model-tab .u-tab-more { height: 20px; line-height: 20px; float: none; position: absolute; bottom: 30px; right: 0; }

.inside-page-model-tab .u-tab-more::after { top: 6px; }

.inside-page-model-contact { padding: 80px 0; }

.inside-page-model-contact .xz-contact { margin: 60px auto 0; }

/* 分页 */
.u-paging { height: 40px; line-height: 40px; text-align: center; margin: 40px auto 0; }

.u-paging a { display: inline-block; box-sizing: border-box; width: 40px; height: 40px; margin: 0 6px; border: 1px solid #E8EDF2; background-color: #ffffff; line-height: 38px; text-align: center; color: #2A3457; vertical-align: middle; }

.u-paging a.next { background: #fff url("/d/main/img/008.png") no-repeat center center; background-size: 16px 16px; }

.u-paging a.prev { background: #fff url("/d/main/img/009.png") no-repeat center center; background-size: 16px 16px; }

.u-paging a.current, .u-paging a.current:hover { color: #ffffff; background-color: #258aff; }

.u-paging a.disabled { cursor: not-allowed; color: #CFD9E6; }

.u-paging span { cursor: default; }

.u-paging a:hover { border-color: #E0E6ED; background-color: #F7F9FA; box-shadow: 0px 6px 18px -9px #cfd9e6; }

.u-input, .u-select { box-sizing: border-box; width: 360px; height: 40px; padding: 10px 54px 10px 12px; border: 1px solid #E0E6ED; background-color: #ffffff; outline: none; }

.u-input:hover, .u-select:hover { border-color: #258aff; }

.u-input:focus, .u-select:focus { border-color: #258aff; box-shadow: 0px 0px 6px 0px rgba(232, 123, 42, 0.6); }

.u-input::-webkit-input-placeholder, .u-select::-webkit-input-placeholder { color: #BFBFBF; }

.u-input::placeholder, .u-input::-webkit-input-placeholder, .u-input::-moz-placeholder, .u-input:-ms-input-placeholder, .u-select::placeholder, .u-select::-webkit-input-placeholder, .u-select::-moz-placeholder, .u-select:-ms-input-placeholder { color: #BFBFBF; }

.u-textarea { box-sizing: border-box; min-height: 84px; padding: 10px 12px; border: 1px solid #E0E6ED; resize: none; outline: none; }

.u-textarea:hover { border-color: #258aff; }

.u-textarea:focus { border-color: #258aff; box-shadow: 0px 0px 6px 0px rgba(232, 123, 42, 0.6); }

.u-textarea::-webkit-input-placeholder { color: #BFBFBF; }

.u-textarea::placeholder, .u-textarea::-webkit-input-placeholder, .u-textarea::-moz-placeholder, .u-textarea:-ms-input-placeholder { color: #BFBFBF; }

.status-input:hover { border-color: #258aff; }

.status-input:focus { border-color: #258aff; box-shadow: 0px 0px 6px 0px rgba(232, 123, 42, 0.6); }

.status-input::-webkit-input-placeholder { color: #BFBFBF; }

.status-input::placeholder, .status-input::-webkit-input-placeholder, .status-input::-moz-placeholder, .status-input:-ms-input-placeholder { color: #BFBFBF; }

.m-select { position: relative; }

.m-select .u-select { box-sizing: border-box; height: 40px; padding: 10px 54px 10px 12px; border: 1px solid #E0E6ED; background-color: #ffffff; cursor: pointer; }

.m-select .u-select:hover span { border-color: #258aff; }

.m-select .u-select span { color: #BFBFBF; }

.m-select .u-select.focus { border-color: #258aff; box-shadow: 0px 0px 6px 0px rgba(232, 123, 42, 0.6); }

.m-select-list { display: none; box-sizing: border-box; width: 100%; padding: 20px 0; background-color: #ffffff; border: 1px solid #E8EDF2; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 50px; left: 0; z-index: 9; }

.m-select-list li { height: 40px; line-height: 40px; padding-left: 20px; cursor: pointer; }

.m-select-list li:hover, .m-select-list li.active { background-color: #258aff; color: #ffffff; }

.m-select-imit { display: inline-block; width: 360px; height: 40px; position: relative; vertical-align: middle; }

.m-select-imit .m-select-panel { box-sizing: border-box; width: 100%; height: 40px; padding: 10px 54px 10px 12px; border: 1px solid #E0E6ED; background-color: #ffffff; position: relative; cursor: pointer; }

.m-select-imit .m-select-panel span { color: #BFBFBF; }

.m-select-imit .m-select-panel.hover { border-color: #258aff; }

.m-select-imit .m-select-panel.focus { box-shadow: 0px 0px 6px 0px rgba(232, 123, 42, 0.6); }

.m-select-imit .iconfont { position: absolute; top: 8px; right: 12px; }

.m-select-imit .m-select-menu { display: none; box-sizing: border-box; width: 100%; max-height: 200px; padding: 10px 0; line-height: 40px; border: 1px solid #E8EDF2; background-color: #ffffff; overflow-x: hidden; overflow-y: scroll; position: absolute; left: 0; top: 40px; z-index: 1; box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1); }

.m-select-imit .m-select-menu li { padding-left: 20px; cursor: pointer; }

.m-select-imit .m-select-menu li:hover, .m-select-imit .m-select-menu li.active { background-color: #258aff; color: #ffffff; }

.join-model-find { box-sizing: border-box; width: 1200px; height: 220px; margin: 80px auto; padding: 60px 60px 0 60px; background: url("/d/main/img/001.png") no-repeat center center; }

.join-model-find dl { color: #ffffff; float: left; }

.join-model-find dl dt { height: 45px; line-height: 45px; font-size: 32px; }

.join-model-find dl dd { height: 20px; line-height: 20px; margin-top: 15px; }

.join-model-find a { display: block; width: 186px; height: 100px; float: left; margin-left: 20px; text-align: center; background-color: #ffffff; font-size: 0; }

.join-model-find a span { display: inline-block; width: 28px; height: 28px; margin-right: 10px; line-height: 28px; text-align: center; border-radius: 50%; font-size: 14px; background-color: #258aff; color: rgba(255, 255, 255, 0.9); font-weight: 500; }

.join-model-find a em { line-height: 100px; font-size: 16px; color: #258aff; }

.join-model-find a:hover, .join-model-find a.active { background: #258aff url("/d/main/img/002.png") no-repeat center center; background-size: 100% 100%; }

.join-model-find a:hover span, .join-model-find a.active span { background-color: #ffffff; color: rgba(232, 123, 43, 0.9); }

.join-model-find a:hover em, .join-model-find a.active em { color: #ffffff; }

.pro-box-title { padding-bottom: 24px; border-bottom: 1px solid #E0E6ED; }

.pro-box-title dl { height: 33px; line-height: 33px; float: left; }

.pro-box-title dt { padding-left: 20px; float: left; position: relative; font-size: 24px; }

.pro-box-title dt::before { content: ''; display: block; width: 4px; height: 20px; background-color: #258aff; position: absolute; top: 7px; left: 0; }

.pro-box-title dd { margin-left: 27px; float: left; font-size: 16px; color: #686F88; }

.pro-box-title .u-tab-more { height: 20px; line-height: 20px; margin-top: 13px; }

.pro-box-title .u-tab-more::after { top: 6px; }

.pro-box-list { display: flex; padding-top: 24px; justify-content: space-between; }

.pro-box-list li { box-sizing: border-box; width: 387px; height: 389px; border: 1px solid #E8EDF2; }

.pro-box-list li:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.pro-box-list li img { width: 387px; height: 200px; position: relative; top: -1px; left: -1px; }

.pro-box-list li dl { width: 312px; margin: 24px 0 0 24px; }

.pro-box-list li dl dt { width: 100%; height: 25px; line-height: 25px; font-size: 18px; color: #293140; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pro-box-list li dl dd { height: 40px; margin-top: 12px; line-height: 20px; color: #9FA3B3; overflow: hidden; }

.pro-box-list li div { padding: 24px 24px 0; display: flex; justify-content: space-between; }

.pro-box-list li div a { padding: 0 53px; }

.m-info-hub { padding: 80px 0; background-color: #ffffff; }

.m-info-hub .m-info-hub-item { width: 580px; }

.m-info-hub h5 { height: 33px; padding-bottom: 16px; border-bottom: 1px solid #E0E6ED; line-height: 33px; }

.m-info-hub h5 span { font-size: 24px; color: #2A3457; }

.m-info-hub ul { margin-top: 20px; }

.m-info-hub li { height: 40px; line-height: 40px; }

.m-info-hub li a { display: block; width: 400px; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #686F88; float: left; }

.m-info-hub li a:hover { text-decoration: none; color: #258aff; }

.m-info-hub li span { display: block; float: right; font-size: 13px; color: #9FA3B3; }

.m-full-tab.team-show-tab { margin-top: 67px; }

.m-full-tab.team-show-tab li { width: 20%; }

.m-full-tab.team-show-tab li div { width: 56px; height: 56px; line-height: 56px; margin: 0 auto 20px; text-align: center; }

.m-full-tab.team-show-tab li img { max-width: 56px; max-height: 56px; vertical-align: middle; }

.m-square-tab { width: 100%; }

.m-square-tab li { box-sizing: border-box; height: 44px; width: 20%; border: 1px solid #E0E6ED; border-right: none; text-align: center; line-height: 42px; font-size: 16px; float: left; cursor: pointer; }

.m-square-tab li:hover {color: #258aff;}
                  
.m-square-tab li a { display: block; width: 100%; height: 100%; }

.m-square-tab li a:hover { color: #258aff; }

.m-square-tab li:last-child { border-right: 1px solid #E0E6ED; }

.m-square-tab li.active { background-color: #258aff; border-color: #258aff; color: #ffffff; }

.m-square-tab li.active a, .m-square-tab li.active a:hover { color: #ffffff; }

.m-square-tab li.active > li { border-left-color: #258aff; }

.m-square-tab.row-2 li { width: 50%; }

.all-case-list li { display: none; margin-right: -21px; }

.all-case-list li.active { display: block; }

.all-case-list .all-case-item { display: block; box-sizing: border-box; width: 387px; height: 284px; margin: 0 20px 20px 0; float: left; background-color: #ffffff; border: 1px solid #E8EDF2; }

.all-case-list .all-case-item:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.all-case-list .all-case-item:hover p { color: #258aff; }

.all-case-list .all-case-item img { display: block; width: 387px; height: 200px; position: relative; top: -1px; left: -1px; }

.all-case-list .all-case-item p { padding: 20px 24px 0; font-size: 16px; color: #293140; line-height: 22px; }

.m-recommend, .m-recommend-mini, .m-recommend-nano { box-sizing: border-box; width: 100%; margin-left: auto; margin-right: auto; background-color: #ffffff; border: 1px solid #E8EDF2; }

.m-recommend .swiper-container, .m-recommend-mini .swiper-container, .m-recommend-nano .swiper-container { padding: 24px 20px 20px; }

.m-recommend .recommend-link-btn-wrap, .m-recommend-mini .recommend-link-btn-wrap, .m-recommend-nano .recommend-link-btn-wrap { padding: 20px; }

.m-recommend .recommend-link-btn-wrap .btn, .m-recommend-mini .recommend-link-btn-wrap .btn, .m-recommend-nano .recommend-link-btn-wrap .btn { padding: 0 26px; }

.m-recommend { width: 1200px; }

.m-recommend .swiper-slide { display: block; box-sizing: border-box; width: 373px; padding-bottom: 20px; border: 1px solid #E8EDF2; overflow: hidden; }

.m-recommend .swiper-slide img { display: block; width: 373px; height: 192px; position: relative; top: -1px; left: -1px; }

.m-recommend .swiper-slide p { height: 44px; margin: 20px 20px 0; color: #293140; font-size: 16px; line-height: 22px; overflow: hidden; }

.m-recommend a.swiper-slide:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.m-recommend a.swiper-slide:hover p { color: #258aff; }

.m-recommend-mini .swiper-slide { display: block; box-sizing: border-box; width: 270px; padding-bottom: 20px; border: 1px solid #E8EDF2; overflow: hidden; }

.m-recommend-mini .swiper-slide img { display: block; width: 100%; height: 134px;}

.m-recommend-mini .swiper-slide p { height: 22px; margin: 20px 20px 0; color: #293140; font-size: 16px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-recommend-mini .swiper-slide span { display: block; height: 40px; margin: 12px 20px 0; line-height: 20px; color: #9FA3B3; overflow: hidden; }

.m-recommend-mini .swiper-slide .recommed-doings-titile { margin: 15px 20px 0; }

.m-recommend-mini .swiper-slide .recommed-doings-time, .m-recommend-mini .swiper-slide .recommed-doings-address { height: 20px; position: relative; }

.m-recommend-mini .swiper-slide .recommed-doings-time i, .m-recommend-mini .swiper-slide .recommed-doings-address i { margin-right: 8px; color: #9FA3B3; vertical-align: middle; }

.m-recommend-mini .swiper-slide .recommed-doings-time { margin: 21px 20px 0; }

.m-recommend-mini .swiper-slide .recommed-doings-time::before { width: 14px; height: 14px; top: 3px; }

.m-recommend-mini .swiper-slide .recommed-doings-address::before { width: 12px; height: 16px; top: 2px; }

.m-recommend-mini a.swiper-slide:hover p { color: #258aff; }

.m-recommend-nano .m-recommend-head { height: 65px; line-height: 65px; }

.m-recommend-nano .m-recommend-head h5 { padding-left: 40px; font-size: 18px; }

.m-recommend-nano .m-recommend-head h5::before { height: 16px; left: 20px; top: 25px; }

.m-recommend-nano .m-recommend-head p { margin: 20px 20px 0 0; float: right; }

.m-recommend-nano .m-recommend-head i { display: block; width: 24px; height: 24px; line-height: 22px; }

.m-recommend-nano .swiper-container { box-sizing: border-box; height: 595px; margin: 20px 20px 0; padding: 0; overflow: hidden; }

.m-recommend-nano .swiper-slide a { display: block; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #E0E6ED; }

.m-recommend-nano .swiper-slide img { display: block; width: 100%; height: 128px; }

.m-recommend-nano .swiper-slide p { white-space: nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%; height: 20px; margin-top: 16px; line-height: 20px; color: #2A3457; }

.m-recommend-nano .swiper-container.alone { height: 320px; }

.m-recommend-nano .swiper-container.alone .swiper-slide img { height: 248px; }

.m-recommend-nano .swiper-container.alone .swiper-slide span { margin-left: 8px; color: #686F88; }

.m-recommend-nano .btn { display: block; width: 248px; margin: 0 auto 20px; padding: 0; text-align: center; }

.m-recommend-head { height: 80px; line-height: 80px; border-bottom: 1px solid #E8EDF2; }

.m-recommend-head h5 { padding-left: 44px; font-size: 24px; position: relative; float: left; }

.m-recommend-head h5::before { content: ''; display: block; width: 4px; height: 20px; background-color: #258aff; position: absolute; left: 24px; top: 30px; }

.m-recommend-head p { margin: 24px 20px 0 0; float: right; }

.m-recommend-head i { display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; float: left; border: 1px solid #E8EDF2; color: #2A3457; cursor: pointer; }

.m-recommend-head i:last-child { border-left: none; }

.m-recommend-list li { width: 100%; height: 276px; }

.plan-get-form { width: 100%; margin-top: 60px; margin-left: auto; margin-right: auto; border: 1px solid #E8EDF2; background-color: #ffffff; }

.plan-get-form form { padding: 40px; }

.plan-get-form form .msg-box { line-height: 40px; position: absolute; top: 0; left: 360px; font-size: 13px; color: #F24949; }

.plan-get-form form .n-err { border-color: #F24949; }

.plan-get-form.m-box { width: 1200px; }

.plan-get-form-head { box-sizing: border-box; width: 1200px; height: 150px; padding: 40px 40px 0; line-height: 25px; background: url("/d/main/img/003.png") no-repeat center center; color: #ffffff; font-size: 18px; position: relative; top: -1px; left: -1px; }

.plan-get-form-head dd { margin-top: 18px; }

.plan-get-form-head span { color: #258aff; }

.plan-get-form-tips { height: 20px; margin-bottom: 30px; line-height: 20px; color: #686F88; }

.plan-form-item { min-height: 40px; padding-left: 86px; margin-bottom: 8px; position: relative; }

.plan-form-item .u-input, .plan-form-item .u-select { width: 250px; background-color: #F7F9FA; }

.plan-form-item .u-textarea { width: 100%; height: 100px; background-color: #F7F9FA; }

.plan-form-item .m-select-imit { width: 250px; }

.plan-form-item .m-select-imit .m-select-panel { background-color: #F7F9FA; }

.plan-form-item .btn { margin-top: 8px; border: none; }

.plan-form-item .plan-form-phone { height: 22px; margin-top: 16px; line-height: 22px; color: #686F88; }

.plan-form-item .plan-form-phone span { margin-left: 8px; color: #258aff; }

.plan-form-label { box-sizing: border-box; width: 86px; padding-right: 16px; height: 40px; line-height: 40px; text-align: right; color: #686F88; position: absolute; left: 0; top: 0; }

.model-box { box-sizing: border-box; width: 200px; height: 180px; padding-top: 50px; position: fixed; top: 40%; left: 50%; margin-top: -90px; margin-left: -100px; z-index: 999; background-color: #ffffff; text-align: center; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.model-box .success-svg .p-ico { -webkit-animation: suc 0.9s cubic-bezier(0.6, -0.3, 0.2, 1.6) forwards; animation: suc 0.9s cubic-bezier(0.6, -0.3, 0.2, 1.6) forwards; stroke: #2faa18; fill: none; stroke-width: 3px; stroke-dasharray: 51,51; stroke-dashoffset: 17; }

.model-box .success-svg .p-circle { -webkit-animation: sucCircle .9s forwards; animation: sucCircle .9s forwards; stroke: #2faa18; fill: none; stroke-width: 2px; stroke-dasharray: 160,160; stroke-dashoffset: 0; }

.model-box .failed-svg .p-ico { -webkit-animation: warn 0.9s cubic-bezier(0.6, -0.3, 0.2, 1.6) forwards; animation: warn 0.9s cubic-bezier(0.6, -0.3, 0.2, 1.6) forwards; stroke: #f24949; fill: none; stroke-width: 3px; stroke-dasharray: 18,18; stroke-dashoffset: 0; }

.model-box .failed-svg .p-circle { -webkit-animation: warnCircle .9s forwards; animation: warnCircle .9s forwards; stroke: #f24949; fill: none; stroke-width: 2px; stroke-dasharray: 160,160; stroke-dashoffset: 0; }

.model-box .modal-content { line-height: 24px; font-size: 16px; }

@-webkit-keyframes suc { 0% { stroke-dashoffset: 51; }
  50% { stroke-dashoffset: 51; }
  100% { stroke-dashoffset: 17; } }

@keyframes suc { 0% { stroke-dashoffset: 51; }
  50% { stroke-dashoffset: 51; }
  100% { stroke-dashoffset: 17; } }

@-webkit-keyframes sucCircle { 0% { stroke-dashoffset: 160; }
  30% { stroke-dashoffset: 160; }
  80% { stroke-dashoffset: 0; } }

@keyframes sucCircle { 0% { stroke-dashoffset: 160; }
  30% { stroke-dashoffset: 160; }
  80% { stroke-dashoffset: 0; } }

@-webkit-keyframes warn { 0% { stroke-dashoffset: 18; }
  50% { stroke-dashoffset: 18; }
  100% { stroke-dashoffset: 0; } }

@keyframes warn { 0% { stroke-dashoffset: 18; }
  50% { stroke-dashoffset: 18; }
  100% { stroke-dashoffset: 0; } }

@-webkit-keyframes warnCircle { 0% { stroke-dashoffset: 160; }
  30% { stroke-dashoffset: 160; }
  80% { stroke-dashoffset: 0; } }

@keyframes warnCircle { 0% { stroke-dashoffset: 160; }
  30% { stroke-dashoffset: 160; }
  80% { stroke-dashoffset: 0; } }

.wsc-fixBar { position: fixed; right: 0; top: 38%; z-index: 1000; }

.wsc-fixBar .iconfont { display: block; width: 32px; height: 32px; line-height: 32px; margin: 0 auto; font-size: 20px; color: #fff; }

.fb-online, .fb-tel, .fb-dz, .fb-lx, .fb-top { display: block; width: 80px; height: 66px; padding-top: 14px; margin-bottom: 1px; cursor: pointer; transition: 0.36s; font-size: 14px; text-align: center; line-height: 14px; color: #fff; border-radius: 3px 0 0 3px; position: relative; background-color: #258aff; }

.fb-online span, .fb-tel span, .fb-dz span, .fb-lx span, .fb-top span { color: #fff; position: absolute; right: 0; top: 0; width: 80px; height: 66px; box-sizing: border-box; padding-top: 50px; }

.fb-tel { position: relative; }

.fb-tel .fbarCon { background-color: #258aff; width: 208px; height: 80px; line-height: 80px; font-size: 24px; color: #fff; font-weight: bold; position: absolute; top: 0; left: 80px; }

.fb-tel .fbarCon1 {  width: 208px; height: 80px; line-height: 80px; font-size: 24px;  font-weight: bold; position: absolute; top: 0; left:-208px;background-color:rgb(214 232 253);color:rgb(37,138,255);display:none; }

.xz-footer-a .f-foot-wx-wrap { position: relative; }

.xz-footer-a .f-foot-wx-show { display: none; box-sizing: border-box; width: 120px; padding: 12px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); position: absolute; bottom: 45px; left: 50%; margin-left: -60px; background-color: #ffffff; }

.xz-footer-a .f-foot-wx-show img { display: block; width: 96px; height: 96px; }

.xz-footer-a .f-foot-wx-show p { margin-top: 5px; line-height: 24px; text-align: center; color: #686F88; }


@media screen and (min-width: 1921px) {
  .all-server,
  .build-banner,
  .index-solution-footer,
  .index-honor,
  .develop-banner,
  .develop-process,
  .choose-reason-main,
  .promote-banner,
  .choose-reason-main.z-brand-choose-reason,
  .core-server-banner,
  .team-banner,
  .pro-banner,
  .plan-banner,
  .case-banner,
  .trend-banner,
  .zt-op-choose,
  .zt-member-banner,
  .zt-team-banner,
  .zt-op-banner,
  .zt-flow-banner,
  .index-swiper .swiper-slide{
    background-size: cover!important;
  }

  .index-solution-bg,
  .server-process-bg,
  .server-process-bg {
    width: 100%!important;
    height: 100%!important;
    left: 0!important;
    margin-left: 0!important;
  }

  .inside-page-model {
    background-size: contain!important;
  }
}
.u-doings-item-info {
  	line-height: 22px;
    color: #686f88;
    padding-left: 20px;
    margin-left: 24px;
    position: relative;
    margin-top: 5px;
}
.u-doings-item-info i{
  	position: absolute;
    left: 0;
    top: 0;
}

.footer-copyright p a {
  color: rgba(255, 255, 255, 0.7);   
}
.footer-copyright p a:hover {
   color: #fff;   
}
                                
 .m-search-enter {
			display: block!important;
			box-sizing: border-box;
			width: 140px;
			height: 24px;
			border: 1px solid #fff;
			line-height: 24px;
			padding: 0 10px;
			margin-top: 7px;
			background: #ffffff;
			float: right;
			position: relative;
			color: #555555;
			cursor: pointer;
		}
		.m-search-enter .iconfont {
			width: 24px;
			height: 24px;
			position: absolute;
			top: 0;
			right: 0;
		}
		.m-search-enter:hover {
			border-color: #258aff;
			color: #258aff;
		}
                                
 .xz-top {
		   position: relative;
		   z-index: 15;
	   }
	   .xz-header {
		   z-index: 5;
		   position: relative;
		   background-color: #fff;
	   }
	.f-search-mask {
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.3);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 3;
	}
   	.m-search-slide {
		display: none;
		box-sizing: border-box;
		width: 1200px;
		padding: 50px 50px 100px;
		background-color: #ffffff;
		box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
		position: absolute;
		left: 50%;
		top: 159px;
		margin-left: -600px;
		z-index: 10;
	}
	.f-close-search {
		display: block;
		width: 28px;
		height: 28px;
		position: absolute;
		top: 30px;
		right: 40px;
		background: url('/d/main/img/004.png') no-repeat center center;
		background-size: 24px 24px;
		cursor: pointer;
	}
	.m-search-title {
		font-size: 20px;
		line-height: 40px;
		color: #2A3457;
	}
	
	.m-search-slide form {
		width: 708px;
		margin: 30px auto 0;
	}
	.m-search-slide form .m-select-imit {
	    width: 150px;
	    float: left;
	}
	.m-search-slide form .u-input,
	.m-search-slide .m-select-imit .m-select-panel{
	    border-color: #258aff;	
	}
	.m-search-slide form .u-input {
		width: 450px;
		border-left-color: #fff;
	}
	.m-search-slide form .btn-orange {
	    border: none;
	}
	.m-search-slide-point {
		box-sizing: border-box;
		width: 800px;
		margin: 15px auto 0;
		padding-left: 100px;
		line-height: 40px;
	}
	.m-search-slide-point span {
		color: #999;
	}
	.m-search-slide-point a {
		margin: 0 10px;
	}    
  .best-recommend-title {
    box-sizing: border-box;
    width: 100%;
    height: 160px;
    padding-bottom: 20px;
    line-height: 160px;
    text-align: center;
    color: #FFFFFF;
    font-size: 24px;
    position: relative;
    background: url(//img-i.westarcloud.com/2020/0813/n4q99fvc374331e8020851.jpg) no-repeat center top;
}