body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } body, button, input, select, textarea { font: 14px/1.5tahoma, arial, \5b8b\4f53; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } code, kbd, pre, samp { font-family: couriernew, courier, monospace; } small { font-size: 14px; } ul, ol { list-style: none; } a { text-decoration: none; } a:hover { text-decoration: none; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } legend { color: #000; } fieldset, img { border: 0; } button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } html, body, #wrapper { height: 100%; width: 100%; } #wrapper { position: relative; } .clear { clear: both; } header, main, footer { width: 100%; } /* 顶部样式 */ header { position: fixed; height: 70px; line-height: 70px; left: 0; right: 0; top: 0; box-shadow: 0 2px 5px #ccc; z-index: 9; background-color: #fff; } .header_container { width: 1200px; margin: 0 auto; height: 100%; } .header_container .logo { width: 252px; height: 60px; float: left; margin-top: 5px; } .header_container .menu_one { width: 945px; float: right; } .header_container .menu_one > li { height: 70px; line-height: 70px; /* width: 135px; */ float: left; text-align: center; font-size: 16px; position: relative; cursor: pointer; margin: 0 36px; } .header_container .menu_one a { color: #000000; display: block; height: 100%; } .header_container .menu_one > li:hover a { color: #2666DD; } .header_container .menu_one .menu_box { display: none; width: 905px; padding: 10px 20px; background-color: #f5f5f5; position: absolute; left: -40px; top: 0px; height: auto; } .header_container .menu_one .two_menu { position: relative; } .header_container .menu_one .no_three_menu { width: 100px; } .header_container .menu_one > li:hover .two_menu { } .menu_list { width: 215px; float: left; margin-right: 15px; letter-spacing: 1px; } .header_container .no_three_menu .menu_list { width: 100%; } .menu_list ul { width: 100%; margin-top: 5px; } .menu_list h4 { border-bottom: 1px solid #666; text-align: left; line-height: 35px; font-size: 14px; } .menu_list:last-child { margin-right: 0; } .menu_item { display: block !important; width: 100% !important; line-height: 30px !important; height: 30px !important; } .header_container .no_three_menu .menu_list .menu_item a { text-align: center; } .menu_item a { color: #666 !important; display: block; width: 100%; text-align: left; line-height: 30px; font-size: 14px; } .menu_box .menu_item:hover a { color: #2666DD !important; text-decoration: underline; } /* 主体样式 */ main { margin: 70px auto 25px auto; } .product_focus { /*margin-top:-71px;*/ width: 100%; height: 575px; } .product_focus .product_box { height: 100% !important; width: 100%; position: relative; } .product_focus .product_box img { height: 100%; width: auto; } .product_focus .product_box::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, .4); z-index: 2; } .product_focus .product_box1 { height: 100% !important; width: 100%; position: relative; overflow-x: hidden; } #advert .product_box2 { /*height: 475px !important;*/ width: 100%; position: relative; margin-top:70px; } #advert .product_box22 { /*height: 475px !important;*/ width: 100%; position: relative; margin-top:70px; } .product_focus .product_box3 { height: 100% !important; width: 100%; position: relative; overflow-x: hidden; } .product_focus .product_box1 img { height: 100%; width: auto; } #advert .product_box2 img { height: 100%; width: auto; } #advert .product_box22 img { height: 100%; width: auto; } .product_focus .product_box3 img { height: 100%; width: auto; } .product_focus .product_box1::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, .4); z-index: 2; } #advert .product_box2::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, .4); z-index: 2; } #advert .product_box22::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 2; } .slick .product_content { position: absolute !important; left: 0px; right: 0; bottom: 240px; text-align: left; z-index: 3; height: 200px; width: 1200px !important; margin: auto; } .product_content1 { position: absolute !important; left: 0px; right: 0; bottom: 30px; text-align: left; z-index: 3; /*height: 200px;*/ width: 1200px !important; margin: auto; } .product_content2 { position: absolute !important; left: 0px; right: 0; /*bottom: 55px;*/ /*bottom: 110px;*/ top:110px; text-align: left; z-index: 3; /*height: 200px;*/ width: 1000px !important; margin: auto; } .clearfix:after { /*content: "";*/ display: table; clear: both; } .product_content1 h4 { font-size: 26px; color: #2666dd; /*margin-bottom: 35px;*/ margin-bottom: 25px; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; } .product_content1 h3 { font-size: 28px; color: #fff; } .product_content1 span { font-size: 18px; color: #fff; display: block; margin: 10px 0; width: 1200px; line-height: 35px; } .product_content1 span.AI { font-size: 18px; color: #fff; display: block; margin: 10px 0; width: 1000px; line-height: 35px; } .product_content h4 { font-size: 26px; color: #2666dd; margin-bottom: 35px; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; } .product_content h3 { font-size: 28px; color: #fff; } .product_content2 h4 { font-size: 26px; color: #2666dd; margin-bottom: 20px; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; } .product_content2 h3 { font-size: 28px; color: #fff; } .product_content2 span { font-size: 18px; color: #fff; display: block; margin: 10px 0; width: 1000px; line-height: 35px; } .product_content2 span.AI { font-size: 18px; color: #fff; display: block; margin: 10px 0; width: 1000px; line-height: 35px; } .product_content h4 { font-size: 26px; color: #2666dd; margin-bottom: 35px; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; } .product_content h3 { font-size: 28px; color: #fff; } .product_content span { font-size: 18px; color: #fff; display: block; margin: 10px 0; width: 1200px; line-height: 35px; } .product_content span.AI { font-size: 18px; color: #fff; display: block; margin: 10px 0; width: 1000px; line-height: 35px; } .product_content button { font-size: 16px; background-color: #2666DD; border: 1px solid #2666DD; color: #fff; height: 44px; line-height: 44px; width: 144px; border-radius: 4px; cursor: pointer; margin-top: 15px; } .product_content button:hover { background-color: rgba(38,102,221,0.65); } /* 企业新闻/行业动态 */ .news { width: 1200px; margin: 25px auto; height: 490px; } .news_left, .news_right { width: 570px; height: 100%; float: left; } .news_left { margin-right: 30px; } .news_right { margin-left: 30px; } .title { position: relative; margin: 10px 0; } .more_btn { position: absolute; right: 0; top: 0; color: #000000; line-height: 50px; font-size: 14px; } .more_btn:hover { color: #2666DD; } .title h3 { font-size: 22px; text-align: left; height: 50px; line-height: 50px; border-bottom: 1px solid #b1a9a9; } .news_item { border-bottom: 1px dashed #E5E5E5; padding: 10px 0; height: 60px; } .news_item i { display: block; width: 60px; height: 30px; line-height: 30px; background-color: #2666DD; text-align: center; font-size: 18px; color: #fff; font-style: normal; } .news_item i.year { background-color: #fff; text-align: center; font-size: 14px; color: #797979; } .news_item .date { float: left; } .news_item .news_title { margin-top: 2px; float: right; width: 500px; color: #000000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 16px; line-height: 25px; } .news_item .news_title:hover { color: #2666DD; } .title { position: relative; margin: 10px 0; } .more_btn { position: absolute; right: 0; top: 0; color: #000000; line-height: 50px; font-size: 14px; } .more_btn:hover { color: #2666DD; } .title h3 { font-size: 22px; text-align: left; height: 50px; line-height: 50px; border-bottom: 1px solid #b1a9a9; } .news_item .news_title:hover { color: #2666DD; } /* 底部样式 */ footer { width: 100%; background-color: #2F2F2F; margin-top: 35px; } .footer_top { width: 900px; margin: 0 auto; padding: 15px 150px; border-bottom: 1px solid #3A3A3A; height: 130px; } .footer_top h4 { font-size: 16px; color: #fff; line-height: 40px; font-weight: normal; position: relative; } .footer_top h4::after { content: ""; width: 70px; height: 2px; background-color: #2666DD; position: absolute; bottom: 3px; left: 0; } .footer_top_left { width: 610px; height: 110px; float: left; } .footer_top_left > div { width: 170px; float: left; margin-left: 20px; } .footer_top_left li a { color: #999; font-size: 14px; line-height: 30px; display: block; cursor: pointer; } .footer_top_right { height: 130px; width: 170px; float: right; text-align: center; border-left: 1px dashed #3A3A3A; } .footer_top_right img { width: 108px; height: auto; } .footer_top_right span { display: block; color: #fff; font-size: 15px; } .footer_bottom { padding: 10px 0; } .footer_bottom p { line-height: 20px; text-align: center; color: #999; font-size: 14px; } /* 轮播样式 */ .slick, .slick div { height: 100%; width: 100%; position: relative; } .slick-slide img { width: 100%; height: 100%; } .slick-dots { bottom: 20px; width: 1215px; left: 0px; right: 0; margin: auto; position: absolute; } #slick-slide-control07 { text-align: center; height: 50px; width: 259px; border: none; line-height: 50px; font-size: 14px; color: #fff; opacity: 1; background: rgba(51,51,51,0.6); border-radius: 0; float: left; position: relative; cursor: pointer; } #slick-slide-control07:hover { color: #fff; background: #007aff; } #slick-slide-control07 button::after { content: ""; height: 30px; position: absolute; top: 10px; right: 0; width: 1px; background-color: #333; } .slick-dots li button { text-align: center; height: 50px; width: 136px; border: none; line-height: 50px; font-size: 14px; color: #fff; opacity: 1; background: rgba(51,51,51,0.6); border-radius: 0; float: left; position: relative; cursor: pointer; } .slick-dots li button::after { content: ""; height: 30px; position: absolute; top: 10px; right: 0; width: 1px; background-color: #333; } .slick-dots li:last-child button::after { width: 0; } .slick-dots li.slick-active button:before { width: 60px; } .slick-dots:hover li.slick-active:hover button:hover { color: #fff; background: #007aff; } button:focus { outline: none; } /* 行业案例 */ .industry_case{ width:100%; background-color: #F0F8FF; padding: 20px 0; } .industry_case>div{ width: 1200px; margin: 0 auto; } .industry_case h3, .company_strength h3{ text-align: center; border: none; margin-bottom: 0px; } .case_nav{ height: 60px; width: 100%; border-bottom: 1px solid #c9e2ff; } .case_ul{ width: 800px; margin: auto; } .case_nav li{ float: left; height: 57px; line-height: 57px; font-size: 18px; width: 200px; text-align: center; cursor: pointer; } .case_ul .active{ border-bottom:3px solid #2666DD ; color: #2666DD; } .case_content{ margin-top: 20px !important; position: relative; max-height: 345px; overflow: hidden; } .case_content_item{ display: none; } .case_content_item li{ width: 282px; height: 95px; float: left; margin: 0 15px 20px 5px; } .case_content_item li:nth-child(4n){ margin-right: 5px; } .case_content_item li a, .case_content_item li a img{ width: 100%; height: 100%; } .company_strength{ width: 1200px; margin: 0 auto; padding-top: 20px; } .company_info{ padding: 50px 13px; } .company_xcy{ padding-top: 21px; margin: 0 auto; width: 1150px; height: 100px; font-size: 18px; font-family: PingFang SC; font-weight: 400; line-height: 32px; color: rgba(52,52,52,1); opacity: 1; text-align: left; padding-bottom: 30px; color: #000; } /* 地图 */ .china-map { width: 800px; height: 618px; background: url(../images/index_new_banner/map3.png) center no-repeat; position: relative; margin: 0 auto; } .china-map_info{ width: 452px; float: left; } .region-list { position: absolute; left: 0; top: 0 } @-webkit-keyframes warn { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @-moz-keyframes warn { 0% { -moz-transform: scale(0); transform: scale(0); opacity: 1 } 100% { -moz-transform: scale(1); transform: scale(1); opacity: 0 } } @-o-keyframes warn { 0% { -o-transform: scale(0); transform: scale(0); opacity: 1 } 100% { -o-transform: scale(1); transform: scale(1); opacity: 0 } } @keyframes warn { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 1 } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0 } } .area-box .dot { position: absolute; left: 2px; top: 2px; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #1cbdd6; opacity: 1; filter: alpha(opacity=100) } .area-box .pulse { position: absolute; top: -20px; left: -20px; height: 50px; width: 50px; border: 2px solid #1cbdd6; -webkit-border-radius: 48px; -moz-border-radius: 48px; border-radius: 48px; -webkit-box-shadow: 0 0 4px #1cbdd6, 0 0 10px #1cbdd6 inset; -moz-box-shadow: 0 0 4px #1cbdd6, 0 0 10px #1cbdd6 inset; box-shadow: 0 0 4px #1cbdd6, 0 0 10px #1cbdd6 inset; opacity: .12; filter: alpha(opacity=0); -webkit-animation: warn 2s ease-out both; -moz-animation: warn 2s ease-out both; -o-animation: warn 2s ease-out both; animation: warn 2s ease-out both; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; background: 0 0 } .area-box .delay-01 { -webkit-animation-delay: 0; -moz-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0 } .area-box .delay-02 { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s } .area-box .delay-03 { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s } .area-box .delay-04 { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s } .area-box .delay-05 { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -o-animation-delay: 1.6s; animation-delay: 1.6s } .area-box .delay-06 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s } .area-box .delay-07 { -webkit-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -o-animation-delay: 2.4s; animation-delay: 2.4s } .area-box .delay-08 { -webkit-animation-delay: -.4s; -moz-animation-delay: -.4s; -o-animation-delay: -.4s; animation-delay: -.4s } .area-box .delay-09 { -webkit-animation-delay: -.8s; -moz-animation-delay: -.8s; -o-animation-delay: -.8s; animation-delay: -.8s } .area-box .delay-10 { -webkit-animation-delay: -1.2s; -moz-animation-delay: -1.2s; -o-animation-delay: -1.2s; animation-delay: -1.2s } .area-box .delay-11 { -webkit-animation-delay: 4s; -moz-animation-delay: 4s; -o-animation-delay: 4s; animation-delay: 4s } .show-regin { position: absolute; left: 2px; height: 0; top: 0; width: 11px; opacity: 0; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .online-node .show-regin, .region-list:hover .show-regin, .underline-node .show-regin{ height: 127px; opacity: 1 } .show-regin span { width: 70px; position: absolute; left: -40px; top: -11px; padding: 6px 10px; font-size: 14px; color: #666; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; white-space: nowrap; } .area-box { z-index: 77 } .show-regin { z-index: 66 } .region-list.active .show-regin span { position: relative; color: #666; } .postition-1 { left: 302px; top: 308px } .postition-2 { left: 401px; top: 403px } .postition-3 { left: 475px; top: 516px } .postition-4 { left: 473px; top: 348px } .postition-5 { left: 526px; top: 389px } .postition-6 { left: 576px; top: 515px } .postition-7 { left: 652px; top: 200px } .postition-7.region-list.active .area-box .pulse { top: -50px; left: -50px; width: 110px; height: 110px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .postition-8 { left: 530px; top: 454px; } .postition-9 { left: 640px; top: 349px; } .postition-9.region-list.active .area-box .pulse { top: -50px; left: -50px; width: 110px; height: 110px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .postition-10 { left: 571px; top: 270px } .postition-12 { left: 691px; top: 105px } .postition-11 { left: 604px; top: 310px } .postition-13 { left: 470px; top: 250px } .postition-14 { left: 510px; top: 596px } .postition-15 { left: 192px; top: 198px } .postition-16 { left: 232px; top: 398px } .postition-17 { left: 616px; top: 384px } .postition-18 { left: 691px; top: 155px } .postition-19 { left: 601px; top: 261px } .postition-20 { left: 591px; top: 241px } .postition-21 { left: 530px; top: 300px } .postition-22 { left: 554px; top: 350px } .postition-23 { left: 600px; top: 454px; } .postition-24 { left: 640px; top: 474px; } .postition-25 { left: 660px; top: 414px; } .postition-26 { left: 670px; top: 384px; } .postition-27 { left: 460px; top: 464px; } .postition-28 { left: 400px; top: 494px; } .postition-29 { left: 481px; top: 423px } .postition-30 { left: 402px; top: 308px } .postition-31 { left: 451px; top: 290px } .postition-32 { left: 676px; top: 515px } .postition-33 { left: 550px; top: 550px } .postition-34 { left: 576px; top: 540px } .douhao { width: 0 } /* 固定导航 */ .toolbars{ position: fixed; top: 22%; right: 0; height: 100%; width: 0; background-color: #7a6e6e; z-index:2; } .toolbars>ul{ position:absolute; top: 50%; right: 0; transform: translate(0,-40%); z-index: 3; } .toolbars>ul>li{ width: 49px; height: 49px; margin-bottom: 5px; background-color: #bfbfbf; position: relative; cursor: pointer; } .toolbars ul li a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative; } .toolbars ul li a.toolbars-ico img{ width: 25px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .toolbars ul li.tel a.toolbars-ico img{ width: 22px; } .toolbars ul li.top a.toolbars-ico img{ width: 22px; } .toolbars .flex{ position: absolute; top: 0; overflow: hidden; height: 48px; background-color: #2666DD; color: #fff; z-index: -1; } .toolbars ul li.code:hover, .toolbars ul li.top:hover{ background-color: #2666DD; } .toolbars ul li.code .flex span{ font-size: 14px; line-height: 20px; width: 100%; background-color: #fff; color: #000000; display: block; position: absolute; top: 105px; text-align: center; } .toolbars ul li.code:hover .flex{ display: block; position: absolute; top: -30px; right: 60px; width: 115px; height: 130px; box-shadow: 0 0 6px rgba(0,0,0,.16); background-color: #fff; } .toolbars ul li.code:hover .flex img{ width: 108px; height: 108px; position: absolute; top:2px; left: 0; right: 0; margin: auto; } .toolbars .tel .flex{ position: absolute; top: 0; right: 49px; width: 0; overflow: hidden; height: 49px; background-color: #2666DD; text-align: center; color: #fff; z-index: -1; transition: width .3s; } .toolbars .liuyan .flex{ position: absolute; top: 0; right: 49px; width: 0; overflow: hidden; height: 49px; background-color: #2666DD; text-align: center; color: #fff; z-index: -1; transition: width .3s; } /*鼠标悬浮后的效果*/ .toolbars ul li.tel:hover{ background-color: #2666DD; } .toolbars ul li.tel .flex li{ height: 22px; line-height: 22px; font-size: 14px; background-color: #2666DD; width: 60px; cursor: pointer; } .toolbars ul li.liuyan .flex li{ height: 22px; line-height: 22px; font-size: 14px; background-color: #2666DD; width: 60px; cursor: pointer; } .toolbars ul li.tel .flex img{ display: block; width: 22px; position: absolute; left: 20px; top:14px; } .toolbars ul li.liuyan .flex img{ display: block; width: 22px; position: absolute; left: 20px; top:14px; } .toolbars ul li.tel .flex ul{ display: block; height: 45px; width: 60px; float: left; margin: 0; padding: 2px 0; position: absolute; top: 0; left: 20px; } .toolbars ul li.liuyan .flex ul{ display: block; height: 45px; width: 60px; float: left; margin: 0; padding: 2px 0; position: absolute; top: 0; left: 20px; } .toolbars ul li.tel:hover .flex{ width: 110px; background-color: #2666DD; z-index: 2; } .toolbars ul li.liuyan:hover .flex{ width: 110px; background-color: #2666DD; z-index: 2; } .toolbars ul li.zxzx:hover{ background-color: #2666DD; } .toolbars ul li.zxzx:hover .flex{ width: 145px; background-color: #2666DD; z-index: 2; } .toolbars ul li.tel .flex li:hover{ text-decoration: underline; } .toolbars .zxzx .flex{ position: absolute; top: 0; right: 49px; width: 0; overflow: hidden; height: 49px; background-color: #2666DD; text-align: center; color: #fff; z-index: -1; transition: width .3s; } .company_map{ position: relative; } .info_item{ width: 230px; height: 80px; background: url(../images/index_new_banner/acstrengcca_bg.jpg) no-repeat; background-color: #fff; padding: 15px; color: #666; font-size: 18px; line-height: 30px; -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px rgba(0,0,0,0.2); position: absolute; z-index: 1; transition: all 0.5; } .experience{ top: -51px; left: 222px; } .experience_h{ position: absolute; width: 276px; height: 1px; background-color: #97bcff; left: 300px; top: 55px; } .experience_h::before{ content: ""; position: absolute; left: 0; top: -8px; width: 15px; height: 15px; border-radius: 50%; display: block; z-index: 2; background-image: linear-gradient(#0236ac,#0975cd); } .experience_s{ position: absolute; width: 1px; height: 298px; background-color: #97bcff; top: 56px; left: 575px; } .users{ top: 130px; /*right: -120px;*/ right: -60px; } .users_h{ position: absolute; width: 278px; height: 1px; background-color: #97bcff; right: 153px; top: 177px; } .users_s::before{ content: ""; position: absolute; left: -7px; top: -8px; width: 15px; height: 15px; border-radius: 50%; display: block; z-index: 2; background-image: linear-gradient(#0236ac,#0975cd); } .users_s{ position: absolute; width: 1px; height: 43px; background-color: #97bcff; top: 135px; left:106px; } .qualifications{ bottom: 20px; right: 3px; } .qualifications_s::before{ content: ""; position: absolute; left: -7px; top: 145px; width: 15px; height: 15px; border-radius: 50%; display: block; z-index: 2; background-image: linear-gradient(#0236ac,#0975cd); } .qualifications_s{ position: absolute; width: 1px; height: 150px; background-color: #97bcff; top: -180px; left: 144px } .staff{ bottom: 60px; left: 25px; } .staff_h{ position: absolute; width: 585px; height: 1px; background-color: #97bcff; left: 184px; bottom: 265px; } .staff_s::after{ content: ""; position: absolute; left: -6px; bottom: -11px; width: 15px; height: 15px; border-radius: 50%; display: block; z-index: 2; background-image: linear-gradient(#0236ac,#0975cd); } .staff_s{ position: absolute; width: 1px; height: 109px; background-color: #97bcff; bottom: 156px; right: 75px; } .info_item img{ width: 80px; height: auto; float: left; } .info_item .info{ margin-top: 15px; } .info_item .info .info_num{ font-size: 22px; color: #000000; } .info_item .info span{ display: block; width: 145px; float: left; } .info_item .info span i{ font-style: normal; font-size: 36px; color: #2666DD; } /* 查看更多案例按钮 */ .case_more_btn{ height:42px; width: 140px; font-size: 16px; color: #2666DD; border: 1px solid #2666DD; display: block; margin: 30px auto 0 auto; background-color: rgba(0,0,0,0); cursor: pointer; border-radius: 2px; } .case_more_btn:hover{ color: #fff; background-color: #2666DD; } /* 额外样式 */ .zxzx{ display:none !important; } .toolbars>ul{ top: 35.3% !important; height: 160px; } .toolbars ul li.code:hover .flex{ top: 0px; } /* 行业案例下面的二级页面/三级页面 在浏览器中看以下样式是写在index_banner.css中*/ main{ margin-bottom: 0; padding-bottom: 30px; /*background-color: #F0F8FF;*/ } footer{ margin-top: 0; } .content_box a{ display: block; width: 230px; height: 74px; margin: 0 15px 20px 0; float: left; box-shadow: 0 0 10px rgb(0 0 0 / 7%); } .content_box a img{ width: 100%; height: 100%; } /* 链接字体 鼠标效果颜色*/ .font_col_hover:hover{ color: #2666DD !important; } /*市场销售 典型客户样式*/ td #gx,#zzjszxx,#jyjzgdw,#cz,#zybw,#gasf,#qy,#ylws,#qt { padding-top:100px; } .et2 a strong:hover{ color: #2666DD !important; } .et2 a span:hover{ color: #2666DD !important; } /*@media screen and (max-width: 1440px) { .content_wrapper_title { position:relative; top:-10px; margin-top:-125px !important; } .content_wrapper { position:relative; top:-10px; } .product_focus .product_box3 { height: 407px !important; width: 100%; position: relative; margin-top: 70px; overflow-x: hidden; } .product_focus .product_box3 img { height:100% !important; width:auto !important; } }*/ header>div>div { width:1340px !important; height:70px !important; } .headerlogo_new { float:left; height:70px !important; /*position: initial !important;*/ position:relative; width:395px !important; } #page_header { width:930px !important; float:left; height:70px !important; } #navigation_menu { width:110% !important; height:70px !important; top:0 !important; position: initial !important; } ul#navigation_menu li.topmenu { width:130px !important; height:70px !important; } ul#navigation_menu li.topmenu:nth-child(1) { width:100px !important; } @media screen and (max-width: 1440px) { .product_content2 { top:80px; } }