.head { width : 100%; background: #fff; height : 70px; } .head-con { width : 1200px; margin: 0 auto; } .head-con .logo { float : left; width : 190px; margin-top: 21px; } .head-con .nav { float : left; margin-left: 130px; color : #1A1A22; } .head-con .nav>div { background : url(../../images/new/images/icon_btn_arrow_s_d.png) 90px 25px no-repeat; background-size: auto 16px; } .head-con .nav a { color: #1A1A22; } .head-con .nav-con { display: none; } .head-con .nav-con { position : absolute; z-index : 9; left : -50px; padding-top: 15px; } .head-con .nav-product { left: -320px; } .head-con .nav-product .nav-product-list { width : 720px; background : #fff; box-shadow : 0px 0px 20px 0px rgba(0, 0, 0, 0.2); border-radius: 8px; text-align : left; padding-right: 30px; } .head-con .nav-product .content { width : 170px; border-radius: 8px; padding : 30px 0 30px 10px; float : left; } .head-con .nav-scheme .content { background : #fff; width : 170px; box-shadow : 0px 0px 20px 0px rgba(0, 0, 0, 0.2); border-radius: 8px; padding : 30px 30px 30px 10px; text-align : left; } .head-con .nav-con .content img { width : 150px; margin-left: 20px; } .head-con .nav-con .title { font-size : 18px; line-height: 24px; margin : 20px 0 10px 20px; } .head-con .nav-con a { display : block; width : 165px; padding-left : 20px; height : 32px; line-height : 32px; border-radius: 6px; } .head-con .nav-con a:hover { background: rgba(51, 145, 243, .15) } .head-con .item { float : left; width : 110px; margin-right : 10px; line-height : 64px; border-bottom: 6px #fff solid; text-align : center; position : relative; z-index : 11; } .head-con .item:hover .nav-con { display: block; } .head-con .item.check { border-bottom: 6px rgba(51, 129, 255, .5) solid; } .head-con .dianhua { float : left; margin-left: 18px; line-height: 70px; } .head-con .dianhua img { width : 22px; margin-right: 15px; } .foot { width : 100%; height : 310px; background: #000853; } .foot-con { width : 1200px; margin: 0 auto; color : #fff; } .foot-con .foot-left { float : left; margin-top : 62px; line-height: 30px; } .foot-con .foot-left .name { font-size : 17px; font-weight : bold; margin-bottom: 10px; line-height : 21px; } .foot-con img { float : right; width : 110px; margin-top: 80px; } .foot-con .copyright { width : 1200px; height : 55px; border-top : 1px solid rgba(228, 231, 255, .2); text-align : center; font-size : 12px; line-height: 55px; margin-top : 40px; } .foot-con .copyright a { color: #fff; } .banner { width: 100%; } .banner li { height: 830px; } .slideTxtBox { overflow: hidden; position: relative; z-index : 1; } .slideTxtBox .hd { position : absolute; z-index : 5; width : 100%; bottom : 50px; text-align: center; } .slideTxtBox .hd li { cursor : pointer; display : inline-block; width : 6px; height : 6px; background : #FFFFFF; border-radius: 3px; margin : 0 3px; font-size : 0px; color : #fff; line-height : 0; } .slideTxtBox .hd li.on { width : 30px; height : 6px; border-radius: 3px; } .floating { position: fixed; z-index : 9; bottom : 120px; right : 120px; width : 60px; } .floating img { width : 60px; margin-top: 20px; cursor : pointer; } /*index-con*/ .index-szzt { width : 100%; height : 830px; background : url(../../images/new/images/sy_tp_2.png) center center no-repeat; background-size: auto 830px; } .index-szzt-con { width : 1110px; margin : 0 auto; padding-top: 100px; } .index-szzt-con .name { color : #1A1A22; line-height : 50px; font-size : 38px; margin-bottom: 30px; } .index-szzt-con .content { width : 510px; font-size : 16px; line-height : 28px; margin-bottom: 66px; } .index-szzt-con .list li { float : left; width : 150px; height: 190px; border-radius: 6px; font-size : 12px; color : #9A9A9A; line-height : 24px; text-align : center; margin : 10px 30px 0 0; } .index-szzt-con .list li:first-child { /*margin-top: 0;*/ } .index-szzt-con .list li:hover { transform : translate(0, -40px); transition: all 1s; background: #FFFFFF; } .szzt-con-desc { opacity: 0; } .index-szzt-con .list li:hover .szzt-con-desc { opacity : 1; transition: all 1s; } .index-szzt-con .list .sub-name { margin-top: 16px; font-size : 16px; color : #333333; } .index-szjr { width : 100%; height : 760px; background : url(../../images/new/images/sy_szjr_bg.png) center center no-repeat; background-size: auto 760px; } .index-szjr-con { width : 1200px; margin : 0 auto; padding-top: 130px; } .index-szjr-con .name { height : 50px; font-size : 38px; color : #FFFFFF; line-height : 50px; text-align : center; margin-bottom: 34px; } .index-szjr-con .info { height : 50px; font-size : 32px; color : #FFFFFF; line-height : 50px; text-align : center; margin-bottom: 120px; } .index-szjr-con .list ul { width: 1300px; } .index-szjr-con .list li { float : left; width : 170px; height : 190px; background : #FFFFFF; border-radius: 4px; border : 1px solid #E6E6E6; margin-right : 10px; padding : 30px; color : #9A9A9A; line-height : 24px; } .index-szjr-con .list i { display: inline-block; width : 50px; height : 50px; } .index-szjr-con .list .sub-name { color : #1A1A22; font-weight: bold; margin : 40px 0 8px 0; } .index-szjr-con .list li:nth-child(1) i { background : url(../../images/new/images/icon_jrzp.png) center center no-repeat; background-size: 50px 50px; } .index-szjr-con .list li:nth-child(2) i { background : url(../../images/new/images/icon_jrfw.png) center center no-repeat; background-size: 50px 50px; } .index-szjr-con .list li:nth-child(3) i { background : url(../../images/new/images/icon_jkpt.png) center center no-repeat; background-size: 50px 50px; } .index-szjr-con .list li:nth-child(4) i { background : url(../../images/new/images/icon_gyljr.png) center center no-repeat; background-size: 50px 50px; } .index-szjr-con .list li:nth-child(5) i { background : url(../../images/new/images/icon_jrjg.png) center center no-repeat; background-size: 50px 50px; } .index-szjr-con .list li:hover { color : #fff; background: #0062FF; } .index-szjr-con .list li:hover .sub-name { color: #fff; } .index-szjr-con .list li:hover:nth-child(1) i { background : url(../../images/new/images/icon_jrzp_2.png) center center no-repeat; background-size: 50px 50px; } .index-szjr-con .list li:hover:nth-child(2) i { background : url(../../images/new/images/icon_jrfw_2.png) center center no-repeat; background-size: 50px 50px; } .index-szjr-con .list li:hover:nth-child(3) i { background : url(../../images/new/images/icon_jkpt_2.png) center center no-repeat; background-size: 50px 50px; } .index-szjr-con .list li:hover:nth-child(4) i { background : url(../../images/new/images/icon_gyljr_2.png) center center no-repeat; background-size: 50px 50px; } .index-szjr-con .list li:hover:nth-child(5) i { background : url(../../images/new/images/icon_jrjg_2.png) center center no-repeat; background-size: 50px 50px; } .index-szsy { width : 1110px; margin : 0 auto; padding: 150px 0 90px 0; } .index-szsy .name { font-size : 32px; color : #1A1A22; line-height: 50px; text-align : center; } .index-szsy .content { font-size : 18px; margin : 9px 0 53px 0; text-align: center; } .index-szsy .list ul { width: 1300px; } .index-szsy .list li { float : left; width : 310px; height : 200px; position: relative; z-index : 1; margin : 0 90px 70px 0; color : #fff; } .index-szsy .list .sub-name { position : absolute; z-index : 3; top : 116px; left : 40px; font-size: 20px; } .index-szsy .list .info { position: absolute; z-index : 3; top : 146px; left : 40px; } .index-szny { width : 100%; height : 910px; background : url(../../images/new/images/sy_cgkh_bg.png) bottom center no-repeat; /*background-size: auto 1200px;*/ } .index-szny-con { width : 1110px; height : 680px; margin : 0 auto; background : url(../../images/new/images/sy_tp_10.png) center center no-repeat; background-size: 1110px auto; } .index-szny-con .name { font-size : 32px; color : #FFFFFF; line-height: 50px; } .index-szny-con .content { font-size : 18px; color : #FFFFFF; line-height: 36px; } .index-szny-con .list { margin-left: 80px; } .index-szny-con .list li { float : left; width : 170px; height : 170px; background : #fff; border-radius: 4px; margin : 158px 10px 0 0; color : #9A9A9A; line-height : 24px; padding : 30px; } .index-szny-con .list i { display: inline-block; width : 50px; height : 50px; } .index-szny-con .list .sub-name { color : #1A1A22; font-weight: bold; margin : 40px 0 8px 0; } .index-szny-con .list li:hover { color : #fff; background: #0062FF; } .index-szny-con .list li:hover .sub-name { color: #fff; } .index-szny-con .list li:nth-child(1) i { background : url(../../images/new/images/sy_tp_11.png) center center no-repeat; background-size: 50px 50px; } .index-szny-con .list li:nth-child(2) i { background : url(../../images/new/images/sy_tp_12.png) center center no-repeat; background-size: 50px 50px; } .index-szny-con .list li:nth-child(3) i { background : url(../../images/new/images/sy_tp_13.png) center center no-repeat; background-size: 50px 50px; } .index-szny-con .list li:nth-child(4) i { background : url(../../images/new/images/sy_tp_14.png) center center no-repeat; background-size: 50px 50px; } /* hover */ .index-szny-con .list li:nth-child(1):hover i { background : url(../../images/new/images/sy_tp_11_2.png) center center no-repeat; background-size: 50px 50px; } .index-szny-con .list li:nth-child(2):hover i { background : url(../../images/new/images/sy_tp_12_2.png) center center no-repeat; background-size: 50px 50px; } .index-szny-con .list li:nth-child(3):hover i { background : url(../../images/new/images/sy_tp_13_2.png) center center no-repeat; background-size: 50px 50px; } .index-szny-con .list li:nth-child(4):hover i { background : url(../../images/new/images/sy_tp_14_2.png) center center no-repeat; background-size: 50px 50px; } .index-case { width : 1300px; margin: 0 auto; } .index-case .name { font-size : 32px; color : #042038; line-height : 50px; letter-spacing: 4px; padding : 120px 0 76px 0; text-align : center; } .index-case ul { width: 1300px; } .index-case li { float : left; width : 190px; height: 110px; margin: 0 10px 10px 0; } .case-swiper .swiper-container{ padding-top: 10px; } .index-new { width : 740px; margin : 0 auto; padding: 150px 0 126px 0; } .index-new .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 50px; } .index-new .name a { float : right; font-size: 16px; } .index-new li { width : 1110px; height : 270px; padding : 10px; margin-bottom: 30px; } .index-new li:hover { background: #F5F5F4; } .index-new li img { width : 300px; height : 233px; float : left; margin-left: 395px; } .index-new li .content { width : 310px; padding : 0px 80px 30px 0px; line-height: 24px; float : right; } .index-new li .title { font-size : 22px; color : #1A1A22; line-height : 34px; margin-bottom: 20px; } .index-new li .info { height : 72px; overflow : hidden; text-overflow : ellipsis; display : -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom : 26px; } .index-new li span { display: inline-block; width : 103px; color : #9A9A9A; } .index-new li .count img { width : 22px; height : 22px; margin-right: 3px; } /*product-jrzt*/ .product-jrzt-con .banner li { height: 320px; } .jrzt-product { width : 1110px; margin : 0 auto; padding: 90px 0; } .jrzt-product .content { float : left; width : 550px; line-height: 28px; } .jrzt-product img { float: right; width: 470px; } .jrzt-product .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .jrzt-framework { width : 1110px; margin : 0 auto; text-align: center; } .jrzt-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 10px; } .jrzt-framework .info { font-size : 20px; margin-bottom: 30px; } .jrzt-advantage { width : 1120px; margin : 0 auto; text-align: center; padding : 200px 0 150px 0; } .jrzt-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 10px; } .jrzt-advantage li { width : 190px; float : left; margin : 77px 45px 0 45px; color : #1A1A22; line-height: 24px; } .jrzt-advantage li img { width : 54px; margin-bottom: 28px; } .jrzt-advantage li .sub-name { font-weight : bold; font-size : 18px; margin-bottom: 7px; } .jrzt-case { width : 1000px; margin : 0 auto; padding-bottom: 120px; text-align : center; } .jrzt-case .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; } .jrzt-case li { display : inline-block; width : 230px; height : 110px; margin : 0 10px 10px 0; background : #F5F8FA; border-radius: 4px; } .jrzt-case li img { width : 230px; height: 110px; } /*scheme-xls*/ .scheme-xls-con .banner li { height: 320px; } .xls-scheme { width : 1110px; margin : 0 auto; padding : 90px 0 120px 0; position: relative; } .xls-scheme .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .xls-scheme .info { width : 430px; line-height: 28px; } .xls-scheme img { position: absolute; z-index : 3; top : -117px; right : 0; width : 430px; } .xls-framework { width : 1110px; margin : 0 auto; padding-bottom: 30px; } .xls-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .xls-framework img { margin-bottom: 90px; } .xls-advantage { width : 1110px; margin: 0 auto; } .xls-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 63px; text-align : center; } .xls-advantage ul { width: 1200px; } .xls-advantage li { float : left; width : 150px; margin-right : 50px; text-align : center; color : #1A1A22; margin-bottom: 90px; } .xls-advantage li:first-child { width: 110px; } .xls-advantage li img { width : 64px; margin-bottom: 34px; } .xls-advantage li .sub-name { font-size : 18px; font-weight : bold; line-height : 24px; margin-bottom: 13px; } .xls-case { width : 1000px; margin : 0 auto; padding : 140px 0 120px; text-align: center; } .xls-case .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; } .xls-case li { display : inline-block; width : 230px; height : 110px; margin : 0 10px 10px 0; background : #F5F8FA; border-radius: 4px; } .xls-case li img { width : 230px; height: 110px; } /*scheme-bank*/ .scheme-bank-con .banner li { height: 320px; } .bank-scheme { width : 1110px; margin : 0 auto; padding : 90px 0 80px 0; position: relative; } .bank-scheme .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .bank-scheme .info { width : 550px; line-height: 28px; } .bank-scheme img { position: absolute; z-index : 3; top : 130px; right : 0; width : 470px; } .bank-framework { width : 1110px; margin : 0 auto; padding-bottom: 40px; } .bank-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .bank-framework img { margin-bottom: 90px; } .bank-advantage { width : 1120px; margin : 0 auto; padding-bottom: 130px; } .bank-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 83px; text-align : center; } .bank-advantage ul { width: 1200px; } .bank-advantage li { float : left; width : 190px; margin : 0 45px; text-align: center; color : #1A1A22; } .bank-advantage li img { width : 104px; margin-bottom: 24px; } .bank-advantage li .sub-name { font-size : 18px; font-weight : bold; line-height : 24px; margin-bottom: 10px; } /*product-yf*/ .product-yf-con .bank-framework .sub-name { height : 26px; font-size : 20px; color : #1A1A22; line-height : 26px; margin-bottom: 40px; text-align : center; } /*product-nydsj*/ .product-nydsj-con .banner li { height: 320px; } .nydsj-project { width : 1110px; margin : 0 auto; padding : 90px 0 140px 0; position: relative; } .nydsj-project .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .nydsj-project .info { width : 560px; line-height: 28px; } .nydsj-project img { position: absolute; z-index : 3; top : 130px; right : 0; width : 470px; } .nydsj-case .content { width : 100%; height : 481px; background : url(../../images/new/images/cp_nysj_3.png) center center no-repeat; background-size: auto 481px; } .nydsj-case .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 60px; text-align : center; } .nydsj-advantage { width : 1200px; margin : 0 auto; padding: 90px 0; } .nydsj-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .nydsj-advantage ul { width: 1300px; } .nydsj-advantage li { float : left; width : 170px; height : 170px; padding : 30px; margin-right : 10px; color : #1A1A22; line-height : 24px; background : linear-gradient(315deg, #E5FCFF 0%, #F3F6F9 100%); border-radius: 4px; } .nydsj-advantage li img { width : 54px; margin-bottom: 46px; } /*product-nyp*/ .product-nyp-con .banner li { height: 320px; } .nyp-project { width : 1110px; margin : 0 auto; padding : 90px 0 120px 0; position: relative; } .nyp-project .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .nyp-project .info { width : 550px; line-height: 28px; } .nyp-project img { position: absolute; z-index : 3; top : 90px; right : 0; width : 470px; } .nyp-framework { width : 1110px; margin : 0 auto; text-align : center; padding-bottom: 50px; } .nyp-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .nyp-framework img { margin-bottom: 10px; } .nyp-framework .first { width : 950px; margin-bottom: 130px; } .nyp-framework div { position: relative; z-index : 1; } .nyp-framework span { position : absolute; z-index : 3; top : 30%; font-size : 38px; color : #1A1A22; line-height: 50px; } .nyp-framework .nyp-framework-right span { right: 80px; } .nyp-framework .nyp-framework-left span { left: 0; } .nyp-advantage { width : 950px; margin : 0 auto; padding-bottom: 120px; position : relative; z-index : 1; } .nyp-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 30px; text-align : center; } .nyp-advantage .list { position: absolute; right : -20px; z-index : -1; top : 80px; } .nyp-advantage li { width : 330px; padding : 30px 40px; margin-bottom: 10px; text-align : center; color : #1A1A22; background : linear-gradient(315deg, #E5FCFF 0%, #F3F6F9 100%); border-radius: 4px; color : #1A1A22; line-height : 24px; } .nyp-advantage img { width : 580px; margin-bottom: 24px; } /*product-yp*/ .product-yp-con .banner li { height: 320px; } .yp-project { width : 1110px; margin : 0 auto; padding : 90px 0 120px 0; position: relative; } .yp-project .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .yp-project .info { width : 550px; line-height: 28px; } .yp-project img { position: absolute; z-index : 3; top : 90px; right : 0; width : 470px; } .yp-framework { width : 1110px; margin : 0 auto; text-align : center; padding-bottom: 120px; } .yp-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .yp-advantage { width : 1110px; margin : 0 auto; padding-bottom: 120px; } .yp-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 30px; text-align : center; } .yp-advantage .list div { border-radius: 4px; color : #1A1A22; line-height : 24px; } .yp-advantage .list-left div { width : 350px; padding : 40px; background: #F3F6F9; } .yp-advantage .list-left div:first-child { padding : 30px 40px; margin-bottom: 10px; } .yp-advantage .list-left { float : left; margin-right: 10px; } .yp-advantage .list-right { width : 350px; padding : 40px; background: #F3F6F9; float : right; } .yp-advantage img { float: left; width: 230px; } /*product-llsp*/ .product-llsp-con .banner li { height: 320px; } .llsp-project { width : 1110px; margin : 0 auto; padding : 90px 0 80px 0; position: relative; } .llsp-project .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .llsp-project .info { width : 550px; line-height: 28px; } .llsp-project img { position: absolute; z-index : 3; top : 90px; right : 0; width : 470px; } .llsp-framework { width : 1110px; margin : 0 auto; text-align : center; padding-bottom: 120px; } .llsp-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .llsp-advantage { width : 1110px; margin : 0 auto; padding-bottom: 120px; position : relative; z-index : 1; } .llsp-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 30px; text-align : center; } .llsp-advantage .list div { border-radius: 4px; color : #1A1A22; line-height : 24px; border-radius: 4px; } .llsp-advantage .list-left div { width : 350px; padding : 40px 80px 40px 40px; background : #F3F6F9; border : 1px solid; border-image: linear-gradient(180deg, rgba(66, 226, 255, 1), rgba(0, 93, 255, 1)) 1 1; } .llsp-advantage .list-left div:first-child { padding : 35px 80px 35px 40px; margin-bottom: 10px; } .llsp-advantage .list-left { float : left; margin-right: 10px; } .llsp-advantage .list-right { width : 350px; padding : 40px 40px 40px 80px; border : 1px solid; border-image: linear-gradient(180deg, rgba(66, 226, 255, 1), rgba(0, 93, 255, 1)) 1 1; float : right; margin-top : 40px; } .llsp-advantage img { position: absolute; z-index : 3; top : 133px; left : 437px; width : 234px; } /*product-nyb*/ .product-nyb-con .banner li { height: 320px; } .nyb-project { width : 1110px; margin : 0 auto; padding : 90px 0 150px 0; position: relative; } .nyb-project .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .nyb-project .info { width : 550px; line-height: 28px; } .nyb-project img { position: absolute; z-index : 3; top : 90px; right : 0; width : 470px; } .nyb-framework { width : 1110px; margin : 0 auto; text-align : center; padding-bottom: 120px; } .nyb-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .nyb-framework .content { margin : 0 auto; width : 1050px; height : 720px; background : url(../../images/new/images/cp_dlny_3.png) center center no-repeat; background-size: auto 780px; padding : 60px 0 0 60px; } .nyb-framework li { float : left; width : 228px; padding : 37px 35px; background : #FFFFFF; border-radius: 8px; color : #1A1A22; line-height : 24px; margin : 0 49px 30px 0; text-align : left; min-height : 100px; } .nyb-framework li.yuan { padding : 0 35px; text-align: center; background: rgba(0, 0, 0, 0); } .nyb-framework li.yuan div { width : 199px; height : 140px; background : #FFFFFF; border-radius : 50%; font-size : 30px; font-weight : bold; color : #587E00; line-height : 40px; letter-spacing: 1px; padding-top : 59px; } .nyb-framework .sub-name { font-size : 18px; font-weight : bold; margin-bottom: 10px; } .nyb-advantage { width : 1020px; margin : 0 auto; padding-bottom: 143px; position : relative; z-index : 1; } .nyb-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 64px; text-align : center; } .nyb-advantage .list li { float : left; width : 182px; text-align : center; margin : 0 79px; color : #1A1A22; line-height: 24px; } .nyb-advantage img { width : 182px; margin-bottom: 55px; } /*scheme-gyl*/ .scheme-gyl-con .banner li { height: 320px; } .gyl-project { width : 1110px; margin : 0 auto; padding : 90px 0 120px 0; position: relative; } .gyl-project .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .gyl-project .info { width : 430px; line-height: 28px; } .gyl-project img { position: absolute; z-index : 3; top : 90px; right : 0; width : 470px; } .gyl-framework { width : 1110px; margin : 0 auto; text-align : center; padding-bottom: 120px; } .gyl-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .gyl-advantage { width : 870px; margin : 0 auto; padding-bottom: 110px; position : relative; z-index : 1; } .gyl-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 64px; text-align : center; } .gyl-advantage .list ul { width: 550px; float: left; } .gyl-advantage .list li { font-size : 16px; color : #1A1A22; line-height: 30px; } .gyl-advantage .list span { margin-right: 10px; } .gyl-advantage img { float : left; width : 230px; margin-right: 90px; } .gyl-case { width : 1200px; margin : 0 auto; text-align : center; padding-bottom: 120px; } .gyl-case .name { font-size : 32px; color : #042038; line-height : 50px; letter-spacing: 4px; margin-bottom : 40px; } .gyl-case li { display: inline-block; width : 190px; height : 110px; margin : 0 10px 10px 0; } .gyl-case li img { width : 190px; height: 110px; } /* scheme-st */ .st-scheme{ width: 1110px; margin: 0 auto; padding: 90px 0 80px 0; position: relative; } .st-scheme .st-title{ font-size: 38px; font-weight: normal; line-height: 46px; text-align: center; color: #1A1A22; } .st-scheme .st-info{ width: 1000px; margin: 0 auto; padding-top: 44px; font-size: 14px; font-weight: normal; line-height: 28px; text-align: center; color: #333333; } .st-route{ padding-top: 44px; } .st-route p{ font-size: 24px; font-weight: normal; line-height: 24px; text-align: center; color: #163513; padding-bottom: 44px; } .st-route img{ width: 100%; } .st-scene{ padding-top: 120px; } .st-scene img{ width: 100%; } .st-advantage{ padding-top: 120px; } .st-advantage .name{ font-size: 38px; font-weight: normal; line-height: 46px; text-align: center; color: #1A1A22; } .st-advantage .box{ display: flex; flex-wrap: wrap; justify-content: space-between; } .st-advantage .item{ padding-top: 60px; width: 33%; text-align: center; } .st-advantage .item img{ width: 100px; } .st-advantage .item p{ padding-top: 32px; font-size: 24px; font-weight: normal; line-height: 24px; text-align: center; color: #000000; } .st-comprehensive{ padding-top: 120px; } .st-comprehensive h5{ font-size: 38px; font-weight: normal; line-height: 46px; text-align: center; color: #1A1A22; } .st-comprehensive p{ font-size: 14px; font-weight: normal; line-height: 28px; text-align: center; color: #333333; width: 1000px; margin: 0 auto; padding: 44px 0 32px; } .st-comprehens5ive img{ width: 100%; } .st-solve{ padding-top: 120px; } .st-solve .name{ font-size: 38px; font-weight: normal; line-height: 46px; text-align: center; color: #1A1A22; } .st-solve .box{ display: flex; flex-wrap: wrap; justify-content: space-between; } .st-solve .item{ padding-top: 60px; width: 24%; text-align: center; } .st-solve .item img{ width: 78px; } .st-solve .item h5{ font-size: 18px; font-weight: bold; line-height: 24px; text-align: center; letter-spacing: 0px; color: #1A1A22; padding: 32px 0 10px ; } .st-solve .item p{ font-size: 16px; font-weight: normal; line-height: 24px; text-align: justify; color: #1A1A22; width: 90%; margin: 0 auto; } /* scheme-xc */ .xc-scheme{ width: 1110px; margin: 0 auto; padding: 90px 0 80px 0; position: relative; } .xc-scheme .xc-title{ font-size: 38px; font-weight: normal; line-height: 46px; text-align: center; color: #1A1A22; } .xc-scheme .xc-info{ width: 1000px; margin: 0 auto; padding-top: 44px; font-size: 14px; font-weight: normal; line-height: 28px; text-align: center; color: #333333; } .xc-route-title{ font-size: 38px; font-weight: normal; line-height: 46px; text-align: center; color: #1A1A22; padding: 80px 0 20px; } .xc-route{ display: flex; flex-wrap: wrap; justify-content: space-between; } .xc-route .item{ margin-top: 15px; width: 210px; height: 200px; text-align: center; position: relative; } .xc-route .item img{ width: 100%; height: 100%; } .xc-route .item p{ font-size: 20px; font-weight: normal; text-align: center; color: #FFFFFF; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .xc-highlights{ padding-top: 120px; } .xc-highlights .name{ font-size: 38px; font-weight: normal; line-height: 46px; text-align: center; color: #1A1A22; } .xc-highlights .info{ padding-top: 44px; font-size: 14px; font-weight: normal; line-height: 28px; text-align: center; color: #333333; } .xc-highlights .box{ display: flex; flex-wrap: wrap; justify-content: space-between; } .xc-highlights .item{ padding-top: 60px; width: 49%; display: flex; justify-content: center; } .xc-highlights .item img{ width: 150px; height: 150px; } .xc-highlights .item .text{ padding-left: 32px; } .xc-highlights .item h5{ font-size: 18px; font-weight: 400; padding: 12px 0 6px; line-height: 24px; color: #1A1A22; } .xc-highlights .item p{ font-size: 14px; font-weight: normal; line-height: 24px; color: #1A1A22; } .xc-framework{ padding-top: 120px; } .xc-framework h5{ font-size: 38px; font-weight: 400; line-height: 46px; text-align: center; color: #1A1A22; } .xc-framework p{ font-size: 14px; font-weight: normal; line-height: 28px; text-align: center; color: #333333; padding-top: 44px; } .xc-framework img{ width: 100%; margin-top: 60px; } .xc-satisfy{ padding-top: 120px; } .xc-satisfy h5{ font-size: 38px; font-weight: 400; line-height: 46px; text-align: center; color: #1A1A22; } .xc-satisfy p{ font-size: 14px; font-weight: normal; line-height: 28px; text-align: center; color: #333333; padding-top: 44px; } .xc-case{ padding-top: 120px; } .xc-case .name{ font-size: 38px; font-weight: 400; line-height: 46px; text-align: center; color: #1A1A22; } .xc-case .box{ padding-top: 44px; width: 950px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .xc-case .box img{ width: 230px; height: 110px; margin-top: 10px; } /*product-zhfwpt*/ .product-zhfwpt-con .banner li { height: 320px; } .zhfwpt-project { width : 1110px; margin : 0 auto; padding : 90px 0 150px 0; position: relative; } .zhfwpt-project .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .zhfwpt-project .info { width : 550px; line-height: 28px; } .zhfwpt-project img { position: absolute; z-index : 3; top : 90px; right : 0; width : 470px; height : 285px; } .zhfwpt-framework { width : 1110px; margin : 0 auto; text-align : center; padding-bottom: 120px; } .zhfwpt-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .zhfwpt-advantage { width : 1110px; margin : 0 auto; padding-bottom: 143px; position : relative; z-index : 1; } .zhfwpt-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 64px; text-align : center; } .zhfwpt-advantage .list { position: relative; z-index : 1; } .zhfwpt-advantage .list li { float : left; width : 290px; height : 190px; background : linear-gradient(315deg, #E5F9FF 0%, #F3F6F9 100%); border-radius: 4px; color : #1A1A22; line-height : 24px; margin-bottom: 50px; } .zhfwpt-advantage .list li:nth-child(odd) { padding : 40px 140px 0 40px; margin-right: 90px; } .zhfwpt-advantage .list li:nth-child(even) { padding: 40px 40px 0 140px; } .zhfwpt-advantage .list .sub-name { font-size : 18px; font-weight : bold; color : #1A1A22; line-height : 24px; margin-bottom: 7px; } .zhfwpt-advantage img { position: absolute; z-index : 3; top : 120px; left : 380px; width : 264px; } /*scheme-kxp*/ .scheme-kxp-con .banner li { height: 320px; } .kxp-project { width : 1110px; margin : 0 auto; padding : 90px 0 120px 0; position: relative; } .kxp-project .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .kxp-project .info { width : 430px; line-height: 28px; } .kxp-project img { position: absolute; z-index : 3; top : 90px; right : 0; width : 470px; } .kxp-framework { width : 1110px; margin : 0 auto; text-align : center; padding-bottom: 120px; } .kxp-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .kxp-advantage { width : 1110px; margin: 0 auto; } .kxp-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 64px; text-align : center; } .kxp-advantage .list ul { width: 1300px; } .kxp-advantage .list li { float : left; width : 510px; margin : 0 90px 90px 0; font-size : 14px; color : #1A1A22; line-height: 24px; } .kxp-advantage .list .content { float: left; width: 310px; } .kxp-advantage .list .img { float : left; width : 150px; height : 150px; line-height : 150px; text-align : center; font-size : 22px; color : #FFFFFF; background : url(../../images/new/images/icon_bj_jb.png) center center no-repeat; background-size: auto 150px; margin-right : 50px; } .kxp-advantage .list .sub-name { font-size : 18px; font-weight: bold; line-height: 24px; margin : 12px 0 6px 0; } .kxp-case { width : 1200px; margin : 0 auto; text-align : center; padding-bottom: 120px; } .kxp-case .name { font-size : 32px; color : #042038; line-height : 50px; letter-spacing: 4px; margin-bottom : 40px; } .kxp-case li { display: inline-block; width : 190px; height : 110px; margin : 0 10px 10px 0; } .kxp-case li img { width : 190px; height: 110px; } /*product-gyp*/ .product-gyp-con .banner li { height: 320px; } .gyp-project { width : 1110px; margin : 0 auto; padding : 90px 0 120px 0; position: relative; } .gyp-project .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .gyp-project .info { width : 550px; line-height: 28px; } .gyp-project img { position: absolute; z-index : 3; top : 90px; right : 0; width : 470px; } .gyp-framework { width : 1270px; margin : 0 auto; text-align : center; padding-bottom: 120px; } .gyp-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .gyp-advantage { width : 1110px; margin : 0 auto; padding-bottom: 120px; } .gyp-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 30px; text-align : center; } .gyp-advantage .list ul { float: left; width: 310px; } .gyp-advantage .list li { color : #1A1A22; line-height : 24px; margin-bottom: 60px; } .gyp-advantage img { float : left; width : 390px; margin: 38px 50px 0 50px; } /*product-jrjg*/ .product-jrjg-con .banner li { height: 320px; } .jrjg-project { width : 1110px; margin : 0 auto; padding : 90px 0 150px 0; position: relative; } .jrjg-project .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .jrjg-project .info { width : 560px; line-height: 28px; } .jrjg-project img { position: absolute; z-index : 3; top : 170px; right : 0; width : 470px; } .jrjg-framework { width : 1110px; margin : 0 auto; text-align : center; padding-bottom: 120px; } .jrjg-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .jrjg-advantage { width : 1055px; margin : 0 auto; padding-bottom: 143px; position : relative; z-index : 1; } .jrjg-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 64px; text-align : center; } .jrjg-advantage .list { position: relative; z-index : 1; } .jrjg-advantage .list li { float : left; width : 290px; height : 190px; background : linear-gradient(315deg, #E5F9FF 0%, #F3F6F9 100%); border-radius: 4px; color : #1A1A22; line-height : 24px; margin-bottom: 50px; } .jrjg-advantage .list li:nth-child(odd) { padding : 40px 140px 0 40px; margin-right: 90px; } .jrjg-advantage .list li:nth-child(even) { padding: 40px 40px 0 140px; } .jrjg-advantage .list .sub-name { font-size : 18px; font-weight : bold; color : #1A1A22; line-height : 24px; margin-bottom: 7px; } .jrjg-advantage img { position: absolute; z-index : 3; top : 120px; left : 380px; width : 264px; } /*product-jszt*/ .product-jszt-con .banner li { height: 320px; } .jszt-project { width : 1110px; margin : 0 auto; padding : 90px 0 120px 0; position: relative; } .jszt-project .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 20px; } .jszt-project .info { width : 430px; line-height: 28px; } .jszt-project img { position: absolute; z-index : 3; top : 90px; right : 0; width : 470px; } .jszt-framework { width : 1110px; margin : 0 auto; padding-bottom: 30px; } .jszt-framework .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .jszt-framework img { margin-bottom: 90px; } .jszt-advantage { width : 950px; margin: 0 auto; } .jszt-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .jszt-advantage ul { width: 1000px; } .jszt-advantage li { float : left; width : 170px; height : 200px; padding : 30px 30px 40px 30px; margin-right : 10px; color : #1A1A22; background : linear-gradient(315deg, #E5EFFF 0%, #F3F6F9 100%); border-radius: 4px; } .jszt-advantage li img { width : 54px; margin-bottom: 44px; } .jszt-advantage li .sub-name { font-size : 14px; font-weight : bold; line-height : 24px; margin-bottom: 8px; } .jszt-case { width : 1000px; margin : 0 auto; padding : 140px 0 120px; text-align: center; } .jszt-case .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; } .jszt-case li { display : inline-block; width : 230px; height : 110px; margin : 0 10px 10px 0; background : #F5F8FA; border-radius: 4px; } .jszt-case li img { width : 230px; height: 110px; } /*product-sjzt-*/ .sjzt-advantage { width : 950px; margin: 0 auto; } .sjzt-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 40px; text-align : center; } .sjzt-advantage ul { width: 1000px; } .sjzt-advantage li { float : left; width : 180px; height : 190px; padding : 40px 30px 0 30px; margin-right : 10px; color : #1A1A22; background : linear-gradient(315deg, #E5FCFF 0%, #F3F6F9 100%); border-radius: 4px; } .sjzt-advantage li img { width : 54px; margin-bottom: 44px; } .sjzt-advantage li .sub-name { font-size : 14px; font-weight : bold; line-height : 24px; margin-bottom: 8px; } /*product-ywzt-*/ .ywzt-advantage { width : 960px; margin: 0 auto; } .ywzt-advantage .name { font-size : 32px; color : #1A1A22; line-height : 50px; margin-bottom: 10px; text-align : center; } .ywzt-advantage .info { font-size : 20px; color : #1A1A22; line-height : 26px; margin-bottom: 44px; text-align : center; } .ywzt-advantage li { float : left; width : 310px; height : 110px; padding : 40px 120px 40px 40px; margin-right : 10px; color : #fff; background : linear-gradient(225deg, #00CCFF 0%, #0072FF 100%); border-radius: 4px; position : relative; z-index : 1; } .ywzt-advantage li .sub-name { font-size : 14px; font-weight : bold; line-height : 24px; margin-bottom: 14px; } .ywzt-advantage li img { position: absolute; z-index : 3; bottom : 0; right : 0; width : 78px; } .dl-swiper { /*height : 830px;*/ position: relative } .swiper-slide-item { /*background: url('../../images/new/images/szjk.png') no-repeat center center / auto 615px;*/ /*height:100%;*/ } .swiper-slide-item2 { /*background: url('../../images/new/images/gyljr.png') center center / auto 830px;*/ /*height : 100%;*/ } .swiper-slide-item3 { /*background: url('../../images/new/images/szny.png') center center / auto 830px;*/ /*height : 100%;*/ } .swiper-slide-item4 { /*background: url('../../images/new/images/szny.png') center center / auto 830px;*/ /*height : 100%;*/ } .dl-swiper .swiper-pagination-bullet { width : 13px; height : 13px; display : inline-block; background : #fff; margin : 0 5px; border-radius: 20px; } .dl-swiper .swiper-pagination-bullet-active { width: 40px; } /* 新闻动态 */ .dl-news-content { width : 1200px; margin: auto; } .news-content { padding : 20px 0 60px; display : flex; justify-content: space-between; } .dl-news-content .news-good { display : flex; justify-content: space-between; } .dl-news-content .news-list { margin-left: 32px; } .news-good-li { width: 520px; color : #333333; text-decoration: none; background: #F1F1F1; } .news-good-li-box{ padding: 52px 32px 43px; } /*.news-good-li:hover{*/ /* box-shadow : 1px 1px 10px rgba(0, 0, 0, 0.16);*/ /*}*/ /*a.news-good-li:hover{*/ /* text-decoration: none;*/ /* color: inherit;*/ /*}*/ .good-li-image { width: 456px; height: 310px; overflow: hidden; } /*.news-good-li:hover .good-li-image img {*/ /* transform: scale(1.1);*/ /* transition: all 0.5s;*/ /*}*/ .good-li-image img { width : 100%; height: 310px; object-fit: cover; } .dl-news-content .dl-new-title { font-size : 32px; color : #000; line-height: 50px; text-align : center; padding : 60px 0 30px; } .a-link-icon { width : 50px; height: 50px; } .a-link-icon img { width : 50px; height : 50px; border-radius: 50%; } .good-li-tip { padding : 6px 8px; position : relative; margin-top: 10px; font-size : 18px; } .good-li-tip::after { content : ''; display : inline-block; width : 20px; height : 4px; background : red; position : absolute; top : 0; left : 12px; border-radius: 2px; } .good-li-content { font-size: 16px; color: #3D3D3D; line-height : 20px; display : -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow : hidden; padding-top: 31px; } .news-list-item { display : flex; justify-content: space-between; border-bottom : 1px solid #ccc; padding : 33px 0; text-decoration: none; flex: 1; } .news-list-item:hover { box-shadow : 1px 1px 10px rgba(0, 0, 0, 0.16); } /*.news-list-item:first-child {*/ /* padding-top: 0;*/ /*}*/ /*.news-list-item :last-child {*/ /* border-bottom: none*/ /*}*/ .news-list-item .date{ text-align: center; font-size: 20px; font-weight: 600; letter-spacing: 0em; color: #3D3D3D; } .news-list-item .year-month{ font-size: 14px; font-weight: normal; letter-spacing: 0em; padding-top: 9px; color: #3D3D3D; text-align: center; } .good-li-title { font-family: Microsoft YaHei; font-size: 20px; font-weight: bold; letter-spacing: 0em; color: #3D3D3D; padding-bottom: 28px; } /*.good-li-title::after { content : ''; display : inline-block; width : 20px; height : 4px; background : red; position : absolute; top : 0; left : 12px; border-radius: 2px; }*/ .news-list-item-image { width : 85px; } .news-list-item-image img { width : 178px; height : 132px; object-fit: cover; } .news-list-item-view { margin-left: 18px; flex: 1; /*padding: 33px 0;*/ } .news-list-item-view .news-list-item-title { font-size : 20px; font-weight : bold; color : #333333; margin-bottom : 10px; display : -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow : hidden; } .news-list-item-view .news-list-content { font-size : 16px; color : #666666; display : -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow : hidden; } .news-list .more-list { display : flex; justify-content: center; padding-top: 40px; } .news-list .more-list a { font-family: Microsoft YaHei; font-size: 16px; font-weight: normal; letter-spacing: 0em; color: #3D3D3D; } .news-list .more-list a img { width: 30px; height: 30px; } .icon-other { display : flex; justify-content: space-between; align-items : center; margin-top : 30px; padding : 0px 8px; font-size : 14px; } .icon-other span{ color: #3D3D3D; } .icon-other img { width : 22px; height : 22px; margin-right : 3px; vertical-align: middle; margin-bottom : 3px; } .look-icon { display : inline-block; line-height: 24px; } .index-gyljr{ width: 1200px; margin: 0 auto; padding: 90px 0 90px 0; } .index-gyljr .index-gyljr-title{ font-size: 38px; font-weight: normal; color: #1A1A22; text-align: center; } .index-gyljr .index-gyljr-title2{ font-size: 24px; font-weight: normal; color: #1A1A22; text-align: center; padding-top: 16px; } .index-gyljr .index-gyljr-info{ font-size: 16px; font-weight: normal; line-height: 28px; text-align: center; color: #333333; width: 740px; margin: 0 auto; padding-top: 32px; } .index-gyljr .index-gyljr-box{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 16px; } .index-gyljr .index-gyljr-box .index-gyljr-item{ text-align: center; padding: 18px 30px; width: 100px; margin: 15px 50px; } .index-gyljr .index-gyljr-box .index-gyljr-item:hover{ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); } .index-gyljr-item img{ width: 72px; height: 72px; } .index-gyljr-item p{ font-size: 14px; font-weight: normal; line-height: 24px; color: #1A1A22; padding-top: 16px; }