.w-r{ width: 1150px; margin: auto; } .w-b{ width: 100%; } .banner{ position: relative; } .top_txt{ position: absolute; bottom: 20px; width: 100%; } .txt_con{ width: 65%; } .txt_con p{ font-size: 18px; color: #fff; padding-top: 20px; } .color_a{ color: #e12726; } .txt_con p a{ display: inline-block; padding-bottom: 2px; border-bottom: 1px solid #e12726; } .nav_con{ background-image: linear-gradient(to right, #fff 50% , #a3d8ff 50%); z-index: 99; } .nav_list{ display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #fff; } .nav_list p{ width: calc(100% / 7); text-align: center; padding: 10px 0; } .nav_list a{ display: block; width: 100%; border-right: 1px solid #180956; font-size: 16px; color: #180956; } .nav_list p:last-child a{ border-right:none; } .nav_list p:hover,.nav_active{ background-color: #68b649; } .nav_list p:hover a,.nav_active a{ color: #fff; } .nav_fix{ position: fixed; top: 0; width: 100%; } .menu{ position: fixed; top: 0; width: 100%; padding: 15px 5px; z-index: 99; display: none; } .top_menu_list{ position: absolute; right: 0; top: 100%; width: 150px; padding: 12px 0; background-color: #180956; } .top_menu_list a{ display: block; line-height: 32px; color: #fff; font-size: 14px; text-align: center; } .menu_list_active{ background-color: #2b5710; } .top_menu_icon{ float: right; color: #6ab939; display: inline-block; width: 26px; height: 19px; padding: 5px 0; border-top: 3px solid #6ab939; border-bottom: 3px solid #6ab939; background-color: currentcolor; background-clip: content-box; margin-right: 5px; /*margin-top: 10px;*/ /*display: none;*/ } .title_img{ padding: 120px 0 50px; } .title_img img{ margin: auto; } .clear_rx{ zoom: 1 } .clear_rx:after{ content: ""; display: block; clear: both; } .zongshu_con{ position: relative; font-size: 0; display: flex; flex-direction: row-reverse; align-items: flex-end; margin-top: 8%; } .bg_img{ position: absolute; top: -15%; left: 20%; } .right_zongshu{ width: 50%; z-index: 2; } .left_zongshu{ width: 50%; } .bps_txt{ height: 320px; background-color: #180956; z-index: 2; position: relative; padding: 60px 80px 0 100px; } .icon1_img{ position: absolute; left: 5%; top: 5%; } .bps_txt h6{ position: relative; padding-right: 8%; } .bps_txt h6 span{ font-size: 20px; color: #fff; padding-bottom: 2px; border-bottom: 1px solid #ff0000; } .jiedu_item .text-shenglue-duo{ -webkit-line-clamp: 5; } .icon2_img{ position: absolute; right: 0; top: 0; } .bps_txt p{ margin-top:20px ; font-size: 16px; color: #a8bae3; } .jiedu_con{ margin-top: 36px; font-size: 0; position: relative; } .jiedu_left,.jiedu_right{ width: 50%; display: inline-block; vertical-align: top; } .jiedu_left{ background-color: #9b60a4; } .jiedu_con .bps_txt{ height: 340px; } .icon2_img{ width: 35px; float: right; transform: rotate(180deg); } .color_box{ position: absolute; width: 57px; height: 100px; background-color: #ddd; left: 50%; bottom: 5%; } .jiedu_right .swiper-container{ width: 100%; height: 100%; } .pre_img,.next_img{ position: absolute; right: 40px; cursor: pointer; outline: none; border:none; } .pre_img{ top: 5%; } .next_img{ bottom: 5%; } .jiedu_right.bps_txt{ padding: 75px 40px 50px 30px; } .hangye_bps{ background-color: #180956; position: relative; padding-bottom: 50px; } .tips_title{ font-size: 100px; color: #d3ecff; opacity: 0.3; writing-mode:vertical-lr; position: absolute; left: 5%; white-space: nowrap; /*float: left; margin-left: 5%;*/ } .bps_con{ font-size: 0; width: 78%; margin-left: 16%; overflow: hidden; } .bps_left,.bps_right{ display: inline-block; vertical-align: top; } .bps_right{ width: 50%; padding: 70px 0 0 60px; } .bps_right p{ font-size: 18px; color: #d3ecff; margin-top: 20%; } .bps_right span{ font-size: 16px; color: #d3ecff; display: block; background-color: #0f0245; padding: 5px 10px; } .bps_right a{ float: right; margin-top: 10%; } .bps_right a img,.bps_right a span{ display: inline-block; vertical-align: middle; } .bps_right img{ margin-right: 5px; } .bps_right a span{ font-size: 28px; color: #d40000; background-color: inherit; } .thumbs_list{ width: 40%; margin-left: 60%; font-size: 0; overflow: hidden; margin-top: 20px; } .thumbs_item{ margin-right: 10px; display: inline-block; width: auto; width: 20%; } .thumbs_list .swiper-slide-active p{ top: -100%; } .thumbs_item p{ position: absolute; width: 66px; height: 94px; padding-top: 36px; text-align: center; top: 0; font-size: 16px; color: #fff; background-color: rgba(0,0,0,0.5); } .item_p p{ padding-top: 26px; } .call_con{ margin-top: 120px; background:url(/uploads/image/sis/199/tit_bg.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 60px; } .call_con .title_img{ padding-top: 80px; } .call_txt{ font-size: 20px; color: #fff; text-align: center; } .cio_list{ display: flex; justify-content:space-between; } .list_mt1{ margin-top: 50px; } .list_mt2{ margin: 60px 0; } .cio_item{ position: relative; transition: all 0.4s ease; } .cio_item:hover{ margin-top:-10px; } .list_txt{ position: absolute; top:64px; width: 100%; padding: 10% 0 0 38px; color: #fff; } .list_txt1{ padding: 10% 0 0 102px; } .list_txt p{ font-size: 20px; color: #fff; } .list_txt span{ display: block; font-size: 16px; line-height: 1.2; } .jisuan_con{ background-color: #180956; padding-bottom: 90px; } .jisuan_con .title_img{ padding: 80px 0 60px; } .list_jisuan{ display: flex; flex-wrap: wrap; justify-content:space-between; } .jisuan_item{ width: 48%; margin-bottom: 20px; height: 65px; } /*.jisuan_more{ display: none; }*/ .clearfix-left{ border: 1px solid #5c0000; height: 65px; width: 65px; padding: 4px 0; } .clearfix-left p{ color: #fff; font-size: 18px; } .clearfix-left span{ font-size: 16px; color: #fff; display: block; } .clearfix-left img{ margin:auto; } .clearfix-right { display: table-cell; padding-left: 15px; } .clearfix-right p{ font-size: 18px; margin-bottom: 15px; /*padding-top: 5px;*/ } .clearfix-right p a{ color: #fff; -webkit-line-clamp: 2; } .jisuan_item:hover .clearfix-left{ border: 1px solid #d40000; background-color: #d40000; } .jisuan_item:hover .clearfix-right p a{ color: #d40000; } .more_btn{ display: block; width: 208px; border:1px solid #fff; margin:42px auto 0; text-align: center; color: #fff; font-size: 20px; height: 50px; line-height: 43px; cursor: pointer; } .more_btn:hover{ border: 1px solid #d40000; background-color: #d40000; } .more_btn img,.more_btn span{ display: inline-block; vertical-align: middle; } .more_btn span{ line-height: 1; } .more_btn img{ margin-left: 5px; } /*案例*/ .anlist_list{ height: 391px; position: relative; } .list_btn{ width: 40px; height: 100%; border:1px solid #d40000; display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer; } .list_btn img{ margin: auto; } .prev_btn{left: 0;} .next_btn{right: 0;} .next_btn img{ transform: rotate(180deg); } .item_con{ width: calc(100% - 100px); margin:auto; height: 100%; font-size: 0; } .list_item{ padding-top: 90px; width: 24.99%; height: 100%; position: relative; display: inline-block; } .list_item p{ font-size: 18px; color: #a2a0b9; padding: 0 2%; text-align: center; height: 82px; } .list_item hr{ display: block; background-color: #d40000; height: 1px; width: 40%; border:none; margin: 24px auto; } .list_item a{ display: block; text-align: center; font-size: 14px; color: #fff; } .list_item img{ position: absolute; bottom: -100%; transition: all 0.4s ease; } .list_item.swiper-slide{ width: 24.99%; } .anlist_color1{ background-image: linear-gradient(-67deg, #2a36a4 , #2a3393); } .anlist_color2{ background-image: linear-gradient(-67deg, #2b2685 , #2d2a69); } .list_item:hover{ background-image: linear-gradient(-67deg, #503059 , #180956); } .list_item:hover .anli_img{ bottom: 0; } .ry_item{ border-bottom: 1px dashed #748db7; font-size: 0; } .ry_left{ width: 10%; padding: 25px 0; vertical-align: middle; z-index: 2; border-bottom: 1px solid transparent; } .ry_left img{ margin: auto; } .img_hover{ display: none; } .ry_right{ width: 90%; vertical-align: middle; } .ry_right p{ font-size: 18px; color: #010101; -webkit-line-clamp: 2; } .ry_item:hover .ry_left{ border-bottom: 1px solid #da0000; } .ry_item:hover .img_hover{ display: block; } .ry_item:hover .jiantou_img{ display: none; } .ry_list{ box-shadow: 0px 0px 10px #cfcfcf; padding: 50px 0; } .rongyu_scroll{overflow: hidden; height: 510px; overflow-y: scroll; padding: 0 30px; } .rongyu_scroll::-webkit-scrollbar{ width:5px; background-color: #fff; } .rongyu_scroll::-webkit-scrollbar-thumb{ background-color: #f2a6a6; border-radius: 20px; } .about_con{ margin-top: 80px; padding: 80px 0 120px; background-color: #ededed; font-size: 0; } .txt_left,.img_right{ display: inline-block; } .txt_left{ width: 60%; } .img_right{ width: 40%; float: right; } .txt_left p{ font-size: 16px; color: #010101; text-indent: 2em; } .img_right img{ float: right; } .fot_con{ height: 70px; background: #180956; line-height: 70px; color: #ffffff; font-size: 16px; text-align: center; } .fot_con a{color: #fff;} .ewm_con{ width: 12%; padding: 15px 12px; background-color: #180956; border-radius: 5px; position: fixed; right: 10px; top: 30%; z-index: 99; } .ewm_con img{ width: 100%; } .ewm_con i{ width: 20px; height: 20px; line-height: 20px; border-radius: 50%; font-style: normal; font-size: 18px; color: #fff; text-align: center; background-color: #180956; position: absolute; right: -6px; bottom: -8px; cursor: pointer; } @media screen and (max-width: 1150px) { .w-r{ width: 100%; padding: 0 20px; } .txt_con p{ font-size: 16px; } .bps_left{ width: 48%; } .bps_left img{ width: 100%; } .bps_txt{ padding: 60px 60px 0 60px; } } @media screen and (max-width: 1000px) { .title_img{ padding: 10% 0 6%; } .call_con{margin-top: 10%;} .call_con .title_img{padding-top: 6%;} .about_con{ padding: 6% 0 10%; } .jisuan_con .title_img{ padding: 6% 0; } .txt_con p { font-size: 14px; padding-top: 6px; } .top_txt{ bottom: 8px; } .icon1_img,.icon2_img{ width: 30px; } .bps_right p{ font-size: 18px; } .bps_right a span{ font-size: 20px; } .bps_right a img{ width: 20px; margin-right: 0; } .bps_txt{ height: 290px; } .img_right{ width: 30%; } .img_right img{ width: 100%; } .cio_item{ width: 28%; } .cio_list .cio_item:nth-child(1){ width: 35%; } .cio_item img{ width: 100%; } .clearfix-right p{ font-size: 18px; padding-top: 5px; } .txt_left,.img_right{ width: 100%; } .img_right{ float: inherit; margin-top: 5%; } .img_right img{ float: inherit; width: 50%; margin: auto; } .bps_txt p{ font-size: 14px; } .bps_txt h6 span{ font-size: 18px; } } @media screen and (max-width: 900px) { .bps_right{ padding: 8% 0 0 8%; } .tips_title{ font-size: 80px; } .list_txt{ padding: 4% 0 0 26px; } .list_txt1{ padding: 4% 0 0 28%; } .ewm_con{ width: 15%; } .bps_txt { padding: 40px 20px 0 36px; } .icon1_img{ left: 2%; top: 4%; } .bps_txt p{ margin-top: 15px; } } @media screen and (max-width: 800px) { .txt_con { width: 80%; } .call_txt{ font-size: 18px; } .list_txt{ top: 55px; } .list_txt { padding: 4% 0 0 15px; } .list_txt1 { padding: 4% 0 0 26%; } .list_txt p{ font-size: 18px; } .list_txt span{ font-size: 14px; } } @media screen and (max-width: 768px) { .bg_img{ display: none; } .zongshu_con{ display: inherit; margin-top: 0; } .left_zongshu,.right_zongshu,.jiedu_left,.jiedu_right{ width: 100%; } .jisuan_item{ width: 100%; } .list_item.swiper-slide{ width: 50%; } .tips_title{ left: 2%; font-size: 60px; } .bps_left{ width: 36%; } .bps_right{ width: 60%; } .bps_right p{ margin-top: 5%; } .bps_right span{ font-size: 14px; } .bps_right p { font-size: 16px; } .thumbs_list{ margin-top: 20px; width: 100%; margin-left: 0; } .ry_left img{ width: 40px; } .ry_right p{ font-size: 16px; } .ewm_con{ width: 18%; padding: 12px 8px; left: 0; top:28%; } .ewm_con i{ font-size: 14px; } .jisuan_con{ padding-bottom: 8%; } .clearfix-left p{ font-size: 16px; } .clearfix-left span{ font-size: 14px; } .clearfix-right p{ font-size: 16px; } .list_txt{ top: 48px; } .title_img{ padding: 12% 0 8%; } .call_con{margin-top: 12%;} .call_con .title_img{padding-top: 8%;} .about_con{ padding: 8% 0 12%; } .jisuan_con .title_img{ padding: 8% 0; } .more_btn{ height: 45px; line-height: 36px; } .bps_txt p{ font-size: 18px; } } @media screen and (max-width: 640px) { .title_img img{ width: 50%; } .ry_right p { font-size: 14px; } .ry_left,.ry_right{ padding: 10px 0; } .list_txt { top: 23%; padding: 0 0 0 6%; } .list_txt1{ padding: 0 0 0 25%; } .list_txt p{ font-size: 16px; } .list_txt span{ font-size: 14px; } .list_mt2{ margin-top: 6%; } .clearfix-right p{ font-size: 16px; } .more_btn{ width: 180px; font-size: 16px; } .list_item p{ font-size: 16px; } .ry_left{width: 15%;} .ry_right{width: 85%;} .ry_list{ padding: 5% 0; } .list_btn{ width: 30px; } .list_btn img{ width: 50%; } .item_con{ width: calc(100% - 60px); } .call_txt { font-size: 16px; } .bps_right span{ display: none; } .bps_right p { font-size: 14px; } .bps_right a span { font-size: 16px; } .bps_con{ width: 86%; margin-left: 14%; } .bps_right { width: 57%; } .bps_left { width: 41%; } .bps_txt{ height: auto; } .bps_txt { padding: 8% 40px 40px 50px; } .jiedu_right.bps_txt { padding: 15% 20px 45px 20px; } .icon1_img,.icon2_img{ width: 26px; } .jiedu_con .bps_txt { height: 299px; } .bps_txt p{ margin-top: 10px; } .bps_txt p{ font-size: 14px; } .bps_txt h6 span{ font-size: 16px; } .fot_con{ height: 40px; line-height: 40px; font-size: 14px; } .anlist_list{ height: 300px; } .list_item{ padding-top: 8%; } .list_item hr{ margin: 8% auto 10%; } .list_txt{ display: none; } .call_txt{ text-align: left; } .ry_item:hover .ry_left{ border-bottom: 1px solid transparent; } .title_img{ padding: 15% 0 10%; } .call_con{margin-top: 15%;} .call_con .title_img{padding: 8% 0;} .about_con{ padding: 10% 0 15%; } .jisuan_con .title_img{ padding: 10% 0; } .bps_right { padding: 3% 0 0 5%; } .hangye_bps{ padding-bottom: 8%; } .call_con{ padding-bottom: 10%; } .bps_txt h6{ padding-right: 12%; } } @media screen and (max-width:500px) { .list_txt p{ font-size: 14px; } .list_txt span{ font-size: 12px; } .tips_title{ font-size: 36px; } .bps_con{ margin-left: 12%; } .img_right img{ width: 80%; } .txt_con { width: 100%; } .top_txt{ position: unset; background-color:#fff; padding-top: 20px; } .top_txt p{color: #180956;} .ewm_con{ width: 22%; } .list_item p{ font-size: 14px; } .anlist_list { height: 280px; } .menu{ padding: 8px 5px; } .bps_txt { padding: 8% 20px 40px 30px; } .more_btn{ margin: 20px auto 0; } .tips_title{ left: 0; } .thumbs_list{ margin-top: 10px; } } @media screen and (max-width: 420px) { .tips_title { font-size: 32px; left: -6px; } .bps_con { margin-left: 10%; } .bps_right p { font-size: 12px; } .bps_right { padding: 2% 0 0 5%; } .list_item p { font-size: 14px; } .jiedu_right.bps_txt{ padding: 18% 20px 46px 20px; } } @media screen and (max-width: 400px) { .cio_con .w-r{ padding: 0; } .cio_list .cio_item:nth-child(1) { width: 38%; } .cio_item { width: 30%; } .ry_left img{ width: 80%; margin: inherit; } .list_item p,.list_item a{ font-size: 12px; } .anlist_list { height: 246px; } }