a:focus { text-decoration: none; } button { padding: 0; outline: none; border: 0; } input { outline: none; border: 0; } textarea{ color:#333; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity:1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity:1; } input:-ms-input-placeholder{ color: #999; opacity:1; } input::-webkit-input-placeholder{ color: #999; opacity:1; } textarea:-ms-input-placeholder{ color: #999; opacity:1; } textarea::-webkit-input-placeholder{ color: #999; opacity:1; } /*1行3列 列表*/ .u-3 { overflow: hidden; } .u-3 li:first-child { margin-left: 0; } .u-3 li { float: left; margin-left: 28px; width: 380px; } .img-box { position: relative; } .img-box img { display: block; max-width: 100%; /*width: 100%;*/ } .center { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .list-wrap { margin: 0 auto; } /*首页*/ #index-banner .item { height: 480px; overflow: hidden; } #index-banner .item a{ display:inline-block; width:100%; height:100%; } #index-banner .item1 { background: url('../images/banner22.jpg') no-repeat center; } #index-banner .item2 { background: url('../images/banner33.jpg') no-repeat center; } #index-banner .item3 { background: url('../images/banner44.jpg') no-repeat center; } #index-banner .ctrl { display: block; width: 60px; height: 60px; position: absolute; z-index: 2; top: 210px; } #index-banner .ctrl-left { background: url('../images/prev-normal.png') no-repeat center; left: 0; } #index-banner .ctrl-left:hover { background: url('../images/prev-hover.png') no-repeat center; } #index-banner .ctrl-right { background: url('../images/next-normal.png') no-repeat center; right: 0; } #index-banner .ctrl-right:hover { background: url('../images/next-hover.png') no-repeat center } #index-banner .carousel-indicators li { width: 20px; height: 4px; opacity: 0.3; border: 0; background-color: #fff; margin-bottom: 0; } #index-banner .carousel-indicators .active { width: 20px; height: 4px; border: 0; background-color: #eb910f; opacity: 1; } #index-banner .tip { font-size: 13px; color: #fff; margin: 8px auto; text-align: center; } .i-contact { padding: 28px 0; background-color: #f5f5f5; text-align: center; } .i-contact ul { overflow: hidden; } .i-contact li { background-color: #fff; } .i-contact .img-box { width: 100%; height: 180px; margin-bottom: -5px; } .i-contact h3 { font-size: 18px; color: #000; } .i-contact .info { padding: 28px 28px 28px; border-top: 6px solid #ffc000; position: relative; z-index: 2; } .i-contact .info p,.i-contact .info .infotext { font-size: 14px; color: #999; line-height: 22px; margin-top: 20px; } .i-contact .info .infotext h1{font-weight:400;margin:0;padding:0;display:inline;font-size: 14px;color: #999;} .i-contact .info a { display: block; width: 210px; height: 42px; margin: 28px auto 0; border: 1px solid #0231a8; border-radius: 4px; text-align: center; color: #0231a8; line-height: 40px; transition: all .4s; } .i-contact a:hover { background-color: #0231a8; color: #fff; } .i-pro { padding: 56px 0; } .head { /*overflow: hidden;*/ height: 38px; } .i-news .head { /*overflow: hidden;*/ width:1180px; margin:0 auto; } .i-pro .title { color: #222; } .head .title { float: left; font-size: 30px; color: #0231a8; } .head .title a{ font-size: 18px; margin-left: 10px; color:#0231a8; } .head .know-more { float: right; margin-top: 14px; font-size: 14px; } .i-pro .know-more { color: #555; } .know-more span { display: inline-block; vertical-align: middle; padding-right: 8px; color: #555; } .know-more i { display: inline-block; vertical-align: middle; height: 16px; width: 16px; background: url('../images/know-more-icon.png'); } .i-pro .pro-search { height: 158px; margin-top: 28px; padding: 32px 28px 28px; background: url('../images/i-search.png') no-repeat center; } .i-pro .form-part { float: left; } .i-pro input[type="text"] { background-color: #f2f2f2; outline: none; border: 0; height: 28px; width: 68px; padding: 9px 11px 8px 11px; margin-right: 10px; } .i-pro input[type="radio"] { margin-right: 4px; } .radio-wrap { position: absolute; left: 0; } .i-pro label { position: relative; font-size: 14px; color: #555; font-weight: normal; padding-right: 10px; } .i-pro button { display: block; float: left; width: 120px; height: 42px; border-radius: 4px; font-size: 14px; margin-left: 16px; line-height: 42px; text-align: center; background-color: #0231a8; color: #fff; border-color: #0231a8; } .i-pro button:hover { background-color: #0231a8; color: #fff; border-color: #0231a8; } .i-pro .pre-filter { margin-top: 14px; } .i-pro .group { float: left; margin-right: 21px; } .i-pro .group-type { float: left; width: 30px; height: 48px; border: 1px solid #efefef; border-radius: 3px; text-align: center; line-height: 22px; } .i-pro .group-type3 { line-height: 13px; padding-top: 4px; } .i-pro .group-link { width: 188px; float: left; margin-bottom: -4px; margin-left: 6px; } .i-pro .group-link a { display: block; float: left; width: 90px; height: 22px; border: 1px solid #efefef; border-radius: 3px; color: #888279; text-align: center; margin-bottom: 4px; margin-left: 4px; } .i-pro .guide-part { float: right; } .i-pro .guide-part p { font-size: 14px; color: #999; margin-bottom: 10px; margin-top: 16px; } .i-pro .guide-choice { float: left; } .i-pro .guide-choice a { width: 180px; } .i-pro .guide-inquiry { float: left; margin-left: 14px; } .guide-inquiry a { width: 133px; } .guide-part a { display: block; background-color: #fff; border: 1px solid #0231a8; height: 42px; line-height: 42px; text-align: center; border-radius: 4px; font-size: 14px; transition: all .4s; color: #0231a8; } .guide-part a:hover { background-color: #0231a8; color: #fff; border-color: #0231a8; } .i-quality { width: 100%; height: 600px; padding: 1px 0; background: url("../images/gybang.jpg") no-repeat center center; } .i-case .i-case-head { height: 223px; min-width: 1196px; background: url('../images/case-head.jpg') no-repeat center; color: #fff; padding-top: 48px; } .i-case .i-case-head .know-more { color: #fff; } .i-case .i-case-head p { float: left; font-size: 20px; margin-right: 56px; line-height: 72px; } .i-case .i-case-head .text { padding-top: 16px; } .i-case p:first-child span{ font-size: 36px; } .i-case p span { display: inline-block; vertical-align: middle; font-size: 48px; padding: 0 18px; font-weight: bold; color: #ffc000; } .i-case-body { padding-bottom: 56px; } .i-case-body .i-case-triggers { background-color: #eaeaea; padding: 28px 0; float: left; } .i-case-body .i-case-triggers li { width: 188px; height: 50px; line-height: 50px; text-align: center; position: relative; cursor: pointer; } .i-case-body .i-case-triggers span { position: relative; z-index: 2; font-size: 14px; color: #555; } .i-case-body .i-case-triggers a { color: #555; } .i-case-triggers .active .white-bg { display: block; } .i-case-body .white-bg { display: none; height: 100%; width: 100%; border-left: 5px solid #ffc000; border-radius: 3px; background-color: #fff; position: absolute; z-index: 1; left: 7px; } .i-case-triggers li:hover .white-bg { display: block; } .i-case .case-tab { float: left; margin-left: 28px; } .i-case .case-tab-child { height: 462px; width: 980px; display: none; } .i-case .case-tab .active { display: block; } .i-case .case-tab .head { margin-top: 20px; height: 28px; } .i-case .case-tab .title { font-size: 24px; /*margin-top: -6px;*/ line-height: 1; } .i-case .i-case-desc { color: #555555; height: 48px; overflow: hidden; font-size: 14px; line-height: 24px; margin: 23px 0; } .i-case .case-desc-trigger { padding-top: 22px; border-top: 1px solid #eaeaea; } .i-case .case-desc-trigger li { float: left; width: 245px; height: 100px; padding: 10px; cursor: pointer; } .i-case .case-desc-trigger img { display: block; margin: 0 auto; } .i-case .case-desc-trigger .active { background-color: #f8f8f8; } .i-case .desc-inner { background-color: #f8f8f8; padding: 28px; } .i-case .desc-inner h3 { font-size: 18px; color: #555; margin-top: -1px; } .i-case .desc-inner p { display: block; height: 72px; line-height: 24px; overflow: hidden; margin: 25px 0; font-size: 14px; color: #999; } .i-case .desc-inner a { display: block; font-size: 14px; line-height: 24px; margin-top: 23px; color: #555; } .i-case .get-plan { display: block; width: 210px; height: 48px; background-color: #fff; color: #0231a8; text-align: center; line-height: 48px; border-radius: 3px; transition: all .4s; border: 1px solid #0231a8; margin-top: 26px; font-size: 14px; } .i-case .get-plan:hover { background-color: #0231a8; color: #fff; border-color: #0231a8; } .i-case .desc-inner li { display: none; } .i-case .desc-inner .active { display: block; } .i-service { background-color: #f5f5f5; padding: 56px 0 63px 0; min-width: 1196px; } .i-service .title { font-size: 30px; color: #222; line-height: 1; } .i-service ul { margin-top: 28px; } .i-service li { height: 361px; padding-top: 42px; background-color: #fff; text-align: center; } .i-service li h3 { font-size: 24px; color: #222; line-height: 1; } .i-service .line { margin: 28px auto; width: 30px; height: 2px; background-color: #0231a8; } .i-service p { height: 76px; margin: -5px 0; font-size: 14px; line-height: 24px; color: #555; } .i-service li a { display: block; width: 210px; height: 42px; margin: 42px auto 0; background-color: #fff; border: 1px solid #0231a8; line-height: 42px; border-radius: 3px; color: #0231a8; font-size: 14px; text-align: center; transition: all .4s; } .i-service li a:hover { background-color: #0231a8; color: #fff; border-color: #0231a8; } .i-service .links-outer { width: 310px; overflow: hidden; margin: 42px auto 0; } .i-service .links-wrap { width: 320px; } .i-service .links-wrap a { width: 150px; float: left; margin: 0 10px 10px 0; } .i-service .text { color: #999; font-size: 14px; margin-top: 17px; } .i-service .text span { display: inline-block; vertical-align: middle; } .i-service .text .tel { font-size: 18px; color: #f7494b; font-weight: bold; } .custom { margin-top: 28px; } .custom-logo .img-box { border: 1px solid #e6e6e6; } .custom .custom-voice { float: left; height: 249px; padding-top: 40px; background-color: #fff; } .custom-gray .custom-voice { background-color: #fafafa; } .custom #custom { position: relative; margin-top: 25px; width: 890px; } .custom #custom .item { height: 130px; padding: 0 50px; } .custom .ctrl { width: 30px; height: 60px; position: absolute; top: 30px; margin: 0 !important; background-color: #e8e8e8; } .custom .ctrl-left { left: 0; background: url('../images/voice-prev-normal.png') no-repeat center; } .custom .ctrl-left:hover { background: url('../images/voice-prev-hover.png') no-repeat center; } .custom .ctrl-right { right: 0; background: url('../images/voice-next-normal.png') no-repeat center; } .custom .ctrl-right:hover { background: url('../images/voice-next-hover.png') no-repeat center; } .custom h4 { margin-left: 50px; font-size: 24px; } .custom .info { margin-left: 19px; width: 588px; } .custom .custom-head .title { font-size: 20px; line-height: 20px; color: #222; } .custom .custom-head .tag { margin-left: 20px; padding: 0 10px; height: 20px; font-size: 14px; color: #888; background-color: #eaeaea; border-radius: 4px; text-align: center; line-height: 20px; } .custom #custom p { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; color: #888; } .custom #custom a { display: block; margin-top: 28px; font-size: 14px; color: #555; } .custom .test .title { font-size: 24px; line-height: 24px; } .custom .test { width: 278px; height: 249px; padding: 36px; background: url('../images/i-service-test.png') no-repeat center; } .custom .test .line { width: 28px; height: 2px; background-color: #dddddd; margin: 14px 0; } .custom .test p { font-size: 14px; color: #888; line-height: 20px; height: auto; } .custom .test a { display: block; width: 150px; height: 42px; text-align: center; line-height: 42px; color: #0231a8; background-color: #fff; border: 1px solid #0231a8; border-radius: 3px; margin-top: 24px; transition: all .4s; font-size: 14px; } .custom .test a:hover { background-color: #0231a8; color: #fff; border-color: #0231a8; } .i-news { padding: 56px 0; } .i-news .title { font-size: 30px; color: #222; /*line-height: 1;*/ } .i-news ul { margin-top: 20px; } .i-news li { float: left; width: 584px; padding: 28px 0 28px 8px; background-color: #f6f6f6; border-radius: 3px; margin-left: 28px; } .i-news li:first-child { margin-left: 0; } .i-news .date { width: 88px; height: 70px; border-right: 1px solid #e8e8e8; text-align: center; } .i-news .date .day { font-size: 40px; line-height: 40px; color: #999; font-weight: bold; } .i-news .date .year { margin-top: 7px; font-size: 14px; color: #8a8a8a; } .i-news-con .data{ font-size: 14px; color: #999; margin-top:6px; } .i-news .i-news-con { width: 445px; margin-left: 20px; float: left; } .i-news .i-news-title { font-size: 16px; line-height: 1; color: #555; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .i-news .i-news-title a:hover { color: #0231a8; } .i-news .i-news-desc { font-size: 14px; color: #999; line-height: 20px; height: 40px; overflow: hidden; margin-top: 6px; } .i-news a { display: block; color: #666666; font-size: 14px; margin-top: 20px; } .i-news a:hover { color: #0231a8; } .i-news .i-news-title a { color: #555; font-size: 16px; margin-top: 0; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } /*产品聚合页*/ .banner { height: 380px; overflow: hidden; text-align: center; } .banner .text { font-size: 18px; color: #fff; } .pro-banner { background: url('../images/pro-index-banner.jpg') no-repeat center; text-align: center; overflow: hidden; } .banner .title { font-size: 42px; color: #fff; margin-top: 150px; } .pro-banner .title { font-size: 42px; line-height: 1; font-weight: normal; } .pro-banner span { color: #fec006; } .pro-banner .text { margin: 21px auto 0; } .pro-index-top { //* padding: 56px 0 0;*/ } .pro-index-top .title { font-size: 30px; line-height: 1; text-align: center; color: #0231a8; } .pro-index-top .title span { color: #0231a8; } .pro-index-top .text { width: 820px; margin: 22px auto 0; line-height: 24px; font-size: 14px; color: #888; text-align: center; } .pro-index-top .pro-search { height: 96px; margin-top: 28px; background: url('../../images/product/product05.jpg') no-repeat center; padding: 26px 28px; } .pro-index-top .pro-search input { background-color: #f2f2f2; outline: none; border: 0; height: 28px; width: 68px; padding: 9px 11px 8px 11px; margin-right: 10px; } .pro-index-top .pro-search label { position: relative; font-size: 14px; color: #555; font-weight: normal; padding-right: 10px; } .pro-index-top button { display: block; width: 120px; height: 42px; border-radius: 4px; font-size: 14px; margin-left: 16px; line-height: 42px; text-align: center; background-color: #0231a8; color: #fff; border-color: #0231a8 } .pro-index-top .guide-part { float: right; } .pro-index-top .guide-choice { float: left; } .pro-index-top .guide-choice a { width: 180px; } .pro-index-top .guide-inquiry { margin-left: 14px; } .pro-quality .content:first-child { margin-bottom: 28px; } .pro-index-mid { padding: 56px 0 0 4%; } .pro-index-mid ul { margin-top: 28px; } .pro-index-mid li { width: 280px; float: left; margin-left: 13px; margin-top:18px; box-shadow:0px 5px 16px #aeaeae; } .pro-index-mid li:first-child { } .pro-index-mid .img-box { display: block; width: 100%; height: 294px; } .pro-index-mid .img-box img { display: block; max-width: 100%; } .pro-index-mid .info .title { display: block; font-size: 16px; color: #222; line-height: 35px; text-align:center; transition: all .4s; } .pro-index-mid .info .title:hover { color: #0231a8; } .pro-index-mid .info .attr { float: left; font-size: 14px; line-height: 16px; color: #999; margin-top: 18px; padding-left: 40px; } .pro-index-mid .info .stand-power { background: url('../../images/product/pro08.png') no-repeat left center; } .pro-index-mid .info .stand-press { background: url('../../images/product/pro09.png') no-repeat left center; margin-left: 12px; } .pro-index-mid .stands { width: 100%; overflow: hidden; height: 35px; margin-left:25px; } .pro-index-mid .btns { margin: 20px 0 0 30px; padding-bottom:20px; } .pro-index-mid .btns a { display: block; float: left; padding: 0 20px; height: 28px; background-color: #fafafa; border: 1px solid #dddddd; border-radius: 4px; line-height: 26px; font-size: 14px; color: #555; text-align: center; transition: all .4s; margin-left: 25px; } .pro-index-mid .btns a:first-child { margin-left: 0; background: #fff; color: #0231a8; border: 1px solid #0231a8; } .pro-index-mid .btns a:hover { background-color: #0231a8; border-color: #0231a8; color: #fff; } /*产品列表&聚合*/ .btn42h { background: #fafafa; border: 1px #e5e5e5 solid; height: 42px; line-height: 40px; text-align: center; color: #555555; cursor: pointer; border-radius: 4px; display: block; transition: all .4s; } .btn42 { display: block; background: #fafafa; border: 1px #e5e5e5 solid; height: 42px; line-height: 40px; text-align: center; color: #555555; cursor: pointer; border-radius: 4px; transition: all .4s; } .btn42h:hover, .btn42:hover { background: #0231a8; border-color: #0231a8; color: #ffffff; } .btn32 { display: block; background: #fafafa; border: 1px #e5e5e5 solid; height: 32px; line-height: 30px; text-align: center; color: #555555; cursor: pointer; border-radius: 4px; transition: all .4s; } .btn32h { background: #F89600; border: 1px #F89600 solid; height: 32px; line-height: 30px; text-align: center; color: #ffffff; cursor: pointer; border-radius: 4px; display: block; transition: all .4s; } .btn32h:hover, .btn32:hover { background: #0231a8; border-color: #0231a8; color: #ffffff } .barNav { width: 1196px; margin: 0 auto; height: 52px; line-height: 52px; color: #888888 } .barNav a { color: #888888; margin: 0 8px 0 0 } .barNav em { color: #888888; margin-right: 8px; } .barNav span { color: #0231a8; margin: 0 8px 0 0 } .proClassNav { } .proClassItemBg { width: 100%; background: #fff; border-top: 1px solid #f5f5f5; } .proClassItem { width: 1196px; margin: 0 auto; overflow: hidden; } .proClassItem ul { float: left; height: 118px; overflow: hidden; padding-left: 1px; } .proClassItem li { float: left; height: 108px; margin-top: 10px; width: 201px; text-align: center; background: url('../images/proClassbor.png') no-repeat right 19px; margin-left: -1px } .proClassItem li a { display: block; height: 108px; padding-top: 78px; line-height: normal; font-size: 14px; color: #666666; transition: all .4s; } .proClassItem li:last-child { background: none; } .proClassItem li.select { position: relative; z-index: 1 } .proClassItem li.select a, .proClassItem li a:hover { position: relative; z-index: 1; background: #ffffff; border-radius: 4px 4px 0 0; color: #0231a8; } .pro-icon1 a { background: url('../images/rqgl01.png') no-repeat center 20% !important; } .pro-icon2 a { background: url('../images/swzgl01.png') no-repeat center 20% !important; } .pro-icon3 a { background: url('../images/rmgl01.png') no-repeat center 20% !important; } .pro-icon4 a { background: url('../images/nav-pro4-normal.png') no-repeat center 20% !important; } .pro-icon5 a { background: url('../images/dry01.png') no-repeat center 20% !important; } .select.pro-icon1 a { background: #f5f5f5 url('../images/rqgl02.png') no-repeat center 20% !important; } .select.pro-icon2 a { background: #f5f5f5 url('../images/swzgl02.png') no-repeat center 20% !important; } .select.pro-icon3 a { background: #f5f5f5 url('../images/rmgl02.png') no-repeat center 20% !important; } .select.pro-icon4 a { background: #f5f5f5 url('../images/nav-pro4-hover.png') no-repeat center 20% !important; } .select.pro-icon5 a { background: #f5f5f5 url('../images/dry02.png') no-repeat center 20% !important; } .pro-icon1:hover a { background: url('../images/rqgl02.png') no-repeat center 20% !important; } .pro-icon2:hover a { background: url('../images/swzgl02.png') no-repeat center 20% !important; } .pro-icon3:hover a { background: url('../images/rmgl02.png') no-repeat center 20% !important; } .pro-icon4:hover a { background: url('../images/nav-pro4-hover.png') no-repeat center 20% !important; } .pro-icon5:hover a { background: url('../images/dry02.png') no-repeat center 20% !important; } .proClassInfo { width: 1196px; margin: 0 auto; height: 147px; } .proClassCon { float: left; width: 600px; } .proClassCon p { line-height: 22px; margin-top: 37px; overflow: hidden; color: #555555 } .proClassBtn { width: 100%; height: 42px; overflow: hidden; margin-top: 24px; } .proClassBtn1 { float: left; width: 120px; font-size: 14px; } .proClassBtn2 { float: left; margin-left: 14px; width: 180px; font-size: 14px; } .proClassBtn3 { float: left; margin-left: 20px; padding-left: 30px; background: url('../images/proPhone.png') no-repeat left 8px; color: #999999; font-size: 14px; height: 42px; } .proClassBtn3 span { color: #f7494b; font-size: 16px; font-weight: 700; margin-left: -1px } .proClassShow { float: right; width: 596px; } .proClassShow ul { margin-top: 42px; float: right; } .proClassShow li { float: left; height: 103px; width: 128px; border: 1px #eddabe solid; background: #fef8f0; border-radius: 4px; text-align: center; color: #ba8645; font-size: 0; vertical-align: middle; margin-left: 10px; } .proClassShow li div { display: inline-block; font-size: 14px; vertical-align: middle } .proClassShow li em { height: 103px; vertical-align: middle; width: 1px; overflow: hidden; display: inline-block; } .proClassFil { border: 1px #ededed solid; border-radius: 4px; width: 1198px; margin: 42px auto 0; height: 76px; padding: 18px 52px; line-height: 38px; } .proClassFil label { color: #999; } .proClassFil .v-select { height: 38px; width: 210px; line-height: 38px; margin-left: 15px; } .proClassFil .v-select .select-panel { padding-left: 14px; line-height: 38px; } .proClassFil .select-menu { top: 38px; } .proClassFil .select-menu li { height: 38px; } .proClassFil .form-item { width: 326px; margin-top: 0; } .proClassFil button { width: 160px; height: 38px; margin-left: -24px; float: left; font-size: 14px; color: #555; text-align: center; background-color: #fbfbfb; border: 1px solid #eaeaea; border-radius: 4px; transition: all .4s; } .proClassFil button:hover { background-color: #0231a8; color: #fff; border-color: #0231a8; } .proList { width: 1196px; margin: 0 auto } .proListDisplay { width: 100%; margin-top: 56px; } .proListTit { line-height: 1; font-size: 30px; padding: 0; color: #222222 } .proListItemBox { width: 100%; overflow: hidden } .proListItemBoxCon { width: 1228px; overflow: hidden; margin-left: -28px; } .proListItem { margin-top: 28px; width: 278px; float: left; margin-left: 28px; } .proItemele { width: 278px; } .proItemImg { height: 278px; width: 278px; } .proItemImg img { height: 278px; width: 278px; display: block; border-radius: 4px; } .proItemName { margin-top: 10px; height: 35px; line-height: 35px; font-size: 16px; overflow: hidden } .proItemName a { color: #222; transition: all .4s; } .proItemName a:hover { color: #0231a8 } .proItemAttr { height: 22px; width: 100%; overflow: hidden; color: #888; } .proAttr1 { font-size: 14px; height: 22px; line-height: 22px; float: left; padding-left: 40px; background: url('../images/eec.png') no-repeat left center; margin-right: 12px; } .proAttr2 { font-size: 14px; height: 22px; line-height: 22px; float: left; padding-left: 40px; background: url('../images/eey.png') no-repeat left center; margin-left: 2px; } .proItemBright { border-top: 1px #f2f2f2 solid; margin-top: 11px; padding: 10px 0 15px; } .proItemBright li { line-height: 22px; height: 22px; font-size: 14px; color: #888888; padding-left: 13px; background: url('../images/prolistIco.png') no-repeat left 9px; overflow: hidden } .proItemBtn { width: 100%; overflow: hidden; margin-top: 16px; } .proItemBtn1 { width: 95px; margin-right: 4px; float: left; } .proItemBtn2 { width: 95px; margin-right: 4px; float: left; } .proItemBtn3 { width: 80px; float: left; } .proItemBtn a { font-size: 14px; } .solution { width: 100%; background: url('../../images/product/pro10.jpg') no-repeat center top; height: 625px; margin-top: 56px; } .solutionbg { width: 1196px; height: 567px; position: relative; margin: 0 auto } .solutionCon { position: absolute; top: 56px; width: 1196px; left: 2px; border-radius: 4px; height: 500px; z-index: 5; background-color: rgba(255, 255, 255, 0.8) } .solutionConInfo { float: left; margin-left: 56px; margin-top: 89px; width: 500px; } .solutionConInfo h4 { height: 70px; font-size: 30px; line-height: 70px; color: #0231a8; } .solutionConInfoBor { background: #0231a8; height: 2px; line-height: 0; overflow: hidden; width: 30px; } .solutionConInfo p { line-height: 26px; margin-top: 22px; margin-bottom: 40px; font-size: 14px; color: #666666 } .solutionConBtn { width: 210px; font-size: 14px; } .solutionConBtn .btn42 { height: 48px; line-height: 46px; } .solutionConNav { float: right; margin-top: 56px; margin-right: 56px; width: 556px; } .solutionConc1 { float: left; margin-left: 14px; width: 264px; height: 385px; background: #F0F0F0; border-radius: 4px; } .solutionConc1 dl { margin: 8px 8px 0; height: 369px; background: #ffffff; border-top: 2px #0231a8 solid } .solutionConc1 dt { width: 192px; margin: 0 auto; border-bottom: 1px #e8e8e8 solid; height: 58px; line-height: 58px; font-size: 18px; color: #0231a8; font-weight: 400; text-align: center } .solutionConc1 dd { width: 100%; } .solutionConc1 ul { padding-top: 11px; overflow: hidden; width: 100%; } .solutionConc1 li { float: left; margin-left: 28px; width: 91px; background: url('../images/soultionIco.png') no-repeat left 18px; height: 40px; line-height: 40px; font-size: 14px; overflow:hidden; } .solutionConc1 a { color: #555555; transition: all .4s; } .solutionConc1 a:hover { color: #0231a8 } .solutionConc2 { float: left; margin-left: 14px; width: 264px; height: 385px; background: #F0F0F0; border-radius: 4px; } .solutionConc2 dl { margin: 8px 8px 0; height: 369px; background: #ffffff; border-top: 2px #0231a8 solid } .solutionConc2 dt { width: 192px; margin: 0 auto; border-bottom: 1px #e8e8e8 solid; height: 58px; line-height: 58px; font-size: 18px; color: #0231a8; font-weight: 400; text-align: center } .solutionConc2 dd { width: 100% } .solutionConc2 ul { padding-top: 14px; } .solutionConc2 li { margin-top: 14px; } .solutionConc2 li a { border: 1px #e6e6e6 solid; height: 42px; width: 164px; display: block; line-height: 40px; text-align: center; margin: 0 auto; font-size: 14px; transition: all .4s; } .solutionConc2 li a { color: #555; transition: all .4s; color: #fff; background-color: #0231a8; } .solutionConc2 li a:hover { color: #000; font-size: 16px; background-color: #bd1c1c; } .pro { width: 1196px; overflow: hidden; margin: 50px auto 0; } .proImg { float: left; width: 500px; /*position: relative*/ } .proImg .item { height: 500px; width: 500px; } .proImgPrv { width: 40px; height: 80px; position: absolute; left: 0; top: 210px; background: url('../images/proControl.png') no-repeat 0 0; cursor: pointer } .proImgNext { width: 40px; height: 80px; position: absolute; right: 0; top: 210px; background: url('../images/proControl.png') no-repeat -50px 0; cursor: pointer } .proImgPrv:hover { width: 40px; height: 80px; position: absolute; left: 0; top: 210px; background: url('../images/proControl.png') no-repeat 0 -90px } .proImgNext:hover { width: 40px; height: 80px; position: absolute; right: 0; top: 210px; background: url('../images/proControl.png') no-repeat -50px -90px } .proInfo { width: 640px; float: right; } .proName { height: 52px; line-height: 52px; font-size: 24px; color: #333; font-weight: 700; } .proName .proInfo-cle { display: block; float: left; } .proTagCon { margin-top: 6px; width: 100%; } .proTag { float: left; height: 32px; } .proTag a { border: 1px #0231a8 solid; float: left; padding: 0 15px; line-height: 30px; color: #0231a8; border-radius: 4px; transition: .36s; margin-right: 10px; } .proTag a:hover { background: #0231a8; color: #fff; } .proPhone { float: right; width: 204px; height: 32px; line-height: 30px; font-size: 14px; color: #f7494b; border: 1px solid #e8e8e8; border-radius: 4px; padding-left: 38px; background: url('../images/i-case-send.png') no-repeat left center; cursor: pointer; } .proPhone_we { float: right; width: 204px; height: 32px; line-height: 30px; font-size: 14px; color: #f7494b; border: 0px solid #e8e8e8; border-radius: 4px; padding-left: 38px; background: url('') no-repeat left center; cursor: pointer; } .proAttr { margin-top: 28px; background: #fbfbfb; border-top: 1px #f0f0f0 solid; border-bottom: 1px #f0f0f0 solid } .proAttrCon { padding: 11px 20px 13px; } .proAttrCon table { } .proAttrCon tr { } .proAttrCon th { vertical-align: top; line-height: 24px; color: #888888; padding: 4px 28px 4px 0; white-space: nowrap; font-size: 14px; } .proAttrCon td { line-height: 24px; padding: 4px 0 4px 0; color: #666666; font-size: 14px; } .proAttrCon .proAttrTabBor th { padding: 14px 28px 4px 0; border-top: 1px #f1f1f1 solid } .proAttrCon .proAttrTabBor td { padding: 14px 0 4px 0; border-top: 1px #f1f1f1 solid } .proAttrCon .proAttrTabBor2 th { padding: 0; height: 10px; line-height: 0; overflow: hidden } .proAttrCon .proAttrTabBor2 td { padding: 0; height: 10px; line-height: 0; overflow: hidden } .proAttrTabBor .desc { height: 82px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .proAttrCon .proAttrText .cpbutton{ height:40px; width:140px; background:url(../../images/button.png) no-repeat; } .proAttrCon .proAttrText .cpbutton:hover{ background:url(../../images/button_hover.png) no-repeat; } .proBtn { margin-top: 23px; height: 48px; width: 100%; overflow: hidden } .proBtn1 { float: left } .proBtn1 span { height: 48px; background: #0231a8; line-height: 48px; padding: 0 46px; font-size: 14px; cursor: pointer; float: left; border-radius: 4px; color: #ffffff } .proBtn1 span:hover { } .proBtn2 { float: left; margin-left: 20px; padding-left: 30px; background: url('../images/proPhone.png') no-repeat left 8px; color: #999999; font-size: 14px; height: 42px; margin-top: 3px } .proBtn2 span { color: #f7494b; font-size: 16px; font-weight: 700; margin-left: -1px } .proBtnDown { display: none } .proNav { width: 100%; background: #efefef; } .proNavCon { width: 1196px; margin: 0 auto; overflow: hidden } .pro-fixed { position: fixed; top: 0; z-index: 9; margin-top: 0; } .proNavBox { float: left } .proNavBox ul { float: left; height: 66px; overflow: hidden; padding-left: 1px } .proNavBox li { float: left; height: 66px; width: 161px; text-align: center; background: url('../images/miaod.png') no-repeat right 24px; margin-left: -1px; } .proNavBox li:last-child { background: none; } .proNavBox li a { display: block; color: #666666; line-height: 62px; padding-top: 3px; font-size: 16px; } .proContentTexts { display: none; } .proContentTexts.active { display: block; margin-left:56px; width:858px; } .proContentTexts .proContent-main { padding: 0 20px; } .proNavBox li.select { position: relative; z-index: 1 } .proNavBox li.select a, .proNavBox li a:hover { position: relative; z-index: 1; background: #ffffff; border-radius: 4px 4px 0 0; color: #0231a8; border-top: 3px #0231a8 solid; height: 66px; padding-top: 0; } .proDuo-main .proAll .proWapper { width: 1196px; margin: 0 auto; } .proContent { width:914px; background: #fff; padding-bottom: 56px; border-radius: 0 0 4px 4px; float:left; } .proContent .proContent1 { padding-bottom: 0px; } .proContentBox { width: 100% } .proDuo-right .proDuo-hMain .proDuo-hots{ margin:0px; padding:0px; } .proTit { /*padding-top: 56px;*/ width: 100%; position: relative } .proTit h3 { font-size: 30px; color: #222222; line-height: 1 } .proContentText { margin-top: 42px; border-radius: 4px; background: #f8f8f8; width: 100%; overflow: hidden; padding-top: 28px; padding-left: 28px; padding-bottom: 56px; } .proContentTextItem { float: left; width: 528px; height: 210px; background: #ffffff; margin: 28px 0 0 28px; position: relative; border-radius: 4px; } .proContentTextItem span { position: absolute; z-index: 1; height: 210px; font-size: 144px; line-height: 210px; color: #fafafa; right: 30px; top: 0; font-weight: 700 } .proContentTextItem dl { position: relative; z-index: 2; padding: 0 42px; } .proContentTextItem dt { height: 82px; position: relative; width: 20px; border-bottom: 2px #fe9604 solid; } .proContentTextItem dt strong { position: absolute; line-height: 1; font-size: 24px; color: #222222; left: 0; top: 38px; white-space: nowrap } .proContentTextItem dd { margin-top: 22px; color: #888888; font-size: 14px; height: 96px; overflow: hidden; line-height: 24px; } .proModel { width: 100%; margin: 0 auto; padding: 0 56px; } .proModel .proTit { padding-bottom: 14px; } .proModelTit { line-height: 42px; font-size: 14px; color: #555555; margin-top: 14px; } .proModelInfo { width: 100%; color: #555555; padding-bottom: 28px; border-bottom: 1px #e8e8e8 solid } .proModelInfo dt { font-weight: 400; line-height: 26px; font-size: 14px; } .proModelInfo dt span { color: #222222; } .proModelInfo dd { margin-top: 8px; width: 100%; overflow: hidden; } .proModelInfo dd em { float: left; border: 1px #e8e8e8 solid; background: #fdfdfd; height: 26px; line-height: 26px; padding: 0 9px; min-width: 30px; text-align: center; color: #0231a8; font-family: Arial; border-radius: 4px; } .proModelInfo dd span { float: left; height: 26px; line-height: 26px; margin: 0 20px 0 10px; color: #555555 } .proModelCon { width: 100%; max-height: 323px; overflow: hidden; } .table-open{ height: 31px; border:1px #eaeaea solid; font-size: 14px; line-height: 31px; margin-top: -1px; color:#888; text-align: center; cursor: pointer; background-color: #fdfdfd; } .proModelCon table { width: 100%; border-collapse: collapse; margin-top: 14px; } .firstRow td { background-color: #fafafa; } .table-style2 .firstRow td{ color: #666; text-align: center; height: 50px; border: 1px #eaeaea solid; } .table-style2 tbody td{ font-size: 13px; color:#888; /*line-height: 18px;*/ height: 54px; } .table-style2{ max-height: 353px; margin-top:-28px; } .table-style2 table{ margin-top:28px; } .table-show{ max-height: 100%; height: auto; } .table-style2 + .table-open{ height: 42px; line-height: 42px; } .proModelCon thead th { border: 1px #eaeaea solid; background: #fafafa; color: #666666; text-align: center; font-size: 14px; line-height: 24px; padding: 11px 0; } .proModelCon tbody td { border: 1px #eaeaea solid; font-size: 14px; text-align: center; /*line-height: 24px;*/ color: #888888; padding: 3px 5px; } .proModelBtn { } .proModelBtn span { background: #f8f8f8; border: 1px #e8e8e8 solid; height: 30px; line-height: 28px; text-align: center; color: #555555; cursor: pointer; border-radius: 4px; display: inline-block; padding: 0 20px; } .proModelBtn span:hover { background: #0231a8; border-color: #0231a8; color: #ffffff } .proCase { width: 100%; margin: 0 auto; padding: 0 56px; } .proTitMore { padding-right: 24px; height: 30px; background: url('../images/know-more-icon.png') no-repeat right 7px; line-height: 30px; right: 0; top: 56px; color: #555555; position: absolute; font-size: 14px; } .proTitMore:hover { color: #0231a8 } .proCaseCon { margin-top: 42px; width: 100%; background: #f8f8f8; /* padding: 56px 0*/ } .proCaseBox { /* margin: 0 56px;*/ width: 1084px; overflow: hidden; background: #f8f8f8; border-radius: 4px } .proCaseImg { float: left; width: 360px; height: 270px; /*background: aqua*/ } .proCaseImg img { width: 360px; height: 270px; border-radius: 4px 0 0 4px; } .proCaseInfo { float: left; margin-left: 28px; width: 696px; padding-top: 14px; } .proCaseName { height: 48px; line-height: 48px; font-size: 20px; } .proCaseName a { color: #222222 } .proCaseName a:hover { color: #0231a8 } .proCaseTag { height: 28px; width: 100%; overflow: hidden } .proCaseTag span { float: left; border: 1px #e8e8e8 solid; background: #ffffff; padding: 0 14px; color: #888888; line-height: 26px; margin-right: 10px; border-radius: 4px } .proCasepro { margin-top: 15px; height: 40px; line-height: 40px; color: #999999; font-size: 14px; } .proCasepro span { color: #0231a8 } .proCaseText { line-height: 20px; color: #999999; padding-bottom: 24px; padding-right: 30px; font-size: 14px; } .proCaseShow { line-height: 1; color: #555555; font-size: 14px; } .proCaseShow:hover { color: #0231a8 } .proSer { width: 100%; margin: 0 auto; padding: 0 56px; } .proSerCon { margin-top: 38px; width: 100%; position: relative } .proSer1 { width: 250px; float: left; height: 246px; background: #f8f8f8 url('../../images/proSer.png') no-repeat 74px 42px; position: relative; cursor: pointer; color: #222222; font-size: 18px; } .proSerCon a { transition: all .4s; } .proSer2 { width: 250px; float: left; margin-left: 28px; height: 246px; background: #f8f8f8 url('../../images/proSer.png') no-repeat -232px 42px; position: relative; cursor: pointer; color: #222222; font-size: 18px; } .proSer3 { width: 250px; float: left; margin-left: 28px; height: 246px; background: #f8f8f8 url('../../images/proSer.png') no-repeat -536px 42px; position: relative; cursor: pointer; color: #222222; font-size: 18px; } .proSer4 { width: 250px; float: left; margin-left: 28px; height: 246px; background: #f8f8f8 url('../../images/proSer.png') no-repeat -843px 42px; position: relative; cursor: pointer; color: #222222; font-size: 18px; transition: all .4s; } .pro_img_aj { font-size:16px; line-height:30px; } .pro_img_aj div{ margin-bottom:10px; } .proSer1:hover, .proSer2:hover, .proSer3:hover, .proSer4:hover { box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08); background-color: #fff; border: 1px solid #f8f8f8 !important \9; } .proSer1:hover span, .proSer2:hover span, .proSer3:hover span, .proSer4:hover span { color: #0231a8 } .proSerCon span { position: absolute; top: 160px; line-height: 1; text-align: center; width: 250px; left: 0 } .proSer4 div { position: absolute; top: 193px; line-height: 1; text-align: center; width: 250px; left: 0; color: #c0c0c0; font-size: 14px; } .proSer4 div strong { font-size: 14px; color: #f6474b } /*案例聚合页*/ .case-banner { background: url('../images/case-newban.jpg') no-repeat center; } .case-index { padding-top: 28px; line-height: 20px; } .case-index .aside-title { background-color: #eaeaea !important; } .aside .aside-menu { width: 278px; background-color: #eaeaea; border-radius: 3px; text-align: center; padding: 28px; } .aside .aside-menu .aside-title { width: 100%; margin: 0 auto; height: 60px; line-height: 60px; font-size: 20px; color: #000020; background-color: #fff; border-radius: 3px; text-align: left; padding-left: 14px; } .aside .aside-title i { display: inline-block; width: 3px; height: 16px; background-color: #0231a8; margin-right: 10px; } .aside .aside-menu ul { /*width: 222px;*/ width: 100%; margin: 10px auto 0; background-color: #fff; padding: 14px; border-radius: 3px; } .aside .aside-menu a { display: block; width: 100%; height: 48px; padding: 0 18px; line-height: 48px; color: #555; /*transition: .2s ease;*/ border-radius: 3px; } .aside .aside-menu a:hover { background-color: #f8f8f8; color: #222; border-left: 5px solid #ffc000; font-weight: bold; } .aside1 .aside-menu a:hover { border: 0; } .aside .aside-menu a:hover span { margin-left: -5px; } .aside1 .aside-menu a:hover span { margin: 0; } .aside .aside-menu li { border-radius: 4px; } .aside .aside-menu li:first-child { margin-top: 0 !important; } .aside .aside-menu .active { background-color: #f8f8f8; color: #222; font-weight: bold; border-left: 5px solid #ffc000; } .aside .aside-menu .active span { margin-left: -5px; } .aside1 .aside-menu .active { border: none; } .aside1 .aside-menu .active span { margin-left: 0; } .aside .aside-guide a { display: block; width: 200px; margin-top: 10px; height: 42px; line-height: 42px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #fff; text-align: center; font-size: 14px; color: #222222; transition: all .4s; } .case-index .aside-menu { padding-top: 0; } .case-index-list { width: 890px; margin-left: 28px; } .case-index-list .img-box { width: 278px; height: 208px; } .case-index-list .img-box img { display: block; } .case-head { /*margin-bottom: 18px;*/ } .case-head .title { font-size: 20px; line-height: 28px; color: #222; } .case-head .know-more { margin-top: 0; display: block; height: 24px; line-height: 24px; color: #555; } .case-index-list ul { width: 996px; } .case-index-list ul li { float: left; width: 278px; height: 280px; border-radius: 3px; margin-right: 28px; margin-top: 22px; } .case-index-list .list-wrap { width: 890px; /*margin-top: -28px;*/ overflow: hidden; padding-bottom: 24px; } .case-index-list .info { height: 72px; overflow: hidden; background-color: #f8f8f8; transition: all .4s; border-radius: 3px; } .case-index-list .info p { line-height: 20px; font-size: 14px; padding: 16px; color: #555; height: 72px; } .case-index-list li:hover .info { background-color: #fff; } .case-index-list li:hover .info p { color: #0231a8; } .case-index-list li:hover { box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); border: 1px solid #eaeaea \9; } .case-index-custom { padding-top: 28px; padding-bottom: 56px; } .case-list { margin-top: 28px; } .case .aside .aside-menu { width: 202px; /* padding: 8px;*/ padding: 8px 8px; } .filter-condition { width: 100%; height: 59px; padding: 14px 28px; background-color: #fef8f0; border-top: 1px solid #f3e5d0; border-bottom: 1px solid #f3e5d0; font-size: 14px; color: #c6a982; line-height: 28px; margin-bottom: 21px; } .filter-condition a { display: inline-block; vertical-align: middle; padding-left: 16px; padding-right: 38px; border: dashed 1px #0231a8; border-radius: 3px; color: #0231a8; background: url('../images/case-condition.png') no-repeat right center; } .case-list .case-filter { height: 92px; padding: 0 28px; background-color: #fbfbfb; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin-top: 20px; } .case-list .case-head { height: 28px; } .case-list .case-head .title { float: left; height: 28px; line-height: 28px; } .case-list .case-filter p { font-size: 14px; color: #999999; line-height: 44px; } .case-list .case-filter input { width: 60px; height: 28px; background-color: #f0f0f0; padding: 0 14px; } .case-list .case-filter button { display: block; float: left; margin-left: 14px; width: 60px; height: 28px; margin-top: 44px; background-color: #fafafa; border: 1px solid #e8e8e8; border-radius: 4px; } .case-list .case-filter .select { width: 160px; margin-right: 14px; } .case-filter .v-select { width: 160px; height: 28px; border-radius: 4px; } .case-filter .v-select .select-panel { padding-left: 14px; border-radius: 4px; } .case-filter .v-select .select-menu { top: 27px; margin: 0; max-height: 196px; overflow-y: auto; } .case-list li { height: 135px; margin-top: 28px; } .case-list li:first-child { margin-top: 0; } .case-list li .img-box { float: left; width: 180px; height: 135px; border-radius: 3px; } .case-list .img-box img { max-width: 100%; } .case-list li .info { float: left; margin-left: 18px; width: 542px; overflow: hidden; } .case-list .info h3 { color: #222; line-height: 1; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .case-list ul { margin-top: 20px; } .case-list .tags { margin-top: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .case-list .tags span { display: inline-block; width: 78px; height: 24px; border: 1px solid #e8e8e8; border-radius: 3px; text-align: center; line-height: 22px; margin-right: 10px; font-size: 14px; color: #888888; } .case-list .desc { font-size: 14px; line-height: 22px; color: #999; margin-top: 15px; height: 44px; overflow: hidden; } .case-list .info .detail-link { display: block; margin-top: 15px; font-size: 14px; color: #555555; } .case-list .info .tit { font-size: 16px; color: #222; margin-top: 0; } .case-list .u-paging { margin-top: 40px; } .case-form { width: 200px; margin-top: 76px; } .case-form form { background-color: #f5f5f5; width: 200px; padding: 18px 14px; } .case-form input { background-color: #fff; padding: 0 14px; width: 172px; height: 28px; border: 1px solid #ebebeb; } .case-form p { font-size: 14px; color: #999; line-height: 26px; } .case-form .title { font-size: 14px; color: #222; } .v-radio { cursor: pointer; } .case-form .v-radio { padding-left: 18px; font-size: 14px; color: #555555; line-height: 26px; background: url('../images/uncheck-v-radio.png') no-repeat 0 1px; } .case-form .v-radio.checked { background: url('../images/checked-v-radio.png') no-repeat 0 1px; } .case-form button { width: 172px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 14px; background-color: #0231a8; border-radius: 3px; margin-top: 25px; } .case-form .foot { font-size: 14px; color: #999999; line-height: 16px; margin-top: 11px; } .case-form .seek { display: block; width: 199px; height: 48px; margin-top: 14px; font-size: 14px; color: #0231a8; line-height: 46px; border: 1px solid #0231a8; border-radius: 4px; text-align: center; transition: all .4s; } .case-form .send { display: block; width: 199px; height: 48px; margin-top: 14px; font-size: 14px; line-height: 46px; border: 1px solid #e8e8e8; border-radius: 4px; text-align: center; background: #fdfdfd url('../images/i-case-send.png') no-repeat 0 2px; color: #f7494b; padding-left: 20px; } .v-select { position: relative; height: 28px; outline: none; } .select-menu { display: none; position: absolute; top: 28px; width: 100%; z-index: 9; max-height: 196px; overflow-y: auto; } .select-menu li { height: 28px; width: 100%; line-height: 28px; background-color: #fff; border: 1px solid #eaeaea; padding-left: 14px; margin-top: -1px; cursor: pointer; transition: all .4s; font-size: 14px; } .select-menu li:hover,.select-menu li.selected{ background-color: #0231a8; color: #fff; } .v-select .select-panel { height: 100%; line-height: 28px; padding: 0 14px; font-size: 14px; color:#333; width: 100%; border: 1px solid #ebebeb; background: #fff url('../images/select-down-bg.png') no-repeat right; cursor: pointer; } .case-desc { background-color: #f8f8f8; padding: 28px 28px 20px; } .case-desc .img-box { width: 180px; height: 80px; margin-right: 18px; } .case-desc .img-box img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; } .case-name { padding: 24px 0; } .case-name .tit { font-size: 24px; color: #000; line-height: 1; } .case-inner { width: 968px; } .case-inner img { /*display: block;*/ /*max-width:276px;*/ max-width: 100%; } .case-custom-info { width: 714px; /*margin-left: 18px;*/ } .case-custom-info h3 { font-size: 18px; line-height: 22px; } .case-custom-info p { font-size: 14px; color: #999; line-height: 24px; margin-top: 12px; } .case-custom2-info { /*margin-left: 18px;*/ } .case-custom2-info h3 { font-size: 18px; line-height: 22px; } .case-custom2-info p { font-size: 14px; color: #999; line-height: 24px; margin-top: 12px; } .hr { height: 1px; width: 100%; background: url('../images/line-bg.png') repeat-x; margin-top: 28px; } .case-custom-info .hr { margin: 13px 0; } .a-property { font-size: 14px; height: 28px; line-height: 28px; } .a-property .case-property-name { color: #999; } .a-property .case-property-value { color: #555; } .case-include { width: 912px; } .case-include ul { width: 924px; margin-top: 35px; } .case-include li { float: left; width: 219px; height: 124px; margin-right: 12px; padding-top: 29px; background-color: #fff; border: 1px solid #e8e8e8; border-radius: 3px; text-align: center; } .case-include li .line { width: 30px; height: 2px; background-color: #dddddd; margin: 20px auto 18px; } .case-include-name { font-size: 16px; color: #888; line-height: 1; } .case-include-value { font-size: 14px; color: #555; line-height: 1; } #cased { width: 832px; margin: 0 auto; /*padding-bottom: 112px;*/ padding-top: 56px; } #cased .item { width: 832px; height: 480px; } #cased .item .img-box { width: 832px; height: 480px; position: relative; } #cased .item img { display: block; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-height: 100%; max-width: 100%; } #cased .proImgNext, #cased .proImgPrv { border-radius: 3px; } #cased ol { /*bottom: -112px;*/ bottom: 0; } #cased ol li { width: 110px; height: 80px; border-radius: 3px; position: relative; margin: 0; } #cased ol img { max-width: 100%; display: block; } #cased ol li.active { margin: 0; } #cased .carousel-indicators li { border: 0; border-radius: 4px; overflow: hidden; } .detail-title { font-size: 24px; line-height: 24px; color: #222; padding-bottom: 22px; border-bottom: 1px solid #e8e8e8; position: relative; } .detail-title span { color: #0231a8; } .detail-title .line { width: 46px; height: 3px; background-color: #0231a8; position: absolute; left: 0; bottom: -1px; } .case-intro { margin-top: 44px; } .case-intro .detail-text { font-size: 14px; line-height: 2; color: #555; margin-top: 35px; margin-bottom: 42px; } .case-intro .detail-text{ } .relate-pro { margin-top: 28px; } .relate-pro .img-box { width: 180px; height: 180px; } .relate-pro .info { width: 368px; margin-left: 24px; padding-top: 30px; } .nav-mark .relate-pro .info { width: 360px; } .relate-pro .info .pro-name { font-size: 16px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; } .relate-pro .links { height: 28px; margin-top: 14px; } .relate-pro .links a { display: block; float: left; height: 28px; border-radius: 3px; font-size: 14px; text-align: center; line-height: 36px; margin-left: 14px; } .relate-pro .links a:first-child { margin-left: 0; background: #fff; color: #0231a8; border: 1px solid #0231a8; } .relate-pro .links a { line-height: 38px; background-color: #fafafa; color: #555555; border: 1px solid #dddddd; transition: all .4s; padding: 0 32px; } .relate-pro .links a:hover { background-color: #0231a8; color: #fff; border: 1px solid #0231a8; } .relate-pro .arg { font-size: 14px; color: #888; height: 24px; width: 100%; overflow: hidden; margin-top: 18px; } .relate-pro .arg span { display: inline-block; padding-left: 40px; background: url('../images/eec.png') no-repeat left center; margin-right: 14px; } .relate-pro .arg .eek { background: url('../images/eey.png') no-repeat left center; } .relate-solution { /*padding-top: 42px;*/ padding-bottom: 56px; margin-top:10px; } .mb42 { margin-bottom: 42px !important; } .relate-solution .img-box { float: left; width: 180px; height: 135px; } .relate-solution .info { float: left; width: 520px; margin-left: 16px; } .relate-solution-operation { float: right; width: 200px; } .relate-solution-operation a, .relate-solution-operation span { display: block; width: 200px; height: 38px; margin-bottom: 10px; background-color: #fff; border: 1px solid #0231a8; border-radius: 3px; text-align: center; line-height: 36px; font-size: 14px; color: #0231a8; transition: all 0.4s; cursor: pointer; } .relate-solution-operation a:hover, .relate-solution-operation span:hover { background: #0231a8; color: #fff; border: 1px solid #0231a8; } .relate-solution-name { margin-top: 6px; font-size: 16px; color: #222; line-height: 1; float: left; } .relate-solution .send { width: 145px; } .relate-solution-desc { font-size: 14px; color: #999999; line-height: 22px; margin-top: 15px; height: 44px; overflow: hidden; } .relate-solution .info a { display: block; font-size: 14px; color: #555; margin-top: 27px; } .changePage { width: 968px; height: 80px; border-radius: 4px; margin-top:20px; } .changePage a { display: block; float: left; width: 50%; height: 80px; line-height: 80px; font-size: 14px; color: #222222; padding: 0 18px; background-color: #f8f8f8; transition: all .4s; } .changePage span { color: #999; transition: all .4s; } .changePage .prev p, .changePage .next span { margin-left: 14px; } .changePage .prev { border-radius: 4px 0 0 4px; } .changePage .next { border-radius: 0 4px 4px 0; } .changePage p { max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .changePage a:hover, .changePage a:hover span { color: #fff; } .changePage a:hover { background-color: #0231a8; } .case-inner .case-index-list { margin-left: 0; margin-top: 56px; } .case-index .aside-menu ul { background-color: #eaeaea; padding: 0; margin: 0; } .case-index .aside-menu li { background-color: #f5f5f5; margin-top: 8px; } .case-index .aside-menu .active { background-color: #fff; } .case-index .aside-menu li:hover a { background-color: #fff; } .case-nav { background-color: #fff; margin-top: 75px; } .aside .show-all { height: 50px; background: url('../images/show-all.png') no-repeat center; cursor: pointer; } .aside .show-all.shown { background: #f5f5f5 url('../images/hide-parts.png') no-repeat center; } .aside .show-all:hover { background-color: #f0f0f0; } .aside .show-all span { display: block; font-size: 14px; line-height: 1; padding-top: 14px; } .show-toggle { display: none; } /*.case-nav .send {*/ /*padding-left: 18px;*/ /*background: #fdfdfd url('../images/i-case-send.png') no-repeat left center;*/ /*color: #f7494b !important;*/ /*}*/ .case-nav .aside-guide a { background-color: #fff; border: 1px solid #0231a8; color: #0231a8; } .case-nav .aside .active { border: 0; background-color: #fff; } .case-nav .aside-menu ul { background-color: #f5f5f5; } .case-nav li { font-size: 14px; display: block; height: 48px; line-height: 48px; cursor: pointer; text-align: left; padding-left: 28px; transition: all .4s; background: url('../images/case-nav-normal.png') no-repeat left center; } .case-nav li:hover { background: #f8f8f8 url('../images/case-nav-hover.png') no-repeat left center; font-weight: bold; color: #222; } .case-nav li.active { background: url('../images/case-nav-hover.png') no-repeat left center; } .case-nav-fixed { position: fixed; /* top: 0;*/ top: -84px; z-index: 9; margin-top: 0; /*left:996px;*/ } .case-nav-end { position: absolute; z-index: 9; } .case-nav .aside-menu { width: 200px; padding: 0 14px 14px 14px; background-color: #f5f5f5; } .case-nav .aside-menu ul { width: auto; padding: 0; margin-top: 0; } .case-nav .aside .aside-title { height: 55px; line-height: 55px; background-color: #f5f5f5; padding-left: 6px; } .case-nav .aside li:hover { background-color: #fff; } .case-nav .aside-menu a { padding: 0; } .case-nav .aside-menu li:hover a { border: 0; background-color: transparent; } /*解决方案*/ .so-banner { background: url('../images/sou-newban.jpg') no-repeat center; } .so-index { padding: 56px 0 0; overflow: hidden; } .so-index .title { font-size: 30px; text-align: center; line-height: 1; } .so-index .title span { color: #0231a8; } .so-index .msg-link { display: block; width: 172px; height: 38px; margin: 40px auto 0; font-size: 14px; color: #0231a8; text-align: center; line-height: 36px; border: 1px solid #0231a8; border-radius: 4px; transition: all .4s; } .so-index .msg-link:hover { color: #fff; background: #0231a8; } .trade-solution { width: 1224px; margin-bottom: 28px; margin-top: 42px; } .trade-solution li { float: left; width: 380px; height: 180px; margin-right: 28px; margin-bottom: 28px; transition: all .4s; } .trade-solution li a { display: block; border: 8px solid #f5f5f5; height: 100%; border-radius: 3px; transition: all .4s; background-position: 220px center; } .trade-solution li p { display: block; font-size: 24px; line-height: 30px; color: #555; margin-top: 52px; padding-left: 18px; } .trade1 a { background: url('../images/trade01.png') no-repeat; } .trade2 a { background: url('../images/trade02.png') no-repeat center; } .trade3 a { background: url('../images/trade03.png') no-repeat center; } .trade4 a { background: url('../images/trade04.png') no-repeat center; } .trade5 a { background: url('../images/trade05.png') no-repeat center; } .trade6 a { background: url('../images/trade06.png') no-repeat center; } .trade7 a { background: url('../images/qiu3.png') no-repeat center; } .trade8 a { background: url('../images/trade08.png') no-repeat center; } .trade9 a { background: url('../images/trade09.png') no-repeat center; } .trade10 a { background: url('../images/qiu1.png') no-repeat center; } .trade11 a { background: url('../images/qiu5.png') no-repeat center; } .trade12 a { background: url('../images/qiu2.png') no-repeat center; } .trade13 a { background: url('../images/qiu4.png') no-repeat center; } .trade-solution li a:hover { background-color: #ffab03; border-color: #fec006; } .trade-solution li:hover { box-shadow: 0 8px 20px 0 rgba(201, 118, 0, 0.3); } .trade-solution li:hover p { color: #fff; } .solution-custom { margin-top: 42px; padding-bottom: 56px; } .solution-custom li { height: 311px; padding-top: 56px; background-color: #f8f8f8; text-align: center; transition: background .4s; border-radius: 4px; } .solution-custom li h3 { line-height: 1; font-size: 20px; color: #222; } .solution-custom li .line { width: 30px; height: 2px; background-color: #dddddd; margin: 18px auto 13px; transition: all .4s; } .solution-custom li p { font-size: 14px; line-height: 24px; color: #888; } .solution-custom li .btn-group { margin-top: 37px; } .solution-custom li a { display: inline-block; width: 120px; height: 36px; background-color: #fff; font-size: 14px; line-height: 36px; border-radius: 4px; transition: all .4s; } .solution-custom li span { display: inline-block; width: 120px; height: 36px; background-color: #fff; font-size: 14px; line-height: 36px; border-radius: 4px; transition: all .4s; cursor: pointer; } .solution-custom li .grey { color: #555555; border: 1px solid #e8e8e8; margin-right: 11px; } .solution-custom li .yellow { border: 1px solid #0231a8; color: #0231a8; } .solution-custom li:hover { background-color: #fff; box-shadow: 0 8px 20px 0 rgba(34, 34, 34, 0.12); border: 1px solid #e8e8e8; } .solution-custom li:hover .line { background-color: #0231a8; } .solution-custom .grey:hover, .solution-custom .yellow:hover { background-color: #0231a8; color: #fff; border: 1px solid #0231a8; } /*解决方案列表*/ .solution-list { width: 890px; margin-left: 28px; padding-top: 28px; } .solution-list .so-class { font-size: 24px; color: #000; line-height: 1; } .solution-list .text { width: 612px; color: #888888; font-size: 14px; line-height: 24px; } .solution-list .so-class-info { background-color: #f8f8f8; padding: 28px; margin-top: 14px; } .solution-list .link a { display: block; width: 199px; height: 42px; color: #fff; text-align: center; line-height: 42px; font-size: 14px; background-color: #0231a8; border-radius: 3px; } .solution-list .tel span { font-size: 14px; color: #999; line-height: 1; } .solution-list .tel p { font-size: 16px; color: #f7494b; font-weight: bold; line-height: 1; margin-top: 6px; } .solution-list .tel { padding-left: 58px; background: url('../images/proPhone.png') no-repeat 20px center; margin-top: 14px; } .solution-list .rec { margin-top: 28px; } .solution-list .rec h3 { font-size: 18px; line-height: 1; } .solution-list .rec .pro-name { font-size: 16px; } .solution-list .rec .img-box { width: 100px; height: 100px; } .solution-list .relate-pro .info { margin-left: 14px; width: 285px; padding-top: 0; } /*.solution-list .relate-pro .arg {*/ /*margin-top: 10px;*/ /*}*/ .solution-list .links a { height: 28px; padding: 0 20px; margin-left: 8px; line-height: 26px; font-size: 14px; } .solution-list .rec li { width: 400px; float: left; margin-left: 28px; } .solution-list .rec li:first-child { margin-left: 0; } .so-list { margin-top: 14px; } .so-list .img-box { width: 180px; height: 135px; float: left; border-radius: 3px; } .so-list li { height: 191px; padding: 28px 0; } .so-list .so-name { float: left; max-width: 360px; font-size: 18px; line-height: 28px; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .so-list .info { float: left; width: 485px; margin-left: 16px; } .so-list .so-list-op { float: right; } .so-list .so-list-op a { display: block; width: 180px; height: 42px; background-color: #fff; border: 1px solid #0231a8; border-radius: 2px; font-size: 14px; color: #0231a8; text-align: center; line-height: 40px; margin-bottom: 10px; transition: all .4s; } .so-list .so-list-op a:hover { background-color: #0231a8; color: #fff; border-color: #0231a8; } .so-list .desc { font-size: 14px; color: #999; line-height: 18px; margin-top: 15px; max-height: 36px; overflow: hidden; } .so-list .info a { display: block; font-size: 14px; color: #555; margin-top: 39px; } .send { float: left; width: 135px; color: #222; margin-top: 0 !important; margin-left: 14px; height: 28px; line-height: 26px; background: #fafafa url('../images/send2.png') no-repeat 13px center; border: 1px solid #ededed; border-radius: 4px; padding-left: 34px; position: relative; cursor: pointer; /*top: -3px;*/ } .send_we { float: left; width: 38px; color: #222; margin-top: 0 !important; margin-left: 14px; height: 28px; line-height: 26px; background: #fafafa url('https://lib.zozen.com/5ab9f1bda624634ee3649458/images/wechat.png') no-repeat 14px center; border: 0px solid #ededed; border-radius: 4px; padding-left: 34px; position: relative; cursor: pointer; /*top: -3px;*/ } .relate-case ul { margin: 28px 0 0; } .relate-case .title { font-size: 24px; line-height: 1; color: #222222; position: relative; } .relate-case .title .head-post { position: absolute; top: -25px; right: 0; } .relate-case li { float: left; /*width: 304px;*/ width: 278px; /*height: 286px;*/ border-radius: 3px; margin-left: 28px; overflow: hidden; border: 1px solid transparent; } .relate-case li:first-child { margin-left: 0; } .relate-case li .img-box { /*width: 304px;*/ width: 278px; /*height: 234px;*/ height: 208px; } .relate-case li .info { background-color: #f8f8f8; color: #555; transition: all .4s; height: 76px; width: 100%; line-height: 20px; font-size: 16px; padding: 18px; } .relate-case li .info p { height: 40px; overflow: hidden; word-wrap: break-word; } .relate-case li:hover .info { background-color: #fff; color: #0231a8; } .relate-case li:hover { box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); border: 1px solid #e8e8e8; } .solution-list-page { padding-bottom: 56px; } .solution-list-page .aside .aside-menu { padding: 8px; width: 278px; } .relate-case { padding-top: 40px; clear: both; } .so-relate-case ul li { width: 304px; } .so-relate-case li .img-box { height: 227px; width: 304px; } .solution-arg { font-size: 14px; color: #555; line-height: 2; margin-top: 35px; } .solution-arg .arg-name { text-align: right; color: #999; } .team-intro { margin-top: 44px; font-size: 16px; margin-bottom: 56px; } .team-intro p { line-height: 1; margin-bottom: 28px; } .team-intro .coll { color: #0231a8; font-weight: bold; display: block; } .team-intro li { float: left; width: 304px; height: 140px; margin-left: 28px; font-size: 16px; color: #555; } .team-intro .team-1 { background: url('../images/ktt1.jpg') no-repeat center; margin-left: 0; } .team-intro .team-2 { background: url('../images/ktt2.jpg') no-repeat center; } .team-intro .team-3 { background: url('../images/ktt3.jpg') no-repeat center; } .relate-solution { } .relate-solution ul { width: 996px; margin-top: 20px; } .relate-solution li { float: left; height: 53px; line-height: 52px; width: 470px; margin-right: 28px; } .relate-solution li i { display: inline-block; width: 3px; height: 10px; background-color: #999; margin-right: 14px; transition: all .4s; } .relate-solution li a { font-size: 14px; color: #222; transition: all .4s; } .relate-solution .title { font-size: 30px; color: #222; line-height: 1; } .relate-solution li:hover a { color: #0231a8; } .relate-solution li:hover i { background-color: #0231a8; } /*产品筛选*/ .pro-filter-page .aside-menu { text-align: left; } .pro-filter-list { width: 890px; margin-left: 28px; } .pro-filter-list .hr { margin-top: 0; } .filter-panel { background-color: #fbfbfb; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding: 0 28px; } .filter-panel .filter-row { padding: 14px 0; font-size: 14px; line-height: 2; overflow: hidden; } .filter-panel span { float: left; display: block; width: 107px; } .filter-panel a { display: block; float: left; height: 28px; padding: 0 15px; line-height: 26px; background-color: #fff; border: 1px solid #0231a8; border-radius: 3px; font-size: 14px; color: #555; margin-right: 14px; } .filter-panel .active { color: #0231a8; border: 1px solid #0231a8; } .filter-panel .power-section { float: left; } .filter-panel .power-section input { background-color: #f0f0f0; width: 60px; padding: 0 14px; height: 28px; } .filter-panel .power-section button { width: 60px; height: 28px; line-height: 26px; border: 1px solid #e8e8e8; border-radius: 3px; margin-left: 11px; } em { font-size: 14px; color: #999999; padding: 0 10px; } .pro-filter-page .proListItemBoxCon { width: 918px; } .pro-filter-page .tel span { font-size: 14px; color: #999; line-height: 1; } .pro-filter-page .tel p { font-size: 16px; color: #f7494b; font-weight: bold; line-height: 1; margin-top: 6px; } .pro-filter-page .tel { padding-left: 82px; background: url('../images/proPhone.png') no-repeat 50px center; margin-top: 14px; border: 1px solid #e8e8e8; border-radius: 3px; height: 80px; padding-top: 16px; } .pro-filter-page .aside-guide a { width: 100%; height: 60px; color: #0231a8; font-size: 16px; line-height: 58px; border: 1px solid #0231a8; } .pro-filter-page .aside, .pro-filter-page .aside-menu { width: 278px; } /*.pro-filter-page .aside-menu ul {*/ /*width: 262px;*/ /*}*/ .pro-search .radio-box { float: left; } .pro-search .v-radio, .rad .v-radio { float: left; height: 42px; padding-left: 16px; margin-right: 19px; line-height: 42px; font-size: 14px; color: #555; background: url('../../images/product/pro06.png') no-repeat left center; } .pro-search .checked, .rad .checked { background: url('../../images/product/pro07.png') no-repeat left center; } .pro-search .form-item, .rad .form-item { float: left; margin-top: 0; line-height: 42px; } /*服务-免费获得设计方案表单select*/ .rad .v-radio { font-size: 14px; line-height: 42px; margin-right: 0; } .rad .len1 { width: 251px; } .rad .radio-box { width: 460px; } .station .v-radio { margin-right: 28px; } /*搜索结果*/ .search-result form { border-radius: 4px; width: 620px; } .search-result .form-item { margin-top: 0; } .search-result .content { background-color: #f8f8f8; padding: 42px; margin-bottom: 56px; } .search-result .v-select { width: 86px; height: 48px; font-size: 14px; color: #666666; line-height: 46px; border: 1px solid #e8e8e8; border-right: 0; } .search-result .select-menu { top: 47px; z-index: 9; } .search-result .select-panel { line-height: 46px; padding-left: 12px; border: 0; border-right: 1px solid #ebebeb; } .search-result .select-menu li { height: 46px; line-height: 44px; padding-left: 12px; } .search-result input { width: 432px; height: 48px; padding-left: 16px; font-size: 14px; color: #333; float: left; border: 1px solid #e8e8e8; margin-left: -2px; } .search-result button { float: left; width: 100px; height: 48px; line-height: 48px; color: #fff; font-size: 14px; background-color: #0231a8; } .quick-search { margin-top: 42px; } .quick-search a { display: block; float: left; width: 120px; height: 50px; margin-right: 14px; border-top: 3px solid #eaeaea; background-color: #eaeaea; transition: all .4s; text-align: center; font-size: 16px; color: #555555; border-radius: 4px 4px 0 0; line-height: 47px; } .quick-search .active, .quick-search a:hover { border-color: #0231a8; background-color: #fff; } .search-list { background-color: #fff; padding: 28px 28px 56px; } .search-panel { font-size: 14px; color: #999; } .search-panel span { color: #0231a8; } .search-list li { height: 176px; padding: 28px 0; } .faq-search-list li { height: auto; } .search-list li .img-box { float: left; width: 120px; height: 120px; border-radius: 4px; } .hr2 { width: 100%; height: 1px; background: url('../images/hr2-bg.png') repeat-x; } .search-list .info .title { font-size: 18px; color: #222; line-height: 24px; overflow: hidden; text-overflow: ellipsis; } .search-list .info p { font-size: 14px; color: #999; line-height: 24px; margin-top: 13px; height: 48px; overflow: hidden; } .search-list .info .link { display: block; color: #222; font-size: 14px; margin-top: 16px; } .search-list .u-paging { margin-top: 56px; } .search-nothing { padding-top: 84px; padding-left: 182px; } .search-nothing .title { font-size: 24px; color: #999; line-height: 1; } .search-nothing .title span { color: #222; } .search-tip { font-size: 16px; color: #555; margin-top: 28px; } .search-tip p { font-size: 14px; color: #666; line-height: 32px; } .search-tip .kefu { display: block; width: 120px; height: 42px; margin-top: 19px; color: #fff; font-size: 14px; line-height: 42px; background-color: #0231a8; text-align: center; border-radius: 4px; cursor: pointer; } /*产品列表形式2*/ .proList2 .proListItem { width: 584px; } .proList2 .proItemImg { float: left; width: 228px; height: 228px; } .proList2 .proItemImg img { max-width: 100%; max-height: 100%; } .proList2 .proBox { float: left; margin-left: 28px; } .proList2 .proItemele { overflow: hidden; width: 584px; } .proList2 .proItemName { margin-top: 0; line-height: 1; height: 16px; } .proList2 .proItemAttr { margin-top: 12px; } .proList2 .proItemBright { padding-bottom: 12px; } .case-t .aside .aside-menu .aside-title { padding-left: 0; font-size: 24px; height: auto; line-height: 24px; padding-bottom: 28px; } .case-t .aside .aside-menu { width: 278px; padding: 28px; } .pro-list { width: 100%; background: #f5f5f5; padding: 1px 0 56px; } .pro-middle { width: 1196px; margin: 0 auto; } .pro-img { width: 500px; height: 428px; box-shadow: inset 0 0 100px rgba(0, 0, 0, .09); } .pro-cont { width: 696px; } .pro-main { background: #fff; margin-top: 28px; } .pro-fle { width: 614px; margin: 0 auto; } .above-tle { font-size: 16px; color: #555; line-height: 16px; padding-top: 42px; padding-bottom: 4px; } .above-tex p { font-size: 14px; color: #888; line-height: 22px; margin-top: 7px; } .above-all { font-size: 14px; color: #999; line-height: 14px; margin-top: 25px; } .above-all span { color: #666; } .pro-above { padding-bottom: 28px; border-bottom: 1px dashed #ddd; } .boot-post { margin-top: 14px; } .boot-post a { width: 300px; height: 48px; float: left; border-radius: 4px; line-height: 48px; color: #fff; font-size: 14px; border: 1px solid #eaeaea; text-indent: 16px; transition: all .4s; margin-top: 14px; background: #0231a8 url("../images/ttl-ho.png") no-repeat 275px center; } .boot-post .mrr { margin-left: 14px; } .boot-post a:hover { color: #fff; background: #f46136 url("../images/ttl-ho.png") no-repeat 275px center; border: 1px solid #0231a8; } .pro-title { font-size: 30px; color: #222; line-height: 30px; text-indent: 18px; background: url("../images/hnm.png") no-repeat 0 center; margin-top: 56px; } .pro-title a{color: #222;} .pro-ext .solution { margin-top: 0; } .dry { margin-top: 28px; } .dry a { width: 150px; height: 42px; text-align: center; text-indent: 0; background: #fafafa; line-height: 42px; } .i-pro-class { background: #ffffff; padding: 8px 0 0 4%; overflow: hidden; width: 1290px; border-radius: 4px; margin-top: 20px; } .i-class-box { background: url("../../images/product/pro01.jpg") no-repeat; width: 289px; float: left; margin-left: 8px; padding-bottom: 16px; border-radius: 4px; min-height: 304px; position: relative; } .i-pro-class .gl2 { background: url("../../images/product/pro02.jpg") no-repeat; } .i-pro-class .gl3 { background: url("../../images/product/pro03.jpg") no-repeat; } .i-pro-class .gl4 { background: url("../../images/product/pro04.jpg") no-repeat; } .i-class-tle { font-size: 24px; line-height: 24px; color: #555; text-align: center; padding-top: 8px; padding-bottom: 8px; } .in-banner video, .m-banner video { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url('//static.westarcloud.com/5ab9f1bda624634ee3649458/images/index-banner12.jpg') center center no-repeat; background-size: cover; } /*.m-banner video{*/ /*position: absolute;*/ /*right: 0;*/ /*bottom: 0;*/ /*min-width: 100%;*/ /*min-height: 100%;*/ /*width: auto;*/ /*height: auto;*/ /*z-index: -100;*/ /*background: url('//static.westarcloud.com/5ab9f1bda624634ee3649458/images/index-banner12.jpg') center center no-repeat;*/ /*background-size: cover;*/ /*}*/ .in-banner h1 { } .video-mask { height: 100%; width: 100%; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000); zoom: 1; } :root .video-mask { filter: none \9; } /*for IE9*/ video { outline: none; } .i-class-inx { font-size: 14px; color: #aaa; text-align: center; } .i-class-img { text-align: center; margin-top: 14px; } .i-tec .head { width: 1196px; overflow: hidden; } .i-tec .head a { color: #555; } .i-tec { height: 804px; background: url('../images/i-tec-bg.jpg') no-repeat center; padding-top: 56px; } .i-tec .single-video .info { background-color: #fff; padding: 28px; } .i-tec div { outline: none; } .i-tec .single-video { float: left; width: 778px; } .i-tec .single-video .video-box { width: 778px; height: 442px; background: url("//static.westarcloud.com/5ab9f1bda624634ee3649458/images/tac-v1.png") no-repeat center center; } .i-tec .single-video video { max-width: 100%; max-height: 100%; } .d-video .kty1 { width: 380px; height: 215px; background: url("//static.westarcloud.com/5ab9f1bda624634ee3649458/images/shouye2.jpg") no-repeat center; } .d-video .kty2 { width: 380px; height: 215px; background: url("//static.westarcloud.com/5ab9f1bda624634ee3649458/images/shouye3.jpg") no-repeat center; } .i-tec .double-video { float: right; width: 380px; } .i-tec .double-video .info { background-color: #fff; padding: 18px; } .i-tec .double-video .title { font-size: 16px; line-height: 1; color: #222; } .i-tec .double-video .text { height: 36px; margin-top: 11px; overflow: hidden; font-size: 14px; line-height: 18px; color: #999; } .video-js .vjs-big-play-button { width: 48px; height: 48px; border-radius: 50%; top: 326px; right: 0; bottom: 0; left: 0; margin: auto; } .i-tec .double-video .d-video:first-child { margin-bottom: 14px; } .i-tec .video-wrap { padding-top: 28px; } .i-tec .single-video .title { font-size: 24px; color: #222; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .i-tec .single-video .under-line { width: 30px; height: 2px; margin-top: 18px; margin-bottom: 23px; background-color: #dddddd; } .i-tec .single-video .text { font-size: 14px; color: #999; line-height: 24px; height: 77px; } .desk { width: 289px; height: 304px; border-radius: 4px; position: absolute; top: 0; left: 0; z-index: -99; transition: all .16s ease; } .desk-tle { color: #fff; font-size: 24px; text-align: center; line-height: 24px; padding-top: 28px; padding-bottom: 15px; } .desk-tle a{color:#fff;} .desk-xian { width: 30px; height: 2px; background: #fff; margin: 0 auto; } .desk ul { width: 240px; margin: 18px auto 0; } .desk li { font-size: 14px; line-height: 26px; background: url("../images/hqq.png") no-repeat right center; } .desk li a { color: #fff; display: inline-block; width: 220px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .i-class-box:hover .desk { z-index: 99; background: #0231a8; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4C30D23, endColorstr=#f4C30D23); zoom: 1; } .proInfo .ssd { top: 10px; height: 32px; line-height: 30px; } .proAll { background: #f5f5f5; padding-bottom: 56px; margin-top: 56px; } .proContent-main { padding: 0 56px; } .proContent-tle { font-size: 30px; color: #222; border-bottom: 1px solid #eaeaea; position: relative; padding: 56px 0 18px; line-height: 30px; } .proContent-tle span { width: 120px; height: 2px; background: #0231a8; display: block; position: absolute; bottom: -1px; } .abstract-tle { font-size: 24px; color: #222; line-height: 24px; padding-top: 44px; padding-bottom: 6px; } .abstract-tex { margin-top: 14px; } .abstract-tex p { font-size: 14px; color: #555; line-height: 24px; margin-top: 8px; } .pro-abstract { border-bottom: 1px dashed #ddd; padding-bottom: 42px; } .abstract-lis { font-size: 14px; color: #999; padding-top: 24px; } .abstract-lis span { color: #666; } .goods-tle { font-size: 16px; color: #555; font-weight: 700; line-height: 16px; padding-top: 22px; padding-bottom: 16px; background: url("../images/x-xing.png") no-repeat 0 center; text-indent: 22px; } .goods-tex li { font-size: 14px; color: #555; line-height: 24px; list-style: outside; margin-left: 16px; } .mt-56 { border-radius: 4px; } .mt-56 .parts-list { background: #fff; } .mt-56 .parts-img { background: #f5f5f5; position: relative; } .mt-56 .parts-img img { width: 234px; height: 234px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .parts-l { width: 1084px; margin: 0 auto; } .mt-56 .parts-list { padding: 0; margin-top: 42px; } .mt-56 .company-news { padding-bottom: 0; } .mt-56 .focal a { padding: 0 15px; } .mt-56 .nominate-img { width: 250px; height: 264px; } .mt-56 .nominate-img img { width: 250px; height: 264px; } .mt-56 .nominate-pro { padding: 0 56px; } .mt-56 .nominate-list { margin-top: 42px; width:828px; } .mt-56 .nominate-list { margin-bottom: 0; } .item-input select { outline: none; border: none; width: 200px; height: 42px; background: #f2f2f2; line-height: 42px; font-size: 14px; color: #333; text-indent: 14px; } .mt-56 .write-bill form { width: auto; } .mt-56 .write-bill { padding: 0; } .mt-56 .item-tle { width: 70px; } .write-kus { font-size: 14px; color: #555; line-height: 14px; padding: 42px 0 28px; } .mt-56 .form-but { margin-left: 82px; } .aside .structure-left { float: none; } .search-list .info .title span { color: #0231a8; font-weight: 700; } .case-custom-clo { font-size: 14px; color: #999; margin-top: 20px; } .case-custom-clo li { line-height: 36px; } .case-custom-clo span { color: #555; padding-left: 10px; } .custom-clo-left { width: 380px; } .related-pro .img-box { width: 100px; height: 100px; } .related-pro .pro-name a { font-size: 16px; color: #222; } .related-pro .pro-name a:hover { color: #0231a8; } .related-pro .info { padding-top: 0; } .related-pro .arg { margin-top: 15px; } /*.related-pro .arg span {*/ /*padding-left: 60px;*/ /*}*/ .related-pro .links a { padding: 0 22px; line-height: 26px; font-size: 14px; height: 28px; margin-left: 8px; } .related-pro .links { /*margin-top: 18px;*/ margin-top: 15px; } .related-pro .links .active { background: #0231a8; color: #fff; border: 1px solid #0231a8; } .relate-solution-name a { font-size: 16px !important; color: #222; margin-top: 0 !important; } .relate-solution-name a:hover { color: #0231a8; } .relate-solution .hr { margin-top: 0; } .team-intro li .coll { display: block; font-size: 24px; color: #0231a8; font-weight: 700; line-height: 24px; padding-left: 28px; padding-top: 42px; } .team-intro li span { font-size: 18px; color: #555; padding-left: 28px; margin-top: 2px; } .team-intro p { font-size: 16px; color: #222; line-height: 16px; } .case-index-custom { padding-bottom: 0; } .prodelc-t .solution { margin-top: 0; } .mor0kust-mian { display: none; } .mor0kust-mian.active { display: block; margin-top: 10px; } .down-group { display: none; } .down-group.active { display: block; } .dete-al { padding: 30px 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; } .case-index .case-head { margin-top: 28px; } .case-list .info .title { color: #222; font-size: 16px; margin-top: 0; transition: all .4s; } .case-list .info a:hover { color: #0231a8; } .case-form .seek:hover { background: #0231a8; color: #fff; } .custom #custom a:hover { color: #0231a8; } .i-case .know-more span { color: #fff; } .know-more span:hover { color: #0231a8; } .list-wrap .no-top { margin-top: 14px; } .footer .links a:hover { color: #0231a8; } .aside .aside-guide a:hover { background: #0231a8; color: #fff; } .relate-solution .info a:hover { color: #0231a8; } .solution-list .relate-pro .img { display: block; padding: 0; height: 100px; } .solution-list .relate-pro .img img { height: 100px; } .solution-list .relate-pro .title { font-size: 16px; color: #222; padding: 0; line-height: 16px; margin-left: 0; } .solution-list .relate-pro .title:hover { color: #0231a8; } .so-list .info .so-name { font-size: 18px; line-height: 20px; color: #222; margin-top: 6px; } .so-list .info a:hover { color: #0231a8; } .in-banner { height: 480px; } .msg-box { display: block; font-size: 14px; color: #ef3e50; padding-top: 10px; } .unit-box { width: 40px; } .about-honor { /*height: 280px;*/ padding: 56px 0; } /*.about-honor .owl-item{*/ /*width: 280px;*/ /*height: 390px;*/ /*}*/ .about-honor .img-box { width: 280px; height: 356px; position: relative; margin: 0 auto; } .about-honor .img-box img { display: block; max-width: 226px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .about-honor .title { font-size: 30px; color: #0231a8; margin-bottom: 42px; text-align: center; line-height: 1; } #honor-list { height: 390px; } #honor-list p { font-size: 16px; line-height: 28px; color: #555555; text-align: center; padding-top: 10px; } .hon-prev { width: 30px; height: 60px; border-radius: 0 4px 4px 0; left: 10px; top: 140px; background: url(../images/pre-btn.png) no-repeat center; cursor: pointer; position: absolute; z-index: 99; } .hon-next { width: 30px; height: 60px; border-radius: 4px 0 0 4px; background: url(../images/next-btn.png) no-repeat center; cursor: pointer; z-index: 99; position: absolute; right: 10px; top: 140px; } .hon-prev:hover { background: #0231a8 url("../images/p-active.png") no-repeat center; } .hon-next:hover { background: #0231a8 url("../images/active-btn.png") no-repeat center; } .down-form input { width: 315px; background: #f2f2f2; height: 42px; padding: 0 14px; font-size: 14px; color: #333; margin-top:20px; } .down-form button { height: 42px; width: 120px; margin-top:20px; margin-left: 80px; line-height: 42px; text-align: center; font-size: 14px; background-color: #0231a8; color: #fff; border-radius: 0 4px 4px 0; } .down-form .form-row { width: 320px; margin: 0 auto; } .down-mask { display: none; } .pop-content .down-tip { font-size: 16px; font-weight: bold; color: #333; } .pop-content .inner-down-tip { font-size: 14px; color: #999999; text-align: center; } .down-form form { height: 100px; } .down-form .form-row { margin-top: 20px; } .down-form .msg-box { position: absolute; padding-top: 0; top: 180px; left: 102px; } .copy p a { display: inline-block; color: #999; margin-right: 10px; } .form-row .yanz { width: 200px; } .pop-lis { text-align: left; position: relative; } .yz-bt { position: absolute; width: 100px !important; height: 42px; background: #0231a8; line-height: 42px; text-align: center; font-size: 14px; color: #fff; top: 106px; left: 316px; } .hengqie { width: 1200px; text-align: center; margin: 0 auto; padding: 55px 0 35px 0; } .hengqie img:hover { -moz-box-shadow: 0px 0px 18px rgba(186, 186, 186, 1); -webkit-box-shadow: 0px 0px 18px rgba(186, 186, 186, 1); box-shadow: 0px 0px 18px rgba(186, 186, 186, 1); cursor: pointer; } .imgtk { width: 290px; border-top: 4px solid #ffc000; font-size: 18px; line-height: 30px; padding: 10px 0 15px 0; background: #fff; } .insbt { font-size: 12px; line-height: 25px; margin-bottom: 15px; text-align: left; color: #aeaeae; background: #FFF; padding: 6px; height: 92px; } .insbt:hover { background: #fff; } .insbt a { font-size: 16px; color: #555555; } .insbt a:hover { color: #0231a8; } .yqlj{ width: 1196px; margin: 0 auto; } .yqing{ font-size: 18px; color: #666; line-height: 50px; border-bottom:1px dashed #ddd; } .yqlj ul{ list-style: none; } .yqlj li{ float: left; font-size: 12px; color: #333; margin-right: 8px; } .yqlj li a{ color: #999; line-height: 48px; } .yqlj li a:hover{ color: #ff6600; line-height: 48px; } .contact-us-left { float:left; }