html, body { font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: 1px; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } @media print { .no-print, .no-print * { display: none !important; } } .padding-right-80 { padding-right: 80px; } .position-relative { position: relative; } .text-justify, .text-justify p { text-align: justify !important; } .text-right { text-align: right; } .text-left { text-align: left; } /*元素过度效果*/ ::-webkit-scrollbar { width: 10px; /*滚动条宽度*/ height: 10px /*滚动条高度*/ } .text-center { text-align: center; } .bg-hui { background: #f9f9f9; } #flip_index_line1 .swiper-slide .flip_index_line1_item_img { width: 100%; height: 100%; position: absolute; z-index: 0; } #flip_index_line1 .swiper-slide-active { background-image: linear-gradient(180deg, rgba(2, 53, 107, .5) 19%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, .3) 80%, rgba(0, 0, 0, .7) 92%); } #flip_index_line1 .swiper-slide-active .flip_index_line1_item_img { background-position: center; background-image: linear-gradient(180deg, rgba(2, 53, 107, .5) 19%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, .3) 80%, rgba(0, 0, 0, .7) 92%); animation: fade-size infinite; animation-duration: 10s; -webkit-animation: fade-size 10s infinite; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } #flip_index_line1 .swiper-slide::before { bottom: 0; height: 1px; top: auto; background: #1f63ff; } @keyframes fade-size { 0% { background-size: 105%; filter: blur(30px); } 5% { background-size: 100%; filter: blur(0px); } /*过渡状态 透明度为0*/ 100% { background-size: 105%; } } @keyframes fade-banner { 0% { left: -100%; opacity: 0; } 50% { left: -100%; opacity: 0.3; } /*过渡状态 透明度为0*/ 100% { left: 0; opacity: 1; } } @-webkit-keyframes fade-size { 0% { background-size: 100%; } 50% { background-size: 110%; } /*过渡状态 透明度为0*/ 100% { background-size: 100%; } } @keyframes fade-ld { 0% { left: 0; } 100% { left: 100%; } } @-webkit-keyframes fade-size { 0% { left: 0; } 100% { left: 100%; } } .displaynone { display: none !important; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { /*滚动条的背景区域的内阴影*/ box-shadow: 0px; /*滚动条的背景区域的圆角*/ border-radius: 0px; /*滚动条的背景颜色*/ background-color: #e5e5e5; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { /*滚动条的内阴影*/ box-shadow: 0px; /*滚动条的圆角*/ /*滚动条的背景颜色*/ background-color: #1546b5; } ::selection { color: #fff; background: #1546b5; } .art_anli_info p::-webkit-scrollbar { width: 2px; /*滚动条宽度*/ height: 2px /*滚动条高度*/ } /*定义滚动条轨道 内阴影+圆角*/ .art_anli_info p::-webkit-scrollbar-track { /*滚动条的背景区域的内阴影*/ box-shadow: 0px; /*滚动条的背景区域的圆角*/ border-radius: 0px; /*滚动条的背景颜色*/ background-color: #EEEEEE; } .swiper-pagination-bullet { background: #FFFFFF; opacity: .8 !important; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .swiper-pagination-bullet-active { background: #1546b5 !important; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } #menu { margin: 0; padding: 0; list-style-type: none; z-index: 70; } .scaleimg:hover img { transform: scale(1.1); -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; } .scaleimg img { transform: scale(1); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .pub_mid_video{ max-width: 1244px; } @media screen and (min-width: 1400px) { .pub_mid { max-width: 1400px; } .pub_mid_big { max-width: 94%; } .fp-tableCell { /* padding-top: 60px; */ } } .pub_width_90 { width: 90%; } @media screen and (max-width: 1679px) { .index_line4 .text { font-size: 16px !important; line-height: 26px !important; } } @media screen and (max-width: 1439px) { .index_line4 .text { font-size: 14px !important; line-height: 20px !important; } .index_dangjian .index_dangjian_box_left_box p { font-size: 15px; } } @media screen and (max-width: 1399px) { .pub_mid { max-width: 1300px; padding: 0 50px; } .pub_mid_big { max-width: 1300px; padding: 0 50px; } .index_line4 .text { font-size: 13px !important; line-height: 20px !important; } .index_pub_tit { display: none; } .chanye_body { margin-top: 50px; } .index_line3 { height: 76%; margin: 17% 0; /* padding-top: 80px; */ margin-top: 22%; } .chanye_left_text h4 { font-size: 1rem; } .pub_mid_chanye { max-width: 1500px; padding: 0 50px; } .table { height: 468px; } .index_line3 { margin-top: 23% !important; } .index_line3_right .index_line3_right_li .index_line3_box_txt_line_com { margin-top: 10px !important; } .index_line3 .index_line3_box .index_line3_box_txt .index_line3_box_txt_line_com .index_line3_box_txt_line_com_more { margin-top: 15px !important; } .index_line3 .index_line3_right_li:hover .index_line3_box_txt_ico { margin-top: -24% !important; } .index_line3 .index_line3_box .index_line3_box_txt .index_line3_box_txt_line_com .index_line3_box_txt_line_com_li { display: block; letter-spacing: 0; margin-top: 12px; } } .pub_mid_chanye { position: relative; max-width: 1500px; } .pub_mid2 { max-width: 1430px; } .index_line3 .index_pub_tit { margin-bottom: 30px; } @keyframes fade-in { 0% { margin-top: 30px; opacity: 0; } /*初始状态 透明度为0*/ 40% { margin-top: 15px; opacity: .5; } /*过渡状态 透明度为0*/ 100% { margin-top: 0; opacity: 1; } /*结束状态 透明度为1*/ } @-webkit-keyframes fade-in { /*针对webkit内核*/ 0% { margin-top: 30px; opacity: 0; } 40% { margin-top: 15px; opacity: .5; } 100% { margin-top: 0px; opacity: 1; } } @-webkit-keyframes fade-in-ld { /*针对webkit内核*/ 0% { margin-top: 60px; opacity: 0; } 100% { margin-top: 20px; opacity: 1; } } .pub_xiangxia img { width: 40px; } .pub_xiangxia { cursor: pointer; display: block; width: 150px; height: 50px; font-size: 14px; font-weight: 100; z-index: 300; color: #FFFFFF; position: absolute; bottom: 50px; left: 50%; margin-left: -75px; background: none !important; } .pub_xiangxia p { margin-bottom: 0; } @keyframes movepoint { from { bottom: 50px } to { bottom: 30px } } .shade-button-point { animation: movepoint 2s infinite; -webkit-animation: movepoint 2s infinite; } #menu li { float: left; margin: 0 10px 0 0; font-size: 14px; } #menu a { float: left; padding: 10px 20px; background-color: #fff; color: #333; text-decoration: none; } #menu .active a { color: #fff; background-color: #333; } #fp-nav ul li a span { background: #5fd0f4; } #flip_index_line1 .swiper-pagination-index1{ position: absolute; bottom: 100px; width: 100%; z-index: 1; } #flip_index_line1 .flip-prev, #flip_index_line1 .flip-next { display: none !important; } #fullpage { /*width: 95%; float: right;*/ } .pub_nav_fixd .header .active a { color: rgb(0 0 0) !important; } .pub_nav_fixd .header .drop a, .header { color: #000; } .pub_nav_fixd { position: fixed !important; top: 0 !important; z-index: 999999999 !important; transition: all ease-in .3s; height: 60px !important; transition: all ease-in .3s !important; background: #fff; box-shadow: 0 6px 15px rgb(0 0 0 / 8%); border-bottom: none; } .pub_nav_fixd .logo_hei { display: block; } .pub_nav_fixd .logo_bai { display: none; } .pub_nav_fixd .dropdown .nav { background: #fff; } .pub_nav_fixd .dropdown li a:hover { background: #f1f1f1; } .pub_nav_fixd .header:hover { background: none !important; } .pub_nav_fixd .drop a { line-height: 60px !important; transition: all ease-in .3s !important; } .pub_nav_fixd .logo img { margin: 10px 0 !important; transition: all ease-in .3s !important; width: auto !important; height: 40px !important; } .pub_nav .nav-block .drop { padding: 0 14px; text-align: center; transition: all ease-in .3s !important; } .header_box { width: 94%; margin: auto; } @media screen and (max-width: 1275px) { .pub_nav .nav-block .drop { display: none; } } .pub_nav .nav-block .drop:hover { transition: all ease-in .3s !important; background: rgb(0 0 0 / 5%); ; } @media screen and (min-width: 1440px) { .pub_nav .nav-block .drop { text-align: center; } } .pub_nav .logo img { margin: 20px 0; margin-left: 25px !important; height: 40px; transition: all ease-in .3s !important; } .pub_nav_fixd ul .active:before { bottom: 13px; width: 30%; background: #1546b5; left: 35%; transition: all ease-in .3s !important; } .pub_nav .active::before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 3px; width: 100%; background: #1546b5; transition: all ease-in .3s !important; } .pub_nav .active { background: rgb(0 0 0 / 5%); position: relative; } .pub_nav .logo { text-align: left; } .nav-open { background: url(../img/close.png) no-repeat; transition: all ease-in .3s; } .nav-open li { display: none; transition: all ease-in .3s; } .nav.nav-switch { position: relative; width: 3em !important; height: 2em !important; } .pub_nav { width: 100%; height: 80px; background: #fff; position: absolute; left: 0; top: 0; z-index: 200; transition: all ease-in .3s !important; } .pub_nav .nav { margin: 36px auto; } .pub_nav .icon-nav:before { border-radius: 0; } .pub_nav .pub_nav_body { height: 100vh; width: 0; } .pub_width { max-width: 94%; margin: auto; } .pub_width_small { max-width: 84%; z-index: 3; height: 70%; position: relative; } .pub_width_min { max-width: 70%; margin: auto; } .text-left { text-align: left; } * { padding: 0px; margin: 0 } body { text-align: center; } .section { /*height: 100vh !important;*/ } .index_pub_tit_left { text-align: left; } .index_pub_tit_center { text-align: center; } .index_pub_tit_center span { margin: auto !important; } .logo_hei { display: none; } /* 头部公共*/ @media screen and (min-width: 1400px) { .header .drop a { transition: all ease-in .3s !important; display: block; letter-spacing: 1px; font-size: 20px; line-height: 80px; position: relative; text-transform: uppercase; }} @media screen and (max-width: 1400px) { .header .drop a { transition: all ease-in .3s !important; display: block; letter-spacing: 1px; font-size: 18px; line-height: 80px; position: relative; text-transform: uppercase; }} @media screen and (max-width: 1300px) { .header .drop a { transition: all ease-in .3s !important; display: block; letter-spacing: 0; font-size: 16px; line-height: 80px; position: relative; text-transform: uppercase; }} .header { position: absolute; top: 0; left: 0; border-bottom: 1px solid rgb(255 255 255 / 39%); } .header .nav-block { text-align: right; } .header .active a { color: #fff; } .header .drop a, .header { color: #333; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .header:hover { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .nav_sousuo { height: 80px; padding: 25px 0; width: 40px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .nav_sousuo:hover { width: 120px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .nav_sousuo form { position: relative; } .nav_sousuo input { position: absolute; right: 0; top: 0; padding-left: 10px; font-size: 14px; line-height: 30px; color: #999; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; background: #f1f1f1; width: 0; opacity: 0; border: none; } .nav_sousuo:hover input { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; background: #f1f1f1; width: 120px; border-radius: 5px; border: 1px solid #eee; opacity: 1; } .nav_sousuo button { position: absolute; top: 7px; font-size: 17px; right: 5px; color: #1546b5; background: none; } /*.dropdown { width: 100% !important; position: fixed !important; left: 0 !important; top: 80px !important; background: #FFFFFF; }*/ .dropdown .nav { margin-top: 0 !important; background: #fff; border-radius: 0 0 5px 5px; box-shadow: 1px 2px 15px 0px rgb(0 0 0 / 23%); } .header_box .drop li a { line-height: 50px !important; padding: 0 10px; font-size: 18px; } .dropdown li a:hover { /* background: #1546b5; */ color: #1546b5; } .drop>.dropdown { min-width: 100% !important; } /* 第一屏开始*/ .index_line1 { height: 100%; z-index: 110 !important; } .index_line1 .flip-item { height: 100%; background-position: center; background-size: cover; } /*.index_line1 .flip_index_line1_item .flip_index_line1_item1_txt h5{ position: relative; font-size: 14px !important; font-weight: 400; }*/ .index_line1 .flip_index_line1_item .flip_index_line1_item1_txt { height: 100%; overflow: hidden; position: relative; } .index_line1 .flip_index_line1_item .flip_index_line1_item1_txt h3 { font-size: 36px !important; font-weight: 400; position: relative; color: #fff; letter-spacing: 2px; } /* .index_line1 .flip_index_line1_item .flip_index_line1_item1_txt h3:before { display: block; content: ''; background: #1546b5; width: 90px; position: absolute; left: 0; height: 3px; bottom: -40px; letter-spacing: 10px; } */ .index_line1 .flip_index_line1_item .flip_index_line1_item1_txt h4 { margin-top: 20px; font-weight: 300 !important; font-size: 16px !important; letter-spacing: 2px; color: #fff; line-height: 1.5; } .index_ban_more_bg { background: url(../img/more_bg2.png) no-repeat; background-position: bottom; height: 30px; margin-top: 30px; width: 213px; background-size: 100%; color: #fff; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; font-weight: 100; font-size: 14px; } .index_ban_line { width: 1px; height: 100%; background: #fff; } .index_ban_more_bg:hover { padding-left: 10px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .flip_index_line1_item1_txt_right { margin-left: 50px; height: 100%; } .flip_index_line1_item1_txt_left { height: 100%; opacity: .7; position: absolute; } .flip_index_line1_item1_txt_info { height: 20%; position: absolute; bottom: 60%; left: 0; width: 100%; margin-bottom: -15%; overflow: hidden; } .index_ban_more { position: absolute; bottom: 0; } .index_line1 video { display: none; } /* 蓝色特例 */ .index_line1 .banner3 h3,.index_line1 .banner3 h4{ color: #1546b5 !important; } .index_line1 .banner3 .index_ban_line{ background: #1546b5 !important; } .index_line1 .banner3 .index_ban_more_bg{ color: #1546b5; background: url(../img/more_bg2_2.png) no-repeat; background-position: bottom; } .index_line1 .banner4 video { display: block !important; } /* 一组切换的样式开始 */ #flip_index_line1 .index_line1_qiehuan { position: absolute; height: 50px; left: 50%; margin-left: -700px; bottom: 45%; width: 100%; } #flip_index_line1 .swiper-pagination { position: absolute; height: 3px; left: 50%; margin-left: -700px; bottom: 10%; text-align: left; width: 100%; } #flip_index_line1 .swiper-pagination .swiper-pagination-bullet, #flip_index_line1 .swiper-pagination .swiper-pagination-bullet span, #flip_index_line1 .swiper-pagination .swiper-pagination-bullet i { width: 30px; height: 2px; margin: 0 5px 0 0 !important; } #flip_index_line1 .swiper-pagination .swiper-pagination-bullet-active, #flip_index_line1 .swiper-pagination .swiper-pagination-bullet-active span, #flip_index_line1 .swiper-pagination .swiper-pagination-bullet-active i { width: 50px !important; } #flip_index_line1 .qiehuan { width: 100%; height: 50px; position: absolute; bottom: 40%; left: 0; } .qiehuan>div { width: 60px; height: 50px; background: rgb(0 0 0 / 20%); -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .qiehuan>div:hover { width: 60px; height: 50px; background: rgb(74 112 198); } .qiehuan>div img { vertical-align: top; margin-top: 12px; } .qiehuan .swiper-button-prev { left: 0; right: 10px; } .qiehuan .swiper-button-prev:hover { padding-right: 5px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .qiehuan .swiper-button-next:hover { padding-left: 5px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .qiehuan .swiper-button-next { right: 0; } /* 一组切换的样式结束 */ .swiper-slide::before { content: ''; left: 0px; top: 81px; width: 100%; height: 4px; background: #1546b5; position: absolute; transform: scaleX(0); transform-origin: left; z-index: 3; transition-timing-function: linear; } .swiper-slide-active::before { animation: middle 8s; } .swiper-pagination-bullet-active i { animation: middle 8s; /*swiper延时的时间*/ } .swiper-pagination-bullet { opacity: 1; margin: 0 6px !important; width: 60px; height: 4px; position: relative; outline: none; vertical-align: middle; } .swiper-pagination-bullet span { width: 60px; height: 4px; background: #fff; display: block; } .swiper-pagination-bullet i { background: #1546b5; height: 4px; width: 60px; position: absolute; top: 0px; transform: scaleX(0); transform-origin: left; z-index: 3; transition-timing-function: linear; } @keyframes middle { 0% { transform: scaleX(0); left: 0px; } /*1091*/ 100% { transform: scaleX(1); left: 0px; } /*0913*/ } /*首页第二批开始*/ .section_new { background: url(../img/new_bg1.jpg?v=22226422222222); } .index_line2 { box-shadow: 0 0 16px rgb(130 150 189 / 40%); position: relative; padding: 30px; background: #fff; height: 670px; } .index_line2_box { overflow: hidden; } .chanye .index_pub_tit_right { position: absolute; left: 20px; top: 20px; } .index_pub_tit_right { z-index: 1; width: 100%; text-align: left; } .index_pub_tit_right span {} /* 首页公共标题开始 */ .index_pub_tit .index_pub_tit_line_left { /* width: 90px; */ height: 30px; } .index_pub_tit .index_pub_tit_line_left>div { width: 75px; height: 3px; float: left; margin-top: 14px; margin-right: 10px; } .index_pub_tit .index_pub_tit_line_txt h2 { height: 30px; line-height: 30px; margin-left: 0 !important; color: #000000; font-size: 24px; margin: 0 0 0 10px; } .index_pub_tit .sp1 { background: #4a9de4; } .index_pub_tit .sp2 { background: #1546b5; } .index_pub_tit .sp3 { background: #60d0f4; } .index_pub_tit .index_pub_tit_info { text-transform: uppercase; color: #ccc; font-size: 24px; line-height: 24px; letter-spacing: 2px; } /* 首页公共标题 */ .index_line2 .index_pub_tit1_txt { font-size: 20px; font-weight: 800; transition: all ease-in .3s !important; color: #000000; text-align: left; } .index_line2 .index_pub_tit1 { border-bottom: 1px solid #e5e5e5; margin-bottom: 2%; overflow: hidden; padding: 10px 0; } .index_line2 .index_pub_tit1:hover .index_pub_tit1_ico { padding-right: 0; transition: all ease-in .3s !important; color: #1546b5; } .index_line2 .index_pub_tit1:hover .index_pub_tit1_txt { padding-left: 5px; transition: all ease-in .3s !important; } .index_line2 .index_pub_tit1_ico { font-size: 14px; text-align: right; transition: all ease-in .3s !important; font-weight: 800; color: #aeb2b5; padding-right: 5px; } .index_line2 .index_line2_left { border-right: 1px solid #e5e5e5; padding-bottom: 2%; } @media screen and (min-width: 1520px) { .index_line2 .index_line2_left { padding-right: 3em; } .index_line2 .index_line2_right { padding-left: 3em; } } @media screen and (max-width: 1519px) { .index_line2 .index_line2_left { padding-right: 1.5em; } .index_line2 .index_line2_right { padding-left: 1.5em; ; } .index_line2{ height: auto !important; } .index_new_list .index_new_list_ul li{ line-height: 1.2 !important; } .index_new_list .index_new_list_ul li a{ font-size: 15px !important; } .index_line2 .index_line2_left_top .index_line2_left_top_img{ height: 300px !important; } .index_new_list .index_new_list_top p{ -webkit-line-clamp: 2 !important; } .index_new_list .index_new_list_top h3{ margin-top: 0 !important; } .index_new_list_top .index_new_list_top_img img{ width: 100% !important; height: auto !important; } .index_new_list_top .index_new_list_top_img{ height: auto !important; } } .index_line2 .index_line2_left_top .index_line2_left_top_img img { width: 100%; min-height: 450px; } .index_line2 .index_line2_left_top .index_line2_left_top_img { height: 450px; overflow: hidden; position: relative; } .index_line2 .index_line2_left_top .index_line2_left_top_img .index_line2_left_top_txt { position: absolute; bottom: 0; width: 100%; line-height: 93px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.6)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.6)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.6)); background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.6)); z-index: 333333; left: 0; color: #ffffff; height: 85px; background-position: 0 top; padding: 30px 20px; } .index_line2 .index_line2_left_top .index_line2_left_top_img .index_line2_left_top_txt h4 { color: #FFFFFF; font-size: 16px; text-align: center; line-height: 24px; } .index_line2 .flip-page { left: auto !important; right: -8px; bottom: 18px; } .index_line2 .index_line2_right {} .index_line2 .index_line2_right .card-head { text-align: right; } .index_line2 .index_line2_right .card-head li { display: inline-block; height: 40px; text-align: center; line-height: 40px; margin-left: 30px; ; } .index_line2 .index_line2_right .card-head .active { position: relative; } /* .index_line2 .index_line2_right .card-head .active:before { display: block; position: absolute; content: ""; width: 150px; height: 40px; left: 0; background-size:cover !important; background-repeat: no-repeat; background-size: cover; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; top: 0; background: url(../img/index_new_tit_ico.png); } */ .index_line2 .index_line2_right .card-head .active a { color: #000; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .index_line2 .index_line2_right .card-head li a { border: none; color: #999; line-height: 40px; font-size: 24px; font-weight: 800; display: block; margin: auto; height: 40px; z-index: 2; position: relative; overflow: hidden; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; overflow: hidden; } .index_line2 .index_line2_right .card-head .active a:before { left: 50%; margin-left: -50px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; opacity: 1; } .index_line2 .index_line2_right .card-head li a:before { display: block; position: absolute; z-index: 4; content: ""; width: 100px; bottom: 0; height: 3px; top: 37px; opacity: 0; left: 50%; margin-left: -40px; background-size: cover !important; background-repeat: no-repeat; background-size: cover; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; /* top: 0; */ /* background: url(../img/index_new_tit_ico.png); */ background: #1546b5; } .index_line2 .index_line2_right .card-head { background: none; border: none; padding: 0; } .index_line2 .index_line2_right .card-head ul { padding: 0; border-bottom: 3px solid #ededed; height: 40px; } .index_new_list_top .index_new_list_top_img img { height: 100%; } .index_new_list_top .index_new_list_top_img { height: 100px; overflow: hidden; text-align: center; } .index_new_list_top { border-bottom: 1px #bdbdbd dashed; overflow: hidden; padding: 20px 0; } .index_new_list_top:hover a h3 { color: #1546b5; } .index_new_list { animation: fade-in; font-size: 14px; animation-duration: 0.5s; -webkit-animation: fade-in 0.5s; color: #333333; text-align: left; } @keyframes fade-in { 0% { margin-top: 30px; opacity: 0; } 40% { margin-top: 15px; opacity: .5; } 100% { margin-top: 0; opacity: 1; } } @-webkit-keyframes fade-in { 0% { margin-top: 30px; opacity: 0; } 40% { margin-top: 15px; opacity: .5; } 100% { margin-top: 0px; opacity: 1; } } .index_new_list .index_new_list_top h3 { font-size: 18px; color: #333; margin-top: 10px; font-weight: 400; margin-bottom: 10px; position: relative; position: relative; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; } .index_new_list .index_new_list_top h4 { font-size: 13px; color: #1546b5; font-weight: 400; margin-bottom: 5px; position: relative; } .index_new_list .index_new_list_top p { font-size: 15px; color: #999; letter-spacing: 1.5px; font-weight: 400; line-height: 1.3; overflow: hidden; position: relative; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; } .index_new_list .index_new_list_ul { margin-top: 1.25rem; } .index_new_list .index_new_list_ul2 { margin-top: 1.25rem; } .index_new_list .index_new_list_ul li a { display: inline; font-size: 18px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media screen and (min-width: 1520px) { .index_new_list .index_new_list_ul li a span { display: block; float: right; } } @media screen and (max-width: 1519px) { .index_new_list .index_new_list_ul li a span { display: none; } } .index_new_list .index_new_list_ul2 li a span { display: block; float: right; } .index_new_list .index_new_list_ul2 li { color: #1546b5; padding: 5px 0; line-height: 1.38; } .index_new_list .index_new_list_ul2 li a, .index_new_list .index_new_list_ul li a { display: block; } .index_new_list .index_new_list_ul2 li:hover, .index_new_list .index_new_list_ul li:hover { background: #f6f9ff; color: #1546b5; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .index_new_list .index_new_list_ul2 li:hover a, .index_new_list .index_new_list_ul li:hover a { color: #1546b5; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .index_new_list .index_new_list_ul li { color: #1546b5; list-style-type: none; padding: 5px 0; line-height: 1.8; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .index_new_list .index_new_list_ul li a, .index_new_list .index_new_list_ul2 li a { color: #555555; } .index_line2_left_bot h4 { border: none; color: #000000; line-height: 40px; font-size: 24px; font-weight: 800; display: block; margin: auto; height: 60px; position: relative; overflow: hidden; text-align: left; margin-top: 40px; padding: 10px 0; border-bottom: 1px solid #f1f1f1; } .index_line2_left_bot h4:before { display: block; content: ''; background: #d44217; width: 0; position: absolute; height: 3px; bottom: 0; letter-spacing: 10px; transition: all .3s ease; } .index_line2_left_bot h4:hover:before { width: 100%; transition: all .8s ease; } .index_line2_left_bot h4 span { display: block; float: right; color: #d44217; } .index_gonggao { box-sizing: border-box; line-height: 50px; text-align: left; border-top: 1px solid #e5e5e5; color: #000; } .index_gonggao:hover { background: #f7fcff; color: #1546b5; } .index_gonggao .index_gonggao_ico {} /*第三批开始*/ .index_line3_right { height: 100%; color: #333333; } .index_line3 { position: relative; overflow: hidden; } .index_line3_bg_img { width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; } .index_line3 .index_line3_right .index_line3_right_li { height: 465px; background-size: 100%; border-radius: 20px; overflow: hidden; } .index_line3 .index_line3_right .index_line3_right_li:before { display: block; height: 100%; width: 100%; top: 0; left: 0; display: none; position: absolute; z-index: 1; content: ""; background: rgb(0 0 0 / 25%); } .index_dangjian { background-size: cover; position: relative; } .index_bg_img_dj { background: url(../img/about4.jpg); } .index_bg_img_foot { background: url(../img/foot_bg4.jpg?v=2) no-repeat; } .index_bg_img { background-size: cover; height: 100%; position: relative; position: absolute; z-index: 0; overflow: hidden; width: 100%; top: 0; left: 0; background-position: center; } .index_dangjian .index_dangjian_box_right { background: url(../img/dj1.jpg); height: 700px; position: absolute; right: 0; background-size: cover; } .index_dangjian .index_dangjian_box { height: 600px; position: relative; } .index_dangjian .index_dangjian_box_left { height: 600px; background: #FFFFFF; box-shadow: -8px 8px 0 1px rgb(0 0 0 / 23%); z-index: 2; } .index_dangjian .index_dangjian_box_left_box { width: 90%; margin: 50px auto; text-align: left; font-size: 18px; } .index_dangjian .index_dangjian_box_left_box h4 { color: #000000; font-size: 24px; margin-bottom: 30px; overflow: hidden; height: 30px; } .index_dangjian .index_dangjian_box_left_box h4 span { display: block; height: 3px; width: 126px; background: #d44217; margin-left: 110px; margin-top: -12px; } @media screen and (min-width: 1440px) { .index_dangjian .index_dangjian_box_left_box p { color: #333333; font-size: 16px; } } @media screen and (max-width: 1439px) { .index_dangjian .index_dangjian_box_left_box p { font-size: 15px; } } .index_dangjian .index_dangjian_box_left_li_a1 { display: none; } .index_dangjian .index_dangjian_box_left_li { text-align: center; padding: 0 40px; } .index_dangjian .index_dangjian_box_left_li a { width: 19%; float: left; margin-right: 1%; border: 1px solid #F1F1F1; padding: 30px 0; } @media screen and (max-width: 1519px) { .index_dangjian .index_dangjian_box_left_li a { padding: 10px 0 !important; } } .index_dangjian .index_dangjian_box_left_li a:hover { background: url(../img/index_dj_bj.jpg); background-position: center; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .index_dangjian .index_dangjian_box_left_li i { display: block; margin: 10px auto; width: 50px; height: 50px; background-size: cover !important; } .index_dangjian .index_dangjian_box_left_li .index_dangjian_box_left_li1 { background: url(../img/d1.png?v=2); } .index_dangjian .index_dangjian_box_left_li .index_dangjian_box_left_li3 { background: url(../img/d3.png?v=1); } .index_dangjian .index_dangjian_box_left_li .index_dangjian_box_left_li2 { background: url(../img/d2.png?v=221); } .index_dangjian .index_dangjian_box_left_li .index_dangjian_box_left_li4 { background: url(../img/d4.png); } .index_dangjian .index_dangjian_box_left_li .index_dangjian_box_left_li5 { background: url(../img/d5.png?v=2); } .index_dangjian .index_dangjian_box_left_li a:hover .index_dangjian_box_left_li1 { background: url(../img/d11.png?v=21); } .index_dangjian .index_dangjian_box_left_li a:hover .index_dangjian_box_left_li3 { background: url(../img/d33.png?v=22); } .index_dangjian .index_dangjian_box_left_li a:hover .index_dangjian_box_left_li2 { background: url(../img/d22.png?v=232); } .index_dangjian .index_dangjian_box_left_li a:hover .index_dangjian_box_left_li4 { background: url(../img/d44.png?v=2); } .index_dangjian .index_dangjian_box_left_li a:hover .index_dangjian_box_left_li5 { background: url(../img/d55.png?v=22); } .foot_kuaijie i { width: 30px; display: block; float: left; margin-right: 15px; } .foot_kuaijie h4 { height: 30px; letter-spacing: 4px; margin-bottom: 0; line-height: 30px; padding-left: 35px; display: initial; background-position: left center !important; background-size: contain !important; background-repeat: no-repeat !important; } .foot_kuaijie .foot_kuaijie_li { margin: 0 auto; } .foot_kuaijie .foot_kuaijie_li1 h4 { background: url(../img/foot1.png); } .foot_kuaijie .foot_kuaijie_li1-1 h4 { background: url(../img/foot1-1.png); } .foot_kuaijie .foot_kuaijie_li2 h4 { background: url(../img/foot2.png); } .foot_kuaijie .foot_kuaijie_li3 h4 { background: url(../img/foot3.png); } .foot_kuaijie .foot_kuaijie_li4 h4 { background: url(../img/foot4.png); } .foot_kuaijie a { color: #1546b5; font-size: 18px; font-weight: 800; } .foot_kuaijie { line-height: 30px; text-align: justify; align-items: center; justify-content: space-between; display: flex; padding-bottom: 10px; } .foot_kuaijie i img { width: 100%; } .index_dangjian .index_dangjian_box_left_li a:hover p { color: #ffe5a9; } .index_dangjian_tuijian { height: 240px; margin-top: 115px; } .index_dangjian_tuijian .swiper-slide { height: 240px; } .index_dangjian_tuijian a p { height: 30px; line-height: 30px; padding: 0 10px; background: rgb(0 0 0 / 25%); color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; } .index_dangjian_tuijian img { width: 100%; min-height: 200px; } .index_dangjian_tuijian .swiper-slide::before { display: none; } /* .index_line3 .index_line3_right .index_line3_right_li1 { background-image: url(../img/cy_img1.jpg?v=12) ; background-position: top center; } .index_line3 .index_line3_right .index_line3_right_li2 { background-image: url(../img/cy_img2.jpg); background-position: center; } .index_line3 .index_line3_right .index_line3_right_li3 { background-image: url(../img/cy_img3.jpg); background-position: top center; } .index_line3 .index_line3_right .index_line3_right_li4 { background-image: url(../img/cy_img4.jpg); background-position: center; } .index_line3 .index_line3_right .index_line3_right_li:hover{ animation: fade-size infinite; animation-duration: 20.5s; -webkit-animation: fade-size 20.5s infinite; } */ .index_line3 .index_line3_box { overflow: hidden; position: relative; } .index_line3 .index_line3_box .index_line3_box_txt { position: absolute; color: #fff; z-index: 3; background: #fff; width: 100%; height: 170px; bottom: 0; left: 0; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; /* opacity: 0.7;*/ } .index_line3_right .index_line3_right_li:hover .index_line3_box_txt { height: 100%; } .index_line3_right_all { position: relative; margin-top: 30px; color: #1546b5; width: 213px; } .index_line3_right_all p { margin-bottom: 0; height: 20px; line-height: 20px; font-size: 18px; font-weight: 400; } .index_line3_right .index_line3_right_li:hover .index_line3_box_txt_line_com { opacity: 1; } .index_line3_right .index_line3_right_li .index_line3_box_txt_line_com { margin-top: 50px; opacity: 0; } .index_line3 .index_line3_box .index_line3_box_txt .index_line3_box_txt_line_com .index_line3_box_txt_line_com_li { display: block; margin-top: 14px; border: 1px solid #cee6ff; color: #cee6ff; font-size: 14px; text-align: center; width: 100%; line-height: 1.2; padding: 5px 0; } .index_line3 .index_line3_box .index_line3_box_txt .index_line3_box_txt_line_com span { font-size: 14px; } .index_line3 .index_line3_box .index_line3_box_txt .index_line3_box_txt_line_com .index_line3_box_txt_line_com_li:hover { background: #ffffff; border: 1px solid #ffffff; color: #0075c1; } .index_line3 .index_line3_box .index_line3_box_txt .index_line3_box_txt_line_com .index_line3_box_txt_line_com_more { border-radius: 15px; width: 107px; height: 30px; line-height: 30px; border: 1px solid #1546b5; display: block; margin: auto; margin-top: 50px; color: #1546b5; } .index_line3 .index_line3_box .index_line3_box_txt .index_line3_box_txt_line_com .index_line3_box_txt_line_com_more:hover { border: 1px solid #1546b5; background: #1546b5; color: #ffffff; } .index_line3 .index_line3_box .index_line3_box_txt .index_line3_box_txt_ico { width: 70px; } .index_line3 .index_line3_box .index_line3_right_li_bg { width: 100%; position: absolute; left: 0; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .index_line3 .index_line3_box .index_line3_right_li_ico { width: 60px; height: 60px; left: 50%; margin-left: -30px; position: absolute; z-index: 2; top: 30%; } .index_line3 .index_line3_box:hover img { transform: scale(1.1); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .index_line3 .index_line3_box:hover .index_line3_box_txt_ico img { transform: scale(1); } .index_line3 .index_line3_left_bot_txt .index_line3_left_bot_ico { margin-top: 90px !important; margin-bottom: 20px; } .index_line3 .index_line3_right_li { width: 24%; /* margin-right: 1%; */ } .index_line3 .index_line3_right_li2 {} .index_line3 .index_line3_right_li3 {} .index_line3 .index_line3_right_li4 { /* margin-right: 0 !important; */ } .index_line3 .index_line3_right_li .index_line3_box_txt_ico { margin-top: 5%; height: 75px; transform: scale(1.1); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .index_line3 .index_line3_right_li:hover .index_line3_box_txt_ico { margin-top: 0%; opacity: 1; transform: scale(1.1); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; overflow: hidden; } .index_line3 .index_line3_right_li:hover .index_line3_box_txt_line h4 {} .index_line3 .index_line3_box .index_line3_box_txt h4 { position: relative; font-weight: 400; font-size: 22px; } .index_line3 .index_line3_box .index_line3_box_txt a { color: #fff; } .index_line3 .index_line3_box .index_line3_box_txt h4:before { display: none; content: ''; background: #FFFFFF; width: 30px; position: absolute; left: 0; height: 2px; bottom: -13px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .index_line3 .index_line3_box:hover .index_line3_box_txt h4:before { width: 80%; margin-left: -40%; } .index_line3 .index_line3_box .index_line3_box_txt h5 { font-weight: 400; text-transform: uppercase; font-size: 20px; opacity: .3; height: 48px; line-height: 1.2; font-family: initial; letter-spacing: 0px; overflow: hidden; margin-bottom: 30px; } .index_line3 .index_line3_box .index_line3_box_txt h6 a { opacity: 0; font-size: 20px; display: block; margin: auto; font-size: 40px; font-weight: 400; margin-top: 50px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .index_line3 .index_line3_box:hover .index_line3_box_txt h6 a { opacity: 1; color: #d44217; margin-top: 10px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .index_line3 .index_line3_box:hover .index_line3_box_txt { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .index_line3_box_txt_line { height: 100%; overflow: hidden; text-align: left; padding: 50px; } .index_line3_right_li1 .index_line3_box_txt_line { background: #00877f } .index_line3_right_li2 .index_line3_box_txt_line { background: #0048aa } .index_line3_right_li3 .index_line3_box_txt_line { background: #f23c39 } .index_line3_right_li4 .index_line3_box_txt_line { background: #3f3381 } .index_line3_right_li5 .index_line3_box_txt_line { background: #d1a731 } .index_line3_box_txt_line_info { font-size: 0.9375rem; opacity: .7; } .index_line3 .index_line3_right_li .index_line3_box_txt_line .index_ban_more_bg { background-position: -237px bottom; width: 100%; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .index_line3 .index_line3_right_li:hover .index_line3_box_txt_line .index_ban_more_bg { background-position: 0 bottom; width: 100%; -moz-transition: all 1.5s ease 0s; -webkit-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; } } /*.index_line3 .index_line3_box:hover .index_line3_box_txt .index_line3_box_txt_ico,.index_line3 .index_line3_box:hover .index_line3_box_txt h5,.index_line3 .index_line3_box:hover h4:before{ opacity: 0.5; }*/ .index_line3 .index_line3_box .index_line3_box_txt h5, .index_line3 .index_line3_box h4:before { opacity: 0.5; } /* 风采 */ .fengcai { height: auto; position: relative; width: 100%; /* overflow: hidden; */ } .fengcai ul { overflow: inherit !important; /* width: 10000px !important; */ } .g1, .g2, .g3, .g4 { float: left; overflow: inherit !important; } .fengcai ul li { position: relative; list-style-type: none; overflow: hidden; display: flex; align-items: center; } .fengcai ul li:hover { overflow: inherit; } .fengcai ul li img { width: 100%; min-height: 220px; position: relative; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .fengcai ul li:hover .fc_txt { position: absolute; opacity: 1; background: rgb(0 0 0 / 55%); bottom: 0; line-height: 1.3; font-size: 16px !important; ; padding: 10px; color: #FFFFFF; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .fengcai ul li .fc_txt { position: absolute; opacity: 0; background: #000000; width: 100%; line-height: 1.3; font-size: 14px; padding: 0 10px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .fengcai ul li a { position: relative; display: block; width: 100%; } .fengcai ul li:hover .zz { display: none; } .fengcai ul li:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); z-index: 99; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .fengcai ul li:last-child { display: none; } .fengcai .zz { display: block; width: 100%; height: 220px; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; } .fengcai ul li:hover .zz_txt { display: block; width: 100%; height: 40px; background: rgba(0, 0, 0, 0.3); position: absolute; bottom: 0; left: 0; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); } /*第四屏开始*/ .index_line4 .index_pub_tit .index_pub_tit_line_txt h2 { color: #000; } .index_line4 .index_pub_tit .index_pub_tit_info { color: #9dabc5; opacity: .5; } .index_line4 { text-align: left; } .index_jj_top { width: 100%; overflow: hidden; padding-bottom: 20px; } .index_jj_bot { overflow: hidden; } .index_line4 .pub_mid {} .index_jj .index_jj_left_box a { text-align: center; display: block; width: 32%; margin-right: 1.33333%; float: left; color: #fff; border: 1px solid #fff; border-radius: 10px; font-size: 14px; line-height: 26px; margin-bottom: 10px; } .index_jj .index_jj_left_box .index_jj_left_box_li { width: 20%; height: 105px; text-align: center; padding: 30px 0 0; border-right: 1px solid rgb(241 241 241 / 14%); } .index_jj .index_jj_left_box .index_jj_left_box_li p img { width: 50px; } .index_jj .index_jj_left_box .index_jj_left_box_li h3 { font-size: 34px; font-family: fantasy; font-weight: 400; color: #fff; margin-bottom: 5px; } .index_jj .index_jj_left_box .index_jj_left_box_li div { display: inline-table; padding: 10px 10px 0 0; } .index_jj .index_jj_left_box .index_jj_left_box_li .index_jj_left_box_li_ico img { height: 54px; opacity: .5; margin-top: 8px; } .index_jj .index_jj_left_box .index_jj_left_box_li .index_jj_left_box_li_info { text-align: left; } .index_jj .index_jj_left_box .index_jj_left_box_li h3 strong { font-weight: 400; color: #1546b5; } .index_jj .index_jj_left_box .index_jj_left_box_li h3 span { font-size: 16px; } .index_jj .index_jj_left_box .index_jj_left_box_li h5 { font-size: 16px; font-weight: 400; color: #444; opacity: .7; } .index_jj .index_jj_left_box .index_jj_left_box_li:last-child { border-right: none; } .index_jj .index_jj_left_box a:hover { background: #0075c1; color: #ffffff; border: 1px solid #0075c0; } .index_jj .index_jj_left_box { width: 100%; } .index_line4 { position: relative; } .index_line4 .title-style { text-align: center; width: 100%; padding-bottom: 50px; } .index_line4 .title-style h2 { color: #fff; } .index_line4 .title-style .line { margin: 20px auto auto; } .index_line4 .title-style h6 { font-size: 16px; line-height: 24px; color: #fff; padding: 20px 0; margin: 0; font-weight: normal; overflow: hidden; opacity: .6; } .index_line4 .about-item { height: 100%; z-index: 3; } .index_line4_img { background: #f3f7ff; background-size: cover; background-position: center; height: 100%; position: absolute; z-index: 0; top: 0; } .index_line4 .about-item .content { height: 100%; overflow: hidden; /* border: 1px solid rgba(255, 255, 255, .3); background: rgba(0, 0, 0, 0.2) */ } .index_line4 .about-item .left { width: 100%; height: 100%; position: relative; text-align: left; } /* .index_line4 .about-item .left::after { content: ''; display: block; width: 1px; height: 100%; background: #fff; position: absolute; right: 0; top: 0; opacity: .3; } */ .index_line4 .left .left_l { position: relative; height: 100%; } .index_line4 .left .left_l img { width: 100%; position: relative; } .index_line4 .left .left_r { padding: 50px 0 0 100px; } .index_line4 .left .left_l:before { display: block; position: absolute; content: ""; width: 100%; height: 100%; border: 2px solid #60d0f4; right: -20px; bottom: -20px; } .index_line4 .left .title { overflow: hidden; } .index_line4 .left .title h2 { text-transform: uppercase; margin: 0; color: #fff; text-align: left; } .index_line4 .title h4 { font-size: 20px; margin: 10px 0; color: #fff; } .index_line4 .title .line { width: 80px; height: 4px; background: #1546b5; margin: 25px 0; } .index_line4 .text { font-size: 18px; line-height: 34px; color: #000 !important; margin-top: 20px; } .index_line4 .text a { color: #1546b5; } .index_line4 .text a:hover { color: #f3d68f; } .index_line4 .play { display: inline-block; margin-top: 30px; } .index_line4 .about-item .left .play a { display: block; overflow: hidden; background: #1546b5; border: 1px solid #1546b5; padding: 15px 20px; font-size: 0; } .index_line4 .about-item .left .play i { width: 13px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 10px; background: url("../img/play.png") center no-repeat; background-size: 100%; } .index_line4 .about-item .left .play span { font-size: 14px; color: #fff; display: inline-block; vertical-align: middle; margin-right: 10px; } .index_line4 .about-item .left .play a:hover { background: #efd088; border: 1px solid #efd088; } .index_line4 .about-item .left .play a:hover span, .index_line4 .about-item .left .play a:hover i { opacity: 1; } .index_line4 .about-item .right { overflow: hidden; width: 55%; position: relative; } .index_line4 .index_jj_right_img img { width: 100%; } .index_line4 .index_jj_right_img { width: 100%; height: 100%; border-radius: 25px; overflow: hidden; position: relative; } /* .index_line4 .about-item .right::after { content: ''; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -0.5px; opacity: .3; } */ .index_line4 .about-item .right .item { position: relative; float: left; height: 50%; width: 33.3333333%; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .index_line4 .about-item .right .item:hover { background: #1546b5; } .index_line4 .about-item .right .item li { color: #fff; list-style: none; position: absolute; left: 0; top: 0; width: 90%; padding: 30% 0 0 10%; height: 80%; } .index_line4 .about-item .right .item li h2 { font-weight: normal; margin: 0; } .index_line4 .about-item .right .item li h2 strong { font-size: 42px; font-family: fantasy; font-weight: 400; } .index_line4 .about-item .right .item li h2 span { font-size: 18px; font-weight: normal; margin-left: 5px; } .index_line4 .about-item .right .item li h6 { font-weight: normal; margin: 0; font-size: 16px; line-height: 26px; opacity: .7; letter-spacing: 3px; } .index_line4 .about-item .right .item .img img { display: block; width: 100%; height: auto; opacity: 0; } .index_line4 .about-item .right .item::after { content: ''; display: block; width: 1px; height: 100%; background: #fff; position: absolute; right: 0; top: 0; opacity: .3; } .index_line4 .about-item .right .item:last-child::after, .index_line4 .about-item .right .item:nth-child(3)::after { display: none; } .index_line4 .img {} .index_line4 .img img { display: block; width: 100%; height: auto; } .index_xcp_img { width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; } .index_xcp video { height: 100%; box-shadow: -6px 7px 11px 0 rgb(32 62 116 / 75%); cursor: pointer; } .index_xcp { z-index: 3; margin-top: 30px; position: relative; object-fit: cover; } @media screen and (min-width: 1400px) { .index_xcp { height: 700px; } } @media screen and (max-width: 1399px) { .index_xcp { height: 600px; } } #dialogobject-xcp video { width: 100%; } #dialogobject-xcp .dialog-big { width: 80%; } #dialogobject-xcp .dialog-content>.dialog-text { padding: 0; border-bottom: none; background: none !important; } #dialogobject-xcp .dialog-body { padding: 0 !important; background: none !important; } #dialogobject-xcp .dialog-confirm, .dialog-cancel { background: none; } /* 党建开始*/ /* .index_dangjian { background: url(../img/about4.jpg); background-size: cover; height: 100%; position: relative; overflow: hidden; } .index_dangjian .index_dangjian_box { height: 60%; margin-top: 10%; } .index_dangjian .index_dangjian_box_left { background: #FFFFFF; margin-right: -50px; box-shadow: -8px 8px 0 1px rgb(0 0 0 / 23%); z-index: 2; position: absolute; } .index_dangjian .index_dangjian_box_left_box { text-align: left; height: 100%; } .index_dangjian_top,.index_dangjian_bot{ height: 50%; } .index_dangjian_top{ border-radius: 30px 30px 0 0; } .index_dangjian_top_l{ height: 100%; padding: 80px; } .index_dangjian_top_r{ background: url(../img/index_dj.jpg); height: 100%; background-size: cover; text-align: left; padding: 80px; } .index_dangjian_top_r p{ color: #fedf89; font-size: 18px; margin-top: 5px; letter-spacing: 3px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .index_dangjian_top_r:hover p{ -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; margin-left: -5px; } .index_dangjian_top_r:hover i{ -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; margin-left: 5px; } .index_dangjian_top_r i{ width: 60px; height: 60px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; display: block; background-size: cover !important; background: url(../img/index_dj_ico1.png); } .index_dangjian_bot{ border-radius: 0 0 30px 30px; } .index_dangjian .index_dangjian_top_l h4 { color: #000000; font-size: 24px; margin-bottom: 30px; overflow: hidden; height: 30px; } .index_dangjian .index_dangjian_top_l h4 span { display: block; height: 3px; width: 126px; background: #d44217; margin-left: 110px; margin-top: -12px; } .index_dangjian .index_dangjian_top_l p { color: #333333; font-size: 18px; } .index_dangjian .index_dangjian_box_left_li { text-align: center; height: 100%; } .border_r_none{ border-right: none !important; } .index_dangjian .index_dangjian_box_left_li_2, .index_dangjian .index_dangjian_box_left_li_3{ border-top: 1px solid #F1F1F1; } .index_dangjian .index_dangjian_box_left_li a { width: 25%; float: left; border-right: 1px solid #F1F1F1; height: 100%; display: block; background: #fff; position: relative; } .index_dangjian_box_left_li_a{ position: absolute; width: 83px; height: 111px; left: 50%; top: 50%; margin-left: -41.5px; margin-top: -55.5px; } .index_dangjian .index_dangjian_box_left_li a:hover { background: url(../img/index_dj_bj.jpg); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; background-position: center; } .index_dangjian .index_dangjian_box_left_li i { display: block; margin: 10px auto; width: 63px; height: 63px; background-size: cover !important; } .index_dangjian .index_dangjian_box_left_li .index_dangjian_box_left_li1 { background: url(../img/d1.png); } .index_dangjian .index_dangjian_box_left_li .index_dangjian_box_left_li3 { background: url(../img/d2.png); } .index_dangjian .index_dangjian_box_left_li .index_dangjian_box_left_li2 { background: url(../img/d3.png); } .index_dangjian .index_dangjian_box_left_li .index_dangjian_box_left_li4 { background: url(../img/d4.png); } .index_dangjian .index_dangjian_box_left_li .index_dangjian_box_left_li5 { background: url(../img/d5.png); } .index_dangjian .index_dangjian_box_left_li a:hover .index_dangjian_box_left_li1 { background: url(../img/d11.png?v=2); } .index_dangjian .index_dangjian_box_left_li a:hover .index_dangjian_box_left_li3 { background: url(../img/d22.png?v=2); } .index_dangjian .index_dangjian_box_left_li a:hover .index_dangjian_box_left_li2 { background: url(../img/d33.png?v=2); } .index_dangjian .index_dangjian_box_left_li a:hover .index_dangjian_box_left_li4 { background: url(../img/d44.png?v=2); } .index_dangjian .index_dangjian_box_left_li a:hover .index_dangjian_box_left_li5 { background: url(../img/d55.png?v=2); } .index_dangjian .index_dangjian_box_left_li a:hover p { color: #ffda77; } */ /* 产业信息 */ .chanye {} .chanye_left { background: #ffffff; overflow: hidden; padding: 0; border: 1px solid #f1f1f1; } .chanye_left .chanye_left_map { width: 66.666666667%; position: relative; } .chanye_left .chanye_left_map ul li { position: absolute; width: 15px; height: 15px; } .chanye_left .chanye_left_map ul li a { display: block; width: 15px; height: 15px; } .chanye_left .chanye_left_map ul li span { opacity: 0; display: table; line-height: 30px; background: #957100; padding: 0 20px; display: none; border-radius: 15px; color: #ffffff; width: auto; overflow: hidden; margin-top: 10px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .chanye_left .chanye_left_map ul li:hover span { display: table; margin-top: 0px; opacity: 1; height: 30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .chanye_left .chanye_left_map ul li:hover img { opacity: 1; margin-top: -10px; } .chanye_left .chanye_left_map ul li img { width: 90%; opacity: .9; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .chanye_left .chanye_left_map .chanye_left_map_li1 { left: 60%; top: 35%; } .chanye_left .chanye_left_map .chanye_left_map_li2 { left: 64%; top: 29%; } .chanye_left .chanye_left_map .chanye_left_map_li3 { left: 85%; top: 36%; } .chanye_left .chanye_left_map .chanye_left_map_li4 { left: 60%; top: 31%; } .chanye_left .chanye_left_map .chanye_left_map_li5 { left: 61.5%; top: 32.5%; } .chanye_left .chanye_left_map .chanye_left_map_li6 { left: 58%; top: 34%; } .chanye_left .chanye_left_map .chanye_left_map_li7 { left: 3.5%; top: 66.5%; } .chanye_left .chanye_left_map .chanye_left_map_li8 { left: 61.5%; top: 34.5%; } .chanye_left .chanye_left_map .chanye_left_map_li9 { left: 67.5%; top: 10.5%; } .chanye_left .chanye_left_map .chanye_left_map_li10 { left: 58%; top: 37%; } .chanye_left .chanye_left_map .chanye_left_map_li11 { left: 62%; top: 28.5%; } .chanye_left .chanye_left_map .chanye_left_map_li12 { left: 5.5%; top: 66.5%; } .chanye_left .chanye_left_map .chanye_left_map_li13 { left: 7.5%; top: 64.5%; } .chanye_left .chanye_left_map .chanye_left_map_li14 { left: 35.5%; top: 31.5%; } .chanye_left .chanye_left_map .chanye_left_map_li15 { left: 43.5%; top: 16.5%; } .chanye_left .chanye_left_map .chanye_left_map_li16 { left: 97.5%; top: 39.5%; } .chanye_left .chanye_left_map .chanye_left_map_li17 { left: 91.5%; top: 41.5%; } .chanye_left .chanye_left_map .chanye_left_map_li18 { left: 69.5%; top: 9.5%; } .chanye_left .chanye_left_map .chanye_left_map_li19 { left: 63.5%; top: 27.5%; } .chanye_left .chanye_left_map .chanye_left_map_li20 { left: 41.5%; top: 35.5%; } .chanye_left .chanye_left_map .chanye_left_map_li21 { left: 69.5%; top: 12.5%; } .chanye_left .chanye_left_map .chanye_left_map_li22 { left: 23.5%; top: 90.5%; } .chanye_left .chanye_left_map .chanye_left_map_img { position: relative; z-index: 1; } .chanye_left .chanye_left_map .chanye_left_map_img img { width: 100%; } .chanye_left .chanye_left_map .card-head { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .chanye_left .chanye_left_text { color: #333; padding: 30px 20px 0 20px; width: 33.33333333%; } .chanye_left_text .card-body { animation: fade-in; animation-duration: 0.5s; -webkit-animation: fade-in 0.5s; } .chanye .chanye_right1_box { overflow: hidden; } .chanye .chanye_right {} .chanye .chanye_right1 { padding: 20px; } .chanye .chanye_right_tit { color: #333; text-align: left; } .chanye .chanye_right_tit h3 { margin-bottom: 5px; } .chanye .chanye_right_tit .sp1, .chanye .chanye_right_tit .sp2 { width: 12%; } .chanye .chanye_right_tit .sp3 { width: 76%; } .chanye .index_pub_tit_line .index_pub_tit_line_left { height: 22px !important; float: left; margin-right: 10px; } .chanye .chanye_right2 { margin-top: 20px; } .up1, .bm1 { text-align: left; } .chanye .chanye_right2 ul li { margin-bottom: 10px; } .chanye .chanye_right2 ul li:hover { background: #f5f5f5; } .chanye .chanye_right2 ul li p { margin-bottom: 0px !important; } .chanye_left_text .chanye_left_text_line { margin: 10px 0; } .chanye_left_text .chanye_left_text_line .chanye_left_text_line1 { line-height: 30px; background: #f1f1f1; color: #666; text-align: left; padding-left: 10px; } .chanye_left_text .chanye_left_text_line .chanye_left_text_line2 { line-height: 30px; border: 1px solid #f1f1f1; color: #000; text-align: left; padding: 5px 10px; color: #666; font-size: 14px; line-height: 1.3; } .chanye_left_text h4 { color: #000; font-size: 18px; font-weight: 400; } .chanye_left_text .chanye_left_text_info { font-size: 14px; color: #666; line-height: 1.3; text-align: left; } .chanye_left_text .chanye_left_text_info a { font-size: 14px; color: #1546b5; transition: all ease-in .3s !important; } .chanye_left_text:hover .chanye_left_text_info a { margin-left: 10px; transition: all ease-in .3s !important; } /*投资企业*/ .guide-slider { width: 100%; margin: 5% auto; background: #fff; height: 500px; box-shadow: 0 0 23px 4px rgb(0 0 0 / 9%); } .guide-slider .guide { width: 20%; height: 500px; float: left; -webkit-transition: all ease-in .3s; transition: all ease-in .3s; position: relative; overflow: hidden; } .guide-slider .guide .display { border-right: 1px solid #d5d5d5; width: 100%; height: 500px; text-align: center; float: left; position: relative; z-index: 2; background: #ffffff; -webkit-transition: all ease-in .3s; transition: all ease-in .3s; } .guide-slider .guide .behind { width: 0; } .guide-slider .guide .display .icon { display: inline-block; width: 100%; height: 100px; margin-top: 95px; font-size: 85px; font-family: fantasy; background-image: url(function.png); color: #1546b5; transition: all ease-in .3s; } .guide-slider .guide.on .display .icon { /*margin-top: 45px;*/ transition: all ease-in .3s; } .guide-slider .on .display .icon { color: #FFFFFF; } .guide-slider .guide .display .icon.icon1 { background-position: -592px 0; } .guide-slider .guide .display .icon.icon2 { background-position: 0 0; } .guide-slider .guide .display .icon.icon3 { background-position: -296px 0; } .guide-slider .guide .display .icon.icon4 { background-position: -444px 0; } .guide-slider .guide .display .icon.icon5 { background-position: -518px 0; } .guide-slider .guide .display .title { font-size: 22px; color: #000000; height: 40px; line-height: 40px; margin-bottom: 20px; } .guide-slider .guide .display .introduction { border-top: 1px solid #ddd; width: 70%; letter-spacing: 1px; margin: 0 auto; font-size: 14px; color: #999999; text-align: left; line-height: 20px; padding-top: 20px; text-align: center; } .guide-slider .guide .display::after { content: ""; display: block; position: absolute; border-style: solid; border-color: transparent #ffffff transparent transparent; border-width: 10px 15px; top: 100%; margin-top: 0; right: -1px; -webkit-transition: all ease-in .3s; transition: all ease-in .3s; } .guide-slider .guide .behind { width: 60%; height: 500px; display: inline-block; border-right: 1px solid #ddd; background: #fff; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 1; } .guide-slider .guide .behind .function-list-wrap { width: 90%; margin: 0 auto; } .guide-slider .guide .behind .function-list { margin-right: -10px; margin-top: 27px; } .guide-slider .guide .behind .function-list>li { float: left; width: 100%; padding-right: 10px; } .guide-slider .guide .behind .function-list>li>a { display: block; border: 1px solid #f1f1f1; width: 100%; height: 40px; text-align: center; line-height: 40px; margin-bottom: 18px; color: #333333; } .guide-slider .guide .behind .function-list>li>a:hover { text-decoration: none; border: 1px solid #1546b5; background: #1546b5; color: #ffffff; } .guide-slider .guide .behind .function-list>li>a.important { color: #f58914; } .guide-slider .guide .behind .function-list>li>a.important:hover { border: 1px solid #f58914; background: #f58914; color: #ffffff; } .guide-slider .guide.on { width: 40%; } .guide-slider .guide.on .display { background: #666666; width: 40% !important; border-right-color: transparent; } .guide-slider .guide.on .behind { width: 60% !important; } .guide-slider .guide.on .display .title { color: #fff; } .guide-slider .guide.on .display .introduction { color: #fff; } .guide-slider .guide.on .display::after { top: 50%; margin-top: -5px; } .guide-slider .guide.on .display .icon.icon1 { background-position: -74px 0; } .guide-slider .guide.on .display .icon.icon2 { background-position: -148px 0; } .guide-slider .guide.on .display .icon.icon3 { background-position: -222px 0; } .guide-slider .guide.on .display .icon.icon4 { background-position: -370px 0; } .guide-slider .guide.on .display .icon.icon5 { background-position: -666px 0; } .guide-slider .qiye_more a { display: block; text-align: center; margin-top: 100px; opacity: 0; color: #ff8d55; font-size: 50px; } .guide-slider .guide.on .qiye_more a { margin-top: 10px; opacity: 1; } /*第二个投资企业*/ .foot { position: relative; } .footer, .footer a { text-align: center; color: #949494; font-size: 14px; line-height: 26px; } .footer { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 2; background: rgb(0 0 0 / 18%); } /* 方案样式*/ .fa_body button:hover { color: #FFFFFF; background: #1546b5; border: 1px solid #1546b5 !important; } .fa_body button { margin-right: 15px; font-size: 14px; padding: 3px 15px; } .fa_body { text-align: left; height: 100vh; overflow: hidden; background-position: center; background: url(../faimg/fa.jpg); } .fa_body_box { position: relative; overflow: hidden; width: 100%; height: 100vh; background: rgb(0 0 0 / 60%); } .button:active { opacity: 1 !important; } .fa_body_box_tit { margin-top: 5vh; } .fa_body_box_tit h4 { font-size: 32px; padding-bottom: 20px; border-bottom: 1px solid #fff; margin-bottom: 45px; } .fa_body_box_tit h5 { font-size: 30px; } .dialog-content { display: block !important; } .index_dialog .icon-danger-bg { font-size: 40px; color: #333333; width: 40px; height: 40px; } .index_dialog .icon-danger-bg:hover { color: #000000; } .index_dialog .dialog-text { /* height: 600px; */ width: 100%; border: none; background: none; padding: 0 !important; } .index_dialog .dialog-confirm { background: none; } .dialog-body iframe { border: 0; } .dialog-confirm { z-index: 3; font-size: 20px; top: 10px; background: #eaeef5; right: 10px; width: 100% !important; height: 50px; padding: 0 !important; line-height: 50px; text-align: center; } .dialog-body { margin-top: 0 !important; } .fa_line { text-align: left; } .fa_line h4 { margin: 20px 0 15px !important; } .fa_line1 {} .fa_line p { margin-bottom: 0px !important; margin-top: 0px; font-size: 14px; line-height: 20x; } .fa_line p button { padding: 1px 8px !important; margin-left: 5px; } .index_line5 { background-size: cover !important; width: 100%; background-position: center; } .index_line5 .index_line5_box .index_line5_left {} .index_line5 .index_line5_box .index_line5_left h4 { font-size: 18px !important; font-weight: 800 !important; color: #000; margin-bottom: 14px; } .index_line5 .index_line5_box .index_line5_left ul li a { font-size: 14px; font-weight: 400; color: #333; } .index_line5 .index_line5_box .index_line5_left ul li { list-style-type: none; line-height: 1.4; } .foot_nei .index_line5_box {} .index_line5_box_top { border-top: 1px solid #eee; padding-top: 30px; } .index_line5 .index_line5_box { text-align: left; padding-top: 30px; } .index_line5 .index_line5_box .index_line5_r_wx { text-align: center; width: 130px; float: right; margin-right: 50px; /* border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; */ } .index_line5 .index_line5_box .index_line5_r_wx img { width: 130px; display: block; margin: auto; } .index_line5 .index_line5_box .index_line5_r_wx p { color: #000; } .index_line5 .index_line5_box .index_line5_r_sj { width: 130px; text-align: right; float: right; } .index_line5 .index_line5_box .index_line5_r_sj p { padding-right: 17px; color: #000; } .index_line5 .index_line5_box .index_line5_r_sj img { width: 130px; display: block; } .index_line5 .index_line5_box .index_line5_r_link img { width: 12%; margin-right: 3%; float: left; } .index_line5 .index_line5_r_link a { display: block; overflow: hidden; } .index_line5 .index_line5_box a>div { position: relative; overflow: hidden; } .index_line5 .index_line5_box a>div span { display: block; height: 20px; line-height: 20px; top: 50%; margin-top: -10px; position: absolute; right: 0; width: 85%; } .index_line5 .index_line5_box .index_line5_r_link { font: 16px; color: #333333; } .index_line5 .index_line5_box .index_line5_r_link .index_line5_r_link1 { margin-bottom: 15px; overflow: hidden; } .index_line5_bot { margin-top: 20px; } .index_line5_bot .index_line5_bot_tit { border-bottom: 1px solid #849faa; padding-bottom: 5px; margin-bottom: 5px; } .index_line5_bot .index_line5_bot_tit a { display: block; float: left; margin-right: 10px; font-weight: 400; font-size: 14px; color: #333333; } .index_line5_bot_txt { margin-bottom: 20px; } .index_line5_bot p, .index_line5_bot a { line-height: 1.2; margin-bottom: 0; font-size: 14px; color: #232323; } .foot_nei { padding-top: 0; position: relative; } .foot_nei:before { display: block; content: ""; left: 0; top: 0; position: absolute; width: 100%; height: 380px; z-index: 0; } .foot_nei .index_line5_box { position: relative !important; top: 0 !important; position: absolute; left: 0 !important; margin-left: 0 !important; margin: auto !important; } .flip>.flip-body>.flip-item { width: 100% !important; } #rightFix_swiper { position: absolute; left: 0; z-index: -1; top: 0; height: 100%; width: 100%; overflow: hidden; } #rightFix_swiper::before { display: block; content: ""; position: absolute; z-index: 2; background: rgba(0, 0, 0, .6); left: 0; top: 0; width: 100%; height: 100%; } #rightFix_swiper .swiper-slide::before { display: none; } #rightFix_swiper .swiper-slide { height: 100%; background-position: 173px 0 !important; } .rightFix { width: 80px; position: fixed; right: -80px; bottom: 0; z-index: 99; background: #fff; height: 100%; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .rightFix1_show { opacity: 1 !important; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; bottom: 10% !important; } .rightFix1 { width: 50px; opacity: 0; position: fixed; right: 30px; bottom: 15%; z-index: 99; } .rightFix1 p { font-size: 0.875rem; padding: 10px; width: 50px; line-height: 1.2; margin-top: -10px; } .rightFix1 a { display: block; width: 50px; background: #666; padding-top: 5px; font-size: 20px; color: #fff; } .rightFix1 a span { margin-top: -5px; } .rightFix1 a:hover { background: #1546b5; color: #fff; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .rightFix_fixd { right: 0; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .rightFix_ico_box { top: 0; position: relative; height: 100%; } .rightFix .ico { width: 48px; height: 48px; display: block; position: relative; overflow: hidden; margin-left: 16px; transition: all ease 300ms; margin-top: 1px; padding: 0px; border-radius: 48px; margin-bottom: 5px; background: url(../img/fix-ico.png?v=12222252) no-repeat center 0; cursor: pointer; transform: scale(1.2); } .rightFix .ico img { width: 515px; z-index: -2; height: auto; position: absolute; left: -78px; top: 0; /* padding: 3px; */ /* background: #fff; */ /* border: 1px solid #fff; */ display: block; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 10px; } .rightFix .ico .ftel { margin-top: -150px; width: 0%; text-align: center; line-height: 48px; height: 309px; position: fixed; left: -78px; z-index: -2; right: 53px !important; color: #fff; display: block; left: auto !important; font-weight: bold; font-size: 18px; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; /* border-radius: 48px; */ } .rightFix .ico .ftel { background: #FFFFFF; box-shadow: 0 6px 15px rgb(0 0 0 / 30%); overflow: hidden; width: 0; } .rightFix .ico:hover { overflow: visible; } .rightFix .ico:hover img { opacity: 1; filter: alpha(opacity=100); left: -530px; } .rightFix .ico:hover span { opacity: 1; filter: alpha(opacity=100); left: -215px; } .rightFix .ico-maill { background-position: 10px -334px; } .rightFix .ico-maill:hover { background-position: -33px -334px; } .rightFix .ico-touzi { background-position: 10px -388px; } .rightFix .ico-touzi:hover { background-position: -33px -388px; } .rightFix .ico-oa { background-position: 10px -278px; } .rightFix .ico-oa:hover { background-position: -33px -278px; } .rightFix .fix-tel { background-position: 10px 12px; } .rightFix .fix-tel:hover { background-position: -33px 12px; } .rightFix .fix-qq { background-position: 10px -40px; } .rightFix .fix-qq:hover { background-position: -33px -40px; } .rightFix .fix-ewm { background-position: 10px -96px; } .rightFix .fix-ewm:hover { background-position: -33px -96px; } .index_jindu { height: 200px; position: relative; overflow: hidden; } .index_jindu::before { width: 2px; background: #eee; height: 100%; content: ""; display: block; position: absolute; top: 0; left: 50%; margin-left: -1px; z-index: 2; } .rightFix .fix_top { background-position: 10px -150px; color: #fff; padding: 10px; font-size: 14px; text-align: center; margin-bottom: 30px; height: 100px; background: none; line-height: 1.5; transform: scale(1) !important; } .rightFix .fix_top:hover { background-position: -33px -150px; } .rightFix .fix-form { background-position: 10px -234px; } .rightFix .fix-form span { font-size: 14px; line-height: 23px; width: 180px; } .rightFix .fix-form:hover { background-position: -37px -234px; } .rightFix .qq { background-position: 10px -192px; } .rightFix .qq:hover { background-position: -33px -192px; } .rightFix .fix-tel1 { background-position: 10px -234px; } .rightFix .fix-tel1:hover { background-position: -36px -234px; } .rightFix .fix-tel1:hover .ftel { width: 96% !important; } .rightFix .fix-jb { background-position: 10px -42px; } .rightFix .fix-jb:hover { background-position: -33px -42px; } .rightFix .fix-jb:hover .fjb { width: 550px !important; text-align: left; padding: 50px; background: url(../img/right3.jpg); background-size: cover; } .rightFix .fix-jb .fjb { width: 0; } .rightFix .fix-jb:hover .fjb h3 { font-size: 16px; color: #dfb747; font-weight: 400; margin-bottom: 10px; letter-spacing: 3px; } .rightFix .fix-jb:hover .fjb h4 { font-size: 38px; margin-bottom: 0; color: #fff; line-height: 1.1; } .rightFix .fix-jb:hover .fjb p { font-size: 15px; line-height: 1.5; font-weight: 400; color: #fff; } .rightFix .fix-jb:hover .fjb .fjb_tel { width: 60px; height: 60px; background: url(../img/jb_tel.png?v=2); background-repeat: no-repeat; background-size: cover; } .rightFix .fix-jb:hover .fjb .fjb_txt { margin-left: 20px; } .rightFix .fix-jb:hover .fjb p span { color: #97a3ff; margin-left: 5px; } .rightFix .ico .fjb { width: 0%; text-align: center; line-height: 48px; position: fixed; left: -78px; bottom: 122px; right: 4% !important; background: #fff; color: #000; display: block; left: auto !important; font-weight: bold; font-size: 18px; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; /* border-radius: 48px; */ } .rightFix .ico .fjb { background: #FFFFFF; box-shadow: 0 6px 15px rgb(0 0 0 / 30%); overflow: hidden; width: 0; height: 251px; } .rightFix .fix-kf { background-position: 10px -41px; } .rightFix .fix-kf:hover { background-position: -33px -41px; } .index_zhanqun_li_last a { text-indent: 0 !important; } .index_zhanqun_li_last a::before { display: none !important; } .index_zhanqun_li_last a span { color: #1647b5; font-size: 20px; margin-right: 10px; left: 0 !important; } .index_zhanqun .index_zhanqun_li a { font-size: 16px; line-height: 1.8; font-weight: 400; display: block; text-indent: 1em; position: relative; text-align: left; } .index_zhanqun .index_zhanqun_li a::before { display: block; content: ""; position: absolute; width: 3px; height: 3px; background: #60d0f4; top: 12px; left: 0; } .index_zhanqun .index_zhanqun_li h3 { color: #1546b5; text-align: left; font-size: 20px; /* border-left: 3px solid #1546b5; */ /* padding-left: 20px; */ border-bottom: 1px solid #bfbfbf; line-height: 36px; margin-top: 10px; } .index_zhanqun .index_zhanqun_li { padding: 20px 50px; text-align: center; border-right: 1px solid #f1f1f1; } .index_zhanqun_li4 { background: #1546b5; color: #ffffff; height: 100%; } .index_zhanqun_li4 h4 { margin-top: 30px; font-size: 22px; font-weight: 800; } .index_zhanqun_li4_sou input, .index_zhanqun_li4_sou input { line-height: 40px; border-radius: 20px; border: 1px solid #FFFFFF; background: #1546b5; width: 90%; text-indent: 1em; } .index_zhanqun_li4_sou p { font-size: 14px; margin-bottom: 50px; } .wrap { border: 3px solid #f00; width: 600px; height: 200px; position: relative; overflow: hidden; } .wrap ul { overflow: hidden; position: absolute; width: 1600px; left: 0; top: 0; _height: 1px; } .wrap ul li { float: left; width: 200px; } /* 内页banner */ .nei_banner { background-size: cover !important; height: 350px; overflow: hidden; position: relative; width: 100%; margin-top: -80px; background-position: center !important; background-repeat: no-repeat !important; } .nei_banner_mid { height: 350px; position: relative; } .nei_banner_txt { position: absolute; z-index: 2; left: 0; bottom: 102px; text-align: left; width: 100%; overflow: hidden; } .nei_banner_txt h5 { font-size: 38px !important; text-transform: uppercase; color: #fff; margin-top: 140px; position: relative; opacity: 1; display: inline-grid; letter-spacing: 4px; font-weight: 400; overflow: hidden; padding-bottom: 10px; display: inline-table; } .nei_banner_txt h5::after { display: block; content: ''; position: absolute; width: 50%; height: 5px; /* border-radius: 50%; */ /* border: 1px solid #fff; */ /* top: 86px; */ /* top: -10px; */ /* right: -10px; */ background: #1647b5; bottom: 0; animation: fade-banner; animation-duration: 1.5s; -webkit-animation: fade-banner 1.5s; } .nei_banner_txt h2::after {} .nei_banner_txt h2 { color: #fff; display: block; opacity: .15; margin-top: -113px; letter-spacing: 5px; font-weight: 400; text-transform: uppercase; font-size: 80px; font-weight: bold; font-family: "PB"; margin-left: -3px; line-height: 80px; width: 100%; } .top100 { height: 100px; width: 100%; } .snav { height: 65px; width: 100%; border-bottom: 1px solid #ececec; overflow: hidden; } .snav .snav_box { text-align: left; line-height: 65px; color: #333333; } .snav .snav_box .snav_box_weizhi i { margin-top: 0 !important; color: #60d0f4; } .snav .snav_box .snav_box_weizhi { color: #bbb; font-size: 14px; } .snav .snav_box .snav_box_weizhi a { margin: auto 5px; color: #999; } .snav .snav_box .snav_box_erji .active { color: #fff; background: #1546b5; } /* .snav .snav_box .snav_box_erji .active:before { background: #1546b5; position: absolute; left: 0; width: 100%; content: ""; bottom: 0; height: 3px; z-index: 2; } */ @media screen and (min-width: 1400px) { .snav .snav_box_erji a { display: block; float: left; padding: 0 24px; position: relative; font-size: 18px; } } @media screen and (max-width: 1399px) { .snav .snav_box_erji a { display: block; float: left; padding: 0 14px; position: relative; font-size: 16px; } } .snav .snav_box_erji a:hover { color: #1546b5; } .pub_width_84 { width: 84%; } .max1270 { max-width: 1270px; } /* 内页banner */ .list_new { margin: 30px 0; } .padding-bottom-30{ padding-bottom: 30px; } .list_new .list_new_li { border-radius: 5px; overflow: hidden; background: #FFFFFF; margin-bottom: 30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_new .list_new_li:hover { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; box-shadow: 1px 2px 15px 0px rgb(0 0 0 / 43%); } .list_new .list_new_li .list_new_li_img { border-radius: 5px; float: left; height: 200px; display: flex; align-items: center; overflow: hidden; } .list_new .list_new_li:hover .list_new_li_img img { transform: scale(1.1); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_new .list_new_li .list_new_li_img img { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 100%; min-height: 200px; } .list_new .list_new_li .list_new_li_txt { float: right; text-align: left; padding-left: 60px; } .list_new .list_new_li .list_new_li_txt .list_new_li_txt_tit { font-size: 18px; color: #333333; font-weight: 800; margin-top: 30px; } .list_new .list_new_li:hover .list_new_li_txt .list_new_li_txt_tit { color: #000; } .list_new .list_new_li .list_new_li_txt .list_new_li_txt_date { margin-bottom: 20px; } .list_new .list_new_li .list_new_li_txt_more { border: 1px solid #999; line-height: 36px; height: 36px; width: 150px; text-align: center; margin-top: 20px; color: #999; } .list_new .list_new_li .list_new_li_txt_more2 { border: 1px solid #999; line-height: 36px; height: 36px; width: 150px; text-align: center; margin-top: 20px; color: #999; margin: 60px 60px 0 0; } .list_new .list_new_li .list_new_li_txt_more3 { border: 1px solid #999; line-height: 36px; height: 36px; width: 150px; text-align: center; margin-top: 20px; color: #999; margin: 82px 60px 0 0; } .list_new .list_new_li:hover .list_new_li_txt_more,.list_new .list_new_li:hover .list_new_li_txt_more2 ,.list_new .list_new_li:hover .list_new_li_txt_more3{ border: 1px solid #1546b5; background: #1546b5; color: #fff; } .list_new .list_new_li .list_new_li_txt_xiazai { border: 1px solid #999; line-height: 36px; height: 36px; width: 150px; text-align: center; margin-top: 20px; color: #999; } .list_new .list_new_li:hover .list_new_li_txt_xiazai { border: 1px solid #1546b5; color: #1546b5; } .list_new .list_new_li .time1 { font-size: 64px; font-family: fantasy; font-weight: 400; text-align: center; color: #1546b5; line-height: 50px; margin-top: 60px; } .list_new .list_new_li .time2 { font-size: 16px; color: #666; font-weight: 400; text-align: center; } .list_new .list_new_li .list_new_li_txt .list_new_li_txt_info { font-size: 14px; color: #999; font-weight: 400; } .list_new_gonggao {} .list_new_gonggao .list_new_li .list_new_li_txt_more, .list_new_gonggao .list_new_li .list_new_li_txt_xiazai { margin-top: 10px !important; } .list_new_gonggao .list_new_li { height: 140px !important; } .list_new_gonggao .list_new_li .time1 { margin-top: 35px !important; } .list_new_jiazai, .list_new_jiazai .list_new_more_none { position: relative; overflow: hidden; height: 60px; line-height: 60px; color: #666666; } .list_new_jiazai .list_new_more { position: absolute; left: 0; width: 100%; text-align: center; top: 0; line-height: 60px; z-index: 2; } .list_new .list_new_more { cursor: pointer; line-height: 60px; background: #F1F1F1; text-align: center; font-size: 18px; color: #333333; border-radius: 5px; margin-bottom: 30px; } .list_new .list_new_more:hover { background: #c23630; color: #FFFFFF; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .nei_body1 { background: #f7f7f7; position: relative; overflow: hidden; } @keyframes fadeintm { 0% { opacity: .2; } 50% { opacity: 1; } 100% { opacity: .2; } } @keyframes mymove { 0% { transform: scale(1); /*开始为原始大小*/ } 25% { transform: scale(1.1); /*放大1.1倍*/ } 50% { transform: scale(1); } 75% { transform: scale(1.1); } } @-webkit-keyframes mymove /*Safari and Chrome*/ { 0% { transform: scale(1); /*开始为原始大小*/ } 25% { transform: scale(1.1); /*放大1.1倍*/ } 50% { transform: scale(1); } 75% { transform: scale(1.1); } } /* 业务架构 */ .page_jiagou .page_jiagou_top { text-align: left; color: #333333; overflow: hidden; } .page_jiagou { margin: 100px auto; position: relative; overflow: hidden; } .page_jiagou .page_jiagou_top .page_jiagou_top_img img { width: 100px; opacity: .4; } .page_jiagou .page_jiagou_top .page_jiagou_top_img { text-align: center; } .page_jiagou .page_jiagou_top .page_jiagou_top_txt h3 { font-size: 26px !important; margin-bottom: 0; color: #444; display: inline-block; } .page_jiagou .page_jiagou_top .page_jiagou_top_txt h4 { color: #dfdfdf; text-transform: uppercase; font-weight: 800; margin: 2px 0; letter-spacing: 2px; font-family: "pb"; font-size: 16px; margin-top: -4px; } .page_jiagou .page_jiagou_top .page_jiagou_top_txt h5 { font-size: 16px; color: #666; font-weight: 400; position: relative; } .page_jiagou .page_jiagou_top .page_jiagou_top_txt .page_jiagou_top_txt_tit { position: relative; overflow: hidden; padding: 0 0 10px; margin-bottom: 10px; } .page_jiagou .page_jiagou_top .page_jiagou_top_txt .page_jiagou_top_txt_tit .page_jiagou_top_txt_tit_img img { height: 41px; } .page_jiagou .page_jiagou_top .page_jiagou_top_txt .page_jiagou_top_txt_tit .page_jiagou_top_txt_tit_img { margin-right: 20px; } .page_jiagou .page_jiagou_top .page_jiagou_top_txt .page_jiagou_top_txt_tit::before { display: block; content: ""; height: 1px; width: 100%; background: #e9e9e9; bottom: 0; position: absolute; z-index: 3; } .page_jiagou .page_jiagou_top .page_jiagou_top_txt .page_jiagou_top_txt_info { font-size: 15px; color: #666; margin-bottom: 0; } .page_bankuai { background: #e8dfc8; padding: 100px 0; width: 100%; } .page_bankuai .page_bankuai_box { overflow: hidden; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_body { width: 98%; background: #FFFFFF; height: 420px; overflow: hidden; padding-left: 30px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .page_bankuai .page_bankuai_box_li:hover .page_bankuai_box_li_body { background: #3e3e3e; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .page_bankuai .page_bankuai_box_li { text-align: left; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_tit .page_bankuai_box_li_tit_cn { font-size: 20px; color: #333333; line-height: 20px; } .page_bankuai .page_bankuai_box_li:hover .page_bankuai_box_li_tit .page_bankuai_box_li_tit_cn { font-size: 20px; color: #FFFFFF; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_tit { margin: 20px 0 40px 0; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_tit .page_bankuai_box_li_tit_en { font-size: 12px; color: #dad4c8; text-transform: uppercase; } .page_bankuai .page_bankuai_box_li:hover .page_bankuai_box_li_tit .page_bankuai_box_li_tit_en { color: #deceb1; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_img, .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_img img { height: 57px; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_img { margin-top: 95px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .page_bankuai .page_bankuai_box_li:hover .page_bankuai_box_li_img { margin-top: 65px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .page_bankuai .page_bankuai_box_li .ico_jin { display: block; opacity: 0.8; } .page_bankuai .page_bankuai_box_li .ico_bai { display: none; } .page_bankuai .page_bankuai_box_li:hover .ico_jin { display: none !important; } .page_bankuai .page_bankuai_box_li:hover .ico_bai { display: block !important; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_txt { font-size: 14px; padding-right: 40px; color: #7f786b; line-height: 20px; } .page_bankuai .page_bankuai_box_li:hover .page_bankuai_box_li_txt { color: #e2e2e2; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_more { position: relative; cursor: pointer; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_more .page_bankuai_box_li_more_img { position: absolute; left: -100px; top: 30px; } .page_bankuai .page_bankuai_box_li:hover .page_bankuai_box_li_more .page_bankuai_box_li_more_img { position: absolute; left: 0; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; } .art_jiagou .h3 { position: relative; z-index: 2; } .art_jiagou .page_jiagou_top_txt h4 { margin: -84px 0 0 0 !important; letter-spacing: 0px !important; font-size: 71px !important; color: #f3f3f3 !important; } .art_jiagou .page_jiagou_top_txt h3 { z-index: 2; position: relative; margin-top: 42px; } .art_jiagou .page_jiagou_top_txt h3::before { display: block; content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #f34231; right: -10px; top: 0; } .page_jiagou_info {} .pub_art_body td{ border:1px solid #eee !important; } .pub_art_body .fujian img { width: 20px; /* float: left; */ float: left; margin: 0 5px 0 0 !important; } .pub_art_body p { margin-bottom: 0 !important; line-height: 2; } .pub_art_body { background: #f9fcff; padding: 50px; } .pub_art_body img { max-width: 800px !important; display: block !important; margin: 20px auto !important; height: auto !important; } .pub_art_body section { margin: auto; max-width: 100% !important; } .pub_art_body p { text-align: justify ; } .index_switchsize .active { color: #1546b5 !important; } .pub_art_body, .pub_art_body p, .pub_art_body span { font-size: 24px !important; font-family: 宋体 !important; } .pub_art_body p, .pub_art_body span { background: none !important; } .pub_art_body { margin: 50px 0; font-size: 16px; text-align: left; color: #000; line-height: 36px; } .art_jiagou .art_ico1 { overflow: hidden; margin-top: 28px; height: 50px; width: 100%; text-align: right; background: url(../img/art_ico1.png) no-repeat; } .art_jiagou .art_ico1 a.active { display: none; } .art_jiagou .art_ico1 a { margin-left: 10px; font-size: 18px; font-weight: 800; color: #333333; line-height: 50px; } .art_jiagou .art_ico1 a:hover { color: #1546b5; } .nei_body2 { background: #FFFFFF; position: relative; overflow: hidden; } .page_jiagou_info { padding: 50px 0; background: #f5f5f5; } .list_qiye { margin-left: -1%; color: #323333; } .list_qiye .list_qiye_li { width: 49%; float: left; margin-left: 1%; position: relative; overflow: hidden; margin-bottom: 15px; } .list_qiye .list_qiye_li, .list_qiye .list_qiye_li .list_qiye_li_img, .list_qiye .list_qiye_li .list_qiye_li_zhezhao { height: 380px; } .list_qiye .list_qiye_li .list_qiye_li_txt_logo img { width: 100%; } .list_qiye .list_qiye_li .list_qiye_li_txt_logo { width: 100px; height: 100px; border-radius: 50%; margin: auto; z-index: 3; overflow: hidden; margin-bottom: 30px; opacity: 1; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li:hover .list_qiye_li_txt_logo { opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li .list_qiye_li_img img { width: 100%; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li:hover .list_qiye_li_img img { width: 100%; transform: scale(1.1); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li .list_qiye_li_zhezhao { background: rgb(0 0 0 / 40%); width: 100%; position: absolute; top: 0; z-index: 2; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li:hover .list_qiye_li_zhezhao { background: rgb(0 0 0 / 80%); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li .list_qiye_li_txt { top: 115px; width: 100%; position: absolute; z-index: 3; left: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li:hover .list_qiye_li_txt { top: 100px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li .list_qiye_li_txt h4 { position: relative; color: #FFFFFF; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li:hover .list_qiye_li_txt h4 { margin-top: -100px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li .list_qiye_li_txt h4::before { display: block; position: absolute; content: ""; bottom: -10px; height: 2px; background: #1546b5; width: 0; left: 50%; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li:hover .list_qiye_li_txt h4::before { display: block; position: absolute; content: ""; bottom: -23px; width: 10%; left: 45%; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li .list_qiye_li_txt_info { opacity: 0; font-size: 14px; } .list_qiye .list_qiye_li:hover .list_qiye_li_txt_info { opacity: 1; color: #a9a9a9; width: 90%; margin: auto; padding: 20px 0; } .list_qiye .list_qiye_li .list_qiye_li_txt_more { opacity: 0; font-size: 14px; text-align: center; } .list_qiye .list_qiye_li:hover .list_qiye_li_txt_more { opacity: 1; font-size: 35px; color: #e64338; font-weight: 100; line-height: 35px; } #card_bankuai .card-head-nav li { display: inline-flex; margin: 0 20px; position: relative; } #card_bankuai .card-head-nav .active::before { position: absolute; content: ""; bottom: -4px; width: 100%; height: 4px; background: #1546b5; } #card_bankuai .card-head-nav .active a { color: #333333; font-weight: 800; } #card_bankuai .card-head-nav li a { font-size: 30px; padding: 0; color: #666666; font-weight: 800; } #card_bankuai .card-head-nav { display: block; width: 700px; margin: 0 auto 37px auto; border-bottom: 4px solid #f1f1f1; } .page_jiagou_line1 { padding: 80px 0 100px; } .page_qy { padding: 30px 0; overflow: hidden; } .pub_shaixuan { background: #FFFFFF; text-align: left; margin-bottom: 30px; height: 60px; } .pub_shaixuan, .pub_shaixuan a { line-height: 30px; font-size: 16px; } .pub_shaixuan .pub_shaixuan_left .pub_shaixuan_left_1 { background: #dfdace; color: #333333; text-align: center; padding-top: 15px; height: 60px; } .pub_shaixuan .pub_shaixuan_left .pub_shaixuan_left_2 a { color: #333333; font-size: 16px; display: block; padding: 0 15px; float: left; margin-top: 15px; margin-left: 25px; } .pub_shaixuan .pub_shaixuan_left .pub_shaixuan_left_2 a.current, .pub_shaixuan .pub_shaixuan_left .pub_shaixuan_left_2 a:hover { background: #1546b5; color: #FFFFFF; border-radius: 38px; } .pub_shaixuan .pub_shaixuan_right form input { height: 30px; line-height: 30px; border-radius: 20px; background: #dfdace; border: none; margin-top: 14px; text-indent: 1em; font-size: 14px; font-size: 0.875rem; color: #333333; } .pub_shaixuan .pub_shaixuan_right form button { width: 70px; height: 30px; line-height: 30px; margin-left: -20px; background: #1546b5; text-align: center; color: #FFFFFF; font-size: 14px; border: none; border-radius: 0 20px 20px 0; } .pub_shaixuan .pub_shaixuan_right form { float: right; margin-right: 17px; } .div_h_100 { width: 100%; overflow: hidden; height: 100px; } .art_body .art_body_top { margin-top: 100px; text-align: left; } .art_body .art_body_top .art_body_date { color: #1546b5; } .art_body .art_body_top .art_body_tit h1 { color: #333333; padding-bottom: 15px; line-height: 1.2; /* display: inline-block; */ margin-bottom: 30px; font-size: 50px; text-align: center; } .index_switchsize { margin-left: 20px; } #article { opacity: 0; height: 0px; position: absolute; } #bd_msg { height: 2rem; text-align: center; position: fixed; top: 50%; margin-top: -1rem; line-height: 2rem; width: 100%; z-index: 99; } .fuzhi { border: none; } #bd_msg span { color: #fff; background: rgba(0, 0, 0, 0.6); display: inline-block; padding: 1rem 3rem; border-radius: 5px; font-size: 19px; } .art_body .art_body_top .art_body_info, .art_body .art_body_top .art_body_info a { font-size: 16px; color: #999; } .art_body .art_body_top .fuzhi:hover, .art_body .art_body_top .dayin:hover, .art_body .art_body_top .weixin:hover { color: #1546b5; } .art_body .art_body_top .art_body_info { font-size: 16px; margin-bottom: 50px; border-top: 1px solid #e0e0e0; padding-bottom: 10px; margin-top: -14px; letter-spacing: 1px; padding-top: 10px; display: flex; text-align: center; justify-content: center; align-items: center; } .art_body .art_body_top .art_body_info .art_body_info_li { display: inline-block; height: 20px; line-height: 20px; } .art_body .art_body_top .art_body_info .fuzhi { background: url(../img/fuzhi1.png); margin-left: 20px; background-size: contain; background-repeat: no-repeat; text-align: left; padding-left: 25px; } .art_body .art_body_top .art_body_info .shoucang { background: url(../img/shoucang.png); margin-left: 20px; background-size: contain; background-repeat: no-repeat; text-align: left; padding-left: 25px; line-height: 1.4; } .art_body .art_body_top .art_body_info .dayin { background: url(../img/dayin.png); background-size: contain; cursor: pointer; margin-left: 20px; height: 20px; background-repeat: no-repeat; text-align: left; padding-left: 25px; } .art_body .art_body_top .art_body_info .weixin { background: url(../img/wx33.png); background-size: contain; cursor: pointer; margin-left: 20px; height: 20px; background-repeat: no-repeat; text-align: left; padding-left: 25px; position: relative; } .art_body .art_body_top .art_body_info .weixin .weixin_hover img { width: 100%; } .art_body .art_body_top .art_body_info .weixin .weixin_hover { top: 50px; position: absolute; display: none; width: 150px; border: 1px solid #eee; left: 50%; margin-left: -75px; animation: fade-in; font-size: 14px; animation-duration: 0.5s; -webkit-animation: fade-in 0.5s; z-index: 9; } .art_body .art_body_top .art_body_info .weixin:hover .weixin_hover { top: 30px; display: block; animation: fade-in; font-size: 14px; animation-duration: 0.5s; -webkit-animation: fade-in 0.5s; } .pub_art_shangxia { margin: 50px 0; line-height: 30px; padding: 25px 0; background: #f7f8fa; color: #727b82; overflow: hidden; } .pub_art_shangxia .pub_art_shangxia_l .ico { background-position: 0% center; border-right: 1px solid #e4e6e5; text-align: center; } .pub_art_shangxia .x6 {} .pub_art_shangxia .x6:hover ico, .pub_art_shangxia .x6:hover a, .pub_art_shangxia .x6:hover { color: #1546b5; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .pub_art_shangxia .pub_art_shangxia_r .ico { background-position: 0% center; border-left: 1px solid #e4e6e5; } .pub_art_shangxia .pub_art_shangxia_l .x10 { text-align: left; padding-left: 20px; } .pub_art_shangxia .pub_art_shangxia_r .x10 { text-align: right; padding-right: 20px; } /* 人才理念 */ .page_rencai { position: relative; height: 930px; margin: 100px 0; overflow: hidden; } .page_rencai .page_rencai_bg { position: relative; float: left; z-index: 1; height: 930px; text-align: left; overflow: hidden; width: 60%; } .page_rencai .page_rencai_body { position: absolute; width: 85%; right: 0; top: 100px; z-index: 12; height: 730px; overflow: hidden; } .page_rencai .page_rencai_body img { display: block; float: right; } .page_rencai_body_txt { position: absolute; width: 80%; color: #333333; top: 50px; left: 50px; text-align: left; height: 800px; overflow: hidden; } .page_rencai_body_txt p { margin-bottom: 0 !important; line-height: 1.5; } .page_rencai_body .page_rencai_tit .page_rencai_tit_en { font-size: 26px; font-weight: 400; color: #999999; } .page_rencai_body .page_rencai_tit .page_rencai_tit_cn { font-size: 36px; font-weight: 800; color: #333333; position: relative; } .page_rencai_body .page_rencai_tit .page_rencai_tit_cn::before { display: block; content: ""; position: absolute; top: 0px; width: 100px; height: 5px; background: #1546b5; } .page_rencai_body .page_rencai_tit { margin-bottom: 30px; } .page_rencai_body_txt_box strong::before { display: block; content: ""; position: absolute; top: 6px; left: 0; width: 8px; height: 8px; background: #1546b5; } .page_rencai_body_txt_box strong { position: relative; /* text-indent: 1rem; */ padding-left: 12px; } .list_zhiye .list_zhiye_li_img { width: 710px; height: 430px; overflow: hidden; } .list_zhiye .list_zhiye_li_img img { width: 100%; min-height: 430px; } .list_zhiye .list_zhiye_li_txt { width: 505px; text-align: left; padding-top: 100px; color: #333333; } .list_zhiye .list_zhiye_li_txt h3 { font-weight: 800; color: #333333; font-size: 21px; margin-bottom: 50px; } .list_zhiye .list_zhiye_li_txt_info { background: #e9e5db; padding: 30px; position: relative; border-radius: 0 81px; } .list_zhiye .list_zhiye_li_txt_info .list_zhiye_li_img_ico1 { position: absolute; left: 34px; width: 30px; height: 30px; top: -15px; } .list_zhiye .list_zhiye_li_txt_info .list_zhiye_li_img_ico2 { position: absolute; right: 34px; width: 30px; height: 30px; bottom: -15px; } .list_zhiye .list_zhiye_line { padding: 100px 0; } .list_zhiye .list_zhiye_line1 .list_zhiye_li_img, .list_zhiye .list_zhiye_line3 .list_zhiye_li_img, .list_zhiye .list_zhiye_line5 .list_zhiye_li_img, .list_zhiye .list_zhiye_line7 .list_zhiye_li_img { float: left; } .list_zhiye .list_zhiye_line1 .list_zhiye_li_txt, .list_zhiye .list_zhiye_line3 .list_zhiye_li_txt, .list_zhiye .list_zhiye_line5 .list_zhiye_li_txt, .list_zhiye .list_zhiye_line7 .list_zhiye_li_txt { float: right; } .list_zhiye .list_zhiye_line2 .list_zhiye_li_img, .list_zhiye .list_zhiye_line4 .list_zhiye_li_img, .list_zhiye .list_zhiye_line6 .list_zhiye_li_img, .list_zhiye .list_zhiye_line8 .list_zhiye_li_img { float: right; } .list_zhiye .list_zhiye_line2 .list_zhiye_li_txt, .list_zhiye .list_zhiye_line4 .list_zhiye_li_txt, .list_zhiye .list_zhiye_line6 .list_zhiye_li_txt, .list_zhiye list_zhiye_line8 .list_zhiye_li_txt { float: left; } .list_zhiye .list_zhiye_line2, .list_zhiye .list_zhiye_line4, .list_zhiye .list_zhiye_line6, .list_zhiye .list_zhiye_line8 { background: #f6f8fb; } /* 人才招聘 */ .page_zhaopin .page_zhaopin_shaixuan { background: #FFFFFF; text-align: left; height: 30px; } .page_zhaopin .page_zhaopin_shaixuan, .page_zhaopin .page_zhaopin_shaixuan a { line-height: 30px; font-size: 14px; } .page_zhaopin .page_zhaopin_shaixuan .pub_shaixuan_left .pub_shaixuan_left_1 { color: #333333; text-align: center; height: 30px; } .page_zhaopin .page_zhaopin_shaixuan .pub_shaixuan_left .pub_shaixuan_left_2 a { color: #333333; margin-top: 3px; font-size: 14px; display: block; padding: 0 15px; float: left; margin-left: 5px; line-height: 24px; } .page_zhaopin .page_zhaopin_shaixuan .pub_shaixuan_left .pub_shaixuan_left_2 a.current, .page_zhaopin .page_zhaopin_shaixuan .pub_shaixuan_left .pub_shaixuan_left_2 a:hover { background: #1546b5; color: #FFFFFF; border-radius: 38px; } .page_zhaopin .zhiwei_sousuo { width: 100%; background: #FFFFFF; overflow: hidden; } .page_zhaopin .zhiwei_sousuo form input { height: 40px; line-height: 40px; background: #F1F1F1; border: 1px solid #dcdcdc; /* margin-top: 14px; */ text-indent: 1em; font-size: 14px; font-size: 0.875rem; color: #333333; width: 713px; float: left; } .page_zhaopin .zhiwei_sousuo form button { width: 70px; margin-left: -20px; background: #1546b5; text-align: center; color: #FFFFFF; font-size: 14px; border: none; height: 40px; line-height: 40px; width: 110px; } .page_zhaopin .zhiwei_sousuo form { float: left; margin: 0 20px 10px; width: 805px; } .page_zhaopin .page_zhaopin_top { background: #FFFFFF; border-radius: 5px; padding: 30px 0; margin: 20px 0; } .page_zhaopin .page_zhaopin_top h3 { color: #333; text-align: left; /* text-indent: 1em; */ padding-left: 20px; font-size: 18px; } .page_zhaopin .page_zhaopin_list { background: #FFFFFF; border-radius: 5px; margin: 30px 0; position: relative; overflow: hidden; } .page_zhaopin_list { color: #333333; } .page_zhaopin_list .page_zhaopin_list_li { padding: 20px 0; overflow: hidden; border-bottom: 1px dashed #e0e0e0; } .page_zhaopin_list .page_zhaopin_list_li .page_zhaopin_list_li_left { text-align: left; padding-left: 20px; } .page_zhaopin_list .page_zhaopin_list_li .page_zhaopin_list_li_right { text-align: right; padding-right: 20px; } .page_zhaopin_list .page_zhaopin_list_li h4, .page_zhaopin_list .page_zhaopin_list_li span { line-height: 40px; } .page_zhaopin_list .page_zhaopin_list_li span { color: #D44217; font-weight: 400; font-size: 16px; } .page_zhaopin_list .page_zhaopin_list_li h4 { font-size: 18px; margin-bottom: 5px; } .page_zhaopin_list .page_zhaopin_list_li .page_zhaopin_list_li_info, .page_zhaopin_list .page_zhaopin_list_li .page_zhaopin_list_li_date { font-size: 14px; color: #666666; } .page_zhaopin .page_zhaopin_r { margin-top: 20px; overflow: hidden; text-align: left; color: #333333; } .page_zhaopin .page_zhaopin_r .page_zhaopin_r_box { background: #FFFFFF; margin-left: 20px; padding: 30px 20px 20px 20px; } .page_zhaopin .page_zhaopin_r .page_zhaopin_r_box h2 { font-size: 18px; border-bottom: 1px solid #cccccc; margin-bottom: 30px; padding-bottom: 10px; } .page_zhaopin .page_zhaopin_r .page_zhaopin_r_box h6 { font-size: 14px !important; font-weight: 400; line-height: 26px; margin-bottom: 5px; } .page_zhaopin .page_zhaopin_r .page_zhaopin_r_box span { margin-right: 15px; } .page_zhaopin .page_zhaopin_left {} .page_zhaopin .page_zhaopin_r .page_zhaopin_r_box img { width: 310px; } .page_gongkai_tit { font-size: 16px; color: #333333; line-height: 20px; margin: 30px 0 10px; overflow: hidden; } .page_gongkai_tit a { font-size: 16px; color: #333333; display: block; float: left; line-height: 16px; border-right: 1px solid #CCCCCC; padding: 0 10px; } .page_gongkai_tit a:hover, .page_gongkai_tit a.current { font-size: 16px; color: #1546b5; } .page_gongkai_list_li_date { text-align: center; color: #333333; height: 120px; width: 115px; } .page_gongkai_list_li_date_box { background: #f4f4f4; text-align: center; color: #333333; overflow: hidden; height: 80px; width: 95px; margin: 20px 20px 0 0; } .page_gongkai_list_li_date_top { letter-spacing: 4px; border-bottom: 1px solid #d0d0d0; width: 80px; margin: 10px auto 0; color: #666; } .page_gongkai_list_li_date_bot { font-size: 18px; letter-spacing: 6px; color: #666; } .page_gongkai_list_li { background: #FFFFFF; overflow: hidden; margin-bottom: 30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .page_gongkai_list_mid { width: 960px; text-align: left; color: #333333; padding: 45px 0 0 20px; } .page_gongkai_list_mid a { font-size: 16px; color: #666; } .page_gongkai_list_mid h4 { margin-bottom: 10px; font-size: 20px; } .page_gongkai_list_li:hover a { color: #1546b5; } .page_gongkai_list_ico, .page_gongkai_list_ico1 { width: 145px; height: 145px; } .page_gongkai_list { margin-top: 30px; } .page_gongkai_list_li:hover { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; box-shadow: 1px 2px 15px 0px rgb(0 0 0 / 43%); } .page_gongkai_list_ico { background: url(../img/xiazai_ico.png); background-repeat: no-repeat; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; background-position: center; } .page_gongkai_list_li:hover .page_gongkai_list_ico { background: url(../img/xiazai_ico_on.png); background-repeat: no-repeat; background-position: center; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .page_gongkai_list_ico1 { background: url(../img/xiazai_ico1.png); background-repeat: no-repeat; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; background-position: center; } .page_gongkai_list_li:hover .page_gongkai_list_ico1 { background: url(../img/xiazai_ico_on1.png); background-repeat: no-repeat; background-position: center; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .lianxi { position: absolute; top: 0; left: 0; z-index: 2; } .page_lianxi_tit h3 { font-size: 20px; font-weight: 800; color: #333333; position: relative; text-align: left; display: initial; } .page_lianxi_tit h2 { font-size: 30px; font-weight: 400; opacity: .2; margin-bottom: 0; text-transform: uppercase; } .page_lianxi_tit h3::before { content: ""; display: block; position: absolute; bottom: 12px; right: -75px; width: 64px; height: 2px; background: #60d0f4; } .page_lianxi_tit { margin: 30px 0 20px; text-align: left; } .page_lianxi_left { color: #333333; text-align: left; } .page_lianxi_body { position: relative; overflow: hidden; } .page_lianxi_left h5 { font-size: 16px; font-weight: 400; color: #666666; border-bottom: 1px solid #ced6de; line-height: 70px; margin-bottom: 0; } .page_lianxi_left h5 span a { color: #1546b5; margin-left: 10px; } .page_lianxi_left_text { border-bottom: 1px solid #ced6de; overflow: hidden; padding: 30px 0; margin-bottom: 20px; } .page_lianxi_left_text h4 { font-size: 14px; font-weight: 400; color: #999; margin-bottom: 0; } .page_lianxi_left_text h3 { font-size: 20px; font-weight: 400; letter-spacing: 4px; color: #333; margin-bottom: 0; /* font-family: pb; */ margin-top: 3px; } .page_lianxi_left_ewm { display: inline-block; text-align: center; margin-bottom: 30px; } .page_lianxi_left_ewm img { width: 150px; } .page_lianxi_right .form-group1 input { width: 98%; float: left; margin-bottom: 10px; } .page_lianxi_right .form-group2 input { width: 98%; float: right; margin-bottom: 10px; } .page_lianxi_right input { height: 60px; line-height: 60px; color: #666666; text-indent: 1em; background: #f5f5f5; border: 1px solid #e4e4e4; } .page_lianxi_right .form-group3 textarea { width: 100%; color: #666666; text-indent: 1em; line-height: 50px; min-height: 135px; background: #f5f5f5; border: 1px solid #e4e4e4; } .page_lianxi_right button { height: 60px; width: 100%; border: none; background: #1546b5; } .page_lianxi_right button:hover { background: #e6c77f; } .page_lianxi_body .card-body { text-align: left; color: #333; padding: 20px 0; height: 180px; } .page_lianxi_body .card-body .card-body_box p { margin-bottom: 5px; line-height: 1.3; } .page_lianxi_body .card-body .card-body_box { animation: fade-in; font-size: 14px; animation-duration: 0.5s; -webkit-animation: fade-in 0.5s; } .page_lianxi2 { margin-top: 50px; } .lianxi_box { width: 600px; background: #fff; position: absolute; left: 50%; margin-left: -700px !important; padding: 30px; top: 0; margin-top: 68px; box-shadow: 0px 0px 22px 5px rgb(0 0 0 / 14%); } .page_lianxi_body .card-head { border-bottom: 3px solid #ddd; padding-bottom: 30px; margin-bottom: 20px; } .page_lianxi_body ul li a span { color: #d3d3d3; margin-top: -5px; margin-left: 5px; } .page_lianxi_body .card-head li { line-height: 40px; /* display: inline-flex; */ width: 25%; float: left; text-align: left; font-size: 15px; cursor: pointer; color: #333; font-size: 16px; } .page_lianxi_body .nav { display: block !important; } .page_lianxi_body .card-head .active a { font-weight: 400; color: #000; } .page_lianxi_body .card-head .active a span { color: #1546b5; } .page_lianxi_body .card-head .active::before { content: ""; display: block; position: absolute; left: 0; height: 30px; margin-left: ; background: #f1f1f1; bottom: 6px; z-index: 1; width: 100%; border-radius: 27px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; opacity: 1; } .page_lianxi_body .card-head ul li::before { content: ""; display: block; position: absolute; left: 0; height: 30px; margin-left: ; background: #f7fcff; bottom: 7px; z-index: 1; width: 0%; opacity: 1; } .g2 { margin-right: -600px; } .g1, .g2, .g3, .g4 { float: left; } /* 专题列表 */ .list_zt { padding: 50px 0; } .list_zt_li { background: #FFFFFF; position: relative; overflow: hidden; margin-bottom: 15px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li:hover { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; box-shadow: 1px 2px 15px 0px rgb(0 0 0 / 43%); } .list_zt_li .list_zt_li_l .list_zt_li_l_img img { width: 100%; min-height: 300px; } .list_zt_li .list_zt_li_l .list_zt_li_l_img { margin: 20px; height: 380px; overflow: hidden; } .list_zt_li_r_li { margin-top: 20px; } .list_zt_li_r { padding: 20px; text-align: left; } .list_zt_li_r h4 a { font-size: 24px; color: #333333; margin-bottom: 0; } .list_zt_li_r h4 { border-left: 4px solid #1546b5; padding-left: 10px; } .list_zt_li_r ul li { border-bottom: 1px dashed #eee; line-height: 32px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li_r ul li a { font-size: 16px; color: #333333; line-height: 30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li_r ul li:hover { padding-left: 20px; background: #F1F1F1; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li_r ul li a:hover { color: #1546b5; } .list_zt_li_r_li_more { margin-top: 13px; } .list_zt_li_r ul { margin-left: 20px; } .list_zt_li_r_li_info { font-size: 14px; color: #333333; padding: 20px; border-radius: 5px; background: #f1f1f1; margin: 20px 0 20px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li_r_li_more a { width: 100px; height: 30px; font-size: 14px; text-align: center; display: block; line-height: 30px; border-radius: 5px; border: 1px solid #F1F1F1; } .list_zt_li:hover .list_zt_li_r_li_more a { color: #FFFFFF; background: #1546b5; margin-left: 10px; border: 1px solid #1546b5; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li_r_li_more a:hover { background: #1546b5 !important; } .list_zt_dangjian .page_gongkai_list_mid { width: 1140px !important; } .list_zt_dangjian .page_gongkai_list_li_date_top { border-bottom: 1px solid #ffffff !important; color: #fff !important; } .list_zt_dangjian .page_gongkai_list_li_date_bot { color: #fff !important; } .list_zt_dangjian .page_gongkai_list_li_date_box { background: #1546b5 !important; } .list_zt_dangjian .page_gongkai_list_mid p { font-size: 14px !important; color: #666 !important; display: block !important; line-height: 20px !important; } .list_zt_dangjian .page_gongkai_list_mid h4 { color: #333333; } .tousu h4 { line-height: 20px; font-size: 20px; border-left: 4px solid #D0A237; margin: 20px 0; color: #333333; text-align: left; padding-left: 10px; } .tousu .tousu_txt { font-size: 16px; color: #333333; background: #F1F1F1; padding: 20px; height: 400px; overflow-y: scroll; } .tousu .page_zhaopin_left { padding: 20px; background: #fff; } .tousu_txt::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .tousu_txt::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #535353; } .tousu_txt::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #EDEDED; } .tousu_p { font-size: 16px; color: #333333; text-align: left; line-height: 50px; } .tousu_p span { color: #AA1111; } .tousu_form { /* margin-top: 30px; */ } .tousu_form_line1_li_1 { width: 49%; float: left; margin-left: 1%; } .tousu_form_line1_li { margin-left: -1%; overflow: hidden; margin-bottom: 10px; } .tousu_form_line1_li_1 input { width: 100%; line-height: 40px; color: #000000; font-size: 14px; height: 40px; text-indent: 1em; } .tousu_form textarea { min-height: 80px; width: 100%; color: #000000; text-indent: 1em; font-size: 14px; } .tousu_form .tousu_form_btn { width: 100%; height: 40px; margin: 30px auto; line-height: 40px; border: none; text-align: center; color: #FFFFFF; background: #D0A237; } .tousu_form input, .tousu_form textarea { border: 1px solid #EEEEEE; } .tousu_form .tousu_form_btn:hover { background: #e8be5b; } .tousu .page_zhaopin_left { margin: 30px 0; } .jiaocheng_box_fixd { position: fixed; left: 20px; top: 200px; } .tousu_box .fjb { width:100% !important; text-align: left; padding: 50px; background: url(../img/right3.jpg); background-size: cover; } .tousu_box .fjb h3 { font-size: 16px; color: #dfb747; font-weight: 400; margin-bottom: 10px; letter-spacing: 3px; text-align: left; } .tousu_box .fjb h4 { font-size: 38px; margin-bottom: 0; color: #fff; line-height: 1.1; } .tousu_box .fjb p { font-size: 15px; line-height: 1.5; font-weight: 400; color: #fff; } .tousu_box .fjb .fjb_tel { width: 60px; height: 60px; background: url(../img/jb_tel.png?v=2); background-repeat: no-repeat; background-size: cover; } .tousu_box .fjb .fjb_txt { margin-left: 20px; } .tousu_box .fjb p span { color: #97a3ff; margin-left: 5px; } .tousu_box .ico .fjb { text-align: center; line-height: 48px; color: #000; display: block; font-weight: bold; font-size: 18px; } .tousu_box .ico .fjb { box-shadow: 0 6px 15px rgb(0 0 0 / 30%); overflow: hidden; height: 290px; } .jiaocheng_box_fixd p { text-indent: 0 !important; font-size: 14px !important; } /* 关于我们开始 */ .about1 .about1_tit {} .about1 .about1_tit .about1_tit_en { font-size: 20px; color: #cfcfcf; text-align: left; text-transform: uppercase; } .about1 .about1_tit .about1_tit_en span { font-size: 2.25rem; color: #999999; font-family: sans-serif; font-weight: 100; letter-spacing: 0; margin-left: -50px; } .pub_body_top { height: 80px; width: 100px; position: relative; overflow: hidden; } .about1 .about1_tit .about1_tit_cn { color: #000; text-align: left; margin-top: -7px; } /* 公共标题样式 */ .tit_line .sp1 { background: #4a9de4; } .tit_line .sp2 { background: #1546b5; } .tit_line .sp3 { background: #b8c2c8; } .tit_line span { height: 3px; display: block; float: left; } /* 公共标题样式 */ .about1_tit .sp1, .about1_tit .sp2 { width: 45px; } .about1_tit .sp3 { width: 500px; } .about1_tit { margin-top: 80px; } .about1_body { position: relative; color: #333; text-align: left; /* height: 200px; */ -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .about1_biaoqian_ico { width: 35px; height: 35px; margin: 0 auto 5px; } .about1_body_more { height: 108px; background: url(../img/about_more.png?v=1); cursor: pointer; background-repeat: repeat-x; position: absolute; bottom: 0; left: 0; text-align: center; line-height: 190px; color: #1546b5; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .about1_body_more:hover { line-height: 180px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .about1_body_no { display: none; } .about1_body_yes { height: 650px !important; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .nei_tit { text-align: left; margin: 80px 0 50px; } .nei_tit h4 { font-size: 30px; font-weight: 400; opacity: .2; text-transform: uppercase; margin-bottom: 0; } .nei_tit h3 { font-weight: 400; height: 30px; line-height: 30px; margin-left: 0 !important; color: #000000; font-size: 20px; margin: 0 0 0 10px; margin-bottom: 0; position: relative; display: initial; } .nei_tit_center { text-align: center; } .nei_tit_center h3 { margin-top: 30px; } .nei_tit_center h4 { margin-bottom: 10px; } .nei_tit_center h3:before { top: -10px !important; bottom: auto !important; width: 40px !important; left: 50% !important; margin-left: -20px !important; } .nei_tit h3:before { display: block; content: ""; position: absolute; width: 100px; height: 3px; background: #1546b5; right: -110px; bottom: 10px; } .about1_biaoqian_ico img { width: 100%; opacity: .5; } .about1_biaoqian>div:hover { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .about1_biaoqian { color: #fff; padding: 50px 0; border-bottom: 1px solid #ececec; } .about1_biaoqian>div:hover .about1_biaoqian_tit { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .page_jieshao {} .page_jieshao_left_fixd { position: fixed !important; top: -30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .page_jieshao_left_img {} .page_jieshao_left_img img { width: 100%; } @media screen and (min-width: 1400px) { .page_jieshao_left_box { width: 460px; padding-top: 50px; padding-right: 50px; } .page_jieshao_right { padding-left: 50px; padding-top: 50px; border-left: 1px solid #ececec; } } @media screen and (max-width: 1399px) { .page_jieshao_left_box { padding-top: 50px; width: 390px; } .page_jieshao_right { padding-left: 50px; padding-top: 50px; border-left: 1px solid #d5d5d5; } } .page_jieshao h4 { text-transform: uppercase; font-size: 12px; color: #999; font-weight: 400; letter-spacing: 1px; } .page_jieshao h2 { font-size: 21px; font-weight: 100; color: #1546b5; margin-bottom: 5px; } .page_jieshao h3 { font-size: 18px; font-weight: 100; color: #333; position: relative; margin-bottom: 20px; } .page_jieshao h3::before { display: block; position: absolute; bottom: -11px; width: 100%; background: #e4e4e4; right: 0; content: ""; z-index: 2; height: 1px; } .page_jieshao h2 { font-size: 20px; font-weight: 400; } .about1_biaoqian1 {} .about1_biaoqian2 {} .about1_biaoqian3 {} .about1_biaoqian_tit { font-size: 18px; font-weight: 800; } .dialog-big { height: auto !important; } .about1_biaoqian_txt h3 { color: #1546b5; font-size: 34px; font-family: fantasy; font-weight: 400; margin-bottom: 2px; } .about1_biaoqian_txt h3 strong { font-weight: 400; } .about1_biaoqian_txt h5 { color: #666; font-size: 16px; font-weight: 400; margin-bottom: 0; } .about1_biaoqian_txt { padding: 10px 0 0; opacity: 0.9; font-size: 13px; line-height: 1.5; } .about_line1 { /* background: url(../img/about_ico1.jpg); */ position: relative; background: #f9f9f9; overflow: hidden; background-position: 300px 0; } .about_line2 { /* background: url(../img/about_ico1.jpg); */ padding: 50px 0; text-align: left; color: #333; position: relative; background-attachment: fixed; } .about_line2 .nei_tit h3:before { background: #ffd025; } .about_line2 .sp1, .about_line2 .sp2 { width: 80px; } .about_line2 .sp3 { width: 500px; } .about_line2_body { padding: 50px; margin: 20px 0; border-radius: 15px; background-size: cover !important; } .about_line2_txt i, .about_line2_txt em { font-size: 150px; font-family: Arial; font-style: normal; padding-left: 30px; margin-bottom: 10px; line-height: 123px; height: 37px; color: #ffffff; opacity: .2; } .about_line2_txt em { font-size: 150px; font-family: Arial; font-style: normal; line-height: 128px; height: 65px; color: #dfdfdf; margin-left: -30px; } .color-white { color: #fff !important; } .color-black { color: #000 !important; } .color-or { color: #ffd025 !important; } .about_line2_txt { padding: 20px 0; letter-spacing: 2px; font-size: 16px; color: #000; line-height: 2; } .about_line2 .i1 { display: block; text-indent: -5px; } .about_line2 .i2 { position: absolute; } .about_line3 { position: relative; background: url(/static/upload/image/20221026/1666785116673959.jpg) no-repeat; background-position: right; background-attachment: fixed; } .about_line3 .nei_tit { margin: 20px 0 !important; } .about_line3_tit { color: #000; text-align: left; } .about_line3_tit .sp1, .about_line3_tit .sp2 { width: 80px; } .about_line3_tit .sp3 { width: 500px; } .about_line3_txt { text-align: left; color: #333333; font-size: 14px; margin: 20px 0; } .about_line3 .pub_mid {} .about_line3_body { background: #ffffff; padding: 50px 0; } .pub_sub1 a { display: block; width: 120px; height: 40px; line-height: 40px; color: #1546b5; border: 1px solid #1546b5; color: #1546b5; } .pub_sub1 a:hover { background: #1546b5; color: #ffffff; } .about_line4 { position: relative; background: url(../img/dsj1.jpg) no-repeat; background-attachment: fixed; padding: 100px 0; } .jianjie_dialog .dialog-body { background: #fff; padding: 10px; } .about_line4_head { height: 85px; text-align: center; color: #ffffff; } .about_line4_body { padding-top: 100px; margin-top: 50px; background: url(../img/dsj-ico.png) no-repeat; } .dsj_tit { font-size: 20px; font-weight: 800; color: #ffffff; } .dsj_txt { font-size: 15px; font-weight: 400; text-align: left; padding: 20px 40px; opacity: .75; color: #fff; } /* 新做的集团领导 */ .lingdao { padding: 50px 0; /* background: url(../img/ld3.jpg); */ background-attachment: fixed; } .lingdao_box { background-color: rgba(255, 255, 255, .77); padding: 80px 0 30px 0; box-shadow: 1px 1px 12px rgb(36 56 100 / 10%); } .lingdao_li { margin-bottom: 50px; } .lingdao_li_l { width:117px; height: 172px; overflow: hidden; } .lingdao_li_l img{ width: 100%; } .lingdao_li_r { text-align: left; padding-left: 150px; } .lingdao_li_r h3 { font-size: 20px; font-weight: 800; margin-bottom: 20px; margin-top: 30px; color: #000; position: relative; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; line-height: 36px; height: 36px; box-sizing: border-box; } .lingdao_li_r h3::before { display: block; content: ""; bottom: -0.1rem; height: 0.1rem; background: #e6e6e6; width: 100%; z-index: 1; position: absolute; } .lingdao_li .lingdao_li_r h3::after { display: block; content: ""; bottom: -0.1rem; height: 0.1rem; background: #1546b5; width: 0; z-index: 2; position: absolute; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .lingdao_li:hover .lingdao_li_r h3::after { width: 100%; } .lingdao_li_r span { font-size: 18px; font-weight: 400; color: #666; } .lingdao_li_r .lingdao_li_r_txt { font-size: 18px; font-weight: 400; color: #666; line-height: 1.5; } .about_line_lingdao { padding: 30px 0 120px; position: relative; background: #f4fcff; background-position: bottom ceter; background-size: 100%; } .about_line_lingdao_box { display: inline-block; margin: 0 auto 50px; position: relative; } .about_line_lingdao_box:hover .about_line_lingdao_img { border: 1px solid #1546b5; box-sizing: border-box; } .about_line_lingdao_img { width: 117px; height: 117px; border-radius: 50%; margin: auto; overflow: hidden; border: 1px solid #f1f1f1; } .about_line_lingdao_img img { width: 100%; margin-top: -5px; } .about_line_lingdao_box h4 { color: #000; font-size: 18px; margin-top: 20px; font-weight: 800; position: relative; margin-bottom: 30px; } .about_line_lingdao_box h4:before { display: block; content: ""; position: absolute; background: #1546b5; width: 30px; height: 2px; left: 50%; margin-left: -15px; bottom: -17px; } .about_line_lingdao_box h5 { color: #999; font-size: 15px; font-weight: 400; margin-top: 18px; margin-bottom: 5px; line-height: 1.3; } .about_line_lingdao_top .about_line_lingdao_box_info { position: absolute; left: 119px; top: 0; display: none; width: 540px; padding: 0 10px 10px 0; } .about_line_lingdao_box:hover .about_line_lingdao_box_info { display: block; z-index: 3; overflow: hidden; } .about_line_lingdao_top { margin-top: 80px; ; } .about_line_lingdao_top .about_line_lingdao_box_info_text { position: relative; z-index: 4; margin: 10px 0 0 50px; padding: 10px; background: #fff; text-align: left; font-size: 14px; box-shadow: 0 1px 6px rgb(0 0 0 / 39%); } .about_line_lingdao_top .about_line_lingdao_box:hover .about_line_lingdao_box_info:before { position: absolute; left: 0; width: 540px; height: 200px; top: 0; z-index: 1; display: block; content: ""; background: url(../img/ld_bg11.png) no-repeat; } .about_line_lingdao_top .about_line_lingdao_box:hover .about_line_lingdao_box_info::after { position: absolute; width: 540px; height: 200px; top: 0; left: 540px; z-index: 2; display: block; content: ""; background: url(../img/ld_bg3.jpg?v=22) no-repeat; animation: fade-ld; animation-duration: 0.5s; -webkit-animation: fade-ld 0.5s; } .about_line_lingdao_bot .about_line_lingdao_box_info { position: absolute; left: 50%; margin-left: -265px; top: 180px; display: none; width: 530px; padding: 0 10px 10px 10px; padding-top: 35px; } .about_line_lingdao_bot .about_line_lingdao_box_info .about_line_lingdao_box_info_text:before { display: block; content: ""; position: absolute; top: -10px; left: 0; margin-left: 0; background: url(../img/ld_bot_ico.png?v=22222) no-repeat; width: 100%; height: 10px; background-position: center; z-index: 3; } .about_line_lingdao_bot .about_line_lingdao_box { margin: 0 15px; width: 210px; } .about_line_lingdao_bot { display: inline-flex; } .about_line_lingdao_bot .about_line_lingdao_box_info_text { animation: fade-in-ld; animation-duration: 0.5s; -webkit-animation: fade-in-ld 0.5s; } .about_line_lingdao_bot .about_line_lingdao_box_info_text { position: relative; z-index: 4; padding: 10px; background: #fff; text-align: left; font-size: 14px; margin-top: 20px; box-shadow: 0 1px 3px rgb(0 0 0 / 39%); } #swiper-dashiji .swiper-pagination { display: none; } #swiper-dashiji .swiper-slide::before { display: none; } #swiper-dashiji .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #0133a5; } #swiper-dashiji .qiehuan { width: 150px; position: relative; overflow: hidden; margin: auto; padding: 20px 0; height: 70px; } #swiper-dashiji .qiehuan>div { background: none !important; width: 60px; height: 30px; color: #0133a5; font-family: cursive; text-align: center; border: 1px solid #0133a5; } #swiper-dashiji .qiehuan>div:hover { background: #0133a5 !important; color: #ffffff; } /* 企业荣誉开始 */ .swiper_img3 { height: 100%; position: relative; overflow: hidden; } .swiper_img3 img { width: 100%; min-height: 230px; } .swiper_img3 p { position: absolute; width: 100%; height: 40px; line-height: 40px; color: #fff; bottom: 0; background: rgb(51 51 51 / 65%) } .about_line5_head { height: 130px; text-align: center; color: #333333; } .about_line5 { position: relative; padding: 30px 0 80px; } #swiper-ry .swiper-slide::before { display: none; } #swiper-ry .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #0133a5; display: none; } #swiper-ry .swiper-pagination { display: none; } #swiper-ry .qiehuan { width: 130px; position: relative; overflow: hidden; margin: 80px auto 0; padding: 20px 0; height: 70px; } .about_line5 #rongyu-dialog-object { padding: 10px 20px; background: #1546b5; color: #fff; } #swiper-ry .qiehuan>div { background: none !important; width: 60px; height: 30px; color: #0133a5; font-family: cursive; text-align: center; border: 1px solid #0133a5; } #swiper-ry .qiehuan>div:hover { background: #0133a5 !important; color: #ffffff; } #swiper-ry .swiper-slide img { border: 1px solid #999; bottom: 0; } #swiper-ry .swiper-slide { position: relative; overflow: hidden; height: 230px; padding: 0 5px; } /* 企业文化页面开始 */ .wenhua_line1 { background: url(../img/wh1.jpg); padding: 80px 0; } .wenhua_line1_txt i { font-size: 100px; font-family: Arial; font-style: normal; line-height: 100px; height: 47px; color: #000; } .wenhua_line1_txt { padding: 20px 0 50px; text-align: left; color: #333333; font-size: 14px; } .wenhua_line1_txt .i1 { display: block; text-indent: -5px; } .wenhua_line1_txt .i2 { margin-top: -7px; position: absolute; } .wenhua_line1_box_txt { position: absolute; left: 40px; top: 60px; text-align: left; } .wenhua_line1_logo { text-align: left; } .wenhua_line1_box_txt h4 { font-size: 16px; color: #bbbbbb; text-transform: uppercase; font-weight: 400; margin-bottom: 5px; } .wenhua_line1_box_txt h2 { font-size: 20px; margin-bottom: 40px; color: #1546b5; } .wenhua_line1_box_txt h3 { font-size: 24px; color: #5d5d5d; font-weight: 1; } .wenhua_line1_box { height: 250px; overflow: hidden; } .wenhua_line1_box .x6 { overflow: hidden; } .wenhua_line1_box img { max-width: 100%; display: block; } .wenhua_line1_box1, .wenhua_line1_box3 { padding-right: 5px; } .wenhua_line1_box2, .wenhua_line1_box4 { padding-left: 5px; } .wenhua_line1_box { margin-bottom: 10px; } .wenhua_tit { font-size: 20px; color: #333333; margin-bottom: 30px; } .whbg { background: #f4f7ff; } .wenhua_line2 { padding: 60px 0; text-align: left; padding-left: 30px; overflow: hidden; position: relative; } .wenhua_line2_slide img { width: 100%; } .wenhua_line2_slide_img { max-width: 100%; position: relative; overflow: hidden; } .wenhua_line2_slide_img h4 { background: rgb(51 51 51 / 71%); position: absolute; width: 100%; bottom: 0; color: #fff; font-weight: 4; display: block; left: 0; text-align: center; z-index: 2; margin-bottom: 0; line-height: 40px; padding: 0 10px; } #swiper-whzp .qiehuan { width: 150px; position: relative; overflow: hidden; margin: auto; padding: 20px 0; height: 70px; } #swiper-whzp .qiehuan>div { background: none !important; width: 60px; height: 30px; color: #f9c300; font-family: cursive; text-align: center; border: 1px solid #f9c300; } #swiper-whzp .qiehuan>div:hover { background: #f9c300 !important; color: #ffffff; } #swiper-whzp .swiper-slide::before { display: none; } #swiper-xjrw .qiehuan { width: 150px; position: relative; overflow: hidden; margin: auto; padding: 20px 0; height: 70px; } #swiper-xjrw .qiehuan>div { background: none !important; width: 60px; height: 30px; color: #f9c300; font-family: cursive; text-align: center; border: 1px solid #f9c300; } #swiper-xjrw .qiehuan>div:hover { background: #f9c300 !important; color: #ffffff; } #swiper-gsjj-index .swiper-slide { width: 770px; } #swiper-gsjj-index { overflow: hidden; width: 770px; } #swiper-gsjj-index .swiper-slide img { width: 100%; } #swiper-gsjj-index .swiper-slide::before { bottom: -4px !important; top: auto !important; } #swiper-gsjj-index .qiehuan { width: 150px; position: relative; overflow: hidden; margin: auto; padding: 20px 0; height: 70px; } #swiper-gsjj-index .wenhua_line2_slide_img { height: 100%; overflow: hidden; } @media screen and (max-width: 1399px) { #swiper-gsjj-index .wenhua_line2_slide_img { height: 400px; overflow: hidden; } } #swiper-gsjj-index .qiehuan>div { background: none !important; width: 60px; height: 30px; color: #f9c300; font-family: cursive; text-align: center; border: 1px solid #f9c300; } #swiper-gsjj-index .qiehuan>div:hover { background: #f9c300 !important; color: #ffffff; } #swiper-xjrw .swiper-slide::before { display: none; } .wenhua_line3_slide_img { width: 100%; overflow: hidden; height: 400px; } .wenhua_line3_slide_img img { width: 100%; } #swiper-xjrw .wenhua_line3_slide_txt { margin-left: -1px; border-right: 1px solid #1546b5; border-top: 1px solid #1546b5; border-bottom: 1px solid #1546b5; height: 400px; background: #eff9ff; padding: 50px; } .wenhua_body .swiper-pagination { width: 100%; height: 2px; bottom: 0; left: 0; } #swiper-xjrw .wenhua_line3_slide_txt h6 { display: block; width: 20px; background: #1546b5; height: 3px; margin-top: 50px; margin-bottom: 5px; } #swiper-xjrw .wenhua_line3_slide_txt h2 { color: #333333; font-size: 18px; font-weight: 400; } #swiper-xjrw .wenhua_line3_slide_txt h3 { font-size: 14px; color: #666; line-height: 1.2; font-weight: 400; } #swiper-xjrw .wenhua_line3_slide_txt h4 { width: 80px; height: 30px; line-height: 30px; color: #333; font-size: 14px; font-weight: 4; text-align: center; border: 1px solid #999; } #swiper-xjrw .wenhua_line3_slide_txt h4:hover { background: #f9c300; color: #fff; border: 1px solid #f9c300; } .clg_slide_img img { width: 100%; } #swiper-clg .qiehuan { width: 150px; position: relative; overflow: hidden; margin: auto; padding: 20px 0; height: 70px; } #swiper-clg .qiehuan>div { background: none !important; width: 60px; height: 30px; color: #f9c300; font-family: cursive; text-align: center; border: 1px solid #f9c300; } #swiper-clg .qiehuan>div:hover { background: #f9c300 !important; color: #ffffff; } #swiper-clg .swiper-slide::before { display: none; } .wenhua_line4_txt { padding-right: 60px; } .wenhua_line4_txt h6 { display: block; width: 20px; background: #1546b5; height: 3px; } .wenhua_line4_txt h2 { color: #333333; margin-top: 120px; font-size: 18px; font-weight: 400; } .wenhua_line4_txt h3 { font-size: 14px; color: #666; line-height: 1.5; font-weight: 400; } .wenhua_line4_txt h4 { width: 80px; height: 30px; line-height: 30px; color: #333; font-size: 14px; font-weight: 4; text-align: center; border: 1px solid #999; } .wenhua_line4_txt h4:hover { background: #f9c300; color: #fff; border: 1px solid #f9c300; } .wenhua_body_r { box-shadow: -6px 6px 1px 1px #999; } .pianyi { position: absolute; margin-top: -61px; top: 0; left: 0; } .wenhua_line { position: relative; } .art_banner { height: 200px; width: 100%; overflow: hidden; } .art_banner img { width: 100%; } #swiper-pub-art .swiper-slide::before { display: none; } #swiper-pub-art .qiehuan .swiper-button-next { right: 0; left: auto; } #swiper-pub-art { position: relative; overflow: hidden; height: 600px; } #swiper-pub-art .swiper-pagination span { background: #f9be00 !important; } #swiper-pub-art .swiper-pagination { bottom: 0 !important; top: auto !important; } .art_swiper_bg { background: #eee; } .meiti_body { position: relative; overflow: hidden; } .art_body .art_body_top .art_body_tit .toudi a { display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #f9be00; font-size: 16px; color: #fff; } .art_body .art_body_top .art_body_tit .toudi a:hover { background: #cb9d09; } .page_yewu_box { padding: 80px 0; } .page_yewu_box .page_yewu_box_tit { height: 22px; line-height: 22px; border-left: 3px solid #1546b5; padding-left: 10px; } .page_yewu_box .page_yewu_box_tit h3 { font-size: 22px; } .page_yewu_box .page_yewu_box_tit img { height: 25px; margin-right: 10px; opacity: .6; } .page_yewu_box .page_yewu_box_body { padding-top: 20px; color: #555; font-size: 16px; } .page_yewu_line1 { position: inherit; background-size: cover; background-attachment: fixed; } .page_line1_right { height: 100%; margin-bottom: 30px; color: #333333; } .page_line1 { padding: 80px 0; overflow: hidden; } .page_line1 .page_line1_right .page_line1_right_li {} .page_line1 .page_line1_right .page_line1_right_li1 { /*background: url(../img/tz1.jpg); background-position: center; background-size: cover;*/ } .page_line1 .page_line1_right .page_line1_right_li1, .page_line1 .page_line1_right .page_line1_right_li2 { height: 535px; } .page_line1 .page_line1_right .page_line1_right_li3, .page_line1 .page_line1_right .page_line1_right_li4 { height: 400px; } .page_line1 .page_line1_right .page_line1_right_li2, .page_line1 .page_line1_right .page_line1_right_li4 { /*background: url(../img/tz2.jpg); background-position: center; background-size: cover;*/ margin-right: 0; } .page_line1 .swiper-slide::before { display: none; } .page_line1 .page_line1_box { overflow: hidden; position: relative; } .page_line1 .page_line1_box .page_line1_box_txt h4 { position: relative; line-height: 32px; } .page_line1 .page_line1_box .page_line1_box_txt p { color: #666666; font-size: 14px; text-align: left; } .page_line1 .page_line1_box .page_line1_box_txt p a { color: #1546b5; } .index_pub_tit2 h4 { position: relative; display: block; min-height: 2px; width: 100%; } .index_pub_tit2 h4 span { display: block; width: 100%; background: #b8c2c8; height: 2px; float: right; margin-top: 0; /* margin-right: 20px; */ } .index_pub_tit2 h4:before { display: block; content: ""; background: #0069bc; width: 40px; height: 2px; left: 0; top: 0; z-index: 3; position: absolute; } .index_pub_tit2 h4::after { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; display: block; content: ""; background: #1546b5; width: 40px; height: 2px; left: 40px; top: 0; z-index: 3; position: absolute; } .page_line1 .page_line1_box .page_line1_box_txt h4 span { display: block; width: 100%; background: #b8c2c8; height: 2px; float: right; margin-top: 0; /* margin-right: 20px; */ } .page_line1 .page_line1_box .page_line1_box_txt h4:before { display: block; content: ""; background: #0069bc; width: 40px; height: 2px; left: 0; top: 32px; z-index: 3; position: absolute; } .page_line1 .page_line1_box .page_line1_box_txt h4::after { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; display: block; content: ""; background: #1546b5; width: 40px; height: 2px; left: 40px; top: 32px; z-index: 3; position: absolute; } .page_line1 .page_line1_box .page_line1_box_txt { background: #ffffff; padding: 0 15px; position: absolute; text-align: left; color: #FFFFFF; width: 100%; height: 100%; top: 0; left: 0; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; /* opacity: 0.7;*/ } .page_line1 .page_line1_box .gupiao img { margin-top: 50px; } .page_line1_right .page_line1_right_li .page_line1_box_txt_line { margin-top: 150px; } .page_line1_right .page_line1_right_li .page_line1_box_txt_line_com {} .page_line1 .page_line1_box .page_line1_box_txt .page_line1_box_txt_line_com .page_line1_box_txt_line_com_li { display: block; margin-top: 14px; border: 1px solid #c3c3c3; color: #828282; font-size: 14px; text-align: center; width: 49%; margin-right: 2%; float: left; } .page_line1_box_txt_line_com_li2, .page_line1_box_txt_line_com_li4, .page_line1_box_txt_line_com_li6, .page_line1_box_txt_line_com_li8, .page_line1_box_txt_line_com_li10, .page_line1_box_txt_line_com_li12 { margin-right: 0 !important; } .page_line1 .page_line1_box .page_line1_box_txt .page_line1_box_txt_line_com span { font-size: 14px; } .page_line1 .page_line1_box .page_line1_box_txt .page_line1_box_txt_line_com .page_line1_box_txt_line_com_li:hover { background: #0069bd; border: 1px solid #0069bd; color: #ffffff; } .page_line1 .page_line1_box .page_line1_box_txt .page_line1_box_txt_line_com .page_line1_box_txt_line_com_more { border-radius: 15px; width: 107px; height: 30px; line-height: 30px; border: 1px solid #1546b5; display: block; margin: auto; margin-top: 50px; color: #1546b5; } .page_line1 .page_line1_box .page_line1_box_txt .page_line1_box_txt_line_com .page_line1_box_txt_line_com_more:hover { border: 1px solid #1546b5; background: #1546b5; color: #ffffff; } .page_line1 .page_line1_box .page_line1_box_txt .page_line1_box_txt_ico { width: 180px; float: right; } .page_line1 .zigongsi { color: #333; margin-top: 50px; height: 50px; line-height: 50px; } .page_line1 .zigongsi { border: 1px solid #ffffff; } .page_line1 .zigongsi .swiper-slide:hover { color: #0069bd; } .page_line1 .zigongsi .zigongsi_tit { background: #ffffff; } .page_line1 .zigongsi .zigongsi_box { overflow: hidden; } .page_line1 .page_line1_left_bot_txt .page_line1_left_bot_ico { margin-top: 90px !important; margin-bottom: 20px; } .page_line1 .page_line1_right_li { width: 49%; margin-right: 2%; } .page_line1 .page_line1_right_li .page_line1_box_txt_ico { height: 75px; transform: scale(1.1); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .page_line1 .page_line1_box .page_line1_box_txt h4 { margin-bottom: 20px; position: relative; margin-top: 10px; font-weight: 800; font-size: 20px; color: #000; text-align: left; } .page_line1 .page_line1_box .page_line1_box_txt h5 { font-weight: 400; text-transform: uppercase; color: #FFFFFF; } .page_line1 .page_line1_box .page_line1_box_txt h6 a { opacity: 0; color: #d44217; font-size: 20px; display: block; margin: auto; font-size: 40px; font-weight: 400; margin-top: 50px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } /*.page_line1 .page_line1_box:hover .page_line1_box_txt .page_line1_box_txt_ico,.page_line1 .page_line1_box:hover .page_line1_box_txt h5,.page_line1 .page_line1_box:hover h4:before{ opacity: 0.5; }*/ .page_line1 .page_line1_box .page_line1_box_txt h5, .page_line1 .page_line1_box h4:before { opacity: 0.5; } .page_line2 { background-size: cover; background-position: center; height: 740px; } .page_line2 .page_line2_left { padding-top: 90px; } .page_line2 .page_line2_left .page_line2_left_ico {} .page_line2 .page_line2_left h2 {} .page_line2 .page_line2_left h3 {} .zgs_img { height: 200px; } .zgs_img img { width: 100%; min-height: 200px; } .page_line2 .swiper_zgs a { display: block; background: rgb(191 212 248 / 32%); color: #fff; width: 100%; padding: 20px 20px; float: left; letter-spacing: 2px; height: 90px; font-size: 15px; line-height: 50px; } .swiper_zgs .swiper-slide { padding-right: 10px; } .page_line2 .swiper_zgs a:hover { background: rgb(191 212 248); color: rgb(72 91 122); } .page_line2 .swiper_zgs .swiper-slide::before { display: none; } .page_line2 .page_line2_left_tit { background: url(../img/zgs_ico2.png) no-repeat; background-position: left top; padding-left: 100px; height: 80px; margin-bottom: 20px; overflow: hidden; } .page_line2 .page_line2_left_tit h2 { font-size: 22px; margin-top: 5px; color: #fff; margin-bottom: 5px; } .page_line2 .page_line2_left_tit h3 { color: #6a81a7; font-size: 18px; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; margin-bottom: 0; } .page_line2 .page_line2_left_tit p { color: #6e7e99 } .page_line2 .page_line2_left_info { font-size: 16px; font-weight: 400; color: #919aa9; } .swiper_zgs .qiehuan { width: 150px; position: relative; overflow: hidden; margin: 20px auto 0; padding: 20px 0; height: 70px; } .swiper_zgs .swiper-slide::before { display: none; } .swiper_zgs .qiehuan>div { background: none !important; width: 60px; height: 30px; color: #1546b5; font-family: cursive; text-align: center; border: 1px solid #1546b5; } .swiper_zgs .qiehuan>div:hover { background: #1546b5 !important; color: #ffffff; } .page_line2 #swiper-zgs1 { margin: 35px 0 10px; } .page_line2 #swiper-zgs2 { margin-bottom: 10px; } .art_xiazai h4{ border-left: 5px solid #1546b5; padding-left: 10px; } .art_xiazai a { display: block; border-radius: 5px; line-height: 30px; border: 1px solid #F34231; color: #F34231; font-size: 16px; } .art_xiazai a:hover { background: #F34231; color: #fff; } .add a { display: inline-block; width: 100px; height: 30px; line-height: 30px; border-radius: 4px; border: 1px solid #dbdbdb; text-align: center; } .add a:hover { background: #f9c300; border: 1px solid #f9c300; color: #fff; } .card-body_box_txt li { line-height: 40px; height: 40px; font-size: 15px; list-style-type: none; text-align: left; } .card-body_box_txt li span { font-size: 18px; color: #0069bd; margin-right: 10px; } .pub_art_body_lianxi { margin-top: -30px; } .page_guihua_top { text-align: center; padding: 50px 0 25px; border-bottom: 2px solid #1546b5; } .page_guihua { background: url(../img/gh_bg.jpg?v=222); background-attachment: fixed; } .page_guihua_top .page_guihua_top_li { display: inline-flex; padding: 0 30px; } .page_guihua_top .page_guihua_top_li img { width: 40px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .page_guihua_top .page_guihua_top_li a { color: #666; font-size: 18px; } .page_guihua_top .active, .page_guihua_top .active a { color: #000 !important; position: relative; } .page_guihua_top .active:before { display: block; content: ""; position: absolute; height: 25px; width: 50px; left: 50%; margin-left: -25px; bottom: -27px; background: url(../img/xxk_ico.png?v=2222); } .page_guihua_top .active p img, .page_guihua_top .page_guihua_top_li:hover p img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; } .page_guihua_mid { background: rgba(255, 255, 255, 0.74); margin: 100px auto; } .page_guihua_body { margin: 0 0 50px; padding: 50px; line-height: 2; font-size: 20px; text-align: left; animation: fade-in; animation-duration: 0.5s; -webkit-animation: fade-in 0.5s; } .list_pic_box {} .list_pic_box .list_pic_img img { width: 100%; } .list_pic_box .list_pic_img { height: 200px; overflow: hidden; } .list_pic {} .list_pic_box h3 { line-height: 50px; font-weight: 400; font-size: 16px; margin-bottom: 0; background: #f5f5f5; border: 1px solid #ebebeb; } .list_pic_box:hover h3 { background: #1546b5; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; color: #fff; } .list_pic_box:hover h3 { color: #fff; } .list_xiashu .list_new_li_txt_more { margin-top: 0 !important; } .list_xiashu p { color: #666; font-size: 15px; } .pub_shangxia { background: #f7f9ff; text-align: left; } .pub_shangxia .pub_shangxia_l { padding: 20px; } .pub_shangxia .pub_shangxia_bak a { line-height: 96px; text-align: center; background: #e9ecf7; display: block; } .pub_shangxia .pub_shangxia_bak a:hover { background: #1546b5; color: #fff; } .page_tousu .page_tousu_txt { border: none; width: 100%; padding: 20px; text-align: left; text-indent: 2em; background: #f9f9f9; } .page_tousu .btn { line-height: 40px; padding: 0 20px; width: 300px; text-align: center; } .page_tousu .on { background: #1546b5; color: #fff; border: 1px solid #1546b5; } .page_tousu { margin: 30px 0; }