@import "font-awesome.min.css";
body { outline: none; border: 0; padding: 0; margin: 0; font-family: "Microsoft YaHei", Arial, Verdana; color: #000; font-size: 14px; }
a:hover, a { text-decoration: none; }
i, em, s { font-style: normal; text-decoration: none; }
select, input { outline: none; border: 0; background: none; padding: 0; margin: 0; font-size: 12px; font-family: "Microsoft YaHei", Arial, Verdana; }
ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
html, body, div, p, ol, ul, li, dl, dt, dd, span, b, span, i, em, strong, table, th, td, a, img, iframe, input, select, textarea, input[type="text"], input[type="checkbox"], input[type="radio"], label, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }

/*页面基本样式 */
.img { max-width: 100%; height: 100%; display: block; vertical-align: bottom; }
button::after { border: none; }
button, input, select, option { border: none; outline: none; }
button, option { cursor: pointer; }
.btn-all { display: inline-block; }
a { text-decoration: none; color: #000; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; color: #0196f8; }
a:active { text-decoration: none; }

/* 通用颜色 */
.col-red { color: #ff3030; }
.col-blue { color: #0196f8; }
.col-orange { color: #f86300; }
.col-yellow { color: #f86f01; }
.col-green { color: #00d167; }
.col-f { color: #fff; }
.cor-c { color: #ccc; }
.col-0 { color: #000; }
.col-2 { color: #222; }
.col-3 { color: #333; }
.col-6 { color: #666; }
.col-9 { color: #999; }
.white-bg { background: #fff; }
.gray-bg { background: #f2f2f2; }
.red-bg { background: #ff3030; color: #fff; }
.blue-bg { background: #0196f8; color: #fff; }
.orange-bg { background: #f86300; color: #fff; }
.yellow-bg { background: #f86f01; color: #fff; }
.green-bg { background: #00d167; color: #fff; }
a.red-bg { background: #ff3030; color: #fff; }
a.red-bg:hover { background: #f11313; color: #fff; }
a.blue-bg { background: #0196f8; color: #fff; }
a.blue-bg:hover { background: #0084db; color: #fff; }
a.orange-bg { background: #f86300; color: #fff; }
a.orange-bg:hover { background: #da5903; color: #fff; }
a.yellow-bg:hover { background: #df6300; color: #fff; }
a.yellow-bg:hover { background: #df6300; color: #fff; }
a.green-bg { background: #00d167; color: #fff; }
a.green-bg:hover { background: #01bf5f; color: #fff; }
a.gray-bg { background: #f2f4f7; color: #333; }
a.gray-bg:hover { background: #0196f8; color: #fff; }

/* 背景渐变 */
.blue_jb { background: linear-gradient(to right, #0196f8 0%, #01d2f8 100%); }
.red_jb { background: linear-gradient(84deg, #ff875e 0%, #fe6ba6 100%); }
.green_jb { background: linear-gradient(84deg, #38cfbe 0%, #129bd2 100%); }
.purple_jb { background: linear-gradient(84deg, #ee71e9 0%, #8463f8 100%); }

/*投影*/
.box-shadow5 { box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); }
.box-shadow10 { box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
.box-shadow15 { box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); }

/* 字体大小 */
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size24 { font-size: 24px; }
.size26 { font-size: 26px; }
.size30 { font-size: 30px; }
.size36 { font-size: 36px; }
.fweight { font-weight: bold; }

/*清除浮动*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/* 通用内外边距 */
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m30 { margin: 30px; }
.m-b5 { margin-bottom: 5px; }
.m-b10 { margin-bottom: 10px; }
.m-b15 { margin-bottom: 15px; }
.m-b20 { margin-bottom: 20px; }
.m-b25 { margin-bottom: 25px; }
.m-b30 { margin-bottom: 30px; }
.m-b50 { margin-bottom: 50px; }
.m-l5 { margin-left: 5px; }
.m-l10 { margin-left: 10px; }
.m-l15 { margin-left: 15px; }
.m-l20 { margin-left: 20px; }
.m-l25 { margin-left: 25px; }
.m-l30 { margin-left: 30px; }
.m-l50 { margin-left: 50px; }
.m-r5 { margin-right: 5px; }
.m-r10 { margin-right: 10px; }
.m-r15 { margin-right: 15px; }
.m-r20 { margin-right: 20px; }
.m-r25 { margin-right: 25px; }
.m-r30 { margin-right: 30px; }
.m-r50 { margin-right: 50px; }
.m-t5 { margin-top: 5px; }
.m-t10 { margin-top: 10px; }
.m-t15 { margin-top: 15px; }
.m-t20 { margin-top: 20px; }
.m-t25 { margin-top: 25px; }
.m-t30 { margin-top: 30px; }
.m-t50 { margin-top: 50px; }
.m-auto { margin: 0 auto; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }
.p50 { padding: 50px; }
.p-b5 { padding-bottom: 5px; }
.p-b10 { padding-bottom: 10px; }
.p-b15 { padding-bottom: 15px; }
.p-b20 { padding-bottom: 20px; }
.p-b25 { padding-bottom: 25px; }
.p-b30 { padding-bottom: 30px; }
.p-b50 { padding-bottom: 50px; }
.p-t5 { padding-top: 5px; }
.p-t10 { padding-top: 10px; }
.p-t15 { padding-top: 15px; }
.p-t20 { padding-top: 20px; }
.p-t25 { padding-top: 25px; }
.p-t30 { padding-top: 30px; }
.p-t50 { padding-top: 50px; }
.p-l5 { padding-left: 5px; }
.p-l10 { padding-left: 10px; }
.p-l15 { padding-left: 15px; }
.p-l20 { padding-left: 20px; }
.p-l25 { padding-left: 25px; }
.p-l30 { padding-left: 30px; }
.p-l50 { padding-left: 50px; }
.p-r5 { padding-right: 5px; }
.p-r10 { padding-right: 10px; }
.p-r15 { padding-right: 15px; }
.p-r20 { padding-right: 20px; }
.p-r25 { padding-right: 25px; }
.p-r30 { padding-right: 30px; }
.p-r50 { padding-right: 50px; }
.radius5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.radius10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.radius15 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.radius20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.radius25 { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
.radius50 { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.radius100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }

/*按钮基本*/
.btn.btn-hollow-blue { border: 1px solid #0196f8; border-radius: 3px; text-align: center; color: #0196f8; }
.btn.btn-hollow-blue i { padding-right: 5px; }
.btn.btn-hollow-blue:hover { background: #0196f8; color: #fff; }
.btn.btn-hollow-gray { border: 1px solid #999999; border-radius: 3px; text-align: center; color: #999; }
.btn.btn-hollow-gray i { padding-right: 5px; }
.btn.btn-hollow-gray:hover { background: #999; color: #fff; }
.btn.btn-hollow-red { border: 1px solid #ff3030; border-radius: 3px; text-align: center; color: #ff3030; }
.btn.btn-hollow-red i { padding-right: 5px; }
.btn.btn-hollow-red:hover { background: #ff3030; color: #fff; }
.btn.btn-hollow-yellow { border: 1px solid #f86f01; border-radius: 3px; text-align: center; color: #f86f01; }
.btn.btn-hollow-yellow i { padding-right: 5px; }
.btn.btn-hollow-yellow:hover { background: #f86f01; color: #fff; }
.btn.btn-hollow-green { border: 1px solid #00d167; border-radius: 3px; text-align: center; color: #00d167; }
.btn.btn-hollow-green i { padding-right: 5px; }
.btn.btn-hollow-green:hover { background: #00d167; color: #fff; }

/*基本内容展示*/
.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.mask { display: none; z-index: 1001; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); }
.row { width: 1200px; margin: 0 auto; }

/*transition*/
.wap-nav, .wap-nav-icon span:after, .wap-nav-icon span:before, .wap-nav-icon i { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }

/*header*/
.header-wrap { height: 65px; }
.header-cont { position: fixed; left: 0; right: 0; top: 0; z-index: 99; height: 65px; background: #f3faff; transition: all .5s ease; }
.logo { height: 65px; display: flex; align-items: center; }
.logo a { display: block; height: 34px; }
.logo a img { height: 100%; }
.main-nav>ul>li { float: left; padding: 0 15px; position: relative; }
.main-nav>ul>li>a { display: flex; align-items: center; height: 65px; font-size: 16px; position: relative; color: #000; }
.main-nav>ul>li>a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #0196f8; transform: scale(0); transition: all .2s ease; border-radius: 4px; }
.main-nav>ul>li>a:hover::after { transform: scale(1); }
.main-nav>ul>li.cur>a { color: #0196f8; }
.main-nav>ul>li.cur>a::after { transform: scale(1); }

/* .header-btn a { height: 36px; margin: 17px 0 0 20px; padding: 0 15px; line-height: 36px; display: block; border-radius: 3px; font-size: 14px; color: #fff; } */
.min-nav-down { position: absolute; width: 260px; background: #fff; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); left: 0; top: 63px; z-index: 50; display: none; padding: 5px 0; }
.min-nav-down a { display: block; font-size: 16px; padding: 10px 15px; }
.main-nav>ul>li:hover .min-nav-down { display: block; }
.main-nav>ul>li .min-nav-down a.cur { color: #0196f8; }
.main-nav>ul>li>p { position: absolute; right: 0; top: 0; height: 50px; width: 55%; display: none; }

/* .main-nav>ul>li>p>i{ position:absolute; right: 0; top:0; height: 50px; width:50px; display: flex; align-items: center; justify-content: flex-end; padding-right:20px;}
.main-nav>ul>li>p>i:after{ content:''; display: block; height:12px; width:12px; border-right:2px solid #999;  border-top:2px solid #999; transform: rotate(45deg); } */
.header-phone { height: 65px; display: flex; align-items: center; margin-left: 45px; }
.header-phone p { height: 36px; border: 1px solid #0196f8; border-radius: 5px; box-sizing: border-box; color: #0196f8; display: flex; align-items: center; justify-content: center; width: 150px; }
.header-phone i { width: 16px; height: 16px; display: block; background: url('../images/header-phone-icon.png') no-repeat 0 0; margin-right: 6px; }
.header-phone span { font-size: 16px; }

/*移动端导航*/
.wap-nav-icon { position: absolute; right: 0px; top: 0; height: 56px; width: 56px; display: none; cursor: pointer; }
.wap-nav-icon span { display: block; position: relative; height: 56px; width: 56px; }
.wap-nav-icon span:after, .wap-nav-icon span:before, .wap-nav-icon i { content: ''; display: block; position: absolute; height: 3px; width: 26px; background: #b7b7b7; left: 50%; border-radius: 5px; margin-left: -16px; }
.wap-nav-icon span:before { top: 17px; }
.wap-nav-icon span:after { top: 36px; }
.wap-nav-icon i { top: 50%; margin-top: -2px; }
.wap-nav-icon-close i { width: 0; }
.wap-nav-icon-close span:before { margin-top: -1px; top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.wap-nav-icon-close span:after { margin-top: -1px; top: 50%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.wap-main-nav { display: none; position: fixed; left: -100%; bottom: 0; top: -100%; width: 100%; background: #fff; opacity: 0; }
.wap-main-nav .main-nav { display: none; }

/*============================ footer ============================*/
.footer { background: #09334e; height: 90px; position: relative; }
.footer-cont { height: 90px; color: #fff; display: flex; align-items: center; justify-content: space-between; }
.footer-left { display: flex; align-items: center; }
.footer-logo { margin-right: 45px; height: 34px; }
.footer-logo img { width: 100%; }
.copyright { color: #b4c6d2; }
.footer-ewm { height: 90px; display: flex; align-items: center; }
.footer-ewm-pic { height: 70px; width: 70px; background: #fff; padding: 5px }
.footer-ewm-pic img { width: 100%; }

/*============================ 首页 ============================*/
.h-title h2 { margin-bottom: 20px; position: relative; }
.h-title h2 span { font-size: 50px; line-height: 1; font-weight: bolder; text-transform: uppercase; letter-spacing: -3px; color: rgba(0, 0, 0, 0.04); }
.h-title h2 strong { font-size: 36px; line-height: 1; font-weight: bolder; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center }
.h-title-text.h-title-text { font-size: 20px; line-height: 1; font-weight: bold; color: #ff3030; }

/*banner*/
.h-banner { height: 520px; width: 100%; background: #f3faff; position: relative; overflow: hidden; }
.h-banner:after, .h-banner:before { content: ''; position: absolute; background: url('../images/grey-ctysoft.png') no-repeat 0 0; background-size: 100% auto; width: 1090px; height: 1036px; display: block; }
.h-banner:before { left: -642px; top: 211px; opacity: 0.2; }
.h-banner:after { right: -540px; top: -270px; opacity: 0.2; }
.h-banner-cont { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.h-banner-info { position: relative; height: 100%; z-index: 5; }
.h-banner-text { width: 600px; position: absolute; left: 0; top: 115px; }
.h-banner-text h2 { font-size: 36px; line-height: 1; color: #000; margin-bottom: 30px; font-weight: bolder; }
.h-banner-text p { font-size: 18px; color: #5e626c; height: 175px; line-height: 36px; }
.h-banner-btn a { display: flex; width: 108px; height: 38px; align-items: center; justify-content: center; color: #fff; font-size: 18px; border-radius: 6px; background: -webkit-linear-gradient(left, #0196f8, #01bbf8); background: -o-linear-gradient(right, #0196f8, #01bbf8); background: -moz-linear-gradient(right, #0196f8, #01bbf8); background: linear-gradient(to right, #0196f8, #01bbf8); }
.home-banner-icon { position: absolute; top: 0; right: 0; height: 100%; }
.h-banner-icon { width: 467px; height: 386px; margin: 40px 60px 0 0; }
.h-banner-icon img { width: 100%; }
.h-banner-swiper { width: 100%; }
.h-banner-swiper .swiper-slide { width: 100%; height: 520px; position: relative; }
.h-banner .swiper-button-next.swiper-button-disabled, .h-banner  .swiper-button-prev.swiper-button-disabled { opacity: 0.1; background: none; }
.h-banner .swiper-pagination { width: 100%; bottom: 55px; }
.h-banner .swiper-pagination-bullet { width: 30px; height: 4px; display: inline-block; border-radius: 5px; background: #d8dbe1; opacity: .6; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; margin: 0 3px; }
.h-banner .swiper-pagination-bullet-active { opacity: 1; background: #0196f8; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.h-service { position: relative; z-index: 50; margin-top: -35px; }
.h-service-cont { height: 70px; box-sizing: border-box; border-radius: 8px; border: 1px solid #e0e3e9; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); display: flex; justify-content: space-between; align-items: center; padding: 0 40px; }
.h-service-cont p { display: flex; align-items: center; }
.h-service-cont p i { width: 34px; height: 34px; display: block; margin-right: 15px; }
.h-service-cont p i img { width: 100%; }
.h-service-cont p span { font-size: 20px; line-height: 1; display: block; }

/*系统建设难题*/
.h-xtjsnt { background: #fff; padding: 98px 0 50px; }
.h-xtjsnt .h-title { margin-bottom: 25px; }
.h-xtjsnt-info { background: #fff; border-radius: 18px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); display: flex; justify-content: space-between; padding: 30px 40px 45px; margin-bottom: 50px; }
.h-xtjsnt-item { width: 310px; }
.h-xtjsnt-item h2 { height: 60px; line-height: 1; background: #0196f8; color: #fff; display: flex; align-items: center; padding-left: 20px; margin-bottom: 22px; }
.h-xtjsnt-item h2 em { font-size: 26px; font-weight: bolder; }
.h-xtjsnt-item h2 span { font-size: 24px; font-weight: bolder; }
.h-xtjsnt-item h2 i { padding: 0 10px; }
.h-xtjsnt-item ul li { font-size: 18px; margin-bottom: 15px; }
.h-ngzmx .h-title { margin-bottom: 25px; }
.h-ngzmx-cont { display: flex; justify-content: space-between; margin-bottom: 40px; }
.h-ngzmx-item { width: 580px; background: #fff; border-radius: 18px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); padding: 0 40px 20px; box-sizing: border-box }
.h-ngzmx-item p { line-height: 1; font-size: 18px; font-weight: normal; margin-bottom: 25px; }
.h-ngzmx-item h2 { line-height: 48px; color: #ec2325; font-size: 32px; font-weight: bolder; margin-bottom: 15px; }
.h-ngzmx-item ul li { line-height: 28px; color: #0196f8; font-size: 18px; font-weight: bolder; margin-bottom: 5px; }
.h-ngzmx-cty { background: #fff; border-radius: 18px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); padding: 0 0 20px; box-sizing: border-box; text-align: center; }
.h-ngzmx-cty h2 { font-weight: bolder; font-size: 30px; line-height: 1; margin-bottom: 30px }
.h-ngzmx-cty ul { display: flex; justify-content: center; margin-bottom: 20px; }
.h-ngzmx-cty ul li { display: flex; align-items: center; justify-content: center; height: 36px; width: 260px; color: #fff; font-size: 18px; line-height: 1; background: #0196f8; margin: 0 10px; }
.h-ngzmx-cty { font-size: 18px; }

/* 业财一体化生产管理平台 */
.h-scglpt { background: #f3faff; padding: 70px 0; }
.h-scglpt .h-title { margin-bottom: 35px; }
.h-scglpt-cont { }
.h-scglpt-info { height: 340px; position: relative; background: #def1fe; background: linear-gradient(to right, rgba(1, 150, 248, 0) 0%, rgba(1, 150, 248, 0.09) 50%, rgba(1, 150, 248, 0) 100%); }
.h-scglpt-title { height: 400px; width: 400px; position: absolute; left: 50%; top: 50%; margin: -200px 0 0 -200px; background: url(../images/h-scglpt-title-bg.png) no-repeat 0 0; background-size: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 36px; font-weight: bolder; color: #fff; }
.h-scglpt-list { display: flex; align-items: center; justify-content: space-between; height: 100%; margin: 15px 0; }
.h-scglpt-list ul { width: 400px; }
.h-scglpt-list ul li { text-align: center; font-weight: bolder; font-size: 24px; line-height: 1; padding: 27px 0; border-bottom: 1px solid rgba(1, 150, 248, 0.2); }
.h-scglpt-list ul li:last-child { border-bottom: 0; }
.h-scglpt-top-icon, .h-scglpt-bottom-icon { display: flex; justify-content: space-between; }
.h-scglpt-top-icon i { display: block; height: 55px; }
.h-scglpt-bottom-icon i { display: block; height: 62px; }
.h-scglpt-top-icon i img, .h-scglpt-bottom-icon i img { height: 100%; }

/*客户共创交付的项目实施方案*/
.h-xmssfa { padding: 80px 0 0; }
.h-xmssfa-cont { position: relative; background: url(../images/h-xmssfa-pic.png) no-repeat center 0; height: 500px; margin-top: 75px; }
.h-xmssfa-xmkfq { position: relative; margin-bottom: 80px; padding-top: 25px; }
.h-xmssfa-xmkfq h2 { position: absolute; left: 0; right: 0; top: 30px; text-align: center; font-size: 26px; font-weight: bolder; color: #fff; line-height: 1; }
.h-xmssfa-list { width: 100%; }
.h-xmssfa-list li { color: #000; width: 50%; float: left; margin-bottom: 30px; }
.h-xmssfa-info { color: #000; width: 380px; height: 80px; background: #fff; border-radius: 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); position: relative; border: 1px solid #e0e3e9; }
.h-xmssfa-info p { height: 80px; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 22px; padding: 0 16px; text-align: center; }
.h-xmssfa-xmhq { position: relative; }
.h-xmssfa-xmhq h2 { position: absolute; left: 0; right: 0; top: 30px; text-align: center; font-size: 26px; font-weight: bolder; color: #fff; line-height: 1; }
.h-xmssfa-list li:nth-child(even) { float: right; }
.h-xmssfa-list li:nth-child(even) .h-xmssfa-info { float: right; }

/* 1+N 产品体系 */
.h-product { position: relative; margin-top: -80px; padding-top: 230px; box-sizing: border-box; }
.h-product:after { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url('../images/h-product-bg.png') no-repeat center 0; background-size: cover; height: 659px; }
.h-product .row { position: relative; z-index: 5; }
.h-product .h-title h2 { color: #fff; }
.h-product .h-title h2 span { color: rgba(255, 255, 255, 0.05); }
.h-product-cont { display: flex; justify-content: space-between; }
.h-product-item { background: #fff; border-radius: 10px; width: 380px; height: 400px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); box-sizing: border-box; padding: 40px 45px 0; }
.h-pord-hd { margin-bottom: 30px; }
.h-pord-hd h3 { font-size: 18px; font-weight: bolder; padding-right: 20px; }
.h-pord-hd:after { content: ""; display: block; height: 25px; background: url('../images/h-pord-hd-icon.png') no-repeat right 0; }
.h-product-yewupic { }
.h-product-yewupic img { max-width: 100%; }
.h-product-item ul li { line-height: 30px; font-size: 18px; padding-right: 30px; margin-bottom: 20px; position: relative; }
.h-pord-cl ul li { padding: 0 0 0 45px; }
.h-pord-cl ul li i { background: #0196f8; color: #fff; width: 30px; height: 30px; display: flex; position: absolute; left: 0; top: 0; justify-content: center; align-items: center; border-radius: 50%; text-align: center; }

/* 辅助快速开发平台 */
.h-kfpt { padding: 110px 0 130px; }
.h-kfpt-cont { height: 322px; position: relative; margin-bottom: 50px; margin-top: 50px; }
.h-kfpt-hd { display: block; height: 322px; width: 384px; background: url('../images/h-kfpt-bg.png') no-repeat 0 0; background-size: cover; margin: 0 auto; }
.h-kfpt-hd h3 { font-size: 20px; line-height: 30px; font-weight: bolder; color: #fff; width: 120px; margin: 0 auto; padding-top: 85px; text-align: center; }
.h-kfpt-list { position: absolute; top: 20px; left: 0; right: 0; bottom: 0; }
.h-kfpt-list ul { position: relative; height: 100%; width: 100%; box-sizing: border-box; padding-top: 38px; }
.h-kfpt-list ul li { position: absolute; top: 0; left: 0; }
.h-kfpt-list ul li i { position: absolute; height: 50px; width: 50px; background: #0196f8; border-radius: 50%; top: 50%; margin-top: -25px; z-index: 1; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px; right: -62px; }
.h-kfpt-list ul li p { color: #000; width: 380px; height: 80px; background: #fff; border-radius: 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); position: relative; border: 1px solid #e0e3e9; box-sizing: border-box; padding: 0 25px; font-size: 20px; font-weight: bolder; display: flex; align-items: center; text-align: right; justify-content: right; }
.h-kfpt-list ul li:nth-child(2), .h-kfpt-list ul li:nth-child(4) { left: auto; right: 0; }
.h-kfpt-list ul li:nth-child(2) p, .h-kfpt-list ul li:nth-child(4) p { justify-content: left; }
.h-kfpt-list ul li:nth-child(2) i, .h-kfpt-list ul li:nth-child(4) i { left: -62px; right: auto; }
.h-kfpt-list ul li:nth-child(3) { top: 180px; left: 30px; }
.h-kfpt-list ul li:nth-child(4) { top: 180px; right: 30px; }
.h-kfpt-text { text-align: center; font-size: 18px; }

/* 公司寄语 */
.h-gsjy { background: #f3faff; }
.h-gsjy-inner { padding: 50px 0 40px; overflow: hidden; position: relative; }
.h-gsjy-inner:after, .h-gsjy-inner:before { content: ''; position: absolute; background: url('../images/grey-ctysoft.png') no-repeat 0 0; background-size: 100% auto; width: 1812px; height: 1772px; display: block; }
.h-gsjy-inner:before { left: -1050px; top: -1000px; opacity: 0.2; }
.h-gsjy-inner:after { right: -1615px; top: -450px; opacity: 0.2; }
.h-gsjy-text { width: 907px; box-sizing: border-box; padding: 20px 30px 5px; background: #0196f8; border-radius: 6px; position: relative; font-size: 18px; line-height: 32px; color: #fff; text-indent: 2em; margin: 0 auto 50px; z-index: 5; }
.h-gsjy-text:after { content: ""; border-radius: 6px; position: absolute; border: 1px solid #0196f8; top: 10px; left: 10px; height: 100%; width: 100%; }
.h-gsjy-text p { margin-bottom: 15px; }
.h-gsjy-info { text-align: center; position: relative; z-index: 5; }
.h-gsjy-info p { font-size: 22px; line-height: 32px; margin-bottom: 22px; }
.h-gsjy-btn { display: inline-block; }
.h-gsjy-btn a { display: flex; width: 148px; height: 48px; align-items: center; justify-content: center; color: #fff; font-size: 22px; border-radius: 6px; background: -webkit-linear-gradient(left, #0196f8, #01bbf8); background: -o-linear-gradient(right, #0196f8, #01bbf8); background: -moz-linear-gradient(right, #0196f8, #01bbf8); background: linear-gradient(to right, #0196f8, #01bbf8); }

/* =======================内页======================= */
.page-banner { position: relative; height: 380px; }
.page-banner-text { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.page-banner-text h2 { position: absolute; left: 0; top: 40%; right: 0; bottom: 0; font-size: 48px; line-height: 1; letter-spacing: 5px; font-weight: bolder; color: #fff; text-align: center; }
.all-title h2 { margin-bottom: 25px; position: relative; }
.all-title h2 strong { font-size: 36px; line-height: 1; font-weight: bolder; }
.all-title-text { font-size: 18px; line-height: 1; }

/*关于希听*/
.about-banner { background: url('../images/about-banner.jpg') no-repeat center top; background-size: auto 100%; }
.about-cont { padding: 20px 0 80px; background: #f3faff; }
.about-box { position: relative; }
.about-info { background: #fff; border-radius: 16px; min-height: 400px; position: relative; position: absolute; top: -130px; left: 20px; right: 320px; padding: 40px 150px 10px 40px; box-sizing: border-box; z-index: 5; }
.about-info:before { content: ""; position: absolute; right: 40px; bottom: 0; top: 0; z-index: 2; background: url('../images/about-English.png') no-repeat 0 center; background-size: 100% auto; width: 49px; display: block; opacity: 0.1; }
.about-info:after { content: "“"; position: absolute; left: 10px; top: -115px; display: block; color: #fff; font-size: 270px; z-index: 4; line-height: 1; font-family: 'Arial'; font-weight: bolder; opacity: 0.2; }
.about-title { border-bottom: 2px solid #e6ecf1; padding-bottom: 20px; position: relative; }
.about-title:before { content: ""; height: 4px; width: 60px; position: absolute; left: 0; bottom: -3px; background: #0196f8; z-index: 2; }
.about-title h2 { font-size: 36px; color: #000; line-height: 1; font-weight: bolder; }
.about-text { padding-top: 25px; }
.about-text h3 { font-size: 18px; margin-bottom: 20px; }
.about-text h3 span { display: inline-block; margin-left: 45px; }
.about-text p { line-height: 28px; font-size: 16px; margin-bottom: 20px; }
.about-inner { background: #0196f8; border-radius: 16px; padding: 375px 20px 55px; min-height: 550px; position: relative; box-sizing: border-box; overflow: hidden; }
.about-inner:before { content: ""; background: url('../images/wihte-ctysoft.png') no-repeat 0 0; background-size: 100% auto; width: 996px; height: 941px; display: block; position: absolute; right: -510px; top: -75px; opacity: 0.05; }
.absout-list { position: relative; z-index: 3; }
.absout-list ul { display: flex; justify-content: space-between; color: #fff; }
.absout-list ul li { border-right: 1px solid rgba(255, 255, 255, 0.2); width: 20%; }
.absout-list ul li:last-child { border-right: 0 }
.absout-list ul li h3 { text-align: center; margin-bottom: 15px; line-height: 1; font-size: 18px; }
.absout-list ul li h3:after { content: ""; height: 6px; width: 60px; display: block; margin: 10px auto 0; border-radius: 5px; background: rgba(255, 255, 255, 0.2); }
.absout-list ul li p { width: 145px; margin: 0 auto; line-height: 28px; font-size: 16px; }

/* 业财一体化解决方案 */
.solution-banner { height: 475px; width: 100%; background: #f3faff; position: relative; overflow: hidden; }
.solution-banner:after, .solution-banner:before { content: ''; position: absolute; background: url('../images/grey-ctysoft.png') no-repeat 0 0; background-size: 100% auto; width: 1090px; height: 1036px; display: block; }
.solution-banner:before { left: -642px; top: 211px; opacity: 0.2; }
.solution-banner:after { right: -540px; top: -270px; opacity: 0.2; }
.solution-banner-cont { display: flex; padding-top: 100px; position: relative; z-index: 5; }
.solution-banner-item { background: rgba(255, 255, 255, 0.5); box-sizing: border-box; height: 275px; width: 50%; }
.solution-banner-text { padding: 45px 100px 0; }
.solution-banner-text p { font-size: 18px; line-height: 36px; }
.solution-banner-hd { margin-bottom: 30px; }
.solution-banner-hd h2 { display: inline-block; font-size: 34px; line-height: 1; vertical-align: bottom; margin-right: 10px; }
.solution-banner-hd strong { display: inline-block; font-size: 18px; line-height: 1; }
.solution-banner-item:nth-child(1) { border: 1px solid #fc6b44; border-radius: 20px 0 0 20px; border-right: 0; }
.solution-banner-item:nth-child(1) .solution-banner-hd { color: #fc6b44; }
.solution-banner-item:nth-child(2) { border: 1px solid #0196f8; border-radius: 0 20px 20px 0; }
.solution-banner-item:nth-child(2) .solution-banner-hd { color: #0196f8; }
.solution-cont { background: #f3faff; }
.solution-tab { position: relative; background: #fff; border-bottom: 1px solid #e0e3e9; }
.solution-tab ul { height: 60px; box-sizing: border-box; display: flex; justify-content: space-between; }
.solution-tab ul li { border-left: 1px solid #e0e3e9; width: 12.5%; }
.solution-tab ul li:last-child { border-right: 1px solid #e0e3e9; }
.solution-tab ul li a { height: 60px; font-size: 15px; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; }
.solution-item { padding: 70px 0 60px; }
.solution-item:nth-child(odd) { background: #fff; }
.solution-item:nth-child(odd) .solution-item-info { float: right; }
.solution-item:nth-child(odd) .solution-item-pic { float: left; }
.solution-item1 { padding: 80px 0 60px; }
.solution-item-info { float: left; width: 580px; }
.solution-item-info h2 { margin-bottom: 25px; position: relative; }
.solution-item-info h2 strong { font-size: 30px; line-height: 1; font-weight: bolder; }
.solution-item-text { margin-bottom: 35px; }
.solution-item-text p { font-size: 15px; line-height: 28px; }
.solution-item-module { margin-bottom: 20px; }
.solution-item-module ul li { display: inline-block; font-size: 14px; color: #0196f8; border-radius: 5px; line-height: 1; padding: 8px 10px; border: 1px solid #0196f8; margin: 0 8px 8px 0; }
.solution-item-pic { width: 580px; float: right; }
.solution-item-pic img { width: 100%; }
.solution-item-list .solution-item-info { float: none !important; width: 80%; margin: 0 auto; text-align: center; }
.solution-item-list-module { background: url('../images/product-erp-bg.png') no-repeat center bottom; background-size: 100% auto; display: flex; justify-content: space-between; padding: 0 50px 70px; }
.solution-item-list-module dl { width: 23%; background: rgba(255, 255, 255, 0.2); border-radius: 10px; padding: 15px; box-sizing: border-box; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }
.solution-item-list-module dl dt { font-weight: bolder; text-align: center; font-size: 16px; margin-bottom: 15px; color: #0196f8; }
.solution-item-list-module dl dd { font-size: 14px; line-height: 27px; }

/* N+1产品 */
.product-banner { background: #fbfbfb url('../images/tool-pttj-bg.jpg') no-repeat center top; background-size: auto 100%; }
.solution-item-list  .prod-btn { width: 148px; margin: -50px auto 0; position: relative; }
.prod-btn a { display: flex; width: 108px; height: 38px; align-items: center; justify-content: center; color: #fff; font-size: 18px; border-radius: 6px; background: -webkit-linear-gradient(left, #0196f8, #01bbf8); background: -o-linear-gradient(right, #0196f8, #01bbf8); background: -moz-linear-gradient(right, #0196f8, #01bbf8); background: linear-gradient(to right, #0196f8, #01bbf8); }

/*============================ 移动端 ============================*/
@media screen and (max-width:480px) {
	.row { width: 90%; margin: 0 5%; }
	.solution-item-pic img { width: 50%; margin: auto; display: block; }
	.h-product-yewupic img { max-width: 80%; display: block; margin: auto; }

	/* header */
	.header-wrap, .header-cont, .logo { height: 56px; }
	.header-cont { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); }
	.logo a { height: 24px; }

	/* .wap-main-nav { display: block; } */

	/* .wap-main-nav .main-nav{ display: none; } */
	.wap-nav-icon { display: block; }
	.header-phone { display: none; }
	.header-right { display: none; }

	/* 	.main-nav { position: fixed; margin-right: 0; right: 0; bottom: 0; top: 55px; width: 100%; background: #fff;  }
	.main-nav>ul{ position:relative; height:100%; width:100%; overflow:auto; }
	.main-nav>ul>li { width: 100%; border-bottom: 1px solid #eee; padding: 0; }
	.main-nav>ul>li>a { padding: 0 5%; height: 50px; }
	.main-nav>ul>li>a::after { display: none; }
	.main-nav>ul>li>p{ display:block; } */
	.wap-main-nav { left: 0; bottom: 0; top: 55px; opacity: 1; }
	.wap-main-nav>ul { position: relative; height: 100%; width: 100%; overflow: auto; }
	.wap-main-nav>ul>li { width: 100%; border-bottom: 1px solid #eee; position: relative; }
	.wap-main-nav>ul>li>a { padding: 0 5%; height: 50px; display: flex; align-items: center; font-size: 16px; position: relative; color: #000; }
	.wap-main-nav>ul>li.cur>a { color: #0196f8; }
	.wap-main-nav>ul>li>p { position: absolute; right: 0; top: 0; height: 50px; width: 100%; display: block; }
	.wap-main-nav>ul>li>p>i { position: absolute; right: 0; top: 0; height: 50px; width: 50px; display: flex; align-items: center; justify-content: flex-end; padding-right: 20px; }
	.wap-main-nav>ul>li>p>i:after { content: ''; display: block; height: 12px; width: 12px; border-right: 2px solid #999; border-top: 2px solid #999; transform: rotate(45deg); }
	.min-nav-down { position: static; box-shadow: 0 0; width: 100%; box-sizing: border-box; padding: 0 0 15px 15px; }
	.min-nav-down a { padding: 10px 5%; }

	/* footer */
	.footer, .footer-cont { height: auto; }
	.footer { padding: 40px 0 30px; }
	.footer-cont, .footer-left { display: block; text-align: center; }
	.footer-logo { margin-right: 0; width: 70%; margin: 0 auto 25px; }
	.footer-left { margin-bottom: 25px; }
	.copyright .al { text-align: center; }
	.footer-ewm { width: 110px; height: 110px; margin: 0 auto; }
	.footer-ewm-pic { width: 100px; height: 100px; }

	/*============================ 首页 ============================*/

	/* banner */

	.h-banner { height: 380px; }
	.h-banner-swiper .swiper-slide { height: 380px; }
	.h-banner .swiper-pagination { bottom: 45px; }
	.h-banner:before { display: none; }
	.h-banner-text { width: 100%; top: 35px; }
	.h-banner-text h2 { font-size: 24px; line-height: 1.3; margin-bottom: 15px; }
	.h-banner-text p { font-size: 14px; line-height: 1.8; height: auto; margin-bottom: 30px; }
	.h-banner-btn a { font-size: 16px; }
	.home-banner-icon { display: none; left: 50%; top: 30px; width: 250px; height: 210px; margin-left: -125px; }
	.h-banner-icon { display: none; width: 250px; height: 210px; margin: 0; }
	.h-service { }
	.h-service-cont { height: auto; display: block; padding: 25px 25px 5px; }
	.h-service-cont p { margin-bottom: 20px; }
	.h-service-cont p i { width: 30px; height: 30px; }
	.h-service-cont p span { font-size: 17px; font-weight: bolder; }
	.h-title h2 strong { font-size: 22px; position: static; display: block; }
	.h-title h2 span { display: none; }
	.h-title-text.h-title-text { font-size: 14px; line-height: 1.3; }

	/* 系统建设难题 */
	.h-xtjsnt { padding: 60px 0 30px; }
	.h-xtjsnt-info { background: none; border-radius: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0); display: block; padding: 0; margin-bottom: 40px; }
	.h-xtjsnt-item { width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); background: #fff; border-radius: 10px; overflow: hidden; margin-bottom: 15px; }
	.h-xtjsnt-item h2 { height: 40px; margin-bottom: 15px; }
	.h-xtjsnt-item h2 i { font-size: 15px; padding: 0 5px; }
	.h-xtjsnt-item h2 em { font-size: 18px; }
	.h-xtjsnt-item h2 span { font-size: 16px; }
	.h-xtjsnt-item ul { padding: 0 12px 6px; }
	.h-xtjsnt-item ul li { font-size: 15px; margin-bottom: 10px; }
	.h-ngzmx .h-title { margin-bottom: 10px; }
	.h-ngzmx .h-title-text { font-size: 18px; }
	.h-ngzmx-cont { display: block; }
	.h-ngzmx-item { width: 100%; padding: 20px 20px 15px; margin-bottom: 15px; border-radius: 10px; }
	.h-ngzmx-item p { margin-bottom: 15px; font-size: 15px; }
	.h-ngzmx-item h2 { font-size: 28px; line-height: 36px; }
	.h-ngzmx-item ul li { font-size: 15px; line-height: 20px; margin-bottom: 10px; }
	.h-ngzmx-cty h2 { font-size: 22px; }
	.h-ngzmx-cty p { font-size: 15px; line-height: 24px; padding: 0 10px; }
	.h-ngzmx-cty ul { display: block; font-size: 0; margin-bottom: 15px; }
	.h-ngzmx-cty ul li { width: 46%; margin: 0 2% 10px; display: inline-block; font-size: 15px; padding: 8px 0; height: auto; }

	/* 业财一体化生产管理平台 */
	.h-scglpt { padding: 50px 0 0; }
	.h-scglpt-info { height: auto; padding: 0 0 5px; }
	.h-scglpt-title { position: static; margin: 0 auto; width: 200px; height: 200px; font-size: 24px }
	.h-scglpt-top-icon, .h-scglpt-bottom-icon { display: none; }
	.h-scglpt-top-icon i, .h-scglpt-bottom-icon i { display: none; height: 20px; }
	.h-scglpt-list ul { width: 100%; }
	.h-scglpt-list ul li { font-size: 16px; padding: 15px 0; }

	/* 客户共创交付的项目实施方案 */
	.h-xmssfa { padding: 50px 0 50px; }
	.h-xmssfa-cont { background: none; margin-top: 40px; }
	.h-xmssfa-xmkfq { padding: 0; margin-bottom: 20px; }
	.h-xmssfa-xmkfq h2, .h-xmssfa-xmhq h2 { position: static; color: #0196f8; margin-bottom: 15px; font-size: 20px; }
	.h-xmssfa-list li { width: 100%; margin-bottom: 10px; }
	.h-xmssfa-info { width: 100%; height: 50px; }
	.h-xmssfa-info p { height: 50px; font-size: 15px; }

	/* 1+N 产品体系 */
	.h-product { margin-top: 0; padding-top: 0; }
	.h-product:after { top: -190px; }
	.h-product-cont { display: block; }
	.h-product-item { width: 100%; margin-bottom: 10px; height: auto; padding: 20px 25px 10px; }
	.h-pord-hd { margin-bottom: 15px; }
	.h-pord-hd h3 { font-size: 16px; }
	.h-pord-hd:after { background-size: 100% auto; }
	.h-product-item ul li { margin-bottom: 10px; font-size: 15px; line-height: 27px; padding-right: 0; }
	.h-pord-cl ul li { padding: 0 0 0 35px; }
	.h-pord-cl ul li i { width: 24px; height: 24px; }

	/* 辅助快速开发平台 */
	.h-kfpt { padding: 60px 0 30px; }
	.h-kfpt-cont { height: auto; margin-bottom: 20px; margin-top: 30px; }
	.h-kfpt-hd { height: 218px; width: 260px; background: url('../images/h-kfpt-bg.png') no-repeat 0 0; background-size: cover; margin: 0 auto; }
	.h-kfpt-hd h3 { font-size: 16px; line-height: 24px; width: 110px; padding-top: 52px; }
	.h-kfpt-list { position: static; margin-top: 50px }
	.h-kfpt-list ul { padding-top: 0; margin-top: -30px; }
	.h-kfpt-list ul li { position: static; height: 60px; background: #fff; border-radius: 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); border: 1px solid #e0e3e9; box-sizing: border-box; padding: 0 15px 0 50px; align-items: center; position: relative; margin-bottom: 10px; }
	.h-kfpt-list ul li i { position: absolute; left: 10px; width: 30px; height: 30px; margin-top: -15px; font-size: 16px; }
	.h-kfpt-list ul li:nth-child(2) i, .h-kfpt-list ul li:nth-child(4) i { left: 10px; }
	.h-kfpt-list ul li p { color: #000; width: 100%; height: 100%; background: none; border-radius: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0); position: relative; border: 0; box-sizing: border-box; padding: 0; font-size: 16px; display: flex; align-items: center; text-align: left; justify-content: left; }
	.h-kfpt-list ul li:nth-child(3) { top: 0; left: 0; }
	.h-kfpt-list ul li:nth-child(4) { top: 0; right: 0; }
	.h-kfpt-text { font-size: 15px; }

	/* 公司寄语 */
	.h-gsjy { }
	.h-gsjy-inner { padding: 60px 0 80px; }
	.h-gsjy-text { width: 95%; font-size: 16px; line-height: 24px; padding: 30px 30px 15px; }
	.h-gsjy-info p { font-size: 18px; line-height: 27px; margin-bottom: 25px; }
	.h-gsjy-btn { width: 90%; }
	.h-gsjy-btn a { width: 100%; height: 54px; font-size: 18px; }

	/*============================ 内页 ============================*/
	.page-banner { height: 180px; }
	.page-banner-text h2 { font-size: 30px; }

	/* 业财一体化解决方案 标签 */
	.solution-banner { height: auto; }
	.solution-banner-cont { display: block; padding-top: 40px; }
	.solution-banner-item { width: 100%; margin-bottom: 20px; height: auto; }
	.solution-banner-item:nth-child(1) { border: 1px solid #fc6b44; border-radius: 12px; }
	.solution-banner-item:nth-child(2) { border: 1px solid #0196f8; border-radius: 12px; }
	.solution-banner-text { padding: 22px 30px; }
	.solution-banner-text p { font-size: 15px; line-height: 24px; }
	.solution-banner-hd { margin-bottom: 15px; }
	.solution-banner-hd h2 { font-size: 24px; }
	.solution-banner-hd strong { font-size: 15px; }
	.solution-tab { display: none; }
	.solution-item1 { padding: 50px 0 30px; }
	.solution-item-info { width: 100%; }
	.solution-item-info h2 strong { font-size: 22px; }
	.solution-item-text p { font-size: 15px; line-height: 24px; }
	.solution-item-module { margin-bottom: 20px; }
	.solution-item-module ul li { padding: 6px 8px; }
	.solution-item { padding: 50px 0 30px; }
	.solution-item-pic { width: 100%; }
	.solution-item-list .solution-item-info { width: 100%; }
	.solution-item-list-module { display: block; padding: 0; }
	.solution-item-list-module dl { width: 100%; margin-bottom: 15px; }
	.prod-btn { display: none; }

	/*关于希听*/
	.about-cont { padding: 0 0 70px; }
	.about-info { top: -70px; right: 0; left: 0; padding: 20px 20px 10px 20px; }
	.about-info:after { top: -100px; font-size: 220px; opacity: 0.3; }
	.about-info:before { right: 20px; }
	.about-title h2 { font-size: 30px; }
	.about-text h3 span { display: block; margin-left: 0; }
	.about-text p { line-height: 24px; font-size: 14px; }
	.about-inner { padding: 470px 25px 5px; }
	.absout-list ul { display: block; }
	.absout-list ul li { width: 100%; border-right: 0; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 20px; }
	.absout-list ul li:last-child { border-bottom: 0; }
	.absout-list ul li h3 { text-align: left; margin-bottom: 10px; line-height: 1; font-size: 18px; }
	.absout-list ul li h3:after { display: none; }
	.absout-list ul li p { width: 100%; line-height: 24px; font-size: 15px; text-align: left; }
}