body, html { margin: 0px; padding: 0px; font-family: "微软雅黑"; font-size: 14px; line-height: 1.46; color: #393939; } * { box-sizing: border-box; } @font-face { font-family:font1; src: ; } .return_top { position: fixed; right: 15px; bottom: 50px; z-index: 99998; cursor: pointer; width: 40px; height: 37px!important; text-align: center; white-space: normal; font-size: 14px; line-height: 17px; padding-top: 3px; color: #fff; opacity: 1; display: inline-block; background: url(/uploads/image/simages/ss.png) no-repeat -42px center #666; ; } body { overflow-x: hidden; } .suspend { width: 40px; height: 198px; position: fixed; top: 240px; right: 0; overflow: hidden; z-index: 9999; } .suspend dl { width: 120px; height: 198px; border-radius: 25px 0 0 25px; padding-left: 40px; box-shadow: 0 0 5px #e4e8ec; } .suspend dl dt { width: 40px; height: 198px; background: url(/uploads/image/simages/suspend.png); position: absolute; top: 0; left: 0; cursor: pointer; } .suspend dl dd.suspendqq { width: 120px; height: 66px; background: #ffffff; } .suspend dl dd.suspendtel { width: 120px; height: 66px; background: #ffffff; } .suspend dl dd.suspendqq a { width: 120px; height: 66px; display: block; background: url(/uploads/image/simages/suspend.png) -40px 0; overflow: hidden; } .suspend dl dd.suspendtel a { width: 120px; height: 66px; display: block; background: url(/uploads/image/simages/suspend.png) -40px -66px; overflow: hidden; } .suspend dl dd.suspendtel.qq3 a{ background: url(/uploads/image/simages/suspend.png) -40px -132px; } img, table { max-width: 100%; height: auto !important; } table, td { border: 1px solid #ccc; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p { line-height: 1.46; font-family: "微软雅黑"; margin: 0px; padding: 0px; max-width: 100%; } a:link, a:visited { color: #555; text-decoration: none; } ul { padding: 0px; margin: 0; height: auto; overflow: hidden; } ul li { list-style: none; } a:hover, a:active, a:focus { text-decoration: none; } .clear { display: block; clear: both; } .clearfix { zoom: 1; } .clearfix::after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .wrap { position: relative; } .index_banner_info{ position: absolute; left: 8%; top: 0; width: 100%; overflow: hidden; transform: translatey(170px); } .index_banner_info h5{ font-size: 45px; color: transparent; background: linear-gradient(to right,#c6fbab,#4bf8fa); -webkit-background-clip: text; margin-bottom: 15px; } .index_banner_info p{ font-size: 24px; font-weight: bold; color: #eee; } .index_banner_info p font{ font-family: font1; } .centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; transition: .5s; margin-top: -40px; line-height: 200px; background-image: url(/uploads/image/simages/arrow.gif); overflow: hidden; opacity: .1; } .centered-btns_nav:hover { opacity: .7; } .next { right: 0; background-position: right 0; } .centered-btns_nav:active { opacity: 1; } .centered-btns_tabs { margin-top: 15px; text-align: center; font-size: 0; position: absolute; list-style-type: none; width: 100%; z-index: 99; bottom: 140px; } .centered-btns_tabs li { display: inline-block; margin: 0 3px; *display: inline; *zoom: 1; } .centered-btns_tabs a { display: inline-block; width: 15px; height: 10px; border-radius: 5px; line-height: 20px; background-color: rgba(255, 255, 255, .6); background-color: #ccc\9; overflow: hidden; *display: inline; *zoom: 1; } .centered-btns_here a { background-color: rgba(255, 255, 255, 1); width: 30px; } .w1600 { width: 1600px; margin: 0 auto; } .w1200 { width: 1200px; margin: 0 auto; } header { position: absolute; left: 0; top: 0; width: 100%; height: 80px; z-index: 999; background: transparent; transition: .3s; border-bottom: 1px solid rgba(255, 255, 255, .1); box-sizing:border-box; } .logo { width: 12%; float: left; } .logo a { display: table-cell; height: 80px; vertical-align: middle; } .nav { width: 70%; float: left; margin-left: 2%; } .nav ul li { display: inline-block; float: left; } .nav ul li a { padding: 0 18px; line-height: 78px; font-size: 16px; display: block; border-bottom: 2px solid transparent; color: #fff; transition: .8s; } header:hover { background: #026bbc; } .nav ul li.active a, .nav ul li:hover a { border-bottom: 2px solid #fff; color: #fff; } .header_tel { width: 15%; float: right; font-size: 26px; font-weight: bold; color: #fff; font-family: font1; line-height: 80px; text-align: right; } /*首页 开始*/ .service-action { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 116px; background: rgba(50, 74, 86, .45); z-index: 2; } .service-action-ul li { float: left; width: 25%; height: 116px } .service-action-ul li .subbanner-link-main.special { border-right: 1px solid rgba(73, 127, 163, .6); border-right: 1px solid #497fa3\9 } .service-action-ul li .subbanner-link-main { position: relative; display: block; width: 100%; height: 116px; border-left: 1px solid rgba(73, 127, 163, .6); border-right: 1px solid #497fa3\9 } .service-action-ul li .subbanner-link-main:hover { background-color: rgba(33, 154, 214, .1) } .subbanner-link-icon { position: absolute; right: 115px; bottom: 23px; width: 22px; height: 22px; background: url(/uploads/image/simages/sub_banner_link.png) center no-repeat } .subbanner-link-icon:hover { background: url(/uploads/image/simages/sub_banner_link_hover.png) center no-repeat } .service-action-box { position: relative } .subbanner-1 { background: url(/uploads/image/simages/sub_banner_bg_1.png) right center no-repeat } .subbanner-2 { background: url(/uploads/image/simages/sub_banner_bg_2.png) right center no-repeat } .subbanner-3 { background: url(/uploads/image/simages/sub_banner_bg_3.png) right center no-repeat } .subbanner-4 { background: url(/uploads/image/simages/sub_banner_bg_4.png) right center no-repeat } .service-action-text { padding: 18px 0 0 70px } .service-action-title { font-weight: 700; font-size: 16px; color: #fff } .service-action-info { margin-top: 9px; font-size: 14px; color: #d2d3d3 } .service-action-link { margin-top: 8px; color: #0af; font-size: 12px } .cloud-product-box { background: #f4f4f4 } .cloud-product { position: relative; z-index: 9; padding: 60px 0 } .cloud-product-title { height: 32px; text-align: center; line-height: 32px; font-size: 32px; color: #333 } .color-blue { color: #009fd9 } .cloud-product-explain { margin-top: 26px; margin-bottom: 82px; height: 16px; line-height: 24px; text-align: center; font-size: 16px; color: #999 } .cloud-product-ul { width: 100% } .cloud-product-ul li { position: relative; margin-left: 19px; width: 240px; height: 522px; float: left; background: #fff } .cloud-product-ul li:first-child { margin-left: 0 } .cloud-product-single-top { width: 100%; height: 60px; line-height: 60px; text-align: center; background-color: #f2f2f2 } .cloud-product-name { font-size: 18px; color: #333; font-weight: 700 } .cloud-product-single-bottom { width: 100%; height: 340px } .empty-space { width: 100%; height: 99px } .single-bottom-item { height: 340px; width: 100% } .single-bottom-item:first-child { border-right: 1px solid #eee } .bg-product-pic { margin: 48px auto 0; width: 100%; height: 82px } .server-header-01 { background: url(/uploads/image/simages/product_header_icon_01.png) center no-repeat } .server-header-02 { background: url(/uploads/image/simages/product_header_icon_02.png) center no-repeat } .server-header-03 { background: url(/uploads/image/simages/product_header_icon_03.png) center no-repeat } .server-header-04 { background: url(/uploads/image/simages/product_header_icon_04.png) center no-repeat } .server-header-05 { background: url(/uploads/image/simages/product_header_icon_05.png) center no-repeat } .server-header-06 { background: url(/uploads/image/simages/product_header_icon_06.png) center no-repeat } .server-header-active-01 { background: url(/uploads/image/simages/product_header_active_icon_01.png) center no-repeat } .server-header-active-02 { background: url(/uploads/image/simages/product_header_active_icon_02.png) center no-repeat } .server-header-active-03 { background: url(/uploads/image/simages/product_header_active_icon_03.png) center no-repeat } .server-header-active-04 { background: url(/uploads/image/simages/product_header_active_icon_04.png) center no-repeat } .server-header-active-05 { background: url(/uploads/image/simages/product_header_active_icon_05.png) center no-repeat } .server-header-active-06 { background: url(/uploads/image/simages/product_header_active_icon_06.png) center no-repeat } .idc-bg { background: url(/uploads/image/simages/index-sprite.png) 0 -1421px no-repeat } .host-bg { background: url(/uploads/image/simages/index-sprite.png) -6px -1256px no-repeat } .product-introduce-title { margin-bottom: 14px; height: 22px; line-height: 22px; font-size: 22px; text-align: center } .product-introduce-title.normal-weight { font-weight: 400 } .product-introduce-content { margin: 0 auto 20px; width: 200px; line-height: 14px; font-size: 14px; text-align: center; color: #999 } .product-introduce-list { margin: 0 auto; padding-top: 28px; height: 135px; width: 84%; border: 1px solid #f1f1f1; border-left: none; border-right: none } .introduce-list-small { margin-bottom: 18px; line-height: 14px; font-size: 14px; color: #999; text-align: center } .product-introduce-price { margin: 48px auto 0; font-size: 14px; text-align: center; color: #333 } .normal-inner { transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s } .active-inner { position: relative; display: none; height: 100%; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s } .introduce-link { position: absolute; top: 0; left: 0; width: 100%; height: 360px } .active-inner-01 { background: linear-gradient(#0084ff, #026bbc); } .active-inner-02 { background: linear-gradient(#0084ff, #026bbc); } .active-inner-03 { background: linear-gradient(#0084ff, #026bbc); } .active-inner-04 { background: linear-gradient(#0084ff, #026bbc); } .active-inner-05 { background: linear-gradient(#0084ff, #026bbc); } .active-inner-06 { background: linear-gradient(#0084ff, #026bbc); } .cloud-product-ul li.active .active-inner { display: block; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 } .cloud-product-ul li.active .normal-inner { display: none; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 } .cloud-product-ul li { -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, .08); -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, .08); box-shadow: 1px 1px 12px rgba(0, 0, 0, .08); -webkit-transition: width .15s linear; -o-transition: width .15s linear; -moz-transition: width .15s linear; transition: width .15s linear } .cloud-product-ul li.active { z-index: 9; width: 304px; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .2); -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, .2); box-shadow: 0 4px 20px rgba(0, 0, 0, .2) } .active .product-introduce-content { color: #eff6ff } .active-product-introduce-title { color: #fff } .active .product-introduce-list { padding: 22px 0; height: auto; border-color: #3f9ff9 } .introduce-list-large { margin: 0 auto; width: 228px; line-height: 22px; color: #ddebff; font-size: 14px } .active .product-introduce-price { margin-top: 32px; color: #fefeff } .product-introduce-price .price-white { display: inline-block; font-size: 36px; height: 36px; line-height: 36px; color: #fff } .buy-link-btn { display: block; margin: 30px auto 0; width: 90%; height: 40px; line-height: 25px; background-color: #ff9600; color: #fff !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .buy-link-btn-s { display: block; margin: 30px auto 0; width: 50%; height: 40px; line-height: 25px; background-color: #026bbc; color: #fff !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .buy-link-btn:hover { background-color: #f80 } .product-tab-wrapper { width: 100% } .product-tab-item { width: 100%; height: 30px; margin-bottom: 10px; overflow: hidden; transition: height .5s; -moz-transition: height .5s; -webkit-transition: height .5s; -o-transition: height .5s } .product-tab-title { margin: 0 auto; padding-left: 40px; width: 90%; min-width: 200px; height: 30px; line-height: 30px; font-size: 12px; background: url(/uploads/image/simages/add-icon.png) no-repeat #fafafa; color: #666 } .product-tab-item.active .product-tab-title { background: url(/uploads/image/simages/reduce_icon.png) no-repeat #e0f9ff; color: #009fd9 } .product-tab-content { width: 200px; margin-top: 6px; margin-left: 54px; line-height: 22px; font-size: 12px; color: #999 } .product-tab-item.active { height: 150px } .common_tit { text-align: center; clear: both; float: none } .common_tit strong { color: #ffffff; font-size: 36px; display: block } .common_tit p { font-size: 18px; padding-top: 10px; color: rgba(255, 255, 255, .37); } .common_tit i { font-size: 0; line-height: 0; background-color: #ff6600; display: inline-block; height: 5px; width: 70px; margin-top: 10px } .common_tit2 { text-align: center; clear: both; float: none } .common_tit2 strong { color: #026bbc; font-size: 36px; display: block } .common_tit2 p { font-size: 18px; padding-top: 10px; color: #999999; } .common_tit2 i { font-size: 0; line-height: 0; background-color: #026bbc; display: inline-block; height: 5px; width: 70px; margin-top: 10px } .qwyxpt_team .common_tit2 p, .main_qwyxtg_youshi .common_tit2 p, .job_list .common_tit2 p { color: #fff; } .common_tit3 { text-align: center; clear: both; float: none } .common_tit3 strong { color: #fff; font-size: 36px; display: block } .common_tit3 p { font-size: 18px; padding-top: 10px; color: #fff; } .common_tit3 i { font-size: 0; line-height: 0; background-color: #fff; display: inline-block; height: 5px; width: 70px; margin-top: 10px } .analysis { background-image: url(/uploads/image/simages/bg2.gif); padding: 25px 0; } .analysis .common_tit { height: 120px; color: #fff; } .analysis .box { position: relative; } .analysis .box ul li { -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s; background-color: #fff; height: 196px; width: 444px; margin-bottom: 14px; float: left; padding-left: 32px; padding-top: 16px; padding-right: 30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px } .analysis .box .center:hover, .analysis .box ul li:hover { -moz-box-shadow: 0 2px 12px #cecece; -webkit-box-shadow: 0 2px 12px #cecece; box-shadow: 0 2px 12px #cecece; filter: progid: dximagetransform.microsoft.shadow(strength=2, direction=180, color='#cecece'); -ms-filter: "progid: dximagetransform.microsoft.shadow(strength = 2, direction = 180, color = '#cecece')" } .analysis .box ul li i { font-size: 30px; font-style: normal; background-image: url(/uploads/image/simages/bg3.gif); display: block; height: 63px; width: 63px; line-height: 62px; text-align: center; color: #fff; font-weight: 700; float: left; margin-right: 5px } .analysis .box ul li strong { font-size: 20px; color: #37a0f1; display: block; height: 63px; line-height: 62px } .analysis .box ul li p { line-height: 26px; padding-top: 12px; color: #8f8f8f } .analysis .box ul li:nth-child(even) { float: right } .analysis .box .center { -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s; height: 617px; width: 282px; margin-left: -141px; position: absolute; left: 50%; top: 0; right: 50%; z-index: 1 } .analysis .box .center_txt { position: absolute; left: 50%; top: 60px; right: 50%; width: 282px; margin-left: -141px; text-align: center; font-size: 36px; color: #37a0f1; z-index: 2 } .analysis_more { display: block; margin: 30px auto 0; text-align: center; } .analysis_more a { display: inline-block; padding: 15px 25px; border: 3px solid #fff; font-size: 20px; color: #fff; font-weight: bold; } .index-case { min-width: 1300px; padding-top: 80px; padding-bottom: 100px; background: #e8e8e8; } .index-case-outline { position: relative; max-width: 1600px; min-width: 1300px; margin: 0 auto; margin-top: 50px; } .index-case-box { position: relative; z-index: 10; border: 1px solid #d1d1d1; background: #fff; width: 100%; box-sizing: border-box; padding: 110px 185px 100px; } .index-case-box2 { position: relative; width: 100%; height: 1615px; } .shadow { position: absolute; bottom: -45px; left: 0; width: 100%; padding-bottom: (121/1602)*100%; background: url(/uploads/image/simages/case_icon_1.png) no-repeat; background-size: 100% 100%; } .index-case .text { padding-top: 20px; box-sizing: border-box; height: 89px; transition: all .4s ease-out; } .index-case .text h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #444; } .index-case .text h6 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #a3a3a3; } .index-case .img { position: relative; width: 380px; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #888; overflow: hidden; transition: all .4s ease-out; } .index-case .img img { max-width: 100%; max-height: 100%; } .index-case .item { position: absolute; width: 410px; padding: 0 15px; box-sizing: border-box; } .index-case .item a { display: block; } .index-case .item a:hover .img { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); transform: translate3d(0, -5px, 0); } .index-case .item a:hover .text { transform: translate3d(0, -5px, 0); } .index-case .item:nth-child(1), .index-case .item:nth-child(3), .index-case .item:nth-child(5), .index-case .item:nth-child(6), .index-case .item:nth-child(7), .index-case .item:nth-child(8), .index-case .item:nth-child(9), .index-case .item:nth-child(11), .index-case .item:nth-child(12) { height: 323px; } .index-case .item:nth-child(1) .img, .index-case .item:nth-child(3) .img, .index-case .item:nth-child(5) .img, .index-case .item:nth-child(6) .img, .index-case .item:nth-child(7) .img, .index-case .item:nth-child(8) .img, .index-case .item:nth-child(9) .img, .index-case .item:nth-child(11).img, .index-case .item:nth-child(12).img { height: 234px; } .index-case .item:nth-child(2), .index-case .item:nth-child(4), .index-case .item:nth-child(10) { height: 646px; } .index-case .item:nth-child(2) .img, .index-case .item:nth-child(4) .img, .index-case .item:nth-child(10) .img { height: 557px; } .index-case .item:nth-child(1) { top: 0px; left: 0px; } .index-case .item:nth-child(2) { top: 0px; left: 410px; } .index-case .item:nth-child(3) { top: 0px; left: 820px; } .index-case .item:nth-child(4) { top: 323px; left: 0px; } .index-case .item:nth-child(5) { top: 323px; left: 820px; } .index-case .item:nth-child(6) { top: 646px; left: 410px; } .index-case .item:nth-child(7) { top: 646px; left: 820px; } .index-case .item:nth-child(8) { top: 969px; left: 0px; } .index-case .item:nth-child(9) { top: 969px; left: 410px; } .index-case .item:nth-child(10) { top: 969px; left: 820px; } .index-case .item:nth-child(11) { top: 1292px; left: 0px; } .index-case .item:nth-child(12) { top: 1292px; left: 410px; } .case-more { display: block; width: 379px; height: 51px; margin: 0 auto; margin-top: 25px; background: url(/uploads/image/simages/case_icon_0.png); transition: all .3s ease; } .case-more:hover { opacity: .7; } .index-case-title { text-align: center; } .index-case-title h5 { font-size: 32px; color: #333; line-height: 55px; } .index-case-title h6 { font-size: 16px; color: #555; line-height: 40px; } @media screen and (max-width: 1600px) { .index-case-outline { max-width: 1400px; } .index-case-box { padding-left: 85px; padding-right: 85px; } } @media screen and (max-width: 1400px) { .index-case-outline { max-width: 1060px; } .index-chose { padding-top: 70px; height: 820px; } .index-chose-box { height: 90*7px; } .index-chose-left { width: 600px; } .index-chose-box-left-link { height: 406px; } .index-chose-box-right ul li { height: 90px; width: (1/5)*100%; } .index-chose-box-right ul li .text h5 { font-size: 16px; } } .strength { display: block; width: 100%; padding: 46px 0; overflow: hidden; background: url(/uploads/image/simages/blue-bg.png) repeat-x; } .strength .item { position: relative; display: block; float: left; width: 33.333%; *width: 33.32%; height: 132px; text-align: center; top: 200px; opacity: 0; filter: alpha(opacity=100); } .strength .item1 { -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .strength .item2 { -webkit-transition: 0.3s 0.5s ease; -o-transition: 0.3s 0.5s ease; transition: 0.3s 0.5s ease; } .strength .item3 { -webkit-transition: 0.6s 0.5s ease; -o-transition: 0.6s 0.5s ease; transition: 0.6s 0.5s ease; } .strength.show .item { top: 0; opacity: 1; filter: alpha(opacity=100); } .strength .item .item-box { display: block; border-right: 1px solid #0052a7; } .strength .item3 .item-box { border-right: none; } .strength .item .num { position: relative; display: block; text-align: center; line-height: 1; font-size: 0; font-family: "microsoft yahei"; } .strength .item .num .num-item { display: inline-block; *display: inline; *zoom: 1; width: 50px; height: 86px; margin: 0 2px; color: #fff; font-size: 86px; overflow: hidden; } .strength .item .num .num-item .box { display: block; } .strength .item .num .num-item span { display: block; width: 50px; height: 86px; text-align: center; } .strength .item .num .line { display: none; position: absolute; width: 100%; height: 3px; top: 50%; left: 0; margin-top: -1px; background: url(/uploads/image/simages/blue-bg.png) repeat-x center; } .strength .item p { display: block; text-align: center; font-size: 16px; color: #fff; margin-top: 20px; } .index_product { padding: 50px 0; } .index_w_case{ padding: 50px 0; } .in_w_case_main{ margin-top: 30px; } .in_w_case_main ul li{ width: 23%; float: left; margin: 10px 1%; transition: .5s; } .in_w_case_main ul li:nth-child(4n 4){ margin-right: 0; } .in_w_case_main ul li h5{ padding: 10px 0; text-align: center; font-size: 15px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .3s; position: relative; z-index: 1; } .in_w_case_main ul li:hover{ transform: translatey(-5px); box-shadow: 0 0 10px 0 #ccc; } .in_pro_main { margin-top: 30px; } .in_pro_main ul li { width: 24%; float: left; margin-right: 1.333333%; margin-bottom: 15px; padding: 15px; transition: .5s; background: #e2e2e2; } .in_pro_main ul li:nth-child(4n 4) { margin-right: 0; } .in_pro_main ul li h5 { margin-top: 15px; font-size: 16px; color: #898989; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; } .in_pro_main ul li p { font-size: 14px; color: #5f5f5f; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; } .in_pro_main ul li:hover { background: #026bbc; } .in_pro_main ul li:hover h5, .in_pro_main ul li:hover p { color: #fff; } .solution-bgcolor { position: relative; background: #f7fafc; padding-bottom: 170px } .solution-bgcolor .cloud-product { padding-bottom: 58px } .solution-bgcolor .cloud-product-title span { color: #333 } .solution-bgcolor .cloud-product-explain { color: #999 } .solution-list { position: relative; height: 412px; z-index: 9 } .short-bar { position: absolute; top: 187px; left: 50%; margin-left: -15px; width: 30px; height: 3px; background-color: #fff } .active .short-bar { top: 201px; background-color: #009dff } .solution-list ul li { float: left; width: 240px; position: relative; height: 412px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s } .solution-item-wrapper { width: 240px; height: 412px; background: url(/uploads/image/simages/solution_item_bg_01.jpg) center no-repeat } .solution-item-02 { background-image: url(/uploads/image/simages/solution_item_bg_02.jpg) } .solution-item-03 { background-image: url(/uploads/image/simages/solution_item_bg_03.jpg) } .solution-item-04 { background-image: url(/uploads/image/simages/solution_item_bg_04.jpg) } .solution-item-05 { background-image: url(/uploads/image/simages/solution_item_bg_05.jpg) } .active .solution-item-wrapper { position: absolute; z-index: 9; top: -62px; left: -51px; width: 341px; height: 526px; background: url(/uploads/image/simages/solution_item_bg_active_01.jpg) no-repeat; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .5); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .5); box-shadow: 0 5px 40px rgba(0, 0, 0, .5) } @media only screen and (max-width:1400px) { .product-special-li-5.active .solution-item-wrapper { left: -102px } } .active .solution-item-02 { background-image: url(/uploads/image/simages/solution_item_bg_active_02.jpg) } .active .solution-item-03 { background-image: url(/uploads/image/simages/solution_item_bg_active_03.jpg) } .active .solution-item-04 { background-image: url(/uploads/image/simages/solution_item_bg_active_04.jpg) } .active .solution-item-05 { background-image: url(/uploads/image/simages/solution_item_bg_active_05.jpg) } .solution-list ul li p.solution-title { position: absolute; top: 211px; width: 100%; text-align: center; color: #fff; font-size: 18px; z-index: 2 } .solution-list ul li p.solution-intro { position: absolute; top: 282px; left: 50%; margin-left: -121px; width: 242px; overflow: hidden; color: #eee; line-height: 2; z-index: 2; opacity: 0; filter: alpha(opacity=0); font-size: 14px; text-align: center } .solution-list ul { overflow: inherit; } .solution-list ul li a { display: none; position: absolute; top: 452px; left: 50%; margin-left: -87px; width: 174px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; z-index: 2; background-color: #0af } .solution-list ul li a:hover { background-color: #0099e5; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s } .solution-list ul li.active p.solution-title { top: 158px; font-size: 22px } .solution-list ul li.active p.solution-intro { top: 230px; opacity: 1; filter: alpha(opacity=100) } .solution-list ul li.active a { top: 430px; display: block } .index_team { padding: 50px 0 80px; background: url(/uploads/image/simages/index_team_bg.png) repeat left top; } .in_team_title { text-align: center; margin-bottom: 30px; } .in_team_title h5 { font-size: 32px; color: #fff; margin-bottom: 10px; } .in_team_title p { font-size: 16px; color: #fff; } .in_team_main ul li { width: 15%; float: left; margin-right: 2%; overflow: hidden; } .in_team_main ul li:last-of-type { margin-right: 0; } .in_team_main ul li .in_team_info { padding: 20px; background: #fff; transition: .5s; } .in_team_main ul li .in_team_info h5 { font-size: 14px; color: #585858; line-height: 20px; transition: .5s; margin-bottom: 5px; } .in_team_main ul li .in_team_info p { font-size: 14px; color: #a9a9a9; line-height: 20px; height: 40px; transition: .5s; } .in_team_main ul li:hover .in_team_info { background: linear-gradient(to right, #026bbc, #0084fe); } .in_team_main ul li:hover .in_team_info h5, .in_team_main ul li:hover .in_team_info p { color: #fff; } .kunrao { overflow: hidden; width: 100%; height: 700px; background: url(/uploads/image/simages/kunrao_bg.jpg) no-repeat left top; position: relative } .kunrao h2 { font-size: 36px; color: #333; text-align: center; padding-bottom: 20px; background: url(/uploads/image/simages/title_bg.png) no-repeat center bottom; font-weight: normal; margin-bottom: 20px; margin-top: 60px; } .kunrao h2 em { color: #026bbc; font-style: normal; } .kunrao .b01 { position: absolute; left: 50%; top: 50%; margin-left: 664px; margin-top: -195px; } .kunrao .b02 { position: absolute; left: 50%; bottom: 0; margin-left: -547px; } .kunrao .lijizixun { position: absolute; left: 50%; bottom: 0; margin-left: -109px; width: 233px; height: 187px; } .kunrao .lijizixun a { display: block; position: absolute; bottom: 0; left: 0; z-index: 2; height: 119px; background: url(/uploads/image/simages/kunrao_zixun.png) no-repeat; width: 218px; } .kunrao .lijizixun a:hover { background: url(/uploads/image/simages/kunrao_zixun1.png) no-repeat; display: block; } .kunrao .lijizixun p img { position: absolute; top: 0; left: 0; z-index: 1; width: 1px; height: 1px; *width: 223px; *height: 104px; } .kunrao .wenhao { position: absolute; left: 50%; top: 50%; /* margin-left:-100px; margin-top:0;*/ background: url(/uploads/image/simages/kunrao_wenhao_yy.png) no-repeat 20px 73px; /*width:1px; height:1px;*/ overflow: hidden; width: 373px; height: 317px; margin-left: -155px; margin-top: -117px; } .kunrao .wenhao img { position: absolute } .kunrao .kunrao_list { position: absolute; left: 50%; top: 50%; width: 324px; height: 200px; } .kunrao .kunrao02 { width: 273px; } .kunrao .kunrao03 { width: 261px; } .kunrao .kunrao04 { width: 331px } .kunrao .kunrao_list .wen { position: absolute; left: 0; top: 0 } .kunrao .kunrao_list .img { position: absolute; right: 0; bottom: 0 } .kunrao .wen02 { display: none } .kunrao .img02 { display: none } .kunrao_list a { cursor: pointer; display: block; height: 200px; } .kunrao .kunrao01 { /*margin-left:-1275px; margin-top:26px; */ margin-left: -472px; margin-top: -192px } .kunrao .kunrao02 { /*margin-left:-1017px; margin-top:356px;*/ margin-left: 213px; margin-top: -192px } .kunrao .kunrao03 { /*margin-left:-1500px; margin-top:356px;*/ margin-left: -411px; margin-top: 32px } .kunrao .kunrao04 { /*margin-left:-700px; margin-top:400px; */ margin-left: 153px; margin-top: 37px } .kuajiehezuo { height: 680px; } .kuajiehezuo .head { background-repeat: repeat-y; background-position: center bottom; height: 254px; color: #fff; padding-top: 40px } .kuajiehezuo .box { position: relative; margin-top: 30px; } .kuajiehezuo .box .b { overflow: hidden; position: absolute; height: 503px; top: -108px } .kuajiehezuo .box .b ul { width: 1400px } .kuajiehezuo .box .b ul li { width: 380px; float: left; margin: 15px 10px; } .kuajiehezuo .box .b ul li .tit { background-color: #666666; height: 93px; color: #fff; text-align: center; font-size: 20px; line-height: 36px; padding-top: 15px; transition: .3s; } .kuajiehezuo .box .b ul li .tit strong { font-size: 24px } .kuajiehezuo .box .b ul li .text { padding-right: 50px; padding-left: 54px; padding-top: 42px; line-height: 26px; background-color: #fff; box-shadow: 0 0 10px 0 #ccc; background-repeat: repeat-x; background-position: bottom; padding-bottom: 15px; margin-bottom: 15px; } .kuajiehezuo .box .b ul li .text span { color: #999; line-height: 24px; display: block; padding-bottom: 40px } .kuajiehezuo .box .b ul li .text a { height: 42px; width: 168px; display: block; line-height: 42px; text-align: center; background-color: #666666; font-size: 18px; color: #fff; margin-top: 40px; margin-right: auto; margin-left: auto } .kuajiehezuo .box .b ul li:hover .text a { background-color: #026bbc } .kuajiehezuo .box .b ul li:hover .tit{ background: #026bbc; } .index-new { min-width: 1300px; padding-top: 40px; padding-bottom: 65px; background: #e8e8e8; } .index-new-title h5 { font-size: 32px; color: #333333; margin-bottom: 10px; text-align: center; } .index-new-title h6 { font-size: 16px; color: #595959; text-align: center; } .index-new-switch { font-size: 15px; color: #666; text-align: center; margin-top: 15px; } .index-new-switch li { display: inline-block; text-align: center; padding-left: 32px; padding-right: 32px; position: relative; } .index-new-switch li span { cursor: pointer; } .index-new-switch li span:hover { color: #026bbc; } .index-new-switch li.on span { color: #026bbc; } .index-new-switch .li { max-width: 1600px; font-size: 0; margin: 0 auto; margin-top: 48px; } .index-new-switch-title { display: none; } .new-more { display: block; width: 379px; height: 51px; margin: 0 auto; margin-top: 60px; background: url(/uploads/image/simages/case_icon_0.png); transition: all .3s ease; } @media screen and (max-width: 1500px) { .new-more { margin-top: 50px; } } @media screen and (max-width: 1400px) { .new-more { margin-top: 40px; } } .new-more:hover { opacity: .7; } .index-new-switch .li .left { position: relative; width: 578px; height: 561px; display: inline-block; vertical-align: top; transition: all .4s ease-out; } .index-new-switch .li .left:hover { transform: translate3d(0, -5px, 0); } .index-new-switch .li .left:hover .swiper-slide-text .text h5 { color: #026bbc; } .index-new-switch .li .left-box { background: #fff; position: relative; z-index: 10; width: 100%; height: 100%; padding: 43px 47px 50px 53px; box-sizing: border-box; } .index-new-switch .li .left-box-swiper { width: 100%; height: 100%; overflow: hidden; } .shadow { position: absolute; bottom: -40px; left: 0px; width: 100%; padding-bottom: (99/612)*100%; background: url(/uploads/image/simages/new_icon_0.png); background-size: 100% 100%; } .swiper-slide { display: block; background: #fff; } .pagination2 { text-align: left; } .pagination2 .swiper-pagination-bullet { background: #4e4e4e; opacity: 1; margin-right: 4px; } .pagination2 .swiper-pagination-bullet-active { background: #dc301f; } .swiper-slide-box { width: 478px; height: 313px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .swiper-slide-box img { max-width: 100%; height: auto !important; } .swiper-slide-text { width: 478px; margin-top: 30px; font-size: 0; } .swiper-slide-text .text { display: inline-block; vertical-align: top; width: 388px; height: 90px; text-align: left; padding-right: 20px; box-sizing: border-box; } .swiper-slide-text .text h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 19px; color: #060606; transition: all .3s ease; } .swiper-slide-text .text p { height: 50px; margin-top: 12px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 13px; line-height: 25px; color: #888888; } .index-new-switch .li .left .swiper-slide-text .date { display: inline-block; vertical-align: top; width: 90px; height: 90px; border-radius: 4px; background: #026bbc; text-align: center; } .index-new-switch .li .left .swiper-slide-text .date .d { font-size: 58px; color: #fff; font-family: "cg"; line-height: 58px; margin-top: 6px; } .index-new-switch .li .left .swiper-slide-text .date .ym { margin-top: 2px; line-height: 16.4px; font-size: 16.4px; font-family: "arial"; color: #fff; } .index-new-switch .li .right { margin-left: 22px; width: 1000px; height: 561px; display: inline-block; vertical-align: top; text-align: left; } .index-new-switch .li .right-li { position: relative; text-align: left; display: inline-block; vertical-align: top; width: 50%; height: 140px; transition: all .4s ease-out; } .index-new-switch .li .right-li:nth-child(even) { padding-left: 2px; box-sizing: border-box; } .index-new-switch .li .right-li:nth-child(n 3) { padding-top: 1px; box-sizing: border-box; } .index-new-switch .li .right-li-box { position: relative; z-index: 10; width: 100%; height: 100%; background: #fff; } .index-new-switch .li .right-li:hover { z-index: 100; box-shadow: 0 8px 35px rgba(0, 0, 0, .2); } .index-new-switch .li .right-li:hover .date .d { color: #026bbc; } .index-new-switch .li .right-li:hover .date .ym { color: #026bbc; } .index-new-switch .li .right-li:hover .text h5 { color: #026bbc; } .index-new-switch li li:before { content: ""; position: absolute; left: -8px; top: 11px; width: 15px; height: 1px; background: #bababa; } .index-new-switch .li .right .shadow { position: absolute; bottom: -30px; left: 0; width: 100%; padding-bottom: (100/524)*100%; background: url(/uploads/image/simages/new_icon_1.png); background-size: 100% 100%; } .index-new-switch .li .right .date { display: inline-block; vertical-align: top; width: 110px; height: 100%; padding-top: 35px; padding-right: 25px; padding-left: 25px; box-sizing: border-box; text-align: center; } .index-new-switch .li .right .date .d { font-size: 42px; color: #555; font-family: "arial"; line-height: 42px; margin-top: 6px; transition: color .3s ease; } .index-new-switch .li .right .date .ym { margin-top: 2px; line-height: 14px; font-size: 14px; font-family: "arial"; color: #333; transition: color .3s ease; } .index-new-switch .li .right .text { display: inline-block; vertical-align: top; width: 333px; height: 100%; text-align: left; padding-top: 35px; box-sizing: border-box; } .index-new-switch .li .right .text h3 { font-size: 15px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .3s ease; } .index-new-switch .li .right .text p { margin-top: 10px; color: #888; font-size: 13px; line-height: 25px; height: 50px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media screen and (max-width: 1620px) { .index-new-switch .li .left { width: 508px; } .index-new-switch .li .left-box { padding-left: 15px; padding-right: 15px; } .index-new-switch .li .right { margin-left: 15px; } .index-new-switch .li .right { width: 900px; } .index-new-switch .li .right .date { padding-left: 20px; padding-right: 12px; width: 90px; } .viewpoint-text h5 { line-height: 50px; font-size: 40px; } .viewpoint-text .p { margin-top: 20px; } .viewpoint-text .icon { margin-top: 20px; } } @media screen and (max-width: 1450px) { .index-new-switch .li .left { height: 480px; width: 458px; } .index-new-switch .li .left .swiper-slide-box { width: 428px; height: 280px; } .index-new-switch .li .left .swiper-slide-text { width: 428px; } .index-new-switch .li .left .swiper-slide-text .text { width: 338px; } .index-new-switch .li .left-box { padding-top: 23px; padding-bottom: 30px; } .index-new-switch .li .right { width: 800px; height: 480px; } .index-new-switch .li .right .date { padding-left: 20px; padding-right: 12px; padding-top: 45px; width: 90px; } .index-new-switch .li .right .text { width: 233px; padding-top: 45px; } .index-new-switch .li .right-li { height: 160px; } } .index_vip_kefu { height: 399px; background: url(/uploads/image/simages/about_e_01.jpg) center no-repeat; text-align: center; padding-top: 135px; } .index_vip_kefu h5 { font-family: "微软雅黑"; font-size: 31px; color: #fff; } .index_vip_kefu i { height: 2px; width: 68px; display: inline-block; margin: 17px 0; background: #fff; } .index_vip_kefu p { padding-bottom: 12px; font-size: 16px; line-height: 28px; color: #fff; } .index_vip_kefu a { font-size: 28px; color: #ffffff; font-weight: normal; display: block; text-decoration: none; display: inline-block; background-color: #0166ce; height: 60px; width: 310px; line-height: 60px; } .index_footer_nav { display: block; height: auto; overflow: hidden; margin-bottom: 10px; border-bottom: 1px solid rgba(136, 159, 177, 1); } .index_footer_nav ul { display: block; text-align: center; } .index_footer_nav ul li { display: none; float: left; } .index_footer_nav ul li:nth-of-type(1), .index_footer_nav ul li:nth-of-type(2), .index_footer_nav ul li:nth-of-type(12), .index_footer_nav ul li:nth-of-type(11), .index_footer_nav ul li:nth-of-type(4), .index_footer_nav ul li:nth-of-type(5), .index_footer_nav ul li:nth-of-type(6), .index_footer_nav ul li:nth-of-type(7), .index_footer_nav ul li:nth-of-type(8), .index_footer_nav ul li:nth-of-type(9), .index_footer_nav ul li:nth-of-type(10) { display: inline-block; } .index_footer_nav ul li a { display: block; text-align: center; color: #fff; transition: .6s; font-size: 14px; padding: 10px 20px; } .index_footer_nav ul li a:hover { background: #fff; color: #026bbc; } .in_sw_footer_conten { display: block; margin: 10px 0px; } .in_sw_footer_conten ul li { display: block; width: 50%; float: left; min-height: 24px; margin-bottom: 5px; color: #fff; font-size: 14px; } .in_sw_footer_conten ul li b, .in_sw_footer_conten ul li font, .in_sw_footer_conten ul li a { color: #fff; font-size: 14px; } /*友情链接开始*/ #bdcs-search-form-submit { border-color: #c1c1c1; height: 26px; width: 50px; color: #c1c1c1; background-color: transparent; font-family: arial, simsun, sans-serif; font-size: 14px; border-radius: 0px; } .links { width: 100%; padding-bottom: 20px; padding-top: 65px; background: url(/uploads/image/simages/link.png) no-repeat center 0; } .links p{ width:1200px; margin:0 auto; padding:0 20px 10px; overflow: hidden; text-overflow: ellipsis; border: 1px solid #d9d9d9; border-top: 0; transform: translate(-1px,-5px); } .links p a{ display: inline-block; margin-right: 5px; transition: .3s; font-size: 12px; color: #666; } .links p a:hover{ color: #007bc9; } .anwi a { color: #fff; font-size: 14px; } .footer { background-color: #026bbc; font-family: "microsoft yahei"; } .five-superiority { width: 100%; height: 120px; border-bottom: 1px solid #2878b5; }.five-superiority-list li { float: left; width: 25%; height: 120px; }.five-superiority-list li p { white-space: nowrap; display: block; line-height: 120px; padding-left: 110px; background-repeat: no-repeat; background-position: 50px center; font-size: 18px; color: #fff; }.technology_ico p { background-image: url(/uploads/image/simages/bottom_07.png); } .prepare_ico p { background-image: url(/uploads/image/simages/bottom_09.png); }.compensate_ico p { background-image: url(/uploads/image/simages/bottom_03.png); }.retreat_ico p { background-image: url(/uploads/image/simages/bottom_05.png); }.footer-floor1 { width: 100%; padding: 40px 0 62px; box-sizing: border-box; }.footer-left { width: 32%; float: left; }.company-box { padding-left: 20px; }.company-logo { height: 40px; background: url(/uploads/image/simages/bottom_19.png) no-repeat left; }.company-logo span { display: inline-block; margin-left: 136px; margin-top: -5px; width: 126px; height: 40px; background: url(/uploads/image/simages/bottom_16.gif) no-repeat left; }.company-name { margin-top: 20px; line-height: 40px; font-size: 18px; font-weight: 500; font-family: "微软雅黑"; color: #fff; }.official-plat { width: 100%; margin-top: 20px; position: relative; } .official-plat .weixin { position: absolute; top: -145px; left: 70px; background-image: url(/uploads/image/simages/plat_qrcode.png); background-repeat: no-repeat; background-position: 0 0; display: none; } .official-plat ul { width: 100%; } .official-plat ul li { float: left; margin-left: 15px; width: 40px; height: 40px; }.official-plat ul a { display: block; }.official-plat ul li span { display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; } .official-plat li .weixin-logo { background-image: url(/uploads/image/simages/bottom_25.png) } .official-plat li .weibo-logo { background-image: url(/uploads/image/simages/bottom_23.png) } .official-plat li .qq-logo { background-image: url(/uploads/image/simages/bottom_27.png) } .official-plat li .email-logo { background-image: url(/uploads/image/simages/bottom_29.png) } .official-plat li:hover .weixin-logo { background-image: url(/uploads/image/simages/bottom_25_hover.png) } .official-plat li:hover .weibo-logo { background-image: url(/uploads/image/simages/bottom_23_hover.png) } .official-plat li:hover .qq-logo { background-image: url(/uploads/image/simages/bottom_27_hover.png) } .official-plat li:hover .email-logo { background-image: url(/uploads/image/simages/bottom_29_hover.png) } .footer-list { width: 68%; border-left: 1px solid #3578ab; padding-left: 20px; float: left; box-sizing: border-box; } .footer-list .flist-title { font-size: 18px; color: #fff; margin-bottom: 15px; } .footer-list li { line-height: 30px; } .footer-list li a { color: #fff; font-size: 14px; text-decoration: none; } .clear-float { clear: both; } .footer-floor2 { width: 100%; border-top: 1px solid #2878b5; padding: 20px 0; text-align: center; } .footer-floor2 p { text-align: center; color: #fff; font-size: 12px; line-height: 25px; } .footer-floor2 a { color: #fff; } .footer-floor2 img{ line-height: 1; vertical-align: top; } .footer-list ul { float: left; width: 25%; } .official-plat>p { display: inline-block; width: 132px; height: 132px; border: 1px solid #ddd; background-color: #fff; } .yb_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease; } .yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'microsoft yahei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden; } .yb_bar .yb_top { background: #026bbc url(/uploads/image/simages/fixcont.png) no-repeat 0 0; } .yb_bar .yb_phone { background: #026bbc url(/uploads/image/simages/fixcont.png) no-repeat 0 -57px; } .yb_bar .yb_qq { text-indent: 0; background: #026bbc url(/uploads/image/simages/fixcont.png) no-repeat 0 -113px; } .yb_bar .yb_ercode { background: #026bbc url(/uploads/image/simages/fixcont.png) no-repeat 0 -169px; } .hd_qr { padding: 0 29px 25px 29px; width: 100%; overflow: hidden; box-sizing: border-box; } .yb_qq a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff; } .foot{ padding: 30px 0; background: #026bbc; } .in_foot{ padding: 20px 0; background: #eeeeee; } .foot_nav{ float: left; width: 218px; } .foot_nav h5, .foot_info h5, .foot_contact h5, .foot_er h5{ font-size: 16px; color: #ffffff; font-weight: bold; text-align: left; margin-bottom: 20px; } .foot_nav p{ height: auto; overflow: hidden; } .foot_info p{ display: block; font-size: 14px; color: #bed7ea; line-height: 30px; } .foot_info a{ font-size: 14px; color: #bed7ea; line-height: 30px; } .foot_nav p a{ display: block; float: left; font-size: 14px; color: #bed7ea; width: 109px; line-height: 30px; } .foot_info{ float: left; width: 430px; height: 155px; padding-left: 41px; border-left: 1px solid #267bbd; border-right: 1px solid #267bbd; } .foot_contact{ float: left; width: 300px; height: 155px; padding-left: 37px; border-right: 1px solid #267bbd; } .foot_contact p{ display: block; font-size: 14px; color: #bed7ea; line-height: 24px; padding-left: 35px; margin-bottom: 10px; } .foot_contact p:nth-child(2){ background: url(/uploads/image/simages/foot_contact_icon1.png) no-repeat left center; } .foot_contact p:nth-child(3){ background: url(/uploads/image/simages/foot_contact_icon2.png) no-repeat left center; } .foot_contact p:nth-child(4){ background: url(/uploads/image/simages/foot_contact_icon3.png) no-repeat left center; } .foot_er{ float: left; text-align: center; width: 250px; } .foot_er h5{ text-align: center; } .foot_er img{ width: 103px; height: 103px; margin-bottom: 10px; } .m_mune, .m_footer, .m_banner, .m_footer_info{ display: none; } /*@font-face { font-family: 'iconfont'; src: ; src: format('embedded-opentype'), format('woff'), format('truetype'), format('svg'); }*/ @font-face { font-family: "iconfont"; /* project id 2900752 */ src: format('woff2'), format('woff'), format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*.iconfont { font-family: iconfont; font-style: normal; }*/ .icon-caidan:before { content: "\e790"; } .icon-shouye:before { content: "\e64f"; } .icon-lianxi:before { content: "\e628"; } .icon-qq:before { content: "\e603"; } .icon-duanxin:before { content: "\e669"; } @media only screen and (min-width: 320px) and (max-width: 1024px) { .w1200, .w1400, .w1600{ width: 100% !important; } .suspend, .in_foot, .footer, .links, .foot, .index-case, .yb_conct, .pc_banner, .header_tel, .centered-btns_nav, .index-new-switch .li .left{ display: none; } .index-new-switch .li .right{ width: 100%; margin-left: 0; } .ddsubmenustyle{ display: none !important; } .zdhwz .toptitle h2, .zdhwz .toptitle h2>em{ font-size: 20px; } .toptitle h2{ font-size: 16px; } .gtshd .toptitle{ padding-top: 25px; } .yxxt .yxxtcont .yxtext{ display: none;} .gtshd, .gtshdcont{ height: auto; } .index-new-switch .li .right .text{ width: 100%; } .centered-btns_tabs{ bottom: 10px; } .index-new{ min-width: 1px; } body{ padding: 60px 0 50px; } header{ position: fixed; left: 0; top: 0; width: 100%; height: 60px; z-index: 999; background: #026bbc; } .logo{ width: 50%; } .logo a{ height: 60px !important; margin-top: 5% !important; background-repeat: no-repeat !important; } .m_banner{ display: block; position: relative; } .m_mune{ display: block; width: 20%; float: right; text-align: right; padding-right: 15px; } .m_mune i{ font-size: 26px; line-height: 60px; color: #fff; transition: .8s; } .m_mune.active i{ transform: rotatez(720deg); } .nav{ position: fixed; width: 100%; height: auto; overflow: hidden; z-index: 999; background: rgba(0,0,0,0.6); top: 60px; padding: 0 1%; right: 0; } .nav ul li{ width: 100%; } .nav.active ul li{ border-bottom: 1px solid #fff; } .nav ul li:last-of-type{ border-bottom: 0; } .nav ul li>a::before, .nav ul li .nav_box{ display: none; } .nav.active ul li>a{ height: 48px; } .nav ul li>a{ padding: 0; height: 0; overflow: hidden; line-height: 48px; border-bottom: 0; transition: .3s; text-align: center; color: #fff !important; } .m_footer { display: block; } .m_foot_btn { width: 25%; float: left; height: 50px; display: block; padding-top: 5px; line-height: 1; text-align: center; border-right: 1px solid #fff; box-sizing:border-box; } .m_foot_btn:last-of-type { border-right: 0; } .m_foot_btn i { color: #fff; display: block; font-size: 20px; margin-bottom: 5px; } .m_foot_btn span { display: block; text-align: center; color: #fff; font-size: 12px; } .m_footer { display: block; height: 50px; position: fixed; bottom: 0px; width: 100%; left: 0px; background: #026bbc; z-index: 999; border-top: 1px solid #fff; } .cloud-product{ padding: 20px 1%; } .cloud-product-title{ font-size: 20px; line-height: 1; height: 20px; } .cloud-product-explain{ display: none; } .cloud-product-ul{ margin-top: 20px; } .cloud-product-ul li.active, .cloud-product-ul li{ width: 48%; margin: 1% !important; } .cloud-product-ul li.active .active-inner{ display: none; } .cloud-product-ul li.active .normal-inner{ display: block; opacity: 1; } .cloud-product-single-bottom{ height: auto; } .bg-product-pic{ margin-top: 15px; height: 80px; } .cloud-product-ul li{ height: auto; padding-bottom: 15px; } .product-introduce-content{ font-size: 12px; } .product-introduce-content{ width: 100%; } .product-introduce-title{ font-size: 18px; margin-bottom: 10px; } .product-introduce-list{ display: none; } .buy-link-btn-s{ margin-top: 0; } .analysis{ padding: 20px 1%; } .common_tit strong{ font-size: 20px; } .common_tit p, .analysis .box .center, .analysis .box .center_txt{ display: none; } .analysis .common_tit{ height: auto; margin-bottom: 20px; } .analysis .box ul li{ height: auto; padding: 10px; width: 48%; margin: 1% !important; } .analysis .box ul li i{ font-size: 17px; background-size: contain; width: 40px; height: 40px; line-height: 40px; float: none; } .analysis .box ul li strong{ line-height: 20px; margin-top: 10px; height: 40px; overflow: hidden; font-size: 15px; } .analysis .box ul li p{ padding-top: 10px; font-size: 12px; line-height: 20px; height: 120px; } .analysis_more{ margin-top: 20px; } .analysis_more a{ display: block; padding: 0; height: 50px; line-height: 50px; text-align: center; font-size: 15px; } .strength{ display: none !important; } .index_case{ background: #f1f1f1; } .index_product, .index_w_case{ padding: 20px 1%; } .index-case-title h5{ font-size: 20px; line-height: 1; } .index-case-title h6{ display: none; } .index-case-title{ margin-bottom: 20px; } .in_pro_main, .in_case_main{ margin-top: 0; } .in_pro_main ul li, .in_w_case_main ul li{ padding: 3px; width: 48%; margin: 1% !important; } .in_w_case_main ul li{ display: none; } .in_w_case_main ul li:nth-child(1), .in_w_case_main ul li:nth-child(2), .in_w_case_main ul li:nth-child(3), .in_w_case_main ul li:nth-child(4){ display: block; } .in_w_case_main ul li h5{ font-size: 13px; padding: 5px 0; } .in_pro_main ul li h5{ margin-top: 10px; font-size: 14px; } .in_pro_main ul li p{ font-size: 12px; } .solution-bgcolor{ display: none ; } .index_team{ padding: 20px 1%; } .in_team_title h5{ font-size: 20px; margin-bottom: 0; } .in_team_title p{ display: none; } .in_team_title{ margin-bottom: 20px; } .in_team_main ul li{ width: 48%; margin: 1% !important; } .in_team_main ul li .in_team_info{ padding: 10px; } .kunrao, .kuajiehezuo{ display: none; } .index-new{ padding: 20px 1%; } .index-new-title h5{ font-size: 20px; margin-bottom: 0; } .index-new-title h6{ display: none; } .index-new-title{ margin-bottom: 20px; } .index-new-switch{ margin-top: 0; } .index-new-switch li{ padding: 0 10px; } .index-new-switch .li{ max-width: 100%; margin-top: 20px; } .index-new-switch .li .right{ height: auto; } .index-new-switch .li .right-li{ height: auto; padding: 10px 0 !important; width: 100%; background: #fff; border-bottom: 1px solid #ccc; } .index-new-switch .li .right .date .d{ margin-top: 0; } .index-new-switch .li .right-li-box{ height: auto; } .index_vip_kefu{ height: auto; padding: 25px 1%; } .index_vip_kefu h5{ font-size: 23px; } .index_vip_kefu p{ font-size: 14px; } .index_vip_kefu a{ font-size: 20px; } .index_vip_kefu a{ width: 200px; height: 48px; line-height: 48px; } .new-more{ display: none; } footer{ display: none; } .index-new-switch .li .right .date{ width: 25%; padding-top: 0; height: auto; } .index-new-switch .li .right .text{ width: 75%; padding-top: 0; height: auto; } .m_footer_info{ display: block; padding: 20px 3%; background: #026bbc; } .m_footer_info h5{ font-size: 15px; color: #fff; margin-bottom: 2px; } .m_footer_info p{ font-size: 13px; color: #fff; margin-top: 8px; } .buy-link-btn-s{ height: 30px; line-height: 18px; } .empty-space{ height: 85px; } .active .product-introduce-content{ color: #999; } .buy-link-btn-s{ display: none; } .cloud-product-ul li.active, .cloud-product-ul li{ width: 31.33%; } .product-introduce-content{ margin-bottom: 0; padding: 0 5px; } } @media only screen and (min-width: 320px) and (max-width: 375px) { .nav.active ul li>a{ height: 40px; line-height: 40px; font-size: 14px; } } @media only screen and (min-width: 1024px) and (max-width: 1200px) { .logo a{ margin-top: 10px !important; } .in_w_case_main ul li, .in_pro_main ul li{ text-align: center; } .new-more{ background: url(/uploads/image/simages/case_icon_0.png) no-repeat center; } } @media only screen and (min-width: 1201px) and (max-width: 1400px) { .w1600{ width: 1200px; } .cloud-product-ul li{ width: 155px; } .product-introduce-content, .introduce-list-small{ line-height: 1.46; } .logo{ width: 15%; } .nav{ width: 68%; } .nav ul li a{ font-size: 15px; padding: 0 8px; } } .brand_1_info p{ line-height:24px} @media screen and (max-width: 768px) { #dwbq_1{ padding:0 3%; box-sizing:border-box} .wzjs_howbt{ padding:0 3%; box-sizing:border-box} .gnspan, .sjspan{ padding:0 3%; box-sizing:border-box} .wrap{ padding:0 3%; box-sizing:border-box} }