*{ padding: 0; margin: 0; font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif; } input{ outline: none; } ul,li{ list-style: none; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #DBDCDE; } ::-moz-placeholder { /* Firefox 19+ */ color: #DBDCDE; } :-ms-input-placeholder { /* IE 10+ */ color: #DBDCDE; } :-moz-placeholder { /* Firefox 18- */ color: #DBDCDE; } a{ text-decoration: none; color: inherit; } .module img{ display: inline-block; } .clear{ clear: both; } .clearfix::after{ content: ''; display: block; clear: both; } .container{ width: 1200px; margin: 0 auto; } .banner{ height: 265px; background: url(../img/banner.png) center center no-repeat; } .kongDiv{height:50px;} .sqty{ height: 700px; background: url(../img/sqty-bg.jpg) center center no-repeat; padding-top: 114px; box-sizing: border-box; } .sqty-desc{ float: left; color: #fff; margin-top: 40px; } .sqty-desc-title{ font-size: 44px; line-height: 64px; } .sqty-desc-tips{ font-size: 18px; line-height: 36px; margin-top: 20px; } .sqty-desc-tips li{ padding-left: 20px; background: url(../img/duihao.png) left center no-repeat; } .sqty-form{ float: right; width: 461px; height: 460px; background: #FFFFFF; border-radius: 10px; box-sizing: border-box; padding: 42px 38px 49px 44px; line-height: 40px; } .sqty-form-title{ font-size: 32px; font-weight: 500; color: #3E3A39; line-height: 1; text-align: center; margin-bottom: 44px; } .sqty-form-field{ position: relative; margin-bottom: 22px; } .sqty-form-txt{ width: 100%; box-sizing: border-box; height: 40px; background: #F5F5F5; border: 1px solid #E0E2E8; border-radius: 4px; color: #333; padding-left: 10px; box-sizing: border-box; } .need{ position: absolute; height: 40px; color: red; right:-14px; font-size: 14px; } #sqty-form-submit{ height: 40px; color: #FFFFFF; font-size: 14px; background: #D0111B; border-radius: 4px; text-align: center; border: 0; width: 100%; cursor: pointer; } .module{ box-sizing: border-box; } .module-title{ text-align: center; font-family: Source Han Sans CN; } .module-main-title{ font-size: 42px; line-height: 1; font-weight: bold; color: #34373A; margin-bottom: 15px; } .module-sub-title{ font-size: 22px; font-weight: 500; color: #939BA6; } .kaoqin{ padding: 79px 0 100px; background: rgb(248, 249, 255); font-family: Source Han Sans CN; position: relative; } .kaoqin-list{ margin-top: 59px; } .kaoqin-item{ width: 285px; height: 221px; background: #FFFFFF; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; float: left; margin-right: 15px; margin-bottom: 15px; box-sizing: border-box; padding:24px 32px 0; position: relative; } .kaoqin-icon{ display: block; } .kaoqin-title{ font-size: 22px; line-height: 1; font-weight: bold; color: #1F2327; margin:5px auto 17px; } .kaoqin-desc{ font-size: 14px; font-family: Source Han Sans CN; font-weight: 500; color: #939BA6; line-height: 18px; text-align: justify; letter-spacing: -1px; } .kaoqin-mark{ position: absolute; width: 285px; height: 0; border-radius: 6px; box-sizing: border-box; padding: 29px 24px 0; font-weight: 500; overflow: hidden; left: 0; top: 50%; transition: all 0.3s; opacity: 0; background: url(../img/kq-hv-bg.png) center center no-repeat; background-size: 110% 110%; } .kaoqin-item:hover .kaoqin-mark{ top: -15px; height: 251px; opacity: 1; } .kaoqin-mark-title{ font-size: 22px; line-height: 1; color: #FFFFFF; } .kaoqin-title-bg{ background: url(../img/kq-line.png) left center no-repeat; background-size: contain; height: 3px; margin: 12px auto 16px; } .kaoqin-mark-detail{ font-size: 14px; color: #FFFFFF; line-height: 25px; } /* 应用价值 */ .yyjz{ /*padding-top: 94px;*/ margin-top: 80px; margin-bottom: 50px; height: 840px; box-sizing: border-box; position: relative; } .yyjz .container{ width: 1240px; padding: 0 20px; } .yyjz .module-title{ margin-bottom: 85px; } .yyjz .module-content{ background: url(../img/yyjz-bg.png) center center no-repeat; min-height: 522px; } .module-left{ float: left; } .module-right{ float: right; } .yyjz-left,.yyjz-right{ width: 337px; height: 164px; background: #FFFFFF; box-shadow: 0px 1px 21px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; margin-bottom: 26px; box-sizing: border-box; position: relative; padding-top: 30px; transition: all 0.5s; } .yyjz-left{ text-align: right; padding-right: 110px; padding-left: 18px; } .yyjz-left:hover,.yyjz-right:hover{ transform: translateY(-8px); } .yyjz-right{ text-align: justify; padding-left: 110px; padding-right: 22px; } .yyjz-icon{ position: absolute; top: 0; bottom: 0; margin: auto 0; max-width: 64px; } .yyjz-left .yyjz-icon{ right: 30px; } .yyjz-right .yyjz-icon{ left: 30px; } .yyjz-title{ font-size: 24px; font-weight: bold; line-height: 1; color: #3E3A39; margin-bottom:8px; } .yyjz-detail{ font-size: 16px; font-weight: 400; color: #939BA6; line-height: 24px; } .mfty{ position: absolute; width: 120px; height: 40px; line-height: 40px; background: #D0111B; border-radius: 4px; font-size: 16px; font-family: Source Han Sans CN; font-weight: 500; color: #FFFEFE; left: 50%; margin-left: -60px; bottom: 10px; text-align: center; } .mfty-big{ width: 180px; bottom: 30px; background: #C41D24; border-radius: 20px; font-size: 20px; font-weight: 600; } .mfty a{ display: block; height: 100%; } /* 应用价值 */ /* 流程图 */ .liuchengtu{ height: 1066px; background: url(../img/lct-bg.png) center center no-repeat; background-size: 100% 100%; position: relative; } .liuchengtu .module-main-title{ position: absolute; top:80px; color: #ffffff; width: 100%; text-align: center; } .liuchengtu .mfty{ bottom: 36px; } .liuchengtu-img{ position: absolute; top: 0; bottom: 0; left: 50%; margin: auto; transform: translateX(-50%); } /* 流程图 */ /* 主要内容区域 */ .main-content{ margin-top: 80px; margin-bottom: 80px; } .menu-box{ position: relative; height: 70px; margin-top: 50px; } .menu-list{ position: absolute; width: 1262px; left: -31px; bottom: 0; height: 70px; padding: 0 30px; box-sizing: border-box; } .menu-list::after{ content: ''; position: absolute; height: 2px; width: 100%; left: 0; bottom: 0; background-color: #e5e5e5; z-index: 1; } .menu-item{ float: left; width: 150px; height: 70px; line-height: 66px; text-align: center; z-index: 10; box-sizing: border-box; cursor: pointer; position: relative; font-size:15px; font-weight: bold; } .menu-item.active::after{ content: ''; position: absolute; width: 100%; height: 4px; border-radius: 2px; bottom: 0; left: 0; background-color: #D0111B; } #znpb{ /* margin-bottom: 30px; */ } .menu-content,.menu-ctx-item{ height: 450px; position: relative; overflow: hidden; } .menu-ctx-item{ position: absolute; width: 100%; left: 100%; top: 0; animation-fill-mode: forwards; animation-duration: 0.5s; } .menu-ctx-item:first-child{ left: 0; } .menu-ctx-item h2.h2title{ font-size: 30px;margin:50px auto 12px;line-height:1; } .menu-ctx-item p.psubtitle{ font-size: 20px;line-height:1;margin-bottom:32px; } .menu-ctx-item .float-left img{ margin-top: 50px; } .right-in{ animation-name: right-in; } .left-in{ animation-name: left-in; } .right-out{ animation-name: right-out; } .left-out{ animation-name: left-out; } @keyframes right-in { 0%{ left:100% } 100%{ left: 0; } } @keyframes left-in { 0%{ left:-100% } 100%{ left: 0; } } @keyframes right-out { 0%{ left:0 } 100%{ left: 100%; } } @keyframes left-out { 0%{ left:0 } 100%{ left: -100%; } } /* .float-left{ float: left; } .float-right{ float: right; max-width: 664px; } */ .float-left,.float-right{ float: left; width: 42%; text-align: right; box-sizing: border-box; } .float-right{ padding-left: 4%; width: 58%; text-align: left; } .znpb-detail li{ background: url(../img/duihao-red.png) no-repeat left 11px; color: #727171; font-size: 16px; padding-left: 25px; } .ty-btn{ width: 120px; height: 40px; line-height: 40px; background: #D0111B; border-radius: 4px; font-size: 16px; font-family: Source Han Sans CN; font-weight: 500; color: #FFFEFE; text-align: center; margin-top: 42px; } .ty-btn a{ display: block; width: 100%; height: 100%; font-family: '宋体'; } .cases{ padding-bottom: 80px; background: url(../img/case-bg.png) center center no-repeat; background-size: 100% 100%; position: relative; margin-top: 80px; } /* .cases .mfty{ bottom: 60px; } */ .more-case{ margin-top: 30px; text-align: center; } .more-case-item{ box-sizing: border-box; float: left; width: 285px; height: 367px; margin-right: 15px; margin-bottom: 15px; background: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 13px 20px 0; transition: all 0.3s; } .more-case-item:hover{ transform: translateY(-8px); } .more-case-item img{width: 230px;} .more-case-title{ font-size: 20px; color: #393C3F; line-height: 1; margin: 12px 0 12px; } .more-case-detail{ font-size: 15px; font-weight: 400; color: #939BA6; line-height: 24px; } .tabs{ padding-top: 90px; padding-bottom: 55px; background: url(../img/tabs-bg.jpg) center bottom no-repeat; background-size: 1920,768; } .tabs-box{ margin-top: 135px; height: 658px; background: #FFFFFF; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.27); border-radius: 0px 4px 4px 0px; overflow: hidden; } .tabs-menu-box{ float: left; box-sizing: border-box; width: 340px; padding: 65px 0; height: 658px; background: url(../img/tabs-menu-bg.png) center center no-repeat; background-size: 100% 100%; color: #FFFFFF; position: relative; } .tabs-menu-title{ font-size: 40px; line-height: 1; font-weight: bold; margin-bottom: 12px; padding: 0 36px; } .tabs-sub-title{ font-size: 20px; font-weight: 400; line-height: 1; padding: 0 36px; margin-bottom: 59px; } .tabs-menu-list{ padding: 0 36px; position: relative; } .tabs-menu-list::after{ content: ''; position: absolute; height: 53px; width: 100%; background: #FFFFFF; opacity: 0.53; filter: alpha(opacity=53); left: 0; top: 1px; cursor: pointer; transition: all 0.3s; } .tabs-menu-list.item-1::after{ top: 0; } .tabs-menu-list.item-2::after{ top: 53px; } .tabs-menu-list.item-3::after{ top: 106px; } .tabs-menu-list.item-4::after{ top: 159px; } .tabs-menu-list.item-5::after{ top: 212px; } .tabs-menu-item{ font-size: 20px; line-height: 1; height: 53px; line-height: 53px; padding: 0 4px; border-bottom: 1px solid #E3A7B2; position: relative; cursor: pointer; box-sizing: border-box; } .tabs-mfty{ position: absolute; width: 218px; height: 55px; line-height: 55px; text-align: center; font-size: 20px; font-weight: 400; color: #CC1F3C; border-radius: 25px; left: 50%; margin-left: -109px; bottom: 71px; background: #FFFFFF; } .tabs-content{ float: right; width: 860px; height: 658px; position: relative; } .tabs-ctx-item{ position: absolute; width: 100%; height: 100%; background-color: #fff; left: 0; top: 0; display: none; box-sizing: border-box; } .tabs-ctx-a{ padding: 9px 36px 0; text-align: center; } .tabs-a-item{ float: left; width: 346px; margin: 53px 24px 0; } .tabs-a-title{ font-size: 24px; line-height: 1; color: #393C3F; } .tabs-sub-children{ width: 346px; height: 190px; background: #FFFFFF; box-shadow: 0px 1px 21px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; margin-top: 29px; box-sizing: border-box; padding: 18px 12px; } .tabs-sub-item{ width: 92px; height: 154px; border: 1px solid #C61F28; border-radius: 3px; float: left; margin:0 6px; box-sizing: border-box; padding: 16px 6px 0; } .tabs-child-title{ font-size: 18px; line-height: 1; color: #393C3F; margin-bottom: 15px; } .tabs-sub-children{ transition: all 0.3s; } .tabs-sub-children:hover{ transform: translateY(-8px); } .detail-item{ font-size: 14px; font-weight: 400; color: #393C3F; line-height: 22px; } .tabs-ctx-b{ padding: 36px 36px; background: url(../img/ryyth.png) center bottom no-repeat; background-size: 40%; } .tabs-b-title{ font-size: 32px; text-align: center; margin-bottom: 36px; } .kaoqin-info-item{ box-sizing: border-box; width: 50%; float: left; padding-left: 20px; font-size: 16px; line-height: 32px; background: url(../img/duihao-red.png) left 3px no-repeat; } .top5{margin-top: 80px;} .two-modules{margin-top: 50px;} .two-box .container{ overflow: hidden; } .two-odd{ background-color: #FFFFFF; padding-top: 30px; padding-bottom: 30px; } .two-ctx{ width: 52%; box-sizing: border-box; /* padding-top: 60px; */ padding-bottom:50px; } .two-img{ width: 48%; min-height: 400px; background-position: center center; background-repeat: no-repeat; background-size: 80%; } .two-odd .two-ctx,.two-even .two-img{ float: left; } .two-even .two-ctx,.two-odd .two-img{ float: right; } .two-even{ background-color: #f9f9f9; padding-top: 30px; padding-bottom: 30px; } .two-even .two-ctx{ width: 47%; } .two-title{ margin: 26px auto 22px; font-size: 32px; line-height: 1; color: #1C2026; } .two-desc-item{ font-size: 16px; font-weight: 500; color: #939BA6; line-height: 30px; } .two-btn-group{ margin-top: 37px; height: 34px; } .two-button{ float: left; font-size: 12px; font-weight: 500; color: #FFFEFE; width: 109px; height: 34px; line-height: 34px; background: #737172; border-radius: 3px; margin-right: 20px; text-align: center; } .more-cases{ background-color: #fff; } .more-cases .module-title{ margin-top: 80px; } .tabs-ctx,.tabs-static-ctx{ width: 100%; height: 88px; background: #fff; z-index: 1999; } .tabs-static-ctx{ margin: 60px auto 30px; } .case-tabs{ width: 1200px; margin: 0 auto; } .case-tabs-item{ position: relative; float: left; width: 291px; height: 58px; line-height: 58px; color: #fff; margin-right: 12px; text-align: center; background-color: #4e4e4e; cursor: pointer; } .case-tabs-item:last-child{ margin: 0; } .case-tabs-item.active{ background-color: #d20203; font-weight: 600; } .a-tag{ width: 0; height: 0; border: 16px solid transparent; border-top: 16px solid #d20203; position: absolute; top: 56px; left: 130px; display: none; } .case-tabs-item.active .a-tag{ display: block; } .case-ctx{ background: #f2f3f5; overflow: hidden; } .case-ctx-item{ display: none; background: #fff; margin-top: 60px; overflow: hidden; } .case-ctx-item0{ display: block; margin-top: 10px; position: relative; height: auto; min-height: 650px; } .case-download-btns{ padding: 50px 0 70px; text-align: center; } .case-download-btns span{ display: inline-block; vertical-align: top; width: 200px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; color: #fff; cursor: pointer; font-size: 18px; margin: 0 50px; background: #C41D24; padding-left: 10px; } /* 更多应用场景-核心功能 */ #fun_nav { width: 240px; min-height: 560px; padding: 13px 0px; background: #dddddd; position: absolute; left: 0px; top: 0px; } #fun_nav_ul { width: 40px; float: left; margin-left: 10px; } #fun_nav_ul li { cursor: pointer; width: 100%; height: 51.5px; line-height: 51.5px; background: #4e4e4e; margin-bottom: 5px; text-align: center; } #fun_nav_ul li div { width: 68%; margin: 0 auto; line-height: 19px; color: white; font-size: 14px; padding-top: 5px; padding-bottom: 5px; } #fun_nav_ul li.bg { position: relative; background: #d40203; } #fun_nav_ul li.bg span { position: absolute; top: 18px; right: -18px; width: 0; height: 0; border: 7px solid transparent; border-left: 11px solid #d40203; } .fun_nav_div { float: left; margin-left: 36px; display: none; width: 57%; } .fun_nav_div a { color: #333; } .fun_nav_div_bg { display: block; } .fun_nav_div p { padding-top: 20px; font-size: 16px; font-weight: bold; color: #d40203; width: 100%; height: 40px; border-bottom: 1px solid #ccc; } .fun_nav_div ul { font-size: 16px; padding-top: 13px; } .fun_nav_div li { overflow: hidden; height: 36px; *height: 32px; line-height: 36px; *line-height: 32px; font-size: 14px; } .fun_nav_div li div { float: left; margin-left: 10px; } .fun_nav_div ul span, .fun_nav_divs .small_dl .small_dt span { display: block; float: left; width: 4px; height: 4px; background: #000; margin: 13px 5px 0 0 } .fun_nav_div ul span { margin-top: 15px; } .fun_nav_divs .small_dl .small_dt span { background: #d40203; margin-right: 25px; } .fun_nav_div ul li:hover span { background: #cb0204; } .fun_nav_div li:hover div a { color: #cb0204; } .fun_nav_divs { display: none; background: #fff; min-height: 468px; margin-left: 250px; } .fun_nav_divs.bg{ display: block; } .fun_nav_divs li{ display: none; } .fun_nav_divs li.bg{ display: block; } .fun_nav_divs li { margin: 0px 35px; overflow: hidden; font-size: 14px; } .fun_nav_divs_bg { margin-left: 243px; float: none; } #divs { width: 100%; font-size: 14px; position: relative; } #divs .bg { display: block; } .chang_div { background: white; width: 100%; overflow: hidden; position: relative; } .chang_div.service{ margin-top: 60px; margin-bottom: 80px; } .chang_div_blue { background: #f2f3f5; height: auto; min-height: 650px; } .fun_nav_divs_h { position: relative; margin: 0px 10px; } .chang_div .fun_nav_divs_h .t3 { font-size: 18px; border-bottom: 1px solid #ccc; padding: 30px 0 15px 0; font-weight: bold; } .jiahao { position: absolute; right: 0; top: 25px; font-size: 26px; font-weight: bold; color: #4d4d4d; cursor: pointer; user-select: none; -webkit-user-select: none; } .chang_div .h4 { margin: 29px 0 15px 10px; font-size: 14px; font-weight: normal; color: white; height: 27px; line-height: 27px; width: 145px; text-align: center; background: url("../img/product_bg.png") no-repeat; background-position: -5px -403px; } .chang_div dt { clear: both; color: #cb0204; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; } .chang_div dl { overflow: hidden; margin-bottom: 11px; } .chang_div dd { float: left; height: 30px; line-height: 30px; width: 160px; text-align: left; color: #5B5B5B; text-indent: 29px; } /* 更多应用场景-核心功能 */ /* 更多应用场景-用户评价 */ .comm { background: #f2f3f5; margin-top: 60px; } ._commline { width: 100%; margin-bottom: 6px; color: #333; text-align: left; background: white; padding-top: 30px; overflow: hidden; } .comment_img { float: left; height: 212px; width: 212px; margin-left: 28px; } .comment_img img { width: 83%; margin: 20px auto; } .comment_word { float: left; width: 69.9%; padding: 20px 0 0 50px; } .name { width: 100%; border-bottom: 1px dashed #ccc; font-size: 16px; font-weight: bold; padding-bottom: 32px; color: #4e4e4e; } ._commline .comment_word_con p, .ser_word p { padding-top: 20px; line-height: 26px; font-weight: normal; color: #333; font-size: 16px; } ._commline .comment_word_con p { font-size: 14px; color: #4e4e4e; } /* 更多应用场景-用户评价 */ /* 更多应用场景-服务保障 */ .ser_img { position: relative; width: 95%; margin: 0 auto; margin-bottom: 80px; padding-top: 25px; } .ser_img img { width: 100%; } .product_img{ position: relative; zoom: 1; } .product_img img{ max-width: 1140px; min-width: 956px; height:auto; position: relative; } .ser_word { position: absolute; width: 42%; top: 50px; left: 50px; color: white; } .ser_word_tit { font-size: 26px; border-bottom: 1px solid darkgray; padding-bottom: 20px; padding-top: 38px; font-weight: bold; } .ser_word p { color: white; font-size: 12px; line-height: 23px; } .mofang { width: 620px; margin: 0 auto; position: relative; padding-top: 55px; } .mofang ul { position: absolute; bottom: 364px; *bottom:370px; } .mofang ul li { position: relative; width: 225px; text-align: center; float: left; font-size: 16px; font-weight: bold; color: white; top: 10px;*top:0px; } .mofang ul li.gray { color: #3f4142; } .mofang ul li.right { right: -417px;*right:-28px; top: -12px;*top:0; } .mofang_word { font-size: 16px; text-align: center; padding-bottom: 62px; } .ser_num { width: 100%;; } .img_num { width: 230px; margin: 0 auto; position: relative; } .img_num_word { position: absolute; top: 36px; left: 80px; font-size: 14px; color: white; } .mofang_img { width: 100%; height: 300px; overflow: hidden; padding-top: 37px; padding-bottom: 20px; } .small_mofang_img { width: 17.5%; height: 254px; float: left; margin: 20px 10px; border: 1px solid #ccc; } .small_mofang_img .small { width: 90%; margin: 20px auto; } .button.product{ margin: 32px auto; } .small_mofang_img .small span { position: relative; top: 28px; display: block; width: 70px; height: 50px; margin: 0 auto; background: url("../img/product_bg.png") no-repeat; background-position: 11px -950px; } .small_mofang_img .small span.two { background-position: 8px -886px; } .small_mofang_img .small span.three { background-position: 0px -813px; } .small_mofang_img .small span.four { background-position: 14px -751px; } .small_mofang_img .small span.five { background-position: 16px -681px; } .mofang_img .one { margin-left: 18px; } .line_word { text-align: center; padding-top: 60px; } .line_word p { font-weight: normal; color: #4f4f4f; } .line_word .tit { font-size: 16px; } .huifang_fa { width: 95%; margin: 20px auto; height: 255px; overflow: hidden; } .huifang { width: 46%; padding: 10px; border: 1px solid #ccc; } .huifang_left { float: left; } .huifang_right { float: right; } .huifang_word { height: 60px; line-height: 60px; color: #4f4f4f; text-align: center; } .huifang_word span { width: 1px; height: 17px; background: #474747; display: inline-block; margin: 0 10px; position: relative; top: 4px;*top:0px; } .huifang_word .t { font-weight: bold; font-size: 16px; } .smile { clear: both; margin: 20px auto 63px auto; width: 95%; height: 74px; background: #ca293c; } .smile .smile_word { width:365px; height: 73px; line-height: 73px; margin: 0 auto; overflow: hidden; } .smile .smile_word img { display: block; float: left; height: 45px; width: 45px; margin-top: 17px; margin-right: 20px; } .smile .smile_word span { float: right; font-size: 24px; color: white; } .smile .smile_word span strong{ font-size: 30px; font-weight: bold; } .kefu { width: 95%; overflow: hidden; border: 1px solid #ccc; margin: 53px auto; } .kefu div { float: left; width: 49.9%; } .kefu .kefu_left img { display: block; margin-top: 17%; margin-left: 17%; } .kefu .kefu_left span { display: block; font-size: 18px; font-weight: bold; width: 328px; height: 20px; margin-top: 18%; margin-left: 27%; } .kefu .kefu_left img { display: block; float: left; width: 37px; height: 37px; } .kefu .kefu_right img { width: 100%; margin-left: 4px; } .fuwu { width: 184px; text-align: center; height: 32px; line-height: 32px; background: url("../img/product_bg.png") no-repeat; background-position: 0px -632px; color: white; margin: 58px auto; } .huifang_word_fa { margin: 0px 10px; overflow: hidden; padding-bottom: 40px; padding-top: 30px; } .huifang_word_f { background: #4e4e4e; height: 68px; line-height: 68px; width: 49.9%; text-align: center; } .huifang_word_f span, .huifang_word_f p { color: #fff; display: inline; } .prod_zs { width: 100%; height: auto; overflow: hidden; } .prod_zs li { width: 16.66%; *width: 16.64%; height: auto; float: left; } .prod_zs li .first { height: 398px; margin: 0px 5px; border: solid 1px #C1C1C1; background: #F0F1F2; position: relative; } .prod_zs li .first dt { height: 145px; line-height: 200px; text-indent: 12px; font-size: 16px; color: #333; } .prod_zs li .first dd p { height: 22px; line-height: 22px; text-indent: 13px; font-size: 13px; overflow: hidden; } .prod_zs li .first dd { float: none; height: auto; width: auto; text-align: left; color: #5B5B5B; } .prod_zs li .first .span1 { width: 40px; height: 40px; display: block; position: absolute; left: 12px; top: 40px; background: url(../img/product_bg.png) no-repeat; } .prod_zs li .first .span2 { width: 18px; height: 2px; display: block; position: absolute; left: 12px; background: #545455; top: 130px; } .prod_zs li .first .span1.icoo1 { background-position: -166px -966px; } .prod_zs li .first .span1.icoo2 { background-position: -166px -930px; } .prod_zs li .first .span1.icoo3 { background-position: -170px -890px; } .prod_zs li .first .span1.icoo4 { background-position: -166px -855px; } .prod_zs li .first .span1.icoo5 { background-position: -166px -822px; } .prod_zs li .first .span1.icoo6 { background-position: -166px -788px; } .service a.click_btn4 {cursor:default} .service a.click_btn4:hover {background-position:0 -450px;color:white} .huifang_word_f p { font-size: 18px; font-weight: bold; } .huifang_word_f i { display: inline-block; font-style: normal; width: 34px; position: relative; top: 1px; font-size: 16px; line-height: 60px; color:#a1a1a1; } .huifang_word_f span { font-size: 16px; } .fuwu_left { float: left; } .fuwu_right { float: right; } .imgs .fuwu_bor { border: 1px solid #ccc; margin-left: 1.74%; width: 14%; height: 260px; background: #f2f3f4; } .imgs .fuwu_bor .small { background: #f2f3f4; } .imgs .fuwu_bor .small .tit { background: #f2f3f4; } .imgs .fuwu_bor:hover { padding-top: 10px; height: 250px; } .imgs .fuwu_bor:hover .small .use_word { background: #d20405; text-align: center; } .imgs .fuwu_bor:hover .small .use_word .tit { background: #d20405; text-align: center; } .imgs .fuwu_bor li { height: 11px; line-height: 11px; } .imgs .fuwu_bor .use_word { padding: 0; } .ke_fu { width: 472px; margin: 30px auto; overflow: hidden; } .ke_fu .ke_fu_span { display: block; float: left; width: 95px; text-align: center; margin: 0 10px; color: white; height: 26px; line-height: 26px; background: url("../img/product_bg.png") no-repeat; background-position: 0px -593px; } .ke_fu .ke_fu_span:hover { background-position: 0px -552px; color: #ca0202; } #zhanye { width: 100%; height: 68px; line-height: 68px; text-align: center; font-size: 20px; color: white; background: #ca0202; margin: 30px 0; } .fuwu.fuwu1{ margin: 65px auto 68px auto; } .fu_wu_li_nian { width: 100%; height:454px; } .fu_wu_li_nian_div { float: left; width: 33.2%; *width: 33.1%; height: 314px; } .fu_wu_li_nian_small { padding-top: 60px; border: 1px solid #ccc; margin: 5px; padding-bottom: 20px; } .fu_wu_li_nian div img { display: block; width: 67px; margin-left: 20px; /*margin-top: 60px;*/ margin-bottom: 20px; } .fu_wu_li_nian div img.img_three { width: 43px; } .fu_wu_li_nian .fu_wu_li_nianspan { display: block; width: 100px; text-align: left; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; margin-left: 20px; } .fu_wu_li_nian .fu_wu_li_nianspan2{ width: 18px; height: 2px; display: block; position: relative; left: 21px; background:#595959; margin: 10px 0; top: 11px; } .fu_wu_li_nian p { font-size: 14px; color: #333; font-weight: normal; margin: 20px 20px; line-height: 35px; } .button.product { margin: 32px auto; text-align: center; } .button a { background: url(../img/button.png) no-repeat; margin: 0 8px; text-align: center; font-size: 14px; display: inline-block; } a.click_btn4 { width: 94px; height: 26px; line-height: 24px; background-position: 0px -450px; color: #fff; } #geng_duo { position: relative; width: 206px; margin: 55px auto 101px auto; *margin-top: 121px; text-align: center; clear: both; } #geng_duo .left, #geng_duo .right { display: block; position: absolute; top: 10px; width: 60px; height: 1px; border-bottom: 1px solid #666; } #geng_duo .left { left: 0px; } #geng_duo .right { right: 0px; } #geng_duo .mid a { color: #666; } /* 更多应用场景-服务保障 */ /* 更多应用场景-免费试用 */ .chang_div.free { width: 92%; background: white; margin: 60px 0 40px 0; height: 262px; padding:23px 50px 14px 25px; } .chang_div.free .free_div { width: 48%;*width:47.9%; float: left; } .chang_div.free .free_div.left{ width: 50%; } .chang_div.free .free_div img { width: 100%; height: 100%; } .chang_div.free .free_div p { color: #333; font-weight: normal; text-align: left; margin-right: 10px; line-height: 28px; margin-left: 50px; } .home_title { top: 0px; } .chang_div.free .free_div .mianfei { width: 157px; height: 73px; line-height: 43px; margin: 34px 0; background: url("../img/product_bg.png") no-repeat; background-position: 0px -467px; margin-left: 50px; text-align: center;; } .chang_div.free .free_div .mianfei a { display:block; width:153px; height:42px; color: white; font-size: 15px; } /* 更多应用场景-免费试用 */ /* 合作伙伴 */ .partner{ box-sizing: border-box; padding-top: 75px; height: 1362px; background: url(../img/partner-bg.png) left top no-repeat; background-size: 100% 100%; } .white.module-main-title{ color: #fff; } .sys-list{ margin-top: 131px; height: 340px; } .sys-list:hover .sys-item{ margin-right: 1.8%; } .sys-item{ float: left; width: 22.25%; position: relative; height: 340px; border-radius: 10px; margin-right: 3.3%; background-repeat: no-repeat; background-position: center; transition: all 0.3s; color: #fff; padding-top: 263px; box-sizing: border-box; } .sys-item-title{ font-size: 30px; font-weight: 600; padding-left: 14px; border-left: 20px solid #C9273D; } .sys-item:last-child{ margin: 0!important; } .sys-item:hover{ width: 27%; height: 387px; transform: translateY(-47px); } .sys-item-hover{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; transition: all 0.3s; box-sizing: border-box; padding-left: 30px; padding-top: 224px; } .sys-item:hover .sys-item-hover{ opacity: 1; background-size: 100% 100%; filter: alpha(opacity=67); padding-top: 240px; } .sys-item-hover-title{ font-size: 28px; font-weight: 600; } .sys-item-hover-desc{ width: 250px; line-height: 28px; } .partner-box{ margin-top: 80px; overflow: hidden; } .partner-list{ margin-bottom: 20px; } .partner-item{ width: 213px; } .partner-list-left,.partner-list-left .partner-item{ float: left; margin-right: 6px; } .partner-list-right,.partner-list-right .partner-item{ float: right; margin-left: 6px; } .p-mfty{ display: block; width: 255px; height: 64px; margin: 48px auto; line-height: 64px; text-align: center; background: #C41D24; border-radius: 32px;font-size: 26px; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; } /* 合作伙伴 */ /* 更多保障 */ .more-success{ padding-top: 80px; } .success-content{ width: 1200px; } .success-list{ margin-top: 82px; } .success-item{ float: left; width: 300px; height: 247px; background: #fff; border-radius: 10px; position: relative; text-align: center; } .success-item::after{ content: ''; position: absolute; width: 2px; height: 199px; background-color: #aaa; opacity: 0.35; filter: alpha(opacity=35); top:33px; right: -1px; } .success-item:nth-child(4n)::after{ width: 0; } .success-item:hover{ background: url(../img/success-active.png) left top no-repeat; background-size: 100% 100%; } .success-img{ position: relative; height: 110px; padding-top: 12px; } .success-img img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .success-icon,.success-item:hover .success-icon-active{ display: block; } .success-icon-active,.success-item:hover .success-icon{ display: none; } .success-title{ font-size: 22px; line-height: 1; font-weight: bold; color: #393C3F; margin-bottom: 18px; } .success-desc{ margin: 0 auto; width: 253px; font-size: 16px; font-weight: 500; color: #5C5F61; line-height: 24px; } .success-item:hover .success-title,.success-item:hover .success-desc{ color: #fff; } /* 更多保障 */ /* 匠心沉淀 */ .jxcd{ background: url(../img/jxcd-bg.png) center center no-repeat; height: 680px; padding-top: 82px; box-sizing: border-box; background-size: 100% 100%; } .jxcd .module-main-title,.jxcd .module-sub-title{ color: #fff; } .certificate-list{ margin-top: 112px; } .certificate-item{ width: 218px; float: left; margin-right: 109px; text-align: center; white-space: nowrap; font-size: 20px; line-height: 1; color: #FFFFFF; } .certificate-item:last-child{ float: right; margin: 0; } .certificate-img{ margin-bottom: 45px; } /* 匠心沉淀 */ /* 信赖品牌 */ .xlpp{ height: 864px; background: url(../img/xlpp-bg.png) center center no-repeat; padding-top: 198px; box-sizing: border-box; background-size: 100% 100%; position: relative; } .xlpp .mfty{ bottom: 60px; } .xlpp .module-main-title,.xlpp .module-sub-title{ color: #fff; text-align: left; } .xlpp .module-main-title{ font-size: 58px; } .xlpp .module-sub-title{ opacity: 0.61; filter: alpha(opacity=61); } .xlpp-list{ width:786px; margin-top: 87px; } .xlpp-item{ width: 244px; height: 141px; border-radius: 10px; background-color: #fff; margin-right: 18px; margin-bottom: 18px; float: left; line-height: 1; text-align: center; } .xlpp-num{ margin: 30px auto 18px; font-size: 46px; color:#222; } .xlpp-txt{ font-size: 24px; color:#8c8c8c; } .xlpp-item:hover{ background: url(../img/xlpp-active.png) center center no-repeat; background-size: 100% 100%; } .xlpp-item:hover .xlpp-num,.xlpp-item:hover .xlpp-txt{ color: #fff; } /* 信赖品牌 */ /* 数智化报告 */ .szhbg{ padding-top: 80px; padding-bottom: 70px; } .szh-item{ width: 286px; height: 315px; border-radius: 10px; float: left; margin-right: 18px; text-align: center; background-color: #fff; box-shadow: 0px 1px 21px 0px rgba(0, 0, 0, 0.1); } .szh-item:last-child{ float: right; margin: 0; } .szh-img{ box-sizing: border-box; height: 202px; } .szh-img img{ margin: 0 auto; } .szh-title{ font-size: 20px; color: #5C5F61; line-height: 1; margin: 20px auto 20px; } .szh-download{ display: block; margin: 0 auto; width: 93px; height: 30px; line-height: 30px; color: #fff; background: #C41D24; border-radius: 11px; font-size: 14px; } /* 数智化报告 */ /* 预约 */ .yuyue{ box-sizing: border-box; padding-top: 91px; height: 495px; background: url(../img/yuyue-bg.png) center center no-repeat; } .yuyue .module-main-title{ color: #fff; margin-bottom: 53px; } .yuyue-ctx{ height: 214px; } .yuyue-left{ width: 853px; height: 214px; float: left; position: relative; padding-top: 20px; box-sizing: border-box; } .yuyue-left::after{ content: ''; position: absolute; width: 3px; height: 194px; right:-58px; top: 20px; background: #fff; } .yuyue-title{ font-size: 28px; line-height: 44px; color: #FFFFFF; margin-bottom: 37px; } .yuyue-tag-list{ float: left; } .yuyue-tag-item{ float: left; padding-top: 64px; width: 66px; font-size: 16px; line-height: 3; color: #fff; text-align: center; margin-right: 32px; background: url(../img/yy-cpfa.png) top center no-repeat; } .yuyue-yyys{ background-image: url(../img/yy-yuyue.png); } .yuyue-jgzx{ background-image: url(../img/yy-jiage.png); } .yuyue-lxwm{ background-image: url(../img/yy-lxr.png); } .yuyue-tag-item:last-child{ margin: 0; } .yuyue-tel-box,.yuyue-tel-btn,.yuyue-tel-txt{ float: right; } .yuyue-tel-box{ padding-top: 28px; } .yuyue-tel-btn{ box-sizing: border-box; width: 179px; height: 56px; line-height: 52px; background: #FFFFFF; border: 2px solid #A70318; border-radius: 6px; font-size: 24px; color: #A70318; text-align: center; cursor: pointer; } .yuyue-tel-txt{ width: 263px; height: 56px; background: #FFFFFF; border-radius: 6px; font-size: 24px; color: #222; border: none; outline: none; margin-right: 9px; padding-left: 20px; } .yuyue-tel-txt::-webkit-input-placeholder { color: #dcdcdc; } /* Mozilla Firefox 4 to 18 */ .yuyue-tel-txt:-moz-placeholder { color: #dcdcdc; } /* Mozilla Firefox 19+ */ .yuyue-tel-txt::-moz-placeholder { color: #dcdcdc; } /* Internet Explorer 10+ */ .yuyue-tel-txt:-ms-input-placeholder { color: #dcdcdc; } .yuyue-right{ height: 214px; width: 292px; float: right; text-align: center; color: #fff; } .yy-right-txt{ font-size: 18px; line-height: 1; margin: 14px 0; } .yy-btn{ width: 195px; height: 56px; line-height: 56px; background: #A70318; color: #fff; border-radius: 6px; font-size: 24px; margin: 0 auto; cursor: pointer; } /* 预约 */ /* 主要内容区域 */ /*底部信息区域start*/ .clearfix{*zoom: 1;} .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden; } .bottomInfo{background:#3b3b3b;color:#FFF} .bottomProductInfo{padding:90px 0 80px;} .bottomInfo_title .manage_title{float:left} .bottomInfo_title .conpany_logo{float:right} .manage_title .titl_h1{font-size:50px;margin-bottom: 8px;} .manage_title .titl_h2{font-size:36px;margin-bottom: 22px;} .manage_title .titl_line{height:2px;background: #FFF;width: 82px;margin-bottom: 52px;} .bottomInfo_content .content_item{float: left;} .bottomInfo_content .content_item.pdtCategory{width: 38%;} .bottomInfo_content .content_item.companyAdress{width: 42%;} .bottomInfo_content .content_item.otherInfo{width: 20%;} .companyAdress .product_item.clearfix p {line-height: 27px;} /* .pdtCategory .product_item,.companyAdress .product_item{min-height: 354px;} */ .content_item span{font-size:20px ;font-weight: 600;} .content_title{margin-bottom:28px;display: inline-block;} .bottomInfo_content .product_item{border-left: 1px solid #FFF;border-color: rgba(255, 255, 255, 0.7);padding-left: 20px;} .product_series{float: left;width: 38%;} .product_series.last{width: 33%;} .product_series2 {width: 34%;} .product_series3 {width: 25%;} .series_item{margin-bottom: 66px;} .series_item.last{margin-bottom: 0px;} .series_item dt{font-size: 16px;font-weight: 600;margin-bottom: 10px;} .series_item dd,.content_item .txt{font-size: 12px;line-height: 22px;} .content_other{margin-top: 30px;} .content_other:first-child{margin-top: 0px;} /*底部信息区域end*/ .copy { width: 100%; height: 230px; background: #ececec; } .copyCon { min-width: 1000px; max-width: 1200px; height: 100%; margin: 0 auto; } .copyConLeft { float: left; width: 50%; padding-left: 10px; margin-top: 60px; } .copyConLeft1 { width: 100%; height: 41px; border-bottom: 1px solid #c2c2c2; } ul, ol { list-style: none; } .copyConLeft1 ul li { position: relative; height: 20px; float: left; font-size: 12px; margin-right: 12px; color: #6a6a6a; } .copyConLeft1 ul li a { color: #6a6a6a; } .copyConLeft1 ul li span { position: absolute; top: 5px; display: block; width: 1px; height: 12px; background: #6a6a6a; } .copyConLeft2 { font-size: 12px; color: #515151; height: 34px; line-height: 52px; } .copyConLeft2 span { letter-spacing: 1px; } .copyConLeft2 span { letter-spacing: 1px; } .tlogo { display: inline-block; width: 51px; height: 12px; background: url(../img/tlogo.png) no-repeat; position: relative; top: 2px; *top: -2px; } .copyConLeft3 { font-size: 12px; line-height: 34px; } .danger, .danger a { font-size: 12px; font-weight: bold; color: #c51a1a; } .copyConRight { width: 43%; float: right; margin-top: 60px; position: relative; } .erweima { position: relative; float: right; top: -18px; } .erweima .sao { position: absolute; bottom: 17px; left: 39%; color: #666666; font-size: 12px; } .copyConCenter { width: 50%; float: right; } .copyConCenter p { color: #666; font-size: 1.7em; /* font-size: 28px; */ height: 35px; line-height: 35px; } .psmall { padding-left: 18px; margin-top: 10px; color: #666; font-size: 12px; background: url(../img/button.png) no-repeat; background-position: 1px -920px; } #download-pro-intro { height: 40px; line-height: 40px; text-align: center; padding: 0 5px; color: #fff; background-color: cornflowerblue; float: left; font-size: 16px; margin-top: 10px; cursor: pointer; } /* 底部 */ /* 下载弹窗 */ .download-box{ position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 99999; background: rgba(0, 0, 0, 0.5); display: none; } .download-ctx{ position: absolute; width: 533px; height: 667px; background: #fff; border-radius: 3px; left: 50%; top: 50%; margin-left: -267px; margin-top: -334px; } .download-close-btn{ position: absolute; top: 20px; right: 20px; cursor: pointer; } .download-form-box{ padding: 39px 50px 0; } .form-item{ min-height: 40px; } .form-item-name{ float: left; text-align: right; width: 60px; font-size: 15px; line-height: 40px; } .form-item-ctx{ float: right; width: 370px; } .form-verify-item{ margin: 24px 0; } .form-tel,.form-verify-code{ width: 360px; height: 40px; background: #F5F5F5; border: 1px solid #E0E2E8; border-radius: 3px; padding-left: 10px; } .form-verify-code{ width: 232px; float: left; } #send{ float: right; width: 117px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #E0E2E8; border-radius: 3px; font-size: 13px; color: #D0111B; cursor:not-allowed; } #send.active{ background: #D0111B; color: #FFF; cursor: pointer; } .download-tips{ height: 33px; font-size: 13px; font-weight: 400; color: #ccc; line-height: 20px; text-align: center; display: none; } .download-downbtn{ width: 250px; height: 42px; line-height: 42px; background: #D0111B; border-radius: 3px; color: #FFFFFF; text-align: center; position: absolute; opacity: 0.3; filter: alpha(opacity = 30); left: 50%; margin-left: -125px; bottom: 50px; cursor: not-allowed; } .download-downbtn.active{ opacity: 1; filter: alpha(opacity = 100); cursor: pointer; } /* 下载弹窗 */ /* 多个行业 */ .industry{ height: 600px; background-position: center center; background-size: 100% 100%; overflow: hidden; } .industry .module-main-title{ color: #fff; margin: 70px auto 74px; } .ind-item{ width: 140px; height: 140px; border: 1px solid #FFFFFF; border-radius: 7px; float: left; margin-right: 9px; margin-bottom: 9px; text-align: center; position: relative; color: #fff; font-size: 14px; } .ind-item:nth-child(8n){ margin-right: 0; } .ind-item:hover .ind-img{ transform: translateY(-50%) rotateY(180deg); } .ind-img{ transition: all 0.5s; position: absolute; top: 40%; left: 0; right: 0; margin: auto; transform: translateY(-50%); } .ind-txt{ position: absolute; bottom: 22px; width: 100%; left: 0; } /* 多个行业 */ /* 广告 */ .guanggao{ color: #000000; line-height: 1; font-weight: 400; padding-top:50px; /* padding-bottom:50px; */ } .guanggao .container{ background-repeat: no-repeat; background-size: 450px auto; background-position: right center; overflow: hidden; min-height: 500px; } .gg-main-title{ font-size: 42px; margin-top: 194px; } .gg-sub-title{ font-size: 32px; margin: 38px auto 81px; } .guanggao .p-mfty{ margin-left: 0; } /* 广告 */ @media (max-width:1900px) { .mfty-big{ width: 255px; height: 64px; line-height: 64px; border-radius: 32px; font-size: 26px; } .copyConCenter p{ font-size: 28px; } } @media (max-width:1600px) { .mfty-big{ width: 235px; height: 56px; line-height: 56px; border-radius: 28px; font-size: 24px; } .copyConCenter p{ font-size: 26px; } } @media (max-width:1440px) { .mfty-big{ width: 215px; height: 48px; line-height: 48px; border-radius: 24px; font-size: 20px; } .copyConCenter p{ font-size: 24px; } } .prod_jg { width: 100%; height: auto; position: relative; background: url(../img/fun_bg.jpg) no-repeat; background-size: 100% 100%; behavior: url(../css-center/backgroundsize.min.htc); } .prod_jg .h_title{ padding-top: 50px; padding-bottom: 20px; } .prod_jg .content { overflow: hidden; max-width: 1200px; min-width: 1000px; margin: 0 auto; padding-bottom: 30px; padding-top: 10px; } .prod_jg .div1{width: 320px; line-height: 32px; margin-bottom:25px;} .prod_jg .div1 strong {font-size: 24px; font-weight: 600;} .prod_jg .div1 .span1,.prod_jg .div1 .span2{display: none;} .roww { position: relative; } .roww span { position: absolute; width: 19px; height: 100%; top: 0; background: url(../img/product_bg.png) no-repeat; } .roww .span1 { left: 0; background-position: -173px -1090px; } .roww .span2 { right: 0; background-position: -181px -1022px; } .row { height: 51px; line-height: 51px; background: #d20203; margin: 0px 19px; text-align: center; font-size: 16px; } .row .mid { width: 588px; margin: 0 auto; overflow: hidden; } .row div{overflow: hidden;padding-top: 18px;} .row p { float: left; color: #fff; font-weight: normal; height: 18px; line-height: 18px; text-align: center; margin: 0 auto; border-left: 1px solid white; } .row em { display: none; float: left; width: 1px; height: 20px; background: white; margin: 18px 36px; /*position: relative;*/ /*top: 18px;*/ } .tree { max-width: 1210px; min-width: 1000px; text-align: center; padding-top: 30px; overflow: hidden; margin: 0 auto; } .arrow { width: 303px; text-align: center; height: 110px; background: url("../img/arrow.png") no-repeat; font-size: 22px; margin: 10px auto 0 auto; color: white; } .arrow p { padding-top: 20px; letter-spacing: 12px; padding-left: 15px; } .tree { max-width: 1210px; min-width: 1000px; text-align: center; padding-top: 30px; overflow: hidden; margin: 0 auto; } .col { float: left; width: 12.5%; *width: 12.46%; text-align: center; } .col .top { margin: 0 5px; background: #78a002; border-radius: 5px 5px 0 0; font-size: 16px; color: white; height: 44px; line-height: 44px; } .col ul { height: 309px; background: #ffffff; margin: 0 5px; padding:22px 0; } .col ul li { height: 26px; line-height: 26px; font-size: 13px; color: #666; } .col .bott { font-size: 13px; color:#d66052; margin: 0 5px; background: #e9f1cc; border-radius: 0 0 5px 5px; height: 43px; line-height: 43px; } .tab { padding: 20px 0px 0 0px; width: 100%; } .tab li { height: 45px; margin: 8px 0; width: 100%; overflow: hidden; } .tab .right span, .tab .left { background: url("../img/product_bg.png") no-repeat; background-position: 0px -290px; text-align: center; height: 45px; line-height: 45px; color: white; width: 112px; font-size: 14px; } .tab .left { float: left; width: 145px; background-position: 0px -349px; } .tab .mid { margin: 0px 160px 0px 145px; } .tab .mid span { width: 10.94%; *width: 10.92%; display: block; float: left; text-align: center; color: #333; background: #eeeeee; height: 44px; line-height: 44px; border-right: 1px solid #a7d0e0; font-size: 14px; } .tab .mid span.no_bor { border: none; } .tab .mid span.bor_radio { height: 42px; border: 1px solid #eeeeee; position: relative; /*border-radius: 0 5px 5px 0;*/ } .tab .mid span.bor_radio span { width: 14px; height: 44px; background: url("../img/product_bg.png"); background-position: 214px -196px; position: absolute; right: -7px; top: -1px; border: none; border: 0; } .tab .right { float: right; height: 44px; overflow: hidden; width: 145px; } .tab .right i { display: block; float: left; height: 44px; background: url("../img/product_bg.png") no-repeat; background-position: 0px -231px; background-color: transparent; border: none; width: 33px; } .tab .right span { display: block; float: left; } .big_arrow { padding-top: 20px; } .big_arrow .big_arrow_m { position: relative; background: #d20203; height: 67px; color: white; margin: 0 19px; text-align: center; font-size: 18px; } .big_arrow_line { position: relative; height: 67px; line-height: 67px; margin: 0 auto; text-align: center; max-width: 1200px; min-width: 1000px; } .big_arrow_line .img { display: block; width: 19px; height: 68px; background: url("../img/product_bg.png") no-repeat; } .big_arrow_line .big_arrow_l { position: absolute; left: 0; top: 0; background-position: -179px -2px; } .big_arrow_line .big_arrow_r { position: absolute; right: 0; top: 0; background-position: -179px -86px; } .big_arrow_mid .fang { display: block; width: 55px; height: 10px; *height: 21px; margin: 0 auto; background: #d20405; } .big_arrow_down { width: 0; height: 0; border: 46px solid transparent; border-top: 26px solid #d20405; margin: 0 auto -41px auto; } .roww .span3 { left: 0px; background-position: 0px -1017px; } .roww .span4 { right: 0px; background-position: 4px -1066px; } .roww .yg { height: 42px; line-height: 42px; margin: 0px 14px; } .roww .yg p { width: 100%; background: #d20203; padding-left: 7px;*padding-left:0px; height: 42px; line-height: 42px; font-size: 16px; letter-spacing: 12px; }